@charset "utf-8";
/* CSS Document */

body {
     margin: 0; /* pour éviter les marges */
     text-align: center; /* pour corriger le bug de centrage IE */
     }
	 
	 #fond {
     margin-left: auto;
     margin-right: auto;
	 background-image:url(images/eau-de-pluie.jpg);
	 background-repeat:no-repeat;
	 width:1200px;
	 height: 700px;
     text-align: left; /* on rétablit l'alignement normal du texte */
     }
	 
	 #fond_mentions {
     margin-left: auto;
     margin-right: auto;
	 background-image:url(images/valorisation.jpg);
	 background-repeat:no-repeat;
	 width:1200px;
	 height: 700px;
     text-align: left; /* on rétablit l'alignement normal du texte */
     }
	 #fond_partenaires {
     margin-left: auto;
     margin-right: auto;
	 background-image:url(images/ecologie.jpg);
	 background-repeat:no-repeat;
	 width:1200px;
	 height: 700px;
     text-align: left; /* on rétablit l'alignement normal du texte */
     }
	  #fond_societe {
     margin-left: auto;
     margin-right: auto;
	 background-image:url(images/societe_sve.jpg);
	 background-repeat:no-repeat;
	 width:1200px;
	 height: 700px;
     text-align: left; /* on rétablit l'alignement normal du texte */
     }
	 #fond_systeme {
     margin-left: auto;
     margin-right: auto;
	 background-image:url(images/pluie.jpg);
	 background-repeat:no-repeat;
	 width:1200px;
	 height: 700px;
     text-align: left; /* on rétablit l'alignement normal du texte */
     }
	 #fond_textes {
     margin-left: auto;
     margin-right: auto;
	 background-image:url(images/legislation_eau.jpg);
	 background-repeat:no-repeat;
	 width:1200px;
	 height: 700px;
     text-align: left; /* on rétablit l'alignement normal du texte */
     }
	 #fond_contact {
     margin-left: auto;
     margin-right: auto;
	 background-image:url(images/developpement_durable.jpg);
	 background-repeat:no-repeat;
	 width:1200px;
	 height: 700px;
     text-align: left; /* on rétablit l'alignement normal du texte */
     }
	 #fond_cycle {
     margin-left: auto;
     margin-right: auto;
	 background-image:url(images/cycle_eau.jpg);
	 background-repeat:no-repeat;
	 width:1200px;
	 height: 700px;
     text-align: left; /* on rétablit l'alignement normal du texte */
     }
	 #fond_catalogue {
     margin-left: auto;
     margin-right: auto;
	 background-image:url(images/recuperation.jpg);
	 background-repeat:no-repeat;
	 width:1200px;
	 height: 700px;
     text-align: left; /* on rétablit l'alignement normal du texte */
     }
	 #fond_plan {
     margin-left: auto;
     margin-right: auto;
	 background-image:url(images/sve-eau.jpg);
	 background-repeat:no-repeat;
	 width:1200px;
	 height: 700px;
     text-align: left; /* on rétablit l'alignement normal du texte */
     }
	 
	 #menu {
	width: 123px;
	height: 165px;
	position: absolute;
	left: 245px;
	top: 100px;
	
	 }
	 
	  #logo {
	width: 148px;
	height: 221px;
	position: absolute;
	left: 201px;
	top: 321px;
	
	 }
	 
	.menutexte {
	
	color:#FFFFFF;
	font-size:14px;
	font-weight:bold;
	line-height: 20px;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	text-decoration:none;
	 } 
	 .menutexte a {
	
	color:#FFFFFF;
	font-size:14px;
	font-weight:bold;
	line-height: 20px;
		text-decoration:none;

	 }
	  .menutexte a:visited {
	
	color:#FFFFFF;
	font-size:14px;
	font-weight:bold;
	line-height: 20px;
		text-decoration:none;

	 }
	  .menutexte a:hover {
	
	color: #FF6600;
	font-size:14px;
	font-weight:bold;
	line-height: 20px;
		text-decoration:none;

	 }
	 
	 .menutexte a:active {
	
	color: #FF6600;
	font-size:14px;
	font-weight:bold;
	line-height: 20px;
	 }
	
	 
	 #facilordi {
	width: 200px;
	height: 25px;
	position: absolute;
	left: 922px;
	top: 652px;
	 }
	 .facilordi {
	 font-family:Geneva, Arial, Helvetica, sans-serif;
	 text-align:right;
	 font-size:10px;
	 font-weight:bold;
	  color:#FF3300;
	 }
	 .facilordi a{
	 text-decoration:none;
	 color:#FF3300;
	 }
	 
	 .facilordi a:link{
	 text-decoration:none;
	 color:#FF3300;
	 }
	 
	 .facilordi a:hover{
	 text-decoration:none;
	 color:#FF3300;
	 }
	 .facilordi a:active{
	 text-decoration:none;
	 color:#FF3300;
	 }
	 
	  #adresse {
	width: 247px;
	height:127px;
	position: absolute;
	left: 161px;
	top: 552px;
	 }
	 .adresse {
	 font-family:Geneva, Arial, Helvetica, sans-serif;
	 color:#FFFFFF;
	 font-size:11px;
	 text-align:center;
	 }
	  .adresse a {
	 color:#FFFFFF;
	 font-size:11px;
	 text-decoration:none;
	 }
	 .adresse a:visited {
	 color:#FFFFFF;
	 font-size:11px;
	 	 text-decoration:none;

	 }
	
	 .adresse a:hover{
	 color: #FF3300;
	 font-size:11px;
	 	 text-decoration:none;

	 }
	   
	 
	 
	 #news_eau {
	width: 125px;
	height:250px;
	position: absolute;
	text-align:center;
	left: 379px;
	top: 283px;
	padding:5px;
	background-color:#FFFFFF;
	opacity: 0.5;
	filter : alpha(opacity=50);
	z-index: 5;
	 }
	  #news_eautexte {
	width: 125px;
	height:250px;
	position: absolute;
	text-align:center;
	padding:5px;
	left: 380px;
	top: 283px;
	z-index: 10;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:12px;
	z-index:10;
	 }
	 
	 
	 
	 #systeme_eau {
	width: 125px;
	height:243px;
	position: absolute;
	text-align:center;
	left: 380px;
	top: 283px;
	padding:5px;
	background-color:#FFFFFF;
	opacity: 0.5;
	filter : alpha(opacity=50);
	z-index: 5;
	 }
	  #systeme_eautexte1 {
	width: 125px;
	height:83px;
	position: absolute;
	text-align:center;
	padding:5px;
	left: 381px;
	top: 286px;
	z-index: 10;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	color:#006600;
	z-index:10;
	 }
	  #systeme_eautexte2 {
	width: 125px;
	height:126px;
	position: absolute;
	text-align:center;
	padding:5px;
	left: 380px;
	top: 384px;
	z-index: 10;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:11px;
	z-index:10;
	color:#FF3300;
	font-weight:bold;
	 }
	 
	 #eau {
	width: 550px;
	height:310px;
	position: absolute;
	left: 538px;
	top: 222px;
	padding: 10px;
	background-color:#FFFFFF;
	opacity: 0.5;
	filter : alpha(opacity=50);
	z-index: 5;
	 }
	 
	  #eau2 {
	width: 410px;
	height: 75px;
	position: absolute;
	left: 0px;
	top: 320px;
	padding: 10px;
	background-color:#FFFFFF;
	opacity: 0.5;
	filter : alpha(opacity=50);
	z-index: 5;
	 }
	 
	 #systeme {
	width: 612px;
	height: 529px;
	position: absolute;
	left: 531px;
	right: 200px;
	top: 94px;
	 }
	  #eau_texte {
	width: 550px;
	height:310px;
	text-align:justify;
	position: absolute;
	left: 538px;
	top: 224px;
	padding: 10px;
	z-index: 10;
	 }
	 
	 #eau2_texte {
	width: 410px;
	height:80px;
	text-align:center;
	position: absolute;
	left: 0px;
	top: 320px;
	padding: 10px;
	z-index: 10;
	font-size: 12px;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	 }
	 
	 #cycle {
	width: 429px;
	height:310px;
	position: absolute;
	left: 602px;
	top: 237px;
	z-index:10;
	
	 }
