/*input, button, textarea{-webkit-appearance: none;-ms-appearance: none;-moz-appearance: none;-o-appearance: none;border-radius:0;}*/ .overlayBody{position:fixed;z-index:9;background-color:rgba(255, 255, 255, 0.8);top:0;left:0;width:100%;height:100%;display:none;} .error-msg{text-align:center;font:12px 'Gotham-Medium';color:#263475;margin:0 0 10px;} .hidden{display:none;} h1, h2, h3, h4, h5, h6{font-family:'MontserratSemiBold';font-weight:normal;} .clear{float:none!important;clear:both!important;width:0!important;height:0!important;} div.floatRight{float:right;} ul{margin:0;padding:0;} ul li{list-style:none;margin:0;padding:0;} a{border:none;outline:none;text-decoration:none;color:inherit;} a:focus, a:hover{text-decoration:none;outline:none;} img{border:none;max-width:100%;} strong, b{font-family:'Gotham-Medium';font-weight:normal;} em, i{font-family:'Gotham-Book';font-style:italic;} body{font-family:'Gotham-Book', Arial;color:#2d292d;font-size:13px;background-color:#FFF;} .big_wrapper{max-width:100%;} input[type="text"],input[type="password"], textarea ,input[type="submit"], button, input[type="tel"],input[type="email"] { border-radius:0; -moz-border-radius:0; -webkit-border-radius:0; -ms-border-radius:0; -o-border-radius:0; box-shadow:none;-moz-box-shadow:none;-webkit-box-shadow:none;-ms-box-shadow:none;-o-box-shadow:none;-webkit-appearance: none;} /* Slider Slick default style */ .slick-slider { position: relative; display: table; table-layout: fixed; width: 100%; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; z-index:8;} /*.slick-slider { position: relative; display: block; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; z-index:8;}*/ .slick-list { position: relative; overflow: hidden; display: block; margin: 0; padding: 0; z-index:9;} .slick-list:focus { outline: none; } .slick-loading .slick-list {} .slick-list.dragging { cursor: pointer; cursor: hand; } .slick-track { position: relative; left: 0; top: 0; display: block; zoom: 1; } .slick-track:before, .slick-track:after { content: ""; display: table;} .slick-track:after { clear: both; } .slick-loading .slick-track { visibility: hidden; } .slick-slide { float: left;/* height: 100%;*/ min-height: 1px; display: none; } .slick-slide.slick-loading img { display: none; } .slick-slide.dragging img { pointer-events: none; } .slick-initialized .slick-slide { display: block; } .slick-loading .slick-slide { visibility: hidden; } .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent;} .pi-tabs-content > .pi-tab-pane.pi-active {height: 100%;position: relative;display: block;} .pi-tabs-content > .pi-tab-pane {height: 0;min-height: 0;position: relative;display:none;} /* End Slider Slick default style */ /*@font-face{font-family:blacksword;font-display:swap;src:url(/fonts/Blacksword.eot?#iefix) format('embedded-opentype'),url(/fonts/Blacksword.otf) format('opentype'),url(/fonts/Blacksword.woff) format('woff'),url(/fonts/Blacksword.ttf) format('truetype'),url(/fonts/Blacksword.svg#Blacksword) format('svg');font-weight:400;font-style:normal}*/ @font-face{font-family:MontserratSemiBold;src:url(/fonts/Montserrat-SemiBold.ttf) format('truetype')} @font-face{font-family:Montserrat;font-display:swap;src:url(/fonts/Montserrat-Regular.ttf)} .font-9{font-size:9px;} /******************************************************************** COMMUN - COMMUN - COMMUN - COMMUN - COMMUN - COMMUN - COMMUN - COMMUN ********************************************************************/ .encart-header-confiance { margin-left:20px;position:absolute;left:350px;top:30px;font: 16px MontserratSemiBold;color:#cb151a; text-align: center; } @media only screen and (min-width:770px) { .carouBandeauBit p{margin:8px 0 0 0} } @media only screen and (max-width:769px) { .carouBandeauBit p{margin:8px 0} .main {margin-top:-20px;} } .d-none { display:none!important } .paddingTop{padding-top:224px;} .paddingTop .header_top{display:none;} .headerWrapper.headerFixed{position:fixed;top:0;left:0;width:100%;z-index:99;} .headerWrapper.headerFixed .header{padding:5px 0; transition:all 0.5s;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-o-transition:all 0.5s;} .headerWrapper.headerFixed .logo{width:200px;float:left;text-align:center;margin-top:22px;} /*.headerWrapper.headerFixed .logo img{transition:all 0.5s;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-o-transition:all 0.5s;}*/ .headerWrapper.headerFixed .link_header_fixed{/*display:block;*/float:left;width:210px;margin:5px 0 0 25px; -webkit-transition:all .3s cubic-bezier(.21,.33,.67,1.23);transition:all .3s cubic-bezier(.21,.33,.67,1.23);} .link_header_fixed li{padding:2px 0;} .fixed_delivery a{display:inline-block;text-transform:uppercase;color:#cb151a;font:10px 'Gotham-Bold';padding:0 0 0 27px;background:url('template-ico_truck.png') no-repeat left center;} .fixed_tel a{color:#2d292d;display:inline-block;padding:1px 0 1px 18px;background:url('template-ico_phone.png') no-repeat left center;font:12px 'Gotham-Medium';} .headerWrapper.headerFixed .searchTop{margin-top:10px;} .headerWrapper.headerFixed .navigation{border-bottom:2px solid;} .headerWrapper.headerFixed a.navLink{padding:10px 0 0;height:38px;} .headerWrapper.headerFixed li.navItem:hover > a.navLink{padding:9px 0;} .headerWrapper.headerFixed a.promoLink{display:inline-block;padding:9px 0;color:#cb151a;font:0.96em 'Montserrat';} .headerWrapper.headerFixed a.promoLink:hover{font-family:'Montserrat';} .headerWrapper.headerFixed a.nouveautesLink{display:inline-block;padding:9px 0;color:#cb151a;font:0.96em 'Montserrat';} .headerWrapper.headerFixed a.nouveautesLink:hover{font-family:'Montserrat';} .headerWrapper.headerFixed a.ongletdroiteLink {padding:9px 0;} .headerWrapper.headerFixed a.zerodechetLink { display:inline-block;padding:9px 0;color:#cb151a;font:16px MontserratSemiBold;text-transform: none;line-height: 20px; } .header_top{background-color:#263475;position:relative;z-index:11;color:#FFFFFF;font-family:Montserrat;font-weight: bold;max-height:35px;} .typeBf1 .header_top{background-color:#000000;} @media only screen and (min-width:769px) { .carouBandeauBit p{margin:8px 0 0 0} } .link_livraison{} .link_livraison p{margin:0px;} .link_livraison a{display:inline-block;text-transform:uppercase;color:#cb151a;font:11px 'Gotham-Bold';/*padding:0 0 0 27px;background-image: url(template-sprite.png);background-repeat: no-repeat;background-position: -20px -1050px;*/} .link_newsletter{text-align:center;position:relative;} .link_newsletter p{margin:0px;} .link_newsletter a{display:inline-block;color:#2d292d;font:11px 'Gotham-Medium';/*padding:0 0 0 20px;background-image: url(template-sprite.png);background-repeat: no-repeat;background-position:-20px -939px;*/} .link_newsletter a strong{text-transform:uppercase;color:#cb151a;font:11px 'Gotham-Bold';} .link_newsletter a span{color:#2d292d;font:11px 'Gotham-Medium';} .newsletterTop{position:absolute;top:15px;padding:15px;background-color:#ffffff;border:1px solid #d6d6d6;max-width:320px;left:50%;margin-left:-160px;display:none;} .newsletterTop_text{text-align:center;margin-bottom:15px;font-size:13px;} .newsletterTop_text a{font:12px 'Arial';background:none;} .newsletterTop_text p{font:12px 'Arial';background:none;} .newsletterTop_form{} .n_top_text{border:none;background-color:#fcfcfc;width:100%;height:38px;padding:0 10px;color:#2d292d;font-size:12px;border:1px solid #d6d6d6;margin-bottom:5px;} .n_top_submit{border:none;background-color:#cb151a;width:100%;color:#ffffff;display:block;font:13px 'Gotham-Medium';text-align:center;padding:10px 0;margin-bottom:5px;text-transform:uppercase;} .n_top_submit:hover{background-color:#e2a504;} a.closePop_NL{background:#2d292d;width:100%;color:#ffffff;display:block;font:13px 'Gotham-Medium';text-align:center;padding:10px 0;text-transform:uppercase;} .closePop_NL:hover{background:#4d474d;} .link_tel{text-align:right;position: relative;padding:10px 0;color:#FFFFFF;} .link_tel a{color:#FFFFFF;display:inline-block;padding:1px 0 1px 18px;font-family:Montserrat;font-weight: bold;background-image: url(template-sprite.png);background-repeat: no-repeat;background-position:-20px -993px;} .telephoneTop {position: absolute;top:25px;padding:15px;background-color:#ffffff;border:1px solid #d6d6d6;width:320px;right: 0px;display: none;color:#000000;} .telephoneTop_text {text-align: center;} .headerWrapper{background-color:#fcfcfc;position:relative;z-index:10;} .header{padding:10px 0 10px;border-bottom:1px solid #e0e0e2;border-top:1px solid #e0e0e2; transition:all 0.5s;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-o-transition:all 0.5s;} .btn_menu_mobile{display:none;} .logo img {width:270px;} @media only screen and (max-width:400px) { .logo img { margin-bottom:5px; } } .link_header_fixed{display:none;} .searchTop{max-width:670px;height:38px;position:relative;margin-top:30px;} .s_text{background-color:#FFFFFF;border:1px solid #000000;border-radius:0;box-shadow:none;color:#2d292d;font-size:12px;height:38px;overflow:hidden;padding:0 10px 0 40px;text-overflow:ellipsis;transition:all .5s ease 0;width:100%;transition:all 0.5s;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-o-transition:all 0.5s;} .s_text:focus{border:1px solid #cb151a;background-color:#ffffff;} .s_submit{width:38px;height:36px;border:none;position:absolute;top:1px;left:1px; background-image: url(template-sprite.png); background-repeat: no-repeat;display: block;background-position: -10px -1754px;} .menuTop{float:right;} .menuTop a i{font-family:'Gotham-Book';} .menu_user{float:left;margin-left:20px;} .menu_user a{display:inline-block;color:#2d292d;padding:45px 0 0;position:relative;} .menu_user a:hover{color:#cb151a;} .menu_user .ico-fidelite { background-image: url(template-fidelite.png);background-repeat: no-repeat;display: block;height:40px; width:40px;position:absolute;left:35%;top:0;background-size: contain} .menu_user .ico-user { background-image: url(template-user.png);background-repeat: no-repeat;display: block;height:40px; width:26px;position:absolute;left:40%;top:0;background-size: contain} .menu_cart{float:left;margin-left:20px;} .menu_cart a{display:inline-block;color:#2d292d;padding:45px 0 0;position:relative;} .menu_cart a:hover{color:#cb151a;} .menu_cart .ico-cart { background-image: url(template-cart.png);background-repeat: no-repeat;display: block;height:34px; width:46px;position:absolute;left:15%;top:10%;background-size: contain} .menu_cart a em{position:absolute;display:block;background-color:#cb151a;width:20px;height:20px;text-align:center;color:#ffffff;font:12px 'Gotham-Medium';top:0;right:15px;padding:2px 0 0; border-radius:100%;-webkit-border-radius:100%;-moz-border-radius:100%;-o-border-radius:100%;} .navigation{border-bottom:1px solid #e0e0e2;background-color:#ffffff;position:relative;} ul.onglets{} li.navItem{float:left;margin-right:30px;} a.navLink{display:inline-block;padding:18px 0 0;color:#2d292d;font:0.94em 'Montserrat';height:53px;font-weight:bold;} li#nav_32 a.navLink{color:#68af1a;} /*li.navItem:hover > a.navLink{color:#cb151a;font:0.90em 'Montserrat';padding:18px 0;}*/ li.navItem:hover > a.navLink{color:#cb151a;} li.navPromo{margin-left:15px;float:left;} a.ongletdroiteLink{display:inline-block;padding:18px 0;color:#2d292d;font:.94em 'Montserrat';font-weight:bold;padding:18px 0;} a.ongletdroiteLink:hover{color:#cb151a;} a.tout-voir-onglets{color:#cb151a;text-decoration: underline;font-size: 18px;} a.tout-voir-onglets:hover{cursor: pointer; text-decoration: underline;} a.promoLink{display:inline-block;padding:18px 0;color:white;font:15px 'Montserrat';} a.nouveautesLink{display:inline-block;padding:18px 0;color:#cb151a;font:15px 'Montserrat';font-weight:bold;} a.promoLink:hover{font:14px 'Montserrat';} a.nouveautesLink:hover{} a.ongletNoel{background:#BF1825;color:#FFFFFF !important;padding: 18px 5px;} a.ongletNoel:hover{background:#BF1825;color:#FFFFFF !important;} a.promoLinkOld{border:2px solid #263475;color:#263475 !important;padding: 18px 5px;font: 15px 'Montserrat';font-weight: bold;text-transform:uppercase;} a.promoLinkOld:hover{border:2px solid #263475;color:#263475 !important;} .navPromo-mobile-old{background-color:#263475;} .navPromo-mobile-old a {color:#fff !important;text-transform:uppercase;} a.promoLinkSpring{color:#263475 !important;padding: 18px 5px;font: 15px 'Montserrat';font-weight: bold;text-transform:uppercase;text-decoration:underline;} a.promoLinkSpring:hover{color:#263475 !important;} .navPromo-mobile-spring{border:none;text-decoration:none;font: 15px 'Montserrat';font-weight: bold;} .navPromo-mobile-spring a {color:#263475 !important;font: 15px 'Montserrat';font-weight: bold !important;text-transform:uppercase;} .navPromo-mobile-spring span{text-decoration: underline;} .promoLinkSpring span{text-decoration: none;} a.zerodechetLink { display:inline-block;padding:16px 0;color:#cb151a;font:16px MontserratSemiBold;text-transform: none;line-height: 20px; } a.zerodechetLink:hover { font-weight:bold } .header .pi-section { max-width:1440px!important } .navigation .pi-section { max-width:1440px!important } @media only screen and (min-width:1025px) { .fdp2-progressbar-wrap {display : none !important;} .navigation{display:block!important;} /*li.ongletItem:hover > .subMenu{display:block;}*/ a.navLink{border-bottom:3px solid transparent;position:relative; transition:all 0.5s;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-o-transition:all 0.5s;} li.ongletItem:hover > a.navLink{border-bottom:3px solid #cb151a; transition:all 0.5s;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-o-transition:all 0.5s;} a.navLink:after{content:url('../template-subArrow2.png');position:absolute;right:-10px;top:50%;margin-top:-1px; transition:all 0.2s;-webkit-transition:all 0.2s;-moz-transition:all 0.2s;-o-transition:all 0.2s;-ms-transition:all 0.2s;} li.ongletItem:hover > a.navLink:after{transform: rotate(180deg) ;-webkit-transform: rotate(180deg) ;-moz-transform: rotate(180deg) ;-o-transform: rotate(180deg) ;-ms-transform: rotate(180deg) ; transition:all 0.2s;-webkit-transition:all 0.2s;-moz-transition:all 0.2s;-o-transition:all 0.2s;-ms-transition:all 0.2s;} } .subMenu{position:absolute;top:98%;left:0;z-index:99;background-color:#fcfcfc;width:100%;padding:25px 0;border-top:1px solid #e0e0e2;border-bottom:1px solid #e0e0e2;display:none;} .subMenuItem{} .subMenuItem_lib{font:15px 'Montserrat';color:#2d292d;border-bottom:1px solid #2d292d;padding-bottom:5px;margin-bottom:10px;} ul.subMenuList { -moz-column-count: 3; -moz-column-gap: 10px; -webkit-column-count: 3; -webkit-column-gap: 10px; column-count: 3; column-gap: 10px; list-style: none; } ul.subMenuList_nocolumn { -moz-column-count: auto; -moz-column-gap: normal; -webkit-column-count: auto; -webkit-column-gap: normal; column-count: auto; column-gap: normal; list-style: none; } ul.subMenuList li{margin-bottom:7px;} ul.subMenuList li a{font-size:12px;color:#2d292d;} ul.subMenuList li a:hover{font-size:13px;color:#cb151a;font-family:'Gotham-Medium';} ul.subMenuList ul.subMenuList {padding: 5px 0 5px 10px;} .subMenuMarque{} .subMenuMarque_lib{font:15px 'Montserrat';color:#2d292d;border-bottom:1px solid #2d292d;padding-bottom:5px;margin-bottom:10px;} .col1{height:200px;} ul.subMenuMarqueList{width:50%;float:left;padding:0 25px 0 0;min-height:1px!important;} ul.subMenuMarqueList li{margin-bottom:7px;} ul.subMenuMarqueList li a{font-size:12px;color:#2d292d;} ul.subMenuMarqueList li a:hover{font-size:13px;color:#cb151a;font-family:'Gotham-Medium';} .subMenuImage{position:relative;float:right;width:244px} .subMenuImageOverlay{position:absolute;width:344px;height:334px;background-color:rgba(0, 0, 0, 0.5);top:0;left:0;} .subMenuImageDesc{width:344px;height:334px;display:table-cell;vertical-align:middle;text-align:center;color:#ffffff;} .subMenuImageDesc strong{font:20px 'Gotham-Bold';text-transform:uppercase;} .subMenuImageDesc span{font:11px 'Gotham-Bold';text-transform:uppercase;} .texteperso_index{text-align:center;background-color:#cb151a;color:#ffffff;font:11px 'Montserrat';padding:10px;max-width:1200px;margin:20px auto;} .texteperso_index p {margin:0; padding:0;} .texteperso_categ{text-align:center;background-color:#cb151a;color:#ffffff;font:11px 'Montserrat';padding:10px;max-width:1200px;margin:20px auto;} .texteperso_categ p {margin:0; padding:0;} .slider_wrapper{max-width:1253px;padding-bottom:40px;background:url('template-shadow_slider.png') no-repeat center bottom;margin:auto;} .slider_container{position:relative;background-color:#ffffff;border:1px solid #e0e0e2;padding:10px 10px 25px;max-width:1080px;margin:auto;} .slider_container .sliderItem .sliderItemImgLarge{display:none;} .slider_container ul.slick-dots{position:absolute;width:100%;bottom:-17px;left:0;text-align:center;z-index:9;} .slider_container ul.slick-dots li{display:inline-block;width:10px;height:10px;margin:0 3px;} .slider_container ul.slick-dots li button{display:block;width:10px;height:10px;border:none;font-size:0px;background-color:#ccc6cc;padding:0;} .slider_container ul.slick-dots li.slick-active button{background-color:#cb151a;} @media only screen and (min-width:640px) { .slider_container .sliderItem .sliderItemImgSmall{display:none;} .slider_container .sliderItem .sliderItemImgLarge{display:block;} } .texte_personnel_1{text-align:center;color:#2d292d;font:15px 'Montserrat';margin-bottom:40px;} .texte_personnel_1 p{margin:0 0 10px;} .top_product_index{margin-bottom:50px;} .top_product_index_lib{text-align:center;/*background:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAAAVBAMAAACeSyI0AAAAElBMVEXFkw7Fkw7Fkw7Fkw7Fkw7Fkw6S+F2ZAAAABnRSTlO/QI9gMCDEDIUOAAAAD0lEQVQI12NQYWAkCpoCAAeyAG3fjp64AAAAAElFTkSuQmCC') no-repeat center center;text-align:center;*/} .top_product_index_lib span{display:inline-block;padding:0 20px;/*background-color:#f9f7f7;*/font:900 30px 'Montserrat';color: #000000;text-transform: uppercase;} .top_product_index_all{text-align:center;margin-bottom:15px;} .top_product_index_all a{color:#2d292d;font-size:12px;} .top_product_index_all a i{color:#cb151a;} .top_product_index_all a:hover{color:#cb151a;} .top_product_list{margin:0 -10px;} .top_product_list .slick-prev{background:url('template-prev_arrow.png') no-repeat;position:absolute;top:50%;left:-20px;margin-top:-15px;width:14px;height:26px;border:none;font-size:0;} .top_product_list .slick-next{background:url('template-next_arrow.png') no-repeat;position:absolute;top:50%;right:-20px;margin-top:-15px;width:14px;height:26px;border:none;font-size:0;} .articleBit{border:1px solid #e0e0e2;background-color:#ffffff;max-width:250px;margin:0 auto 35px; transition:border 0.6s;-webkit-transition:border 0.6s;-moz-transition:border 0.6s;-o-transition:border 0.6s;/*overflow:hidden*/} .articleBit:hover{border:1px solid #3a50b7; transition:border 0.6s;-webkit-transition:border 0.6s;-moz-transition:border 0.6s;-o-transition:border 0.6s;} .articleBitEnAvant{background:#fff none repeat scroll 0 0;border:1px solid #cb151a;box-shadow:0 3px 6px #f5eacb;margin:0 auto 35px;max-width:250px;position:relative} /*.top_product_list .articleBit{margin:0 auto;}*/ .articleBit_ima{position:relative;text-align:center;} .livraison_24h {width: 40px;height: 40px;background: #cb151a;color: #fff;text-align: center;border-radius: 20px;padding: 11px 0;position: absolute;bottom: 10px;left: 10px;font-size: 14px;} .etiquette_ronde_promo {width: 40px;height: 40px;background-color: #263475;color: #fff;text-align: center;border-radius: 20px;padding: 11px 0;position: absolute;top: 10px;right: 10px;font-size: 14px;z-index:1;} .etiquette_epuise {width: 60px;height: 60px;background-color: #C1C1C1;color: #FFF;text-transform:uppercase;text-align: center;border-radius: 30px;padding: 22px 0;position: absolute;bottom: 10px;left: 10px;font-size: 13px;} .prod_image{position:relative;overflow:hidden;} .prod_image img {transition: all 0.3s ease 0s;-webkit-transition: all 0.3s ease 0s;-moz-transition: all 0.3s ease 0s;-o-transition: all 0.3s ease 0s;-ms-transition: all 0.3s ease 0s;} .prod_image:hover img {transform: scale(1.1);-webkit-transform: scale(1) !important;-moz-transform: scale(1.1);-o-transform: scale(1.1);-ms-transform: scale(1.1);} /*.pourcentageBox{background-color:#cb151a;color:#ffffff;font:15px "Gotham-Bold";height:60px;padding:20px 0 0;position:absolute;right:10px;text-align:center;top:50px;width:60px; border-radius:100%;-webkit-border-radius:100%;-moz-border-radius:100%;-o-border-radius:100%;}*/ .pourcentageBox{position:absolute;top:10px;right:20px;z-index:1;} .etiquette{position:absolute;top:0px;left:0px;} h3.articleBit_lib{padding:10px 10px 0;min-height:60px;max-height:60px;text-align:center;margin:0;overflow:hidden;font:12px 'Montserrat';} h3.articleBit_lib:hover{color:#cb151a;} .articleBit_prix{text-align:center;height:60px;} .pourcentageText{font:13px 'Montserrat';background: #f0b656;color: #fff;display:inline-block;padding: 5px 10px;} .pourcentageText > span{font-family: "Gotham-Medium"} .prix_promo{font: 15px "Verdana";font-weight: normal;font-weight: bold;/*font:13px 'Montserrat';*/color:#263475;display:inline-block;} .prix_old{text-decoration:line-through;color:#878787;display:inline-block;margin-right:5px;font-size:12px;} .articleBit_prix > form{display:inline-block;margin: 0 5px;} a.article-link-marque {text-decoration:underline; } a.article-link-marque:hover {text-decoration:underline;color:#000 } .collection_index{margin:0 -5px 50px;} .collection_index .slick-prev{background:url('template-prev_arrow.png') no-repeat;position:absolute;top:50%;left:-20px;margin-top:-15px;width:14px;height:26px;border:none;font-size:0;} .collection_index .slick-next{background:url('template-next_arrow.png') no-repeat;position:absolute;top:50%;right:-20px;margin-top:-15px;width:14px;height:26px;border:none;font-size:0;} .collectionItem{} .collectionBit{background-color:#e5e5e5;padding:15px;max-width:350px;margin:auto;} .collectionBit_ima{position:relative;overflow:hidden;} .collection_overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(197, 147, 14, 0.7);display:none;} /*.collectionBit_ima:hover > .collection_overlay{display:block;left:0; transition:all 0.5s;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-o-transition:all 0.5s;}*/ .collection_desc{text-align:center;color:#ffffff;font-size:14px;display:table-cell;height:250px;width:330px;vertical-align:middle;} .see_more{text-align:center;position:absolute;bottom:30px;left:0;width:100%;} .see_more span{color:#ffffff;font-size:12px;} .link_overlay{position:absolute;width:100%;height:100%;display:block;z-index:99;top:0;left:0} h3.collectionBit_lib{text-align:center;margin:0;padding:10px 0 0;min-height:30px;} h3.collectionBit_lib a{font:11px 'Montserrat';} h3.collectionBit_lib a:hover{color:#cb151a;} .texte_personnel_2{text-align:center;font-size:12px;margin-bottom:50px;} .guide_conseil{margin-bottom:50px;} .guide_conseil_lib{margin-bottom:15px;font:900 30px 'Montserrat';text-align:center;color:#000000; text-transform: uppercase;} .guide_conseil_list{margin:0 -10px;} .conseilBit{max-width:250px;margin:0 auto 15px;} .conseilBit_ima{text-align:center} h3.conseilBit_lib{text-align:center;margin:0;padding-top:10px;min-height:30px;} h3.conseilBit_lib a{font:14px 'Montserrat';} h3.conseilBit_lib a:hover{color:#cb151a;} .conseilBit_desc{font-size:12px;/*min-height:65px;margin-bottom:10px;*/} .conseilBit_link{text-align:right;} .conseilBit_link a{font-size:12px;} .conseilBit_link a i{color:#cb151a;} .conseilBit_link a:hover{color:#cb151a;text-decoration:underline;} .assuraceBloc{max-width:1200px;margin:50px auto;} .index .assuraceBloc{margin:0 auto 50px;} .avContainer{width:25%;float:left;text-align:center;} .avContainer.showTel{width:20%;} .avContainer span {display: block;height: 50px;} .avContainer a{display:inline-block;/*padding-top:50px;*/color:#2d292d;font:15px 'Montserrat'; transition:all 0.5s;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-o-transition:all 0.5s;} .avContainer a:hover{color:#cb151a;/*padding-top:40px;border-bottom:1px solid #cb151a;padding-bottom:5px;*/ transition:all 0.5s;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-o-transition:all 0.5s;} .avContainer > div{background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAAAVBAMAAACeSyI0AAAAElBMVEXFkw7Fkw7Fkw7Fkw7Fkw7Fkw6S+F2ZAAAABnRSTlO/QI9gMCDEDIUOAAAAD0lEQVQI12NQYWAkCpoCAAeyAG3fjp64AAAAAElFTkSuQmCC') no-repeat left center;} .avContainer > div.avBox1{background:none;} .avContainer .avBox1 span{background-image: url(template-sprite.png);background-repeat:no-repeat;display: block;width: 29px;height: 44px;background-position: -20px -20px;margin-bottom:5px;margin-left:40%} .avContainer .avBox2 span{background-image: url(template-sprite.png);background-repeat:no-repeat;display: block;width: 68px;height: 44px;background-position: -20px -184px;margin-bottom:5px;margin-left:33%} .avContainer .avBox3 span{background-image: url(template-sprite.png);background-repeat:no-repeat;display: block;width: 31px;height: 44px;background-position: -20px -328px;margin-bottom:5px;margin-left:35%} .avContainer .avBox4 span{background-image: url(template-sprite.png);background-repeat:no-repeat;display: block;width: 30px;height: 44px;background-position: -20px -470px;margin-bottom:5px;margin-left:35%} .avContainer .avBox5 span{background-image: url(template-sprite.png);background-repeat:no-repeat;display: block;width: 46px;height: 44px;background-position: -20px -623px;margin-bottom:5px;margin-left:37%} .avContainer .avBox1:hover span{background-position: -20px -102px;} .avContainer .avBox2:hover span{background-position: -20px -256px;} .avContainer .avBox3:hover span{background-position: -20px -399px;} .avContainer .avBox4:hover span{background-position: -20px -547px;width: 46px;;margin-left:28%} .avContainer .avBox5:hover span{background-position: -20px -707px;} .newsletterBloc{background-color:#263475;padding:5px 0;} #AV_widget_iframe {margin:15px 2px; } /*.newslettr_lib{float:left;color:#ffffff;font:12px 'Gotham-Medium';margin:8px 0 0 0;text-transform:uppercase;}*/ .newslettr_lib{color:#ffffff;font:12px 'Gotham-Medium';text-transform:uppercase;} .newsletter_text{float:right;font:12px 'Gotham-Medium';color:#ffffff;margin:8px 20px 0px 0;} .newsletter_text strong{text-transform:uppercase;color:#cb151a;font:13px 'Gotham-Bold';} .newsletter_form{float:right;} .n_text{width:370px;height:31px;border:none;background:url('template-ico_mail.png') no-repeat left 10px center #ffffff;padding:0 10px 0 35px;float:left;border-radius:0;box-shadow:none;} .n_submit{float:left;width:110px;height:31px;border:none;background-color:#6d6d6d;color:#ffffff;font:14px 'Gotham-Medium';border-radius:0;box-shadow:none; transition:all 0.5s;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-o-transition:all 0.5s;} a.n_submit{padding:6px;text-align:center;} .n_submit:hover{background-color:#cb151a; transition:all 0.5s;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-o-transition:all 0.5s;} .box-33{width:33.33%;float:left;} .bloc_footer{margin-bottom:10px;} .footerBox{margin:0 5px;} .footerBox_lib{color:#2d292d;text-transform:uppercase;font:12px 'Gotham-Medium';padding-bottom:5px;border-bottom:1px solid #dededd;margin-bottom:15px;} .footerBox_lib strong{display:inline-block;background:url('template-ico_lock.png') no-repeat left center;padding:4px 0 4px 25px;} .footerBox_lib span{display:inline-block;padding:4px 0;} .footerBox_cnt img{} .pay_footer span{width:46px;height:29px;float:left;display:block;margin:0 2px;} .pay_footer span img {display: none;} .delivery_footer span{display:block;float:left;margin:0 2px;} .delivery_footer span img {display: none;} .footersprite{background-image:url('template-footersprite.png');background-repeat:no-repeat;display:block} .mondialrelay{background-image:url('template-mondialrelay.png');background-repeat:no-repeat;display:block} .mondialrelay:hover{background-image:url('template-mondialrelaycouleur.png');background-repeat:no-repeat;display:block} .footersprite-lf_1{width:89px;height:29px;background-position:-20px -20px} .footersprite-lf_1:hover{width:89px;height:29px;background-position:-149px -20px} .footersprite-lf_2{width:79px;height:29px;background-position:-278px -20px} .footersprite-lf_2:hover{width:79px;height:29px;background-position:-397px -20px} .footersprite-lf_3{width:88px;height:29px;background-position:-516px -20px} .footersprite-lf_3:hover{width:88px;height:29px;background-position:-644px -20px} .footersprite-pf_1{width:46px;height:29px;background-position:-772px -20px} .footersprite-pf_1:hover{width:46px;height:29px;background-position:-858px -20px} .footersprite-pf_2{width:46px;height:29px;background-position:-944px -20px} .footersprite-pf_2:hover{width:46px;height:29px;background-position:-1030px -20px} .footersprite-pf_3{width:46px;height:29px;background-position:-1116px -20px} .footersprite-pf_3:hover{width:46px;height:29px;background-position:-1202px -20px} .footersprite-pf_4{width:46px;height:29px;background-position:-1288px -20px} .footersprite-pf_4:hover{width:46px;height:29px;background-position:-1374px -20px} .footersprite-pf_5{width:46px;height:29px;background-position:-1460px -20px} .footersprite-pf_5:hover{width:46px;height:29px;background-position:-1546px -20px} .footersprite-pf_6{width:46px;height:29px;background-position:-1632px -20px} .footersprite-pf_6:hover{width:46px;height:29px;background-position:-1718px -20px} .footersprite-3x{background-image:url('template-3XSANSFRAIS_ALMA.png');background-repeat:no-repeat;display:block;background-position: center;background-size: contain;filter: grayscale(100%)} .footersprite-3x:hover{filter: grayscale(0%);} /* .pf_1{background:url('template-pf_1.png') no-repeat;} .pf_2{background:url('template-pf_2.png') no-repeat;} .pf_3{background:url('template-pf_3.png') no-repeat;} .pf_4{background:url('template-pf_4.png') no-repeat;} .pf_5{background:url('template-pf_5.png') no-repeat;} .pf_6{background:url('template-pf_6.png') no-repeat;} .pf_1:hover{background:url('template-pf_1_hover.png') no-repeat;} .pf_2:hover{background:url('template-pf_2_hover.png') no-repeat;} .pf_3:hover{background:url('template-pf_3_hover.png') no-repeat;} .pf_4:hover{background:url('template-pf_4_hover.png') no-repeat;} .pf_5:hover{background:url('template-pf_5_hover.png') no-repeat;} .pf_6:hover{background:url('template-pf_6_hover.png') no-repeat;} .dl_1{background:url('template-lf_1.png') no-repeat;width:88px;height:29px;} .dl_2{background:url('template-lf_2.png') no-repeat;width:65px;height:29px;} .dl_3{background:url('template-dl_3_nb.jpg') no-repeat;width:89px;height:29px;} .dl_4{background:url('template-dl_4_nb.jpg') no-repeat;width:79px;height:29px;} .dl_1:hover{background:url('template-lf_1_hover.png') no-repeat;} .dl_2:hover{background:url('template-lf_2_hover.png') no-repeat;} */ .social_footer{} .social_footer a{display:inline-block;margin-right:25px;width:46px;height:46px;} /* a.icon_fb{background:url('template-ico_facebook_nb.png') no-repeat;} a.icon_tw{background:url('template-ico_twitter_nb.png') no-repeat;} a.icon_gp{background:url('template-ico_google_nb.png') no-repeat;} a.icon_yt{background:url('template-ico_youtube_nb.png') no-repeat;} a.icon_fb:hover{background:url('template-ico_facebook.png') no-repeat;} a.icon_tw:hover{background:url('template-ico_twitter.png') no-repeat;} a.icon_gp:hover{background:url('template-ico_google.png') no-repeat;} a.icon_yt:hover{background:url('template-ico_youtube.png') no-repeat;} */ a.icon_fb{background-image: url(template-sprite.png);background-repeat: no-repeat;background-position: -20px -1248px;} a.icon_gp{background-image: url(template-sprite.png);background-repeat: no-repeat;background-position: -20px -1420px;} a.icon_yt{background-image: url(template-sprite.png);background-repeat: no-repeat;background-position: -20px -1592px;} a.icon_ig{background-image: url(template-instagram.png);background-repeat: no-repeat;background-position: 0px 0px;} a.icon_pt{background-image: url(template-printerest.png);background-repeat: no-repeat;background-position: 0px 0px;} a.icon_fb:hover{background-position: -20px -1334px;} a.icon_gp:hover{background-position: -20px -1506px;} a.icon_yt:hover{background-position: -20px -1678px;} a.icon_ig:hover{background-position: 0px -46px;} a.icon_pt:hover{background-position: 0px -46px;} .footer_menu{} .menuBox{margin:0 5px;} .menuBox_lib{color:#2d292d;text-transform:uppercase;font:12px 'Gotham-Medium';padding-bottom:5px;border-bottom:1px solid #dededd;margin-bottom:15px;} .menuBox_lib em{font:12px 'Gotham-Medium';} .menuBox ul li{} .menuBox ul li a{font-size:12px;} .menuBox ul li a:hover{color:#cb151a;} .copyright{border-top:1px solid #e0e0e2;background-color:#ffffff;padding:15px 0;text-align:center;margin-top:20px;} .copyright_text{color:#726f72;font-size:11px;margin-top: 10px;} .copyright_text a{text-decoration:underline;} .goToTop{position:fixed;right:15px;bottom:25px;width:40px;height:40px;text-align:center;background:#2d292d url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAPBAMAAAAIf8LVAAAAGFBMVEUAAAD///////////////////////////8jfp1fAAAAB3RSTlMAYDDvUBDPXwjvKgAAAFFJREFUCNdjgABBBiTAWC6AxBMvL0SWKgZKIqSEzAvhUkB1ynBJcSCLCSgJl2KAS4qDaJAkXAoiCZOCSEKl4JLuICm4ZBjCTcpGDKwOcB6TAgCxiBFyG0mOIgAAAABJRU5ErkJggg==') 7px 10px no-repeat;padding-top:12px;display:none;cursor:pointer;z-index:99;} .goToTop:hover{background-color:#cb151a;} .article_vote_star { margin-left:2px;width:16px;height:15px;display:inline-block!important;background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAANCAYAAACZ3F9/AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAALtJREFUeNpiYMABPmwLawDiBFzyLDg0CQCpfBATiBdgU8OEw8ACIAZpVsBlKxMe22CgHptGRqBCByANwvpQWxywuR6ILwDxAyB+CMQHWKCC+VBNuACygSD1GxihzjMAUvsJaIZpchTwWnWBEclvhDTDNaEEDlRgIh7bJsI0YQtVezwa9fFFhwES+wEUw4ACVo3Q+BOAKk4EOksRhEFsqP8McNkIMrERiA2BGhYg+R3EBhnQCDQcbitAgAEA6OA61gyjwO0AAAAASUVORK5CYII=') no-repeat;vertical-align: bottom; } @media only screen and (max-width:767px) { .article_vote_star { display:none!important } } .alerte-qte-restant { color:#cb151a;font-weight:bold; } @media only screen and (max-width:598px) { .alerte-qte-restant { text-align:center;margin-bottom:5px; } } /******************************************************************** CATEGORIE - CATEGORIE - CATEGORIE - CATEGORIE - CATEGORIE - CATEGORIE ********************************************************************/ .arianeBox{padding:10px 0;color:#2d292d;font:11px 'Gotham-Book';} .arianeBox strong, .arianeBox b{font:11px 'Gotham-Book';} .arianeBox h1, .arianeBox h2{display:inline;color:#2d292d;font:11px 'Gotham-Book';} .arianeBox a{color:#2d292d;} .arianeBox a:hover{color:#cb151a;} .categorie_details{margin-bottom:10px;} /*.categ_text{float:left;width:42%;padding:15px;}*/ h1.categorie_lib{font:30px 'Montserrat';font-weight: bold; margin:0 0 10px;text-align:center;color:#000000;padding: 4px 0; text-transform: uppercase;} a.desc_haut_lien_suite { font-weight:bold; margin-bottom:10px;} #desc_haut_categ { font-size:12px;margin-bottom:7px; } #desc_haut_categ p { font-size:12px!important; } #desc_haut_categ span { font-size:12px!important; } #descriptionCateg { font-size:12px; } #descriptionCateg p { font-size:12px!important; } /* #descriptionCateg span { font-size:16px!important; } */ #descriptionCateg h2 strong, #descriptionCateg h3 strong { font-weight: bold; } .descr_categ{font-size:13px;margin:0 0 10px;} .descr_categ_mobile{font-size:13px;display:none;} @media only screen and (max-width:767px) { .categ_ima{display:none;} .categ_ima_mobile{display:block;margin-top:10px;} } @media only screen and (min-width:767px) { .categ_ima_mobile{display:none;} .categ_ima{display:block;} } .categ_ima_mobile img{width:100%} .gradient{position:absolute;left:0;top:0;height:100%;background:url('template-gradient.png') repeat-y left;width:39px;display:none;} .categorieFiltre{} .filtre_selected{margin-bottom:35px;} .categorieFiltre_lib{padding:10px;background-color:#263475;text-align:center;} .categorieFiltre_lib span{color:#FFF;font:18px 'Montserrat';} .categorieFiltre_lib em{display:inline-block;background-color:#cb151a;width:20px;height:20px;text-align:center;color:#ffffff;font:11px/16px 'Gotham-Medium';padding:2px 0 0; border-radius:100%;-webkit-border-radius:100%;-moz-border-radius:100%;-o-border-radius:100%;} ul.list_filtre li{padding:10px 20px 10px 0;border-top:1px solid #e0e0e2;position:relative;font:12px 'Gotham-Medium';} .cross{position:absolute;right:0;top:50%;margin-top:-5px;font-size:18px} .cross:hover{color:#cb151a;} .filterBox{margin-bottom:35px;} .filterBox_lib::before{background:rgba(0,0,0,0) url(template-ico_up.png) no-repeat scroll right center;content:"";height:14px;position:absolute;right:1px;top:7px;width:14px;transition: all 0.1s ease-in 0s;-webkit-transition: all 0.1s ease-in 0s;-o-transition: all 0.1s ease-in 0s;-moz-transition: all 0.1s ease-in 0s} .filterBox_lib.active::before{transform:rotateX(180deg);-webkit-transform:rotateX(180deg);-o-transform:rotateX(180deg);-moz-transform:rotateX(180deg)} .filterBox_lib{padding-bottom:10px;font:15px 'Montserrat';/*background:url('template-ico_up.png') no-repeat right center;*/position:relative;cursor:pointer;} .filterBox_lib_open{padding-bottom:10px;font:15px 'Montserrat';/*background:url('template-ico_up.png') no-repeat right center;*/position:relative;border-bottom: 1px solid;} div.filterBox_list{display:none;} li.filterBit{padding:7px 0;} li.filterBit a{display:inline-block;padding-left:20px;background:url('template-check_off.png') no-repeat left center;font-size:12px;} li.filterBit a.selectFacetteCaractval, li.filterBit a.selectFacetteMarque, li.filterBit a.selectFacetteTypeProduit{background:url('template-check_on.png') no-repeat left center;} li.filterBit a:hover{color:#0baaaa;} li.filterBit span{display:inline-block;padding-left:20px;background:url('template-check_off.png') no-repeat left center;font-size:12px;cursor:pointer;} li.filterBit span.selectFacetteCaractval, li.filterBit span.selectFacetteMarque, li.filterBit span.selectFacetteTypeProduit{background:url('template-check_on.png') no-repeat left center;} li.filterBit span:hover{color:#0baaaa;} .sizeBox{margin:0 -1%;} .sizeBox li{width:31%;margin:0 1% 5px;float:left;} .sizeBox li a{display:block;width:100%;border:1px solid #e0e0e2;background-color:#ffffff;padding:8px 5px;text-align:center;font-size:12px;} .sizeBox li a:hover{color:#0baaaa;border-color:#0baaaa;} .sizeBox li a.selectFacetteCaractval{color:#0baaaa;border-color:#0baaaa;} .priceBox{padding-bottom: 10px;} .facette-slider{margin-left:auto;margin-right:auto;margin-top:5px;max-width:90%} .facette_value{margin-bottom:10px} .facette_value input{background-color:transparent;border:medium none;text-align:right;width:40px} .pagination{margin-bottom:15px;} .tri_titre{line-height:28px;} .tri_bloc{margin-bottom:5px} .tri_bloc label{display:block;font:12px 'Gotham-Medium';text-transform:uppercase;} .tri_bloc a{display:inline-block;padding:0 5px 10px 5px;border-bottom:2px solid transparent;font-size:12px;margin-right:10px;} .tri_bloc a.tri_active{color:#cb151a;border-color:#cb151a;} .pagi-wrapper{text-align:center} .select_pagi{float:left;width:100px;margin:0 5px;} .pagi_showall{clear:both;float:right;margin:5px 0 0 0;} .pagi_showall a {text-decoration:underline} .pagi_next{float:left;margin:7px 0 0;} .pagi_next a{font:10px 'Montserrat';} .pagi_next a:hover{color:#cb151a;} .pagi_prec{float:left;margin:7px 0 0;} .pagi_prec a{font:10px 'Montserrat';} .pagi_prec a:hover{color:#cb151a;} .titre_aucun_resultat{text-align: center;font-size: 20px;margin: 40px;} .decouverte-sous-categs {padding: 10px 0;} @media only screen and (max-width:767px) { .decouverte-sous-categs {padding: 10px 0;display: flex; overflow-x: auto; white-space: nowrap;} } .decouverte-sous-categs .title-decouverte {font-size: medium; font-weight: bold;} .decouverte-sous-categs .item-sous-categ {padding:5px; display: inline-block; margin-top: 5px; margin-bottom: 10px;box-sizing: border-box; flex-shrink: 0;} .decouverte-sous-categs .item-sous-categ a {border: 1px solid #CCCCCC;padding: 5px 10px;} .decouverte-sous-categs .item-sous-categ a:hover {border: 1px solid #000000;} /******************************************************************** ARTICLE - ARTICLE - ARTICLE - ARTICLE - ARTICLE - ARTICLE - ARTICLE - ********************************************************************/ .hidden-caracts.expand{max-height:1024px;opacity:1} .hidden-caracts{max-height:0;opacity:0;transition:max-height .3s ease-in 0s,opacity .4s ease-in 0s;-webkit-transition:max-height .3s ease-in 0s,opacity .4s ease-in 0s;-o-transition:max-height .3s ease-in 0s,opacity .4s ease-in 0s;-moz-transition:max-height .3s ease-in 0s,opacity .4s ease-in 0s;-ms-transition:max-height .3s ease-in 0s,opacity .4s ease-in 0s} .articleLeft{float:left;width:55%;padding-left:15px;} .article_photo{} .bigImage{border:1px solid #e0e0e2;background-color:#ffffff;text-align:center;margin-bottom:20px;} .photo_supp{max-width:90%;margin:auto;} .photoBox{text-align:center;} .photoBox img{border:1px solid #e0e0e2;background-color:#ffffff;max-width:95%;} .photo_supp .slick-prev{background:url('template-prev_arrow.png') no-repeat;position:absolute;top:50%;left:-20px;margin-top:-15px;width:14px;height:26px;border:none;font-size:0;} .photo_supp .slick-next{background:url('template-next_arrow.png') no-repeat;position:absolute;top:50%;right:-20px;margin-top:-15px;width:14px;height:26px;border:none;font-size:0;} .articleRight{padding-right:15px;width:40%;float:right;} .article_details{} .mobile_show, .tablet_show{display:none;} .article_titre2{margin:0 0 5px;color:#000;font:18px 'Montserrat';} .article_description{font-size:13px;text-align:justify;margin:0 0 5px;} .link_desc{margin-bottom:30px;} .link_desc a{color:#231f20;font-size:13px;text-decoration:underline;} .caractBox{margin-bottom:20px;} .article_prix{margin:0 0 20px;padding-top:20px;} .article_prix_old{color:#726F72;font:24px 'Montserrat';text-decoration:line-through;display:inline-block;margin-right:10px;} .article_prix_promo{color:#000;font:30px 'MontserratSemiBold';display:inline-block;} .articleprix_2{display:none;} .article_paiement_3_x{margin-top: 5px;font-size: 16px;color:#008037;} .box_state{} .article_etat{padding-bottom:10px;} .en_stock{display:inline-block;padding:1px 0 0 25px;background:url('template-ico_stock.png') no-repeat left center;font-size:12px;} .en_stock2{display:inline-block;padding:5px;font-size:12px;color: #008037;} .en_stock strong{font:12px 'Gotham-Medium';} .avantNoel{font-family: 'Gotham-Medium';color:#8ab157;margin-top:10px;display:block;font-size:14px;padding:0 0 0 25px; background:url('template-ico_cad.png') no-repeat left center;} .apresNoel{font-family: 'Gotham-Medium';color:#d14a4a;margin-top:10px;display:block;font-size:14px;} .en_rupture{font:12px 'Gotham-Medium';color:#d62b69;} .article_livraison_gratuit{padding:1px 0 0 25px;background:url('template-ico_stock.png') no-repeat left center;font-size:12px;margin-bottom:10px;} .delai_livraison{padding:1px 0 0 25px;background:url('template-ico_clock.png') no-repeat left center;font-size:12px;height:18px;} .quantite_article label{float:left;font:12px 'Gotham-Book';margin:9px 10px 0 0;} .qteBox{float:left;width:80px;position:relative;} .inputqte{border:1px solid #e0e0e2;background-color:#ffffff;text-align:center;width:45px;height:35px;} .inputqte:focus{border:1px solid #cb151a;} .qtePlus{position:absolute;right:0;top:0;} .qteMoins{position:absolute;right:0;bottom:0;} .moins_m, .plus_m{display:none;} .qte_maxatteint{font:12px 'Gotham-Medium';color:#d62b69;} .article_action{margin:20px 0;} .article_action input, .article_action button{font:19px 'Montserrat';color:#F9F7F7;display:block;width:100%;padding:18px 15px 18px 90px;border:none;text-align:left; transition:all 0.5s;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-o-transition:all 0.5s;} .article_action_stock input{font-size:15px;color:#F9F7F7;display:block;width:100%;padding:18px 15px 18px 8px;border:none;text-align:left; transition:all 0.5s;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-o-transition:all 0.5s;border: 1px solid #e0e0e2;} .article_action_stock input[type="submit"]{font-size:15px;color:#F9F7F7;display:block;width:100%;padding:18px 15px 18px 8px;border:none;text-align:left; transition:all 0.5s;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-o-transition:all 0.5s;margin-bottom:20px;} b.no_mail {color:#cb151a;} b.mail_enregistre {color:#008037;} .article_action .add_to_cart{background-size: 30px;font-size:18px; letter-spacing: 2px;background:#008037;font: 18px Montserrat !important;text-align: center!important;padding: 18px 0;font-weight: bold !important;text-transform: uppercase;} .article_action .add_to_cart:hover, .add_to_cart:focus{background-color:#00642b; transition:all 0.5s;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-o-transition:all 0.5s;} .add_to_cart_small {font-size: 12px !important;background-size: 26px !important;} @media only screen and (max-width:767px) { .article_action .add_to_cart{ text-align:center; font-size: 12px; background-position: left 10px center; } } @media only screen and (max-width:340px) { .article_action .add_to_cart{ background-position:20px; } } .contact_us{background:#cb151a;} .contact_us:hover, .contact_us:focus{background-color:#10d0d0; transition:all 0.5s;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-o-transition:all 0.5s;} /* .contact_us{background:url('template-contact_us.png') no-repeat left 40px center #cb151a;} */ /* .contact_us:hover, .contact_us:focus{background-color:#10d0d0; */ /* transition:all 0.5s;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-o-transition:all 0.5s;} */ .social_article{text-align:right;/*float:left;width:36%;*/} .social_share{text-align:right;margin-top:15px;} .pour_completer{margin-top:50px;} .pour_completer_lib{text-align:center;background:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAAAVBAMAAACeSyI0AAAAElBMVEXFkw7Fkw7Fkw7Fkw7Fkw7Fkw6S+F2ZAAAABnRSTlO/QI9gMCDEDIUOAAAAD0lEQVQI12NQYWAkCpoCAAeyAG3fjp64AAAAAElFTkSuQmCC') no-repeat center center;text-align:center;margin-bottom:25px;} .pour_completer_lib span{display:inline-block;padding:0 20px;background-color:#fff;font:900 30px 'Montserrat';color: #000;;text-transform: uppercase;} .pour_completer_list{margin:0 -10px;} .tab_article{margin-top:50px;position:relative;} .tab_article h2 {margin: 0;padding: 0;border: 0;outline: 0;font-weight: inherit;font-style: inherit;font-size: 100%;font-family: inherit;vertical-align: baseline;} .description_detaille{position:absolute;top:-170px;} .tab_article ul.pi-tabs-navigation{margin:0 -0.5%;} .tab_article ul.pi-tabs-navigation li{float:left;width:calc(33% - 0.5% - 2px);margin:0 0.5%;border:1px solid #E0E0E2;border-bottom:none;} .tab_article ul.pi-tabs-navigation li a{display:block;padding:10px 0;text-align:center;color:#ffffff;font:600 15px 'Montserrat';background-color:#263475; transition:all 0.5s;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-o-transition:all 0.5s;} .tab_article ul.pi-tabs-navigation li.pi-active a, .tab_article ul.pi-tabs-navigation li.pi-active a:hover{background-color:#ffffff;color:#263475;} .tab_article ul.pi-tabs-navigation li a:hover{background-color:#fff;color:#263475; transition:all 0.5s;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-o-transition:all 0.5s;} .tab_article .pi-tabs-content{padding:10px 20px;border:1px solid #E0E0E2;background-color:#ffffff;margin-top:-1px;} .tab_article #btn-avis {margin-right: 5px;float: right;position: relative;} .commentairesBox{max-height:500px;overflow-y:auto;} .commentaireBit{padding:10px 0;border-bottom:1px solid #efefef;} .commentaireBit_left{float:left;font: 16px "Montserrat";font-weight:bold;margin:10px 20px 0 0;} .commentaireBit_note{margin-bottom:10px;} .commentaireBit_right{float:left;font: 13px "Montserrat"} .commentaireBit_acheteur{padding:10px 15px;background:#263475;color:#FFFFFF;font: 16px "Montserrat";font-weight:bold;margin-bottom:10px;} .commentaireBit_text{font: 14px "Montserrat";margin-top:10px;} .errorCommentaire{text-align:center;padding:10px 0;font:bold 14px Arial;color:#e2007a;} .commentaire_form{max-width:320px;margin:auto;} .commentaire_form_lib{text-align:center;padding:10px 0;background-color:#000000;color:#ffffff;font:bold 16px Arial;margin-bottom:25px;} .carte-cadeau-banner { text-align:center;height:360px;background:#2d292d url('template-cadeau-banner.jpg') no-repeat;background-size: 100%;position:absolute;left:0;right:0;top:30px;color:#FFF;margin-left: calc(-100vw / 2 + 1200px / 2);margin-right: calc(-100vw / 2 + 1200px / 2);} .carte-cadeau-banner-lib { margin-top:150px;font-size:30px;text-shadow: #000000 1px 1px, #000000 -1px 1px, #000000 -1px -1px, #000000 1px -1px;display:block; } .carte-cadeau-box { width:100% } .carte-cadeau-box-left { margin-top:360px;padding:30px;width:50%;float:left; } .carte-cadeau-box-right { margin-top:360px;padding:20px;width:50%;float:right; } @media only screen and (max-width:1200px) { .carte-cadeau-banner { margin:0 } } @media only screen and (max-width:767px) { .fidelite-container{ display: none;} .carte-cadeau-box-left { width:100% } .carte-cadeau-box-right { width:100%;margin-top:0;padding-top:0; } } .article-video-container { width: 100%; display: flex; margin-top: 15px; } .article-video-container iframe { margin: auto; } .sep-caracteristiques { display: none; background-color: #E9E9E9; padding: 10px; font-weight: bold; margin-bottom: 10px; } @media only screen and (max-width:599px) { .sep-caracteristiques { display: block; } } .article_photo_mobile { position: relative; display: none; } .article_photo_mobile #prev, .article_photo_mobile #next { position: absolute; top: 50%; font-size: 30px; color: #000; z-index: 99; background-color: transparent; border: 0; width: 40px; height: 40px; font-weight: bold; } .article_photo_mobile #prev { left: 20px; } .article_photo_mobile #next { right: 20px; } .carousel-article-mobile { position: relative; touch-action: auto !important; } /******************************************************************** INSTITUTIONNEL - INSTITUTIONNEL - INSTITUTIONNEL - INSTITUTIONNEL - ********************************************************************/ font.etoile {color: #d62b69;} .institPage{padding:0 10px;} .institPage h1{color: #2d292d;display: inline-block;font: 25px "Montserrat";padding: 15px 0;} .institform{max-width:480px;margin:0 auto;border:1px solid #dededd;background:#fff;} .title{color:#fff;background:#263475;text-align:center;font:14px "Gotham-Medium";padding:10px 0;text-transform:uppercase;} .formBox{margin:10px 0;padding:0 10px;} .labelform{display: block;font: 13px 'Gotham-Book';margin-bottom:5px;word-break: break-all;} .choiceBox{display:inline-block;width:60%;} .choiceBox label{font: 13px 'Gotham-Book';margin-right:10px;} .formBox input[type="text"], .formBox input[type="password"], .formBox input[type="tel"], .formBox input[type="mail"], .input_txt{border: 1px solid #e0e0e2;border-radius: 0;box-shadow: none;display: block;font-size: 13px;height: 30px;padding: 4px 8px;width:100%;background:#f9f7f7;} .input_txt::placeholder{color: #C0C0C0;} .formBox textarea{border: 1px solid #e0e0e2;border-radius: 0;box-shadow: none;display: inline-block;font-size: 13px;height: 120px;padding: 4px 8px;width:100%;background:#f9f7f7;} .formBox input[type="text"]:focus, .formBox input[type="password"]:focus, .formBox input[type="tel"]:focus, .formBox input[type="mail"]:focus, .formBox textarea:focus{background:#fff;border:1px solid #e0e0e2;} .sendform{background-color: #cb151a;border: medium none;color: #fff;display: inline-block;font: 17px "Gotham-Medium";padding: 10px 25px;text-transform: uppercase;} .sendform:hover{background-color:#f85055} .send{text-align:right;} .btn_valid{background-color:#cb151a;border:none;color:#ffffff;display:inline-block;font:14px "Gotham-Medium";padding:10px 15px;text-transform:uppercase;} .btn_valid:hover{background-color:#f85055} .btn_back{background-color:#2d292d;border:none;color:#ffffff;display:inline-block;font:14px "Gotham-Medium";padding:10px 15px;text-transform:uppercase;} .btn_back:hover{background-color:#656565;} .champ_obligatoire {font:13px Gotham-Book;margin-bottom: 10px;text-align: right;padding:0 10px;} .mdp_lost{text-align:right;padding:0 10px 10px;} .mdp_lost a{color: #cb151a;text-decoration:underline;} .erreurcontact{color:#D4004F;text-align:center;font-family:'Gotham-Medium';font-weight:normal;} .newsletter{max-width:320px;margin:0 auto;border:1px solid #dededd;background:#fff;} .erreurNewsletter{color:#D4004F;text-align:center;font-family:'Gotham-Medium';font-weight:normal;} .successNewsletter{color:green;text-align:center;font-family:'Gotham-Medium';font-weight:normal;} label.errorForm{ display: block;margin:5px 0 0;text-align:right;font:12px 'Gotham-Medium';color:#BB2928;} .newsletter label{display: inline-block;font: 13px Gotham-Book;margin-bottom: 5px;text-align: right;word-break: break-all;} /*.contentform{padding:0 10px;}*/ /******************************************************************** CLIENT - CLIENT - CLIENT - CLIENT - CLIENT - CLIENT - CLIENT - CLIENT ********************************************************************/ .titlePage{color: #2d292d;display: inline-block;font: 15px "Montserrat";padding: 15px 0;font-size:25px;} .titleMenu{color:#fff;background:#263475;text-align:center;font:12px "Gotham-Medium";padding:10px 0;text-transform:uppercase;} .inscrit{background:#fff;border: 1px solid #dededd;margin: 0 auto 15px;max-width: 320px;} .erreurInscription{display: block;font-size: 11px;margin-top: 5px;text-align: right;font-family:'Gotham-Medium';font-weight:normal;color:#D4004F;} /*.souligner{margin-top:5px;display:inline-block;}*/ .labelcivilite{font: 13px Gotham-Book;margin-bottom:5px;word-break: break-all;display:inline;margin-right:15px;} .datenaisance{} .datenaisance .sod_select .sod_label, .selectBox .sod_select .sod_label{background-color:#f9f7f7;} label.checkNews{font:13px 'Gotham-Book';} .g_id_signin iframe{width:64px !important;} /******************************************************************** PARTENAIRES - PARTENAIRES - PARTENAIRES - PARTENAIRES - PARTENAIRES - ********************************************************************/ .divers_lib{color:#2d292d;font:25px "Montserrat";padding:15px 0 0;margin:0 0 25px;} .divers_titre{color:#2d292d;font:19px "Montserrat";text-align:center;position:relative;top:-38px;font-weight: bold;color:#00743C;} @media only screen and (max-width:768px){ .divers_titre{top:-26px;} } .erreurPartenaires{text-align:center;font:14px 'Gotham-Medium';color:#D4004F;padding:10px;} .partenairesBit{background-color:#e5e5e5;padding:15px;max-width:240px;margin:0 auto 25px;} .partenairesBit_ima{position:relative;overflow:hidden;} .partenaire_overlay{position:absolute;top:0;left:100%;width:100%;height:100%;background:rgba(197, 147, 14, 0.7);padding:10px;color:#ffffff;font-size:11px; transition:all 0.5s;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-o-transition:all 0.5s;} .partenairesBit_ima:hover > .partenaire_overlay{display:block;left:0; transition:all 0.5s;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-o-transition:all 0.5s;} h3.partenairesBit_lib{text-align:center;margin:0;padding:10px 0 0;min-height:30px;display:block;} h3.partenairesBit_lib a{font:11px 'Montserrat';} h3.partenairesBit_lib a:hover{color:#cb151a;} /******************************************************************** PANIER - PANIER - PANIER - PANIER - PANIER - PANIER - PANIER - PANIER ********************************************************************/ .stepWrapper{padding:10px 0 20px;} /*.step_row{margin:0 -18px;} .step_1{width:131px;background:url('template-trait_step1.jpg') no-repeat bottom 6px center;} .step_2{width:151px;background:url('template-trait_step.jpg') no-repeat bottom 5px center;} .step_3{width:196px;background:url('template-trait_step.jpg') no-repeat bottom 6px center;} .stepBox.step_4{width:146px;margin-right:0;background:url('template-trait_step4.jpg') no-repeat bottom 7px center;} .stepBox{float:left;text-align:center;padding:0 18px;}*/ .step_row::after{border:1px solid #999;bottom:5px;content:"";height:1px;left:0;margin:auto;position:absolute;right:0;width:55%} .step_row{margin:0 -18px;position:relative;text-align:center} .stepBox{display:inline-block;padding:0 18px;text-align:center} .stepBox span{display:block;text-transform:uppercase;font:11px "Montserrat";color:#999999;margin:10px 0;} .stepBox.stepActive span{color:#2d292d;} /** Etape 1 **/ .erreurCart{text-align:center;font:14px 'Gotham-Medium';color:#D4004F;padding:10px;} .erreurContinuAchat{text-align:center;} .erreurContinuAchat a{background-color:#D4004F;color:#fff;display: inline-block;font: 14px "Gotham-Medium";padding:10px;} .ipBloquee{text-align:center;font-size:14px;} .ipBloquee a{color:#D4004F;text-decoration:underline;} .head_table_cart{background-color:#2d292d;font:700 13px "Montserrat";color:#ffffff;padding:0 15px;text-transform: uppercase; font-weight: 400!important;} .head_col_1{float:left;width:40%;padding:10px 0;} .head_col_2{float:left;width:17%;padding:10px;text-align:center;} .head_col_3{float:left;width:20%;padding:10px;text-align:center;} .head_col_4{float:left;width:17%;padding:10px;text-align:center;} .lignePanierBit{background-color:#ffffff;padding:10px 15px;border-top:1px solid #e0e0e2;border-bottom:1px solid #e0e0e2;position:relative;} .cart_details{float:left;width:40%;} .cart_details_ima{float:left;width:20%;margin:0 2% 5px 0;border:1px solid #e0e0e2;text-align:center;} .cart_details_desc{float:left;width:78%;} h3.cart_details_lib{margin:0 0 10px;} h3.cart_details_lib a, h3.cart_details_lib span{color:#2d292d;font:12px "Montserrat";font-weight: bold;text-transform: uppercase;} h3.cart_details_lib a:hover{color:#cb151a;} ul.cart_caracteristique{margin-bottom:10px;} ul.cart_caracteristique li{font-size:12px;} ul.cart_caracteristique li strong{font:12px 'Gotham-Medium';} .livraison_cart{color:#cb151a;font:italic 12px 'Gotham-Book';} .cart_qte{float:left;width:20%;} .cart_qte .qteBox{margin:auto;float:none;} .cart_prix{float:right;width:17%;text-align:center;} .cart_prix_unitaire{float:left;width:17%;text-align:center;} .cart_prix strong, .cart_prix_unitaire strong{color:#3a50b7;font:14px "Montserrat";} .del_ligne_article{position:absolute;right:15px;top:25px;} .cadeauBox_cde1{margin-top:25px;padding:10px 15px;background-color:#242626;} .cadeauBox_cde1_txt{float:right;width:40%;font-size:14px;color:#ffffff;padding:5px 15px 0 0;text-align:right; border: 1px solid #3a50b7; padding: 8px 10px} .cadeauBox_cde1_form{float:right;width:40%;position:relative;} .cadeauBox_cde1_form .suppr-panier-desk{position: absolute;right:6px;top:6px;} .cadeauBox_cde3{margin-top:25px;padding:10px 15px;background-color:#242626;} .cadeauBox_cde3_txt{float:left;width:60%;font-size:14px;color:#ffffff;padding:5px 15px 0 0;text-align:right; padding: 8px 10px} .cadeauBox_cde3_txtinfo{font-size:12px;font-weight:bold;text-align:right;clear:both;padding-top: 5px;} .cadeauBox_cde3_form{float:right;width:40%;position:relative;} .input_codepromo{background-color:#ffffff;border:none;width:100%;height:31px;padding:0 10px;color:#656565;font-size:12px;} .ok_code{display:block;height:31px;position:absolute;top:0;right:0;background-color:#6d6d6d;font:14px 'Gotham-Medium';color:#ffffff;padding-top:5px;text-align:center;width:39px;} .ok_code:hover{background-color:#cb151a;} .cadeauBox_error{text-align:center;font:13px 'Gotham-Medium';color:#D4004F;padding:10px;} @media screen and (max-width: 768px) { .cadeauBox_cde3{margin-top:0;} .cadeauBox_cde3_txt{width:100%;font-size:20px;text-align:center !important;color:#ffffff;text-align:right; padding: 8px 10px 20px;} .cadeauBox_cde3_txtinfo{font-size:12px;font-weight:bold;text-align:center;} .cadeauBox_cde3_form{width:100%;position:relative;} .cadeauBox_cde1_form .suppr-panier-desk{position: absolute;right:6px;top:27px;} } ul.cde_boutons{padding-top:25px;} ul.cde_boutons li{margin-bottom:25px;} ul.cde_boutons li a{display:inline-block;padding:10px 15px;border-bottom:1px solid #242626;} ul.cde_boutons li a:hover{border-color:#cb151a;} ul.cde_boutons li a span{display:inline-block;padding-left:25px;font:13px "Montserrat";} .btn_vider span{background:url('template-ico_vider.png') no-repeat center left;} .btn_continuer span{background:url('template-ico_continuer.png') no-repeat center left;} .save_cart span{background:url('template-ico_valider_cart.png') no-repeat center left;} div.floatRightTable{float:right;} .cde_livraison_offerte{border:1px solid #333333;padding:10px;text-align:center;margin:25px 0 0;} .cde_livraison_offerte span{display:inline-block;background:url('template-av2.png') no-repeat center left;padding:0 0 0 80px;font-size:14px;text-align:left;} .cde_livraison_offerte span em{color:#cb151a;} .cde_livraison_offerte span strong{color:#cb151a;font:14px "Montserrat";} .previewSacCadeau{position: absolute; top: 30px; right: 0px;z-index: 999;} .previewPanierCadeau {position: absolute; top: 50px; right: 0px;z-index: 999;} .total_cde{margin-top:25px;} .total_cde td{border-bottom:1px solid #333333;padding:10px 0;} .total_cde td.totttc{border-bottom:1px solid #cb151a;} .tot_lib{font:14px 'Gotham-Bold'; color: #3a50b7} .tot_lib_small{font:13px 'Gotham-Book'; color: #3a50b7} .tot_val{font:14px "Montserrat"; color: #3a50b7} .tot_lib_bis{font:14px 'Gotham-Book';text-transform:uppercase;color:#cb151a;} .tot_val_bis{font:15px "Montserrat";color:#cb151a;} /* .pageCmd {margin-top: 20px;} */ .stepBloc_bottom{margin:25px 0;padding:0 5px;} .bloc-44{float:left;width:44%;padding:0 10px;} .bloc-28{float:left;width:28%;padding:0 10px;} .bloc-33{float:left;width:33.33%;padding:0 10px;} .etapeBloc{position:relative;min-height:204px} .disabled-overlay{background-color:#fff;height:100%;left:0;opacity:.5;position:absolute;top:0;width:100%;z-index:9} .etapeBloc_lib{padding:10px;background-color:#2d292d;font:14px "Montserrat";color:#ffffff;} .number{display:none;} .active_box > .etapeBloc_lib{padding:10px;background-color:#cb151a;font:14px "Montserrat";color:#ffffff;} .active_box > .etapeBloc_lib > .number{display:inline-block !important;} .etapeBloc_content{background-color:#ffffff;padding:10px 15px;border-top:1px solid #e0e0e2;} /** Login **/ .login_cde{margin-bottom:10px;} .login_cde label{float:left;text-align:right;font:12px 'Gotham-Book';padding-top:3px;} .cde_txt{width:100%;float:right;font:12px 'Gotham-Book';color:#1a171b;border:1px solid #b2b2c1;height:23px;padding:18px 5px;} .forget_pass{text-align:center;margin-bottom:10px;} .forget_pass a{text-decoration:underline;font:italic 11px 'Gotham-Book';color:#242626;} .cde_create_account{padding-top:10px;} .cde_create_account a{color:#cb151a;text-transform:uppercase;font:12px 'Gotham-Bold';} .submit_log_btn{display:inline-block;padding:10px 30px;color:#ffffff;font:13px "Montserrat";background-color:#cb151a;border:none; transition:all 0.5s;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-o-transition:all 0.5s;} .submit_log_btn:hover{background-color:#cb151a; transition:all 0.5s;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-o-transition:all 0.5s;} /** Paiement **/ .pay_modeBit{clear:both;margin-bottom:10px;} .pay_modeBit label{display:block;position:relative;padding-left:20px;margin:0;} input.radio_pay{position:absolute;left:0;top:50%;margin:-12px 0 0 0!important;} .pay_modeBit label img{float:left;margin:0 10px 0 0;} .pay_modeBit label span{font:13px 'Gotham-Book';} /** Livraison **/ .mode_non_dispo{text-align:center;font:14px 'Gotham-Medium';color:#D4004F;padding:10px 0;} .mode_non_dispo a{text-decoration:underline;} .modelivraisonBit{clear:both;margin-bottom:10px;} .modelivraisonBit label{display:block;position:relative;padding-left:20px;margin:0;} input.livraison_radio{position:absolute;left:0;top:50%;margin:-12px 0 0 0!important;} .modelivraisonBit label img{float:left;margin:0 10px 0 0;} .modelivraisonBit label strong{font:13px 'Gotham-Book';display:block;color:#1a1a1a;} .modelivraisonBit label span{font:12px 'Gotham-Book';display:block;color:#808080;} .validate-bloc{margin-top:25px} .divcgv{color:#1a1a1a;display:inline-block;float:right;font-size:14px;margin-bottom:10px;text-align:right;width:380px} .divcgv label{font-weight:normal} .divcgv a{color:#3a50b7;text-decoration:underline;} .valid_cart{float:right;text-align:center;position:relative;} .btn_valider_panier{border:none;display:inline-block;padding:15px 40px;color:#ffffff;font:16px "Montserrat"; font-weight: bold; background-color:#cb151a; transition:all 0.5s;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-o-transition:all 0.5s;} .btn_valider_panier:hover{background-color:#cb151a;} .welcome_user{text-align:center;margin-bottom:20px;font-size:13px;padding:10px 0;border:1px solid #cb151a;color:#cb151a;background-color:#f3e9cf;} .welcome_user strong{font:13px 'Gotham-Medium';} .erreurPanier{text-align:center;margin-bottom:20px;font-size:13px;padding:10px 0;border:1px solid #cb151a;color:#cb151a;background-color:#f3e9cf;} .erreurPanier strong{font:13px 'Gotham-Medium';} .titl_address{text-align:center;font:12px "Montserrat";margin-bottom:15px;padding-bottom:10px;border-bottom:1px dotted #2d292d;} .select_box_content{margin-bottom:10px;} .select_box_content2{} .form_connect > .select_box_content{margin-bottom:10px;width: 60%;display: inline-block;} .form_connect > .select_box_content2{width: 60%;display: inline-block;} .select_connect{width: 60%;display: inline-block;} .form_connect{margin-bottom:10px;} .form_connect label.connect_et{display:inline-block;font:13px 'Gotham-Book';margin:0 0 5px;width:100%;} .form_connect .input_step{font:12px 'Gotham-Book';color:#1a171b;border:1px solid #b2b2c1;height:30px;padding:18px 5px;display:inline-block;width:100%;background-color:#ffffff;} .form_connect .input_step:focus{background-color:#f8f8f8;} .form_connect .input_step ::-webkit-input-placeholder:after{color:red;content:" *";} label.filter_label{font:13px 'Gotham-Book';} .parrainage_info {font-size:11px;color:#999;padding:3px 0} .contenu_address{text-align:center;margin:10px 0;} .contenu_address span{display:block;font:13px 'Gotham-Book';} .edit_contenu_adresss{text-align:right;display: inline-block;} .edit_contenu_adresss a, .edit_contenu_adresss .btn{display:inline-block;padding:5px 10px;color:#cb151a;border:1px solid #cb151a;font:13px Gotham-Book;transition:all .5s;-webkit-transition:all .5s;-moz-transition:all .5s;-o-transition:all .5s} .edit_contenu_adresss .btn{border-radius:0;background-color:transparent;vertical-align:top} .edit_contenu_adresss a:hover,.edit_contenu_adresss .btn:hover{background-color:#cb151a;color:#fff;transition:all .5s;-webkit-transition:all .5s;-moz-transition:all .5s;-o-transition:all .5s} .btn-full-width-container.edit_contenu_adresss{display:block} .btn-full-width-container.edit_contenu_adresss > a,.btn-full-width-container.edit_contenu_adresss > .btn{ display: block;text-align: center;padding: 8px 10px;width: 100%;max-width: max-content;margin: 10px auto;text-transform: uppercase;background: #1a1a1a;color: #fff;border: none;min-width: 192px;} .error_box{padding:10px 0;text-align:center;font:14px 'Gotham-Medium';color:#cb151a;} .valid_box{padding:10px 0;text-align:center;font:14px 'Gotham-Medium';color:#008037;} .recover_text{margin:0 0 15px;} .recover_text h4{font:14px 'Gotham-Medium';margin:0;} .recover_text p{margin:0;} .formPop_mdp{margin-bottom:10px;} .text_recover_pass{font:12px 'Gotham-Book';color:#1a171b;border:1px solid #b2b2c1;height:30px;padding:0 5px;display:block;width:100%;background-color:#ffffff;} .button_recover_pass{font:14px 'Montserrat';color:#F9F7F7;display:block;width:100%;padding:10px 0;border:none;background-color:#0AAAAA;text-align:center;} .button_recover_pass:hover, .button_recover_pass:focus{background-color:#cb151a;} .red_trame span{border:1px solid #f55;-webkit-box-shadow:0 0 2px 1px rgba(255,85,85,0.7);-moz-box-shadow:0 0 2px 1px rgba(255,85,85,0.7);box-shadow:0 0 2px 1px rgba(255,85,85,0.7);display:inline-block;padding:5px} /** Etape 4 **/ .titleConfirmation {font:15px "Montserrat";padding-bottom: 10px;border-bottom:1px solid #242626;} .pi-section-white table.pi-table.pi-table-zebra tbody tr:nth-child(2n-1) {background: #f8fafa;} .contenuFacture table {width: 100%;} .contenuFacture table.pi-table th,.contenuFacture table.pi-table td {padding:9px 20px 10px;} .borderSection {border-bottom: 1px solid #e0e0e2;padding: 10px 15px;display: block;} .btn_commande,.btn_retour{background-color:#cb151a;border:medium none;color:#fff;display:inline-block;font:16px Montserrat;min-height:49px;padding:15px 40px;margin-left:5px;text-align:center;transition:all .5s ease 0;-webkit-transition:all .5s ease 0;-mo-transition:all .5s ease 0;-o-transition:all .5s ease 0;width:auto} .btn-right{float:right;margin-right:5px} .btn_commande:hover,.btn_retour:hover {background-color:#cb151a;} .retour_txt > a:hover{text-decoration:none} .retour_txt > a{text-decoration:underline} /******************************************************************** PAGINATION - PAGINATION - PAGINATION - PAGINATION - PAGINATION ********************************************************************/ .pagesuiv,.pageprec {float:left;margin-top:6px;} .pagination_content {text-align:center;} .pagination_content a {color:#fff;background-color: #2d2d2d;padding:5px 10px;margin: 0 1px;display: inline-block;font:12px "Gotham-Medium";} .pagination_content a:hover{background-color:#cb151a;} .pagination_content a i{font-size:15px;} .pagination_content .encours {background: #cb151a;padding:5px 10px;color:#fff;font:12px "Gotham-Medium";display:inline-block;} .pagination_liens{margin:0 12px} .pagination_liens a{display:inline-block;margin:1px 3px;padding:2px 7px;border:1px solid #cb151a;color:#FFF;background:#cb151a} .pagination_liens a:hover{background:#FFF;color:#cb151a} .pagination_liens a.encours{font-weight:bold;background-color:#FFF;border-color:#cb151a;color:#cb151a} .pagination2_liens{margin:0 12px;text-align:center} .pagination2_liens a{display:inline-block;margin:1px 3px;padding:2px 7px;border:1px solid #cb151a;color:#FFF;background:#cb151a} .pagination2_liens a:hover{background:#FFF;color:#cb151a} .pagination2_liens .dots{display:inline-block;margin:1px 3px;padding:2px 7px;color:#cb151a;} .pagination2_liens .encours{display:inline-block;margin:1px 3px;padding:2px 7px;border:1px solid #cb151a;color:#cb151a;background-color:#FFF;} /******************************************************************** RECHERCHER - RECHERCHER - RECHERCHER - RECHERCHER - RECHERCHER ********************************************************************/ .marque_description{padding:20px;font:13px/18px 'Gotham-Book';margin:0 0 25px 0;text-align:center;} .marque_description img{width:200px;} h1.marque_lib{font:30px 'Montserrat';margin:0 0 10px;} .filtrage{margin:25px 0;border-bottom:1px solid #dededd;} .title-recherche {color: #263475;font:14px "Gotham-Medium";padding:10px 0;text-transform:uppercase;float:left;} .parpage{float:right;} .parpage label{float:left;font:12px "Gotham-Book";padding:5px 10px 0 0;} .selectParpage{float:left;background-color:#ffffff;width:65px;} .cadre_recherche {background: #fff;border:1px solid #dededd;} .liste_cadre_recherche li {margin:10px 0;padding:0 10px;display:inline-block;} h3.articleBit_lib a strong.surligne{font:10px 'Montserrat';} /******************************************************************** CLIENT - CLIENT - CLIENT - CLIENT - CLIENT - CLIENT - CLIENT - CLIENT ********************************************************************/ .clientForm {background:#fff;border:1px solid #dededd;margin:10px auto 0;max-width:360px;} .menuBoxClient{background:#fff;max-width:360px;margin:0 auto 15px; /*height: 165px;*/border: 1px solid #dededd;} .menuLogout .titleMenu{background-color:#cb151a;} .menuParrainage .titleMenu{background-color:#cb151a;} .menuBoxClient_txt{padding:10px 15px 0;font:12px/17px "Gotham-Book";min-height:75px;} .menuBoxClient_btn{padding:0 10px 10px;text-align:right;} .menuBoxClient_btn a{display:inline-block;padding:10px 15px;font:13px "Gotham-Bold";text-transform:uppercase;background-color:#263475;color:#ffffff;} .menuBoxClient_btn a:hover{background-color: #4b6af3;} .menuLogout .menuBoxClient_btn a{background-color:#cb151a;} .menuLogout .menuBoxClient_btn a:hover{background-color: #f85055;color:#ffffff;} .my_adress_list{margin-top:25px;} .adresse_clientBit{margin-bottom:15px;} .adresse_clientBit_lib{background-color:#263475;padding:10px 0;color:#ffffff;font:12px "Gotham-Bold";text-transform:uppercase;text-align:center;} .adresse_clientBit_cnt{padding:15px;font:12px "Gotham-Book";background-color:#ffffff;} .adresse_clientBit_cnt span{display:block;} .adresse_clientBit_btn{text-align:right;padding:0 15px 15px;background-color:#ffffff;} .adresse_clientBit_btn a{display:inline-block;padding:5px 10px;color:#ffffff;} a.edit_adress{background-color:#cb151a;} a.edit_adress:hover{background-color: #f85055;} a.del_adress{background-color:#D4004F;} a.del_adress:hover{background-color:#f85055;} .barre_cookie{width:100%;position:fixed;z-index:99;left:0;bottom:0;background-color:#263475;} .barre_cookieC{position:relative;padding:10px 20px;text-align:center;color:#ffffff;} .barre_cookieC a{text-decoration:underline;} .barre_cookieC a:hover{text-decoration:underline;color:#cb151a;} a.closeCookie{display:inline-block;padding:5px 10px;cursor:pointer;background-color:#cb151a;position:absolute;right:0;top:-10px;} a.closeCookie:hover{background-color:#cb151a;} #barre_footer_info {width:100%;position:fixed;z-index:999;left:0;bottom:0;background-color:#cb151a;display:none;font-family:Verdana;font-size: 24px;} #barre_footer_info_text {position:relative;padding:20px 20px;text-align:center;color:#ffffff;} #barre_footer_info_text a{text-decoration:underline;} #barre_footer_info_text a:hover{text-decoration:underline;color:#ffffff;} #barre_footer_info a.closefooterinfo{display:inline-block;padding:5px 10px;cursor:pointer;background-color:#444;position:absolute;right:2px;top:2px;} #barre_footer_info a.closefooterinfo:hover{background-color:#cb151a;} #barre_footer_info p { padding:0;margin:0} /*=============================== MES COMMANDES ===============================*/ .titre_commande{font:16px "Montserrat"; text-transform:uppercase; border-bottom:1px solid #cb151a; color:#cb151a; padding-bottom:5px; margin-bottom:15px} .head_table_cmd {background-color: #ffffff;color: #263475;font: 12px "Montserrat";padding: 0 15px;} .head_table_c1{float:left; width:20%; padding: 10px 0;} .head_table_c2{float:left; width:20%; padding: 10px 0;} .head_table_c3{float:left; width:20%; padding: 10px 0;} .table_cmd_Bit {background-color: #ffffff;border-bottom: 1px solid #e0e0e2;border-top: 1px solid #e0e0e2;padding: 10px 15px;position: relative;} .id_cmd{float:left; width:20%; padding: 10px 0;} .date_cmd{float:left; width:20%; padding: 10px 0;} .total_cmd{float:left; width:20%; padding: 10px 0;font:15px "Montserrat";color:#cb151a} .etat_cmd{float:left; width:20%; padding: 10px 0;} .action_cmd{float:right; width:20%; padding: 10px 0;} .action_cmd a, .bloc_detail_cmd a.etoile {font: 14px "Gotham-Book";display:inline-block; text-decoration:underline} .action_cmd a:hover{color: #cb151a;text-decoration:none} .lib_etat_cmd{float:right; width:25%; padding: 10px 0;} .bloc_detail_cmd {margin: 15px 0;} .bouton_detail_cmd {background-color: #cb151a;color: #ffffff;display: inline-block;font: 14px "Gotham-Medium";padding: 8px 15px;text-transform: uppercase;} .bouton_detail_cmd:hover{background-color: #cb151a;} .facture_suivi {padding: 10px 0;} .suivi_bit > a {color: #cb151a;text-decoration: underline;} .suivi_bit > a:hover{text-decoration: none;} .suivi_adresse_exp {background: #ffffff;border: 1px solid #cccccc;margin:auto;max-width:350px;padding:10px;} .content_adresse_cmd{padding:10px 0} .conteneur_ad_cmd {margin: auto;max-width: 400px;} .bouton_suivi {background-color: #263475;color: #ffffff;display: inline-block;font: 14px "Gotham-Medium";padding: 8px 25px;border-radius:15px;} .bouton_suivi:hover{background-color: #263475;} /* .invoice-formbox {opacity: 0;transition: all 0.6s ease-in 0s;-wbekit-transition: all 0.6s ease-in 0s;-moz-transition: all 0.6sease-in 0s;-o-transition: all 0.6s ease-in 0s;visibility: hidden;height:0;} .invoice-formbox.visibleChecked {opacity: 1;visibility: visible;height:75%;} */ .invoice-formbox {display:none;} .invoice-formbox.visibleChecked {display:block;} /******************************************************************** GUIDE - GUIDE - GUIDE - GUIDE - GUIDE - GUIDE - GUIDE - GUIDE - GUIDE ********************************************************************/ .guide_titre{text-align:center;background:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAAAVBAMAAACeSyI0AAAAElBMVEXFkw7Fkw7Fkw7Fkw7Fkw7Fkw6S+F2ZAAAABnRSTlO/QI9gMCDEDIUOAAAAD0lEQVQI12NQYWAkCpoCAAeyAG3fjp64AAAAAElFTkSuQmCC') no-repeat center center;text-align:center;margin:0 0 20px;} .guide_titre span{display:inline-block;padding:0 20px;background-color:#f9f7f7;font:20px 'Montserrat';} .listeGuide1{margin-bottom:25px;} .guideBit{background-color:#ffffff;border:1px solid #e0e0e0;} .guideBitIma{text-align:center;} .guideBitContent{padding:15px;} h2.guideBitLib{margin:0 0 5px;} h2.guideBitLib a{font:14px "Gotham-Bold";color: #2d292d;} h2.guideBitLib a:hover{color:#cb151a;} .guideBitResume{font-size:12px;color:#878787;} .guideBitResume p{margin:0;} .guideImg {margin-bottom: 40px;} .guideImg img{border:1px solid #e0e0e0;} .guide_contenu{background: #fff;padding: 20px;font-family:Montserrat!important;} .guide_contenu p{margin:15px 0;text-align: justify;font-family:Montserrat!important;font-size:14px!important;} .guide_contenu img {height:auto!important;} .guide_contenu ul li { list-style: disc outside!important; margin-left:20px!important;} /*.guide_contenu p:nth-child(3):first-letter {font:50px "Montserrat";color: #cb151a;margin: 0 5px 5px 0;float: left;}*/ .creation_lib {background-color:#242626;padding:10px;text-align: center;color:#ffffff;font:16px "Montserrat";margin-bottom: 15px;} .silo {padding-bottom:5px;border-bottom:1px solid #dededd;margin-bottom: 5px;} .silo a {font:12px "Gotham-Medium";text-transform: uppercase;} .bulletIcon {padding-right: 10px;} body .creation_list li{padding: 10px 0;border-bottom: 1px solid #e0e0e2;} body .creation_list2 li{padding: 10px 0 10px 15px ;border-bottom: 1px solid #e0e0e2;} #afficher_menu_guide { display:none; margin:5px; padding:8px 12px;background-color:#DDD;color:#555;text-transform:uppercase;border-radius:7px; } #afficher_menu_guide:hover, #afficher_menu_guide:active { background-color:#EEE;} .cta-guide {position: fixed; display: none; bottom: 10px; right:20px; text-align: center; color: #FFF; padding-top: 20px; padding-bottom: 20px; font-family: 'Gotham-Medium'; z-index: 9;} .cta-guide a {background-color: #cb151a; padding: 10px; font-size: 16px; border-radius: 5px; text-decoration: underline;} .cta-guide .arrow-left { position: absolute; left: -10px; width: 0; height: 0; border-top: 10px solid transparent; border-bottom: 10px solid transparent; border-right:10px solid #cb151a; } @media screen and (max-width: 768px) { .cta-guide {position: fixed; display: none; bottom: 0; left:0; width: 100%; text-align: center; background-image: url('../template-bandeau_guide.jpg'); background-size: cover; background-repeat: no-repeat; color: #FFF; padding-top: 30px; padding-bottom: 30px; font-family: 'Gotham-Medium'; z-index: 9;} .cta-guide a { font-size: 18px; background-color: #FFF; color: #273572; } } @media screen and (max-width: 465px) { .cta-guide a { font-size: 14px !important; } } @media screen and (max-width: 365px) { .cta-guide a { font-size: 10px !important; } } /******************************************************************** SPINNER - SPINNER - SPINNER - SPINNER - SPINNER - SPINNER - SPINNER ********************************************************************/ .loading-overlay{background-color:#000;display:block;height:100%;left:0;opacity:.5;position:fixed;text-align:center;top:0;width:100%;z-index:9998} .spinner{width:40px;height:40px;left:50%;position:fixed;top:50%;z-index:9999} .spinner .child{width:100%;height:100%;position:absolute;left:0;top:0} .spinner .child:before{content:'';display:block;margin:0 auto;width:15%;height:15%;background-color:#fff;border-radius:100%;-webkit-animation:circleBounceDelay 1.2s infinite ease-in-out both;animation:circleBounceDelay 1.2s infinite ease-in-out both} .spinner .circle2{-webkit-transform:rotate(30deg);-ms-transform:rotate(30deg);transform:rotate(30deg)} .spinner .circle3{-webkit-transform:rotate(60deg);-ms-transform:rotate(60deg);transform:rotate(60deg)} .spinner .circle4{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)} .spinner .circle5{-webkit-transform:rotate(120deg);-ms-transform:rotate(120deg);transform:rotate(120deg)} .spinner .circle6{-webkit-transform:rotate(150deg);-ms-transform:rotate(150deg);transform:rotate(150deg)} .spinner .circle7{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)} .spinner .circle8{-webkit-transform:rotate(210deg);-ms-transform:rotate(210deg);transform:rotate(210deg)} .spinner .circle9{-webkit-transform:rotate(240deg);-ms-transform:rotate(240deg);transform:rotate(240deg)} .spinner .circle10{-webkit-transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg)} .spinner .circle11{-webkit-transform:rotate(300deg);-ms-transform:rotate(300deg);transform:rotate(300deg)} .spinner .circle12{-webkit-transform:rotate(330deg);-ms-transform:rotate(330deg);transform:rotate(330deg)} .spinner .circle2:before{-webkit-animation-delay:-1.1s;animation-delay:-1.1s} .spinner .circle3:before{-webkit-animation-delay:-1s;animation-delay:-1s} .spinner .circle4:before{-webkit-animation-delay:-.9s;animation-delay:-.9s} .spinner .circle5:before{-webkit-animation-delay:-.8s;animation-delay:-.8s} .spinner .circle6:before{-webkit-animation-delay:-.7s;animation-delay:-.7s} .spinner .circle7:before{-webkit-animation-delay:-.6s;animation-delay:-.6s} .spinner .circle8:before{-webkit-animation-delay:-.5s;animation-delay:-.5s} .spinner .circle9:before{-webkit-animation-delay:-.4s;animation-delay:-.4s} .spinner .circle10:before{-webkit-animation-delay:-.3s;animation-delay:-.3s} .spinner .circle11:before{-webkit-animation-delay:-.2s;animation-delay:-.2s} .spinner .circle12:before{-webkit-animation-delay:-.1s;animation-delay:-.1s} .articles > .spinner{height:30px;position:relative;width:30px;z-index:1;} .articles > .spinner .child::before{background-color:#2d292d} /*==================================================== SOCOLISSIMO PANIER =====================================================*/ .divers_socarte{max-height:350px;overflow:hidden;overflow-y:auto;margin:5px -10px 15px 0;padding:9px/* 5px*/;width:100%!important; position:relative; z-index:1} #TB_ajaxContent .divers_socarte{max-height:200px;margin-bottom:0} /******Choix point relais*******/ .pointrelaisBit img{float:left;max-width:50px;margin-right:5px} .pointrelaisBit{border-bottom:1px solid #ccc;margin-bottom:10px;padding:5px 0;position:relative} .pointrelaisBit:last-child{border-bottom:none} .pointrelaisBit > label{float:left;max-width:220px} #TB_ajaxContent .pointrelaisBit > label{float:none;max-width:100%;cursor:pointer;width:auto;z-index:8} .pointrelaisBit label span{display:block;font:12px Gotham-Book} .pointrelaisBit label span em{color:#6d6d6d} .choisirPR{background-color:#ed7f12;color:#fff;font-size:20px;padding:0 5px;position:absolute;right:5px;top:6px;z-index:9} .choisirPR:hover,.pointrelaisBit.pointrelaisBitSelect .choisirPR,.pointrelaisBit.selected .choisirPR{background-color:#108037} .cartePointsRetrait{width:100%;height:300px} .modelivraisonBit .uppercase{text-transform:uppercase;color:#68af1a;} /********MAP cde1******/ #TB_window.popup_map {margin-left: -35% !important;width: 70% !important;top:40%!important} #TB_window.popup_map #TB_ajaxContent {height: 94% !important;width: 100% !important;} /*==================================================== Articles conseillés AjoutPanierPopup =====================================================*/ .pop_up_conseil_lib { text-align:center;margin:10px 0;padding:5px 0;font-weight:bold;font-size:15px;text-transform:uppercase;border-top:1px solid #EEE } .pop_up_conseil .pi-col-sm-4 { width:25%;} .pop_up_conseil .articleBit {position:relative;} .pop_up_conseil .articleBit .etiquette_pctpromo { background-color:#FFF;position:absolute;top:0;right:0;width:45px;height:auto;padding:1px 0;font-weight:bold} .pop_up_conseil .articleBit_lib { height:70px;overflow:hidden;text-overflow: ellipsis;} .pop_up_conseil .articleBit_lib a { font-size:9px;} .pop_up_conseil .articleBit_price { text-align:center; } .pop_up_conseil .prix_old { color:#333;padding:5px 2px;font-weight:bold;font-size:10px; } .pop_up_conseil .prix_promo { color:#333;padding:5px 2px;font-weight:bold;font-size:12px; } .pop_up_conseil .art_conseil_add_panier { width:100%;border:0;color:#FFF;padding:5px 0;background-color:#cb151a;} .pop_up_conseil .art_conseil_add_panier:hover { background-color:#cb151a;} .pop_up_conseil .rupture_btn { padding:5px 0;background-color:#333;color:#FFF;text-align:center } @media screen and (max-width: 768px) { .pop_up_conseil {display:none} } .categ-etiquette { color:#263475; font-weight:bold; text-transform:uppercase; } /*==================================================== Progressbar Frais De Port =====================================================*/ .progressbar-message { position:relative; width:100%; height:auto; float:left; overflow:hidden; font-size:10px; margin-top:2px; } .progressbar{ position:relative; width:100%; height:20px; padding:0px; margin-top:10px; background:#cfcfcf; border-width:1px; border-style:solid; border-color: #aaa #bbb #fff #bbb; box-shadow:inset 0px 2px 3px #bbb; float:left; overflow:hidden; } @media only screen and (max-width:768px) { .fdp-progressbar-wrap, .menuTop .libCompte, .menu_cart span { display: none; } .menuTop { margin-right: 25px; } .menu_user { width: 25px; } .logo { margin-top: 0px !important; position: absolute; top: -10px; left: calc(50% + 70px); } .toggle_search_mobile { font-size: 30px !important; display: block !important; background-color: transparent; border: 0; float: left; margin-top: 4px; margin-left: -5px; } .toggle_search_mobile img { opacity: 0.8; } .searchTop { display: none; } } @media only screen and (min-width:769px) { .searchTop { display: block !important } } @media only screen and (max-width:565px) { } .progressbar-text{ position:absolute; top:0; right:5%; font-weight:bold; color:#FFF; } @media screen and (min-width: 320px) and (max-width: 415px) { .progressbar-text{ font-size:11px;} } .progressbar-block-invisible { display:none; } .progressbar, .progressbar-inner{ border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; -o-border-radius:4px; } .progressbar-inner{ width:77%; /* Change to actual percentage */ height:100%; background:#999; background-size:18px 18px; background-color: #ac0; background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%, transparent 75%, transparent); background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%, transparent 75%, transparent); background-image: -ms-linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%, transparent 75%, transparent); background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%, transparent 75%, transparent); box-shadow:inset 0px 2px 8px rgba(255, 255, 255, .5), inset -1px -1px 0px rgba(0, 0, 0, .2); } /* * Color Options */ .progressbar-green .progressbar-inner{ background-color:#ac0; width:100%; } .progressbar-blue .progressbar-inner{ background-color:#7ce; width:90%; } .progressbar-yellow .progressbar-inner{ background-color:#fb5; width:80%; } .progressbar-red .progressbar-inner{ background-color:#f67; width:70%; } .progressbar .progressbar-inner, .progressbar:hover .progressbar-inner{ -webkit-transition:width .5s ease-in; -moz-transition:width .5s ease-in; -o-transition:width .5s ease-in; transition:width .5s ease-in; } /*==================================================== POPUP INDEX =====================================================*/ .cb_splash_ads { background-color: rgba(0,0,0,0.9); height: 100%; left: 0; position: fixed; top: 0; width: 100%; z-index: 99999; } .cb_splash_ads .pop { background-color: #000; margin: 15% auto 0; padding: 1px; position: relative; max-width: 700px; } .cb_splash_ads .pop img { width: 100%; vertical-align: middle; } .cb_splash_ads .close { opacity: 1; position: absolute; right: -9px; top: -9px; } .cb_splash_ads .close img { height: 32px; width: 32px; } .cb_splash_ads p { margin:0;padding:0;} @media only screen and (max-width:768px) { .cb_splash_ads .pop {margin-top:45%;} } @media only screen and (max-width:320px) { .cb_splash_ads .pop {margin: 45% 3% 0;} } /*================================ VIGNETTES CATEG =================================*/ .ss_categ {margin: 15px 0;} .ss_categ_bit {float: left;padding: 0 10px;width: 16%;margin-bottom:10px;min-height:240px;} .box_ss_categ {background-color: #ffffff;text-align: center;padding: 10px;font-size: 11.5px;border:1px solid transparent} .box_ss_categ:hover{border-color:#cb151a} .titre_ss_categ a {font: 15px "Montserrat";color: #cb151a;height:36px;display: block;margin-top: 8px;margin-bottom: 2px; overflow:hidden} .image_ss_categ{padding-top:1px;width:100%; overflow:hidden;position:relative} .image_ss_categ_retour{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);} /* ****** *** *** ***** */ /* POPUP-MONDIAL RELAY */ /* ****** *** *** ***** */ /*.address_pr{border:1px solid #ccc; margin: 20px 0px 10px}*/ .titl_address_pr{display:block;font:12px "Gotham-Book";text-align:center;text-transform:uppercase; background:#B4CCC0;padding: 8px} /*.content_fact_mr{padding:5px 0px 10px}*/ .address_pr .contenu_address.mondialrelay {padding: 5px;background: #B4CCC0; margin:0px; margin-bottom: 15px} .address_pr .contenu_address > span {display: block;text-align: center;font-weight: bold;} .btn_pr_wrap { text-align: center; padding: 10px; margin-bottom:5px; } .btn_pr { background: #cb151a; border: none; color: #fff; font: 14px Gotham-Medium; padding: 5px 20px 5px 20px; text-transform: uppercase; cursor: pointer; } .avert_boxrelay{position:absolute;background-color:#ffffff;padding:15px;top:50%;left:50%;margin:-250px 0 0 -380px;max-width:760px;width:100%;min-height: 550px} .validrelay{border:none;background-color: #e2007a;width:16%;padding:12px 0px 12px 0;text-align:center;color:#ffffff;text-transform:uppercase;font:bold 18px Arial;margin-left: 20px; margin-top: 15px;} .MR-Widget{/*font-family:Verdana!important;*/font-size:10px!important;/*border:solid 1px #ddd!important;*/margin:5px;background:#fff;position:relative;} .MR-Widget .MRW-Title{display:none;color:#666;font-weight:700;text-align:center;background:#eee;padding:3px;border-bottom:solid 1px #ddd} .MR-Widget .MRW-Results{overflow:auto;height:auto;} @media only screen and (max-width:580px) { .MRW-Map{display:none !important;} } .MR-Widget input{border:solid 1px #ddd} .MR-Widget .MRW-Search{padding:20px 5px;/*text-align:center;*/background:#fafafa;} .es-ES .MRW-Search{padding:20px 5px!important;} .MR-Widget .MRW-Line{display:block;margin-bottom:3px} .MR-Widget .MRW-BtGeoGo{display:none;border:solid 1px #ddd;background:#eee} .MR-Widget .MRW-BtGo{height: auto;border: 1px solid #D4D4D4;background: #000;padding: 2px 25px;font-size: 14px;text-align: center;white-space: nowrap;color: #FFF;text-transform: uppercase;} .MR-Widget .PR-List-Item{border-left:solid 2px #ddd;padding:3px;margin-bottom:4px;cursor:pointer;font-weight: bold;font-size: 12px;} .MR-Widget .PR-Name{color:#ca0047;font-weight:600;font-size: 14px;line-height: 20px;font-weight: bold;text-transform: uppercase;} .MR-Widget .PR-hover{border-left:solid 2px #ca0047;background:#f7f7f7} .MR-Widget .PR-Selected{border-left:solid 2px #ca0047;background:#DDDDDD} .MR-Widget .MRW-Errors{color:#ff8c44;display:block;background:#ffede2;border:solid 1px #ff8c44;font-weight:100;padding:4px;display:none;width: auto;} .MR-Widget .PR-Warning{color:#ffa500;font-weight:700;text-align:center;padding:2px} .MR-Widget .PR-Hours{width:100%;color:#666;border:solid 1px #eee;font-size:10px} .MR-Widget .PR-Hours td{width:35%;text-align:center} .MR-Widget .PR-Hours .d{background:#eee} .MR-Widget .PR-AutoCplCity{position:absolute;width:100px;text-align:left;display:none;border:solid 1px #B1B1B1;background:#fff;z-index:8000} .MR-Widget .MRW-fl-Select{position:absolute;width:100px;text-align:left;display:none;border:solid 1px #B1B1B1;background:#fff;z-index:8000;padding-left: 8px;} .MR-Widget .MRW-fl-Select .MRW-fl-Item,.MR-Widget .PR-City{padding:3px} .MR-Widget .MRW-fl-Select .MRW-fl-Item:hover,.MR-Widget .PR-City:hover{cursor:pointer;background:#f5f5f5;font-weight:700} .MR-Widget .AutoCpl-Hover{background:#f5f5f5;font-weight:700} .MR-Widget #MRW-Map{overflow:hidden !important;font-size:8pt !important} .MR-Widget .InfoWindow{width:245px !important} .MR-Widget .PR-Name{padding-bottom:2px} .MR-Widget .Tabs-Btns{overflow:auto;border-bottom:1px solid #ccc} .MR-Widget .Tabs-Btn{display:inline-block;padding:2px 5px;float:left;background-color:#eee;cursor:pointer} .MR-Widget .Tabs-Btn-Selected{font-weight:bold;border:1px solid #ccc;border-bottom:0} .MR-Widget .Tabs-Tabs{margin-top:2px} .MR-Widget .Tabs-Tab{display:none;visibility:hidden} .MR-Widget .Tabs-Tab-Selected{display:inline;visibility:visible} .MRW-RList{overflow: auto;height: 300px; width: 100% !important;} .MRW-Map{overflow: hidden;height: 300px !important;/* position:absolute !important; margin-top: 310px !important*/;width:100% !important;margin:auto;float:none !important} .Arg2{width: 70px !important;margin-right: 10px; margin-left: 5px;} .MRW-flag{margin-right: 20px;cursor: pointer;padding-left: 9px;} .iArg0{width: 100px !important;margin-bottom: 10px;} #erreur_no_relais { background: #ffb2bb; border: solid 1px #f91713; padding: 10px;font-family:Montserrat;font-size:10px; font-weight:bold;margin-bottom:10px;display:none;} #content_pr { margin-bottom:5px} .leaflet-container.leaflet-touch-drag.leaflet-touch-zoom{z-index: 1;} /*================================ Crisp =================================*/ @media only screen and (max-width:767px) { /*.crisp-client { display:none }*/ body .crisp-client .cc-tlyw[data-full-view="true"] .cc-kxkl .cc-nsge {bottom: 90px !important;} body.cde1ajax .crisp-client, body.cde2ajaxp2 .crisp-client, body.cde3ajaxp2 .crisp-client {display:none;} } /*================================ Filtre par catag avancé =================================*/ .filtrecontent_btn{display:none; width:100%;z-index:999 ;} .filtrecontent_btn div {display: table;width: 100%;} .filtrecontent_btn a {display: table-cell;width:50%;line-height:30px;text-align: center;padding: 5px 10px;border: 1px solid #000;background-color: #fff;transition: all ease 0.7s;-moz-transition: all ease 0.7s;-webkit-transition: all ease 0.7s;-ms-transition: all ease 0.7s;-o-transition: all ease 0.7s} .filtrecontent_btn a:hover,.filtrecontent_btn a.active {background-color:#2B265C; color:#fff;transition: all ease 0.7s;-moz-transition: all ease 0.7s;-webkit-transition: all ease 0.7s;-ms-transition: all ease 0.7s;-o-transition: all ease 0.7s} .filtrecontenu_btn{display:none; width:100%; bottom:0;z-index:999 ; left:0;} .filtrecontenu_btn div {display: table;width: 100%;} .filtrecontenu_btn a {display: table-cell;text-align: center;text-transform: uppercase;padding: 10px;border: 1px solid #000;background-color: #fff;transition: all ease 0.7s;-moz-transition: all ease 0.7s;-webkit-transition: all ease 0.7s;-ms-transition: all ease 0.7s;-o-transition: all ease 0.7s} .filtrecontenu_btn a:hover,.filtrecontenu_btn a.active {background-color:#2B265C; color:#fff;transition: all ease 0.7s;-moz-transition: all ease 0.7s;-webkit-transition: all ease 0.7s;-ms-transition: all ease 0.7s;-o-transition: all ease 0.7s} .titre_fixed_c{display:none; padding: 10px;text-align: center;background-color: #2B265C;color: #fff;text-transform: uppercase;font: 14px "Gotham-Bold";} .btn_close_c {position: absolute;right: 20px;font-size: 20px;top: 6px;font-weight: bold;font-family: arial;z-index:99} .btn_l_c{position: absolute;left: 20px;font-size: 20px;top: 6px;font-family: arial;z-index:99} .listScrollable{max-height: 300px;border-top:1px solid;margin-top: 10px; overflow-y: hidden;} .titre_facette{padding-bottom:10px;font:15px 'Montserrat';} .filtre_value_liste li{margin: 5px;} .filtre_value_liste li label{vertical-align: middle;} .liens_plus{color:#cb151a;font-size: 14px;margin-top: 5px; margin-bottom:10px; font-weight: bold;} .liens_plus:hover{cursor: pointer;} @media only screen and (max-width:1024px) { .filtrecontent_btn{display:block} .categorieFiltre_lib{display:none} .filtre_selected {margin-bottom: 0;} .filtrecontenu_btn{display:block} .filtre_fixed_mobile {position: fixed;width: 100%;right: -10000px;top: 0;background-color: #fff;height: 100%;z-index: 999;transition: all ease 0.2s;-moz-transition: all ease 0.2s;-webkit-transition: all ease 0.2s;-ms-transition: all ease 0.2s;-o-transition: all ease 0.2s;} .filtre_fixed_mobile.open_mob{right:0;transition: all ease 0.7s;-moz-transition: all ease 0.7s;-webkit-transition: all ease 0.7s;-ms-transition: all ease 0.7s;-o-transition: all ease 0.7s;} .content_f_fixed {position: relative;height: 100%;overflow: hidden;} .titre_fixed_c {display: block;} .ul_fixd {padding: 15px;height: 85%;overflow: auto;position: relative;z-index: 99;} .tri_fixed_mobile {position: fixed!important;width: 100%;right: -10000px;top: 0;background-color: #fff;height: 100%;z-index: 999;transition: all ease 0.2s;-moz-transition: all ease 0.2s;-webkit-transition: all ease 0.2s;-ms-transition: all ease 0.2s;-o-transition: all ease 0.2s;padding:0!important;} .tri_fixed_mobile.open_mob{right:0;transition: all ease 0.7s;-moz-transition: all ease 0.7s;-webkit-transition: all ease 0.7s;-ms-transition: all ease 0.7s;-o-transition: all ease 0.7s;} .tri_fixed_mobile .ul_fixd .pi-row >div{padding:0} .filterBox_list{position: fixed;width: 100%;right: -10000px;top: 0;background-color: #fff;height: 100%;z-index: 9999;transition: all ease 3s;-moz-transition: all ease 3s;-webkit-transition: all ease 3s;-ms-transition: all ease 3s;-o-transition: all ease 3s; display:block!important} .filterBox_list.open_mob{right:0;transition: all ease 0.7s;-moz-transition: all ease 0.7s;-webkit-transition: all ease 0.7s;-ms-transition: all ease 0.7s;-o-transition: all ease 0.7s} .filterBox_list_ {height: 90%;position: relative;overflow: auto;} .filterBox {margin-bottom: 15px;} .categorie.paddingTop {padding-bottom: 30px;} body div.filtre_left_c{width:100% !important;} } body.disable-scroll { overflow: hidden; } @media only screen and (min-width: 480px) and (max-width: 767px) { .pp_pic_holder{ left: 50% !important; width: 400px !important; margin-left: -200px !important; } div.pp_default .pp_content_container .pp_right{ padding-right: 21px !important; } .pp_content, #pp_full_res img{ width: 100% !important; height: 100% !important; } .pp_details {display:none !important; } .pp_expand {display:none !important; } .pp_left { padding-left:0!important;} .pp_right { padding-right:0!important;} } @media only screen and (max-width: 479px) { .pp_pic_holder{ left: 50% !important; width: 300px !important; margin-left: -150px !important; } div.pp_default .pp_content_container .pp_right{ padding-right: 21px !important; } .pp_content, #pp_full_res img{ width: 100% !important; height: 100% !important; } .pp_details {display:none!important; } .pp_expand {display:none !important; } .pp_left { padding-left:0!important;} .pp_right { padding-right:0!important;} } /*================================ Popup latéral =================================*/ #popup-lateral { position: fixed; bottom: 10px; right: 10px; z-index: 9999; border:1px solid #DDD; background-color:#FFF; visibility: visible; padding:10px; } #popup-lateral-close-button { width: 20px; height: 20px; background: #000; border-radius: 50%; border: 3px solid #fff; display: block; text-align: center; color: #fff; text-decoration: none; position: absolute; top: -10px; right: -10px; } @media only screen and (max-width: 479px) { #popup-lateral { display:none } } /*=========================================================================================================================== Mobile ===========================================================================================================================*/ /****** COMMUN ******/ @media only screen and (max-width:1200px) { li.navItem{margin:0 10px;} } @media only screen and (max-width:1100px) { .texte_personnel_1, .texte_personnel_2{padding:0 15px;} .guide_conseil{padding:0 10px;} .newsletterBloc{padding:10px;} .n_text{width:300px;} .bloc_footer{padding:0 10px;} .footer_menu{padding:0 10px;} } @media only screen and (max-width:1024px) { .paddingTop{padding-top:85px;} .headerWrapper .link_header_fixed{display:none!important;} .header{padding:30px 10px 10px;} .btn_menu_mobile{display:block;float:left;margin:5px 10px 0 10px;max-width: calc(100% - 260px);} .headerWrapper.headerFixed .logo, .logo{float:left;width:240px;margin-top:22px;} .navigation{display:none;position:absolute;width:300px;left:0;border:none;/*max-height:400px;*/top:100px} li.navItem, li.navPromo{float:none;margin:0;width:100%;border-top:1px solid #d6d6d6;position:relative;} a.navLink{display:block;padding:10px;height:auto} .headerWrapper.headerFixed a.navLink {height: auto;padding: 10px;} .headerWrapper.headerFixed a.promoLink {color: #ffffff;display: block;padding: 10px;font-size:15px} /*a.navLink:focus{background:#cb151a url('../template-focus_tablette.png') no-repeat right 10px center;color:#ffffff;}*/ a.navLink.white_color{color:#ffffff;background:#cb151a url('../template-focus_tablette.png') no-repeat right 10px center;} li.navItem:hover > a.navLink {color: #cb151a;} a.ongletdroiteLink{ padding:10px; } a.promoLink{display:block;padding:10px;color:#ffffff;background-color:#cb151a;} .subMenu{top:0;left:100%;padding:0;} .subMenuItem_lib{display:none;} ul.subMenuList { -moz-column-count: auto; -moz-column-gap: normal; -webkit-column-count: auto; -webkit-column-gap: normal; column-count: auto; column-gap: normal; list-style: none; } ul.subMenuList li{margin:0;border-top:1px solid #d6d6d6;} ul.subMenuList li a{display:block;padding:10px;} ul.subMenuList li a:focus, ul.subMenuList li a:hover{background-color:#cb151a;color:#ffffff;font:12px 'Gotham-Book';} .texteperso_index{margin:0 0 20px;} .texte_personnel_1{font-size:13px;} .top_product_index_lib span{font-size:20px;} .collectionBit{max-width:95%;padding:10px;} .collection_desc{display:block;height:auto;width:100%;padding:50px 10px 0;} .guide_conseil_lib{font-size:19px;} /*******RO integre 01032017*************/ body.bodyfix {height: 100%;left: 0;overflow: hidden;position: fixed!important;top: 0;width: 100%;z-index:1} ul.onglets {height: 320px;overflow-x: hidden;overflow-y: auto;} } @media only screen and (max-width:1010px) { .btn_menu_mobile{margin:5px 10px 0 5px;max-width: calc(100% - 220px);} .headerWrapper.headerFixed .logo, .logo{width:200px;} .newsletter_text{float:none;width:100%;text-align:center;margin:0 0 10px;} .newsletter_form{float:none;max-width:480px;margin:auto;} .n_text{width:75%;} .n_submit{width:25%;} } @media only screen and (max-width:980px) { .header_top{display:none;} .header{padding:20px 10px 10px;} .texteperso_index{font-size:10px;} .slider_wrapper{background:none;padding:0;margin:0 0 15px;} .slider_container{padding:0;} .social_footer a{margin-right:10px;} .navigation{top:80px} } @media (orientation: landscape) and (max-width : 737px){ .navigation{max-height:215px} ul.onglets{height:210px} } @media only screen and (max-width:859px) { .btn_menu_mobile img{width:30px;} div.floatRight{float:left;} .menuTop a{font-size:12px;} .clearRight{clear:both;padding-top:1px;} .searchTop{max-width:100%;} .texte_personnel_1{font-size:11px;} .collection_desc{display:block;height:auto;width:100%;padding:25px 10px 0;} .collection_desc{font-size:12px;} } @media only screen and (max-width:768px) { .subMenu{position:relative;left:0;background-color:#f5f5f5;} a.navLink:focus{background:#cb151a url('../template-focus_mobile.png') no-repeat right 10px center;} ul.subMenuList li a{display:block;padding:10px 10px 10px 20px;} .texte_personnel_1, .texte_personnel_2{display:none;} .top_product_list .articleBit{max-width:200px;} .collection_desc{font-size:10px;} .avContainer a{font-size:12px;} .social_footer a{width:46px;height:46px;margin-right:5px;} .footerBox_lib{font-size:11px;} .menuBox_lib{font-size:11px;} .menuBox_lib em{display:none;} } @media only screen and (min-width:768px) { .menuBox ul{display:block!important;} } @media only screen and (max-width:599px) { .top_product_list .articleBit{max-width:190px;} .collection_desc{font-size:13px;} .assuraceBloc{margin:25px 0;} .newsletterBloc{margin-bottom:25px;} .newslettr_lib{display:block;} .bloc-44{float:none;width:100%;} .bloc-28{float:none;width:100%;} .box-33{width:100%;float:none;} .bloc_footer{padding:0;} .footerBox{margin:0;} .footerBox_lib{text-align:center;padding:10px 0;background:#DEDEDD url('../template-ico_up.png') no-repeat right 20px center;} .footerBox_cnt{text-align:center;padding:0 0 15px;} .social_footer{text-align:center;} .footer_menu{padding:0;} .menuBox{margin:0 0 1px;} .menuBox_lib{text-align:center;padding:10px 0;background:#DEDEDD url('../template-arrow_select.png') no-repeat right 20px center;margin:0;cursor:pointer;} .menuBox ul{display:none;} .menuBox ul li{padding:10px;} .menuBox ul li a{} .copyright{margin:0;} } @media only screen and (max-width:580px) { .top_product_index .top_product_list .articleBit {max-width: 95%;} .top_product_index .top_product_list {padding-left: 10px;} .top_product_index .top_product_list .slick-list {margin-left:-70px} .top_product_list .slick-next{display: none!important;} .top_product_list .slick-prev{display: none!important;} } @media only screen and (max-width:560px) { .headerFixed {position:relative!important;} .headerWrapper.headerFixed .logo, .logo{width:160px;margin-top:30px;} .headerWrapper.headerFixed .header {padding: 20px 10px 10px;} .btn_menu_mobile{margin:10px 10px 0 5px;} h3.conseilBit_lib a{font-size:12px;} .conseilBit_desc{font-size:11px;} .conseilBit_link a{font-size:11px;} .paddingTop {padding-top: 0;} .avContainer a{font-size:11px;} .avContainer{width:33%;margin-bottom:15px;} .avContainer.av1, .avContainer.av2{width:50%;} .avContainer.av3{clear:both} .avContainer a{font-size:11px;} } @media only screen and (max-width:480px) { .headerWrapper.headerFixed .logo, .logo{width:130px;margin-top: 37px;} i.mon{display:none;} .menu_cart{margin-left:10px;} .clearRight{clear:both;padding:1px 10px 0!important;} .texteperso_index{font-size:9px;} .top_product_index_lib span{font-size:18px;} .collectionBit{padding:5px;} .collection_desc{font-size:10px;} .see_more{bottom:5px;} .guide_conseil_lib{font-size:14px;} } @media only screen and (max-width:420px) { .top_product_list .articleBit{max-width:155px;} .collection_desc{padding:10px 5px 0;} h3.conseilBit_lib a{font-size:10px;} .conseilBit_desc{font-size:10px;} .conseilBit_link a{font-size:10px;} .n_text{font-size:11px;} .n_submit{font-size:11px;} } @media only screen and (max-width:360px) { .headerWrapper.headerFixed .logo, .logo{width:125px;} .btn_menu_mobile{margin:10px 10px 0 0;} .btn_menu_mobile img{width:25px;} .s_text{font-size:11px;} .texte_personnel_1{font-size:8px;} .see_more{display:none;} .footerBox_cnt img{margin:0;} } @media only screen and (max-width:319px) { .headerWrapper.headerFixed .logo, .logo{width:200px;} .btn_menu_mobile img{width:39px;} div.floatRight{float:none;} .menuTop{float:none;width:120px;margin:auto;} } /****** CATEGORIE ******/ @media only screen and (max-width:860px) { .categorie_details{margin:0 0 15px;} /*.descr_categ{display:none;}*/ /*#desc_haut_categ{display:none;}*/ .descr_categ_mobile{display:block;padding:10px;background-color:#f9f7f7;font-size:12px;} h1.categorie_lib{margin:15px 0 0;font-size:32px;} } @media only screen and (max-width:768px) { h1.categorie_lib{font-size:32px;} } @media only screen and (max-width:480px) { h1.categorie_lib{font-size:32px;margin:10px 0 0;} .categ_text{padding:0 5px 0 5px;} } /****** ARTICLE ******/ @media only screen and (max-width:1024px) { .photoBox{text-align:center;} .photoBox img{width:240px;} .article_details{padding:0 10px 0 0;} .quantite_article .qteBox{width:141px;} .quantite_article .moins_m, .quantite_article .plus_m{display:inline-block;} .quantite_article .moins_d, .quantite_article .plus_d{display:none;} .quantite_article .qteMoins{bottom:auto;left:0;top:0;right:auto;} .quantite_article .inputqte{display:block;margin:auto;height:37px;} .pour_completer .pi-row{margin-left: 5px; margin-right: 5px;} .pour_completer .pi-col-xs-3{display: inline-block; width: 50%; padding: 0;} .pour_completer .articleBit{max-width:95%; margin: 0 auto 10px;} } @media only screen and (max-width:980px) { .articleLeft{width:55%;} .articleRight{width:42%;} #TB_window.popup_map {margin-left: -45% !important;width: 90% !important;padding-top:30px} .cde1ajax #TB_window.popup_map #TB_title {position: absolute;top: 0;width: 100%;z-index:999} } @media only screen and (max-width:860px) { .articleLeft{width:50%;} .articleRight{width:48%;} } @media only screen and (max-width:767px) { /*.articleLeft{width:50%;margin:0 20px 0 0;} .articleRight{float:none;width:auto;}*/ .article_description{font-size:12px;} .photo_supp{max-width:100%;} .tablet_hide{display:none;} .tablet_show{display:block;} .caractBox{/*width:44%;float:left;*/margin-bottom:10px;} .quantite_article{clear:both;width:220px;margin:auto;padding-top:30px;} .article_prix{text-align:center;clear:both;} /*articleprix_2{display:block;} .articleprix_1{display:none;} .article_action{text-align:center;} .article_action input{display:inline-block;width:auto;} .box_state{width:44%;float:left;}*/ .pour_completer_lib span{font-size:19px;} .tab_article ul.pi-tabs-navigation li{width:24%;margin:0 0.25%;} .tab_article ul.pi-tabs-navigation li a{font-size:13px;} } .articleRight .add_to_cart .article_prix_old{position: absolute; top: -20px; right:5px; color: #FFF; font-size: 14px;} @media only screen and (max-width:599px) { .articleLeft{width:100%;margin:0 0 20px;float:none;padding-right: 15px;} .articleRight{float:none;width:100%;padding:0 25px;} .mobile_hide{display:none;} .mobile_show{display:block;} .article_description, .link_desc{display:none;} .caractBox{width:100%;margin:0 1% 15px;} .articleRight .add_to_cart .article_prix_old{position: absolute; top: -17px;right:auto;color: #FFF; font-size: 12px;} .article_prix { text-align:center;float:left;clear:none;margin:2px 20px 0 0;padding-top:0;width:50%; } .box_state { float:left;margin-bottom:15px;width:auto;margin-top:2px;width:40%;} .quantite_article{float:none;width:100%;margin: 0 auto 15px auto;max-width:150px;padding-top:0;} .caractBoxRef { width:100%; } .article_photo.test { display: none; } .article_photo_mobile { display: block !important; } .photoBox { display: none !important; } .photoMobileBox { display: block !important; } .title-article-mobile { display: block !important; padding: 10px; text-align: center; } .title-article-mobile h1 { font-size: 16px !important; } .title-article-large { display: none; } } @media only screen and (max-width:580px) { .tab_article ul.pi-tabs-navigation li a span{display:block;} /*.tab_article ul.pi-tabs-navigation li:nth-child(2) a{height:52px;line-height:30px}*/ } @media only screen and (max-width:480px) { .article_action input{background-position:20px;padding:18px 30px 18px 60px;font-size:15px;margin:auto;max-width:310px;} .social_article{text-align:center;} .pour_completer_lib span{font-size:14px;} } @media only screen and (max-width:479px) { .article_details{margin-top:20px;padding:0 10px;} } @media only screen and (max-width:360px) { .tab_article ul.pi-tabs-navigation li a{font-size:11px;} .tab_article ul.pi-tabs-navigation li:nth-child(2) a{height:48px;line-height:26px} } @media only screen and (max-width:360px) { h1.article_lib { font-size:15px;font-weight:bold;} } /****** PANIER ******/ @media only screen and (max-width:860px) { h3.cart_details_lib a, h3.cart_details_lib span{font-size:11px;} .del_ligne_article{right:5px;} } @media only screen and (max-width:768px) { .cadeauBox_cde1_txt{width:100%!important;text-align:center;padding:0;margin:0 0 10px;float:none;} .cadeauBox_cde1_form{float:none;max-width:390px;width:100%;margin:auto;} ul.cde_boutons li a span{padding:0;background:none;} .stepBloc_bottom{padding:0 20px;} .bloc-33{margin-bottom:5px;float:none;width:100%;} .bloc-44{margin-bottom:5px;float:none;width:100%;} .bloc-28{margin-bottom:5px;float:none;width:100%;} .etapeBloc_lib{background:#2d292d url('../template-toggleDown.png') no-repeat right 10px center;cursor:pointer;} .etapeBloc_content{/*display:none;*/padding:10px;} .pay_modeBit label img{float:left;display:inline-block;} .modelivraisonBit label img{float:left;display:inline-block;} .login_cde label{float:left;width:40%;text-align:right;padding-top:3px; font: 14px Montserrat ;} .cde_txt{width:57%;float:right;} .cde_create_account{text-align:center;} .submit_log{text-align:center;} .etapeBloc{min-height:0/*445px*/} .divcgv{margin-right:5px} .valid_cart{margin-right:5px} .big_wrapper{width:100%; overflow-x:hidden; overflow-y:auto;/* z-index:99; position:relative*/} .total_cde{width:98%;padding:10px !important;} } @media only screen and (max-width:599px) { .step_row::after{width:46%} .stepBox{width:23%!important;} .stepBox span{color:#f9f7f7!important;font-size:1px;} .head_table_cart{display:none;} .cart_qte{width:40%;} .cart_prix{width:40%;margin-bottom:10px;} .stepBloc_bottom{padding:0 20px;} .bloc-33{margin-bottom:5px;float:none;width:100%;} .bloc-44{margin-bottom:5px;float:none;width:100%;} .bloc-28{margin-bottom:5px;float:none;width:100%;} .etapeBloc_lib{background:#2d292d url('../template-toggleDown.png') no-repeat right 10px center;cursor:pointer;} .etapeBloc_content{/*display:none;*/padding:10px;} .pay_modeBit label img{float:left;display:inline-block;} .modelivraisonBit label img{float:left;display:inline-block;} .login_cde label{float:left;width:40%;text-align:left;padding-top:3px;} .cde_txt{width:100%;float:right;} } @media only screen and (max-width:479px) { .cart_details{float:none;width:100%;margin-bottom:10px;padding-right:25px;} .cart_qte{width:100%;float:none;} .cart_prix{width:100%;float:none;} div.floatRightTable{float:none;} ul.cde_boutons{margin:0 -1%;} ul.cde_boutons li{float:left;margin:0 1%;width:31.33%;} ul.cde_boutons li a{display:block;padding:10px 0;text-align:center;} ul.cde_boutons li a span{font-size:12px;} .total_cde td{padding:10px;} .titleConfirmation{text-align:center} .btn_commande,.btn_retour{display:block;float:none;margin:5px 8px;text-align:center} } @media only screen and (max-width:380px) { ul.cde_boutons li a span{font-size:11px;} .validate-bloc{text-align:center} .divcgv{float:none;font-size:13px;margin-right:0;text-align:left;width:auto} .divcgv > span{display:block} .valid_cart{float:none;margin:0} .total_cde{width:100%} } @media only screen and (max-width:340px) { .pointrelaisBit > label{max-width:79%} .btn_valider_panier{padding:15px 10px; width:100%} .stepBloc_bottom .bloc-33{padding:0 5px} .stepBloc_bottom .bloc-44{padding:0 5px} .stepBloc_bottom .bloc-28{padding:0 5px} } /*body.cde1ajax #TB_window { margin-top: -40vh !important; max-height: 750px !important; overflow: auto; }*/ /*================================ MES COMMANDES =================================*/ @media only screen and (max-width:1100px) { .content_commande {padding: 0 10px;} } @media only screen and (max-width:768px) { .commande_detail_bottom .floatRightTable {float: none;} .bloc_detail_cmd{text-align:center} } @media only screen and (max-width:640px) { .head_table_cmd {display: none;} .id_cmd {text-align: center;width: 15%;} .date_cmd {text-align: center;width: 25%;} .total_cmd {text-align: center;width: 25%;} .etat_cmd {text-align: center;width: 70%;padding:0} .action_cmd {width: 30%;} .detail_commande_tab .date_cmd, .detail_commande_tab .total_cmd, .detail_commande_tab .etat_cmd {padding: 10px 0;width: 20%;} } @media only screen and (max-width:540px) { .action_cmd a{font-size:12px} } @media only screen and (max-width:480px) { .id_cmd {display: none;} .date_cmd, .total_cmd{width:30%} .etat_cmd {margin-top: -20px;padding: 0 0 0 10px;text-align: left;} .action_cmd {width: 40%;} .detail_commande_tab .date_cmd, .detail_commande_tab .total_cmd, .detail_commande_tab .etat_cmd, .lib_etat_cmd {padding: 10px 0;width: 25%;margin-top:0; font-size:12px} } @media only screen and (max-width:380px) { .action_cmd a{font-size:11px} .total_cmd{font-size:12px} .titre_commande{font-size:14px} .detail_commande_tab .date_cmd, .detail_commande_tab .total_cmd {width: 33%;} .detail_commande_tab .etat_cmd {margin-top: -15px;padding:0 0 0 15px;width: 100%;} } @media only screen and (max-width:330px) { .etat_cmd{padding-left:0} .action_cmd a {font-size: 10px;} } .nicescroll-rails{display: none!important;} /**********AFFICHAGE ARTICLE PAYSAGE************/ @media (orientation: landscape) and (max-width : 737px){ h3.articleBit_lib{min-height:80px; max-height:80px; overflow:hidden} } /*================================ GUIDE =================================*/ @media only screen and (max-width:768px) { #afficher_menu_guide { display:inline-block;vertical-align: top } #menu_guide { display:none } } @media only screen and (min-width:769px) { #afficher_menu_guide { display:none } #menu_guide { display:block!important } } /*================================ VIGNETTES CATEG =================================*/ @media only screen and (max-width: 998px){ .ss_categ_bit {width: 33.33% !important;} .image_ss_categ{height:auto} .titre_ss_categ a{font-size:14px} } @media only screen and (max-width: 640px){ .titre_ss_categ a{font-size:13px} .ss_categ_bit {width: 50% !important;} } /***********refonte panier*************/ .conteneur_panier {max-width: 1400px;margin: auto;} .ligne_pan_bit >td{padding:25px 0 15px 0;border-bottom: 1px solid #ccc;} .ligne_pan_bit:last-child >td{border-bottom-color:#fff} .ligne_pan_bit td {vertical-align: top;} .titre_panier {font: 26px "Gotham-Bold";text-transform: uppercase;margin: 0;padding: 10px 0;} .other_titre_panier {font: 26px "Gotham-Bold";text-transform: uppercase;margin: 0;padding: 10px 0;font-style:initial;letter-spacing: -1px;-webkit-letter-spacing: -1px;-ms-letter-spacing: -1px;} .color_rouge{color:#D50133} .color_vert{color:#00743C} .right_td{text-align:right} td.nom_pan {padding-left: 15px;} .nom_pan a {font: 15px "Gotham-bold";text-transform: uppercase;} .qte_panier_cde {padding: 10px 0;} .qte_panier_cde img {display: none;} .qte_moins_p::before {display: block;width: 28px;height: 28px;position: relative;content: "-";font-size: 24px;text-align: center;padding-top: 0px;color: #010101;border-radius: 100%;border: 1px solid #010101;margin-top: 3px;font-weight: bold;line-height: 28px;} .qte_plus_p::before {display: block;width: 28px;height: 28px;position: relative;content: "+";font-size: 20px;text-align: center;padding-top: 0px;color: #010101;border-radius: 100%;border: 1px solid #010101;margin-top: 3px;font-weight: bold;line-height: 28px;} .qte_panier_cde a {display: block;position: relative; width: 30px;height: 30px;padding:0 5px} .qte_panier_cde table {width: 120px;margin-left:auto; text-align:center} .qte_panier_cde .inputqte {text-align: center;border: none;} .px_panier {font: 14px "Gotham-Book";} .px_old_panier {text-decoration: line-through;margin-right: 5px;} .px_panier strong {color: #D50133;} .delai_titre {margin-top: 10px;color: #999;} .suppr_panier a {text-decoration: underline;font-size: 12px;color:#777} .suppr_panier a:hover{color:#D50133} /********code******/ .code_cde1 {background: #F2F3F7;max-width: 600px;} .codeBox_cde1_txt {padding: 15px;border-bottom: 1px solid #fff;font: 12px "Gotham-Bold";text-transform: uppercase;position: relative;color: #1a1a1a;cursor:pointer} .codeBox_cde1_txt::after {content: '\e8c2';font-family: "fontello";font-style: normal;display: block;position: absolute;right: 15px;top: 50%;transform: translate(0,-50%);-webkit-transform: translate(0,-50%);-ms-transform: translate(0,-50%);-o-transform: translate(0,-50%);font-size: 15px;font-weight: bold;} .codeBox_cde1_txt.open::after{content: '\e8c5';} .codeBox_cde1_form {background: #F2F3F7;padding: 15px;display:none} .table_code {display: table;width: 100%;} .table_code>* {display: table-cell;} .btn_code {width: 110px;padding-left: 15px;} .inp_code input {border-bottom: 1px solid #000;} .app_code {display: block;background: #000000;color: #ffffff;font: 12px "Gotham-Bold";text-transform: uppercase;padding: 7px 10px;} .app_code:hover{background:#D50421} .etapescde1_divers_r {background: #F2F3F7;padding:20px 30px;margin-top:15px} .tot_tab tr td {padding: 8px 0;} .tot_tab span.tot {font: 12px "Gotham-Book";} .tot_tab tr >td>strong {font: 12px "Gotham-Book";} .tot_tab tr.total_cde_r >td>* {font: 13px "Gotham-Bold";} .totttc em {display: block;font-style: normal;color: #999;font-size: 12px;margin-top: 2px;} .btn_panier_cd {display: block;text-align: center;font: 15px "Gotham-Bold";text-transform: uppercase;margin: 5px 0 5px 0;background: #D50133;padding: 10px 15px;color: #fff;width: 100%;border: none;} .btn_panier_cd:hover{background:#D50421} .bloc_paiement_cde1 {background: #F2F3F7;margin-top: 10px;padding: 30px;} .titre_p_s {background: url('template-ico_secure.png') no-repeat center left ; padding: 5px 0 5px 32px;background-size: 18px;font: 13px "Gotham-Medium";} .content_p_s {padding-left: 15px;margin-top: 5px;} .retour_cde1 {background: url('template-ico_ret_c.png') no-repeat center left;padding: 5px 0 5px 32px;background-size: 25px;margin-top: 10px;font: 13px "Gotham-Medium";} span.info_bull {width: 20px;height: 20px;border-radius: 100%;-webkit-border-radius: 100%;-ms-border-radius: 100%;-o-border-radius: 100%;display: inline-block;border: 1px solid #1a1a1a;text-align: center;font-size: 13px;font-weight: bold;margin-left: 2px;padding-top: 2px;position:relative; cursor:pointer} span.info_bull.active {color: #D50133;border-color: #D50133;} .info_content_bull {position: absolute;width: 160px;background: #fff;border: 1px solid #c6c6c6;padding: 8px;font: 12px "Gotham-Book"; top: 10px; left: 13px; color:#2d292d!important; display:none} .ctc_cde1 {margin-top: 15px;font: 16px "Gotham-Medium";} .ctc_cde1 a {display: block;background: url("template-ico_phoneH.png") no-repeat 3px 5px;padding: 10px 0 0 32px;} .ctc_cde1 strong {display: block;font: 14px "Gotham-Bold";margin:2px 0} .ctc_cde1.ctc_Cde3 strong {display: inline-block;} .ctc_cde1 span{font:12px 'Gotham-Book'; color:#333} .conteneur_panier >div.erreur ,.erreur_mess{text-align: center;font: 14px "Gotham-Medium";color: #D50133;padding: 30px 10px!important;} /*******conseil********/ .conseil_cdelib {margin: 15px;padding: 15px 10px;text-align: center;font: 25px "gotham-Bold";text-transform: uppercase;} .pour_conseil_list{margin-top:25px; position:relative} .cde_bottom{padding:30px 0} .pour_conseil_list .slick-prev {border: none;position: absolute;left: 0;top: 50%;transform: translate(0,-50%);-webkit-transform: translate(0,-50%);-ms-transform: translate(0,-50%);font-size: 0px;color: #fff;background: url(template-arr_prev.png) no-repeat center top;height: 17px;width: 30px;z-index: 99;cursor: pointer;} .pour_conseil_list .slick-next {border: none;position: absolute;right: 0;top: 50%;transform: translate(0,-50%);-webkit-transform: translate(0,-50%);-ms-transform: translate(0,-50%);font-size: 0px;color: #fff;background: url(template-arr_next.png) no-repeat center top;height: 17px;width: 30px;z-index: 99;cursor: pointer;} .pour_conseil_list .slick-prev:hover, .pour_conseil_list .slick-next:hover {background-position: center bottom;} .input_codepromo{font-size:12px; font-style:italic} .input_codepromo::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color:#A3A2A7; opacity:1; } .input_codepromo::-moz-placeholder { /* Firefox 19+ */ color: #A3A2A7; opacity:1; } .input_codepromo:-ms-input-placeholder { /* IE 10+ */ color: #A3A2A7; opacity:1; } .input_codepromo:-moz-placeholder { /* Firefox 18- */ color: #A3A2A7; opacity:1; } button:focus, select:focus, input[type="text"]:focus,input:focus {outline:none;} @media only screen and (max-width:1400px) { .conteneur_panier {padding: 0 10px;} } @media only screen and (max-width:1200px) { div#divcgv table {width: 100%;} .pi-col-sm-8.recap_left {width: 60%;} .pi-col-sm-4.recap_rightt {width: 40%;} .right_td {padding-left: 20px!important;} } @media only screen and (max-width: 980px){ .etapescde1_divers_r{padding:15px} .bloc_paiement_cde1{padding:15px} iframe {width:100%!important;} } @media only screen and (max-width: 767px){ .pi-col-sm-8.recap_left {width: 100%;} .pi-col-sm-4.recap_rightt {width: 100%;margin-top:10px} } @media only screen and (max-width: 640px){ .px_panier {font-size: 12px;} .titre_panier{font-size:22px} .other_titre_panier{font-size:22px} .qte_panier_cde table {width: 100px;} .nom_pan a{font-size: 13px;} .right_td {padding-left: 10px!important;} } @media only screen and (max-width: 480px){ td.image_pan {width: 60px;} .delai_titre {margin-top: 8px;font-size: 11px;} .titre_panier{font-size:20px} } /*********CDE2 REfonte************/ .content_cde2 {max-width: 980px;margin: 3% auto;} .etapecd_lib {font: 23px "Gotham-Bold";text-align: center;text-transform: uppercase;margin-bottom: 25px;} .login_cdeb {position: relative;margin-bottom: 28px;min-height:40px} .cde_input select.sod_label {border:0;min-width:100%;cursor:pointer;-webkit-appearance:none;outline:none;white-space:nowrap;} .cde_input:after {content:"\25BC"; display:block; position:relative; float:right; top:-15px; right:-5px; background-color:#fff; width:32px; text-align:center;} .cde_input {height: 40px;border: none;width: 100%;position: relative;z-index: 9;padding: 15px 0 0 0;border-bottom: 2px solid #979797;padding-bottom: 0;background: transparent;} .oubli_pass{text-align:left; padding:15px 0; margin-bottom:8px} .oubli_pass a{color:#000; text-decoration:underline; font-size:14px} .cde_input + label {position: absolute;left: 0;padding-top: 15px;width: 100%;top: 0;color: #979797;font-size: 14px;font-style: italic;margin-bottom: 0;z-index:1;-webkit-transition: all .3s;transition: all .3s;} .cde_input.onfocus + label, .cde_input.has_input + label {font-size: 11px;padding-top: 0;-webkit-transition: all .3s;transition: all .3s;} /* select.sod_label{border: none; width: 98%;} */ .bloc_cde_left {border-right: 2px solid rgba(151,151,151,0.5);} .max_cde2{width:90%; max-width:375px} .bloc_cde_right .max_cde2{margin-left:auto} .btn_create_cde2 {display: block;border: 1px solid #1a1a1a;text-transform: uppercase;font: 12px "Gotham-Medium";padding: 12px 15px;text-align:center; -webkit-transition: all .3s;transition: all .3s;}.btn_create_cde2:hover{background:#1a1a1a; color:#fff} .relative_form {height: 100%;} .relative_form2{height: 93%;} .overlay_bg_cd {position: fixed;z-index: 99;left: 0;top: 0;width: 100%;background: rgba(0,0,0,0.5);height: 100%;display: none} .bloc_fixed_create {display: none;position: fixed;width: 100%;top: 0;height: 100%;background: #fff;max-width: 500px;right: 0;z-index: 999;padding:2% 15px;max-height: 100vh;} .relative_form form, .relative_form .form {padding: 2% 8%;margin-top: 15px;overflow-y: auto;overflow-x:hidden;max-height: -webkit-fill-available;max-height: fill-available;max-height: -o-fill-available;max-height: -ms-fill-available;max-height: available;max-height: -moz-available;height: 100%;} .relative_form2 .form {padding: 2% 8%;margin-top: 15px;overflow-y: auto;overflow-x:hidden;max-height: -webkit-fill-available;max-height: fill-available;max-height: -o-fill-available;max-height: -ms-fill-available;max-height: available;max-height: -moz-available;height: 100%;} /* .no-scrolling{overflow:hidden!important} */ .close_pop {position: absolute;right: 10px;top: 10px;} .lib_cdc{font: 23px "Gotham-Bold";text-align: center;text-transform: uppercase;margin-bottom: 25px;} .btn_nouv_cde{display: none;background: #1a1a1a;text-transform: uppercase;font: 12px "Gotham-Medium";padding: 12px 15px;text-align:center; color:#fff; display: block;border: none;width: 100%;margin:15px auto 30px auto;cursor:pointer;} .btn_nouv_cde1{display: block;background: #1a1a1a;text-transform: uppercase;font: 12px "Gotham-Medium";padding: 12px 15px;text-align:center; color:#fff; display: block;border: none;width: 100%;margin:15px auto 30px auto;cursor:pointer;} .btn_nouv_cde:hover, .btn_nouv_cde1:hover{background:#D50133} input#code_parrainage {width: 100%;} span.icon_show_mdp {position: absolute;display: block;width: 25px;height: 100%;right: 0;top: 0;background: url('template-mdp_ns.png') no-repeat center;z-index: 9;cursor: pointer;} .show_mdp .icon_show_mdp{background-image: url('template-mdp_s.png')} .show_mdp .hidden_show{display:none!important} .hidden_nshow{display:none} .show_mdp .hidden_nshow{display:block!important} .login_cdeb .sod_select .sod_label{border:none;border-bottom: 2px solid #979797;} @media only screen and (max-width: 980px){ .content_cde2 {padding: 15px;} .etapecd_lib{font-size:21px} .bloc_fixed_create{max-width:350px} .cde_input + label{font-size:12px} .lib_cdc{font-size:21px} } @media only screen and (max-width: 767px){ .max_cde2{margin:auto} .bloc_cde_left {border-bottom: 2px solid rgba(151,151,151,0.5);border-right:none; padding-bottom:15px; margin-bottom:25px} } @media only screen and (max-width: 640px){ .bloc_fixed_create{max-width:100%; padding-top:30px} .close_pop{top:25px} .max_cde2 {width: 100%;} .etapecd_lib{font-size:19px} .lib_cdc{font-size:19px} .relative_form form, .relative_form .form{padding-left:4%; padding-right:4%} } /**************CDE3**************/ .pays_cde3 {font-size: 14px;padding:10px 60px 10px 25px;position: relative;margin-right: 20px;} .open_poup_livr {position: absolute;right: 0;text-decoration: underline;font-size: 12px;top: 10px;} .open_poup_facturation {text-decoration: underline;font-size: 12px;padding: 10px 10px 0 10px;font-weight:bold;} .top_cde3bit {border-bottom: 2px solid #D3D3D3;padding: 10px 20px;position:relative; cursor: pointer;} /* .etapelivr_cde {margin: 25px 0;} */ .moyen.de.livraison_cde3 {padding-left: 25px;margin-right: 20px;} .modelivraison_bit {margin-bottom: 25px;} .top_cde3bit >label {position: relative;margin-bottom: 0;} .top_cde3bit input[type="radio"] {opacity: 0;width: 100%;position: absolute;height: 100%;left: 0;top: 0;margin: 0!important;cursor:pointer} .top_cde3bit .choiceBox input[type="radio"] {opacity: 1;width: auto;position: inherit;height: auto;left: 0;top: 0;margin: 0!important;cursor:pointer} .top_cde3bit a.open_poup_livr.btn_open_mod {width: 100%;top: 0;left: 0;height: 100%;display: block;} .top_cde3bit >label>* {display: inline-block;vertical-align: middle;} .logo_cde3 {padding-right: 15px;} .top_cde3bit strong {text-transform: uppercase;color: #999;} .top_cde3bit input:checked + span + strong{color:#000} .top_cde3bit input:checked + div.tdmoyen{color:#000} .details_cde3_mode table td {padding: 15px 0;border-bottom: 1px solid #d3d3d3;} .details_cde3_mode table tr:last-child td{border-bottom:none} .px_mode{font:14px "Gotham-Medium"; color:#000} .px_mode i{padding-left:25px; font-size:14px;} .px_mode i::before{font-weight:bold} .recap_nbre_art {position: relative;font: 14px "Gotham-Bold";padding: 10px 0;} .show_det_art {position: absolute;right: 0;font-size: 14px;top: 11px;cursor: pointer;} .table_recap_cde3 {position: absolute;background: #fff;left: 0;top: 100%;padding: 10px;display:none} .lignepanierBit_cde3 {margin-bottom: 10px;border-bottom: 1px solid #d3d3d3;} .lignepanierBit_cde3:last-child {border-bottom: none;} .lignepanierBit_cde3 span{font:14px "Gotham-Medium"; text-transform:uppercase} .lignepanierBit_cde3 div{font:13px "Gotham-Book"; line-height:25px} .cde3-top .ctc_cde1{margin-top:0} .cde3ajax nav.navigation, .cde3ajax .assuraceBloc, .cde3ajax .newsletterBloc, .cde3ajax #iframe_avis_verifies, .cde3ajax #iframe_avis_verifies +script +.pi-section, .cde3ajax .copyright {display: none!important;} .bloc_moyen{margin-right:20px} .content_b_moyen {padding-left: 25px;/*margin: 25px 0;*/} .moyenBit {border-bottom: 2px solid #D3D3D3;margin-bottom: 25px;padding-bottom: 5px;} .moyenBit:last-child {border-bottom: none;} .tdmoyen3_lib {text-transform: uppercase;font: 14px "Gotham-Bold";margin: 15px 10px;} .tdmoyen {font-size: 12px;padding:0 10px;color: #000;font-weight:400;} button.btn_proceder {border: none;background: none;font-size: 12px;text-decoration: underline;padding: 10px 0;margin-bottom: 15px;} /*******cde4************/ .cde4Contenu .table_recap_cde3 {position: relative;display: block;margin-top: 15px;} .bg_recap_panier {padding: 20px;background: #fff;border: 1px solid #ccc;margin-top: 15px;height: 375px;} .btn_cde4_rec {margin-top: 30px;text-align: center;} .btn_cde4_rec a.btn_retour {background: #1a1a1a;font: 12px "Gotham-Medium";text-transform: uppercase;padding: 12px 15px;min-height: 5px;width: 120px;} .btn_cde4_rec a.btn_commande {background: #D50133;font: 12px "Gotham-Medium";text-transform: uppercase;padding: 12px 15px;min-height: 5px;} .visible_767{display:none} @media only screen and (max-width: 980px){ .pays_cde3{margin-right:0; padding-left: 0;font-size:13px} .moyen.de.livraison_cde3{margin-right:0; padding-left: 0;} .bloc_moyen{margin-right:0} .etapelivr_cde{margin:0} .modelivraison_bit {margin-bottom: 15px;} } @media only screen and (max-width: 767px){ .visible_767{display:block} .hidden_767{display:none} .bg_recap_panier {padding-left:10px; padding-right:10px} } @media only screen and (max-width: 480px){ .pays_cde3{font-size:13px} } @media only screen and (max-width: 479px){ .btn_cde4_rec a.btn_retour{display:block; width:auto} .lignepanierBit_cde3 span{font-size:13px} } div#collisimo_fixed { z-index: 9999; } div#collisimo_fixed + .overlay_bg_cd{z-index: 999;} div#mon_adresse, div#mon_adresse_colissimo {padding: 10px 10px 0 10px;} div#mon_adresse_facturation {padding-top: 20px;} div#mon_adresse_facturation b {color:#cb151a;text-transform:uppercase;} .erreur_msg{font:13px "Gotham-Bold"; text-align:left; margin:15px 0;color:#d63261} .carte_cadeau {width: 50%;margin: auto;} .carte_cadeau h2 {text-transform: uppercase;} .choix_etape_un, .choix_etape_deux, .choix_etape_trois {cursor: pointer;} .btn_panier_cd_un, .btn_panier_cd_deux, .btn_panier_cd_trois {display: block;cursor: pointer;text-align: center;font: 15px "Gotham-Bold";text-transform: uppercase;margin: 5px 0 5px 0;background: #D50133;padding: 10px 15px;color: #fff;width: 30%;border: none;} .btn_panier_cd_un, .btn_panier_cd_deux {} .btn_panier_cd_trois {width:100%;} .btn_panier_cd_un:hover, .btn_panier_cd_deux:hover, .btn_panier_cd_deux:hover {background:#D50421} .choix_etape_deux_bis, .choix_etape_trois_bis, .choix_envoi {display: none;} /* .choix_etape_trois_bis label:after {content:"\25BC"; display:block; position:relative; float:right; top:-15px; right:-5px; background-color:#fff; width:32px; text-align:center;} */ .choix_etape_trois_bis select.sod_label {cursor:pointer;/*-webkit-appearance:none;outline:none*/;white-space:nowrap;} .choix_etape_trois_bis textarea{border: 1px solid #e0e0e2;border-radius: 0;box-shadow: none;display: inline-block;font-size: 13px;height: 120px;padding: 4px 8px;width:100%;background:#f9f7f7;} .top_cde3bit .choiceBox input[type=radio]:checked {color:#000;} /********BUG MENU desktop*****/ @media only screen and (min-width:1025px){ ul#oe_menu {display: table;width: 100%;} .onglets >li.navItem {padding-right: 30px;} .onglets >li {float: none;display: table-cell;padding: 6px 0;vertical-align: middle;} .navPromo{text-align: center;} .navPromo.Promo {background-color: black;} .onglets >li.navItem >a {padding: 20px 0;height: auto!important;} .headerWrapper.headerFixed .onglets >li.navItem:hover > a.navLink {padding: 8px 0;} .headerWrapper.headerFixed .onglets a.navLink {padding: 8px 0;} li.navPromo:last-child {padding-right: 0;} } @media (min-width: 1025px) and (max-width: 1170px) { ul#oe_menu {display: flex;display: -ms-flex;align-items: center;-webkit-box-align: center;-ms-flex-align:center;} li.navPromo{margin-left: 5px;} .onglets >li.navItem {padding-right: 8px;padding-left:3px} .onglets >li {padding-right: 10px;} .onglets >li.navItem >a{font-size: 0.85em;padding-left:2px; padding-right:2px} .onglets >li >a.ongletdroiteLink{font-size: 0.85em;} a.promoLink{font-size: 13px;} a.nouveautesLink{font-size: 13px;} a.zerodechetLink {font-size: 13px;} } @media (min-width: 1025px) and (max-width: 1060px) { .onglets >li.navItem >a{font-size: 0.8em;} .onglets >li >a.ongletdroiteLink{font-size: 0.8em;} a.promoLink{font-size: 12px;} a.nouveautesLink{font-size: 12px;} a.zerodechetLink {font-size: 12px;} } /******** Cartes cadeaux *****/ .slick-slider-modele-carte .slick-prev{background:url('template-prev_arrow.png') no-repeat;position:absolute;top:50%;left:0px;margin-top:-15px;width:14px;height:26px;border:none;font-size:0;z-index:9;} .slick-slider-modele-carte .slick-next{background:url('template-next_arrow.png') no-repeat;position:absolute;top:50%;right:0px;margin-top:-15px;width:14px;height:26px;border:none;font-size:0;z-index:9;} .slick-slider-modele-carte{text-align:center;} .variante-modele-carte-cadeau{border: 2px solid transparent;border-radius: 5px;} .variante-modele-carte-cadeau:hover {cursor: pointer;} .variante-modele-carte-cadeau.selected-variante{border: 2px solid #cb151a} /*Suppression recaptcha sur mobile*/ .grecaptcha-badge{ display: none; } /* #article_action_freq{margin: 120px 0 120px 750px;} */ /* #article_action_freq .add_to_cart{width:75%;} */ /* #prixfreq{text-align: center; margin-left: 1.5%; font: 20px 'Montserrat'; margin-bottom: 10px;} */ /* #plusFreq{position: absolute; left: 280px; background-image: url(template-plus.png); display:block; background-repeat: no-repeat; width: 40px; height: 40px; border: none; background-size: 80%; background-position-x: center; margin-top: 150px} */ @media only screen and (max-width: 360px){ .AchatFreq .articleBit {text-align: -webkit-center;} .AchatFreq .articleBit_ima {max-width: 100%} .AchatFreq {position: relative;} #article_action_freq{margin:0;} #article_action_freq #bouton_ajouter_panier{width:100%;} #prixfreq{text-align: center; margin-left: 13%; font: 17px 'Montserrat'; margin-bottom: 10px;} #colFreq{display: inline-block; padding: 0; width: 100%;} #plusFreq1{left: 45%; background-image: url(template-plus.png); display:block; background-repeat: no-repeat; width: 40px; height: 40px; border: none; background-size: 80%; background-position-x: center;} }@media screen and (min-width: 361px) and (max-width: 768px){ .article_action input{background-position:20px;padding:18px 30px 18px 60px;font-size:15px;margin:auto;max-width:310px;} .article_action {text-align: center;} .AchatFreq .articleBit {text-align: -webkit-center;} .AchatFreq .articleBit_ima {max-width: 50%} .AchatFreq {position: relative; margin-top: 70px;} #article_action_freq{margin:0;} #article_action_freq #bouton_ajouter_panier{/*width:300px;*/} #prixfreq{text-align: center; margin-left: 1%; font: 17px 'Montserrat'; margin-bottom: 10px;margin:auto;} #colFreq{display: inline-block; padding: 0; width: 100%;} #plusFreq1{left: 45%; background-image: url(template-plus.png); display:block; background-repeat: no-repeat; width: 40px; height: 40px; border: none; background-size: 80%; background-position-x: center;} }@media screen and (min-width: 769px) and (max-width: 1025px){ .article_action input{background-position:20px;padding:18px 30px 18px 60px;font-size:15px;margin:auto;max-width:310px;} .article_action {text-align: center;} .AchatFreq .articleBit {text-align: -webkit-center;} .AchatFreq .articleBit_ima {max-width: 37%} .AchatFreq {position: relative; margin-top: 70px;} #article_action_freq{margin:0; margin-top: -50px;} #article_action_freq #bouton_ajouter_panier{width:300px;} #prixfreq{text-align: center; margin-left: 1%; font: 17px 'Montserrat'; margin-bottom: 10px;margin:auto;} #colFreq{display: inline-block; padding: 0; width: 100%; margin-bottom: 50px;} #plusFreq1{position: absolute; top: 198px; left: 48.5%; background-image: url(template-plus.png); display:block; background-repeat: no-repeat; width: 40px; height: 40px; border: none; background-size: 80%; background-position-x: center; margin-top: 150px} }@media screen and (min-width: 1026px) and (max-width: 1200px){ .AchatFreq .articleBit {text-align: -webkit-center;} .AchatFreq .articleBit_ima {max-width: 100%} .AchatFreq {position: relative; margin-top: 70px;} #article_action_freq{margin:0; margin-top: -50px; margin-left: 37%} #article_action_freq #bouton_ajouter_panier{width:44%;} #prixfreq{text-align: center; margin-left: 1%; font: 17px 'Montserrat'; margin-bottom: 10px;} #colFreq{display: inline-block; padding: 0; width: 100%; margin-bottom: 50px;} #plusFreq1{position: absolute; top: 198px; left: 48.5%; background-image: url(template-plus.png); display:block; background-repeat: no-repeat; width: 40px; height: 40px; border: none; background-size: 80%; background-position-x: center; margin-top: 150px} }@media only screen and (min-width:1201px){ .AchatFreq {border: solid 1px rgb(224, 224, 226); padding-top: 14px; position: relative;} #article_action_freq{margin: 120px 0 120px 726px;} #article_action_freq .add_to_cart{width:68%;} #prixfreq{text-align: center; font: 20px 'Montserrat'; margin-bottom: 10px;} #plusFreq1{position: absolute; left: 280px; background-image: url(template-plus.png); display:block; background-repeat: no-repeat; width: 40px; height: 40px; border: none; background-size: 80%; background-position-x: center; top: 165px} } /******************************************************************** // DEBUT REFONTE PANIER desk 2023 /*******************************************************************/ .title-desk-recap{display: none;font: 400 20px Montserrat;padding: 10px 0;} .title-mobile-recap{display: block;font: 400 20px Montserrat;padding: 10px 0;} .form-code-content{display: none;} .only-desktop{display: none;} .only-mobile{display: block;} .bloc-suppr-panier-desk{width: 6%;float: right;text-align: center;} .info-livraison {padding: 10px 10px 20px 10px;margin-top: 5px;background-color: #fff;box-shadow: 0px 1px 4px 2px rgba(176,163,163,0.4);-webkit-box-shadow: 0px 1px 4px 2px rgba(176,163,163,0.4);-ms-box-shadow: 0px 1px 4px 2px rgba(176,163,163,0.4);} .info-livraison.only-mobile{margin:0 43px} .suppr-panier-desk{background: url(template-close_popup_m.png) no-repeat center;background-color: transparent;border-radius: 100%;-webkit-border-radius: 100%;-ms-border-radius: 100%;-o-border-radius: 100%;border: 3px solid #263475;background-size: 13px;padding: 5px ;width: 25px; height: 25px;display: inline-block;} .btn-close-popup{background: url(template-close_popup_m.png) no-repeat center;filter: saturate(0);position: absolute;top: 4px;right: 4px;background-color: transparent;border-radius: 100%;-webkit-border-radius: 100%;-ms-border-radius: 100%;-o-border-radius: 100%;border: 3px solid #000000;background-size: 13px;padding: 5px ;width: 25px; height: 25px;display: inline-block;} .title-livraison-desk {font: 600 13px Montserrat;padding: 5px 0 5px 34px;background: url(template-ico_livraison_desk.svg) no-repeat center left;margin-bottom: 8px;} .strong-txt {font-weight: 600;font-size: 15px;font-family: 'Montserrat';text-transform: capitalize;padding-top: 15px;} .strong-txt >div{padding: 2px 0;} @media screen and (min-width: 600px) { .recap-cde-desk {background: #fff;padding: 10px;} #cde1_submit_form{margin-top: 0!important;} .cde1ajax .bg-mobile-grey .cadeauBox_cde1{margin-top: 15px;} .tot_lib{color: #1a1a1a;font-family: Montserrat;font-size: 13px;} #contenuCde3 .recap-cde-desk .total_cde td:first-child {text-align: left;} #contenuCde3 .recap-cde-desk .total_cde span {font-size: 13px !important;display: inline-block;text-align: left; color: #1a1a1a;font-family: Montserrat;} #contenuCde3 .recap-cde-desk .total_cde strong, #contenuCde3 .recap-cde-desk .total_cde .tot_val{font-size: 13px !important;display: block; color: #1a1a1a;font-family: Montserrat;text-align: right;} .tot_val{color: #1a1a1a;font-size: 13px;font-family: Montserrat;} .big-tot, #contenuCde3 .recap-cde-desk .total_cde .big-tot{font-weight: 600!important;font-size:15px!important} .cart_prix strong, .cart_prix_unitaire strong{color: #1a1a1a;font-weight:600} .cart_prix_unitaire .px-cart-unit{font-weight: 400;} .cde1ajax .btn_valider_panier.btn-peso-step{font-size: 12px!important;padding-left: 10px; padding-right: 10px; text-align: center;} .recap-cde-desk .total_cde td{border-color: #ccc;padding-top: 15px; padding-bottom: 15px;} .row-cde-bloc .lignePanierBit {display: flex;align-items: center;padding-top: 30px; padding-bottom: 30px;} .suppr-panier-mob {display: none;} .box-shadow-desk{box-shadow: 0px 1px 4px 2px rgba(176,163,163,0.4);-webkit-box-shadow: 0px 1px 4px 2px rgba(176,163,163,0.4);-ms-box-shadow: 0px 1px 4px 2px rgba(176,163,163,0.4);padding: 0 5px;background: #fff;} .pop_up_conseil {padding-top: 30px;} #contenuCde3 .total_cde{margin-top: 0;} .mt-titlle {margin-top: 20px;} #contenuCde3 .cart_details,#contenuCde1 .cart_details {display: flex;align-items: center;} .lignePanierBit.hidden-cde3-mobile .qteBox {font-weight: 800;font-size: 15px;} #encart_panier_moyenpaiement{padding: 15px 20px 30px 20px;} .cgv-padding {padding: 15px 35px 15px 0;} .step-next{padding-bottom: 30px;} #contenuCde3 {padding-bottom: 30px;} #contenuCde3 .cde3-total span.font-mobiler-0 {font-size: 0!important;display: inline-block;vertical-align: super;} .cde3-total .fidelite-suppr {background: url(template-close_popup_m.png) no-repeat center;background-color: transparent;border-radius: 100%;border: 2px solid #263475;background-size: 12px;width: 20px;display: inline-block;height: 20px;vertical-align: middle;} .validate-code {font-size: 12px;} .bloc-suppr-panier-desk.only-desktop{display: block;} } @media screen and (min-width: 768px) { .submit-cde3 {display: none;} } @media screen and (max-width: 920px) { body.cde1ajax .head_table_cart>div {padding-left: 0;padding-right: 0;font-size: 11px;} } .link-desk-cde{display: none;position: absolute;left: 0;top: 50%;width: auto;transform: translate(0, -50%);-webkit-transform: translate(0, -50%);-ms-transform: translate(0, -50%);z-index: 2;} .link-desk-cde a{display: block;font: 800 13px "Montserrat";text-decoration: underline;text-transform: uppercase;} .pi-row.cde1-row.conseils_panier {display: none;} @media screen and (min-width: 860px) { body.cde1ajax .link-desk-cde1{display: block;} body.cde2ajaxp2 .link-desk-cde2{display: block;} body.cde3ajaxp2 .link-desk-cde3{display: block;} .row-cde-bloc {display: flex;margin-bottom: 50px;} .cde-left-bloc {width: calc(100% - 315px) ;padding-top: 30px;} .cde-right-bloc {width:315px;padding-left: 20px;} .order-cde3-first{order:1;-ms-order:1;} .order-cde3-second{order:2;-ms-order:2;} .title-desk-recap{display: block;} .title-mobile-recap{display: none;} .cde-right-bloc>.sticky-bloc-cde{ position: sticky;top: 0;} body.cde1ajax ,body.cde3ajaxp2 {overflow: initial;} body.cde1ajax .erreur_stock {color: red;padding: 10px;} body.cde1ajax .erreur_stock:empty{display: none;} .row-cde-bloc .lignePanierBit {padding-top: 50px; padding-bottom: 50px;} body.cde1ajax .header_top, body.cde1ajax .navigation,body.cde1ajax .header .pi-col-lg-4.pi-col-md-5.clearRight,body.cde1ajax #fdp-progressbar-wrap,body.cde1ajax .header .menu_fidelite , body.cde1ajax .header .menu_cart,body.cde1ajax .identification-container, body.cde1ajax .encart-header-confiance, body.cde1ajax .btn_menu_mobile,body.cde2ajaxp2 .header_top, body.cde2ajaxp2 .navigation,body.cde2ajaxp2 .header .pi-col-lg-4.pi-col-md-5.clearRight,body.cde2ajaxp2 #fdp-progressbar-wrap,body.cde2ajaxp2 .header .menu_fidelite , body.cde2ajaxp2 .header .menu_cart,body.cde2ajaxp2 .identification-container, body.cde2ajaxp2 .encart-header-confiance, body.cde2ajaxp2 .btn_menu_mobile, body.cde3ajaxp2 .header_top, body.cde3ajaxp2 .navigation,body.cde3ajaxp2 .header .pi-col-lg-4.pi-col-md-5.clearRight,body.cde3ajaxp2 #fdp-progressbar-wrap,body.cde3ajaxp2 .header .menu_fidelite , body.cde3ajaxp2 .header .menu_cart,body.cde3ajaxp2 .identification-container, body.cde3ajaxp2 .encart-header-confiance, body.cde3ajaxp2 .btn_menu_mobile {display: none!important;} body.cde1ajax .menu_user .ico-user, body.cde2ajaxp2 .menu_user .ico-user , body.cde3ajaxp2 .menu_user .ico-user {background-image: url(template-ico_user_m.svg);width: 60px;height: 50px;left: 0;background-position: center;position: relative;} body.cde1ajax .header, body.cde2ajaxp2 .header, body.cde3ajaxp2 .header{box-shadow: 0px 1px 4px 2px rgba(176,163,163,0.4);-webkit-box-shadow: 0px 1px 4px 2px rgba(176,163,163,0.4);-ms-box-shadow: 0px 1px 4px 2px rgba(176,163,163,0.4);} body.cde1ajax .header .pi-col-lg-3.pi-col-md-4.pi-col-sm-8.pi-col-2xs-7,body.cde2ajaxp2 .header .pi-col-lg-3.pi-col-md-4.pi-col-sm-8.pi-col-2xs-7,body.cde3ajaxp2 .header .pi-col-lg-3.pi-col-md-4.pi-col-sm-8.pi-col-2xs-7 {width: 100%; text-align: center;} body.cde1ajax .pi-col-md-3.pi-col-sm-4.pi-col-2xs-5.floatRight.bloc_account_cart, body.cde2ajaxp2 .pi-col-md-3.pi-col-sm-4.pi-col-2xs-5.floatRight.bloc_account_cart, body.cde3ajaxp2 .pi-col-md-3.pi-col-sm-4.pi-col-2xs-5.floatRight.bloc_account_cart {position: absolute;right: 0;top: 50%;width: auto;transform: translate(0, -50%);-webkit-transform: translate(0, -50%);-ms-transform: translate(0, -50%);} body.cde1ajax .menu_user a, body.cde2ajaxp2 .menu_user a,body.cde3ajaxp2 .menu_user a {padding-top: 0;} body.cde1ajax .logo,body.cde2ajaxp2 .logo,body.cde3ajaxp2 .logo {width: 100%;} body.cde1ajax .logo img,body.cde2ajaxp2 .logo img , body.cde3ajaxp2 .logo img {margin-top: -15px;max-width: 220px;} body.cde1ajax .header .pi-section,body.cde2ajaxp2 .header .pi-section,body.cde3ajaxp2 .header .pi-section {max-width: 1200px!important;} .only-desktop{display: block;} .only-mobile{display: none;} .cde1ajax .big_wrapper,.cde2ajaxp2 .big_wrapper ,.cde3ajaxp2 .big_wrapper {background: #EFF1F3;} body.cde1ajax .menuTop, body.cde2ajaxp2 .menuTop, body.cde3ajaxp2 .menuTop {min-width: max-content;} } .etapescommande {display: flex;text-align: center;position: relative;padding-top: 15px;padding-bottom: 15px;margin-left: 10px; margin-right: 10px;} .bull-step-desk {border: 1px solid #263475;width: 36px;height: 36px;border-radius: 100%;font: 600 19px Montserrat;padding-top: 5px;background-color: #EFF1F3;text-align: center;display: inline-block;color: #263475;} .step_panier.active .bull-step-desk,.step_panier.completed .bull-step-desk {background-color: #263475;color: #fff;} .etapescommande::before {content: "";height: 3px;width: calc(100% - 36px);background: #fff;position: absolute;left: 10px;top: 36%;} .cde4-step-cmd.etapescommande::before{background-color: #ccc; width: calc(100% - 67px);left: 25px;} .etapescommande .step_panier {padding: 20px 0;position: relative; width: 30%;} .step_panier.step-2-3 {width: 60%;} .etapescommande .step-panier1{width: 20%;} .etape1 {width: max-content;} .etapescommande .step-panier4{width: 20%; } .etape4 {width: max-content;margin-left: auto;} .step_panier img { height: 34px; width: 34px; margin: auto; } .etapescommande .step_panier span { margin-top: 10px;font: 400 18px Montserrat;display: block; } .step_panier.active span{text-decoration: underline;font-weight: 700;} .step_panier:first-child::before { display: none; } @media screen and (max-width: 600px) { .etapescommande .step_panier { min-width: 100px; } .step_panier::before { left: -50%; } } @media screen and (max-width: 445px) { .etapescommande .step_panier { min-width: 50px; margin: 10px; } .step_panier::before { display: none; } .step_panier .completed { height: 44px; width: 44px; } .step_panier .no-completed { height: 44px; width: 44px; } .step_panier img { height: 24px; width: 24px; } .etapescommande .step_panier span { font-size: 13px; } .cadeauBox_cde1.blue div { font-size: 12px; } .divcgv.multi-panier { width: 100%; margin: 0; margin-bottom: 15px; text-align: right; } } #cde1_submit_form {text-align: right;} @media screen and (max-width: 768px) { #cde1_submit_form { text-align: center; } .cde1-row { display: flex !important; } .cde1-row .floatLeftTable { display: none !important; } .cde1-row .floatRightTable, .max-90-mobile { width: 90% !important; float: none !important; margin: auto !important; } .cde3-total { width: 100%; } } .cde2-left { width: calc(50% - 40px); padding: 10px; padding-top: 25px; float: left; margin-right: 50px; margin-left: 20px; border: 1px solid black; } .cde2_progressbar { border: 0px!important; } .cde2-right { width: calc(50% - 40px); border: 1px solid black; padding: 10px; float:right; } .cde2-right-no-border { width: calc(50% - 40px); padding: 10px; float:right; } /*#contenuCde2 #form_facturation { position: absolute; top: 57px; right: 30px; width: calc(50% - 40px); padding: 10px; }*/ #contenuCde2 .address_box { border: 1px solid black; margin-right: 50px; margin-left: 20px; margin-bottom: 20px; width: calc(50% - 40px); padding-top: 10px; } #contenuCde2 .etapeBloc_content { background-color: transparent; } #contenuCde2 .titl_address { font: 20px "Montserrat"; font-weight: 200; border-bottom: 0; } #contenuCde2 .modelivraisonBit span b { color: #3a50b7; font-size: 14px; margin-top: 5px; } #contenuCde2 .btn-colissimo { background-color: #ed7f12; } #contenuCde2 h3 { text-align: center; margin-bottom: 30px; font: 20px "Montserrat"; font-weight: bold !important; } .hr { /* centre verticalement les enfants entre eux */ align-items: center; /* active flexbox */ display: flex; /* garde le texte centré s’il passe sur plusieurs lignes ou si flexbox n’est pas supporté */ text-align: center; font: 15px "Montserrat"; font-weight: bold !important; } .hr::before, .hr::after { /* remplir le fond du trait permet également d’utiliser des images ou dégradés ! */ background: currentColor; /* nécessaire pour afficher les pseudo-éléments */ content: ""; /* partage le reste de la largeur disponible */ flex: 1; /* l’unité « em » garantit un ratio constant avec la taille du texte */ height: .025em; /* espace les traits du texte */ margin: 0 .5em; } #contenuCde2 .bg-white { border: 1px solid black; padding: 25px; } #contenuCde2 .etapeBloc_content { border-top: 0; } #contenuCde2 #zone_geographique_form { padding-left: 10px; } @media only screen and (max-width:1010px) { .cde2-left { width: 100%; padding-right: 10px; margin-left: 0; float: none; } .cde2-right { position: inherit; width: 100%; padding-left: 10px; margin-right: 0; float: none; margin-left: 0; } .cde2-left, .cde2-right, .cde2_zone_geo_form { width: 100%; padding: 10px; } #contenuCde2 .address_box { width: 100%; margin-left: 0; } #contenuCde2 #form_facturation { position: inherit; margin-top: 20px; width: 100%; padding-left: 0; border: 0; } #contenuCde2 #form_facturation .bg-white { border: 0; } #contenuCde2 .form_connect { padding: 5px; padding-bottom: 5px; } #contenuCde2 .titl_address { width: 100%; } } @media only screen and (max-width:1200px) { #contenuCde2 .bg-white { margin-top: 20px; } #contenuCde2 #form_facturation .bg-white { margin-top: 0; } } .commentaire-cmd { margin-top: 20px; margin-bottom: 30px; } .commentaire-cmd label { font-size: 14px; margin-bottom: 10px; } .btn_valider_panier.blue_btn { background-color: #263475; } .btn_valider_panier.blue_btn:hover { background-color: #3a50b7; } .submit_log_btn.blue_btn { background-color: #263475; } .submit_log_btn.blue_btn:hover { background-color: #3a50b7; } .btn_valider_panier.green_btn { background-color: #008037;border-radius: 0;-webkit-border-radius: 0;-ms-border-radius: 0;-o-border-radius: 0; } .btn_valider_panier.green_btn:disabled,.btn_valider_panier.green_btn:disabled:hover { background-color: gray; } .btn_valider_panier.green_btn:hover { background-color: #026d2f; } .btn_valider_panier.blue_btn:disabled { background-color: gray !important; font: 16px "Montserrat"!important; font-weight: bold !important; } .btn_valider_panier.blue_btn:disabled:hover { background-color: gray; font: 16px "Montserrat"!important; font-weight: bold !important; } .btn_pr:disabled { background-color: gray; } .btn_pr:disabled:hover { background-color: gray; } .conseils_panier .art_conseil_add_panier { background-color: #3a50b7 !important; } .conseils_panier .art_conseil_add_panier:hover { background-color: #263475 !important; } #contenuCde3 .total_cde strong, #contenuCde3 .total_cde span { font-size: 18px !important; } #contenuCde3 .total_cde strong { color: #3a50b7; } /******************************************************************** // FIN REFONTE PANIER /*******************************************************************/ .moyen_bit {padding: 0 10px;margin-bottom:15px; text-align: center;} @media only screen and (min-width:768px){ .moyen_bit {height:150px;} } .box_moyen .labelMoyen, .box_moyen .labelMoyenchecked {position: relative;z-index: 1;padding-top:15px; display:block} .box_moyen > .labelMoyen > input{ position: absolute; z-index: 1; width: 100%; left: 0; top: 0; height: 100%; cursor: pointer; opacity: 0; } .box_moyen > .labelMoyenchecked > input{ display:none; } .box_lib{ border: 2px solid #ccc; background-color: #fff; display: block; padding: 35px 15px 15px 15px; font-size: 15px; } .box_lib em{display:block; height:70px; margin-top:10px} .box_lib::before{content:url('template-moyen_off.png'); position:absolute; left:50%; margin-left:-13px; top:2px} .btn_paiement:checked + .box_lib::before{content:url('template-moyen_on.png')} .btn_paiement:checked + .box_lib{border: 2px solid #3a50b7} .bandeauErreurLivraison{ background-color: #d24f61!important; color: black; border: 1px solid #d72f46; } .infobulle { position: relative; /* les .infobulle deviennent référents */ font-family: arial; font-weight: bold; } /* on génère un élément :after lors du survol et du focus :*/ .infobulle:hover::after, .infobulle:focus::after { content: attr(aria-label); /* on affiche aria-label */ position: absolute; top: -2.6em; right: 0; /*transform: translateX(50%); !* on centre horizontalement *!*/ z-index: 1; /* pour s'afficher au dessus des éléments en position relative */ white-space: nowrap; /* on interdit le retour à la ligne */ font-size: 11px; font-family: arial; background-color: white; border: 1px solid #3a50b7; padding: 2px 5px; } .box_lib_livr{ border: 2px solid #ccc; background-color: #fff; display: block; padding: 35px 15px 15px 15px; font-size: 13px; } .box_lib_livr{ border: 2px solid #ccc; background-color: #fff; display: block; padding: 35px 15px 15px 15px; font-size: 12px; } .box_lib_livr em{display:block; height:70px; margin-top:10px} .box_lib_livr::before{content:url('template-moyen_off.png'); position:absolute; left:50%; margin-left:-13px; top:2px} .btn_paiement:checked + .box_lib_livr::before{content:url('template-moyen_on.png')} .btn_paiement:checked + .box_lib_livr{border: 2px solid #3a50b7} .max-fidelite{ background-color: #c0cbff; padding: 20px 15px; width: 80%; margin: auto; font-size: 20px; text-align: center; color: #fff; font-style: italic; } .max-fidelite strong{ color: #263475; } .max-fidelite .checkbox-r{ font-size: 16px; margin-top: 10px; font-weight: normal; color: #263475; } .input_fidelite{ position: absolute; z-index: 1; width: 100%; left: 0; top: 0; height: 100%; cursor: pointer; opacity: 0; } .checkbox-r .check_rel .input_fidelite + .texte_fidelite { background-size: 20px; padding-left: 26px; } .check_rel .input_fidelite + .texte_fidelite{ background: url("template-check_off.png") no-repeat left center; background-size: auto; padding: 0 0 0 30px; display: block; } .check_rel .input_fidelite:checked + .texte_fidelite{ background-image: url("template-check_on.png"); } /******MOBILE HEADER CORRECTION*********/ @media only screen and (min-device-width : 1025px) and (max-device-width : 1370px){ .menuTop a{font-size: 12px} .menuTop{min-width: 305px} .encart-header-confiance{font-size: 15px} } @media only screen and (min-device-width : 1025px) and (max-device-width : 1300px){ .header .pi-col-lg-5.pi-col-md-4.pi-col-sm-8.pi-col-2xs-7 {width: 33%;} .headerWrapper.headerFixed .logo{margin-top: 0;} } @media only screen and (max-width:1024px){ .menu_user{width: 33.333%; margin-left: 0; text-align: center;} .menu_cart{width: 33.333%; margin-left: 0;text-align: center;} .menuTop a{font-size: 11px} } @media only screen and (min-device-width : 860px) and (max-device-width : 1024px){ .logo{margin-top: -20px} .headerWrapper.headerFixed .logo{margin-top: 0} } @media only screen and (max-width:859px){ .logo{left: calc(50% + 30px);margin-top: 0px !important;position: absolute;top: -10px;} .searchTop {display: block!important;max-width: 100%;border: #1F2B5F 2px solid;height: 52px;background-color: #1F2B5F ;margin-top: 15px!important;margin-bottom: 5px} /* .s_submit {width: 50px;height: 48px;border-radius: 5px;-webkit-border-radius: 5px;-ms-border-radius: 5px;-o-border-radius: 5px;background: #514F74 url(template-ico_searchw.png) no-repeat center;background-size: 25px;top: 0; right: 0}*/ .s_submit{background: url(template-ico_loupe_m.svg) no-repeat center ;background-size: 32px;} .s_submit:hover, .s_submit:focus{background-color: #1F2B5F} .s_text{height: 40px;border-radius: 5px!important;-webkit-border-radius: 5px!important;-ms-border-radius: 5px!important;border-color:#1F2B5F; padding-right: 55px } .blue_btn:visited, .blue_btn:focus {background: #ccc!important;} } @media only screen and (max-width:768px){ .menuTop a {width: 100%;} .menuTop {margin-right: 0;min-width: 100px;} .menu_user .ico-user{left:0} .btn_menu_mobile + div {float: left;margin-top: 5px;} .toggle_search_mobile{float: none;margin-left: 0;padding-left: 2px;padding-right: 2px;margin-top: 0;visibility: hidden;} .toggle_search_mobile{visibility: visible;} .toggle_search_mobile img {max-width: 40px;} .menu_cart .ico-cart{left:0} .menu_cart {width: 50px;} .logo{left: calc(50% + 30px);} .searchTop {display: block!important;max-width: 100%;border: #1F2B5F 2px solid;height: 52px;background-color: #1F2B5F ;margin-top: 5px!important;margin-bottom: 5px} /*.s_submit {width: 50px;height: 48px;border-radius: 5px;-webkit-border-radius: 5px;-ms-border-radius: 5px;-o-border-radius: 5px;background: #514F74 url(template-ico_searchw.png) no-repeat center;background-size: 25px;top: 0; right: 0} .s_submit:hover, .s_submit:focus{background-color: #1F2B5F}*/ .menu_cart span{display: block!important;font-size: 0; color: #fff} .menu_cart a em {right: 7px;top:-5px;} } @media only screen and (max-width: 565px){ .navigation {top: 72px;} .btn_menu_mobile{margin-top: 6px} .header .pi-col-lg-4.pi-col-md-5.clearRight {padding-left: 15px!important;padding-right: 15px!important;} } @media only screen and (max-width: 450px){ } @media only screen and (max-width: 360px){ .menuTop a {padding-top: 32px;} .header{ padding-left: 5px;padding-right: 5px;} .btn_menu_mobile{margin-right: 5px} .toggle_search_mobile img {max-width: 25px;margin-top: 2px;} .menu_user .ico-fidelite {width: 32px;height: 32px;} .menuTop {min-width: 80px;margin-top: 5px;} .menu_cart a em {right: 7px;top: -5px;} .searchTop {height: 45px} } @media only screen and (max-width: 340px){ .logo { width: 145px !important;} .btn_menu svg {max-width: 28px;} } @media only screen and (min-width: 1200px){ .separate_form{display: none;} } .separate_form{border: 0px!important;padding: 10px!important;text-align: center;} @media only screen and (max-width: 1010px){ #adresse_facturation {display: none;} } .submit_log_btn.blue_btn.non_identifie{ border-radius: 15px;-webkit-border-radius: 15px;-ms-border-radius: 15px;-o-border-radius: 15px; font: 20px "Montserrat"; font-weight: bold !important;padding-top: 15px;padding-bottom: 15px; } .btn_valider_panier.blue_btn.non_identifie { border-radius: 15px;-webkit-border-radius: 15px;-ms-border-radius: 15px;-o-border-radius: 15px; font: 20px "Montserrat"; font-weight: bold !important; } @media only screen and (max-width: 1199px){ .form_cde2{ display: flex;display: -ms-flex; flex-wrap: wrap; flex-direction: column-reverse; } .pour_completer .top_product_list .slick-list {padding-bottom: 36px!important;height: auto!important;} } @media only screen and (min-width: 600px){ .x_qte{display: none;} } .btn_ajouter_panier{border:none;display:inline-block;padding:10px;color:#ffffff;font:12px "Montserrat";font-weight: 700; background-color:#cb151a; transition:all 0.5s;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-o-transition:all 0.5s;text-transform: uppercase;} .btn_ajouter_panier:hover{background-color:#cb151a;} .btn_ajouter_panier.blue_btn { border-radius: 15px; margin-top: 5px; background-color: #263475; } .btn_ajouter_panier.blue_btn:hover { background-color: #3a50b7; } .btn_ajouter_panier.blue_btn:disabled { background-color: gray; } .btn_voir.white_btn{ display: inline-block; width: 75px; background-color: #3a50b7; background-color: #fff; border: 2px solid #3a50b7; padding: 5px; border-radius: 12px; text-transform: uppercase; color: #3a50b7; font: 12px "Montserrat"; font-weight: bold; vertical-align: super; } /**********refonte 2022*******/ .visible-mobile{display: none;} .btn_valider_panier.btn-peso-step{font: 16px Montserrat !important;margin: 0;width: 100%;position: relative; font-weight: bold !important;} .btn_valider_panier.btn-peso-step-required{font: 16px Montserrat !important;margin-bottom: 50px;width: 100%;position: relative; font-weight: bold !important;} .btn_valider_panier.btn-peso-step2{margin-top:15px; display: initial; text-align: center;margin-bottom: 50px;width: 100%;position: relative; padding-left: 10px;padding-right: 10px;} .text-uppercase-btn{text-transform: uppercase;} /*@media screen and (min-width: 767px){ .visible-mobile{display: none!important;} }*/ @media screen and (max-width: 767px){ .m-nperso {margin: 0 -6%;} .m-nperso2{margin: 0 -10px;} .m-cde3{margin: 0 -3%;} .btn_valider_panier.btn-peso-step2{margin-bottom: 10px;} .btn-valid-cde3{width: 100%;} .btn-sticky-mobile{position:fixed !important;bottom:0;left: 0;z-index: 999;padding: 23px 0 !important;width: 100% !important;margin: 0 !important;text-align: center;} } @media only screen and (max-width: 1010px){ .btn-cde2-margin {margin: 0 -10px;} .cde2-left.hidden-border-mobile {border: none;padding: 0;} .border-mobile {border: 1px solid #000!important;padding: 10px;} } @media only screen and (max-width: 640px){ h3.articleBit_lib a{max-height: 34px;display: block;} h3.articleBit_lib {min-height: 60px;max-height: 60px;} } /******Menu mobile refotnte********/ .navigation-mobile{display: none;} @media only screen and (min-width: 1025px){ .navigation-mobile{display: none!important;} } .bodyfix .headerWrapper{z-index: 2147483641;} .px-m-2{padding: 10px; position: absolute;right: 5px;top: 2px;} .navigation-mobile {display: block!important;} .navigation-mobile-overlay {position: fixed;left: 0;top: 0;z-index: 9998; background-color: rgba(0,0,0,0.75);display: none;width: 100%;height: 100%;} .navigation-site.open-mob + .navigation-mobile-overlay {display: block!important;} .navigation-site {display: block;position: fixed;left: 0;background-color: #fff;left: -500%;top: 0;height: 100%;z-index: 9999;width:calc(100% - 48px );transition: all ease 0.7s;-moz-transition: all ease 0.7s;-webkit-transition: all ease 0.7s;-ms-transition: all ease 0.7s;-o-transition: all ease 0.7s; padding-bottom: 0;padding-left: 0!important;padding-right: 0!important;padding-top:0} .navigation-site >.container {height: 100%;background: #fff;overflow-x: hidden;overflow-y: auto;position: relative!important;padding:0!important;padding-bottom: 68px!important;} .navigation-site.open-mob {left: 0;transition: all ease 0.7s;-moz-transition: all ease 0.7s;-webkit-transition: all ease 0.7s;-ms-transition: all ease 0.7s;-o-transition: all ease 0.7s;} .navigation-site .menu-mobile{background: #ffffff;padding-left:25px!important;padding-right: 25px!important;padding-top: 5px;padding-bottom: 5px;} .navigation-site .onglets-mobile {display: block;border-top:20px solid #fff; max-width:100%; padding-left: 0px; padding-right: 0px} .close-menu-mob{display:none; position: fixed;right: 10px;border: 2px solid #fff;border-radius: 100%;-webkit-border-radius: 100%;-ms-border-radius: 100%;padding: 1px;max-width: 30px;} .navigation-site.open-mob .close-menu-mob{display: block;} .navigation-site .onglets-mobile>.has-sub >.navlink-mobile::after {content: '\e8cc'; position: absolute;right:50px;left:auto;font-family:'fontello';top: 50%;font-size: 18px;transition: all ease 0.5s;-webkit-transition: all ease 0.5s;-ms-transition: all ease 0.5s;-o-transition: all ease 0.5s;-moz-transition: all ease 0.5s;background:none; display:block!important; transform:translate(0,-50%); -webkit-transform:translate(0,-50%); -ms-transform:translate(0,-50%);-spec-transform: translate(0, -50%);font-weight: 300;} .navigation-site .onglets-mobile>.active> .navlink-mobile::after {content:'\e8ca';transition: all ease 0.5s; -webkit-transition: all ease 0.5s;-ms-transition: all ease 0.5s;-o-transition: all ease 0.5s;-moz-transition: all ease 0.5s;} .subMenu-mobile {position: absolute;margin-top: 0;padding:0;border-bottom: none;width: 100%;top: 0;z-index: 999999;height:100%;left: initial;right: -500%;transition: all ease 1.5s;-moz-transition: all ease 1.5s;-webkit-transition: all ease 1.5s;-ms-transition: all ease 1.5s;-o-transition: all ease 1.5s;display: block !important; overflow: hidden;border: none; transform: none;-webkit-transform: none;-ms-transform: none;-o-transform: none;} .ss-menuniv2 {padding-left: 0.938rem;} .sub-menu-top, .sub-menu-top .container, .sub-menu-top .container .row, .flex-categ{height: 100%;} .sub-product{overflow-x: hidden;overflow-y: auto;padding-left: 0; } .ss-categ-content{height: 100% !important;} .remove_mob_parent.navigation-site .box-flex {overflow-y: auto;padding-left: 0px; padding-right: 0px; height: 100% !important;} .sub-menu-top {padding-top: 0.625rem;padding-bottom: 0.625rem; max-width: 100%; padding-left: 0; padding-right: 0;background-color: #fff; max-height: calc(100% - 60px);} .subMenu-mobile.open {right: 0;transition: all ease 0.6s;-moz-transition: all ease 0.6s;-webkit-transition: all ease 0.6s;-ms-transition: all ease 0.6s;-o-transition: all ease 0.6s;} .navigation-site.open-mob.remove_mob_parent .container.scroll-me-mobile_ {overflow: hidden;} .onglets-mobile>.navitem-mobile{display:block;padding:0} .onglets-mobile>.navitem-mobile>.navlink-mobile{color: #263475;text-align: left;padding: 22px 50px 22px 15px;display: block;position: relative;font: 800 14px "Montserrat";text-transform: uppercase;} .onglets-mobile>.navitem-mobile.active>.navlink-mobile , .onglets-mobile>.navitem-mobile>.navlink-mobile:focus,.onglets-mobile>.navitem-mobile>.navlink-mobile:active, .onglets-mobile>.navitem-mobile>.navlink-mobile__:hover {color: #263475;background-color: #CBC8C9;} .onglets-mobile>.navPromo-mobile .navlink-mobile {color: #ffffff;background-color: #CBC8C9;} .onglets-mobile>.navzero-mobile .navlink-mobile { color: #cb151a;} .onglets-mobile>.navred-mobile .navlink-mobile { color: #cb151a;} .back_menu{color: #ffffff;background-color: #263475;font: 1.5em 'Montserrat';position: relative;padding: 25px 10px 19px 120px;text-align: left;font: italic 800 16px "Montserrat";text-transform: uppercase;text-align: left;} .retour-txt {position: absolute;top: 0;height: 100%;background: #95A8FF;clip-path: polygon(0 0, 100% 0, 78% 100%, 0% 100%);-ms-clip-path: polygon(0 0, 100% 0, 78% 100%, 0% 100%);-webkit-clip-path: polygon(0 0, 100% 0, 78% 100%, 0% 100%);left: 0;padding-top: 13px;text-transform: none;width: 100px;text-align: center;padding-left: 5px;font-style: normal;color: #263475;padding-right: 15px;font-size: 13px;} .sub-menu-top{padding-top: 0;} .back_menu i{display: block;font-weight: 700;font-size: 28px;} .sub-product li{display:block;padding:0} .sub-product li a{color: #263475;text-align: left;padding: 22px 15px;display: block;position: relative;font: 800 14px "Montserrat";text-transform: uppercase;} .sub-product li a:focus, .sub-product li a:hover {color: #263475;background-color: #CBC8C9;} li#navitem-mob62,li#navitem-mob102,li#navitem-mob28 {display: none;} .reinsurance-menu{background-color: #263475;padding: 5px 0;flex-wrap: wrap;width:calc(100% - 48px ); position: fixed;display: none;left: 0;bottom: 0; text-align: center; color: #fff;} .navigation-site.open-mob .reinsurance-menu{display:-ms-flex; display: flex;} .col-reins{flex: 0 0 30%; -ms-flex: 0 0 30%;max-width: 30%;padding: 0 5px;} .col-reins:last-child{ flex-basis: 0;flex-grow: 1;max-width: 100%;} @media only screen and (min-device-width: 680px) and (max-device-width: 980px) { .pi-row.liste_articles {margin-left: -10px;margin-right: -10px;} .pi-row.liste_articles >div[class^="pi-col-"] {padding-left: 10px;padding-right: 10px;} } .headerWrapper:not(.headerFixed) .link_header_fixed{display: none!important;} @media only screen and (min-device-width: 1024px) and (max-device-width: 1300px) { .link_header_fixed{display: none!important;} a.zerodechetLink {display: none!important;} /*a.nouveautesLink {display: none!important;}*/ } @media only screen and (max-width: 1370px){ div#fdp-progressbar-wrap {display: none;} .btn_add_panier_fixed.add_to_cart , .articleRight .add_to_cart{border-radius: 0px!important; background: #008037;padding:23px 0;/*position: fixed;*/z-index: 1000;bottom: 0px;text-transform: uppercase;font: 16px Montserrat !important;margin: 0;width: 100%; font-weight: bold !important;max-width: 100%!important;left: 0;text-align: center!important;} } /* Newsletter Popup */ .newsletterPopupFloat{position: fixed; right: left; top: 50%; transform: translateY(-50%) rotate(-180deg); background-color: #FFFFFF; color: #000000; padding: 15px 0; cursor: pointer; border-radius: 5px 0 0 5px; box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.3); z-index: 9; font-size: 14px; writing-mode: vertical-lr; text-orientation: mixed; white-space: nowrap; text-align: center; } .newsletterPopupFloat span{display:inline-block;transform: rotate(180deg);} .newsletterPopupClose{float:right;font-size:20px;} .newsletterPopupText{font:20px 'Montserrat';text-align:center;color:#263475;} .newsletterPopupSend{text-align:center;} .newsletterPopupSend button{background:#263475;} .newsletterPopupSend button:hover{background:#5066CF !important;} @media only screen and (max-width: 598px) { .newsletterPopupClose{width:100%;text-align:right;} .newsletterPopupSend button{width:100%} } /* Remise de gros */ .remiseQteBlock{float:left;width:25%;padding-right:4px;} .remiseQte{border:1px solid #000000;padding: 5px;} .remiseQte:hover{cursor:pointer;} .remiseQte span{color:#cb151a;font-weight: bold;font-size:15px;} .remiseQteSelected{border:2px solid #263475;} .remiseQteSelected span{color:#263475;} /*********REFONTE ICONE 2023**********/ .position-relative-cd{position: relative;} .fontMonserrat-Extra{font-family: Montserrat;font-size: 30px;text-transform: uppercase;font-weight: 800;padding: 10px 0;text-align: center;color: #000;} .txt-cdeaftertitle{display: none;font:400 14px Montserrat; text-align: center;padding: 10px 0 15px 0;margin-top: 10px;} #cde2-has-account .txt-cdeaftertitle{margin-top: 0;padding-top: 0;} .txt-cdeaftertitle a{font-weight: 800;text-decoration: underline;} .show-btn-cde2{display: none;padding-top: 10px;padding-bottom: 30px;} .icon-eye-content input {opacity: 0;width: 100%;height: 100%;top: 50%;position: absolute;right: 0;transform: translate(0, -50%);-o-transform: translate(0, -50%);-webkit-transform: translate(0, -50%);-ms-transform: translate(0, -50%);cursor: pointer;z-index: 9;} .pev-cart-cde2{position: absolute;left: 20px;top: 50%;transform: translate(0,-50%);-webkit-transform: translate(0,-50%);-ms-transform: translate(0,-50%);margin-top: 0;z-index: 99;margin-top: -7px;} .icon-eye-content {position: absolute;right: 10px;top: 50%;transform: translate(0, -50%);-o-transform: translate(0, -50%);-webkit-transform: translate(0, -50%);-ms-transform: translate(0, -50%);height: 30px;margin-top: 5px;display: none; width: 30px;} .icon-eye-content::before {content: url("template-icon_eyes.svg"); width: 100%!important;} .after::after {content: "/";position: absolute;top: -1px;font-weight: bold;right: 8px;display: none;font-size: 20px;} .icon-eye-content input:checked + .after::after{display: block;} .btn-prev-cart a{position: absolute;left: 0;top:-90px; margin-top:7px;z-index: 99;} .btn-prev-cart a img {width: 50px;} .verif-pswd {display: flex;display: -ms-flex;padding: 10px 0;flex-wrap: wrap;-ms-flex-wrap: wrap;max-width: 400px;} .state-verif {width: 50%;position: relative;padding: 2px 25px;font:14px Montserrat;} .state-verif::after {content: "";width: 14px;height: 14px;background: #dadada;position: absolute;left: 0;top: 50%;transform: translate(0,-50%);border-radius: 100%;} .state-verif.ok-state-verif::after {background:url('template-ok_state_pswd.svg')} .input-content-pswd .input_step, .input-content-pswd .cde_txt {width: 100%;} img#infoSacCadeau, img#infoPanierCadeau {display: none;} /*********BEGIN cde2 identification desktop July 2023******/ .visible-create-account{display: none!important;} .link-authent .visible-create-account{display: block!important;} .link-authent .hidden-create-account{display: none!important;} @media only screen and (min-width : 1200px){ .form_cde2 {display: flex;display: -ms-flex;flex-wrap: wrap;flex-direction: column-reverse;} .form_cde2 .pi-col-lg-6{width: 100%;} } @media only screen and (min-width : 860px){ #contenuCde2 .identif_client {max-width: 600px;margin: auto;} #contenuCde2 .identif_client .bg-white{background-color: #fff;border: none;} #contenuCde2 .h3-hide-cde2 {display: none;} #contenuCde2 .visible-mobile {display: block;} .btn-prev-cart{display: none;} #contenuCde2 .visible-mobile.fontMonserrat-Extra.hide-me-show{padding-top: 30px; background-color: #fff;max-width: 600px;margin-left: auto;margin-right: auto;margin-top: 30px;} .mt-create-compte .visible-mobile.fontMonserrat-Extra{padding-top: 30px;margin-top:30px} .signup-box, .login-box {display: none;} .identif_client .cde_txt, .form_connect .input_step {width: 100%;border: 2px solid #ADADAD;height: 60px;border-radius: 5px!important;color: #000000;font: 14px Montserrat;padding-left: 35px;} #contenuCde2 .form_connect .sod_select .sod_label{border-width: 2px;border-color: #ADADAD ;height: 60px;border-radius: 5px!important;padding-top: 21px;} #contenuCde2 .sod_select .sod_label:after{top: 22px;margin-top: 0;} #contenuCde2 .select_connect, #contenuCde2 .form_connect > .select_box_content2 {width: 100%;} .identif_client .cde_txt:focus, .form_connect .input_step:focus {border-color: #263475;background-color: #ffffff!important;} .identif_client .login_cde>label.errorForm, #cde2-create-account .form_connect label.errorForm { display: block; margin: 5px 0 0; text-align: left; font:italic 400 12px 'Montserrat'; color: #BB2928;width:100%} .form_connect >label.connect_et{font: 14px Montserrat; width: 100%!important;color: #000000;} .identif_client .blue_btn.non_identifie {background: #263475;display: block;margin-top: 10px;border-radius: 10px;color: #fff;text-align: center;padding: 18px 20px;font: 800 18px "Montserrat";text-transform: none;width: 100%;} .btn-create-account{background: #ffffff;display: block;margin-top: 10px;border-radius: 10px;color: #263475;text-align: center;padding:17px 15px ;font: 800 18px "Montserrat";text-transform: none;width: 100%;border:2px solid #263475} .no-border-mobile .form_connect > .select_box_content2{width: 100%;} .no-border-mobile .sod_select .sod_label{height: 60px;padding-top: 18px;border: 2px solid #ADADAD ;border-radius: 5px!important;font: 14px Montserrat;padding-left: 20px;} .forget_pass a{font: 14px Montserrat ;} .no-border-mobile .sod_select .sod_label:after{top: 50%; margin-top: -4px;}* #contenuCde2 .identif_client .bg-white.separate_form {margin-top: 20px;display: block;} .hide-me-even-desk{display: none!important;} #contenuCde2 .no-border-mobile {border: none!important;padding-top: 0;padding-bottom: 0;} #contenuCde2 .sep_form.hr {font-weight: 900!important;} #contenuCde2 .txt-cdeaftertitle {display: block;} div#ancre_mode_content {padding-right: 10px;} #contenuCde2 .show-btn-cde2 {display: block;} #cde2-create-account {display: none;} .pi-row.pi-inline-content {text-align: center;padding-top: 15px;padding-bottom: 5px;} .pi-row.pi-inline-content>div {display: inline-block;width: auto;float: none;vertical-align: middle;} .input_step.errorForm, .cde_txt.errorForm{border-color:#BB2928!important;background-image: url(template-notvalidate_code.png);background-repeat: no-repeat;background-position: center left 10px;background-size: 17px;} .input_step.validForm, .cde_txt.validForm{border-color: #00743C!important;background-image: url(template-validate_code.png);background-repeat: no-repeat;background-position: center left 10px;background-size: 17px;} label.errorForm{color:#BB2928;} /*label[for=Fpass].errorForm{display:none !important;}*/ .signup-box, .login-box{display:none} .choiceBox.input-radio-mobile {width: 100%;} input.inputBold{font-weight: 900 !important;color: #000000;text-transform: uppercase;} input.inputBold::-webkit-input-placeholder { /* Chrome/Opera/Safari */font-weight: 400;text-transform: none;} input.inputBold::-moz-placeholder { /* Firefox 19+ */font-weight: 400;text-transform: none;} input.inputBold:-ms-input-placeholder { /* IE 10+ */font-weight: 400;text-transform: none;} input.inputBold:-moz-placeholder { /* Firefox 18- */font-weight: 400;text-transform: none;} .input-content-pswd .input_step, .input-content-pswd .cde_txt {padding-right: 34px;} .input-content-pswd input[type="password"] {font-size: 36px; font-family: auto;} .input-content-pswd input[type="password"]::-webkit-input-placeholder { /* Chrome/Opera/Safari */font-weight: 400;font-size:14px!important;font-family:Montserrat!important ;} .input-content-pswd input[type="password"]::-moz-placeholder { /* Firefox 19+ */font-weight: 400;font-size:14px!important;font-family:Montserrat!important ;} .input-content-pswd input[type="password"]:-ms-input-placeholder { /* IE 10+ */font-weight: 400;font-size:14px!important;font-family:Montserrat!important ;} .input-content-pswd input[type="password"]:-moz-placeholder { /* Firefox 18- */font-weight: 400;font-size:14px!important;font-family:Montserrat!important ;} .input-content-pswd {position: relative; display: inline-block; width: 100%;} .icon-eye-content {display: block;} } /*********END cde2 identification desktop July 2023******/ @media only screen and (max-width : 980px){ .header_top {display: block;background: #263475;text-align: center;} .header_top .pi-col-sm-7,.header_top .pi-col-sm-2 {display: none;} .link_livraison a {background: none;color: #fff;font: 800 14px "Montserrat";padding: 0;} .header_top .pi-col-sm-3{width: 100%;} .input-content-pswd {position: relative;display: inline-block;width: 60%;} } @media only screen and (min-width : 859px){ /*#cde2-has-account, #cde2-create-account{display: block!important;}*/ .hidden-desktop{display: none!important;} .border-0-desktop {border:none!important} .w-100-desktop{width: 100%!important;} .m-nperso.pos-fixed-mobile.right-float-desktop {float: right;width: calc(50% - 40px);} .cde2-left .cde2-right.w-100-desktop { border: none; } .link_livraison {display:none;} } @media only screen and (max-width : 859px){ .titlePage{font-family: Montserrat;font-size: 28px;text-transform: uppercase;font-weight: 800;padding: 10px 0;text-align: center;color: #000;display: block;} .institPage h1{font-family: Montserrat;font-size: 30px;text-transform: uppercase;font-weight: 800;text-align: center;} .menu_user .ico-user{background-image: url("template-ico_user_m.svg"); width: 100%;height: 50px;left: 0;background-position: center;position: relative;} .menu_cart .ico-cart{background-image: url("template-ico_cart_m.svg"); width: 100%;height: 50px;left: 0;background-position: center;position: relative;} .menuTop a span{font-size: 0;} .menuTop a{display: block;padding-top: 0;border-radius: 5px;-webkit-border-radius: 5px;-ms-border-radius: 5px;-o-border-radius: 5px;} .headerFixed-mob .toggle_search_mobile{border-radius: 5px;-webkit-border-radius: 5px;-ms-border-radius: 5px;-o-border-radius: 5px;} .menuTop a:hover,.menuTop a:focus,.menuTop a:active,.headerFixed-mob .toggle_search_mobile:hover,.headerFixed-mob .toggle_search_mobile:focus,.headerFixed-mob .toggle_search_mobile:active {background-color: #CBC8C9;} .menuTop>div {width: 50px;padding-left: 5px;} .menu_fidelite{display: none;} .menuTop{float: none;max-width: max-content;margin-left: auto;padding-right: 15px;} .btn_menu_mobile{max-width: 60px;} .btn_menu_mobile img{width: 55px;} .menu_cart a em{background-color:#95A8FF ;width: 30px; height: 30px; font-family: Montserrat;font-weight: 800; font-size: 16px;padding-top: 5px;right: -15px;} .searchTop{padding-top: 15px;background: none;border: none;height: 60px;} .s_text{border-left: none; border-top: none;border-right: none;border-radius: 0!important;-webkit-border-radius: 0!important;-ms-border-radius: 0!important;-o-border-radius: 0!important;background-color: #fff;outline: 0;} form#formRech {position: relative;} .headerWrapper {padding-bottom: 30px;background: url(template-shadow_header.png) repeat-x center bottom;background-size: 100% 41px;} .header {background-color: #fff;padding-bottom: 20px;border-bottom: none;} .visible-mobile{display: block;} .hidden-mobile-step{display: none!important;} .step_panier::before{display: none!important;} .step_panier.active {color: #263475;font-family: Montserrat; font-weight: 800;} .step_panier.active .completed-step{font-weight: 400;} .step_panier strong {display: block;max-width: 80px;max-height: 80px;margin: auto;border: 2px solid #fff;border-radius: 100%;-webkit-border-radius: 100%;-ms-border-radius: 100%;-o-border-radius: 100%;background: #CBC8C9;padding: 2px;box-shadow: 0px 4px 4px -1px rgba(0,0,0,0);-webkit-box-shadow: 0px 4px 4px -1px rgba(0,0,0,0);-moz-box-shadow: 0px 4px 4px -1px rgba(0,0,0,0);} .step_panier.active strong {background: #fff;border-color: #263475;box-shadow: 0px 4px 4px -1px rgba(176,163,163,0.4);-webkit-box-shadow: 0px 4px 4px -1px rgba(176,163,163,0.4);-moz-box-shadow: 0px 4px 4px -1px rgba(176,163,163,0.4);} .step_panier img {height: auto;width: 100%;margin: auto;} .etapescommande .step_panier {margin: 20px 0;padding: 0 10px;min-width: 140px;} .headerWrapper.headerFixed-mob {position: fixed;top: 0;left: 0;width: 100%;padding-bottom: 0;background-image: none;} body.cde1ajax .headerFixed-mob, body.cde2ajaxp2 .headerFixed-mob,body.cde3ajaxp2 .headerFixed-mob{ position: relative!important;} body.cde1ajax.paddingTop-mob, body.cde2ajaxp2.paddingTop-mob, body.cde3ajaxp2.paddingTop-mob{padding-top: 0!important;} .headerWrapper .searchTop,.paddingTop-mob .header_top {display: none!important;} body.cde1ajax.paddingTop-mob .header_top{display: block!important;} .headerWrapper.headerFixed-mob .open-search.searchTop{display: block!important;} .paddingTop-mob {padding-top:140px;} /****POPUP AJOUT PANIEr*****/ .artPopub .artPopub_txt{font:800 14px "Montserrat"; text-transform: uppercase;color: #000;} .popup-add-cart #TB_ajaxWindowTitle{display: none;} .artPopub .artPopub_ima{border: none;} .popup-add-cart #TB_title {background-color: #fff;} .popup-add-cart #TB_closeWindowButton{ background: url(template-close_popup_m.png) no-repeat center;background-color: transparent;border-radius: 100%;-webkit-border-radius: 100%;-ms-border-radius: 100%;-o-border-radius: 100%;border: 2px solid #263475;background-size: 15px;padding: 8px;margin-right: 10px;margin-top: 10px;} .artPopub h3.artPopub_details_lib a{font:800 14px "Montserrat"; color: #000;} .artPopub .artPopub_qte{font:800 14px "Montserrat"; color: #000;padding-bottom: 15px;} .artPopub .artPopub_prix strong{font:800 28px "Montserrat"; color: #000;} .artPopub .artPopub_boutons a{font:800 14px "Montserrat";color: #263475;text-transform: uppercase;border: 2px solid #263475;background-color: #fff;} .artPopub a.pop_valid {background-color: #263475;color: #fff;} .artPopub h3.artPopub_details_lib{margin-bottom: 0;} .artPopub .artPopub_ref{font-size: 12px ; font-style: italic;padding-bottom: 10px;color: #D4D1D2;} /****cde1 Mai 2023*******/ .step-panier-flex {display: flex;flex-wrap: wrap;flex-direction: row;align-items: center;width: 100%;justify-content: center;padding-bottom: 25px;} .bull-step {width: 70px;background: url(template-bg_step1.svg) no-repeat center;height: 70px;font-size: 24px;line-height: 71px; background-size: 100%;} .bull-step2{background-image: url(template-bg_step2.svg);} .bull-step3{background-image: url(template-bg_step3.svg);} .txt-step {width: auto;text-transform: none;text-align: left;padding-left: 15px;font-size: 25px;} .txt-step span {display: block;font-weight: 400;font-size: 17px;padding-top: 10px;min-width: 220px;} .etapescommande{display: none!important;} body.cde1ajax .btn_menu_mobile, body.cde1ajax .floatRight.bloc_account_cart, body.cde1ajax .toggle_search_mobile, body.cde3ajaxp2 .btn_menu_mobile, body.cde3ajaxp2 .floatRight.bloc_account_cart, body.cde3ajaxp2 .toggle_search_mobile{display: none!important;} body.cde1ajax .searchTop, body.cde3ajaxp2 .searchTop {opacity: 0; height: 40px;margin: 0; display: none!important;} body.cde1ajax .logo, body.cde3ajaxp2 .logo{position: relative;} body.cde1ajax .headerWrapper.headerFixed-mob, body.cde3ajaxp2 .headerWrapper.headerFixed-mob{border-bottom: none!important;} body.cde1ajax .headerWrapper, body.cde3ajaxp2 .headerWrapper{background: #fff;padding-bottom: 20px;} /****cde2 Mai 2023*******/ body.cde2ajaxp2 .btn_menu_mobile, body.cde2ajaxp2 .floatRight.bloc_account_cart, body.cde2ajaxp2 .toggle_search_mobile{display: none!important;} body.cde2ajaxp2 .searchTop {opacity: 0; /* height: 5px;*/margin: 0;z-index: -10; display: none!important;} body.cde2ajaxp2 .logo{position: relative;} body.cde2ajaxp2 .welcome_user, body.cde2ajaxp2 .header_top, body.cde3ajaxp2 .welcome_user, body.cde3ajaxp2 .header_top{display: none;} body.cde2ajaxp2 .headerWrapper.headerFixed-mob.no-border{border-bottom: none!important;} body.cde2ajaxp2 .headerWrapper{background: #fff;padding-bottom: 20px;} #contenuCde2 .no-border-mobile{border:none!important; padding-top: 0;padding-bottom: 0;} #cde2-has-account{margin-top: 10px;} .identif_client .cde_txt, .form_connect .input_step {width: 100%;border: 2px solid #ADADAD;height: 60px;border-radius: 5px!important;color: #000000;font: 14px Montserrat;padding-left: 35px;} #contenuCde2 .form_connect .sod_select .sod_label{border-width: 2px;border-color: #ADADAD ;} .identif_client .cde_txt:focus, .form_connect .input_step:focus {border-color: #263475;background-color: #ffffff!important;} .identif_client .login_cde>label.errorForm, #cde2-create-account .form_connect label.errorForm { display: block; margin: 5px 0 0; text-align: left; font:italic 400 12px 'Montserrat'; color: #BB2928;width:100%} .form_connect >label.connect_et{font: 14px Montserrat; width: 100%!important;color: #000000;} .identif_client .blue_btn.non_identifie {background: #263475;display: block;margin-top: 10px;border-radius: 10px;color: #fff;text-align: center;padding: 18px 20px;font: 800 18px "Montserrat";text-transform: none;width: 100%;} .btn-create-account{background: #ffffff;display: block;margin-top: 10px;border-radius: 10px;color: #263475;text-align: center;padding:17px 15px ;font: 800 18px "Montserrat";text-transform: none;width: 100%;border:2px solid #263475} .no-border-mobile .form_connect > .select_box_content2{width: 100%;} .no-border-mobile .sod_select .sod_label{height: 60px;padding-top: 18px;border: 2px solid #ADADAD ;border-radius: 5px!important;font: 14px Montserrat;padding-left: 20px;} .forget_pass a{font: 14px Montserrat ;} .no-border-mobile .sod_select .sod_label:after{top: 50%; margin-top: -4px;} .h3-hide-cde2{display: none;} .txt-cdeaftertitle{display: block;} .show-btn-cde2{display: block;} #cde2-create-account{display: none;} .input-content-pswd{width: 100%;} .sep_form.hr {font-weight: 900!important;} .input-content-pswd .input_step, .input-content-pswd .cde_txt {padding-right: 34px;} .input-content-pswd input[type="password"] {font-size: 36px; font-family: auto;} .input-content-pswd input[type="password"]::-webkit-input-placeholder { /* Chrome/Opera/Safari */font-weight: 400;font-size:14px!important;font-family:Montserrat!important ;} .input-content-pswd input[type="password"]::-moz-placeholder { /* Firefox 19+ */font-weight: 400;font-size:14px!important;font-family:Montserrat!important ;} .input-content-pswd input[type="password"]:-ms-input-placeholder { /* IE 10+ */font-weight: 400;font-size:14px!important;font-family:Montserrat!important ;} .input-content-pswd input[type="password"]:-moz-placeholder { /* Firefox 18- */font-weight: 400;font-size:14px!important;font-family:Montserrat!important ;} .no-border-mobile .login_cde{position: relative;} .icon-eye-content {display: block;} .btn-prev-cart{display: block;} #cde2-create-account .btn-prev-cart a {left: 25px;} .input_step.errorForm, .cde_txt.errorForm{border-color:#BB2928!important;background-image: url(template-notvalidate_code.png);background-repeat: no-repeat;background-position: center left 10px;background-size: 17px;} .input_step.validForm, .cde_txt.validForm{border-color: #00743C!important;background-image: url(template-validate_code.png);background-repeat: no-repeat;background-position: center left 10px;background-size: 17px;} label.errorForm{color:#BB2928;} label[for=Fpass].errorForm{display:none !important;} .signup-box, .login-box{display:none} .choiceBox.input-radio-mobile {width: 100%;} #contenuCde3 >.pi-row{margin-top: 0!important;} input.inputBold{font-weight: 900 !important;color: #000000;text-transform: uppercase;} input.inputBold::-webkit-input-placeholder { /* Chrome/Opera/Safari */font-weight: 400;text-transform: none;} input.inputBold::-moz-placeholder { /* Firefox 19+ */font-weight: 400;text-transform: none;} input.inputBold:-ms-input-placeholder { /* IE 10+ */font-weight: 400;text-transform: none;} input.inputBold:-moz-placeholder { /* Firefox 18- */font-weight: 400;text-transform: none;} } @media only screen and (max-width: 565px){ .logo {left: 50%;width: 200px;z-index: 10;} .step_panier strong{max-width: 70px;max-height: 70px;} .etapescommande .step_panier span{font-size: 13px;} .etapescommande .step_panier {min-width: 120px;} .link_livraison a{font-size: 13px;} .bull-step {width: 60px;height: 60px;font-size: 22px;line-height: 61px; } .txt-step {font-size: 22px;} .txt-step span {font-size: 14px;} .btn-prev-cart a {margin-top: 13px;} .btn-prev-cart a img {width: 40px;} } @media only screen and (max-width: 480px){ .logo {width: 170px;} .menu_user .ico-user {height: 40px;} .menu_cart .ico-cart {height: 40px;} .toggle_search_mobile img {max-width: 35px;} .menu_cart a em{width: 25px; height: 25px;padding-top: 4px;font-size: 12px;} .menuTop {margin-top: 8px;} .btn_menu_mobile {max-width: 45px;} .searchTop {padding-top: 0;height: 40px;} .menuTop>div{width: 45px;} .step_panier strong{max-width: 55px;max-height: 55px;} .etapescommande .step_panier {min-width: 50px;width: 24%;margin-top: 15px; margin-bottom: 15px;} .etapescommande .step_panier span{font-size: 12px;} .fontMonserrat-Extra, .titlePage{font-size: 25px;} .institPage h1{font-size: 22px;} .header{padding-bottom: 10px;} .step-panier-flex.cd2-stepflex {padding-left: 30px;} .bull-step {width: 50px;height: 50px;font-size: 18px;line-height: 51px; } .txt-step {font-size: 18px;} .txt-step span {font-size: 13px;} .step-panier-flex{padding-bottom: 15px;} .form_connect >label.connect_et{font-size: 13px;} .identif_client .blue_btn.non_identifie{font-size: 15px;} .btn-create-account{font-size: 15px;} .btn-prev-cart a img {width: 30px;} .btn-prev-cart a{top: -53px;margin-top: 2px;} } @media only screen and (max-width: 450px){ .logo {width: 150px; /* margin-left: -1.5rem;*/} .menu_user .ico-user {height: 35px;} .menu_cart .ico-cart {height: 35px;} .btn_menu_mobile {max-width: 40px;} .menuTop>div{width: 40px;} .headerWrapper{padding-bottom: 0;} .reinsurance-menu{font-size: 12px} .sub-menu-top { max-height: calc(100% - 58px);} .back_menu{font-size: 15px;} .toggle_search_mobile img {max-width: 30px;} .s_submit{ background-size: 28px;} .forget_pass a{font-size: 13px} } @media only screen and (max-width: 420px){ .identif_client .cde_txt, .form_connect .input_step{height: 50px;font-size: 13px;} .no-border-mobile .sod_select .sod_label{height: 45px;padding-top: 12px;} .identif_client .blue_btn.non_identifie{font-size: 14px;} .btn-create-account{font-size: 14px;} #contenuCde2 .no-border-mobile{padding-left: 15px; padding-right: 15px;} #cde2-create-account .btn-prev-cart a {left: 15px;} .txt-cdeaftertitle{font-size: 13px;} .forget_pass a{font-size: 12px} .form_connect >label.connect_et{font-size: 12px;} } @media only screen and (max-width: 380px){ .identif_client .cde_txt, .form_connect .input_step{height: 45px;font-size: 12px;} .step_panier strong{max-width: 50px;max-height: 50px;} .btn-create-account{font-size: 13px;} .etapescommande .step_panier span{font-size: 11px;} .fontMonserrat-Extra, .titlePage{font-size: 23px;} .institPage h1{font-size: 21px;} .reinsurance-menu{font-size: 10px} .back_menu{font-size: 14px;padding-left: 110px;} .sub-menu-top { max-height: calc(100% - 55px);} .identif_client .blue_btn.non_identifie{font-size: 13px;} .txt-cdeaftertitle{font-size: 12px;} } @media only screen and (max-width: 360px){ .menu_user .ico-user {height: 30px;} .menu_cart .ico-cart {height: 30px;} .btn_menu_mobile {max-width: 30px;} .menuTop>div{width: 35px;} .etapescommande .step_panier{width: max-content;} .reinsurance-menu{font-size: 9px} .sub-menu-top { max-height: calc(100% - 56px);} .toggle_search_mobile img {max-width: 26px;} .txt-step span{min-width: 180px;} .pev-cart-cde2{left: 10px} } @media only screen and (max-width: 330px){ .logo { margin-left: -1rem;} } @media only screen and (max-width: 319px){ .logo { width: 140px;} .floatRight.bloc_account_cart{float: left;} } /***********refonte panier mobile 2023**********/ .label-code-mobile{display: none;} .bloc-cd-mobile{display: none;} .bg-mobile-grey .cadeauBox_cde1{background-color: #fff!important;} .label-mobile{display: none;font:800 18px "Montserrat";color: #000;padding-bottom: 8px;text-align: center;} .label-mobile.big-txt{font-size: 18px;padding-bottom: 25px;padding-top:10px} .font-other-big{font-size: 22px;} .d-block-mobile-code{display: none;} /****debut desktop code*****/ @media only screen and (min-width:600px){ #contenuCde1 .mx-width-code {float: none;width: 100%;margin: auto;padding: 0 10px;/*border: 1px solid #263475;*/} .bg-mobile-grey .input_codepromo {width: 100%;border: 1px solid #8C96A2;height: 35px;border-radius: 5px!important;color: #000000;font: 14px Montserrat;} .bg-mobile-grey .ok-code {background: #263475;display: block;margin-top: 0;border-radius: 5px;-webkit-border-radius: 5px;-ms-border-radius: 5px;-o-border-radius: 5px;color: #fff;text-align: center;padding: 12px 10px;/*position: absolute;right: 0;top: 0;*/ margin-top: 10px;font-weight: 700;} .cadeauBox_cde1_form.form-code-content {width: 100%;max-width: 100%;} .cadeauBox_cde1::after {clear: both;content: "";display: block;} .label-code-mobile {padding: 10px 25px 10px 0;background: #ffffff url(template-arrow_select_down.png) no-repeat center right;background-size: 15px;cursor: pointer;display: block;} .label-code-mobile.active {background-image: url(template-arrow_select_up.png);border-color: #fff;} } @media only screen and (min-width:768px){ #contenuCde1 .mx-width-code {/*width: 40%;*/float: right;} } .bg-mobile-grey .progressbar, .bloc_account_cart .progressbar {background-color: #cbc8c9 ;border: none;border-radius: 0;margin-top: 5px;} .bg-mobile-grey .progressbar .progressbar-inner ,.bloc_account_cart .progressbar .progressbar-inner {background: #263475!important;box-shadow: none;border-radius: 0;} .bg-mobile-grey .progressbar.progressbar-green .progressbar-inner,.bloc_account_cart .progressbar.progressbar-green .progressbar-inner {background: #95A8FF!important;} .bg-mobile-grey .progressbar.progressbar-green .progressbar-text, .bloc_account_cart .progressbar.progressbar-green .progressbar-text { width: 100%;text-align: center;right: 0;} /****fin desktop code*****/ .small-tot {display:none;} @media only screen and (max-width:1010px){ /*#contenuCde2 .cde2-right-no-border{top:0!important}*/ } @media only screen and (max-width:767px){ .m-nperso.pos-fixed-mobile {position: fixed;bottom: 0;left: 0;width: 100%;margin: 0;padding:0 30px 15px 30px;background: #fff;z-index: 99;box-shadow: 0px -8px 69px -25px rgba(31,19,19,0.74); -webkit-box-shadow: 0px -8px 69px -25px rgba(31,19,19,0.74); -moz-box-shadow: 0px -8px 69px -25px rgba(31,19,19,0.74);} table.total-cde-mobile td {padding: 15px 5px;text-transform: uppercase;color: #263475;font: 800 19px "Montserrat";} .hidden-cd-mobile{display: none!important;} .bloc-cd-mobile{display: block;} .tot-val {font: 900 29px "Montserrat";} .m-nperso.pos-fixed-mobile .btn_valider_panier.btn-peso-step {font-weight: 800!important;padding-top: 20px;padding-bottom: 20px;} .small-lib {text-transform: none;font: 400 13px "Montserrat";} .small-tot {text-transform: none;font: 400 15px "Montserrat";color:#2d292d;text-decoration: line-through;} .box-shadow-desk .valid_cart.step-next{display: none;} /*******cde3*********/ .hidden-cde3-mobile{display: none!important;} #contenuCde3 #cde1_submit_form{margin-top: 0;margin-bottom: 0;} #contenuCde3 .validate-bloc{margin-top: 0;padding: 0!important;} body.cde1ajax .assuraceBloc,body.cde1ajax .bloc-footer-menu, body.cde3ajaxp2 .assuraceBloc,body.cde3ajaxp2 .bloc-footer-menu, body.cde2ajaxp2 .assuraceBloc,body.cde2ajaxp2 .bloc-footer-menu {display: none;} body.cde1ajax .copyright,body.cde2ajaxp2 .copyright,body.cde3ajaxp2 .copyright {opacity: 0;} body.cde2ajaxp2 .copyright{display: none;} #contenuCde1 .lignePanierBit + .bg-mobile-grey,div#contenuCde3 ,div#contenuCde2{padding-bottom: 50px;} #contenuCde1{margin-bottom:20px;} } .validate-code {width: 100%;background: url(template-validate_code.png) no-repeat left 12%;background-size: 18px;padding: 5px 0 5px 23px;margin-left: 2px;} .bg-mobile-grey .cadeauBox_error{background: url(template-notvalidate_code.png) no-repeat center left;background-size: 18px;padding: 5px 0 5px 23px;margin-left: 2px;font: 12px "Montserrat";color:#000; text-align: left;} .cadeau-row{padding: 0 0 25px 0;} .cadeau-row:first-child {padding: 35px 0 25px 0;} .cadeau-row input#ajouter_sac, .cadeau-row input#ajouter_articlepanier {position: absolute;opacity: 0;width: 100%;height: 100%;width: 100%;} .cadeau-row>.pi-row {max-width: max-content;position: relative;} .cadeau-row input#ajouter_sac + label, .cadeau-row input#ajouter_articlepanier + label {display: inline-block;background: url(template-radio_off_mobile.png) no-repeat center left;background-size: 30px;font: 600 16px "MontSerrat";padding: 5px 0 5px 39px;} .cadeau-row input#ajouter_sac:checked + label, .cadeau-row input#ajouter_articlepanier:checked + label{background-image: url(template-radio_on_mobile.png) ;} .cart_qte .qteBox { width: max-content;max-width: 160px;display: flex;align-items: center;justify-content: center;flex-wrap: wrap;} .cart_qte .inputqte{height: 50px;border-color: #adadad; width: 50px;font:600 20px "Montserrat"} .cart_qte .qteBox .qteMoins {position: relative;width: 50px;height: 50px;border: 1px solid #adadad;display: flex;align-items: center;justify-content: center;font: 600 30px "Montserrat";margin-right: 5px;} .cart_qte .qteBox .qtePlus {position: relative;width: 50px;height: 50px;border: 1px solid #adadad;display: flex;align-items: center;justify-content: center;font: 600 30px "Montserrat";margin-left: 5px;} .cart_qte .qteBox a:focus, .cart_qte .qteBox a:active{background-color: rgba(149,168,255,0.5);} .cart_qte .moins_m, .cart_qte .plus_m{display:inline-block;} .cart_qte .moins_d, .cart_qte .plus_d {display: none;} @media only screen and (min-width:600px){ .cadeau-row input#ajouter_sac + label, .cadeau-row input#ajouter_articlepanier + label {font-size: 12px;background-size: 20px;font-weight: 400;padding-left:30px} .cadeau-row{padding: 0 0 15px 0;} .cadeau-row:first-child {padding: 20px 0 15px 0;} .cadeau-row .pi-row{margin-left: 0;} .cart_qte .inputqte{width: 25px; height: 25px;font-size: 14px;} .cart_qte .qteBox .qteMoins{width: 25px; height: 25px;font-size: 18px;} .cart_qte .qteBox .qtePlus{width: 25px; height: 25px;font-size: 18px;} .cart_qte .qteBox {max-width: 110px;} table.total_cde.hidden-cd-mobile {margin-top: 0;} } @media only screen and (min-width:890px){ .cart_qte .inputqte{width: 35px; height: 35px;font-size: 15px;} .cart_qte .qteBox .qteMoins{width: 35px; height: 35px;font-size: 20px;} .cart_qte .qteBox .qtePlus{width: 35px; height: 35px;font-size: 20px;} .cart_qte .qteBox {max-width: 120px;} } @media only screen and (max-width:599px){ .cart_qte .moins_d, .cart_qte .plus_d{display:none;} .lignePanierBit{padding-top: 30px; padding-bottom: 30px;margin-bottom: 15px;border-top: none;border-bottom-color: #cbc8c9;} .lignePanierBit .cart_details {float: none;width: 100%;margin-bottom: 10px;padding-right: 25px;} .lignePanierBit h3.cart_details_lib a, .lignePanierBit h3.cart_details_lib span{font:800 18px "Montserrat"; text-transform: none;} .lignePanierBit .cart_details_ima{width: 40%;border: none;} .lignePanierBit .cart_details_ima img{width: 100%;} .lignePanierBit .cart_details_desc{width: 58%;} .label-mobile{display: block;} .suppr-panier-mob{background: url(template-close_popup_m.png) no-repeat center;background-color: transparent;border-radius: 100%;-webkit-border-radius: 100%;-ms-border-radius: 100%;-o-border-radius: 100%;border: 3px solid #263475;background-size: 15px;padding: 8px;width: 30px; height: 30px;position: absolute;top: 5px;right: 15px;} .suppr-panier-mob img{display: none!important;} .lignePanierBit .cart_prix_unitaire{width: 30%;float: left;} .lignePanierBit .cart_prix_unitaire .label-mobile,.lignePanierBit .cart_prix .label-mobile,.lignePanierBit .cart_qte .label-mobile {color: #263475;} .lignePanierBit .cart_prix strong{font:900 24px "Montserrat";color: #263475; margin-top: 10px;display: block;} .lignePanierBit .cart_prix_unitaire strong{font:900 24px "Montserrat";color: #263475; margin-top: 10px;display: block;} .lignePanierBit .cart_prix_unitaire .px-cart-unit {color: #000;font:400 20px "Montserrat";margin-top: 0;} .lignePanierBit .cart_prix_unitaire .px-cart-unit + strong{margin-top: 0;} .lignePanierBit .cart_prix{width: 30%;float:right;} .lignePanierBit .cart_qte{width: 40%;float: left;} .d-none-mobile-code{display: none;} .d-block-mobile-code{display: block;} .label-code-mobile{display: block;} .bg-mobile-grey {background: #f1f1f1;padding:35px 15px 15px 15px;margin-top: -15px;} .bg-mobile-grey .cadeauBox_cde1 , .bg-mobile-grey .cadeauBox_cde3{padding: 0 15px;background: fff!important;margin: 0 20px;border-radius: 10px;-webkit-border-radius: 10px;-ms-border-radius: 10px;-o-border-radius: 10px;border: 1px solid #adadad!important;box-shadow: 0px 1px 6px 2px rgba(0,0,0,0);-webkit-box-shadow: 0px 1px 6px 2px rgba(0,0,0,0);-ms-box-shadow: 0px 1px 6px 2px rgba(0,0,0,0);} .cde2-left.cde2_progressbar.bg-mobile-grey {background: none;} .mx-width-code {max-width: 90%;margin: auto;} .label-code-mobile {padding: 15px 25px 15px 0;background:#ffffff url("template-arrow_select_down.png") no-repeat center right;background-size: 20px;cursor: pointer;font: 400 18px "Montserrat";} .label-code-mobile.active{background-image: url("template-arrow_select_up.png");border-color: #fff;} .bg-mobile-grey .cadeauBox_cde1.active-parent, .bg-mobile-grey .cadeauBox_cde3.active-parent{border-color: #fff!important;box-shadow: 0px 1px 6px 2px rgba(176,163,163,0.4);-webkit-box-shadow: 0px 1px 6px 2px rgba(176,163,163,0.4);-ms-box-shadow: 0px 1px 6px 2px rgba(176,163,163,0.4);} /*.form-code-content{display: none;}*/ .form-code-content {padding: 15px 0;max-width: 100%;background: #fff;border-radius: 0 0 10px 10px;} .bg-mobile-grey .input_codepromo {width: 100%;border: 2px solid #ccc;height: 50px;border-radius: 5px!important;color: #000000;font:14px Montserrat} .bg-mobile-grey .validate-box-code .input_codepromo{border-color: #346261;} .bg-mobile-grey .error-code-validation .input_codepromo{border-color: #bb2928!important;} .bg-mobile-grey .ok-code {background: #263475;display: block;margin-top: 10px;border-radius: 10px;color: #fff;text-align: center;padding: 15px;font: 600 18px "Montserrat";} .bg-mobile-grey .cadeauBox_error + .ok-code {background: #adadad;} .cadeauBox_cde3_txtinfo:empty{display: none;} .bg-mobile-grey .progressbar{height: 30px;box-shadow: none;background-color: #cbc8c9 ;border: none;border-radius: 0;margin-top: 5px;} .bg-mobile-grey .progressbar .progressbar-inner {background: #263475!important;box-shadow: none;border-radius: 0;} .bg-mobile-grey .progressbar.progressbar-green .progressbar-inner{background: #95A8FF!important;} .progressbar-message, .progressbar-message * {font:italic 13px "Montserrat";} .progressbar-message b{font-weight: 600;} .bg-mobile-grey .progressbar-text {font:800 16px "Montserrat"; top: 50%;transform: translate(0,-50%);-webkit-transform: translate(0,-50%);-ms-transform: translate(0,-50%);} .bg-mobile-grey .progressbar.progressbar-green .progressbar-text { width: 100%;text-align: center;right: 0;} .bg-mobile-grey .progressbar.progressbar-green + .progressbar-message{text-align: center;} /*********cde2**********/ .moyen_bit{margin-bottom: 15px;} .bg-mobile-grey-cde2{background: #f1f1f1;margin: 0 -10px 65px -10px;} .hidden-title-mobile{display: none!important;} .bg-mobile-grey-cde2 .border-mobile, .bg-mobile-grey-cde2 .cde2-left-m{border: none!important;padding: 20px 25px;} .box_lib_livr::before {content: '\e8ca';font-family: fontello;left: auto;right: 15px;top: 33px;font-size: 24px;border-radius: 5px;background: #fff;padding: 5px 10px;} .box_moyen label {padding-top: 0;} .box_lib_livr {padding: 20px 40px 20px 25px;border-radius:10px;-webkit-border-radius:10px;-ms-border-radius:10px;min-height: 80px!important;font-family: Montserrat;border-width: 1px; border-color: #cbc8c9;box-shadow: 0px 1px 6px 2px rgba(176,163,163,0.4);-webkit-box-shadow: 0px 1px 6px 2px rgba(176,163,163,0.4);-ms-box-shadow: 0px 1px 6px 2px rgba(176,163,163,0.4);} .box_lib_livr >strong {font: 800 20px "Montserrat";text-align: left;text-transform: none!important;width: 100%!important;} .box_lib_livr >.descr-livr-moyen{text-align: right;font-weight: 400;font-size: 15px;display: block!important;margin-top: -5px;margin-bottom: -2px; text-transform: lowercase!important;padding-right: 25px;} .box_lib_livr >.state-moyen{text-align: left;font-size: 18px;display: block!important;margin-top: 0!important;font-weight: 800;} .box_lib_livr >.state-moyen.state-free{color: #95a8ff;} .box_lib_livr br{display: none;} .btn_paiement:checked + .box_lib_livr::before{content: '\e8cd';/*background-color: #95a8ff; color: #fff;*/} .btn_paiement:checked + .box_lib_livr.box_lib_livr2::before{content: '\e8ca';} .btn_paiement:checked + .box_lib_livr{border-color: #263475;} .box_moyen .contenuLivraisonchecked {margin-right: -25px;display: block;padding-top: 20px;} .moyen_bit .box_moyen label >input {max-height: 99px;opacity:0;} .btnShowLiv{width:50px;height:50px;position:absolute;top:25px;right:25px;z-index:9;cursor:pointer;} #contenuCde2 .contenuLivraisonchecked .form_connect{padding-left: 0;padding-right: 0;} .content-border-form {margin: 15px;padding: 15px;border: 2px solid #263475;border-radius: 10px;background: #fff;box-shadow: 0px 1px 6px 2px rgba(176,163,163,0.4);-webkit-box-shadow: 0px 1px 6px 2px rgba(176,163,163,0.4);-ms-box-shadow: 0px 1px 6px 2px rgba(176,163,163,0.4);} .content-border-form label.connect_et, .box_moyen .contenuLivraisonchecked label.connect_et{display: none;width: 100%; padding-bottom: 5px;font-weight: 600;font-family: 'Montserrat';color: #000;text-align: left;} .border-0-desktop .content-border-form{margin-left: 0;margin-right: 0;} .content-border-form label.connect_et.label-mobile-form,.content-border-form label.label-mobile-form, .box_moyen .contenuLivraisonchecked label.label-mobile-form{display: block;width: 100%; padding-bottom: 5px;font-weight: 600;font-family: 'Montserrat';color: #000;} .content-border-form .choiceBox , .box_moyen .contenuLivraisonchecked .choiceBox{width: 100%;text-align: left;} .box_moyen .contenuLivraisonchecked .choiceBox >label{display: inline-block;} .content-border-form .select_connect, .content-border-form .select_box_content2, .box_moyen .contenuLivraisonchecked .select_connect, .box_moyen .contenuLivraisonchecked .select_box_content2 {width: 100%;} .content-border-form .sod_select .sod_label,.box_moyen .contenuLivraisonchecked .sod_select .sod_label {border-radius: 5px;height: 40px;padding-top: 12px;text-align: left;} .content-border-form .sod_select .sod_label:after,.box_moyen .contenuLivraisonchecked .sod_select .sod_label:after {top:15px} .content-border-form .form_connect .input_step, .box_moyen .contenuLivraisonchecked .form_connect .input_step{ width: 100%;border-radius: 5px;height: 40px;} .content-border-form form .cde2-left, .content-border-form form .cde2-right{border: none;padding: 0;} .content-border-form form .cde2-left a.choisirPR {font-size: 13px;padding: 5px;border-radius: 5px;font-weight: 600;font-family: Montserrat;} #contenuCde2 .address_box{border:none} .input-radio-mobile label {position: relative;margin-bottom: 0;} .choiceBox.input-radio-mobile input {position: absolute;opacity: 0;width: 100%;height: 100%;} .choiceBox.input-radio-mobile span {display: block;background: url(template-radio_off_mobile.png) no-repeat center left;padding: 5px 0 5px 33px;background-size: 26px;font-weight: 600;font-family: 'Montserrat';} .choiceBox.input-radio-mobile input:checked + span {background-image: url(template-radio_on_mobile.png);} #contenuCde2 .bg-white.separate_form {margin-top: 0;} #contenuCde2 .identif_client .bg-white.separate_form {margin-top: 20px;} .font-montserrat-mobile-title {font: 800 18px "Montserrat"!important;} /**********cde3************/ .bg-fidelite-mobile {display: block;background: #334083;background: -moz-linear-gradient(left, #334083 0%, #8e9fea 100%);background: -webkit-gradient(left top, right top, color-stop(0%, #334083), color-stop(100%, #8e9fea));background: -webkit-linear-gradient(left, #334083 0%, #8e9fea 100%);background: -o-linear-gradient(left, #334083 0%, #8e9fea 100%);background: -ms-linear-gradient(left, #334083 0%, #8e9fea 100%);background: linear-gradient(to right, #334083 0%, #8e9fea 100%);color: #fff;padding: 30px 15px;text-transform: uppercase;font: 800 23px "Montserrat"!important;text-align: left!important;} .border-0-mobile{border: none!important;} .max-fidelite {width: 100%;background: #fff;color: #263475;padding-top: 0;font-family: 'Montserrat';} .max-fidelite strong {font-weight: 700;font-family: 'Montserrat';} .checkbox-r .check_rel .input_fidelite + .texte_fidelite{background-image: url(template-radio_off_mobile.png) ;background-size: 32px;padding-top: 5px;padding-bottom: 5px;padding-left: 37px;text-align: left; font-style: normal;color: #000000;} .checkbox-r .check_rel .input_fidelite:checked + .texte_fidelite{background-image: url("template-radio_on_mobile.png") ;} #contenuCde3 span.tot_lib_bis.big-tot{color: #263475;font-weight: 800;font-family: Montserrat;} #contenuCde3 .cde3-total {width: 90%;padding: 0 0 35px 0!important;margin: 25px auto 0 auto;background: url("template-shadow_total.png")no-repeat center bottom 8px ;} .cde3-total table {border: 2px solid #adadad;border-radius: 10px;-webkit-border-radius: 10px;-ms-border-radius: 10px;margin: 0; width: 100%;background: #fff;padding-left: 10px; padding-right: 10px;box-shadow: 0px 1px 6px 2px rgba(176,163,163,0.4);-webkit-box-shadow: 0px 1px 6px 2px rgba(176,163,163,0.4);-ms-box-shadow: 0px 1px 6px 2px rgba(176,163,163,0.4);} .cde3-total td {border: none!important;} .cde3-total td.totttc{padding-top: 20px;padding-bottom: 20px;} .cde3-total td:first-child{text-align: left;} .cde3-total tr:first-child td{padding-top: 16px;} #contenuCde3 .cde3-total td span.tot_lib{font-family: Montserrat; font-weight: normal;color: #263475;font-size: 16px!important;} #contenuCde3 .cde3-total .total_cde strong{font:800 26px "Montserrat"!important; color: #263475;} .cde3-total .fidelite-suppr i {display: none;} #contenuCde3 .cde3-total span.font-mobiler-0 {font-size: 0!important;display: inline-block;vertical-align: super;} .cde3-total .fidelite-suppr {background: url(template-close_popup_m.png) no-repeat center;background-color: transparent;border-radius: 100%;border: 2px solid #263475;background-size: 15px;width: 25px;display: inline-block;height: 25px;vertical-align: middle;} #encart_panier_moyenpaiement {padding-left: 10px;padding-right: 10px;} #encart_panier_moyenpaiement .etapeBloc_content{border: none;padding:0 30px;} #encart_panier_moyenpaiement .etapeBloc_content .box_lib {background-image: url(template-radio_off_mobile2.png);background-repeat: no-repeat;background-position: 15px 50%;padding:35px 15px 35px 60px;background-size: 32px;border-radius: 10px;font: 800 22px "Montserrat";color: #263475;text-transform: uppercase;box-shadow: 0px 1px 6px 2px rgba(176,163,163,0.4);-webkit-box-shadow: 0px 1px 6px 2px rgba(176,163,163,0.4);-ms-box-shadow: 0px 1px 6px 2px rgba(176,163,163,0.4);} #encart_panier_moyenpaiement .etapeBloc_content .btn_paiement:checked + .box_lib{border-color: #00743c;background-image: url(template-radio_on_mobile2.png);} #encart_panier_moyenpaiement .box_lib::before {display: none;} #encart_panier_moyenpaiement .box_lib {position: relative;} #encart_panier_moyenpaiement .box_lib .box_lib2 {position: absolute;top:-16px;left:50%} #encart_panier_moyenpaiement .box_lib .box_lib2 .box_lib3 {position: relative;background: #FFF;padding: 5px 20px;left:-50%} #contenuCde3 .bg-mobile-grey{padding-bottom: 25px;padding-top: 25px;} .mt-mobile-cde3-change{margin-top: 25px!important;} } @media only screen and (max-width:575px){ #contenuCde2 .etapeBloc .etapeBloc_content{padding: 0;} .box_lib_livr >strong{font-size: 17px;} .box_lib_livr >.state-moyen.state-free{font-size: 16px;} .box_lib_livr >.descr-livr-moyen{font-size: 14px;} .box_lib_livr{padding-left: 15px;} } @media only screen and (max-width:480px){ .cart_qte .qteBox{width: 95%;padding: 0 5px;} .lignePanierBit h3.cart_details_lib a, .lignePanierBit h3.cart_details_lib span{font-size: 14px;} .label-mobile{font-size: 14px;} .font-other-big{font-size: 20px;} .cart_qte .qteBox .qteMoins{width:30%;height: 40px;} .cart_qte .inputqte{width: 30%;font-size: 17px;height: 40px;} .cart_qte .qteBox .qtePlus{width: 30%;font-size: 24px;height: 40px;} .label-code-mobile{font-size: 14px;background-size:17px} table.total-cde-mobile td{font-size: 17px;} .tot-val{font-size: 26px;} .bg-mobile-grey .progressbar-text{font-size: 14px;} .lignePanierBit .cart_prix strong{font-size: 20px;} .lignePanierBit .cart_prix_unitaire strong{font-size: 20px;} .lignePanierBit .cart_prix_unitaire .px-cart-unit{font-size: 14px;} .bg-mobile-grey .ok-code{font-size: 15px;} .bg-mobile-grey .cde1-row .floatRightTable{width: 95%!important;} .bg-mobile-grey .cadeauBox_cde1,.bg-mobile-grey .cadeauBox_cde3 {margin: 0 10px;} /******cde3*******/ .max-fidelite{font-size: 16px;} #encart_panier_moyenpaiement .etapeBloc_content .box_lib{font-size: 19px;}* .cde3-total table{padding-left: 0;padding-right: 0;} .m-nperso.pos-fixed-mobile .btn_valider_panier.btn-peso-step2 {margin-bottom: 0;margin-top: 0;} } @media only screen and (max-width:420px){ .lignePanierBit h3.cart_details_lib a, .lignePanierBit h3.cart_details_lib span{font-size: 12px;} .label-mobile{font-size: 12px;} .font-other-big{font-size: 17px;} .cart_qte .inputqte{font-size: 15px;} .cart_qte .qteBox .qtePlus{font-size: 20px;} .label-code-mobile{font-size: 12px;} table.total-cde-mobile td{font-size: 15px;} .small-lib{font-size: 11px;} .tot-val{font-size: 23px;} .bg-mobile-grey .progressbar-text{font-size: 12px;} .lignePanierBit .cart_prix strong{font-size: 17px;} .lignePanierBit .cart_prix_unitaire strong{font-size: 17px;} .lignePanierBit .cart_prix_unitaire .px-cart-unit{font-size: 12px;} .bg-mobile-grey .ok-code{font-size: 13px;} .suppr-panier-mob{width: 26px; height: 26px;} .m-nperso.pos-fixed-mobile .btn_valider_panier.btn-peso-step{padding-left: 15px; padding-right: 15px;font-size: 14px!important;} .lignePanierBit{padding-top: 20px; padding-bottom: 20px;} .lignePanierBit ul.cart_caracteristique li , .lignePanierBit ul.cart_caracteristique li strong{font-size: 11px;} .mx-width-code {max-width: 95%;} .cadeau-row input#ajouter_sac + label, .cadeau-row input#ajouter_articlepanier + label{font-size: 14px; background-size: 28px;padding-left: 35px; white-space: nowrap;} .choiceBox.input-radio-mobile span{background-size: 22px;} .bg-mobile-grey .input_codepromo{height: 45px;} /******cde2*******/ .box_lib_livr >.descr-livr-moyen{margin-top: 5px;margin-bottom: 5px;font-size: 12px;} .box_lib_livr >strong{font-size: 15px;} .box_lib_livr >.state-moyen.state-free{font-size: 14px;} .box_lib_livr::before{font-size: 20px;} /******cde3*******/ #contenuCde3 .cde3-total td span.tot_lib{font-size: 14px!important;} #contenuCde3 .cde3-total .total_cde strong{font-size: 22px!important;} .bg-fidelite-mobile {font-size: 19px!important;} .checkbox-r .check_rel .input_fidelite + .texte_fidelite {font-size: 15px;background-size: 28px;padding-left: 33px;} #encart_panier_moyenpaiement .etapeBloc_content .box_lib{font-size: 17px;} #encart_panier_moyenpaiement .etapeBloc_content{padding-left: 20px;padding-right: 20px;} } @media only screen and (max-width:370px){ .btn_valider_panier{font-size: 14px;} .cart_qte .qteBox .qteMoins{height: 33px;} .cart_qte .inputqte{height: 33px;} .cart_qte .qteBox .qtePlus{height: 33px;} .m-nperso.pos-fixed-mobile{padding-left: 15px;padding-right: 15px;padding-top: 5px; padding-bottom: 15px;} .cadeau-row input#ajouter_sac + label, .cadeau-row input#ajouter_articlepanier + label{font-size: 12px; background-size: 22px;padding-left: 30px; } .lignePanierBit ul.cart_caracteristique li , .lignePanierBit ul.cart_caracteristique li strong{font-size: 10px;} /******cde2*******/ #encart_panier_modelivraison .moyen_bit {padding-left: 0;padding-right: 0;} .content-border-form {margin-left: 0;margin-right: 0;} .choiceBox.input-radio-mobile span{background-size: 20px;} /******cde3*******/ #contenuCde3 .cde3-total td span.tot_lib{font-size: 13px!important;} #contenuCde3 .cde3-total .total_cde strong{font-size: 20px!important;} .bg-fidelite-mobile {font-size: 17px!important;} .checkbox-r .check_rel .input_fidelite + .texte_fidelite {font-size: 13px;background-size: 25px;padding-left: 30px;} #encart_panier_moyenpaiement .etapeBloc_content .box_lib{font-size: 15px;background-size: 28px;background-position-x: 10px;padding-left: 45px;} #encart_panier_moyenpaiement .etapeBloc_content{padding-left:15px;padding-right: 15px;} } /***********FOOTER REFONTE MOBILE****************/ .newsletter-text-mobile{display: none;font: 800 21px"Montserrat";text-transform: uppercase;color: #fff;padding: 10px;text-align: center;} .avContainer em{font-style: normal;} .avContainer strong{font-weight: normal;font-family: Montserrat;} @media only screen and (min-width:768px){ .toggle-m-c{display: block!important;height: 100%!important; transition: none!important;overflow: visible!important;} } @media only screen and (max-width:767px){ div#iframe_avis_verifies {display: none;} .box-33 {width: 100%;float: none;} .toggle-me {background: #d9d9d9;padding:22px 20px;text-align: left;position: relative;border-bottom: 1px solid #fff;display:block!important;color: #000000; font:600 18px "Montserrat"; text-transform: uppercase;margin-bottom: 0;} .toggle-me strong {font-family: Montserrat;font-weight: 600;padding: 0;background: none;} .toggle-me span{padding: 0;} .toggle-me::after {content: "+";position: absolute;right: 25px;top: 50%;transform: translate(0, -50%);font: 800 37px "Montserrat";} .toggle-me.open::after{color: #fff;content: "-";} .toggle-me + .toggle-m-c{display:none; padding:20px;margin-top: 0;text-align:left;border-bottom: 1px solid #fff;} .toggle-me.open{background-color: #263475; color: #fff;} .bloc_footer {margin-bottom: 0;padding:0;} .footer_menu{padding: 0;} .footerBox{margin: 0;} .bloc-footer-menu .menuBox{margin-bottom: 0;} .newsletter-text-mobile{display: block;} .newsletter_text{display: none;} .newsletter_form { padding-left: 0;padding-right: 0;max-width: 85%;} .newsletterBloc{background-color: #263475;padding-bottom: 25px;margin-bottom: 0;border-bottom: 1px solid #d9d9d9;} a.n_submit {background: #263475;border: 1px solid #fff;font: 800 15px 'Montserrat';text-transform: uppercase;width: 120px;} a.n_submit:hover,a.n_submit:focus{background-color: #95A8FF;} .n_text{background-image: none;color: #737373;width: calc(100% - 125px );} /*******reassurance********/ .avBox5 {display: none;} .assuraceBloc .avContainer {width: 100%!important;text-align: left;margin-bottom:0 !important;max-width: 85%;margin: auto;float: none;} .assuraceBloc {margin:10px auto 20px auto!important;padding-top:20px; border-top: 2px solid #e8e8e9;} .index .assuraceBloc{margin-bottom: 20px;} .assuraceBloc .avContainer > div {background: none;} .assuraceBloc .avContainer a {display: flex;display: -ms-flex;align-items: center;-webkit-box-align: center;-ms-flex-align:center;justify-content: start;-ms-flex-pack:start;flex-wrap: wrap;width: 100%;margin: 6px 0;} .assuraceBloc .avContainer span {margin-right: 15px; width: 52px!important;margin-left: 0!important;background-image: url(template-sprite_av.svg)!important;background-position: left top!important;} .assuraceBloc .avContainer strong {font-weight: 800;font-size: 17px;} .assuraceBloc .avContainer em {font-weight: normal;} .copyright_text{font-size: 13px; color: #000000;} .assuraceBloc .avContainer .avBox3 span {background-position: left -70px!important;} .assuraceBloc .avContainer .avBox4 span {background-position: left -137px!important;} .assuraceBloc .avContainer .avBox1 span {background-position: 2px -191px!important;} } @media only screen and (max-width:480px){ a.n_submit{font-size: 13px;width: 110px;} .n_text{width: calc(100% - 115px );padding-left: 15px;} .newsletter-text-mobile{font-size: 19px;} } @media only screen and (max-width:420px){ .toggle-me {font-size: 16px;padding-top: 15px; padding-bottom: 15px;} .toggle-me::after {font-size: 32px} a.n_submit{font-size: 12px;width: 100px;padding-top: 7px;} .n_text{width: calc(100% - 105px );padding-left: 15px;white-space: nowrap;text-overflow: ellipsis;} .newsletter_form {max-width: 90%;} .newsletter-text-mobile{font-size: 17px;} .assuraceBloc .avContainer{max-width: 90%;} .assuraceBloc .avContainer strong {font-size: 15px;} .copyright_text{font-size: 12px;} } @media only screen and (max-width:360px){ .toggle-me {font-size: 14px;} .toggle-me::after {font-size: 30px} a.n_submit{font-size: 10px;width: 85px;padding-top: 8px;} .n_text{width: calc(100% - 90px );padding-left: 10px;} .newsletter-text-mobile{font-size: 15px;} .newsletter_form {max-width: 95%;} .assuraceBloc .avContainer{max-width: 95%;} .assuraceBloc .avContainer strong {font-size: 14px;} .copyright_text{font-size: 11px;} } /*********refonte fiche produit 2024 desk*********/ .mb-3.tab-desc{margin-bottom: 1rem;} /*.max-article {max-width: 980px;margin-left: auto;} body.article .arianeBox{max-width: 980px;margin-left: auto;} .tab_article.tab-art-product {max-width: 900px;}*/ #contenuArticle .articleRight{font-family:Montserrat ;} h1.article_lib{font: 800 25px "Montserrat";color: #000;text-align: left; margin-bottom: 5px;} #contenuArticle .article_titre2 {font-weight: 600;font-style: italic;font-size: 14px;margin-bottom: 20px;} #contenuArticle .caractBoxRef {color: #737373;margin: 0;padding-bottom: 5px;} .box_state .en_stock {background-image: url(template-ico_stock_mobile.png);} .box_state .delai_livraison, .article_livraison_gratuit {background-image: url(template-ico_clock_mobile.png);font-size: 13px;background-size: 20px;height: 20px;} .box_state .delai_livraison b{font-family: Montserrat;font-weight: 700;} .articleRight .article_prix {display: none;} .row-flex-art {display: flex;border: 2px solid #00743c;margin-top: 40px;} .articleRight .quantite_article {width: 100px;flex: 0 0 100px;order: 1;padding: 0;height: 100%;margin-bottom: 0;} .alerte-qte-restant{text-align: center;} .articleRight .quantite_article label.mobile_hide {display: none;} .quantite_article img, .quantite_article img{display: none;} .article_action {order: 2;-ms-order: 2;flex-grow: 1;margin: 0;} .articleRight .add_to_cart{font: 800 18px Montserrat!important; height: 100%;} .articleRight .add_to_cart .article_prix_promo {font: 800 20px Montserrat!important;color: #fff;} .articleRight .quantite_article .qteBox {width: 100%;padding-right: 30px;} .articleRight .quantite_article .inputqte {display: block;margin: auto;height: 70px;width: 100%;border: none;font: 800 18px Montserrat;color: #000000;} .articleRight .quantite_article .qtePlus {width: 20px;background: url(template-arrow_select_up.png) no-repeat center;height: 15px;background-size: 100%;top: 10px;right:10px;} .articleRight .quantite_article .qteMoins {width: 20px;background: url(template-arrow_select_down.png) no-repeat center;height: 15px;background-size: 100%;bottom: 10px;right:10px;top:auto; left: auto;} .articleRight .quantite_article.stock-qte-all-hidden .qtePlus ,.articleRight .quantite_article.stock-qte-all-hidden .qteMoins {display: none;} .articleRight .quantite_article.stock-qte-all-hidden .qteBox{padding-right: 0;} .articleRight .quantite_article.stock-qte-moins-hidden .qteMoins {opacity: 0.2;} .articleRight .quantite_article.stock-qte-plus-hidden .qtePlus {opacity: 0.2;} .articleRight .quantite_article a_:hover, .articleRight .quantite_article a:focus{background-color: #CBC8C9!important;} #link-srcoll-review{position: absolute;left: 0;display: none;width: 100%;height: 100%;background: none;top: 0;} form .caract-content-art{display: none;} .caract-desk .link_desc{display: none!important;} .caract-desk .hidden-caracts{opacity: 1;} .article_paiement_3_x {border-radius: 10px;border: 2px solid #f0b656;margin: 25px 0;padding:5px 10px;text-align: center;color: #263475;font-weight: 700;} .fois_bulles {display: inline-block;background: #F0B656;padding: 11px 10px 10px 10px;border-radius: 100%;-webkit-border-radius: 100%;-ms-border-radius: 100%;color: #fff;margin: 0 5px;} #article_action_freq #prixfreq {opacity: 0;} #article_action_freq .span-desktop-ajout {display: none;} /*********refonte fiche produit 2023 mobile*********/ .article_action .add_to_cart{border:none} .article_photo_mobile .slider >button{display: none!important;} .article_photo_mobile .slick-dots {text-align: center;padding: 15px 10px;} .article_photo_mobile .slick-dots li {display: inline-block;margin: 0 8px;} .article_photo_mobile .slick-dots li button {border: none;background: url(template-dots.svg) no-repeat center;height: 30px;width: 30px;font-size: 0;background-size: cover;} .article_photo_mobile .slick-dots li.slick-active button {background-image: url(template-dots_active.svg);} .picto-remise-art{display: none; margin: -42px auto 5px auto;max-width: 65%;padding: 10px 5px;background: #d9d9d9;border-radius: 10px;color: #ffffff;} #contenuArticle .remiseQteBlock{padding-right: 10px;margin-bottom: 15px;padding-top: 15px;} #contenuArticle .remiseQte {border: 2px solid #d9d9d9;border-radius: 10px;text-align: center;padding-top: 27px;font: 600 16px Montserrat;} #contenuArticle .remiseQte span{font: 600 16px Montserrat;color: #000;} #contenuArticle .remiseQte.remiseQteSelected {border-color: #f0b656;font-weight: 700;} #contenuArticle .remiseQte.remiseQteSelected span{color: #000;font-weight: 700;} #contenuArticle .remiseQte.remiseQteSelected .picto-remise-art{background-color: #f0b656;} #contenuArticle .remiseQte.remiseQte1 {padding-top: 19px;padding-bottom: 15px;} .picto-remise-art{display: block; } .toggle-tab {display: none;background-color: #263475;color: #fff;font: 600 16px "Montserrat";padding: 15px;position: relative; margin-bottom: 5px;} .toggle-tab::after {content: "+";position: absolute;right: 20px;top: 50%;transform: translate(0, -50%);font: 800 34px "Montserrat";} .toggle-tab.open::after{color: #fff;content: "-";font-size: 36px;} #tab_ingredients li{display: none;} .padding-top-20{padding-top: 20px;} .tab-desc .toggle-tab-c{display: none;padding: 20px 0;} .tab-desc .toggle-tab{display: block;cursor: pointer;} @media only screen and (min-width:768px){ #contenuArticle .m-nperso.pos-fixed-mobile {display: block!important;opacity: 1!important;} body.article .topItem .en_stock2:empty{display: none;} .en_stock3{display: inline-block;} .en_stock3:empty{height:25px ;} .AchatFreq .articleBit_prix{height: 40px;} .articleRight .alerte-qte-restant {padding-bottom: 15px;} .alerte-qte-restant{padding-bottom: 40px;padding-top: 10px;} .d-none.d-md-block{display: block!important;} #contenuArticle .articleRight{padding-right: 30px;} } .span-mobile-ajout{position:relative;} @media only screen and (max-width:767px){ .remiseQte span{font-size: 13px;} .span-mobile-ajout{display: block;} .span-desktop-ajout{display: none;} .articleRight .quantite_article{padding-top: 10px; padding-bottom: 30px;} .articleRight .article_prix {display: none;} body.article #contenuArticle, body.article .arianeBox {padding-left: 30px;padding-right: 30px;} .articleLeft .article_photo {margin-left: -35px;margin-right: -35px;} .articleLeft .bigImage {border: none;} body.article .article_photo_mobile {margin-left: -30px;margin-right: -30px;} .title-article-mobile{font-family: "Montserrat" ;text-align: left;font-size: 14px; padding: 15px 0;} .title-article-mobile h1{font:800 25px "Montserrat"!important ;color: #000;text-align: left;padding-right: 25px;} #contenuArticle .caractBoxRef {color: #737373;margin: 0;padding-bottom: 5px;} #contenuArticle .article_titre2{color: #000;font-size: 14px; } .row-flex-art{margin-top: 0;} .quantite_article .moins_m, .quantite_article .plus_m{display: none;} .articleRight .quantite_article {padding: 0;} .pour_completer .AchatFreq {margin-top: 15px;} .pour_completer #article_action_freq {margin: 0;float: left;width: 100%;padding:10px 30px 0 30px;} .pour_completer .AchatFreq::after {display: block;content: "";clear: both;} .pour_completer .AchatFreq .articleBit_ima {max-width: 100%;} .pour_completer #colFreq {width: 50%;padding: 0 30px;float: left;} .pour_completer #plusFreq1 {width: 8%;left: 50%;transform: translate(-50%, -50%);position: absolute;top: 40%;background: none;text-align: center;} .pour_completer #plusFreq1::after {content: "+";text-align: center;font: 800 34px "Montserrat";} .pour_completer .AchatFreq .articleBit {border-radius: 10px;border-width: 2px;border-color: #d9d9d9;margin-left: 0;margin-right: 0;max-width: 100%;} .pour_completer .AchatFreq .prod_image{padding-top: 10px;} .pour_completer .AchatFreq .articleBit h3.articleBit_lib a{font-weight: 600; color: #000;} .pour_completer .AchatFreq .articleBit .prix_promo{font:800 16px "Montserrat"; color: #000;} .pour_completer .AchatFreq .articleBit .articleBit_prix{height: 30px;} .pour_completer #prixfreq{display: none;} .pour_completer .article_action .add_to_cart{font-weight: 800!important;} .pour_completer .topItem .articleBit {border-radius: 10px;padding-top: 15px;border-width: 2px;border-color: #d9d9d9;padding: 10px;} .pour_completer .topItem .articleBit .pourcentageBox{top: 0;} .pour_completer .topItem .articleBit h3.articleBit_lib{max-height: 70px;height: 70px;padding-left: 0;padding-right: 0;} .pour_completer .topItem .articleBit h3.articleBit_lib a{font-weight: 800; color: #000;text-align: left;padding-left: 0;padding-right: 0;font-size: 14px;max-height: 60px;} .pour_completer .topItem .articleBit .articleBit_prix{height: auto;padding-bottom: 5px;position: relative;padding-top: 8px;} .pour_completer .topItem .articleBit .prix_old {font-family: 'Montserrat';font-weight: 700;color: #263475;position: absolute;left: 0;top: 14px;} .pour_completer .topItem .articleBit .prix_promo{font:800 20px "Montserrat"; color: #000;} .pour_completer .topItem .articleBit .btn_ajouter_panier{padding: 15px 10px; border-radius: 0;background-color: #737373;font:800 14px Montserrat!important; display: block;width: 100%} .pour_completer .topItem .articleBit .btn_ajouter_panier.blue_btn{background-color: #00743c;} .pour_completer .topItem .articleBit .btn_ajouter_panier.blue_btn:disabled{background-color: #737373} .pour_completer .topItem .articleBit_prix > form{display: block;margin: 0;} .pour_completer.top_product_index .top_product_list{padding-left: 10px;} .pour_completer.top_product_index .top_product_list .articleBit {max-width: 95%;margin: 0;} body.article .pour_completer .caractBox {margin: 0;display: none;} body.article .pour_completer_lib {text-align: left;padding-left: 15px;background: none;} body.article .pour_completer_lib span{color: #000;text-transform: none;font-weight: 800;font-size: 22px;} .pourcentageBox{right: 10px;} .pourcentageText {background: #f0b656;color: #fff;padding: 5px 10px;} #contenuArticle .m-nperso.pos-fixed-mobile{padding-top: 20px; padding-bottom: 20px;} body.article .pour_completer .pourcentageBox{right: 10px;} body.article .topItem .en_stock2, body.article .topItem .en_stock3{height: 25px;} body.article .topItem .en_stock2 + br, body.article .topItem .en_stock3+ br{display: none;} body.article #tab_avis{padding: 0 20px!important;} body.article #tab_avis .pour_completer_lib{padding-left: 0;} .pour_completer .top_product_list .slick-list{padding-bottom: 10px!important;} body.article .qte_maxatteint {display: none!important;} .alerte-qte-restant{margin-bottom: 0; margin-top: 2px;} .articleRight .add_to_cart{font-size: 20px!important;} } @media only screen and (max-width:599px){ #contenuArticle >.pi-row{margin: 0;} #contenuArticle .articleRight{padding-left: 0;padding-right: 0;font-family: "Montserrat"} .en_stock strong{font-family: "Montserrat"; font-size: 13px;} .articleRight .box_state{width: 100%;float: none;} .articleRight .sep-caracteristiques {background-color: #263475;color: #fff;font: 600 16px "Montserrat";} .articleRight .caractBox strong{font-family:Montserrat ;font-weight: 700;} .article-video-container{display: none;} .tab-art-product .pi-tabs-navigation{display: none;} .toggle-tab {display: block;} .tab_article .pi-tabs-content {padding: 0;border: none;} .toggle-tab-c a {color: #95A8FF;border-color: #95A8FF;} .toggle-tab + .toggle-tab-c{display:none; padding:20px 0;margin-top: 0;text-align:left;border-bottom: 1px solid #fff;} .toggle-tab.open + .toggle-tab-c{display: block;} .toggle-tab-c{display: none;} .tab-art-product .pi-tabs-content > .pi-tab-pane{height: auto!important;display: block!important;} #tab_ingredients .toggle-tab{display: none;} #tab_ingredients li + .toggle-tab{display: block;} .hidden-caract{display: none;} #tab_caract .hidden-caract{display: block;} .pour_completer.top_product_index .top_product_list .articleBit {max-width: 85%;} .pour_completer .topItem .articleBit h3.articleBit_lib a{font-size: 17px;} .pour_completer .topItem .articleBit .prix_promo{font-size: 25px;} .pour_completer.top_product_index .top_product_list{padding-left: 40px;} .box_state{color: #000;font-family: Montserrat;font-size: 14px;} .box_state .delai_livraison b{font-family: Montserrat;font-weight: 700;} } @media only screen and (max-width:479px){ .article_photo_mobile .slick-dots li button{width: 25px;height: 25px;} body.article #contenuArticle, body.article .arianeBox{padding-left: 20px;padding-right: 20px;} body.article .article_photo_mobile {margin-left: -20px;margin-right: -20px;} .articleLeft .article_photo {margin-left: -25px;margin-right: -25px;min-height:370px;} #contenuArticle .remiseQte,#contenuArticle .remiseQte span{font-size: 14px;} .title-article-mobile h1{font-size: 23px!important;} .articleRight .article_details{padding: 0;margin-top: 0;} .articleRight .add_to_cart{font-size:16px!important ;padding-top: 21px; padding-bottom: 20px;} .articleRight .add_to_cart .article_prix_promo{font-size:16px!important;} .articleRight .quantite_article {width: 85px;flex: 0 0 85px;} .articleRight .quantite_article .inputqte{height: 60px;font-size: 16px;} .articleRight .article_details form{margin-bottom: 0;} #contenuArticle .remiseQte.remiseQte1{padding-top: 18px;} .pour_completer #colFreq{padding-left: 20px;padding-right: 20px;} .pour_completer #article_action_freq{padding-left: 20px;padding-right: 20px;} .pour_completer .article_action .add_to_cart{font-size:16px!important;} .pour_completer .topItem .articleBit .btn_ajouter_panier{font-size:16px!important;} body.article .pour_completer_lib span{padding: 0;font-size: 20px;} .pour_completer .topItem .articleBit h3.articleBit_lib a{font-size: 15px;} .pour_completer .topItem .articleBit .prix_promo{font-size: 22px;} .pour_completer.top_product_index .top_product_list {padding-left: 20px;} .pour_completer .AchatFreq .articleBit .prix_promo{font-size: 15px;} .pour_completer .AchatFreq .articleBit .prix_old{font-size: 11px;} } @media only screen and (max-width:420px){ #contenuArticle .remiseQte,#contenuArticle .remiseQte span{font-size: 12px;} .title-article-mobile h1{font-size: 20px!important;} .articleRight .article_details{padding: 0;margin-top: 0;} .articleRight .add_to_cart{font-size:14px!important ;padding-top: 16px; padding-bottom: 16px;} .articleRight .add_to_cart .article_prix_promo{font-size:14px!important ;} .articleRight .quantite_article .inputqte{height: 50px;font-size: 14px;} .articleRight .quantite_article .qtePlus{top:5px; background-size: 92%;} .articleRight .quantite_article .qteMoins{bottom:5px; background-size: 92%;} #contenuArticle .remiseQte.remiseQte1{padding-top: 15px;} .toggle-tab{font-size:14px;padding-top: 12px; padding-bottom: 12px;} .toggle-tab::after{font-size:30px; right: 15px;} .toggle-tab.open::after{font-size:32px} .pour_completer .article_action .add_to_cart{font-size:14px!important;} .pour_completer .topItem .articleBit .btn_ajouter_panier{font-size:14px!important;} body.article .pour_completer_lib span{font-size: 18px;} body.article .title-article-mobile{font-size: 13px;} #contenuArticle .article_titre2{font-size: 13px;} .alerte-qte-restant{font-size: 12px;} .pour_completer .topItem .articleBit .prix_old{position: relative;top: 0;} .pour_completer .topItem .articleBit .prix_promo {font-size: 19px;} .pour_completer .AchatFreq .articleBit .prix_promo{font-size: 14px;} } @media only screen and (max-width:370px){ .article_photo_mobile .slick-dots li button{width: 20px;height: 20px;} body.article #contenuArticle, body.article .arianeBox{padding-left: 15px;padding-right: 15px;} body.article .article_photo_mobile {margin-left: -15px;margin-right: -15px;} .articleLeft .article_photo {margin-left: -20px;margin-right: -20px;min-height:370px;} .row-flex-art{margin-top: 5px;} .articleRight .quantite_article {width: 75px;flex: 0 0 75px;} #contenuArticle .remiseQteBlock{padding-right: 7px;} .picto-remise-art{max-width: 75%;padding-top: 6px; padding-bottom:6px;border-radius: 5px;} #contenuArticle .remiseQte.remiseQte1 {padding-top: 12px;padding-bottom: 10px;} .toggle-tab{font-size:13px;padding-top: 10px; padding-bottom: 10px;} .toggle-tab::after{font-size:25px} .toggle-tab.open::after{font-size:28px} .title-article-mobile h1{font-size: 18px!important;} .pour_completer .AchatFreq .articleBit h3.articleBit_lib{padding-left: 5px; padding-right: 5px;} .pour_completer .AchatFreq .articleBit h3.articleBit_lib a{font-size: 11px;} .pour_completer .article_action .add_to_cart{font-size:13px!important;} .pour_completer .topItem .articleBit .btn_ajouter_panier{font-size:13px!important;} .alerte-qte-restant{font-size: 11px;} #contenuArticle .m-nperso.pos-fixed-mobile{padding-top: 2px; padding-bottom: 5px;} .pour_completer .topItem .articleBit .prix_promo {font-size: 16px;} .toggle-tab-c{font-size: 12px;} .pour_completer .AchatFreq .articleBit .prix_promo{font-size: 13px;} .pour_completer .AchatFreq .articleBit .prix_old{font-size: 10px;} .pour_completer #colFreq {padding-left: 15px;padding-right: 15px;} .pour_completer #article_action_freq{padding-left: 15px;padding-right: 15px;} .pourcentageText{padding: 3px 8px;font-size: 12px;} } /*********refonte page Guide 2023*********/ .close-popup-guide{ background: url(template-close_popup_m.png) no-repeat center;background-color: transparent;border-radius: 100%;-webkit-border-radius: 100%;-ms-border-radius: 100%;-o-border-radius: 100%;border: 2px solid #263475;width: 27px; height: 27px;display: none;background-size: 15px;padding: 8px;margin:8px 15px;} .guide-promotion {position: fixed;left: -92px;top: 55%;z-index: 9;background: #F0B656;padding:8px 15px 9px 9px;border-radius: 0 0 20px 20px;transform: rotate(-90deg);font: 800 15px "Montserrat";color: #000;display: none;} .guide-promotion a span{transform: rotate(180deg);font-size: 16px;display: inline-block;} .rotate-txt {display: block;} body.guide .skeepers_carousel_container {display: none;} .link-guide{display: none;} .link-guide a{display: block; background-color: #263475;color:#fff; font:800 17px "Montserrat"; text-transform: uppercase;padding: 8px 15px;text-align: center;} .link-guide a:hover{background-color: #95A8FF;} @media only screen and (min-width:768px){ body.guide .assuraceBloc, body.guide .newsletterBloc,body.guide .bloc-footer-menu{display: none;} .guide-carou .topItem .articleBit_coderef{display: none;color: #737373;font-family: Montserrat;font-size: 13px;} #afficher_menu_guide{display: none!important;} .guide-promotion{display: none!important;} } body.cde1ajax .guide-promotion, body.cde2ajax .guide-promotion, body.cde3ajax .guide-promotion, body.cde4ajax .guide-promotion, body.cde2ajaxp2 .guide-promotion, body.cde3ajaxp2 .guide-promotion, body.cde4ajaxp2 .guide-promotion{display: none!important;} @media only screen and (max-width:767px){ body.guide .divers_lib{font-weight: 800;font-size: 40px;text-align: center;line-height: 1;} .guide_contenu {font-family: Montserrat;padding-left: 40px;padding-right: 40px;} .guide_contenu h1{font-weight: 800;font-size: 40px;text-align: center;line-height: 1;font-family: Montserrat;} .guide_contenu h1 *{font-weight: 800;font-size: 40px;line-height: 1;font-family: Montserrat} .guide-carou .top_product_index_lib span{font-weight: 800;font-size: 40px;text-align: center;line-height: 1;font-family: Montserrat;color:#263475} .guide_titre {background: none;} .guide_titre span{background: none;font-weight: 800;font-size: 30px;line-height: 1;} .guide_contenu h2, .guide_contenu h2 *{font-weight: 800;font-size: 30px;line-height: 1;font-family: Montserrat;} .guide_contenu h3{font-weight: 800;font-size: 22px;line-height: 1;font-family: Montserrat;} #menu_guide {position: fixed;z-index: 99;width: 100%;height: 100%;left: 0;background: rgba(0,0,0,0.6);top: 0;padding-top: 50%; align-items: flex-end; -ms-align-items: flex-end;} #menu_guide.flex-menu{display: flex!important;display: -ms-flex!important;} #afficher_menu_guide {background: #000;margin: 0;border-radius: 0;font: 800 18px "Montserrat";color: #fff;left: 0;top: 30%;z-index: 9999;box-shadow:10px 1px 10px 2px rgba(0,0,0,0.5);-webkit-box-shadow:10px 1px 10px 2px rgba(0,0,0,0.5);-ms-box-shadow:10px 1px 10px 2px rgba(0,0,0,0.5);-o-box-shadow:10px 1px 10px 2px rgba(0,0,0,0.5);} #afficher_menu_guide.open-menu{position: relative;z-index: 1;} #afficher_menu_guide:hover, #afficher_menu_guide:active {background: #263475;} .guide-nav {height: 80%;width: 100%;max-width: 90%;margin:0 auto;background: #fff;border-radius: 10px 10px 0 0 ;text-align: right;} .guide-nav .creation_list {height:calc(100% - 50px);overflow-y: auto;text-align: left;border-top: 1px solid #e0e0e2;} .close-popup-guide{display: inline-block;} #afficher_menu_guide::after{content:"+" ; display: inline-block;margin-left: 5px;} #afficher_menu_guide.open-menu::after{content:"-" ;} .guide-nav .creation_list span.bulletIcon {position: absolute;right: 20px;top: 50%;margin-top: -5px;padding-right: 0;} .guide-nav .creation_list li{padding-left: 15px;padding-right: 30px; font-size: 18px;} .guide-nav .creation_list li a{display: block;} .guide-nav .creation_list2 {padding-left: 20px;} .guide_contenu p{font: 400 18px "Montserrat"!important;line-height: 2!important;} .guide_contenu p span{font-family:"Montserrat"!important ;font-size: inherit!important;} .guide .creation_lib{display: none;} .guide .silo {margin: 0 20px;} .guide .silo a{font:400 12px "Montserrat" ; color: #737373;text-transform: none;} body.guide .big_wrapper{padding-bottom: 65px;} .padding-guide{max-width: 85%;margin-left: auto;margin-right: auto;} .guideBit {margin-bottom: 20px;display: flex;display: -ms-flex;align-items: flex-end;border:none} .guideBitIma {width: 50%;border:1px solid #e6e6e6} .guideBitContent{padding-top: 0;padding-bottom: 0;width: 50%;padding-right: 0;} .link-guide{display: block;} } @media only screen and (max-width:599px){ .top_product_index.guide-carou {margin-bottom: 0;} body.guide .divers_lib{font-size: 30px;} .guide-carou .top_product_index_lib span{font-size: 30px;} .guide_contenu h1, .guide_contenu h1 *{font-size: 30px;} .guide_contenu h2,.guide_contenu h2 *{font-size: 25px;} .guide_contenu h3{font-size: 20px;} .guide_titre span{font-size: 25px;} #afficher_menu_guide{font-size: 16px;} .guide_contenu p{font-size: 16px!important;} .guide-nav .creation_list li{font-size: 16px;} .guide-carou .top_product_index_all a {color: #000000;font-size: 14px;font-family: Montserrat;text-decoration: underline;} .guide-carou .top_product_index_all a i{color: #000000;} .top_product_index.guide-carou .top_product_list{margin: 0 20px; width: auto;display: block;padding: 0 30px;} .top_product_index.guide-carou .top_product_list .slick-list {margin-left: 0;padding:15px 0!important;background-color: #fff; height: auto!important;} .guide-carou .top_product_list .slick-prev{display: block!important;background-image: url('template-arrow_prev_g.svg');left:4px; width: 25px;height: 40px;} .guide-carou .top_product_list .slick-next {display: block!important;background-image: url('template-arrow_next_g.svg');right:4px; width: 25px;height: 40px;} .guide-carou .topItem .articleBit {border-radius:0;padding-top: 15px;border-width: 0;border-color: #d9d9d9;padding: 10px;box-shadow: 2px 2px 10px 1px rgba(0,0,0,0.79); -webkit-box-shadow: 2px 2px 10px 1px rgba(0,0,0,0.79); -moz-box-shadow: 2px 2px 10px 1px rgba(0,0,0,0.79);max-width: 90%} .guide-carou .topItem .articleBit .pourcentageBox{top: 0;} .guide-carou .topItem .articleBit h3.articleBit_lib{max-height: 70px;height: 70px;padding-left: 0;padding-right: 0;} .guide-carou .topItem .articleBit h3.articleBit_lib a{font-weight: 800; color: #000;text-align: left;padding-left: 0;padding-right: 0;font-size: 14px;max-height: 60px;} .guide-carou .topItem .articleBit .articleBit_prix{height: auto;padding-bottom: 5px;position: relative;padding-top: 8px;} .guide-carou .topItem .articleBit .prix_old {font-family: 'Montserrat';font-weight: 700;color: #263475;position: absolute;left: 0;top: 14px;} .guide-carou .topItem .articleBit .prix_promo{font:800 20px "Montserrat"; color: #000;} .guide-carou .topItem .articleBit .btn_ajouter_panier{padding: 15px 10px; border-radius: 0;background-color: #737373;font:800 16px Montserrat!important; display: block;width: 100%} .guide-carou .topItem .articleBit .btn_ajouter_panier.blue_btn{background-color: #00743c;} .guide-carou .topItem .articleBit .btn_ajouter_panier.blue_btn:disabled{background-color: #737373} .guide-carou .topItem .articleBit_prix > form{display: block;} .guide-carou .topItem .en_stock2{font-family: Montserrat;font-weight: 800;font-size: 14px;} h2.guideBitLib a{font-size: 16px;font-weight: 800;font-family: Montserrat;} .listeGuide1.padding-guide + .guide_titre {padding-top: 23px;border-top: 2px solid #1a1a1a;} .guide-promotion {display: block;} } @media only screen and (max-width:480px){ body.guide .divers_lib{font-size: 25px;} .guide-carou .top_product_index_lib span{font-size: 25px;} .guide_contenu h1,.guide_contenu h1 *{font-size: 25px;} .guide_contenu h2,.guide_contenu h2 *{font-size: 22px;} .guide_contenu h3{font-size: 18px;} .guide_titre span{font-size: 22px;} #afficher_menu_guide{font-size: 15px;} .guide_contenu p{font-size: 15px!important;} .guide-nav .creation_list li{font-size: 15px;} .guide-carou .topItem .articleBit_coderef{font-size: 12px;} .link-guide a{font-size: 15px;} h2.guideBitLib a{font-size: 15px;} body.guide .guide_contenu img {width: 100%;} } @media only screen and (max-width:420px){ body.guide .divers_lib{font-size: 23px;} .guide-carou .top_product_index_lib span{font-size: 23px;} .guide_contenu h1,.guide_contenu h1 *{font-size: 23px;} .guide_contenu h2,.guide_contenu h2 *{font-size: 20px;} .guide_contenu h3{font-size: 16px;} .guide_titre span{font-size: 20px;} #afficher_menu_guide{font-size: 14px;} .guide_contenu p{font-size: 14px!important;} .guide-nav .creation_list li{font-size: 14px;} .padding-guide{max-width: 90%;} .link-guide a{font-size: 13px;} h2.guideBitLib a{font-size: 13px;} .guideBit {margin-bottom: 15px;} .guide_contenu {padding-left: 30px;padding-right: 30px;} .guide-promotion{font-size: 14px;padding-top: 6px;padding-bottom: 6px;} } @media only screen and (max-width:370px){ body.guide .divers_lib{font-size: 22px;} .guide-carou .top_product_index_lib span{font-size: 22px;} .guide_contenu h1,.guide_contenu h1 *{font-size: 22px;} .guide_contenu h2,.guide_contenu h2 *{font-size: 19px;} .guide_contenu h3{font-size: 15px;} .guide_titre span{font-size: 18px;} .guide_contenu p{font-size: 13px!important;} .top_product_index.guide-carou .top_product_list{margin: 0 10px; padding: 0 25px;} .guide-carou .top_product_list .slick-prev{background-size: 20px;height: 35px;} .guide-carou .top_product_list .slick-next{background-size: 20px;height: 35px;} .guide-carou .topItem .en_stock2{font-size: 12px;} .guide-carou .topItem .articleBit .btn_ajouter_panier{font-size: 14px!important} .link-guide a{font-size: 12px;} h2.guideBitLib a{font-size: 12px;} } /* et aussi commenter css ligne 1879 - 1882 - 1756*/ @media only screen and (min-width:768px){ .btnLogin{cursor:pointer;position: relative;top: 0;transition: top ease 0.3s;} .btnLogin:hover{top: -8px;} } .btn_fixedScroll{ position: fixed !important; bottom:20px; width:215px; } /*Chrono relai*/ #liste_points{clear:both;} #liste_points .point_item{margin-bottom: 5px; padding: 5px 0; border-bottom: 1px solid #e5e5e5} .type_chronopost{position:relative;} .point_item{text-align:left;} .point_item_btn{position: absolute;right: 0;bottom: 5%;} #view_aucun div{border: 1px solid #dd0000; color:#dd0000; padding: 10px; text-align:center;font-weight: bold} #liste_points::-webkit-scrollbar{width:12px; background:#d1d1d1;-webkit-border-radius:4px;border-radius:4px;height:5px;} #liste_points::-webkit-scrollbar-thumb{background: #d1d1d1;-webkit-border-radius:4px;border-radius:4px;} #liste_points::-webkit-scrollbar-track {background:#fff;border:1px solid #d1d1d1;-webkit-border-radius:4px;border-radius:4px;} /*div#map:empty, #liste_points:empty {display: none;} div#liste_points:empty + #map {display: none;}*/ .content-map{border:1px solid #ddd; height:300px} #map{height:100%;border:1px solid #ddd; } .point_map_item, .point_map_item_selected{padding:8px 12px;color:#ffffff; display: block; border-radius: 3px; text-align: center; cursor:pointer} .point_item .point_map_item, .point_item .point_map_item_selected {display: inline-block;margin: 5px 0;} .type_chronopost .point_map_item{background:#263475; border: 1px solid #305f94;} .type_chronopost .point_map_item:hover{background:#3a50b7;} .type_chronopost .point_map_item_selected{background:#008037; border: 1px solid #305f94;} .type_chronopost .point_map_item_selected:hover{background:#026d2f;} .msg_point_vide{text-align:center} .map_window_wrap .conten_logo{padding-right: 5px} .centerbloc{height:100%; position:relative} .centerbloc .inner{ margin: 0; position: absolute; top: 50%; -ms-transform: translateY(-50%); transform: translateY(-50%); width: 100%; text-align: center; } .searchChronoRelai{background:#FFFFFF !important;} /* BLACK FRIDAY */ .typeBf1 .pourcentageText{background: #000000;} .typeBf1 .categorie_lib{background: #000000;color:#FFFFFF;} .typeBf1 .top_product_index_lib span{color: #000000;} .youtubeVideoPreview{position:absolute;width:199px;height:167px;cursor:pointer;} .youtubeVideoPreviewMobile{position:absolute;width:100%;height:30%;bottom:10%;cursor:pointer;} .youtubeVideoPreviewMobile2{position:absolute;width:100%;height:40%;top:0%;cursor:pointer;} #link-scroll-review-mobile span{font-weight:bold;text-decoration:underline;} /* CLS */ .carouHome{height:468px;} .header{height:121px;} .articleBit_ima{min-height:248px;} .pop_up_conseil .articleBit_ima {min-height:inherit} @media only screen and (max-width:768px){ .carouHome{height:732px;} .header{height:75px;} .articleBit_ima{min-height:190px;} .pop_up_conseil .articleBit_ima {min-height:inherit} } body.cde1ajax .searchTop, body.cde2ajaxp2 .searchTop, body.cde3ajaxp2 .searchTop {display:none !important;} .noteArticleBit{text-align:center;height:20px;} .tri_bloc .sod_select{top: -6px;} .tri_bloc .sod_select .sod_option{padding:10px 10px 10px 35px !important;} .tri_bloc .sod_select .sod_option:before, .tri_bloc .sod_select .sod_option.selected:before{ position:absolute; left:0; top:0; height:15px; width:15px; transform: scale(.5); } .tri_bloc .sod_select .sod_label{padding:12px 29px 10px 30px;height: 40px;} .tri_bloc .sod_select .sod_label:before{ position:absolute; left:2px; top:5px; height:15px; width:15px; transform: scale(.5); } .tri_bloc .sod_select .sod_label:after{ top:16px; } .tri_bloc.triNew .sod_select .sod_label:before, .tri_bloc .sod_select .sod_option:nth-child(1):before, .tri_bloc .sod_select .sod_option.selected:nth-child(1):before { content:url('../template-ico_nouv.png'); } .tri_bloc.triPrixDown .sod_select .sod_label:before, .tri_bloc .sod_select .sod_option:nth-child(2):before, .tri_bloc .sod_select .sod_option.selected:nth-child(2):before { content:url('../template-ico_pricedown.png'); } .tri_bloc.triPrixUp .sod_select .sod_label:before, .tri_bloc .sod_select .sod_option:nth-child(3):before, .tri_bloc .sod_select .sod_option.selected:nth-child(3):before { content:url('../template-ico_priceup.png'); } .tri_bloc.triVente .sod_select .sod_label:before, .tri_bloc .sod_select .sod_option:nth-child(4):before, .tri_bloc .sod_select .sod_option.selected:nth-child(4):before { content:url('../template-ico_top.png'); } .tri_bloc.triPromo .sod_select .sod_label:before, .tri_bloc .sod_select .sod_option:nth-child(5):before, .tri_bloc .sod_select .sod_option.selected:nth-child(5):before { content:url('../template-ico_promo.png'); } .tri_bloc.triNone .sod_select .sod_label:before, .tri_bloc .sod_select .sod_option:nth-child(6):before, .tri_bloc .sod_select .sod_option.selected:nth-child(6):before { content:url('../template-ico_none.png'); } .sd-cmp-1jcua{display:none !important;} .promoTimer{background:#000000;border-radius: 12px;color:#FFFFFF;margin-top:10px;padding:10px 20px;display: flex;align-items: center;justify-content: center;} .promoTimer .label { font-size: 12px; font-weight: bold; margin-right: 10px; margin-right:10px; } .promoTimer .time { display: flex; align-items: center; font-size: 24px; font-weight: bold; } .promoTimer .time div { text-align: center; margin: 0 5px; } .promoTimer .time div span { display: block; font-size: 12px; margin-top: 2px; } .videoSite{display:none;} @media only screen and (max-width:599px){ .videoYoutube{display:none;} .videoSite{display:block;} }