/**
 * Box slide de la home
*/
.global-boxslide{
    margin-top:-25px;
    margin-bottom:25px;
}

.boxslide-header, .boxslide-header-coupcoeur {
    position:relative;
    height:37px;
    background: url(../images/slidebox/contenu_fond-titre-menu.gif) no-repeat bottom right;
}

.boxslide-header-coupcoeur-left-produit
{
    height: 30px;
    width: 12px;
    float: left;
    background: url(../images/slidebox/onglet_selectionne_gauche.gif) repeat-x;
}
.boxslide-header-coupcoeur-right-produit
{
    height: 30px;
    width: 12px;
    float: left;
    background: url(../images/slidebox/onglet_selectionne_droite.gif) repeat-x;
    margin-right:5px;
}

.boxslide-header-coupcoeur-produit
{
    float: left;
    height: 30px;
    color: #fff;
    font-size: 13pt;
    text-decoration: none;
    padding: 5px 0 5px 0;
    margin-bottom: -10px;
    text-align: center;
    background: url(../images/slidebox/onglet_selectionne_centre.gif) repeat-x;
}

.boxslide-header .superposition, .boxslide-header-coupcoeur a {
    position:absolute;
    color:#FFFFFF;
    font-size:15pt;
    text-decoration:none;
    top:13px;
    left:55px;
}
.boxslide-header .superposition a {
    color:#FFFFFF;
    font-size:15pt;
    text-decoration:none;
}

.boxslide-header .superposition a:hover {
    text-decoration:underline;
}

.boxslide-header-coupcoeur a{ top:13px;	left:10px;}

.image-principal-boxslide {	margin-left:0px; float:left; }

