/* CSS Document */

*{
margin:0;
padding:0;
}

body,html{
margin:0;
padding:0;
background:#f4f4f4;
background-image:url(../images/main-background.gif);
background-repeat:repeat-x;
}
/* /////////////////ELEMENTS PRINCIPAUX////////////////// */
#main-container{
width:1020px;
margin:auto;
font-family:Arial, Verdana, Helvetica, sans-serif;
font-size:11px;
}
/* //////////////////////////////////////////////////////////// */
#header{
width:100%;
height:89px;
background-image:url(../images/background-header.gif);
background-repeat:no-repeat;
}

#header-top{
width:1020px;
height:56px;
}

#logo{
width:220px;
float:left;
}

#logo a{
display:block;
margin:12px 0 0 28px;
}

#logo a img{
border:0;
}

#central-header-top{
width:580px;
float:left;
}

#shortcut-select{
width:220px;
float:left;
}

#shortcut-select form{
margin:12px 0 0 28px;
}

#shortcut-select select{
width:160px;
height:19px;
background:#FFFFFF;
border: 1px solid #000;
line-height:19px;
}

#shortcut-select fieldset{
border:none;
}

#shortcut-select option{
display:block;
height:19px;
line-height:19px;
}

#header-bottom{
width:1020px;
height:33px;
}

/*******************************************************/
/* ////////////////////////// CONTENT ///////////////////////// */
#central{
width:100%;
/*min-height:550px;*/
padding-top:587px;
background-image:url(../images/central-background2.gif);
background-repeat:repeat-y;
padding-bottom:20px;
}

#central-content{
width:1020px;
min-height:104px;
margin-top:-587px;
background-image:url(../images/salles-de-bains-banner.jpg);
background-repeat:no-repeat;
}

#central-banner{
width:700px;
height:104px;
font-size:11px;
font-weight:bold;
color:#FFF;
}

#central-banner h1{
position:relative;
top:65px;
left:250px;
display:block;
font-size:11px;
font-weight:bold;
}

#central-banner a{
color:#FFF;
font-weight:bold;
text-decoration:none;
}

#central-banner a:hover{
text-decoration:underline;
}

#central img{
display:block;
}
/* /////// PARTIE GAUCHE /////// */
#central-left{
float:left;
width:220px;
padding-top:483px;
/*height:574px;*/
background-image:url(../images/design-left2.gif);
background-repeat:no-repeat;
background-position:top left;
}

#content-left{
width:200px;
/*height:574px;*/
min-height:483px;
margin-top:-483px;
padding:0 0 0 20px;
}

#hygeniales-left{
width:200px;
height:234px;
margin-top:10px;
}
/* menu gauche */
#central-menu{
width:200px;
height:313px;
background-image:url(../images/background-menu-left.gif);
background-repeat:no-repeat;
margin-top:8px;
}

*:first-child+html #central-menu {
margin-top:10px; /* Lu uniquement par IE 7 */
}

#central-menu ul{
list-style:none;
/*padding-top:21px;*/
}

#central-menu li{
width:160px;
/*height:77px;*/
line-height:11px;
list-style:none;
display:block;
font-size:11px;
font-weight:bold;
color:#cc0066;
/*padding:0 0 0 40px;*/
}

.menu-left-magasins{
padding:20px 0 0 40px;
}

.menu-left-rendez-vous{
padding:50px 0 0 40px;
}

.menu-left-projets{
padding:35px 0 0 40px;
}

.menu-left-bons-plans{
padding:35px 0 0 40px;
}

#central-menu li a{
position:relative;
display:block;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:normal;
color:#000;
text-decoration:none;
margin-top:5px;
}

#central-menu li a:hover{
text-decoration:underline;
}

/* /////// PARTIE DROITE /////// */
#central-right{
float:left;
width:800px;
padding-top:483px;
background-image:url(../images/design-right2.gif);
background-repeat:no-repeat;
background-position:top right;
}

#content-right{
width:800px;
/*height:574px;*/
min-height:483px;
margin-top:-483px;
}

#content-right img{
border:0;
}

#content-right table{
width:772px;
margin: 9px;
border:1px solid #e0dfd5;
}

#links-way{
width:742px;
height:27px;
background-image:url(../images/fil-ariane-sdb.gif);
background-repeat:repeat-x;
background-position: 9px 9px;
padding:15px 5px 2px 5px;
color:#FFF;
margin-left:9px;
}

#links-way a{
color:#FFF;
text-decoration:none;
display:inline;
width:auto;
height:13px;
background-image:url(../images/arrow-picto-blanc.gif);
background-repeat:no-repeat;
background-position:0 2px;
padding-left:10px;
}

#links-way a:hover{
text-decoration:underline;
}

.sdb-active{
font-weight:bold;
}

