/* CSS Document */
/* http://www.eau-traitement.com */

body {
	margin-left: 0px;
	margin-top: 2px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-color: #FFFFFF;
}

#container	{
	margin: 0 auto; 
	padding:0px;
	width: 950px;
	text-align: left; 
	position: relative; 
	background-color: #FFFFFF; /* Blanc */ 
}

/* menu horizontal 1 */
div#menu01 { position:relative; text-align:center; /*height:20px;*/ margin-left:20px; /*margin-left:50px;*/  }
	div.menu01 a{
		float: left;
		color:#466379;
		display: block;
		overflow: hidden;
		text-align:left;
		font: normal 14px arial;
		text-decoration: none;
		padding: 18px 20px 6px 15px;
		background:url(../img/index/fleche-gris.gif) no-repeat;
	}
	
	div.menu01 a:hover{
	   color: #129DD6;
	   background:url(../img/index/fleche-bleu.gif) no-repeat;
	}
	div.menu01Active a, div.menu01Active a:hover{
	  	float:left;
		color:#129DD6;
		display: block;
		overflow: hidden;
		text-align:left;
		font: normal 18px arial;
		text-decoration: underline;
		padding: 14px 20px 6px 15px; 

/*		font: bold 14px arial;
		text-decoration: none;
		padding: 18px 20px 6px 15px; */
		background:url(../img/index/fleche-bleu.gif) no-repeat;
	}

/* menu horizontal 2 */
div#menu2{float:left;width: 100%; padding-top:25px; font-family:Arial, Helvetica, sans-serif; font-size:12px; }
ul#nav,ul#nav li{list-style-type:none; margin:0; padding:0; background-color:#0082B6;}
ul#nav{margin-left: 50px; width:750px}
ul#nav li{float:left; margin-right: 3px; text-align: center;}
ul#nav a{float:left; width: 120px;padding: 5px 0;background: #454545; text-decoration:none; color: #A4A4A4;}
ul#nav a:hover{background: #129DD6;color: #FFFFFF;}
ul#nav li.activelink a,ul#nav li.activelink a:hover{background: #FFFFFF; color: #129DD6; font-weight:bold;}

/* menu horizontal aquabion */
div#menuaquabion {float:left;width: 100%; padding-top:25px; font-family:Arial, Helvetica, sans-serif; font-size:12px; }
ul#navaquabion,ul#navaquabion li {list-style-type:none; margin:0; padding:0; background-color:#0082B6;}
ul#navaquabion {margin-left: 30px; width:870px}
ul#navaquabion li{float:left; margin-right: 3px; text-align: center;}
ul#navaquabion a{float:left; width: 120px;padding: 5px 0;background: #454545; text-decoration:none; color: #A4A4A4;}
ul#navaquabion a:hover{background: #129DD6;color: #FFFFFF;}
ul#navaquabion li.activelink a,ul#navaquabion li.activelink a:hover{background: #FFFFFF; color: #129DD6; font-weight:bold;}

/* corner actu */
.ligne_noire { background: url(../img/index/barre-noire.jpg) no-repeat top center; }
.ligne_gauche { background: url(../img/index/gauche-actu2.jpg) repeat-y top left; }
.ligne_droite { background: url(../img/index/droit-actu2.jpg) repeat-y top right; }

/* set the width and height to match your images */

#slideshow { position: relative; height:200px; width:280px; }
#slideshow IMG { position:absolute; top:0; left:0; z-index:8; opacity:0.0; }
#slideshow IMG.active { z-index:10; opacity:1.0; }
#slideshow IMG.last-active { z-index:9; }

/* FAQ */
div.listefaq {padding-left:10px;padding-right:10px;padding-bottom:0px;padding-top:10px; font-family:Arial, Helvetica, sans-serif; font-size:12px;}
div.paragraphe-list ul,ol{line-height:15px;padding-left:20px; font-family:Arial, Helvetica, sans-serif;font-size:12px;}
div.paragraphe-list ul,ol li{}

