/*.. 	Reset	.................................................................. */	
  

   		/*body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin:0; padding:0; }*/ 
table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:normal;}ol,ul {list-style:none;}caption,th {text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym {border:0;}


/*..	Defaults	.................................................................. */

		body 	
			{
			margin: 0px;
			font-family:  'Lucida Grande','Helvetica', 'Trebuchet MS', arial, sans-serif;
			font-size:  16px;
	     	text-align: center;
	     	background-color: black;
	     	}
	     	
	     #content
	     	{
	     	text-align: left;
	     	display: block;
	     	width: 970px;
	     	margin: 0px auto;
	     	padding: 0px;
	     	background: #000000 url('../images/fond_base.png');

	     	}
	     	
	     #content-accueil
	     	{
	     	text-align: center;
	     	display: block;
	     	width: 600;
	     	margin: 0px auto;
	     	padding: =px;
	     	}
	     	
	     a,
	     a:link,
	     a:active,
	     a:visited
	     	{
	     	color: #2b72cd;
	     	text-decoration: none;
	     	}
	     			
	     a:hover
	     	{
	     	text-decoration: underline;
	     	}
	     	
	     
	     

/*..	Menu	.................................................................. */

		#menu
			{
			display: block;
			height: 146px;
			position: relative;
			margin: 0px 0px 0px 0px;			
			}
		
		#menu-accueil
			{
			display: block;
			height: 90px;
			position: relative;
			margin: 0px 0px 40px 0px;			
			}
		
		#menu-accueil h1
			{
			display: block;
			text-align: center;
			width: 960px;
			height: 108px;
			position: absolute;
			top: 40px;
			left: 0px;
			margin:0; 
			padding:0;
			}
		
		#menu h1 a,
		#menu h1 a:link,
		#menu h1 a:active,
		#menu h1 a:visited
			{
			display: block;
			width: 140px;
			height: 146px;
			text-indent: -999px;
			overflow: hidden;
			margin:0; padding:0;
			}
		
		#menu ul
			{
			position: absolute;
			top: 0px;
			right: 0px;
			display: inline;
			margin:0; padding:0;
			}
		
		#menu ul li
			{
			display: inline;
			float: left;
			color: #000;
			margin:0; padding:0;
			}
			
		
		#menu a,
		#menu a:link,
		#menu a:active,
		#menu a:visited
			{
			color: #666;
			text-decoration: none;
			padding: 0px;
			margin: 0;
			}
					
		#menu a:hover
			{
			color: #000;
			}
			
		#menu a.last,
		#menu a.last:link,
		#menu a.last:active,
		#menu a.last:visited
			{
			color: #999;
			text-decoration: none;
			padding: 0px 0px 0px 0px;
			}
				
		#menu a.last:hover
			{
			color: #000;
			}
											
/*..	Footer	.................................................................. */			

		
		#footer
			{
			clear: both;
			margin: 0px 0px 40px 0px;
			padding: 13px 0px 0px 0px;
			}
			
		#footer address,
		#footer p
			{
			font-size: 11px !important;
			line-height: 20px !important;
			color: #999 !important;			
			margin: 0px;
			}
		
		#footer a,
		#footer a:link,
		#footer a:active,
		#footer a:visited
			{
			color: #777;
			}
					
		#footer a:hover
			{
			color: #333;
			}
			
		
		#footer p.notes
			{
			margin-bottom: 20px;
			padding-bottom: 20px;
			border-bottom: 1px dashed #E5E5E5;
			}
			
/*..	Lightbox	.................................................................. */			

#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: #fff; 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(../images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }

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

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#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; }