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



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

html { 
	overflow-x:hidden; 
}

h1 {
	font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
  	margin-top: 0.8em;
	font-size: 24px;
	line-height: 1.2em;
	color: #114642;
  	font-weight:bold;
}

body {
	margin: 0px auto 10px auto; padding: 0;
	text-align: center;
	background: #F4F4EA url(../images/PP_bg.jpg) no-repeat left top;
}

a:link,a:visited,a:active {
	text-decoration: underline;
	color: black;
}	

a:hover {
	color: #0000CC;
	text-decoration: none;
	}
	
img {
	border: 0px none;
	padding: 0px;
	margin: 0px;
}
	
td, th {  
	vertical-align: top;
}

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


#conteneur {
	position: relative;
	margin: 10px auto 0 auto;
	width: 770px;
	text-align:left;
}


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

#entete {
	position: relative;
    width:770px;
    left:0px;
    top: 0px;
    
    /*background: url(../images/abeille.png) no-repeat right top;*/
}




/***** Zone de salutation et des boutons *****/

#entete #salutationBoutons {
	position: relative;
  	width:770px; height:35px;
  	left:0px;
	padding: 0 0 0 0;
}

#entete #salutationBoutons div {
	text-align:center;
}

#entete #salutationBoutons #salutation {
	position: relative;
	left:5px;top:5px;
	text-align:left;
	width: 360px;
	font-style:normal; font-weight:normal;
	color:#114642; font-size: 12px; line-height: 12px;
}

/* Boutons dans le header */

#boutonsTop {
	float:right; width: 365px; height: 30px; margin:7px 10px 0 0;
	font-weight:bold; overflow:hidden; white-space:nowrap; text-align:right;
}
#boutonsTop a {
	display: block; text-decoration:none; float:left; text-align:center;
}

#boutonsTop a.dossier {
   width:116px; height:30px; background: url(../images/btn_dossier.gif) no-repeat 0 0;
}
#boutonsTop a.dossier:hover {
   width:116px; height:30px; background: url(../images/btn_dossier.gif) no-repeat 0 -50px;
}

#boutonsTop a.ecrire {
   width:50px; height:30px; background: url(../images/btn_ecrire.gif) no-repeat 0 0;
}
#boutonsTop a.ecrire:hover {
   width:50px; height:30px; background: url(../images/btn_ecrire.gif) no-repeat 0 -50px;
}

#boutonsTop a.aide {
   width:50px; height:30px; background: url(../images/btn_aide.gif) no-repeat 0 0;
}
#boutonsTop a.aide:hover {
   width:50px; height:30px; background: url(../images/btn_aide.gif) no-repeat 0 -50px;
}

#boutonsTop a.pageprincipale {
   width:132px; height:30px; background: url(../images/btn_pp.gif) no-repeat 0 0;
}
#boutonsTop a.pageprincipale:hover {
   width:132px; height:30px; background: url(../images/btn_pp.gif) no-repeat 0 -50px;
}

#boutonsTop a.feuillederoute {
   width:132px; height:30px; background: url(../images/btn_feuillederoute.gif) no-repeat 0 0;
}
#boutonsTop a.feuillederoute:hover {
   width:132px; height:30px; background: url(../images/btn_feuillederoute.gif) no-repeat 0 -50px;
}

/***** Fin Entete *****/


#onglet {
	position: relative;
	width:421px; height:26px; margin:4px 0 0 0;
	clear:both;
}

#onglet div {
	float:left;
}

/***** Presentation et fonctionnement *****/

#presentation {
    width:245px;height:30px;
	margin: 0 0 0 15px;padding:0 0 0 0;
	background: url(../images/PP_onglet_presentation.gif) 0 0 no-repeat;
	overflow:hidden; 
	white-space:nowrap; 
	text-align:left;
}

#presentation a {
	display: block;
	font-size:13px; 
	text-decoration: none; color:#FFFFFF; font-weight:bold;
	padding: 7px 0 0 18px;
}

#presentation a:hover {
	
}

#presentationsousmenu {
	position: absolute;
    width:244px;
    left:0px;
	margin:0 0 0 15px;
	background: url(../images/PP_onglet_presentation_sm.gif) left bottom no-repeat;
	text-align:left; font-size:11px; color:#FFFFFF;
	z-index:5;
	display:none;
	
}

#presentationsousmenu ul {
	padding:8px 0 10px 12px; list-style:none;
}
#presentationsousmenu ul li {
	line-height:12px; margin:0 0 8px 0;
}
#presentationsousmenu ul li a {
	display: block; width:210px; 
	color:#FFFFFF; text-decoration:none;
}
#presentationsousmenu ul li a:hover {
	text-decoration:underline;
	color:#0000CC;
}

/***** Fin Presentation et fonctionnement *****/


/***** Reference *****/

#reference {
    width:155px;height:26px;
    left:245px;
	margin:0 0 0 0;padding:0 0 0 0px;
	background: url(../images/PP_onglet_reference.gif) 0 0 no-repeat;
	overflow:hidden; white-space:nowrap; text-align:left;
}

#reference a {
	display: block;
	font-size:13px; text-decoration: none; color:#FFFFFF; font-weight:bold;
	padding: 6px 0 0 20px;
	height: 19px; width: 255px;
}

#reference a:hover {
	height: 19px; width: 235px;/*color:#134E60;*/
}

#referencesousmenu {
	position: absolute;
    width:157px;
    left:245px; /*top:226px;*/
	margin:0 0 0 0;padding:0px 10px 13px 10px;
	background: url(../images/PP_onglet_reference_sm.gif) left bottom no-repeat;
	text-align:left; font-size:11px; color:#FFFFFF;
	z-index:5;
	display:none;
}

#referencesousmenu ul {
	margin:8px 0 0 12px; list-style:none;
}
#referencesousmenu ul li {
	line-height:12px; margin:0 0 8px 0;
}
#referencesousmenu ul li a {
	display: block; width:125px; color:#FFFFFF; text-decoration:none;
}
#referencesousmenu ul li a:hover {
	text-decoration:underline;
}

/***** Fin Reference *****/


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

#contenu {
	position: relative;
    width:770px;
    left:0px;
	padding:13px 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:4px;
	width:295px;
	color:#000000; font-weight:bold;font-size:15px;
}

#contenu #centre .titres .activites {
	position: absolute;
	left:315px;top:40px;
	width:110px;
	color:#000000; font-weight:bold;font-size:15px;
}

#contenu #centre .titres .commentaires {
	position: absolute;
	left:440px;top:43px;
	width:297px;
	color:#000000;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;right:22px;
	width:142px; 
	height: 30px;
	font-size:11px;
	z-index:3; 
	font-weight:bold;
	overflow:hidden; white-space:nowrap;
	text-align:center;
}

#contenu #boutonDernierePageActif a {
	display: block; width:142px; height:30px; background: url(../images/PP_bt_dernierePage.gif) 0 0 no-repeat; text-decoration: none;
}
#contenu #boutonDernierePageActif a:hover {
	background: url(../images/PP_bt_dernierePage.gif) 0 -49px no-repeat;
}

#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: #114642;
	vertical-align:center;
	
}

#contenu #bas #legende td {
	vertical-align:middle;
}
/*
#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:#114642;
	font-size: 11px;
}

#bas a:hover {
	text-decoration: underline;
	color: #114642;
	font-size: 11px;
	padding: 8px 0 0 0;
}

#bas #Copyright {
	float:left;
	color: #114642;
	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;
}