/*Taille du contenu obligatoirement en font-size: 12px;*/
img, div { behavior: url(iepngfix.htc); }
body { margin:0; padding:0; background:url(../images/bg.gif) repeat-x #b0faff; text-align:center;}
img { border:none; }
div, td { font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:18px; color:#000;}
table{border-collapse: collapse; }
ul { list-style-image:url(../images/puce.gif);}
a { color:#134b63; font-size:11px; text-decoration:none; }
h2 { font-size:16px; margin:5px 0; padding:0; }
h3 { font-size:14px; margin:5px 0; padding:0; }

#wrap { width:960px; margin:0 auto; padding:0; position:relative;}
#top { width:960px;}
#tophead { width:960px; height:115px; overflow:hidden; background:url(../images/bgtop_head.jpg) 0 0 no-repeat;s}
#logo { width:275px; height:75px; padding:15px 0 0 20px; float:left; margin:0; }
.coords { width:336px; height:69px; overflow:hidden; float:left; margin:16px 0 30px 95px;}
#logo_hydro { width:144px; height:93px; overflow:hidden; float:left; margin:5px 0 17px 34px;}
#langues_choice { width:56px; overflow:hidden; float:left;}
.french, .english { width:21px; height:15px; overflow:hidden; float:left; padding:5px 0 0 5px;}

#anim { width:960px; height:455px; overflow:hidden; background:url(../images/bg_anim.jpg) 0 0 no-repeat;}
#flash { width:960px; height:455px; }

#menu { width:275px; height:280px; margin:0; padding:0; position:absolute; top:272px; left:0;}

#menu { position:absolute; width:275px; height:280px; top:272px; left:0; }	

#nav { position:relative; padding: 0; margin: 0; list-style: none; width:275px; line-height: 1; }
#nav li { position:relative; width:275px; float:left; }
#nav li a { display:block; width:275px; height:27px; padding-bottom:1px; overflow:hidden; }
#nav li a:hover img { margin-left:-275px; }

#nav ul { position:absolute; top:auto; left:-999em; width:180px; margin:0; padding:0; list-style:none; }
#nav li:hover ul li, #nav li.sfhover ul li { width:180px; }
#nav li:hover ul, #nav li.sfhover ul { left:275px; top:0; }
#nav li:hover ul li a, #nav li.sfhover ul li a { display:block; height:27px; width:180px; overflow:hidden; }
#nav li:hover ul li a:hover img, #nav li.sfhover ul li a:hover img { margin-left:-180px; }

#main { width:960px; margin:0; padding:0;}
#titre { width:80px; height:379px; overflow:hidden; position:absolute; top:191px; right:0;}
#left { width:275px; float:left;}
.promo { width:245px; margin:0 auto; padding:0; background:url(../images/promo1.jpg) no-repeat; }
.promo3 { width:245px; height:245px; margin:0 auto; background:url(../images/promo3.jpg) no-repeat; }
.promo1 { width:245px; height:245px; margin:0 auto; background:url(../images/promo1.jpg) no-repeat; }
.promo4 { width:245px; height:245px; margin:0 auto; background:url(../images/promo4.jpg) no-repeat; }
.promo5 { width:245px; height:245px; margin:0 auto; background:url(../images/promo5.jpg) no-repeat; }
.promo6 { width:245px; height:245px; margin:0 auto; background:url(../images/promo6.jpg) no-repeat; }
.ttl_promo { width:245px; height:70px;}
.promo_content { width:245px; height:175px; background:url(../images/bg_photo_promo.gif) 0 0 no-repeat; text-align:center; margin-bottom:3px;}
.promo_content img { margin-top:4px;}

.photo_left { margin:0 auto; text-align:center;}

#middle { width:670px; float:right;}
#swish { width:670px; height:60px; overflow:hidden;}
#text { width:330px; float:left;}
.text { padding:5px; text-align:justify; margin-right:15px;}
.photo_middle { width:330px;}
.photo_middle img  { float:left; margin:5px;}

#right { width:340px; float:left;}
.photo_right { width:330px; text-align:center; padding-top:50px;}
.photo_right img { float:left; margin:0 5px 5px 5px;}

#audio_monitor { width:270px; height:25px; padding:5px 90px 5px 245px; overflow:hidden;}

#footer { width:960px; margin:5px 0; padding:5px 0; border-top:1px solid #9ae1e8; text-align:center;}
#foot_links { text-align:center; color:#134b63;}
#foot_links a {padding:0 1px;}
.ss_foot_links { color:#1e83af;  font-size:10px; font-weight:bold;}
.ss_foot_links a { color:#1e83af; text-decoration:none; font-size:10px; font-weight:bold;}
.mtc { padding:0 40px; text-align:right; }

#spa { text-align:left; }

.text-left { text-align:left; }
    
#animpro { width:245px; height:245px; }



/*page realisation*/
#container {
	position: relative;
	width: 670px;
	margin: 0 auto;
	text-align: left;
}
#container * {
	margin: 0;
	padding: 0;
}
#container ul#menu {
	position: relative;
	top:0; left:0;
	width:670px;
	height:25px; overflow:hidden;
	font-weight: bold;
}
#container ul#menu li {
	float: left;
	display: inline;
}
#container ul#menu li a {
	text-align: center;
	display: block;
	width: 134px;
	height: 25px;
	line-height: 25px;
	text-decoration: none;
}
.menu0 { width:134px;overflow:hidden; background:#A9CFF5;}
#container ul#menu li a:hover {
	background-color: #A9CFF5;
}
#container a.current {
	background-color: #A9CFF5;
	color: #000;
}
#container a.ghost  {
	background-color:#44D2E9;
	color: #000;
}
#container h1,
#container h2 {}

#container .content {
	padding:0;
	margin:0;
	_margin:0;
}
#container .content2 {
	padding:0;
	margin:0;
	_margin:0;
}

#container .on {
	display: block;
}
#container .off {
	display: none;
}
#container .on2 {
	display: block;
}
#container .off2 {
	display: none;
}

/*PAGES MENTIONS LEGALES*/
#mentions { text-align:left; }
#mentions p{margin: 10px 0 20px 40px;}