body {
background-color:#FFFFFF;
background: url(imgs/top-fond.jpg) repeat;
margin:0;
padding:0;
text-align: center;
}
h1, h2, form, fieldset {
margin:0;
padding:0;
border:0;
}
#accueil {
margin:0px auto;
width:960px;
height:570px;
border-collapse: collapse;
text-align: left;
}
#principal {
margin-left:auto;
margin-right:auto; 
width:960px;
height:100%;
}
#entete {
margin-left:auto;
margin-right:auto; 
width:960px;
height:15px;
background-color:#F8F5D9;
}
#bandeau {
margin-left:auto;
margin-right:auto; 
width:960px;
height:105px;
}
#bandeau_haut {
width:659px;
height:55px;
background: url(imgs/haut-bandeau-piscine.png) no-repeat 0 0;
}
#coord {
font-family: Arial, Helvetica, sans-serif;
color:#F8F5D9;
font-size:13px;
font-weight:bold;
padding:3px;
}
#logo {
width:301px;
height:105px;
background: url(imgs/logo-piscine-discount.png) no-repeat 0 0;
}
#logo a.accueil {
float:left;
display:block;
width:300px;
height:100px;
}
#menu_navig {
width:659px;
height:50px;
background: url(imgs/bas-bandeau-piscine.png) no-repeat 0 0;
}
#centre {
border:0;
padding:0;
margin-left:auto;
margin-right:auto; 
width:960px;
height:435px;
background: url(imgs/fond-accueil.jpg) no-repeat 0 0;
}
#centre .colonne_a {
width:196px;
padding:0;
}
#centre .colonne_a2 {
width:196px;
padding:0;
}
#centre .colonne_b {
width:196px;
padding:50px 10px 5px 10px;
background: url(imgs/magasins-piscine-discount.jpg) no-repeat 4px 0;
text-align: center;
}
#centre .colonne_c {
width:196px;
padding:0;
}
#centre .colonne_c2 {
width:196px;
padding:0;
}
#centre .colonne_b a.magasin {
font-family: Arial, Helvetica, sans-serif;
font-size:13px;
font-weight: bold;
color:#F8F5D9;
text-decoration:none;
}
#centre .colonne_b a.magasin:hover {
color:#F08131;/*orange*/
}
#contenu {
padding:0;
margin-left:auto;
margin-right:auto; 
width:960px;
height:60%;
background-color:#E1FFF4;/*bleu clair*/
border-top:#177923 3px solid;
border-left:#F8F5D9 2px solid;
border-right:#F8F5D9 1px solid;
border-bottom:#333333 2px solid;
}
.cgv {
padding:15px 50px 15px 50px;
margin-top:10px;
margin-bottom:10px;
margin-left:45px;
margin-right:45px;
border:#D7D2CE 1px dashed;
background-color:#EFEFEF;/*blanc casse*/
font-family: Arial, Helvetica, sans-serif;
font-size:12px;
font-weight: normal;
color: #333333;
text-align: justify;
}
#contenu .colonne_g {
width:480px;
padding:5px;
}
#contenu .colonne_d {
width:480px;
padding:5px;
}
#contenu .colonne_g img, #contenu .colonne_d img {
margin:3px;
border-top:#177923 3px solid;
border-left:#F08131 1px dashed;
border-right:#F08131 1px dashed;
border-bottom:#177923 2px solid;
}
#faq {
padding:15px;
margin-top:10px;
margin-bottom:10px;
margin-left:10px;
margin-right:10px;
border:#177923 1px dashed;
background-color:#EFEFEF;/*blanc casse*/
font-family: Arial, Helvetica, sans-serif;
font-size:12px;
font-weight: normal;
color: #333333;
text-align: justify;
}
dt {
padding:2px;
background-color:#F8F5D9;
color:#177923;
font-size:13px;
font-weight:bold;
border-bottom:3px solid #177923;
}
.button_newsletter {
font-family: Arial, Helvetica, Sans-Serif;
font-weight: bold;
font-size: 14px;
margin-left:5px;
display: inline;
background-color:#F8F5D9;
color:#177923;
border:none;
}
.newsletter {
margin:0;
width:270px;
height:100px;
padding-left:5px;
padding-top:28px;
background-color:#F8F5D9;
background: url(imgs/fd_newsletter.gif) no-repeat 0 0;
}
.titre {
font-family: Arial, Helvetica, sans-serif;
font-size:14px;
color:#177923;
font-weight:bold;
text-decoration:underline;
}
.textbox_form{
background-color: #F8F5D9;
color:#000000;
font-weight:bold;
font-size:12px;
border: 1px solid #177923;
margin-bottom:2px;
margin-top:2px;
padding:3px;
}
#pied {
margin-left:auto;
margin-right:auto; 
border:0px;
width:960px;
height:15px;
padding-top:2px;
background: url(imgs/bas-piscine-discount.png) no-repeat 0 0;
font-family: Arial, Helvetica, sans-serif;
color:#000000;
font-size:9px;
}
#pied .p_gauche {
width:480px;
padding-left:5px;
text-align:left;
}
#pied .p_droit {
width:480px;
padding-right:5px;
text-align:right;
}
#pied .p_droit a {
color:#000000;
text-decoration:none;
}
#pied .p_droit a:hover {
color:#35FC03;
text-decoration:underline;
}
#footer {
font-family: Arial, Helvetica, sans-serif;
margin-left:auto;
margin-right:auto;
width:960px;
border:0px;
margin: 2px;
color:#000000;
font-size:11px;
background: #F8F5D9;
text-align: left;
}
#footer a {
text-decoration:none ;
color:#177923;
}
#footer a:hover {
color:#35FC03;
}
a.lien {
font-family: Arial, Helvetica, sans-serif;
font-size:12px;
font-style:normal;
color:#F1980C;
text-decoration:underline;
}
a.lien:hover {
color:#01958B;
text-decoration:none;
}
.h1 {
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: bold;
color: #177923;
padding-left:10px;
}
.h2 {
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: bold;
color: #333333;
text-align: right;
padding-right: 3px;
}
.h3 {
font-family: Arial, Helvetica, sans-serif;
font-size:12px;
font-weight: normal;
color: #333333;
text-align: justify;
}
.navig {
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight: bold;
color: #333333;
text-align: left;
padding: 5px;
}
.principal {
font-family: Arial, Helvetica, sans-serif;
font-size:12px;
font-weight: normal;
color: #333333;
text-align: justify;
}