* {
	padding:0;
	margin:0;
	font-size:100%;
	font-family:Arial, Helvetica, sans-serif;
	outline:none;
}
body {
	background:url(pic/bg_body.jpg) repeat-x #eae7b9;
}
img {
	border:none;
}
h1 {
	position:absolute;
	left:-6000px;
}
div#global {
	width:965px;
	margin:0 auto;
}
div#entete {
	width:963px;
	height:286px;
	/*background:url(pic/bg_tete.png) no-repeat;*/
	margin:0 auto;
}
/*===========================================menu======================================*/
div#menuH {
	width:965px;
	height:50px;
	margin:0 auto;
	background:url(pic/menuBG.png) no-repeat;
}
ul#menu {
	list-style:none;
	padding:0;
	height:50px;
	width:963px;
	position:relative;
	top:-20px;
	margin-left:3px;
}
ul#menu li {
	float:left;
	width:auto;
	height:45px;
}
ul#menu li a {
	
	top:20px;
	text-indent:-999em;
	display:block;
	cursor:pointer;
}
ul#menu li .bt1 {
	background:url(pic/menu_02.png) no-repeat center;
	width:82px;
	height:45px;
}
ul#menu li .bt2 {
	background:url(pic/menu_04.png) no-repeat center;
	width:78px;
	height:45px;
}
ul#menu li .bt3 {
	background:url(pic/menu_06.png) no-repeat center;
	width:183px;
	height:45px;
}
ul#menu li .bt4 {
	background:url(pic/menu_08.png) no-repeat center;
	width:106px;
	height:45px;
}
ul#menu li .bt5 {
	background:url(pic/menu_10.png) no-repeat center;
	width:188px;
	height:45px;
}
ul#menu li .bt6 {
	background:url(pic/menu_12.png) no-repeat center;
	width:117px;
	height:45px;
}
ul#menu li .bt7 {
	background:url(pic/menu_14.png) no-repeat center;
	width:174px;
	height:45px;
}
ul#menu li .bt8 {
	background:url(pic/menu_16.png) no-repeat center;
	width:35px;
	height:45px;
}
/*===========================================actualite + titre des pages + contact======================================*/
div#contact {
	background:url(pic/bg_contact.jpg) no-repeat center top;
	margin:8px auto 20px auto;
	width:965px;
	height:166px;
}
div#actu {
	width:255px;
	height:150px;
	float:left;
	margin:8px 0 0 0px;
}
div#actu h3.titreActu {
	font-family:Arial, Helvetica, sans-serif;
	font-size:20px;
	margin-left:160px;
}
div#actu h4.titre {
	width:255px;
	height:20px;
	font-size:12px;
	font-weight:bold;
	color:#ffea00;
	text-align:left;
}
div#actu p.textActu {
	width:255px;
	max-height:80px;
	font-size:11px;
	line-height:18px;
	color:#000;
}
div#actu img.vue {
	float:left;
}
div#titreP {
	width:144px;
	height:43px;/*153px*/
	padding-top:110px;
	margin-left:160px;
	float:left;
}
div#titreP h2.titrePageAcc {
	font-family:Arial, Helvetica, sans-serif;
	font-size:20px;
	margin:10px 0 0 12px;
}
div#titreP h2.titrePagePano {
	font-family:Arial, Helvetica, sans-serif;
	font-size:20px;
	margin:0px;
}
div#titreP h2.titrePagePompe {
	font-family:Arial, Helvetica, sans-serif;
	font-size:20px;
	margin:0px 0 0 40px;
}
div#titreP h2.titrePageRecup {
	font-family:Arial, Helvetica, sans-serif;
	font-size:20px;
	margin:0px;
}
div#titreP h2.titrePageChauff {
	font-family:Arial, Helvetica, sans-serif;
	font-size:20px;
	margin:0px 0px 0px 15px;
}
div#titreP h2.titrePagePart {
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	margin:5px 0px 0px 6px;
}
div#titreP h2.titrePageFoire {
	font-family:Arial, Helvetica, sans-serif;
	font-size:20px;
	margin:5px 0px 0px 25px;
}
div#titreP h2.titrePageCont {
	font-family:Arial, Helvetica, sans-serif;
	font-size:20px;
	margin:10px 0px 0px 30px;
}
div#contactDl {
	width:235px;
	height:150px;
	float:left;
	margin:8px 0 0 155px;
}
div#contactDl h3.titreCon {
	font-family:Arial, Helvetica, sans-serif;
	font-size:20px;
}
dl#adresse {
	width:260px;
	height:80px;
	list-style:none;
	text-align:center;
}
dl#adresse dt.bati {
	position:absolute;
	left:-5200px;
}
dl#adresse dd {
	color:#f2ea0c;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:12px;
	line-height:20px;
}
div#contactDl span.contacto {
	margin-left:5px;
}
/*===========================================Contenu de la page======================================*/
div#page {
	-moz-box-shadow: 1px 1px 12px #555;
	-webkit-box-shadow: 1px 1px 12px #555;
	box-shadow: 1px 1px 12px #555;
	background:#fff;
	width:880px;
	min-height:500px;
	margin:0 auto 30px auto;
	border-radius: 10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	padding:10px;
}
div#page p {
	font-size:12px;
	line-height:20px;
	margin:7px 0;
}
div#page span.Gras {
	font-weight:bold;
}
div#page p.orangeGras, div#page span.orangeGras {
	color:#f97500;
	font-weight:bold;
}
div#page .fotogauche {
	background:url(pic/cadreFoto.jpg) no-repeat;
	width:310px;/*322*/
	height:175px;/*187*/
	padding:6px;
	margin:5px;
	float:left;
}
div#page .fotodroit {
	background:url(pic/cadreFoto.jpg) no-repeat;
	width:310px;/*322*/
	height:175px;/*187*/
	padding:6px;
	margin:5px;
	float:right;
}
div#page span.Puce {
	background:url(pic/puce.jpg) no-repeat left;
	padding-left:12px;
	margin-left:20px;
}
div#page h4.Bleu {
	font-weight:bold;
	font-size:12px;
	color:#0072a1;
	padding:20px 0;
}
div#page h5 {
	font-weight:bold;
	font-size:12px;
	color:#0072a1;
	padding:10px 0;
}
div#page h6 {
	font-weight:bold;
	font-size:12px;
	color:#0072a1;
	padding:10px 15px;
}
div#page ul.lienPage {
	list-style:none;
	text-align:left;
}
div#page ul.lienPage li {
	font-size:12px;
	padding-left:12px;
	background:url(pic/puce.jpg) no-repeat left;
	display:block;
	line-height:25px;
}
div#page a.linko {
	font-size:12px;
	text-decoration:underline;
	color:#649200;
}
div#page a.linko:hover {
	text-decoration:none;
}
/*===========================================pied de page======================================*/
div#pied {
	height:227px;
	background:url(pic/bg_pied.jpg) top center repeat-x #00abe4;
	width:100%;
}
div#piedContent {
	width:960px;
	height:100px;/*227px*/
	padding-top:127px;
	margin:0 auto;
	background:url(pic/dar.png) top right no-repeat;
}
ul#piedContentLien {
	width:780px;