.texte{
	
	 font-family:Geneva, Arial, Helvetica, sans-serif;
	 font-size:12px;
	 text-align:justify;
	 color:#0033FF;
	 font-weight:bold;

	 }
	 .textementions{
	
	 font-family:Geneva, Arial, Helvetica, sans-serif;
	 font-size:12px;
	 text-align:justify;
	 color:#00OOOO;
	 font-weight:bold;

	 }
	 
	 .textementions a {
	
	 color:#000000;
	 text-decoration:none;

	 }
	  .textementions a:visited {
	
	 color:#00OOO0;
	 text-decoration:none;

	 }

 .textementions a:hover {
	
	 color:#FF3300;
	 text-decoration:none;

	 }
	 
	  .textesociete{
	
	 font-family:Geneva, Arial, Helvetica, sans-serif;
	 font-size:12px;
	 text-align:justify;
	 color:#336600;
	 font-weight:bold;

	 }
	 
	  .textesociete a {
	
	 color:#336600;
	 text-decoration:none;

	 }
	  .textesociete a:visited {
	
	 color:#336600;
	 text-decoration:none;

	 }

 .textesociete a:hover {
	
	 color:#FF3300;
	 text-decoration:none;

	 }
	
.textenewstitre {
	
	 color:#FF3300;
	 font-weight:bold;
	 font-size:16px;
	 font-family:Geneva, Arial, Helvetica, sans-serif;

	 }
	 .textenews {
	
	 color:#0033FF;
	 font-weight:bold;
	 font-size:11px;
	  font-family:Geneva, Arial, Helvetica, sans-serif;

	 }
	 .textenews a{
	
	 color:#FF3300;
	 font-weight:bold;
	 font-size:11px;
	 text-decoration:none;
	  font-family:Geneva, Arial, Helvetica, sans-serif;

	 }
	 .textenews a:link{
	
	 color:#FF3300;
	 font-weight:bold;
	 font-size:11px;
	 text-decoration:none;
	  font-family:Geneva, Arial, Helvetica, sans-serif;

	 }
	 .textenews a:hover{
	
	 color:#FF3300;
	 font-weight:bold;
	 font-size:11px;
	 text-decoration:none;
	  font-family:Geneva, Arial, Helvetica, sans-serif;

	 }
  .texteofficiel{
	
	 font-family:Geneva, Arial, Helvetica, sans-serif;
	 font-size:12px;
	 text-align:justify;
	 color:#003300;
	 font-weight:bold;

	 }
	 
	  .texteofficiel a {
	
	 color:#003300;
	 text-decoration:none;

	 }
	  .texteofficiel a:visited {
	
	 color:#003300;
	 text-decoration:none;

	 }

 .texteofficiel a:hover {
	
	 color:#FF3300;
	 text-decoration:none;

	 }
