@charset "utf-8";
/* CSS Document */


/*conteneurs généraux*/
html, body{
	margin: 0px auto;
	background-color:#f8edd8;
	padding: 0px;
	z-index:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-stretch: normal;
	width: 100%;
	height: 100%;
	background-image:url(../images/fond_site/fond_site.jpg) no-repeat; 
	background-position:center;
}

#bigwrapper{
	margin: 0px auto;
	position: relative;
	height: 100%;
	width: 100%;
	background-image:url(../images/fond_site/fond_site.jpg) ; 
	background-repeat: no-repeat;
	background-position:center top;
}

#content{
background-image:url(../images/fond_site/fond_contenu.jpg);
position: relative;
width:950px;
height:583px;
margin: 0px auto;
}



/*définition des titres et textes*/

h1{
position: absolute;
z-index: 10;
top: 12px;
left: 8px;
width:597px;
height: 150px;
text-indent: -5000px;
line-height:0px;
font-size:0px;
background:url(../images/titre.jpg);
}

h2{
text-align:center;
font-family:Georgia, "Times New Roman", Times, serif;
color:#330000;
}

img{
border-style: none;
}
a:visited{
border-style: none;
border:0px;
outline: none;
}
a:active{
border-style: none;
border:none;
outline: none;
}


/*elements de décoration de la page d'accueil*/

#debord{
position: absolute;
width:447px;
height:487px;
top: 97px;
left: -65px;
}

#projet1{
position: absolute;
left: 632px;
top: 14px;
}

#projet2{
position: absolute;
left: 792px;
top: 14px;
}

/******************************************NAVIGATION AUXILIAIRE PAGE ACCUEIL*******************************************/

#indexauxnav{
z-index:50;

	top: 0px;
	text-indent: -5000px;
	font-size:0px;
	line-height:0px;
}



			#indexauxnav li a {
			background-image:url(../images/fond_site/navauxindex.jpg);
	}
				
			#indexaux1 a{
			z-index:60;
			position: absolute;
			top:428px;
			left: 792px;
			height: 29px;
			width: 136px;
			}
			
			#indexaux2 a{
			z-index:60;
			position: absolute;
			top:457px;
			left: 792px;
			height: 28px;
			width: 136px;
			background-position: 0px -29px;
			}
			
			#indexaux3 a{
			z-index:60;
			position: absolute;
			top:485px;
			left: 792px;
			height: 29px;
			width: 136px;
			background-position: 0px -57px;
			}
			
			#indexaux4 a{
			z-index:60;
			position: absolute;
			top:513px;
			left: 792px;
			height: 28px;
			width: 136px;
			background-position: 0px -85px;
			}
			
			
					#indexaux1 a:hover{
					z-index:60;
					position: absolute;
					top:428px;
					left: 792px;
					height: 29px;
					width: 136px;
					background-position: 0px -114px;
					}
					
					#indexaux2 a:hover{
					z-index:60;
					position: absolute;
					top:457px;
					left: 792px;
					height: 28px;
					width: 136px;
					background-position: 0px -143px;
					}
					
					#indexaux3 a:hover{
					z-index:60;
					position: absolute;
					top:485px;
					left: 792px;
					height: 29px;
					width: 136px;
					background-position: 0px -171px;
					}
					
					#indexaux4 a:hover{
					z-index:60;
					position: absolute;
					top:513px;
					left: 792px;
					height: 28px;
					width: 136px;
					background-position: 0px -199px;
					}


/*footer*/
#copyright {
color:#6e6657;
position: absolute;
top: 564px;
left: 375px;
z-index: 120;
}
#copyright a{

	position: relative;
	border-style: none;
	list-style-type:none;
display: inline;
color:#6e6657;
text-decoration:none;
}

#copyright a:hover{
text-decoration:underline;
}

#aaa img{
margin-top: 0px;
margin-left: 0px;
}

/**********************************************************************************************************/
/****************************************PAGES INTERIEURES*************************************************/
/**********************************************************************************************************/


/*style spécifique H1*/
#titrecontenu{
width:335px;
height: 87px;
top:8px;
left:10px;
background:url(../images/fond_site/titrecontenu.jpg) no-repeat;
}

#contentdeco{
background-image:url(../images/fond_site/fondmepdeco.jpg);
position: relative;
width:950px;
height:583px;
margin: 0px auto;
}

#contentdeco2{
background-image:url(../images/fond_site/fondmepdeco2.jpg);
position: relative;
width:950px;
height:583px;
margin: 0px auto;
}

#contentornementation{
background-image:url(../images/fond_site/fondornementation.jpg);
position: relative;
width:950px;
height:583px;
margin: 0px auto;
}


