/* CSS Document */


a {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 10px;
	font-weight: normal;
	color: #cccccc;
	text-decoration: none;
	}
div {
	margin: 0px;
	padding: 0px;
}

	


.acces {
	text-align: center;
	margin-top: 80px;
	list-style-type: none;
}



.acces a{
	font-family: "Comic Sans MS";
	font-size: 16px;
	text-transform: uppercase;
	color: #FFFFFF;
}



.acces a:hover {
	color: #dba42e;
}



.acces li {
	display: inline;
	padding-right: 30px;
}



.accueil {
	margin-left: 183px;
	margin-bottom: 10px;
}




.analyse {margin-top: 50px;
		 border-left-width: thin;
		 font-family: Arial, Helvetica, sans-serif;
		 font-size: 14px; 
		 list-style-type: square;
	
	}
	


.bandetitre {
	position: absolute;
	z-index: 0;
	left: -8px;
	top: -3px;
	visibility: visible;
}




#bandeau {
	background-color: #930704;
	
}




body {

	width: auto;
	height: auto;
	background-color: #595959;
	}



.bordure {
	border-left-width: medium;
	border-left-style: groove;
	border-left-color: #FFFFFF;
	float: left;
	width: 710px;
	margin-top: 150px;
	margin-left: 220px;
	height: 1025px;
	position: absolute;
	padding-bottom: 460px;
	background-color: #333333;
	left: 8px;
	top: 10px;
}
.bordure h2 {
	padding: 0px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 0px;
}




.bordureintro {
	border-left-width: medium;
	border-left-style: groove;
	border-left-color: #FFFFFF;
	float: left;
	width: 710px;
	margin-top: 120px;
	margin-left: 220px;
	height: auto;
	position: absolute;
	padding-bottom: 145px;
}






.bordureintro0 {
	border-left-width: medium;
	border-left-style: groove;
	border-left-color: #FFFFFF;
	float: left;
	width: 465px;
	margin-top: 150px;
	margin-left: 460px;
	height: auto;
	position: absolute;
	padding-bottom: 127px;
}




.bordureintro2 {
	border-left-width: medium;
	border-left-style: groove;
	border-left-color: #FFFFFF;
	float: left;
	width: 710px;
	margin-top: 120px;
	margin-left: 220px;
	height: auto;
	position: absolute;
	padding-bottom: 95px;
}



.bordureintro3 {
	border-left-width: medium;
	border-left-style: groove;
	border-left-color: #FFFFFF;
	float: left;
	width: 710px;
	margin-top: 120px;
	margin-left: 220px;
	height: auto;
	position: absolute;
	padding-bottom: 192px;
}



.bordureintro4 {
	border-left-width: medium;
	border-left-style: groove;
	border-left-color: #FFFFFF;
	float: left;
	width: 985px;
	margin-top: 120px;
	margin-left: 220px;
	height: 873px;
	position: absolute;
	padding-bottom: 505px;
	left: 53px;
	top: 16px;
}



.bordureintro5 {
	23border-left-width: medium;
	border-left-style: groove;
	border-left-color: #FFFFFF;
	float: left;
	width: 710px;
	margin-top: 120px;
	margin-left: 220px;
	height: auto;
	position: absolute;
	padding-bottom: 307px;
}



.bordureliens {
	border-left-width: medium;
	border-left-style: groove;
	border-left-color: #FFFFFF;
	float: left;
	width: 720px;
	margin-top: 200px;
	margin-left: 260px;
	height: 495px;
	position: absolute;
	padding-bottom: 850px;
}


.bordurepresentation {
	float: left;
	width: 515px;
	margin-top: 120px;
	margin-left: 220px;
	height: 1273px;
	position: absolute;
	padding-bottom: 145px;
	left: 205px;
	top: 22px;
}


.bouton {
	position: absolute;
	margin-top: 250px;
	visibility: visible;
	margin-left: 430px;
}


.bouton2 {
	margin-left: 430px;
	position: absolute;
	margin-top: 300px;
	visibility: visible;
	}



.bouton3 {
	margin-left: 430px;
	position: absolute;
	margin-top: 350px;
	visibility: visible;
	}


.bouton4 {
	margin-left: 430px;
	position: absolute;
	margin-top: 400px;
	}


.bouton5{
	position: absolute;
	margin-top: 450px;
	margin-left: 430px;
	}

.bouton6{
	position: absolute;
	margin-top: 500px;
	margin-left: 430px;
	}


.boutonhorizontal {
	position: absolute;
	margin-top: 250px;
	margin-left: 480px;
}


.bouton2horizontal {
	margin-left: 480px;
	position: absolute;
	margin-top: 300px;
	}



.bouton3horizontal {
	margin-left: 480px;
	position: absolute;
	margin-top: 350px;
	}


.bouton4horizontal {
	margin-left: 480px;
	position: absolute;
	margin-top: 400px;
	}



.bouton5horizontal {
	position: absolute;
	margin-top: 450px;
	margin-left: 480px;
	}
	

.bouton6horizontal {
	
	position: absolute;
	margin-top: 500px;
	margin-left: 500px;
	}