#sdb-type{
width:750px;
height:43px;
background-image:url(../images/small-garantie-logo.gif);
background-repeat:no-repeat;
background-position:top right;
line-height:43px;
margin-left:10px;
}

#sdb-selection{
margin-left:9px;
margin-bottom:10px;
}

#sdb-name{
font-size:23px;
font-weight:bold;
text-transform:uppercase;
color:#666666;
}

#sdb-promo{
font-size:23px;
background-image:url(../images/sdb-promo-background.gif);
background-repeat:repeat-x;
height:34px;
color:#FFF;
margin-top:3px;
margin-left:10px;
line-height:35px;
padding:0 5px;
}

#sdb-value{
color:#666666;
font-size:20px;
line-height:16px;
margin-left:10px; 
}

.sdb-mentions{
font-size:9px;
line-height:15px;
}

.sdb-mentions2{
height:43px;
font-size:9px;
line-height:52px;
margin-left:5px;
}

.line-through{
text-decoration:line-through;
}

#sdb-type span{
display:block;
float:left;
}

#sdb-view{
position:relative;
margin-left:10px;
}

#sdb-sticker-image{
position:absolute;
bottom:30px;
}

#sdb-description{
background:#f4f4f4;
/*height:390px;  à enlever */
margin:10px;
padding-bottom:20px;
}

#product-menu ul{
width:751px;
height:26px;
list-style:none;
background-image: url(../images/background-product-menu.gif);
background-repeat:no-repeat;
}

#product-menu li{
display:block;
float:left;
line-height:26px;
}

#product-menu li a{
color:#666666;
text-decoration:none;
}

#product-menu li a:hover{
color:#376089;
font-weight:bold;
}

#product-menu-button0 a{
display:block;
width:91px;
height:26px;
background-image: url(../images/produit-presentation-over_02.gif);
background-repeat:no-repeat;
background-position:0 -26px;
padding-left:20px;
}

#product-menu-button0 a:hover{
width:91px;
height:26px;
background-image: url(../images/produit-presentation-over_02.gif);
background-repeat:no-repeat;
background-position:0 0;
padding-left:20px;
}

.active-product-menu-button0{
display:block;
width:91px;
height:26px;
background-image: url(../images/produit-presentation-over_02.gif);
background-repeat:no-repeat;
background-position:0 0;
padding-left:20px;
color:#376089;
font-weight:bold;
}

#product-menu-button1 a{
display:block;
width:107px;
height:26px;
background-image: url(../images/produit-implantation-over_02.gif);
background-repeat:no-repeat;
background-position:0 -26px;
padding-left:20px;
}

#product-menu-button1 a:hover{
display:block;
width:107px;
height:26px;
background-image: url(../images/produit-implantation-over_02.gif);
background-repeat:no-repeat;
background-position:0 0;
padding-left:20px;
}

.active-product-menu-button1{
display:block;
width:107px;
height:26px;
background-image: url(../images/produit-implantation-over_02.gif);
background-repeat:no-repeat;
background-position:0 0;
padding-left:20px;
color:#376089;
font-weight:bold;
}

#product-menu-button2 a{
display:block;
width:90px;
height:26px;
background-image: url(../images/produit-equipement-over_02.gif);
background-repeat:no-repeat;
background-position:0 -26px;
padding-left:20px;
}

#product-menu-button2 a:hover{
display:block;
width:90px;
height:26px;
background-image: url(../images/produit-equipement-over_02.gif);
background-repeat:no-repeat;
background-position:0 0;
padding-left:20px;
}

.active-product-menu-button2{
display:block;
width:90px;
height:26px;
background-image: url(../images/produit-equipement-over_02.gif);
background-repeat:no-repeat;
background-position:0 0;
padding-left:20px;
color:#376089;
font-weight:bold;
}

#product-menu-button3 a{
display:block;
width:98px;
height:26px;
background-image: url(../images/produit-conseil-over_02.gif);
background-repeat:no-repeat;
background-position:0 -26px;
padding-left:20px;
}

#product-menu-button3 a:hover{
display:block;
width:98px;
height:26px;
background-image: url(../images/produit-conseil-over_02.gif);
background-repeat:no-repeat;
background-position:0 0;
padding-left:20px;
}

.active-product-menu-button3{
display:block;
width:98px;
height:26px;
background-image: url(../images/produit-conseil-over_02.gif);
background-repeat:no-repeat;
background-position:0 0;
padding-left:20px;
color:#376089;
font-weight:bold;
}

#product-menu-button4 a{
display:block;
width:265px;
height:26px;
background-image: url(../images/produit-informations-over_02.gif);
background-repeat:no-repeat;
background-position:0 -26px;
padding-left:20px;
}

