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



body, table, tr, td, p, div, span, ul, ol, li, blockquote, input {

	font-family:"Tahoma", Arial, Helvetica, sans-serif;

	margin: 0; padding: 0;

}



body {

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

	text-align: center;

	background: #3e5565 url(../images/background_pp.jpg) no-repeat center top;

}



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

	text-decoration: none;

	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;

}

.demo-allo {
    padding: 1em;
    color: white;
    position: absolute;
    top: 0;
    right: 0;
    font-size: 12px;
    font-weight: bold;
}

.demo-bienvenue {

    position:absolute; top:90px;
    width:750px; padding:7px; background-color:#c4ccd0; border:3px solid #535f73; text-align:left;
    font-size:14px;
    
}

.bienvenue-2 {
    margin-top: -10px;
    padding: 0 1em
}

.bienvenue-2 a {
    border-bottom: 1px dotted black;
    font-weight: bold;
    
}

.bienvenue-2 p {
    margin: 0 0 0.5em 0;
}


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



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



#header {

	position: relative; height:90px;

}



#header #titre {

	position:absolute; left:5px; top:38px; z-index:2;

	text-align:left; width:530px; font-style:normal; font-weight:bold; color:#FFFFFF; font-size: 14px;

}



#header #lettrine {

	position:absolute; left:15px; top:5px; width:241px; height:71px; z-index:1;

	opacity:.2; filter: alpha(opacity=6); -moz-opacity: 0.2;

}



#header #salutation {

	position: absolute; right:0px; top:37px; z-index:2;

	text-align:left; width:210px; font-style:normal; font-weight:normal; 

	color:#FFFFFF; font-size:12px; line-height:13px; font-family:Arial, Helvetica, sans-serif;

}





/* Boutons dans le top */



#header #boutonsTop {

	position:absolute; top:0px; right:7px; z-index:2;

	padding:0; margin:0; overflow:hidden; white-space:nowrap;

	height:28px; width:420px; text-align:right;

}



#header #boutonsTop div {

	text-align:center; float:right; height:28px; margin-left:10px;

}



#header #boutonsTop a {

	display: block; line-height:28px; height:28px;

	font-size:13px; text-decoration: none; color:#000000;

}

#header #boutonsTop a:hover {

	text-decoration:none; color:#AE5023;

}



#header #boutonsTop .apprenant {

   width: 143px; background: url(../images/pp_bt_ecrire_a.gif) no-repeat 0 0; 

}

#header #boutonsTop .apprenant a {

   width: 143px;

}

#header #boutonsTop .formateur {

   width: 103px; background: url(../images/pp_bt_ecrire_f.gif) no-repeat 0 0; 

}

#header #boutonsTop .formateur a {

   width: 103px;

}

#header #boutonsTop .formateurExploration {

   width: 178px; background: url(../images/pp_bt_ecrire_fx.gif) no-repeat 0 0; 

}

#header #boutonsTop .formateurExploration a {

   width: 178px;

}



#header #boutonsTop #dossierEduSofad {

   width:131px; background: url(../images/pp_bt_edusofad.gif) 0 0 no-repeat;

}

#header #boutonsTop #dossierEduSofad a {

   width:131px;

}



#header #boutonsTop #aide {

   width:31px;

}

#header #boutonsTop #aide a {

   width:31px; font-weight:bold; font-size:18px; font-family:Arial, Helvetica, sans-serif;

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

}



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







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



#contenu #boutonsContenu {

	position: absolute; top:14px; left:15px; height:28px; width:700px; z-index:5; white-space:nowrap; 

}



#contenu #boutonsContenu div {

	text-align:center; height:28px; position:absolute;

}



#contenu #boutonsContenu a {

	display: block; line-height:28px; height:28px;

	font-size:13px; text-decoration: none; color:#000000; font-family:"Tahoma", Arial, Helvetica, sans-serif;

}

#contenu #boutonsContenu a:hover {

	color:#AE5023;

}



#contenu #boutonsContenu .feuille {

   width:124px; left:342px; top:0px; background: url(../images/pp_bt_feuillederoute.gif) no-repeat left top;

}

#contenu #boutonsContenu .feuille a {

   width:124px;

}



#contenu #boutonsContenu #presentation {

    width:222px; left:0px; top:0px; background: url(../images/pp_bt_presentation.gif) 0 0 no-repeat;

}

#contenu #boutonsContenu #presentation a {

	width:222px;

}

#contenu #presentationsousmenu {

	position:absolute; width:210px; height:135px; left:22px; top:39px; white-space:normal;

	margin:0; padding:0 0 8px 0; z-index:105; display:none; font-size:12px;

	background-color:#fac51b; text-align:left; color:#000000;

	border-right:2px solid #B24913; border-bottom:2px solid #B24913; border-left:1px solid #B24913;

}