#grosseImage {
	left: 0px;
	top: 0px;
}




/*.boutonradegonde {
	position: absolute;
	margin-top: 430px;
}


.bouton2radegonde {
	margin-left: 430px;
	position: absolute;
	margin-top: 1000px;
	}



.bouton3radegonde {
	margin-left: 430px;
	position: absolute;
	margin-top: 1000px;
	}


.bouton4radegonde {
	margin-left: 430px;
	position: absolute;
	margin-top: 1000px;
	}


.bouton5radegonde{
	position: absolute;
	margin-top: 430px;
	}
	


.bouton6radegonde{
	position: absolute;
	margin-top: 1050px;
	margin-left: 430px;
	}*/



.chantier	{
	padding-top: 120px;
	padding-left: 100px;
	position: absolute;
	z-index: 0;
}



.chantierfiche {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #FFFFFF;
	text-align: justify;
	margin-top: 1000px;
	width: 500px;
	position: absolute;
	margin-left: 380px;
}




.chantierfiche li {
	margin-bottom: 30px;
	list-style-position: inside;
	list-style-image: url(images/iconepalette2.gif);

}



.chantiercompo {
	margin-top: 249px;
	clear: both;
	position: absolute;
	float: left;
	margin-left: 30px;
	visibility: visible;
}



.chantiercompo1 {
	margin-top: 100px;
	float: left;
	position: absolute;

}



.chantiercompo2 {
	float: left;
	position: absolute;
	margin-left: 320px;
	margin-top: 100px;
	}



.chantiercompo3 {
	float: left;
	clear: left;
	position: absolute;
	margin-top: 550px;
	}



.chantiercompo4 {
	float: left;
	position: absolute;
	margin-left: 320px;
	margin-top: 550px;
	}

.chantiercompocom3 {
	float: left;
	width: 340px;
	text-align: justify;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #CCCCCC;
	margin-top: 215px;
	margin-left: 580px;
	position: absolute;
	visibility: visible;
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	border-top-width: 1px;
	border-top-style: outset;
	border-top-color: #FFFFFF;
	height: 372px;
}



.chantiercompocom3 li {
	list-style-position: inside;
	list-style-type: square;
	text-indent: 20px;
	padding-top: 10px;
}


.chantiercompocom5 {
	float: left;
	width: 340px;
	text-align: justify;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #CCCCCC;
	margin-top: 215px;
	margin-left: 580px;
	position: absolute;
	visibility: visible;
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	border-top-width: 1px;
	border-top-style: outset;
	border-top-color: #FFFFFF;
	height: 150px;
}



.chantiercompocom5 li {
	list-style-position: inside;
	list-style-type: square;
	text-indent: 20px;
	padding-top: 10px;
}
.chantiercompocom2horizontal {
	float: left;
	width: 340px;
	text-align: justify;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #CCCCCC;
	margin-top: 215px;
	margin-left: 580px;
	position: absolute;
	visibility: visible;
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	border-top-width: 1px;
	border-top-style: outset;
	border-top-color: #FFFFFF;
	border-left-color: #FFFFFF;
	height: 532px;
}


.chantiercompocom2horizontal li {
	list-style-position: inside;
	list-style-type: square;
	text-indent: 20px;
	padding-top: 10px;
}




.chantiercompocom3horizontal {
	float: left;
	width: 340px;
	text-align: justify;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #CCCCCC;
	margin-top: 215px;
	margin-left: 580px;
	position: absolute;
	visibility: visible;
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	border-top-width: 1px;
	border-top-style: outset;
	border-top-color: #FFFFFF;
	border-left-color: #FFFFFF;
	height: 625px;
	border-right-style: none;
}


.chantiercompocom3horizontal li {
	list-style-position: inside;
	list-style-type: square;
	text-indent: 20px;
	padding-top: 10px;
}



.chantiercompocom4 {
	float: left;
	width: 340px;
	text-align: justify;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	margin-top: 550px;
	margin-left: 580px;
	position: absolute;
	visibility: visible;
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	border-top-width: 1px;
	border-top-style: outset;
	border-top-color: #FFFFFF;

}


.chantiercompocom4 li {
	list-style-position: inside;
	list-style-type: square;
	text-indent: 20px;
	padding-top: 10px;
}


.chantiercompocom4horizontal {
	float: left;
	width: 340px;
	text-align: justify;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #CCCCCC;
	margin-top: 520px;
	margin-left: 580px;
	position: absolute;
	visibility: visible;
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	border-top-width: 1px;
	border-top-style: outset;
	border-top-color: #FFFFFF;
	border-left-color: #FFFFFF;
}


.chantiercompocom4horizontal li {
	list-style-position: inside;
	list-style-type: square;
	text-indent: 20px;
	padding-top: 10px;
}


.chantiercompocom5horizontal {
	float: left;
	width: 340px;
	text-align: justify;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #CCCCCC;
	margin-top: 215px;
	margin-left: 580px;
	position: absolute;
	visibility: visible;
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	border-top-width: 1px;
	border-top-style: outset;
	border-top-color: #FFFFFF;
	border-left-color: #FFFFFF;
	height: 312px;
}


