@charset "utf-8";
/* CSS Document */

 /***** Global Settings *****/


 html, body { border:0; margin:0; padding:0; }


 body { font:100%/1.25 Arial, Helvetica, sans-serif; }


 /***** Headings *****/

 h1, h2, h3, h4, h5, h6 { margin:0;  padding:0; font-weight:normal; }
 
 h1 { padding:30px 0 25px 0;  letter-spacing:-1px;  font-size:2em;  }
 
 h2 { padding:20px 0;  letter-spacing:-1px;  font-size:1.5em;  }

 h3 { font-size:1em; font-weight:bold; }

 /***** Common Formatting *****/

 p, ul, ol {margin:0; padding:0 0 1.25em 0; }
 
 ul, ol { padding:0 0 1.25em 2.5em;  }
 
 blockquote { margin:1.25em; padding:1.25em 1.25em 0 1.25em; }
 
 small { font-size:0.85em; }

 img { border:0; margin:0 ; }
  

 sup { position:relative;  bottom:0.3em; vertical-align:baseline; }
 sub {  position:relative;  bottom:-0.2em;  vertical-align:baseline;  }

 acronym, abbr { cursor:help; letter-spacing:1px; border-bottom:1px dashed; }
  
 /***** Links *****/
 a,  
 a:link,
 a:visited,
 a:hover { text-decoration:underline; }
  

  /***** Forms *****/
  

  form { margin:0; padding:0; display:inline; }
 
  input, select, textarea { font:1em Arial, Helvetica, sans-serif; }
  textarea { width:100%;  line-height:1.25; }

  label {  cursor:pointer;  }
 

  /***** Tables *****/


 table { border:0; margin:0 0 0 0; padding:0; }


 table tr td { padding:0px; margin: 0 0 0 0; }
 

 /***** Wrapper *****/


 #wrap { width:960px; margin:0 auto; }


 /***** Global Classes *****/


 .clear         { clear:both; }
 .float-left    { float:left; }
 .float-right   { float:right; }


 .text-left     { text-align:left; }
 .text-right    { text-align:right; }
 .text-center   { text-align:center; }
 .text-justify  { text-align:justify; }


 .bold          { font-weight:bold; }
 .italic        { font-style:italic; }
 .underline     { border-bottom:1px solid; }
 .highlight     { background:#ffc; }
 

 .wrap          { width:960px;margin:0 auto; }
 
 .img-left      { float:left;margin:4px 10px 4px 0; }
 .img-right     { float:right;margin:4px 0 4px 10px; }
 

 .nopadding     { padding:0; }
 .noindent      { margin-left:0;padding-left:0; }
 .nobullet      { list-style:none;list-style-image:none; }

 /*******for this site********/
 /************************************page et conteneur**********************************************************/
 #visuel { 	height: 360px; 	width: 341px;	float: left; 	-margin-right:-4px;	-margin-bottom:-1px;												}
 										}
 <!--[if IE 7]-->
 .bandeau {   height: 127px; 	;width: 557px;	margin-bottom:0px; 					}
  <!--[endif]-->
 .bandeau {  float: left; -margin-left:-5px;	 }
 #conteneur {width: 900px; -width:910px; margin-top: 0px; margin-right: auto; margin-bottom: 0px;	margin-left: auto; 			}
 #chap_menu {	margin: 0px; padding: 0px;	height: 54px; 	width: 341px; 	float: left; clear: both;				}
 #chap_menu img {	float:left; padding-top:0px; 																}
 						/******** menu horizontale*********/
  #menu_horiz { height: 15px; 	width: 559px;  float: left; clear: none; margin-top: -233px;	margin-right: 0px;
 				margin-bottom: 0px;	margin-left: 0px;															}	

 #menu_horiz #table_menu{ width:557px; height:15px;  padding-top:0px; padding-right:25px; 
 						  margin-bottom:20px; line-height: 50% 													}
  		  
 td.tab{text-align:center; 																						}
 td.tab a{	font-size: 0.7em; font-weight: bold; color:#ffffff; display:block; white-space: nowrap;	
 			float:right; vertical-align: middle; text-decoration: none;	padding-left:11px; 	
 			padding-right:11px;	border-left:2px solid #ffffff;	-height:15px;												}
 
 						/********petit pousset***********/
 #pousset{  margin-top:0px;  height: 14px; width:517px;  text-align: left; padding-left:10px;
			font-size: 0.6em; font-weight: bold; color:rgb(134,134,136);										}
