/* CSS Document */

#page {
float:left;
width:562px;
}

#colonne_gauche {
text-align:justify;
}

h2#titre_rubrique {
display:block;
width:525px;
height:25px;
text-indent:0px;
float:none;
margin:0;
color:#4698b7;
font-size:14px;
background:none;
padding-left:18px;
line-height:20px;
margin-top:20px;
float:left;
}

h2#titre_bassin-epuration {
display:block;
width:525px;
height:25px;
background:url(../images/fond_vert.jpg) no-repeat;
text-indent:0px;
float:none;
margin:0;
color:#FFFFFF;
font-size:14px;
padding-left:18px;
line-height:20px;
margin-top:20px;
float:left;
}

h2#titre_reserve-incendie {
display:block;
width:525px;
height:25px;
background:url(../images/fond_rouge.jpg) no-repeat;
text-indent:0px;
float:none;
margin:0;
color:#FFFFFF;
font-size:14px;
padding-left:18px;
line-height:20px;
margin-top:20px;
float:left;
}

h2#titre_eau-potable {
display:block;
width:525px;
height:25px;
background:url(../images/fond_bleu-fonce.jpg) no-repeat;
text-indent:0px;
float:none;
margin:0;
color:#FFFFFF;
font-size:14px;
padding-left:18px;
line-height:20px;
margin-top:20px;
float:left;
}

h2#titre_eau-process {
display:block;
width:525px;
height:25px;
background:url(../images/fond_bleu.jpg) no-repeat;
text-indent:0px;
float:none;
margin:0;
color:#FFFFFF;
font-size:14px;
padding-left:18px;
line-height:20px;
margin-top:20px;
float:left;
}

h2#titre_couverture {
display:block;
width:525px;
height:25px;
background:url(../images/fond_gris.jpg) no-repeat;
text-indent:0px;
float:none;
margin:0;
color:#FFFFFF;
font-size:14px;
padding-left:18px;
line-height:20px;
margin-top:20px;
float:left;
}


ul.liste  {
list-style-type:none;
}

ul.liste li {
padding-left:15px;
background:url(../images/puce-bleu.gif) no-repeat left 3px;
}

#plus-produit {
background:#b5d6e2 url(../images/fond_plus-produit.jpg) no-repeat;
width:517px;
padding:5px;
}

#plus-produit strong{
display:block;
height:25px;
color:#FFF;
font-size:14px;
}

#plus-produit ul{
list-style:none;
}

#plus-produit ul li {
padding-left:15px;
background:url(../images/puce-blanc.gif) no-repeat left 3px;
}

img.photo_produit {
margin-top:4px;
margin-right:4px;
float:left;
}

#colonne_gauche a {
color:#4798b7;
}

#colonne_gauche a:hover {
text-decoration:none;
}

ul.left {
display:block;
width:240px;
float:left;
}

p.left {
display:block;
width:255px;
float:left;
}

img.left {
float:left;
}

p.right {
display:block;
width:300px;
float:right;
}

p.right-bis {
display:block;
width:370px;
float:right;
}

/* Sommaire */

#colonne_gauche #bloc_bleuf-g, #colonne_gauche #bloc_rouge-g, #colonne_gauche #bloc_gris-g{
float:left;
height:91px;
width:525px;
margin-top:3px;
}

#colonne_gauche #bloc_vert-d, #colonne_gauche #bloc_bleu-d{
float:right;
height:91px;
width:525px;
margin-top:3px;
}

#colonne_gauche #bloc_rouge-g a {
display:block;
width:421px;
height:91px;
background:#c51f1f url(../images/bloc-sommaire-rouge-g.jpg) no-repeat left;
color:#FFF;
padding-right:10px;
text-align:right;
float: left;
margin-right:3px;
font-size:14px;
font-weight:bold;
line-height:150px;
}

