/***** General *****/



body, table, tr, td, p, div, span, ul, ol, li, blockquote, input {
	font-family: Arial, Helvetica, sans-serif;
}

html { overflow-x:hidden; }

h1 {
	font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
  margin-top: 0.5em;
	font-size: 1.6em;
	line-height: 1.2em;
	font-weight: normal;
	color: #f3fbdf;
	}

body {

	margin: 0px auto 10px auto; padding: 0;

	text-align: center;
  
	background: #0b2b2a url(../images/background_vert06.jpg) no-repeat left top;

}

p {
  text-align:justify;
  font-size:12px;
  line-height:1.33em;
}  

a:link,a:visited,a:active {

	text-decoration: underline;

	color: black;

	}

	

a:hover {

	color: #0000CC;

	text-decoration: none;

	}

	

img {
  border: none;
	text-decoration:none;

}

	

td, th {  

	vertical-align: top;

}



/***** Fin general *****/



/***** Entete *****/

#entete #titre {
 	margin: 5px 5px 0 0;
}

#entete p {
  margin-left:5px;
  margin-top: 5px;
  margin-bottom: 0;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
  font-weight:bold;
  color:#eeeeee;
}

/***** Publicité *****/

#pub {
  /*margin-top: 5px;*/

}

#pub #bloc {
  background:url(../images/pattern_turquoise.png) repeat;
  border: solid 1px #44738b;
  padding: 0 5 0 5;
}
  

#infogenerales p {  
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
  font-weight:bold;
  color: #eeeeee;
  vertical-align:middle;
}

#contenu #bas #legende #infogenerales p a.aide {
  color: #eeeeee;
  font-size: 14px;
  font-weight:bold;
  
  text-decoration:underline;
}

#contenu #bas #legende #infogenerales p a.aide:hover {
  color: #eeeeee;
  font-size: 14px;
  font-weight:bold;
  text-decoration:none;
  border:none;
}



/***** Contenu *****/



#contenu {

	position: relative;

    width:770px;

    left:0px;

	padding:8px 0 0 0;

	background: url(../images/PP_contenu_back_top.gif) 0 0 no-repeat;

}



/* Centre */



#contenu #centre {

	position: relative;

	left:0px;

	width:770px; /*height:354px;*/

	padding:0 2px;

	background: url(../images/PP_contenu_back_centre.gif) 0 0 no-repeat;

}



#contenu #centre .hauteurMinimum {

	float:right; height:354px; width:1px;

}



#contenu #centre .titres {

	position: absolute;

	left:2px;top:0px;

	width:761px;height:71px;

	background: url(../images/PP_ligne_titres.gif) 0 0 no-repeat;

	z-index:1;

}



#contenu #centre .titres .contenu {

	position: absolute;

	left:15px;top:6px;

	width:295px;

	color:#336699; font-weight:bold;font-size:15px;

}



#contenu #centre .titres .activites {

	position: absolute;

	left:315px;top:44px;

	width:130px;

	color:#336699; font-weight:bold;font-size:15px;

}



#contenu #centre .titres .commentaires {

	position: absolute;

	left:450px;top:47px;

	width:297px;

	color:#336699;font-size:12px;

}



#contenu #centre #tableMatieres {

	position: relative;

	left:9px;

	width:742px;

	padding:25px 0 0 0;

	font-size:12px;

	z-index:2;

}



#contenu #centre #tableMatieres table {

	background: url(../images/PP_modules_back.gif) repeat-y left bottom;

}



#contenu #centre #tableMatieres table td {

	font-size:12px;

}



#contenu #centre #tableMatieres .themes {

	padding:10px 0 5px 20px; width:722px; font-weight:bold;

}



#contenu #centre #tableMatieres .themes img {

	background: url(../images/PP_theme_triangle_close.gif) 0 0 no-repeat;

}



#contenu #centre #tableMatieres .themesOpen {

	padding:10px 0 10px 20px; width:742px; /*height:24px;*/  font-weight:bold;

	background: url(../images/PP_modules_back_top.gif) 0 0 no-repeat;

}



#contenu #centre #tableMatieres .themesOpen img {

	background: url(../images/PP_theme_triangle_open.gif) 0 0 no-repeat;

}



#contenu #centre #tableMatieres #theme1 {

	display:none;

}

#contenu #centre #tableMatieres #theme2 {

	display:none;

}

#contenu #centre #tableMatieres #theme3 {

	display:none;

}

#contenu #centre #tableMatieres #theme4 {

	display:none;

}



#contenu #centre #tableMatieres table td.modules {

	padding:10px 10px 10px 20px;

	width:270px;

	vertical-align:top;text-align:left;

}



#contenu #centre #tableMatieres table td.activites {

	padding:10px 10px 10px 10px;

	vertical-align:top;text-align:left;

	width:112px;

}



#contenu #centre #tableMatieres table td.commentaires {

	padding:10px 10px 10px 0px;

	vertical-align:top;text-align:left;

	width:300px;

}



#contenu #centre #tableMatieres table tr.dernier td {

	padding-bottom:30px;

}





/* Module 7 */



#contenu #centre #tableMatieres table#module7 {

	background: url(none);

}



