/* Parametrage general */
#pageRayon #middle-right {width:734px;margin-top:8px}
#pageRayon #middle-content {width:950px;margin:4px 15px 0}

/* Tree rayon */
#menu-rayon {padding-top:10px;margin-top:10px;background:transparent url(../images/static/bg-cadre-207-h.gif) no-repeat left top}
#menu-rayon .bas {padding-bottom:10px;background:transparent url(../images/static/bg-cadre-207-b.gif) no-repeat left bottom}
#menu-rayon .borders {width:205px;border-width:0 1px;border-style:solid;border-color:#CCC;background-color:#fff;overflow:hidden}
#menu-rayon h2 {padding-bottom:5px;font-size:20px;font-weight:bold;color:#00aee7;text-align:center;text-transform:uppercase;width:100%;overflow:hidden}
#menu-rayon ul.liste-sous-rayons {list-style-type:none;margin:0 10px 8px}
#menu-rayon ul.liste-sous-rayons li {margin-bottom:3px}
#menu-rayon ul.liste-sous-rayons li a.lien-sous-rayon {display:block;padding:10px 15px;font-weight:bold;text-decoration:none;text-transform:uppercase;border:1px solid #d2d1d1;width:153px;overflow:hidden}
#menu-rayon ul.liste-sous-rayons li.out a.lien-sous-rayon:hover {text-decoration:underline}
#menu-rayon ul.liste-sous-rayons li.open a.lien-sous-rayon {border:1px solid #00aee7;color:#00aee7}
#menu-rayon ul.liste-sous-rayons li ul {list-style-type:none;padding:6px 0 10px 16px;}
#menu-rayon ul.liste-sous-rayons li.out ul {display:none}
#menu-rayon ul.liste-sous-rayons li ul li a {text-decoration:none;font-weight:normal}
#menu-rayon ul.liste-sous-rayons li ul li a:hover, #menu-rayon ul.liste-sous-rayons li ul li a.actif {text-decoration:none;color:#00aee7}

/* A voir aussi */
#menu-rayon .a-voir-aussi {margin:0 10px;padding-top:8px;background:transparent url(../images/static/bg-menu-rayon.gif) repeat-x left top}
#menu-rayon .a-voir-aussi .titre {padding-top:6px;background:transparent url(../images/static/bg-a-voir-aussi-h.gif) no-repeat left top}
#menu-rayon .a-voir-aussi .titre p {color:#fff;font-weight:bold;padding:0 15px 6px;background:transparent url(../images/static/bg-a-voir-aussi-b.gif) no-repeat left bottom}
#menu-rayon .a-voir-aussi ul {padding:6px 0 10px 16px;list-style-type:none}
#menu-rayon .a-voir-aussi ul li a {font-size:10px;text-decoration:none}
#menu-rayon .a-voir-aussi ul li a:hover {color:#00AEE7}