#colonne_gauche #bloc_rouge-g a.rg2 {
display:block;
width:421px;
height:91px;
background:#c51f1f url(../images/bloc-sommaire-rouge-g2.jpg) no-repeat left;
color:#FFF;
padding-right:10px;
text-align:right;
float: left;
margin-right:3px;
font-size:14px;
font-weight:bold;
line-height:150px;
}

#colonne_gauche #bloc_rouge-g a.rg3 {
display:block;
width:421px;
height:91px;
background:#c51f1f url(../images/bloc-sommaire-rouge-g3.jpg) no-repeat left;
color:#FFF;
padding-right:10px;
text-align:right;
float: left;
margin-right:3px;
font-size:14px;
font-weight:bold;
line-height:150px;
}

#colonne_gauche #bloc_gris-g a {
display:block;
width:421px;
height:91px;
background:#929292 url(../images/bloc-sommaire-gris-g.jpg) no-repeat left;
color:#FFF;
padding-right:10px;
text-align:right;
float: left;
margin-right:3px;
font-size:14px;
font-weight:bold;
line-height:150px;
}

#colonne_gauche #bloc_gris-g a.gg2 {
display:block;
width:421px;
height:91px;
background:#929292 url(../images/bloc-sommaire-gris-g2.jpg) no-repeat left;
color:#FFF;
padding-right:10px;
text-align:right;
float: left;
margin-right:3px;
font-size:14px;
font-weight:bold;
line-height:150px;
}

#colonne_gauche #bloc_bleuf-g img, #colonne_gauche #bloc_rouge-g img, #colonne_gauche #bloc_gris-g img {
float: right;
}

#colonne_gauche #bloc_vert-d a {
display:block;
width:421px;
height:91px;
background:#30ae5c url(../images/bloc-sommaire-vert-d.jpg) no-repeat right;
color:#FFF;
padding-left:10px;
text-align:left;
margin-left:3px;
float: right;
padding-left:10px;
font-size:14px;
font-weight:bold;
line-height:150px;
}

#colonne_gauche #bloc_vert-d a.vd2 {
display:block;
width:421px;
height:91px;
background:#30ae5c url(../images/bloc-sommaire-vert-d2.jpg) no-repeat right;
color:#FFF;
padding-left:10px;
text-align:left;
margin-left:3px;
float: right;
padding-left:10px;
font-size:14px;
font-weight:bold;
line-height:150px;
}

#colonne_gauche #bloc_vert-d a.vd3 {
display:block;
width:421px;
height:91px;
background:#30ae5c url(../images/bloc-sommaire-vert-d3.jpg) no-repeat right;
color:#FFF;
padding-left:10px;
text-align:left;
margin-left:3px;
float: right;
padding-left:10px;
font-size:14px;
font-weight:bold;
line-height:150px;
}

#colonne_gauche #bloc_bleu-d a {
display:block;
width:421px;
height:91px;
background:#7ac7e5 url(../images/bloc-sommaire-bleu-d.jpg) no-repeat right;
color:#FFF;
padding-left:10px;
text-align:left;
margin-left:3px;
float: right;
padding-left:10px;
font-size:14px;
font-weight:bold;
line-height:150px;
}

#colonne_gauche #bloc_bleu-d a.bd2 {
display:block;
width:421px;
height:91px;
background:#7ac7e5 url(../images/bloc-sommaire-bleu-d2.jpg) no-repeat right;
color:#FFF;
padding-left:10px;
text-align:left;
margin-left:3px;
float: right;
padding-left:10px;
font-size:14px;
font-weight:bold;
line-height:150px;
}

#colonne_gauche #bloc_vert-d img, #colonne_gauche #bloc_bleu-d img {
float:left;
margin-top:0;
}

#colonne_gauche #bloc_rouge-g a:hover {
color:#8f0206;
}

#colonne_gauche #bloc_vert-d a:hover {
color:#005c19;
}

#colonne_gauche #bloc_bleu-d a:hover {
color:#158fbe;
}

#colonne_gauche #bloc_gris-g a:hover {
color:#474747;
}