/*Géneral */
*{
	margin:0;padding:0;
}
img{
	border:0;
}
a{
	text-decoration:none;
}
a:hover{
	text-decoration:none;
}
ul{
	margin:0;padding:0; 
}
ul li{
	list-style:none;
}
.clr {
	clear:both;font-size:0;
}
p, h2, h3, h4, h5 {
	display:block;
}
.orange{
	color:#e45506;
}

/***********************/
body{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}
#left_nav{
	background:url(images/bg_g.jpg) no-repeat top right #fff;
}
#right_nav{
	background:url(images/bg_d.jpg) no-repeat left top #fff;
}
#Global{
	width:955px;
	background:url(images/bg_glopall.jpg) repeat-x 0 0 #fff;
}
#AllCenter{
	width:875px;
	background:url(images/bg_center.jpg) no-repeat 0 top #fff;
	margin-left:29px;
	padding:0 0 15px 21px;
}
.logo{
	margin:0 0 0 16px;
	float:left;
}

/*----top menu-----*/
#TopMenu{
	font-size:10px;
	padding:0 0 1px 318px;
	text-align:center;
}
#TopMenu li{
	display:inline;
	color:#fff;
}
#TopMenu li a {
	color:#fff;
}
#TopMenu li a:hover,#TopMenu .activ{
	color:#8ae220;
}
/*-----fin top menu------*/

/*------------------Menu---------------*/
.menu{ 
	background:url(images/bg_menu.jpg) 2px 154px no-repeat;
	width:476px;
	height:74px;
	float:right; 
	padding:0 12px 0 0; 
}
.menu li{
	float:left; 
}
.menu li a{float:left;}

.accueil a{ background:url(images/menu_acc_a.gif) 0 0 no-repeat;width:122px;height:64px;display:block;}
.accueil a:hover,.accueil .active{ background:url(images/menu_acc_hover.gif) 0 0 no-repeat;height:74px;}

.exploitation a{ background:url(images/menu_exploitation_a.gif) 0 0 no-repeat;width:116px;height:58px;display:block;}
.exploitation a:hover,.exploitation .active{background:url(images/menu_exploitation_hover.gif) 0 no-repeat;height:67px;}

.puits a{ background:url(images/menu_a_puits.gif) 0 0 no-repeat;width:117px;height:50px;display:block;}
.puits a:hover,.puits .active{background:url(images/menu_puits_hover.gif) 0 0 no-repeat;height:60px;}

.contact a{background:url(images/menu_contact_a.gif) 0 0 no-repeat;width:121px;height:43px;display:block;}
.contact a:hover,.contact .active{ background:url(images/menu_contact_hover.gif) 0 0 no-repeat;height:53px;}
/*------------------Fin Menu---------------*/

/************************* Index **************************************/
#HeaderP1{
	width:955px;
	height:279px;
	background:url(images/bg_header_index.jpg) no-repeat 0 0;
}
#BlocLeftAccueil{
	width:182px;
	float:left;
	background:url(images/bg_bloc_left_accueil.gif) no-repeat 0 83px;
}
.n_de_tel{
	margin:22px 0 0 0;
}
#Blocdevis{
	width:182px;
	margin-top:9px;
	background:url(images/bg_rx_demande.gif) repeat-y 0 0;
}
#BlocdevisCent{
	width:182px;
	padding:0 0 20px 0;
	line-height:18px;
	background:url(images/bg_botoom_demande.gif) no-repeat 0 bottom;
}
.demander{
	font-size:16px;
	color:#fff;
	padding:0 0 0 10px;
}
.un_devis{
	font-size:16px;
	color:#fff;
	padding:0 0 0 10px;
	font-weight:bold;
}
.calculatrice{
	margin:29px 0 0 14px;
}
.logo_plus{
	margin:4px 0 0 0;
}
#BlocRightAccueil{
	width:646px;
	float:left;
	padding:8px 10px 0 34px;
}
.procede_concept{
	margin:0 0 0 0;
}
.TitleAcceuil{
	font-size:13px;
	padding:5px 0 10px 0;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#00abbe;}
.TitleAcceuil2{
	font-size:16px;
	padding:0px 0 0 0;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#00667c;
	text-transform: uppercase;
}
#BlocRightAccueil .ParaAcceuil{
	color:#000;
	padding:6px 0 0 0;
	text-align:left;
}
.main_eau{
	margin:15px 0 0 0;
	float:left;
}
.bloc_Camembert{
	width:241px;
	float:left;
	color:#e35100;
	margin-left:54px;
	padding:34px 0 20px 0;
	font-size:13px;
	background:url(images/bg_Camembert.gif) no-repeat 0 83px;
}
.bloc_Camembert span{
	display:block;
}
.Camembert{
	float:left;
	padding:0 6px 0 8px;
}
.goute_deau{
	float:right;
	margin:15px 10px 0 0;
}
/************************* Fin Index **************************************/



