*{margin:0; padding:0;}

body {
background-color:#2323dc;
color:#666666;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:0.8em;
}
#coin_gauche {
position:absolute;
background-image:url(images/fond_coin.jpg);
height:500px;
width:600px;
background-repeat:no-repeat;
left:0;
top:0;
}
#coin_droit {
position:absolute;
background-image:url(images/fond_coin_droit.jpg);
height:500px;
width:600px;
background-repeat:no-repeat;
right:0;
top:0;
}
#centrage {
position:relative;
width:804px;
margin:0px auto 0 auto;
}
#header {
background-image:url(images/header.jpg);
width:804px;
height:278px;
}
#centre {
float:left;
width:804px;
background-image:url(images/fond_centre.jpg);
}
#gauche {
float:left;
width:170px;
padding-left:25px;
}
img#qualibat {
float:left;
text-align:center;
padding-left:25px;
padding-bottom:20px;
border:0;
}
img#xella {
float:left;
text-align:center;
padding-left:15px;
padding-bottom:20px;
border:0;
}
ul#menu {
float:left;
width:170px;
list-style:none;
margin-top:40px;
margin-bottom:40px;
}
ul#menu li {
font-size:1.2em;
color:#FFFFFF;
font-weight:bold;
margin-bottom:20px;
}
ul#menu li a {
text-decoration:none;
color:#FFFFFF;
}
ul#menu li a#courant {
text-decoration:none;
color:#6f4220;
}
ul#menu li a:hover {
text-decoration:none;
color:#6f4220;
}
#page {
float:left;
width:534px;
padding:0 30px 50px 30px;
margin-top:20px;
text-align:justify;
}
#page h1 {
font-size:1.5em;
padding-top:20px;
margin-bottom:30px;
color:#2323dc;
}
#page h2 {
font-size:1.2em;
padding-top:10px;
margin-bottom:0px;
color:#2323dc;
}
#page h3 {
font-size:1em;
padding-top:10px;
margin-bottom:0px;
color:#2323dc;
}
#page p {
margin-bottom:20px;
line-height:20px;
}
#page a {
color:#666666;
}
#footer {
float:left;
background-image:url(images/footer.gif);
background-repeat:no-repeat;
width:804px;
height:15px;
}
#sous_footer {
width:804px;
height:50px;
color:#FFFFFF;
font-size:0.8em;
text-align:center;
}
#sous_footer a {
color:#FFFFFF;
padding-bottom:10px;
}
#adresse {
float:left;
width:260px;
margin-top:60px;
text-align:center;
}
#plan {
float:left;
width:250px;
margin-top:20px;
padding-left:10px;
}
#plan img {
border:1px solid #6f4220;
}
/*------formulaire mail ---------------------------------------*/
#tab_contact {
border-collapse:collapse;
margin-left:10px;
}
#tab_contact input.text {
width:200px;
}
#tab_contact textarea {
width:450px;
}
.red {
color:#FF0000;
}
.norma {
}
#ok {
color:#212955;
}
#obligatoire {
text-align:center;
font-size:0.8em;
}
#erreur {
width:410px;
margin-left:0px;
margin-bottom:10px;
padding-top:7px;
height:23px;
text-align:center;
background-color:#fcffa7;
border:1px solid #ff6767;
}
#mail_ok {
width:410px;
margin-left:0px;
margin-bottom:10px;
padding-top:7px;
height:23px;
text-align:center;
background-color:#fcffa7;
border:1px solid #6767ff;
}
/*------fin formulaire mail ---------------------------------------*/
ol {
padding-left:30px;
}
ol li {
padding-bottom:8px;
}
#logo_siporex {
float:right;
padding-left:20px;
}
#img_bc {
float:left;
margin-right:20px;
}
.img_bc1 {
float:left;
padding-left:0px;
padding-top:20px;
}
.img_bc2 {
float:left;
padding-left:90px;
padding-top:20px;
}
/*------galerie photos ---------------------------------------*/
#liste {
float:left;
width:534px;
}
#liste img{
cursor:pointer;
}
.pic {
float:left;
width:153px;
height:156px;
padding:6px 5px 0px 5px;
margin:10px 5px;
background-color:#FFFFFF;
border:1px solid #929292;
}
.pic img, .pic2 img {
border: 1px solid;
border-color:#333333;
}
.legende {
float:left;
width:153px;
text-align:center;
font-size:0.8em;
padding-top:2px;
}
/*------fin galerie photos ---------------------------------------*/