/* Texte */
h1#centre { text-align: center; color:#3A97C2; font-family: Arial, Helvetica, sans-serif; font-size: 16px; margin:0px; padding:5px; vertical-align:text-top; }
h1#titre { text-align: center; color:#3A97C2; font-family: Arial, Helvetica, sans-serif; font-size: 18px; margin:0px; padding:5px; vertical-align:text-top; }

h1#noir { text-align: center; color:#000000; font-family: Arial, Helvetica, sans-serif; font-size: 16px; margin:0px; padding:5px; vertical-align:text-top; }
h1#blanc { text-align: center; color: #FFFFFF; font-family: Arial, Helvetica, sans-serif; font-size: 16px; margin:0px; padding:5px; vertical-align:text-top; }
h2#references { text-align: left; color:#3A97C2; font-family: Arial, Helvetica, sans-serif; font-size: 22px; margin:0px; padding:0px; }
h2#noir { text-align: left; color:#000000; font-family: Arial, Helvetica, sans-serif; font-size: 16px; margin:0px; padding:5px;  }
h2#noir16 { text-align: left; color:#000000; font-family: Arial, Helvetica, sans-serif; font-size: 14px; margin:0px; padding:5px;  }
h2#faq { text-align: left; color:#0172B5; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight:bold; text-decoration:underline; margin:0px; padding:0px; }
h2#sikuroaqua { text-align: left; color:#0172B5; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight:bold; text-decoration: none; margin:0px; padding:0px; }
h2#tabdwsleft { text-align: left; color:#0172B5; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight:bold; text-decoration: none; margin:0px; padding:0px; }
h2#tabdwscenter { text-align: center; color:#0172B5; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight:bold; text-decoration: none; margin:0px; padding:0px; }
h2#tabdwstextcenter { text-align: center; color: #000000; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight:bold; text-decoration: none; margin:0px; padding:0px; }