.texteplan{
	
	 font-family:Geneva, Arial, Helvetica, sans-serif;
	 font-size:12px;
	 text-align:justify;
	 color:#000066;
	 font-weight:bold;

	 }
	 
	 .texteplan a {
	
	 color:#000066;
	 text-decoration:none;

	 }
	  .texteplan a:visited {
	
	 color:#000066;
	 text-decoration:none;

	 }

 .texteplan a:hover {
	
	 color:#FF3300;
	 text-decoration:none;

	 }
	 .textepartenaires{
	
	 font-family:Geneva, Arial, Helvetica, sans-serif;
	 font-size:12px;
	 text-align:left;
	 color: #003366;
	 font-weight:bold;

	 }
	  .titrepartenaires{
	
	 font-family:Geneva, Arial, Helvetica, sans-serif;
	 font-size:16px;
	 text-align:center;
	 color: #003366;
	 font-weight:bold;

	 }
	 
	 .textepartenaires a {
	
	 color:#003366;
	 text-decoration:none;

	 }
	  .textepartenaires a:visited {
	
	 color:#003366;
	 text-decoration:none;

	 }

 .textepartenaires a:hover {
	
	 color: #0099FF;
	 text-decoration:none;

	 }
	 .textepartenaires a:hover {
	
	 color: #0099FF;
	 text-decoration:none;

	 }
	 #partenaires1 {
	width: 284px;
	height:235px;
	text-align:left;
	position: absolute;
	left: 544px;
	top: 227px;
	z-index:10;
	
	 }
 #partenaires2 {
	width: 276px;
	height:214px;
	text-align:left;
	position: absolute;
	left: 831px;
	top: 226px;
	z-index:10;
	
	 }
	 #partenaires3 {
	width: 560px;
	height:69px;
	text-align:left;
	position: absolute;
	left: 545px;
	top: 478px;
	z-index:10;
	
	 }
.images {
float:left;
padding: 3px;
}
 .textecatalogue  {
	
	 color:#666666;
	 font-size:12px;
	 text-decoration:none;
	 font-weight:bold;
	 font-family:Geneva, Arial, Helvetica, sans-serif;

	 }
 .textecatalogue a {
	
	 color:#666666;
	  font-size:12px;
	 text-decoration:none;
	 font-weight:bold;
	 font-family:Geneva, Arial, Helvetica, sans-serif;

	 }
	  .textecatalogue a:visited {
	
	 color:#666666;
	  font-size:12px;
	 text-decoration:none;
	  font-weight:bold;
	 font-family:Geneva, Arial, Helvetica, sans-serif;


	 }

 .textecatalogue a:hover {
	
	 color:#333366;
	  font-size:12px;
	 text-decoration:none;
	  font-weight:bold;
	 font-family:Geneva, Arial, Helvetica, sans-serif;


	 }
	  #contact {
	width: 564px;
	height:320px;
	position: absolute;
	left: 541px;
	top: 227px;
	z-index:10;