#contenu #centre #tableMatieres table#module7 td.modules {

	padding:10px 10px 10px 20px;

	width:270px;

	vertical-align:top;text-align:left;

}



#contenu #centre #tableMatieres table#module7 td.activites {

	padding:10px 10px 10px 10px;

	vertical-align:top;text-align:left;

	width:112px;

}



#contenu #centre #tableMatieres table#module7 td.commentaires {

	padding:10px 10px 10px 0px;

	vertical-align:top;text-align:left;

	width:300px;

}





/* Conclusion */



#contenu #centre #tableMatieres table#conclusion {

	background: url(none);

}

#contenu #centre #tableMatieres table#conclusion .themes {

	padding:10px 10px 10px 20px; width:270px;

}



#contenu #centre #tableMatieres table td.autoevaluation {

	vertical-align:top; text-align:left;

	padding:10px 10px 0px 10px;

}



#contenu #centre #tableMatieres table td.autoevaluation .conteneur {

	position:relative;height:30px;

}





/* les 3 boutons dans le top du contenu */

#contenu #boutonsContenu {

	position: absolute; left:528px;

	width:218px; height: 29px;

	font-size:11px; font-weight:bold;

	z-index:3; 

	background: url(../images/PP_bt_contenu.gif) no-repeat left top;

	overflow:hidden; white-space:nowrap;

	text-align:right; margin:0 6px;

}



#contenu #boutonsContenu div {

	text-align:center; float:left;

}



#contenu #boutonsContenu a {

	display: block; padding: 6px 0 0 0;

	font-size:11px; text-decoration: none; color:#FFFFFF;

}

#contenu #boutonsContenu a:hover {

	color:#ffff66;

}

#contenu #boutonsContenu .feuille {

   width: 108px;

}

#contenu #boutonsContenu .feuille a {

   height: 24px; width: 108px;

}

#contenu #boutonsContenu .journal {

   width: 107px;

}

#contenu #boutonsContenu .journal a {

   height: 24px; width: 107px;

}

#contenu #boutonsContenu .plan {

   width: 93px;

}

#contenu #boutonsContenu .plan a {

   height: 24px; width: 93px;

}





/* bouton derniere visite */

#contenu #boutonDernierePageActif {

	position:absolute;top:0;left:285px;

	width:145px; 

	height: 30px;

	font-size:11px;

	z-index:3; 

	font-weight:bold;

	overflow:hidden; white-space:nowrap;

	text-align:center;

	background: url(../images/PP_bt_dernierePage.png) 0 0 no-repeat;

}



#contenu #boutonDernierePageActif a {

	display: block; height:30px;

	font-size:11px; text-decoration: none; color:#FFFFFF;
	text-align:center;
	padding: 8px 8px 0 0;

}

#contenu #boutonDernierePageActif a:hover {

	color:#ffff66;

}



#contenu #boutonDernierePageInactif {

	position:absolute;top:0;left:285px;

	/*float:right;*/

	width:145px; 

	height: 30px;

	font-size:11px;

	z-index:3; 

	font-weight:bold;

	overflow:hidden; white-space:nowrap;

	text-align:center;



}



#contenu #boutonDernierePageInactif div {

	display: block;

	font-size:11px; text-decoration: none; color:#787878;

	padding: 5px 15px 0 0;

}





/* Fin Centre */





#contenu #bas {

	position: relative; left:0px;

	width:770px; height:72px;

	background: url(../images/PP_contenu_back_bas.gif) 0 0 no-repeat;

}



#contenu #bas #legende {

	padding:42px 0 0 10px;
	
}

#contenu #bas #legende a {

	color: #f3fbdf;
	vertical-align:center;
	
}

/*

#contenu #bas #legende div {

	float:left;

	height:26px; width:auto; margin:0 8px;

	vertical-align:middle; text-align:center;

	font-size:11px; line-height:10px;

}

*/

#contenu #bas #legende div.titre {

	font-weight:bold;

	height:26px; line-height:24px;

	padding:0 12px 0 2px;

}



/* Etats des modules (puces) */

#contenu .verrouille {

	background: url(../images/mod-verrouille.gif) 0 0 no-repeat;

}

#contenu .ouvert {	

	background: url(../images/mod-ouvert.gif) 0 0 no-repeat;

}

#contenu .complete {	

	background: url(../images/mod-complete.gif) 0 0 no-repeat;

}

/***** Fin Contenu *****/


/***** Bas des pages (footer) *****/



#basdepage {

	position: relative;
    left:0px;
    top: 0px;
}


#bas a {
	text-decoration: none;
	color:#44738b;
	font-size: 11px;
}



#bas a:hover {

	text-decoration: underline;
	color: #44738b;
	font-size: 11px;
}



#bas #Copyright {
	float:left;
	color: #44738b;
	text-align: left;
	padding: 8px 0 0 0px;

}



#bas #Generique {

	float:left;

	text-align: center;

	padding: 8px 0 0 18px;

}


#bas #PresentationSofad {


	float:left;

	text-align: right;

}



/***** Fin footer des pages *****/

.spacer {

	clear:both;

}