.chantiercompocom5horizontal li {
	list-style-position: inside;
	list-style-type: square;
	text-indent: 20px;
	padding-top: 10px;
}


.compo {display: none;
}



.compo2 {display:none;
}



.compohorizontal {
	display:none;
	}



.compo2horizontal {
	display:none;
	}


.contact 	{
	list-style-type: none;
	text-align: center;
	clear: left;
	position: absolute;
	margin-top: 1615px;
	margin-left: 390px;
	padding-bottom: 20px;
			 }

			 
.contact a {font-family: Arial, Helvetica, sans-serif
}


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


			 
.contact li {
	display: inline;
	padding-right: 20px;
	padding-left: 20px;
	border-right-color: #DBA42E;
	border-right-style: solid;
	border-right-width: 1px;
			}



.contact2 	{
	list-style-type: none;
	font-size: 14px;
	position: absolute;
	margin-top: 1087px;
	margin-left: 300px;
	padding-bottom: 10px;
	float: left;
	visibility: visible;
			 }

.contact2 a {font-family:Arial, Helvetica, sans-serif;
}
			 

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

 
.contact2 li {
	display: inline;
	padding-right: 20px;
	padding-left: 20px;
	border-right-color: #dba42e;
	border-right-style: solid;
	border-right-width: 1px;
			}




.contact3 	{
	list-style-type: none;
	clear: left;
	font-size: 14px;
	position: absolute;
	margin-top: 650px;
	margin-left: 200px;
	padding-bottom: 30px;
			 }

			 


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


			 
.contact3 li {
	display: inline;
	border-left-style: solid;
	padding-right: 20px;
	padding-left: 20px;
	border-right-color: #DBA42E;
	border-left-color: #DBA42E;
	border-right-style: solid;
	border-right-width: 1px;
	border-left-width: 1px;
			}




.contactcoul 	{
	list-style-type: none;
	text-align: center;
	clear: both;
	float: left;
	font-size: 14px;
	position: absolute;
	margin-top: 1100px;
	margin-left: 330px;
	padding-bottom: 30px;
			 }

			

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


			 
.contactcoul li {
	display: inline;
	border-left-style: solid;
	padding-right: 20px;
	padding-left: 20px;
	border-top-color: #DBA42E;
	border-right-color: #DBA42E;
	border-bottom-color: #DBA42E;
	border-left-color: #DBA42E;
	border-right-style: solid;
	border-right-width: 1px;
	border-left-width: 1px;
			}



.contactfiche 	{
	list-style-type: none;
	text-align: center;
	clear: left;
	font-size: 14px;
	position: absolute;
	margin-top: 1200px;
	margin-left: 350px;
	padding-bottom: 10px;
			 }

			 


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


			 
.contactfiche li {
	display: inline;
	border-left-style: solid;
	padding-right: 20px;
	padding-left: 20px;
	border-top-color: #DBA42E;
	border-right-color: #DBA42E;
	border-bottom-color: #DBA42E;
	border-left-color: #DBA42E;
	border-right-style: solid;
	border-right-width: 1px;
	border-left-width: 1px;
			}


.contacthgt	{
	list-style-type: none;
	text-align: center;
	clear: left;
	font-size: 14px;
	position: absolute;
	margin-top: 1200px;
	margin-left: 310px;
	padding-bottom: 10px;
			 }


.contacthgt a {
	font-family: Arial, Helvetica, sans-serif;
}
 

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


			 
.contacthgt li {
	display: inline;
	padding-right: 20px;
	padding-left: 20px;
	border-right-color: #DBA42E;
	border-right-style: solid;
	border-right-width: 1px;
			}


.contacthorizontal	{
	list-style-type: none;
	text-align: center;
	clear: left;
	position: absolute;
	margin-top: 1050px;
	margin-left: 300px;
	padding-bottom: 10px;
			 }

			 
.contacthorizontal a {font-family: Arial, Helvetica, sans-serif
}


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

			 
.contacthorizontal li {
	display: inline;
	padding-right: 20px;
	padding-left: 20px;
	border-right-color: #DBA42E;
	border-right-style: solid;
	border-right-width: 1px;
			}

.contact2horizontal	{
	list-style-type: none;
	clear: left;
	position: absolute;
	margin-top: 800px;
	margin-left: 100px;
	padding-bottom: 10px;
	left: 268px;
	top: 151px;
			 }

			 
.contact2horizontal a {font-family: Arial, Helvetica, sans-serif
}


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


			 
.contact2horizontal li {
	display: inline;
	padding-right: 20px;
	padding-left: 20px;
	border-right-color: #DBA42E;
	border-right-style: solid;
	border-right-width: 1px;
			}


.contactindex {
	list-style-type: none;
	position: absolute;
	margin-top: 110px;
	margin-left: 100px;
	padding-bottom: 30px;
			 }

			 
.contactindex a {font-family:Arial, Helvetica, sans-serif;
}

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


			 
.contactindex li {
	display: inline;
	padding-right: 10px;
	padding-left: 10px;
	border-right-color: #DBA42E;
	border-right-style: solid;
	border-right-width: 1px;
			}





