.clear{float:none;clear:both;width:0;height:0;} 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;} button, input[type="submit"]{cursor:pointer;} button:focus, select:focus, input[type="text"]:focus,input:focus, textarea:focus {outline:none;} input[type="text"],input[type="password"], textarea ,input[type="submit"], button, input[type="email"],input[type="date"], input[disabled], input[type="tel"]{ 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;} img{border:none;max-width:100%;} strong{font-family:"Montserrat-Bold"; font-weight:normal} body{font-family:"Montserrat-Regular", Arial;color:#003973;font-size:12px;} .bg_blanc{background-color:#ffffff;} select{-webkit-appearance:none; -moz-appearance:none;appearance:none;-ms-appearance:none;-o-appearance:none;cursor:pointer} /**remove select apparence IE****/ select::-ms-expand {display: none;} .opacity_hover:hover{ filter:brightness(110%); -moz-filter:brightness(110%); -webkit-filter:brightness(110%); -ms-filter:brightness(110%); -o-filter:brightness(110%); } .color_vert{color:#63b0a1!important} .color_white{color:#ffffff!important} .color_bleu{color:#003973!important} .color_rouge{color:#ae0f09!important} .color_rose{color:#ae0f09!important} .color_dore{color:#ae0f09!important} .bg_white{background:#ffffff!important} .bg_color_white{background-color:#ffffff!important} .content_bg{background:#fafafa} .menu_mob_overlay{background:rgba(26,26,26,0.5);height:100%;left:0;position:fixed;top:0;width:100%;z-index:99; display:none} .menu_overlay{background:rgba(96,96,96,0.6);height:100%;left:0;position:fixed;top:0;width:100%;z-index:99;} .line_through{text-decoration:line-through} .visible_980{display:none} .clear_float::after{content:""; display:block; clear:both} .pi-uppercase{text-transform:uppercase} /* Bandeau Admin */ .content_tab_art .scrollPerso{max-height:300px; overflow:hidden} #bandeauAdmin{position:fixed;z-index:99999;width:100%;padding:0 10px;color:#FFFFFF;top:0;background-color:#003973 ;font:13px "Montserrat-Light"} #bandeauAdmin a{color:#ffffff;} .bandeauAdminLeft{float:left;} .bandeauAdminLogo{float:left;} .bandeauAdminHello{float:left;margin:7px 25px 0 25px;font-size:14px;} .bandeauAdminHello strong{font-size:14px} .bandeauAdminRight{float:right;} .bandeauAdminR{float:left;margin:10px 0 0 25px;} .bandeauAdminVersion{position:relative;float:left;} .bandeauAdminVersion > a{display:block;padding:10px;font-weight:700;} .bandeauAdminM{position:absolute;top:100%;left:0;background-color:#003973 ;width:160px;} .bandeauAdminM a{display:block;padding:10px;} @media only screen and (min-width:520px) { .bandeauAdminR { width:220px} } @media only screen and (max-width:860px) { .bandeauAdminLogo{display:none;} .bandeauAdminHello{margin:7px 0 0;} } @media only screen and (max-width:767px) { .bandeauAdminLeft{display:none;} .bandeauAdminRight{width:100%;} .bandeauAdminR{float:right;} } @media only screen and (max-width:520px) { .bandeauAdminR a i{font-size:20px;} .bandeauAdminR a span{display:none;} .bandeauAdminR{margin-top:5px} } .stat, .stat img {position: absolute;left: 0;height: 0;} .capitalize{text-transform:capitalize} /********inout design********/ .input_abs {position: absolute;z-index: 1;width: 100%;left: 0;top: 0;height: 100%;cursor: pointer;opacity: 0;} .input_rel {position:relative; z-index:1; margin:0 5px 10px 0} #TB_window{top:50%!important; margin-top:0!important; transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%); left:50%!important; margin-left:0!important; font-family:"Montserrat-Regular", Arial;color:#003973;font-size:12px;} #TB_title {background-color: #003973!important;color:#fff} a#TB_closeWindowButton {font-size: 0;width: 33px;height: 33px;background: url("template-btn_close.png")no-repeat center!important;display: block;position: absolute;right: 0;top: 0;background-size:20px!important} #TB_title{background-color:#fff!important;border-bottom:2px solid #212f4a!important;height:auto!important;position:relative;width:100%} .ajout_panierpopup#TB_ajaxContent{background-color:#fff;margin:0} #TB_ajaxContent{width:100%!important;height:auto!important;max-height:395px; background:#ffffff} #TB_closeWindowButton{display:block;height:36px;width:36px;font-size:0} .barre_cookie {background: rgba(0,0,0,0.7) none repeat scroll 0 0;bottom: 0;left: 0;position: fixed;width: 100%;z-index: 999;} .barre_cookieC {max-width: 1400px;padding: 10px;text-align: center;top: 50%;position: relative;margin: auto;z-index: 9;color: #fff;} #TB_window .artPopub_content{height:auto!important} #TB_window .artPopub{background:#fff!important; color:#000!important} #TB_window .artPopub_txt {text-align:center; color:#ae0f09!important; font:13px "Montserrat-SemiBold"; background:none!important; padding:20px 5px!important; } #TB_window .artPopub_boutons {float: none;width: 100%;height: auto;text-align: center;} #TB_window .artPopub_boutons a{padding: 13px 10px;color: #ffffff;font:14px "Raleway-SemiBold"; text-transform:uppercase} #TB_window .artPopub_boutons.pop_continu{background-color: #878786;} #TB_window a.pop_valid {background-color: #63b0a1 ;} /*******MODIF POPUP RO******/ @media only screen and (min-width:1180px) { div#TB_window.ajout_panierpopup .articleBit .etiquette {line-height: 21px;font-size: 12px;} } @media only screen and (max-width:768px) { div#TB_window.ajout_panierpopup {width: 96%!important;left: 50%!important;margin-left: 0!important;} } @media only screen and (min-width:992px) { .artPopub_ima img {max-width: 150px;width: 100%;} #TB_window.ajout_panierpopup .articleBit .articleBit_ima img{max-width: 100px;margin-top: 5px;} #TB_window.ajout_panierpopup div#TB_ajaxContent {max-height: 625px;} } #TB_window.ajout_panierpopup .artPopub_details .articleBit_lib{color: #003973} #TB_window.ajout_panierpopup .articleBit .articleBit_lib {font-size: 12px;padding-top: 5px;padding-bottom: 5px;height: 80px;color: #003973} .articleBit_lib.popup_addcart {font: 15px "Montserrat-SemiBold";text-align: center;text-transform: uppercase;padding: 5px 0;margin: 0;height: 60px;overflow: hidden;} .artPopub_ima.popup_ajoutP{border:1px solid #e0e0e2;margin-bottom:5px} #TB_window.ajout_panierpopup .articleBit .articleBit_ima img{width: 100%; height: 100%} #TB_window.ajout_panierpopup .articleBit .articleBit_lib .titre2_art {font-size: 12px;} .btn_ajout.popup_addcart {height: 30px;background: #63b0a1;font: 10px "Raleway-SemiBold";text-transform: uppercase;color: #fff;border: none;width: 140px;transition:all 0.5s;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-o-transition:all 0.5s;-ms-transition:all 0.5s} #TB_window.ajout_panierpopup .articleBit .max_art {padding: 0 5px;} .pop_up_conseil{border-top:1px solid #ccc;} /***************************/ .barre_cookieC a{text-decoration:underline; color:#F0037F} .barre_cookieC a:hover{color: #F0037F} .barre_cookieC a.closeCookie {padding: 10px;border-radius: 100%;-webkit-border-radius: 100%;-ms-border-radius: 100%;-o-border-radius: 100%;background: #F0037F;margin-left: 15px;color: #fff;} .barre_cookieC button:hover {background-color: #003973} .menu_mob_overlay{background:rgba(0,0,0,0.5);height:100%;left:0;position:fixed;top:0;width:100%;z-index:99; display:none} .menu_overlay{background:rgba(26,26,26,0.2);height:100%;left:0;position:fixed;top:0;width:100%;z-index:99;} .filtre_overlay{background:rgba(0,0,0,0.5);height:100%;left:0;position:absolute;top:0;width:100%;z-index:99; display:none} .line_through{text-decoration:line-through} .just_one .swiper-pagination span{display:none!important} .stat, .stat img {position: absolute;left: 0;height: 0;} .visible_767,.visible_980{display:none} .clear_float::after{content:""; display:block; clear:both} /*===================================== COMMUN =======================================*/ .big_wrapper{overflow:hidden;background:#ffffff; position: relative;z-index: 999; width: 100%;max-width: 1920px;margin: auto;} .header_sticky {padding:0;} .header_body{position:relative;z-index:10;transition:all 0.5s;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-o-transition:all 0.5s;-ms-transition:all 0.5s;} .header{position:relative;z-index:11;padding: 17px 0 10px 0;background: rgba(255,255,255,1); background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(250,250,250,1) 48%, rgba(237,237,237,1) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(48%, rgba(250,250,250,1)), color-stop(100%, rgba(237,237,237,1))); background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(250,250,250,1) 48%, rgba(237,237,237,1) 100%); background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(250,250,250,1) 48%, rgba(237,237,237,1) 100%); background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(250,250,250,1) 48%, rgba(237,237,237,1) 100%); background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(250,250,250,1) 48%, rgba(237,237,237,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed', GradientType=0 ); } /*********search*******/ .search_top{position:relative;max-width:345px; margin:0; } .s_text {width: 100%;padding: 5px 42px 5px 25px;font: 12px "Montserrat-Light";height: 44px;background:none;border: 2px solid rgba(0,57,115,0.4);color:#003973} .s_text::-webkit-input-placeholder,.input_txt::-webkit-input-placeholder { /* Chrome/Opera/Safari */color: #003973;opacity:1; } .s_text::-moz-placeholder, .input_txt::-moz-placeholder { /* Firefox 19+ */color: #003973;opacity:1;} .s_text:-ms-input-placeholder ,.input_txt:-ms-input-placeholder { /* IE 10+ */color: #003973;opacity:1;} .s_text:-moz-placeholder, .input_txt:-moz-placeholder { /* Firefox 18- */color: #003973;opacity:1;} .s_submit{position:absolute;top: 0;right: 0;height: 38px;width: 42px;border:none;z-index:1; background: url('template-ico_search.svg') no-repeat center 8px} .s_submit:hover{background-position:center -28px} .s_submit:hover + .s_text{border-color: rgba(99,176,161,0.4);color:#63b0a1} .s_submit:hover + .s_text::-webkit-input-placeholder{color:#63b0a1} .s_submit:hover + .s_text::-moz-placeholder { /* Firefox 19+ */color: #63b0a1;} .s_submit:hover + .s_text:-ms-input-placeholder { /* IE 10+ */color: #63b0a1;} .s_submit:hover + .s_text:-moz-placeholder { /* Firefox 18- */color: #63b0a1;} .lien_header {position: absolute;top: -17px;right: 0;padding-left: 35px;background: url("template-bg_vl.png") no-repeat center left;width: 100%; max-width: 680px;font: 12px "Montserrat-Bold"} .content_lien_h {background: #d6eae0;padding: 5px;position:relative} .langue_site {position: absolute;top: 50%;right: -66px;z-index: 99; transform:translate(0,-50%);-webkit-transform:translate(0,-50%);-ms-transform:translate(0,-50%);-o-transform:translate(0,-50%);} .langue_site a {display: inline-block;margin: 0 2px;} .langue_site a img{border: 2px solid transparent;vertical-align: top;} .langue_site a.active img {border-color: #217c77;} .content_lien_h::after {background: #d6eae0;content: '';position: absolute;width: 100%;left: 100%;height: 100%;top: 0;} .lien_header >div>ul {display: table;width: 620px;margin-left: auto;} .lien_header ul li.li_h{display: table-cell;padding:0 10px} .lien_header ul li.li_h:last-child {text-align: right; padding-right: 0;} .lien_header ul li a:hover{color:#004F9D} .li_service {padding-left: 23px;background: url('template-ico_phone.png') no-repeat center left;} .li_about {padding-right: 20px;background: url('template-down.png') no-repeat center right;} /****histoire deroumant*******/ li.li_histoire.li_h {position: relative;} .content_toggle_h { position: absolute;left: 0;width: 240px;padding-top: 5px;top: 100%;z-index: 99; opacity: 0;transform: translateY(30px);-webkit-transform: translateY(30px);-ms-transform: translateY(30px);transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;visibility:hidden;} .focus .content_toggle_h {opacity: 1;visibility:visible;transform: translateY(0);-webkit-transform: translateY(0);-ms-transform: translateY(0);transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;} .content_toggle_h .table_menuBit {background: #d6eae0;padding: 0 15px 5px 15px;width: 100%;display: block;border-top: 1px solid rgba(0,57,115,0.4);} .content_toggle_h .titre_menu.toggle_me {display: none;} .content_toggle_h li {padding: 8px 0;border-bottom: 1px solid rgba(0,57,115,0.4);} .li_histoire li:last-child {display: none;} .content_toggle_h li:nth-last-child(2){border-bottom:none} .content_toggle_h .table_menuBit li a {color: #003973;} /********right blco*********/ .other_link_top { margin-left: auto;max-width:270px;margin-top: 13px; } .other_link_top li{float: left; width:50%; text-align:center; padding-left:10px} .other_link_top .link_other {display: block;margin: 0;padding:5px 0 5px 40px;text-align: left;font: 12px "Montserrat-Bold";} .link_other:hover{color:#63b0a1} span.block {display: block;font: 12px "Montserrat-regular";color: #63b0a1;} .compte_link.link_other {background: url("template-ico_compte.svg") no-repeat center left;} .compte_link.link_other:hover{background-image: url("template-ico_compteH.svg")} .panier_link.link_other {background: url("template-ico_panier.svg") no-repeat center left;position:relative; padding-left:50px} .panier_link.link_other:hover {background-image: url("template-ico_panierH.svg")} .nbre_panier {background-color: #003973;border-radius: 100%;-webkit-border-radius: 100%;-ms-border-radius: 100%;-o-border-radius: 100%;color: #ffffff;font: 12px "Montserrat-Bold";margin-top: -10px;position: absolute;left: 20px;top: 50%;width: 20px;text-align:center; line-height:20px} /***********panier deroulant *********/ .panier_deroulant {position: absolute;right: 0;width: 360px;background: none;padding: 10px 0 0 0;top: 100%;z-index: 99; opacity: 0;transform: translateY(30px);-webkit-transform: translateY(30px);-ms-transform: translateY(30px);transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;visibility:hidden;} .focus .panier_deroulant {opacity: 1;visibility:visible;transform: translateY(0);-webkit-transform: translateY(0);-ms-transform: translateY(0);transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;} .livraison_offert_panier {padding: 10px 0;color: #ae0f09;text-align: center;font: 15px "Gotham-Medium";line-height: 20px; background-color: #fafafa;} .panier_der_bit td {padding: 10px 2px;border-bottom: 1px solid #e0e0e2;} .prix_panier_der {font: 14px "Raleway-SemiBold";position:relative; z-index:1; padding-right:18px!important} .suppr_panier_der {position: absolute;right: -10px;border:none; background:none; top:50%;margin-top:-10px; z-index:9} .suppr_panier_der i {font: 12px "Gotham-Gothic";color: #ae0f09;} .prix_der_tot {font: 14px "Raleway-SemiBold";color: #ae0f09;} .tot_lib_der{text-transform:uppercase; font-size:11px} .panier_der_bit {min-height: 67px;} .menu_top {position: relative;z-index: 99;} .max_200{max-height:216px; overflow-x:hidden!important; overflow-y:hidden} .max_100{max-height:100px; overflow-x:hidden!important; overflow-y:hidden} .content_panier_deroulant {background-color: #fff;padding: 10px;box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.3);-webkit-box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.3);-ms-box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.3);-o-box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.3)} .content_panier_der {max-height: 290px;overflow:hidden} .deroulant_panierBit {border-bottom: 1px solid #ccc;padding: 10px 0;position: relative;} .image_panier_der {display: inline-block;width: 84px;padding-right:8px} .detail_panierBit {display: inline-block;vertical-align: middle;width: 220px;} .detail_panierBit > a {display: block;font:13px "Montserrat-SemiBold";max-width: 93%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;text-align:left; text-transform:uppercase} .detail_bottom {margin-top: 15px;} .detail_bottom > span {display: inline-block;float: left;} .px_deroulant_panier {color: #63b0a1 ;display: block;float: right;font: 12px "Montserrat-regular";} .delete_derbit {background: none ;border: none;color: #ae0f09;display: block;padding: 2px 0;position: absolute;right: 9px;text-align: center;top: 13px;width: 20px;z-index: 99;font-size: 21px;cursor:pointer} .panier_bottom {padding: 10px 0;} .autre_frais {margin: 8px 0;} .autre_frais > span {display: block;float: left;} .autre_frais > strong {display: block;float: right;font: 13px "Gotham-Medium";} .autre_frais > .total_panier_der {color: #63b0a1 ;font: 16px "Gotham-Medium";} .commander_btn_panier {background: #63b0a1 ;color: #ffffff!important;display: inline-block;font:13px "Raleway-SemiBold"; margin: 10px auto 2px auto;padding: 10px;text-transform: uppercase;min-width:160px} /*===================================== NAVIGATION =======================================*/ .menu_mobile_bloc {float: left;width: 64px;display: none;padding-left: 6px;margin-top: 20px;} .close_menu_mob {display: none;position: absolute;color: #fff;font-size: 27px;right:-35px;top: 0;z-index: 1;} .span_menu_mob{display: none;position: absolute;left: 16px;top: 5px;z-index: 1;text-transform:uppercase} .navigation{/*background: url('template-shad_menu.png') no-repeat center bottom; padding-bottom:15px*/ box-shadow: 0px 12px 14px -7px rgba(0,0,0,0.3); -webkit-box-shadow: 0px 12px 14px -7px rgba(0,0,0,0.3); -ms-box-shadow: 0px 12px 14px -7px rgba(0,0,0,0.3);} .bg_nav {background: #63b0a1;} .menu_table {display: table;width: 100%;} .navItem {display: table-cell;padding:0 15px;text-align: center;} .navLink {font: 14px "Montserrat-SemiBold";text-transform: uppercase;color: #fff;padding:14px 15px;display:block; letter-spacing:1px} .navLink i {margin-left: 10px;display: none;} .has_sub .navLink i {display: inline-block;} .subMenu{position:absolute;background-color:#ffffff;width:100%;height:250px;top:100%;left:0;z-index:9999;display:none; text-align: left; border-bottom:1px solid rgba(179,179,179,0.75);display:none } .navItem.has_sub:hover>.subMenu{display:block} li.ss_menu_nav {margin: 8px 0;} .titre_categ_ss {font: 13px "Gotham-Medium";text-transform: uppercase;padding: 5px 0;} .flex_categ{/*padding: 0;margin: 0;list-style: none;display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex;flex-direction: row;height:100%*/} .box_flex {} .box_flex.bloc_ong_categ {width: 65%;} .box_flex.bloc_ong_categ .sub_product li {float: left;width: 50%;} ul.sub_product::after {display: block;clear: both;content: "";} .ss_categ_l {width: 100%;} .subBloc.subBorder {height: 100%;position: relative;padding-bottom: 35px;} .lien_ts_categ {/*position: absolute;left: 0;bottom: 0;*/ margin-bottom:5px} .lien_ts_categ a {display: block;padding: 6px 5px;font: 11px "Montserrat-SemiBold";background: #ae0f09 ;max-width: 320px;text-align: center;color: #fff;text-transform: uppercase;} .lien_ts_categ a:hover {background:#217c77 } .sub_lib {font: 42px "Montserrat-Bold";color: #217c77;padding: 0 0 0 25px;text-transform: uppercase;line-height: 80%;margin: 3% 0;border-left: 6px solid #217c77;} .sub_lib a {color: #217c77;text-transform: none;font: 13px "Montserrat-Regular";text-decoration: underline;} .sub_lib + .row {padding-left: 0;} .sub_product li{margin:10px 0; float: left;width:16%; text-align: center} .sub_product li a{color:#003973; font-size:14px;display:inline-block; transition:all 0.5s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s} .sub_product li a:hover{color:#217c77 ;transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s} .lien_ss_menu2 li{margin: 12px 0;padding-bottom: 10px; } .lien_ss_menu2 li a{color:#003973; font:14px "Montserrat-SemiBold";display:inline-block;} .lien_ss_menu2 li a:hover{color:#217c77 ;} .s_categ_r {width: 25%;} .img_ssm_bit {padding: 0 ;} .page_content {position: relative;z-index: 1;margin-top: -14px;min-height:250px} @media only screen and (min-width:1250px) { .header_body.headerFixed{position:fixed;width:100%;left:0;top:0;z-index:9992;} .admin_connexion .header_body.headerFixed{top:35px} .headerFixed .left_search {max-width: 150px;} .headerFixed .lien_header, .headerFixed .right_bloc,.headerFixed .search_bloc{display:none} .headerFixed .header{ padding:0} .headerFixed a.navLink{font-size:12px} .headerFixed .nav_fixed{display:block; margin-top: 20px;} .headerFixed ul.onglets{max-width:100%} .headerFixed .logo{ text-align:center; -webkit-box-flex: 0;-ms-flex: 0 0 100%;flex: 0 0 100%; max-width: 100%;padding-top:0;transition:all 0.5s;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-o-transition:all 0.5s;-ms-transition:all 0.5s;} .padding_body{padding-top:85px} .admin_connexion .padding_body{padding-top:120px} .header_body.relative {position: relative;z-index: 9999;background-color:#ffffff} } @media only screen and (min-width:1580px) { .row_nav {margin: 0 -7% 0 -5%;} .navLink{ min-width: 200px;} } @media only screen and (min-width:992px) { .navLink:hover,.navItem:hover .navLink{background-color:#217c77} .navigation {position: relative;z-index: 10;} .li_active .navLink{background-color:#217c77} } .livraison_offerte {position: absolute;right: -15px;top: -2px;height: 35px;background: url("template-bg_livraison_i.png") no-repeat;width: 355px;z-index: 9;color:#57b09f; font :12px "Montserrat-Bold"; padding:10px 30px; text-align:center} /*==================================== SLIDER ======================================*/ .conteneur_slider{position:relative; z-index:1; text-align:center} .slide_texte_perso {position: absolute;height: 100%;width: 100%;max-width: 428px;top: 0;z-index: 1;color: #ffffff;font-size: 27px;text-transform: uppercase;display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;-ms-flex-align: center;align-items: center;-ms-flex-pack: center;flex-direction: column;-ms-flex-direction: column;justify-content: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center; -webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;align-items: center; -webkit-box-align: center;-ms-flex-align: center; left:30px} .bloc_slider {min-height: 100px;} .conteneur_slider .container{position:static} .content_ab{position: absolute; top:0;height:100%; width:100%; left:0} .description_carou {font: 30px "Raleway-Light";max-width: 515px;padding: 0;text-align: center;margin:-5% auto auto auto; } .contenu_decs {background: rgba(255,255,255,0.75);padding:25px 15px;} .contenu_decs >strong {font: 53px "Raleway-Light";display:block; } .description_carou p {margin: 0 0 10px 0;font: 24px "Raleway-ExtraBold";} .btn_d {background:#63b0a1; display:/*inline-block*/none; padding:19px;font:20px "Raleway-SemiBold";color:#fff; min-width:140px; margin-top:15px} .description_carou .btn_d:hover {background:#217c77} .table_carou {display: table;height: 100%;width: 100%;} .tablecell_carou {display: table-cell;vertical-align:middle} .conteneur_slider .swiper-pagination{position:absolute; bottom:15%!important} /*.big_wrapper {position: relative;z-index: 99;}*/ @media only screen and (min-width:1500px) { .description_carou {display: table;width: 100%;} .contenu_decs {display: table-cell;height: 290px;vertical-align: middle;} } /*==================================== BLOC TOP ======================================*/ .bloc_top {position: relative;z-index: 2;} .titre_top_content {text-align: center;margin-top: -50px;padding-bottom: 70px;} .titre_top_content strong {display: block;padding-left: 80px;background: url("template-titre_l.png") no-repeat top left;max-width: 545px;margin:auto} .titre_top_content span {display: block;padding-right: 80px;background: url("template-titre_r.png") no-repeat top right;} .titre_top_content em {display: block;padding: 25px 15px 0 15px;background: #fff;font: 26px "Montserrat-Light";text-transform: uppercase;letter-spacing: 5px;position:relative} .titre_top_content em::after {position: absolute;content: "";width: 91px;height: 2px;background: rgba(0,57,115,0.7);left: 50%;bottom: -14px;transform: translate(-50%, 0);-webkit-transform:translate(-50%,0%);-ms-transform:translate(-50%,0%);-o-transform:translate(-50%,0%);} .contenu_art_top {max-width: 1510px;margin: auto;} .selection-prev{position:absolute; top:50%;width:25px; height:49px; font-size:0; z-index:9; border:none;background:url('template-arrow_prev.png') no-repeat center top;left:-35px; cursor:pointer ; transform:translate(0, -50%);-webkit-transform:translate(0, -50%);-ms-transform:translate(0, -50%);-o-transform:translate(0, -50%);} .selection-next {position:absolute; top:50%; width:25px; height:49px; font-size:0; z-index:9; border:none;background:url('template-arrow_next.png') no-repeat center top;right:-35px; cursor:pointer;transform:translate(0, -50%); -webkit-transform:translate(0, -50%);-ms-transform:translate(0, -50%);-o-transform:translate(0, -50%);} .selection-prev:hover,.selection-next:hover {background-position:center bottom} .swiper-button-disabled{opacity:0; cursor:not-allowed!important} /********ARTICLE BIT*******/ .articleBit {max-width: 285px;padding: 1px;background: rgba(134,135,135,0.5);text-align: center;margin: auto;} .bg_art_w {background: #fff;} .articleBit_ima>a>img {width: 100%;} .articleBit_ima {position: relative;} .articleBit_ima.itemCateg {padding-top: 35px;} .etiquette {position: absolute;height: 32px;background: url("template-bg_cc.png") no-repeat;width: 100%;top: -1px;text-align: center;font: 14px "Raleway-SemiBold";text-transform: uppercase;line-height: 32px;color: #3da16a;background-size: contain;} .etiquette.eti_1{background-image: url("template-bg_nouv_2.png"); color:#FFFFFF} .etiquette.eti_2{background-image: url("template-bg_nouv.png"); color:#FFFFFF} .etiquette.eti_4{background-image: url("template-bg_promo_2.png"); color:#FFFFFF} .etiquette.eti_3{background-image: url("template-bg_tv_2.png"); color:#003B77} .art_avis{position:absolute; text-align:center; width:100%; bottom:0; display:none} .max_art {padding: 0 11px;} .articleBit_lib {font: 15px "Montserrat-SemiBold";text-align: center;text-transform: uppercase;padding: 15px 0;margin: 0;height: 75px;overflow: hidden;} .table_lib {display:table; height:30px; width:100%} .table_lib a{height:30px;display:table-cell; vertical-align:top; overflow:hidden} .titre2_art {display: block;font: 15px "Montserrat-SemiBold";text-transform: lowercase;} .titre2_art:first-letter {text-transform: uppercase;} .articleBit_descr {font: 12px "Montserrat-Light";color: #878786;margin: 0;padding-bottom: 15px;border-bottom:rgba(134,135,135,0.5) 1px solid; display:table; width:100%; } .articleBit_descr span{height:45px;display:table-cell; vertical-align:middle; overflow:hidden} .articleBit_prix {font: 17px "MontSerrat-Regular";position: relative;margin: 20px 0;} .prix_old {color: #878786;text-decoration: line-through;/*position: absolute;top: 0;left: 23px;*/padding-right: 13px} .prix_promo {font: 17px "Montserrat-SemiBold";} .btn_art_v {padding-bottom: 30px;} .btn_ajout {height: 41px;background: #63b0a1;font: 13px "Raleway-SemiBold";text-transform: uppercase;color: #fff;border: none;width: 160px;transition:all 0.5s;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-o-transition:all 0.5s;-ms-transition:all 0.5s} .btn_ajout.btn_ctc_panier{background:#ae0f09} .btn_ajout:hover{background:#217c77;transition:all 0.5s;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-o-transition:all 0.5s;-ms-transition:all 0.5s} .btn_ajout.btn_ctc_panier:hover{background:#940B07} .top_selection .swiper-pagination{display:none} @media only screen and (min-width:1024px) { .just_one .produit_select_slide_wrapper.swiper-wrapper {justify-content: center;} } /*==================================== BLOC QUI NOUS SOMMES ======================================*/ .bloc_qsn {background: #B9D8CE url("template-bg.png") no-repeat top center;padding: 2rem;} .max_contain {max-width: 850px;margin: auto;text-align: center;} .qsn_content {padding: 2rem 2.5rem;background: rgba(255,255,255,0.4);} .divers_titre {display: block;padding:15px ;font: 26px "Montserrat-Light";text-transform: uppercase;letter-spacing: 1px;position:relative; margin-bottom:15px; text-align:center} .divers_titre + p{margin:20px 0} .divers_titre::after {position: absolute;content: "";width: 91px;height: 2px;background: rgba(0,57,115,0.7);left: 50%;bottom: 0px;transform: translate(-50%, 0);-webkit-transform:translate(-50%,0%);-ms-transform:translate(-50%,0%);-o-transform:translate(-50%,0%);} .btn_plus {display:inline-block; padding:15px 10px;background: #63b0a1;font: 14px "Raleway-SemiBold";text-transform: uppercase;color: #fff;border: none;width: 115px;transition:all 0.5s;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-o-transition:all 0.5s;-ms-transition:all 0.5s} .btn_plus.btn_white{background:#ffffff; color:#63b0a1; width:100%; max-width:225px} .btn_plus:hover{background:#217c77;transition:all 0.5s;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-o-transition:all 0.5s;-ms-transition:all 0.5s} .btn_plus.btn_white:hover{background:#217c77; color:#fff} .row_av {margin: 0 -3%;padding-top: 25px;} .avantage_box {display: table;width: 100%;} .av_box {display: table-cell;padding: 0 15px;vertical-align: top;} .av_box a {font-size: 14px;color: #217c77;text-transform: uppercase;display: inline-block;cursor:default} .av_box a strong.sprite_av {display: block;margin-bottom: 9px;} /*==================================== BLOC ACTU ======================================*/ .bloc_actualite {background: #ececec url("template-bg_actu.jpg") no-repeat ;padding:2.5rem;background-size: cover;} .no-border{border:none!important} .bloc_actualite .card{margin:0 35px} .bloc_actualite .card >p {margin: 0;} .bloc_actualite .card-deck{margin:0 -35px} .bloc_actualite .card-title {display: block;padding:15px 0;font: 17px "Montserrat-Light";text-transform: uppercase;letter-spacing: 2px;position:relative; margin-bottom:0} .bloc_actualite .card-body {padding:0 15px} .bloc_actualite .card-body p{margin-bottom:0} .bloc_actualite .card-body p *{font-family:"Montserrat-Regular"!important; font-size:12px!important} .bloc_actualite .card-body p + p {margin: 0;} .bloc_actualite .card-title::after {position: absolute;content: "";width: 135px;height: 2px;background: rgba(0,57,115,0.7);left: 50%;bottom: 0px;transform: translate(-50%, 0);-webkit-transform:translate(-50%,0%);-ms-transform:translate(-50%,0%);-o-transform:translate(-50%,0%);} .bloc_actualite .card-img-top{border-radius:0;-webkit-border-radius:0;-ms-border-radius:0;-o-border-radius:0;} /*==================================== BLOC PLANTE ======================================*/ .bloc_plante {padding: 2rem 10px;background: #63b0a1 URL('template-bg_f.png') no-repeat;background-size: cover;} .content_liste_plante {margin: 35px -4rem 0 -4rem;} .container-plante {position: relative;padding: 0 4rem;} .pl_slide a {display: block;} .pl_slide a strong {display: block;border: 1px solid #fff;padding: 8px;overflow:hidden;-webkit-transition:all 0.5s ease 0s;-moz-transition:all 0.5s ease 0s; -ms-transition:all 0.5s ease 0s; -o-transition:all 0.5s ease 0s;} .pl_slide a span {display: block;color: #fff;font: 12px "MontSerrat-SemiBold";margin-top: 15px;height: 31px;overflow: hidden;} .pl_slide a strong img{transition:all 0.5s ease 0s; -webkit-transition:all 0.5s ease 0s;-moz-transition:all 0.5s ease 0s; -ms-transition:all 0.5s ease 0s; -o-transition:all 0.5s ease 0s; transform: scale(1); max-width:150px; margin:auto; width:100%} .pl_slide a:hover strong{border-color:#217c77;-webkit-transition:all 0.5s ease 0s;-moz-transition:all 0.5s ease 0s; -ms-transition:all 0.5s ease 0s; -o-transition:all 0.5s ease 0s;} .pl_slide a:hover strong img{transition:all 0.5s ease 0s; -webkit-transition:all 0.5s ease 0s;-moz-transition:all 0.5s ease 0s; -ms-transition:all 0.5s ease 0s; -o-transition:all 0.5s ease 0s; transform: scale(1.05)} .pl_slide a:hover span{color:#217c77} .divers_titre.color_white::after {background: #fff;} .pl-prev{position:absolute; top:50%;width:25px; height:49px; font-size:0; z-index:9; border:none;background:url('template-pl_prev.png') no-repeat center top;left:-15px; cursor:pointer ; transform:translate(0, -50%);-webkit-transform:translate(0, -50%);-ms-transform:translate(0, -50%);-o-transform:translate(0, -50%);margin-top:-25px} .pl-next {position:absolute; top:50%; width:25px; height:49px; font-size:0; z-index:9; border:none;background:url('template-pl_next.png') no-repeat center top;right:-15px; cursor:pointer;transform:translate(0, -50%); -webkit-transform:translate(0, -50%);-ms-transform:translate(0, -50%);-o-transform:translate(0, -50%);margin-top:-25px} .pl-prev:hover,.pl-next:hover {background-position:center bottom} /*==================================== BLOC SAISON ======================================*/ .bloc_saison {padding: 2rem 10rem 5rem 10rem;position: relative;z-index: 1;background:#FFF url("template-bg_saisonl.jpg") no-repeat center left;position:relative; z-index:1} .bloc_saison .container_m {position:relative ; z-index:9} .container_m {max-width: 1000px;margin: auto;} .content_saison {position: relative;padding: 0 2rem;} .ss-prev{position:absolute; top:50%;width:25px; height:49px; font-size:0; z-index:9; border:none;background:url('template-arrow_prev.png') no-repeat center top;left:0px; cursor:pointer ; transform:translate(0, -50%);-webkit-transform:translate(0, -50%);-ms-transform:translate(0, -50%);-o-transform:translate(0, -50%);} .ss-next {position:absolute; top:50%; width:25px; height:49px; font-size:0; z-index:9; border:none;background:url('template-arrow_next.png') no-repeat center top;right:0px; cursor:pointer;transform:translate(0, -50%); -webkit-transform:translate(0, -50%);-ms-transform:translate(0, -50%);-o-transform:translate(0, -50%);} .ss-prev:hover,.ss-next:hover {background-position:center bottom} .bg_ss_r {max-width: 370px;margin: auto;} .avis_ss{padding-bottom:15px; display:none} .ss_lib {font: 18px "MontSerrat-SemiBold";margin: 0;} .ss_titre2 {font: 15px "MontSerrat-SemiBold";text-transform:lowercase} .ss_titre2:first-letter {text-transform: uppercase;} .cc_desc {color: #878786;padding: 10px 0;border-bottom: 1px solid rgba(135,135,134,0.5);} .cc_prix {padding: 20px 0;font: 18px "MontSerrat-SemiBold";} .ss_px_old {color: #878786;text-decoration: line-through;margin-left: 25px;} .mybtn {display:inline-block; padding:15px 10px;background: #63b0a1;font: 14px "Raleway-SemiBold";text-align:center; text-transform: uppercase;color: #fff;border: none; min-width:200px;transition:all 0.5s;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-o-transition:all 0.5s;-ms-transition:all 0.5s} .mybtn:hover{background:#217c77;transition:all 0.5s;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-o-transition:all 0.5s;-ms-transition:all 0.5s} .bloc_saison::after {content: "";display: block;background: url(template-bg_saisonr.jpg)repeat-y top right;width: 440px;height: 500px;position: absolute;right: 0;top: 0;} /*==================================== BLOC AVIS INDEX ======================================*/ .page_index .bloc_avis{display: none;} .page_index .bloc_avis.bloc_avis_home{display: block;} .widget-header { background-color:transparent!important;} .bloc_avis {position: relative;z-index: 2;margin-top: 25px;padding-top: 23px;background: url("template-bg_top_temoin.png") no-repeat center top;} .bg_avis {background: #C6E5D6;padding: 15px 20px 45px;} .content_avis_i {position: relative;padding: 0 4rem;min-height:100px} .avis-prev{position:absolute; top:50%;width:25px; height:49px; font-size:0; z-index:9; border:none;background:url('template-avis_prev.png') no-repeat center top;left:0px; cursor:pointer ; transform:translate(0, -50%);-webkit-transform:translate(0, -50%);-ms-transform:translate(0, -50%);-o-transform:translate(0, -50%);} .avis-next {position:absolute; top:50%; width:25px; height:49px; font-size:0; z-index:9; border:none;background:url('template-avis_next.png') no-repeat center top;right:0px; cursor:pointer;transform:translate(0, -50%); -webkit-transform:translate(0, -50%);-ms-transform:translate(0, -50%);-o-transform:translate(0, -50%);} .avis-prev:hover,.avis-next:hover {background-position:center bottom} .bloc_avis_i {text-align: left;max-width:400px; padding:0 10px} .avis_etoile {padding-bottom: 10px;} .sujet_avis_i {font: 12px "MontSerrat-SemiBold";} .content_avis {color: #878786;font: 12px "MontSerrat-Light"} .nom_internaute_avis{font: 12px "MontSerrat-SemiBold";display:block} @media only screen and (min-width:992px) { .bloc_avis .divers_titre {padding-top: 0;} } /*==================================== BLOC PARALLAX ======================================*/ .bloc_parallax {padding: 0rem 0;position: relative;background:#1b504c url("template-bg_parralax.jpg")no-repeat center 150px;z-index: 2;height:260px; color:#fff; font-size:23px;background-attachment: fixed;text-align:center} .bloc_parallax .container_m{height:100%} .table_parallax{display:table; width:100%; height:100%} .table_parallax >div{vertical-align:middle; display:table-cell; width:100%; text-align:center} .auteur_nom{display:block; font:23px "MontSerrat-Bold"; margin-top:10px} .table_parallax * {font-family: Montserrat-Regular!important;font-style: normal!important;font-size: 100%;} .table_parallax p{margin:0} .auteur_nom *{font-family: Montserrat-Bold!important;font-style: normal!important;} /*==================================== FOOTER ======================================*/ footer{background:#fff url("template-bg_footer.png")no-repeat top center; padding:2rem 1rem 5px 1rem} .goToTop {bottom: 50px;cursor: pointer;display: none;padding: 0;position: fixed;right:5%;text-align: center;width:110px;z-index: 9999;font-size:11px; color:#7bc2b0;transition:all 0.5s;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-o-transition:all 0.5s;-ms-transition:all 0.5s; } .goToTop strong{background:#7bc2b0; border-radius:100%;-webkit-border-radius: 100%;-ms-border-radius: 100%;-o-border-radius: 100%; display:inline-block; margin-bottom:5px;transition:all 0.5s;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-o-transition:all 0.5s;-ms-transition:all 0.5s} .goToTop span{display:block} .goToTop:hover strong{background-color: #0c7c75;transition:all 0.5s;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-o-transition:all 0.5s;-ms-transition:all 0.5s} .goToTop:hover{color: #0c7c75;transition:all 0.5s;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-o-transition:all 0.5s;-ms-transition:all 0.5s} .max_footer {margin: auto;max-width: 880px;} .table_menu {display: table;width: 100%;} .table_menuBit {display: table-cell;width:33.3333%} .titre_menu {margin-bottom: 15px;text-transform: uppercase;} .table_menuBit li a {color: #878786;font-family:Montserrat-Light} .table_menuBit li a:hover {color: #003973 ;} .contact_footer {margin: 0 -10px;} .content_ctc_footer {color: #878786;font-family:Montserrat-Light} .nomin_w{min-width:125px!important; font-size:13px; margin-top:10px} .num_footer {display: block;font-size: 19px;line-height:15px; padding-top:5px;font-family:Montserrat-Regular} /*******reseau sociaux**********/ .footer_bottom {max-width: 1690px;margin: auto;} .reseau_footer {margin-top: 25px;position: relative;z-index: 1;text-align: center;} .reseau_footer div {padding: 10px 5px;position: relative;z-index: 9;background: #fff;} .reseau_footer::after {display: block;content: "";position: absolute;width: 100%;height: 1px;background: rgba(134,135,135,0.5);left: 0;top: 50%;} .ico_reso {display: inline-block;margin: 0 2px;height: 29px;width: 30px;border-radius: 100%;-webkit-border-radius: 100%;-ms-border-radius: 100%;-o-border-radius: 100%;background-repeat:no-repeat; background-position:center top; cursor:default} .ico_reso.ico_insta {background-image: url('template-ico_insta.png');} .ico_reso.ico_fb {background-image: url('template-ico_fb.png') ;} .ico_reso.ico_yt {background-image: url('template-ico_you.png') ;} .ico_reso.ico_in {background-image: url('template-ico_in.png') ;} .ico_reso.ico_tw {background-image: url('template-ico_tw.png') ;} .ico_reso:hover {background-position: center bottom;} .content_lien_oblige>a,.content_lien_oblige>span {margin: 0 10px;} .content_lien_oblige {text-align: center;font-size: 11px;color: #878786;font-family:Montserrat-Light} .content_lien_oblige a:hover{color:#003973} .lien_underline {text-decoration: underline;} .paiement_footer{text-align:center; padding:5px 10px} .just_one .swiper-wrapper{transform:none!important} .just_one .swiper-pagination {display:none} /*****TCHAT FOTER*****/ .fixed_help {position: fixed;width: 250px;bottom: 0;right: 5%;background: #fff;z-index: 99;-webkit-box-shadow: 0px 0px 15px -2px rgba(127,126,119,1);-moz-box-shadow: 0px 0px 15px -2px rgba(127,126,119,1);box-shadow: 0px 0px 15px -2px rgba(127,126,119,1);border-radius: 15px 15px 0 0;-webkit-border-radius: 15px 15px 0 0;-ms-border-radius: 15px 15px 0 0;-o-border-radius: 15px 15px 0 0;} .titre_help {background: #0c7c75;color: #fff;text-transform: uppercase;padding: 13px 10px;text-align: center;border-radius: 15px 15px 0 0;-webkit-border-radius: 15px 15px 0 0;-ms-border-radius: 15px 15px 0 0;-o-border-radius: 15px 15px 0 0;} .content_para_help {position: relative;z-index: 1;padding-left: 77px;text-align: left;font-size: 12px;color: #808284;padding-top: 14px;padding-right: 15px;} img.img_help {position: absolute;left: 0;top: -36px;} .btn_help{padding:10px 0; text-align:center} .btn_help a{display: inline-block;padding: 15px 10px;background: #63b0a1;font: 12px "Raleway-SemiBold";text-align: center;text-transform: uppercase;color: #fff;border: none;display: inline-block;min-width: 170px;transition: all 0.5s;-webkit-transition: all 0.5s;-moz-transition: all 0.5s;-o-transition: all 0.5s;-ms-transition: all 0.5s;} .btn_help a:hover{background:#217c77;transition:all 0.5s;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-o-transition:all 0.5s;-ms-transition:all 0.5s} .close_dis{position:absolute; right:10px; top:-35px} @media only screen and (min-width:1200px) { .close_dis{display:none} } @media only screen and (min-width:640px) { .toggle_me i{display:none} } @media only screen and (min-width:767px) { .footer_menu {min-height: 130px;} .content_lien_oblige br{display:none} } /*==================================== CATEGORIE ======================================*/ .ariane_box {font: 10px "Raleway-SemiBold";color: #A7A9AB;letter-spacing: 1px;padding: 10px;border-bottom:rgba(167,169,171,0.25) 1px solid} .ariane_box *{font: 10px "Raleway-SemiBold";color: #A7A9AB;letter-spacing: 1px} .page_categorie .ariane_box *,.page_categorie .ariane_box, .page_rechercher .ariane_box *,.page_rechercher .ariane_box{color: #fff;border-bottom:none} .image_categorie {height: 300px;text-align: center;color: #fff;padding: 2rem 1rem; position: relative;z-index: 1;} .image_categorie::after {display: block;width: 100%;height: 100%;position: absolute;background: rgba(4,82,77,0.3);content: "";top: 0;left: 0;} .content_desc_categ>*{position:relative; z-index:2} .descr_categ * {font-family: "MontSerrat-Light"!important;font-weight: normal;} .content_desc_categ {margin: auto;max-width: 1000px;} .titre_categ {font: 26px "Montserrat-Light";padding: 15px 0 18px 0;margin: 0;position: relative;text-transform: uppercase;letter-spacing: 4px;} .titre_categ::after {position: absolute;content: "";width: 91px;height: 2px;background:#fff;left: 50%;bottom: 0px;transform: translate(-50%, 0);} .descr_categ {padding: 15px 0;margin-top:15px;font:12px "Montserrat-Light"} .descr_categ p{margin:0} .descr_categ *{color:#fff!important} .liste_ss_categ {position: relative;z-index: 10;margin-top: -50px;padding-top: 55px;background: url("template-bg_titre_categ.png") no-repeat center top;} .titre_topcateg {font: 26px "Montserrat-Light";padding: 15px 0 18px 0;margin-top: -45px;position: relative;text-transform: uppercase;letter-spacing: 4px;color:#003b77;text-align:center ;} .titre_topcateg::after {position: absolute;content: "";width: 91px;height: 2px;background:#003b77;left: 50%;bottom: 0px;transform: translate(-50%, 0);} .content_ss_categ {background:#F1F3F1 url("template-bg_lss.png") repeat-x; text-align:center; margin-top: -25px;background-size: contain;} .bottom_ss_categ{background: url("template-bg_bottom_cat.png") no-repeat center bottom; text-align:center; padding-bottom:90px} .liste_ss{margin:0 -20px;padding-top:30px } .liste_ss::after {display: block;content: "";clear: both;} .ss_categ_bit {float: left;width: 25%;padding: 8px;border-radius: 100%;-webkit-border-radius: 100%;-ms-border-radius: 100%;-o-border-radius: 100%;} .ss_categ_bit a {display: block;position: relative;text-align: center;border-radius: 100%;-webkit-border-radius: 100%;-ms-border-radius: 100%;-o-border-radius: 100%;height: 100%;overflow:hidden; } .ss_categ_bit a img {border-radius: 100%;-webkit-border-radius: 100%;-ms-border-radius: 100%;-o-border-radius: 100%;transition:all 0.5s ease 0s; -webkit-transition:all 0.5s ease 0s;-moz-transition:all 0.5s ease 0s; -ms-transition:all 0.5s ease 0s; -o-transition:all 0.5s ease 0s; transform: scale(1)} .ss_categ_bit a:hover img{transition:all 0.5s ease 0s; -webkit-transition:all 0.5s ease 0s;-moz-transition:all 0.5s ease 0s; -ms-transition:all 0.5s ease 0s; -o-transition:all 0.5s ease 0s; transform: scale(1.05)} .titre_ss_categ {position: absolute;width: 100%;height: 100%;left: 0;top: 0;margin: 0;} .ss_categ_bit a:hover span{text-decoration:underline} .titre_ss_categ strong{display:table; width:100%;height: 100%;} .titre_ss_categ span {display: table-cell;vertical-align: middle;width: 100%;color:#fff;font: 19px "Raleway-SemiBold"; text-transform:uppercase;padding: 0 8px;} /***********LSITES ARTICLES***********/ .liste_articles {position: relative;z-index: 3;} .max-container-article2{max-width: 1200px; margin: auto;} .categ_bit_article {position: relative;margin-top: -49px;background: url("template-bg_titre_artc.png") no-repeat center top;padding-top: 10px;} .titre_artcateg {margin: 0 auto;text-align: center;padding: 15px 0;font: 26px "Montserrat-semibold";text-transform: uppercase;position: relative;max-width: 400px;} .titre_artcateg::after {position: absolute;content: "";width: 91px;height: 2px;background:#003B77;left: 50%;bottom: 8px;transform: translate(-50%, 0);} .titre2_categ_art {text-align: center;font: 15px "Montserrat-Light";text-transform: lowercase;max-width: 560px;margin: 0 auto;} .titre2_categ_art:first-letter {text-transform: uppercase;} .detail_art_categ {background: url("template-bg_gradientG2.png") no-repeat center bottom;padding-bottom: 65px;min-height: 440px;padding-top:25px} .categ_bit_article:nth-child(even) .detail_art_categ {background-image: url("template-bg_gradientG.png")} .cat_desc_r {max-width: 395px;margin: auto;} .cat_desc_r .cc_desc {font-size: 11px;} .bo_desc{color:#878786;margin:1rem 0} .bo_desc * {font-size: 12px!important; font-family: "MontSerrat-Light"; text-align:left!important; padding:0!important; margin:0!important} .lien_plus {font: 13px "MontSerrat-bold";color: #57B09F;text-decoration: underline;display:inline-block} .lien_plus:hover{color:#217c77} .cat_desc_r .content_panier_s {display: table;width: 100%;margin:15px 0} .cat_desc_r .content_panier_s >div {display: table-cell;vertical-align:middle} .cat_desc_r .cc_prix {width: 40%;font-size:20px; padding:5px 0 5px 0; text-align:left} .cat_desc_r .ss_px_old{margin-left:0; margin-right:20px; font-size:12px; color:#808284} .cat_desc_r .btn_sais{text-align:right} .cat_desc_r .mybtn{min-width:170px} .cat_desc_r .btn_ctc_panier{background:#ae0f09} .img_ss .etiquette {width: 70px;background-image: none;background-color: #AADCDB;font-size: 10px;height: 30px;line-height: 32px;} .img_ss .etiquette.eti_1{background-color: #FACCCA;color:#FFFFFF; width: 100px;} .img_ss .etiquette.eti_3{background-color: #F7F194;color:#003B77} .img_ss .etiquette.eti_4{background-color: #F28E1B;color:#ffffff} .img_ss .etiquette.eti_2{background-color: #96D2B4;color:#ffffff} /**********VUS*******/ .bloc_vus {padding: 1.5rem 10px ;background: #63b0a1 URL('template-bg_vu.png') no-repeat;background-size: cover;} .container_vus {margin: 30px -15px 10px -15px;text-align:center} .container_vus >div {padding: 0 8px;} .container_vus a {display: block;max-width: 100px;border: 1px solid rgba(135,134,134,0.5);background:#fff; padding:5px} .page_top .titre_categ {margin-top: 50px;} .page_rechercher .titre_categ {margin-top: 40px;} .commentaireBit.avis_bit_art {padding: 15px;background: #fff;border-radius: 15px;-webkit-border-radius: 15px;-ms-border-radius: 15px;-o-border-radius: 15px;margin-bottom:15px} .non_avis_exp {font: 13px "MontSerrat-Bold";padding-bottom: 10px;} .non_avis_exp em {font-family: MontSerrat-Light;} .etoile_avis {margin: 0 0 15px 0;} .categorie_page_nav {padding:15px 10px;text-align: center;margin-right:-12px} .categorie_page_nav li {display: inline-block;font: 13px "MontSerrat-Light";vertical-align:middle;margin:0 3px; text-align:center} .categorie_page_nav li a {display: block;padding:0 5px;width: 40px;height: 40px;line-height: 40px;color:#003973;} .l_nav{border:1px solid rgba(0,57,115,0.4); color:#003973; background-color:#fff} .en_cours, .encours {color: #fff;display: block;width: 40px;height: 40px;line-height: 40px;color: #fff;background: #217c77;} .l_nav:hover{color: #fff;background-color:#217c77; border-color:#217c77} .categorie_page_nav .f_nav{border:1px solid #63b0a1 ;color: #63b0a1 ;} .f_nav i {font-size: 15px;} .categorie_page_nav .f_nav:hover{color: #fff;background-color:#217c77; border-color:#217c77} @media only screen and (min-width:1024px) { .liste_ss{display:table; width:100%} .ss_categ_bit {float: none; display: table-cell; width:auto} .liste_ss.more_categ .titre_ss_categ span {font-size: 15px;} } @media only screen and (min-width:481px) { .liste_ss{padding-top:60px } } /*==================================== ARTICLE ======================================*/ .conteneur_article, .panier_wrapper, .instit_wrapper, .newsletter_wrapper{padding: 15px 0 0 0;background: url("template-gradient_article.png")no-repeat center top;} .conteneur_bottom_art , .panier_contentpage{padding:0 15px 45px 15px;background: url("template-bg_bottom_art.png")no-repeat center bottom;} .contenuArticle_top {padding-top: 35px;color:#003B77} .bigImg.img_ss {padding-right: 15px;} .articleright_details {padding-bottom: 5px;border-bottom: rgba(128,130,132,0.5) 1px solid;margin-bottom: 5px;} .titre_article {font: 18px "MontSerrat-SemiBold";text-transform: uppercase;margin-bottom: 0;} .titre_supp_article { font: 12px "MontSerrat-SemiBold";text-transform:lowercase} .titre_supp_article:first-letter {text-transform: uppercase;} .art_old_px {color: #808284;text-decoration: line-through;} .art_promo_px {font: 16px "MontSerrat-SemiBold";} .articleright_avis {margin-bottom: 5px;min-height:10px} .articleright_avis img {max-height: 12px;} .articleright_panier {display: table;width: 100%;} .btn_article {display:block;width:100%; padding:15px 10px;background: #0C7C75;font: 14px "Raleway-SemiBold";text-align:center; text-transform: uppercase;color: #fff;border: none;max-width:200px;transition:all 0.5s;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-o-transition:all 0.5s;-ms-transition:all 0.5s} .btn_article:hover{background:#0B6B62;transition:all 0.5s;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-o-transition:all 0.5s;-ms-transition:all 0.5s} .btn_article.btn_ctc_panier{background:#ae0f09} .btn_article.btn_ctc_panier:hover{background:#940B07} .articleright_panier>div {display: table-cell;vertical-align: middle;} .btn_panier_article{width:160px} .articleright_caract {padding-right: 25px;} .caract_value_art.border_select {background: #fff;border: 1px solid rgba(187,189,1925,0.5);} .caract_value_art.border_select select {height: 40px;background: #fff url('template-arrow_s.png') no-repeat center right;border: none;border-right: 15px solid rgba(0,0,0,0);width: 100%;padding-left: 15px;color: #808284;font-size: 11px;} .articleright_descr {color: #808284;border-bottom: rgba(128,130,132,0.5) 1px solid; padding-bottom:1rem; padding-top:1rem;font-size: 12px;} .articleright_descr * {font-family: Montserrat-Light;text-align: left;margin: 0!important;} .articleright_descr strong,.articleright_descr strong * {font-family:"Montserrat-Bold"; font-weight:bold} .avantage_article .av_box a{text-align:center; color:#57B09F } .avantage_article .av_box {text-align:center } .art_qte {margin: 5px 0;width: 245px;color:#003973} .art_qte label {display: inline-block;font: 13px "MontSerrat-Light";margin-bottom: 0;vertical-align: middle;width: 75px;} .quantite_art {} .contenu_qte_art {display: inline-block;text-align: left;vertical-align: middle;width: 132px;} .qte_panier {position: relative;z-index: 1;} .qte_panier img {vertical-align: baseline;} .qte_panier a {background-color: #f4f2f5;height:37px;text-align: center;width: 37px;z-index: 1;display: inline-block;vertical-align: middle;} .inputqte {background-color: #ffffff;border:none;font:16px "MontSerrat-SemiBold"; height: 37px;padding:0 9px;width:48px;text-align:center; vertical-align:middle; color:#474949} .qte_panier a:hover{background-color:#ccc} /*********TAB ARTICLE***********/ .ongle_caractr ul {margin: auto;display: table;width: 100%;} .content_tab_art {margin: 20px 0 0 0;} .ongle_caractr li {padding:0!important;text-align: center;margin-bottom:0!important;float: none;min-width:125px; display:table-cell;border-right:3px solid #fff;background: #57B09F;vertical-align:middle;position: relative;} .content_tab_art li:last-child{border-right:none} .content_tab_art .onglt {border-radius: 0 !important;-webkit-border-radius: 0 !important;-ms-border-radius: 0 !important;-o-border-radius: 0 !important;display: block !important;font: 12px "Raleway-SemiBold";margin: 0;padding: 13px 10px;text-transform: uppercase;color: #fff;position:static} .content_tab_art li.pi-active{background: #F1F1F2;} .content_tab_art li.pi-active .onglt {color: #57B09F;} .content_tab_art .onglt::after{content:""; background-color:transparent; width:37px!important; height:1px!important;position:absolute; bottom:0px!important; top:auto!important ;left:50%!important; border-radius:0!important;-webkit-border-radius: 0 !important;-ms-border-radius: 0 !important;-o-border-radius: 0 !important;transform:translate(-50%,0%);-webkit-transform:translate(-50%,0%);-ms-transform:translate(-50%,0%);-o-transform:translate(-50%,0%);} .content_tab_art li.pi-active .onglt::after{background-color:#57B09F} .content_tab_art .pi-tabs-content {border:none;padding:20px 10px;background-color:#none; margin-bottom:0; color:#808284} .content_tab_art .pi-tabs-content .pi-tab-pane {padding:0 10px} .tab_mobile{cursor:pointer;background-color: #57B09F;color: #fff;display: none; margin: 0 0 4px 0;padding:13px 10px ; position:relative;text-align:center;font: 12px "Raleway-SemiBold";text-transform: uppercase;} .tab_mobile.active{background:#F1F1F2;color: #57B09F;margin-bottom:0} .tab_mobile::before{content:""; background-color:transparent; width:37px; height:1px;position:absolute; bottom:2px; left:50%;transform:translate(-50%,0%);-webkit-transform:translate(-50%,0%);-ms-transform:translate(-50%,0%);-o-transform:translate(-50%,0%);} .tab_mobile.active::before{background-color:#57B09F} .tab_mobile::after{content:'\e8ca'; font-family: "fontello";font-style: normal;font-weight: bold;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%);} /****le saviez*****/ .qsm_tab {padding: 15px 20px 10px 20px;background: #A4CEC4;color: #fff;font: 12px "MontSerrat-Light";margin:15px 0} .content_qsm_tab {position: relative;} .bull_sv {position: absolute;right: -10px;width: 135px;height: 110px;background: url("template-bg_ppte.png")no-repeat center bottom;padding:43px 30px 20px 30px;display: block;text-align: center;text-transform: uppercase;top: -53px;z-index: 99;font-size:11px} .content_qsm_tab >strong,.content_qsm_tab >span>strong {font: 17px "MontSerrat-Regular";color: #0C7C75;padding:15px 0; border-bottom:2px solid #87B6AC ; display:block} .content_sv {margin: 15px 0; text-align: justify;} /****COMPLEMENT article*****/ .bloc_art_collection {margin-top: 15px;} .art_collection, .plante_collection {padding:15px 0} .content_complementaire{position:relative} .coll-prev{position:absolute; top:50%;width:25px; height:49px; font-size:0; z-index:9; border:none;background:url('template-arrow_prev.png') no-repeat center top;left:-35px; cursor:pointer ; transform:translate(0, -50%);-webkit-transform:translate(0, -50%);-ms-transform:translate(0, -50%);-o-transform:translate(0, -50%);} .coll-next {position:absolute; top:50%; width:25px; height:49px; font-size:0; z-index:9; border:none;background:url('template-arrow_next.png') no-repeat center top;right:-35px; cursor:pointer;transform:translate(0, -50%); -webkit-transform:translate(0, -50%);-ms-transform:translate(0, -50%);-o-transform:translate(0, -50%);} .coll-prev:hover,.coll-next:hover {background-position:center bottom} @media only screen and (min-width:980px) { .content_complementaire .titre2_art{font-size: 13px;} .content_complementaire .articleBit_lib {font-size: 13px;height: 65px;} .content_complementaire .articleBit_descr{font-size: 11px;} .content_complementaire .prix_promo{font-size: 14px;} .content_complementaire .articleBit_prix{font-size: 14px;} .content_complementaire .prix_old{left:15px} .content_complementaire .articleBit_descr span{height:56px} .content_complementaire .etiquette{font-size: 12px;line-height: 30px;} .bloc_art_collection .divers_titre{letter-spacing:4px} .bloc_art_collection .swiper-wrapper {transform: none!important;} .coll-prev,.coll-next{display:none!important} .avantage_article .av_box a {font-size: 9px; } .avantage_article .sprite_av img {max-width: 49px;} .container_vus img {width: 88px;} .page_institutionnel .conteneur_bottom_art.no_form {padding-bottom: 150px;} } @media only screen and (min-width:992px) { .pos_rel_px >*{display:block} } .form_comment{max-width:400px; margin:15px auto; display:none} .btn_addavis{background: #0C7C75;padding:10px ; text-align:center;font: 13px "Raleway-SemiBold";text-transform: uppercase;color: #fff;border: none;width: 160px;transition: all 0.5s;-webkit-transition: all 0.5s;-moz-transition: all 0.5s;-o-transition: all 0.5s;-ms-transition: all 0.5s;display:block; margin:auto} .open + .vide_comment{display:none} .no_complement .conteneur_bottom_art {padding-bottom: 12%;} .form_comment .formBox {padding-bottom: 10px;} .content_supp::after{display:block; content:""; clear:both} .content_supp{margin:15px 0} .sup_imgBit {float: left;width: 33.333%;padding: 0 10px;} .sup_imgBit a{display:block; border:1px solid #e6e6e6} /*================================= PANIER ==================================*/ .contenu_panier {padding-bottom: 100px;max-width:1000px; margin:auto} .panier_contentpage{padding:25px 20px 0 20px;background-color:#ffffff;position:relative} .etapescommande{margin:15px auto 25px;max-width:730px;} .stepBox.stepActive {display: block;} .stepBox {padding: 0 36px;position: relative;display: none;max-width: 320px;margin: auto;text-align: center;} .stepBox.noBg{background:none;} .stepBox.stepActive::after{content:""; display:block; height:3px; width:25px; position:absolute; background-color:#ae0f09 ; left:50%; margin-left:-12px; bottom:-7px; } .stepBox span{display:block;padding:0 0 2px;border-bottom:2px solid #ffffff;font:28px "DINBold";text-transform:uppercase;} .stepBox a{display:block;padding:0 0 10px;font-size:17px;text-transform:uppercase;} .stepBox.stepActive span, .stepBox.stepActive a{color:#ae0f09 ;} div.erreur_message{color:#ae0f09 ;font:14px "Gotham-Medium";text-align:center;margin:10px 0} /** CDE 1 **/ .detail_panier_cde {padding-top: 20px;} .tablecde_head{width:100%;} .tdheadcde{padding:12px 0;color:#ffffff;text-transform:uppercase;text-align:center;font-size:13px;background:#63b0a1;position:relative; letter-spacing:1px} .tdheadcde::after{content:""; display:block; height:15px; width:1px; position:absolute; background-color:rgba(255,255,255,0.5);right:0; top:50% ;margin-top:-7px} .col_designation{width:535px;} .col_qte{width:123px;} .col_PU{width:144px;} .col_total{width:155px;} .col_total::after{display:none} .panierBit{width:100%;position:relative;} .tdCell{border-bottom:1pt solid rgba(35,31,32,0.25);padding:10px 0;} .cell_designation{width:658px;} .panierBit_caract{/*position:fixed;left:-9000px;top:-9000px;z-index:-9;*/} .panierBit_ima{width:11%;text-align:center;} .panierBit_lib{width:89%;padding-left:15px;} .panierBit_libContent{float:left;} .panierBit_libContent a{font-size:13px;text-transform:uppercase;color:#003973;display:inline-block} .qteBloc{position:relative;width:68px;float:right;margin-right: 9%;} .panierBit_caract select {width: 100%;max-width:230px;border: 1pt solid rgba(0,57,115,0.4);height: 35px;background: #fff url(template-down.png) no-repeat 95% center;padding: 5px 30px 5px 10px;background-size: 11px;color:#003973} .pan_c_b {display: block;min-width: 40%;margin: 2px 0 8px 0;} .pan_caractBit {padding-bottom: 2px;margin: 2px 0;border-bottom: 1px solid #ccc;} .cell_PU{width:144px;text-align:center;} .prix_unit{font:14px "MontSerrat-SemiBold"} .prix_old_cde1{font-size:12px;text-decoration: line-through;} .cell_total{width:155px;text-align:center;} .prix_total{font:16px "MontSerrat-SemiBold";} .del_cart{position:absolute;top:50%;right:0;transform: translate(0, -50%);-webkit-transform: translate(0, -50%);-ms-transform: translate(0, -50%);-o-transform: translate(0, -50%);} .codeBox{padding:10px;background-color:#217c77;} .codeBox_content{max-width:470px;width:100%;float:right;} .codeBox_lib{float:left;color:#ffffff; margin: 5px 5px 0 0;} .codeBox_form{float:right;padding-right:5px} .input_codepromo{border:none;width:225px;height:25px;background-color:#ffffff;text-align:center;color:#003973;font-size:13px;float:left; padding: 5px 10px;} .codeBox_form a{display:block;float:left;width:25px;height:25px;text-align:center;color:#ffffff;padding-top: 4px;padding-left: 7px;} .erreurCadeau{color:#ae0f09 ;font-size:13px;text-align:center;padding:10px 0;} .texteperso1_panier{padding:10px 0;border-bottom:1pt solid rgba(35,31,32,0.25);text-align:center;text-transform:uppercase;font:12px "Gotham-Medium";letter-spacing:1px} .texteperso1_panier strong{color:#ae0f09 ;font:12px "MontSerrat-SemiBold";} .cde1ajax .texteperso_article{padding-top:10px} .article_offert_noel {background-color:#217c77;margin-top: 2px;display:flex;justify-content:flex-end;width:100%;} .commande_livraison_box{width:520px;float:left;} .select_livraison_cde{padding:20px 0;border-bottom:1pt solid rgba(35,31,32,0.25);margin-bottom:20px;} .article_offert_noel_select{max-width:470px; width:100%;} .article_offert_noel.select_livraison_cde{padding:10px;border-bottom:1pt solid rgba(35,31,32,0.25);margin-bottom:20px;width:100%;} .select_livraison_lib{margin-bottom:10px;text-transform:uppercase;font-size:13px;font-weight: 600;} .select_livraison_lib_noel{margin:5px 78px 0 0;text-transform:uppercase;font-size:13px;font-weight: 500;color:#fff;} .article_offert_noel .select_livraison_select select{width:270px;border:1pt solid rgba(0,57,115,0.4);height:25px; background:#fff url('template-down.png') no-repeat 95% center;padding: 4px 30px 3px 8px; color:#003973} .select_livraison_select select{width:270px;border:1pt solid rgba(0,57,115,0.4);height:35px; background:#fff url('template-down.png') no-repeat 95% center;padding:5px 30px 5px 15px; color:#003973} .modelivraison_cde{} .modelivraison_lib{margin-bottom:30px;text-transform:uppercase;font-size:13px;font-weight: 600;} .modelivraisonBit{position:relative;padding:0 0 30px 0;} .modelivraisonBit_lib{ padding-left: 62px;position: relative;} span.image_logo {position: absolute;left: 0; top: 50%;z-index: 1;margin-top: -25px;} .modelivraisonBit_nom{text-transform:uppercase;font-size:13px;} .modelivraisonBit_desc{color:#878786;font-size:12px;} .column_right_cde{width:280px;float:right;margin-right:15px;padding-top:20px;} .gift_cde{padding:0 0 0 45px;text-transform:uppercase;font-size:13px;background:url('template-gift_ico.png') no-repeat left center;line-height:15px;margin-bottom:10px;font:13px "Gotham-Medium"} .gift_cde strong{display:block;} .frais_gratuit_cde{padding:2px 0 0 45px;text-transform:uppercase;font-size:13px;background:url('template-truck_ico.png') no-repeat left center;color:#ae0f09 ;margin-bottom:10px;line-height:15px;font:13px "Gotham-Medium"} .table_total_cde{padding-top:20px;} .table_total_cde table td.tot_lib{width:60%;font:13px "MontSerrat-Light";padding: 5px;} .table_total_cde table td.tot_val{width:40%;text-align:right;color:#003973;font:13px "MontSerrat-SemiBold"} .montant_total_cde{margin:20px 0;padding:20px 0;border-top:1pt solid rgba(35,31,32,0.25);border-bottom:1pt solid rgba(35,31,32,0.25);} .montant_total_lib{float:left;text-transform:uppercase;font:15px "MontSerrat-Light";;margin-top:5px;} .montant_total_val{float:right;color:#217c77 ;font:20px "MontSerrat-SemiBold";} .divcgv{position:relative;font-size:13px;margin-bottom:20px;line-height:15px;} .divcgv input{position:absolute;top:4px;left:0;margin:0;} .divcgv a{color:#003973;text-decoration:underline; position: relative;z-index: 99;} .divcgv:hover a{text-decoration:none;} .valid_cde_btn{margin-bottom:8px;} .valid_cde_btn a{position:relative;width:100%;background:#217c77;color:#ffffff;font-size:17px;padding:21px 0 19px 0;text-transform:uppercase;display:block;text-align:center;} .valid_cde_btn a:focus, .valid_cde_btn a:hover{background-color:#0B6B62;} .livraison_prevu{text-align:center;font-size:13px;margin-bottom:15px;} .livraison_prevu span{color:#217c77 ;} ul.cde_other_btn{} ul.cde_other_btn li{margin-bottom:8px;} ul.cde_other_btn li a{display:block;padding:10px 0;text-align:center;text-transform:uppercase;background-color:#63b0a1 ;color:#fff;font-size:13px;} ul.cde_other_btn li a:hover{background-color:#217c77;} /********inout design********/ .input_abs {position: absolute;z-index: 1;width: 100%;left: 0;top: 0;height: 100%;cursor: pointer;opacity: 0;} .input_rel {position:relative; z-index:1; margin:0 5px 10px 0} .input_abs + .texte_abs{display:inline-block; background:url("template-radio_off.png") no-repeat left top; padding:0 0 5px 30px;background-size:15px; color:#003973} input[type="checkbox"].input_abs + .texte_abs{background-image:url("template-check_off.png")} .input_content.civ_radio .input_abs + .texte_abs{background-size:15px; padding-left:23px} .input_abs:checked + .texte_abs{background-image:url("template-radio_on.png")} input[type="checkbox"].input_abs:checked + .texte_abs{background-image:url("template-check_on.png")} .paiement_footer_cde {padding:15px ;text-align: center;background-color: #fff;border-top:1pt solid rgba(35,31,32,0.25); margin-bottom:5px} .modelivraisonBit .input_abs + .texte_abs {background-position: 0 46%;} @media only screen and (min-width:767px) { .tab_lib {display: table;width: 100%;} .tab_lib >div {display: table-cell;vertical-align: middle;float: none;} } .input_content.civ_radio {text-align: center;margin-top: 15px;} .input_content .civ_radio label{margin-right:15px} .port_gratuit + .port_b_pan{display:none} a.suppr_red {color: #fff;background: #ae0f09;border-radius: 100%;-webkit-border-radius: 100%;-ms-border-radius: 100%;width: 15px;height: 15px;line-height: 15px;font-size: 12px;display: inline-block;text-align: center;} /**POPUP**/ .artPopub_titre{color:#e32d49 ;font:13px "Raleway-SemiBold";padding:10px;text-align:center;text-transform:uppercase} .artPopub{padding:0 10px} .artPopub_lib{font:20px "Gotham-Medium";text-transform:uppercase; color:#474442; margin:0; padding-top:10px} .article_prix_promo{color:#474442 ;font:18px "Raleway-SemiBold";text-transform:uppercase} .article_code{color:#716968; padding:10px 0} .article_code > strong{color:#716968;font:12px "Gotham-Book";text-transform:uppercase} .artPopub_ima{border:1px solid #e0e0e2;margin-bottom:15px} .artPopub_continuer{float:left;width:auto} .artPopub_valider{float:right;width:auto} .artPopub_continuer a{background-color:#716968;color:#fff!important;display:block;font:13px "Raleway-SemiBold";padding:10px 15px;text-transform:uppercase;width:245px;text-align:center} .artPopub_valider a{background-color:#ce9e6a;color:#fff!important;display:block;font:13px "Raleway-SemiBold";padding:10px 15px;text-transform:uppercase;width:220px;text-align:center} #TB_title{background-color:#fff!important;border-bottom:2px solid #212f4a!important;height:auto!important;position:relative;width:100%} .ajout_panierpopup#TB_ajaxContent{background-color:#fff;margin:0} #TB_ajaxWindowTitle{float:none!important;margin-bottom:1px;padding:7px 0 5px 10px;position:relative;color:#3C3C3C;height:50px;text-align:center;font:30px Gotham-book;text-transform:uppercase;background:url(template-logo.svg) no-repeat scroll center center;color:transparent;margin-bottom:0; background-size:auto 50px;font-size:0!important} #TB_ajaxContent{width:100%!important;height:auto!important;max-height:395px; background:#ffffff} #TB_closeAjaxWindow{padding:3px 3px 0 0 !important;position:absolute;right:-21px!important;top:-17px!important} #TB_closeWindowButton{display:block;height:36px;width:36px;font-size:0} #contenuCde2 .divers_titre {display: none;} /*==================================== COMMUN8LOGGING CDE ======================================*/ .page_client .page_content {margin-top: 0;} .fb_iframe_widget { display: none!important; } div#contenuCde2 .connecte {padding: 30px 15px;text-align: center;max-width:1016px; margin:auto;border: 1px solid #ccc;} .content_commun_logging { max-width: 650px;margin:25px auto;padding:20px} .not_connected .conteneur_bottom_art.conainer_nonconnecte + .conteneur_bottom_art {display: none;} .conteneur_bottom_art.conainer_nonconnecte {display: none;} .not_connected .conteneur_bottom_art.conainer_nonconnecte{display:block} .tab_logging {background: #F1F1F2;} .input_txt {height: 40px;width: 100%;padding: 5px 15px;background: #fff; border: 1px solid rgba(0,57,115,0.4);font-size: 12px;color: #003973;} .labelform{ font:11px "Gotham-book"; margin-bottom:10px;text-align:left; display:block} .selectBox select,.selcct_pays select {height: 40px;width: 100%;padding: 5px 40px 5px 15px;background: #fff url("template-down.png") no-repeat 98% center; border: 1px solid rgba(0,57,115,0.4);font-size: 12px;color: #003973;} .mini_select.selectBox select {background-position: 95% center;} .submitForm{text-align:right; margin-top:15px} .mdp_lost{text-align:right} .mdp_lost a{text-decoration:underline;color:#ae0f09 } .formulaireBlocContent .form_et{display:block} label.errorForm{display:block; text-align:right;color:#ae0f09;font:11px "Gotham-Medium";margin-top:2px} label.errorForm br{display:none} .nb_champs {font-style: italic;font-family: Gotham-Medium;} .formulaireBlocContent {margin-top: 15px;} .champoblig{text-align:right} .choiceBox.pi-text-left {min-height: 40px;padding-top: 10px;} .form_recap {margin: 0;text-align: left;} .btn_cd {text-align: left;margin-top: 15px;} .btn_create {background: #666666;border: none;color: #fff;font: 13px "Gotham-Medium";text-transform: uppercase;padding:12px 8px;text-align: center;} .submitForm.pi-text-left {text-align: left;margin-top: 0;} /***********nouv commun logging********/ .ongle_logging {padding-bottom: 20px;} .ongle_logging .pi-tabs-navigation li {width: 50%;text-align: center;background:#f1f1f2;border: 0;} .ongle_logging .pi-tabs-navigation li.pi-active {background:#57b09f;} .pi-tabs-navigation li .onglt_log {text-transform: uppercase;display: block;font: 15px "Montserrat-Bold";padding: 20px 0 18px 0;color:#57b09f} .ongle_logging .pi-tabs-navigation li.pi-active .onglt_log { color: #fff;} .pi-tabs-navigation li .onglt_log:after { content: "";background-color: transparent;width: 37px!important;height: 1px!important;position: absolute;bottom: 0px!important;top: auto!important;left: 50%!important;border-radius: 0!important;-webkit-border-radius: 0 !important;-ms-border-radius: 0 !important;-o-border-radius: 0 !important;transform: translate(-50%,0%);-webkit-transform:translate(-50%,0%);-ms-transform:translate(-50%,0%);-o-transform:translate(-50%,0%);} .pi-tabs-navigation li.pi-active .onglt_log::after {background-color: #57b09f;} .tab_logging .formulaireBlocContent {max-width: 360px;margin: 15px auto;} .tab_logging .pi-tabs-content {padding: 0 20px;} .tab_logging #divFormInscription .formulaireBlocContent {margin-left:0;padding-top: 15px;} .tab_logging .formBox,.tab_livraison .formBox {margin-bottom: 15px;position: relative;padding-bottom: 10px;} .tab_logging .labelform, .tab_logging .form_et, .tab_livraison .labelform, .tab_livraison .form_et{ font:13px "MontSerrat-regular";margin-bottom: 15px;} .tab_logging label.errorForm ,.tab_livraison label.errorForm {display: block;text-align: right;font: 11px "MontSerrat-SemiBold";margin: 2px 0 -10px 0;position: relative;left: 0;width: 100%;} .tab_logging .input_txt, .tab_livraison .input_txt{border:1px solid rgba(0,57,115,0.4); height:45px; background:#fff} .tab_logging .selectBox select,.tab_livraison .selectBox select {border:1px solid rgba(0,57,115,0.4); height:45px; background-color:#fff;background-size: 12px auto;} .tab_logging .selectBox .miniSelect select,.tab_livraison .selectBox .miniSelect select{background-position:92% 50%} .note_champs{padding-top:6px; font:11px "Gotham-Book"; color:#999; display:block} .logo_client{text-align:center; padding:5px 0 25px 0} .logo_client .logo{margin-top:0; padding-top:15px} .text-perso_client {text-align: center;font: 14px "MontSerrat-Light";margin: 15px 0;padding:0 15px} .submitc{margin-bottom:15px} .button_validnou {display: block;background: #63b0a1 ;color: #fff;height: 45px;width: 100%;max-width: 310px;margin: auto;text-transform: uppercase;border: none;font:15px "Raleway-SemiBold";transition:all 0.5s;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-o-transition:all 0.5s;-ms-transition:all 0.5s;} #divFormInscription .button_validnou{margin-left:0} .button_validnou:hover{background-color:#217c77 ;transition:all 0.5s;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-o-transition:all 0.5s;-ms-transition:all 0.5s;} .pass_perdu{margin-top:22px; text-align:center} .pass_perdu a{color:#0c7c75; font-size:13px ; text-decoration:underline} .pass_perdu a:hover{text-decoration:underline; color:#003973} .tab_logging form input:-webkit-autofill {-webkit-box-shadow: 0 0 0px 1000px #fff inset;-webkit-text-fill-color: #003973!important;} .hr_texte {padding: 15px 0;text-align: center;position: relative;font: 17px "Raleway-SemiBold";text-transform: uppercase;} .hr_texte span {position: relative;z-index: 2;background: #fff;padding: 0 15px;display: inline-block;letter-spacing: 2px;} .hr_texte::after {content: "";height: 1px;width: 100%;position: absolute;background: #eee;left: 0;top: 50%;z-index: 1;} /**********CONNEX fb***********/ .tableau_connex {display: table;width: 100%;margin: 38px 0 0 0;padding:0 10px} .tableau_connex>div {display: table-cell;text-align: center;width: 33.333%;padding: 0 5px;} .tableau_connex a {display: block;padding:15px 5px 15px 15px;border: solid 2px #ddd;font: 15px "Gotham-Medium";text-transform: uppercase;} .tableau_connex a span {display: block;margin-left: 9px;} .tableau_connex a:hover{color:#ddd} a.reso_fb span {background: url(template-flogo.svg) no-repeat; background-position:left center} a.reso_google span {background: url(template-googleg.svg) no-repeat; background-position:left center} a.reso_twitter span {background: url(template-twitter.svg) no-repeat; background-position:left center} .terms_log{color:#666; margin:5px 0 25px 0; letter-spacing: 0.8px;line-height: 1.5;} .terms_log a{padding-bottom:1px; border-bottom:1px solid #666;display:inline} .terms_log a:hover{opacity:0.65;-webkit-opacity:0.65;-ms-opacity:0.65;-o-opacity:0.65; color:#003973 ; border-bottom-color:#003973 } .row_mini{margin:0 -5px} .row_mini::after{content:""; display:block; clear:both} .miniSelect{float:left; padding:0 5px; width:33.333%} .client_connected .hidden_conncted{display:none!important} .client_connected .stepBox{width:33.3333%; max-width:100%} .login_cdeb .sod_select .sod_label{border:none;border-bottom: 2px solid #333;} label.checkNews, .choiceBox label {position: relative;} @media only screen and (max-width: 980px){ .content_cde2 {padding: 15px;} .etapecd_lib{font-size:21px} .bloc_fixed_create{max-width:350px} .lab_cdeb{font-size:12px} .lib_cdc{font-size:21px} } @media only screen and (max-width: 767px){ .max_cde2{margin:auto} .content_logging .row {display: block!important;} .bloc_cde_left {border-bottom: 2px solid rgba(151,151,151,0.5);border-right:none; padding-bottom:15px; margin-bottom:25px;max-width: 100%;} .col-sm-6.bloc_cde_right{max-width: 100%;} } @media only screen and (max-width: 640px){ .bloc_fixed_create{max-width:100%; padding-top:30px} .close_pop{top:25px} .max_cde2 {width: 100%;padding: 0 15px;} .etapecd_lib{font-size:19px} .lib_cdc{font-size:19px} .relative_form form {padding-left:4%; padding-right:4%} } @media only screen and (min-width:640px) { #inscrit .formulaireBlocContent {margin-top: 50px;} div#contenuCde2 .formBox {margin-bottom: 10px;} } @media only screen and (min-width:767px) { .content_commun_logging {margin-top:30px} .panierBit_lib .qteBloc{padding-right:0; margin-right:0} #contenuCde3 .panierBit_lib .qteBloc {padding-right: 0;} #contenuCde3 .contenu_qte_art{text-align:center} } .texteperso_panier p{text-align: center;padding: 15px 0;font: 13px "Gotham-Medium";} .formulaireBloc .titre_top.color_white.border_b_vert, .page_cde4 .titre_top.border_b_vert, .titre_top.border_b_vert.lib_instit {text-transform: uppercase;} form input:-webkit-autofill { -webkit-box-shadow: 0 0 0px 1000px #ffffff inset; -webkit-text-fill-color: #003973 !important; } .institform_content form input[type="text"]:-webkit-autofill { -webkit-box-shadow: 0 0 0px 1000px #f4f2f5 inset; -webkit-text-fill-color: #003973 !important; } form .adresse_newsletter:-webkit-autofill { -webkit-box-shadow: 0 0 0px 1000px #ffffff inset; -webkit-text-fill-color: #003973 !important; } input:-internal-autofill-previewed, input:-internal-autofill-selected, textarea:-internal-autofill-previewed, textarea:-internal-autofill-selected, select:-internal-autofill-previewed, select:-internal-autofill-selected{background-color: #ffffff!important;} .institform_content form input[type="text"]:-webkit-autofill , .institform_content form input[type="text"]:-internal-autofill-previewed, .institform_content form input[type="text"]:-internal-autofill-selected, .institform_content form textarea:-internal-autofill-previewed, .institform_content form textarea:-internal-autofill-selected{background-color: #f4f2f5!important;} /** CDE 3 **/ .cde3Print{max-width:300px;margin-top:20px;min-height: 92px;} .cde3Print a{position:relative;width:100%;background-color:#474949;color:#ffffff;font-size:14px;padding:10px 0;text-transform:uppercase;display:block;text-align:center;} .cde3Print a:focus, .cde3Print a:hover{background-color:#003973;} .cde3Moyen{} .cde3Moyen_lib{font-size:16px;text-transform:uppercase;font-family:'MontSerrat-Bold';padding:0 0 10px;margin-bottom:15px;} #contenuCde3 .montant_total_cde{border-bottom:none;margin-bottom: 0;} #contenuCde3 .table_total_cde{border-bottom:none;padding-bottom: 0;} .cde3MoyenBit{padding:10px;background-color:#ffffff;margin-bottom: 20px;border:2px solid rgba(0,57,115,0.4);} .moyenOdd.cde3MoyenBit{background-color:#ffffff;} .cde3MoyenBit_lib{text-transform:uppercase;font: 14px "MontSerrat-SemiBold" ;margin-bottom:5px;} .cde3MoyenBit_desc{font-size:12px;color:#808284} .cde3MoyenBit_desc p {margin: 0;font-size: 13px;padding: 15px;line-height:1.5;color:#808284} .cde3MoyenBit_btn{padding:10px;width:100%} .valid_paiement{position:relative;width:100%;background-color:#63b0a1;color:#ffffff;font:13px "Raleway-SemiBold";padding:8px 15px;text-transform:uppercase;display:block;border:none;max-width: 200px;margin: auto;} .valid_paiement:hover{background-color:#217c77} .titre_recap3_cde {font-size: 16px;text-transform: uppercase;font-weight: 600;padding-bottom: 10px;} .table_moyen {display: table; width:100%;min-height: 85px; cursor: pointer;padding-left: 35px;background: url('template-radio_off.png') no-repeat 5px 50%;} .table_moyen.selected{background-image: url('template-radio_on.png')} .table_moyen>div {display: table-cell;vertical-align: middle;} .moyen_logo {width: 100px;padding-right: 15px;} .panier_table_cde1::after {display: block;clear: both;content: "";} .panier_table_left {float: left;width: 65%;} .panier_table_right {float: right;width: 35%;padding-left: 30px;} .titre_recap3_cde {font-size: 16px;text-transform: uppercase;font-family:'MontSerrat-Bold';padding-bottom: 10px;} .liste_article_cde3 {padding-bottom: 20px;border-bottom:1pt solid rgba(35,31,32,0.25)} span.img_article {margin-right: 10px;max-width: 73px;display:inline-block; margin-bottom:5px} .moyen_description {display: none;} .table_moyen.selected + .moyen_description {display: block;} .img_article .qte {padding: 5px 2px;text-align: center;font: 12px "Montserrat-Regular";} /** CDE 4 **/ .recapcde_lib{text-align:center;text-transform:uppercase;font:24px 'Montserrat-Bold';color:#003973;padding:0 0 10px;margin:25px 0;} .panierBit4{padding:10px;background-color:#f5f5f5;border-bottom:1pt solid #b3b3b3;display:table; width:100%} .panierBit4 >div {display: table-cell;vertical-align: middle;} .panierBit4_lib{font-size:13px;font-weight:700;} .panierBit4_lib strong{font-size:14px;color:#003973;} .panierBit4_price{text-align:right;font-size:14px;color:#ae0f09 ;min-width:70px;} .moyenCde4{padding:5px 0;font-size:13px;} .moyenCde4 strong{color:#ae0f09 ;} .adress_cde4{margin-top:25px;max-width: 320px;} .adress_cde4_lib{font:16px 'MontSerrat-SemiBold'; padding-bottom: 10px;border-bottom: 1pt solid rgba(35,31,32,0.25);margin-bottom: 10px;} .adress_cde4_content{font-size:12px;} .cde4_button {display: table;width: 100%; max-width: 500px;margin: auto;} .cde4_button >div {display: table-cell;padding: 0 5px;vertical-align: middle;} .btn_print_4{margin-bottom:15px;} .btn_print_4 a{position:relative;width:100%;background-color:#63b0a1;color:#ffffff;font-size:14px;padding:10px 0;text-transform:uppercase;display:block;text-align:center;} .btn_print_4 a:focus, .btn_print_4 a:hover{background-color:#217c77 ;} .btn_back_4 a{position:relative;width:100%;background-color:#878786 ;color:#ffffff;font-size:12px;padding:10px 0px;text-transform:uppercase;display:block;text-align:center;} .btn_back_4 a:hover{background-color:#474949 ;} .content_bg_w {background-color: #fefefe;text-align: center;padding: 15px;} .cde4recap {margin-top: 38px;} .max_cde4{max-width:400px ; margin-left:auto} .conteneur_cdetxt .content_bg_w p{margin:0} .contenu_paniercde4 {background: #fff;padding:30px;border:1pt solid rgba(0,57,115,0.4); max-width:1000px; margin:20px auto 0 auto} .contenu_paniercde4 .content_bg_w{background: #ffffff;} .contenu_paniercde4 .content_bg_w *{text-align:center!important} .page_cde4 .panier_contentpage {padding-bottom: 100px;} /*==================================== INSTIT ======================================*/ .contenu_instit {max-width: 1120px;margin: auto;padding:25px 15px;} .institform {background-color: #fff;padding:15px 40px 40px 40px;margin:30px 0;border: 1pt solid rgba(0,57,115,0.4);} .formBox {margin-bottom: 5px;margin-top: 5px;} .bloc_ins.modif_form_client .formBox{margin-bottom:10px} .institform_content input[type="text"] {height: 40px;width: 100%;padding: 5px 40px 5px 15px;background: #f4f2f5;border: none;font-size: 12px;color: #003973;} .institform_content textarea {height: 107px;width: 100%;padding: 5px 40px 5px 15px;background: #f4f2f5;border: none;font-size: 12px;color: #003973;resize:vertical} input_text {height: 40px;width: 100%;padding: 5px 40px 5px 15px;background: #f2f2f2;border: none;font-size: 12px;color: #a7a9ac;} .form_et{ font: 13px "Gotham-Medium"; margin-bottom:10px; text-align:left; color:#003973} .etoile{color:#ae0f09 } span.recopie_txt {float: right;width: 61%;margin-top: 15px;} .institform_content .form_content_w::after {display:block; clear:both; content:""} .institform_content .form_content_w .formBox {float: left;width:100%;} .texte_perso_instit {margin: 15px auto;text-align: center;font-size: 12px;padding: 0 15px;font-family:Montserrat-Light} .upload-btn-wrapper {position: relative;overflow: hidden;display: inline-block;} .btn_file {border: none;color: #231f20;background-color: #f2f2f2;padding:10px 20px;font: italic 11px "Gotham-Book";} .prerempli {margin-top: 15px;} .titre_top.color_white.border_b_vert {color: #003973!important;} .page_rechercher .pi-section.pi-no-padding h1 {opacity: 0;-webkit-opacity: 0;-ms-opacity: 0;-o-opacity: 0;height: 0;margin: 0;padding: 0;} .upload-btn-wrapper input[type=file] {font-size: 11px;position: absolute;left: 0;top: 0;opacity: 0;height:100% } .submitForm {text-align: right;float:left; width:100%;} .button_valid{background-color:#63b0a1 ; border:none; color:#fff; text-transform:uppercase; font:14px "Raleway-SemiBold"; padding:5px 15px; min-width:150px; text-align:center} .button_valid span{display:inline-block; padding:8px 0; } .button_valid:hover{background-color:#217c77 } .contenu_instit.instit_p1 .texte_instit{display: none;} /*.contenu_instit .texte_instit .row {margin-bottom: 25px;}*/ .contenu_instit.instit_p1 h1.divers_titre {display: none;} .institform_content {margin-top: 25px;} .contenu_instit.instit_p50 .texte_perso_instit h1 *{color:#ae0f09 !important} .instit_p29 .institform .divers_titre {display: none;} .instit_p29 .institform {background: none;border: none;} .instit_p29 .institform_content {background-color: #fff;padding:15px 20px;border: 1pt solid rgba(0,57,115,0.4);} /*******NEWSLETTER*********/ .max_content {max-width: 483px;margin: 31px auto 20px auto;} .content_newsletter_page .form_content_w.shad {background: #fff;padding: 15px;border: 1px solid #ccc;} .content_newsletter_page form{} /*******RECHERHCER********/ .page_rechercher .content_newsletter_page {padding-top: 20px;padding-bottom:10px; max-width: 1100px;margin: auto;} .li_histo li{margin:5px 8px; display:inline-block; vertical-align:middle} .no_histo .col-sm-6.pi_formu form {max-width: 500px;margin: auto;} .no_histo .col-sm-6.pi_formu {width: 100%;} .li_histo li a:hover{color:#e53c65 ; text-decoration:underline} .rechcontenubit{border-left:3px solid #63b0a1 ; padding:15px 15px 15px 30px; background-color:#f1f1f1; margin-bottom:15px} .surligne{color:#ae0f09 } .nosrayons_navigation >* {display: inline-block;font: 12px "Gotham-book";} .cde4recap .table_total_cde{border-top:none} .reponse_success.erreurInstit {text-align: center;} .reponse_success.erreurInstit span {display: inline-block;background: url("template-ico_check.png")no-repeat center left;padding-left: 24px;color: #ae0f09 ;font:14px "Gotham-Medium"} .reponse_success.erreurInstit span br {display: none;} @media only screen and (min-width:640px) { .institform_content .form_content_w .formBox:nth-child(1) {float: left;width: 50%;padding-right:10px} .institform_content .form_content_w .formBox:nth-child(2) {float: left;width: 50%;padding-left:10px} } .nosrayons_description{color:#878786} /*==================================== CLIENT ======================================*/ .content_client {max-width: 1100px;margin: auto;} .client_wrapper { margin-bottom:20px} .row_mini::after {content: "";display: block;clear: both;} .row_mini {margin: 0 -5px;} .client_wrapper div.input_rel {margin-left: 15px;} .btn_retour {background: #878786 ;border-radius: 0;-webkit-border-radius: 0;-ms-border-radius: 0;-o-border-radius: 0;display: inline-block;font: 12px "Raleway-SemiBold";padding: 13px 10px;min-width:130px; text-align:center; vertical-align:middle; text-transform:uppercase; color:#fff;width: 48%;} .btn_retour:hover{background:#474949; color:#fff} .btn_retour.bg_n:hover {background-color: #474949;} .form_center textarea{background-color: #fafafa;border: 1px solid #cecece;height: 60px;padding: 0 15px;width: 100%!important;resize:none} .form_center textarea:focus{border-color: #ae0f09 ; } .client_titre {background: #2db8e8;color: #ffffff;font: 17px"Gotham-Medium";padding: 5px;text-align: center;} .client_titrebis {background: #2db8e8;color: #ffffff;font: 18px "Gotham-Medium";padding: 10px;text-align: center;text-transform: uppercase;font-size: 15px;} /**********ADREESSE LIVRAISON*******/ .client_adresse_ .has_bord {border: 1px solid rgba(147,149,152,0.5);border-top:none} .client_adresse_ .title_form +.pi-row .col-sm-6 .formBox_content {border: 1px solid rgba(147,149,152,0.5);} .adresse_livr_fac_c .adresse_fact .col-sm-6{border:none;padding-left: 0;} .adresse_livr_fac_c .adresse_liv .col-sm-6{border:none;padding-left: 0;} .adresse_livr_fac_c .adresse_liv .col-sm-6:nth-child(2n+1){border-left:none} .adresse_liv, .adresse_fact{text-align:left; margin:0 0 30px 0} .title_livraison {color: #242626;margin: 5px 0;padding-bottom: 5px;text-transform: uppercase;font-weight:bold;font-size: 13px;} .adresse_txt {display: block;margin: 5px 0;} .adresse_txt i {margin-right: 5px;} .adresse_btn {border-radius: 3px;-webkit-border-radius: 3px;-ms-border-radius: 3px;-o-border-radius: 3px;color: #ffffff;display: inline-block;margin-right: 5px;padding: 10px;} .adresse_btn:nth-child(2) {background-color: #d63261;} .adresse_btn:nth-child(1) {background-color: #1b1b1b;} .adresse_action {padding:15px 0 10px 0} .adresse_action .btn_client{font-size:18px; min-width:50px; margin-top:0; padding: 11px 15px;vertical-align:middle; text-align:center; border:1px solid #003973;background:#fff; width:50px; color:#003973;} .adresse_action .btn_retour{font-size:18px; min-width:50px; margin-top:0; padding: 11px 15px;vertical-align:middle; text-align:center;border:#ae0f09 1px solid;background:#fff; width:50px; color:#ae0f09 } .content_adresse_c .btn_client{ margin-top:0;vertical-align:middle} .form_modif{padding-bottom:20px} .client_adresse_ .col-sm-6 .formBox_content{box-shadow:none!important; border-right: 1px solid #ccc;margin-bottom: 15px!important; } .client_adresse_ .col-sm-6:nth-child(2n) .formBox_content{border:none} /**************COMMANDE************/ .table_commande{margin:15px auto} .content_cmd table .cmdbit td {padding: 5px;background-color: #ffffff;border-bottom: 1px solid #ccc;vertical-align: middle;} .content_cmd table .cmdbit:nth-child(odd) td {background-color:#fff} .btn_oth_c {color: #003973;display:block;margin-right: 5px;padding:10px 15px;text-transform:uppercase; border:2px solid rgba(0,57,115,0.4); font:13px "Gotham-Medium"; max-width:180px; text-align:center; margin:2px auto} .ttc_cmd_c {display: block;font: 12px "Gotham-Medium";padding-top: 5px;text-transform: uppercase;} .etat_cmd_c {display: block;padding-top: 5px;} .btn_oth_c:hover{color:#63b0a1 ; border-color:#63b0a1 } .bg_red{background-color:#D73161!important} .content_menuclient.content_cmd_cl.no_commande .nombre_ar_client_b {display: none;} .coord_fact .pi-col-md-6:nth-child(2) .formBox_content {margin-right: 0;} .max_ad{max-width:200px; margin:auto; text-align:left} .content_menuclient .title_form{font: 16px "Raleway-SemiBold";padding: 12px 15px 12px 0;margin-bottom: 15px!important;text-transform:uppercase; border-bottom:1px solid rgba(0,57,115,0.4)} .bull_client {display: inline-block;margin-left: 2%;vertical-align: middle;position:relative} .content_infobull{background:#1b1b1e none repeat scroll 0 0;color:#fff;display:none;width:220px;left:-95px;margin-top:20px;overflow:hidden;padding:5px 10px 5px 10px;position:absolute;top:50%;z-index: 10} .form_ajout_adresse span.sod_select.selectPerso.disabled{max-width:200px; vertical-align:middle} .bloc_ins .textarea_txt{width:100%} .bloc_ins.modif_form_client {padding: 0 calc(8 * 4px);} .nombre_ar_client_b {padding:10px 15px;background: #63b0a1 ;margin: 25px 0 15px 0;letter-spacing:0.5px; color:#fff} .client_adresse_.adresse_livr_fac_c{color:#003973; } .bloc_ins.modif_form_client .texte_abs{color:#003973} .formBox_auto {max-width: 360px;margin:auto} .retour_cl {display:none; width:30px ; height:30px; background:url('template-retours.svg')no-repeat center; position:absolute; left:0px; top:8px} .hidden_hascmd{display:none} .no_commande .hidden_hascmd{display:block} .no_commande .hidden_hascmd + .texte_menu_profil{display:none} @media only screen and (min-width:980px) { .menu_client {margin-top: 48px;margin-bottom: 50px;} } .modif_form_client .btn_client,.client .form_modif .btn_client {vertical-align:middle;} .btn_client{background-color: #63b0a1 ;padding: 13px 10px;color: #ffffff;font:12px "Raleway-SemiBold";display: inline-block;vertical-align: middle;border:none; min-width:130px;border-radius: 0;-webkit-border-radius: 0;-ms-border-radius: 0;-o-border-radius: 0;text-transform:uppercase;width: 50%;text-align:center} .btn_client:hover{background-color:#217c77; color:#fff} .modif_form_client .form_et { color: #003973;font: 13px "MontSerrat-regular";letter-spacing: 1px;margin-bottom: 10px;} .modif_form_client .formBox_.pi-text-left, .formbox_.pi-text-left {margin: 0;} .modif_form_client .formBox_content {margin: 0;padding: 0;max-width: 360px;} .modif_form_client form input:-webkit-autofill {-webkit-box-shadow: 0 0 0px 1000px #fff inset;-webkit-text-fill-color: #474949 !important;} .modif_form_client .input_txt {border: 1px solid rgba(0,57,115,0.4);height: 45px;background: #fff;} .modif_form_client .formBox{margin-bottom: 10px;position: relative;padding-bottom: 10px;} .modif_form_client .selectBox select {border: 1px solid rgba(0,57,115,0.4);height: 45px;background-color: #fff;background-size: 12px auto;padding-right: 22px;} .modif_form_client .selectBox .miniSelect select {background-position: 92% 50%;} .adresse_clientBit {margin: 15px 0;} .adresse_clientBit_lib{font:16px 'Raleway-SemiBold'; padding-bottom: 10px;border-bottom: 1pt solid rgba(35,31,32,0.25);margin-bottom: 10px;} .table_content_cmd{} .head_table_cmd{background-color:#003973;color:#ffffff;} .head_table{float:left;padding:10px;} .head_table_mobile{display:none;width:100%;padding:10px;text-transform:uppercase;font-weight:300;} .head_table_c1{width:9%;} .head_table_c2{width:15%;} .head_table_c3{width:18%;} .head_table_c4{width:29%;} .head_table_c5{width:29%;} .table_cmdBit{padding:10px 0;border-bottom:2px solid #ddd;display:table; width:100%; margin-bottom:15px} .content_Table{padding: 10px;display:table-cell; width:33.333%; line-height:1.5rem} .content_Table_c1 strong span{display:none;} .content_Table_c3 strong{color:#ae0f09 ;font-size:14px;} .content_Table_c5 a{text-decoration:underline;} .content_menuclient .table_total_cde{border-top:none} .client_adresse_.adresse_livr_fac_c .adresse_liv .adresse_info {min-height: 120px;} .finaliser_paiement{padding:15px} .detailCommandeMessage_boutons {padding-bottom: 15px;} .pi_uppercase {text-transform: uppercase;} .content_Table strong.pi_uppercase {display: block;font-size: 14px;margin-bottom: 5px;} .recap_detail_cmd {margin: 15px 0;} .recap_bit_c {padding: 0 8px;margin: 10px 0 8px 0px;width: auto;border: #efefef 2px solid;background:#fff} .content_panier_c {padding: 8px 0; display: table;width: 100%;} .content_panier_c>* {display: table-cell;vertical-align: middle;} .lib_dc {font: 17px "Raleway-SemiBold";margin: 15px 0;text-transform:uppercase} .img_dc {width: 100px;text-align: center;padding:0 7px} .content_panier_c strong {display: block;text-align: center;} .caract_dc >span{float:left} .prix_total_dc{float:right; text-align:right; font: 15px "MontSerrat-SemiBold"; color:#63b0a1 } .content_Table_h {margin-bottom: 10px;font-size: 13px;} .lib_mobile2{min-width:120px} .caract_dc {margin-top: 6%;} .caract_dc br{display:none} .table_cd{ display: table;width: 100%;} .table_cd>div{display: table-cell;vertical-align: middle; padding:5px 8px} .w_30{width:60%} .w_30 .lien_souligner{font-size:12px} .bloc_max{max-width: 500px;margin:auto} .hidden_just{display:none!important} #domicile {margin-bottom:30px} #domicile .row > .col-sm-6:first-child{border-right:1px solid rgba(179,179,179,0.4)} #domicile .text-perso_client{text-align:left; padding-left:0; font-family:"MontSerrat-Bold"; border-bottom:1px solid rgba(0,57,115,0.4); padding-bottom:5px;text-transform:uppercase} #domicile .btn_create{background:none!important; color:#217c77!important; text-decoration:underline; padding:5px 0!important;} /*==================================== CLIENT REFONTE ======================================*/ .max_400.formBox_content{max-width:420px} .menu_client {display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex;} .menuclient_left {width: 33.333%;padding: 0 10px;} .nom_client_p {padding: 40px 0 40px 0;margin-bottom: 10px;} .icone-inline {display: inline-block;width: 88px;text-align: center;background: #003973 ;border-radius: 100%;-webkit-border-radius: 100%;-ms-border-radius: 100%;-o-border-radius: 100%;color: #fff;letter-spacing: 2px;text-transform: uppercase;height: 88px;vertical-align:middle; font-size:0} .icone-inline span {font-size: 0;display: inline-block;line-height: 0;text-align: center;letter-spacing: 0;width: 24px;} .icone-inline span:first-letter {font: 30px "Raleway-SemiBold";line-height: 88px;} .nom-user {display: inline-block;padding-left: 10px;width: 60%;font-size: 14px;vertical-align:middle} .nom-user strong {font: 21px "Raleway-SemiBold";display: block;padding-top: 6px;word-wrap: break-word;line-height: 2.5rem;text-transform: capitalize;} .content_menuclient {width: 66.66667%;padding: 0 10px;} .lemenu .content_menuclient {position:relative} .menu_profil {display: table;height: 100%;width: 100%;background-size: cover;background-repeat: no-repeat;background-position: left top;} .lemenu .menu_profil{ position:absolute; display:block; left:0; top:0; overflow: hidden;} .image_bienvenu img {position: absolute;left: 0;top: 0; width: auto;height: auto;} .image_bienvenu h1 {position: absolute;top: 50%;left: 15px;transform: translate(0, -50%);-webkit-transform: translate(0, -50%);-ms-transform: translate(0, -50%);-o-transform: translate(0, -50%);z-index: 99;text-transform: uppercase;margin: 0;} .image_bienvenu h1 >span{display:block; margin-top: 5px;} .txt_bienvenu {background-color: #003973;color: #fff;text-transform: uppercase;font: 1.5rem "Raleway-SemiBold";line-height: 2;letter-spacing: .2rem;padding: 8px 12px;display:inline-block} .image_bienvenu {position: relative;height: 100%;display: table;width: 100%;} .menu_lien {font: 13px "Gotham-Medium";display: block;overflow: hidden;position: relative;padding: 1.5rem 20px 1.5rem 68px;letter-spacing: .05rem;color:#003973!important;background-size: 20px;} .active_menu .menu_lien {font-family: "Raleway-SemiBold"; background-color: #f8f8f8} .menu_lien:hover{text-decoration:underline} .menu_lien.menul_info {background-image: url('template-ico_info.svg');background-repeat: no-repeat;background-position: 24px 50%;} .menu_lien.menul_email {background-image: url('template-ico_mail.svg');background-repeat: no-repeat;background-position: 24px 50%;} .menu_lien.menul_mdp {background-image: url('template-ico_mdp.svg');background-repeat: no-repeat;background-position: 24px 50%;} .menu_lien.menul_carnet {background-image: url('template-ico_adresse.svg');background-repeat: no-repeat;background-position: 24px 50%;} .menu_lien.menul_sav {background-image: url('template-ico_paie.svg');background-repeat: no-repeat;background-position: 24px 50%;} .menu_lien.menul_cmd {background-image: url('template-cmd.svg');background-repeat: no-repeat;background-position: 24px 50%;} .menu_lien.menul_deconnex {background-image: url('template-ico_deconnex.svg');background-repeat: no-repeat;background-position: 24px 50%;} a.menu_lien::after {content: "";bottom: 0;left: 68px;width: 100%;border-top:1px solid rgba(0,57,115,0.4);position: absolute;} .menubit_pi:last-child a.menu_lien::after {display: none;} .active_menu a.menu_lien:before {border-right: 4px solid #003973 ;bottom: 0;content: "";left: 0px;position: absolute;top: 0;} .titre_info_perso {font: 1.6rem "Raleway-SemiBold";text-transform: uppercase;margin-bottom: 8px;padding: 45px 0 0 0;background: url(template-ico_info.svg) no-repeat top left;background-size: auto 25px;margin-top: 40px;} .titre_info_perso.change_mdp{background-image: url('template-ico_mdp.svg')} .titre_info_perso.change_adresse{background-image: url('template-ico_adresse.svg')} .titre_info_perso.change_mode{background-image: url('template-ico_paie.svg')} .titre_info_perso.change_cmd{background-image: url('template-cmd.svg')} .titre_info_perso.change_email{background-image: url('template-ico_mail.svg')} .titre_info_perso.change_sav{background-image: url('template-ico_paie.svg')} .texte_menu_profil {line-height: 2rem;max-width: 550px;text-align: left;padding: 15px 0;letter-spacing:0px; color:#808284} .hidden_champ{height: 0!important;width: 0!important;overflow: hidden!important;margin:0!important; padding:0!important} .not_connected .menu_client{display:none} .titre_info_perso.change_sav + .pageWrapper .titre_info_perso.change_sav {display: none;} .formBox_table {display: table;width: 100%;margin: 0 -5px;} .formBox_table >div {display: table-cell;padding: 0 5px;vertical-align: middle;} .formBox_table >div>* {display: block;width: 100%;} .texte_menu_profil >span {width: 21px;height: 21px;border: 1px solid #003973;border-radius: 100%;-webkit-border-radius: 100%;-ms-border-radius: 100%;-o-border-radius: 100%;display: inline-block;text-align: center;font-size: 11px;line-height: 18px;margin-right:10px} /*******TELECHARGER**********/ .liste_telech {max-width: 500px;margin: 25px auto;} .telech_bit {display: table;width: 100%;} .telech_bit >div {display: table-cell;padding: 10px 3px;vertical-align: middle;} .lien_telec {width: 110px;color: #ae0f09 ;} .lien_telec a:hover{text-decoration:underline} #tarteaucitronAlertBig #tarteaucitronPersonalize {background: #ae0f09 !important;color: #fff!important;} #tarteaucitronAlertBig #tarteaucitronCloseAlert {background-color: transparent!important;color: #ae0f09!important;text-decoration: underline!important;} .modif_form_client .input_content.civ_radio {text-align: left;} /********MES DOC*********/ .recherche_cdoc th {border: 2px solid rgba(0,57,115,0.4);} .recherche_cdoc .input_txt{border:none} button.archive_btn_search.btn_client.opacity_hover {height: 45px;width: 100%;} .tablecde_detail_header .text-perso_client {text-align: left;padding-left: 0;font-family: "MontSerrat-Bold";border-bottom: 1px solid rgba(0,57,115,0.4);padding-bottom:10px;text-transform: uppercase;margin-bottom:0} .doc_bitclient td {padding: 10px;background: #f9f9f9;border-bottom: 1px solid #fff;} @media only screen and (min-width:768px){ .lemenu .content_menuclient {overflow: hidden;} .lemenu .menu_profil{left:40px} } .lemenu .menu_profil {background: #e6e6e6;} /*==================================== PLAN ======================================*/ .titre_plan {font:14px "Gotham-Medium";margin-bottom: 15px;padding: 10px;background-color: #003973;color: #fff; text-transform: lowercase;} .titre_plan:first-letter {text-transform: uppercase;} .content_plan {display: block;position: relative;padding: 0 10px;} .content_plan a {padding: 5px 0;display:inline-block} .content_plan> a {display: block;} .menuplan_d, .menuplan_g {margin: 10px auto 15px;} .content_plan a :hover{color:#ae0f09 } @media only screen and (min-device-width : 1300px) and (max-device-width : 1500px){ .container{max-width:80%!important} .max_1200 {max-width: 80%;} .max-tri_c {max-width: 80%;} div#contenuArticle .container {max-width: 1300px!important;} .bloc_administrable_i .container {width: 1600px!important;max-width: 100%!important;} .content_commun_logging .container {max-width: 100%!important;} .text-opti .container {max-width: 100%!important;} .bloc_tendance >.container{max-width:1100px} .newsletter_wrapper .container.p-0 {max-width: 1300px!important;} .contenuArticle .container.p-0 {max-width: 1300px!important;} .header_sticky> .container {max-width: 1300px!important;} } .col-sm-6.pi_formu {width: 100%; display: block;margin: auto;} .form_rech_p{background: url("template-gradient_mob.png") repeat-x center bottom;padding-bottom:60px} /************************************************************* AUTOCOMPLETE SEARCH - AUTOCOMPLETE SEARCH - AUTOCOMPLETE SEARCH **************************************************************/ .autocompletesearch-container {background: #fff;position: absolute;top: 100%;width: 790px;z-index: 999;display: none;border: 1px solid rgba(0,57,115,0.4);max-height: 500px;padding: 20px;} .autocompletesearch-container a { text-decoration: none; } .autocompletesearch-container a:hover { color:#63b0a1 ; } .autocompletesearch-container a:focus { color:#63b0a1 ; } .products-container img {max-width: 110px; display:block; margin:auto} .articleBit_search{float: left;height: 180px;margin: 0px 17px 15px 0px;text-align: center;position: relative;z-index: 10;} .articleBit_ima_search{width: 110px;} .articleBit_lib_search{height: 30px;color: #3f3f3f;line-height: 14px;overflow: hidden;font-family: 'MontSerrat-Regular';font-size: 12px;text-align: center;} .articleBit_lib_search a{font:12px "MontSerrat-SemiBold"; text-transform:uppercase } .articleBit_lib_search a span{font-family:"MontSerrat-SemiBold"} .rechercheAjax_left{float: left;width: 100%;font-size: 11px;} .rechercheAjax_left >div {float: right;width: 50%;padding: 0 20px;} .products-container{display:table; width:100%} .s_articleBit {display: table-cell;width: 25%;padding: 0 10px;text-align:center} .s_articleBit a{font:12px "MontSerrat-SemiBold";text-transform:uppercase } .s_articleBit a span{font-family:"MontSerrat-SemiBold"; display:block; margin-top:2px} .s_articleBit a span br{display:none} .rechercheAjax_left::after {display: block;content: "";clear: both;} .rechercheAjax_right{float: right;width: 100%;padding-left: 15px;} .search_lib{font-family: 'MontSerrat-Regular';font-size: 14px;border-bottom: 1px solid rgba(0,57,115,0.4);margin-bottom: 15px; padding-bottom: 10px;text-transform: uppercase;} .keyWord_list{margin-bottom: 20px;} .keyWord_list a strong {color: #ae0f09;} @media only screen and (min-width:1024px){ .autocompletesearch-container {top:100% ;left:-1px} .headerFixed .autocompletesearch-container { top: 39px;left: auto;right: 0;} } @media only screen and (max-width:981px){ .autocompletesearch-container{width:100%!important} } @media only screen and (max-width:768px){ .autocompletesearch-container { left: 0} .rechercheAjax_left { display:none } .rechercheAjax_right { width:100%; padding-right:10px} .search_lib{max-width:100%} .products-container .pi-col-md-3.pi-col-sm-4{width:25%; padding:0 10px; float:left} .articleBit_search {float: none;width: 110px; margin: auto;height: auto;} .products-container .pi-row {display: table;width: auto;} .products-container >.pi-row> div {display: table-cell;float: none!important;min-width: 160px!important;} .products-container{overflow-x:auto} } @media only screen and (max-width:690px){ .autocompletesearch-container { left: 50%;transform: translate(-50%,0);-webkit-transform: translate(-50%,0);-ms-transform: translate(-50%,0);-o-transform:translate(-50%,0);padding:10px} .products-container .pi-col-md-3.pi-col-sm-4{width:33.333%} } @media only screen and (max-width:480px){ .products-container .pi-col-md-3.pi-col-sm-4{width:50%} } @media only screen and (max-width:400px) { .autocompletesearch-container { max-height:none;width:auto } } .txt-p+.txt-p{display:none} /*============================ CLIENT SAV =============================*/ /* CSS Module SAV */ .alert-box { color:#555;border-radius:0;-webkit-border-radius:0;-ms-border-radius:0;-o-border-radius:0;font-size:12px;padding:10px 10px 10px 36px;margin:10px 0; } .alert-box span { } .alert-box.error { background:#ffecec url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAACj0lEQVR4XqVTW08TURCe0253AySilEu1BjHYcNEYoxYLbdpCKBC5NJRY1PCAISak8S8Y/wYvPBkjkcTICzE+mJh4A3xUtksbCWp3aWEp3YW2hKXj2dYWQd/4kpMz+81+38zO2UMQEU4C5jgRJYTjOJgAhrlntFrrKFV5kEjwQMiMQTPOWhVF/ltwpIOfFYzfUFszVdY/ZDFdvgKE5QoJTYN9gYfMm9cyJBX/uVj8Q1FjKAY/qsqdTGvLC9Lbb1GVXcilUpCTNyG3JUNOVUBVdgC93WZjk+2taKv3HzGInT9lZixn5w4am1jG5YW6x09g49MCaDIVJ7dg4+NnMIceAevoAK2+gSUWy1TUZiu0h4jwy1o7GR/owWifDzOCgDoykQgKvT6MUE79slTgaO67fwATY0GM3bgaolTBINZ88V1ieADjgUEU3C7MrKygjmw0gupSURzGcJcH4+P3MfFgDEW34/2hQUujFLvWiqKnHcUeD/LtbZiNrGARmTCPvLMdJVpkfagPpW43il2uZV1bGCLHJcFgANzdBaTDQ1UFbXsbitCL4N4eHawCuXQakL4LLHvm8BQ4VqYm+g6prAYXnj6Dipt2oJXpCkNZcws0UC6VzuhCIBynH7FQcpc8t0KitwMF+3VMf/uKOtI8j8sOO/KONj0ucSseJ0ojQygGhydLn7BTXjVNHUUTYwR1cTFfdW1iHE7XVkOlpQbWHk4AHSLNLYBJ74BhNnP7MFvqQF/rg71+yX87u+p10SouFGkVKTiM66OB/B7p9OCqr1N/zsaDAWdRd+QyiaMjTiOBVzSshv9DBMBQ3czLueN3oYRYIGA2meAOGshdQGiiVBIJyDR+vqNkpi/Nz+/9c5lOgt8n8IvUM0QilAAAAABJRU5ErkJggg==') no-repeat 10px 50%;border:1px solid #ae0f09; } .alert-box.success { background:#C9E4DF url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAmJJREFUeNqkk0toE0Ech3+T3aRJX7RpPNgSgzQljYXiC1FbUcFrL9WTqAe96NGce+hF8KA5eVHsSaQni1CR4kHEFwoVxNrW0iJtA9lqk1TJbnZ2d3bGnbWPDT124Fvm9f32v+wMEUJgL02VD/IkASjEQw5IJwiGvd6AR3JzX8HjAwQmIEQRrjdyBcTV0v+AQBuKqpFcpiuTTiWS8eaG5qisz7D0I8vrK4MLxcWLlmPlvanJugq25NaGltFzfWezKpQYsxl0W99aa0x3dDcm25Mdb+fejVZNf94PCW1u6GwIRXJnegeyds2K6boOSmkdz3oeg5lO7GT6RDZCwjnp7AQwMdyzvztNdRozDAOmadZxt3vE3zZ1eNwLYbFUPJmWTjDgdKIpEa9Wq7Asy0dWsfZ7DTejV9BWbkKhUMC1l7cwOzcLTnlcOsGAAwqUqOu6+Hx+ClpZw8qvFaRIF061H4eqqhhbfooXpVdwQg6oTaPSCQaAuQw3Dl7GzMwMpg6N42iiHw/77/ny69J7PCiOATH4MJX5zk6AI1ZLxjod+XYHiqIgHA7jUe99hNUwFms/cXt5BLyZe/8CPjaxqHSCFXxcW9cqSlzB4I8h/61bXFq8DrRhW5bQaq0inWDAxJ/V8lIIxCRdBMe+X/DlvulBYF+9zLlrWpq5JJ2dAC6KrsHy5U/avGDcJCmCvq+enML2d0u4w0x9ujLPa25eOvUnkYtJpln4+1zLRbJN6UimMa6oalQuuRuM2gu1ij1vLHFH5NGqeKeQ7DrKfggvsS/0zcawx+7LpJAJtCjFoEL2ep3/CTAAj+gy+4Yc2yMAAAAASUVORK5CYII=') no-repeat 10px 50%;border:1px solid #63b0a1;color:#63b0a1} .alert-box.warning { background:#fff8c4 url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAABqklEQVR4XqWTvWsUURTFf+/tx7DmA5sUmyB+EGQDCkFRxCFosYWCFgELm2ApCBYW/gOCFpYSrUMsBIv4BwTSCSqaWgsTEDRV2EVBZWffvXIYwhZOEdgLhzmcc+7h3WKCuzPOhI+P80rDzE7WwmAHIHnzVIxxl4qJVaKbkYrBxvyVZQRxaYcq0EmehvePzp5YnD67hCAuzd0PUWB2JNQazzo377D7+auAuDR51QWjZWxYvD2e34DsJw+fbwviSJOnTHWBO5aGt6fa84szF67CzguCIYgjTZ4yuP9fYGqO2avO8j348hSKff4OkiAuDXnKKDsqGD1989jSLWJvA/58g+YUv34Xgrg0eSij7MEpsXx66k62O932wjT030NjAuotXj/YE8SlyUMZZbWj3ejmEFubp69fg711yCYha0GWcXftjCAuTZ4yKKsd7dbNfHXuUk6jeAPNCSBCAJpGb78PiGel7gCmLHMXc76/21oNn57kfm5lFg0W0KBPDag7GoYBEuCUE0uy/fIH4cOjy27J0SlI56DEiSVFFi4dEUUIMRBrQZTzjDFj/87/ACmm3+QFX8sKAAAAAElFTkSuQmCC') no-repeat 10px 50%; border:1px solid #f2c779; } .alert-box.notice { background:#e3f7fc url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAAwFBMVEX///8AVq0CYcADbNEDaMoDa88Das0EcdkFfe0CZMPv9fu/1esFe+kBXbkEdd8Uf+QEb9VRkdAGf/AFeecRacAEc9wBW7QBX7zs6dwFeudRjswGgvUFd+MCZscDbtTl4tIBWbFEo/rh3s7A2/QAVasCZcYEcNcBYL3n5NUFfOsWhe5UqPVCkNvj4NDd2swyhNMGgPIBXLbq59nB4Pw1m/lToOgCY8RBi9Lv9/8FduHm49QxfMfo5dcQYrNTnuVBhMhJU/nRAAAAAXRSTlMAQObYZgAAAMpJREFUeF4lzdVyRTEIQFGI57i7XXet+///VZN2vy0YBrA9HPZeF34v4L/XWXtVdRdIenT+/NheE2W8puxiJ7O2TZSq7jLiTMfm3u53YVXhIHriu3BIEuXVdYBI2Yr4Dex3npd22893KnpdFl9Qp2n3FgTbEZkm/oSQGuVSjiOagwJ9CPNcrodhPCEpb9MygycZDZTz0xyNsYhhkXMhGJuf0XhJXIBj1K/02YTGDQA4F042G7SRDwfs5EVo828qn3+sbW6cEZI1rsUvrDkTPAFMyQwAAAAASUVORK5CYII=') no-repeat 10px 50%; border:1px solid #8ed9f6; } .clientsav_ticket {margin: 10px 0 21px 27px;padding: 10px;background: #fff;color: #003973;position: relative;border: 1px solid rgba(0,57,115,0.4);} .clientsav_ticket i.icon-tag {position: absolute;color: #003973;font-size: 27px;left: -29px;top: -14px;transform: rotate(-280deg);-webkit-transform: rotate(-280deg);-ms-transform: rotate(-280deg);-o-transform: rotate(-280deg);} .clientsav_ticket:hover { background:#003973;color:#fff } .clientsav_ticket_r {margin-top:10px;padding:10px; margin-left:10px!important; border-top:none!important; border-bottom:none!important;border-right:none!important;} .reponse_content .clientsav_ticket_r + .title_form, .bloc_create_ticket + .formBox_content.max_400, .bloc_create_ticket + .clientsav_bouton_retour{display:none} .clientsav_ticketdet_bit {color:#000000} .clientsav_ticket_bit_date a {text-decoration: underline;} .content_ticketdet >div {padding: 8px 0;} .content_ticketdet >div p{margin:0} .clientsav_ticketdet_bit span {font-weight:bold;} .clientsav_ticketdet_bit_lib strong { color:#cea282;font-weight:bold;font-size:15px } .content_clientrep {position: fixed;width: 100%;top: 0;height: 100%;background:rgba(26,26,26,0.5);left: 0;z-index: 99; display:none} .clientsav_box_reponse {position: fixed;z-index: 999;max-width: 400px;transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);-o-transform: translate(-50%,-50%);left: 50%;top: 50%;background: #fff;padding: 15px;width: 95%;display:none} .clientsav_texteara { padding: 10px; border-radius:0;-webkit-border-radius:0;-ms-border-radius:0; border: 1px solid rgba(0,57,115,0.4);margin-bottom:8px; width: 220%; height:150px; background:#fff} .clientsav_texteara_reponse {padding: 10px;border-radius: 0;-webkit-border-radius:0;-ms-border-radius:0; -o-border-radius:0; border:1px solid rgba(0,57,115,0.4);margin-bottom:8px; width: 100%; height:160px ; background:#fff} .input-file-container{background-color: #fff;border:1px solid rgba(0,57,115,0.4);border-radius: 0;-webkit-border-radius:0;-ms-border-radius:0;} .input-file-container input[type='file']{ display: none; } .input-file-browse-btn{ background: #003973;color: #fff;min-height: 35px;padding: 10px;border: none;border-radius:0;-webkit-border-radius:0;-ms-border-radius:0;-o-border-radius:0;display:inline-block; } .input-file-info{ font-size: 0.9em;display:inline-block;margin: 10px 5px; } .liste_champ{ width: 50%; } .pj_valide{font-size: 11px;color: #003973 ;} .taille_max{font-size: 11px;color: #003973 ;} .pj_liste{font-size: 11px;color: #003973 ;} .larg_table{width: 20px;} #savticket_statut_choix {width: 100%;height: 30px;background: #ffffff url('template-down.png') no-repeat 95% 50%;padding:5px 22px 5px 15px;max-width:140px; margin:auto; cursor:pointer; position:relative; z-index:1; border:1px solid rgba(0,57,115,0.4);font: 12px "Gotham-Book";text-transform: uppercase; background-size: 12px auto;color:#003973} /*********FAQ**********/ .faqBit{float:left; padding:0 15px; width:50% ; margin-bottom:30px} .accordeon_bit{margin-bottom:5px} .reponse {padding-left: 38px;display:none;border-bottom:1px dashed #e6e6e6} .titre_faq{color: #003973;font:21px "MontSerrat-Light";text-transform:uppercase; margin:20px 0 ; min-height:30px} h3.question {padding:15px 20px 15px 45px;font:15px "Gotham-Medium";margin: 5px 0;cursor:pointer; background-color:#fff; border-bottom:1px solid #003973; position:relative} .question::after{content: '\e8c2';position:absolute; right:10px;top: 50%; margin-top:-10px;color:#003973; font-family:"fontello"; font-size:18px} h3.question i {border-radius: 100%;-webkit-border-radius: 100%;-ms-border-radius: 100%;-o-border-radius: 100%;background-color: #003973 ;color: #fff;padding: 3px 4px 3px 5px;font-size: 12px;position: absolute;left: 10px;top: 50%; margin-top:-10px;} .question.active{background-color:#003973; color:#fff;border-bottom-color:#003973} .question.active i {background-color:#ffffff; color:#003973} .question.active::after{content: '\e8c5';color:#fff} .question.active i{} @media only screen and (max-width:640px) { .titre_faq{font-size:17px} .faqBit{width:100%; padding:0} h3.question{font-size:13px} } @media screen and (min-width: 1100px) and (max-width: 1499px) { .container{max-width:90%!important} .articleBit_prix{font-size:14px} .prix_promo{font-size:14px} .container_m{max-width:900px} .bloc_qsn{background-size:100% 100%} .etiquette{font-size:13px; line-height:28px} } .erreru_message{color:#ae0f09; font-size:14px} .nicescroll-rails{z-index:9991!important} .nicescroll-rails >div{background-color: rgb(66, 66, 66,0.5)!important;} .pad{padding:10px} @media only screen and (min-width:1250px) { .nicescroll-rails {margin-top: -40px!important;} .conteneur_bottom_art.conainer_nonconnecte + .conteneur_bottom_art{padding-bottom:100px} .not_connected .conteneur_bottom_art.conainer_nonconnecte{padding-bottom:100px} } .bg-modal_formatelier {display: flex; width: 100%; height: 100%; left: 0; background-color: rgba(0, 0, 0, 0.6); position: fixed; top: 0; justify-content: center; align-items: center; transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;z-index: 1000;} #modal_formatelier {position: relative; width: 500px; height: 300px; background-color: white; border-radius: 10px 10px; -ms-border-radius: 10px 10px; -webkit-border-radius: 10px 10px; text-align: center; padding: 20px;} #modal_formatelier p {padding-top: 20px;} @media only screen and (max-width: 600px){ #modal_formatelier {width: 90%; height: 50%} } .bg-modal_formatelier #modal_formatelier .input_formatelier {border: 0.5px;width: 50%;height: 25px;margin: 10px;box-shadow: 1px 1px 3px black;border: 0;border-radius: 2px;} .close_formatelier {position: absolute; top: 0; transform: rotate(45deg); font-size: 42px; right: 14px; cursor: pointer;} /*********Li non transf*******/ .content_tab_art .pi-tabs-content{ font-family: Montserrat-Light;} .content_tab_art .pi-tabs-content ul,.content_tab_art .pi-tabs-content ol,.content_tab_art .pi-tabs-content dl { margin: 5px 0 5px 20px;padding: 5px 15px;} .content_tab_art .pi-tabs-content ul li,.content_tab_art .pi-tabs-content ol li , .content_tab_art .pi-tabs-content dl li {list-style: inherit;margin: 4px 0;padding:2px 5px;} .content_tab_art p {margin-top: 0.5rem;margin-bottom: 0.5rem;} .texte_instit ul, .texte_instit ol,.texte_instit dl{ margin: 5px 0 5px 20px;padding: 5px 15px;} .texte_instit ul li ,.texte_instit ol li,.texte_instit dl li {list-style: inherit;margin: 4px 0;padding:2px 5px;} .texte_instit{font-family: Montserrat-Light;padding-top:20px} /*******PLANTES.htm************/ .conteneur_bottom_art.plante_content {padding-bottom: 195px;} .abcd_letter {text-align: center;padding:20px 5px} .abcd_letter li {display: inline-block;margin: 2px 1px;vertical-align:middle} .abcd_letter li a {padding: 5px;background: #63b0a1;color: #fff;display: block;width: 30px;height: 30px;line-height: 19px;} .abcd_letter li a.letter-all {width: 45px;} .abcd_letter li a:hover, .abcd_letter li a.letter_active {background:#217c77} .list_plantes::after{content:""; display:block; clear:both} .list_plantes {padding-top: 10px;} .list_plantes li {float: left;width: 25%;padding: 0 15px;margin-bottom: 15px;text-align:center} .planteBit_ima {border: 1px solid #63b0a1;display:block; overflow: hidden;padding:10px} .planteBit_lib {text-transform: uppercase;color: #63b0a1;padding: 10px;display:block; font-size:16px} .planteBit a strong img{transition:all 0.5s ease 0s; -webkit-transition:all 0.5s ease 0s;-moz-transition:all 0.5s ease 0s; -ms-transition:all 0.5s ease 0s; -o-transition:all 0.5s ease 0s; transform: scale(1)} .planteBit a:hover strong{border-color:#217c77 ;-webkit-transition:all 0.5s ease 0s;-moz-transition:all 0.5s ease 0s; -ms-transition:all 0.5s ease 0s; -o-transition:all 0.5s ease 0s;} .planteBit a:hover strong img{transition:all 0.5s ease 0s; -webkit-transition:all 0.5s ease 0s;-moz-transition:all 0.5s ease 0s; -ms-transition:all 0.5s ease 0s; -o-transition:all 0.5s ease 0s; transform: scale(1.05)} .planteBit a:hover span{color:#217c77 } .plante_description {max-width: 980px;margin: 20px auto;background: #fff;padding: 30px 10px;} .plante_description p img{padding-right:15px} .plante_description { font-family: Montserrat-Light;} .plante_description ul,.plante_description ol,.plante_description dl { margin: 5px 0 5px 20px;padding: 5px 15px;} .plante_description ul li,.plante_description ol li , .plante_description dl li {list-style: inherit;margin: 4px 0;padding:2px 5px;} .folder_img { height:24px;width:30px;display:inline-block;background:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAYCAMAAADat72NAAAAAXNSR0IB2cksfwAAAAlwSFlzAAALEwAACxMBAJqcGAAAAj1QTFRFAAAAp3gfonknpHonpHonpXonpXsnpnsnpnompnwmpHsponkltYYt0p0316A616E72KE72KE82KI92aI+2aM+2KI+yJU3pXsnqHwdoHcmzZYw2J4y2J8z2Z802aA12aA22qE22qE32qI426I526M5wI4wo3kmpHompHkmo3ompHkmpXonpHonpXsnpnompXsnpHknAAAAnnUlzZQo1Jkq1Zkr1Zor1Zos1pst1psu1pwu15wv150w150x05sx05sy1Jsz1Jw01Z011Z021p421p43yZY0rH8qoHkkmWYzo3gkrX8lq38lrH8lq34lq34mp30lqlUAp34mu4832bFb5r9q579q3LRfvZQ8qH4iqHok27Nc579o37Zgp3sjpnoj37Zd5r1kqX0npXgepHci2a5U5bpg5Llfo3choHUi0qZM47hc3bJWoXYhoXQfyp1F4rVY1qlOnXMgn3Aew5Y84bNTzqJGnHEfmXEgvI414K9Nx5k9nG8dmGwgs4Yu3qxGv5E1mW4cmWkdrX8p3ag/uYoumG4fk2wgp3ok26U4s4QokmsdkmMaonUg2qExrX4klGgZh2kenG8e2J0rqHggkmUYlF4blWkc1pklonMdi2QcZmYAj2Yb05Ugm24cjWESMzMzimIatn4Vw4YTu4EUjmUZTjsUOzs7UT0jelMTfVMSfFIRe1IReVEQeFAQd08Qdk4PdU0PdEwPc0sQW0UeIyMjAAAAFRUVLi4uKSkpLCwsLi4uGBgYVVVVEhISQnzIOgAAAL90Uk5TADHA8//////+1jin///////////////yI+7///////////////////79/Pv6+fjSdgLt////////////////////////////TgX0///////XCYD///////+Y1f///+fk////EdL////8vP///+al////zo////+3eP///59h////h1D///90QP///2Ix////USL///8/E////y4F////HQX3/////Q0Nhfr////////////7qxYBDD1LTEMVAw7N7XE4AAABM0lEQVR4nHXRVVMCYBCF4c8Cuxu7A7tbsBW7u7u7u7u7sAMEMcD+ba6oV7DP7Tuzc2aWECIjKyevQKFQqFRFJWUiQUVVTV1DU0tbR1dP38BQIhsZ00xMzcwtLK2sbWzt7B0cnZzpdBdXN3cPcfb08vbx9fMPCAwKDqGFhoUzGExmRGRUdEzsT42LT2AlirF+Jf1JTkmFnJaekZklTXZOLuS8/AJEYRHk4pJSTFk5IRWVVYjqGtheW1ePaGiE403NLYjWNsjtHZ2Irm7IPb19iP4ByINDw4iRUchj4xOIySnI0zOziLl5yAuLS4jlFcira+uIjU3IW9s7iN09yPsHh4ijY8jsk9Mzqc4vLiFfXd/ccjhc7h2Px+ffCwQP/x6fnoVEKHp5fZPu/QM+9in6QojYwm8BICx1pyPZFAAAAABJRU5ErkJggg==') } /** ajout panier popup **/ .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 } @media only screen and (min-width:802px) { .propriete_177_a{float: left; margin-right: 20px;} .propriete_177_b{float: right; margin-left: 20px;} } @media only screen and (max-width:802px) { .propriete_177_b{margin-bottom: 40px;} } .logoFR img{width: 50%;} .headerFixed .logoFR img{width: 15%;} /****refonte qty product*****/ .input-content-radio-qty { text-align: center; position: relative; } .input-content-radio-qty input { position: absolute; width: 100%; height: 100%; left: 0; top: 0; opacity: 0; cursor: pointer; z-index: 9; } .radio-qty-for { height: 100%; justify-content: flex-start; border: 1px solid #63b0a1; } .input-content-radio-qty input:checked + .radio-qty-for {border-color: #d35400;background-color: #F3F1EE;} .label-qty-radio { margin-bottom: 0; padding: 8px 10px; text-align: center; background-color: #0c7c75; color: #fff; min-height: 34px; } .input-content-radio-qty input:checked + .radio-qty-for .label-qty-radio{background-color: #d35400;} .lib-qty-radio { font-size: 0.875rem; } .promo-qty-radio { display: inline-block; padding:2px 8px 1px 8px; background: #0c7c75; color: #fff;min-height: 16px;font-size: 0.725rem; } .promo-qty-radio:empty{opacity: 0;} .price-qty-radio { font-size: 1rem; } .price-qty-radio span { text-decoration: line-through; font-size: 80%; color: #808284; } .img-qty-radio img { mix-blend-mode: darken; } .max-w-100{max-width: 100%;} .mx-n1 { margin-right: -0.25rem !important; margin-left: -0.25rem !important; } @media (min-width: 992px) { .mx-lg-n2 { margin-right: -0.5rem !important; margin-left: -0.5rem !important; } } .avis-container { display: flex; align-items: center; /* vertical alignment */ gap: 8px; /* espace entre les étoiles et le texte */ } .avis-container .canvas-start { max-width: 50%; } .avis-container .canvas-start2 { max-width: 30%; } .nombre-avis { font: 12px "Montserrat-Light"; color: #878786; } .btn-blog{ background:#003973; color:#fff; border:none; position:relative; height:40px; width: 100%; font-size:1.2em; font-family: "Montserrat-Bold"; padding:11px 2em; cursor:pointer; transition:800ms ease all; outline:none;display: inline-block; margin-top: 5px; } .btn-blog:hover{ background:#63b0a1; color:#fff; } .btn-blog:before,.btn-blog:after{ content:''; position:absolute; top:0; right:0; height:2px; width:0; background: #63b0a1; transition:400ms ease all; } .btn-blog:after{ right:inherit; top:inherit; left:0; bottom:0; } .btn-blog:hover:before,.btn-blog:hover:after{ width:100%; transition:800ms ease all; background-color: #217c77; } @media only screen and (min-width:993px) { .clear_float {display: flex;align-items: center;} .other_link_top {max-width: 400px;} }