#pousset a{    text-align: left; 
			 color:rgb(134,134,136);										}							
 						/********recherche***************/
 #recherche { top: 562px; width: 343px; height: 86px; left: 0px; overflow: hidden; float:left;
 			  margin-top:203px; margin-left:-341px; -margin-left:-902px; text-align: left; vertical-align: top; 
 			  background-attachment: scroll;background-repeat: no-repeat;	
 			  background-position: left top;	border: none;													}
 #recherche img {width: 40px;  overflow: hidden; left: 20px; margin-top: 40px; margin-right: -50px; 
 				 margin-bottom: 0px; margin-left: 20px;	float: left; 											}
 #recherche input{font-size: 0.6em; color: #000; border: 0px none #000; margin: 0px; position: relative; 
 				  top:34px; left: 60px;	width: 100px; height:13px; 												}
 
 						/*******conteneur d'inclusion**********/
 #includepage { height: 371px;  text-align: left;	width: 570px; overflow: hidden; margin-top: -485px; -margin-top:-500px;
		 	    margin-right: 0px;	margin-bottom: 0px; margin-left: 343px;  float: right; clear: none;
				padding-top: 0px;	padding-right: 0px; padding-bottom: 0px; padding-left: 0px;				}
				
						/*********footer************/
.footer { 	clear: both; height: 119px; width: 557px; float: right; -float:left; -margin-left:171px; margin-top:-119px;	overflow: hidden;
			background-attachment: scroll; background-repeat: no-repeat; background-position: left top;
			text-align: left; vertical-align: middle; 														}
.footer img { float: left; margin-left: 0px; margin-top: 50px;	margin-right: 30px; 							}

.footer .mention a{ color:rgb(134,134,136); float:right; margin-top:103px; margin-right:10px; font-size: 0.75em; font-weight: bold; }
/*********************************end page et conteneur*********************************************************/

/********************************page actu et home**************************************************************/

#tableActu .txt { border:0px; margin:0px; padding:0px; 																}
#tableActu .txt .contant h1 {font-size: 2.5em; font-weight: bolder; letter-spacing:0px; 							}
#tableActu .txt.contant h2 {font-size: 1.8em;  font-weight: bolder; line-height:0.8em; margin-bottom:-2em;			}
#tableActu .txt .contant h3 {font-size: 0.8em;  font-weight: bolder; line-height:1em;	
						margin-bottom:0.5em; margin-top:1em; 													}
#tableActu .txt .contant h4 {font-size: 0.8em;  font-weight: bolder; line-height:1em;	
						margin-bottom:0.5em; margin-top:1em; 													}						
#tableActu .txt .contant h5 {font-size: 0.7em; color:rgb(0,0,0); font-weight: bold; line-height:1em;	
						margin-bottom:0em;	margin-top:-3.5em; 													}
#tableActu .txt .contant p {font-size: 0.8em;}						
#tableActu .txt .contant ul {margin-top:-1em; font-size: 0.7em; }
div #detail {overflow: auto; height:230px; width:527px;}	
div #detailMentions {overflow: auto; height:300px; width:500px; margin-top:30px;}

/*********************************Champ formulaires*************************************************************/		
div #detailform {overflow: auto; height:350px; margin-top:-15px;}	
.label{float:left; text-align:left; }
.groupChamp{  width:260px; }
.groupChamp li {font-size: 0.7em; text-align:right; padding-right:0px; list-style:none;
				list-style-image:none;white-space: nowrap; margin-bottom:0.1em;}
 input{vertical-align: text-bottom; border: solid 1px rgb(241,181,114);}
 select{border: solid 1px rgb(241,181,114);}
 button{border: solid 1px rgb(241,181,114); font-size: 0.9em; margin:0px;cursor: auto;}
 .radio{border:none;}
 .obli{color:#ff0000;}

/*************************************retour d'erreure**************************************************/
.messages{display:block; white-space: normal; width:450px; height:15px;background-color:#cccccc; border: solid 1px #000000;
			font-size: 0.7em;																					}
#message_0{padding-left:5px; list-style:none; padding-bottom:0px; }
#message_0 li {white-space: normal; width:400px; }
.warning {color:#ff0000; font-weight: bolder; white-space: normal; } 
.txtabo {font-size: 0.7em;}
/************************************* liste documents*****************************************************/
 #detail #documents{ margin-top:20px; font-size: 0.9em;}
#detail #documents li{margin-top:10px;list-style:none;list-style-image:none; clear:both}




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