.contactintro 	{
	list-style-type: none;
	text-align: center;
	clear: left;
	font-size: 10px;
	position: absolute;
	margin-top: 137px;
	margin-left: 200px;
	padding-bottom: 15px;
			 }

.contactintro a{font-family:Arial, Helvetica, sans-serif;
}


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


			 
.contactintro li {
	display: inline;
	padding-right: 10px;
	padding-left: 10px;
	border-right-color: #DBA42E;
	border-right-style: solid;
	border-right-width: 1px;
			}


.contactintro2 	{
	list-style-type: none;
	text-align: center;
	clear: left;
	font-size: 14px;
	position: absolute;
	margin-top: 80px;
	margin-left: 160px;
	padding-bottom: 15px;
			 }
 
 
.contactintro2 a{font-family:Arial, Helvetica, sans-serif;
}

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


			 
.contactintro2 li {
	display: inline;
	padding-right: 20px;
	padding-left: 20px;
	border-right-color: #DBA42E;
	border-right-style: solid;
	border-right-width: 1px;
			}




.contactintro3 	{
	list-style-type: none;
	text-align: center;
	clear: left;
	font-size: 14px;
	position: absolute;
	margin-top: 180px;
	margin-left: 150px;
	padding-bottom: 15px;
			 }

.contactintro3 a{font-family:Arial, Helvetica, sans-serif;
}

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


			 
.contactintro3 li {
	display: inline;
	padding-right: 20px;
	padding-left: 20px;
	border-right-color: #DBA42E;
	border-right-style: solid;
	border-right-width: 1px;
	border-left-width: 1px;
			}



.contactintro4 	{
	5list-style-type: none;
	text-align: center;
	clear: left;
	font-size: 14px;
	position: absolute;
	margin-top: 495px;
	margin-left: 150px;
	padding-bottom: 15px;
			 }

.contactintro4 a{font-family:Arial, Helvetica, sans-serif;
}		 


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


			 
.contactintro4 li {
	display: inline;
	padding-right: 20px;
	padding-left: 20px;
	border-right-color: #DBA42E;
	border-right-style: solid;
	border-right-width: 1px;
			}


.contactintro5 	{
	list-style-type: none;
	text-align: center;
	clear: left;
	font-size: 14px;
	position: absolute;
	margin-top: 295px;
	margin-left: 150px;
	padding-bottom: 15px;
			 }

			 
.contactintro5 a{font-family:Arial, Helvetica, sans-serif;
}

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


			 
.contactintro5 li {
	display: inline;
	padding-right: 20px;
	padding-left: 20px;
	border-right-color: #DBA42E;
	border-right-style: solid;
	border-right-width: 1px;
			}



.contactliens 	{
	list-style-type: none;
	clear: both;
	font-size: 14px;
	position: absolute;
	margin-top: 1535px;
	margin-left: 420px;
	padding-bottom: 15px;
			 }

.contactliens a {font-family:Arial, Helvetica, sans-serif;
}			 


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


			 
.contactliens li {
	display: inline;
	padding-right: 20px;
	padding-left: 20px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #dba42e;
			}



.contactmuller	{
	list-style-type: none;
	text-align: center;
	clear: left;
	font-size: 14px;
	position: absolute;
	margin-top: 1270px;
	margin-left: 310px;
	padding-bottom: 10px;
			 }

.contactmuller a {
	font-family: Arial, Helvetica, sans-serif;
}
 

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


			 
.contactmuller li {
	display: inline;
	padding-right: 20px;
	padding-left: 20px;
	border-right-color: #DBA42E;
	border-right-style: solid;
	border-right-width: 1px;
			}




.contactpedago 	{
	list-style-type: none;
	clear: both;
	font-size: 14px;
	position: absolute;
	margin-top: 2507px;
	margin-left: 260px;
	padding-bottom: 15px;
			 }

			 


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


			 
.contactpedago li {
	display: inline;
	border-left-style: solid;
	padding-right: 20px;
	padding-left: 20px;
	border-top-color: #DBA42E;
	border-right-color: #DBA42E;
	border-bottom-color: #DBA42E;
	border-left-color: #DBA42E;
	border-right-style: solid;
	border-right-width: 1px;
	border-left-width: 1px;
			}


.contactpresentation 	{
	list-style-type: none;
	text-align: center;
	clear: left;
	position: absolute;
	margin-top: 720px;
	margin-left: 150px;
	padding-bottom: 20px;
	left: -149px;
	top: 115px;
	width: 527px;
			 }

			 
.contactpresentation a {font-family: Arial, Helvetica, sans-serif
}


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


			 
.contactpresentation li {
	display: inline;
	padding-right: 20px;
	padding-left: 20px;
	border-right-color: #DBA42E;
	border-right-style: solid;
	border-right-width: 1px;
			}






.contactradegonde 	{
	list-style-type: none;
	clear: both;
	font-size: 14px;
	position: absolute;
	margin-top: 1350px;
	margin-left: 300px;
	padding-bottom: 15px;
			 }


