/* Feuille de style pour le contenu des pages

 * C'est cette feuille de style qui doit être liée aux pages du site

 * La feuille de style de la charte est appelée depuis cette feuille.

 */

 

/* Import des style pour la charte */

@import "charte.css";



b{

	color:#7BA704;}

h1{

	font:bold 1.8em Arial, Helvetica, sans-serif;
	color:#87b017;
	padding:0 0 20px 0;

}

h2{

font:bold 1.4em Arial, Helvetica, sans-serif;

color:#62b6f1;

padding:10px 0 3px 0;

}

p{

padding:3px 0;

font:1.2em Arial, Helvetica, sans-serif;

color:#4c6d85;

text-align:justify;

}

a{

font:Arial, Helvetica, sans-serif;

color:#87b017;

}

a:hover{

color:#62b6f1;

}



/******************************** PRESENTATION ********************************/

#presentation{

	float:left;

	width:894px;

	top:0px;
	position:relative;

	left:-9px;

	/*padding-bottom:40px;

	border:1px solid black;*/

}

#presentation .cadre{

	float:left;

	width:420px;

	padding-bottom:20px;

	/*border:1px solid blue;*/

}

#presentation .cadre img{

	margin-left:72px;

}

#presentation p{

	padding:10px 0;	font:14px Arial, Helvetica, sans-serif;

line-height:16px;

	letter-spacing:0.05em;

	color:#4c6d85;

	text-align:justify;

}

*html #presentation p{

	letter-spacing:0.06em;

}

#presentation li{	font:14px Arial, Helvetica, sans-serif;

line-height:16px;

	letter-spacing:0.05em;

	color:#4c6d85;

	text-align:justify;

	margin-left:40px;

	list-style-image:url(../images/charte/puce01.gif);

}

* html #presentation li{

	letter-spacing:0.06em;

}





/******************************** TRAVAUX ********************************/

#travaux{

	float:left;

	width:894px;

	top:347px;

	left:43px;

	/*border:1px solid black;*/

}

#travaux img{

	padding:10px 24px;

}

#travaux h2{

	font:bold 1.3em Arial, Helvetica, sans-serif;

	color:#4A6305;

	padding:10px 0 3px 0;

}

#travaux .cadre{

	float:left;

	width:440px;

	margin-right:2px;

	padding-bottom:20px;

	/*border:1px solid red;*/

}

#travaux .cadreintervention{

	background:url(../images/charte/fd_encart_travaux.gif) no-repeat;

	float:left;

	width:420px;

	height:170px;

	margin-right:22px;

	margin-bottom:20px;

	/*border:1px solid red;*/

	text-align:center;

	clear:both;

}

#travaux .cadreintervention p{

	padding:10px 0;	font:14px Arial, Helvetica, sans-serif;

line-height:16px;

	letter-spacing:0.05em;

	color:#4c6d85;

	text-align:center;

}

* html #travaux .cadreintervention p{

	letter-spacing:0.06em;

}

#travaux p{

	padding:10px 0;	font:14px Arial, Helvetica, sans-serif;

line-height:16px;

	letter-spacing:0.05em;

	color:#4c6d85;

	text-align:justify;

}

* html #travaux p{

	letter-spacing:0.06em;

}

#travaux li{	font:14px Arial, Helvetica, sans-serif;

line-height:16px;

	letter-spacing:0.05em;

	color:#4c6d85;

	text-align:justify;

	margin-left:40px;

	list-style-image:url(../images/charte/puce01.gif);

}

* html #travaux li{

	letter-spacing:0.06em;

}



/******************************** ASSAINISSEMENT ********************************/

#assainissement{

	float:left;

	width:894px;

	top:347px;

	left:43px;

	/*border:1px solid black;*/

}

#assainissement img{

	padding:10px 24px;

}

#assainissement .imgdr{

	padding:10px 24px;

	float:right;

}

#assainissement h2{

	font:bold 1.3em Arial, Helvetica, sans-serif;

	color:#4A6305;

	padding:10px 0 3px 0;

}

#assainissement .cadre{

	/*position:relative;*/

	float:left;

	width:400px;

	margin-right:42px;

	padding-bottom:20px;

	//*border:1px solid red;*/

}

#assainissement .cadreintervention{

	background:url(../images/charte/fd_encart_pompage.gif) no-repeat;

	float:left;

	width:420px;

	height:170px;

	margin-right:22px;

	/*margin-bottom:20px;

	border:1px solid red;*/

	text-align:center;

}

#assainissement .cadreintervention p{

	padding:10px 0;	font:14px Arial, Helvetica, sans-serif;