#product-menu-button4 a:hover{
display:block;
width:265px;
height:26px;
background-image: url(../images/produit-informations-over_02.gif);
background-repeat:no-repeat;
background-position:0 0;
padding-left:20px;
}

.active-product-menu-button4{
display:block;
width:265px;
height:26px;
background-image: url(../images/produit-informations-over_02.gif);
background-repeat:no-repeat;
background-position:0 0;
color:#376089;
font-weight:bold;
padding-left:20px;
}

#choice-text{
clear:left;
margin-top:90px;
}

#arrow-product{
float:left;
display:block;
width:160px;
height:200px;
background-image: url(../images/arrow-product.gif);
background-repeat:no-repeat;
background-position:100% 50%;
margin-left:20px;
}

#product-details table{
width:730px;
border:none;
margin-top:20px;
}

#product-details td{
vertical-align:top;
padding-bottom:10px;
}
/*************** onglet presentation ********************/
.details-left{
width:550px;
padding:0 0 0 10px;
color:#666666;
}

.available-color{
width:545px;
margin-left:5px;
}

.color-ref{
width:38px;
height:80px;
float:left;/**/
margin-right:8px;
color:#666666;
margin-bottom:10px;
}

.color-ref-img{
display:block;
width:38px;
border:1px solid #d6d6d6;
}

.color-label{
padding-top:5px;
width:38px;
text-align:center;
}

.sdb-dl-title{
width:550px;
color:#666666;
clear:left;
border-bottom:1px solid #e0dfd5;
padding-bottom:10px;
}

.details-right{
padding-left:10px;
}

.details-left-img{
display:block;
float:left;
}

.details-left-link{
margin-top:60px;
margin-left:20px;
display:block;
width:300px;
float:left;
}

.details-left-link a{
text-decoration:none;
color:#666666;
background-image:url(../images/product-arrow.gif);
background-repeat:no-repeat;
background-position:0 50%;
padding-left:10px;
}

.details-left-link a:hover{
text-decoration:underline;
}

.details-right img{
padding-bottom:10px;
}
/*************** onglet implantation ********************/
.details-left2{
width:465px;
padding:0 0 0 10px;
color:#666666;
}

.sdb-dl2-title{
width:465px;
height:10px;
color:#666666;
border-bottom:1px solid #e0dfd5;
margin-bottom:10px;
}

.details-left2 p{
display:block;
width:465px;
}

.sdb-simple-list2 ul{
width:465px;
list-style:none;
margin-bottom:10px;
}
/*************** onglet équipements ********************/
#equipements-zone{
color:#666666;
}

#equipements-zone td{
width:180px;
padding-left:20px;
}

.vignette-porte {
width:103px;
height:155px;
padding:11px;
text-align:center;
background-image: url(../images/vignette-porte-produit.gif);
background-repeat: no-repeat;
background-position: center top;
}

.vignette-poignee {
width:98px;
height:113px;
padding:9px 11px 11px 11px;
text-align:center;
background-image: url(../images/vignette-plan-produit.gif);
background-repeat: no-repeat;
background-position: center top;
}

.vignette-accessoires {
width:237px;
height:145px;
padding:9px;
text-align:center;
background-image: url(../images/vignette-accessoires-produit.gif);
background-repeat: no-repeat;
background-position: center top;
}

#equipements-zone a{
color:#376089;
text-decoration:none;
padding-left:10px;
}

#equipements-zone a:hover{
text-decoration:underline;
}


/*************** onglet conseils ********************/
#conseils-zone table{
width:730px;
border:none;
margin-top:20px;
}

#conseils-zone td{
vertical-align:top;
padding-bottom:10px;
}

.details-left4{
width:480px;
padding:0 0 0 10px;
}

.details-left4 p{
display:block;
width:480px;
color:#666666;
padding-bottom:10px;
}

.details-left4-border{
display:block;
width:480px;
border-bottom:1px solid #e0dfd5;
padding-bottom:5px;
padding-top:10px;
margin-bottom:10px;
font-weight:bold;
color:#666666;
}

.sdb-small-text{
font-size:9px;
}

.sdb-small-text strong{
font-size:10px;
color:#3e3e3e;
}

.blue-sdb-small-text{
display:block;
margin-left:380px;
font-size:9px;
color:#376089;
}

.blue-sdb-small-text a{
color:#376089;
text-decoration:none;
}

.blue-sdb-small-text a:hover{
text-decoration:underline;
}

.details-left4-link{
float:left;
padding-top:70px;
}

.details-left4-link a{
color:#666666;
text-decoration:none;
}

.details-left4-link a:hover{
color:#666666;
text-decoration:underline;
}

.details-left4-img{
padding-top:10px;
float:left;
}

.details-right4 img{
padding-bottom:10px;
padding-left:20px;
}