.contactradegonde a{font-family:Arial, Helvetica, sans-serif;
}
		
		
.contactradegonde a:hover {
	text-decoration: underline;
	color: #FFFFFF;
}

			 
.contactradegonde li {
	display: inline;
	padding-right: 20px;
	padding-left: 20px;
	border-right-color: #DBA42E;
	border-right-style: solid;
	border-right-width: 1px;
			}


.developpement {
	width: 380px;
	text-indent: none;
	margin-top: 30px;
	}


.detail {
display:none;}


.detail2 {display:none;}


.detail3 {display:none;}


.detail4 {display:none;}



.dossier {
	margin-left: 250px;
}

.dossierbis { display: none;
}

.dossierindex {
	font-family: "Times New Roman", Times, serif;
	font-size: 18px;
	color: #FFFFFF;
	width: 313px;
	position: absolute;
	font-weight: normal;
	margin-left: 85px;
}


.dossier2 {
	margin-left: 240px;
}

.dossier2bis { display: none;
}

.dossier3 {
	margin-left: 250px;
}

.dossier3bis { display: none;
}

.dossier4 {
	margin-left: 250px;	
}

.dossier4bis { display: none;
}

.dossier5 {
	margin-left: 180px;
	
	}

.dossier5bis { display: none;
}

.dossierpedago {
	font-family: "Times New Roman", Times, serif;
	font-size: 18px;
	color: #FFFFFF;
	width: 240px;
	position: absolute;
	margin-left: 350px;
	background-color: #666666;
	padding: 5px;
	border-top-width: thin;
	border-left-width: thin;
	border-top-style: ridge;
	border-left-style: ridge;
	border-top-color: #FFFFFF;
	border-left-color: #FFFFFF;
	margin-top: 150px;
	font-weight: normal;
}

em {
	color: #dba42e;
}

.f11 {
	margin-top: 80px;
	width: 440px;
	margin-left: 30px;
	font-size: 11px;
	}


.fleche {
	margin-top: 950px;
	margin-left: 15px;
	width: 70px;
	position: absolute;
	left: 19px;
	top: -7px;
		}





.flechehorizontale {
	margin-top: 760px;
	margin-left: 25px;
	width: 70px;
	position: absolute;
		}

.flecheradegonde {
	margin-top: 1000px;
	margin-left: 25px;
	width: 70px;
	position: absolute;
		}

.fond {}



.gauche {
	float: left;
	margin-top: 30px;
}



.gaucheindex {
	float: left;
	margin-top: 0px;
}



.gaucheintro {
	float: left;
	margin-top: 30px;
}


.horizontal {
	padding-top: 100px;
	padding-left: 50px;
	position: absolute;
	z-index: 0;
	}
			



h1    {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	font-weight: normal;
	text-align: center;	
}



h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #FFFFFF;
	font-weight: normal;
	margin-top: 10px;
	text-align: center;
}

	
	
h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #FFFFFF;
	margin-bottom: 20px;
	padding-top: 5px;
	text-align: left;
	padding-left: 5px;
	font-weight: normal;
}
	
			


.hgtfiche {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	text-align: justify;
	margin-top: 1050px;
	width: 495px;
	position: absolute;
	margin-left: 305px;
	padding-top: 10px;
	padding-right: 20px;
	padding-left: 20px;
	}

.hgtfiche a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #CC9999;
}

.hgtfiche a:hover {text-decoration: underline;
}


.hgtfiche li {
	margin-bottom: 30px;
	list-style-position: inside;
	list-style-image: url(images/fleche.gif);
	}



.horizontalfiche {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	text-align: justify;
	margin-top: 800px;
	width: 590px;
	position: absolute;
	margin-left: 265px;
	background-color: #333333;
	padding-top: 10px;
	padding-right: 20px;
	padding-left: 10px;
	}


/*.horizontalfiche em {color:#FFFFFF;
}*/

.horizontalfiche li {
	margin-bottom: 30px;
	list-style-position: inside;
	list-style-image: url(images/fleche.gif);
	}


.ici {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	color: #CCCCCC;
	clear: both;
	position: absolute;
	visibility: visible;
	margin-left: 830px;
	margin-top: 130px;
	left: 0px;
	top: 0px;
}


.ici a {
	font-size: 11px;
}


.ici a:hover {
	color: #dba42e;
}




.ici3 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	color: #CCCCCC;
	margin-top: 220px;
	clear: both;
	position: absolute;
	margin-left: 30px;
}


.ici3 a:hover {
	color: #dba42e;
}





.interpretation {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	margin-top: 970px;
	position: absolute;
	width: 886px;
	text-align: justify;
	margin-left: 30px;
	text-indent: 0px;
	border-top-width: thin;
	border-left-width: thin;
	border-top-style: none;
	border-left-style: none;
	border-top-color: #FFFFFF;
	border-left-color: #FFFFFF;
	padding-left: 10px;
	background-color: #333333;
	padding-right: 15px;
	padding-bottom: 20px;
	left: 10px;
	top: -85px;
	height: 285px;
}


.interpretation em {color:#FFFFFF;
}