/********** Récupération et exploitation des eaux de pluie ****************/
#HeaderP2{
	width:955px;
	height:279px;
	background:url(images/bg_header_Recuperation.jpg) no-repeat 0 0;
}
#BlocRecuperation{
	width:611px;
	float:left;
	padding:0 35px 0 0;
}
.TitleBlocRecuperation{
	color:#00667c;
	font-size:14px;
	padding:0 0 0 0;
	font-weight:bold;
}
.TitleBlocRecuperationV0{
	color:#00667c;
	font-size:14px;
	padding:10px 0 0 0;
	font-weight:bold;
}
.Titleconcept{
	color:#00667c;
	font-size:14px;
	padding:0 0 0 0;
	font-weight:bold;
}
.SmallTitleconcept{
	color:#00abbe;
	padding:8px 0 0 0;
	font-weight:bold;
}
.ParaRecuperation{
	color:#000;
	padding:6px 0 4px 0;	
	text-align:justify;
	line-height:17px;
}
.ParaRecuperationV0{
	color:#000;
	padding:6px 0 0 0;
	text-align:justify;
	line-height:17px;
	font-size:12px;
}
.ParaRecuperationV1{
	color:#000;
	padding:6px 0 0 15px;
	text-align:justify;
	line-height:17px;
	font-size:12px;
	background:url(images/fleche_orange.gif) no-repeat 0 11px;
}
#BlocEncadre{
	width:213px;
	margin-top:62px;
	float:left;
	background:url(images/bg_rx_encadrer-orange.gif) repeat-y 0 0;
}
#BlocEncadreCent{
	width:213px;
	background:url(images/bg_botoom_encadrer_orange.gif) no-repeat 0 bottom;
	padding:0 0 20px 0;
}
.TitleEncadreCent{
	color:#e35100;
	font-weight:bold;
	width:193px;
	padding:6px 0 4px 20px;
	height:21px;
	margin-top:5px;
	background:url(images/bg_les_atous.gif) no-repeat 2px 0;
	text-transform: uppercase;
}
.ParaEncadreCent{
	color:#fff;
	font-weight:bold;
	padding:0 10px 0 10px;
	line-height:18px;
}
.ParaEncadreCent span{
	color:#fff;
	font-weight:bold;
	display:block;
	padding:4px 0 0 16px;
	font-size:14px;
	background:url(images/fleche_planch.gif) no-repeat 0 5px;
}
.BlocImagesDeLegende{
	width:611px;
	text-align:justify;
	line-height:18px;
}
.BlocImagesDeLegende span{
	width:611px;
	font-weight:bold;
	border-bottom:solid 1px #00abbe;
	font-size:14px;
	display:block;
	margin-bottom:10px;
	padding:10px 0 4px 0;
	color:#00abbe;
}
.jardin{
	float:left;
	margin:0 6px 0 0;
}
#Legende{
	width:203px;
	float:left;
	margin-top:40px;
	background:url(images/bg_legende.jpg) no-repeat #fff 0 top;
	padding:0 0 0 10px;
}
#Legende span.legende{
	display:block;
	padding:0 0 6px 0;
	color:#00667C;
	font-size:13px;
	font-weight:bold;
}
#Legende p{
	padding:0 0 6px 0;
}
#Legende .TitleLegende{
	color:#00ABBE;
	font-weight:bold;
	font-size:14px;
	padding:12px 0 6px 10px;
}
.ParaLegende_un{
	color:#000;
	background:url(images/un.gif) no-repeat 0 2px;
}
.ParaLegende_deux{
	color:#000;
	background:url(images/deux.gif) no-repeat 0 2px;
}
.ParaLegende_troix{
	color:#000;
	background:url(images/troix.gif) no-repeat 0 2px;
}
.ParaLegende_quatre{
	color:#000;
	background:url(images/quartre.gif) no-repeat 0 2px;
}
.ParaLegende_cinq{
	color:#000;
	background:url(images/cinq.gif) no-repeat 0 2px;
}
.ParaLegende_six{
	color:#000;
	background:url(images/six.gif) no-repeat 0 2px;
}
.ParaLegende_sept{
	color:#000;
	background:url(images/sept.gif) no-repeat 0 2px;
}
.ParaLegende_wight{
	color:#000;
	background:url(images/wight.gif) no-repeat 0 2px;
}
/********** Fin Récupération et exploitation des eaux de pluie ************/


