body
{ margin: 0pt;}


#entete { position: absolute; left:5%; top:10px; width: 504px; height:80px;}

h3 {color: #b03e3d; width: 104px; height:80px;
font-family:Cochin,Avenir,Futura, Arial; font-size:29px; text-decoration: none;letter-spacing: 2px;font-weight: normal;  text-align: left;}


#fleches
{position: absolute; left:5%; top: 60px;  width:550px; height: 16px; }
#chap-prec, #chap-suiv 
{display: inline-block;  margin-right:4px; width:25px; height: 16px; }
#precedent, #suivant
{display: inline-block;  margin-right:4px; width:18px; height: 16px; }

#gf 
{position: absolute; top:140px; left:350px;  }



h1
{ color:#dd9a99; font-size:16px; font-weight: normal; font-variant: small-caps; font-family:Futura, Arial; text-decoration: none; letter-spacing: 2px;  text-align:left; line-height: 1.5em;}

h2 em, h1 em, h3 em, h4 em
{ font-style: normal; color: #b03e3d;}




#click
{color: #A3ADB8;font-size: 0.6em; font-family:Futura; letter-spacing: 1px; 
  width: 200px;line-height: 1.5em;}

#descript
{color: #A3ADB8;font-size: 0.7em; font-family:Futura; letter-spacing: 1px; 
position: absolute; left:5%; top: 150px;  width: 170px;line-height: 1.5em;  text-align: justify;}

#descript h2
{color:#A3ADB8; font-style: normal;
font-size:12px; letter-spacing: 1px; font-weight: normal; font-variant: small-caps; font-family:Futura; 
text-align: left; text-decoration: none; }

#descript #blabla
{color:#A3ADB8;font-size: 12px;font-family: Futura;  width: 480px; text-align: justify; letter-spacing: 1.5px; width: 250px; line-height: 27px;font-variant: small-caps; }




/* MENU DEROULANT */


#menuder
{position: absolute; left:5%; top: 610px; width: 1200px; border: 1px dotted black;  padding:10px; }

h6, h5
{display: inline;  margin:10px;}


h4
{display: inline;  margin-left:11px; color: #b03e3d;
	font-size: 12px;
	text-decoration: none;
	letter-spacing: 2px; 
	font-family:Futura, Arial;
	font-weight: normal;
	text-align: left;font-variant: small-caps;}
h6 a
{
	color:#dd9a99;
	font-size: 12px;
	text-decoration: none;
	letter-spacing: 2px; 
	font-family:Futura, Arial;
	font-weight: normal;
	text-align: left;
	padding : 0;font-variant: small-caps;
}

 h4 a
{
	color:#dd9a99;
	font-size: 10px;
	text-decoration: none;
	letter-spacing: 1px; 
	font-family:Futura, Arial;
	font-weight: normal;
	text-align: left;
	padding : 0;font-variant: small-caps;
}
h5 a
{
	color: #b03e3d;
	font-size: 12px;
	text-decoration: none;
	letter-spacing: 2px; 
	font-family:Futura, Arial;
	font-weight: normal;
	text-align: left;
	padding : 0;font-variant: small-caps;
}

h6 a:hover, h4 a:hover
{color: black;}




/*  FIN MENU DEROULANT */




/*LIGHTBOXXX*/
#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: white; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(lightbox2/images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(lightbox2/images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Futura, Arial, sans-serif; background-color:white; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: grey; letter-spacing: 1px;}
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: normal;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }
/*fin LIGHTBOXXX*/