/** {
	margin:0;
	padding:0;
	outline:none;
}*/

body {
	background-color: #aeafb0;
	background-image: url(images/fond.jpg);
	margin:0;
	padding:0;
	background-repeat:repeat-x;
	padding-top:0;
}

	
.indentify{ 
	text-indent:5px;
	padding-left:30px;
	padding-right:20px;
}

.majuscule div:first-letter {
	font-weight:bold;
	font-size:14px; 
	font-family:Verdana, Times, serif;
}


h1{	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	font-weight:normal;
	line-height:10px;
	padding:0;
	}
	
a:link {
font-family:Verdana, Arial, Helvetica, sans-serif;
	color: #404c71; 
	text-decoration: underline;
} 

a:visited {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color: #404c71; 
	text-decoration: underline;
} 

a:hover {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color: #404c71; 
	text-decoration: underline;
}
.lien{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#404c71;
}
a.lien:link {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#404c71;
	text-decoration: underline;
} 

a.lien:visited {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#404c71;
	text-decoration: underline;
} 

a.lien:hover {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#404c71;
	text-decoration: underline;
}

div#yzeo{
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color: #000000;
	clear:both;
	text-align:center;
}
.yzeo{
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color: #000000;
}
a.yzeo:link {
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color: #000000; 
	text-decoration: underline;
} 

a.yzeo:visited {
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color: #000000; 
	text-decoration: underline;
} 

a.yzeo:hover {
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color: #000000; 
	text-decoration: underline;
}

.lien2{
	font-family:Verdana, Arial, Helvetica, sans-seriff;
	font-size:11px;
	color:#000000;}
	
a.lien2:link {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#00000; 
	text-decoration: underline;
} 

a.lien2:visited {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color: #00000; 
	text-decoration: underline;
} 

a.lien2:hover {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color: #000000; 
	text-decoration: underline;
}

.txt {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
}


.txt2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
}
a.txt2:link {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#ffffff; 
	text-decoration: underline;
} 

a.txt2:visited {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color: #ffffff; 
	text-decoration: underline;
} 

a.txt2:hover {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color: #ffffff; 
	text-decoration: underline;
}

.indent{ text-indent:5px;}

.liste li{ margin-left:10px;
	list-style-type:disc;
}

.liste2 li{ margin-left:60px;}

blockquote{ font-size:smaller;}

.liste3{
	list-style-image: url("images/tree-li.gif");
}

.form tr td{ border-bottom:none; border-top:none; border-right:none; border-left:none;}
li{line-height:18px;}
ul{ padding-top:0;}

	/*/////////////////////////////////////////////// bibi //////////////////////////////////////////////////////////////////*/
.bg {
background-repeat:repeat-y;
}

.fdc {
background-position:top;
background-repeat:no-repeat;
}

div#gauche {
float: left;
padding-top: 5px; _padding-top:7px;
width:352px;
}
div#gauche2 {
float: left;
padding-top: 7px; _padding-top: 3px;
width:352px;
}

div#gauche3 {
float: left;
padding-top: 5px; _padding-top: 3px;
width:352px;
}
div#gauche4 {
float: left;
padding-top: 15px; _padding-top: 18px;
width:352px;
}
div#gauche5 {
float: left;
padding-top: 20px; _padding-top: 18px;
width:352px;
}
div#contenu {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	width:689px;
	_height:200px;
}
div#contenu2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	width:689px;
	_height:200px;
}
div#droite{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	width: 300px;
	float:left;
}
	/*/////////////////////////////////////////////// fin bibi //////////////////////////////////////////////////////////////////*/

div#mention { text-align:center; padding: 0 0 0 125px; float:left;  }

	/*/////////////////////////////////////////////// formulaire //////////////////////////////////////////////////////////////////*/
	
	#formulaire{ 
	background: transparent;
	text-align:center;
	width:400px;
	padding:0;
	margin:0;
	float:left;
	font: normal 11px Verdana, Arial, Helvetica, sans-serif; color:#fff; /*#333333*/
} /* carateristique du formulaire */
	
	#formulaire * {
	margin:0 0 2px 0;
	padding:0;
} /* caracteristique de toutes les balises qui se trouvent dans le formulaire */
	
	.labelform { width: 203px;
	float: left;
	text-align: right;
	margin: 0 5px 0 0;
} /* carateristique des label, width minimum 203px; */
	
	.pform {padding: 3px 0 10px 0; text-align:left; clear:both;  } /* carateristique des p */
	
	.inputform {width:195px; height:13px;  float:left; margin: 0 5px 0 2px;} /* carateristique des input */
	
	.textareaform { width:398px; height:80px; overflow: auto;} /* carateristique du textarea */
	
	.selectform  { height:18px; float:left; margin: 0 5px 0 2px;   font: normal 11px Verdana, Arial, Helvetica, sans-serif; color:#fff;} /* carateristique des select */
	
	.labelmessage { width:95px;} /* carateristique du label contenant "Votre message" */
	
	#labelenvoyer { width:125px;} /* carateristique du label avant l'input envoyer, sert a centrer le bouton envoyer */
	
	.inputenvoyer { width:150px; font: normal 10px Verdana, Arial, Helvetica, sans-serif;} /* carateristique de l'input "envoyer mon message" */
	
	.divtexte { margin: 5px 0 0 0;  } /* carateristique de la div contenant le texte du captchat*/
	
	#formulaire div { margin: 5px auto; } /* centrer dans le formulaire des div */
	
	.divimagecaptchat { border:1px solid black; padding: 0 0 0 100px; } /* carateristique de la div entourant l'image captchat */
	
	.transp, .inputtexte { background: transparent; border: 1px solid #fff;   font: normal 11px Verdana, Arial, Helvetica, sans-serif; color:#fff; } /* pour rendre les input et textarea transparent avec une bordure */
	
	/*////////////////////////////////////////////// fait par GrEGoOoO /////////////////////////////////////////////////////////////////*/
	
	/*/////////////////////////////////////////////// fin du formulaire //////////////////////////////////////////////////////////////////*/
	
			
	div#mention { text-align:center; padding: 0 0 0 125px; float:left;  }.bgptt {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #333333;
}
.textgros {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #333333;
}
.txt4 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	text-align: justify;
}
#lightbox{
	position: absolute;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
	}
	/*/////////////////////////////////////////////// lightbox //////////////////////////////////////////////////////////////////*/
#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: 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;
	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;	}	
		
#fla{
	margin-left: 100px;
}