/*---------- @STYLES DE BASE ----------*/ @charset "utf-8"; /*Police*/ @font-face { font-family: 'Lalola Cyrillic'; src: url('fonts/Lalola-CyrillicRegular.woff2') format('woff2'), url('fonts/Lalola-CyrillicRegular.woff') format('woff'); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: 'Dystopian'; src: url('fonts/Dystopian-Regular.woff2') format('woff2'), url('fonts/Dystopian-Regular.woff') format('woff'); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: 'Dystopian-Bold'; src: url('fonts/Dystopian-Bold.woff2') format('woff2'), url('fonts/Dystopian-Bold.woff') format('woff'); font-weight: bold; font-style: normal; font-display: swap; } @font-face { font-family: 'AvenirLTStd-Heavy'; src: url('fonts/AvenirLTStd-Heavy.woff2') format('woff2'), url('fonts/AvenirLTStd-Heavy.woff') format('woff'); font-weight: 900; font-style: normal; font-display: swap; } @font-face { font-family: 'AvenirLTStd-Medium'; src: url('fonts/AvenirLTStd-Medium.woff2') format('woff2'), url('fonts/AvenirLTStd-Medium.woff') format('woff'); font-weight: 900; font-style: normal; font-display: swap; } /* Page */ .clear{float:none;clear:both;width:0;height:0;} .clear-float::after {display: block;content: "";clear: both;} header ul, footer ul{margin:0;padding:0;} header ul li, footer ul li{list-style:none;margin:0;padding:0;} .page-instit-img ul li{list-style: inherit;} .art-descrp-tab a { text-decoration: underline; color: #F43880; } option { font-family:sofia-pro,'AvenirLTStd-Medium' } a{border:none;outline:none;text-decoration:none;color:inherit;} a:focus, a:hover{text-decoration:none!important;outline:none;color:#4ABA6D;box-shadow: none!important;-webkit-box-shadow: none!important;-ms-box-shadow: none!important;-o-box-shadow: none!important;-spec-box-shadow: none!important;} button:focus, select:focus, input[type="text"]:focus,input:focus {outline:none;box-shadow: none!important;-webkit-box-shadow: none!important;-ms-box-shadow: none!important;-o-box-shadow: none!important;-spec-box-shadow: none!important;} img{border:none;max-width:100%;} .swiper-container {overflow: hidden;} body{font-family:"sofia-pro", Arial;color:#375EA5;font-size:0.875rem;line-height: 1.2;overflow-x: hidden;font-weight: 400;} .big-wrapper{background:#ffffff; /* overflow-x: hidden;*/max-width: 4000px;margin-left: auto;margin-right: auto;} strong{font-family: sofia-pro;font-weight: 700;} 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;} .cursor-pointer {cursor: pointer;} .opacity-hover:hover{ filter:brightness(110%); -moz-filter:brightness(110%); -webkit-filter:brightness(110%); -ms-filter:brightness(110%); -o-filter:brightness(110%); } .container.px-0.py-1:empty {display: none;} .text-black{color: #000000!important;} .opacity-hover:hover{filter:brightness(110%);-moz-filter:brightness(110%);-webkit-filter:brightness(110%);-o-filter:brightness(110%)} .color-white{color:#ffffff!important} .color-orange{color: #FF9739!important} .color-orange2{color: #375EA5!important} .color-primary-site{color: #F43880!important} .color-green-s{color: #4ABA6D!important} .color-green2-s{color: #4ABA6D!important} .color-red{color: #D3163A!important} .bg-white{background:#ffffff!important} .bg-new{background:#FF9739!important} .bg-blue-s{background:#375EA5!important} .bg-blue-s:hover{background:#4ABA6D!important} .dropdown-perso .dropdown-item.active,.dropdown-perso .dropdown-item:active{background:#F43880!important} .bg-primary-site{background-color: #F43880!important;} .bg-primary-site.btn-link:hover,.bg-primary-site.btn-link:focus {background-color: #F74D92!important;} .empty-hide:empty{display: none;} .menu-mob-overlay{background:rgba(60,65,66,0.3);height:100%;left:0;position:fixed;top:0;width:100%;z-index:99; display:none} .menu-overlay{background:rgba(51,51,51,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} .font-11{font-size:0.8rem!important} .font-12{font-size:0.7rem!important} .font-13{font-size:0.813rem!important} .font-14{font-size: 0.875rem!important} .font-15{font-size: 0.938rem!important} .font-seize, .font-16{font-size: 1rem!important} .font-18{font-size: 1.125rem!important} .font-19{font-size:1.188rem!important} .font-17{font-size: 1.063rem!important} .font-20{font-size: 1.25rem!important} .font-21{font-size: 1.313rem!important} .font-22{font-size: 1.375rem!important} .font-28{font-size: 1.75rem!important} .font-24{font-size: 1.5rem!important} .font-30{font-size: 1.875rem!important} .swiper-button-disabled { opacity: 0;display: block} .btn2-slide-prev.swiper-button-disabled , .btn2-slide-next.swiper-button-disabled {opacity: 0;cursor: not-allowed;} .font-regular{font-weight: 400!important;} .font-medium{font-weight: 500!important;} .font-sofia-pro{font-family: sofia-pro;} .text-grey {color: #616668!important;} .transition-bgcolor{ -webkit-transition: background-color 0.5s ease-out; -moz-transition: background-color 0.5s ease-out; -o-transition: background-color 0.5s ease-out; transition: background-color 0.5s ease-out; -spec-transition: background-color 0.5s ease-out;} /* Firefox */ .contenu-panier-qty input[type=number], input[type=number].form-control { -moz-appearance: textfield;appearance: textfield; } /* Chrome */ .contenu-panier-qty input::-webkit-inner-spin-button, .contenu-panier-qty input::-webkit-outer-spin-button, input[type=number].form-control::-webkit-inner-spin-button, input[type=number].form-control::-webkit-outer-spin-button { -webkit-appearance: none;appearance: none; margin:0; } /* Op�ra*/ .contenu-panier-qty input::-o-inner-spin-button, .contenu-panier-qty input::-o-outer-spin-button ,input[type=number].form-control::-o-inner-spin-button, input[type=number].form-control::-o-outer-spin-button { -o-appearance: none;appearance: none; margin:0 } body .form-control:focus{border-color: #C7CCD1;} /********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 0.625rem 0} @media (min-width: 1200px){ .container, .container-lg, .container-md, .container-sm, .container-xl {max-width: 1200px;} } @media (min-width: 1350px){ .container, .container-lg, .container-md, .container-sm, .container-xl {max-width: 1500px;} } .stat, .stat img, .opti, .opti img {position: absolute;left: 0;height: 0;top: -90px;} .just-one .swiper-pagination span, .just-one .swiper-pagination{display:none!important} .just-one .swiper-pagination, .just-one-page .swiper-pagination{opacity: 0;} .just-one .swiper-wrapper {transform: none!important;-webkit-transform: none!important;-ms-transform: none!important;-o-transform: none!important;-spec-transform: none!important;} .just-one .swiper-button-disabled {display: none;} .justify-center .swiper-wrapper {-webkit-box-pack: center!important;-ms-flex-pack: center!important;justify-content: center!important;} input::-webkit-input-placeholder { /* Chrome/Opera/Safari */color: #375EA5;opacity:1;} input::-moz-placeholder { /* Firefox 19+ */color: #375EA5;opacity:1;} input:-ms-input-placeholder { /* IE 10+ */color: #375EA5;opacity:1;} input:-moz-placeholder { /* Firefox 18- */color: #375EA5;opacity:1;} .font-italic-pro{font-family: "sofia-pro";font-style: italic;font-weight: 300;} .font-pro-bold{font-family: "sofia-pro";font-weight: 700;} .font-sofia-pro{font-family: "sofia-pro";} .btn-slide-prev {width:40px; height:40px; font-size:0; z-index:9; border:none;background:#375EA5 url('template-prev_arrow.svg') no-repeat center ;left:0; cursor:pointer ; position: absolute;top: 50%;transform: translate(0, -50%);-webkit-transform: translate(0, -50%);-ms-transform: translate(0, -50%);-o-transform: translate(0, -50%);-spec-transform: translate(0, -50%);border-radius: 100%;-webkit-border-radius: 100%;-ms-border-radius: 100%;-o-border-radius: 100%;transition: all ease 0.5s;-webkit-transition: all ease 0.5s;-ms-transition: all ease 0.5s;-o-transition: all ease 0.5s;} .btn-slide-next { width:40px; height:40px; font-size:0; z-index:9; border:none;background:#375EA5 url('template-next_arrow.svg') no-repeat center ;right:-122px; cursor:pointer;border-radius: 100%;position: absolute;top: 50%;transform: translate(0, -50%);-webkit-transform: translate(0, -50%);-ms-transform: translate(0, -50%);-o-transform: translate(0, -50%);-spec-transform: translate(0, -50%);border-radius: 100%;-webkit-border-radius: 100%;-ms-border-radius: 100%;-o-border-radius: 100%;transition: all ease 0.5s;-webkit-transition: all ease 0.5s;-ms-transition: all ease 0.5s;-o-transition: all ease 0.5s;} .btn-slide-prev:hover,.btn-slide-next:hover {background-color: #4ABA6D;} hr { border-top: 4px solid rgba(0, 0, 0, 0.1); } .py-btn{padding-top: 11px!important;padding-bottom: 11px!important;} .max-width-100{max-width: 100%!important;} .bloc-help {position: fixed;right: 0;bottom: 0;background: #375EA5;padding:9px 1rem 9px 3.3rem;text-align: right;font-size: 0.625rem;z-index: 101;} .img-help {position: absolute;left: 30px;top: -14px;pointer-events: none;} .ctc-help {font-size: 12px;font-weight: 500;background: url(template-ico_mail2.svg) no-repeat center left;padding-left: 25px;filter:brightness(667%)} .bloc-help::before{content: '';width: 2.1rem;height: 2.1rem; position: absolute;top: 50%;transform: translate(0,-50%);left:10px;background:#4ABA6D url('template-ico_sce_black.svg') no-repeat center;border-radius: 5px;background-size: 80%;} .p-nomargin p{margin-bottom: 0;} .close-help{ width: 30px;padding: 8px 8px;border-radius: 100%;background: #375EA5;position: absolute;right: 46px;top: -5px;text-align: center;cursor: pointer;} @media only screen and (min-width:1200px) { .bloc-help.hide-block {width: auto;height: auto;padding: 8px;right: 15px;top: auto;bottom: 105px;z-index: 9999;} .bloc-help.hide-block * {font-size: 0!important;} .bloc-help.hide-block .img-help {position: relative;top: 0;left: 0;cursor: pointer;max-width: 50px;pointer-events: visible;} .bloc-help.hide-block .close-help {display: none!important;} } .container-pagination{z-index: 0;} .container-pagination.position-relative .swiper-pagination{bottom: 0;} /*===================================== COMMUN =======================================*/ .header-sticky {padding:0 } .header-body {position:relative;z-index:100;background-color: #ffffff;border-bottom: 2px solid #BFC9E8;} .header-sticky>.container {position: relative;z-index: 2;} .top-header { font:400 0.875rem "sofia-pro"; padding:8px 0.625rem; color: #fff;background-color:#002C4C; position: relative;} .phrase-admin p {margin: 0;} .phrase-admin * {font-size: 0.875rem} .absolute-md {position: absolute;right: 0.938rem;top: 50%;transform: translate(0, -50%);-webkit-transform: translate(0, -50%);-ms-transform: translate(0, -50%);-o-transform: translate(0, -50%);-spec-transform: translate(0, -50%);z-index: 9;} .phrase-admin p {margin: 0;} .link-top-ul >li {padding: 0 12px;border-right: 1px solid #747D88} .link-top-ul >li:last-child {border-right: none;} .link-top-ul >li>a {display: block;position: relative;font-size:0.875rem;color:#ffffff; line-height: 0.625rem;} .link-top-ul >li>a:hover{color: #F43880; text-decoration: none!important;} #header{padding:10px 20px 0 20px;transition:all 0.5s;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-o-transition:all 0.5s;-ms-transition:all 0.5s;position:relative;z-index: 10;} .visible-mobile{display:none} .visible-mobile-767{display:none} .logo-site img{width: 100%;max-width: 26rem;} .logo-site a {position: relative;display: inline-block;} .text-perso-header{font:400 0.875rem "sofia-pro"; height:14px} .link-topsite a{color: #fff;} .link-topsite a:hover{color: #EF5E84;} .other-link-top { margin-left: auto;max-width:31.25rem;} .li-m980{display:none} .other-link-top li{padding: 0 12px;text-align:center;font: 12px "AvenirLTStd-Heavy"} .other-link-top li> a, #contenuPanierCommunWidget a{padding: 0; display: block; color: #375EA5; } .other-link-top li> a span, #contenuPanierCommunWidget a span {padding-top: 3px;display: block;} .other-link-top li >a:hover {color: #4ABA6D} .ico-contact-link{background: url("template-ico_mail.svg") no-repeat 50% 0;height: 30px; width: 35px;display: block; margin-left: auto;margin-right: auto;filter: hue-rotate(92deg) brightness(69%);-ms-filter:hue-rotate(92deg) brightness(69%);-webkit-filter:hue-rotate(92deg) brightness(69%);} .contact-link:hover .ico-contact-link {filter:hue-rotate(0deg) brightness(100%);-ms-filter:hue-rotate(0deg) brightness(100%);-webkit-filter:hue-rotate(0deg) brightness(100%);} .search-link:hover .ico-search-link {filter: brightness(100%);-ms-filter: brightness(100%);-webkit-filter: brightness(100%);} .service-header{font: 12px "AvenirLTStd-Heavy"; margin-top: 12px;display: inline-block;} .service-header strong {color: #375EA5;display: block;font: 1rem 'AvenirLTStd-Heavy' ;padding: 5px 0 5px 33px; background: url("template-ico_sce.svg") no-repeat left top; height: 28px;} .service-header span{display: block;padding-top: 2px;} .service-header:hover strong{background-position: left bottom;color: #4ABA6D;} .ctc-header strong {color: #EF5E84;display: block;font-size: 1rem;font-weight: 500;padding: 4px 0 3px 33px;margin-top: 6px; background: url("template-ico_ctc.svg") no-repeat center left; font-family: Dystopian-Bold;font-weight: normal;} .ico-compte-link{background: url("template-ico_compte.svg") no-repeat 50% 0;height: 30px; width: 35px;display: block;margin-left: auto;margin-right: auto; filter: hue-rotate(92deg) brightness(69%);-ms-filter:hue-rotate(92deg) brightness(69%);-webkit-filter:hue-rotate(92deg) brightness(69%);} .compte-link:hover .ico-compte-link {filter:hue-rotate(0deg) brightness(100%);-ms-filter:hue-rotate(0deg) brightness(100%);-webkit-filter:hue-rotate(0deg) brightness(100%);} .compte-link.link-other span {max-width:85px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;text-transform: capitalize;} .ico-panier-link{background: url("template-ico_panier.svg") no-repeat 50% 0;width: 35px;height: 30px; display: block; margin-left: auto;margin-right: auto;filter: hue-rotate(92deg) brightness(69%);-ms-filter:hue-rotate(92deg) brightness(69%);-webkit-filter:hue-rotate(77deg) brightness(50%);} .panier-link:hover .ico-panier-link { filter:hue-rotate(0deg) brightness(100%);-ms-filter:hue-rotate(0deg) brightness(100%);-webkit-filter:hue-rotate(0deg) brightness(100%);} .panier-link:hover>span{color: #4ABA6D;} .nbre-panier{background: url("template-bull_cart.svg") no-repeat center;position: absolute;right:-22px; top: -12px; color: #fff; font :400 14px "sofia-pro"; padding-top: 4px; display: block;width: 37px; height: 30px;padding-left: 4px;} .parent-search{max-width: 585px;margin: auto;} .s-text, .search-top form>.form-group .form-control {width: 100%;padding: 2px 4.063rem 2px 15px ;color: #375EA5;font: 400 13px"sofia-pro";height:40px;background: #fff;border:1px solid #BFC9E8;border-radius: 20px;-webkit-border-radius: 20px;-ms-border-radius: 20px;-o-border-radius: 20px;} .s-text::-webkit-input-placeholder, .search-top form>.form-control::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: #375EA5; opacity:1; } .s-text::-moz-placeholder, .search-top form>.form-control::-moz-placeholder { /* Firefox 19+ */ color: #375EA5; opacity:1; } .s-text:-ms-input-placeholder, .search-top form>.form-control:-ms-input-placeholder { /* IE 10+ */ color: #375EA5; opacity:1; } .s-text:-moz-placeholder , .search-top form>.form-control:-moz-placeholder{ /* Firefox 18- */ color: #375EA5; opacity:1; } .s-submit,.search-top .button { background: url('template-ico_recherche.svg') no-repeat center;border: none;;height: 40px;position: absolute;right: 5px;top: 50%;padding: 5px 0.625rem;transform: translate(0, -50%);-webkit-transform: translate(0, -50%);-ms-transform: translate(0, -50%);-o-transform: translate(0, -50%);-spec-transform: translate(0, -50%);width: 40px;font-size: 0;} .s-submit:hover, .search-top .button:hover{filter: brightness(150%);} /***********panier deroulant *********/ .panier-deroulant, .panier-quotation {transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;position: absolute;right: 1.5rem;top:34px; width: 330px; opacity: 0; visibility: hidden;transform: translateY(0.625rem);-webkit-transform: translateY(0.625rem);-ms-transform: translateY(0.625rem);-o-transform: translateY(0.625rem);padding-top: 15px;z-index: 99;color:#000;font-family: sofia-pro;} .content-panier-deroulant::after {content: "";width: 0px;height: 0px;border-style: solid;border-width: 0 11px 10px 11px;border-color: transparent transparent #FFFFFF transparent;transform: rotate(0deg);position: absolute;right: 1.5rem;top:7px} .content-panier-deroulant{background-color: #ffffff;padding:10px 20px 25px 20px;top: 100%;box-shadow: 0px 2px 6px 0px rgba(155,155,155,0.71);-webkit-box-shadow: 0px 2px 6px 0px rgba(155,155,155,0.71);-moz-box-shadow: 0px 2px 6px;border:1px solid #E6E6E6} .deroulant-panierBit {border-bottom:1px solid #ccc;padding: 0.625rem 0;position: relative; margin-right: 5px;} .deroulant-panierBit:last-child{border-bottom: none;} .image-panier-der {display: inline-block;width: 84px;padding-right:8px;vertical-align: middle} .image-panier-der img{width: 100%!important;} span.image-panier-der .image-slide {background: #f7f6f5;padding: 5px;} .detail-panierBit {display: inline-block;vertical-align: middle;width:calc(100% - 88px);text-align: left;} .detail-panierBit h3{font:500 0.875rem "sofia-pro";color:#375EA5} .bull-state{width: 8px;height: 8px;display: inline-block;margin-top: 3px;} .detail_bottom {margin-top: 0.938rem;} .image-bienvenu >img{border:1px solid #e5dcd3; } .detail-bottom > span {display: inline-block;padding-top: 3px;} strong.total-panier-der {font-weight:700 ; font-size: 17px;} .px-deroulant-panier {display: block;float: right;font-size:0.938rem; font-weight:normal } .delete_derbit {background: none ;border: none;color: #F43880 ;display: block;padding: 2px 0;position: absolute;right: 0;text-align: center;top: 0;width: 20px;z-index: 99;font-size: 21px;} .panier-bottom {padding: 0.625rem 0;} body.no-scrolling-popup{overflow:hidden!important} .menu-mobile {float: right;width: 30%;display:none; margin-top:0.625rem} .menu-mobile > div {float: left;text-align: center;width: 50%;} .menu-mobile-bloc a {display: inline-block;position: relative;max-width:60px; text-align:center} .menu-mobile-bloc {position: absolute;top: 50%;left: 0.8rem;transform: translate(0, -50%);-webkit-transform: translate(0, -50%);-ms-transform: translate(0, -50%);-o-transform: translate(0, -50%);-spec-transform: translate(0, -50%);padding-top: 0;z-index: 99;display: none;margin-top: -28px;} .close-menu-mob {display: none;position: absolute;color: #fff;right:0;top:0.5rem;z-index: 1;width:38px;height: 38px;text-align: center;padding: 8px;} .span-menu-mob{display: none;color: #ffffff;font: 1.65rem "sofia-pro";background-color: #F43880;border: 1px solid #C0C0CC;padding: 7px 10px;} .menu-top {position: relative;z-index: 99;} .max-200{max-height:15rem; overflow-x:hidden!important; overflow-y:hidden} .max-100{max-height:100px; overflow-x:hidden!important; overflow-y:hidden} .scrollPerso-s.max-200, .scrollPerso.max-200 {overflow-y: auto;} .logo-site {text-align: center;background: #fff;} /*****IIE STYLE*******/ .phrase-admin{padding:10px 15px;background-color: #F43880;color:#fff; display: none;} .visible-fixed, .logo-site a>img + img{display: none} .navigation-site-mobile{display: block;position: fixed;left: 0;background: #ffffff;left: -500%;top: 128px;z-index: 9;width: 90%;transition: all ease 0.7s;-moz-transition: all ease 0.7s;-webkit-transition: all ease 0.7s;-ms-transition: all ease 0.7s;-o-transition: all ease 0.7s;max-width:520px; padding-bottom: 0;padding-left: 0!important;padding-right: 0!important; box-shadow:5px 6px 6px rgba(60,65,66,0.2);padding-top: 15px;border-top: 2px solid #BFC9E8;bottom: 0;} .navigation-site-mobile >.container {height: 100%;background: none;position: relative!important;padding:0!important} .navigation-site-mobile .mCSB_inside>.mCSB_container {margin-right: 0.938rem!important;} .navigation-site-mobile.open-mob {left: 0;transition: all ease 0.7s;-moz-transition: all ease 0.7s;-webkit-transition: all ease 0.7s;-ms-transition: all ease 0.7s;-o-transition: all ease 0.7s;} .navigation-site-mobile .menu{background: #ffffff;padding: 0;height: 100%;} .navigation-site-mobile .onglets {display: block;border-top:1px solid #fff; max-width:100%; padding:5px 1.5rem; height: 100%;overflow-y: auto;overflow-x: hidden;} .navigation-site-mobile .close-menu-mob{display:block} .navigation-site-mobile .onglets .navLink i{display: none;} .navigation-site-mobile .onglets>.has-sub-item >.navLink::after {display: none;} .navigation-site-mobile .onglets>.has-sub-item >.navLink i{display: block;position: absolute;right: 15px;top: 50%; font-size: 1.5rem;transform: translate(0,-50%);} .navigation-site-mobile .onglets>.has-sub-item >.navLink i::before{font-weight: 900;} .subMenu {position: absolute;margin-top: 0;padding:0;border-bottom: none;width: 100%;top: 0;z-index: 999999;height: 100%;left: -500%;transition: all ease 1.5s;-moz-transition: all ease 1.5s;-webkit-transition: all ease 1.5s;-ms-transition: all ease 1.5s;-o-transition: all ease 1.5s;display: block !important; /*overflow: hidden;*/border: none; transform: none;-webkit-transform: none;-ms-transform: none;-o-transform: none;height: 100%;background: #fff;} .ss-menuniv2 {padding-left: 0.938rem;} .sub-menu-top, .sub-menu-top .container, .sub-menu-top .container .row, .flex-categ, .box-flex{height: 100%;} .ss-categ-l{height: 100%;padding-left: 0;padding-right: 0;} .sub-product{overflow-x: hidden;overflow-y: auto;padding-left: 0;padding-top: 0; } .remove_mob_parent.navigation-site-mobile .box-flex {overflow-y: auto;} .subMenu.open {left: 0;transition: all ease 0.6s;-moz-transition: all ease 0.6s;-webkit-transition: all ease 0.6s;-ms-transition: all ease 0.6s;-o-transition: all ease 0.6s;} .navigation-site-mobile.open-mob.remove_mob_parent .container.scroll-me-mobile_ {overflow: hidden;} .navigation-site-mobile .onglets .navItem{display:block;padding:3px 10px; background-color: #F1F4F9;border-radius: 5px;margin-bottom: 5px;transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;} .navigation-site-mobile .onglets .navItem.visible-980 {display: block;} .navigation-site-mobile .onglets .navItem>.navLink{color:#1B1B1E; text-align:left; padding:0.5rem 0; font:1rem Dystopian-Bold; max-width: 100% ;border:none!important; display: flex;display: -ms-flex; align-items: center;position: relative;} .navigation-site-mobile .onglets .navItem:hover{background-color: #4ABA6D;} .navigation-site-mobile .onglets .navItem:hover> .navLink{color: #fff;} .navigation-site-mobile .onglets .navItem:hover> .navLink i{color: #fff;} .navigation-site-mobile .onglets .navItem strong{display: block;width: 100%;max-width: 50px} .navigation-site-mobile .onglets .navItem img{border-radius: 100%;max-width: 50px;width: 100%;border: 1px solid #A6CAE8;background: #fff;} .navigation-site-mobile .onglets .navItem:hover> .navLink img{border-color: #fff;} .navigation-site-mobile .onglets span{padding-left: 0.5rem;} @media only screen and (min-width:992px) { .left-logo{position: static;} .navigation-site-mobile .onglets .navItem>.navLink{padding-top: 0.15rem;padding-bottom: 0.15rem;} .navigation-site-mobile .onglets .navItem strong{max-width: 45px} } @media only screen and (min-width:1251px) { .hidden-desk{display: none;} } @media only screen and (min-width:1200px) { .body-monsieurbiz_sylius_search_taxon .big-wrapper {overflow-x: initial;} .logo-site a>img + img{opacity: 0; position: absolute;width: 100%;left: 0; top: 50%; transform: translate(0,-50%);-webkit-transform: translate(0, -50%);-ms-transform: translate(0, -50%);-o-transform: translate(0, -50%);-spec-transform: translate(0, -50%);margin-top: -3px; display: block;} .li-panier:hover .panier-deroulant, .li-quote:hover .panier-quotation {opacity: 1;visibility:visible;transform: translateY(0);-webkit-transform: translateY(0);-ms-transform: translateY(0);-o-transform: translateY(0);} .headerFixed .panier-deroulant, .headerFixed .panier-quotation {padding-top: 1rem} .absolute-md {margin-top: -2px;} .phrase-admin {margin-top: -15px;position: relative;z-index: 3;display: block;} } /* clears the ‘X’ from Internet Explorer */ input[type=search]::-ms-clear { display: none; width : 0; height: 0; } input[type=search]::-ms-reveal { display: none; width : 0; height: 0; } /* clears the ‘X’ from Chrome */ input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-results-button, input[type="search"]::-webkit-search-results-decoration { display: none; } .search-top [type="search"]::-webkit-search-cancel-button {filter: invert(100%) sepia(100%) saturate(200%) hue-rotate(1deg);} /*================================= NAVIGATION ==================================*/ .fixed-devis {position: fixed;right: -0.625rem;top: 30%;z-index: 992;width: 107px;font: 400 20px "sofia-pro"} .no-scrolling .fixed-devis{display: none!important} .fixed-devis a {background: #375EA5;display: block;color: #fff;text-transform: uppercase;padding: 25px 0.625rem 0.938rem 0.625rem;text-align: center;border-radius: 0.625rem 0 0 0.625rem;-webkit-border-radius: 0.625rem 0 0 0.625rem;-ms-border-radius: 0.625rem 0 0 0.625rem;-o-border-radius: 0.625rem 0 0 0.625rem;} .has-bg-devis {display: block;font: 400 24px "sofia-pro";padding-top: 3px;} .icon-devis{display: block;text-align: center;} .icon-devis img{transform: scale(0.95);-webkit-transform: scale(0.95);-ms-transform: scale(0.95);-o-transform: scale(0.95);-spec-transform: scale(0.95);transition:all 0.5s;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-o-transition:all 0.5s;-ms-transition:all 0.5s} .fixed-devis a:hover img{transform: scale(1.05);-webkit-transform: scale(1.05);-ms-transform: scale(1.05);-o-transform: scale(1.05);-spec-transform: scale(1.05);} .fixed-devis a em {display: block;font: 300 italic 1rem "sofia-pro";text-transform: none;margin: 5px 0} .fixed-devis a:hover{background-color: #375EA5 ; } .navigation-site {position:relative; z-index:9;background-color: #fff; } .back_menu{padding: 15px 1.5rem;font: 600 1.2rem "sofia-pro";color: #375EA5;cursor: pointer;} .navigation-site .onglets {text-align: center;margin: auto;} .navigation-site .onglets>.navItem >.navLink{display:block;color:#375EA5;font: 1rem "Dystopian-Bold";padding:1rem 1.25rem;position:relative; z-index:99999;transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;border:none;} .navigation-site .onglets>.navItem >.navLink::after {content: "";width: 1px;height:11px;background: #BFC9E8;position: absolute;right: -3px;top: 50%;margin-top: -5px;} .navigation-site .onglets>.navItem:hover >.navLink::after{background-color: #375EA5;} .navigation-site .onglets>.navItem:last-child >.navLink::after{display: none;} .ss-submenu {position: absolute;left: 0;width: 100%;min-width: 250px;background: #fff;top: 100%;padding: 15px 15px 0 15px;text-align: left;border: 1px solid #BFC9E8;border-radius: 0 0 5px 5px;transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;opacity: 0; visibility: hidden;transform: translateY(0.625rem);-webkit-transform: translateY(0.625rem);-ms-transform: translateY(0.625rem);-o-transform: translateY(0.625rem);border-top: 2px solid #4ABA6D;max-height:60vh;overflow-x:hidden; overflow-y: auto;} .ss-submenu li{ padding: 3px 10px;background-color: #F1F4F9;border-radius: 5px;margin-bottom: 5px;transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;} .ss-submenu li a{color:#1B1B1E;display: block;font-family: Dystopian-Bold;} .ss-submenu li:hover{background-color: #4ABA6D;} .ss-submenu li:hover> a{color: #fff;} .tranche-flex img {max-width: 50px;margin-right: 10px;width: 100%;height: auto;border-radius: 100%;border: 1px solid rgba(155, 155, 155, 0.71);} .navigation-site .onglets>.navItem.has-sub-item:hover .ss-submenu{opacity: 1;visibility:visible;transform: translateY(0);-webkit-transform: translateY(0);-ms-transform: translateY(0);-o-transform: translateY(0);} .navigation-site .onglets>.navItem.has-sub-item:hover >.navLink .navigation-site .onglets> .navItem.has-sub-item {position: relative;} .navigation-site .onglets>.navItem.has-sub-item:hover >.navLink i::before{content: '\e8c5';} .navigation-site .onglets>.navItem >.navLink strong{display: block;} .navigation-site .onglets>.navItem:hover >.navLink{color: #4ABA6D;} .navigation-site .navItem.has-sub-item {position: relative;} .autocomplete-search .form-control {outline: 0;padding-right: 35px;} .all-product-nav .span-burger {background: #4ABA6D;padding: 5px 15px;border-radius: 3rem;color: #fff;cursor: pointer;display: block;} .all-product-nav strong{font: 1rem "Dystopian-Bold"; line-height: 0;} .all-product-nav .span-burger:hover,.all-product-nav .span-burger:focus{background-color: #63C67F;} .all-product-nav .burger-icon {display: flex;flex-direction: column;justify-content: center;gap: 4px;align-items: center;width: 40px;height: 30px;padding: 0;} .all-product-nav .burger-icon .bar{background-color: #fff;height:2px;opacity: 1;transform-origin: center;width: 22px;display: block;} .all-product-nav.nav-open .burger-icon .bar:first-child {opacity: 0;translate: 0 25%;} .all-product-nav.nav-open .burger-icon .bar {transition: rotate .3s ease-out;} .all-product-nav.nav-open .burger-icon .bar:nth-child(2) {rotate: 45deg;} .all-product-nav.nav-open .burger-icon .bar:nth-child(3) {rotate: -45deg;translate: 0px -6px;} .all-product-nav g#group-desktop {display: block;} .arianeBox{padding:0.938rem 0;color:#8c8e93;} body:not(.modal-open) .page-content{z-index: 3} @media only screen and (min-width:1025px) { .navigation-site{display:block!important;} /*.header-body.relative * {z-index: 9999;}*/ } @media only screen and (min-width:992px) { .onglets>.navItem:hover >.navLink{border-color: #FF9739;} .navigation-site .mCustomScrollBox, .navigation-site .mCSB_container {position: static!important;overflow: visible;margin-right: 0!important;} .navigation-site .mCSB_scrollTools{display: none!important;} .navigation-site .onglets>.navItem:hover >.subMenu{display: block!important;} .navigation-site .onglets>.navItem:hover >.navLink::before{background-color: #375EA5;} .navigation-site .onglets>.navItem >.navLink span {display: flex;justify-content: space-between;align-items: center;} } @media only screen and (min-width:1200px) { .navigation-site .onglets {margin-top: -5px;} .navigation-site{transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;} .header-body.headerFixed{position:fixed;width:100%;left:0;top:0;z-index:999;box-shadow:0px 5px 5px 0px rgba(155, 155, 155, 0.71);} .subMenu{box-shadow:0px 5px 5px 0px rgba(155, 155, 155, 0.71);} .headerFixed .visible-fixed{display: block;} .headerFixed #header{padding: 0;position: static;padding-left: 0 !important;} .padding-body{padding-top:100px} .headerFixed .logo-site img{width: 250px;max-width: 250px;} .headerFixed .logo-site{width: 60px;overflow: hidden;} .headerFixed .logo-site a {width: 56px;overflow: hidden;} .headerFixed .hidden-fixed{display: none!important;} .headerFixed .right-bloc-head {max-width: max-content;flex: 0 0 auto;} .headerFixed .link-topsite >div{float: left;padding-right: 20px;} .headerFixed .other-link-top >ul>li{padding-left: 7px;padding-right: 7px;margin: 0 !important;} .headerFixed .other-link-top >ul>li.li-quote{margin-left: 10px;} .headerFixed .other-link-top >ul>li> .savecart-link span{display: none;} .headerFixed .search-top{margin-right: auto;max-width: 170px;} .headerFixed .hidden-link-fixed{display: none;} .headerFixed .s-text, .headerFixed .search-top form>.form-group .form-control{height: 40px;padding-right: 40px;font-size: 12px;min-width:170px;white-space: nowrap;text-overflow: ellipsis;} .headerFixed .s-submit, .headerFixed .search-top .button{height: 24px;width: 36px;} .headerFixed .left-logo {position: absolute;top: 50%;z-index: 99;transform: translateY(-50%);-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);-o-transform: translateY(-50%);left: 0;} .headerFixed .navigation-site .onglets {max-width:100%;margin: 0;} .headerFixed .navigation-site {padding-left: 80px !important;flex: 0 0 57%;} .headerFixed .navigation-site .onglets>.navItem >.navLink{font-size:0.875rem;padding:1.3rem 0.875rem;} .headerFixed .navigation-site-mobile{top: 62px!important;} .headerFixed .header-sticky {padding:0;display: flex;justify-content: space-between;flex-direction: row-reverse;align-items: center; max-width: 1530px;margin: auto;position: relative;} .headerFixed .li-professionel{min-width: 2rem;} .headerFixed .li-professionel .btn-link{padding-top: 0.5rem!important;padding-bottom: 0.5rem!important;} .headerFixed .nbre-panier{ width: 24px;height: 20px;font-size: 13px;top: -2px;background-size: 100% 100%;right: -6px;padding-top: 1px;} .headerFixed .service-header{margin-top: 0;} .headerFixed .all-product-nav strong{font-size: 0.875rem;line-height: normal;} } .logo-site h1 {position: absolute;font-size: 0;height: 0;width: 0;left: 0;color: #fff;} .errorForm, .etoile,.surligne{color: #dc3545;} .max-container-2{max-width: 1200px; margin:auto; padding: 0 0.625rem } .max-container-3{max-width: 1000px; margin:auto; padding: 0 0.625rem } .max-container-4{max-width: 980px; margin:auto; padding: 0 0.625rem } .max-container-5{max-width: 1300px; margin:auto; padding: 0 0.625rem } .max-container-art{max-width: 1340px; margin:auto; padding: 0 0.625rem } .max-container-6{max-width: 1450px; margin:auto; padding: 0 0.625rem } .max-container-checkout{max-width: 1350px; margin:auto } .big-container{max-width: 93%; margin:auto; padding: 0 0.625rem } .panier-content .max-container-5{max-width: 1240px; } @media only screen and (min-width:1025px) { .px-20{padding-left: 20px; padding-right: 20px} .h1-content{margin-top: -15px;position: relative;z-index: 9;} } .center-search .form-group {margin: 0;} .bann-header{padding-top: 6px;padding-bottom: 6px;} .search-top form {position: relative;} /*==================================== SLIDER ======================================*/ .abs-pagination {position: absolute;left: 50%;width: max-content;bottom: 15px;z-index: 99;transform: translate(-50%,0);} .abs-pagination .swiper-pagination {position: relative;bottom: 0;} .conteneur-slider{position:relative; z-index:1;} .slider-item.swiper-slide img {width: 100%;height: auto;} .slider-item a{background-position: center; background-size: cover; display: block;} .slider-absolute-content{position: absolute;top: 35%;left: 50%;transform: translate(-50%, -50%);-webkit-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);-o-transform: translate(-50%, -50%);-spec-transform: translate(-50%, -50%);color: #375EA5;width: 100%;padding: 0 0.938rem;max-width: 1200px; font: 500 22px "sofia pro";} .content-slider{max-width: 60%;} .title-slider {font: 52px "sofia-pro";color: #F43880;display: block;} .slider-item >.bg-mobile-bann{background-repeat: no-repeat;display: block;background-position: 33% center; background-size: cover} .text-btn-slider .btn-link{min-width: 140px} .conteneur-slider .swiper-container-fade .swiper-slide-active, .conteneur-slider .swiper-container-fade .swiper-slide-active .swiper-slide-active {pointer-events: auto;z-index: 9;} .swiper-pagination-clickable .swiper-pagination-bullet,.swiper-pagination .swiper-pagination-bullet {margin: 0 4px;} .bann-slider-home img, .slider-home .swiper-slide{border-radius: 10px;} .slider-item.swiper-slide:not(.swiper-slide-active) {opacity: 0!important;} .btn-slider {position: absolute!important;top: 40%;left: 3rem;padding-right: 1.7rem !important; width: max-content;} .btn-slider2 {position: absolute!important;bottom: 12%;left: 50%; transform: translate(-50%,0);padding-right: 1.7rem !important; width: max-content;} .mini-icon{font-size: 10px;vertical-align: middle;} .top-index .mini-icon {line-height: 16px;} @media only screen and (min-width:991px) { .slider-item a{background: none!important;} .slider-home .swiper-pagination-bullet-active {border-color: #1C45AD;} .slider-item.swiper-slide.swiper-slide-active img {transform: scale(1);opacity: 1;} .slider-item.swiper-slide img {transform: scale(1.2);transition: all ease 2.5s;opacity: 0;height: 100%;object-fit: cover;} .home-prev{margin-right: 8px;} .home-next{margin-left: 8px;} .col-left-slider{flex: 0 0 61%;max-width: 61%;} .col-right-slider{flex: 0 0 39%;max-width: 39%;} } /*=============================== BLOC ABOUT INDEX ================================*/ .btn-after-style {display: inline-block;width: 60px;height: 40px;border-radius: 0.625rem;-webkit-border-radius: 0.625rem;-ms-border-radius: 0.625rem;-o-border-radius: 0.625rem;text-align: center;padding-top: 5px;padding-left: 6px;margin-right: 0.625rem;} .play-btn-about {color: #375EA5;font: 700 1rem "sofia-pro";text-decoration: underline;transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;} .play-btn-about:hover{color: #F43880;filter:brightness(110%);-moz-filter:brightness(110%);-webkit-filter:brightness(110%);-ms-filter:brightness(110%);-o-filter:brightness(110%);} .has-border-bottom{border-bottom: 1px solid #9EA6AD;} .border-accordion{border-bottom: 1px solid #E6E6E6} .accordion-bit:nth-child(2) .border-accordion, .accordion-bit:first-child .border-accordion{border-top: 1px solid #E6E6E6;} /*.zindex{z-index: 99;}*/ .bloc-about .expand-me-mobile{ text-align: justify; } li#catal_li331, li#catal_li712 { display: none; } .expand-desc.text-black.expand-desc-art *{color: #000!important;} /*=============================== CATEGORY INDEX ================================*/ .category-item-index {max-width: 250px;margin: auto;} .category-item-desc{ display: -webkit-box;-webkit-line-clamp: 2;line-clamp: 2;overflow: hidden;-webkit-box-orient: vertical;color:#1A1A1A} .category-item-img.rounded-circle img {width: 100%;height: 100%;border-radius: 100% !important;} .category-item-img a::after{content: "";width: 30px;height: 30px;border-radius: 100%;background: #375EA5 url("template-sscateg_arrow.svg") no-repeat center;background-size: 100%;position: absolute;bottom: -12px;left: 50%;transform: translate(-50%,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;} .category-item-img a.no-after::after{display: none;} .rounded-clip{padding: 3px;border: 1px solid #FFCECC; background-clip: content-box;} .category-item-img a:hover::after, .category-item-index:hover a::after{background-color: #4ABA6D;} .category-item-lib {margin-bottom: 0;padding: 0.25rem 0 0.1rem 0;font: 1.125rem "AvenirLTStd-Heavy";color: #375EA5;text-transform: lowercase;} .category-item-lib::first-letter {text-transform: uppercase;} .category-item-index:hover .category-item-lib {color: #4ABA6D;} .bloc-brand .category-item-img img{border: 1px solid #BFC9E8;} .bloc-brand .category-item-img .row >div:nth-child(-n + 6) img{border: 2px solid transparent;} .bloc-brand .category-item-img a:hover::after, .bloc-brand .category-item-index:hover a::after{background-color: #4ABA6D;/*bottom: -18px;*/} .bloc-brand .category-item-index:hover .category-item-lib ,.bloc-brand .category-item-index:hover .category-item-lib a,.bloc-brand .category-item-index .category-item-lib a:hover {color: #4ABA6D!important;} .bloc-brand .hover-img-scale{overflow: inherit;} .bloc-brand .row >div:nth-child(-n + 6) { -ms-flex: 0 0 33.333333%;flex: 0 0 33.333333%;max-width: 33.333333%;} .bloc-brand .row >div:nth-child(-n + 6) .category-item-img img{border: 1px solid #BFC9E8;box-shadow: 0 0 1px 1px transparent;} .bloc-brand .category-item-index:hover .category-item-img img {border-color: #4ABA6D!important;} .bloc-brand .category-item-lib,.bloc-brand .category-item-desc {display: none;} .bloc-brand .row >div:nth-child(-n + 6) .category-item-lib, .bloc-brand .row >div:nth-child(-n + 6) .category-item-desc{display: block;} .bloc-brand .row >div:nth-child(-n + 6) .category-item-index:hover .category-item-img img{box-shadow: 0 0 1px 1px #4ABA6D} .bloc-brand-categorie .category-item-img img{border: 1px solid #BFC9E8;box-shadow: 0 0 1px 1px transparent;} .bloc-brand-categorie .hover-img-scale{overflow: inherit;} .bloc-brand-categorie .category-item-index:hover .category-item-img img{border-color: #4ABA6D;box-shadow: 0 0 1px 1px #4ABA6D;} @media only screen and (min-width:992px) { .categ-height-min{min-height:125px} .category-item-index {max-width: 201px;} .category-item-desc{max-width: 250px;margin-left: auto;margin-right: auto;} .bloc-brand .category-item-index {max-width: 150px;} .bloc-brand .row >div:nth-child(-n + 6) .category-item-index {max-width: 280px;} .bloc-other-brand .category-item-index {max-width: 150px;} } @media only screen and (min-width:1200px) { .swiper-category-style .row>div{max-width: 20%!important;flex:0 0 20%!important;-ms-flex:0 0 20%!important;} } /*.categ-height-min ul>li:nth-child(n+6) {display: none;}*/ .opacity-img-categ {opacity: 0;} .absolute-img-categ {position: absolute;left: 0;top: 0;width: 100%;height: 100%;object-fit: cover;-ms-object-fit: cover;} .category-item-img {position: relative;} .no-bg{background: none!important;} @keyframes anim1 { 0% { transform: scale(0.5); visibility: visible; } 100% { transform: translate(24px, 26px) scale(0.6); opacity: 0; } } @-webkit-keyframes anim1 { 0% { -webkit-transform: scale(0.5); visibility: visible; } 100% { -webkit-transform: translate(24px, 26px) scale(0.6); opacity: 0; } } @-ms-keyframes anim1 { 0% { -ms-transform: scale(0.5); visibility: visible; } 100% { -ms-transform: translate(24px, 26px) scale(0.6); -ms-opacity: 0; } } @-webkit-keyframes float2 { 0% { -webkit-transform: scale(0.8); visibility: visible; } 100% { -webkit-transform: translate(8px, 31px) scale(0.5); opacity: 0; } } @-ms-keyframes float2 { 0% { -ms-transform: scale(0.8); visibility: visible; } 100% { -ms-transform: translate(8px, 31px) scale(0.5); opacity: 0; } } @keyframes float2 { 0% { transform: scale(0.8); visibility: visible; } 100% { transform: translate(8px, 31px) scale(0.5); opacity: 0; } } .animate1_me { -webkit-animation-name: anim1; -webkit-animation-duration: 2s; -webkit-animation-iteration-count: 1; -webkit-animation-timing-function: ease; animation-name: anim1; animation-duration: 2s; animation-iteration-count: 1; animation-timing-function: ease; -ms-animation-name: anim1; -ms-animation-duration: 2s; -ms-animation-iteration-count: 1; -ms-animation-timing-function: ease; } .animate2_me { -webkit-animation-name: float2; -webkit-animation-duration: 2s; -webkit-animation-iteration-count: 1; -webkit-animation-timing-function: ease; animation-name: float2; animation-duration: 2s; animation-iteration-count: 1; animation-timing-function: ease; -ms-animation-name: float2; -ms-animation-duration: 2s; -ms-animation-iteration-count: 1; -ms-animation-timing-function: ease; } /*=============================== COLLECTION INDEX ================================*/ .btn2-slide-prev.collection-index-prev {left: 10px;} .btn2-slide-next.collection-index-next {right: 10px;} @media only screen and (min-width:768px) { .bloc-collection-index{height: 340px;overflow: hidden;} .bloc-collection-index >.row,.bloc-collection-index >.row > div {height: 100%;} .btn2-slide-next, .btn2-slide-prev{margin-top: -35px;} } .bloc-autopromo-index .hover-img-scale{cursor: pointer;} .hover-bg-btn {position: absolute;left: 0;top: 0;display: flex;height: 100%;align-items: center;justify-content: center;text-align: center;width: 100%;background: rgba(0, 0, 0, 0.4);border-radius: 10px;transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;opacity: 0;} .hover-img-scale:hover .hover-bg-btn {opacity: 1;} /*=============================== top INDEX ================================*/ @media only screen and (min-width:575px) { .top-index .swiper-slide{max-width: 50%;} .top-index-eco .swiper-slide{max-width: 50%;} } @media only screen and (min-width:768px) { .top-index .swiper-slide{max-width: 33.3333%;} } @media only screen and (min-width:1200px) { .top-index .swiper-slide{max-width: 25%;} } .padding-visible-top {padding:0 130px 0 0;overflow: hidden;margin:0 4px 0 -21px;position: relative;} .padding-visible-top::after{content: "";width: 127px;height: 100%;background: url('template-gradient_slide_next.png') no-repeat right top;position: absolute;right:-3px;z-index: 2;display: block;top: 0;background-size: auto 100%;} .padding-visible-top::before{content: "";width: 95px;height: 100%;background: url('template-gradient_slide_prev.png') no-repeat right top;position: absolute;left: 3px;z-index: 2;display: block;top: 0;background-size: auto 100%;display: none;} .contenu-art-top.px-perso-top {padding-right: 50px;padding-left: 13px;} .contenu-art-top.px-perso-top .swiper-container{overflow: visible;padding-left: 10px;padding-right: 10px;} /*=============================== PROMO ================================*/ .max-container-1 {max-width: 1030px;margin:0 auto;} .title-big {font: 2.625rem "Dystopian-Bold";} .title-medium{font: 1.75rem "Dystopian-Bold";color: #375EA5;} .title-medium.has-after:after{content: "";width:70px;height: 1px;background-color: #BFC9E8;display: block;margin: 10px auto 5px auto;} .title-medium.text-left.has-after:after{margin-left: 0;} .sstitle-medium{font: 1rem "AvenirLTStd-Heavy";padding-bottom: 4px;border-bottom: rgba(191,201,232,0.5) 1px solid;} .sstitle-medium.color-primary-site{border-bottom: #F2D6E0 1px solid;} .title-instit-h2med h2{font: 2rem "sofia-pro";color: #375EA5} .title-instit-medium h3 {font: 1.8rem "sofia-pro";color: #375EA5} .title-Aller-19{font: 1.188rem "sofia-pro";color: #375EA5} .title-ss-regular {font :400 2.125rem "sofia-pro";} .title-big-regular {font :400 3.125rem "sofia-pro";} .dystopian-bold{font-family: Dystopian-Bold;} .dystopian-regular{font-family: Dystopian;} .avenir-heavy{font-family: AvenirLTStd-Heavy;} .avenir-medium{font-family: AvenirLTStd-Medium;} .wrapper-article-h .swiper-slide{height: auto!important;} .sofiaMedium-font {font-family: "sofia-pro";font-weight: 500;} .btn-link {background:#375EA5;display: inline-block;text-align: center;color: #fff!important;padding:0.75rem 1rem;font: 1.125rem "Dystopian-Bold";text-transform: none;border: none; border-radius: 2rem;-webkit-border-radius: 2rem;-ms-border-radius: 2rem;-o-border-radius: 2rem;position: relative;transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;text-align: center;} .btn-link:hover{background:#4ABA6D;text-decoration: none;} .btn-link.minw-sm{min-width: 12.5rem;} .btn-link.maxw-sm{max-width: 11.875rem;} .btn-link.minw-vsm{min-width: 120px;} .btn-link.minw-vmd{min-width: 193px;} .btn-link.mw-auto{min-width: 50px;} .btn-link.minw-verybig{min-width:16.25rem;} .btn-link.minw-verybig2{min-width:14.063rem;} .btn-link.bg-green{background-color: #4ABA6D;} .btn-link.bg-green:hover,.btn-link.bg-green:focus{background-color: #66c584;} .btn-link.bg-white-link{background: none;border: 1px solid #fff;} .btn-link.bg-white-link:hover{background: #F43880;border: 1px solid #F43880;} .btn-link.bg-white2-link{background-color: #fff;color: #375EA5!important;} .btn-link.bg-white2-link:hover{background-color: #375EA5;color: #fff!important;} .btn-link.other-radius-btn {padding-top: 0.75rem;padding-bottom: 0.75rem;font-size: 1rem;border-radius: 1.563rem;-webkit-border-radius: 1.563rem;-ms-border-radius: 1.563rem;-o-border-radius: 1.563rem;} .btn-link.font-mini-btn {font-size: 0.75rem;padding-top: 0.75rem;padding-bottom: 0.75rem;border-radius: 10px;-webkit-border-radius: 10px;-ms-border-radius: 10px;-o-border-radius: 10px;} .hover-img-scale {overflow:hidden;} .hover-img-scale img{transition:all 0.5s;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-o-transition:all 0.5s;-ms-transition:all 0.5s} .hover-img-scale:hover img, .box-style:hover .hover-img-scale img, .category-item-index:hover .hover-img-scale img {transform: scale(1.05);-webkit-transform: scale(1.05);-ms-transform: scale(1.05);-o-transform: scale(1.05);-spec-transform: scale(1.05);} .btn-link.has-icon span {display: inline-block;} .py-perso-btn {padding-top: 1.05rem;padding-bottom: 1.05rem;} @media only screen and (min-width:576px) { .produit-promo-item {max-width: 50%} .br-mobile br{display: none;} } @media only screen and (min-width:768px) { .expand-parasm-mobile .summary {display: none!important;} .expand-parasm-mobile .details {display: block!important;height: auto!important;} .expand-parasm-mobile .read-less{display: none!important;} .produit-promo-item {max-width: 33.3333%} .btn-account-grid .btn-link.maxw-sm{min-width: 11rem;} .title-medium.no-br-md br{display: none!important;} } @media only screen and (min-width:1200px) { .expand-para-mobile .summary {display: none!important;} .expand-para-mobile .details {display: block!important;height: auto!important;} .expand-para-mobile .read-less{display: none!important;} .title-small-size-lg{font-size: 2.25rem!important;} .btn-link.minw-sm-d{min-width: 11.875rem;} .title-28-medium{font-size: 1.75rem;} .title-25-medium{font-size: 1.563rem;} .title-20-medium{font-size: 1.25rem;} } .expand-desc.text-grey p {margin-bottom: 0;} /*=============================== ARTICLE COMMUN ================================*/ .fontsize-normal{font-size: 0.875rem} .font-small{font-size: 0.725rem!important} .titlelarge-regular {font:400 55px "sofia-pro";} .text-regular{font-family:"sofia-pro"; font-weight: 400; } .text-sofiaMedium{font-family:"sofia-pro"; font-weight: 500; } .max-container-txt{max-width: 800px} .max-container-txt2{max-width: 585px} .object-fit-img img,.object-fit-img picture img {height: 100%; object-fit: cover;-ms-object-fit: cover;-webkit-object-fit: cover; width: 100%} .object-fit-video iframe{height: 100%; object-fit: cover;-ms-object-fit: cover;-webkit-object-fit: cover; width: 100%} .object-fit-img.position-perso img{object-position: left center} .title-perso-collection{font : 70px "Mathilde";color: #ffffff; line-height: 80%;} .articleBit-hover-action-top div#sylius-cart-validation-error {position: absolute;bottom: 0;margin-bottom: 0!important;font-size: 12px;padding: 6px;right: 0;} .articleBit-hover-action {left: -1px;margin-top: -10px;opacity: 0;overflow: auto;position: absolute;top: 100%;transform: translateY(.625rem);-webkit-transform: translateY(.625rem);-ms-transform: translateY(.625rem);-o-transform: translateY(.625rem);visibility: hidden;width: calc(100% + 2px);z-index: 9} .articleBit:hover .articleBit-hover-action {opacity: 1;transform: translateY(0);-webkit-transform: translateY(0);-ms-transform: translateY(0);-o-transform: translateY(0);transition: all .3s;-webkit-transition: all .3s;-moz-transition: all .3s;-o-transition: all .3s;-ms-transition: all .3s;visibility: visible} .articleBit-hover-action-top {background: #4ABA6D;color: #fff;padding: 8px 12px;position: relative;z-index: 2} .articleBit-add-cart {background: #4ABA6D url(template-icon_cart.svg) no-repeat 50%;border: none;border-radius: 3rem;height: 31px;width: 62px;} .btn-details-hover {position: absolute;left:-1rem;top: 0;padding-top: 45%;text-align: center;display: block;width:calc(100% + 2rem);height: 100%;z-index: 9;background: rgba(255, 255, 255, 0.7);opacity: 0;visibility: hidden;transition:all 0.5s;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-o-transition:all 0.5s;-ms-transition:all 0.5s; } .articleBit-add-cart:hover{background-color: #60d384;} .btn-details-hover span{display: block; background: #4ABA6D ; width: 100%;max-width: 100px;margin: auto;border-radius: 2rem;font: 0.875rem "Dystopian-Bold";padding: 9px 5px;color:#fff; text-transform: capitalize;} .btn-details-hover:hover span{background-color: #60d384;} .articleBit-add-cart.ctc-cart{background: #375EA5 url(template-ico_mail2.svg) no-repeat 50%;} .articleBit-add-cart.ctc-cart:hover{background-color: #5c85d3;} /**********ARTICLLEBIT**************/ .bg-art-w {background: #fff;transition:all 0.5s;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-o-transition:all 0.5s;-ms-transition:all 0.5s;border-radius: 10px;padding: 1rem;position: relative;} .articleBit{padding: 2px ;background-color: #fff;font:400 0.938rem "sofia-pro";position: relative;border: 1px solid #BFC9E8;-webkit-transition: .3s ease-in-out; transition: .3s ease-in-out;-ms-transition: .3s ease-in-out;border-radius: 10px;box-shadow: 0 0 1px 1px #fff;} .liste-article .articleBit{box-shadow :0 1px 3px 1px rgba(161,176,209,0.3)} /*.bg-art-w::before{content: "";width: 0.033rem;height: 100%;position: absolute;left: -1px;top: 0;background-color: #E6E6E6;} .bg-art-w::after{content: "";width: 0.033rem;height: 100%;position: absolute;right: -1px;top: 0;background-color: #E6E6E6;}*/ .articleBit:hover, .liste-article .articleBit:hover{border-color: #4ABA6D;box-shadow: 0 0 1px 1px #4ABA6D;} .articleBit:hover .btn-details-hover{opacity: 1;visibility: visible;} .articleBit:hover .bg-art-w::before,.articleBit:hover .bg-art-w::after{display: none;} .padding-x-art{padding: 0 12px 12px 12px;} .articleBit-lib{text-align:left;padding-top:5px; margin:0; line-height: 0;} .articleBit-lib a{font: 1.125rem "AvenirLTStd-Heavy";color:#1A1A1A;text-transform: lowercase;} .articleBit-lib::first-letter{text-transform: uppercase;} .articleBit-lib a:hover{color: #4ABA6D;} .articleBit-desc {max-height: 40px;display: -webkit-box;-webkit-line-clamp: 2;line-clamp: 2;overflow: hidden;-webkit-box-orient: vertical;font: 0.75rem "AvenirLTStd-Heavy";color: #375EA5;} .table-lib {width:100%} .articleBit-price {text-align: left;font: 0.875rem "AvenirLTStd-Medium"; position:relative;color: #375EA5;} .price-promo{font: 1.25rem "AvenirLTStd-Heavy";white-space: nowrap;color: #375EA5;} .price-promo small{font-size: 50%;font-weight: 700;margin-left: -4px;} .price-old{text-decoration: line-through;line-height: 12px;margin-left: 5px; margin-bottom: 2px;} .price-old small{font-size: 70%;font-weight: 700; display: inline-block;text-decoration: line-through;} .price-old:empty{display: none;} .hide-td-mobile .price-promo-ht small{font-size: 0.625rem;} .articleBit-caract span {display: inline-block;border: 1px solid #CCCCCC;height: 20px; width: 20px;margin-right: 4px;border-radius: 100%;-webkit-border-radius: 100%;-ms-border-radius: 100%} .articleBit-btn >.btn-link{position: relative;} .articleBit-btn >.btn-link::after{content: "";width: 0px;height: 0px;border-style: solid;border-width: 7px 7px 0 7px;border-color: #fff transparent transparent transparent;transform: translate(-50%,0);position: absolute;left: 50%;top: 0;display: none;transition:all 0.5s;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-o-transition:all 0.5s;-ms-transition:all 0.5s; } .top-index-eco .articleBit-btn >.btn-link::after{top: -1px;} .articleBit:hover .articleBit-btn >.btn-link::after{display: block;} .td-nowrap{white-space: nowrap} .articleBit-ima {text-align: center;position: relative;padding: 2px;} .articleBit-ima a img {width: 100%;height: auto;} .etiquette{position: absolute;right: -1.1rem;top:0;font: 700 1rem "sofia-pro";padding:10px 7px;text-align: center;min-width:60px;display: inline-block;color: #fff;line-height: 1;background-color: #F43880;text-transform: uppercase;} .etiquette.etiquette-2{background-color: #F49F4A;} .brand-logo {position: absolute;right: 10px;top: 5px;} .articleBit .brand-logo{max-width: 60px;} .articleBit .brand-logo img {mix-blend-mode: darken;} .articleBit-ima-marque {position: absolute;left: 5px;bottom: 5px;} .opacity-img-0{opacity: 0;} .img-opacity-0 {opacity: 0;position: absolute;left: 0;top: 0;height: 100%;width: 100%;z-index: 1; -webkit-transition: .3s ease-in-out; transition: .3s ease-in-out;-ms-transition: .3s ease-in-out;} .img-opacity-0 img,.img-opacity-1 img {width: 100% ;height :100%; object-fit: cover; -ms-object-fit: cover;} .img-opacity-1 {-webkit-transition: .3s ease-in-out; transition: .3s ease-in-out;-ms-transition: .3s ease-in-out;position: absolute;left: 0;top: 0;height: 100%;width: 100%;z-index: 2;} .articleBit:hover .img-opacity-0{opacity: 1;z-index: 3;} .img-opacity-0 img[src*="spacer"]{opacity: 0; display: none;} .flex-grow-l{-webkit-box-flex: 1;-ms-flex: 1 1 auto;flex: 1 1 auto;} .articleBit .flex-grow-l{flex-basis: 0;-ms-flex-basis: 0;} .max-art .badge {position: absolute;right: 15px;top: 15px;} .etiquette.etiquette-1{background-color: #F43880} .articleBit-ima .etiquette-texte{font-size: 12px;text-transform: uppercase;padding-top: 5px;padding-bottom: 6px;} .etiquette-texte.etiquette-top_left{top: 10px;left: 10px;} .etiquette-texte.etiquette-top_right{top: 10px;right: 10px;left:auto} .etiquette-texte.etiquette-bottom_right{bottom: 10px;right: 10px;left:auto; top: auto;} .etiquette-texte.etiquette-bottom_left{bottom: 10px;left: 10px;top: auto;} .etiquette.etiquette-texte + div.etiquette {left: 63px;} .etiquette:empty {display: none;} .picto-promo {position: absolute;top: 0;min-width: 65px;padding: 0.3rem 0.5rem;text-align: center;background-color: #F43880;z-index: 10;color: #fff;font:1.125rem "AvenirLTStd-Heavy";left: -1.1rem;} .articleBit-brand{position: absolute;left: 0;z-index: 1;bottom: 0;} .articleBit-brand img{max-width: 35px;width: 100%;} .swiper-padding-hover {padding-bottom: 25px;} .txt-speed-cart {font: 1rem "Dystopian-Bold";line-height: 1;} .txt-speed-cart span {font-size: 17px;padding-top: 2px;} .max-code{max-width:100px; word-break: break-all;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;} #configuration_select_quantity_range_container {display: flex; flex-direction: column; margin-top: 20px;} #add-to-cart-info-msg {color:#F43880; font-weight: 700;} #add-to-quotation-btn:disabled, #add-to-cart-btn:disabled {cursor: not-allowed;opacity: 0.5;} /******accessoire conseil******/ .product-associations-bloc {background: #fff;padding: 25px 0.75rem 0 0.75rem;margin-top: -15px;z-index: 1;position: relative;box-shadow:0px 0 9px 0px rgba(155,155,155,0.71);-webkit-box-shadow:0px 0 9px 0px rgba(155,155,155,0.71);-ms-box-shadow: 0px 0 9px 0px rgba(155,155,155,0.71);border-radius: 0 0 12px 12px;-webkit-border-radius: 0 0 12px 12px;-ms-border-radius: 0 0 12px 12px;} .association-bit-art{padding: 10px 0;border-bottom: 1px solid #C0C0CC;} .product-associations-bloc ul {padding-left: 0;list-style: none;} .max-img-association {max-width: 80px;padding-right: 10px!important;} .association-bit-art:last-child {border: none;} .association-bit-art .articleBit-stock {color: #96C136; background-size: 20px;padding-top: 17px;} .association-bit-art .articleBit-add-cart {width: 36px;background-size: 15px;height: 32px;} .association-bit-art .qte-panier.sylius-quantity-bit {width: 68px;border: 1px solid #5B646D;} .association-bit-art .qte-panier.sylius-quantity-bit a img {max-width: 12px;} .association-bit-art .articleBit-price{font-size: 13px;} .association-bit-art .price-promo {font-size: 16px;} .association-bit-art .articleBit-price small{padding-left: 0px;font-size: 9px;} .association-bit-art .qte-panier.sylius-quantity-bit .form-control {height: 30px;padding: 0;text-align: center;font-size: 0.9rem;} /*********categ page*******/ .border-table-perso-art .articleBit-stock,.article-conseil-bit .articleBit-stock {color: #96C136; background-size: auto 19px;padding-top: 16px; margin-bottom: -2px;} .border-table-perso-art .qte-panier.sylius-quantity-bit .form-control, .article-conseil-bit .qte-panier.sylius-quantity-bit .form-control{height: 30px;font-size: 16px;text-align: center;} .border-table-perso-art .qte-panier.sylius-quantity-bit, .article-conseil-bit .qte-panier.sylius-quantity-bit{border: 1px solid #5B646D;width: 88px;} .border-table-perso-art .articleBit-add-cart,.article-conseil-bit .articleBit-add-cart {height: 32px; width: 46px;background-size: 15px;} .px-promo-liste-art, .article-conseil-bit .price-promo {font: 700 0.938rem "sofia-pro";color: #F43880;white-space: nowrap;padding-left: 10px;} .px-promo-liste-art small, .article-conseil-bit .price-promo small{font-size: 10px;font-weight: 700 ;} .articleBit-caract-list {padding-top: 5px;} span.no-stock {color: #808080;} .articleBit-caract-color {min-height: 21px;} .color-caract-bg {display: block;width: 17px;border-radius: 100%;-webkit-border-radius: 100%;-ms-border-radius: 100%;-o-border-radius: 100%;border:1px solid #fff;} .color-caract-bg img{display: block;border-radius: 100%;-webkit-border-radius: 100%;-ms-border-radius: 100%;-o-border-radius: 100%;} .color-caract-bg img[src*="blanc"]{border:1px solid #ccc;} .color-caract-bg:hover {border-color: #4ABA6D} .btn-link-hover {position: absolute;left: 0;bottom: 0;height: 100%;width: 100%;background-color: #fff; z-index: 9; opacity: 0;visibility: hidden;transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;} .articleBit:hover .btn-link-hover{opacity: 1; visibility: visible;} @media only screen and (min-width: 992px){ .max-w-site {max-width: 1700px;margin: auto;} .top-news{position: relative;z-index: 9;} .top-product-phare{position: relative;z-index: 8;background: rgba(234,234,234,0.3);padding-bottom: 30px;} .top-promo {position: relative;z-index: 7;} .liste-article .articleBit-add-cart{height: 35px;} } @media only screen and (min-width: 1200px){ .mb-lg-5p{margin-bottom:30px!important} } .subMenu .articleBit{box-shadow: none;-webkit-box-shadow: none;-ms-box-shadow: none;border: 1px solid #C0C0CC;} .subMenu .articleBit-lib a{font-size: 13px;} .subMenu .articleBit-price{font-size: 13px;} .subMenu .price-promo{font-size: 1rem} .subMenu .articleBit-hover-action{display: none!important;} /*=============================== reinsurance INDEX ================================*/ /*.body-sylius_shop_homepage .reinsurance-footer{display: none;}*/ .text-grey p , .max-container-txt .text-grey{line-height: normal;} img.w-100.img-absolute-art {display: none;} .bg-perso-w {background-color: rgba(0,0,0,0);color: #fff;border-color: #fff;} .bg-perso-dore{background-color: rgba(0,0,0,0);color: #F43880;border-color: #F43880;} .bg-perso-black{background-color: #375EA5;color: #fff;border: none!important;} .btn-link.bg-perso-black:hover,.btn-link.bg-perso-black:focus {background-color: #333!important;border-color: #333!important;} .btn-lg.big-txt {font-size: 1rem;} .container-min-max{max-width: 1020px} .overflow-hover{overflow:hidden;} .big-link-hover{position: absolute;display: block;width: 100%; height: 100%; left: 0; top: 0} .overflow-hover >img, .overflow-hover picture>img{transition:all 0.5s;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-o-transition:all 0.5s;-ms-transition:all 0.5s; height: 100%; width: 100%; object-fit: cover;-ms-object-fit: cover;-webkit-object-fit: cover;} .overflow-hover:hover >img,.overflow-hover:hover picture>img {transform: scale(1.05);-webkit-transform: scale(1.05);-ms-transform: scale(1.05);-o-transform: scale(1.05);-spec-transform: scale(1.05);} .overflow-hover:hover .absolute-box-index .btn-link{background: rgba(255,255,255,0.5)!important; color:#375EA5;} .img-opacity-0 img {height: 100%;object-fit: cover;-ms-object-fit: cover;-o-object-fit: cover;} .overflow-hover a >img{transition:all 0.5s;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-o-transition:all 0.5s;-ms-transition:all 0.5s; height: 100%; width: 100%; object-fit: cover;-ms-object-fit: cover;-webkit-object-fit: cover;} .overflow-hover a:hover >img{transform: scale(1.05);-webkit-transform: scale(1.05);-ms-transform: scale(1.05);-o-transform: scale(1.05);-spec-transform: scale(1.05);} .radius-fit-img img {border-radius: 100%;-webkit-border-radius: 100%;-ms-border-radius: 100%;-o-border-radius: 100%;-spec-border-radius: 100%;} /*=============================== ABOUT ================================*/ .accordion-bit i{background-color: #F43880;color: #fff;border-radius: 100%;padding:0 3px 1px 4px;} .accordion-bit .open i::before{content: '\e91b';} div#accordion .card-header:hover,.accordion-bit .open {color: #F43880;} div#accordion .accordion-bit .card-header:hover i,.accordion-bit .open i {background-color: #F43880;} .bloc-about a{text-decoration: underline;} @media only screen and (min-width: 991px){ .bloc-about-index .row.mx-lg-n4{margin-left: -20px!important;margin-right: -20px!important;} .bloc-about-index .row.mx-lg-n4 > div[class^="col-"]{padding-left: 20px!important;padding-right: 20px!important;} } @media only screen and (min-width: 768px){ .expand-me-mobile .summary,.expand-me-mobile .read-less {display: none;} .expand-me-mobile .details {display: block!important;} } /*=============================== FOOTEr ================================*/ footer {background: #fff;color: #375EA5;padding-bottom: 10px;font: 1rem "AvenirLTStd-Medium"} .goToTop {bottom: 5rem;cursor: pointer;display: none;position: fixed;right: 1.063rem;text-align: center;width:50px;z-index: 9999;padding: 0;background: #4D6ABC;border-radius: 100%;} .goToTop:hover{background-color: #4ABA6D;} /********REASSURANCE*******/ .max-reinsurance{max-width: 1020px; margin:auto;} .box-av{font: 1rem "Dystopian-Bold"; cursor: pointer;color: #375EA5;/*pointer-events: none;*/} .box-av strong{transition:all 0.2s;-webkit-transition:all 0.2s;-moz-transition:all 0.2s;-o-transition:all 0.2s;-ms-transition:all 0.2s;display: block;border: 1px solid #F2B1C7;background-color: #fff;border-radius: 100%;} .box-av img{width: 100%;} .box-av span{line-height: normal;padding-top: 0.5rem!important;transition:all 0.2s;-webkit-transition:all 0.2s;-moz-transition:all 0.2s;-o-transition:all 0.2s;-ms-transition:all 0.2s;} .box-av em{font-weight: 400; font: 400 0.875rem "sofia-pro";font-style: normal; text-transform: none;color: #616668;display: block;} .reinsurance-bloc .box-av:hover span em{color: #4ABA6D;} .reinsurance-bloc .box-av:hover strong{border-color: #4ABA6D;} .reinsurance-bloc .box-av:hover span{color: #4ABA6D;} @media only screen and (min-width: 576px){ .reinsurance-bloc .box-av:hover span{margin-top: -5px!important;padding-bottom: 2px!important; } .reinsurance-bloc .box-av:hover img{ filter: brightness(120%);-ms-filter: brightness(120%);-o-filter: brightness(120%);} } .padding-reinsurance{padding:1.563rem 0 1.5rem 0;} .mp-0 p{margin-bottom: 0} /*****RESEAU SOCIO**********/ .relative-99{z-index: 10; position: relative;} .bg-fixed-reseau::after{position: absolute;width: 100%; height: 100%; content: ""; background-color: rgba(0,0,0,0.1); z-index: 9; top: 0; left: 0} .reseau-footer a{display: inline-block; margin: 0 0.625rem; border: 1px solid #fff;background-color: transparent;max-width: 3.125rem;} .reseau-footer a:hover{background-color: #F43880;border-color: #F43880;} /* Pulse */ @-webkit-keyframes hvr-pulse { 25% { -webkit-transform: scale(1.1); transform: scale(1.1); } 75% { -webkit-transform: scale(0.9); transform: scale(0.9); } } @keyframes hvr-pulse { 25% { -webkit-transform: scale(1.1); transform: scale(1.1); } 75% { -webkit-transform: scale(0.9); transform: scale(0.9); } } .hvr-pulse img{ display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0); -ms-box-shadow: 0 0 1px rgba(0, 0, 0, 0); } .hvr-pulse:hover img, .hvr-pulse:focus img, .hvr-pulse:active img{ -webkit-animation-name: hvr-pulse; animation-name: hvr-pulse; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; } .paymethod-hover {position: relative;border-color: #747D88!important;} .visible-hover{position: absolute;left: 50%; top: 0;z-index:9 ; opacity: 0;-webkit-opacity: 0;-ms-opacity: 0;-o-opacity: 0;visibility: hidden;transition: all 0.2s;-webkit-transition: all 0.2s;-moz-transition: all 0.2s;-o-transition: all 0.2s;-ms-transition: all 0.2s;transform: translate(-50%,0); -webkit-transform: translate(-50%,0);-ms-transform: translate(-50%,0);-o-transform: translate(-50%,0);width: 100%;} .ico-reseau{position: relative;} .paymethod-hover:hover .visible-hover, .ico-reseau:hover .visible-hover{opacity: 1;-webkit-opacity: 1;-ms-opacity: 1;-o-opacity: 1;visibility: visible;} .paymethod-hover:hover{border-color: #F43880!important;} .paymethod-hover:hover .hidden-hover,.ico-reseau:hover .hidden-hover{opacity: 0.2;-webkit-opacity: 0.2;-ms-opacity: 0.2;-o-opacity: 0.2;} .font-ctc-footer{font:500 1.813rem "sofia-pro";padding-left: 30px;background: url(template-ico_sce.svg) no-repeat 7px 16px;} .font-ctc-footer span{display: inline-block;border-bottom: 1px solid #ffffff;padding-left: 5px;} /********NEWSLETTER**********/ .line-h-100{line-height: 100%;} .bloc-newsletter {background: #375EA5;padding: 15px;color: #fff;font-size: 16px;} .form-newsletter::after{content: "";width: 121px;height: 77px;background: url(template-ico_newsletter.png) no-repeat; position: absolute;right:-117px;top: -58px;/*mix-blend-mode: multiply;*/} .py-perso-news{padding-top: 1.875rem; padding-bottom: 2.188rem;} .form-newsletter {position: relative;max-width: 500px;margin: 0.938rem auto;} .form-newsletter .form-group > label{display: none!important;} .adresse-newsletter {height: 40px;border:none;background: #fff;width: 100%;padding-left: 0.938rem;padding-right: 40px;font:400 13px "sofia-pro";color: #375EA5; border-radius: 20px;-webkit-border-radius: 20px;-ms-border-radius: 20px;-o-border-radius: 20px;} .news-button {position: absolute; top: 50%;transform: translateY(-50%);-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);-o-transform: translateY(-50%);-spec-transform: translateY(-50%);border: none;background: none;font: 0.875rem "Dystopian-Bold";right: 0;padding: 0 15px;color: #fff;height: 40px; background-color: #4ABA6D;border-radius: 3rem;} .news-button:active,.news-button:focus,.news-button:hover {background-color: #66c584!important} .adresse-newsletter::-webkit-input-placeholder{color: #375EA5;opacity:1;} .adresse-newsletter::-moz-placeholder { /* Firefox 19+ */color: #375EA5;opacity:1;} .adresse-newsletter:-ms-input-placeholder{ /* IE 10+ */color: #375EA5;opacity:1;} .adresse-newsletter:-moz-placeholder { /* Firefox 18- */color: #375EA5;opacity:1;} .newsletter-msg {text-align: left; background-color: #DCDCDC; padding: 5px 10px;} .newsletter-msg.error {color: #FF0000;} .setono-mailchimp-status.negative {color: #E54848;} /********MENU**********/ .text-underline {text-decoration: underline;} .title-menu-t {font : 1.188rem "Dystopian-Bold"; padding-bottom: 10px; margin-bottom: 0; color: #375EA5;text-transform: uppercase;} .toggle-m-c li {margin-bottom: 5px ;padding-top: 1px;} .copy-text{font: 13px "sofia-pro";} .copy-text a {text-decoration: underline;} .logo-footer {margin-bottom: 5px;} .logo-footer img {max-width: 170px;} .bloc-paiement-footer img{max-width: 100px;} .menu-content .col-6.py-2.hidden-other-categ {display: none;} .ariane-box {padding: 20px 0;font: 400 0.875rem "sofia-pro";color: #1A1A1A!important;} .ariane-box *{font: 400 0.875rem "sofia-pro";color: #1A1A1A!important} .ariane-box h1, .ariane-box .active {font-family: 'sofia-pro'; font-weight: 700;} .ariane-box .breadcrumb-item+.breadcrumb-item::before{color: #1A1A1A!important} .ariane-box a:hover {color: #375EA5!important;} .ico-reseau-c{display: inline-block; margin: 0 0.625rem;} /*****MODAL DIALOGUE*********/ body .modal-dialog{max-width: 550px} body .modal-dialog .close{background: url("template-close_popup.png") no-repeat center;font-size: 0;position: absolute; right: 10px;top: 50%;transform: translate(0, -50%);-webkit-transform: translate(0, -50%);-ms-transform: translate(0, -50%);margin: 0;} .bloc-other-m p {margin: 0;} .page-article .modal-title {display: none;} .page-article .modal-header {border: none;margin-top: 8px;} #ModalSimilaryProduct .modal-dialog{max-width: 840px} @media only screen and (min-width: 992px) { .max-w-paiement{max-width: 212px} } div#ModalSimilaryProduct:not(.show) {display: block!important;visibility: hidden;} /******modal product image******/ .body-sylius_shop_cart_summary.modal-open .main-content.page-content {z-index: initial;} .body-sylius_shop_product_show .ekko-lightbox .modal-header.hide {display: flex!important;justify-content: end;} .body-sylius_shop_product_show .ekko-lightbox .modal-header.hide h4.modal-title {display: none;} .body-sylius_shop_product_show .ekko-lightbox .modal-header.hide .modal-dialog .close {position: relative;} .body-sylius_shop_product_show .ekko-lightbox .modal-header.hide .close {position: relative;top: 0;transform: none;} /*.body-sylius_shop_product_show .ekko-lightbox-item {opacity: 1!important;} .body-sylius_shop_product_show .ekko-lightbox {opacity: 1!important;transition: none!important;padding-right: 0!important;} .body-sylius_shop_product_show .modal-dialog {display: block!important;max-width: 50vw!important;} .body-sylius_shop_product_show .ekko-lightbox-container>div.ekko-lightbox-item {position: absolute;top: 0; left: 0; bottom: 0; right: 0; width: 100%; }*/ .body-sylius_shop_product_show .ekko-lightbox .modal-footer{display: none!important;} .ekko-lightbox {display: flex !important;align-items: center;justify-content: center;padding-right: 0px!important;} .ekko-lightbox-container {position: relative;} .ekko-lightbox-container > div.ekko-lightbox-item {position: absolute;top: 0;left: 0;bottom: 0;right: 0;width: 100%;} .ekko-lightbox iframe {width: 100%;height: 100%;} .ekko-lightbox-nav-overlay {z-index: 100;position: absolute;top: 0;left: 0;width: 100%;height: 100%;display: flex; } .ekko-lightbox-nav-overlay a {flex: 1;display: flex;align-items: center;opacity: 0;transition: opacity 0.5s;color: #fff;font-size: 30px;z-index: 100;} .ekko-lightbox-nav-overlay a > * {flex-grow: 1;} .ekko-lightbox-nav-overlay a > *:focus {outline: none;} .ekko-lightbox-nav-overlay a span {padding: 0 30px;} .ekko-lightbox-nav-overlay a:last-child span {text-align: right;} .ekko-lightbox-nav-overlay a:hover {text-decoration: none;} .ekko-lightbox-nav-overlay a:focus {outline: none;} .ekko-lightbox-nav-overlay a.disabled {cursor: default;visibility: hidden;} .ekko-lightbox a:hover {opacity: 1;text-decoration: none;} .ekko-lightbox .modal-dialog {display: none;} .ekko-lightbox .modal-footer {text-align: left;} .ekko-lightbox-loader {position: absolute;top: 0;left: 0;bottom: 0;right: 0;width: 100%;display: flex;flex-direction: column;justify-content: center;align-items: center;} .ekko-lightbox-loader > div {width: 40px;height: 40px;position: relative;text-align: center;} .ekko-lightbox-loader > div > div {width: 100%;height: 100%;border-radius: 50%;background-color: #F43880;opacity: 0.6;position: absolute;top: 0;left: 0;animation: sk-bounce 2s infinite ease-in-out;} .ekko-lightbox-loader > div > div:last-child { animation-delay: -1s; } .modal-dialog .ekko-lightbox-loader > div > div { background-color: #333; } @-webkit-keyframes sk-bounce { 0%, 100% { -webkit-transform: scale(0); } 50% { -webkit-transform: scale(1); } } @keyframes sk-bounce { 0%, 100% { transform: scale(0); -webkit-transform: scale(0); } 50% { transform: scale(1); -webkit-transform: scale(1); } } /*============================= CATEGORIE ===============================*/ .title-categ{font:2.8rem "Muli-Bold"; text-transform: none;color: #375EA5; margin-bottom: 0; padding-bottom: 0;position: relative;} .title-categ:after {content: "";width: 30px;height: 3px;background-color: #375EA5;display: block;margin: 5px 0;} .btn2-slide-prev.category-prev.swiper-button-disabled, .btn2-slide-next.category-next.swiper-button-disabled {opacity: 0;} .absolute-categ{z-index: 2;} #descr-desktop{display: none;} .max-container-categ{max-width: 1248px; margin: auto;} .zindex-2{z-index: 2} .zindex-1{z-index: 1} .zindex-3{z-index: 3} .show-filtre {font: 400 20px "sofia-pro";} .filtre-cat {padding:15px 0 ; } .filter-option-title {border-bottom: 1px solid #BFC9E8;padding-bottom: 8px;margin-bottom: 0;} .categorie-filtre {display: table;width: 100%; font-size:0.938rem; } .max-line-3 {max-height: 100px;display: -webkit-box;-webkit-line-clamp: 3;line-clamp: 3;overflow: hidden;-webkit-box-orient: vertical;} .max-line-2 {max-height: 100px;display: -webkit-box;-webkit-line-clamp: 2;line-clamp: 2;overflow: hidden;-webkit-box-orient: vertical;} .btn-tri {background: #375EA5;cursor: pointer;border-radius: 100%;padding: 3px;border: none;position: relative;} .selected .btn-tri,.btn-sensorder:hover .btn-tri, .btn-sensorder:focus .btn-tri {background: #4ABA6D;} .btn-sensorder.text-black:hover , .btn-sensorder.text-black:focus {color: #4ABA6D!important;} .btn-sensorder{display: inline-block;cursor: pointer;} .btn-sensorder.selected{display: none!important;} .btn-tri select {position: absolute;right: 0;top: 0;border: none;background: none;height:100%} .close-filtre-categ {position: absolute;border-radius: 10px;-webkit-border-radius: 10px;-ms-border-radius: 10px;-o-border-radius:10px;-spec-border-radius: 10px;padding: 0.625rem;right: 35px;top: 35px;z-index: 99; max-width: 2.5rem;background-color: #F43880;} .back-link i {background: #375EA5;cursor: pointer;box-shadow: 0px 0px 1px 1px rgba(96, 109, 77, 0.2);border-radius: 100%;border: none;width:36px;height: 36px;display: inline-block;color: #fff;text-align: center;} #filter-close .icon-cancel:before{content: url(template-icon_cancel.svg); width: auto;height: auto;} .lib-f-c {margin-bottom: 0.625rem;font:400 0.938rem "sofia-pro";color: #ffffff;} .mbiz-sylius-search-filters .header.item{width:100px} .bloc-category{border-top: 2px solid #BFC9E8;border-bottom: 2px solid #BFC9E8;} .filtre-c-bit select, .select-f {width: 100%;height: 2rem;background: #fff url('template-f_select.svg') no-repeat center right 0.938rem;padding:5px 30px 5px 15px; margin:auto; cursor:pointer; position:relative; z-index:1;border:none;border-bottom: 1px solid #DBD2DD; font: 500 0.938rem "sofia-pro"; text-overflow: ellipsis;white-space: nowrap;overflow: hidden;color: #375EA5;border-radius: 0;} .filtre-c-bit .select-f.active {background-image:url('template-f_select2.svg');background-color: #ffffff;} .select-f.has-selection.active{background-image:url('template-f_select.svg')} .filter-values.filtreContenu.price-filter {font-size: 11px;} .item.filtre-c-bit button.btn-link.bg-grey-btn {height: 2.813rem;background: #96C136;} /********taille choix********/ .choix-container-ul .checkbox {padding-left: 0;} .checkbox-filter {position: relative;z-index: 1;display: block;} .checkbox-filter input {position: absolute;opacity: 0;-webkit-opacity: 0;-ms-opacity: 0;-o-opacity: 0;width: 100%;margin-left: 0;height: 100%;margin: 0;cursor: pointer;} .checkbox-filter input + label {display: inline-block;background: url('template-check_t.png') no-repeat center left;padding: 8px 0 8px 35px;background-size:24px; margin-bottom:0; color: #1A1A1A;font: 1rem 'AvenirLTStd-Heavy';} .checkbox-filter input:checked + label,.checked .checkbox-filter input + label {background-image: url('template-check_tok.png');color: #4ABA6D;} .checkbox-filter a.selectFacetteCaractval {background-image: url('template-check_tok.png');color: #4ABA6D} .filtreContenu .mCSB_inside>.mCSB_container {margin-right: 5px} /********couleur choix********/ .filtreContenu ul.couleur {max-width: 190px;margin: auto;padding-top: 2.188rem; padding-bottom: 2.188rem} .facette_couleur.couleur a {display: block;margin: auto;border-radius: 100%;-webkit-border-radius: 100%;-ms-border-radius: 100%;-o-border-radius: 100%; border:2px solid rgba(0,0,0,0);max-width: 32px; font-size: 0} .facette_couleur.couleur a img{width: 100%; height: 100%;border-radius: 100%;-webkit-border-radius: 100%;-ms-border-radius: 100%;-o-border-radius: 100%;display: block;} .facette_couleur.couleur a img[src*="blanc"]{border:1px solid #ccc;} .facette_couleur.couleur {max-width: 30%;flex: 0 0 30%;-ms-flex: 0 0 30%;text-align: center;padding:0 2px;margin-bottom: 0.625rem} .facette_couleur.couleur a.selectFacetteCaractval{border-color: #F43880} .categorie-list-menu-title {padding-bottom: 10px;border-bottom: 2px solid #1A1A1A;font: 20px Dystopian-Bold;color: #1A1A1A;margin-bottom: 15px;} a.navlink-menu-niv1 {font: 1rem Montserrat-Bold;} .nav-menu-niv1 {border-bottom:1px solid #BFC9E8;} .empty-selection{display: none!important;} .no-sscateg-list .hide-no-ss-categ{display: none!important;} .res-filtre >strong {font: 400 14px "sofia-pro";} .nbre-article {padding-right: 20px;font: 400 14px "sofia-pro";} .res-filtre .filtre{display: inline-block;margin: 5px;padding:3px 0.625rem ;background-color: #F5F4F5;border-radius: 20px;} .res-filtre .filtre a.delete-filter{ color:#666666; position: relative;text-align: left;display: inline-block; } .res-filtre .filtre a i_ {position: absolute;right: 0;top: 0;} .filtreContenu {width: 100%;background: #ffffff;padding:0.625rem 5px;border:none;display:none;} .filter-values.filtreContenu::after {content: "";display: block;clear: both;} .price-filter .filter-value {float: left;width: 50%;padding: 0 3px;} .filter-value {text-align: left;} .filtreContenu .ui.labeled.input {position: relative;padding-right: 0.938rem;} .filtreContenu .ui.label {position:absolute;right: 0;top: 50%;transform: translate(0,-50%);-webkit-transform: translate(0,-50%);-ms-transform:translate(0,-50%);-o-transform:translate(0,-50%);-spec-transform: translate(0, -50%);font: 400 1rem "sofia-pro";} .filtreContenu .ui.labeled.input input {width: 100%;height: 2.188rem;border: 1px solid #e6e6e6;padding: 2px 0.625rem;} .row.mt-2.ss-categ li {display: none;} .btn-display {background-color: #5B646C;border-radius: 5px;cursor: pointer;} .btn-display.active{background-color: #F43880;} .menu-categorie-left ul {padding-left: 0;list-style: none;} .nav-ss-catalogue {font-size: 0.938rem;color: #606060;font-weight: 400;} .catalogue-categorie{border-top:1px solid #C0C0CC;} .catalogue-categorie >li {padding: 4px 0;border-bottom: 1px solid #C0C0CC;} .sous-catalogue-categorie{padding-bottom: 8px;} .box-shadow-perso{box-shadow: 0px 0px 19px 0px rgba(155,155,155,0.71);-webkit-box-shadow: 0px 0px 19px 0px rgba(155,155,155,0.71);-moz-box-shadow: 0px 0px 19px 0px rgba(155,155,155,0.71); border-radius: 12px;background-color: #ffffff;} .mini-box-shadow{ box-shadow: 0px 3px 10px 3px rgba(155,155,155,0.31); -webkit-box-shadow: 0px 3px 10px 3px rgba(155,155,155,0.31); -moz-box-shadow: 0px 3px 10px 3px rgba(155,155,155,0.31);} .padding-12{padding:30px 12px 15px 12px; } .border-bottom-left-radius{border-bottom-left-radius: 15px;border-bottom-right-radius: 15px;} .radius-tr{background-color: #f2f2f2!important;} .page-cms.mini-box-shadow{border-radius: 5px;-webkit-border-radius: 5px;-ms-border-radius: 5px;-o-border-radius: 5px;} .perso-txt{position: absolute;width: 100%;height: 100%;left: 0;top: 0;font-size: 1.375rem;z-index: 9;} .after-bann::after {content: "";width: 100%;position: absolute;left: 0;top: 0;background: rgba(14, 28, 51, 0.3);height: 100%;z-index: 8;} /***Slider prix****/ .facetteSlider .ui-slider-horizontal{background-color: #FFFFFF;border: 1px solid #BFC9E8;border-radius: 10px;} .facetteSlider .ui-widget-header{background-color: #4ABA6D;} .facetteSlider .ui-slider-horizontal .ui-slider-handle{background:#4ABA6D; width: 24px!important;height: 24px!important;border-radius: 100%;} .facetteSlider .ui-slider-horizontal .ui-slider-handle{top: -9px;} .inputSlider_g{float:left;width:auto;color:#375EA5;font: 1.25rem "AvenirLTStd-Heavy"} .inputSlider_d{float:right;width:auto;color:#375EA5;font: 1.25rem "AvenirLTStd-Heavy"} .facetteSlider .ui-slider {padding-top: 9px;margin-top: 11px;margin-bottom: 9px;margin-right: 5px;} #prixmin,#prixmax{background:none;border:0 none;color:#375EA5;margin:0;padding:0;text-align:right;font-size:12px;font-weight:bolder;vertical-align:bottom;width:25px;font:1.25rem "AvenirLTStd-Heavy"} #prixmax{width: 35px} .img-w-100 img{width: 100%;height: 100%;} /**************categ-coneseil*****/ .article-conseil-bit {border-bottom: 1px solid #C0C0CC;padding-bottom: 10px;} .tfooter-bit-details td{background-color: #ffffff!important;line-height: normal!important;border-bottom-color: #C0C0CC!important;} .tfooter-bit-details:last-child td{border-bottom-color: #ffffff!important;} .border-top-left-radius { border-top-left-radius: 15px; border-top-right-radius: 15px; } .topBit_zoom {background: #ffffff;box-shadow: 1px 1px 8px rgba(155,155,155,0.71);-webkit-box-shadow: 1px 1px 8px rgba(155,155,155,0.71);-ms-box-shadow: 1px 1px 8px rgba(155,155,155,0.71);border-radius: 5px;-webkit-border-radius: 5px;-ms-border-radius: 5px;width: 200px;position: absolute; z-index: 99;} .max-img-product img{max-width: 100px;margin: auto;} @media only screen and (min-width:575px) { .swiper-sscategory-style .swiper-slide{max-width:50%;} } @media only screen and (min-width:992px) { .swiper-sscategory-style .swiper-slide{max-width: 33.333%;width: 33.333%!important;padding: 0 10px;margin-bottom: 25px;} .swiper-sscategory-style .swiper-wrapper{transform: none!important;flex-wrap: wrap;} .swiper-sscategory-style .category-item-index{max-width: 120px;margin-left: auto;margin-right: auto;} } @media only screen and (min-width:1024px) { .swiper-sscategory-style .swiper-slide{max-width: 15%;width: 15%!important;} .categorie-list-menu {width: 19.375rem;} /*.sticky-menu-categ {position: sticky;top: 60px;max-height: 90vh;overflow-y: auto;overflow-x: hidden;padding-right: 10px;}*/ } .col-cat:nth-child(13) .flex-grow-l.position-relative_ {text-align: center;max-width: 260px;margin: auto;display: flex;flex-direction: column;justify-content: end;} .col-cat:nth-child(13) .articleBit-lib, .col-cat:nth-child(13) .articleBit-price{text-align: center;} .pagination.menu {justify-content: center;-webkit-box-pack: center;-ms-flex-pack: center;flex-wrap: wrap;-ms-flex-wrap: wrap;padding:5px 5px 1rem 5px;margin: 20px auto;} .pagination .item {background: none;color: #375EA5;padding: 0.625rem 0.625rem;margin-right: 5px;font: 500 1.125rem "sofia-pro";margin-bottom: 5px;border-radius: 5px;-webkit-border-radius: 5px;-ms-border-radius: 5px;} .pagination .item:hover, .pagination .item:focus{color:#4ABA6D} .pagination .item.prev.disabled , .pagination .item.next.disabled{background: #ccc;opacity: 0.5;} .pagination .item.active {background: #fff;color:#4ABA6D} .pagination .item.next,.pagination .item.prev {background: none!important;color:#375EA5; padding-left: 15px;padding-right: 15px;font-size: 0;} .pagination .item.next::after {content: '\e8c4';font-family: 'fontello';background: #4ABA6D;padding: 6px 12px;border-radius: 100%;color: #fff;margin-left: 5px;font-size: 1.125rem;} .pagination .item.next::before {content: "Suivant";font-size: 1.125rem;} .pagination .item.prev::before {content: '\e8c3';font-family: 'fontello';background: #4ABA6D;padding: 6px 12px;border-radius: 100%;color: #fff;margin-right: 5px;font-size: 1.125rem;} .pagination .item.prev::after {content: "Pr\0000E9c\0000E9dent";font-size: 1.125rem;} .pagination .item.prev::before:hover ,.pagination .item.next::before:hover {filter: brightness(120%);-webkit-filter: brightness(120%);-ms-filter: brightness(120%);} .cell-facette .item.hide-taxon-page {margin-top: 9px;color: #fff;} .pagination .item.next:hover,.pagination .item.prev:hover{color:#4ABA6D} @media only screen and (min-width:576px) { .filtreContenu {position: absolute;width: 100%;left: 0;z-index: 99;top: 100%; } } .articleBit-desc >p{margin: 0!important;} .popup-click-categ{position: absolute;z-index: 99;cursor: pointer;width: 100%;left: 0;top: 0;display: block;height: 100%;} @media only screen and (min-width: 768px) { .popup-click-categ{display: none;} } @media only screen and (min-width: 992px) { .lib-f-c {padding-top: 10px;} .filtreContenu {border: #F43880 1px solid;border-radius:0;margin-top: -5px;padding-top: 10px;border-top-color: transparent;} .filtre-c-bit .select-f.active {border: #F43880 1px solid;} .top-index .swiper-container {overflow: inherit;overflow-x: clip;padding-left: 1px;padding-right: 1px;} .swiper-conseil{padding-left: 1px;padding-right: 1px;} .no-sscateg-list {position: relative;z-index: 9;margin-top: -40px;} .expand-desc-categ .details{padding-bottom:25px;} } @media only screen and (min-width:1024px) { .col-perso-left{ -ms-flex: 0 180px;flex: 0 0 180px;max-width: 180px;} .categorie-top .object-img-categ img {clip-path: polygon(0 0, 100% 0, 79% 100%, 0% 100%); -ms-clip-path: polygon(0 0, 100% 0, 79% 100%, 0% 100%); position: absolute;left: 0;top: 0;z-index: 1; height: 100%; min-width: 445px; max-width: 445px;object-fit: cover;max-height: 270px;} .absolute-categ{/*position: absolute;left: 50%; top: 50%; transform: translate(-50%,-50%);-webkit-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);-o-transform: translate(-50%, -50%);-spec-transform: translate(-50%, -50%); max-width: 50%;*/width: 100%;margin-left: auto;margin-right: auto;} .mt-perso-vh{position: relative; margin-top: -50px;z-index: 2;} .lib-f-c {width:95px; } } .expand-desc-categ table{margin-left: auto; margin-right: auto;} .ancreCategMarque {display: block;position: relative;top: -300px;visibility: hidden;} @media only screen and (min-width:1200px) { .px-txt-2{padding-left: 100px; padding-right: 100px} .col-perso-left{ -ms-flex: 0 20rem;flex: 0 0 20rem;max-width: 20rem;} .menu-categorie-left {position: sticky;top: 130px;} .col-lg-perso-otherlist{ -ms-flex: 0 14rem;flex: 0 0 14rem;max-width: 14rem;} .col-right-perso-otherlist{ -ms-flex: 0 calc(100% - 14rem);flex: 0 0 calc(100% - 14rem);max-width: calc(100% - 14rem);} .listes-articles.display-article-list >.row .col-perso-categ {max-width: 50%;flex: 0 0 50%;-ms-flex: 0 0 50%;} .categorie-list-menu {position: sticky;top: 20px;} .padding-body .categorie-list-menu {top: 80px;} } @media only screen and (min-width:1280px) { .absolute-categ{ max-width:800px;width: 100%;} } @media only screen and (min-width:1600px) { .col-perso-left{ -ms-flex: 0 21.25rem;flex: 0 0 21.25rem;max-width: 21.25rem;} .col-lg-perso-otherlist{ -ms-flex: 0 15.625rem;flex: 0 0 15.625rem;max-width: 15.625rem;} .col-right-perso-otherlist{ -ms-flex: 0 calc(100% - 15.625rem);flex: 0 0 calc(100% - 15.625rem);max-width: calc(100% - 15.625rem);} } @media only screen and (min-device-width : 1200px) and (max-device-width : 1600px){ .col-sscateg-perso {-ms-flex: 0 0 20%;flex: 0 0 20%;max-width: 20%;} } .col-img{ -ms-flex: 0 6.25rem;flex: 0 0 6.25rem;max-width: 6.25rem;} .outof-stock-block .qte-panier label{ display: none!important;} .tri-categ{border-bottom:1px solid #BFC9E8;padding-bottom: 2px;} .tri-categ select {background: url("template-f_select.png") no-repeat center right;padding-right: 20px;border: none;font-size: 0.875rem;color: #616668;} .tri-categ .dropdown-menu {left: auto !important;right: 0;} .tri-categ .dropdown-toggle{border: none;padding-left: 0;padding-right: 0;font-size: 0.875rem;color: #616668; min-width: 105px;} .tri-categ .dropdown-toggle::after{content: url("template-f_select.png");vertical-align: middle;border: 0;padding-left: 5px;} .categorie-top.pb-2.bg-white {min-height: 220px;display: flex;justify-content: flex-start;width: 100%;} .filter-product .span-burger {background: #4ABA6D;padding: 5px 10px 5px 10px;border-radius: 3rem;color: #fff;cursor: pointer;display: block;max-width: 210px;} .filter-product strong{font: 1rem "Dystopian-Bold";} .filter-product .span-burger:hover,.filter-product .span-burger:focus{background-color: #63C67F;} .filter-product .burger-icon {display: flex;flex-direction: column;justify-content: center;gap: 4px;align-items: center;width: 40px;height: 40px;padding: 0;} .filter-product .burger-icon .bar{background-color: #fff;height:2px;opacity: 1;transform-origin: center;width: 30px;display: block;} .filter-product.nav-open .burger-icon .bar:first-child {opacity: 0;translate: 0 25%;} .filter-product.nav-open .burger-icon .bar {transition: rotate .3s ease-out;} .filter-product.nav-open .burger-icon .bar:nth-child(2) {rotate: 45deg;} .filter-product.nav-open .burger-icon .bar:nth-child(3) {rotate: -45deg;translate: -16% -16%;} .filter-product g#group-desktop {display: block;} .filter-product g#group-desktop {display: block;} /*============================= ARTICLE ===============================*/ .title-article-art {margin: 0;padding:0 0 5px 0;font: 400 2.5rem "sofia-pro";line-height: 100%; ;color: #1A1A1A;text-transform: lowercase;} .title-article-art::first-letter{text-transform: uppercase;} .btn-perso-nav {display: block;max-width: 170px;text-align: center;color: #fff;background: rgba(98,98,104,0.5);border-radius: 20px;padding: 8px 0.5rem;} .btn-perso-nav.mx-width-big{max-width: 200px;} .btn-perso-nav:hover,.btn-perso-nav:focus {background-color: #ccc;color:#fff} .art-detail{position:relative; z-index:1; } .expand-desc-art * {text-align: left!important;margin-bottom: 2px!important;} .art-top-desc {padding-bottom: 15px;margin-bottom: 15px;border-bottom: 1px solid #BFC9E8;} .gallery-bit-article .cursor-pointer{margin: 10px 0;} .gallery-thumbs-art .cursor-pointer , .gallery-thumbs-art .img-bit-article a{ border: 1px solid #BFC9E8;height: 100%;display: block;/*pointer-events: none;*/cursor: pointer;padding:0.5rem;background-color: #fff;border-radius: 5px;} .supp-img-desk a {cursor: pointer;} .img-bit-article {padding: 2px;} .gallery-bit-article .cursor-pointer img, .thumbs-img-art .img-bit-article a img {height: 100%;object-fit: cover;-webkit-object-fit: cover;-ms-object-fit: cover;object-position: top center;-webkit-object-position: top center;} .gallery-bit-article.swiper-slide-thumb-active .cursor-pointer, .thumbs-img-art .img-bit-article.swiper-slide-thumb-active a {border-color: #1762BC} .content-image-supp {position:relative;z-index:1;margin: 0 ;} .big-img {position:relative; } .thumbs-img-art {padding-top: 0; width: 100%;} .gallery-thumbs-art{padding: 18px 1px 20px 1px;} .big-img-ar{position:relative} .big-img .picto-promo {bottom: 0.938rem; left: 0.938rem} .big-img .img-bit-article >a {display: block; padding: 10px;background-color: #fff;margin: 0;} .select-container {position: relative;z-index: 1;text-align: center;width: auto;display: inline-block;margin-top: 0.625rem;padding: 0 0.825rem;margin-bottom: 8px} .p-etat {padding-left: 20px;padding-top: 2px;padding-bottom: 2px;background: url(template-ico_ok.svg) no-repeat center left;font: 12px "AvenirLTStd-Medium";} .px-summary-total .p-etat{padding-left: 30px;font-size: 1rem;} .txt-livraison {background: url(template-ico_livraison.svg) no-repeat center left;padding-left: 30px;} img.zoomImg {width: 200%!important;height: 200%!important; cursor: zoom-in;} .supp-img-swiper {height: 100%;} .content-out-stock {margin-top: 0.625rem;} .big-img .brand-logo {top: 30px;right: 30px;} .big-img .etiquette {font-size: 1.1rem;padding: 6px 5px;border-radius: 5px 0 5px 0;min-width: 70px;top: 21px;left: 30px;} .ok-art-stock{padding-left: 30px;background: url(template-ico_ok_art.svg) no-repeat center left;} .prix-art-panier small{font-size: 70%;} .box-add-cart {background: #fff;border: 1px solid #BFC9E8;border-radius: 10px;} .art-qte .qte-panier.sylius-quantity-bit{max-width: 160px;margin: 0;width: 100%;} .qte-panier.sylius-quantity-bit .form-control{border: 1px solid #BFC9E8;height: 44px;text-align: center;font: 1.125rem "sofia-pro";padding: 0 1rem;background-color: #fff;border-radius:20px;color: #1A1A1A;} .qte-plus-bit {position: absolute;right:0;top: 0;width: 44px;height: 44px;border-radius: 100%;} .qte-moins-bit {position: absolute;left:0;top: 0;width: 44px;height: 44px;border-radius:100%;} .qte-panier.sylius-quantity-bit a{background-color: #375EA5;display: flex;align-items: center;justify-content: center;cursor: pointer;} .qte-panier.sylius-quantity-bit a:hover{background-color: #4ABA6D;} .sylius-quantity a img {display: block;} .bull-stock {width: 11px;height: 11px;display: inline-block;background: #39B54A;border-radius: 100%;-webkit-border-radius: 100%;-ms-border-radius: 100%;-o-border-radius: 100%;margin-right: 6px;vertical-align: unset;} .caractistique-article:empty{display: none;} .tailleBit{min-height: 75px} .selectfitre-bit .tailleBit .bootstrap-select>.btn.dropdown-toggle{padding:0!important;height: 0px; width: 0px; font-size: 0!important; background:none;display: none!important;} .tailleBit .dropdown-menu {display: block!important;position: relative!important;min-height: 30px!important;transform: none!important;max-height: 100%!important;border: none!important;} .tailleBit .dropdown-menu .inner {max-height: 100%!important;min-height: 2.188rem!important;overflow: hidden!important;} .tailleBit .bootstrap-select .dropdown-menu li {display: inline-block;vertical-align: middle;margin-bottom: 5px; margin-right: 5px} .selectfitre-bit .tailleBit .dropdown-item {display: inline-block;vertical-align: middle;min-width: 30px;min-height: 30px;border: 1px solid #9EA6AD;text-align: center;font : 400 14px "sofia-pro";line-height: 29px;padding: 0 3px} .color-caract-bit:not(.active) strong {display: none;} .color-visu {display: block;width: 39px;height: 39px;margin: auto;border: 1px solid #CCCCCC;box-shadow: 0 0 0 2px transparent;} .active span.color-visu.rounded-circle {box-shadow: 0 0 0 2px #375EA5;border-color: #375EA5;} .article-recap .list-group-item {min-height: 40px;} .article-recap .list-group-item:nth-child(odd){background-color: rgba(199,204,209,0.2)!important;} .select-perso {width: 100%;background: url("template-f_select.svg") no-repeat center right 20px;border: 0;padding: 0 1.2rem 0 0.938rem ;box-shadow: none;-webkit-box-shadow: none;-ms-box-shadow: none;-o-box-shadow: none;-spec-box-shadow: none;height:38px;font:400 0.875rem "sofia-pro";line-height: normal;border:1px solid #BFC9E8 ;border-radius: 3rem;color: #375EA5;} .select-perso.arrow-right-1{padding-right: 20px;background-position: center right 12px;height: 40px;} .qte-cart input.form-control ,.qte-panier select {width: 100%;background: url("template-f_select.svg") no-repeat center right 0.625rem;border: 0;padding: 0 0.938rem 0 5px;box-shadow: none;-webkit-box-shadow: none;-ms-box-shadow: none;-o-box-shadow: none;-spec-box-shadow: none;height:21px;font-size: 14px;line-height: normal;} .qte-panier label{display: none;} .qte-panier>.form-group{margin-bottom: 0;} .bloc-qte-icon{background: url("template-ico_carton.svg") no-repeat center left; padding:8px 0 8px 35px;} .sylius-quantity a img {display: block;} .hover-promo-tier .form-check-label label {color: #F43880;font-size: 16px; margin-bottom: 0;} .selectfitre-bit {min-height: 65px;} .selectfitre-bit .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {width: 100%;} .selectfitre-bit .bootstrap-select>.btn.dropdown-toggle {background: #fff;height: 50px;border: 1px solid #375EA5;border-radius: 0;-webkit-border-radius: 0;-ms-border-radius: 0;-o-border-radius: 0;-spec-border-radius: 0;line-height: 30px;font-family: "sofia-pro";font-weight: 400; font-size: 14px;outline: none!important ;box-shadow: none!important;-webkit-box-shadow: none!important;-ms-box-shadow: none!important;-o-box-shadow: none!important;padding-top: 9px; } .selectfitre-bit select.selectpicker.show-tick, #simpleProductOptions select{background: #fff url('template-f_select.svg') no-repeat center right 5px;height: 50px;border: 1px solid #9EA6AD;border-radius: 0;-webkit-border-radius: 0;-ms-border-radius: 0;-o-border-radius: 0;-spec-border-radius: 0;line-height: 30px;font-family: "sofia-pro";font-weight: 400; font-size: 14px;outline: none!important ;box-shadow: none!important;-webkit-box-shadow: none!important;-ms-box-shadow: none!important;-o-box-shadow: none!important; width: 100%;padding: .375rem 25px .375rem 15px; color: #375EA5; max-width: 200px;} .selectfitre-bit .dropdown-menu{background: #fff;border: 1px solid #9EA6AD;margin-top:-1px;border-radius: 0;-webkit-border-radius: 0;-ms-border-radius: 0;-o-border-radius: 0;-spec-border-radius: 0; padding-top: 0; padding-bottom: 0} .selectfitre-bit .dropdown-toggle::after{content:url('template-f_select.svg');border:none!important;} .selectfitre-bit .show .dropdown-toggle::after{transform: rotate(-180deg);-webkit-transform: rotate(-180deg);-ms-transform: rotate(-180deg);-o-transform: rotate(-180deg);-spec-transform: rotate(-180deg);} .selectfitre-bit .dropdown-item{padding-left: .75rem; font-size:14px } .selectfitre-bit .dropdown-item.active, .selectfitre-bit .dropdown-item:active{background: #375EA5; color:#fff;} .hasno-supp .content-pagination{opacity: 0!important} /*******caract refonte*****/ .caract-select-input label span {height: 100%;border: 2px solid #375EA5;text-align: center;border-radius: 5px;font: 700 13px "sofia-pro";min-height: 39px;background-color: #fff;padding: 2px 8px;} .caract-select-input label input:checked + span{background-color: #375EA5;color: #fff;} .bull-info {background: #F43880;color: #fff;display: inline-block;border-radius: 100%;padding: 2px 8px;} #payment_method_list_popup {position: absolute;left: 0;top: 100%;z-index: 99;} #payment_method_list_popup ul {padding: 15px 15px 15px 30px;border: 3px solid #F43880;box-shadow: 0px 3px 10px 3px rgba(155,155,155,0.31);-webkit-box-shadow: 0px 3px 10px 3px rgba(155,155,155,0.31);-moz-box-shadow: 0px 3px 10px 3px rgba(155,155,155,0.31);border-radius: 5px;background: #F43880;color: #fff;} .quantite-art.Quantite{display:none} .lien-panier-art {padding: 0.625rem 0;margin-top:0.625rem; } .px-article {margin:0.625rem 0 0.625rem 0;} .price-art-cart {font:400 1.625rem "sofia-pro";line-height: 1.2;} .btn-panier-content { position: relative;} .btn-panier { display: block;width: 100%;padding:14px 0.625rem 15px 0.625rem;font:500 1.438rem "sofia-Pro";color: #FFFFFF;border: none;text-align: center;position: relative;text-transform: uppercase;background-color: #4ABA6D;border-radius: 3rem;} .btn-panier:hover, .btn-panier:focus {color:#ffffff; background-color: #66c584;} .py-btn-2{padding-top: 13px; padding-bottom: 13px;} .btn-panier.btn-ctc-panier {background-color: #375EA5;text-align: center;} .btn-panier.btn-ctc-panier em {text-transform: none;font-size: 14px;margin-top: -4px;display: block;} .btn-panier.btn-ctc-panier:hover{background-color:#4ABA6D;} .link-after-add {display: none;padding: 0.938rem;border: #375EA5 1px solid;text-align: center;margin-top: -18px;position: absolute;width: 100%;max-width: 450px;left: 0;z-index: 1;background: #fff;top: 0;} .link-after-add-text {color: #F43880;font: 400 0.938rem "sofia-pro";margin-bottom: 0.625rem;} .after-continu {padding: 5px;display: block;background: #375EA5;color: #fff;text-transform: uppercase;} .after-go-to-cart {display: block;padding: 5px;text-transform: uppercase;background: #F43880;color: #fff;} .img-absolute{position: absolute;left: 2px;top: 2px;height:calc(100% - 4px)!important;width:calc(100% - 4px)!important;object-fit: cover; -ms-object-fit: cover;cursor: pointer;display: block;} /*.tab-content-parent{border-top: 1px solid #C0C0CC;}*/ .tab-article-content .nav-tabs{border-bottom: 1px solid #E6E6E6;} .tab-article-content .nav-tabs .nav-link {border: none;padding-top: 0.938rem;padding-bottom: 0.938rem;font: 1.125rem "AvenirLTStd-Heavy";position: relative; background:none;color:#1A1A1A} .tab-article-content .nav-tabs .nav-link::after {content: "";width: 0;height: 2px;background: #375EA5;position: absolute;left: 0;bottom: -1px;} .toggle-tab{font: 1.5rem "AvenirLTStd-Heavy";color: #375EA5;padding:1.2rem 1rem;border-radius: 0;-webkit-border-radius: 0;-ms-border-radius: 0;-o-border-radius: 0;-spec-border-radius: 0;text-align: center;position: relative;transition: all ease 0.5s;-webkit-transition: all ease 0.5s;-ms-transition: all ease 0.5s;-o-transition: all ease 0.5s; border-bottom: 1px solid #BFC9E8;cursor: pointer;} .tab-article-content .nav-tabs .nav-link.active{color: #375EA5} .tab-article-content .nav-tabs .nav-link.active::after {width: 100%;} .toggle-tab::after{content:'\e8ca'; font-family: "fontello";font-style: normal;display:block; position:absolute; right:1.3rem; top:50%; transform:translate(0,-50%);-webkit-transform:translate(0,-50%);-ms-transform:translate(0,-50%);-o-transform:translate(0,-50%);-spec-transform: translate(0, -50%); color: #375EA5;font-size: 1.5rem;font-weight: 700; } .toggle-tab.active{color: #4ABA6D;} .toggle-tab.active::after{color: #4ABA6D;content:'\e8cd';} .toggle-content-tab {display: none;padding: 1.125rem 2rem;color: #1A1A1A;font-size: 0.938rem;} #livraison .toggle-content-tab *, #description .toggle-content-tab * {color: #1A1A1A !important;} .tab-descr-art .nav-tabs .nav-item {padding: 0 5px;} .tab-descr-art .nav-tabs .nav-item:first-child {padding-left: 0;} .tab-descr-art .nav-tabs .nav-item:last-child {padding-right: 0;} .tab-descr-art .nav-tabs .nav-link {border-radius: 10px 10px 0 0;border: none;background-color: rgba(98,98,104,0.5);font: 700 15px"sofia-pro";text-align: center;text-transform: uppercase;color: #fff;padding-top: 12px;padding-bottom: 12px;} .tab-descr-art .nav-tabs .nav-item.show .nav-link,.tab-descr-art .nav-tabs .nav-link.active {background-color: #1762BC;} .swiper-vu .articleBit .articleBit-hover-action{display: none!important;} #lot-size-alert-message {color: #E64748; visibility: hidden;font:italic 600 0.875rem "sofia-pro"; max-width: 220px;} #lot-size-alert-message[style="visibility: visible"]{height: 0;} .icon-pdf {display: block;padding: 0.5rem 0 0.5rem 30px;background: url(template-ico_pdf.svg) no-repeat center left;} /*********ARTICLE configurable***********/ .swiper-container .swiper-pagination.swiper-pagination-produit{position: relative;bottom: 0!important;padding-top: 4px;padding-bottom: 2px;border-radius: 10px;} .min-label{min-width: 10.625rem} .expand-desc .details{margin-bottom: 0.625rem} .expand-desc .details >p:nth-last-child(2){margin-bottom: 5px} /******POPUP MAGASIN*********/ .show-popup-store:hover, .show-popup-store:focus {background-position: left bottom;} .modal-store{display: none;position: relative;z-index: 99999;} .bg-modal-store{position: fixed;top: 0;width: 100%; height: 100%;left: 0;background-color: rgba(31,27,28,0.4);z-index: 999;} .z_index_m{z-index: -1!important;} .modal-store-content{position: fixed;top: 0;width: 92%; height: 100%;right:-100%;max-width:590px ;z-index: 9991;background-color: #fff;transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;} .open-popup .modal-store-content{right: 0;} .modal-header-p {background: #F2F2F2;padding: 34px 30px 34px 50px;position: relative;} .modal-header-p h5 {font: 700 30px "sofia-pro";margin-bottom: 0;padding-right: 0.625rem;} .close-modal-store {position: absolute;right: 20px;border: none;padding: 5px;background: none;top: 50%;transform: translate(0, -50%);-webkit-transform: translate(0, -50%);-ms-transform: translate(0, -50%);-o-transform: translate(0, -50%);} .modal-body-p {overflow-y: auto;overflow-x: hidden;padding: 20px 60px 0.938rem 50px;} .store-contact{padding: 8px 0;} .storeBit {padding: 22px 0;border-bottom: 1px solid #9EA6AD;font-family: "sofia-pro";font-weight: 400;} .storeBit.store_inactif {opacity:0.8} .storeBit:last-child{border-bottom: none;} .column-count-2-desk .row>span:nth-child(2) {min-width: 86px;} .collapse-me{display: none;} .link-toggle-store {background: url("template-f_select.png") no-repeat center right;padding-right: 1rem;background-size: 0.625rem;display: inline-block;cursor: pointer;text-decoration: underline!important;} .link-toggle-store.open{background-image:url("template-f_select2.png") ;} .caractistique-content.color-dropdown .dropdown .btn {display: flex;align-items: center; border:1px solid #BFC9E8;border-radius: 5px;height: 3.35rem;font: 700 1rem 'sofia-pro';} .caractistique-content.color-dropdown .dropdown .btn .color-visu{margin: 0 10px 0 0;} .selectfitre-bit .caractistique-content.color-dropdown .dropdown-toggle::after {position: absolute;right: 20px;top: 50%;transform: translate(0, -50%);} .av-article .box-av strong{max-width: 4.5rem;margin: auto;} @media only screen and (min-width: 992px) { .big-img .addfav{height: 25px;width: 25px;background-size: 100%;} .big-img .eti-fav{bottom: 1rem;right: 1rem;} .av-article .box-av strong{margin: 0;} } .padding-art-index {padding-left: 60px;padding-right: 60px;margin-left: -60px;margin-right: -60px;} @media only screen and (min-width: 576px){ .produit-collection-item{max-width: 50%;} } @media only screen and (min-width: 640px){ .produit-collection-item{max-width: 50%;} } @media only screen and (min-width: 768px){ .big-img .img-bit-article >a {border: 1px solid #BFC9E8;border-radius: 10px;} #body-sylius_shop_request_password_reset_token .big-wrapper{background-color: #F2F2F2} .body-table-perso{font:400 0.938rem "sofia-pro";} .border-table-perso {border: 1px solid #ccc;padding: 0.625rem;} .column-count-2-desk {column-count: 2; -webkit-column-count: 2;column-gap: 50px;} .toggle-content-tab {display: block !important;transition: none !important;height: auto !important;} .toggle-tab::after{display: none!important;} .toggle-tab.active{color: #0B1826;} .caractistique-content.color-dropdown .dropdown .btn{display: none!important;} .caractistique-content.color-dropdown .dropdown-menu {display: block !important;border: none;margin: 0;position: relative;float: none;padding: 0;} .toggle-tab{display: none;} } @media only screen and (min-width: 992px){ .produit-collection-item{max-width: 34%;} .column-2-desk{column-count: 2; -webkit-column-count: 2;column-gap: 6.25rem} .column-2-desk li{-moz-column-break-inside:avoid;-webkit-column-break-inside:avoid;-ms-column-break-inside:avoid;} /* .little-imag-art.swiper-wrapper {transform: none!important;-webkit-transform: none!important;-ms-transform: none!important;-o-transform: none!important;-spec-transform: none!important;}*/ .max-art-desc {max-width: 650px;margin-left: auto;} .av-article .box-av span {padding-left: 10px;padding-top: 0 !important;} } @media only screen and (min-width: 1100px){ .produit-collection-item{max-width: 25%;margin-right: 25px;} .av-article .box-av span {font-size: 0.875rem} .article-right_ form#sylius-product-adding-to-cart {-webkit-box-flex: 1;flex: 1 1 auto;} } @media only screen and (min-width: 1250px){ .av-article .box-av span {font-size: 1rem; } .article-left {flex: 0 0 44%;max-width: 44%;} .article-right-b {flex: 0 0 56%;max-width: 56%;} #tab-description {position: absolute;top: -130px;left: 0;} } @media only screen and (min-width: 1200px){ .top-vu .padding-visible-top::after{display: none;} .top-vu .padding-visible-top {padding: 0;margin: 0;position: relative;} .top-vu .contenu-art-top.px-perso-top {padding-right: 0;padding-left: 0;} .top-vu .contenu-art-top.px-perso-top .swiper-container{padding: 2px;} } .tab-article-content .toggle-content-tab * {margin: 0;} /******TIERS PLUGIN*********/ .bloc-tiers .mCSB_inside>.mCSB_container {margin-right: 16px;} .bloc-tiers .mCS_no_scrollbar .mCSB_inside>.mCSB_container {margin-right: 0;} .bloc-tiers .mCSB_scrollTools{right: -6px;} .article-right #tier_prices_tables .table-content {padding:5px 15px 15px 15px;box-shadow:0 4px 6px 0 rgba(155,155,155,0.51);border-radius: 10px;font-size: 14px;max-height: 300px;overflow-y: auto;overflow-x: hidden;transition:all 0.3s;background: #fff;max-width: 225px;} .table-content-overlay{background: rgba(60,65,66,0.5);position: fixed;left: 0;top: 0;width: 100%;z-index: 9;height: 100%;} .table-content-close{position: fixed;top:1rem ;right: 1rem;z-index: 10;padding: 10px;background-color: #F43880;border-radius: 5px;} .bloc-tiers .mCSB_container >div{border-bottom: 1px solid #e6e6e6;padding-bottom: 10px;margin-bottom: 5px;} .bloc-tiers div>span, .bloc-tiers br{display: none;} .article-right {z-index: 9;} .caracteristique-art{position: absolute;width: 0;height: 0;overflow: hidden;} .article-right #tier_prices_tables table {margin-bottom: 2px;font-size: 1rem;} .article-right #tier_prices_tables table thead th {font: 500 0.875rem "sofia-pro";padding: 5px 8px;background-color: #fff;border: none!important;color:#375EA5; text-align: left;} .article-right #tier_prices_tables table th:nth-child(2){text-align: right;} .article-right #tier_prices_tables table td{background-color: #fff; padding:5px 8px;color: #375EA5;border: none!important; text-align: left;} .article-right #tier_prices_tables table td:nth-child(2){font-weight: 700;text-align: right;} .article-right #tier_prices_tables table tr:nth-child(even) td{background-color: rgba(241,244,249,0.7);} .articleBit #tier_prices_tables table{margin-bottom: 0;font-size: 12px;margin-top: 5px;} .articleBit #tier_prices_tables table thead th {font: 300 12px "sofia-pro";padding-top: 3px;padding-bottom: 3px;background-color: #F43880;border-bottom: 1px solid #FFFFFF;color:#fff} .articleBit #tier_prices_tables table td{background-color: #fff; padding-top:4px;padding-bottom: 4px;color: #375EA5;} .articleBit #tier_prices_tables >div> span {display: block;} .articleBit #tier_prices_tables table + br {display: none;} .border-table-perso-art #tier_prices_tables table{margin-bottom: 0;font-size: 12px;margin-top: 5px;} .border-table-perso-art #tier_prices_tables table thead th {font: 300 13px "sofia-pro";padding-top: 3px;padding-bottom: 3px;background-color: #F43880;border-bottom: 1px solid #FFFFFF;color:#fff} .border-table-perso-art #tier_prices_tables table td{background-color: #fff; padding-top:4px;padding-bottom: 4px;color: #375EA5;border-bottom-color: #c0c0c0;} .border-table-perso-art #tier_prices_tables >div> span {display: block;color: #F43880;text-align: left;} .border-table-perso-art #tier_prices_tables table + br {display: none;} #tier_prices_tables {font-size: 12px;} .padding-art-index {padding-left: 60px;padding-right: 60px;margin-left: -60px;margin-right: -60px;} .gallery-art-image .swiper-slide:not(.swiper-slide-active){visibility: hidden;} .gallery-art-image .swiper-slide:not(.swiper-slide-active) a{display: none;} /****popup panier********/ body #TB_window {width: 96%!important;max-width: 600px;margin-top: 0!important;transform: translate(-50%, -50%);margin-left: 0!important;left: 50%;top: 50%;border: 1px solid #BFC9E8;border-radius: 10px;} body #TB_title {height: auto;border-radius: 10px 10px 0 0; text-align: center;background-color: #4ABA6D; padding-bottom: 15px;} body #TB_ajaxContent {width: 100%!important;height: auto!important;} body #TB_closeAjaxWindow {background-image: url(template-icon_cancel.svg)!important;top: 6px !important;right: 10px !important;width: 35px;height: 35px;background-size: 46px;} body #TB_closeAjaxWindow a{color: transparent;} body #TB_ajaxWindowTitle{font-family: sofia-pro;font-weight: 500;font-size: 1.25rem;} @media only screen and (min-width: 1250px){ .w-recap-desk{width: 390px;} } @media only screen and (max-width: 1250px){ .tab-content iframe {max-width: 100%;width: 100%;} } @media only screen and (min-width: 767px){ .table-content-overlay{display: none;} .table-content-close{display: none;} } .p-nomarg p{margin-bottom: 0;} #priceQty {display: block;} .tab-content {height: auto!important;} .swiper-visited .articleBit-desc {display: none;} /******avis verif******/ .skeepers_product__reviews{margin: 0!important;} .reviews.show .review {background: #fff!important;padding: 15px!important;margin: 5px 0!important;box-shadow: 0px 3px 10px 3px rgba(155,155,155,0.31)!important;-webkit-box-shadow: 0px 3px 10px 3px rgba(155,155,155,0.31)!important;-moz-box-shadow: 0px 3px 10px 3px rgba(155,155,155,0.31)!important;border-radius: 5px!important;display: block!important;} .border-bottom-blue{border-bottom: 1px solid #F43880;} @media (min-width: 992px){ body #skeepers_product_widget.widget--vertical .rating__sorting{ -ms-flex-preferred-size: 30%;flex-basis: 30%;padding-left: 15px!important;} body #skeepers_product_widget.widget--vertical .rating__value, body #skeepers_product_widget.widget--vertical .rating__filters {-ms-flex-preferred-size: 30%;flex-basis: 30%;} .reviews.show .review {flex: 0 0 calc(50% - 50px)!important;width: calc(50% - 50px)!important;margin: 5px 10px!important;} #skeepers_product_widget .reviews.show {flex-direction: row;margin: 0 -10px;flex-wrap: wrap;} } body #skeepers_product_widget{font-family: sofia-pro;} body #skeepers_product_widget .review__text{font-family: sofia-pro;font-weight: 700;} body #skeepers_product_widget .no-reviews.show {display: block;width: 100%;height: auto;background: #fff;box-shadow: 0px 3px 10px 3px rgba(155,155,155,0.31)!important;-webkit-box-shadow: 0px 3px 10px 3px rgba(155,155,155,0.31)!important;-moz-box-shadow: 0px 3px 10px 3px rgba(155,155,155,0.31)!important;border:none} div#description.tab-pane table {background: #fff;} div#description.tab-pane table td {padding: 5px;border: 1px solid #ccc;} .thumbs-prev{left: 0!important;} .thumbs-next{right: 0!important;} .lot-libelle {position: absolute;right: 51px;top: 50%;transform: translate(0, -50%);margin-top: 2px;} .art-qte .qte-panier.qty-lot-design .form-control {text-align: left;padding-left: 57px;padding-right: 73px;} /*================================= PANIER ==================================*/ .d-none-checkout{display: none;} .body-sylius_shop_checkout_complete .d-none-checkout{display: block;} .body-sylius_shop_checkout_complete .d-none-complete{display: none!important;} .item-bit-panier .media img {max-width: 100px;width: 100%;} .info-tooltip img{width: 17px!important;} .table-perso{ border-collapse: separate;border-spacing: 0;color: #000;} .comLine:hover {background-color: #ebebeb;} .table-perso .card-header th{font: 0.875rem "Dystopian-Bold";padding-top:6px;padding-bottom:6px;height: 32px;vertical-align: middle; border:none;background-color: #375EA5; color: #fff;} .th-white th , .page-complete .table-perso .card-header th{color: #ffffff;} .content-item-panier .card-header {background: #375EA5;color: #fff;font:0.875rem "Dystopian-Bold";border-radius: 10px 10px 0 0;-ms-border-radius: 10px 10px 0 0;-webkit-border-radius: 10px 10px 0 0;padding: 10px 15px;} .content-item-panier .card-header .th-form{border-bottom: 1px solid #E6E6E6;padding: 7px 0;} .step-panier {font: 1.25rem "Dystopian-Bold";color: #375EA5;} .stepBox-bit{padding-bottom: 10px;} .stepBox-bit i{position: absolute;left: 0; top: 50%; transform: translate(0,-50%);margin-top: 3px; color: #375EA5} .stepBox-bit .icon-2{left:auto;right: 0} .stepBox-bit span{border-bottom:3px solid transparent;padding-bottom: 5px;} .stepBox-bit.active-step span{border-bottom-color: #F43880;color: #F43880;} .stepBox-bit{padding:0 18px 0 38px;} .flex-nowrap-md{flex-wrap: nowrap;-ms-flex-wrap: nowrap;} .item-bit-panier {border-bottom:1px solid #DBD2DD;flex-wrap: nowrap;-ms-flex-wrap: nowrap;} .item-bit-panier .align-items-normal{align-items: normal;} .item-bit-panier:last-child{border-bottom: none; margin-bottom: 0!important;} .panier-lib {font:700 0.935rem "sofia-pro";} .bloc-grey-cart{background-color: #E6E6E6;} .bloc-grey-cart::after{content: "";width: 0px;height: 0px;border-style: solid;border-width: 18px 17px 0 17px;border-color: #E6E6E6 transparent transparent transparent;transform: translate(-50%,0);position: absolute;left: 50%;bottom: -15px;} .bloc-grey-cart ::marker {font-size: 5px;} .etape-panier-bit {padding: 0 30px;position: relative;text-align: center;} .sylius-product-name{color:#375EA5} .etape-panier-bit::after {content: "";width: 6px;height: 6px;border-radius: 100%;background: #F43880;position: absolute;right: 0;top: 50%;transform: translate(0, -50%);-webkit-transform: translate(0, -50%);-ms-transform: translate(0, -50%);-o-transform: translate(0, -50%);-spec-transform: translate(0, -50%);} .etape-panier-bit.last-etape::after {display: none;} .etape-panier-bit.active-step, .etape-panier-bit.active-step h1 {color: #F43880;} .suppr-panier {height: 22px;width: 22px;text-align: center;padding: 0;background:none; display: inline-block;} .table-perso td {background: #fff;vertical-align: middle;border-left: 1px solid #fff;border-bottom: 1px solid #DBD2DD; padding: 5px;} .table-white-perso.table-perso td {background-color: #F2F2F2;border-color: #fff;font-size: 0.938rem;line-height: 1;/*width: 8%;*/} .tfooter-bit-details .row.no-gutters.flex-nowrap>.col>.col {padding: 0;} .table-white-perso.table-perso tr:nth-child(even) td{background-color: #E6E6E6;} .table-panier-perso td {background: #fff;vertical-align: middle;border-left: 1px solid #fff;border-bottom: 1px solid rgba(0,0,0,.125); padding: 5px;} .table-panier-perso.table-perso td {background-color: #fff;border-color: rgba(0,0,0,.125);font-size: 0.938rem;line-height: 1;/*width: 10%;*/border-left:none; border-right:none; border-top: none;} #recapitulatif-total-commande .table-panier-perso.table-perso td{height: 45px;} #recapitulatif-total-commande #sylius-checkout-subtotal tr:nth-child(odd) td, .order-show-page .table-panier-perso tr:nth-child(odd) td {background-color: rgba(241, 244, 249, 0.7) !important;} .table-perso span.sylius-quantity input.form-control {background-color: #ffffff;border: 1px solid #375EA5; font: 400 1rem "sofia-pro";height: 40px;padding: 0 2px 0 0.625rem;text-align: left;border-radius: 0;-webkit-border-radius: 0;-ms-border-radius: 0;-o-border-radius: 0;max-width: 75px;margin-left: auto;margin-right: auto;} .table-perso .sylius-total{font:400 20px "sofia-pro";color: #375EA5;} .title-h2 {font: 400 25px "sofia-pro";} .btn-perso-c{background-color: #F43880!important;font: 400 14px "sofia-pro";color: #fff;padding:0.5rem 0.938rem;} .btn-font {font-size: 1rem;padding: 0.938rem 0.625rem;color: #fff;} .btn-perso-c:hover{background-color:#F43880!important; color: #fff;} .badge-loading-perso{background-color:#F43880; color: #ffffff;} .sylius-table-column-state span.ui.label, .order-label-perso span.ui.label{ display: inline-block;padding: 0.25em 0.4em;font-size: 75%;font-weight: 700;line-height: 1;text-align: center;white-space: nowrap;vertical-align: baseline;border-radius: 0.25rem;background-color:#F43880; color: #ffffff;} .badge-success-perso{background-color:#96C136; color: #ffffff;} .badge-success{background-color:#96C136;} #s-cart-items span.sylius-quantity {max-width: 70px;display: block;margin: auto;min-width: 50px;} .table-perso span.sylius-quantity input.form-control {background-color: #ffffff;border: 1px solid #747D88; font: 400 16px "sofia-pro";height: 40px;padding: 0 2px 0 10px;text-align: left;border-radius: 0;-webkit-border-radius: 0;-ms-border-radius: 0;-o-border-radius: 0;max-width: 75px;margin-left: auto;margin-right: auto;} .contenu-panier-qty .qte-moins {right: 5px; bottom:3px} .contenu-panier-qty .qte-plus {right: 5px; top:3px} .code-promo{background-color: #375EA5 ;padding: 8px 0.625rem;color:#ffffff} .code-promo .btn {height:35px; padding: 8px 0.625rem;} .code-promo .btn:hover,.code-promo button#sylius-save:focus {background-color:#F43880 ;} .bloc-code input {height: 40px;border:1px solid #BFC9E8; padding-left: 15px!important;background-color: #fff;border-radius: 2rem;color: #1A1A1A;} .btn-ok-code {position: absolute; top: 50%;transform: translateY(-50%);-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);-o-transform: translateY(-50%);-spec-transform: translateY(-50%);border: none;background: none;font: 400 13px "sofia-pro";right: 0;padding: 0;color: #fff;height: 40px; background-color: #375EA5;padding: 5px 15px;border-radius: 20px;z-index: 9;} .btn-ok-code:active,.btn-ok-code:focus,.btn-ok-code:hover {color: #fff!important; background-color: #2E80C3;} .bloc-code input::-webkit-input-placeholder { /* Chrome/Opera/Safari */color: #375EA5;opacity:1;} .bloc-code input::-moz-placeholder { /* Firefox 19+ */color: #375EA5;opacity:1;} .bloc-code input:-ms-input-placeholder { /* IE 10+ */color: #375EA5;opacity:1;} .bloc-code input:-moz-placeholder { /* Firefox 18- */color: #375EA5;opacity:1;} .cart-totals .list-group-item{padding-top: 5px; padding-bottom: 5px;} .width-auto-img {width: 90px;} .select-site select {height: 2.188rem;width: 100%;min-width: 100px;padding: 0 26px 0 0.625rem;background: url("template-f_select.svg") no-repeat center right 0.625rem;max-width: 320px} .product-options >div>label {min-width: 60px;} .input-perso-content input.form-control {border:1px solid #BFC9E8;border-radius: 2rem;-webkit-border-radius: 2rem;-ms-border-radius: 2rem;-o-border-radius: 2rem;-spec-border-radius: 2rem;color: #375EA5} .total-label{font:700 16px "sofia-pro"} .btn-dark-perso{font: 400 14px "sofia-pro";padding:1rem 0.938rem;background-color: #375EA5;color:#fff!important} .content-adress .steps .steps-icon{color:#fff!important; font-size: 1.3rem;} .content-adress .steps .steps-item.completed {background: #333;} .qte-cart input.form-control {background-color: #ffffff;border: 1px solid #375EA5;font: 400 1rem "sofia-pro";height: 36px;padding: 0 2px;width: 60px;text-align: center;border-radius: 0;-webkit-border-radius: 0;-ms-border-radius: 0;-o-border-radius: 0;-spec-border-radius: 0;} .cartw-uniprice {max-width: 16%;flex: 0 0 16%;} .cartw-qty {max-width: 9.375rem;flex: 0 0 9.375rem} .cartw-element {flex: 0 0 45%;max-width: 45%;} .cartw-suppr{max-width: 50px;flex: 0 0 50px; align-self: center;} .cartw-stock{ -ms-flex-preferred-size: 0;flex-basis: 0;-ms-flex-positive: 1;flex-grow: 1;max-width: 100%;} .cartw-total{ -ms-flex-preferred-size: 0;flex-basis: 0;-ms-flex-positive: 1;flex-grow: 1;max-width: 100%;} .px-perso-cart{padding-left:20px!important;padding-right:20px!important;} .btn-panier-cde{ padding: 15px 0.625rem ;font:400 1.563rem "sofia-pro";color: #FFFFFF;border: none;text-align: center;position: relative; border-radius:10px!important;-webkit-border-radius: 10px!important;-ms-border-radius: 10px!important;-o-border-radius: 10px!important;text-transform: uppercase;background-color: #96C136;width: 100%;} .cart-grand-total {font-size: 26px;color: #F43880;} .panier-rech-rapide{position: relative;background-color: #F43880;color: #fff;font: 0.875rem "Dystopian-Bold";padding:0.5rem 0;margin: 0 1px;} #searchInputCart{height: 34px;border-radius: 20px;-webkit-border-radius: 20px;-ms-border-radius: 20px;-o-border-radius: 20px;color: #375EA5;font: 400 0.875rem "Sofia-pro";} .maxw-btn-panier{max-width: 320px;margin-left: auto;margin-right: auto;} #searchInputCart::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: #375EA5; opacity:1; } #searchInputCart::-moz-placeholder { /* Firefox 19+ */ color: #375EA5; opacity:1; } #searchInputCart:-ms-input-placeholder{ /* IE 10+ */ color: #375EA5; opacity:1; } #searchInputCart:-moz-placeholder{ /* Firefox 18- */ color: #375EA5; opacity:1; } .max-width-form-search {position: relative;} .max-width-form-search .form-group{margin-bottom: 0;} .line-height-1{line-height: 1.1;} .btn-panier-action .btn-link{padding-left: 14px;padding-right: 14px; font-size: 1rem;} .bit-details-tr .td-nowrap.pl-sm-3.pl-2 {white-space: nowrap;} .icon-btn i {border-radius: 100%;background: #375EA5;color: #fff!important;;padding: 7px 10px 7px 10px;margin-right: 5px;/*display: inline-block;*/font-size: 1rem;} .icon-btn:hover{color:#4ABA6D!important} .icon-btn:hover i{background:#4ABA6D;} .btn-panier-action .btn-link .icon-save-cart{background: url(template-icon_save_cart.svg) no-repeat center left;width: 15px; height: 29px ;display: inline-block; vertical-align: middle;} .btn-link .icon-import-cart{background: url(template-icon_import_cart.svg) no-repeat center left;width:30px; height: 29px ;display: inline-block; vertical-align: middle;} .icon-btn .icon-cancel:before {content: url(template-icon_cancel.svg);vertical-align: middle;width: auto;height: auto;margin: 0 -10px;} .panier-summary-bloc .list-group-item {min-height: 45px;} .panier-summary-bloc .list-group-item:nth-child(odd){background-color: rgba(241,244,249,0.7)!important;} .panier-summary-bloc small{font-size: 0.75rem;} #contenuCde1 #payslivr {max-width: 350px;} /*********ETAPE 2********/ .bg-perso-point {padding:20px 0;} h1.card-header{font:300 14px "sofia-pro"} .content-adress .steps-item {background: #375EA5;color: #fff;} .content-adress .steps-item.active { background: #F43880;} .content-adress .steps .steps-item .steps-title {font:300 0.938rem "sofia-pro"} .form-perso-content .form-control,.form-perso-content input[type="text"] {border-radius: 2rem;-webkit-border-radius: 2rem;-ms-border-radius: 2rem;-o-border-radius:2rem;-spec-border-radius: 2rem;font: 400 0.875rem "sofia-pro";color:#375EA5; border:1px solid #BFC9E8;background-color: #fff; height:40px;width: 100%;padding-left: 1rem;} .form-perso-content .form-control:focus,.form-perso-content input[type="text"]:focus {box-shadow:none;-webkit-box-shadow:none;-ms-box-shadow:none;-o-box-shadow:none;border-color: #375EA5;} .form-perso-content label.required:after, .required-color{color: #375EA5;} .form-perso-content .champform input{height: 40px;border:1px solid #9EA6AD;font: 400 14px "sofia-pro";width: 100%;padding: 5px 0.938rem;} .form-perso-content textarea.form-control {min-height: 180px;border-radius: 2rem;-webkit-border-radius: 2rem;-ms-border-radius: 2rem;-o-border-radius:2rem;-spec-border-radius: 2rem;color:#375EA5; border:1px solid #BFC9E8;font:italic 400 0.875rem "sofia-pro";width: 100%;padding:0.625rem 0.938rem;outline: 0;background-color: #fff;} .form-perso-content .champform textarea {min-height: 180px;border-radius: 2rem;-webkit-border-radius: 2rem;-ms-border-radius: 2rem;-o-border-radius:2rem;-spec-border-radius: 2rem;color:#375EA5; border:1px solid #BFC9E8;font:italic 400 0.875rem "sofia-pro";width: 100%;padding:0.625rem 0.938rem;outline: 0;background-color: #fff;} #recapitulatif-total-commande .item-bit-panier .media img {width: 65px;} form input:-webkit-autofill {box-shadow: 0 0 0px 1px #fafafa inset;-webkit-box-shadow: 0 0 0px 1px #fafafa inset; -webkit-text-fill-color: #375EA5 !important;} form .adresse-newsletter:-webkit-autofill {box-shadow: 0 0 0px 1px #faf0ee inset;-webkit-box-shadow: 0 0 0px 1px #faf0ee inset;-webkit-text-fill-color: #375EA5 !important;} .ico-livraison-panier {display: inline-block;padding: 8px 0 8px 40px;background: url("template-ico_livraison.svg")no-repeat center left;min-width: 280px;text-align: left;background-size: 30px;} .bg-grey{background-color: #F7F8F9;} .bg-light-site{background-color: rgba(241,244,249,0.7);} .bg-light-site2{background-color: #F1F4F9;} table#sylius-checkout-subtotal td.py-3.pl-0.border-color-dore.color-dore {border-bottom: 2px solid #F43880!important;border-top: 2px solid #F43880!important; text-align: center;} .dropdown.address-book-select {border-radius: 20px;-webkit-border-radius: 5px;-ms-border-radius: 5px;-o-border-radius:5px;-spec-border-radius: 5px;font:400 0.875rem "sofia-pro";color:#375EA5; border:1px solid #BFC9E8; height:40px;background: #fff url("template-f_select.svg") no-repeat center right 0.625rem;padding: 8px 0.938rem;outline: none;} .dropdown.address-book-select .dropdown-item.active, .dropdown.address-book-select .dropdown-item:active{background:#E6E6E6; color: #375EA5;font-weight: 700;} .dropdown.address-book-select .dropdown-item{white-space: normal!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: #fafafa!important;}*/ .border-bottom-resume {border-bottom: 20px solid #F7F8F9;} .btn-chekout-rel i{position: absolute;right: 20px;top: 50%;transform: translate(0,-50%);} /** CDE 3 **/ .nosrayons-navigation-site >* {display: inline-block;font: 300 12px "sofia-pro";} .max-content>div {max-width: auto;margin-left: auto;margin-right: auto;white-space:nowrap} .hasp-m0>p{margin:0} .title-payment label.form-check-label {font: 400 17px "sofia-pro";} .opacity-0-abs{position:absolute; width:0;height: 0;color:#fff} .shipping-item small {font-size: 0.813rem;font-family: "sofia-pro";font-weight: 400;} div#map:empty {display: none;} .descr-shipp {padding-left: 25px;} div#sylius-shipping-methods h5 {font: 500 0.938rem "sofia-pro";} .list-group-flush .border-top-1{border-top-width: 1px!important;} .simple-border{border-right: 1px solid #C0C0CC;} .flex-grow-height{min-height: 70px;display: flex;flex-direction: column;align-items: center;justify-content: center;} .pl-perso-shipping img{max-width: 75px;} .form-PR .form-control{height: 38px;border: none!important;padding-left: 15px; color: #000;font-size: 15px;} .form-PR .btn-link{font-size: 18px; min-width: 60px;} .img-shipping-max img {max-height: 120px;} .px-summary-total{padding-left: 5px; padding-right:5px} .moyen-bit p{margin-bottom: 0;} .item-content-ship .shipping-item label.form-check-label{background-size: 17px;} @media only screen and (min-width: 1280px){ .panier-summary-bloc{width: 350px; top: 78px;position: sticky;} .px-summary-total{padding-left: 20px!important; padding-right: 20px!important;} .px-xl-panier{padding-left: 2rem;padding-right: 2rem;} .body-sylius_shop_cart_summary, .body-sylius_shop_cart_summary .big-wrapper {overflow: inherit;} .listes-articles.display-article-block .articleBit-ima {min-height: 250px;} .bit-details-tr .td-nowrap.pl-sm-3.pl-2 {width:300px} } @media only screen and (min-width: 1600px){ .panier-summary-bloc{width: 392px;} .px-xl-panier{padding-left: 3rem;padding-right: 3rem;} .body-app_shop_quotation_summary .cartw-element {flex: 0 0 50%;max-width: 50%;} } #cartSearchResults {position: absolute;top: 100%;left: 0;width: 100%;border: 1px solid #ccc;border-top: none;background-color: white;color:#000;max-height: 300px;overflow-y: auto;display: none;z-index:100} .files-bg{height: 10.625rem;background-color: #CCCCCC;} .pl-info-import {padding-left: 45px;padding-right: 45px;} .info-content-top{background: url("template-icon_info_import.svg") no-repeat top left;} .missing-imported-product::after {background: rgba(230, 71, 72, 0.25);content: "";width: calc(100% + 40px - 8px);height: 100%;left: -16px;position: absolute;z-index: 1; top: 0;} .z-index-2{z-index: 2;} .info-missing-bloc{background: #fff;padding: 10px 20px 10px 10px;border:2px solid #71CC77;position: absolute;border-radius: 10px;color: #3E7C3E;font:400 italic 0.875rem "sofia-pro";z-index: 3;box-shadow:2px 6px 9px 3px rgba(155, 155, 155, 0.51);-webkit-box-shadow:2px 6px 9px 3px rgba(155, 155, 155, 0.51); left: -230px; max-width: 230px;text-align: right;} .info-missing-bloc::after{content: url("template-after_info_sucess.png");position: absolute;right: -11px;top: 50%;transform: translate(0,-50%);} .info-missing-import.info-missing-bloc{border-color: #E54848;color: #E54848; left: -190px; max-width: 190px;} .info-missing-import.info-missing-bloc::after{content: url("template-after_info_missing.png")} .bg-info-after{background-color: rgba(57,181,74,0.1);} .bg-info-after::after{ background-color: rgba(57, 181, 74, 0.1);width: calc(20px - 4px);height: calc(100% + 2px);content: '';position: absolute;right: -16px;top: -1px;border-top: 1px solid #DBD2DD;} .bg-info-after::before{ background-color: rgba(57, 181, 74, 0.1);width: calc(20px - 4px);height: calc(100% + 2px);content: '';position: absolute;left: -16px;top: -1px;border-top: 1px solid #DBD2DD;} .min-height-img{min-height: 70px;} /*================================= FORMULAIRe ==================================*/ body .border{border-color: #DFE4EA!important;} /*******PAGE DISTRIBUTEUIR*********/ .custom-input-txt input {height: 40px;border-radius: 5px;border:1px solid #BFC9E8;width: 100%;} .input-group-append .height-btn{height: 40px;} .puce-after::after{transform: rotate(0deg);content: url(template-after.png);position: absolute;left: 50%;bottom: -16px;transform: translate(-50%,0);} .font-ctc-perso {font: 500 1.3rem "sofia-pro";padding-left: 30px;background: url(template-ico_sce_orange.svg) no-repeat 14px 11px;color: #375EA5;filter:brightness(0)} .font-ctc-perso span {display: inline-block;border-bottom: 1px solid #375EA5;padding-left: 5px;} .font-ctc-perso:hover{color: #F43880;filter:brightness(100%)} .font-ctc-perso:hover span{border-bottom-color: #F43880;} .max-width-logo img{width: 127px;} .institform form{max-width: 600px;margin-left: auto;margin-right: auto;} .form-perso-content .form-check {display: inline-block;padding-left: 0;margin-right: 5px;} .form-perso-content .form-check-input ,.order-show .form-perso-content .form-check-logo input , .form-perso-content.radio-label-input input,.radio-label-input .position-relative> input {width: 100%;margin: 0;opacity: 0;top: 0;height: 100%;cursor: pointer;position: absolute;} .form-perso-content .form-check-label, .order-show .form-perso-content .form-check-logo + label,.radio-label-input .form-check-label {background: url("template-check_t.png") no-repeat left center;padding-left:25px;line-height: 22px;background-size: 21px;min-height: 21px;} .form-perso-content.radio-label-input .form-check-label,.order-show .form-perso-content.radio-label-input .form-check-logo + label, .radio-label-input input + label.form-check-label {background-image: url("template-radio_off.png")} .form-perso-content #divcgv .form-check-label{padding-left:28px;} /*.body-sylius_shop_order_show .form-perso-content.radio-label-input input[type="radio"] + label{background: url("template-radio_off.png") no-repeat left center;padding-left:25px;line-height: 22px;} .body-sylius_shop_order_show .form-perso-content.radio-label-input input[type="radio"]:checked + label{background-image: url("template-radio_on.png") }*/ .form-perso-content .form-check-input:checked + .form-check-label {background-image: url("template-check_tok.png")} .form-perso-content.radio-label-input .form-check-input:checked + .form-check-label,.form-perso-content.radio-label-input .form-check-input:checked + .form-check-label , .order-show .form-perso-content.radio-label-input input:checked + label , .radio-label-input input:checked + label.form-check-label {background-image: url("template-radio_on.png")} .contact_form .form-group>label {display: block;text-align: left;font-size: 0;margin-bottom: 0;} .contact_form span.form-error-message {font-size: 12px;position: absolute;bottom: 3px;right:0;width: 100%;text-align: right;} .perso-formgroup-content .contact_form .form-group{width: 100%;margin-bottom: 1.1rem;} .perso-formgroup-content .form-group, .form-perso-content .form-group {position: relative;margin-bottom: 1.5rem;} .perso-formgroup-content span.invalid-feedback,.form-perso-content span.invalid-feedback {position: absolute;right: 0;bottom: -17px;text-align: right;width: 100%;} /*.form-perso-content .form_contact span.invalid-feedback {bottom: 0;}*/ form#app_form_upload .form-group {margin-bottom: 35px;} .invalid-feedback{color: #E54848!important;} form#app_form_upload .form-group span.invalid-feedback {text-align: center;font-size: 15px;bottom: -33px;font-weight: 600;} .form-perso-content.radio-label-input .has-logo-choice .form-check-label , .body-sylius_shop_order_show .form-perso-content.radio-label-input .has-logo-choice input[type="radio"] + label{padding-left: 80px;} .shipping-item label.form-check-label.required, .order-show-page .pl-perso-checkout-sm .col-auto >label {font-size: 0;padding-left: 24px;} .pl-mode {padding-left: 25px; } .form-check-logo .pl-mode {padding-left: 25px;font:300 13px "sofia-pro";} .img-logo-check {position: absolute;max-width: 50px;left: 22px;top: 50%;transform: translate(0, -50%);-webkit-transform: translate(0, -50%);-ms-transform: translate(0, -50%);-o-transform: translate(0, -50%);margin-top: -4px;border: 1px solid #e6e6e6;} .form-check-logo.has-logo-choice .pl-mode {padding-left: 80px; } .form-check-logo.has-logo-choice {position: relative;margin-top: 8px;} .p-3.form-perso-content.perso-formgroup-content span.form-error-message {position: relative;bottom: 0;right: 0;} .moyen_details p {font-size: 12px;} .logo-method img{max-width: 104px;} .border-bottom-1 {border-bottom: 1px solid #BFC9E8} .border-s {border: 1px solid #BFC9E8} .checkout-adress-bloc .form-group >label{font: 400 13px "sofia-pro"} @media only screen and (min-width: 1024px){ .checkout-adress-bloc .card-body.form-perso-content.px-xl-4.px-3 .form-group {display: flex;align-items: center; margin-bottom: 25px;} .checkout-adress-bloc .card-body.form-perso-content.px-xl-4.px-3 .form-group >label {flex: 0 0 100px;margin-bottom: 0;max-width: 100px;padding-right: 15px;text-align: right;} #pageinstit-is1 .form-perso-content {display: flex;display: -ms-flex;flex-wrap: nowrap;} #pageinstit-is1 .max-container-3 {max-width: 1500px;} #pageinstit-is1 .institform {flex: 0 0 40%;max-width: 40%;margin-left: 30px;} } .instit * {font-family: 'sofia-pro' !important;color: #375EA5 !important;} /*================================= PAGE INSTIT ===================================*/ .main-content >.ui.breadcrumb {margin: auto;max-width: 1300px;padding: 0.938rem;} .main-content >.ui.breadcrumb + .ui.segment{margin: auto;max-width: 1300px;} .instit-has-bgimg{background-repeat: no-repeat;background-size: cover;background-position: center;} .bitbag-page-content .container {position: relative;} .centered {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);-webkit-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);-o-transform: translate(-50%, -50%);-spec-transform: translate(-50%, -50%);left:50%} .bitbag-page-content .h1.centered{text-align: center;color:#375EA5;font:400 3.063rem "sofia-pro";} div#accordion .card-header {cursor: pointer;} .collapse.border-bottom {border: none!important;} .image-instit-top {height: 250px;overflow: hidden;background-color: #e6e6e6;} .page-instit-img img{max-width:100%; width:auto} .page-instit-img .object-fit-img img{width: 100%!important;} .titre-h2-instit h2,.titre-h2-instit h3{color: #375EA5;} .instit-item-lib h3{margin-bottom: 0;padding: 0.625rem 0;font: 700 1rem "sofia-pro";text-transform: uppercase;color: #375EA5;} .link-white a{color: #ffffff!important;} @media only screen and (min-width: 767px){ .max-img-i{max-width: 285px; width: 100%;} .alert.max-content {max-width: max-content;} } .paiementLigne {padding: 10px 0;border-bottom: 1px solid #dbdbdb;} .page-cms h3{color:#F43880} /*================================= CLIENT ===================================*/ .commun-logging + .account-page{display: none;} .pdf-kbs object{border: 1px solid #e6e6e6;} body[id^="body-sylius_shop_account"] .big-wrapper , body[id^="body-sylius_shop_account_dashboard"] .big-wrapper {background-color: #F2F2F2} .title-compte-client {position: relative;} .title-med-account {font:2.625rem "sofia-pro"} .title-menu-account {padding-left: 20px;padding-top: 2.188rem;padding-bottom: 20px;} .title-compte-client .title-medium.has-after::after{width: 56px;} .title-menu-account .title-medium{font-weight: 400; font-size: 30px;} .login-list {padding-left: 0; margin-top: 23px;} .login-list-item {background: url("template-list_style.svg") no-repeat center left;list-style: none;padding: 8px 0 8px 30px;color: #393A3D;} .icone-inline {display:inline-block;width: 70px;text-align: center;background: #4ABA6D;color: #fff;text-transform: uppercase;height: 70px;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: 20px;} .icone-inline span:first-letter {font: 700 1.6rem "sofia-pro";line-height: 70px;text-transform: uppercase;} .nom-user {display: inline-block;padding-left: 0.625rem;font: 500 1.25rem "sofia-pro";} .nom-user strong {font: 500 1.75rem "sofia-pro";display: block;padding-top: 6px;word-wrap: break-word;line-height: 1.5rem;text-transform: capitalize;} .image-bienvenu img {position: absolute;left: 0;top: 0; width: 100%;height: 100%;object-fit: cover;-ms-object-fit: cover;-webkit-object-fit: cover;} .image-bienvenu h1 {position: absolute;top: 50%;left: 0.938rem;transform: translate(0, -50%);-webkit-transform: translate(0, -50%);-ms-transform: translate(0, -50%);-o-transform: translate(0, -50%);-spec-transform: translate(0, -50%);z-index: 9;text-transform: uppercase;margin: 0;} .image-bienvenu h1 >span{display:block; margin-top: 5px;} .txt-bienvenu {background-color: #4ABA6D;color: #fff;text-transform: uppercase;font: 500 1.5rem "sofia-pro";line-height: 2;padding: 8px 12px;display:inline-block} .image-bienvenu {position: relative;height: 100%;display: table;width: 100%;} div#list-home {display: none;} .list-item-bit {background: #fff;} .list-item-bit .list-group-item {font:500 0.938rem "sofia-pro";color: #375EA5;padding: 0.5rem 10px 0.5rem 5px ;line-height: 2.4rem;position: relative; } .list-item-bit .list-group-item i{width: 40px;height: 40px;display: inline-block;vertical-align: top;filter: hue-rotate(92deg) brightness(69%); -ms-filter: hue-rotate(92deg) brightness(69%); -webkit-filter: hue-rotate(92deg) brightness(69%);background-position: left center;} .lien-home i {background-image: url("template-ico_paie.svg");background-repeat: no-repeat;} .lien-user i{background-image: url("template-ico_info.svg");background-repeat: no-repeat;} /*.lien-star {background-image: url("template-ico_infoPro.svg");background-repeat: no-repeat;background-position: 18px 50%;}*/ .lien-lock i {background-image: url("template-ico_mdp.svg");background-repeat: no-repeat;} .lien-book i{background-image: url("template-ico_adresse.svg");background-repeat: no-repeat;} .lien-cart i {background-image: url("template-cmd.svg");background-repeat: no-repeat;} .lien-save i{background-image: url("template-ico_savepanier.svg");background-repeat: no-repeat} .lien-mail i{background-image: url("template-ico_mail.svg");background-repeat: no-repeat;background-size: 30px;background-position: 6px 50% !important;} #sylius-default-address .btn-outline-secondary.disabled, #sylius-default-address .btn-outline-secondary:disabled{background-color: #333;} .lien-loggout i{background:url('template-ico_deconnex.svg') no-repeat center;width: 30px;height: 30px;display: inline-block;vertical-align: middle;} .page-client .list-group-item.active-list::before,.page-client .list-group-item:hover::before {border-left: 4px solid #4ABA6D;bottom: 0;content: "";left: 0;position: absolute;top: 0;} .page-client .list-group-item.active-list i,.page-client .list-group-item:hover i {filter: hue-rotate(0deg) brightness(100%);-ms-filter: hue-rotate(0deg) brightness(100%);-webkit-filter: hue-rotate(0deg) brightness(100%);} .form-perso-content select.form-control{border-radius: 5px;-webkit-border-radius: 5px;-ms-border-radius: 5px;-o-border-radius: 5px;-spec-border-radius: 5px;font: 400 0.875rem "sofia-pro";color: #375EA5;border:1px solid #BFC9E8;height: 40px;background: #fff url("template-f_select.svg") no-repeat center right 0.625rem;padding: 5px 0.938rem;} .form-perso-content .champform select{border-radius: 20px;-webkit-border-radius: 20px;-ms-border-radius: 20px;-o-border-radius:20px;-spec-border-radius: 20px;font: italic 400 13px "sofia-pro";color:#375EA5; border: 1px solid #E6E6E6; height:40px;background: #F5F4F5 url("template-f_select.svg") no-repeat center right 0.625rem;padding: 5px 0.938rem;} section.big-wrapper>.bloc-show-administrable {margin-top: 0;} .menu-left .list-group-item:hover, .menu-left .list-group-item:focus,.list-group-item.active-list{background-color: rgba(242,141,44,0.05);} /*******ADRESSE*****/ .sylius_shop_account_dashboard + .col-12 .bg-white.menu-right.p-lg-4 {padding: 0!important;} a.mr-1.btn.btn-link.btn-br.rounded-0.border-0.text-uppercase.text-white {line-height: 36px;} .list-adress .btn-icone { width: 60px;margin-left: 5px;height: 45px;line-height: 38px;padding: 0;} .list-adress .btn-icone.btn-link i {vertical-align: middle;} .list-adress .btn.btn-icone.btn-link {font-size: 1rem;line-height: 39px;padding-top: 0;} .bg-red{background-color:#FF0000!important;} .badge-danger{background-color:#E54848!important;} .list-adress .btn-icone.btn-link.bg-black:hover, .list-adress .btn-icone.btn-link.bg-black:focus{background-color: #333;} .list-adress .btn-icone.btn-link.bg-red:hover, .list-adress .btn-icone.btn-link.bg-red:focus{background-color: #F43880!important;} .retour-cl{width: 30px;height: 30px;background:#F43880 url("template-retours.svg") no-repeat center;position: absolute;left:0.25rem; top: 50%;transform: translate(0, -50%);-webkit-transform: translate(0, -50%);-ms-transform: translate(0, -50%);-o-transform: translate(0, -50%);-spec-transform: translate(0, -50%); background-size: 20px; border-radius: 5px; margin-top: 0;} .rounded-15{border-radius:15px;-webkit-border-radius:15px;-ms-border-radius:15px;} .rounded-10, .img-rounded img{border-radius:10px;-webkit-border-radius:10px;-ms-border-radius:10px;} /**********HISTORIQUE COMMANDE*********/ .action-table-perso{max-width: 12.188rem;} .action-table-perso .btn-link {font-size: 0.75rem;padding-left: 0.375rem;padding-right: 0.375rem;} .badge.bg-pink-site.text-white * {color: #fff!important;} table#sylius-checkout-subtotal, #sylius-savecart-subtotal {color: #375EA5;} .content-bottom-order .table-perso .card-header{background-color: #375EA5!important;font: 0.813rem "Dystopian-Bold";color: #fff;} .content-bottom-order .table-perso .card-header th{font-size: 0.813rem;padding-left: 8px;padding-right: 8px;white-space: pre;border: 0;} .content-bottom-order .table-perso .card-header td{padding-left: 8px;padding-right: 8px;border: 0; } .content-bottom-order #sylius-order.table tbody td {padding-left: 8px;padding-right: 8px;border: 0; border-bottom: 1px solid #DBD2DD!important;} .content-bottom-order .table-perso table {font-size: 0.813rem;} .content-bottom-order .table-perso .sylius-total{font-size: 0.813rem;} .content-bottom-order .table-perso .total-cart-summ{font-size: 0.938rem;} .content-bottom-order .table-perso .total-label{font-size: 0.938rem;} .content-bottom-order #order-invoices h3#shipping-state{padding:0 0 0.938rem 0;margin-top:0;margin-bottom: 0.938rem;color:#375EA5;font:2rem "Dystopian-Bold";line-height: 120%;} .content-bottom-order #order-invoices h3#shipping-state::after {content: "";width: 56px;height: 3px;background-color: #375EA5;display: block;margin: 5px 0;} .content-bottom-order #order-invoices table th {font: 400 0.813rem "sofia-pro";background-color: #375EA5;color:#fff ; padding-top: 6px; padding-bottom: 6px;} .content-bottom-order #order-invoices table{font-size: 0.813rem; color:#375EA5;} #order-invoices table a {color: #F43880;} table.table.table-perso.table-histo-account .sylius-table-column-state + td {padding-top: 8px;padding-bottom: 8px;} .table-histo-account {font-size: 13px;} table#sylius-checkout-subtotal td {font-size: 1rem;padding-top: 10px;padding-bottom: 10px;} .items-saved-cart .media {align-items: center;} .save-cart-bloc div.buttons .button {background: #F43880;display: inline-block;text-align: center;color: #fff;padding: 0.5rem 0.375rem;font: 500 0.8rem "sofia-pro";text-transform: none;border-radius: 5px;-webkit-border-radius: 5px;-ms-border-radius: 5px;-o-border-radius: 5px;position: relative;transition: all 0.3s;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-o-transition: all 0.3s;-ms-transition: all 0.3s;text-align: center;border:none;vertical-align: middle;line-height: 2;} .save-cart-bloc div.buttons>form{display: inline-block;vertical-align: middle;} .save-cart-bloc div.buttons button.button{background-color: #F43880;} .save-cart-bloc .message.info {color: #0c5460;background-color: #f6fbfc;border: #bee5eb 1px solid;display: flex;justify-content: center;align-items: center;padding: 0.75rem 1.25rem;max-width: max-content; border-radius: 0.25rem;} .save-cart-bloc .message.info .content{display: flex;justify-content: center;align-items: center;} .save-cart-bloc .message.info .content p{margin-bottom: 0;} .save-cart-bloc .message.info .header{font-weight: 700;margin-right: 10px;} .save-cart-bloc .message.info .info.circle.icon::before {content: '\e920';font-family: 'fontello';background: #0c5460;color: #fff;padding: 5px 9px 5px 9px;border-radius: 100%;line-height: normal;font-style: normal;} .save-cart-bloc .message.info .info.circle.icon {margin-right: 7px;} @media only screen and (min-width: 768px){ .list-adress .col-lg-6:nth-child(2n) , .list-adress .col-lg-6:last-child {border: none!important;} } @media only screen and (min-width: 576px){ .action-table-perso {width: max-content;max-width: max-content;} .save-cart-bloc div.buttons {width: max-content;max-width: max-content;} } .btn-abs-table{ position: absolute;right: 0;top: 0;} /********contaznct***********/ .contact-footer{/*background: #f2f2f2 url(template-bg_contact.jpg) no-repeat;*/background-attachment: fixed;background-size: cover;padding: 30px 0.938rem; text-align:center;} .contact-container{max-width: 1000px;width:100%; margin:auto} .contact_form {margin: 25px auto;} .form-perso-content .form-group label{color:#375EA5} .form-perso-content .form-group label.errorForm{color:#dc3545; font-size: 0.75rem;font-weight: 700;} .form-perso-content .contact_form .form-control{padding-left: 45px;} .contact_form .pi-input-icon i:before{z-index: 2;left: 15px;top:50%; transform: translate(0,-50%);} .form-perso-content .contact_form textarea.form-control{min-height: 100px;} .contact_form .icon-users::before {content: url('template-ico_user.png');position: absolute;} .contact_form .icon-mail::before {content: url('template-ico_email.png');position: absolute;} .contact_form .icon-phone::before {content: url('template-ico_tel.png');position: absolute;left:9px} .contact_form .icon-home::before {content: url('template-ico_home.png');position: absolute;} .contact_form .icon-pencil::before {content: url('template-ico_pencil.png');position: absolute;top: 0.625rem!important ;transform: none!important; -webkit-transform: none!important; -ms-transform: none!important; -o-transform: none!important;-spec-transform: none!important;} .form-perso-content .custom-file {height:40px;border:none} .form-perso-content .custom-file-label{background: #fff;height: 40px;padding-right: 160px;padding-left: 20px; font:400 1rem "sofia-pro"; padding-top: 0.5rem;border:1px solid #C7CCD1; border-radius: 20px;-webkit-border-radius: 5px;-ms-border-radius: 5px;-o-border-radius:5px;-spec-border-radius: 5px;white-space: nowrap;display: block;text-overflow: ellipsis;overflow:hidden;color: #000;} .form-perso-content .custom-file-input:focus ~ .custom-file-label{box-shadow: none!important;-ms-box-shadow: none!important;-webkit-box-shadow: none!important;border-color: #F43880!important;} .form-perso-content .contact_form .custom-file-label{background-color: #fff} .form-perso-content .custom-file-label::after {background: #F43880 ;height: 100%;content: "Parcourir";min-width: 100px;text-align: center;cursor: pointer;font: 0.875rem "Dystopian-Bold"; line-height:27px;border:0; border-radius: 5px;-webkit-border-radius: 5px;-ms-border-radius: 5px;-o-border-radius:5px;-spec-border-radius: 5px;color: #ffffff; padding: 5px 10px;text-transform: none; } .form-perso-content .custom-file-label:hover::after{background-color:#63C67F!important} html[lang="en"] .form-perso-content .custom-file-label::after {content: "Browse"} .form-perso-content .custom-file-input{cursor: pointer;height: 100%} .form_contact .MultiFile-wrap .custom-file-input{height: 40px;} #modal-addProduct-name span {display: block;overflow-wrap: break-word;} .custom-file.file-cart {max-width: 610px;height: 42px} .import-form-files .custom-file {height: 52px} .import-form-files .custom-file-label{height: 52px; margin-bottom: 0;padding-top: 14px; padding-left: 52px;background: url('template-icon_import_cart2.svg') no-repeat center left 10px; } .import-form-files .custom-file-label::after {font-size: 1.188rem;line-height: 40px;min-width: 8.75rem} .import-form-files .form-group>label{display: none;} .form-perso-content .custom-file.file-cart .custom-file-label{height: 42px;background-color: #F5F4F5;} /**********FAQ*****************/ .faq-header.open h3{color: #F43880;} .faq-header::after {content: '\e8ca';display: block;position: absolute;right: 0.938rem;top: 50%;font-family: "fontello";font-size: 17px;transform: translate(0,-50%);-webkit-transform : translate(0, -50%);-ms-transform: translate(0, -50%);-o-transform: translate(0, -50%);-spec-transform: translate(0, -50%);font-weight: 700;color: #fff;} .faq-header.open::after{color: #fff;content: '\e8cd';} #bitbag-faqs .open .icon-down-open-big:before{content: '\e8cd';} #bitbag-faqs .open .bitbag-question{color: #ffffff!important;} #bitbag-faqs .open{border-color: #F43880;} /*============================= FILE ===============================*/ .text-link-color a{color: #F43880; text-decoration: underline;} .custom-file-btn .custom-file-input {height: 100%;cursor: pointer;} .custom-file-btn .custom-file-input {position: relative;z-index: 2;width: 100%;height: calc(1.7em + 0.75rem + 2px);margin: 0;opacity: 0;} .custom-file-btn .custom-file-label {background: #375EA5;text-align: center;font:300 18px "sofia-pro";padding: 12px 30px;color:#F2F2F2;border-radius: 0;-webkit-border-radius: 0;-ms-border-radius: 0;-o-border-radius: 0;-spec-border-radius: 0;border: none;cursor: pointer; display: block;position: relative;height: auto;max-width: 460px;margin: auto; } .custom-file-btn .custom-file-label::after{display: none;} .font-italic{font-family: "sofia-pro"; font-weight: 300; font-style: italic;} .font-italic-regular{font-family: "sofia-pro"; font-weight: 400; font-style: italic;} .progress-content .progress {height: 7px;border: 1px solid #ccc;background: #fff;max-width: 200px;margin: auto;} .progress-content {padding-top: 27px;text-align: center;} .bg-black{background-color: #375EA5} .title-configbit{font :300 2.188rem "sofia-pro";padding-bottom: 20px} div#sylius_contact_attachment_list {display: flex;display:-ms-flex;margin-top: 0.625rem;} div.MultiFile-label { padding: 5px 0.938rem 5px;background: #F43880;margin-right: 0.938rem;color: #fff;} a.MultiFile-remove {font-weight: bold;vertical-align: middle;display: inline-block;font-size: 0.813rem;color: #fff} div.MultiFile-label * {line-height: normal;vertical-align: text-top;} .btn_print_4 input{max-width: 200px;margin-left: auto;margin-right: auto;border: none;} h2.ui.center.aligned.icon.header {text-align: center;} .sortable a:hover {color: rgba(255,255,255,0.5);} body:not(.modal-open) .modal-backdrop.show {opacity: 0!important;display: none!important;} .commun-logging + .image-instit-top{display: none;} .commun-logging + .image-instit-top + .page-client-site,.commun-logging + .image-instit-top + .erreur + .page-client-site {display: none;} .ajax_loader{width:100%;height:58px;background:url('template-loader.gif') no-repeat center top;display: none;} /*============================= PROJECT SIMULATION ===============================*/ .titre-regular-italic {font:400 italic 22px "sofia-pro";} .step-project-container {max-width: 420px;margin: 15px auto;text-align: center;} .form-choice-content input[type="radio"] {position: absolute;opacity: 0;height: 100%;cursor: pointer;left: 0; width: 100%;top: 0;} .form-choice-content input + label{font:400 19px "sofia-pro";color: #666666;text-align: center;position: relative; display: block;word-break: break-word;} .form-choice-content input + label:before {width: 105px;height: 105px;content: "";border: 2px solid #666666;display: block;border-radius: 10px;-webkit-border-radius: 10px;-ms-border-radius: 10px;-o-border-radius: 10px;margin:0 auto 10px auto;cursor: pointer;background-color: #ffffff;background-repeat: no-repeat;background-position: center top;} #roof-orientation .form-choice-content input + label:before{border-radius: 100%;} .radio-image-input .form-choice-content input + label:before {display: none;} .radio-image-input.form-content-step>.form-choice-content label {padding-right: 0;padding-left: 50px;min-height: 38px;line-height: 35px;cursor: pointer;} .form-content-step.radio-image-input .position-relative {display: inline-block;width: auto;} .form-choice-content input + label::after{display: none;} .form-choice-content input[type="radio"]:checked + label{color: #F43880;} .form-choice-content input[type="radio"]:checked + label:before{background-position:center bottom!important;background-color:#F43880 ;border-color: #F43880;} .width-100-max{width: 100%;max-width: 340px;margin: auto;} .py-p-step {padding-top: 20px;padding-bottom: 20px;} .btn-back-step {background: #666666;} .btn-back-step:hover, .btn-back-step:focus {background: #6F7375;} .message-ui .message{color: #375EA5!important;} .hidden-step-1 {display: none!important;} .bg-form-step div .d-none.btn-link {display: block!important;opacity: 0.3;pointer-events: none;cursor: not-allowed;background: #ccc!important;} .form-group-mb0 .form-group{margin-bottom: 0;} /************COOKIES*********/ .ch-cookie-consent__read-more { display:none!important; } .ch-cookie-consent__intro { display:none!important; } #cookie_consent_use_all_cookies { display:none!important; } .ch-cookie-consent--simplified .ch-cookie-consent__category-toggle { display:block!important; } .ch-cookie-consent__toggle-details-grp { cursor: pointer!important; } .ch-cookie-consent__btn_no_bg { background:none!important; } .hidden-important{display: none!important;} /*****stock not available*******/ /*******savecart********/ /*****stock not available*******/ .form-contact-art label {display: block;} .btn-link.btn-contact-link {/*position: absolute;right: 16px;bottom: 26px;font-size: 12px;min-width: 105px; border: 0;*/margin-top:10px; display: block;border:0} .special-cmd .btn-link.btn-contact-link {position: absolute;right: 20px;bottom:34px;font-size: 12px;min-width: 105px; border: 0;margin-top: 0;} .form-contact-art>div>input {border-radius: 20px;-webkit-border-radius: 20px;-ms-border-radius: 20px;-o-border-radius: 20px;-spec-border-radius: 20px;font: italic 400 13px "sofia-pro";color: #375EA5;border: 1px solid #E6E6E6;background-color: #fff;height: 40px;padding: 0 15px;width: 100%;} .app_availability_notifier_quantity{max-width: 105px;} div#sylius-product-out-of-stock form>.form-contact-art>div{padding-bottom: 5px;} .height-btn-popup{height: 53px;} .page-complete .step-panier{display: none!important;} .page-complete .card-header{background-color: #F43880; color: #fff;} .page-complete table#sylius-checkout-subtotal td{background-color: #fff; border-bottom: 1px solid #e6e6e6;} .body-sylius_shop_order_show h1.font-sofia-pro{color: #fff;padding: 8px 0.75rem;font: 300 0.813rem "sofia-pro"!important;background-color: #F43880;text-align: left;padding: 8px 0.75rem!important;} #modal-addProduct-image {max-width: 300px;margin: auto;} /*====================== AUTOCOMPLETE SEARCH =====================*/ /*BEGIN INSTANT SEARCH*/ .keyWord_list ul li a:hover > i,.keyWord_list ul li a:hover > strong{color:#fff} .keyWord_list ul li a i,.searchCategorie_item a i{color:#242626} .keyWord_list ul li a strong,.searchCategorie_item a b{color:#F43880;font-weight:400} .searchCategorie_lib span,.searchSuggest_lib span,.searchMarque_lib span{color:#F43880;display:block;float:left;font:1rem "Dystopian-Bold";padding:10px 0} .headerFixed .autocompletesearch-container{padding-top: 0;} .col-search-header{position: static;} .list-search-art {max-height: 50vh;overflow-x: hidden;overflow-y: auto;} .autocompletesearch-container {position: absolute;width: 100%;left: 0;} .col-search-header {position: static;} .autocompletesearch-container:empty{display: none;} .searchCategorie_item strong{color:#F43880;} @media only screen and (min-width: 1200px) { .headerFixed .autocompletesearch-container{padding-top: 11px;} } @media only screen and (min-width: 993px) { .autocompletesearch-container {padding-top: 69px;} .autocompletesearch-container .articleBit-lib a{font-size: 1rem;} } /*END INSTANT SEARCH*/ /*********BLOG INSTIT********/ .contenu-other-page.max-container-blog .max-container-panier {max-width: 880px;} .contenu-other-page.max-container-blog {background-size: 78%;background-position: center;} .text-decoration-none{text-decoration: none;} .select-content select {height: 40px;width: 100%;max-width: 520px;margin: auto;background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAGBAMAAAAFwGKyAAAAAXNSR0IB2cksfwAAAAlwSFlzAAALEwAACxMBAJqcGAAAABVQTFRFAAAAAj0oAj0oAj0oAj0oAj0oAj0ot2c20AAAAAd0Uk5TAK//n+9gjygtHZYAAAAoSURBVHicY2BUAgIBBmYnJSWVAAYGEyUlVwYGIBfEAXJBHAYGNiAHAFnJA9wD1eWQAAAAAElFTkSuQmCC') no-repeat center right 10px;border-radius: 20px;-webkit-border-radius: 20px;-ms-border-radius: 20px;display: block;padding:8px 30px 4px 15px;font-family: "Helvetica-NeueLTStd", Arial;color:#375EA5;border: 2px solid #375EA5;} .select-content option {font-size:1.5em} .color-black{color:#000} .bg-categ-blog{background-color: #F43880; padding: 10px 25px;color: #ffffff; text-transform: uppercase;font: 700 1rem "sofia-pro";border-radius: 5px 8px 0 0;} .js-custom-select-centering {max-width: 520px;height: auto;margin: auto;} .js-custom-select {width: 100%;position: relative;margin: 20px 0;} .js-custom-select select {display: none;} .js-custom-select .selected-item {cursor: pointer;width: 100%;margin: auto;border-radius: 10px;-webkit-border-radius: 10px;-ms-border-radius: 10px;-o-border-radius: 10px;display: block;padding:0.625rem 30px 0.625rem 0.938rem;color: #375EA5;border: 1px solid #C0C0CC;font:500 0.938rem "sofia-pro";background-color: #fff;} .js-custom-select .selected-item:after {background: url(template-f_select.svg);font-size: 20px;color: #fff;position: absolute;right: 15px;top:18px;height:10px;width:15px;content:""} .js-custom-select .item {background: #FFF;padding: 8px 0.938rem;color: #375EA5;cursor: pointer;} .js-custom-select .item:hover {background: #F43880;color:#FFF;} .js-custom-select .item:last-child{border-radius:0 0 10px 10px;-webkit-border-radius:0 0 10px 10px;-ms-border-radius:0 0 10px 10px;-o-border-radius: 0 0 10px 10px;} .js-custom-select .all-items {position: absolute;top: 100%;left: 0;width: 100%;z-index: 100;border:1px solid #C0C0CC;border-radius:0 0 10px 10px;-webkit-border-radius:0 0 10px 10px;-ms-border-radius:0 0 10px 10px;-o-border-radius: 0 0 10px 10px;border-top: none;margin-top: -8px;padding-top: 18px;background: #fff;} .js-custom-select .arrowanim.selected-item:after { transform: rotate(180deg); } .text-transform-none{text-transform: none;} .title-medium.text-lowercase::first-letter{text-transform: uppercase;} .blog-perso-artbox .articleBit{max-width: 100%;} .js-custom-select .all-items-hide {display: none;} .max-w-50{max-width: 500px;} .border-action-blog { border-left: 3px solid #F43880;} #blog-comments button{ background: #F43880;display: inline-block;text-align: center;color: #fff;padding: 0.55rem 0.938rem 0.65rem 0.938rem;font: 500 0.938rem "sofia-pro";text-transform: none;border-radius: 5px;-webkit-border-radius: 5px;-ms-border-radius: 5px;-o-border-radius: 5px;border:none;position: relative;transition: all 0.3s;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-o-transition: all ;} .main-content.page-content {position: relative;z-index: 10;} .bg-article-blog{background: #fff} .articleBit-blog {padding: 0.938rem;box-shadow: 0px 0px 19px 0px rgba(155,155,155,0.71);-webkit-box-shadow: 0px 0px 19px 0px rgba(155,155,155,0.71);-moz-box-shadow: 0px 0px 19px 0px rgba(155,155,155,0.71);background-color: #fff;border-radius: 12px;font: 400 0.938rem "sofia-pro";position: relative;} /*********END BLOG INSTIT********/ .gallery-art-image .swiper-slide {height: auto!important;} .scrollPerso-s::-webkit-scrollbar {background: #F43880;-webkit-border-radius: 5px;border-radius: 5px;-ms-border-radius: 5px;-o-border-radius: 5px;height: 5px;width: 9px} .scrollPerso-s::-webkit-scrollbar-thumb {background: #F43880;border-bottom: 3px solid #fff;-webkit-border-radius: 5px;border-radius: 5px;-ms-border-radius: 5px;-o-border-radius: 5px;border-left: 1px solid #fff;border-right: 3px solid #fff;border-top: 3px solid #fff} .scrollPerso-s::-webkit-scrollbar-track { background: #fff } .pas-section{background: none!important;} .box_livraison .font-15.sofiaMedium-font.pb-2.color-white {font-size: 1px !important;opacity: 0;-webkit-opacity: 0;-ms-opacity: 0;} @media only screen and (min-width: 993px) { .body-sylius_shop_checkout_select_shipping .big-wrapper,.body-sylius_shop_checkout_select_shipping {overflow-x:inherit} .body-sylius_shop_checkout_select_shipping .panier-summary-bloc {bottom: auto;position: sticky;top: 1px} .body-sylius_shop_checkout_select_shipping .padding-body .panier-summary-bloc {top: 105px} .gallery-art-image .swiper-slide{width: 100%!important;} } .body-sylius_shop_checkout_select_payment .hidden-page-payment{display: none!important;} /*******POINT RELAIS*********/ #list_points .point_item {padding: 1rem;margin: 0;border-bottom: 1px solid #c0c0cc;cursor: pointer;} .point_map_item{padding:5px 1rem;margin:5px 0;border: 2px solid #c0c0cc;cursor: pointer;display: inline-block;background: #c0c0cc;font-weight: 700} /*#list_points {max-height: 300px;overflow-y: auto;overflow-x: hidden;}*/ .point-item-nom{background:url('template-picto-colissimo.png') no-repeat center left; padding:5px 0 5px 25px;background-size: 20px;} #list_points::-webkit-scrollbar {background: #F43880;-webkit-border-radius: 5px;border-radius: 5px;-ms-border-radius: 5px;-o-border-radius: 5px;height: 5px;width: 9px} #list_points::-webkit-scrollbar-thumb {background: #F43880;border-bottom: 3px solid #fff;-webkit-border-radius: 5px;border-radius: 5px;-ms-border-radius: 5px;-o-border-radius: 5px;border-top: 3px solid #fff} #list_points::-webkit-scrollbar-track {background: #c0c0cc} #pickupCompany {font-weight: 700;text-align: left;} .border-orange.show{border:2px solid #F43880;background: url(template-livraison_PR.png) no-repeat center left -7px;padding-left: 75px;background-size: 75px;} .page-client-site .page-link {color: #375EA5;border:none; font: 600 1rem "sofia-Pro";} .page-client-site .active .page-link {color: #fff;background-color: #F43880;} .bull-step-fill{position: absolute;left: 0;top: 0;z-index: 9;width: 100%;height: 100%;display: block;} .step-bit-config.active .bull-step-fill, .step-bit-config.completed .bull-step-fill{display: none!important;} .bloc-files a {display: inline-block;background: url(template-ico_pdf.svg) no-repeat center left 10px;padding: 5px 25px 5px 45px;text-decoration: none;background-color: #F43880;color: #fff;} .bloc-files a:hover{background-color: #8f75a5;} .btn-abs-table {position: absolute;right: 0;top: 0; height: 100%;line-height: 100%;padding: 0 10px;} .page-sylius_shop_account_order_index .fieldset-bloc form >div:not(.loading-overlay),.page-sylius_shop_account_order_index .fieldset-bloc form > .fieldset-bit{display: flex;flex-wrap: wrap;} .page-sylius_shop_account_order_index fieldset.form-group {flex: 0 0 50%;} .page-sylius_shop_account_order_index fieldset.form-group .form-inline input {margin-right: 5px;} .page-sylius_shop_account_order_index .filter-default div.form-group{margin-right: 5px;} .page-sylius_shop_account_order_index .table.table-perso.table-histo-account th.sortable.sylius-table-column-checkoutCompletedAt,.page-sylius_shop_account_order_index .sylius-table-column-checkoutCompletedAt {display: none;} body .main-content > .container {max-width: 100%;background-color: rgba(241,244,249,0.7);} body.body-sylius_shop_product_show .main-content > .container {background-color: #fff;} body .main-content > .container .mt-2{margin-top: 0!important; padding-top: 5px;} body .main-content > .container .mt-2:empty{display: none;padding-top: 0;} .bundle-items.border-bottom {border-bottom-color: #DBD2DD!important} body.alert-success , .color-success-s {color: #39B54A;} body .alert-success > .d-flex {justify-content: center;} body .alert-success strong {display: none;} body .alert.alert-success.alert-dismissible.fade.show {background: none;border: none;padding: 5px;text-align: center;margin-bottom: 0;display: flex; justify-content: center;} body .alert-dismissible .close { padding: 5px;top: 0;transform: none;margin-top: 0;position: relative;margin-left: 17px;opacity: 1;} .rounded-s {border-radius: 8px;-webkit-border-radius: 8px;-ms-border-radius: 8px;} .box-shadow-s {box-shadow: 0px 0px 8px 0px rgba(124, 124, 124, 0.2);-webkit-box-shadow: 0px 0px 8px 0px rgba(124, 124, 124, 0.2);-moz-box-shadow: 0px 0px 8px 0px rgba(124, 124, 124, 0.2);border-radius: 8px;} /* *********************** * SPINNER *********************** */ .ajax_loader{width:100%;height:58px;background:url('template-ajax-loader.gif') no-repeat center top;display: none;} .loading-overlay{background-color:#000;display:block;height:100%;left:0;opacity:.5;position:fixed;text-align:center;top:0;width:100%;z-index:9998} .spinner{/*width:40px;height:40px;*/left:50%;position:fixed;top:50%;z-index:9999} /************** SUIVI COLIS **********************/ .detail_suivi{margin-top: 20px;margin-bottom: 20px;width: 50%;} .titre_detail_suivi{font: 16px Arial;color: #005A87;font-weight: 700;} .tableau_detail_suivi{ margin-top: 15px; border: 1px solid #cccccc; border-radius: 4px; border-bottom: none; } .ligne_detail_suivi { padding: 10px; border-bottom: 1px solid #cccccc; } /************** RAPPEL PRODUIT **********************/ .thead-perso th {padding: 10px 8px;background: #f3f3f3;text-align: left;font : 18px "sofia-pro";vertical-align: middle;text-transform: uppercase;} .rappel-bit td img {width: 100%;max-width: 75px;height: auto;border:1px solid #e6e6e6;} .table-perso {text-align: left;} .table-perso td{padding: 10px 8px; background-color: #fff; border-top: 1px solid #ddd;color: #000; font-size: 12px} .table-perso tr.rappel-bit:nth-child(odd) td{background-color:#f9f9f9;} .articlerappel_title {font: 13px Arial,Helvetica,sans-serif;color: #005A87;text-transform: uppercase;} .g-recaptcha * { margin: auto; } /******** POINT RELAIS DPD *********/ .listepr { float:left; display: inline-block; } .lignepr { background-color: #fff; color: #424143; height: 50px; } .lignepr:hover { cursor: pointer; } #dpdrelais_logo img { height: 45px; float: left; width: 45px; } .dpdrelais_info { float: left; margin: 4px 10px; text-transform: uppercase; } .dpdrelais_popup { margin: 16px 10px; float: right; text-align: right; } div.dpdrelais_popup a { color: #4ABA6D; text-decoration: underline; } div.dpdrelais_popup a:hover{ color: #dc0032; text-decoration: underline; } .dpdrelais_distance { margin: 16px 10px; float: right; text-align: right; } .dpdrelais_radio { margin: 12px 20px; float: left; text-align: left; } #dpdfrance_pickup { font-weight: normal; font-size: 11px; } div.lignepr { border-color: #424143; border-style: solid; border-width: 0px 0px 1px 0px; margin: 5px 0px; } div.lignepr:nth-child(9) { border:none; } #tranche_8, #tranche_7{display: none;} /******cookies*******/ body #tarteaucitronRoot * {font-family: 'sofia-pro'!important;line-height: 1.5 !important;} body #tarteaucitronRoot #tarteaucitronAlertBig {background: #375EA5 } body #tarteaucitronRoot button{border-radius: 3rem; margin-top: 5px;margin-bottom: 5px;} body button#tarteaucitronPersonalize2{background: #4ABA6D!important;transition: none!important;} .searchMarque_item img {max-width: 140px;border-radius: 100%;-webkit-border-radius: 100%;border: 1px solid #BFC9E8;}