line-height:16px;

	letter-spacing:0.05em;

	color:#4c6d85;

	text-align:center;

}

*html #assainissement .cadreintervention p{

	letter-spacing:0.06em;

}

#assainissement p{

	padding:10px 0;	font:14px Arial, Helvetica, sans-serif;

line-height:16px;

	letter-spacing:0.05em;

	color:#4c6d85;

	text-align:justify;

}

* html #assainissement p{

	letter-spacing:0.06em;

}

#assainissement li{	font:14px Arial, Helvetica, sans-serif;

line-height:16px;

	letter-spacing:0.05em;

	color:#4c6d85;

	text-align:justify;

	margin-left:40px;

	list-style-image:url(../images/charte/puce01.gif);

}

* html #assainissement li{

	letter-spacing:0.06em;

}



/******************************** POMPAGE ********************************/

#pompage{

	float:left;

	width:894px;

	top:347px;

	left:43px;

	/*border:1px solid black;*/

}

#pompage img{

	padding:10px 24px;

}

#pompage h2{

	font:bold 1.3em Arial, Helvetica, sans-serif;

	color:#4A6305;

	padding:10px 0 3px 0;

}

#pompage .cadre{

	float:left;

	width:400px;

	margin-right:42px;

	padding-bottom:20px;

	/*border:1px solid red;*/

}

#pompage .cadreintervention{

	background:url(../images/charte/fd_encart_pompage.gif) no-repeat;

	float:left;

	width:420px;

	height:155px;

	margin-right:22px;

	/*border:1px solid red;*/

	text-align:center;

}

#pompage .cadreintervention p{

	padding:10px 0;	font:14px Arial, Helvetica, sans-serif;

line-height:16px;

	letter-spacing:0.05em;

	color:#4c6d85;

	text-align:center;

}



#presentation .cadreintervention{

	background:url(../images/charte/fd_encart_pres.gif) no-repeat center;

	float:left;

	width:250px;

	height:155px;

	/*border:1px solid red;*/

	text-align:center;

	padding-top: 15px;

}

#presentation .cadreintervention p{

	padding:10px 0;	font:14px Arial, Helvetica, sans-serif;

  line-height:16px;

	letter-spacing:0.05em;

	color:#4c6d85;

	text-align:center;

}



*html #pompage .cadreintervention p{

	letter-spacing:0.06em;

}

#pompage p{

	padding:10px 0;	font:14px Arial, Helvetica, sans-serif;

	line-height:16px;

	letter-spacing:0.05em;

	color:#4c6d85;

	text-align:justify;

}

*html #pompage p{

	letter-spacing:0.06em;

}

#pompage li{	font:14px Arial, Helvetica, sans-serif;

	line-height:16px;

	letter-spacing:0.05em;

	color:#4c6d85;

	text-align:justify;

	margin-left:40px;

	list-style-image:url(../images/charte/puce01.gif);

}

* html #pompage li{

	letter-spacing:0.06em;

}

#texteintervention{

	background:url(../images/charte/cadre-photo.jpg) no-repeat 0px 10px;

	float:right;

	width:210px;

	height:160px;

	margin-right:22px;

	margin-bottom:20px;

	/*border:1px solid red;*/

	text-align:center;

	padding:20px 20px;

	font-size:16px;

	color:#4c6d85;

	font-weight:bold;

	font-family:Arial, Helvetica, sans-serif;

}





/******************************** INSPECTION ********************************/

#inspection{

	float:left;

	width:894px;

	top:347px;

	left:43px;

	/*border:1px solid black;*/

}

#inspection img{

	padding:10px 24px;

}

#inspection .imgdr{

	padding:0px 24px;

	float:right;

}

#inspection h2{

	font:bold 1.3em Arial, Helvetica, sans-serif;

	color:#4A6305;

	padding:10px 0 3px 0;

}

#inspection .cadre{

	/*position:relative;*/

	float:left;

	width:400px;

	margin-right:42px;

	padding-bottom:20px;

	//*border:1px solid red;*/

}

#inspection .cadreintervention{

	background:url(../images/charte/fd_encart_pompage.gif) no-repeat;

	float:left;

	width:420px;

	height:170px;

	margin-right:22px;

	/*margin-bottom:20px;

	border:1px solid red;*/

	text-align:center;

}

#inspection .cadreintervention p{

	padding:10px 0;	font:14px Arial, Helvetica, sans-serif;

line-height:16px;

	letter-spacing:0.05em;

	color:#4c6d85;

	text-align:center;

}

*html #inspection .cadreintervention p{

	letter-spacing:0.06em;

}

