/*** body ***/

body 		
			{
			margin: 			0px;
			padding:			0px;
			font-family:		"Trebuchet MS", Tahoma, Arial, Helvetica, sans-serif;
			background-image:	url(../pics/bg_line.gif);
			background-repeat: 	repeat-x;
			font-size:			12px;
			color:				white;
			background-color:	#d8901e;
			width:				100%;
			}

/*** typographie ***/

h1, h2, h3, h4	
			{
			font-weight:		bold;
			font-size:			13px;
			font-family:		"Trebuchet MS", Tahoma, Arial, Helvetica, sans-serif;
			padding:	     	0px;
			margin:				0px;
			line-height:		normal;
			}

b			
			{
			font-family:		"Trebuchet MS", Tahoma, Arial, Helvetica, sans-serif;
			}

strong		
			{
			font-family:		"Trebuchet MS", Tahoma, Arial, Helvetica, sans-serif;
			}

/**** links ****/

a 			
			{
			COLOR: 				#e0a934; 
 			TEXT-DECORATION: 	none;
			font-family:		"Trebuchet MS", Tahoma, Arial, Helvetica, sans-serif;
			}

a:hover 	
			{
			COLOR: 				#eebd56; 
			TEXT-DECORATION: 	underline;
			font-family:		"Trebuchet MS", Tahoma, Arial, Helvetica, sans-serif;
			}

a.link 			
			{
			COLOR: 				#e0a934; 
 			TEXT-DECORATION: 	none;
			font-family:		"Trebuchet MS", Tahoma, Arial, Helvetica, sans-serif;
			background:			url(../pics/arrow.gif) left no-repeat;
			padding-left:       10px;
			}

a.link:hover 	
			{
			COLOR: 				#b38e56; 
			TEXT-DECORATION: 	none;
			font-family:		"Trebuchet MS", Tahoma, Arial, Helvetica, sans-serif;
			}

/**** layout ****/

.css
			{
			top:				0px;
			left:				707px;
			position:			absolute;
			z-index:			9999;
			}

.head
			{
			margin: 			0px;
			padding:			0px;
			background-image:	url(../pics/head.jpg);
			background-repeat: 	no-repeat;
			top:				0px;
			left:				59px;
			position:			absolute;
			width:				295px;
			height:				76px;
			}

.menu
			{
			margin: 			0px;
			padding:			0px;
			top:				30px;
			left:				380px;
			position:			absolute;
			}

.color
			{
			margin: 			0px;
			padding:			0px;
			background-image:	url(../pics/color_line.jpg);
			background-repeat: 	repeat-x;
			top:				78px;
			left:				0px;
			position:			absolute;
			width:				100%;
			height:				21px;
			}

#container
			{
			left:				62px;
			top:				170px;
			width:				600px;
			position:			absolute;
			}

#content
			{
			float:				left;
			color:				#944a09;
			padding-top:        40px;
			}

#content a
			{
			color:				#944a09!important;
			background:			url(../pics/arrow.gif) left no-repeat;
			padding-left:       10px;
			}

#content-text
			{
			border:				1px solid #7b511a;
			width:				558px;
			float:				left;
			padding:            12px;
			background:			#764212 url(../pics/bg-line.jpg) repeat-x;
			}

#content-picture
			{
			border:				1px solid #7b511a;
			width:				572px;
			float:				left;
			padding:            5px;
			background:			#764212 url(../pics/bg-line.jpg) repeat-x;
			}

#outline
			{
			border:				2px solid #f9ddb1;
			float: 				left;
			margin-bottom:		30px;
			-moz-border-radius:	1px;
			}

#headline
			{
			float: 				left;
			margin-bottom:		0px;
			}

.trans
		{
		filter: 			alpha(opacity=40);
		-moz-opacity: 		0.4;
		opacity: 			0.4;
		}

.trans:hover
		{
		filter:				alpha(opacity=100)!important;
		-moz-opacity: 		1.0;
		opacity: 			1.0;
		}

/*** lightbox ***/

#lightbox
		{
		position: 			absolute;
		top: 				40px;
		left: 				0;
		width: 				100%;
		z-index: 			10000000;
		text-align: 		center;
		line-height: 		0;
		}

#lightbox a img
		{ 
		border: 			none; 
		}

#outerImageContainer
		{
		position: 			relative;
		background-color: 	#fff;
		width: 				250px;
		height: 			250px;
		margin: 			0 auto;
		border:				2px solid #9a580a;
		border-bottom:		0px;
		}

#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: 			100000000;
		}

#imageContainer>#hoverNav
		{ 
		left: 				0;
		}

#hoverNav a
		{ 
		outline: 			none;
		}

#prevLink, #nextLink
		{
		width: 				49%;
		height: 			100%;
		background: 		transparent url(images/blank.gif) no-repeat; /* 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;
		border:				2px solid #9a580a;
		border-top:			0px;
		}

#imageData
		{
		padding:	        0 10px;
		}

#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;	
		}	
		
#overlay
		{
		position: 			absolute;
		top: 				0;
		left: 				0;
		z-index: 			9000000;
		width: 				100%;
		height: 			500px;
		background-color: 	#d8901e;
		filter:				alpha(opacity=60);
		-moz-opacity: 		0.6;
		opacity: 			0.6;
		}
	
.clearfix:after 
		{
		content: 			"."; 
		display: 			block; 
		height: 			0; 
		clear: 				both; 
		visibility: 		hidden;
		}

* html>body .clearfix 
		{
		display: 			inline-block; 
		width: 				100%;
		}

* html .clearfix 
		{
		/* Hides from IE-mac \*/
		height: 			1%;
		/* End hide from IE-mac */
		}