@import url(reset.css);
@import url(hacks.css);
@import url(modalbox.css);
body{font:85% "trebuchet ms";}
html, body{height:100%;}

a{color:#234F5F; text-decoration:underline;}
a:hover{color:#14343f; text-decoration:underline;}
p{margin:5px 0 15px;}
.galerie h3, .reference h3{margin:0 auto; padding:5px 0 5px 10px; background:url(../img/decors/h3.jpg); border-top:1px solid #777; border-bottom:1px solid #777;}

#conteneur{min-height:100%; position:relative; background:url(../img/decors/contenu.png) center top repeat-y;}


/* Header
---------------------------------------------------------------- */
#header{width:100%; height:119px; background:url(../img/decors/header.png) top left repeat-x;}
#header div{width:562px; margin:0 auto;}
#header h1{float:left; margin:6px 15px 0 -97px;}
#header h2{color:#d2e4ee; font-size:28px; text-transform:uppercase; font-weight:400;}
#header h2 sup{position:relative; top:-5px; color:#96b7c9; font-size:15px; text-transform:none;}
#header p{color:#d2e4ee; margin:0 0 0; padding: 0 0 0;}
/* Menu */
#header ul{width:581px; height:32px; margin:-43px 0 0 -9px; padding:18.3px 0 0 12px; float:left; background:url(../img/decors/menu.jpg) top left no-repeat;}
#header ul li{float:left; margin:0 3.8px 0 5px;}
#header ul li a{height:24px; display:block; background:url(../img/decors/li1.png) top left no-repeat; letter-spacing:0px; text-decoration:none;}
#header ul li a span{height:21px; display:block; margin:0 0 0 5px; padding:3px 15px 0 11px; color:#ccdee8; background:url(../img/decors/li2.png) top right no-repeat; font-family:arial; text-transform:uppercase;}
#header ul li a:hover{background-position:bottom left;}
#header ul li a:hover span{color:#51768b; background-position:bottom right;}
#header ul li.active a{background-position:bottom left;}
#header ul li.active a span{color:#51768b; background-position:bottom right;}
/* Langues */
#header .lang{float:right; margin:-61px 15px 0 0; padding:3px 0 3px 37px; color:#fff; font-size:13px;}
#header .lang span{width:116px; position:absolute; margin:0 0 0 -122px; display:none; top:46px; text-align:right;}
#header .lang:hover span{display:block;}


/* Contenu
---------------------------------------------------------------- */
#contenu{width:520px; margin:10px auto 0; padding-bottom:55px;}
#contenu p{text-align:justify;}
#contenu .img.home{float:right; margin:0 0 0 20px;}
#contenu h3{color:#14343f; font-size:15px;}

/* Le produit */
.carac{width:522px; margin:7px 0 30px; opacity:.85; background:#efefef; border:1px solid #d2d2d2; border-bottom:none;}
.carac tr td{padding:3px 4px;}
.carac tr .type{width:110px; background:#dee3e4; border-bottom:1px solid #d1d1d1; border-right:1px solid #d1d1d1;}
.carac tr .infos{border-bottom:1px solid #d2d2d2;}
#contenu .velours{float:left; margin:0 40px 35px 0; text-align:center; font-size:12px;}
.effets{margin:0 0 30px;}
.effets li{list-style:none url(../img/decors/li.png);}
/* Galerie */
.galerie ul{width:560px; margin:15px 0 20px; overflow:auto;}
.galerie li{float:left; margin:0 20.5px 6px 0;}
.galerie li big{width:155px; height:18px; margin:68px 0 0; padding:2px 0 2px 5px; position:absolute; display:none; color:#fff; font-size:13px; font-weight:bold; background:url(../img/decors/titre.png);}
.galerie li:hover big{display:block;}
.galerie li a img{border:1px solid #6294AF;}
.galerie li a:hover img{border-color:#375B6F;}
.galerie li code{display:none;}
/* Références */
.reference{margin:0 0 25px;}
.reference h3{margin-bottom:10px;}
.reference h3 span{padding-left:20px; background:url(../img/decors/date.png) center left no-repeat;}
.reference ul{margin-left:15px;}
.reference li{line-height:18px; list-style:none url(../img/decors/li.png);}
/* Contact */
#contenu .societe{text-align:center; font-size:19px;}
.membres ul{overflow:auto; margin:32px 0 80px;}
.membres li{width:205px; float:left; margin:0 20px 0 30px; padding-left:5px; font-size:13px; background:url(../img/decors/membre.png) top left no-repeat;}
.membres li h4{margin:4px 0 4px 3px;}
.membres li p{line-height:19px;}
.membres li p img{vertical-align:middle;}
#contenu .revendeurs a{ margin:0 auto; padding:10px 0; display:block; color:#fff; text-align:center; background:#70BF6B; text-decoration:none; font-size:16px; font-weight:400; border-top:1px solid #4A9F45; border-bottom:1px solid #4A9F45;}
#contenu .revendeurs a:hover{background:#4A9F45; border-top-color:#247F1F; border-bottom-color:#247F1F;}
#pays{margin:0 auto 20px; padding:10px 0; text-align:center; background:#9FCF9B; font-size:16px;}
#pays p{margin:0 0 -10px; text-align:center; font-size:14px;}
#pays img{margin:5px 7px; border:none}
#distri .pays{margin-bottom:35px;}
#distri .pays h3, #distri .pays h4{margin:0 auto;;}
#distri .pays h3{padding:5px 0 5px 15px; font-size:16px; background:url(../img/decors/h3.jpg); text-transform:uppercase; border-bottom:1px solid #777; border-top:1px solid #777}
#distri .pays h4{padding:0 0 0 15px; font-size:15px; background:url(../img/decors/titre-revendeurs.png) bottom left repeat-x; border-bottom:1px dashed #999;}
#distri .pays p{margin:7px 20px 15px 0; font-size:14px;}
#distri .pays p img{vertical-align:middle}


/* Footer
---------------------------------------------------------------- */
#footer{width:100%; height:47px; position:absolute; bottom:0; text-align:center; background:url(../img/decors/footer.png) bottom left repeat-x;}
#footer p{color:#41708c; font-size:14px; text-align:center; margin:12px 0 0 0; padding:0}
#footer p span{color:#6895b0}
#footer p a{margin-left:85px;}
#footer p a img{margin:7px 0 -7px;}