#inspection p{

	padding:10px 0;	font:14px Arial, Helvetica, sans-serif;

line-height:16px;

	letter-spacing:0.05em;

	color:#4c6d85;

	text-align:justify;

}

* html #inspection p{

	letter-spacing:0.06em;

}

#inspection li{	font:14px Arial, Helvetica, sans-serif;

line-height:16px;

	letter-spacing:0.05em;

	color:#4c6d85;

	text-align:justify;

	margin-left:40px;

	list-style-image:url(../images/charte/puce01.gif);

}

* html #inspection li{

	letter-spacing:0.06em;

}



/******************************** ENTRETIEN ********************************/

#entretien{

	float:left;

	width:894px;

	top:347px;

	left:43px;

	/*border:1px solid black;*/

}

#entretien img{

	padding:10px 24px;

}

#entretien h2{

	font:bold 1.3em Arial, Helvetica, sans-serif;

	color:#4A6305;

	padding:10px 0 3px 0;

}

#entretien .cadre{

	/*position:relative;*/

	float:left;

	width:440px;

	margin-right:02px;

	padding-bottom:20px;

	/*border:1px solid red;*/

}

#entretien .cadreintervention{

	background:url(../images/charte/fd_encart_pompage.gif) no-repeat;

	float:left;

	width:420px;

	height:170px;

	margin-right:22px;

	/*margin-bottom:20px;

	border:1px solid red;*/

	text-align:center;

}

#entretien .cadreintervention p{

	padding:10px 0;	font:14px Arial, Helvetica, sans-serif;

line-height:16px;

	letter-spacing:0.05em;

	color:#4c6d85;

	text-align:center;

}

*html #entretien .cadreintervention p{

	letter-spacing:0.06em;

}

#entretien p{

	padding:10px 0;	font:14px Arial, Helvetica, sans-serif;

line-height:16px;

	letter-spacing:0.05em;

	color:#4c6d85;

	text-align:justify;

}

* html #entretien p{

	letter-spacing:0.06em;

}

#entretien li{	font:14px Arial, Helvetica, sans-serif;

line-height:16px;

	letter-spacing:0.05em;

	color:#4c6d85;

	text-align:justify;

	margin-left:40px;

	list-style-image:url(../images/charte/puce01.gif);

}

* html #entretien li{

	letter-spacing:0.06em;

}

#entretien .cadre img{

	margin-left:62px;

}





.photo1{

  border:solid 1px #97bb3d;

  background:#97bb3d;

  padding:5px;

  margin:5px 0px 5px 10px;

}



.line{

  margin:10px 0px 10px 0px;

  clear:both;

  text-align:center;

}



/******************************** CONTACT ********************************/

#contact{

	float:left;

	width:894px;

	top:347px;

	left:43px;

	/*padding-bottom:40px;

	border:1px solid black;*/

}

#contact .cadrephoto{

	float:right;

	width:250px;

	margin-top:20px;

	padding-bottom:20px;

	/*border:1px solid black;*/

}

#contact .cadreg{

	float:left;

	width:185px;

	margin-right:22px;

	margin-top:20px;

	padding-bottom:20px;

	/*border:1px solid black;*/

}

#contact .cadreg p{

	padding:10px 0;

	font:14px Arial, Helvetica, sans-serif;

	line-height:16px;

	letter-spacing:0.05em;

	color:#4c6d85;

	text-align:center;

}

#contact .cadreg li{	font:14px Arial, Helvetica, sans-serif;

line-height:16px;

	letter-spacing:0.05em;

	color:#4c6d85;

	text-align:justify;

	margin-left:40px;

	list-style-image:url(../images/charte/puce01.gif);

}

* html #contact .cadreg li{

	letter-spacing:0.06em;

}

#contact .cadred{

	float:left;

	width:574px;

	margin-right:22px;

	margin-top:20px;

	padding-bottom:20px;

}

#contact p{

	padding:10px 0;	font:14px Arial, Helvetica, sans-serif;

line-height:16px;

	letter-spacing:0.05em;

	color:#4c6d85;

	text-align:justify;

}

#contact td{	font:14px Arial, Helvetica, sans-serif;

color:#4c6d85;

	text-align:justify;

}

* html #contact p{

	letter-spacing:0.06em;

}

#contactTxt{

	width:45%;

	float:left;

}

#contactPlan{

	width:45%;

	float:right;

}

#formContact input,textarea{

	width:100%;

	border:1px solid #000;

	font-size:12px;

}

#formContact input:focus,textarea:focus{

	border-color:#FF0000;

}

#formContact .champRequis{

	color:#FF0000;

}