/* CSS Document */

* {
margin: 0;
padding: 0;
}



.spacer{
display:block;
clear:both;
border: none;
font-size:1px;
height:0;
line-height:0;
}

.filet_bleu{
display:block;
clear:both;
border-top: 1px solid #b4d6e2;
font-size:1px;
height:0;
line-height:0;
padding:5px 0;
margin-top:10px;
}

.filet_bleu_simple{
display:block;
clear:both;
border-top: 1px solid #b4d6e2;
font-size:1px;
height:0;
line-height:0;
padding:0;
}

body {
padding:0;
margin:0;
background:url(../images/fond.gif) repeat-x;
font-family:Arial, Helvetica, Verdana, sans-serif;
font-size:11px;
}

#general{
width:1000px;
margin:0 auto;
}

/* header */

#header {
display:block;
}

h1 a {
margin-top:37px;
display:block;
width:185px;
height:82px;
background:url(../images/logo-apro-industrie.gif);
text-indent:-5000px;
}

#header object {
float:right;
}

h2 {
display:block;
width:470px;
height:21px;
background:url(../images/ingenierie-stockage-liquide.gif) no-repeat;
text-indent:-5000px;
float:right;
margin:7px 0;
}

p#contact {
margin-top:20px;
padding:8px;
display:block;
width:209px;
height:16px;
background:url(../images/fond-contact.jpg);
color:#24507f;
font-weight:bold;
float:left;
}

#header_gauche {
float:left;
width:185px;

}

#header_droit{
position:relative;
float:right;
width:775px;
}

#header_droit ul{
display:block;
height:16px;
width:60px;
position:absolute;
top:148px;
left:5px;
list-style:none;
}

#header_droit ul li{
display:block;
height:16px;
float:left;
}

#header_droit ul li a#fr{
display:block;
width:26px;
height:16px;
background:url(../images/drapeau_fr.gif);
text-indent:-5000px;
float:left;
margin-right:5px;
}

#header_droit ul li a#eng{
display:block;
width:24px;
height:16px;
background:url(../images/drapeau_en.gif);
text-indent:-5000px;
float:left;
}

/* menu gauche */

ul#menu_gauche {
list-style:none;
float:left;
display:block;
width:219px;
height:600px;
}

ul#menu_gauche li.lien_menu{
margin-left:25px;
}

ul#menu_gauche li#concept{
list-style:none;
display:block;
width:219px;
height:17px;
background:url(../images/concept.gif) no-repeat top left;
text-indent:-5000px;
margin-bottom:5px;
}

ul#menu_gauche li#reserve-incendie a{
list-style:none;
display:block;
width:219px;
height:17px;
background:url(../images/reserve-incendie.gif) no-repeat top left;
text-indent:-5000px;
margin:5px 0;
}

ul#menu_gauche li#bassin-epuration a{
list-style:none;
display:block;
width:219px;
height:17px;
background:url(../images/bassin-epuration.gif) no-repeat top left;
text-indent:-5000px;
margin:5px 0;
}

ul#menu_gauche li#reservoir-eau-potable a{
list-style:none;
display:block;
width:219px;
height:17px;
background:url(../images/reservoir-eau-potable.gif) no-repeat top left;
text-indent:-5000px;
margin:5px 0;
}

ul#menu_gauche li#reservoir-eau-process a{
list-style:none;
display:block;
width:219px;
height:17px;
background:url(../images/reservoir-eau-process.gif) no-repeat top left;
text-indent:-5000px;
margin:5px 0;
}

ul#menu_gauche li#couverture-bassins a{
list-style:none;
display:block;
width:219px;
height:18px;
background:url(../images/couverture-bassins.gif) no-repeat top left;
text-indent:-5000px;
margin:5px 0;
}

ul#menu_gauche li#materiaux-utilises{
list-style:none;
display:block;
width:219px;
height:17px;
background:url(../images/materiaux-utilises.gif) no-repeat top left;
text-indent:-5000px;
margin:5px 0;
}

ul#menu_gauche li#equipements-reservoirs a{
list-style:none;
display:block;
width:219px;
height:17px;
background:url(../images/equipements-reservoirs.gif) no-repeat top left;
text-indent:-5000px;
margin:5px 0;
}

ul#menu_gauche a{
text-decoration:none;
color:#000;
}

ul#menu_gauche a:hover{
text-decoration:underline;
color:#000;
}

/* menu haut */

#centre {
float:left;
display:block;
width:780px;
border-left:1px solid #b5d6e2;
}

ul#menu_haut{
list-style:none;
}

ul#menu_haut li{
float:left;
}

ul#menu_haut li#accueil a{
list-style:none;
display:block;
width:83px;
height:21px;
background:url(../images/accueil.gif) no-repeat 0 0;
text-indent:-5000px;
}

ul#menu_haut li#accueil a:hover{
background:url(../images/accueil.gif) no-repeat 0 -21px;
}

ul#menu_haut li#qui-sommes-nous a{
list-style:none;
display:block;
width:100px;
height:21px;
background:url(../images/qui-sommes-nous.gif) no-repeat 0 0;
text-indent:-5000px;
}

ul#menu_haut li#qui-sommes-nous a:hover{
background:url(../images/qui-sommes-nous.gif) no-repeat 0 -21px;
}

