/***** 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;
}



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

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

#header {
	position: relative; height:90px;
}

#header #titre {
	position:absolute; left:5px; top:20px; 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:10px; top:40px; 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 */

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

#header #boutonsTop {
	position:absolute; top:0px; right:7px; z-index:2;
	padding:0; margin:0; overflow:hidden; white-space:nowrap;
	height:28px; width:520px; text-align:right;
}

#header #boutonsTop div {
	text-align:center; float:right; height:28px; margin-left:5px;
}

#header #boutonsTop a {
	display: block; line-height:26px; 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 #feuillederoute {
   width:124px; background: url(../images/pp_bt_feuillederoute.gif) 0 0 no-repeat;
}
#header #boutonsTop #feuillederoute a {
   width:124px;
}

#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 2 boutons/onglets au top du contenu */

#boutonsOnglets {
	position: relative; height:28px; width:770px; white-space:nowrap; 
}

#boutonsOnglets div {
	text-align:left; height:28px; position:absolute;
}

#boutonsOnglets a {
	display: block; line-height:28px; height:28px; padding-left:24px;
	font-size:13px; text-decoration: none; color:#000000; font-family:"Tahoma", Arial, Helvetica, sans-serif;
}
#boutonsOnglets a:hover {
	color:#AE5023;
}

#boutonsOnglets #presentation {
    position:absolute; width:224px; left:14px; top:0px; background: url(../images/pp_bt_presentation.png) 0 0 no-repeat; z-index:3;
}
/* hack IE 6 */
* html #boutonsOnglets #presentation {
    background: url(../images/pp_bt_presentation.gif) 0 0 no-repeat;
}

#boutonsOnglets #presentation a {
	width:224px;
}
#presentationsousmenu {
	position:absolute; width:224px; height:115px; left:14px; top:0px; white-space:normal;
	margin:0; padding:0 0 8px 0; z-index:105; display:none; font-size:12px; text-align:left; color:#000000;
	background: url(../images/pp_onglet_presentation_sm.png) no-repeat left bottom;
	/*border-right:2px solid #B24913; border-bottom:2px solid #B24913; border-left:1px solid #B24913; background-color:#fac51b;*/
}
#presentationsousmenu ul {
	margin:10px 0 0 15px; list-style:none;
}
#presentationsousmenu ul li {
   margin:0 0 14px 0;
}
#presentationsousmenu ul li a {
	display: block; width:185px; color:#000000; text-decoration:none; 
	height:auto; line-height:13px; font-size:12px;
}
#presentationsousmenu ul li a:hover {
	color:#AE5023;
}

#boutonsOnglets #ressources {
    position:absolute; width:116px; left:249px; top:0px; background: url(../images/pp_bt_ressources.png) 0 0 no-repeat; z-index:3;
}
/* hack IE 6 */
* html #boutonsOnglets #ressources {
    background: url(../images/pp_bt_ressources.gif) 0 0 no-repeat;
}
#boutonsOnglets #ressources a {
	width:116px;
}
#ressourcessousmenu {
	position:absolute; width:116px; height:340px; left:249px; top:0px; white-space:normal;
	margin:0; padding:0 0 8px 0; z-index:105; display:none; font-size:12px; text-align:left; color:#000000;
	background: url(../images/pp_onglet_reference_sm.png) no-repeat left bottom;
	/*border-right:2px solid #B24913; border-bottom:2px solid #B24913; border-left:1px solid #B24913; background-color:#fac51b;*/
}
#ressourcessousmenu ul {
	margin:10px 0 0 15px; list-style:none; width:80px;
}
#ressourcessousmenu ul li {
   margin:0 0 14px 0; white-space:normal;
}
#ressourcessousmenu ul li a {
	display:inline; width:80px; color:#000000; text-decoration:none;
	height:auto; line-height:13px; font-size:12px; white-space:normal;
}
#ressourcessousmenu ul li a:hover {
	color:#AE5023;
}




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

#contenu {
	position: relative; width:770px; padding:8px 0 0 0; z-index:1;
	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; z-index:3;
}
#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:362px; margin:0; text-align:left; min-height:255px;
	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:5px 10px 60px 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 img.gauche {
	background: url(../images/pp_triangle_gauche.gif) 0 0 no-repeat;
}

#contenu #centre .tableMatieres .blocTableMatieres ul {
	margin:0; padding:0;
	list-style-type:none;
}
#contenu #centre .tableMatieres .blocTableMatieres li {
	margin:7px 0 0 0;
}


#introduction {
	position:absolute; top:18px; left:15px; font-weight:bold; background: url(../images/pp_bloc-element-seul_back.gif) no-repeat 0 0;
	width:170px; height:35px; line-height:32px; padding:0 0 0 16px; z-index:3;
}

#synthese {
	position:absolute; top:335px; left:390px; font-weight:bold; background: url(../images/pp_bloc-element-seul_back.gif) no-repeat 0 0;
	width:170px; height:35px; line-height:32px; padding:0 0 0 12px; z-index:3;
}

#contenu #centre #fleche1 {
	position:absolute; top:55px; left:95px;
}
#contenu #centre #fleche2 {
	position:absolute; top:200px; left:363px;
}
#contenu #centre #fleche3 {
	position:absolute; top:323px; left:465px;
}
#contenu #centre #fleche4 {
	position:absolute; top:347px; left:370px;
}

/* Module Le mouvement */

#contenu #centre #mouvement {
	position: relative; width:730px; display:none;
}
#contenu #centre #mouvement #mouvementSAE {
	position:absolute; top:67px; left:0px; z-index:3;
}
#contenu #centre #mouvement #mouvementNotions {
	position:absolute; top:67px; left:375px; z-index:3;
}
#contenu .hauteurMinimumMouvement {
	height:385px; 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:300px; 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;
}
#contenu .laboratoire {	
	background: url(../images/puce_laboratoire.gif) no-repeat 0px 0px;
}


/* Bouton Derniere Page visite */
#contenu .boutonDernierePageActif {
	font-size:12px; position:absolute; bottom:15px; 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: 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;
}



/* Zone du bas */

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

/* Legende */
#contenu #legende {
	/*float:left; margin: 32px 7px 0 90px; padding:0 10px 0 0;*/ 
	position:absolute; top:5px; left:115px; width:540px;
	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;
}

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



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

#basdepage {
	position: relative; width:770px; height:70px; font-size: 11px; color:#CFDDE8; margin:5px 0 20px 0;
}

#basdepage a {
	text-decoration: none; color: #FFFFFF;
}

#basdepage a:hover {
	text-decoration: underline; color: #FFFFFF;
}

#basdepage #PresentationSofad {
	position:absolute; top:0px; left:15px;  text-align: center;
}

#basdepage #Copyright {
	position:absolute; top:30px; left:220px; text-align: left;
}

#basdepage #Generique {
	position:absolute; top:30px; left:445px;  text-align: center;
}

#basdepage #LogoCSBE {
	position:absolute; top:0px; right:15px;  text-align: right;
}

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

.spacer {
	clear:both;
}