.content-scrollable { width:534px;float:left; }
.content-scrollable-coupcoeur { background: url(../images/slidebox/content-scrollable-coupcoeur-bg.gif) no-repeat; width:720px; height:142px; clear:both; padding-left:7px; padding-top:20px; }
.content-scrollable-related { clear:both; padding-top:10px; padding-left:7px; padding-bottom:10px; border:1px solid #e2e2e2; height:100px; }

.scrollable1, .scrollable2, .scrollable3, .scrollable4, .scrollable5, .scrollable6, .scrollable-coupcoeur1  {
    /* required settings */
    float:left;
    position:relative;
    overflow:hidden;
    width: 470px;
    height:170px;
}

.scrollable-related1 {
    float:left;
    position:relative;
    overflow:hidden;
    width: 660px;
    height:100px;
    margin-left:10px;
}

.scrollable-coupcoeur1  { height:120px; width:650px; margin-left:10px; }

.div_item {	width:500px; float:left; }
.div_item_product { width:120px; float:left; }
.div_item-coupcoeur {width:210px;float:left;padding-top:10px;margin-right:10px;position:relative;}
.div_item-related {float:left;padding-top:10px;margin-right:10px;position:relative;width:210px;height:100px;}
.div_item-coupcoeur .featured-price, .div_item-coupcoeur .featured-price .regular-price,
.div_item-coupcoeur .featured-price .special-price .price,.div_item-coupcoeur .featured-price .old-price .price {
    color:#ff0303;
    font-weight:bold;
    font-size:13px;
}

.related-product-img {
    border:1px solid #DDDDDD;
    margin-right:10px;
    float:left;
}

.related-item-product-name {
    color:#656565;
    font-size:12px;
    font-style: normal;
    font-weight: bold;
    line-height: 18px;
    word-wrap:break-word;
}

.related-item-product-price {
    font-size:13px;
    font-weight:bold;
}

.related-item-product-price .price {
    display:inline;
    font-weight:bold;
    font-size:13px;
    padding-bottom:0;
    padding-top:0;
}

.div_item-coupcoeur .featured-price .old-price .price {
    font-size:11px;
    color:#000000;
}

.div_item-coupcoeur .featured-price .ecotax { display:none;}

.div_item-coupcoeur .featured-price .price-box-w-promo img {
    position:absolute;
    right:140px;
    bottom:62px;
    width:75px;
    height:29px;
}

.scrollable1 .items, .scrollable2 .items, .scrollable3 .items, .scrollable4 .items, .scrollable5 .items, .scrollable6 .items , .scrollable-coupcoeur1 .items, .scrollable-related1 .items {
    /* this cannot be too large */
    width:20000em;
    position:absolute;
}

/* single scrollable item */
.scrollable1 img, .scrollable2 img, .scrollable3 img, .scrollable4 img, .scrollable5 img, .scrollable6 img {
    margin:10px 5px 5px 15px;
    background-color:#fff;
    padding:1px;
    /*border:1px solid #ccc;*/
    cursor:pointer;
    width:80px;
    height:80px;
}

/* single scrollable item */
.div_item .div_item_name, .div_item-coupcoeur .div_item_name .div_item-related {
    width:110px;
    text-align:center;
    height: 35px;
    overflow:hidden;
}
.div_item_name a { color:black;text-decoration:none;}
.div_item_name a:hover { color:#B50201;text-decoration:none;}
.div_item-coupcoeur .div_item_name {text-align:left;}

.div_item .div_item_price {
    text-align:center;
}
.div_item .div_item_price .featured-price {
    color:#D40202;
    font-weight:bold;
    font-size:13px;
}
.div_item .div_item_price .price-box-w-promo .special-price .price {
    font-size:13px;
}
.div_item .div_item_price .price-box-w-promo .old-price .price {
    font-size:11px;
}
.div_item .div_item_price .price-box-w-promo img{
    display:none;
}
.div_item .div_item_price .price-box-w-promo .ecotax{
    display:none;
}
.div_item:hover{
    z-index:9999;
    position:relative;

}

/* active item */
.scrollable1 .active, .scrollable2 .active, .scrollable3 .active, .scrollable4 .active, .scrollable5 .active, .scrollable6 .active {
    z-index:9999;
    position:relative;
}

.close-slide-box{ clear:both; }


/* this makes it possible to add next button beside scrollable */


/* prev, next, prevPage and nextPage buttons */
a.browse, a.browse-coupcoeur {
    display:block;
    width:20px;
    height:20px;
    float:left;
    margin-top:80px;
    cursor:pointer;
    font-size:1px;
    margin-left:10px;
}
a.browse-coupcoeur {
    margin-top:40px;
    margin-left:0px;
}

/* prev, next, prevPage and nextPage buttons Related */
a.browse-related {
    display:block;
    width:20px;
    height:20px;
    float:left;
    margin-top:40px;
    cursor:pointer;
    font-size:1px;
}


/* right */
a.right  { margin-left:5px; background:url(../images/slidebox/boxslide-fleche-droite.png) no-repeat;}



/* left */
a.left { margin-right:5px; background:url(../images/slidebox/boxslide-fleche-gauche.png) no-repeat; }





/* disabled navigational button */
a.disabled {
    visibility:hidden !important;
}

.scrollable-pub-home{
    float:left;
    position:relative;
    width: 593px;
    height:335px;
    overflow:hidden;
    margin-top:3px;
}
.scrollable-pub-home .items {
    /* this cannot be too large */
    width:20000em;
    position:absolute;
}

/* single scrollable item */
.scrollable-pub-home img {
    margin:0px;/*10px 5px 10px 15px;*/
    background-color:#fff;
    padding:1px;
    cursor:pointer;
    width: 593px;
    height:335px;
}
/* active item */
.scrollable-pub-home .active {
    border:2px solid #000;
    z-index:9999;
    position:relative;
}

#navi .active img {
    /*border: solid 2px black;*/
}
/*
    PRODUCT MEDIA
*/
div.scrollable {
    /* required settings */
    position:relative;
    overflow:hidden;
    width: 56px;
    height:265px;
}

/*
    root element for scrollable items. Must be absolutely positioned
    and it should have a extremely large width to accomodate scrollable items.
    it's enough that you set width and height for the root element and
    not for this element.
*/
div.scrollable div.items {
    /* this cannot be too large */
    height:20000em;
    position:absolute;
}

/*
    a single item. must be floated in horizontal scrolling.
    typically, this element is the one that *you* will style
    the most.
*/
div.scrollable div.items a,.product-img-box .more-views li a {
    display:block;
    border:1px solid #DDDDDD;
    margin-bottom:1px;
    text-decoration:none;
    height:50px;
    width:50px;

}

/* prev, next, prevPage and nextPage buttons */
a.browse-media {
    display:block;
    width:48px;
    height:15px;
    cursor:pointer;
    font-size:1px;
}

/* right */
a.right-media 				{ margin:3px 0 0 0;background:url(../images/produit/media-fleche-bottom.gif) no-repeat;}

/* left */
a.left-media				{ margin:0 0 3px 0; background:url(../images/produit/media-fleche-top.gif) no-repeat; }

div.little-images {
    float:left;
    margin-top:14px;
    /*margin-left:5px;*/
}
div.little-images img{
    display:block;
    margin-left:15px;
}