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

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

body {
	margin: 0px auto 10px auto; padding: 0;
	text-align: center;
	background: #030C35 url(../images/background_pp.jpg) no-repeat center 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;
	vertical-align:middle;
}
	
td, th {  
	vertical-align: top;
}

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


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


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

#entete {
	position: relative;
    width:770px;
    left:0px;
    top: 0px;
}

#entete #titre {
	position: relative;
	left:0px;
  	top: 0px;
	width: 740px;
	color:#FFFFFF; font-size: 22px; height: 43px;
}


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

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

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

#entete #salutationBoutons #salutation {
	position: relative;
	left:0px;top:0px;
	text-align:left;
	width: 400px;
	font-style:normal; font-weight:normal;
	color:#FFFFFF; font-size: 12px; line-height: 14px;
}

#entete #salutationBoutons a {
	display: block; font-size:11px; text-decoration: none; color:#FFFFFF;
	padding: 6px 0 0 0; font-weight:bold; text-align:center;
}
#entete #salutationBoutons a:hover {
	color:#ABBBC4;
}


#entete #salutationBoutons #boutonsTop {
	float:right; width: 350px; height: 25px;
	font-weight:bold; overflow:hidden; white-space:nowrap;
}
#entete #salutationBoutons #boutonsTop div {
	float:right; text-align:center;
}

#entete #salutationBoutons #boutonsTop .aide {
   width:30px; height:25px; background: url(../images/pp_bt_aide.gif) no-repeat 0 0;
}
#entete #salutationBoutons #boutonsTop .aide a {
   width:30px; height:25px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:14px; padding-top:3px;
}

#entete #salutationBoutons #boutonsTop .accesDossier {
   width:128px; height:25px; background: url(../images/pp_bt_acces.gif) no-repeat 0 0;
}
#entete #salutationBoutons #boutonsTop .accesDossier a {
   width:128px; height:25px;
}

/* Boutons - Differents selon le statut de l'utilisateur */

#entete #salutationBoutons #boutonsTop .ecrireFormateur {
   width:147px; height:25px; background: url(../images/pp_bt_ecrire_formateur.gif) no-repeat 0 0;
}
#entete #salutationBoutons #boutonsTop .ecrireFormateur a {
   width:147px; height:25px;
}

#entete #salutationBoutons #boutonsTop .ecrireApprenant {
   width:128px; height:25px; background: url(../images/pp_bt_ecrire_apprenant.gif) no-repeat 0 0;
}
#entete #salutationBoutons #boutonsTop .ecrireApprenant a {
   width:128px; height:25px;
}

#entete #salutationBoutons #boutonsTop .ecrireChargeProjet {
   width:157px; height:25px; background: url(../images/pp_bt_ecrire_charge.gif) no-repeat 0 0;
}
#entete #salutationBoutons #boutonsTop .ecrireChargeProjet a {
   width:157px; height:25px;
}


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


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

#onglet div {
	float:left;
}

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

#presentation {
    width:245px;height:26px; left:0px;
	margin:0; padding: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: 6px 0 0 20px;
	height: 19px; width: 255px;
}

#presentation a:hover {
	height: 19px; width: 235px;
}

#presentationsousmenu {
	position: absolute;
    width:228px;
    left:0px;
	margin:0 0 0 0;padding:0px 10px 13px 10px;
	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 {
	margin:8px 0 0 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;
}

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


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

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

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

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

#ressourcessousmenu {
	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;
}

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

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


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

#contenu {
	position: relative; left:0px; width:770px;
	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; z-index:1;
	width:761px; height:71px;
	background: url(../images/pp_ligne_titres.gif) 0 0 no-repeat;
}

#contenu #centre .titres .contenu {
	position: absolute;
	left:15px;top:6px; width:295px;
	color:#214470; font-weight:bold;font-size:15px;
}

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

#contenu #centre .titres .commentaires {
	position: absolute;
	left:450px; top:47px; width:297px;
	color:#214470; 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:122px;
}

#contenu #centre #tableMatieres table td.commentaires {
	padding:10px 10px 10px 0px;
	vertical-align:top;text-align:left;
	width:290px;
}

#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:434px; width:311px; height: 29px;
	font-size:11px; font-weight:bold; z-index:3; 
	overflow:hidden; white-space:nowrap; text-align:right; margin:0 6px;
}

#contenu #boutonsContenu div {
	text-align:center; float:right;
}

#contenu #boutonsContenu a {
	display: block; padding: 6px 0 0 0;
	font-size:11px; text-decoration: none; color:#FFFFFF;
}
#contenu #boutonsContenu a:hover {
	color:#ABBBC4;
}

#contenu #boutonsContenu .feuille {
   width:108px; height:25px; background: url(../images/pp_bt_feuille.gif) no-repeat left top;
}
#contenu #boutonsContenu .feuille a {
   width:108px; height:25px;
}
#contenu #boutonsContenu .journal {
   width:108px; height:25px; background: url(../images/pp_bt_journal.gif) no-repeat left top;
}
#contenu #boutonsContenu .journal a {
   width:108px; height:25px;
}
#contenu #boutonsContenu .plan {
   width:91px; height:25px; background: url(../images/pp_bt_plan.gif) no-repeat left top;
}
#contenu #boutonsContenu .plan a {
   width:91px; height:25px;
}


/* 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:left;
	background: url(../images/pp_bt_dernierePage.gif) 0 0 no-repeat;
}

#contenu #boutonDernierePageActif a {
	display: block; height:30px;
	font-size:11px; text-decoration: none; color:#FFFFFF;
	padding: 6px 0 0 10px;
}
#contenu #boutonDernierePageActif a:hover {
	color:#ABBBC4;
}

#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;
	background: url(../images/pp_bt_dernierePage.gif) no-repeat 0px -60px;
}

#contenu #boutonDernierePageInactif div {
	display: block;
	font-size:11px; text-decoration: none; color:#787878;
	padding: 5px 15px 0 0;
}


#liens {
 margin:15px 0 0 0;
}
#liens a {
	text-decoration:none; color:#a3abc2; font-size:12px;
}
#liens a:hover {
	text-decoration:underline; color:#a3abc2; font-size:12px;
}
#liens #Copyright {
	float:left; width:250px; text-align:center; padding-top:8px;
}
#liens #Generique {
	float:left; width:250px; text-align:center; padding-top:8px;
}
#liens #PresentationSofad {
	float:left; width:250px; text-align:center;
}

/* Fin Centre */


#contenu #bas {
	position: relative; left:0px;
	width:770px; height:60px;
	background: url(../images/pp_contenu_back_bas.gif) no-repeat left bottom;
}

#contenu #bas #legende {
	padding:30px 0 0 15px; width:315px; float:left;
}

#contenu #bas #legende div {
	float:left;
	height:26px; width:50px; 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/pp_puce_verrouille.gif) 0 0 no-repeat;
}
#contenu .ouvert {	
	background: url(../images/pp_puce_ouvert.gif) 0 0 no-repeat;
}
#contenu .termine {	
	background: url(../images/pp_puce_termine.gif) 0 0 no-repeat;
}




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


.spacer {
	clear:both;
}