/* Onglets mini-boutiques en dessous du tree rayon */
.mb-menu-rayon{list-style:none;margin:5px 10px 0;padding-top:8px;background:transparent url(../images/static/bg-menu-rayon.gif) repeat-x left top;display:none}
.mb-menu-rayon li{margin-top:1px}
.mb-menu-rayon li a{display:block;height:23px;font-size:12px;font-weight:bold;color:#fff;padding:7px 0 0 10px;text-decoration:none;text-transform:uppercase}
.mb-menu-rayon li a:hover{text-decoration:underline}
.mb-menu-rayon li.ongletBoutique_shop-blue-product a{background:url(../images/static/bg-mb-pb.gif) no-repeat 0 0}
.mb-menu-rayon li.ongletBoutique_shop-end-of-collection a{background:url(../images/static/bg-mb-fdc.gif) no-repeat 0 0}
.mb-menu-rayon li.ongletBoutique_shop-promo a{background:url(../images/static/bg-mb-promo.gif) no-repeat 0 0}
.mb-menu-rayon li.ongletBoutique_shop-sales a{background:url(../images/static/bg-mb-soldes.gif) no-repeat 0 0}

/* Bouton contact client-vendeur */
#btnStoreContact {float:right;display:none}

/* Animation haute */
.promo-contenu{overflow:hidden; position:relative; clear:both;}
#flash-rayon {float:left}

/* Zone onglets */
.zone-onglets {margin-top:15px;float:left;width:734px}
.zone-onglets .ct-produits-onglets {float:left}
.zone-onglets .produits-onglets {width:555px;overflow:hidden;height:34px;background:transparent url(../images/static/bg-onglets.gif) no-repeat left top}
.produits-onglets ul{width:100%;list-style-type:none;float:left}
.produits-onglets ul li{display:none;float:left;font-weight:bold;text-transform:uppercase;text-align:center}
.produits-onglets ul li a{text-decoration:none;cursor:pointer;border-right:1px solid #fff;}
.produits-onglets ul li a:hover {text-decoration:underline}
.produits-onglets ul li span.right, .produits-onglets ul li a {display:block;color:#fff;padding:7px 25px}
.produits-onglets ul li span span, .produits-onglets ul li a span {display:block;min-width:100px;width:auto !important;width:100px;white-space:pre;height:20px}

.produits-onglets ul li.onglet-tg {font-size:13px;padding-left:4px;background:transparent url(../images/static/onglet-tg-rayon-g.gif) no-repeat 0 0;position:relative}
.produits-onglets ul li.onglet-tg .right {float:left;padding-left:21px;padding-bottom:0;background:transparent url(../images/static/onglet-tg-rayon-d.gif) repeat-x left top}
.produits-onglets ul li.onglet-tg .fleche {padding-bottom:7px;background:transparent url(../images/static/onglet-tg-rayon-fleche.gif) no-repeat 50% 100%}
.produits-onglets ul li.onglet-tg .border {float:left;border-right:1px solid #fff;height:27px}
.produits-onglets ul li.ongletBoutique_shop-blue-product {background:transparent url(../images/static/onglet-mb-pb-g.gif) no-repeat left top}
.produits-onglets ul li.ongletBoutique_shop-blue-product a {background:transparent url(../images/static/onglet-mb-pb-d.gif) repeat-x left top}
.produits-onglets ul li.ongletBoutique_shop-end-of-collection {background:transparent url(../images/static/onglet-mb-fc-g.gif) no-repeat left top}
.produits-onglets ul li.ongletBoutique_shop-end-of-collection a {background:transparent url(../images/static/onglet-mb-fc-d.gif) repeat-x left top}
.produits-onglets ul li.ongletBoutique_shop-promo {background:transparent url(../images/static/onglet-mb-promo-g.gif) no-repeat left top}
.produits-onglets ul li.ongletBoutique_shop-promo a {background:transparent url(../images/static/onglet-mb-promo-d.gif) repeat-x left top}
.produits-onglets ul li.ongletBoutique_shop-sales {background:transparent url(../images/static/onglet-mb-soldes-g.gif) no-repeat left top}
.produits-onglets ul li.ongletBoutique_shop-sales a {background:transparent url(../images/static/onglet-mb-soldes-d.gif) repeat-x left top}

/* cadre TG */
.bg-tg-rayon {background:transparent url(../images/static/bg-cadre-555-h.gif) no-repeat 0 0;margin-top:-4px;float:left;padding-top:10px}
#tgRayon {position:relative;background:transparent url(../images/static/bg-cadre-555-b.gif) no-repeat left bottom;float:left;padding-bottom:10px}
#tgRayon .borders {float:left;width:553px;border-right:1px solid #ccc;border-left:1px solid #ccc;background-color:#fff;padding-top:20px;min-height:137px;height:auto !important;height:137px}

/* bloc droit : fiches conseils et videos */
.ct-conseils-videos {float:right;width:173px}
.ct-conseils-videos .titre{font-size:12px;font-weight:bold;height:22px;padding:6px 0 0 33px}
/* Fiches conseils */
.ct-conseils-videos .conseils {background:transparent url(../images/static/bg-liens-fiches-conseils.gif) no-repeat 0 0}
.ct-conseils-videos .conseils .titre {color:#fff}
.ct-conseils-videos ul.liens-fiches-conseils {list-style-type:none;height:85px;padding-top:4px;margin-bottom:3px;overflow:hidden}
.ct-conseils-videos ul.liens-fiches-conseils li {border-bottom:1px solid #fff;line-height:12px;font-size:11px;margin:0 5px 2px;padding-bottom:3px;float:left;width:163px;display:inline}
.ct-conseils-videos ul.liens-fiches-conseils li a {background:transparent url(../images/static/fleche-blanche.gif) no-repeat 0 3px;color:#fff;text-decoration:none;padding-left:10px}
.ct-conseils-videos ul.liens-fiches-conseils li a:hover {text-decoration:underline}
.ct-conseils-videos ul.liens-fiches-conseils li.voir-tout {border-bottom:none}
.ct-conseils-videos ul.liens-fiches-conseils li.voir-tout a {background:transparent url(../images/static/fleche-bleue.gif) 0 3px no-repeat;color:#62cce6;font-weight:bold;padding-top:1px}
/* Videos */
.ct-conseils-videos .videos {background:transparent url(../images/static/bg-liens-videos.gif) no-repeat 0 0;height:87px;width:173px}
.ct-conseils-videos .lien-videos a {background:transparent url(../images/static/fleche-noire.gif) no-repeat 0 2px;padding-left:10px;margin:12px 5px 0 65px;font-size:11px;display:block;color:#4d4d4d;text-decoration:none;line-height:11px}
.ct-conseils-videos .lien-videos a:hover {text-decoration:underline}

/* Page conseil rayon */
/* Partie gauche */
#menu_coulissant{width:161px;margin:4px 0 0 12px;padding-bottom:10px}
#menu_coulissant ul {list-style:none}
#menu_coulissant ul li a{display:block;width:149px;padding:6px;font-size:11px;line-height:1.2em;text-decoration:none;overflow:hidden;color:#6a6a6a;background:url(../images/static/bg-menu-niv1a.gif) repeat-x}
#menu_coulissant ul li ul li {background:none;}
#menu_coulissant ul li ul li a {padding:0 0 0 10px;background:url(../images/static/bg-puce05.gif) no-repeat 0 0.5em;font-size:10px}
#menu_coulissant ul li ul li a.actif, #menu_coulissant ul li ul li a:hover {color:#6DAF35}

#menu_coulissant .slMenuItem_depth1{/* Main menu items */margin-top:1px;font-weight:bold;}	
#menu_coulissant .slMenuItem_depth2{/* Sub menu items */margin-top:1px;font-size:10px;}	
#menu_coulissant .slMenuItem_depth3{/* Sub menu items */margin-top:1px;}	
#menu_coulissant .slMenuItem_depth4{/* Sub menu items */margin-top:1px;color:red;}	
#menu_coulissant .slMenuItem_depth5{/* Sub menu items */margin-top:1px;}

#menu_coulissant .slideMenuDiv1 ul{border:1px solid red}
#menu_coulissant .slideMenuDiv2 ul{margin-left:5px;padding-bottom:12px;}
#menu_coulissant .slideMenuDiv2 ul a.actif {color:#029ce2}
#menu_coulissant .slideMenuDiv3 ul{margin-left:10px;}
#menu_coulissant .slMenuItem_depth4 ul{margin-left:15px;}
/* Partie droite */
#middle-content .conseil .contenu{float:left; display:inline; width:750px}
/* Titre */
#middle-content h1.titrepuce01{overflow:hidden; display:block; font-size:21px; font-weight:bold; color:#6DAF35}
#middle-content h1.titrepuce01 *{float:left}
#middle-content h1.titrepuce01 img{margin-left:10px}
#middle-content h1.titrepuce01 span{padding:5px 0 0 10px}
/* Image rayon */
#middle-content .conseil .bandeau{overflow:hidden; position:relative; width:100%; clear:both}
/* Fiches conseils */
#middle-content .blocvertht{background:url(../images/static/bg-fd03ht.jpg) 0 0 no-repeat; width:700px; margin:1px 0 20px 0}
#middle-content .blocvertbs{overflow:hidden; background:url(../images/static/bg-fd03bs.jpg) 0 100% no-repeat; width:700px}
#middle-content .blocvertce{width:700px; overflow:hidden; background:url(../images/static/bg-fd03ce.jpg)  repeat-y; margin:20px 0 21px}
#middle-content .blocvertce .liens{margin-left:70px}
#middle-content .blocvertce .liens a{background:url(../images/static/bg-puce07.gif) no-repeat 0 5px; float:left; width:270px;font-size:12px; color:#4b4b4b; text-decoration:none; padding-left:20px; margin:0 0 5px 10px}
#middle-content .blocvertce .liens a:hover{color:#6DAF35}

/* fiche conseil */
br.nofloat {font-size:1px;clear:both}
#middle-right h1.titre {font-size:16px;font-weight: bold;margin:10px 0;text-transform:uppercase}
#middle-right .conseil-cadre-haut {padding-top:10px;background:transparent url(../images/static/bg-cadre-724-h.gif) no-repeat left top}
#middle-right .conseil-cadre-bas {padding-bottom:12px;background:transparent url(../images/static/bg-cadre-724-b.gif) no-repeat left bottom}
#middle-right .conseil-contenu {padding:0 16px;border-color:#CCC;border-width:0 1px;border-style:solid;background-color:#fff;width:690px}
#middle-right .conseil-contenu .bloc {width:100%;margin-bottom:10px;float:left}
#middle-right .conseil-contenu .bloc h3 {margin:10px 0;font-size:14px;font-weight:bold}
#middle-right .conseil-contenu .bloc .bloc-desc {float:left;width:400px}
#middle-right .conseil-contenu .bloc .bloc-desc-noimg {width:100%}
#middle-right .conseil-contenu .bloc .text {margin-bottom:5px}
#middle-right .conseil-contenu .bloc .bloc-img-only{width:100%;overflow:hidden}
#middle-right .conseil-contenu .bloc .bloc-img {float:right;width:280px;overflow:hidden}
#middle-right .conseil-contenu .bloc .bloc-img img {float:right;clear:both;margin-bottom:5px}