.interpretationhorizontal {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	margin-top: 800px;
	position: absolute;
	width: 890px;
	text-align: justify;
	text-indent: 0px;
	border-top-width: thin;
	border-left-width: thin;
	border-top-style: dotted;
	border-left-style: dotted;
	border-top-color: #FFFFFF;
	border-left-color: #FFFFFF;
	padding-left: 10px;
	margin-left: 30px;
	background-color: #333333;
	padding-bottom: 20px;
	padding-right: 15px;
	height: 9px;
}



.interpretationradegonde {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	margin-top: 1050px;
	position: absolute;
	text-indent: 25px;
	width: 890px;
	text-align: justify;
	margin-left: 30px;
	border-top-width: thin;
	border-left-width: thin;
	border-top-style: none;
	border-left-style: none;
	border-top-color: #FFFFFF;
	border-left-color: #FFFFFF;
	padding-left: 10px;
	margin-left: 30px;
	background-color: #333333;
	padding-right: 15px;
	padding-bottom: 20px;
}



.l {
	font-family: "Edwardian Script ITC";
	font-size: 60px;
	font-style: italic;
	color: #FFFFFF;
	background-color: #dba42e;
}



.legende {
	margin-top: 400px;
	position: absolute;
	margin-left: 10px;
}




.lettre {
	font-family: "Edwardian Script ITC";
	font-size: 36px;
	font-style: italic;
	font-weight: bold;
	color: #FFCC00;
	background-color: #999999;
}


			

.lettretitre {
	font-family: "Edwardian Script ITC";
	font-size: 60px;
	font-weight: bold;
	color: #666666;
	border-left-width: thick;
	border-left-style: double;
	border-left-color: #333333;
	background-image: url(images/spirale2.jpg);
}



.liens {
	margin-left: 170px;
	font-family: "Times New Roman", Times, serif;
	font-size: 18px;
	color: #FFFFFF;
	width: 350px;
	background-color: #666666;
	border-top-width: thin;
	border-left-width: thin;
	border-top-style: ridge;
	border-left-style: ridge;
	border-top-color: #FFFFFF;
	border-left-color: #FFFFFF;
	padding: 3px;
}


.matieres {
	font-family: "Times New Roman", Times, serif;
	font-size: 14px;
	color: #dba42e;
	float: right;
	position: absolute;
	margin-top: 160px;
	margin-left: 780px;
	list-style-position: inside;
	list-style-image: url(images/fleche.gif);
}



.matieres a:hover {
	text-decoration: underline;	
}


.mentionlegale {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #dba42e;
	text-transform: none;
	font-weight: bold;
}


.menu	{
	float: left;
	height: 1280px;
	color: #FFFFFF;
	width: 250px;
	list-style-type: none;
	clear: left;
	margin-top: 200px;
	position: absolute;
	margin-left: 15px;
	top: 55px;
	left: 0px;
		 }
.gauche ul.menu {
	text-indent: 0px;
	padding: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}




.menu a img	{
	border:2px solid #CCCCCC;
	}


.menu a:hover img {
	border: 2px solid #dba42e;	
}




.menu img {
	border: 2px solid #dba42e;
}
.gauche .menu li {
	text-indent: 0px;
}


		
.menu li {
	float: left;
	margin-top: 10px;
	margin-right: 30px;

}



.menuanalyse {
	list-style-type: none;
	padding-top: 15px;
	position: absolute;
	padding-left: 100px;
	z-index: 1;
	height: 45px;
	left: 6px;
	top: 46px;
	width: 600px;
	text-indent: 0px;
}



.menuanalyse li {
	display: block;
	float: left;
	margin-right: 80px;
	padding-top: 7px;
	padding-right: 10px;
	padding-bottom: 7px;
	padding-left: 10px;
	border-top-width: 1px;
	border-left-width: 1px;
	border-top-style: outset;
	border-left-style: outset;
	border-top-color: #FFFFFF;
	border-left-color: #dba42e;
	text-indent: 0px;
}




.menuanalyse a{
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	color: #CCCCCC;	
}



.menuanalyse a:hover{
	text-decoration: underline;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	color: #FFFFFF;
}




.menuanalyse2 {
	list-style-type: none;
	margin-top: 215px;
	position: absolute;
	margin-left: 97px;
	visibility: visible;
}


.menuanalyse2 li {
	display:block;
	float:left;
	padding-top: 7px;
	padding-right: 10px;
	padding-bottom: 7px;
	padding-left: 10px;
	border-top-width: 1px;
	border-left-width: 1px;
	border-top-style: outset;
	border-left-style: outset;
	border-top-color: #FFFFFF;
	border-left-color: #dba42e;
	background-color: #333333;
	}



.menuanalyse2 li a{
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	color: #CCCCCC;
	
}



.menuanalyse2 li a:hover{
	text-decoration: underline;	
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #FFFFFF;
}



.menuanalyse3 {
	list-style-type: none;
	position: absolute;
	margin-left: 220px;
	margin-top: 15px;
}


.menuanalyse3 li {
	display:block;
	float:left;
	border: thin solid #CCCCCC;
	margin-right: 10px;
	background-color: #dba42e;
	padding-top: 7px;
	padding-right: 10px;
	padding-bottom: 7px;
	padding-left: 10px;
	}