line-height:15px;
	min-height:50px;
	list-style:none;
	text-align:center;
	margin-left:20px;
}
ul#piedContentLien li {
	display:inline;
	padding:0px 3px;
}
ul#piedContentLien li a.lienFoot {
	font-size:10px;
	text-transform:uppercase;
	color:#fff;
	text-decoration:none;
}
ul#piedContentLien li a.lienFoot:hover {
	color:#9aee36;
}
div#piedContent p.imnalogo {
	width:580px;
	margin-left:120px;
	text-align:center;
}
div#piedContent span.imna {
	position:absolute;
	left:-5000px;
}
/*Formulaire du contact*/


#form {
	text-align: left;
	margin-top:25px;
	margin:0 10px;
	width:auto;
	overflow:hidden;
}
.form1 {
	border-width: medium;
	border: solid 1px #ccc;
	width: 46%;
	background: #fff;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	display: inline-block;
	color: #575b5f;
	margin-right: 5px;
	padding: 2px;
}
.form11 {
	border-width: medium;
	border: solid 1px #ccc;
	width: 95%;
	background: #fff;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	display: inline-block;
	color: #575b5f;
	margin-right: 5px;
	padding: 2px;
}
.form1:focus, .form11:focus {
	border: 1px solid #666666;
}
.form2 {
	font: 11px Arial, Helvetica, sans-serif;
	width: 30%;
}
.form3 {
	font-size:11px;
	width: 30%;
}
.form4 {
	overflow: hidden;
	padding: 5px 0px 0px;
}
.button1 {
	font-size: 11px;
	width: 45%;
	background: #999999;
	border-width: medium;
	border-style: none;
	color: #575b5f;
	cursor: pointer;
}
#form .italic {
	font-style:italic;
	font-size:12px;
	margin:5px 0px;
}