ul#menu_haut li#news a{
list-style:none;
display:block;
width:59px;
height:21px;
background:url(../images/news.gif) no-repeat 0 0;
text-indent:-5000px;
}

ul#menu_haut li#news a:hover{
background:url(../images/news.gif) no-repeat 0 -21px;
}

ul#menu_haut li#references a{
list-style:none;
display:block;
width:107px;
height:21px;
background:url(../images/references.gif) no-repeat 0 0;
text-indent:-5000px;
}

ul#menu_haut li#references a:hover{
background:url(../images/references.gif) no-repeat 0 -21px;
}

ul#menu_haut li#coordonnees a{
list-style:none;
display:block;
width:98px;
height:21px;
background:url(../images/contacts.gif) no-repeat 0 0;
text-indent:-5000px;
}

ul#menu_haut li#coordonnees a:hover{
background:url(../images/contacts.gif) no-repeat 0 -21px;
}

ul#menu_haut li#recrutement a{
list-style:none;
display:block;
width:120px;
height:21px;
background:url(../images/recrutement.gif) no-repeat 0 0;
text-indent:-5000px;
}

ul#menu_haut li#recrutement a:hover{
background:url(../images/recrutement.gif) no-repeat 0 -21px;
}


ul#menu_haut li#liens-utiles a{
list-style:none;
display:block;
width:57px;
height:21px;
background:url(../images/liens-utiles.gif) no-repeat 0 0;
text-indent:-5000px;
}

ul#menu_haut li#liens-utiles a:hover{
background:url(../images/liens-utiles.gif) no-repeat 0 -21px;
}

ul#menu_haut li#telechargement a{
list-style:none;
display:block;
width:156px;
height:21px;
background:url(../images/telechargement.gif) no-repeat 0 0;
text-indent:-5000px;
}

ul#menu_haut li#telechargement a:hover{
background:url(../images/telechargement.gif) no-repeat 0 -21px;
}

/* Colonne gauche */

#colonne_gauche {
display:block;
width:526px;
padding:18px;
float:left;
}

#colonne_gauche a{
text-decoration:none;
color:#000;
}

p#intro {
font-size:13px;
color:#4698b7;
font-weight:bold;
padding-bottom:15px;
}

strong.sous-titre {
font-size:13px;
color:#4698b7;
font-weight:bold;
}

h3 {
display:block;
height:25px;
width:525px;
color:#24507f;
font-size:14px;
background:url(../images/ombre-bleu.gif) repeat-x left bottom;
}


/* Contact */

p#coordonnes {
display:block;
font-size:13px;
color:#4698b7;
font-weight:bold;
padding-bottom:15px;
}


img#right {
float:right;
margin-right:10px;
}

#left {
float:left;
display:block;
width:200px;
}

object .left {
float:left;
}


form{
background:#b5d6e2;
padding:5px;
width:515px;

}

form label{
display:block;
width:170px;
float:left;
}

form ul{
list-style-image:none;
list-style:none;
margin:0px;
}

form li.filet{
height:25px;
margin:0px 0;
border-bottom:1px solid #FFF;
}
 
#colonne_gauche form a.bouton {
background:#24507f;
width:110px;
height:25px;
color:#FFF;
font-weight:bold;
padding:5px;
text-decoration:none;
margin-bottom:5px;
}

#colonne_gauche form a:hover.bouton {
text-decoration:underline;
}


/* Contact_erreur__________________________________*/

#error {
color:#CC0002;
font-size:9px;
display:block;
height:20px;
text-align:left;
}

.erreur{
border: 1px solid #CC0002;
}

li.erreur{
color:#CC0002;
border:none;
}

li.erreur label{
color:#CC0002;
}

li.erreur strong{
color:#CC0002;
}

/* Colonne droite */

#colonne_droite {
display:block;
float:right;
width:214px;
}

#colonne_droite ul#valeur{
display:block;
margin-top:15px;
background:url(../images/4-bonnes-raisons.jpg) no-repeat top left;
width:214px;
height:96px;
list-style:none;
padding:30px 0 0;
}

#colonne_droite ul#valeur li{
margin-left:20px;
display:block;
width:180px;
padding-left:15px;
margin-top:5px;
background:url(../images/puce-bleu.gif) no-repeat left 3px;
}

#bloc_actualite {
margin-top:15px;
padding:10px;
background:url(../images/fond-actu.jpg) no-repeat top left;
min-height:139px;
color:#24507f;
}

#bloc_actualite img {
float:left;
padding-right:10px;
}

#bloc_actualite a{
color:#24507f;
}

span.actu {
display:block;
float:left;
with:100px;
background:#4698b7;
color:#FFF;
padding:8px;
}

#bloc_recrutement {
margin-top:15px;
padding:10px;
background:url(../images/apro-recrute.jpg) no-repeat top left;
min-height:139px;
color:#24507f;
}

#bloc_recrutement a{
color:#24507f;
}

/* footer */

#footer{
position:relative;
width:1000px;
margin:0 auto;
}

#footer p{
display:block;
width:1000px;
border-top:1px solid #b5d6e2;
text-align:center;
float:right;
color:#4698b7;
}

#footer p a{
color:#4698b7;
text-decoration:none;
}

#footer #fond_menu {
background:url(../images/fond-menu.jpg) no-repeat bottom left;
width:219px;
height:97px;
position:absolute;
top:-97px;
left:0;
}
#adresseLeft{ float:left; width:262px;}