.shell--size21 { max-width: 1500px; }
.shell--secondary { padding: 0 20px; }
.shell .burger-container{position: absolute;}

/* ------------------------------------------------------------ *\
	Wrapper
\* ------------------------------------------------------------ */

.wrapper { min-height: 100vh; overflow: hidden; padding-top: 108px; }
.wrapper--primary { padding-top: 0 !important; }
.wrapper--gray .footer-alt { background: #e6ecf0; }

@media (max-width: 1023px) {
    .wrapper { padding-top: 104px; }
}

@media(min-width: 767px){
    .wrapper.active .header { background: #81a2b5; }
    .wrapper.active .header .logo { width: 140px; height: 50px; margin-top: 10px; }
    .wrapper.active .header .alt { opacity: 0; visibility: hidden; }
    .wrapper.active .header .header__bar { opacity: 0; visibility: hidden; }
    .wrapper.active .header .header__aside { top: 9px; right: -8px; }
    .wrapper.active .header .search { width: 66px; }
    .wrapper.active .header .search .search__field { color: #262A39; font-size: 12px; }
    .wrapper.active .header .ico-search { background-image: url(../images/icons/ico-search-dark.svg); width: 18px; height: 18px; }
    .wrapper.active .header .dropdown-btn { opacity: 1; visibility: visible; }
    .wrapper.active .nav { font-size: 12px; top: 10px; }
    .wrapper.active .nav .active a { color: #262A39; }
    .wrapper.active .nav .current > a { color: #fff; }
}

@media (max-width: 767px) {
    .wrapper { padding-top: 99px; }

    .wrapper.visible-nav { padding-top: 104px; }
    .wrapper.visible-nav .header .header__aside,
    .wrapper.visible-nav .header .header__bar { opacity: 0; visibility: hidden; }
    .wrapper.visible-nav .header { background: #81a2b5; position: fixed; top: 0; left: 0; width: 100%; z-index: 9999; }
    .wrapper.visible-nav .header .logo { width: 120px; height: 43px; margin-left: 90px; }

    .wrapper.visible-nav .header .header__body-inner { opacity: 1; visibility: visible; }

    .wrapper.hide-els > *:not(.popup) { opacity: 0; }
}

/* ------------------------------------------------------------ *\
	Wrapper Secondary
\* ------------------------------------------------------------ */

@media(min-width: 1024px){
    .wrapper.active .header-secondary { background: #81a2b5; transition: background 0.8s; }
    .wrapper.active .header-secondary .logo { width: 140px; height: 50px; }
    .wrapper.active .header-secondary .alt { opacity: 0; visibility: hidden; }
    .wrapper.active .header-secondary .header__bar { opacity: 0; visibility: hidden; }
    .wrapper.active .header-secondary .search .search__field { color: #262a39; }
    .wrapper.active .header-secondary .ico-search { background-image: url(../images/icons/ico-search-dark.svg); width: 18px; height: 18px; }
    .wrapper.active .header-secondary .dropdown-btn { opacity: 1; visibility: visible; }
    .wrapper.active .header-secondary .nav { font-size: 12px; top: 7px; }
    .wrapper.active .header-secondary .nav .active a { color: #262A39; }
    .wrapper.active .header-secondary .nav .current > a { color: #fff; }

    .wrapper.active .header-secondary .nav > ul > li > a:hover { color: #fff; }

    .wrapper.active .header-secondary .menu-arrows { opacity: 1; pointer-events: all; transition: opacity 0.8s; }
}

@media (max-width: 1023px) {
    .wrapper { padding-top: 99px; }
    .wrapper { padding-top: 95px; }

    .wrapper--secondary { padding-top: 83px; }

    .wrapper.visible-nav { padding-top: 104px; }
    .wrapper.visible-nav .header-secondary .header__bar { opacity: 0; visibility: hidden; }
    .wrapper.visible-nav .header-secondary { background: #81a2b5; position: fixed; top: 0; left: 0; width: 100%; z-index: 9999; }
    .wrapper.visible-nav .header-secondary .logo { width: 120px; height: 43px; }
    .wrapper.visible-nav .header-secondary .header__body-inner { opacity: 1; visibility: visible; }

    .wrapper.hide-els > *:not(.popup) { opacity: 0; }

    .wrapper.visible-nav .header-secondary .header__body .search .search__field { color: #262a39;  }
    .wrapper.visible-nav .header-secondary .header__body .search .ico-search { background-image: url(../images/icons/ico-search-dark.svg); }
    .wrapper.visible-nav .header-secondary .nav-trigger { min-height: 14px; min-width: 34px; font-size: 0; position: relative; }
    .wrapper.visible-nav .header-secondary .nav-trigger:before { transform: translate(-50%, -50%) rotate(45deg); }

    .wrapper.visible-nav.active .header-secondary .logo { opacity: 0; visibility: hidden; }
    .wrapper.visible-nav.active .header-secondary .header__btn-alt { opacity: 1; visibility: visible; }

    .wrapper.visible-nav .nav > ul > li > a { opacity: 1; transform: translateY(0); }
    .wrapper.visible-nav.active .dropdown__col h3,
    .wrapper.visible-nav.active .dropdown__col ul li a { opacity: 1; transform: translateY(0); }

    .wrapper.visible-nav.active .nav > ul > li > a { transform: translateY(20px); opacity: 0; }
}

@media (max-width: 767px) {
    .wrapper.visible-nav .header-secondary .nav-trigger:after,
    .wrapper.visible-nav .header-secondary .nav-trigger:before { margin-left: 10px; }
}

/* ------------------------------------------------------------ *\
	Nav
\* ------------------------------------------------------------ */

.nav .dropdown .dropdown__col > ul a { text-decoration: none; font-size: 10px; line-height: 1.2; font-weight: 500; transition: color .4s, transform .4s, opacity .4s; }

/* ------------------------------------------------------------ *\
	Header Secondary
\* ------------------------------------------------------------ */

.header-secondary .header__body .logo img{ width: 100%; -webkit-transition: width 2s, height 4s; /* For Safari 3.1 to 6.0 */ transition: width 0.5s, height 4s; }
.header-secondary.fixed .header__body .logo img { width: 80%; }

.header-secondary { background: rgba(255, 255, 255, 1); position: absolute; top: 0; left: 0; width: 100%; z-index: 100; transition: background .4s, box-shadow .4s, top .4s, border .4s; }
.header-secondary .header__bar { border-bottom: 2px solid #d7e1e7; transition: opacity .4s, visibility .4s; }
.header-secondary .header__bar .shell { padding: 0 20px; }

.header-secondary .header__body { position: relative; padding: 10px 0; }

.header-secondary .header__body .shell { display: flex; justify-content: space-between; align-items: center; padding: 0 20px; }
.header-secondary .header__body .nav { position: relative; top: 4px; padding-left: 55px; font-weight: 500; transition: top .4s; }
.header-secondary .header__body .logo { width: 140px; height: 50px; margin-top: 10px; z-index: 100; transition: width .4s, height .4s; }
.header-secondary .header__body .logo a { position: static; display: block; }
.header-secondary .header__body .header__aside { display: flex; align-items: flex-start; transition: top .4s, right .4s; }

.header-secondary .header__body .search { position: relative; top: 7px; width: 180px; margin-right: 0; }
.header-secondary .header__body .search form { text-align: right; }
.header-secondary .header__body .search .search__field { width: 93px; padding-right: 20px; padding-bottom: 7px; border-bottom: 2px solid transparent; margin-left: auto; font-size: 12px; transition: border-color 0.6s, width 0.6s; right: 0;position: absolute!important;top: -12px;}
.header-secondary .header__body .search .search__field:focus { width: 100%; border-color: #0092c7; }

.header-secondary .header__body .search .search__button { position: absolute; top: 2px; right: 0; width: 18px; height: 20px; border: none; background: transparent; }
.header-secondary .header__body .search .search__button i { width: 17px; height: 17px; }
.header-secondary .header__body-foot { display: none; }

.header-secondary .dropdown-btn { position: absolute; top: -2px; right: 29px; opacity: 0; visibility: hidden; }

.header-secondary.fixed { position: fixed; background: #fff; top: -32px;  }

/*  Header Fixed  */
.header-secondary.fixed { border-bottom: 2px solid #d7e1e7; box-shadow: none; }
.header-secondary.fixed .header__body { padding: 10px 0 15px;  }
/*.header-secondary.fixed .header__body .logo { width: 100px; height: 36px; }*/

/*  Nav Secondary  */
.header-secondary .nav-secondary > ul > li { padding-top: 10px; padding-bottom: 8px; }
.header-secondary .nav-secondary > ul > li + li { padding-left: 10px; /*border-left: 2px solid #d7e1e7;margin-left: 11px; */ }
.header-secondary .nav-secondary > ul > li + li:after { display: none; }
.header-secondary .nav-secondary .nav__link:after { width: 5px; height: 5px; }
.header-secondary .nav .dropdown:before { top: 50%; transform: translate(-50%, -50%); margin-top: -53px; }

@media (max-width: 767px) {
    .header-secondary .nav-secondary { display: flex; justify-content: space-evenly; }
    .list-contacts li { text-align: left; }
    .nav-secondary > ul > li { flex: none; }
}

@media (width: 320px) {
    .nav-secondary:first-child { padding: 0; }
}


/*  Nav  */
.header-secondary .nav > ul > li + li { margin-left: 34px; }
.header-secondary .nav .dropdown { top: 109px; padding-top: 121px; transition: none; }
.header-secondary .nav .dropdown .dropdown__cols { width: 100%; }
.header-secondary .nav .dropdown .dropdown__col--size1 { flex: 0 0 25%; }
.header-secondary .nav .dropdown .dropdown__col--size2 { flex: 0 0 18%; }
.header-secondary .nav .dropdown .dropdown__col ul { max-width: 150px; }

/*  Product Primary  */
.header-secondary .product-primary { min-height: auto; padding: 0; border: none; }
.header-secondary .product-primary + .product-primary { margin-top: 58px; }

.header-secondary .product-primary .product__link { display: flex; padding: 4px 0 19px; text-decoration: none; }
.header-secondary .product-primary .product__link:after { content: ''; position: absolute; bottom: 0; left: 0; right: 0; height: 2px; margin-bottom: -2px; background: #0092c7; transition: height 0.25s; }
.header-secondary .product-primary .product__link:hover { color: #fff; }
.header-secondary .product-primary .product__link:hover:after { height: 5px; }

.header-secondary .product-primary .product__image { flex: 0 0 50%; position: static; margin-top: 0; text-align: center; }
.header-secondary .product-primary .product__image img { max-width: 80px; max-height: 150px; filter: drop-shadow(20px 10px 15px rgba(38,42,57,0.3)); }
.header-secondary .product-primary .product__body { flex: 1 1 auto; }
.header-secondary .product-primary .product__label { padding: 6px 10px; margin-bottom: 8px; }
.header-secondary .product-primary .product__link:hover .product__label { color: #262a39; }

.header-secondary .product-primary h3,
.header-secondary .product-primary h4 { transition: color 0.25s; }

.header-secondary .product-primary--purple .product__link:after { background: #003594; }
.header-secondary .product-primary--royal-blue .product__link:after { background: #0067c6; }
.header-secondary .product-primary--navy .product__link:after { background: #5873b1; }
.header-secondary .product-primary--orange .product__link:after { background: #fdd44f; }

.header-secondary .header__btn-alt { position: absolute; top: 50%; left: 20px; right: auto; display: none; }

/*  Menu Arrows  */
.header-secondary .menu-arrows { position: fixed; top: 50%; left: 0; right: 0; transform: translateY(-50%); z-index: 22; pointer-events: none; opacity: 0; transition: opacity 0.4s; }
.header-secondary .menu-arrows .menu__arrow { font-size: 12px; text-align: center; text-transform: uppercase; transition: color 0.3s; cursor: pointer; transform-origin: right center; user-select: none; }
.header-secondary .menu-arrows .menu__arrow:hover { color: #fff; }
.header-secondary .menu-arrows .menu__arrow--prev { position: absolute; top: 0; left: 0; transform-origin: left center; transform: translateY(-50%) rotate(-90deg) translateX(-50%) translateY(40px); }
.header-secondary .menu-arrows .menu__arrow--next { position: absolute; top: 0; right: 0; transform: translateY(-50%) rotate(90deg) translateX(50%) translateY(40px); }
.header-secondary .menu-arrows .menu__arrow svg { margin-bottom: 5px; }

@media(min-width: 1024px){
    .header-secondary .dropdown__col h3,
    .header-secondary .dropdown__col ul li a { transition-delay: 0s !important; }
    .nav .dropdown.top-no-scroll { top: 74px; }
    .header-secondary .dropdown-btn.top-no-sroll-btn { top: 19px; }
}

@media(max-width: 1420px){
    .header-secondary {  }
    .header-secondary .shell { max-width: 1140px; }
    .header-secondary .nav .dropdown .shell { padding: 0 80px; }
}

@media (max-width: 1199px) {
    .header-secondary .header__body .logo { left: 15px; }
    .header-secondary .header__body .header__aside { right: 15px; }
}

@media (max-width: 1119px){
    .header-secondary .dropdown__products { display: none; }
    .header-secondary .nav .dropdown .dropdown__cols { padding: 0 30px; }
    .header-secondary .nav .dropdown .dropdown__col { flex: 1 1 auto; }
}

@media (max-width: 1023px) {
    .header-secondary .header__body .shell { align-items: flex-start; }
    .header-secondary .header__body .logo { width: 120px; height: 43px; margin-top: 5px; }
    .header-secondary .header__body .nav { display: none; padding-left: 0; }
    .header-secondary .header__body .header__aside { top: -3px; }

    .header-secondary .header__body-inner { position: absolute; top: 56px; left: 0; width: 100%; height: calc(100vh - 62px); background: #81A1B5; z-index: 100; padding: 27px 10px 120px; overflow-y: auto; opacity: 0; visibility: hidden; transition: opacity .4s, visibility .4s; }

    .header-secondary .header__body .nav { display: block; font-size: 16px !important; font-weight: 500; }
    .header-secondary .header__body .nav > ul { display: block; }
    .header-secondary .header__body .nav > ul > li + li { margin: 24px 0 0; }
    .header-secondary .header__body .nav .dropdown { padding-top: 60px;  left: 0; top: 97px; height: 85vh; }
    .header-secondary .header__body .nav .dropdown:before { font-size: 86px; top: 50%; transform: translate(-50%, -50%); width: 100vh; text-align: center; }
    .header-secondary .header__body .nav .dropdown .dropdown__btn { top: 20px; right: 10px; }
    .header-secondary .header__body .nav .dropdown .dropdown__foot { display: none; }
    .header-secondary .header__body .nav .dropdown .dropdown__cols { display: block; padding-bottom: 200px; }
    .header-secondary .header__body .nav .dropdown .dropdown__col + .dropdown__col { margin: 30px 0 0; }
    .header-secondary .header__body .nav .dropdown .dropdown__col > h3 { margin-bottom: 15px; }
    .header-secondary .header__body .nav .dropdown .dropdown__col--size3 { display: none !important; }
    .header-secondary .header__body .nav .dropdown .dropdown__col ul { max-width: 100%; }

    .header-secondary .nav .dropdown .shell { padding: 0 30px; }
    .header-secondary .header__body-inner { padding: 30px 30px 0; }
    .header-secondary .header__body .nav .dropdown .dropdown__cols { padding: 0; }

    .header-secondary.fixed .header__body { padding: 10px 0 15px;  }
    .header-secondary.fixed .header__body .logo {  height: 43px; }

    .header-secondary .header__body-inner > .dropdown-btn { opacity: 1; visibility: visible; z-index: 100; right: auto; left: 20px; top: 30px; display: none;  }

    .header-secondary .header__btn-alt { transform: translateY(-50%) rotate(-90deg); display: block; opacity: 0; visibility: hidden; }
    .header-secondary .header__btn-alt svg { width: 15px; height: 15px; }
    .header-secondary .dropdown__btn { display: none; }

    .header-secondary .nav > ul > li > a { display: inline-block; transform: translateY(20px); opacity: 0; transition: transform .4s, opacity .4s; }
    .header-secondary .nav > ul > li:nth-child(1) a { transition-delay: .2s; }
    .header-secondary .nav > ul > li:nth-child(2) a { transition-delay: .3s; }
    .header-secondary .nav > ul > li:nth-child(3) a { transition-delay: .4s; }
    .header-secondary .nav > ul > li:nth-child(4) a { transition-delay: .5s; }
    .header-secondary .nav > ul > li:nth-child(5) a { transition-delay: .6s; }
    .header-secondary .nav > ul > li:nth-child(6) a { transition-delay: .7s; }

    .header-secondary .dropdown__col { animation: none; }
    .header-secondary .dropdown__col h3 { transform: translateY(20px); opacity: 0; transition: transform .4s, opacity .4s; }
    .header-secondary .dropdown__col ul li a { display: inline-block; transform: translateY(20px); opacity: 0; transition: transform .4s, opacity .4s; }

    .header-secondary .nav .dropdown { transition: opacity .4s, visibility .4s; }
    .burger-container { width: calc(100% / 3 - 8px); margin: 0 0 0 8px; float: left; position: relative !important;}


}

@media (max-width: 767px) {
    .header-secondary .header__bar { padding: 11px 0 0; text-align: center; }
    .header-secondary .header__bar { padding: 0; text-align: center; }
    .header-secondary .header__bar .shell { padding: 0; }

    .header-secondary .header__body .search .search__field { border-bottom: 1px solid transparent; font-size: 13px; width: 0; transition: border 0.4s ease-out,width 0.4s ease-out; }
    .header-secondary .header__body .search.active .search__field { width: 90px; border-color: #6A92AA; }
    .header-secondary .header__body { padding: 10px 0 8px; }
    .header-secondary .header__body .logo { float:left; width: calc(100% / 3 )}
    .header-secondary .header__body .logo img { width : 84px; }
    .header-secondary .header__body .header__aside { right: 24px; top: 10px; width: calc(100% / 3 ); }
    .header-secondary .header__body .shell { padding: 0 10px; display: block; }

    .header-secondary .header__body-inner { padding: 30px 10px; }
    .header-secondary .header__body .nav .dropdown { padding: 30px 10px; }
    .header-secondary .header__body .nav .dropdown .shell { padding: 0; }
    .header-secondary .header__body .nav .dropdown:before { transform: translate(-50%, -50%) rotate(-90deg);  }

    .header-secondary .header__body-foot { display: block; margin: 72px 10px 42px; color: #fff; text-align: center; }
    .header-secondary .header__body-foot a { text-decoration: none; }
    .header-secondary .header__body-foot p { font-size: 15px; font-weight: 700; margin-bottom: 9px; text-transform: uppercase; }
    .header-secondary .header__body-foot .btn { width: 100%; font-size: 11px; padding: 12px 10px; }

    .header-secondary.search-visible .header__aside .search { opacity: 1; visibility: visible; }

    .nav-secondary .dropdown-alt.visible-dropdown .products-small { height: inherit; overflow-y: scroll;}
    #gamme_liste #beforeImg, #gamme_liste-homepage .beforeImg { height: 150px; width: 150px; }
    #gamme_liste .gamme_container { width: 150px; height: 150px; }
    #gamme_liste .products .product-container { margin-bottom: 30px; }

    .product__bar .product__qty { margin-top : 10px;}

    #section-xselling.section-alt .section__head { margin-bottom: 25px;}
    .burger-container { width: calc(100% / 3 - 8px); margin: 0 0 0 8px; float: left; position: relative !important;}
}

.nav > ul > li.blue-nav { color: #0092C7; }


/* ------------------------------------------------------------ *\
	Footer Alt
\* ------------------------------------------------------------ */

.footer-alt { background: #fff; color: #5f87a0; overflow: hidden;  }

.footer-alt .shell { max-width: 960px;  }

.footer-alt .footer__signature { margin-left: auto; width: 130px; position: relative; }
.footer-alt .footer__signature:before { content: ''; background: #d7e1e7; height: 2px; position: absolute; top: 70.00843%; bottom: 0; right: -100vw; left: -100vw; }
.footer-alt .footer__signature-sizer { padding-bottom: 74.61538%; position: relative; }
.footer-alt .footer__signature-sizer i { position: absolute; top: 0; right: 0; width: 130px; height: 96px; }
.footer-alt .footer__signature-sizer p { font-size: 12px; font-weight: 500; margin: 0; position: absolute; right: 25%; text-transform: uppercase; top: 87%; white-space: nowrap; }

.footer-alt .footer__body { padding: 70px 0;  }
.footer-alt .footer__body-inner { -ms-flex-wrap: nowrap; flex-wrap: nowrap; display: -webkit-box; display: -ms-flexbox; display: flex; }

.footer-alt .footer__links { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; list-style: none; margin: 0; padding: 0; }
.footer-alt .footer__links a { display: inline-block; text-decoration: none; font-size: 10px; font-weight: 500; text-transform: uppercase; -webkit-transition: color .4s; -o-transition: color .4s; transition: color .4s; position: relative; }
.footer-alt .footer__links a i { position: absolute; top: 50%; left: 0; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }
.footer-alt .footer__links li + li { margin-top: 30px; }
.footer-alt .footer__links + .footer__links { padding-left: 70px; }
.footer-alt .footer__links + .footer__links a { padding-left: 25px; }

.footer-alt .footer__links--primary { -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; text-align: center; -ms-flex-preferred-size: 0; flex-basis: 0; margin: 0; width: auto; padding: 0 30px;  }
.footer-alt .footer__links--primary li { display: inline-block; margin: 0 15px !important;  }

.footer-alt .form-contact-alt { margin-left: auto; padding-left: 70px; max-width: 530px; }

.footer-alt .footer__bar { border-top: 2px solid #d7e1e7; padding: 30px 0;  }
.footer-alt .footer__bar .shell { max-width: 1120px; }
.footer-alt .footer__bar p { font-size: 12px; }
.footer-alt .footer__bar-inner { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: baseline; -ms-flex-align: baseline; align-items: baseline; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.footer-alt .footer__link { margin-left: auto; font-size: 10px; font-weight: 500; text-transform: uppercase; text-decoration: none; }
.footer-alt .footer__link i { margin-right: 8px; vertical-align: middle; }

@media (max-width: 1023px) {
    .footer-alt .shell { padding: 0 20px; }
    .footer-alt .footer__body { padding: 40px 0; }
    .footer-alt .footer__body .footer__links { min-width: 351px; }
    .footer-alt .footer__links + .footer__links { padding-left: 40px; }

    .footer-alt .footer__links--primary li { margin: 0 !important; }
    .footer-alt .footer__links--primary li:not(:last-child)::after { content: "—"; font-size: 10px; }

    .footer-alt .form-contact-alt { width: 100%; max-width: 100%; margin-top: 40px; padding: 0; }
    .footer-alt .footer__body-inner { -ms-flex-wrap: wrap; flex-wrap: wrap; }
}

@media (max-width: 767px) {
    .footer-alt .shell { padding: 0 10px; }
    .footer-alt .footer__body .footer__links { min-width: 165px; }
    .footer-alt .footer__bar .footer__links { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; width: 100%; -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; margin: 30px 0 0; padding: 0; }
}

@media(max-width: 374px){
    .footer-alt .footer__body .footer__links { min-width: 0; }
}

/* ERRORS */

.alert-error { color: #ff355a; font-size: 0.75rem; text-align: right; }
.error-send { color: #ff355a; margin: 10px 1px; font-size: 0.75rem; text-align: right; }

#errorNL, #successNL { font-size: 16px; /* margin-left: 100px; */ font-weight: 500; }
#errorNL { color:#ff355a; }
#successNL { color:#62bd19; }

.form-error { display: none; margin: 3px 0 0; color: #ff0505; font-size: 14px; font-weight: 400; }

.error-container .form-error { display: block; }

.error-label { color: #ff355a; }

/* LE MAG */
#last-articles a { text-decoration: none; }

.text-center, .form-def .field-alt.text-center { text-align: center; }

@media (max-width: 767px) {
    .algolia-autocomplete .aa-dropdown-menu { left: -23vh !important; min-width: 60vh; height: 90vh; overflow: auto;}
    .itemSearch { display: flex; }
    .itemSearch span { display:inline-block; width: 35vh;}

    .select-QT-mobile-div .selectric { margin-left: 12px;}
    .select-QT-mobile-div .selectric-wrapper { width: 80%; }
    .select-QT-mobile-div .select::after { top: 43%; right: 0; margin-top: 0; }
    .select-QT-mobile-div { width: 100%; }
    .select-QT-mobile-div .select { display: flex; align-items: center; width: 100%; }
    .product-secondary--big .product__bar { top: 37px; }
    .product-secondary--big .product__bar > span { font-size: 30px; }
    .product-secondary--big .select-QT-mobile-div label { font-size: 12px; color: #9B9B9B; font-weight: 500; width: 60%;}
}

.hp-article_image { height: 181px; }

/* ------------------------------------------------------------ *\
	Section Contact Form
\* ------------------------------------------------------------ */

.section-contact-form { padding: 61px 0 80px; }
.section-contact-form .shell { display: -webkit-box; display: -ms-flexbox; display: flex; }
.section-contact-form .section__aside { -webkit-box-flex: 0; -ms-flex: 0 0 400px; flex: 0 0 400px; max-width: 400px; padding-top: 26px; padding-right: 93px; }
.section-contact-form .section__content { -webkit-box-flex: 0; -ms-flex: 0 0 45.82%; flex: 0 0 45.82%; max-width: 45.82%; }
.section-contact-form h3 { margin-bottom: 10px; font-size: 18px; line-height: 1.2; }
.section-contact-form h4 { font-size: 16px; line-height: 1.2; color: #0092c7; }

@media (max-width: 1120px) {
    .section-contact-form .section__content { -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; max-width: none; }
}

@media (max-width: 1023px) {
    .section-contact-form .shell { display: block; }
    .section-contact-form .section__aside { max-width: 100%; padding: 0; margin-bottom: 60px; }
}

.rgpd_text { text-align: left; font-size: 11px; color: #5d6f7b; margin-top: 5px; }
.rgpd_mentions { margin-top: 25px; text-align: left; color: #5d6f7b; font-size: 11px; }
#rgpd-nl-footer { margin-right: 5px; }
.errorMsgContact { color:#ff355a; font-size: 0.75rem; text-align: right; margin-top: 0.41667em; }

/* ------------------------------------------------------------ *\
	Form Elements
\* ------------------------------------------------------------ */

input::-webkit-input-placeholder { color: inherit; opacity: 1; }

input:-ms-input-placeholder { color: inherit; opacity: 1; }

input::-ms-input-placeholder { color: inherit; opacity: 1; }

input::placeholder { color: inherit; opacity: 1; }

textarea::-webkit-input-placeholder { color: inherit; opacity: 1; }

textarea:-ms-input-placeholder { color: inherit; opacity: 1; }

textarea::-ms-input-placeholder { color: inherit; opacity: 1; }

textarea::placeholder { color: inherit; opacity: 1; }

input:-webkit-autofill { -webkit-text-fill-color: inherit; -webkit-box-shadow: 0 0 0 1000px #fff inset; }

select { -webkit-appearance: none; -moz-appearance: none; appearance: none; }

select::-ms-expand { display: none; }

/*  Field  */

.field { width: 100%; height: 40px; border: none; border-radius: 0; padding: 0 10px; background: #E6ECF0; resize: none; }

textarea.field { height: 120px; padding: 10px; }

.field-alt { width: 100%; height: 37px; border: 2px solid #dee5eb; border-radius: 2px; padding: 0 10px; background: #fff; text-align: center; color: #182A45; font-size: 15px; -webkit-appearance: none; -moz-appearance: none; appearance: none; }
.field-alt::-webkit-input-placeholder { color: #9ca4af; }
.field-alt::-moz-placeholder { color: #9ca4af; }
.field-alt:-moz-placeholder { color: #9ca4af; }
.field-alt:-ms-input-placeholder { color: #9ca4af; }

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none; }

@media (max-width: 767px) {
    textarea.field { height: 140px; }
}

/*  Select  */

.select { width: 90px; position: relative; }
.select:after { content: ''; position: absolute; top: 50%; right: 5px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); width: 0; height: 0; border-style: solid; border-width: 7px 5.5px 0 5.5px; border-color: #0091c6 transparent transparent transparent; pointer-events: none; margin-top: -3px; }
.select select { border: none; width: 100%; border-radius: 0; border-bottom: 2px solid #D8D8D8; font-weight: 500; color: #0092C7; text-align: center; padding-bottom: 5px; background: none; }

/*  Checkbox  */

.checkbox input { display: none; }
.checkbox input:checked + label:after { background: #0092C7; }

.checkbox label { display: block; font-size: 14px; font-weight: 400; color: #0092C7; position: relative; padding-left: 20px; }
.checkbox label:after /*, :not(#popup_add_avis .checkbox label:after)*/ { content: ''; position: absolute; top: 4px; left: 0; width: 12px; height: 12px; border-radius: 2px; border: 2px solid #0092C7; -webkit-transition: background .4s; -o-transition: background .4s; transition: background .4s; }
.checkbox label a { text-decoration: underline; }
.checkbox label a:hover { text-decoration: none; }

/*  Checkbox Primary  */
.checkbox--primary label { font-size: 12px; line-height: 1.17; color: #262A39; padding-left: 22px; }

/*  Checkbox Secondary  */
.checkbox--secondary label { line-height: 1.57; color: #262A39; padding-left: 22px; }

/*  Checkbox Teritary  */
.checkbox--teritary label { font-size: 13px; color: #262A39; padding-left: 20px; }

/*  Checkbox Quaternary  */
.checkbox--quaternary label { font-size: 14px; color: #262A39; padding-left: 20px; }

/*  Checkbox Def  */
.checkbox-def input { display: none; }
.checkbox-def input:checked + label:before { opacity: 1; }

.checkbox-def label { display: inline-block; position: relative; font-size: 13px; font-weight: 700; color: #5F87A0; text-transform: uppercase; padding-right: 58px; }
.checkbox-def label i { vertical-align: middle; margin-right: 12px; position: relative; top: -4px; }
.checkbox-def label:after,
.checkbox-def label:before { content: ''; position: absolute; top: 0; right: 17px; }
.checkbox-def label:after { width: 19px; height: 19px; background: #E9F5FA; }
.checkbox-def label:before { z-index: 10; background: url(../images/temp/ico-check.svg) no-repeat 0 0; width: 20px; height: 14px; background-size: 100% 100%; right: 13px; opacity: 0; -webkit-transition: opacity .4s; -o-transition: opacity .4s; transition: opacity .4s; }

.checkbox-def--primary label  { font-size: 12px; font-weight: 400; color: #002B4E; padding: 0 0 0 38px; }
.checkbox-def--primary label:after,
.checkbox-def--primary label:before { right: auto; left: 0; margin-top: -3px; }
.checkbox-def--primary label:before { margin-left: 3px; }

@media (max-width: 767px) {
    .checkbox--primary label { font-size: 14px; line-height: 1.57;  }

    /*  Checkbox Def  */
    .checkbox-def label { font-size: 12px; padding-right: 64px;  }
    .checkbox-def label:after,
    .checkbox-def label:before { margin-right: 10px; }

    .checkbox-def--primary label  { padding-right: 0; }
}

/*  Radio  */
.radio input { display: none; }
.radio input:checked + label:before { opacity: 1; visibility: visible; }

.radio label { display: block; position: relative; font-size: 14px; font-weight: 400; padding-left: 20px; }
.radio label:after { content: ''; position: absolute; top: 3px; left: 0; width: 12px; height: 12px; border: 1px solid #0092C7; border-radius: 50%; -webkit-transition: background .4s; -o-transition: background .4s; transition: background .4s; }
.radio label:before { content: ''; position: absolute; top: 6px; left: 3px; width: 6px; height: 6px; background: #0092C7; border-radius: 50%; opacity: 0; visibility: hidden; -webkit-transition: opacity .4s, visibility .4s; -o-transition: opacity .4s, visibility .4s; transition: opacity .4s, visibility .4s; }

/*  Radio Primary  */
.radio--primary label { font-size: 15px; line-height: 1.13; font-weight: 700; padding-left: 31px; }
.radio--primary label span { font-weight: 400; position: absolute; top: 50%; left: 111px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }
.radio--primary label span strong { display: block; }

/*  Radio Secondary  */
.radio--secondary input:checked + label { border-color: #0092C7; }
.radio--secondary label { border: 1px solid #D8D8D8; width: 191px; height: 75px; -webkit-transition: border-color .4s; -o-transition: border-color .4s; transition: border-color .4s; }
.radio--secondary label img { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); pointer-events: none; }
.radio--secondary label:after { display: none; }
.radio--secondary label:before { background: url(../images/temp/ico-check.png) no-repeat 0 0; width: 15px; height: 15px; background-size: 100% 100%; border-radius: 0; top: auto; left: auto; bottom: -9px; right: -9px; }

/*  Radio Secondary Alt  */
.radio--secondary-alt label { width: 52px; height: 38px; }

/*  Radio Teritary  */
.radio--teritary label { text-transform: none; font-size: 12px; padding-left: 26px; }
.radio--teritary label:after { width: 15px; height: 15px; margin-top: -4px; }
.radio--teritary label:before { width: 9px; height: 9px; margin-top: -4px; }

@media (max-width: 767px) {
    /*  Radio Primary  */
    .radio--primary label { padding-left: 45px; }
    .radio--primary label:after,
    .radio--primary label:before { margin-left: 13px; }

    /*  Radio Secondary  */
    .radio--secondary label { width: 100%; height: 48px; }
    .radio--secondary label img { max-width: 80px; }
}

@media(max-width: 374px){
    /*  Radio Secondary  */
    .radio--secondary label { width: 70px; height: 40px; }
    .radio--secondary label img { -webkit-transform: translate(-50%, -50%) scale(.8); -ms-transform: translate(-50%, -50%) scale(.8); transform: translate(-50%, -50%) scale(.8);  }
}

/*  Form Upload  */

.form-upload input { display: none; }

/*  Select Question  */

.select-question select { height: 40px; background-color: #e6ecf0; font-family: Akzidenz Grotesk BQ, Helvetica, sans-serif; font-weight: 500; font-size: 12px; border-radius: 2px; }

/*  Contact Field  */

.contact-field { display: block; width: 100%; height: 40px; padding: 0 10px; border: 1px solid transparent; background: #e6ecf0; font-family: Akzidenz Grotesk BQ, Helvetica, sans-serif; font-weight: 500; font-size: 12px; color: #262a39; border-radius: 0; -webkit-box-shadow: 0 0 1px 0 rgba(199, 160, 84, 0); box-shadow: 0 0 1px 0 rgba(199, 160, 84, 0); -webkit-transition: border-color 0.3s, -webkit-box-shadow 0.3s; -o-transition: box-shadow 0.3s, border-color 0.3s; transition: box-shadow 0.3s, border-color 0.3s, -webkit-box-shadow 0.3s; }

.contact-field:focus { border-color: #c7a054; -webkit-box-shadow: 0 0 1px 0 #c7a054; box-shadow: 0 0 1px 0 #c7a054; }

.contact-textarea { padding: 10px; height: 160px; resize: none; }

/*  File Input  */

.contact-file input[type='file'] { display: none; }

.contact-file input[type='file'] + label { position: relative; display: block; height: 40px; padding-left: 96px; background: #e6ecf0; font-family: Akzidenz Grotesk BQ, Helvetica, sans-serif; font-size: 12px; line-height: 40px; }

.contact-file input[type='file'] + label:before { content: 'Fichier'; position: absolute; top: 0; left: 10px; width: 81px; height: 40px; padding: 13px 5px; border: 1px solid #9f9f9f; background: -webkit-gradient(linear, left top, left bottom, from(#f7f7f7), to(#ddd)); background: -o-linear-gradient(top, #f7f7f7 0%, #ddd 100%); background: linear-gradient(to bottom, #f7f7f7 0%, #ddd 100%); font-family: Arial; font-weight: bold; font-size: 12px; line-height: 1; text-align: center; }

/*  Contact Radio  */

.contact-radio input[type='radio'] { display: none; }

.contact-radio input[type='radio'] + label { position: relative; display: inline-block; padding-left: 22px; font-size: 12px; }

.contact-radio input[type='radio'] + label:before { content: ''; position: absolute; top: 0; left: 0; width: 12px; height: 12px; border: 1px solid #0092c7; border-radius: 50%; }

.contact-radio input[type='radio'] + label:after { content: ''; position: absolute; top: 0; left: 0; -webkit-transform: scale(0, 0); -ms-transform: scale(0, 0); transform: scale(0, 0); width: 12px; height: 12px; background: #0092c7; border-radius: 50%; -webkit-transition: -webkit-transform 0.3s; transition: -webkit-transform 0.3s; -o-transition: transform 0.3s; transition: transform 0.3s, -webkit-transform 0.3s; }

.contact-radio input[type='radio'] + label:hover:after { -webkit-transform: scale(.15, .15); -ms-transform: scale(.15, .15); transform: scale(.15, .15); }

.contact-radio input[type='radio']:checked + label:after { -webkit-transform: scale(.55, .55); -ms-transform: scale(.55, .55); transform: scale(.55, .55); }

/*  Contact Checkbox  */

.contact-checkbox { margin-top: 32px; }

.contact-checkbox input[type='checkbox'] { display: none; }

.contact-checkbox input[type='checkbox'] + label { position: relative; display: inline-block; padding-left: 22px; font-size: 14px; line-height: 1.29;  }

.contact-checkbox input[type='checkbox'] + label:before { content: ''; position: absolute; top: 3px; left: 0; width: 12px; height: 12px; border: 1px solid #0092c7; border-radius: 2px; }

.contact-checkbox input[type='checkbox'] + label:after { content: ''; position: absolute; top: 3px; left: 0; -webkit-transform: scale(0, 0); -ms-transform: scale(0, 0); transform: scale(0, 0); width: 12px; height: 12px; background: #0092c7; border-radius: 2px; -webkit-transition: -webkit-transform 0.3s; transition: -webkit-transform 0.3s; -o-transition: transform 0.3s; transition: transform 0.3s, -webkit-transform 0.3s; }

.contact-checkbox input[type='checkbox'] + label:hover:after { -webkit-transform: scale(.15, .15); -ms-transform: scale(.15, .15); transform: scale(.15, .15); }

.contact-checkbox input[type='checkbox']:checked + label:after { -webkit-transform: scale(.55, .55); -ms-transform: scale(.55, .55); transform: scale(.55, .55); }

/* ------------------------------------------------------------ *\
	Form Contact
\* ------------------------------------------------------------ */

.form-contact { max-width: 650px; margin: auto; position: relative; padding-left: 300px; padding-bottom: 33px; }

.form-contact .form__field { width: 94%; border: none; border-radius: 0; background: none; color: #5F87A0; font-size
: 10px; border-bottom: 1px solid #ced7de; padding-bottom: 6px; }

.form-contact .form__head { position: absolute; top: -3px; left: 0; width: 300px; padding-right: 40px;  }

.form-contact .form__head h4 { font-size: 12px; line-height: 1.17; color: #5F87A0; font-weight: 400; }

.form-contact .form__head h4 strong { font-weight: 500; }

.form-contact .form__body { position: relative; padding-right: 100px; }

.form-contact .form__body .form__btn { position: absolute; bottom: 0; right: 0; letter-spacing: 0.05rem; }

.form-contact .checkbox { margin: 20px 0 0; }

@media (min-width: 767px) {
    .footer .form-contact { max-width:780px;padding-left:320px; }
    .footer .form-contact .form__head { width: 400px; }
}

/*  Form Contact Small  */

.form-contact--small { padding-left: 0; padding-bottom: 0; }

.form-contact--small .form__field { color: #262A39; font-size: 13px; }

.form-contact--small .form__body { padding-right: 121px; }

.form-contact--small .form__body .form__btn  { font-size: 8px; min-width: 121px; padding: 11px 10px; }

@media (max-width: 1023px) {
    .form-contact { padding-bottom: 70px; }

    /*  Form Contact Small  */
    .form-contact--small { padding-bottom: 0; }
    .form-contact--small .form__body .btn { min-width: 94px; padding: 11px 10px; }
}

@media (max-width: 767px) {
    .form-contact { padding: 0 10px 80px; }
    .form-contact .form__head { position: static; margin: 0 0 20px; width: 100%; padding: 0; }
    .form-contact .form__head h4 { font-size: 16px; line-height: 1.25; }
    .form-contact .form__body { padding-right: 120px; }
    .form-contact .form__field { font-size: 12px; padding-bottom: 9px; }
    .form-contact .form__btn { min-width: 110px; font-size: 12px; padding: 11px 10px; }

    /*  Form Contact Small  */
    .form-contact--small .form__field { font-size: 15px; padding-bottom: 9px; }
    .form-contact--small .form__body { padding-right: 94px; }
    .form-contact--small .form__body .form__btn { min-width: 94px; }
    .form-contact--small .checkbox { margin: 14px 0 0; }
    .form-contact--small .checkbox label { line-height: 1.57;  }
}

/* ------------------------------------------------------------ *\
	Form Contact Alt
\* ------------------------------------------------------------ */

.form-contact-alt .form__head { margin: 0 0 10px; }

.form-contact-alt .form__head h4 { margin: 0; font-size: 16px; font-weight: 400; }

.form-contact-alt .form__head h4 strong { font-weight: 700;  }

.form-contact-alt .form__body { display: -webkit-box; display: -ms-flexbox; display: flex; }

.form-contact-alt .form__field { margin-right: 15px; background: transparent; border: none; border-bottom: 2px solid #d7e1e7; -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; font-size: 12px; -webkit-transition: border 0.25s ease-out,color 0.25s ease-out; -o-transition: border 0.25s ease-out,color 0.25s ease-out; transition: border 0.25s ease-out,color 0.25s ease-out; height: 35px; }

.form-contact-alt .form__btn { border: 1px solid transparent; font-size: 12px; border-radius: 2px; padding: 0.83333em 20px; line-height: 1.15;   }

.form-contact-alt .form__foot { margin: 16px 0 0; font-size: 13px; line-height: 16px;  }

/* ------------------------------------------------------------ *\
	Form
\* ------------------------------------------------------------ */

.form { padding: 34px 50px 34px 39px; }

.form .list-checkboxes { margin: 23px 0 0; }

.form .form__head { border-bottom: 2px solid #003593; padding-bottom: 5px; margin-bottom: 31px; }

.form .form__head h2 { font-size: 16px; }

.form .form__title { text-transform: uppercase; font-size: 20px; margin-bottom: 23px; }

.form .form__head-alt { margin-bottom: 20px; }

.form .form__head-alt h3 { font-size: 15px; font-weight: 700; text-transform: uppercase; }

.form .form__head-alt h3 span { text-transform: none; }

.form .form__head-alt h3 em { font-style: normal; font-size: 14px; text-transform: none; font-weight: 400; }

.form .form__head-alt p { font-size: 12px; line-height: 1.17; }

.form .form__head-alt h4 { font-size: 12px; text-transform: uppercase; margin: 0; font-weight: 400; }

.form .form__head-def { margin-bottom: 39px; text-align: center; }

.form .form__head-def h3 { font-size: 18px; line-height: 1.44; }

.form .form__label { text-transform: uppercase; display: block; margin-bottom: 2px; font-size: 12px; font-weight: 400;  }

.form .form__hint { text-align: right; font-size: 12px; color: #5D6F7B; }

.form .form__body > .checkbox { margin-top: 20px; margin-bottom: 21px; }

.form .form__row + .form__row { margin-top: 22px; }

.form .form__row--primary { display: -webkit-box; display: -ms-flexbox; display: flex; margin-left: -4px; margin-right: -4px; }

.form .form__col { padding: 0 4px; -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; }

.form .form__col--size1 { -webkit-box-flex: 0; -ms-flex: 0 0 53%; flex: 0 0 53%; max-width: 53%; }

.form .form__col--size2 { -webkit-box-flex: 0; -ms-flex: 0 0 47%; flex: 0 0 47%; max-width: 47%; }

.form .form__controls { position: relative; }

.form .form__controls > i { position: absolute; top: 50%; right: 13px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); cursor: pointer; }

.form .form__row-alt { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-top: 14px; }

.form .form__row-alt h3 { margin: 0 21px 0 0; text-transform: uppercase; display: block; font-weight: 400;  }

.form .form__actions { text-align: center; margin: 45px 0 0; }

.form .form__actions .btn { padding: 12px 20px; }

/*  Form Primary  */

.form--primary { padding: 0; }

.form--primary .form__row + .form__row { margin-top: 25px; }

.form--primary .form__row--primary ~ .form__row { margin-top: 20px; }

.form--primary .form__body > p { text-align: right; margin: 16px 7px 0 0; }

.form--primary .form__actions { margin: 22px 0 0; text-align: left; }

.form--primary .form__actions .btn { min-width: 192px; }

/*  Form Primary  */

.form--primary-alt .list-radios { margin-top: -10px; }

.form--primary-alt .list-checkboxes { margin: 16px 0 0; }

.form--primary-alt .list-checkboxes li + li { margin: 14px 0 -3px; }

.form--primary-alt .form__body > p { margin: 11px 0 0; }

.form--primary-alt .form__actions { margin: 15px 0 0; }

.form--primary-alt .form__actions .btn { min-width: 0; width: 100%; }

.form--primary-alt .form__actions .btn + .list-actions { margin: 6px 0 0; }

.form--primary-alt .form__actions .list-actions li + li { margin: 5px 0 0; }

/*  Form Mail  */

.form--mail { padding: 20px 18px 0px 0; max-width: 380px; }

.form--mail .form__actions { text-align: left; margin: 10px 0 0; }

.form--mail .form__actions .btn { padding: 12px 31px; }

/*  Form Secondary  */

.form--secondary { padding: 0; }

.form--secondary .form__head-alt { margin-bottom: 17px; }

.form--secondary .form__head-alt h3 { text-transform: none; margin: 0; }

.form--secondary .form__head-alt p { margin: 16px 0 0; font-size: 15px; color: #9B9B9B; }

.form--secondary .form__body { position: relative; padding-right: 195px; }

.form--secondary .form__body .btn { position: absolute; bottom: 0; right: 0; }

/*  Form Alt  */

.form--alt { padding: 0; }

.form--alt .form__head-alt { margin-bottom: 25px; }

.form--alt .form__body { padding-right: 87px; }

.form--alt .form__row + .form__row { margin-top: 19px; }

.form--alt .form__actions { text-align: left; margin: 22px 0 0; }

/*  Form Alt Primary  */

.form--alt-primary .form__head-alt { margin-bottom: 35px; }

.form--alt-primary .form__body { max-width: 300px; padding-right: 0; }

.form--alt-primary .form__actions { margin: 26px 0 0; }

/*  Form Alt Secondary  */

.form--alt-secondary .form__head-alt { margin-bottom: 11px; }

.form--alt-secondary .form__body { padding-right: 0; max-width: 300px; }

.form--alt-secondary .form__body > .checkbox { margin: 30px 0 0; }

.form--alt-secondary .form__actions { margin: 26px 0 0; }

.form--alt-secondary .form__actions .btn { min-width: 0; width: 100%; max-width: 300px; }

.form--alt-secondary .list-radios-secondary { margin: 0 !important; }

.form--alt-secondary .list-radios-secondary + .form__row { margin-top: 17px; }

/*  Form Alt Teritary  */

.form--alt-teritary .list-checkboxes { margin: 40px -80px 0 0;  }

.form--alt-teritary .list-services { margin: 0 -30px 0 0; }

.form--alt-teritary .list-services + .form__row { margin-top: 24px; }

.form--alt-teritary .form__row + .form__row { margin-top: 27px; }

.form--alt-teritary .form__head-alt { margin-bottom: 32px; }

.form--alt-teritary .form__body { padding-right: 0; max-width: 300px; }

/*  Form Teritary  */

.form--teritary { padding: 29px 20px; border: 1px solid #E6E6E6; max-width: 713px; margin: auto; }

.form--teritary .list-checkboxes { margin: 18px 0 0; }

.form--teritary .form__body { max-width: 378px; margin: auto; }

.form--teritary .form__actions { margin: 20px 0 0; }

.form--teritary .form__actions .btn { padding: 13px 10px; }

.form--teritary .form__row + .form__row { margin-top: 19px; }

@media (max-width: 1023px) {
    /*  Form teritary  */
    .form--teritary { max-width: 640px; }

    /*  Form Secondary  */
    .form--secondary .form__body { padding-right: 0; }
    .form--secondary .form__body .btn { position: static; width: 100%; margin-top: 10px; }

    /*  Form Alt  */
    .form--alt .form__body { padding-right: 0; max-width: 100%; }
}

@media (max-width: 767px) {
    .form { padding: 25px 0 34px; }
    .form .list-checkboxes { margin: 21px 0 0; }
    .form .form__head { margin-bottom: 18px; }
    .form .form__row + .form__row { margin-top: 19px; }
    .form .form__actions { margin: 22px 0 0;  }
    .form .form__actions .btn { min-width: 0; width: 100%; }

    .form .form__title { text-align: center; border-bottom: 2px solid #dfe6ec; font-size: 16px; padding-bottom: 16px; margin: 0 45px 20px; }

    /*  Form Primary  */
    .form--primary { padding: 0; }
    .form--primary .field { height: 44px; }
    .form--primary .form__actions { margin: 46px 0 0; }

    /*  Form Alt Teritary  */
    .form--alt-teritary .list-services { margin-right: 0; }

    /*  Form Mail  */
    .form--mail { padding: 11px 10px 7px; max-width: 100%; }

    /*  Form Secondary  */
    .form--secondary { padding: 0; }

    /*  Form Alt  */
    .form--alt { padding: 0; }

    /*  Form Teritary  */
    .form--teritary { max-width: 100%; border: none; padding: 0; }
    .form--teritary .list-checkboxes { margin: 18px 0 0; }
    .form--teritary .form__head-def { padding: 0; margin: 0 -5px 55px; }
    .form--teritary .form__actions { margin: 22px 0 0; }
    .form--teritary .form__actions .btn { width: 100%; max-width: 189px; }

    /*  Form Alt Alt  */
    .form--primary-alt .list-checkboxes { margin: 17px 0 0; }
    .form--primary-alt .field { height: 40px; }
    .form--primary-alt .form__row + .form__row { margin-top: 24px; }
    .form--primary-alt .form__actions { margin: 16px 0 0; }

    .form--primary-alt .form__actions .btn + .list-actions .btn-alt { width: 100%; max-width: 100%; }
}

/* ------------------------------------------------------------ *\
	Form Code
\* ------------------------------------------------------------ */

.form-code { max-width: 720px; position: relative; padding-left: 264px; }

.form-code .field { height: 50px; font-size: 14px; padding: 0 25px; color: #5F87A0; }

.form-code .form__head { width: 264px; position: absolute; top: 21px; left: 0; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); text-align: left; margin-top: 3px; }

.form-code .form__head h3 { font-size: 15px; color: #5F87A0 }

.form-code .form__body { padding-right: 156px; position: relative; }

.form-code .form__body .btn { position: absolute; top: 0; right: 0; font-size: 18px; padding: 13px 10px; min-width: 147px; }

@media (max-width: 767px) {
    .form-code { padding-left: 0; }
    .form-code .field { height: 40px; padding: 0 10px; }
    .form-code .form__head { position: static; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); margin-bottom: 15px;  }
    .form-code .form__body { padding-right: 106px; }
    .form-code .form__body .btn { font-size: 12px; min-width: 106px; padding: 12px 10px; max-height: 40px; }
}

/* ------------------------------------------------------------ *\
	Form ALt
\* ------------------------------------------------------------ */

.form-alt .checkbox label { font-size: 12px; line-height: 1.85; }

.form-alt .form__controls { position: relative; }

.form-alt .form__controls i { position: absolute; top: 50%; right: 10px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }

.form-alt .form__foot { margin: 33px 0 0; }

.form-alt .form__foot .btn { margin: 17px 0 0; }

.form-alt .ico-info { cursor: pointer; }

.form-alt .ico-info:hover { opacity: .8; }

@media (max-width: 1023px) {
    .form-alt .checkbox br { display: none; }

}

@media (max-width: 767px) {
    .form-alt .form__foot { margin: 24px 9px 0; text-align: center; }
    .form-alt .form__foot .checkbox { text-align: left; }
    .form-alt .form__foot .btn { margin: 27px 0 0; }

}

/* ------------------------------------------------------------ *\
	Form Def
\* ------------------------------------------------------------ */

.form-def { max-width: 455px; }

.form-def .field-alt { font-size: 12px; text-align: left; padding: 0 10px;  }

.form-def label,
.form-def h5 { font-size: 12px; font-weight: 400; margin: 0; }

.form-def label span { display: block; font-size: 12px; opacity: .5; text-transform: none; margin: 2px 0 0; }

.form-def .form__controls { position: relative; }

.form-def .form__controls .link-alt { position: absolute; top: 50%; left: 100%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); margin-left: 15px; white-space: nowrap; }

.form-def .form__foot { margin: 18px 0 0; font-size: 10px; line-height: 1.1; }

.form-def .form__foot a { text-decoration: underline; }

.form-def .form__foot a:hover { text-decoration: none; }

.form-def .form__row { position: relative; padding-left: 123px; }

.form-def .form__row > h5,
.form-def .form__row > label { position: absolute; top: 50%; left: 0; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); text-transform: uppercase; }

.form-def .form__row--secondary { padding-left: 160px; }

.form-def .form__row--secondary .field-alt { text-align: center; }

.form-def .form__row--secondary .form__controls { max-width: 150px; }

.form-def .form__row--teritary { padding-left: 122px; }

.form-def .form__row--teritary .form__controls { max-width: 164px; }

.form-def .form__row + .form__row { margin: 8px 0 0; }

.form-def .form__row--first + .form__row { margin: 22px 0 0; }

.form-def .form__row--secondary + .form__row { margin: 24px 0 0; }

.form-def .form__row + .form__row--teritary { margin: 10px 0 0; }

.form-def .form__row-alt + .form__row-alt { margin-top: 18px; }

.form-def .form__row-alt--primary { display: -webkit-box; display: -ms-flexbox; display: flex; margin-left: -10px; margin-right: -10px; }

.form-def .form__col { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; padding: 0 10px; }

/*  Form Def Primary  */

.form-def--primary { max-width: 330px; }

.form-def--primary label { display: block; font-size: 15px; font-weight: 400; margin: 0 0 4px; }

.form-def--primary .form__actions { margin: 16px 0 0; }

@media (max-width: 767px) {
    .form-def .form__controls { text-align: right; }
    .form-def .form__controls .field-alt { text-align: left; }
    .form-def .form__controls .link-alt { position: static; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); display: inline-block; margin: 10px 0 0; }

    .form-def .form__foot { margin: 27px 0 0; }

    .form-def--primary .form__col { padding: 0 5px;  }

    .form-def .form__row > label { position: static; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); display: block; margin-bottom: 3px; }

    .form-def .form__row { padding: 0; }
    .form-def .form__row + .form__row { margin: 14px 0 0;  }
    .form-def .form__row--first + .form__row  { margin: 12px 0 0; }
    .form-def .form__row + .form__row--secondary { margin: 14px 0 0;  }

    .form-def--primary .form__row-alt--primary { margin-left: -5px; margin-right: -5px; }
    .form-def--primary .form__row-alt + .form__row-alt { margin-top: 14px;  }

    .form-def .form__row--first { padding-left: 105px; }
    .form-def .form__row--secondary { padding-left: 160px; }
    .form-def .form__row--secondary > label { position: absolute; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); margin: 0;  }
    .form-def .form__row--secondary .field-alt { text-align: center; }
    .form-def .form__row--secondary .form__controls { max-width: 100%; }

    .form-def .form__row--teritary { padding-left: 120px; }
    .form-def .form__row--teritary > label { position: absolute; top: 10px; margin: 0;  }
    .form-def .form__row--teritary .form__controls { max-width: 100%; }

    /*  Form Def Primary  */
    .form-def--primary { max-width: 100%; }
    .form-def--primary .form__actions { margin: 16px 0 0; }
    .form-def--primary .form__actions .btn { display: block; font-size: 12px; width: 100%; }
}

/* ------------------------------------------------------------ *\
	Number Fields
\* ------------------------------------------------------------ */

.jsNumberField { padding: 0 30px; }

/* ------------------------------------------------------------ *\
	Form Questions
\* ------------------------------------------------------------ */

.form-questions .form__head { margin-bottom: 9px; text-align: right; font-size: 12px; line-height: 1.33; color: #5d6f7b; }

.form-questions .form__body { margin: -11px 0 27px; }

.form-questions .form__row { position: relative; margin-top: 20px; }

.form-questions .form__section { margin-top: 20px; }

.form-questions .form__label { display: inline-block; padding-left: 6px; margin-bottom: -1px; font-size: 0.75rem; line-height: 1.83; text-transform: uppercase; }

.form-questions .form__label--error { color: #ff355a; }

.form-questions .form__actions { text-align: right; }

.form-questions .form__notice { position: absolute; top: 100%; left: 0; right: 0; margin-top: 5px; font-family: Akzidenz Grotesk BQ, Helvetica, sans-serif; font-size: 12px; color: #ff355a; text-align: right; }

.form-questions .form__hint { margin-top: 5px; font-size: 12px; text-align: right; }

.form-questions .form__btn { padding: 10px 12px; border-radius: 2px; }

.form-questions .form__row--hidden,
.form-questions .form__section--hidden { display: none; }


.slick-slider-center .slick-slide img { margin: 0 auto; }
.slick-slider-center .slider .slider__slide-image .slider__slide-bar { display : none;  }


/* Page temporaire pour fid*/
#waiting-fid-content { position: absolute; top: 17%; width: 100%; text-align: center; color: #dfe6ec; }
#waiting-fid .btn { margin: 12px 44px 0; width: 240px; }

/*.section__body.account_window { min-height: 250px; }*/
#waiting-fid-content .form__controls { display: flex; align-items: center; justify-content: center; margin-bottom: 20px; height: 45px; margin-top: 33px; }
#waiting-fid-content #sendFormFidContact { width: 240px; font-size: 12px; margin: 0 24px; }
#waiting-fid-content .form__field { width: 40%; height: 32px; color:black; text-align: left; }
#waiting-fid-content img { margin-bottom: 15%; top: 0; right: 43px; }
#waiting-fid-content { top: 0; height: 100%; /* background-color: rgba(0,0,0,0.5); */ background-size: 100%; padding-top: 7%;}
#waiting-fid-content h2 { font-size: 30px; margin-bottom: 50px; }
#waiting-fid-content #fid_contact { margin-bottom: 4%; }
#waiting-fid { min-height: 100%; position: absolute; bottom: 0; top: -131px; right: 0; }

@media (max-width: 767px) {
    #waiting-fid-content h2 , #waiting-fid-content label { padding: 0 4%; }
    #waiting-fid-content .form__controls { flex-wrap: wrap; margin-top: 20px; }
    #waiting-fid-content .form__field, #waiting-fid-content #sendFormFidContact { width: 100%; margin: 18px 24px 0; }
    #waiting-fid .btn { margin: 80px 0 0; width: 90%; }
    #waiting-fid .btn#declare-btn-fid { margin-top: 20px; }
}

.product-secondary .product__bar h2 em, .price_pdt em, .product-secondary .product__bar > span em, #sidecart .product-small .product__price em{ font-style: normal; font-weight: 400; position: relative; font-size: 25px; display: block; top: -5px; }
.product-secondary .product__bar h2 em:after, .price_pdt em:after, .product-secondary .product__bar > span em:after  { width: 65px; }
.product-secondary .product__bar h2 em:after { left: 25%; }
#count_product_cart { display: none}
#count_product_cart:not(.empty) { display:block; background-color: #0092C7;color: white;width: 14px;height: 14px;line-height: 14px;display: block;text-align: center;border-radius: 8px;position: absolute;top: 5px;left: 15px;z-index: 10;}
#dropdown-cart .product-small .product__price em { display: block; font-weight: 300; }
#dropdown-cart .product-small .product__price em:after { top: 70%; width: 31px; font-size: 9px;}
#dropdown-cart .products-small { max-height: 540px; overflow: auto; }

.product-secondary .product__bar > span em { position: relative; top: -4px; }
.product-secondary .product__bar > span em:after { left: 20%; }
#sidecart .product-small .product__price em { font-size: 10px;}
#sidecart .product-small .product__price em:after { width: 35px; }

@media (max-width: 767px) {
    .product-secondary .product__bar .price_pdt em::after { left: 50%; }
    .product-secondary .product__bar > span em::after { left: 72%; width: 82px; }
    .widget-big .product-secondary .product__actions .btn.soon-btn { display: inline; }
    .product-secondary .product__actions + .link-alt.btn-notify-availability { color: #9B9B9B; }
    .coming-soon-popup { margin-top: 6px; }
}
.product-secondary .product__actions + .link-alt.btn-notify-availability { margin-bottom: 0; padding-bottom: 6px; }
.product-secondary .product__actions .btn.soon-btn { margin-left: 0; }

.coming-soon-popup { display: inline-grid; }
.coming-soon-popup .btn-notify-availability { margin-top: 6px; }

/* ------------------------------------------------------------ *\
	PROMO CODE
\* ------------------------------------------------------------ */

#promo_code_error { margin: 3px 0 10px 0; }
#promo_code { font-size: 15px; color: #5F87A0; font-weight: 700; }


.product-kdo { min-height: 180px; }
.product-kdo img, .product-kdo .product__image { max-height: 155px; max-width: 115px; margin: 0 auto; }

#codes_promos_used { font-size: 15px; color: #5F87A0; font-weight: bold; margin-top: 10px; }

.checkout_pdt { max-width: 72px; margin: 0 auto; display: block; }

@media (max-width: 767px) {
    #promo_code_error { margin: 3px 0 44px 0; }
    .product-kdo { max-height: 100px; min-height: 100px; }
    .product-kdo .product__image img { max-height: 100px; max-width: 71px; }
    .product-kdo .product__image { max-height: 100px; max-width: 68px; left: 0; }
    .product-kdo .product__bar > span { font-size: 24px; }
    .product-kdo .select-QT-mobile-div { font-size: 12px; color: #9B9B9B; font-weight: 500; }
    #codes_promos_used { text-align: left; }
    .product-small--primary .product__price { right: 11px; }
}

/* ------------------------------------------------------------ *\
	RESET-PASS
\* ------------------------------------------------------------ */
.reset-pass .col { margin: 0 auto;}

/* ------------------------------------------------------------ *\
	FLASH NOTICE
\* ------------------------------------------------------------ */
.flash-notice { color: #62bd19; font-weight: bold; margin: -60px auto 30px; text-align: center; }
@media (max-width: 767px) {
    .flash-notice { color: #62bd19; font-weight: bold; margin: 0 auto 30px; text-align: center; }
}


/* ------------------------------------------------------------ *\
	ADD AVIS
\* ------------------------------------------------------------ */

#avis_produit .section__actions { margin: 17px auto; padding: 26px 0 20px; }

#popup_add_avis .successMsg { margin: 20px 0 -20px; font-size: 16px; color:#62bd19; font-weight: 500; }
#popup_add_avis .errorMsg { text-align: right; margin: 5px 0; }

#popup_add_avis .checkbox label:after { top: 1px; }
#popup_add_avis .form .form__actions { text-align: right; }
@media (max-width: 767px) {
    #popup_add_avis .checkbox label::after { top: 5px; }
}

#popup_add_avis .checkbox--primary { width: 100%;}

/* ------------------------------------------------------------ *\
	SLIDER MAIN
\* ------------------------------------------------------------ */

.slider-main .slider__slide-content h4 { color: #ffffff; font-size: 13px; text-transform: uppercase; font-weight: 500; letter-spacing: 1.5px; }
.slider-main .slider__slide-content h3 { color: white; font-size: 32px; font-weight: 500; letter-spacing: 1px; margin-bottom: 8px; }
.slider-main .slider__slide-content h2 { text-transform: unset; }
.slider-main .slider__slide-content h2 strong { -webkit-box-shadow: 10px 0 0 10px #fff; box-shadow: 10px 0 0 10px #fff; background: #fff; font-weight: 400; padding: 0 12px 0 0; }
.slider-main .slider__slide { display: flex; align-items: center; }
.slider-main .slick-dotted.slick-slider { margin-bottom: 0; }
.slider-main .slick-dots { bottom: 0; }

.slider-main .slick-dots ul { list-style: none; position: absolute; bottom: -5px; left: 0; width: 100%; text-align: center; }
.slider-main .slick-dots li { margin: 15px 5px; padding: 0; cursor: pointer; display: inline-block; width: 16px; height: 16px; border-radius: 50%; background: rgba(0,146,199,0.6); -webkit-transition: background .4s; -o-transition: background .4s; transition: background .4s; }
.slider-main .slick-dots li.slick-active { background: rgba(0,146,199,1); }
.slider-main .slick-dots li button { display: none; }

.slider--product .slick-dots { bottom: 50%; display: unset; width: unset; }
.slider--product .slick-dots li button:before { display:none; }
.slider--product .slick-dots li { display: block; width: unset; height: unset; margin: unset; }

@media (min-width: 767px) {
    .slider-main .slider__slide { display: flex; align-items: center; }

    .slider-main .slider__slide-inner { position: relative; bottom:0; left: 0; max-width: 90%; margin: 0 auto; }
    .slider-main .shell { max-width: 100%; width: 100%; margin: 0; display: flex; }
    .slider-main .slider__slide-content { /*width: 55%;*/ }
    .slider-main .slider-block-left .shell { justify-content: flex-start; }
    .slider-main .slider-block-left .slider__slide-content { margin-left: 40px; }
    .slider-main .slider-block-right .shell { justify-content: flex-end; }
    .slider-main .slider-block-center .shell { justify-content: center; margin: 0 auto; text-align: center; }
    .slider-main .slider__slide-image { background-repeat: no-repeat; }
    .slider-main .slider-block-left .slider__slide-image.image-half-bg  { background-position: 100% center; background-size: 62% 100%; }
    .slider-main .slider-block-right .slider__slide-image.image-half-bg { background-position: 0 center; background-size: 62% 100%;}
    .slider-main .slider__slide-inner { background-color: unset !important;}
    .slider-main .slider__slide-image.image-full-bg .hint-slide { position: absolute; bottom: 0; width: 100%; text-align: center; font-size: 11px; }
    .slider-main .slider-block-left .slider__slide-image.image-half-bg .hint-slide { position: absolute; bottom: 0; width: 62%; right:0; text-align: center; font-size: 13px; }
    .slider-main .slider-block-right .slider__slide-image.image-half-bg .hint-slide { position: absolute; bottom: 0; width: 62%; left:0; text-align: center; font-size: 13px; }

}
.slider-main .slick-initialized { visibility: visible; }
.slider--product .slider__slides.slick-initialized { visibility: visible!important; }

@media (max-width: 767px) {
    .slider-main .slider__slide { display: flex; align-items: flex-end; }
    .slider-main .slider__slide.slider-block-center { align-items: center; }
    .slider-main .slider__slide-inner { position: relative; bottom:0; left: 0; max-width: 100%; margin: 0; padding-right:10px; }
    .slider-main .slider__slide-inner .btn { padding: 10px 0; margin-bottom: 10px; }
    .slider-main .slider__slide-content h3 { color: white; font-size: 22px; font-weight: 500; letter-spacing: 1px; margin-bottom: 16px; line-height: 20px; }
    .slider-main .slider__slide-content h4 { font-size: 11px; margin: 10px 0 8px; }
    .slider-main .slider-block-center .shell { text-align: center; }
    .slider-main .slider__slide-content h2 strong { -webkit-box-shadow: 1em 0 0 #fff; box-shadow: 1em 0 0 #fff; background: #fff; font-weight: 400; padding: 0 12px 0 0; }
    .slider-main .slider__slide-image { background-repeat: no-repeat; }
    .slider-main .slider-block-left .slider__slide-image.image-half-bg, .slider-main .slider-block-right .slider__slide-image.image-half-bg   { background-position: center 0; background-size: 100% 57%; }
    .slider-main .image-half-bg .slider__slide-inner { position: absolute; }

    .slider-main .slider__slide-image .hint-slide { position: absolute; bottom: 0; width: 100%; text-align: center; font-size: 9px; }
    .slider-main .slider-block-right .hint-slide.visible-mobile, .slider-main .slider-block-left .hint-slide.visible-mobile { /*position: absolute; top: -12px;*/ font-size: 9px; text-align: center; width: 100%; }
    .slider-main .slider-block-center .hint-slide.visible-mobile { position: absolute; bottom: 0; }
    .slider-main .slick-dots { width: 100%; }
}

/* ------------------------------------------------------------ *\
	SLIDER PRODUCT
\* ------------------------------------------------------------ */

.product .product__image img, .slider--product .slider__slide-image img { -webkit-filter: drop-shadow(20px 10px 15px rgba(38,42,57,0.3)); filter: drop-shadow(20px 10px 15px rgba(38,42,57,0.3)); }
.slider--product .slider__slide-image img { max-width: 80%; max-height: 88%; }
.slider--product .slick-slide { height: 521px; }
.slider--product .slick-dotted.slick-slider { margin-bottom: 0; }

/* ------------------------------------------------------------ *\
	ANIMATE JS
\* ------------------------------------------------------------ */

.animate-alt { opacity: 0; -webkit-transform: translateY(30px); -ms-transform: translateY(30px); transform: translateY(30px); -webkit-transition: opacity 1.5s ease-out, top .4s, -webkit-transform 1.5s ease-out !important; transition: opacity 1.5s ease-out, top .4s, -webkit-transform 1.5s ease-out !important; -o-transition: opacity 1.5s ease-out, transform 1.5s ease-out, top .4s !important; will-change: opacity, transform; }
.animate-alt--step2 { -webkit-transition-delay: .2s !important; -o-transition-delay: .2s !important; transition-delay: .2s !important; }
.animate-alt--step3 { -webkit-transition-delay: .4s !important; -o-transition-delay: .4s !important; transition-delay: .4s !important; }
.animate-alt--step4 { -webkit-transition-delay: .6s !important; -o-transition-delay: .6s !important; transition-delay: .6s !important; }
.animate-alt.animated { opacity: 1;  -webkit-transform: translateY(0);  -ms-transform: translateY(0);  transform: translateY(0); }

@media (max-width: 767px) {
    .animate-alt--step4,
    .animate-alt--step2,
    .animate-alt--step3 { -webkit-transition-delay: 0s !important; -o-transition-delay: 0s !important; transition-delay: 0s !important; }
}

/* ------------------------------------------------------------ *\
	ARTICLE-PRODUCT
\* ------------------------------------------------------------ */
.article-product strong { margin: 0; display: inline;  }
.article-product h2, .article-product h3 { margin: 45px 0 20px; }
.article-product .article__body h3 { border-bottom: 2px solid #0092c7; font-size: 1em; font-weight: 700; line-height: 1.375; padding-bottom: 0.25em; }
/* ------------------------------------------------------------ *\
	ADD TO FAVORITES
\* ------------------------------------------------------------ */

#img_popup_fav img { max-height: 150px; max-width: 150px; margin: 0 auto; }
#img_popup_fav { width: 150px; bottom: -15px; }
#popup_add_to_favorites .product-secondary .product__entry { margin-bottom: 50px; }

/* ------------------------------------------------------------ *\
	BANDEAU COOKIES
\* ------------------------------------------------------------ */
.cookie { position: fixed; bottom: 0; width: 100%; background: #E9F5FA; padding: 13px 17px; text-align: left; z-index: 15; }
.cookie .cookie_description { padding: 0 20px; color: #0092C7; font-size: 12px; line-height: 1.17; float: left; width: 74%; }
.cookie .cookie__actions { margin: 0 auto; max-width: 266px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; float: left; width: 30%; }
.cookie .cookie__actions .btn { margin-right: 19px; width: 125px; font-size: 10px; font-weight: 700; padding: 11px 10px; letter-spacing: unset; }
.cookie .cookie__actions .btn--border { background: none; border: 1px solid #0092C7; color: #0092C7; }
.cookie .cookie__link { color: #0092C7; font-size: 12px; display: inline-block; margin: 20px 0 0; }

@media (max-width: 767px) {
    .cookie { width: 100%; padding-left: 31px; }
}

/* ------------------------------------------------------------ *\
	FORMULAIRE INFOS PERSOS
\* ------------------------------------------------------------ */

@media (min-width: 767px) {
    #formInfosPersos label { width: 150px; }
    #formInfosPersos .form__row { padding-left: 150px; }
    #formInfosPersos .form__row.form__row--first label { width: 100px; }
}

#formInfosPersos input[disabled] { background-color: lightgray; }

/* ------------------------------------------------------------ *\
	LISTES DE PRODUITS
\* ------------------------------------------------------------ */

.product .product__link-alt { position: absolute; top: 0; width: 100%; height: 100%; z-index: 20; }
/*.products .product-container:nth-child(3n+3)::after { content: ''; position: absolute; bottom: -2px; right: 30px; width: calc(300% - 60px); height: 2px; background: #dfe6ec; }*/
.product .product__image-bg.new, .product .product__image-bg { height: calc(100% - 71px); max-height: 300px; }

@media (max-width: 767px) {
    .product--primary-alt .product__image { max-height: 287px; }
    .product--primary-alt .product__image img { max-height: 217px; }
}

/* ------------------------------------------------------------ *\
	BANDEAU AVANTAGES
\* ------------------------------------------------------------ */

@media (max-width: 767px) {
    .service .service__ico { max-height: 55px; }
}

/* ------------------------------------------------------------ *\
	FAQ
\* ------------------------------------------------------------ */

.section-boxes .boxes img { display: block; margin: 0 auto 10px; max-width: 60px; max-height: 60px; }
.search__dropdown.no-shadow { box-shadow: unset; -webkit-box-shadow: unset; }
.list-faq li a:hover { color: #0092C7; }
.list-faq a:hover i { right: 0; }
.search-secondary div.search__dropdown { z-index: 100; position: static; }

/* ------------------------------------------------------------ *\
	ACCORDION REPLY
\* ------------------------------------------------------------ */

.accordion.accordion-reply .accordion__btn { top: 0; width: 15px; height: 15px; }
.accordion.accordion-reply .accordion__btn .select { width: 15px; }
.accordion.accordion-reply.active .accordion__btn { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); }
.accordion.accordion-reply { margin: 0 0 0 3%; border-left: 2px solid #0092C7; padding-left: 18px; }
.accordion.accordion-reply h2 { color: #0092C7; font-size: 12px; }
.accordion.accordion-reply .accordion__body p { text-transform: none; font-size: 16px; }
.accordion.accordion-reply .accordion__btn .ico-blue-arrow { content: ''; position: absolute; top: 50%; right: 5px; width: 0; height: 0; border-style: solid; border-width: 7px 5.5px 0 5.5px; border-color: #0091c6 transparent transparent transparent; pointer-events: none; margin-top: -3px; }



/* ------------------------------------------------------------ *\
	POPUP ANIMATION
\* ------------------------------------------------------------ */

@media (min-width: 767px) {
    #popup_animation .popup__inner { width: 40%; max-width: 700px; }
    #popup_animation .popup__body, #popup_lead .popup__body { margin-top: -40px; }
}
@media (max-width: 767px) {
    #popup_animation.visible-popup { display: flex; align-items: center; justify-content: center; }
    #popup_animation .popup__inner { height: auto; padding: 0; width: 90%; }
    #popup_animation .popup__body { margin-bottom :0; }
    #popup_animation .popup__body { margin-top: -29px; }
}

/* ------------------------------------------------------------ *\
	POPUP VIDEO
\* ------------------------------------------------------------ */

#popupVideo .ico-x--alt::after, #popupVideo .ico-x--alt::before { background-color:white; }
#popupVideo.popup .popup__inner { background: unset; width: 900px; min-height: 510px; }
#popupVideo iframe { min-height: 510px; width: 100%; }
.logo_player { position: absolute; top: 50%; left: 43%; width: 80px; height: 80px; }
.slider--product .slider__slide-image .logo_player img { max-width: 100%; height: 100% }

@media (max-width: 767px) and (orientation: portrait) {
    #popupVideo iframe { min-height: 82%; width: 100%; }
    #popupVideo figure { height: 32%; }
    #popupVideo.popup .popup__inner { width: unset; min-height: 510px; position: relative; top: 30%; }
    .logo_player { left: 38%}
    .slider--product .slider__slide-image img.video-js { max-width: 80%; height: 100%; }
}

@media (max-width: 767px) and (orientation: landscape){
    #popupVideo figure { text-align: center; }
    #popupVideo iframe { min-height: 86vh; width: 150vh; }
    #popupVideo.popup .popup__inner { width: unset; min-height: unset; }
}

/* ------------------------------------------------------------ *\
	OTHER
\* ------------------------------------------------------------ */

@media (max-width: 767px) {
    .article__image-inner.actu { margin: 0 auto; }
}


.location .location__ico { font-style: normal; }


.btn-active-zone:hover { background-color: #0092C7; color: white; cursor: default; }

/* ------------------------------------------------------------ *\
	FORMULAIRE ADDRESSES
\* ------------------------------------------------------------ */

#form_new_address .form__row { padding-top : 5px; }

.modification_address .errorMsgContact { font-size: 12px; }


.relay_selected { text-align: left; }
.BlocRelaisSelected { text-align: right; }

@media (max-width: 767px){
    .widget-secondary .link-alt.editAddrCheckout { position: relative; }
}
@media (min-width: 767px){
    #product_page_actions { width: calc(100% + 44px);  }
    .breadcrumps--small { max-width: calc(100% - 500px); }
}
@media (min-width: 760px) and (max-width: 1200px) {
    #product_page_actions { width:  120%; position: relative; left: -6px; }
    .product-secondary--single .product__actions .btn + .link-alt { margin-left: 0; }
}

.zone-btns { padding-left:5px; }
.btn-zone { margin-bottom: 5px; }


/* ------------------------------------------------------------ *\
	POPUP LEAD
\* ------------------------------------------------------------ */

#popup_lead .popup__body { display: flex; }
#popup_lead .popup__inner { width: 70%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); margin: 0; }
.lead-form { width: 67%; padding: 9% 5% 8%; margin: 0; }
.lead-img { width: 33%; min-height:100%; }
.lead-form-head h2 { font-size: 25px; margin-bottom: 25px; text-transform: uppercase; }
.lead-form-head p { font-weight: lighter; }
.lead-form-body { padding: 25px 0; }
.lead-form-body .form__controls .input[type=text] { width: 100%; margin-bottom: 15px; }
.lead-form-body .btn { padding: 10px; font-size: 10px; border-radius :2px; width:23%; text-align: center; float: right;}
.lead-form-body .btn:hover { color: white; }
.lead-form-body .field { background: white; border-bottom: 1px solid #E6ECF0; width: 75%; font-weight: lighter; font-size: 14px; }
#popup_lead .ico-x.ico-x--alt::after, #popup_lead .ico-x.ico-x--alt::before { background : #9B9B9B; }
#popup_lead .error-send { margin-bottom: 20px; padding-right: 5px; }
.lead-img img {  width: 100%; height: 100%; object-fit: unset; }
#popup_lead .form__row { margin-top:15px; }
#popup_lead .form__row .form__controls { float: left; }
#popup_lead .form__hint { color: #0092c7; text-align:left; margin-left:25px; margin-bottom:25px; line-height:20px; height:20px; vertical-align:middle; display:block; font-size: 11px; }
.lead-form .form__hint .error-label { color: inherit; }

@media (max-width: 1023px){
    #popup_lead .popup__body { display: flex; flex-direction: column-reverse; margin-top: 0; }
    #popup_lead .popup__head { position: absolute; right: 10px; top: 10px; }
    .lead-form { width: 100%; padding: 8%; }
    .lead-form-body .field { width: 55%; }
    .lead-img img { width: 100%; height: auto; }
}
@media (min-width: 1024px) and (max-width: 1420px) {
    #popup_lead .popup__inner { width: 80%; }
    .lead-img img { object-fit: cover; }
}
@media (min-width: 760px) and (max-width: 1023px) {
    #popup_lead .popup__body { margin-top: 0; }
    #popup_lead .popup__inner { width: 60%; height: 85%; padding: 0; top: 100px; transform: translate(-50%, 0); overflow: auto; }
    .lead-img { width: 100%; height: 500px;  overflow: hidden; }
}

@media (max-width: 760px){
    #popup_lead .popup__inner { width: 80%; height: 77%; padding: 0; top: 91px; transform: translate(-50%, 0); }
    .lead-img { width: 100%; overflow: hidden; max-height: 300px; }
}

/* ------------------------------------------------------------ *\
	BLOG MENU
\* ------------------------------------------------------------ */

.blog-menu-item h3 { text-align: center; font-size: 18px; font-weight: inherit; }
.blog-menu-item h3:hover { cursor: pointer; }
.slider-blog-menu .slick-arrow { position: absolute; }
.blog-menu-item.current { color: #0092c7; }
.slider-blog-menu .slick-prev.slick-arrow { left: 0; }
.slider-blog-menu .slick-next.slick-arrow { right: 0; }