.details-right4-links{
margin-top:5px;
float:right;
text-align:right;
}

.details-right4-links a{
color:#376089;
text-decoration:none;
}

.details-right4-links a:hover{
text-decoration:underline;
}
/*#conseils-zone table{
width:730px;
border:none;
margin-top:20px;
}

#conseils-zone td{
vertical-align:top;
padding-bottom:10px;
}

.details-left4{
width:470px;
padding:0 0 0 10px;
color:#666666;
}

.sdb-dl4-title{
width:470px;
height:10px;
color:#666666;
border-bottom:1px solid #e0dfd5;
margin-bottom:10px;
}

.details-left4 p{
display:block;
width:470px;
font-size:10px;
}

.details-left4 p strong{
font-size:11px;
}

.sdb-simple-list4 ul{
width:465px;
list-style:none;
margin-bottom:10px;
}

.details-right4{
padding-left:20px;
}

.details-right4-links{
display:block;
width:200px;
margin-top:5px;
padding-right:10px;
float:right;
text-align:right;
}

.details-right4-links a{
color:#376089;
text-decoration:none;
}

.details-right4-links a:hover{
text-decoration:underline;
}

.blue-sdb-small-text{
margin-top:10px;
display:block;
float:right;
}

.blue-sdb-small-text a{
color:#376089;
text-decoration:none;
}

.blue-sdb-small-text a:hover{
color:#376089;
text-decoration:underline;
}

.arrow5{
background-image:url(../images/arrow-picto-blue.gif);
background-repeat:no-repeat;
background-position:0 50%;
padding-left:15px;
}

.arrow6{
background-image:url(../images/arrow-picto-blue.gif);
background-repeat:no-repeat;
background-position:0 4px;
padding-left:15px;
}*/
/*************** onglet garantie ********************/
.details-left5{
width:550px;
padding:0 0 0 10px;
color:#666666;
}

.sdb-dl5-title{
width:550px;
color:#666666;
clear:left;
border-bottom:1px solid #e0dfd5;
padding-top:10px;
padding-bottom:10px;
}

.details-left5-text p{
padding-left:10px;
}

.details-left5 p{
display:block;
width:485px;
}

.details-left5 p strong{
font-size:11px;
}

.details-left5 img{
float:left;
}

.details-left5-text{
float:left;
}

.details-right5{
padding-left:10px;
}

.details-right5 img{
padding-bottom:10px;
}

.details-left-link5{
display:block;
margin-top:10px;
padding-right:10px;
}

.details-left-link5 a{
color:#376089;
text-decoration:none;
}

.details-left-link5 a:hover{
text-decoration:underline;
}

.details-left-link5_2{
display:block;
margin-top:5px;
padding-right:10px;
text-align:right;
float:right;
}

.details-left-link5_2 a{
color:#376089;
text-decoration:none;
}

.details-left-link5_2 a:hover{
text-decoration:underline;
}
/***************************************************/
.details-left-link1{
background-image:url(../images/sdb-dl-link1.gif);
background-repeat:no-repeat;
background-position:0 0;
padding-left:15px;
display:block;
line-height:12px;
}

.details-left-link2{
background-image:url(../images/sdb-dl-link2.gif);
background-repeat:no-repeat;
background-position:0 0;
padding-left:15px;
display:block;
line-height:12px;
}

.details-left-link3{
background-image:url(../images/sdb-dl-link3.gif);
background-repeat:no-repeat;
background-position:0 0;
padding-left:15px;
display:block;
line-height:12px;
}

.details-left-link4{
background-image:url(../images/sdb-dl-link4.gif);
background-repeat:no-repeat;
background-position:0 0;
padding-left:15px;
display:block;
line-height:12px;
}

.sdb-arrow{
background-image:url(../images/product-arrow.gif);
background-repeat:no-repeat;
background-position:0 2px;
padding-left:10px;
}

.no-float{
clear:left;
}
/* //////////////////////////////////////////////////////////// */
#footer{
width:100%;
height:70px;
background-image:url(../images/background-footer.gif);
background-repeat:no-repeat;
}

#footer-top{
width:1000px;
height:12px;
margin:0 10px;
}

#footer-bottom{
width:1000px;
margin:0 10px 20px 10px;
}

#footer-menu{
height:26px;
}

#footer-menu ul{
list-style:none;
margin:5px 0 0 150px;
}

#footer-menu li{
height:11px;
line-height:9px;
list-style:none;
display:block;
float:left;
color:#868686;
padding:0 10px 0 10px;
}

#footer-menu li a{
position:relative;
display:block;
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
color:#999999;
text-decoration:none;
}

#footer-menu li a:hover{
text-decoration:underline;
}

#footer-text p{
font-size:11px;
color:#999999;
padding:0 25px 20px 25px;
}