/* CSS Document */
#urlhere,h1.title{ display:none;}
#menuLeft ul{ min-height:670px;}
.contentWrap-3-content{padding:0;width:609px;}

#section-1{ width:610px; position:relative;}
#section-1 .logos{background-position:left top; width:578px; height:89px; padding:0 15px; margin-left:1px;}
.logos img{ margin:0 18px;}

#section-2{ height:326px; position:relative; padding-top:10px;}
#section-2 div{width:290px;height:326px;}
#section-2-left{ background-position:-10px -99px; float:left;margin-left:10px;}
#section-2-right{ margin-left:310px;position:relative;}
*html #section-2-right{ margin-left:308px;}
*html #section-2-left{margin-left:5px;}

/*#section-2 select{ position:absolute; top:125px; left:50px; background-color:#6d3828; border:1px solid #6d3828; color:#fff; width:215px; padding:0; margin:0; z-index:2;}
select.noborder{ border:1px solid #6d3828; }*/
#boismassif{ position:absolute; top:123px; left:42px; color:#fff; width:215px; padding:0; margin:0; z-index:2;}
#boismassif a{ color:#fff; text-decoration:none; display:block; padding:2px 4px; height:16px;}
#boismassif ul{ margin:0; padding:5px 0 0 0; display:none; width:229px; position:absolute; top:20px; left:0; border-bottom:1px solid #e58c8b;border-left:1px solid #e58c8b;border-right:1px solid #e58c8b;background-color:#6d3828;}
*html #boismassif ul{left:-8px;}/*ie6*/
#boismassif li{ margin:0; padding:0; background:none; position:relative;}
#boismassif li.selected{ padding-left:8px;}
#boismassif li.selected li{ padding-left:0;}
#boismassif li.selected a{ height:20px; }
#boismassif li.selected li a{ padding-left:12px;background-color:#6d3828; }
#boismassif li.selected li a:hover{ background-color:#8b6a60;}
#boismassif li.selected:hover ul,#boismassif li.selected.sfhover ul{ display:block;}
#section-2-right .cycle div{ position:absolute; left:0; top:0; display:none;}
#section-2-right .panneaux{background-position:-310px -99px;}
#section-2-right .poutres{background-position:-610px -99px;}
#section-2-right .bt_devis{position:absolute; top:267px; left:42px; z-index:100;}
#section-2-right .bt_devis a{ background-position:left top;width:201px; height:36px; display:block; text-indent:-9999px;}
#section-2-right .bt_devis a:hover{ background-position:left -36px;}

/* Coup de cœur */
#section-3{ margin-left:1px;}
#section-3 p.title{background-position:-10px -447px;width:590px; height:40px; padding:0; margin:20px 0 0 10px; text-indent:-9999px;}
#section-3 ul{ margin:8px 0; padding:0;height:214px;}
#section-3 ul li{ margin:0; padding:5px 8px; width:176px; height:204px; float:left; background:none; background-image:none;border-right:1px dotted #6c3727;}
#section-3 ul .thumb{ margin:0; padding:5px 0; width:166px; height:110px; overflow:hidden; }
#section-3 ul h3{ height:40px;padding:0; overflow:hidden; font-size:11px; text-align:center; }
#section-3 ul h3 a{ text-decoration:none;}
#section-3 ul h4{ font-size:1.3em; text-align:center; color:#FF6600; padding:0 0 5px 0; font-weight:bold;}
#section-3 ul p{ text-align:center; margin:0; padding:5px 0;} 
#section-3 ul p.productPricePromo{ padding:13px 0 0 0;}


/* === Liste des rubriques === */
.section-4-top{clear:both;background-position:right top; width:1000px; height:10px;}
.section-4-bottom{background-position:right bottom;width:1000px; height:10px;}
#section-4{ width:94%; padding:0 3%;background-position:right -10px;}
#section-4 p.title{ color:#127808; text-align:left; border-bottom:1px solid #127808; margin:0 0 10px 0; padding:10px; font-size:1.8em;}
#section-4 ul{ float:left;width:290px; margin:0 7px; padding:10px 0; border-bottom:1px solid #c6bebb; display:block; font-size:11px;height:120px; overflow:hidden; /*min-height:105px;*/}
* html #section-3 ul{width:280px;}
#section-4 li{ margin:0 0 0 120px;}
#section-4 li.title{ margin:0;padding:0; background:none; background-image:none;}
#section-4 li.thumb{ float:left;margin:0 10px 0 0;padding:0; background:none; background-image:none;}
#section-4 h2{ color:#41a300; margin:0; padding:0 0 5px 0; border:0; font-size:14px;}

/**
 * This <div> element is wrapped by jCarousel around the list
 * and has the classname "jcarousel-container".
 */
.jcarousel-container {
    position: relative;padding: 0 13px;width:579px;
}

.jcarousel-clip {
    z-index: 2;
    padding: 0;
    margin: 0;
    overflow: hidden;
    position: relative; width:579px;
}

.jcarousel-list {
    z-index: 1;
    overflow: hidden;
    position: relative;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
}

.jcarousel-list li,
.jcarousel-item {
    float: left;
    list-style: none;
    /* We set the width/height explicitly. No width/height causes infinite loops. */
    width: 193px;
    height: 214px;
}
.jcarousel-next {
    z-index: 3;
    display: none;
}

.jcarousel-prev {
    z-index: 3;
    display: none;
}

/* boutons next - prev */
.jcarousel-next-horizontal {
    position: absolute;
    top: 0;
    right: 0;
    width: 13px;
    height: 214px;
    cursor: pointer;
    background: transparent url("../design/images/image-2.jpg") no-repeat -885px -425px;
}

.jcarousel-next-horizontal:hover {
    background-position: -841px -425px;
}

.jcarousel-next-horizontal:active {
    background-position: -841px -425px;
}

.jcarousel-next-disabled-horizontal,
.jcarousel-next-disabled-horizontal:hover,
.jcarousel-next-disabled-horizontal:active {
    cursor: default;
    background-position: -797px -425px;
}

.jcarousel-prev-horizontal {
    position: absolute;
    top: 0;
    left: 0;
    width: 13px;
    height: 214px;
    cursor: pointer;
    background: transparent url("../design/images/image-2.jpg") no-repeat -861px -425px;
}

.jcarousel-prev-horizontal:hover {
    background-position: -817px -425px;
}

.jcarousel-prev-horizontal:active {
    background-position: -817px -425px;
}

.jcarousel-prev-disabled-horizontal,
.jcarousel-prev-disabled-horizontal:hover,
.jcarousel-prev-disabled-horizontal:active {
    cursor: default;
    background-position:-773px -425px;
}