#contentgaufrier{
background-image:url(../images/fond_site/fondmepcompo.jpg);
position: relative;
width:950px;
height:583px;
margin: 0px auto;
}

#contentlibre{
background-image:url(../images/fond_site/fondmeplibre.jpg);
position: relative;
width:950px;
height:583px;
margin: 0px auto;
}

#contentlibreintro{
background-image:url(../images/fond_site/fondsanscadre.jpg);
position: relative;
width:950px;
height:583px;
margin: 0px auto;
}

/*page precedente*/
#prevpage a{
text-indent:-5000px;
position:absolute;
background-image:url(../images/fond_site/prevbutton.jpg);
top: 93px;
left:10px;
height: 29px;
width: 79px;
}

#prevpage a:hover{
text-indent:-5000px;
position:absolute;
background-image:url(../images/fond_site/prevbutton.jpg);
top: 93px;
left:10px;
height: 29px;
width: 79px;
background-position: 0 -29px;
}

#prevpagefrise a{
z-index:500;
text-indent:-5000px;
position:absolute;
background-image:url(../images/fond_site/prevbuttonfrise.jpg);
top: 93px;
left:10px;
height: 29px;
width: 79px;
}

#prevpagefrise a:hover{
z-index:500;
text-indent:-5000px;
position:absolute;
background-image:url(../images/fond_site/prevbuttonfrise.jpg);
top: 93px;
left:10px;
height: 29px;
width: 79px;
background-position: 0 -29px;
}


/*page suivante*/
#nextpage a{
text-indent:-5000px;
position:absolute;
background-image:url(../images/fond_site/nextbutton.jpg);
top: 93px;
left:853px;
height: 29px;
width: 79px;
}

#nextpage a:hover{
text-indent:-5000px;
position:absolute;
background-image:url(../images/fond_site/nextbutton.jpg);
top: 93px;
left:853px;
height: 29px;
width: 79px;
background-position: 0 -29px;
}

#nextpagefrise a{
z-index:500;
text-indent:-5000px;
position:absolute;
background-image:url(../images/fond_site/nextbuttonfrise.jpg);
top: 93px;
left:853px;
height: 29px;
width: 79px;
}

#nextpagefrise a:hover{
z-index:500;
text-indent:-5000px;
position:absolute;
background-image:url(../images/fond_site/nextbuttonfrise.jpg);
top: 93px;
left:853px;
height: 29px;
width: 79px;
background-position: 0 -29px;
}



/*règles de texte*/
#textepresentation{
text-align:justify;
position: absolute;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:13px;
top: 115px;
left: 20px;
width: 345px;
padding-top: 20px;
}



#auxnav{
z-index:50;

	top: 0px;
	text-indent: -5000px;
	font-size:0px;
	line-height:0px;
}

			#auxnav li a {
			background-image:url(../images/fond_site/navinterieure.jpg);
	}
				
			#aux1 a{
			z-index:60;
			position: absolute;
			top:8px;
			left: 345px;
			height: 44px;
			width: 104px;
			}
			
			#aux2 a{
			z-index:60;
			position: absolute;
			top:8px;
			left: 449px;
			height: 44px;
			width: 133px;
			background-position: -104px 0px;
			}
			
			#aux3 a{
			z-index:60;
			position: absolute;
			top:8px;
			left: 582px;
			height: 44px;
			width: 348px;
			background-position: -237px 0px;
			}
			
			#aux4 a{
			z-index:60;
			position: absolute;
			top:52px;
			left: 345px;
			height: 43px;
			width: 226px;
			background-position: 0px -44px;
			}
			
			#aux5 a{
			z-index:60;
			position: absolute;
			top:52px;
			left: 571px;
			height: 43px;
			width: 200px;
			background-position: -226px -44px;
			}
			
			#aux6 a{
			z-index:60;
			position: absolute;
			top:52px;
			left: 771px;
			height: 43px;
			width: 159px;
			background-position: -426px -44px;
			}
			
			/*Liens de la navigation principale CONTENU au survol*/
				
				#aux1 a:hover{
			z-index:60;
			position: absolute;
			top:8px;
			left: 345px;
			height: 44px;
			width: 104px;
			background-position: -0px -87px;
			}
			
			#aux2 a:hover{
			z-index:60;
			position: absolute;
			top:8px;
			left: 449px;
			height: 44px;
			width: 133px;
			background-position: -104px -87px;
			}
			
			#aux3 a:hover{
			z-index:60;
			position: absolute;
			top:8px;
			left: 582px;
			height: 44px;
			width: 348px;
			background-position: -237px -87px;
			}
			
			#aux4 a:hover{
			z-index:60;
			position: absolute;
			top:52px;
			left: 345px;
			height: 43px;
			width: 226px;
			background-position: 0px -131px;
			}
			
			#aux5 a:hover{
			z-index:60;
			position: absolute;
			top:52px;
			left: 571px;
			height: 43px;
			width: 200px;
			background-position: -226px -131px;
			}
			
			#aux6 a:hover{
			z-index:60;
			position: absolute;
			top:52px;
			left: 771px;
			height: 43px;
			width: 159px;
			background-position: -426px -131px;
			}
			
						/*Liens de la navigation principale CONTENU pages actives*/
							
							#aux1_courant a{
						z-index:60;
						position: absolute;
						top:8px;
						left: 345px;
						height: 44px;
						width: 104px;
						background-position: -0px -174px;
						}
						
						#aux2_courant a{
						z-index:60;
						position: absolute;
						top:8px;
						left: 449px;
						height: 44px;
						width: 133px;
						background-position: -104px -174px;
						}
						
						#aux3_courant a{
						z-index:60;
						position: absolute;
						top:8px;
						left: 582px;
						height: 44px;
						width: 348px;
						background-position: -237px -174px;
						}
						
						#aux4_courant a{
						z-index:60;
						position: absolute;
						top:52px;
						left: 345px;
						height: 43px;
						width: 226px;
						background-position: 0px -218px;
						}
						
						#aux5_courant a{
						z-index:61;
						position: absolute;
						top:50px;
						left: 571px;
						height: 47px;
						width: 200px;
						background-position: -226px -216px;
						}
						
						#aux6_courant a{
						z-index:60;
						position: absolute;
						top:52px;
						left: 771px;
						height: 43px;
						width: 159px;
						background-position: -426px -218px;
						}
						
						