.menuanalyse3 li a{
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
	color: #FFFFFF;
	
}



.menuanalyse3 li a:hover{
	font-style: italic;
	text-decoration: underline;	
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
	color: #930704;
}



.menuindex	{
	float: left;
	color: #FFFFFF;
	width: 400px;
	list-style-type: none;
	clear: left;
	margin-top: 200px;
	position: absolute;
	padding-bottom: 10px;
		 }


.menuindex a img	{
	border:2px solid #CCCCCC;
	}


.menuindex a:hover img {
	border: 2px solid #dba42e;	
}


.menuindex img {
	border: 2px solid #dba42e;
}

		
.menuindex li {
	float: left;
	margin-top: 10px;
	margin-right: 25px;

}





p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	margin-right: 45px;
	margin-left: 45px;
	text-align: justify;
	line-height: 15px;
	clear: left;
}




.pagegarde {
	font-family: "Comic Sans MS";
	font-size: 30px;
	font-style: italic;
	margin-top: 100px;
	margin-right: 200px;
	width: 500px;
}



.pedago {
	margin-left: 155px;
	margin-top: 35px;
}




.pedago a{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #dba42e;
	font-weight: bold;
	padding: 5px;
	
}



.pedago a:hover {
	text-decoration: underline;
}


.pedagotitre {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	text-transform: uppercase;
	color: #dba42e;
	margin-top: 220px;
	position: absolute;
	text-decoration: overline;
	margin-left: 400px;
}


.pedagotitre2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	text-transform: uppercase;
	color: #dba42e;
	margin-top: 220px;
	position: absolute;
	text-decoration: overline;
	margin-left: 435px;
}


.pedagotitre3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	text-transform: uppercase;
	color: #dba42e;
	margin-top: 220px;
	position: absolute;
	text-decoration: overline;
	margin-left: 370px;
}


.plan {
	color: #FFFFFF;
	text-align: center;
	list-style-type: square;
	margin-top: 0px;
	background-color: #595959;
	padding-bottom: 15px;
	padding-top: 5px;
}


.plan a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #FFFFFF;
	font-style: italic;
	font-weight: bold;
}


.plan a:hover {
	color: #DBA42E;
}




.plan li {
	padding-top: 20px;
}


.presentation {
	margin-top: 50px;
}


.radegonde	{
	padding-top: 120px;
	padding-left: 150px;
	position: absolute;
	z-index: 0;
}

.radegondecompo {
	margin-top: 249px;
	clear: both;
	position: absolute;
	float: left;
	left: 0px;
	margin-left: 139px;
	visibility: visible;
}


.radegondefiche {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #FFFFFF;
	text-align: justify;
	margin-top: 1280px;
	width: 480px;
	position: absolute;
	margin-left: 310px;
	background-color: #333333;
	padding-top: 10px;
	padding-right: 20px;
	padding-left: 20px;
	}




.radegondefiche li {
	margin-bottom: 30px;
	list-style-position: inside;
	list-style-image: url(images/fleche.gif);
	}




.retour {
	margin-top: 30px;
	float: left;
	margin-left: 25px;
	}


.retour a:hover {
	color: #dba42e;
}




.retourhaut {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 16px;
	float: left;
	margin-left: 20px;
	margin-top: 0px;
	}



.retourhaut a:hover {
	color: #dba42e;
}


.retourpedago {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 16px;
	margin-top: 100px;
	float: left;
	}



.retourpedago a:hover {
	color: #dba42e;
}



.sitemusees {
	margin-top: 140px;
	margin-left: 180px;
	position: absolute;
	left: 0px;
	top: 0px;
}


.sitemusees a:hover {
	color: #dba42e;
}


.soireecompo {
	margin-top: 247px;
	clear: both;
	position: absolute;
	float: left;
	left: 0px;
	margin-left: 100px;
	visibility: visible;
}





.sommaire  {
	margin-left: 430px;
	margin-top: 1300px;
	margin-bottom: 70px;
	clear: left;
	color: #FFFFFF;
	padding-top: 5px;
	padding-bottom: 5px;
	position: absolute;
			}
			
			
			
.sommaire a:hover {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
	color: #FFFFFF;
	text-decoration: underline overline;
}




.sommaire2 {
	clear: both;
	color: #FFFFFF;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-left: 851px;
	position: absolute;
	margin-top: 110px;
	float: left;
	visibility: visible;
}


.sommaire2 a {
	font-size: 11px;
}


.sommaire2 a:hover {
	font-size: 11px;
	color: #dba42e;
	background-color: #333333;
}



.sommaire3 {
	clear: both;
	color: #FFFFFF;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-top: 600px;
	margin-left: 700px;
	position: absolute;
}



.sommaire3 a:hover {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
	color: #dba42e;
	background-color: #333333;
}



.sommairecoul  {
	margin-top: 1100px;
	margin-bottom: 70px;
	clear: both;
	float: left;
	color: #FFFFFF;
	padding-bottom: 5px;
	position: absolute;
			}
			
			
			