/************************* 3-puits-canadiens **************************************/
#HeaderP3{
	width:955px;
	height:279px;
	background:url(images/bg_header_Puits_anadiens.jpg) no-repeat 0 0;
}
#BlocPuits_canadien{
	width:611px;
	float:left;
	padding:0 35px 0 0;
}
.TitlePuits_canadien{
	color:#00667c;
	font-size:14px;
	padding:8px 0 0 0;
	font-weight:bold;
}
.SmallTitlePuits_canadien{
	color:#00abbe;
	padding:8px 0 0 0;
	font-weight:bold;
}
.ParaPuits_canadien{
	color:#000;
	padding:6px 0 0 0;
	text-align:justify;
	line-height:17px;
	font-size:12px;
}
.ParaPuits_canadienV0{
	color:#000;
	padding:6px 0 0 15px;
	text-align:justify;
	line-height:17px;
	font-size:11px;
	background:url(images/fleche_orange.gif) no-repeat 0 11px;
}
.ParaEncadreOrange{
	color:#fff;
	font-weight:bold;
	padding:0 10px 0 24px;
	line-height:18px;
	background:url(images/small_fleche_planch.gif) no-repeat 10px 4px;
}
.BlocTRIO{
	width:305px;
	text-align:justify;
	line-height:18px;
	float:left;
}
.BlocTRIO span{
	font-weight:bold;
	width:290px;
	border-bottom:solid 1px #00abbe;
	font-size:14px;
	display:block;
	margin-bottom:10px;
	padding:10px 0 4px 0;
	color:#00abbe;
}
/************************* Fin 3-puits-canadiens **************************************/




/************************* contact **************************************/
#HeaderP4{
	width:955px;
	height:279px;
	background:url(images/bg_header_contact.jpg) no-repeat 0 0;
}
#coord
{
	float:left;
	width:337px;
	padding:9px 0 0 0;
	margin-left:24px;
}
#coord .titre_coord{
	font-size:16px;
	font-weight:bold;
	color:#00667C;
	padding:0 0 10px 0;
}
#coord p
{
	display:block;
	padding:0 0 6px 0;
	color:#000;
	font-size:14px;
	margin-bottom:8px;
}
#coord .first_titre
{
	padding:0 0 6px 0;
	margin-bottom:10px;
}
#coord span
{
	display:block;
	font-weight:bold;
}
#coord .adresse
{
	background:url(images/adresse.gif) no-repeat 0 4px;
}
#coord .adresse span
{
	padding:0 0 0 42px;
	color:#000;
}
#coord .adresse .titlecoord{
	background:none;
	font-weight:bold;
	color:#E45200;
	display:block;
	padding:0 0 6px 42px;
}
#coord .mobile
{
	background:url(images/mobil.gif) no-repeat 0 0;
	padding:0 0 0 0;
}
#coord .mobile span
{
	padding:0 0 6px 42px;
}
#coord .mobile .titlecoord{
	background:none;
	font-weight:bold;
	color:#E45200;	
	display:block;
	padding:0 0 8px 0;	
	font-style:normal;	
}
#coord .mobile .portable	
{
	float:right;
	padding-right:40px;
}
#coord .aro
{
	background:url(images/aro.gif) no-repeat 0 2px;
}
#coord .mobile .titlecoordV0{
	background:none;
	font-weight:bold;
	color:#E45200;
	display:block;
	width:150px;
	float:left;
	padding:0 0 6px 15px;
}
#coord .aro .titlecoord{
	background:none;
	font-weight:bold;
	color:#E45200;
	display:block;
	padding:0 0 6px 42px;
}
.Famille{
	display:block;
	margin:2px 0 0 40px;
}
.logo_suplimentere{
	margin:10px 0 0 5px;
	float:left;
}
.petite_plan
{
	float:left;
	padding:36px 0 0 0;
}
.plan .map
{

	cursor:pointer;
}
.Panont{
	width:149px;
	position:absolute;
	padding:8px 6px 16px 8px;
	text-align:left;
	font-size:11px;
	font-weight:bold;
	background:url(images/bg_tpanont_carte.png) no-repeat 0 top;
	_background:none;
 filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/bg_tpanont_carte.png', sizingMethod='crop');
	left:60px;
	top: 20px;
}
.Img_panot_carte{
	padding:0;
	margin:0;
}


