/* styles mise en page globale */
			
				body {
				margin: 0;
				padding: 0;
				background-color: #d5d5d5;
				font-family: EB Garamond, Times,serif;
				font-size: 100%;
				color: black;
				padding: 0;
				margin: 0;
				text-align: center; /* pour corriger le bug de centrage IE */
				}

			div { padding: 0; 	margin: 0; } /* pour rendre tout homogène selon les navigateurs...*/

			div.page {  position: relative; /* on positionne le conteneur pour centrer la page */
				top: 0px; left: 0px;				
				width:1000px; 
				height: 1200px;
				margin:0 auto 0 auto;
				text-align: left; /* on r�tablit l'alignement normal du texte */
				background-color: white;
				}

			#content {	top: 280px ; left: 300px ;
				padding: 0px;
				}

			h1 {	font-style: normal;  font-size: 1.2em;
				}


				
			


				

/* le menu tout en haut */
div#tete {  position: absolute; 
				top: 0px; left: 20px ; 				
				width:960px; 
				height: 148px;
				margin:0 auto 0 auto;
				text-align: left; /* on r�tablit l'alignement normal du texte */
				background-image: url(images/toselli.png) ;
				background-repeat: no-repeat ;
	background-color: #e2e2e2;

				}


div#degradegauche {  position: absolute; 

				top: 0px; left : 0px ;				
				width:20px; 
				height: 1200px;
				background-image: url(images/degradegauche.jpg) ;
				background-repeat: repeat ;

				}

div#degradedroit {  position: absolute; 

				top: 0px; left : 980px ;				
				width:20px; 
				height: 1200px;
				background-image: url(images/degradedroit.jpg) ;
				background-repeat: repeat ;

				}



ul#navlist {
z-index: 2 ;
list-style-type: none;
margin:0;
padding:0;
position: absolute;
top: 121px;
left: 11px;
width: 100%; /* precision pour Opera */
}



ul#navlist li a {
 
font-size: 0.9em; 
width: 141px;
height: 19px;
float: left;
display: block;
text-align: center;
border: 1px solid black;
color: black;
margin-left: 11px; 
text-decoration : none ;
z-index: 2 ;
}


ul#navlist li a:hover {
border: 1px solid  black;  
color: white;  
background-color: #757575;

}
		
		
		ul#navlist li { float: left; }
		

		
		ul#navlist li:hover ul#subnavlist
		{
			top:21px ;
			display: block;
			position: absolute;
			margin-top: 0;
			z-index: 2 ;
		}
		
	
			


		
		 ul#subnavlist li a
		{
	
height: 19px;
float: left;
display: block;
text-align: center;
border: 1px solid black;
color: black;
margin-left: 11px; 
margin-top: 3px; 
text-decoration : none ;
background-color: #e2e2e2;
z-index: 6 ;
		
			}
		






		
		ul#navlist, ul#navlist ul, ul#navlist li
		{
			margin: 0px;
			padding: 0px;
			list-style-type: none;
			z-index: 2 ;
		}
		
			
		
		ul#subnavlist { display: none; }
		ul#subnavlist li { float: none; }



div#titregauche { position:absolute; top: 149px ; left: 43px; z-index: 0 ; font-size: 1.2em; 
color:  #312125;  }

div#pagetotalediapo2 { position:absolute; top: 210px ; left: 25px; width: 940px; 
 padding: 1px 5px; margin: 0 0 10px;  z-index: 1 ; text-align : center ;} 
  div#pagetotalediapo2 img {   padding: 13px 13px; }


div#pagecoupee { position:absolute; top: 150px ; left: 25px; width: 940px; 
 padding: 1px 5px; margin: 0 0 10px;  z-index: 1;  text-align : center ;} 
  div#pagetotalediapo2 img {   padding: 13px 13px; }
div#textegauche { position:absolute;  width: 376px; left: 10px ;top : 10px ; text-align : left ;} 

div#photosdroite { position:absolute; left: 377px ; width: 564px; } 
  div#photosdroite img {   padding: 13px 13px; }


a:link {
	color: #3C3F3F;

}
a:visited {
color: #3C3F3F;
}
a.lien1:hover {
	color:  #7D7D7D;
	text-decoration: none;
	border: none;
}
a.lien1:active {
color: black;
	text-decoration: black;
	border: black;
}



a.lien1:link {
	color: white;
	text-decoration: none;
	border: none;
}
a.lien1:visited {
	color: white;
	text-decoration: none;
	border: none;
}
a.lien1:hover {
	color: #7D7D7D;
	text-decoration: none;
	border: none;
}
a.lien1:active {
color: white;
	text-decoration: none;
	border: none;
}



a.lienindex:link {
	color: #252525;
	text-decoration: none;
	border: none;
}
a.lienindex:visited {
	color: #252525;
	text-decoration: none;
	border: none;
}
a.lienindex:hover {
	color: #7D7D7D;
	text-decoration: none;
	border: none;
}
a.lienindex:active {
color: black;
	text-decoration: none;
	border: none;
}