/** css-js/jquery/colorbox/ **/ #colorbox, #cboxOverlay, #cboxWrapper{position:absolute;top:0;left:0;z-index:9999;overflow:hidden} #cboxOverlay{position:fixed;width:100%;height:100%} #cboxMiddleLeft, #cboxBottomLeft{clear:left} #cboxContent{position:relative} #cboxLoadedContent{overflow:auto} #cboxTitle{margin:0} #cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute;top:0;left:0;width:100%;height:100%} #cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer} .cboxPhoto{float:left;margin:auto;border:0;display:block} .cboxIframe{width:100%;height:100%;display:block;border:0} #cboxOverlay{background:url(../css-js/jquery/colorbox/images/overlay.png) repeat 0 0} #colorbox{} #cboxTopLeft{width:21px;height:21px;background:url(../css-js/jquery/colorbox/images/controls.png) no-repeat -101px 0} #cboxTopRight{width:21px;height:21px;background:url(../css-js/jquery/colorbox/images/controls.png) no-repeat -130px 0} #cboxBottomLeft{width:21px;height:21px;background:url(../css-js/jquery/colorbox/images/controls.png) no-repeat -101px -29px} #cboxBottomRight{width:21px;height:21px;background:url(../css-js/jquery/colorbox/images/controls.png) no-repeat -130px -29px} #cboxMiddleLeft{width:21px;background:url(../css-js/jquery/colorbox/images/controls.png) left top repeat-y} #cboxMiddleRight{width:21px;background:url(../css-js/jquery/colorbox/images/controls.png) right top repeat-y} #cboxTopCenter{height:21px;background:url(../css-js/jquery/colorbox/images/border.png) 0 0 repeat-x} #cboxBottomCenter{height:21px;background:url(../css-js/jquery/colorbox/images/border.png) 0 -29px repeat-x} #cboxContent{background:#fff;overflow:hidden} .cboxIframe{background:#fff} #cboxError{padding:50px;border:1px solid #ccc} #cboxLoadedContent{margin-bottom:28px} #cboxTitle{position:absolute;bottom:4px;left:0;text-align:center;width:100%;color:#949494} #cboxCurrent{position:absolute;bottom:4px;left:58px;color:#949494} #cboxSlideshow{position:absolute;bottom:4px;right:30px;color:#0092ef} #cboxPrevious{position:absolute;bottom:0;left:0;background:url(../css-js/jquery/colorbox/images/controls.png) no-repeat -75px 0;width:25px;height:25px;text-indent:-9999px} #cboxPrevious:hover{background-position:-75px -25px} #cboxNext{position:absolute;bottom:0;left:27px;background:url(../css-js/jquery/colorbox/images/controls.png) no-repeat -50px 0;width:25px;height:25px;text-indent:-9999px} #cboxNext:hover{background-position:-50px -25px} #cboxLoadingOverlay{background:url(../css-js/jquery/colorbox/images/loading_background.png) no-repeat center center} #cboxLoadingGraphic{background:url(../css-js/jquery/colorbox/images/loading.gif) no-repeat center center} #cboxClose{position:absolute;bottom:0;right:0;background:url(../css-js/jquery/colorbox/images/controls.png) no-repeat -25px 0;width:25px;height:25px;text-indent:-9999px} #cboxClose:hover{background-position:-25px -25px} .cboxIE #cboxTopLeft, .cboxIE #cboxTopCenter, .cboxIE #cboxTopRight, .cboxIE #cboxBottomLeft, .cboxIE #cboxBottomCenter, .cboxIE #cboxBottomRight, .cboxIE #cboxMiddleLeft, .cboxIE #cboxMiddleRight { filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF)} .cboxIE6 #cboxTopLeft{background:url(../css-js/jquery/colorbox/images/ie6/borderTopLeft.png)} .cboxIE6 #cboxTopCenter{background:url(../css-js/jquery/colorbox/images/ie6/borderTopCenter.png)} .cboxIE6 #cboxTopRight{background:url(../css-js/jquery/colorbox/images/ie6/borderTopRight.png)} .cboxIE6 #cboxBottomLeft{background:url(../css-js/jquery/colorbox/images/ie6/borderBottomLeft.png)} .cboxIE6 #cboxBottomCenter{background:url(../css-js/jquery/colorbox/images/ie6/borderBottomCenter.png)} .cboxIE6 #cboxBottomRight{background:url(../css-js/jquery/colorbox/images/ie6/borderBottomRight.png)} .cboxIE6 #cboxMiddleLeft{background:url(../css-js/jquery/colorbox/images/ie6/borderMiddleLeft.png)} .cboxIE6 #cboxMiddleRight{background:url(../css-js/jquery/colorbox/images/ie6/borderMiddleRight.png)} .cboxIE6 #cboxTopLeft, .cboxIE6 #cboxTopCenter, .cboxIE6 #cboxTopRight, .cboxIE6 #cboxBottomLeft, .cboxIE6 #cboxBottomCenter, .cboxIE6 #cboxBottomRight, .cboxIE6 #cboxMiddleLeft, .cboxIE6 #cboxMiddleRight { _behavior:expression(this.src = this.src ? this.src :this.currentStyle.backgroundImage.split('"')[1], this.style.background = "none", this.style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src=" + this.src + ", sizingMethod='scale')")} /** charte-v2/models/../css-js/ **/ *{position:relative;margin:0;padding:0} body{margin:0;padding:0;background:url(images/mb-bg-body.jpg) center top;font-family:"Open Sans";font-size:12px;color:#666} a{ color:#666} #container{ width:1000px; margin:0 auto; background:#FFF} #contenu{ min-height:800px} header{background:url(images/mb-fond-header.jpg);height:158px} header .header-top .reseaux-titre{display:block;float:left;font-size:13px;padding:3px 10px 0 0;color:#FFF} header .header-drapeaux{padding-top:4px} header .header-drapeaux a{display:block;float:left;margin:0px 5px} header .header-drapeaux a span{display:none} header .header-reseaux{margin-right:5px} header .header-reseaux a{display:inline-block;margin-right:5px} header .header-reseaux a span{display:none} header .header-bandeau{height:85px} header .header-bandeau .header-info{padding-top:20px;width:200px;margin-right:40px;height:50px;float:left; } header .header-bandeau .sp-header-info{float:left;margin-top:2px;margin-right:30px} header .header-bandeau .header-info-container{ width:147px; float:left; margin-left:5px; font-family:"Ubuntu"; font-weight:300; font-size:10px; line-height:12px; letter-spacing:1px} header .header-bandeau .header-info-container-entete{margin-bottom:2px} header .header-bandeau .header-info-container-texte{ font-family:"Open Sans"; font-size:9px; color:#999; line-height:10px; letter-spacing:0px} header .header-bandeau .header-info-container span{font-weight:500} header .header-bandeau .header-home{position:absolute;top:0;left:0;width:410px;height:95px;display:block} header .header-bandeau .sprite{display:block;margin:auto} header .header-bandeau .encart-compte, header .header-bandeau .encart-panier{float:left;width:85px;text-align:center;margin-top:3px} header .header-bandeau .encart-panier{margin-right:20px} header .header-bandeau .encart-compte{margin-right:20px} header .header-bandeau .encart-compte a:link, header .header-bandeau .encart-compte a:visited, header .header-bandeau .encart-compte a:hover, header .header-bandeau .encart-panier a:link, header .header-bandeau .encart-panier a:visited, header .header-bandeau .encart-panier a:hover{color:#666;text-decoration:none} header .header-bandeau .encart-compte a:hover .titre, header .header-bandeau .encart-panier a:hover .titre{color:#8AAD13;text-decoration:none} header .header-bandeau .encart-compte a .titre, header .header-bandeau .encart-panier a .titre{font-family:Ubuntu;font-size:11px;text-transform:uppercase} header .header-bandeau .encart-compte a .sous-titre, header .header-bandeau .encart-panier .sous-titre{font-family:Ubuntu;letter-spacing:1px;font-size:9px;font-weight:200;color:#666} header .header-bandeau .encart-compte a:hover .sous-titre{color:#000;font-weight:400} header .header-bandeau .encart-panier a .vert{color:#8AAD13;display:inline} header .header-bandeau .encart-compte span, header .header-bandeau .encart-panier span{display:block} header .header-bandeau .encart-panier .nb-article{text-align:center;font-size:11px;color:#FFF;padding-top:15px;padding-left:13px;width:30px} #footer{ width:1000px; } .footer-conseils, .footer-qui, .footer-faq, .footer-paiement, .footer-livraison, .footer-7{ width:115px; height:85px; float:left; text-align:center; border-right:1px solid #fff; background:-webkit-gradient(linear,left top, right top,from(#E3E5E5),to(#E3E5E5),color-stop(0.5, #EEEFEF)); background:-webkit-linear-gradient(left,#E3E5E5,#EEEFEF 50%,#E3E5E5); background:-moz-linear-gradient(left,#E3E5E5,#EEEFEF 50%,#E3E5E5); background:-o-linear-gradient(left,#E3E5E5,#EEEFEF 50%,#E3E5E5); background:linear-gradient(left,#E3E5E5,#EEEFEF 50%,#E3E5E5); } .footer-divers{ width:290px; height:76px; float:left; padding:5px 0 4px 10px ; border-left:4px solid #FFF; background:-webkit-gradient(linear,left top, right top,from(#E3E5E5),to(#E3E5E5),color-stop(0.5, #EEEFEF)); background:-webkit-linear-gradient(left,#E3E5E5,#EEEFEF 50%,#EDF2F1); background:-moz-linear-gradient(left,#E3E5E5,#EEEFEF 50%,#E3E5E5); background:-o-linear-gradient(left,#E3E5E5,#EEEFEF 50%,#EDF2F1); background:linear-gradient(left,#E3E5E5,#EEEFEF 50%,#EDF2F1); } .footer-divers a:link, .footer-divers a:visited, .footer-divers a:hover{ text-decoration:none; color:#999; font-size:9px; } .footer-divers a:hover{ color:#88AF1D; } #footer a .footer-texte{ font-family:"Ubuntu"; font-size:11px; text-transform:uppercase; color:#999; line-height:11px; } #footer a:hover .footer-texte{ color:#88AF1D; } .footer-conseils a, .footer-qui a, .footer-faq a, .footer-paiement a, .footer-livraison a, .footer-7 a{ text-decoration:none !important; } #footer .footer-img{ display:block; margin:5px 0 3px 38px; } #footer .footer-catalogue{ width:960px; padding:20px 20px 0 20px; text-align:center; font-size:9px; color:#999; line-height:16px; } #footer .footer-catalogue a{ color:#999; } #footer .footer-catalogue a:hover{ color:#333; } #partenaires-off{display:none} #footer .footer-coordonnees{ padding-top:10px; text-align:left; font-size:9px; color:#999; } #footer .footer-coordonnees-left{ width:690px; margin-right:10px; float:left; text-align:right; } #footer .footer-coordonnees-right{ width:290px; float:right; text-align:left; padding:5px 0 0 10px; } /** charte-v2/models/../css-js/ **/ .colonne-droite{width:720px;margin-right:30px} .colonne-gauche{width:250px;min-height:700px} .fil-contenu{ margin:20px 0 0 45px; color:#999} .page-contenu-navigation{padding-left:45px} .page-contenu-navigation .titre{display:block;font-family:"Oswald";font-size:27px;line-height:30px;color:#8FB309;margin:40px 0 15px 0;font-weight:300} .page-contenu-navigation .separation{display:block;border-bottom:2px solid #8FB309;margin:0 0 30px 0;width:30px} .page-contenu-navigation ul{margin:0;padding:0;list-style-type:none;width:175px} .page-contenu-navigation ul a:link, .page-contenu-navigation ul a:visited, .page-contenu-navigation ul a:hover{display:block;color:#555;text-decoration:none;font-size:13px;padding:10px 0;border-top:1px solid #F0F0F0} .page-contenu-navigation ul a.active, .page-contenu-navigation ul a:hover{color:#8FB309} .page-contenu-navigation .visuel{width:175px;margin:80px 0 0 0} .page-contenu-navigation .visuel img{border-top:1px solid #F0F0F0 } .page-contenu{ margin-top:108px; font:500 11px/15px "Open Sans"; color:#555; padding-bottom:30px; text-align:justify} .page-contenu.no-padding{ margin-top:0} .page-contenu .visuel-accroche{border-top:1px solid #8FB309} .page-contenu h1, .page-contenu h2{font:300 22px/24px "Ubuntu";color:#8FB309;margin:0 0 10px 0; text-align:left} .page-contenu h2{font:500 15px/20px "Ubuntu";margin:30px 0 10px 0} .page-contenu .accroche{font:600 italic 13px/16px "Open Sans";color:#8FB309;margin:15px 0 40px 0} .page-contenu ul{list-style-type:square;margin:0 0 0 40px} .page-contenu ul li{margin:12px 0} .page-contenu .bloc-questions{background-color:#f8f8f8;border-top:1px dotted #8FB309;margin:30px 0 40px 0;padding:15px 20px 20px} .page-contenu .bloc-questions a{font:500 italic 14px/16px "Open Sans";display:block;margin:8px 0;color:#666;text-decoration:none} .page-contenu .bloc-questions a:hover{color:#8FB309} .page-contenu .faq{padding:10px 0;border-top:1px dotted #ccc;margin-top:50px} .page-contenu .faq-question{font:500 italic 14px/16px "Open Sans";color:#8FB309;display:block;padding-bottom:8px;max-width:600px} .page-contenu a.faq-retour{font:400 11px/11px "Open Sans";text-decoration:none;color:#999;display:block;position:absolute;width:96px;background-color:#f8f8f8;text-align:center;padding:4px 4px 6px 4px;top:0;right:0} .page-contenu a.faq-retour:hover{color:#333} .page-contenu .encadre{background-color:#f8f8f8;border:1px dotted #ccc;margin:20px 0 40px 0;padding:20px;-webkit-border-radius:20px;-moz-border-radius:20px;border-radius:20px;text-align:center} /** charte-v2/models/../css-js/ **/ .index-diaporama{float:left;width:729px} .index-encart-alerte{height:50px} .index-encart-alerte .sp-picto-actualite{margin:5px 10px} .index-encart-alerte .alerte-contenu{width:655px;height:40px;overflow:hidden;margin:8px 0 0 0;color:#666;font-size:10px;line-height:12px} .index-encart-alerte .alerte-contenu .rouge{color:#E30000;font-size:14px;font-style:italic;line-height:16px} .index-diaporama-container{height:216px;background:url(images/mb-fond-diapo.jpg)} .index-diaporama-container .index-diaporama-menu{position:absolute;width:161px;z-index:8} .index-diaporama-container .index-diaporama-menu a:link, .index-diaporama-container .index-diaporama-menu a:visited, .index-diaporama-container .index-diaporama-menu a:hover{display:block;color:#FFF;font-size:11px;text-decoration:none;height:42px;margin-bottom:1px} .index-diaporama-container .index-diaporama-menu a:first-child{margin-top:1px} .index-diaporama-container .index-diaporama-menu a span{display:block} .index-diaporama-container .index-diaporama-menu a .menu-container{padding:5px 0 0 15px} .index-diaporama-container .index-diaporama-menu a .menu-container span{font-weight:bold} .index-diaporama-container .index-diaporama-slide{float:left;width:588px; margin-left:141px;height:216px} .index-diaporama-container .index-diaporama-item{display:none} .index-diaporama-container .index-diaporama-item.active{display:block} .index-diaporama-container .item-reseaux{position:absolute;width:220px;left:0;bottom:10px;text-align:center} .index-diaporama-container .addthis_toolbox.addthis_default_style{display:inline-block} .index-diaporama-item .item-visuel{float:left;width:335px;height:216px} .index-diaporama-item .item-visuel span{display:table-cell;vertical-align:middle;text-align:center;width:335px;height:216px} .index-diaporama-item .item-info{float:left;width:243px;height:216px;padding-right:10px} .index-diaporama-item .item-info .item-titre{display:block;margin-top:15px;color:#E30000;font-family:"Ubuntu";font-size:20px;line-height:25px;font-weight:bold} .index-diaporama-item .item-info .item-sous-titre{display:block;color:#E30000;font-family:"Ubuntu";font-size:15px;line-height:25px;font-weight:300} .index-diaporama-item .item-info p{margin:8px 0px;height:50px;line-height:15px;font-size:11px;color:#666; } .index-diaporama-item .item-info .item-prix-barre{display:block;position:absolute;bottom:45px;left:0;width:62px;text-align:right;color:#999;font-size:16px;font-weight:200;text-decoration:line-through;line-height:20px;min-height:20px; } .index-diaporama-item .item-info .item-prix{display:block;position:absolute;bottom:20px;left:0;width:65px;text-align:right;color:#E30000;font-size:24px;font-weight:400;line-height:28px} .index-diaporama-item .item-info .item-commander{display:block;position:absolute;right:26px;bottom:6px;z-index:2} .index-encart-marchand{float:left;width:271px} .index-encart-marchand a:link, .index-encart-marchand a:visited, .index-encart-marchand a:hover{display:block;text-decoration:none;color:#4D6100} .index-encart-marchand a:hover{color:#FFF} .index-encart-marchand a span{display:block} .index-encart-marchand a span.encart-container{padding:5px 0 0 80px} .index-encart-marchand a .titre{font-family:"Oswald";font-size:15px;line-height:20px} .index-encart-marchand a .texte{font-size:11px;font-weight:200;line-height:13px;font-weight:400} .index-encart-marchand a.sp-picto-hotline, .index-encart-marchand a.sp-picto-hotline:hover{color:#E30000;text-align:center;font-family:"Oswald";font-weight:200;cursor:default} .index-encart-marchand a.sp-picto-hotline span.encart-container{padding:5px 0 0 60px} .index-encart-marchand a.sp-picto-hotline .titre{font-size:18px;line-height:25px; } .index-encart-marchand a.sp-picto-hotline .texte{font-size:10px;line-height:12px;font-family:"Open Sans" } .index-encart-marchand a.sp-picto-hotline .telephone{font-size:19px;line-height:23px;margin-top:1px;font-weight:400} .index-encart-marchand a.sp-picto-hotline .mention{color:#999;font-size:9px;line-height:12px;font-family:"Open Sans"} .index-encart-ventes{float:left;margin-top:30px;padding-top:3px;width:720px;background:url(images/vente-ligne.png) no-repeat right top} .index-encart-ventes .vente-ligne-bottom{background:url(images/vente-ligne-bottom.png) no-repeat 10px 8px;height:10px} .index-encart-ventes h2{top:-17px;left:15px;position:absolute;font-family:"Oswald";color:#FC8D00;font-weight:400;margin:0;padding:0;text-transform:uppercase} .index-encart-ventes .index-vente-item{float:left;width:125px;padding:0 9px 0 10px;text-decoration:none;color:#000;background:url(images/vente-separateur.png) no-repeat center right} .index-encart-ventes .index-vente-item:last-child{background:none} .index-encart-ventes .index-vente-item .item-image{display:block} .index-encart-ventes .index-vente-item .item-image span{display:table-cell;vertical-align:middle;text-align:center;width:125px;height:125px} .index-encart-ventes .index-vente-item .item-titre{display:block;font-size:14px;line-height:20px;font-family:"Ubuntu" } .index-encart-ventes .index-vente-item .item-texte{display:block;margin:2px 0;font-size:10px;color:#333;line-height:12px;height:40px} .index-encart-ventes .index-vente-item .item-prix{display:block;margin-top:4px;text-align:right;color:#FE3612;line-height:16px;font-weight:bold;font-size:14px} .index-encart-ventes .index-vente-item .item-rouge, .index-encart-ventes .index-vente-item .item-prix-barre{display:block;text-align:right;color:#FE3612;line-height:12px;font-size:10px} .index-encart-ventes .index-vente-item .item-prix-barre{color:#999;text-decoration:line-through} .index-encart-ventes .index-vente-item:hover .item-titre, .index-encart-ventes .index-vente-item:hover .item-texte{ color:#FC8D00} .index-encart-ventes .index-vente-item:hover img{ filter :alpha(opacity=80); opacity :0.8} .index-encart-temoignages{float:right;width:249px;height:230px;overflow:hidden;background:url(images/mb-encart-temoignages.jpg);margin:10px;margin-top:30px} .index-encart-temoignages .temoignages-top{height:148px} .index-encart-temoignages .temoignages-titre{display:block;color:#FFF;font-family:"Oswald";font-size:24px;line-height:28px;font-weight:200;text-align:right;padding:10px 15px 3px 0; } .index-encart-temoignages .temoignages-texte{display:block;color:#FFF;font-family:"Ubuntu";margin:0 15px 0 85px;text-align:right;font-size:11px;letter-spacing:1px;font-weight:400;line-height:14px; } .index-encart-temoignages .temoignages-boutton{display:block;padding:81px 0 0 144px} .index-encart-temoignages .temoignages-detail .detail-link:link, .index-encart-temoignages .temoignages-detail .detail-link:visited, .index-encart-temoignages .temoignages-detail .detail-link:hover{display:block;color:#8D7D70;text-decoration:none} .index-encart-temoignages .temoignages-detail{display:block;color:#8D7D70} .index-encart-temoignages .temoignages-detail .detail-texte{display:block;margin:14px 10px 18px;text-align:center;font-size:10px;line-height:12px;height:25px;overflow:hidden} .index-encart-temoignages .temoignages-detail .detail-texte span{display:block;text-align:center} .index-encart-temoignages .temoignages-detail .temoignage-auteur{display:block;text-align:center;font-size:11px;margin-top:12px} /** charte-v2/models/../css-js/ **/ .index-contenu{float:left;width:305px;height:299px;margin:10px;background:#FDFDFD;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;padding:35px 155px 20px 20px;text-align:justify} .index-titre{color:#99C00F;font-size:16px;margin:20px 0 10px 10px} .index-contenu h2{font-family:Oswald;font-size:23px;font-weight:200;margin:0 0 10px 0;line-height:26px;text-align:left} .index-contenu h2 a:link, .index-contenu h2 a:visited, .index-contenu h2 a:hover{text-decoration:none} .index-contenu .sous-titre{font-size:12px;font-style:italic;line-height:14px;margin-bottom:25px;font-family:"Ubuntu";font-weight:400} .index-contenu .texte, .index-contenu .encart, .index-contenu ul{font-size:11px;color:#555;line-height:13px} .index-contenu ul{padding-left:12px;list-style-type:square;margin:10px 0} .index-contenu .encart{margin:10px;text-align:center;font-size:14px;line-height:16px} .index-contenu .boutton{display:block;position:absolute;bottom:0;right:0;margin:0px 136px 15px 0} .index-contenu .boutton span{display:none} .index-contenu-vert{background:#FAFAFA url(images/mb-contenus-presentation.jpg) no-repeat top right} .index-contenu-vert h2, .index-contenu-vert h2 a:link, .index-contenu-vert h2 a:visited, .index-contenu-vert h2 a:hover, .index-contenu-vert .sous-titre{color:#A7C142} .index-contenu-rouge{background:#FAFAFA url(images/mb-contenus-10questions.jpg) no-repeat top right} .index-contenu-rouge h2, .index-contenu-rouge h2 a:link, .index-contenu-rouge h2 a:visited, .index-contenu-rouge h2 a:hover, .index-contenu-rouge .sous-titre{color:#D01915} .index-contenu-bleu{background:#FAFAFA url(images/mb-contenus-histoire.jpg) no-repeat top right} .index-contenu-bleu h2, .index-contenu-bleu h2 a:link, .index-contenu-bleu h2 a:visited, .index-contenu-bleu h2 a:hover, .index-contenu-bleu .sous-titre{color:#7B8C86} .index-contenu-marron{background:#FAFAFA url(images/mb-contenus-philosophie.jpg) no-repeat top right} .index-contenu-marron h2, .index-contenu-marron h2 a:link, .index-contenu-marron h2 a:visited, .index-contenu-marron h2 a:hover, .index-contenu-marron .sous-titre{color:#998467} .index-encart-footer .index-encart-item{float:left;width:292px;height:152px;margin:20px;background:#EEE;text-decoration:none} .index-encart-footer .index-encart-item .titre{ padding:10px 10px 5px 0; font-family:Oswald; font-weight:600; font-size:21px; line-height:25px; display:block; text-align:right; letter-spacing:1px} .index-encart-footer .index-encart-item .texte{ display:block; font-family:"Open sans"; font-weight:100; text-align:right; margin-right:10px; font-size:11px; line-height:13px} .index-encart-footer .index-encart-item.allumage{background:url(images/mp-encart-allumage.jpg); color:#FC451C} .index-encart-footer .index-encart-item.nettoyage{ background:url(images/mp-encart-nettoyage.jpg); color:#3A688C} .index-encart-footer .index-encart-item.faq{ background:url(images/mp-encart-faq.jpg); color:#6E7312} .index-encart-footer .index-encart-item .encart-bouton{display:block;position:absolute;bottom:11px;right:11px;padding:0} /** charte-v2/models/../css-js/ **/ #menu{ width:960px; height:33px; margin:0; padding:0; padding-left:40px} #menu li{ display:block; float:left; height:33px; padding:0; margin:0} #menu li a.rubrique{ display:block; height:23px; padding-top:10px; font-size:11px; text-decoration:none; text-transform:uppercase; color:#ccc} #menu li a.rubrique:hover{ color:#FFF; background:#666} #menu li a.rubrique span{ display:block; border-right:1px solid #ccc; padding:0 20px 0 20px} #menu li:last-child a.rubrique span{border:none} #menu #plancha-gaz a.rubrique:hover, #menu #plancha-gaz a.active{ background:#af0001; color:#FFF} #menu #plancha-electrique a.rubrique:hover, #menu #plancha-electrique a.active{ background:#db8600; color:#FFF} #menu #packs-plancha a.rubrique:hover, #menu #packs-plancha a.active{ background:#7ba733; color:#FFF} #menu #accessoires a.rubrique:hover, #menu #accessoires a.active{ background:#eeaa01; color:#FFF} #menu #recettes a.rubrique:hover, #menu #recettes a.active{ background:#4187b3; color:#FFF} #menu li.rubrique-lvl0 .bloc-sr{ width:1000px; height:180px; background:#f6f5f5; position:absolute; display:block; z-index:15; background:#f6f5f5; left:50%; margin:0 0px 0 -500px; border-top:8px solid #666; display:none; -moz-box-shadow:0px 4px 2px #ccc; -webkit-box-shadow:0px 4px 2px #ccc; box-shadow:0px 4px 2px #ccc} #menu #plancha-gaz .bloc-sr{ border-top:8px solid #af0001} #menu #plancha-electrique .bloc-sr{ border-top:8px solid #db8600} #menu #packs-plancha .bloc-sr{ border-top:8px solid #7ba733} #menu #accessoires .bloc-sr{ border-top:8px solid #eeaa01} #menu #recettes .bloc-sr{ border-top:8px solid #4187b3} #menu .rubrique-lvl0{ z-index:10} #menu .rubrique-pres{ width:120px; height:162px; float:left; background:#EBEBEB; font-size:12px; padding:18px 10px 0 10px} #menu .rubrique-titre{ font-size:16px; color:#666; line-height:20px} #menu #plancha-gaz .rubrique-titre{ color:#af0001} #menu #plancha-electrique .rubrique-titre{ color:#db8600} #menu #packs-plancha .rubrique-titre{ color:#7ba733} #menu #accessoires .rubrique-titre{ color:#eeaa01} #menu #recettes .rubrique-titre{ color:#4187b3} #menu .rubrique-illus{ display:block; width:110px; height:70px; margin:20px 0 0 3px} #menu #plancha-gaz .rubrique-illus{ background:url(http://static.mister-barbecue.com/charte-v2/images/SP-charte.png) no-repeat; background-position:0px -280px} #menu #plancha-electrique .rubrique-illus{ background:url(http://static.mister-barbecue.com/charte-v2/images/SP-charte.png) no-repeat; background-position:-106px -280px} #menu #packs-plancha .rubrique-illus{ background:url(http://static.mister-barbecue.com/charte-v2/images/SP-charte.png) no-repeat; background-position:-212px -280px} #menu #accessoires .rubrique-illus{ background:url(http://static.mister-barbecue.com/charte-v2/images/SP-charte.png) no-repeat; background-position:-310px -280px} #menu #recettes .rubrique-illus{ background:url(http://static.mister-barbecue.com/charte-v2/images/SP-charte.png) no-repeat bottom left; background-position:-424px -280px; margin-left:-8px} #menu .sr{ width:164px; height:150px; float:left; padding:19px 0 0 8px} #menu .sr .sr-texte{ display:block; clear:both; padding-top:6px; font-size:11px; color:#666; padding-right:5px} #menu .sr-img{ width:56px; height:56px; float:left; border:3px solid #EAEAEA; background:#ccc} #menu .sr-titre{ width:85px; height:46px; float:left; padding:6px 0 0 6px; font-family:"Ubuntu"; font-size:13px; color:#666} #menu #plancha-gaz .sr-titre{ color:#af0001} #menu #plancha-electrique .sr-titre{ color:#db8600} #menu #packs-plancha .sr-titre{ color:#7ba733} #menu #accessoires .sr-titre{ color:#eeaa01} #menu #recettes .sr-titre{ color:#4187b3} #menu .bloc-sr .sr a{ text-decoration:none} #menu .bloc-sr .sr a:hover .sr-titre{ color:#666 !important; text-decoration:none} #menu p{ display:block; padding-top:60px; font-size:10px; color:#666; line-height:14px} #menu .lien-sr{ font-size:12px} #plancha-gaz .lien-sr{ color:#af0001} #plancha-electrique .lien-sr{ color:#db8600} #packs-plancha .lien-sr{ color:#7ba733} #accessoires .lien-sr{ color:#eeaa01} #recettes .lien-sr{ color:#4187b3} #menu #fiches .sr{width:850px;padding-top:15px} #menu #fiches .sr ul{padding:0;margin:0;list-style-type:square;padding-left:20px} #menu #fiches .sr ul li{list-style:none;list-style-type:none;margin:4px 0 20px;width:260px} #menu #fiches .sr ul li span.picto, #menu #fiches .sr ul li span.info, #menu #fiches .sr ul li a{display:block;float:left} #menu #fiches .sr ul li span.picto{width:56px;border-top:1px solid #6D655B;margin-right:20px;min-height:56px;display:block;background:#EEE} #menu #fiches .sr ul li span.info{margin-top:12px} #menu #fiches .sr ul li a{font-family:"Ubuntu";font-style:italic;font-size:13px;color:#333} #menu #fiches .sr ul li a:hover{color:#000} #menu #fiches .sr ul li a:hover .picto{border-top:1px solid #554D43} #menu #fiches .sr ul li a .info span{font-weight:600} #menu .sr .sr-texte{ display:block; clear:both; padding-top:6px} /** charte-v2/models/../css-js/ **/ .display-block{display:block} .display-inline{display:inline} .display-table{display:table} .display-table-cell{display:table-cell} .display-inline-block{display:inline-block} .margin-0, input.margin-0{margin:0} .margin-5{margin:5px} .margin-5-0{margin:5px 0} .margin-0-5{margin:0 5px} .margin-10{margin:10px} .margin-10-0{margin:10px 0} .margin-0-10{margin:0 10px} .margin-15{margin:15px} .margin-15-0{margin:15px 0} .margin-0-15{margin:0 15px} .margin-20{margin:20px} .margin-20-0{margin:20px 0} .margin-0-20{margin:0 20px} .margin-25{margin:25px} .margin-25-0{margin:25px 0} .margin-0-25{margin:0 25px} .margin-30{margin:30px} .margin-30-0{margin:30px 0} .margin-0-30{margin:0 30px} .margin-auto{margin-left:auto;margin-right:auto} .padding-0{padding:0} .padding-5{padding:5px} .padding-5-0{padding:5px 0} .padding-0-5{padding:0 5px} .padding-10{padding:10px} .padding-10-0{padding:10px 0} .padding-0-10{padding:0 10px} .padding-15{padding:15px} .padding-15-0{padding:15px 0} .padding-0-15{padding:0 15px} .padding-20{padding:20px} .padding-20-0{padding:20px 0} .padding-0-20{padding:0 20px} .padding-25{padding:25px} .padding-25-0{padding:25px 0} .padding-0-25{padding:0 25px} .padding-30{padding:30px} .padding-30-0{padding:30px 0} .padding-0-30{padding:0 30px} .float-left{float:left} .float-right{float:right} .color-white{color:#FFF} .color-black{color:#000} .font-8{font-size:8px;line-height:10px} .font-9{font-size:9px;line-height:11px} .font-10{font-size:10px;line-height:12px} .font-11{font-size:11px;line-height:13px} .font-12{font-size:12px;line-height:14px} .font-13{font-size:13px;line-height:16px} .font-14{font-size:14px;line-height:18px} .font-15{font-size:15px;line-height:19px} .font-16{font-size:16px;line-height:20px} .font-17{font-size:17px;line-height:21px} .font-18{font-size:18px;line-height:22px} .font-20{font-size:20px;line-height:24px} .font-22{font-size:22px;line-height:26px} .font-24{font-size:24px;line-height:28px} .font-25{font-size:25px;line-height:30px} .width-33p{width:33%} .width-50p{width:48%} .width-66p{width:66%} .width-100p{width:100%} .width-30{width:30px} .width-40{width:40px} .width-50{width:50px} .width-60{width:60px} .width-70{width:70px} .width-80{width:80px} .width-90{width:90px} .width-100{width:100px} .width-150{width:150px} .width-200{width:200px} .width-250{width:250px} .width-300{width:300px} .width-350{width:350px} .width-400{width:400px} .width-500{width:500px} .width-600{width:600px} .width-700{width:700px} .width-800{width:800px} .width-900{width:900px} .height-30{height:30px} .height-40{height:40px} .height-50{height:50px} .height-60{height:60px} .height-70{height:70px} .height-80{height:80px} .height-90{height:90px} .height-100{height:100px} .height-150{height:150px} .height-200{height:200px} .height-250{height:250px} .height-300{height:300px} .height-350{height:350px} .height-400{height:400px} .height-450{height:450px} .height-500{height:500px} .radius-5{-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px} .radius-10{-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px} .text-left{text-align:left} .text-center{text-align:center} .text-right{text-align:right} .text-justify{text-align:justify} .align-center, .table .align-center{text-align:center} .align-left, .table .align-left{text-align:left} .align-right, .table .align-right{text-align:right} .align-justify, .table .align-justify{text-align:justify} .align-middle{display:table-cell;vertical-align:middle} .border{border:1px solid #ccc} .border-left{border-left:1px solid #ccc} .border-right{border-right:1px solid #ccc} .border-top{border-top:1px solid #ccc} .border-bottom{border-bottom:1px solid #ccc} .background{background:#F5F5F5} .monbox-container .background{background:#F5F5F5} .monbox-container .border{border:1px solid #EEE} .bold{font-weight:bold} .loading{background-image:url(http://static.mister-barbecue.com/images/picto/12x12/ajax.gif);background-repeat:no-repeat;background-position:center} .list-none{list-style-type:none} .no-wrap{white-space:nowrap} .overflow-hidden{overflow:hidden} .hidden{display:none} .clearer{clear:both} /** charte-v2/models/../css-js/sprite/accueil/ **/ .sp-contenus-10questions-bt, .sp-contenus-histoire-bt, .sp-contenus-philosophie-bt, .sp-contenus-presentation-bt, a .sp-encart-allumage-bt, a .sp-encart-faq-bt, a .sp-encart-nettoyage-bt{background:url(css-js/sprite/accueil/sprite.png)} .sp-contenus-10questions-bt{background-position:0 0;width:90px;height:25px} .sp-contenus-10questions-bt:hover{background-position:0 -30px;width:90px;height:25px} .sp-contenus-histoire-bt{background-position:0 -60px;width:90px;height:25px} .sp-contenus-histoire-bt:hover{background-position:0 -90px;width:90px;height:25px} .sp-contenus-philosophie-bt{background-position:0 -120px;width:90px;height:25px} .sp-contenus-philosophie-bt:hover{background-position:0 -150px;width:90px;height:25px} .sp-contenus-presentation-bt{background-position:0 -180px;width:90px;height:25px} .sp-contenus-presentation-bt:hover{background-position:0 -210px;width:90px;height:25px} a .sp-encart-temoignages-bt{background-position:0 -240px;width:90px;height:21px} a:hover .sp-encart-temoignages-bt{background-position:0 -266px;width:90px;height:21px} a .sp-encart-allumage-bt{background-position:0 -292px;width:81px;height:22px} a:hover .sp-encart-allumage-bt{background-position:0 -319px;width:81px;height:22px} a .sp-encart-faq-bt{background-position:0 -346px;width:81px;height:22px} a:hover .sp-encart-faq-bt{background-position:0 -373px;width:81px;height:22px} a .sp-encart-nettoyage-bt{background-position:0 -400px;width:81px;height:22px} a:hover .sp-encart-nettoyage-bt{background-position:0 -427px;width:81px;height:22px} /** charte-v2/models/../css-js/sprite/diaporama/ **/ .sp-commander-diapo, .sp-encart-livraison, .sp-encart-paiement, .sp-encart-satisfait, .sp-encart-temoignages-bt, .sp-picto-actualite, .sp-picto-hotline{background:url(css-js/sprite/diaporama/sprite-optim.jpg)} .sp-bt-diapo{background-position:0 0;width:161px;height:43px} .sp-bt-diapo:hover, .sp-bt-diapo.active{background-position:0 -48px;width:161px;height:43px} .sp-encart-livraison{background-position:0 -96px;width:270px;height:61px} .sp-encart-livraison:hover{background-position:0 -162px;width:270px;height:61px} .sp-encart-paiement{background-position:0 -228px;width:270px;height:61px} .sp-encart-paiement:hover{background-position:0 -294px;width:270px;height:61px} .sp-encart-satisfait{background-position:0 -360px;width:270px;height:61px} .sp-encart-satisfait:hover{background-position:0 -426px;width:270px;height:61px} .sp-encart-temoignages-bt{background-position:0 -492px;width:90px;height:21px} .sp-encart-temoignages-bt:hover{background-position:0 -518px;width:90px;height:21px} .sp-picto-actualite{background-position:0 -544px;width:50px;height:40px} .sp-picto-hotline{background-position:0 -589px;width:270px;height:83px} .sp-bt-diapo, .sp-commander-diapo, .sp-ensavoirplus-diapo{background:url(css-js/sprite/diaporama/sprite-png.png)} .sp-bt-diapo{background-position:0 0;width:161px;height:43px} .sp-bt-diapo:hover{background-position:0 -48px;width:161px;height:43px} .sp-commander-diapo{background-position:0 -96px;width:150px;height:43px} .sp-commander-diapo:hover{background-position:0 -144px;width:150px;height:43px} .sp-ensavoirplus-diapo{background-position:0 -192px;width:150px;height:43px} .sp-ensavoirplus-diapo:hover{background-position:0 -240px;width:150px;height:43px} /** charte-v2/models/../css-js/sprite/footer/ **/ .sp-picto-avantvente .footer-img, .sp-picto-faq .footer-img, .sp-picto-livraison .footer-img, .sp-picto-paiement .footer-img, .sp-picto-qsn .footer-img, .sp-picto-satisfaction .footer-img{background:url(css-js/sprite/footer/sprite.png)} .sp-picto-avantvente .footer-img{background-position:0 0;width:41px;height:41px} .sp-picto-avantvente:hover .footer-img{background-position:0 -46px;width:41px;height:41px} .sp-picto-faq .footer-img{background-position:0 -92px;width:41px;height:41px} .sp-picto-faq:hover .footer-img{background-position:0 -138px;width:41px;height:41px} .sp-picto-livraison .footer-img{background-position:0 -184px;width:41px;height:41px} .sp-picto-livraison:hover .footer-img{background-position:0 -230px;width:41px;height:41px} .sp-picto-paiement .footer-img{background-position:0 -276px;width:41px;height:41px} .sp-picto-paiement:hover .footer-img{background-position:0 -322px;width:41px;height:41px} .sp-picto-qsn .footer-img{background-position:0 -368px;width:41px;height:41px} .sp-picto-qsn:hover .footer-img{background-position:0 -414px;width:41px;height:41px} .sp-picto-satisfaction .footer-img{background-position:0 -460px;width:41px;height:41px} .sp-picto-satisfaction:hover .footer-img{background-position:0 -506px;width:41px;height:41px} /** charte-v2/models/../css-js/sprite/maquette/ **/ .sp-picto-fb, .sp-picto-france, .sp-picto-googleplus, .sp-picto-italie, .sp-header-info, .sp-picto-moncompte .sprite, .sp-picto-panier .sprite{background:url(css-js/sprite/maquette/sprite.png)} .sp-header-info{background-position:0 0;width:18px;height:22px} .sp-picto-fb{background-position:0 -27px;width:26px;height:26px} .sp-picto-fb:hover{background-position:0 -58px;width:26px;height:26px} .sp-picto-france{background-position:0 -89px;width:16px;height:11px} .sp-picto-france:hover{background-position:0 -105px;width:16px;height:11px} .sp-picto-googleplus{background-position:0 -121px;width:26px;height:26px} .sp-picto-googleplus:hover{background-position:0 -152px;width:26px;height:26px} .sp-picto-italie{background-position:0 -183px;width:16px;height:11px} .sp-picto-italie:hover{background-position:0 -199px;width:16px;height:11px} .sp-picto-moncompte .sprite{background-position:0 -215px;width:47px;height:47px} .sp-picto-moncompte:hover .sprite{background-position:0 -267px;width:47px;height:47px} .sp-picto-panier .sprite{background-position:0 -319px;width:47px;height:47px} .sp-picto-panier:hover .sprite{background-position:0 -371px;width:47px;height:47px} /** charte-v2/models/../css-js/ancien/ **/ .contenu-listing{ width:748px; float:left; background-color:#f8F8F8; background-image:-webkit-gradient(linear,left top,left bottom,from(#f5f5f5),to(#ffffff)); background-image:-webkit-linear-gradient(top,#f5f5f5,#ffffff); background-image:-moz-linear-gradient(top,#f5f5f5,#ffffff); background-image:-o-linear-gradient(top,#f5f5f5,#ffffff); background-image:linear-gradient(top,#f5f5f5,#ffffff); padding:25px 25px 50px 25px; } .accueil-contenu-droit{ width:300px; min-height:600px; padding-bottom:20px; float:left; } .accueil-contenu-gauche{ width:640px; min-height:600px; padding:20px 30px; float:left; background-image:-webkit-gradient(linear,left top,left bottom,from(#f5f5f5),to(#ffffff)); background-image:-webkit-linear-gradient(top,#f5f5f5,#ffffff); background-image:-moz-linear-gradient(top,#f5f5f5,#ffffff); background-image:-o-linear-gradient(top,#f5f5f5,#ffffff); background-image:linear-gradient(top,#f5f5f5,#ffffff); position:relative; } .colonne-gauche-listing{ width:202px; min-height:600px; padding-bottom:20px; float:left; background:none; } /** charte-v2/models/../css-js/ancien/ **/ .produit-commentaire-bouton{display:inline-block;margin-bottom:30px;text-decoration:none} .produit-commentaire-container .produit-commentaire-item{margin:0 0 20px 0;padding:0 0 10px 0;border-bottom :1px solid #CCC} .produit-commentaire-container .commentaire-titre{font-size:16px;display:block} .produit-commentaire-container .commentaire-note{float:right} .commantaire-toute-note{margin-top:20px} .commantaire-toute-note div{float:right} .commantaire-toute-note span:first-child{display:inline-block; padding-bottom:11px; padding-right:10px; text-align:right; vertical-align:middle; width:227px} .commentaire-item-info-grand .commantaire-toute-note span:first-child{ width:427px} .produit-commentaire-container .commentaire-texte{margin:10px 0;text-align:justify} .produit-commentaire-container .commentaire-pseudo{display:block;text-align:right;font-weight:bold} .commentaire-item-produit{width:180px;margin:0 0 10px 0;float:left;padding-bottom:10px;text-align:center} .commentaire-item-produit .item-picto{width:50px;float:left} .commentaire-item-produit .item-info{width:130px;float:left} .commentaire-item-produit .item-picto a{width:50px;height:50px;background:#FFF;border:1px solid #EEE;display:table-cell;vertical-align:middle;text-align:right;margin-left:10px} .commentaire-item-produit .item-titre{font-size:10px;text-align:right;display:block;margin:10px 5px 5px} .commentaire-item-produit .item-prix{display:block;text-align:right;font-size:16px;margin-right:10px} .commentaire-item-produit .item-bouton a{ display:block; background:#BA1A1A; text-transform:uppercase; color:#fff; font-size:9px; padding:4px 0 4px 1px; text-align:center; text-decoration:none; font-family:"Open Sans"; width:83px; float:right; margin:14px -1px 0 0; color:#FFF; text-decoration:none} .commentaire-item-info{float:left;width:440px;padding-left:10px;border-left:1px solid #CCC} .commentaire-item-info-grand{width:auto;float:none} #fiche-produit .produit-encart-avis{position:absolute;float:right;width:220px;height:130px;background:#EEE;padding-top:10px;margin:-20px 0 0 513px} .produit-encart-avis-bouton{font-size:16px;text-align:center;display:block;margin-top:7px} .produit-encart-premier a, .produit-encart-avis-bouton a, .onglet-commentaire .produit-commentaire-bouton, .bouton-tout-commentaire{ display:block; width:120px; background:#BA1A1A; text-transform:uppercase; color:#FFF; font-size:10px; padding:7px 0; margin:4px auto; text-align:center; text-decoration:none; font-family:"Open Sans"} .produit-encart-premier a:hover, .produit-encart-avis-bouton a:hover, .onglet-commentaire .produit-commentaire-bouton:hover, .bouton-tout-commentaire:hover{background:#999999; color:#FFF} .onglet-commentaire .produit-commentaire-bouton{float:right;margin:0 0 20px 0} .bouton-tout-commentaire{float:right;margin:20px 0 0 0;width:auto;padding:7px 10px} .produit-encart-avis-bouton .produit-commentaire-container{display:inline} .produit-encart-premier{font-size:16px;text-align:center;display:block;margin-top:15px} .commentaire-pseudo-light{font-weight:normal} .commentaire-item-info.commentaire-item-info-grand{border-left:none} .commentaire-grand-produit .commentaire-item-produit{width:auto;float:none;margin-bottom:10px} .commentaire-grand-produit .commentaire-item-produit .item-picto{float:left} .commentaire-grand-produit .commentaire-item-produit .item-info-container{float:left;width:450px} .commentaire-item-encart-produit{position:absolute;float:right;width:220px;background:#EEE;padding:10px;margin:-40px 0 0 400px} .commentaire-item-encart-produit .item-picto{width:50px;float:left} .commentaire-item-encart-produit .item-info{width:170px;float:left} .commentaire-item-encart-produit .item-picto a{width:50px;height:50px;background:#FFF;border:1px solid #EEE;display:table-cell;vertical-align:middle;text-align:right;margin-left:10px} .commentaire-item-encart-produit .item-titre{font-size:10px;text-align:right;display:block;margin:5px} .commentaire-item-encart-produit .item-prix{display:block;text-align:right;font-size:16px;margin-right:10px;display:none} .commentaire-item-encart-produit .item-bouton a{ display:block; background:#BA1A1A; text-transform:uppercase; color:#fff; font-size:9px; padding:4px 0 4px 1px; text-align:center; text-decoration:none; font-family:"Open Sans"; width:110px; float:right; margin:5px -1px 0 0; color:#FFF; text-decoration:none} .encart-commentaires, .encart-commentaire-bg{height:220px;height:158px;width:300px;overflow:hidden} .encart-commentaires{margin-bottom:4px} .encart-commentaire-bg{background-image:url(../charte/images/BG-encart-commentaires.jpg);background-repeat:no-repeat;background-position:center} .encart-commentaires .encart-titre{color:#FFF; padding:21px 0 0 0; width:275px; text-align:right; font-size:16px} #encart-commentaires-slider, .encart-commentaires-slide{height:90px;overflow:hidden} .encart-commentaires-slide .encart-contenu{height:90px;padding:0 15px 0 84px;color:#FFF} .encart-commentaires-slide .encart-contenu .encart-table-cell{display:table-cell;vertical-align:middle;text-align:center;width:200px;height:70px;font-size:10px;line-height:14px} .span-etc{display:block;position:absolute;width:200px;margin:-20px 0 0 0px;text-align:center;font-size:16px} .encart-commentaires-slide .encart-contenu .encart-table-cell a{color:#FFF} .encart-commentaires-slide .encart-contenu .encart-table-cell a:link, .encart-commentaires-slide .encart-contenu .encart-table-cell a:visited, .encart-commentaires-slide .encart-contenu .encart-table-cell a:hover{text-decoration:none;display:block;width:150px;margin:auto;height:42px;overflow:hidden} .encart-commentaires-slide .encart-contenu .encart-table-cell a:hover{color:#eee} .encart-commentaires-slide .encart-contenu .commentaire-pseudo{display:block;height:20px;text-align:left;font-weight:bold;font-size:9px;margin-left:10px} .encart-commentaires .encart-bouton{margin:10px 0 0 212px;padding-right:5px} .encart-open-quote, .encart-close-quote{position:absolute;font-size:35px;color:#4187B3;font-weight:bold;margin:0 0 0 5px;display:none} .encart-close-quote{margin:90px 0 0 265px} /** charte-v2/models/../css-js/ancien/ **/ .fond-degrade{} .listing-entete{ height:130px; background:#EEEEEE url(../charte/images/SP-charte.png) no-repeat 0px -546px; padding:10px 0 10px 250px; overflow:hidden; -moz-box-shadow:0px 2px 2px #ccc; -webkit-box-shadow:0px 2px 2px #ccc; box-shadow:0px 2px 2px #ccc} .listing-entete .listing-entete-info{ float:left; width:500px } #frame-duplicate{width:500px;height:130px} .listing-entete .listing-entete-picto{ float:left; width:250px; height:130px} .listing-entete .listing-entete-picto span{ display:table-cell; vertical-align:middle; text-align:center; width:250px; height:130px} .listing-produit hr, #fiche-produit hr{ border:1px solid #F1F1F1; margin:16px 12px 10px 12px} .listing-produit h2{ font-family:"Open Sans"; font-size:20px; margin:35px 0px 0px 8px; color:#af0001; text-align:center} .listing-produit .picto-promotion, #fiche-produit .picto-promotion{display:block;position:absolute;width:65px;height:67px;background:url(../charte/images/SP-INTEGRATION.png) 0px -605px no-repeat;z-index:10;margin:13px 0 0 16px} #fiche-produit .picto-promotion{width:85px;height:85px;background:url(../charte/images/SP-INTEGRATION.png) 0px -672px no-repeat} .listing-produit .listing-produit-container{ padding:0px} .listing-produit .listing-produit-container .listing-item{ float:left; width:354px; height:183px; margin:50px 9px 0 9px; background:#fff; -moz-box-shadow:1px 1px 2px #ccc; -webkit-box-shadow:1px 1px 2px #ccc; box-shadow:1px 1px 2px #ccc; position:relative} .listing-produit .listing-produit-container .listing-item .item-picto{ position:absolute; width:165px; height:165px; background:url(../charte/images/SP-INTEGRATION.png) no-repeat 0 -187px; margin:-14px 0 0 10px; text-align:center} .listing-produit .listing-produit-container .listing-item .item-picto a{ display:block; margin:10px; width:145px; height:145px; text-decoration:none} .listing-produit .listing-produit-container .listing-item .item-picto a span.vertical-cell{ display:table-cell; width:145px; height:145px; text-align:center; vertical-align:middle} .listing-produit .listing-produit-container .listing-item .item-info{ float:left; width:159px; height:133px; padding-left:185px; padding-right:10px} .listing-produit .listing-produit-container .listing-item .item-info .item-titre{ font-family:"Open Sans"; font-size:14px; color:#BA1A1A; display:block; margin-top:12px; height:86px; overflow:hidden} .listing-produit .listing-produit-container .listing-item .item-info .item-titre .split-title{ font-family:"Open Sans"; display:block; margin-bottom:3px} .listing-produit .listing-produit-container .listing-item .item-info .item-accroche{ font-size:11px; font-family:"Open Sans"; text-align:left; display:block; margin:6px 0} .listing-produit .listing-produit-container .listing-item .item-info .item-marque{ display:block; margin:0; text-align:left} .listing-produit .listing-produit-container .listing-item .item-prix{ float:left; width:354px; background:#e8e8e8; height:50px} .listing-produit .listing-produit-container .listing-item .item-prix .item-prix-prix{ display:block; text-align:left; padding:16px 0 4px 186px; color:#af0001; height:30px; width:80px; font-family:"Open Sans"; font-size:14px; float:left} .listing-produit .listing-produit-container .listing-item .item-prix .item-prix-bouton{ display:block; background:#BA1A1A; text-transform:uppercase; color:#fff; font-size:9px; padding:6px 0 6px 3px; text-align:center; text-decoration:none; font-family:"Open Sans"; width:83px; float:right; margin:14px -1px 0 0} .listing-produit .listing-produit-container .listing-item .item-prix .item-prix-bouton:hover{ background:#999} .listing-produit .listing-vide{ margin:30px 0 0 20px} .listing-produit form{ text-align:right; padding-right:22px} .listing-produit form select{ border:1px solid #ccc; font-size:11px; margin-right:10px; color:#333} .listing-produit form label{ margin-right:6px} .listing-produit .filtre-submit{ width:30px; display:inline-block} .listing-produit form input{ position:absolute; font-family:"Open Sans"; font-size:12px; color:#fff; height:23px; width:30px; background:#ccc; border:0; cursor:pointer; margin:-15px 0 0 -30px} .listing-produit form input:hover{ background:#999; color:#fff} #listing-triple .listing-produit-container .listing-item{ width:225px; height:auto; margin:40px 10px 0 10px} #listing-triple .listing-produit-container .listing-item .item-picto{ position:relative; background:#fff; height:150px; width:auto; margin:0} #listing-triple .listing-produit-container .listing-item .item-picto a{ width:auto; height:auto; margin:0} #listing-triple .listing-produit-container .listing-item .item-picto a span.vertical-cell{ width:225px; height:150px} #listing-triple .listing-produit-container .listing-item .item-info{ width:225px; height:80px; padding:0; float:none; margin:0; background-color:#E8E8E8; background-image:-webkit-gradient(linear,left top,left bottom,from(#EBECEC),to(#f8f8f8)); background-image:-webkit-linear-gradient(top,#EBECEC,#f8f8f8); background-image:-moz-linear-gradient(top,#EBECEC,#f8f8f8); background-image:-o-linear-gradient(top,#EBECEC,#f8f8f8); background-image:linear-gradient(top,#EBECEC,#f8f8f8)} #listing-triple .listing-produit-container .listing-item .item-info .item-titre{ font-family:"Open Sans"; text-align:center; font-size:12px; padding:12px 4px 6px 4px; height:auto; width:auto; float:none; margin:0} #listing-triple .listing-produit-container .listing-item .item-info .item-marque{ text-align:center} #listing-triple .listing-produit-container .listing-item .item-prix{ width:225px; height:50px; background:#e8e8e8} #listing-triple .listing-produit-container .listing-item .item-prix .item-prix-prix{ float:left; width:97px; padding:16px 0 4px 20px; height:25px; text-align:left; font-size:14px} #listing-triple .listing-produit-container .listing-item .item-prix .item-prix-bouton{ float:right; margin:14px 0 0 0; padding:6px 0; width:83px; text-align:center} .colonne-contenu-produit{ width:660px; float:left; background-image:-webkit-gradient(linear,left top,left bottom,from(#f5f5f5),to(#ffffff)); background-image:-webkit-linear-gradient(top,#f5f5f5,#ffffff); background-image:-moz-linear-gradient(top,#f5f5f5,#ffffff); background-image:-o-linear-gradient(top,#f5f5f5,#ffffff); background-image:linear-gradient(top,#f5f5f5,#ffffff); padding:20px; } .colonne-menu-produit{ width:300px; height:1000px; float:left} /** charte-v2/models/../css-js/ancien/ **/ #module-panier{ padding:40px} .titre-panier{ font-family:"Open Sans"; font-size:20px; text-align:left; color:#73a809; margin-bottom:30px} .contenu-panier{background-color:#f8F8F8; background-image:-webkit-gradient(linear,left top,left bottom,from(#f5f5f5),to(#ffffff)); background-image:-webkit-linear-gradient(top,#f5f5f5,#ffffff); background-image:-moz-linear-gradient(top,#f5f5f5,#ffffff); background-image:-o-linear-gradient(top,#f5f5f5,#ffffff); background-image:linear-gradient(top,#f5f5f5,#ffffff)} .panier-confirm, .panier-valide{ color:#73a809; font-style:italic; margin-bottom:20px} .panier-erreur{ color:#cf1c04; font-style:italic; margin-bottom:20px} .bt-valider, .bt-enregistrer, .bt-livraison-domicile, .bt-livraison-relais, .bt-valid-livraison-domicile, .bt-valid-livraison-relais, .bt-valid-paiement, .bt-retour, .bt-acceder-paiement, .bt-valid-dmd{ display:block; width:170px; height:43px; float:right; background:url(../photos-generiques/BT-panier.png) no-repeat; margin:30px 8px 0 0; } #module-panier .bt-enregistrer{ background-position:0px -129px; } #module-panier .bt-enregistrer:hover{ background-position:-170px -129px; } .bt-valider{ background-position:0px -86px; } .bt-valider:hover{ background-position:-170px -86px; } .bt-livraison-domicile{ background-position:0px -172px; margin:6px -45px 0 0; } .bt-livraison-domicile:hover{ background-position:-170px -172px; margin:6px -45px 0 0; } .bt-livraison-relais{ background-position:0px -215px; margin:6px -45px 0 0; } .bt-livraison-relais:hover{ background-position:-170px -215px; margin:6px -45px 0 0; } .bt-valid-livraison-domicile{ background-position:0px -301px; } .bt-valid-livraison-domicile:hover{ background-position:-170px -301px; } .bt-valid-livraison-relais{ background-position:0px -258px; float:left; } .bt-valid-livraison-relais:hover{ background-position:-170px -258px; float:left; } .bt-valid-paiement{ background-position:0px -473px; } .bt-valid-paiement:hover{ background-position:-170px -473px; } .bt-retour{ background-position:0px -344px; margin:30px 0 0 0; } .bt-retour:hover{ background-position:-170px -344px; margin:30px 0 0 0; } .bt-acceder-paiement{ background-position:0px -387px; margin:30px 0 0 0; } .bt-acceder-paiement:hover{ background-position:-170px -387px; margin:30px 0 0 0; } .bt-valid-dmd{ background-position:0px -430px; } .bt-valid-dmd:hover{ background-position:-170px -430px; } .sous-bloc-menu{ height:60px; background:url(../photos-generiques/MOTIF-rayure-grise.png) repeat; padding-top:50px; } .bloc-menu-off{ height:45px; background:#d3d2d2; } .valid-panier a, .identification a, .livraison a, .paiement a, .valid-cmd a{ display:block; width:172px; height:45px; float:left; background:url(../photos-generiques/SP-panier02.png) no-repeat; } .valid-panier a { margin-left:52px; } .valid-panier a{ background-position:0px 0px; } .valid-panier a.bt-menu-on{ background-position:-172px 0px; } .identification a{ background-position:0px -45px; } .identification a.bt-menu-on{ background-position:-172px -45px; } .livraison a{ background-position:0px -90px; } .livraison a.bt-menu-on{ background-position:-172px -90px; } .paiement a{ background-position:0px -135px; } .paiement a.bt-menu-on{ background-position:-172px -135px; } .valid-cmd a{ background-position:0px -180px; } .valid-cmd a.bt-menu-on{ background-position:-172px -180px; } #module-panier table{ width:920px; } #module-panier table .impair{ background:#f5faeb; } #module-panier table .pair{ background:#e4f0cd; } #module-panier table .supp-pair{ background:#f8f8f8; } #module-panier table .supp-impair{ background:#ebebeb; } #module-panier th{ background:#ccc; color:#666; text-transform:uppercase; padding:8px 12px; } #module-panier td{ height:50px; } #module-panier table a{ text-decoration:none; } .td-padding-left{ padding-left:10px; } .bt-plus-moins{ display:inline-block; background:#666; color:#fff; height:12px; width:12px; margin:5px; font-size:9px; } .bt-supprimer{ display:block; width:29px; height:29px; background:url(../photos-generiques/bt-supprimer-off.png) no-repeat; } .bt-supprimer:hover{ background:url(../photos-generiques/bt-supprimer-on.png) no-repeat; } .tab-italique{ font-family:"Open Sans"; font-size:14px; color:#333; font-weight:normal; padding:40px 0 10px 0; } .offert{ font-family:"Open Sans"; font-size:10px; color:#cf1c04; font-weight:normal; } .td-reference{ font-size:9px; } .panier-texte{ padding:47px 80px 40px 20px; width:450px; float:left; font-size:10px; text-align:justify; } .panier-texte-titre{ display:block; font-family:"Open Sans"; font-size:12px; color:#73a809; font-weight:normal; padding:15px 0 10px 0; } .panier-totaux{ padding-top:40px; width:340px; float:left; } #module-panier .tab-totaux{ width:340px; } #module-panier .tab-totaux td{ height:25px; padding-left:10px; } #module-panier .tab-totaux .saisie-promo{ width:87px; border:1px solid #ccc; } #module-panier .tab-totaux .panier-submit-n2{ width:auto; background:#999; color:#fff; border:1px solid #999; } #module-panier .tab-totaux .panier-submit-n2:hover{ background:#ccc; color:#fff; border:1px solid #ccc; } .ligne-totaux td{ padding-top:25px; font-weight:bold; } .ligne-totaux .prix-total{ font-family:"Open Sans"; font-size:16px; color:#73a809; font-weight:normal; } .ligne-vente td{ padding:60px 0 30px 0; font-size:10px; } .ligne-vente td a{ text-decoration:underline !important; } .tab-totaux tr .bt-continuer a, .tab-totaux tr .bt-valid-panier a{ display:block; width:170px; height:43px; float:left; background:url(../photos-generiques/BT-panier.png) no-repeat; } .tab-totaux tr .bt-continuer a{ background-position:0px 0px; } .tab-totaux tr .bt-continuer a:hover{ background-position:-170px 0px; } .tab-totaux tr .bt-valid-panier a{ background-position:0px -43px; } .tab-totaux tr .bt-valid-panier a:hover{ background-position:-170px -43px; } .panier-mep-colonne{ float:left; width:440px; height:auto; padding:0; margin-right:20px; } .panier-bloc{ float:left; width:385px; height:auto;background-color:#F0F0F0; background-image:-webkit-gradient(linear,left top,left bottom,from(#EBECEC),to(#f8f8f8)); background-image:-webkit-linear-gradient(top,#EBECEC,#f8f8f8); background-image:-moz-linear-gradient(top,#EBECEC,#f8f8f8); background-image:-o-linear-gradient(top,#EBECEC,#f8f8f8); background-image:linear-gradient(top,#EBECEC,#f8f8f8); -moz-box-shadow:0px 2px 2px #ccc; -webkit-box-shadow:0px 2px 2px #ccc; box-shadow:0px 2px 2px #ccc; padding:20px; } .sous-titre-panier{ font-family:"Open Sans"; font-size:15px; text-align:left; color:#666; background:url(../photos-generiques/MOTIF-rayure-grise.png) repeat; width:410px; height:20px; padding:10px 0 8px 15px; float:left; } .sous-titre-panier2{ font-family:"Open Sans"; font-size:14px; text-align:left; color:#666; margin:20px 0 10px 0; } #module-panier .panier-bloc label{ display:block; float:left; margin-right:10px; color:#666; padding-top:6px; width:125px; } #module-panier .panier-bloc input, #module-panier .panier-bloc textarea, #module-panier .panier-bloc select{ width:235px; border:1px solid #999; margin:5px 0; color:#666; } #module-panier .panier-bloc textarea{ height:100px; } #module-panier .panier-bloc select{ width:70px } #module-panier .panier-bloc input.submit{ font-family:"Open Sans"; display:block; z-index:9; width:auto; background:#333; color:#fff; font-size:10px; padding:3px 7px; cursor:pointer; } .panier-form-detail{ font-style:italic; font-size:9px; } .mode-livraison{ width:285px; height:auto; padding:0; margin-right:18px; display:inline-block; text-align:left; } .mode-livraison-bloc{ float:left; width:270px; height:auto;background-color:#F0F0F0; background-image:-webkit-gradient(linear,left top,left bottom,from(#EBECEC),to(#f8f8f8)); background-image:-webkit-linear-gradient(top,#EBECEC,#f8f8f8); background-image:-moz-linear-gradient(top,#EBECEC,#f8f8f8); background-image:-o-linear-gradient(top,#EBECEC,#f8f8f8); background-image:linear-gradient(top,#EBECEC,#f8f8f8); -moz-box-shadow:0px 2px 2px #ccc; -webkit-box-shadow:0px 2px 2px #ccc; box-shadow:0px 2px 2px #ccc; padding:10px; } .sous-titre-livraison{ font-family:"Open Sans"; font-size:15px; text-align:left; color:#666; background:url(../photos-generiques/MOTIF-rayure-grise.png) repeat; width:276px; height:20px; padding:10px 0 10px 15px; float:left; } .mode-livraison-bloc-gauche{ float:left; } .mode-livraison-bloc-droite{ float:left; padding:10px 10px 20px 10px; width:120px; } .panier-precisions{ font-style:italic; font-size:9px; text-align:justify; margin:110px 32px 20px 0; border-top:1px solid #ccc; padding-top:20px; } .panier-legende{ font-style:italic; font-size:9px; } .prix-livraison{ font-family:"Open Sans"; font-size:14px; color:#73a809; font-weight:normal; } #tntB2CRelaisColis{ float:left; padding-left:3px; } #tntB2CRelaisColis #tntRCblocEntete .tntRCHeader{ border:0; padding-top:50px; } .tntRCHeader-info-sup{ margin-top:50px; padding-left:4px; } #module-panier .table-paiement{ border:0; } #module-panier .table-paiement td{ height:150px; } #module-panier .illus-paiement { } .sous-titre-paiement{ display:block; font-family:"Open Sans"; font-size:15px; text-align:left; color:#666; background:url(../photos-generiques/MOTIF-rayure-grise.png) repeat; height:20px; padding:10px 0 10px 40px; margin-bottom:0px; cursor:pointer; } .paiement-precisions{ text-align:justify; } .panier-texte-colonne{ width:200px; float:left; } #module-panier span.checkbox-paiement, #module-panier span.checkbox-paiement-checked{margin:9px 10px;display:block;width:18px;height:19px;background:url(../photos-generiques/checkbox.png);position:absolute;z-index:2} #module-panier span.checkbox-paiement-checked{background:url(../photos-generiques/checkbox-on.png)} #module-panier span.checkbox-paiement input, #module-panier span.checkbox-paiement-checked input{display:none} .compte-bloc{ float:left; width:385px; height:210px;background-color:#F0f0f0; background-image:-webkit-gradient(linear,left top,left bottom,from(#EBECEC),to(#f8f8f8)); background-image:-webkit-linear-gradient(top,#EBECEC,#f8f8f8); background-image:-moz-linear-gradient(top,#EBECEC,#f8f8f8); background-image:-o-linear-gradient(top,#EBECEC,#f8f8f8); background-image:linear-gradient(top,#EBECEC,#f8f8f8); -moz-box-shadow:0px 2px 2px #ccc; -webkit-box-shadow:0px 2px 2px #ccc; box-shadow:0px 2px 2px #ccc; padding:20px; } #module-panier h1{ font-family:"Open Sans"; font-size:20px; color:#333; margin:4px 0 3px 0; } #module-panier .compte-question{ font-family:"Open Sans"; font-size:12px; color:#333; margin:0; padding:0; } #module-panier .compte-mep-cmd{ float:left; width:886px; height:auto;background-color:#F0f0f0; background-image:-webkit-gradient(linear,left top,left bottom,from(#EBECEC),to(#f8f8f8)); background-image:-webkit-linear-gradient(top,#EBECEC,#f8f8f8); background-image:-moz-linear-gradient(top,#EBECEC,#f8f8f8); background-image:-o-linear-gradient(top,#EBECEC,#f8f8f8); background-image:linear-gradient(top,#EBECEC,#f8f8f8); -moz-box-shadow:0px 2px 2px #ccc; -webkit-box-shadow:0px 2px 2px #ccc; box-shadow:0px 2px 2px #ccc; margin-top:40px; } #module-panier .compte-mep-cmd-titre{ font-family:"Open Sans"; font-size:15px; text-align:left; color:#666; background:url(../photos-generiques/MOTIF-rayure-grise.png) repeat; width:871px; height:20px; padding:10px 0 8px 15px; float:left; } #module-panier .compte-mep-cmd .table-cmd{ width:100%; border:none; margin:0; border-collapse:collapse; } #module-panier .compte-mep-cmd .table-cmd th{ background:#333; color:#fff; } #module-panier .compte-mep-cmd .table-cmd td{ height:35px; padding-left:12px; } #module-panier .compte-mep-cmd .table-cmd td a{ text-decoration:underline; } #module-panier .compte-mep-cmd .table-cmd .impair{ background:#fff; } #module-panier .compte-mep-cmd .table-cmd .pair{ background:#f8f8f8; } #module-panier .compte-mep-cmd .compte-txt-alternatif{ padding:46px 0 10px 16px; } #module-panier .compte-retour-marchandise select{ width:200px; } #module-panier .compte-retour-marchandise label{ display: block; width:185px; float:left; } #module-panier .compte-retour-marchandise textarea{ width:380px; height:120px; margin-top:5px; } /** charte-v2/models/../css-js/ancien/ **/ .contenu-produit{ padding:20px 30px 40px 30px} #fiche-produit .produit-entete{ background:#fff; width:718px; margin:10px 15px 0 15px; background-image:-webkit-gradient(linear,left top,left bottom,from(#EBECEC),to(#f8f8f8)); background-image:-webkit-linear-gradient(top,#EBECEC,#f8f8f8); background-image:-moz-linear-gradient(top,#EBECEC,#f8f8f8); background-image:-o-linear-gradient(top,#EBECEC,#f8f8f8); background-image:linear-gradient(top,#EBECEC,#f8f8f8); background:#fff; position:relative} #fiche-produit .bloc-miniatures{ height:80px; width:305px; position:absolute; margin:0px 10px 10px 52px} #fiche-produit .bloc-miniatures .bloc-miniatures-40{ height:60px; width:60px; float:left; margin:0 5px 0 0; padding:0; border-bottom:1px solid #666; background:#fff} #fiche-produit .bloc-miniatures .bloc-miniatures-40:hover{ border-bottom:1px solid #ccc; background:#fff} #fiche-produit .bloc-miniatures .bloc-miniatures-40 span.vertical-cell{ display:table-cell; width:65px; height:65px; text-align:center; vertical-align:middle} #fiche-produit .bloc-miniatures .bloc-miniatures-40{opacity :0.8; -moz-opacity :0.8; -ms-filter:"alpha(opacity=80)"; filter :alpha(opacity=80)} #fiche-produit .bloc-miniatures .bloc-miniatures-40:hover{opacity :1; -moz-opacity :1; -ms-filter:"alpha(opacity=100)"; filter :alpha(opacity=100)} #fiche-produit .produit-picto{ position:absolute; width:317px; height:317px; background:url(../charte/images/SP-INTEGRATION.png) no-repeat 0 -860px; margin:-25px 0 0 15px; z-index:2} #fiche-produit .produit-picto a span.vertical-cell{ display:table-cell; width:317px; height:280px; text-align:center; vertical-align:middle} #fiche-produit .produit-picto a{ display:block; margin:15px; width:auto; height:auto; text-decoration:none} #fiche-produit .produit-info{ padding-left:34px} #fiche-produit .produit-info h1{ font-family:"Open Sans"; font-size:22px; margin:20px 0 0 0} #fiche-produit .produit-plus .produit-accroche{ font-family:"Open Sans"; font-size:13px; text-align:left; display:block; margin:5px 20px 10px 22px} #fiche-produit .produit-info h2{ font-family:verdana; font-size:11px; color:#666; margin:10px 20px 5px 0} #fiche-produit .produit-info .produit-commentaire{ font-size:10px; text-align:left; display:block; margin:12px 0; color:#BA1A1A} #fiche-produit .produit-info .produit-info-contenu{ height:80px; overflow:hidden} #fiche-produit .produit-commander .produit-prix{ display:block; font-size:22px; font-family:"Open Sans"; color:#BA1A1A; margin:0px 0 0 364px; width:130px} #fiche-produit .produit-commander .produit-prix-texte{ font-size:9px; font-style:italic; display:block; padding-top:4px; margin:3px 0 0 364px; width:250px; color:#666} #fiche-produit .produit-commander{ width:718px; height:75px; margin:0 0 150px; background:#E8E8E8; padding-top:48px; margin:0 4px 40px 15px} #fiche-produit .produit-commander a{ display:block; width:90px; background:#BA1A1A; text-transform:uppercase; color:#FFF; font-size:10px; padding:7px 0; text-align:center; text-decoration:none; margin:-44px 0 0 627px; font-family:"Open Sans"} #fiche-produit .produit-commander a:hover{ background:#999} #fiche-produit .produit-plus{ float:left; height:170px; height:260px; padding:10px 0 0 340px; background:#fff} #fiche-produit .produit-encart{position:absolute;margin:200px 0 0 340px; z-index:2} #fiche-produit .produit-plus ul, #fiche-produit .produit-plus li{ list-style:none} #fiche-produit .produit-plus ul{ padding:0px 0 0 20px; margin-top:10px} #fiche-produit .produit-plus ul li{ margin:5px 0; padding:0 0 0 20px; background:url(../charte/images/PUCE-check.png) no-repeat 0 2px; font-size:10px; color:#af0001} #fiche-produit .produit-plus .produit-plus-titre{ width:165px; height:50px; height:43px; background:url(../charte/images/SP-INTEGRATION.png) no-repeat; background-position:0 -11px; margin:0 0 0 20px} #fiche-produit .produit-information-container{ margin:0 15px} #fiche-produit .produit-information-container .produit-navigation a{ font-family:"Open Sans"; display:block; float:left; text-decoration:none; padding:5px 10px 5px 10px; background:#BA1A1A; color:#FFF; margin-right:5px} #fiche-produit .produit-information-container .produit-navigation a:hover, #fiche-produit .produit-information-container .produit-navigation a.onglet-actif{ background:#DFDFDF !important; color:#666} #fiche-produit .produit-information-container .produit-information{ border-top:8px solid #DFDFDF; padding:30px 10px; background:#F9F7F8} #fiche-produit .produit-information-container .produit-information .information-onglet{ display:none} #fiche-produit .produit-information-container .produit-information .onglet-actif{ display:block} #fiche-produit .produit-information-container .onglet-descriptif .description-picto{ text-align:center; float:left; width:100px} #fiche-produit .produit-information-container .onglet-descriptif .description-picto span{ display:inline-block; margin:0 0 20px 0} #fiche-produit .produit-information-container .onglet-descriptif .description-picto span a{ border:0} #fiche-produit .produit-information-container .onglet-descriptif .description-texte{ float:left; text-align:justify; margin:0 0 0 30px; width:546px} #fiche-produit .contenu-produit .produit-entete .produit-illus{ height:150px; width:109px; position:absolute; background:url(../charte/images/SP-charte.png) no-repeat; background-position:-118px -2367px; margin:6px 0 0 608px} .produit-tab{ width:100%; font-size:10px} .produit-tab tr, .produit-tab td, .produit-tab th{ width:auto} .titre-tab{ font-family:"Open Sans"; background:#666; border:0; color:#fff; font-size:12px} .produit-tab tr td{ padding:4px 0 4px 10px} .cellule-espace{ padding:5px} .titre-cellule{ font-weight :bold} .produit-tab tr .titre-cellule-der{ padding-bottom:25px} .produit-tab tr .titre-cellule-der-bold{ padding-bottom:25px; font-weight :bold} /** charte-v2/models/../css-js/ancien/ **/ #recette-listing .recette-liste{ margin:20px 0px} #recette-listing .recette-liste-item{ float:left; display:block; width:195px; height:190px; background:#4187b3; margin:0px 8px 20px 8px; text-align:center; text-decoration:none} #recette-listing .recette-liste-item span.recette-liste-image{ display:block; width:195px; height:140px} #recette-listing .recette-liste-item:hover{ background:#999} #recette-listing .recette-liste-item img{ width:195px; margin-bottom:10px} #recette-listing .recette-liste-item span.recette-liste-titre{ display:block; padding:5px 10px; font-family:"Open Sans"; color:#FFF; font-size:10px; text-transform:uppercase} #recette-fiche .recette-fiche-encart h1{ color:#4187b3} #recette-fiche .recette-fiche-encart{ width:auto; margin:50px auto} #recette-fiche .recette-fiche-encart .recette-gauche{ float:left; width:300px; text-align:center} #recette-fiche .recette-fiche-encart .recette-gauche img{ border:1px solid #F5F5F5} #recette-fiche .recette-fiche-encart .recette-gauche span.temps-preparation{ display:block; margin:10px 0; font-weight:bold; font-size:11px} #recette-fiche .recette-fiche-encart .recette-droite{ float:left; width:340px} #recette-fiche .recette-fiche-encart .recette-droite span{ font-weight:bold} #recette-fiche .recette-fiche-encart .recette-bottom{ margin-top:20px} #recette-fiche .recette-fiche-encart .recette-bottom .avatar{ float:left; display:block; margin-left:25px} #recette-fiche .recette-fiche-encart .recette-bottom .detail{ float:left; display:block; margin:10px 0 0 10px} #recette-fiche .recette-fiche-encart .recette-bottom .bouton a{ display:block; background:#4187b3; text-transform:uppercase; color:#FFF; font-size:10px; padding:8px; margin:30px 0 0 545px; text-align:center; text-decoration:none; font-family:"Open Sans"; float:right; position:absolute} #recette-fiche .recette-fiche-encart .recette-bottom .bouton a:hover{ background:#666} /** charte-v2/models/../css-js/ancien/ **/ #contenu .encart-panier{ width:180px; margin-bottom:4px; padding:15px 11px 50px 11px; } .encart-panier-titre{ width:202px; height:46px; background:url(../photos-generiques/SP-catalogue.png) repeat; background-position:0px -246px; } .encart-panier-bt{ font-family:"Open Sans"; display:block; position:absolute; z-index:2; width:122px; height:19px; background:#ccc; color:#666; font-size:10px; padding:8px 0 0 15px; margin:0 0 30px 25px; } .encart-panier-bt:hover{ background:#666; color:#ccc; } .encart-panier-quantite{ display:inline-block; width:10px; } .encart-panier-designation{ display:inline-block; width:106px; } .encart-panier-prix{ display:inline-block; width:56px; font-family:"Open Sans"; font-size:11px; text-align:right; } .encart-panier-total-container{ border-top:1px solid #CCC; border-bottom:1px solid #CCC; margin:20px 0; padding:10px 0; } .encart-panier-titre-total{ display:block; float:left; color:#73a809; } .encart-panier-total{ display:block; color:#73a809; float:right; font-weight:bold; } .encart-barbecue-gaz-charbon, .encart-allumer-barbecue, .encart-origine-barbecue, .encart-10questions, .encart-nettoyage{ width:300px; height:180px; background:url(../charte/images/SP-charte.png) no-repeat; margin-bottom:4px; } .encart-titre{ display:block; font-family:"Open Sans"; font-size:18px; color:#333; } .encart-bouton{ font-family:"Open Sans"; display:block; position:absolute; z-index:2; width:68px; height:19px; background:#333; color:#fff; font-size:10px; padding:8px 0 0 15px; } .accueil-contenu-droit a:hover .encart-bouton{ background:#999; } .encart-texte{ display:block; font-size:10px; } .encart-barbecue-gaz-charbon{ background-position:-300px -1296px; } .encart-barbecue-gaz-charbon .encart-titre{ width:250px; color:#990000; padding:18px 0 0 40px; } .encart-barbecue-gaz-charbon .encart-texte{ width:153px; height:100px; padding:19px 0 0 130px; color:#000; } .encart-barbecue-gaz-charbon .encart-bouton{ margin:-44px 0 0 217px; } .encart-allumer-barbecue{ background-position:0px -1476px; } .encart-allumer-barbecue .encart-titre{ width:250px; color:#d07f02; padding:22px 0 0 20px; } .encart-allumer-barbecue .encart-texte{ width:202px; height:100px; padding:18px 0 0 82px; color:#ae6a01; } .encart-allumer-barbecue .encart-bouton{ margin:-50px 0 0 217px; } .encart-origine-barbecue{ background-position:0px -1296px; } .encart-origine-barbecue .encart-titre{ width:250px; padding:18px 0 0 128px; color:#94d70f; } .encart-origine-barbecue .encart-texte{ width:153px; height:100px; padding:19px 0 0 130px; color:#7dd426; } .encart-origine-barbecue .encart-bouton{ margin:-48px 0 0 217px; } .encart-10questions{ background-position:0px -1656px; } .encart-10questions .encart-titre{ width:250px; color:#db8600; padding:13px 0 0 130px; color } .encart-10questions .encart-texte{ width:153px; height:100px; padding:19px 0 0 130px; } .encart-10questions .encart-bouton{ margin:-40px 0 0 217px; } .encart-nettoyage{ background-position:0px -2082px; } .encart-nettoyage .encart-titre{ width:250px; color:#4187b3; padding:13px 0 0 136px; } .encart-nettoyage .encart-texte{ width:123px; height:100px; padding:15px 0 0 163px; } .encart-nettoyage .encart-bouton{ margin:-34px 0 0 217px; } .encart-paiement a, .encart-livraison a, .encart-satisfaction a{ width:300px; height:85px; background:url(../charte/images/SP-charte.png) no-repeat; margin-bottom:4px; } .encart-paiement a.encart-titre{ background-position:0px -1836px; } .encart-paiement-cat a, .encart-livraison-cat a, .encart-satisfaction-cat a{ width:202px; height:82px; background:url(../charte/images/SP-catalogue.png) no-repeat; margin-bottom:1px; } .encart-paiement-cat a.encart-titre{ background-position:0px 0px; } .encart-livraison a.encart-titre{ background-position:0px -1918px; } .encart-livraison-cat a.encart-titre{ background-position:0px -82px; } .encart-satisfaction a.encart-titre{ background-position:0px -2000px; } .encart-satisfaction-cat a.encart-titre{ background-position:0px -164px; } #module-contact .module-colonne label{ display:block; float:left; clear:left; margin:2px 0px} #module-contact .module-colonne input, #module-contact .module-colonne textarea{ float:left; clear:left; width:250px; border:1px solid #999; margin:5px 0} #module-contact .module-colonne textarea{ height:200px} #module-contact .module-colonne input.submit{ font-family:"Open Sans"; display:block; z-index:9; width:auto; background:#333; color:#fff; font-size:10px; padding:3px 7px; cursor:pointer} #module-contact .module-colonne input.submit:hover{ background:#999} #module-contact .mention-contact{ font-size:9px; margin:40px 0; text-align:center; font-style:italic} #ajout-panier-ajax{position:fixed;width:400px;height:260px;left:50%;top:50%;padding:0;margin-left:-200px;margin-top:-125px;background:#f8f8f8;z-index:999;-webkit-box-shadow:0px 0px 4px 2px #eeeeee;-moz-box-shadow:0px 0px 4px 2px #eeeeee;box-shadow:0px 0px 4px 2px #eeeeee;display:none} #ajout-panier-ajax-fond{position:fixed;width:100%;height:100%;left:0;top:0;background:#FFF;display:none;z-index:888; opacity :0.8; filter :alpha(opacity=80)} .titre-ajout-panier{ font-family:"Open Sans"; font-size:15px; text-align:left; color:#fff; background:#333; width:385px; height:20px; padding:10px 0 8px 15px; } .cadre-ajout-panier{ width:130px; height:128px; position:absolute; z-index:3; background:url(../photos-generiques/ajout-panier-cadre.png) no-repeat; margin:18px 0 8px 27px; text-align:center; vertical-align:middle} #ajout-panier-ajax .vertical-cell{ width:130px; height:128px; display:table-cell; text-align:center; vertical-align:middle} .info-ajout-panier{ padding:37px 20px 10px 178px; height:120px} .info-ajout-panier-designation{ font-family:"Open Sans"; font-size:14px; color:#73a809; font-weight:normal; margin-bottom:10px} .bt-continuer-achat, .bt-finaliser-cmd{ display:block; width:170px; height:43px; float:left; background:url(../photos-generiques/BT-panier.png) no-repeat; float:right; margin-right:19px} .bt-continuer-achat{ background-position:0px 0px} .bt-continuer-achat:hover{ background-position:-170px 0px} .bt-finaliser-cmd{ background-position:0px -43px} .bt-finaliser-cmd:hover{ background-position:-170px -43px} .fil-arianne{font-size:9px;padding-bottom:10px} .fil-arianne a:link, .fil-arianne a:visited, .fil-arianne a:hover{text-decoration:none} .fil-arianne a:hover{text-decoration:underline} /** charte-v2/models/../css-js/ancien/ **/ body.popup{background:#FFF} .popup #container{width:800px;min-height:0} .popup #contenu{min-height:0} /** charte-v2/models/../css-js/ancien/ **/ .listing-produit .listing-produit-container .item-alternatif .item-info .item-titre{color:#810505} .listing-produit .listing-produit-container .item-alternatif .item-prix .item-prix-prix{color:#810505} .listing-produit .listing-produit-container .item-alternatif .item-prix .item-prix-bouton{background:#810505} .listing-produit .listing-produit-container .item-alternatif .item-prix{background-color:#e8e8e8} .listing-produit .listing-produit-container h2.item-alternatifh2{color:#810505} .univers-plancha-electrique h1{color:#DB8600} .univers-plancha-electrique .listing-entete{background-position:0px -696px} .univers-plancha-electrique .listing-produit-container .listing-item .item-info .item-titre{color:#DB8600} .univers-plancha-electrique .listing-produit-container .listing-item .item-prix .item-prix-prix{color:#DB8600} .univers-plancha-electrique .listing-produit-container .listing-item .item-prix .item-prix-bouton{background:#DB8600} .univers-plancha-electrique .listing-produit-container .listing-item .item-prix{background-color:#e8e8e8} .univers-plancha-electrique .listing-produit-container h2{color:#DB8600} #fiche-produit.univers-plancha-electrique .produit-info .produit-commentaire{color:#DB8600} #fiche-produit.univers-plancha-electrique .produit-commander .produit-prix{color:#DB8600} #fiche-produit.univers-plancha-electrique .produit-commander a.produit-prix-bouton{background:#DB8600} #fiche-produit.univers-plancha-electrique .produit-information-container .produit-navigation a{background:#DB8600} #fiche-produit.univers-plancha-electrique .produit-commander{background-color:#e8e8e8} #fiche-produit.univers-plancha-electrique .produit-entete .produit-plus .produit-plus-titre{background-position:0 -766px} #fiche-produit.univers-plancha-electrique .produit-plus ul li {color:#DB8600} .univers-plancha-electrique .listing-produit-container .item-alternatif .item-info .item-titre{color:#f39d16} .univers-plancha-electrique .listing-produit-container .item-alternatif .item-prix .item-prix-prix{color:#f39d16} .univers-plancha-electrique .listing-produit-container .item-alternatif .item-prix .item-prix-bouton{background:#f39d16} .univers-plancha-electrique .listing-produit-container .item-alternatif .item-prix{background-color:#e8e8e8} .univers-plancha-electrique .listing-produit-container h2.item-alternatif{color:#f39d16} #fiche-produit.univers-plancha-electrique .produit-encart-premier a, #fiche-produit.univers-plancha-electrique .produit-encart-avis-bouton a, #fiche-produit.univers-plancha-electrique .onglet-commentaire .produit-commentaire-bouton, #fiche-produit.univers-plancha-electrique .bouton-tout-commentaire{background-color:#DB8600} .univers-pack h1{color:#7ba733} .univers-pack .listing-entete{background-position:0px -846px} .univers-pack .listing-produit-container .listing-item .item-info .item-titre{color:#7ba733} .univers-pack .listing-produit-container .listing-item .item-prix .item-prix-prix{color:#7ba733} .univers-pack .listing-produit-container .listing-item .item-prix .item-prix-bouton{background:#7ba733} .univers-pack .listing-produit-container .listing-item .item-prix{background-color:#e8e8e8} .univers-pack .listing-produit-container h2{color:#7ba733} #fiche-produit.univers-pack .produit-info .produit-commentaire{color:#7ba733} #fiche-produit.univers-pack .produit-commander .produit-prix{color:#7ba733} #fiche-produit.univers-pack .produit-commander a.produit-prix-bouton{background:#7ba733} #fiche-produit.univers-pack .produit-information-container .produit-navigation a{background:#7ba733} #fiche-produit.univers-pack .produit-commander{background-color:#e8e8e8} #fiche-produit.univers-pack .produit-entete .produit-plus .produit-plus-titre{background-position:0 -816px} #fiche-produit.univers-pack .produit-plus ul li {color:#7ba733} .univers-pack .listing-produit-container .item-alternatif .item-info .item-titre{color:#49710a} .univers-pack .listing-produit-container .item-alternatif .item-prix .item-prix-prix{color:#49710a} .univers-pack .listing-produit-container .item-alternatif .item-prix .item-prix-bouton{background:#49710a} .univers-pack .listing-produit-container .item-alternatif .item-prix{background-color:#e8e8e8 } .univers-pack .listing-produit-container h2.item-alternatif{color:#49710a} #fiche-produit.univers-pack .produit-encart-premier a, #fiche-produit.univers-pack .produit-encart-avis-bouton a, #fiche-produit.univers-pack .onglet-commentaire .produit-commentaire-bouton, #fiche-produit.univers-pack .bouton-tout-commentaire{background-color:#7ba733} .univers-accessoire h1{color:#eeaa01} .univers-accessoire .listing-entete{background-position:0px -996px} .univers-accessoire .listing-produit-container .listing-item .item-info .item-titre{color:#eeaa01} .univers-accessoire .listing-produit-container .listing-item .item-prix .item-prix-prix{color:#eeaa01} .univers-accessoire .listing-produit-container .listing-item .item-prix .item-prix-bouton{background:#eeaa01} .univers-accessoire .listing-produit-container .listing-item .item-prix{background-color:#e8e8e8} .univers-accessoire .listing-produit-container h2{color:#eeaa01} #fiche-produit.univers-accessoire .produit-info .produit-commentaire{color:#eeaa01} #fiche-produit.univers-accessoire .produit-info .produit-prix{color:#eeaa01} #fiche-produit.univers-accessoire .produit-commander .produit-prix{color:#eeaa01} #fiche-produit.univers-accessoire .produit-commander a.produit-prix-bouton{background:#eeaa01} #fiche-produit.univers-accessoire .produit-information-container .produit-navigation a{background:#eeaa01} #fiche-produit.univers-accessoire .produit-commander{background-color:#e8e8e8} #fiche-produit.univers-accessoire .produit-entete .produit-plus .produit-plus-titre{background-position:0 -1180px} #fiche-produit.univers-accessoire .produit-plus ul li {color:#eeaa01} .univers-accessoire .listing-produit-container .item-alternatif .item-info .item-titre{color:#ff8400} .univers-accessoire .listing-produit-container .item-alternatif .item-prix .item-prix-prix{color:#ff8400} .univers-accessoire .listing-produit-container .item-alternatif .item-prix .item-prix-bouton{background:#ff8400} .univers-accessoire .listing-produit-container .item-alternatif .item-prix{background-color:#e8e8e8} .univers-accessoire .listing-produit-container h2.item-alternatif{color:#ff8400} #fiche-produit.univers-accessoire .produit-encart-premier a, #fiche-produit.univers-accessoire .produit-encart-avis-bouton a, #fiche-produit.univers-accessoire .onglet-commentaire .produit-commentaire-bouton, #fiche-produit.univers-accessoire .bouton-tout-commentaire{background-color:#eeaa01}