body {
background-image:url(images/body.jpg);
background-repeat:no-repeat;
background-color:#000000;
text-align:center;
padding-top:11px;
}

#conteneur {
margin:auto;
width:1010px;
background-image:url(images/fond_13.png);
background-repeat:repeat-y;
padding:0px;
}

#bandeau {
width:1010px;
height:105px;
background-image:url(images/fond_02.png);
background-repeat:no-repeat;
position:absolute; top:11px;
}

#main {
width:1010px;
background-image:url(images/fond_14.png);
background-position:bottom;
background-repeat:no-repeat;

}

#footer {
width:1010px;
height:33px;
float:left;
background-image:url(images/fond_15.png);
background-repeat:no-repeat;
margin-top:-12px;
}

img, a {
border:0px
}

/* MENU (fonds) ---------------------------------------------------------*/
#menu {
display:inline;
width:1010px;
height:28px;
float:left;
margin-top:85px;
}

#menu ul {
margin: 0px;
padding: 0px;
list-style-type: none;
text-align: left;
}

#menu ul li a { float:left; }

.bord_gauche {
float:left;
background-image:url(images/fond_04.png);
background-repeat:no-repeat;
width:156px;
height:28px;
}

.accueil {
float:left;
background-image:url(images/fond_05.png);
background-repeat:no-repeat;
width:72px;
height:28px;
}
.services {
float:left;
background-image:url(images/fond_06.png);
background-repeat:no-repeat;
width:79px;
height:28px;
}
.eau {
float:left;
background-image:url(images/fond_07.png);
background-repeat:no-repeat;
width:144px;
height:28px;
}
.chlore {
float:left;
background-image:url(images/fond_08.png);
background-repeat:no-repeat;
width:117px;
height:28px;
}
.realisations {
float:left;
background-image:url(images/fond_09.png);
background-repeat:no-repeat;
width:97px;
height:28px;
}
.contact {
float:left;
background-image:url(images/fond_10.png);
background-repeat:no-repeat;
width:79px;
height:28px;
}
.bord_droit {
float:left;
background-image:url(images/fond_11.png);
background-repeat:no-repeat;
width:266px;
height:28px;
}

/*--------------  ROLLOVERS   ----------------*/
.accueil a:hover {
float:left;
background-image:url(images/roll_05.png);
background-repeat:no-repeat;
width:72px;
height:28px;
}
.services a:hover {
float:left;
background-image:url(images/roll_06.png);
background-repeat:no-repeat;
width:79px;
height:28px;
}
.eau a:hover {
float:left;
background-image:url(images/roll_07.png);
background-repeat:no-repeat;
width:144px;
height:28px;
}
.chlore a:hover {
float:left;
background-image:url(images/roll_08.png);
background-repeat:no-repeat;
width:117px;
height:28px;
}
.realisations a:hover {
float:left;
background-image:url(images/roll_09.png);
background-repeat:no-repeat;
width:97px;
height:28px;
}
.contact a:hover {
float:left;
background-image:url(images/roll_10.png);
background-repeat:no-repeat;
width:79px;
height:28px;
}

.bord_droit a:hover {
float:left;
background-image:url(images/roll_11.png);
background-repeat:no-repeat;
width:266px;
height:28px;
}


/* -------------  DIV TITRES  ----------------*/

#titre_accueil {
width:1010px;
height:73px;
float:left;
background-image:url(images/fond_12.png);
background-repeat:no-repeat;
}

#titre_services {
width:1010px;
height:73px;
float:left;
background-image:url(images/services_12.png);
background-repeat:no-repeat;
}


#titre_eau {
width:1010px;
height:73px;
float:left;
background-image:url(images/eau_12.png);
background-repeat:no-repeat;
}


#titre_chlore {
width:1010px;
height:73px;
float:left;
background-image:url(images/chlore_12.png);
background-repeat:no-repeat;
}


#titre_realisations {
width:1010px;
height:73px;
float:left;
background-image:url(images/realisations_12.png);
background-repeat:no-repeat;
}


#titre_contact {
width:1010px;
height:73px;
float:left;
background-image:url(images/contact_12.png);
background-repeat:no-repeat;
}

/*-----------------  Textes, listes, liens  ------------------*/

#main p {
font-family:Arial, Helvetica, sans-serif;
color:#333333;
font-size:12px;
text-align:justify;
padding-left:112px;
padding-right:90px;
}

#main ul, #main li {
font-family:Arial, Helvetica, sans-serif;
color:#333333;
font-size:12px;
text-align:justify;
list-style:none;
padding-left:112px;
padding-right:90px;
}

#main td {
font-family:Arial, Helvetica, sans-serif;
color:#333333;
font-size:12px;
text-align:justify;
}

.galerie {
padding-left:50px;
margin-right:50px;
display:inline-table;
}

.vignette {
float:left;
margin:5px;
border-right:2px solid #cccccc;
border-bottom:2px solid #cccccc;
}

.vignette img {
border: 1px solid #ffff00;
}

.vignette_texte {
border-right: 1px solid #cccccc;
border-bottom: 1px solid #000000;
}