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

body {
	background-color: #1e548a;
	background-image: url('images/iroise-d-eau_03.jpg');
	background-repeat:repeat-x;
	text-align:justify;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#333333;
}

h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
	font-weight:normal;
	line-height:10px;
	padding:0px;
}

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

.encadre {
	border:solid 1px #FFFFFF;
}

#index_h1 {
	width:951px;
	height:49px;
	margin:0 auto;
	text-align:center;
}

#index_fla {
	width:951px;
	height:355px;
	margin:0 auto;
}

#index_mentions {
	width:951px;
	height:20px;
	margin:0 auto;
	text-align:center;
	color:#FFFFFF;
}

#index_mentions a {
	color:#FFFFFF;
}

#head {
	width:951px;
	margin:0 auto;
	height:49px;
	background:url('images/head.jpg');
}

#page {
	width:951px;
	margin:0 auto;
	background:url('images/fdc.jpg');
	background-repeat:repeat-y;
}

#header {
	width:951px;
	height:161px;
}

#menu {
	width:214px;
	height:341px;
	float:left;
}

#titre {
	width:737px;
	height:50px;
	float:right;
}

#contenu {
	width:667px;
	background:url('images/iroise-d-eau_07.jpg');
	background-repeat:no-repeat;
	min-height:296px;
	_height:296px;
	float:right;
	padding-left:20px;
	padding-right:50px;
}

#adresse {
	width:951px;
	height:44px;
	background:url('images/iroise-d-eau_08.jpg');
	clear:both;
}

#yzeo {
	width:951px;
	text-align:center;
	font: normal 9px Verdana, Arial, Helvetica, sans-serif;
	color:#ffffff;
	clear:both;
	margin:0 auto;
}

#yzeo a {
	color:#FFFFFF;
}

#yzeo img {
	border:none;
}

#page_plan {
	width:951px;
	margin:0 auto;
	background:url(images/fdc.jpg);
	background-repeat:repeat-y;
}

#plan_header {
	background:url(images/plan-header.jpg);
	width:951px;
	height:211px;
}

#plan_contenu {
	width:851px;
	padding-left:50px;
	padding-right:50px;
	padding-top:20px;
	background:url(images/plan-contenu.jpg);
	background-repeat:no-repeat;
}

/*/////////////////////////////////////////////// formulaire //////////////////////////////////////////////////////////////////*/
	
	#formulaire {
	background: transparent;
	text-align:center;
	width:450px;
	padding:0;
	margin:0 0 0 0px;
	float:left;
	font: normal 11px Verdana, Arial, Helvetica, sans-serif;
	color:#000;
} /* 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 0px 10px 0px;
	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:350px;
	height:100px;
	overflow: auto;
} /* carateristique du textarea */

.selectform {
	height:18px;
	float:left;
	margin: 0 5px 0 2px;
	font: normal 11px Verdana, Arial, Helvetica, sans-serif;
	color:#000;
} /* 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 */

#formulaire div a {
	color:#fff;
} /* couleur du lien dans capchat */

.divimagecaptchat {
	display:none;
} /* carateristique de la div entourant l'image captchat */

.transp, .inputtexte {
	background: white;
	border: 1px solid #000;
	font: normal 11px Verdana, Arial, Helvetica, sans-serif;
	color:#000;
} /* 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 0;
	float:left;
}
.encadrement {width:144px; height:104px; padding:3px; float:left;}			
.encadrement img {border:2px solid #FFFFFF}
.encadrement a:hover img {filter : alpha(opacity=70); -moz-opacity : 0.7; opacity : 0.7; }