*{font-family:Arial, Helvetica, sans-serif;font-size:12px}
body{
	background:url("img/fond.jpg") repeat top left #fff;
	margin:0;padding:0
	}
#tableau{
	background:url("img/table.jpg") repeat-y top left #fff;
	margin:auto;position:relative;
	width:765px
	}
#haut{clear:both;height:241px;width:765px}
#menu{
	position:absolute;
	clear:both;height:46px;
	top:10px;
	left:1px;
	margin:0;padding:0;
	width:765px
	}
#corps{
	background:url("img/corps.jpg") no-repeat top left;
	clear:both;
	min-height:311px;
	margin:0;padding:0 30px;
	text-align:left;
	width:705px
	}
* html #corps{height:311px}
#bas{
	background:url("img/bas.jpg") no-repeat top left;
	color:white;
	clear:both;
	font-size:12px;
	font-weight:bold;
	height:20px;
	padding-top:28px;
	text-align:center;
	width:765px
	}
#infos_legales,#kmn{
	color:#555;
	font-size:11px;
	padding-top:3px;
	text-align:center;
	width:100%
	}
#kmn{height:20px;padding-top:10px}
#kmn a{
	color:#333;
	font-size:11px;
	text-decoration:underline
	}
#kmn a:hover{text-decoration:none}
#kmn img{vertical-align:middle}
a.haut_de_page{
	font-size:11px;
	font-size:smaller;
	float:right;
	margin:5px 10px
	}
/*********** menu ******************************/
#menu ul{
	height:22px;
	list-style-type:none;
	margin:0 10px;padding:0
	}
#menu li{
	display:inline;
	margin:0;padding:0
	}
#menu li.noBorder a{border-right-width:0}
#menu li a{
	color:white;
	display:block;
	float:left;
	font-size:11px;
	height:26px;line-height:30px;
	margin:0;padding:0 2px;
	text-decoration:none
	}
#menu li a:hover,#menu li a.active{
	background-color:#FFEC97;
	width:193px;
	color:#003300
}
/*********** mise en page du contenu ***********/
p,li,form{color:#333}
h1,h3,a,.txt_mis_en_avant{color:#444}
h2,a:hover{color:#778E16}
h1{
	font-size:18px;
	font-weight:bold;
	margin:0;
	padding:10px 0 20px 0;
	text-align:right;
	text-transform:uppercase
	}
h2{
	font-size:14px;
	font-weight:bold;
	padding:5px 0;
	margin:0 10px 0 0
	}
h3{
	font-size:12px;
	font-weight:bold;
	margin:0 5px 0 0;
	padding:2px 0 0 0
	}
p{
	padding:3px 0;
	margin:0 10px 0 0;
	text-align:justify
	}
ul{
	margin-left:15px;
	padding-left:15px
	}
li{
	list-style-type:square;
	margin-bottom:3px
	}
.min,sup{font-size:smaller}
form{margin:0;padding:0}
input, textarea{
	border:1px solid #ccc;
	color:#555;
	}
.txt_mis_en_avant{font-weight:bold}
/*********** liens par défaut ***********/
a{text-decoration:underline}
a:hover{text-decoration:none}
/*********** style des images ***********/
img.border{
	border:1px solid #555;
	margin:2px
	}
a img, #haut a:hover img{filter:alpha(opacity=100);-moz-opacity: 1;opacity:1}
a:hover img{filter:alpha(opacity=60);-moz-opacity:0.6;opacity: 0.6}

.cadre3{ border:1px dashed #86B186;}
.realisations{ color:#FF0000; text-align:right;}
.realisations:active{ color:#FF0000; text-align:right;}
.realisations:focus{ color:#FF0000; text-align:right;}
.realisations:hover{ color:#FF0000; text-align:right;}
.realisations:visited{ color:#FF0000; text-align:right;}


div.bloc_image { text-align:center; }
div.bloc_image img {	
	margin:4px;
	padding:0px;
	border: 1px solid #000;
}
div.bloc_image a { text-decoration:none; }
div#contenu_modifiable div.bloc_image p.zoomer { text-align:center;font-size:9px; }
div#contenu_modifiable div.bloc_image p.legende { margin:0 0 5px 0;font-weight:bold; }


#choix {
	margin:10px 0;
	padding:0;
	display:none;
}
#choix p {
	text-align:center;
	font-size:14px;
	font-weight:bold;
	color:#CCC;
}
#agriculture {
	margin:10px 0;
	padding:0 10px 10px 10px;
	border:2px dashed #8bc579;
}

#stockage-eau {
	margin:10px 0;
	padding:0 10px 10px 10px;
	border:2px dashed #73b8e1
}