#Plan
{
	float:left;
	width:187px;
	position:relative;
}
/*******css formulaire******/
#formulaire
{
	float:left;
	width:242px;
	margin-top:9px;
	padding:15px 23px 0 0;
	background:url(images/bg_formulaire.jpg) no-repeat 0 0 #fff;		
}
#formulaire .titre_formulaire{
	font-weight:bold;
	width:190px;
	font-size:13px;
	color:#00667C;
	padding:0 0 10px 30px;
} 
#formulaire .titre_formulaire span{
	color:#00ABBE;
	font-size:11px;
	padding:2px 0 0 4px;
}

label{
	display:block;
	float:left;
	width:78px;
margin:0 0 0 15px;
	font:;
}

select{
width:147px;
margin:0 0 5px 0;
}

label.demande{
	display:block;
	float:left;
	width:150px;
	font:;
}

.input{
	width:142px;
	height:;
	font:;
	border:solid 1px #000;
	padding:0px 0px 0px 3px;
	margin:0px 0px 5px 0px;
}

.check{
margin:3px 0 0 15px;
padding:0 0 5px 0;
clear:both;
}

.check input{
margin:0 5px 0 0;
}

textarea{
	width:142px;
	height:;
	font:;
	border:solid 1px #000;
	padding:0px 0px 0px 3px;
	margin:0px 0px 0px 0px;
	overflow:auto;
}

#bouton{
	display:block;
	width:87px;
	height:22px;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	background:url(images/ok.gif) no-repeat;
	border:none;
	cursor:pointer;
}

/************************* Fin contact **************************************/












/**************************************    Footer   ******************************/
#footer{
	width:955px;
	margin:0 auto;
	padding:0 0 20px 0;
	background:#fff;
	font-size:11px;
	clear:both;
}

#footer p{
	color:#00667c;
	font-size:11px;
	width:884px;
	margin:0 auto;
	padding:0 0 6px 17px;
}

.object{
	top:0;
	left:34px;
	position:relative;
}
object{
	top:6px;
	left:0;
	position:relative;
}
#footer ul{
	list-style-type:none;
	color:#aadae5;
	padding:0 0 0 44px;
}
 
#footer li {
	display:inline;
}
 
 
#footer li a{
	color:#aadae5;
	
}
 
#footer li a:hover,#footer .activ{
	color:#d74500;
}

#footer .possibilite{
padding:5px 0 8px 0;
color:#61001e;
font-weight:bold;
background:url(images/bg_footer2.jpg) center 0 no-repeat;
}


#footer #logo_bas{
	text-align:center;
	line-height:20px;
	clear:both;
	padding:20px 0 0 0;
	
} 


#logo_bas a{
	font-size:9px;
	border:none;
	color:#000; 

}

#logo_bas a:hover{
	color:#d74500;
}
/********************************* Fin Footer************************************************/






/***********************************Mention**********************************/
.contenuMention{
	width:875px;	
	padding:33px 0 0 21px;
	margin-left:29px;
	background:url(images/bg_center.jpg) no-repeat 0 top #fff;
}
.contenuMention .first_titre
{
	font-weight:bolder;
	color:#00ABBE;
	font-size:14px;
	width:855px;
	border-bottom:1px solid #00ABBE;
	padding:8px 0 6px 0;
	margin-bottom:10px;
	word-spacing:-2px;
}
.contenuMention p{
	 padding:4px 20px 4px 0;
	 line-height:17px;
	 text-align:justify;	 	
}
.contenuMention .fonce
{
	color:#00667C;
	font-weight:bold;
}
.contenuMention strong
{
	color:#e35100;
}
/****************************** Fin mention légale ****************************/







/* #############################################################################*/
/*.................... STYLES LOUISE POUR MODIFS ...............................*/
/* #############################################################################*/

p.lineclear{
	margin:0;
	padding:0;
	line-height:1px;
	clear:both;
}