.sommairecoul a:hover {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
	color: #dba42e;
	background-color: #333333;
}



.sommairefiche  {
	margin-left: 50px;
	margin-top: 667px;
	margin-bottom: 70px;
	clear: left;
	color: #FFFFFF;
	padding-bottom: 5px;
	position: absolute;
			}
			
			
			
.sommairefiche a:hover {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
	color: #dba42e;
	background-color: #333333;
}



.sommairehgt  {
	margin-left: 50px;
	margin-top: 1348px;
	margin-bottom: 70px;
	clear: left;
	color: #FFFFFF;
	padding-bottom: 5px;
	position: absolute;
			}
			
			
			
.sommairehgt a:hover {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 11px;
	color: #dba42e;
	background-color: #333333;
}



.sommaireindex {
	clear: both;
	color: #FFFFFF;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-top: 1000px;
	margin-left:200px;
	position: absolute;
}



.sommaireindex a:hover {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
	color: #dba42e;
	background-color: #333333;	
}


.sommaireintro {
	clear: both;
	color: #FFFFFF;
	margin-top: 200px;
	margin-left:55px;
	position: absolute;
	left: 0px;
	top: 0px;
}


.sommaireintro a {font-size: 11px;
	font-weight: bold;
	}



.sommaireintro a:hover {
	font-size: 11px;
	color: #dba42e;
	background-color: #333333;	
}



.sommaireliens {
	clear: both;
	color: #FFFFFF;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-top: 200px;
	margin-left:60px;
	position: absolute;
}


.sommaireliens a {font-size: 11px;
	font-weight: bold;
	}


.sommaireliens a:hover {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 11px;
	color: #dba42e;
	background-color: #333333;	
}




.sommairepedago {
	clear: both;
	color: #FFFFFF;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-top:2500px;
	position: absolute;
	margin-left: 80px;
}



.sommairepedago a:hover {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 10px;
	color: #dba42e;
	background-color: #333333;	
}


.sousliste {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	margin-top: 50px;
	list-style-image: url(images/fleche.gif);
	text-align: justify;
	width:630px;
}


.sousliste a {
	color: #dba42e;
	font-size: 11px;
}



.sousliste a:hover {
	text-decoration:underline;;
}


.sousliste li {
	padding-bottom: 30px;
}




.soustitre {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
	color: #252525;
	font-style: italic;
	font-weight: bold;
	margin-left: 190px;
	margin-top: 10px;
}



.soustitre2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #CCCCCC;
	display: list-item;
	margin-top: 20px;
	text-align: left;
	margin-left: 65px;
	margin-bottom: 30px;
	list-style-image: url(images/fleche.gif);
	font-weight: lighter;
	background-color: #333333;
	width: 590px;
}


strong {color: #dba42e;
}



.suite {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 16px;
	margin-top: 50px;
	margin-left: 600px;
}


.suite a:hover {
	color: #dba42e;
}



.suite2 {
	margin-top: 70px;
	margin-left: 620px;
}


.suite2 a:hover {
	color: #dba42e;
}



.suitehaut {
	font-family: Georgia, "Times New Roman", Times, serif;
	margin-left: 660px;
}


.suitehaut a:hover {
	color: #dba42e;
}


.suitehaut2 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 16px;
	float: left;
	margin-top: 50px;
}


.suitehaut2 a:hover {
	color: #dba42e;
}


.support {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #FFFFFF;
	text-align: center;
}




.tableau {
	margin-left: 30px;
	margin-top: 250px;
	position: absolute;
}


.tableau2 {
	margin-left: 30px;
	margin-top: 950px;
	position: absolute;
	}


.tableau3 {
	margin-left: 30px;
	margin-top: 1570px;
	position: absolute;
}



.titre {
	margin-top: 145px;
	font-style: normal;
	position: absolute;
	margin-left: 320px;
	width: 350px;
}




.visage {
	position: absolute;
	z-index: 1;
	left: 3px;
	top: -6px;
	visibility: visible;
}




.zoom {
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-size: 13px;
	list-style-type: none;
	margin-top: 30px;
	margin-bottom: 40px;
	text-align: center;
	background-color: #666666;
	width: 600px;
	margin-left: 55px;
	padding-top: 15px;
	padding-bottom: 30px;
}



.zoom a {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
	color: #dba42e;
	font-weight: normal;
	font-style: italic;
}



.zoom a:hover {
	color: #FFCC00;
}



.zoom li {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
	color: #dba42e;
	font-weight: normal;
	text-align: center;
	list-style-image: url(images/iconevisage.gif);
	padding-bottom: 5px;
}
.interpretationhorizontal {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	margin-top: 970px;
	position: absolute;
	width: 915px;
	text-align: justify;
	margin-left: 30px;
	text-indent: 0px;
	border-top-width: thin;
	border-left-width: thin;
	border-top-style: none;
	border-left-style: none;
	border-top-color: #FFFFFF;
	border-left-color: #FFFFFF;
	padding-left: 10px;
	background-color: #333333;
	padding-right: 15px;
	padding-bottom: 20px;
	left: 10px;
	top: -277px;
	height: 287px;
}