#contenu #presentationsousmenu ul {

	margin:10px 0 0 15px; list-style:none;

}

#contenu #presentationsousmenu ul li {

   margin:0 0 14px 0;

}

#contenu #presentationsousmenu ul li a {

	display: block; width:185px; color:#000000; text-decoration:none; 

	height:auto; line-height:13px; font-size:12px;

}

#contenu #presentationsousmenu ul li a:hover {

	color:#AE5023;

}





#contenu #boutonsContenu #ressources {

    width:104px; left:230px; top:0px; background: url(../images/pp_bt_ressources.gif) 0 0 no-repeat;

}

#contenu #boutonsContenu #ressources a {

	width:104px;

}

#contenu #ressourcessousmenu {

	position:absolute; width:95px; height:380px; left:249px; top:39px; white-space:normal;

	margin:0; padding:0 0 8px 0; z-index:105; display:none; font-size:12px;

	background-color:#fac51b; text-align:left; color:#000000;

	border-right:2px solid #B24913; border-bottom:2px solid #B24913; border-left:1px solid #B24913;

}

#contenu #ressourcessousmenu ul {

	margin:10px 0 0 15px; list-style:none; width:80px;

}

#contenu #ressourcessousmenu ul li {

   margin:0 0 14px 0; white-space:normal;

}

#contenu #ressourcessousmenu ul li a {

	display:inline; width:80px; color:#000000; text-decoration:none;

	height:auto; line-height:13px; font-size:12px; white-space:normal;

}

#contenu #ressourcessousmenu ul li a:hover {

	color:#AE5023;

}









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



#contenu {

	position: relative; width:770px; 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:750px; text-align:left;

	padding:0; margin:0 0 0 20px;

}





/* Navigation entre modules */

#contenu #centre .navTableMatieres {

	margin:48px 0 0 10px; width:750px;

}

#contenu #centre .navTableMatieres div {

	float:left; height:33px; margin-right:5px;

}

#contenu #centre .navTableMatieres .titre {

	color:#AB541E; font-weight:bold; font-size:14px; line-height:33px;

}

#contenu #centre .navTableMatieres .titre div.texte {

	margin:0 0 0 30px; float:none; margin-right:0;

}

#contenu #centre .navTableMatieres .titre a {

	color:#AB541E; display:block;

}

#contenu #centre .navTableMatieres .titre a:hover {

	color:#000000;

}



#contenu #centre .navTableMatieres .introduction {

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

	width:139px;

}

#contenu #centre .navTableMatieres .introduction a {

	width:109px;

}

#contenu #centre .navTableMatieres .introduction div.texte {

	margin:0 0 0 20px; float:none; margin-right:0;

}



#contenu #centre .navTableMatieres .mouvementOuvert {

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

	width:174px;

}

#contenu #centre .navTableMatieres .mouvementFerme {

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

	width:174px;

}

#contenu #centre .navTableMatieres .mouvementFerme a {

	width:131px;

}



#contenu #centre .navTableMatieres .optiqueOuvert {

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

	width:132px;

}

#contenu #centre .navTableMatieres .optiqueFerme {

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

	width:132px;

}

#contenu #centre .navTableMatieres .optiqueFerme a {

	width:102px;

}



#contenu #centre .navTableMatieres .forcesOuvert {

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

	width:139px;

}

#contenu #centre .navTableMatieres .forcesFerme {

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

	width:139px;

}

#contenu #centre .navTableMatieres .forcesFerme a {

	width:109px;

}







#contenu #centre .tableMatieres .contenuModule {

	clear:both; position:relative; font-size:12px; line-height:16px;

}



#contenu #centre .tableMatieres table {

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

}



#contenu #centre .tableMatieres .blocTableMatieres {

	width:332px; margin:0; text-align:left; min-height:222px;

	background: url(../images/pp_bloctablematieres_back.gif) no-repeat left bottom;

}

#contenu #centre .tableMatieres .blocTableMatieres .top {

	background: url(../images/pp_bloctablematieres_back_top.gif) no-repeat left top; height:10px;

}

#contenu #centre .tableMatieres .blocTableMatieres .texte {

	padding:0 10px 20px 10px; position:relative;

}



#contenu #centre .tableMatieres .moduleTitre {

	font-weight:bold;

}

#contenu #centre .tableMatieres img.ouvert {

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

}

#contenu #centre .tableMatieres img.ferme {

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

}



#contenu #centre .tableMatieres .blocTableMatieres ul {

	margin:0 0 0 14px; padding:0;

	list-style-type:none;

}

#contenu #centre .tableMatieres .blocTableMatieres li {

	margin:7px 0 0 0;

}







/* Module Le mouvement */



#contenu #centre #mouvement {

	position: relative; width:730px; display:none;

}

#contenu #centre #mouvement #mouvementSAE {

	position:absolute; top:25px; left:15px;

}