a.linksbleu { font-family: Arial, Helvetica, sans-serif; font-size: 16px; color: #3A97C2; font-weight: bold; text-decoration: none; }
a.linksbleu:link { font-family: Arial, Helvetica, sans-serif; font-size: 16px; color:#3A97C2; font-weight: bold; text-decoration:none; }
a.linksbleu:hover { font-family: Arial, Helvetica, sans-serif; font-size: 16px; color:#3A97C2; font-weight: bold; text-decoration:underline; }

.textcentre { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #000000; text-align: justify; font-weight:normal; }
.textcentre13 { font-family: Arial, Helvetica, sans-serif; font-size: 13px; color: #000000; text-align: center; font-weight: bold; }
.textcentre14 { font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #000000; text-align: justify; font-weight: bold; }
.textvideo { font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #000000; text-align: center; font-weight: bold; }

.textcentrebleu { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #3A97C2; text-align: justify; font-weight: bold; }
.textcentrenoir { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #000000; text-align: center; font-weight: bold; }
.textref { text-align: left; color:#000000; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; padding:4px; }
.textnews { text-align: justify; color:#000000; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: normal; padding:4px; }
a.textnews { font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #3A97C2; font-weight: bold; text-decoration: none; }
a.textnews:link { font-family: Arial, Helvetica, sans-serif; font-size: 14px; color:#3A97C2; font-weight: bold; text-decoration:none; }
a.textnews:hover { font-family: Arial, Helvetica, sans-serif; font-size: 14px; color:#3A97C2; font-weight: bold; text-decoration:underline; }

/* Texte clignotant */

.clignote { color: #f00; visibility: visible; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; text-decoration:none; text-align: center; }
a.clignote:link { color: #f00; visibility: visible; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; text-decoration:none; text-align: center; }

/* Footer */
.footer { font-family: Arial, Helvetica, sans-serif; font-size: 11px; line-height:15px; color: #999999; }
h1#footer { text-align: center; color:#FFFFFF; font-family: Arial, Helvetica, sans-serif; font-size: 11px; margin:0px; padding:0px; font-weight: lighter; }
.bas { background-color: #0082B6; color:#FFFFFF; }
.footerflash { color: #FFFFFF; font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; text-align: center; }
.footerflash A:link { color: #CCCCCC; text-decoration: none; }
.footerflash A:hover { color: #CCCCCC; text-decoration: none; }

a.linksfooter { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #CCCCCC; font-weight: bold; text-decoration:none; }
a.linksfooter:link { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color:#CCCCCC; font-weight: bold; text-decoration:none; }
a.linksfooter:hover { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color:#CCCCCC; font-weight: bold; text-decoration:underline; }

/* ------------------------- Formulaire ---------------------------- */
INPUT.submit { font-size: 16px; color: #003D59; Font-Family : Arial, Helvetica, sans-serif;  font-style: normal;Font-Weight : Bold; background-color : #7BAEC6; border-right: 1px solid; border-top: 1px solid; border-left: 1px solid; border-bottom: 1px solid; border-color: #003D59;
}
INPUT.reset { font-size: 17px; color: #003D59; Font-Family : Arial, Helvetica, sans-serif; font-style: normal;Font-Weight : Bold; background-color : #7BAEC6; border-right: 1px solid; border-top: 1px solid; border-left: 1px solid; border-bottom: 1px solid; border-color: #003D59;
}
.obli {color: #ff0000; Font-Family : Arial, Helvetica, sans-serif; }
INPUT { color: #000000; font-size: 11px; font-family: Arial, Helvetica, sans-serif; }
SELECT { color: #000000; font-size: 11px; font-family: Arial, Helvetica, sans-serif; }
TEXTAREA { color: #000000; font-size: 11px; font-family: Arial, Helvetica, sans-serif; }
.txterror { color: #FF0000; font-size: 11px; font-family: Arial, Helvetica, sans-serif; text-align:left; }
.txterror12 { color: #FF0000; font-size: 12px; font-family: Arial, Helvetica, sans-serif; text-align:left; }
.txtform { color: #000000; font-size: 12px; font-family: Arial, Helvetica, sans-serif; }
.txtform2 { margin-left:5px; margin-right:5px; color: #000000; font-size: 11px; font-family: Arial, Helvetica, sans-serif; }
TT { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #000000; text-align: left; }
legend { color: #000000; font-family: Arial, Helvetica, sans-serif; font-size: 14px; }
fieldset{ background-color:#F7F7F7;  }


/*  ---------------------- Mentions legales ---------------------------- */
.titrelegales { padding-top: 4px; padding-bottom: 4px; font-weight: bold; font-size: 14px; color: #FFFFFF; font-family: Arial, Helvetica, sans-serif; text-align: left; background-color: #3A97C2; }
.textlegales { padding-right: 6px; padding-left: 6px; font-weight: normal; font-size: 12px; color: #000000; font-family: Arial, Helvetica, sans-serif; text-align: left; }
.textlegales a { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #3A97C2; text-decoration: none; }
.textlegales a:link { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #3A97C2; text-decoration: none; }
.textlegales a:hover { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #333333; text-decoration: none; }

/* ------------------------ Annuaires ------------------------------ */
.titreannu { font-size: 12px; color: #000000; font-family: Arial, sans-serif; text-decoration:none; font-weight:bold; background-color: #EFF3FC; text-align:center; }
.annuaires { font-size: 10px; color: #000000; font-family: Arial, sans-serif; text-decoration:none; font-weight:bold; text-align:center; background-color:#EFF3FC; }
a.annuaires { font-size: 10px; color: #000000; font-family: Arial, Helvetica, sans-serif; text-decoration:none; font-weight: normal; text-align:center; }
a.annuaires:link { font-size: 10px; color: #000000; font-family: Arial, Helvetica, sans-serif; text-decoration:none; font-weight:normal; text-align:center; }
a.annuaires:hover {	font-size: 10px; color: #000000; font-family: Arial, Helvetica, sans-serif; text-decoration:none; font-weight:normal; text-align:center; }
.lettre { font-size: 12px; font-family: Arial, sans-serif; text-decoration:none; font-weight:bold; text-align:center; }
.liste2 { font-size: 12px; color:#000000; font-family: Arial, sans-serif; text-decoration:none; font-weight:bold; text-align:center; background-color:#EFF3FC; }
.liste { font-size: 8px; color:#EFF3FC; font-family: Arial, sans-serif; text-decoration:none; font-weight:bold; text-align:center; background-color:#EFF3FC; }