.txtblanc { font-family: Tahoma, sans-serif; font-size: 12px; line-height: 14px; color: #FFFFFF; text-decoration:none;}

.txtOrange { font-family: Tahoma, sans-serif; font-size: 13px; line-height: 14px; color: #e07634; text-decoration:none;}

.txtOrangeGrand { font-family: Tahoma, sans-serif; font-size: 15px; line-height: 17px; color: #e07634; text-decoration:none;}

.txtGrisGrand { font-family: Tahoma, sans-serif; font-size: 14px; line-height: 15px; color: #58585b; text-decoration:none;}

.txtGrisPetit { font-family: Tahoma, sans-serif; font-size: 11px; line-height: 14px; color: #58585b; text-decoration:none;}

.titre { font-family: "Times New Roman", Times, serif; font-size: 25px; line-height: 25px; color: #000000; text-decoration:none;}

.titreNoir { font-family: "Times New Roman", Times, serif; font-size: 15px; line-height: 15px; color: #000000; text-decoration:none;}



.vertmessage { font-family: Tahoma, sans-serif; font-size: 13px; line-height: 14px; color: #6db312; text-decoration:none;}





a:link {font-family: Tahoma, sans-serif; font-size: 13px; line-height: 14px; color:#e07634; text-decoration:underline;font-weight:bold;}

a:hover {font-family: Tahoma, sans-serif; font-size: 13px; line-height: 14px; text-decoration:underline; color:#e07634; text-decoration:underline; font-weight:bold;}

a:visited {font-family: Tahoma, sans-serif; font-size: 13px; line-height: 14px; text-decoration:underline; color:#e07634; text-decoration:underline;font-weight:bold;}

a:active {font-family: Tahoma, sans-serif; font-size: 13px; line-height: 14px; text-decoration:underline; color:#e07634; text-decoration:underline;font-weight:bold;}



a.blanc:link {font-family: Tahoma, sans-serif; font-size: 13px; line-height: 14px; color:#FFFFFF; text-decoration:none;}

a.blanc:hover {font-family: Tahoma, sans-serif; font-size: 13px; line-height: 14px; text-decoration:underline; color:#FFFFFF; text-decoration:none;}

a.blanc:visited {font-family: Tahoma, sans-serif; font-size: 13px; line-height: 14px; text-decoration:underline; color:#FFFFFF; text-decoration:none;}

a.blanc:active {font-family: Tahoma, sans-serif; font-size: 13px; line-height: 14px; text-decoration:underline; color:#FFFFFF; text-decoration:none;}



a.gris:link {font-family: Tahoma, sans-serif; font-size: 13px; line-height: 14px; color:#666666; text-decoration:none;}

a.gris:hover {font-family: Tahoma, sans-serif; font-size: 13px; line-height: 14px; color:#666666; text-decoration:none;}

a.gris:visited {font-family: Tahoma, sans-serif; font-size: 13px; line-height: 14px; color:#666666; text-decoration:none;}

a.gris:active {font-family: Tahoma, sans-serif; font-size: 13px; line-height: 14px; olor:#666666; text-decoration:none;}



.Formulaire{background-color : transparent; width:350px; border : solid #c3c3c3; border-width : 1px; color : #58585b; font-family: Tahoma, sans-serif; font-size: 12px;}

.FormulaireMessage{background-color : transparent; width:350px; border : solid #c3c3c3; border-width : 1px; color : #58585b; font-family: Tahoma, sans-serif; font-size: 12px;}



.contour {border : solid #58575c; border-width : 1px;}





/* --------------------------------- General ----*/



div#main {

	position:relative;

	margin:0 auto;

	width:980px;

	height:auto;

	}



body { 

	font-family:Tahoma, sans-serif;	

	height:100%;

	font-size:13px;

	color:#58585b;

	text-align:left;

	margin-left: 0px;

	margin-top: 0px;

	margin-right: 0px;

	margin-bottom: 0px;

    background-image:url(images/backgroundgris.jpg);

}





div#Header {

	width:980px;

	height:380px;

	float:left;

	background-color:#FFFFFF;

}



div#footer {

	clear:both;

}





	

div#Contenu {

	width:940px;

	height:auto;

	float:left;

	margin-left:20px;

	magin-right:20px;

	margin-top:20px;

	margin-bottom:20px;

}

/*------------------------ Menu déroulant -----------------*/

	

.glossymenu{

margin: 5px 0;

padding: 0;

width: 200px; /*width of menu*/

}



.glossymenu a.menuitem{

background: url(images/glossyback.png);

font: bold 16px "Trebuchet MS", Verdana, Helvetica, sans-serif;

color: #e07634;

display: block;

position: relative; /*To help in the anchoring of the ".statusicon" icon image*/

width: auto;

padding: 4px 0;

padding-left: 10px;

text-decoration: none;

}





.glossymenu a.menuitem:visited, .glossymenu .menuitem:active{

color: #e07634;

}



.glossymenu a.menuitem .statusicon{ /*CSS for icon image that gets dynamically added to headers*/

position: absolute;

top: 5px;

right: 5px;

border: none;

}



.glossymenu a.menuitem:hover{

background-image: url(images/glossyback2.png);

}



.glossymenu div.submenu{ /*DIV that contains each sub menu*/

background: transparent;

}



.glossymenu div.submenu ul{ /*UL of each sub menu*/

list-style-type: none;

margin: 0;

padding: 0;

}



.glossymenu div.submenu ul li{

background: url(images/glossyback.png);

}



.glossymenu div.submenu ul li a{

display: block;

font: normal 13px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;

color: black;

text-decoration: none;

padding: 2px 0;

padding-left: 20px;

}



.glossymenu div.submenu ul li a:hover{

background: #cccccc url(images/glossyback.png);

colorz: transparent;

}

	

	

	

	

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