#contenu #centre #mouvement #mouvementNotions {

	position:absolute; top:25px; left:385px;

}

#contenu #centre #mouvement #mouvementFleche1 {

	position:absolute; top:150px; left:360px;

}

#contenu .hauteurMinimumMouvement {

	height:270px; width:1px;

}



/* Module L'optique */



#contenu #centre #optique {

	position: relative; width:730px; display:none;

}

#contenu #centre #optique #optiqueSAE {

	position:absolute; top:25px; left:15px;

}

#contenu #centre #optique #optiqueNotions {

	position:absolute; top:25px; left:385px;

}

#contenu #centre #optique #optiqueFleche1 {

	position:absolute; top:150px; left:360px;

}

#contenu .hauteurMinimumOptique {

	height:270px; width:1px;

}



/* Module Les forces */



#contenu #centre #forces {

	position: relative; width:730px; display:none;

}

#contenu #centre #forces #forcesSAE {

	position:absolute; top:25px; left:15px;

}

#contenu #centre #forces #forcesNotions {

	position:absolute; top:25px; left:385px;

}

#contenu #centre #forces #forcesFleche1 {

	position:absolute; top:150px; left:360px;

}

#contenu .hauteurMinimumForces {

	height:455px; width:1px;

}





/* Etats des modules (puces) */

#contenu .prodAttendue {	

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

}

#contenu .prodDepose {	

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

}

#contenu .check0-59 {	

	background: url(../images/puce_check0-59.gif) no-repeat 0px 0px;

}

#contenu .check60-89 {	

	background: url(../images/puce_check60-89.gif) no-repeat 0px 0px;

}

#contenu .check90-100 {	

	background: url(../images/puce_check90-100.gif) no-repeat 0px 0px;

}





/* Zone du bas */



#contenu #bas {

	height:130px; padding:0 10px 0 10px;

	background: url(../images/pp_contenu_back_bas.gif) no-repeat left bottom;

}



/* Legende */

#contenu #legende {

	float:left; margin: 32px 7px 0 7px; padding:0 10px 0 0; width:470px;

	background: url(../images/pp_legende_background2.gif) no-repeat right top;

}

#contenu #legende div {

	float:left; white-space:nowrap;

	height:27px; margin:0 5px; padding:6px 0 0 0;

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

	font-size:11px;

}

#contenu #legende img {

	vertical-align:bottom; padding:0 0 1px 0;

}

#contenu #legende div.titre {

	height:27px; padding:5px 0 0 2px;

}

#contenu #legende div.bout {

	width:14px; height:27px; margin:0; padding:0;

}





/* Bouton Derniere Page visite */

#contenu .boutonDernierePageActif {

	font-size:12px; position:absolute; bottom:10px; right:15px;

}

#contenu .boutonDernierePageInactif {

	font-size:12px; position:absolute; bottom:10px; right:15px;

	margin:0 0 0 0; opacity: .5; filter: alpha(opacity=50);

}

#contenu .boutonDernierePageActif a {

  background: #FFFFFF url(../images/bt_lien_notion_fleche.gif) no-repeat right top;

  border-bottom:1px solid #5B656C; color:#333B40; line-height:28px; display:block;

  padding:0px 35px 0px 5px; margin:5px 0; text-decoration: none; font-style:normal; 

  font-family:"Tahoma", Arial, Helvetica, sans-serif;

}	

#contenu .boutonDernierePageActif a:hover {

    text-decoration: none; font-style:normal; color:#333B40; 

	background: #d8e4ee url(../images/bt_lien_notion_fleche.gif) no-repeat right top;

}

#contenu .boutonDernierePageInactif div {

  background: #FFFFFF url(../images/bt_lien_notion_fleche.gif) no-repeat right top;

  border-bottom:1px solid #5B656C; color:#333B40; height:28px;

  padding:0px 35px 0px 5px; margin:5px 0; text-decoration: none; font-style:normal; 

  font-family:"Tahoma", Arial, Helvetica, sans-serif;

  opacity:50; filter: alpha(opacity=50); -moz-opacity: 0.5;

}





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







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



#basdepage {

	position: relative; width:770px; left:0px; top: -20px; font-size: 11px; color:#CFDDE8;
}



#basdepage a {

	text-decoration: none; color: black;

}



#basdepage a:hover {

	text-decoration: underline; color: black;

}


#basdepage #PresentationSofad {

	position:absolute; top:30px; left:15px;  text-align: center;

}

#basdepage #Copyright {

	position:absolute; top:40px; left:220px; width:170px; text-align: left; padding: 8px 0 0 15px;

}



#basdepage #Generique {

	position:absolute; top:40px; left:445px;  text-align: center; padding: 8px 0 0 0;

}


#basdepage #LogoCSBE {

	position:absolute; top:0px; right:30px;  text-align: right;

}



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



.spacer {

	clear:both;

}