#carousel{
position: absolute;
top: 50px;
left: 330px;
}

#flash{
position: absolute;
top: 130px;
left: 376px;
}

/*footer*/
#copyrightcontenu {
color:#6e6657;
position: absolute;
top: 564px;
left: 255px;
z-index: 120;
}
#copyrightcontenu a{

	position: relative;
	border-style: none;
	list-style-type:none;
display: inline;
color:#6e6657;
text-decoration:none;
}

#copyrightcontenu a:hover{
text-decoration:underline;
}

#aaa img{
margin-top: 0px;
margin-left: 0px;
}

/****************************************************************************************************************************************/	
/*MEP page d'introduction*/

#introgaufrier{
background-image:url(../images/fond_site/fondmepcompointro.jpg);
position: relative;
width:950px;
height:583px;
margin: 0px auto;
}

#texteintro{						
position: absolute;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:13px;
top: 180px;
left: 250px;
width: 440px;
text-align:justify;
z-index: 103;
}

#texteintro2{						
position: absolute;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:13px;
top: 140px;
left: 250px;
width: 440px;
text-align:justify;
z-index: 103;
}

#introdeco{
background-image:url(../images/fond_site/fondmepintro.jpg);
position: relative;
width:950px;
height:583px;
margin: 0px auto;
}

#imagehautegauche{
position: absolute;
background-image:url(../images/fond_site/pucegauche.jpg);
top: 57px;
left: 0px;
width: 21px;
height: 33px;
z-index: 100;
}
#imagehautedroite{
position: absolute;
background-image:url(../images/fond_site/pucedroite.jpg);
top: 59px;
left: 924px;
width: 26px;
height: 31px;
z-index: 100;

}
 
#fondmaure{
position: absolute;
background-image:url(../images/fond_site/fondintro.jpg);
top: 90px;
left: 0px;
width: 950px;
height: 479px;
z-index: 102;
}

#decointro1{
position: absolute;
z-index:120;
top: 117px;
left:-38px;
}

#decointro2{
position: absolute;
z-index:120;
top: 117px;
left:716px;
}
/***************************************************************************************************************************/
/*****************************************FLASH*****************************************************************************/
#alternatif{
z-index:200;
padding: 0px;
position: absolute;
top: -45px;
left : 40px;
width: 500px;
height: 50px;
}

#alternatif p{
z-index:500;
}

#carouselflash{
z-index:100;
position: absolute;
top: -80px;
left: -46px;
}
/**************************************************************************************************************************/
/*MISES EN PAGE DIVERSES*/

#textebiblio{						
position: absolute;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:13px;
top: 180px;
left: 250px;
width: 440px;
text-align:left;
z-index: 103;
}

#contenttxt{
text-align: justify;
max-width:900px;
padding: 20px;
background-color:#FFFFFF;
}

#htmltxt, #bodytxt {
background-color:#FFFFFF;
}