/* FONTS */
@import url(https://fonts.googleapis.com/css?family=Roboto:700,400);
@import url(https://fonts.googleapis.com/css?family=Poppins:700,400);
@import url(https://fonts.googleapis.com/css?family=Maven+Pro:700,400);
@import url(https://fonts.googleapis.com/css?family=Libre+Baskerville:700,400,400italic);
/*  UTILS */
@font-face {
    font-family: ogg;
    src: url('/front/font/Ogg-Roman.otf');
}

/* @import url('https://fonts.googleapis.com/css?family=Quicksand:300,400,500,700');
body{
    font-family: 'Quicksand', sans-serif;
    background-color: #E4F6FA;
} */

body {
    font-size: 14px !important;
}
.modal-open {
    overflow: scroll !important;
}

body .open-nav {overflow : hidden;width : 100%;height : 100%}
.loader {background-image : url("/Images/v3/utils/loader.gif");background-repeat : no-repeat;background-position : center;background-size: 30px; min-height:30px;}
.loader_H {width : 100%;height : 150px;line-height : 100%;}
.search-container .loader {background-image : url("/Images/v3/utils/loader.gif");}
.message-custom {background-image : -ms-linear-gradient(left, #bdb9da 0%, #E5E3F0 100%);background-image : -moz-linear-gradient(left, #bdb9da 0%, #E5E3F0 100%);background-image : -o-linear-gradient(left, #bdb9da 0%, #E5E3F0 100%);background-image : -webkit-gradient(linear, left top, right top, color-stop(0, #bdb9da), color-stop(100, #E5E3F0));background-image : -webkit-linear-gradient(left, #bdb9da 0%, #E5E3F0 100%);background-image : linear-gradient(to right, #bdb9da 0%, #E5E3F0 100%);border : medium none;color : #fff;font-weight : 700;letter-spacing : 1px;padding : 15px 45px;text-transform : uppercase;display : block;text-align : center}
.close-popup {color : #fff;font-size : 18px;letter-spacing : 1px;margin-bottom : 15px;text-transform : uppercase;cursor : pointer}
.error {color : #ff0000 !important;font-size : 10px;}

.nomargin {margin : 0 !important;}
.floatright {float : right ! important;}
.block {display : block !important;}
.inlineblock {display : inline-block !important;}
.underline {text-decoration : underline;}
.underline:hover {text-decoration : underline;}
.transparent {opacity : 0.2}
.floatright {float : right ! important;}
.underline {text-decoration : underline;}
.underline:hover {text-decoration : underline;}

.infos-commande-efashion {background-color : #d3f0ff;background-image : url(/front/img/v3/info-icon.png);background-position : 20px center;background-repeat : no-repeat;border-radius : 3px;color : #57a3c7;padding : 20px 20px 20px 80px;border : 1px solid #57a3c7;margin-bottom : 10px;}
.alert {padding : 5px;}
.alert-info {background-color : #eeeeee;border-color : #dadfe1;color : #6c7a89;}
.linethrough {text-decoration : line-through;}
.overlay {position : fixed;display : none;width : 100%;height : 100%;top : 0;left : 0;right : 0;bottom : 0;background-color : rgba(255, 255, 255, 0.8);z-index : 999}
.row-eq-height {display : -webkit-box; display : -webkit-flex; display : -ms-flexbox; display : flex;}
/*FONT PAR DEFAULT WEB */
.web-titre-page {font-size : 32px;}
.web-titre-block {font-size : 14px;}
.web-texteetlien {font-size : 12px;}

#input-keywordautocomplete-list{color: #000; display: none;}

.main-category-tab {
    width: 90px;
}

.main-category-tab:hover {
    font-size: 14px;
    font-weight: 800;
}
.trackLink{color: white !important;}
/* HEADER */

.menu-header .prixReduit {color : red;letter-spacing : 0}
.button-user, .button-recherche, .pointerHover:hover {cursor : pointer}
.offre_efashion {font-family : 'Roboto';padding : 0px;color : black;letter-spacing : 1px;text-transform : uppercase;}

.filtre-categorie {float : left; width : 14%}
.enlevebadge {background-color : transparent !important;color : #333;}
.opacity {background : -moz-linear-gradient(top, rgba(0, 0, 0, 0.65) 0%, rgba(0, 0, 0, 0) 40%);background : -webkit-linear-gradient(top, rgba(0, 0, 0, 0.65) 0%, rgba(0, 0, 0, 0) 40%);background : linear-gradient(to bottom, rgba(0, 0, 0, 0.65) 0%, rgba(0, 0, 0, 0) 40%);filter : progid:DXImageTransform.Microsoft.gradient(startColorstr='#a6000000', endColorstr='#00000000', GradientType=0);position : absolute;top : 0;left : 0;width : 100%;height : 100%}
header {z-index : 999;position : relative}
header.uberbar {position : fixed !important;}
header nav {position : relative}
.action-header {position : relative;z-index : 1000}
.action-header > * {display : inline-block;position : relative;text-align : center}
.barre-separation:before {content : "|";vertical-align : 1px}
.onglet-menu {margin-top : 15px;margin-bottom : 0;padding-left : 0;border-bottom : 1px solid rgba(204, 204, 204, 0.4);text-align : center;height : 60px}
.onglet-menu li a {text-decoration : none;color : #333;font-size : 12px;}
.onglet-menu li {border-bottom : 5px solid transparent;text-align : center;display : inline-block;letter-spacing : 2px;margin : 0 14px;padding-top : 15px;padding-bottom : 15px;cursor : pointer;position : relative;}
.onglet-menu li:hover > a {color : #333;}
.onglet-menu li.ssmenu, .onglet-menu li.ssmenu:hover {border : none;}
/* .onglet-menu li:hover > .sous-menu-header {display : block} */
.onglet-menu li .arrow-up {opacity : 0;border-bottom : 15px solid #333;border-left : 10px solid transparent;border-right : 10px solid transparent;bottom : 0;height : 0;left : 50%;margin-bottom : -10px;margin-left : -10px;position : absolute;width : 0;transition : 0.2s all 0s;}
/* .onglet-menu li:hover .arrow-up, li.active-onglet .arrow-up {opacity : 1; display : block;} */
.onglet-menu .blog a {color : #333 !important;}
.sous-menu-header {position : absolute;background-color : transparent;width : 100%;left : 0;display : none;z-index : 999;}
.sous-menu-header .container {padding : 0 !important;}
.sous-menu-header #categorie {background-color : #ffffff;}
.sous-menu-header .border-categorie {height : 5px; background-image : -ms-linear-gradient(left, #333 0%, #E5E3F0 100%);background-image : -moz-linear-gradient(left, #333 0%, #E5E3F0 100%);background-image : -o-linear-gradient(left, #333 0%, #E5E3F0 100%);background-image : -webkit-gradient(linear, left top, right top, color-stop(0, #333), color-stop(100, #E5E3F0));background-image : -webkit-linear-gradient(left, #333 0%, #E5E3F0 100%);background-image : linear-gradient(to right, #333 0%, #E5E3F0 100%); width : 0;}
.sous-menu-header.hover .border-categorie {transition : all 0.8s ease 0s; width : 100%;}
.sous-menu-header #categorie div[id*='categorie-'] {display : none;padding : 15px;}
.sous-menu-header {color : #333}
.sous-menu-header h2 {font-weight : 700;margin : 0 0 20px}
.sous-menu-header h4 {margin : 0 0 10px; min-height : 30px;}
.sous-menu-header h4 a {color : #000;text-decoration : none}
.sous-menu-header ul {list-style : none;padding : 0}
.sous-menu-header ul li {margin : 3px 0}
.sous-menu-header ul li a {text-decoration : none;font-weight : lighter}
.sous-menu-header ul li:hover a {color : #333}

.header-search .input-group-text {
    border-right: 0;
    background-color: #F5F4F2;
    box-shadow: none;
    border-bottom-left-radius: 20px;
    border-top-left-radius: 20px;
    font-size: 15px;
}

.input-group-text {
    border-color: #E5E0E0 !important;
}

/* Bootstrap 3 vs 4 To remove (Md) */
.fade.in {
    opacity: 1 !important;
}
.modal-backdrop.in {
    opacity: .5 !important;
}
/* Bootstrap 3 vs 4 To remove (Md) */

.header-search .form-control {
    font-size: 12px;
    height: 40px;
    border-bottom-right-radius: 20px;
    border-top-right-radius: 20px;
    border: 1px solid #E5E0E0;
    background: #F5F4F2;
    border-left: 0px;

    outline: 0 !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    border-color: var(--secondary-03, #E5E0E0);
    background: var(--secondary-02, #F5F4F2);
}

.header-search .form-control:focus {
    outline: 0 !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    border-color: var(--secondary-03, #E5E0E0);
    background: var(--secondary-02, #F5F4F2);
}

.btn-poweroff {
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
}

.collapse.in {
    display: block !important;
}

.picto-triangle {width : 0;height : 0;border-style : solid;border-width : 0 7.5px 10px;border-color : transparent transparent #222}
.content-langue .picto-triangle {margin : 0 auto 0 40px}
.button-langue, button-langue-responsive {cursor : pointer;}
.menulangue-fr, .menulangue-en, .menulangue-es, .menulangue-it {background-position : -10px 0;}
.icon-fr, .icon-en, .icon-es, .icon-it {background-position : 0;}
.menulangue-fr, .icon-fr {background-image : url(../img/v3/flags/languages/FR_FLAG.png);background-repeat : no-repeat;}
.menulangue-en, .icon-en {background-image : url(../img/v3/flags/languages/EN_FLAG.png);background-repeat : no-repeat;}
.menulangue-es, .icon-es {background-image : url(../img/v3/flags/languages/ES_FLAG.png);background-repeat : no-repeat;}
.menulangue-it, .icon-it {background-image : url(../img/v3/flags/languages/IT_FLAG.png);background-repeat : no-repeat;}
.div-user {height : 30px;}
.div-user .picto-triangle {position : absolute;top : 125%;right : 40px; display : none;}
.content-user > div:last-child {background-color: #333;border-radius : 2px;color : #fff;text-align : left;padding : 5px 0;}
.content-user .actions-user {cursor : pointer}
.content-user .actions-user:hover a {
    color : #eee;
    text-decoration: none;
}
.content-user .actions-user:last-child {margin-bottom : 0}
.sous-menu-header div[id*="categorie-"] h2 a {color : #333;text-decoration : none}


.bloc-edtio-nouveaute {width : 220px;height : 220px;}
.bloc-edtio-nouveaute img {width : auto; height : auto; max-width : 100%; max-height : 100%}
.header-info-promotions {font-weight : initial;}
.row-img-promotions {position : relative;height : 183px;margin-bottom : 10px;overflow : hidden;border : 4px solid #eee;}
/* HEADER RESPONSIVE */
.menu-header-responsive {padding-bottom : 10px;padding-top : 10px;border-bottom : 2px solid black}
.menu-header-responsive .button-menu-burger, .menu-header-responsive .panier-lien {display : inline-block;margin : 0;text-align : center; -webkit-text-size-adjust : 100%; -moz-text-size-adjust : 100%; -ms-text-size-adjust : 100%;}
.menu-header-responsive .panier-lien {position : relative;margin : 0 2px}
.menu-header-responsive .badge {background-color : #333;vertical-align : baseline;margin-top : 5px;position : absolute;left : 15px;top : 15px;padding : 3px 5px; font-size : 10px;}
.menu-header-responsive > div {padding : 0}
#menu-filtre, #menu-trierpar {width : 0px;position : fixed;font-weight : unset;background-color : white;z-index : 9999;top : 0;height : 100%;overflow-y : scroll;overflow-x : hidden;transition : 0.3s;}
.menu-responsive .closebtn {position : absolute;top : 0;right : 25px;font-size : 36px;margin-left : 50px;z-index : 3}
.menu-responsive .menu-lang-responsive {margin : 30px 0 15px;border-top : 1px solid #ccc}
.menu-responsive .button-custom, .menu-responsive .button-custom:hover {display : block;width : 100%;color : #fff;text-decoration : none; font-size : 14px;}
.menu-responsive .categories.blog a {color : #333 !important;}
.menu-responsive .categories.blog {margin : 10px 0px !important;}
/* .action-user-responsive {} */
.action-user-responsive > div {text-align : center}
.action-user-responsive > div > a > img {height : 20px;}
.action-user-responsive > div > a > span {display : block;text-transform : uppercase; color : #ffffff; font-size : 11px; margin-top : 15px;}
.action-user-responsive div ul {display : inline-block;margin : 0;padding : 0;list-style : outside none none;}
.action-user-responsive div ul li {text-align : left;}
.action-user-responsive div ul img {margin-right : 5px;}
.action-user-responsive div ul span {color : #fff;}
.menu-acheteur-resp {padding-top : 15px;}
.menu-lang-responsive > a {color : #000;font-size : 16px;font-weight : 700;text-align : center;text-decoration : none;background-position : -15px -13px !important;}
.menu-lang-responsive > a:last-child {border : none}
.menu-lang-responsive > a:hover, .menu-lang-responsive > a.active {color : #333}
.recherche-responsive {background-color : #fff;padding-bottom : 15px;padding-top : 15px;text-transform : uppercase;box-shadow : 0 5px 20px #ccc;margin-bottom : 15px;font-weight : 700;font-size : 16px;border-top : 1px solid rgba(0, 0, 0, 0.2);}
.button-menu-burger span, .panier-lien span {color : #ffffff;display : block; margin-top : 5px;}
/* HEADER GROSSISTES */
/* BORDER DU FILTRE UL LI "TOUS -> Z" */
.focus-border:hover, .focus-border_ON {border-bottom : 5px solid #de5d69; transition : all .4s ease 0s;}
.categoriesS {margin : 15px 0}
.nav-arrow { float : right;font-size : 30px;}
.menu-categorie-text:before {content : ">";float : right;font-weight : normal;font-size : 25px}
.menu-categorie-text.active:before {content : ">";float : right;font-weight : normal;font-size : 25px;-webkit-transform : rotate(90deg);-moz-transform : rotate(90deg);-o-transform : rotate(90deg);-ms-transform : rotate(90deg);transform : rotate(90deg);}
.categoriesS > ul > li > div:nth-child(1) {width : 35px;height : 40px;margin : 0 auto 12px;position : relative}
.categoriesS > ul > li > div > div {position : absolute;bottom : 0;left : 0;width : 100%;text-align : center}
.categoriesS > ul > li > div > div > img {width : 100%}
.categoriesS > ul > li:nth-child(1) > div > div > img, .categoriesS > ul > li:nth-child(2) > div > div > img {width : 60%}
.categoriesS > ul > li:nth-child(2) {font-size : 11px;}
.nav nav-list > .tree {margin-left : 25px;}
/** FOOTER **/
.rgpd-action {cursor: pointer;}
.socials-efashion > a {margin : 0 0;}

span.label-auth {
    color: #000;
    text-align: center;
    font-size: 18px;
    font-style: normal;
    font-weight: 300;
    vertical-align: top;
    border-bottom: 1px solid #000;
}

.nav>.menuParente {
    position: relative;
    display: block;
    padding: 10px 12px;
    font-size: 12px !important;
 }
 .menuParente.active  {
    font-weight: 600;
}
.menuParente.active  span {
    border-bottom: 2px solid #000;
    padding-bottom: 2px;
}

.features .feature-img {
    width: 30px;
    height: 30px;
}
.features .feature-title {
    font-weight: 600;
    line-height: 24px;
    letter-spacing: 0.4px;
    text-transform: uppercase;
}
.features .feature-description {
    padding: 0px 20px;
    color: #9B9693;
    line-height: 20px;
}

@media (max-width: 768px){
    .footer-picto {
        margin-top: 20px;
    }
}


footer {background-color : white;}

footer .banner-section {
    font-size: 14px;
    text-align: center;
    background-color: #22211F;
}

footer .backgroundgris a {display : block; padding: 15px;cursor: pointer;}
.container-responsive {text-align : center; width : 100%; margin : 0 auto;}

.socials-footer-responsive {line-height : 75px;letter-spacing : 10px;border-top : 3px solid black; min-height : 75px;border-bottom : 3px solid black;display : table;width : 100%}

.menu-footer > div {padding-bottom : 15px}
.menu-footer a {text-decoration : none;color : black;font-size : 11px; font-weight : 700;}
.menu-footer a:hover {color : black;text-decoration : underline;}
.imgresize {max-width : 50px;max-height : 50px;}
.liste-categorie {text-align : left;padding-left : 0;}
.liste-categorie > li {
    list-style-type: none;
    color: #373431;
    font-style: normal;
    font-weight: 300;
    line-height: 24px;
}
.register-email-button { border: 1px solid white;padding: 0 40px; line-height: 40px;cursor: pointer; display: block; text-decoration: none; color: white; background-color: black;}
.banner-bottom { display: flex; justify-content: space-around;align-items: center;}
footer .banner-message {max-width:20vw;font-size: 1.2em;}
footer .larger { font-size: 2em; font-weight: 400;}
.email-input-container {display: flex;max-height: 40px;gap: 2vh;}
.email-input-container input {width: 20vw; color: black;height: 40px;margin: unset;padding: unset;}
.fa-envelope {font-size: 1.2em;}
.menu-footer > h4 {display : block !important;}
.sous-menu-footer {margin-top : 25px}
.sous-menu-footer ul li {display : inline-block;margin : 5px 15px;}
.sous-menu-footer ul li a {color : #888;text-transform : uppercase;font-family : 'Poppins';letter-spacing : 1px;font-size : 14px;}
.sous-menu-footer ul li a:hover {color : #fff;}
/* .copyright-efashion {margin-top : 50px;padding : 10px 0;font-size : 12px;font-style : italic} */
.container-term {width : 50%;margin : 0 auto;}
.bouttoncallus {background-color : black;padding : 10px;margin-top : 10px;float : none;margin : 10px auto;}
.bouttoncallus a, .bouttoncallus a:hover {color : white;}
.collapse-icon .accordion-toggle:after {content : "-";float : right;font-weight : bold;font-size : 30px}
.collapse-icon.collapsed .accordion-toggle:after {content : "+";}
.card-header, .card-header > a {font-size : 16px;font-family : 'Poppins';letter-spacing : 1px;}
.dropdown-footer-menu {margin-top : 15px;}
.liste-categorie-collapse {text-align : left;}
.liste-categorie-collapse > li {list-style-type : none;margin-top : 15px;font-size : 16px}
.reassurance-line > div {width : 24%;min-height : 73px;}
.reassurance-line > div:not(:last-child) {margin-right : 1%;}
.reassurance-line .media {display : inline-block;}
.reassurance-line .media-body {text-align : left;width : inherit;vertical-align : middle;}
.footer-liste-title {
    display: inline-block;
    color: #22211F;
    font-style: normal;
    font-weight: 600;
    line-height: 24px;
    text-transform: uppercase;
}
/* GENERAL */
#content_banniere a {color: #333 !important;}
.menu-commandes a{color: #666;}
.menu-commandes a:hover{color: #666;text-decoration: none;}
a:hover {color : #333;text-decoration : none;}
.no-scrolling {overflow : hidden}
.container-footer {width : 100%;display : block;height : 100px; }
.container-footer > div:not(:last-child) {border-right : 20px solid white;}
.container-footer > div {padding : 25px;display : inline-block;}

/* RECHERCHE POPUP  */

.category-font {
    font-size: 18px;
}

.list-font {
    font-size: 12px
}
.search-container {
        top : 0;
        bottom: 0;
        left : 0;
        right: 0;
        display : none;
        margin: auto;
        width : 90vw;
        height : 90vh;
        overflow-y : auto;
        overflow-x : hidden;
        background-color : #F6F3EF;
        z-index : 2000;
      
    }

.search-active {
        display: none;
        position: absolute;
        z-index: 99999;
        background-color: #00000082;
        width: 100%;
        height: 110vh;
}

.search-container .fermer {
    position: sticky;
    top: 10px;
    z-index: 99999;
}
.search-container .fermer span {display : inline-block;font-family : sans-serif;font-size : 22px;font-weight : 400;margin-right : 30px;vertical-align : -3px}
.search-container .titre {
    color : #000;
    letter-spacing : 1px;
    margin : 10px 0;
    text-transform : uppercase}


.search-container input:focus {border : none;outline : none;}
.search-container .xdebug-var-dump {color : initial !important;}
.trackLink, .search-container *:not(".ficheproduit") {color : #000 !important;}
img {max-width : 100%}
/* #resultat-recherche {margin-top : 50px} */
.border-left-right {border-left : 1px solid #ccc;border-right : 1px solid #ccc}
.btn-home {background-image : -ms-linear-gradient(left, #333 0%, #E5E3F0 100%);background-image : -moz-linear-gradient(left, #333 0%, #E5E3F0 100%);background-image : -o-linear-gradient(left, #333 0%, #E5E3F0 100%);background-image : -webkit-gradient(linear, left top, right top, color-stop(0, #333), color-stop(100, #E5E3F0));background-image : -webkit-linear-gradient(left, #333 0%, #E5E3F0 100%);background-image : linear-gradient(to right, #333 0%, #E5E3F0 100%)}
.grey {color : #999 !important;}
.pink {color : #333 !important;}
.red {color : #333}
/* SQUARED ONE */
.squaredOne input {visibility : hidden}
.squaredOne {border : 3px solid #333;height : 28px;margin : 20px auto;position : relative;width : 28px}
.squaredOne label {cursor : pointer;height : 20px;left : 1px;margin : 0 !important;position : absolute;top : 1px;width : 20px}
.squaredOne label::after {background: #333 none repeat scroll 0 0;content : "";height : 16px;left : 2px;opacity : 0;position : absolute;top : 2px;width : 16px}
.squaredOne label:hover::after {-ms-filter : progid:DXImageTransform.Microsoft.Alpha(Opacity=30);filter : alpha(opacity=30);opacity : .3}
.squaredOne input[type=checkbox]:checked + label:after {-ms-filter : progid:DXImageTransform.Microsoft.Alpha(Opacity=100);filter : alpha(opacity=100);opacity : 1}
.sous-bar {height : 5px;width : 100px;margin-top : 10px;background-image : -ms-linear-gradient(left, #bdb9da 0%, #E5E3F0 100%);background-image : -moz-linear-gradient(left, #bdb9da 0%, #E5E3F0 100%);background-image : -o-linear-gradient(left, #bdb9da 0%, #E5E3F0 100%);background-image : -webkit-gradient(linear, left top, right top, color-stop(0, #bdb9da), color-stop(100, #E5E3F0));background-image : -webkit-linear-gradient(left, #bdb9da 0%, #E5E3F0 100%);background-image : linear-gradient(to right, #bdb9da 0%, #E5E3F0 100%)}
.button-custom {background:#333;border: medium none;color : #fff;font-weight : 700;letter-spacing : 1px;padding: 18px;margin-left: 1px;text-transform : uppercase;display : block;text-align : center}
.button-blanc, .button-gris {border : 1px solid #ccc;display : block;font-weight : 700;letter-spacing : 1px;margin-top : 50px;padding : 15px 45px;text-align : center;text-transform : uppercase;text-decoration : none}
.button-gris {background : #ededed none repeat scroll 0 0;}
.button-blanc {background : #fff none repeat scroll 0 0; color : #000;}
.button-noir {
    background : #333 none repeat scroll 0 0;
    border : medium none;
    color : #fff;
    font-weight : 700;
    letter-spacing : 1px;
    /* margin-top : 50px; */
    padding : 15px 45px;
    text-align : center;
    text-transform : uppercase;
    text-decoration : none
}
.fondnoir {background : #333 none repeat scroll 0 0;border : 1px solid #ccc;color : white;}
.fondgris {background-color : #f2f2f2;border : medium none;color : black;}
.fondnoir {background : #333 none repeat scroll 0 0;border : 1px solid #ccc;color : white;}
.fondgris {background-color : #f2f2f2;border : medium none;color : black;}
.erreur {text-align : center}
.erreur > a {color : #888}
.categories-compte {background-color : #f2f2f2;padding : 15px 0px 10px 15px}
.categories-compte:hover {cursor : pointer}
.sous-menu-compte {display : none;padding-top : 10px}
.categories-compte:before {content : "+";float : right;margin-right : 15px;font-weight : normal;font-size : 25px}
.categories-compte.active:before {content : "-";float : right;margin-right : 15px;font-weight : normal;font-size : 25px}
.categories-compte, .categories, .categories_H {text-transform : uppercase;text-align : left;}
.categories-compte, .categories > a, .categories-compte > span, .categories-compte > a, .categories > span, .categories_H > a, .categories_H > span {font-size : 14px;letter-spacing : 1px;text-decoration : none;color : #333333;cursor : pointer;}
.categories > .sous-categories, .categories_H > .sous-categories {display : none;}
.sous-categories > div[class*='col-'] {margin : 3px 0;}
.sous-categories > div[class*='col-'] > a {font-size : 12px;letter-spacing : 1px;text-decoration : none;color : #333333;}
.esendeo-menu {text-transform : uppercase;letter-spacing : 1px;color : #888;margin : 15px 0 30px;font-size : 18px}
.button-menu-burger {cursor : pointer;}
.panier-header {background-image : url(/front/img/v3/picto-panier-noir-new.jpg);background-repeat : no-repeat;background-position : 1px center;display : block;}
.hautdepage {margin : 15px 0;}
.float-hautdepage {
    display : block;
    position : fixed;
    right : 23px;
    bottom : 9vh;
    z-index: 99;
}
.content-hautdepage {cursor: pointer;padding: 14px 16px;border: 1px solid #333;border-radius: 50%;transition: 0.3s;}
.content-hautdepage  > .fa-chevron-up:before {color: #333;transition: 0.3s;}
.content-hautdepage:hover {border: 1px solid #333;border-radius: 0%;transition: 0.3s;background-color: #fff;}
.content-hautdepage:hover  > .fa-chevron-up:before {color: #333;transition: 0.3s;}
.button-bottom-sanscompte {width : 100%;text-align : center;padding : 0;position : absolute;bottom : 0;background-color : transparent;}
.voirTout a {width : 15%;padding : 10px 5px;background-image : none !important;margin-top : 10px;border: #333 1px solid;}
.voirTout a:hover {background-color : #FFF ;border: #333 1px solid;}
.panier-header {background-image : url(/front/img/v3/picto-panier-noir-new.jpg);background-repeat : no-repeat;background-position : 1px center;display : block;background-size : 30px auto;padding-left : 40px;height : 27px;}
.action-header, .action-header a, .button-langue, button-langue-responsive {font-size : 14px;line-height : 34px;}
.copyright-efashion {
    text-align      : left;
    padding-bottom  : 40px;
}
.search-container input {
    font-size: 16px;
    min-width: 25%;
}
.offre_efashion {font-size : 10px;}
.left-column {text-align : left;padding-bottom : 0;}
.center-column {text-align : center;padding-bottom : 0;}
.right-column {text-align : right;padding-bottom : 0;}
/* .infos-efashion span {margin-bottom : 0;} */
.onglet-menu li a {font-size : 14px;}
.barre-menu { border-left : 3px solid #333; margin : 0px;}

.logo-footer {margin-top : -50px;}
.logo-footer > img {width : 100%}
.content-hautdepage > span {margin-left : 5px;}
[data-toggle~="collapse"] {cursor : pointer;}
.notice-cookie {height:auto;position: fixed;bottom: 0;left:0; background: rgba(0,0,0,0.7);color: #FFFFFF;font-size: 1.05rem;width: 100%;line-height: 1.42;z-index: 999999;}
.notice-inner {max-width: 1700px;margin: 0 auto;font-size: 1.4rem;padding: 18px 350px 18px 50px;position: relative;}
.notice-text a {font-weight: 600;text-decoration: underline;transition: ease color 200ms;color: #FFFFFF;}
.notice-inner .close{opacity: 1 !important;}
#bloc-rgpd{display: none;}

.modal-dialog.default {
    -webkit-transform: translate(0,-50px) !important;
    transform: translate(0,0px) !important;
}

.menuParenteResponsive {
    cursor: pointer;
}

/** CAMPAGNES **/
@media (min-width : 992px) {
    .navbar-default {background-color : transparent;border : none;}
    .bandeau-campagne {font-size : 18px;}
    }
@media (max-width : 992px) {
    .navbar-default {background-color : #ffffff;border : none;}
    .bandeau-campagne {font-size : 18px;}
    .bold {font-weight : bold}
    .row-cate-parent li {display : inline-block;}
    *[class^='row-cate'] {padding : 0 16px;}
    .onglet-responsive, *[class^='row-cate'] li {padding : 10px 0; border-bottom : 1px solid black;display : block;text-transform : uppercase;font-size : 14px;line-height : 18px;letter-spacing : .5px; cursor : pointer;}
    .menuCategories li[data-id^='catemenu'], .row-categorie-sousmenu li[data-id^='catemenu'] {padding-left : 15px;}
    .return-cateparent {padding : 10px 0 !important;}
    .catemenu {display : none;}
    .catemenu .title {cursor : initial;}
    .notice-cookie{max-height: 185px;}
    .notice-inner{padding: 18px 30px 18px 20px}
    .notice-inner .close{font-size: 12px;}
    }
@media (max-width : 768px) {
    .bandeau-campagne {font-size : 12px;}
    .notice-cookie{max-height: 185px;}
    .notice-inner{padding: 18px 30px 18px 20px}
    .notice-inner .close{font-size: 12px;}
    }
/* MEDIA QUERY */
@media (max-width : 768px) {
    /* #resultat-recherche {margin : 10vw auto; width : 95vw;} */
    .voirTout a {width : 35% !important}
    .search-container {width: 100vw; height: 100vh; border-radius: 0;}
    .search-container input {font-size : 20px; }
    .offre_efashion {font-size : 10px;}
    .left-column {text-align : center;padding-bottom : 0;}
    .center-column {text-align : center;padding-bottom : 0;}
    .right-column {text-align : center;padding-bottom : 0;}
    /* .infos-efashion span {margin-bottom : 20px;} */
    .action-user-responsive div ul span {font-size : 12px;}
    .action-user-responsive div ul > li {margin : 15px 9%;}
    .notice-cookie{max-height: 185px;}
    .notice-inner{padding: 18px 30px 18px 20px}
    .notice-inner .close{font-size: 12px;}
}


@media (max-width : 992px) {
    /* .copyright-efashion {text-align : center} */
    .action-header, .action-header a, .button-langue, button-langue-responsive {font-size : 12px;}
    .barre-menu { border-left : 2px solid #000; margin : 0px;}
    .logo-footer {margin-top : 50px;}
    .search-container input {font-size : 14px;}
    .offre_efashion {font-size : 10px;}
    .left-column {text-align : center;padding-bottom : 0;}
    .center-column {text-align : center;padding-bottom : 0;}
    .right-column {text-align : center;padding-bottom : 0;}
    /* .infos-efashion span {margin-bottom : 20px;} */
    
    .menu-lang-responsive {display : none;position : absolute;width : 100%;}
    .panier-header {background-size : 30px auto;padding-left : 40px;height : 27px;}
    .content-hautdepage, .content-hautdepage:hover {border: none}
    .action-user-responsive div ul span {font-size : 13px;}
    .action-user-responsive div ul > li {margin : 15px 50px;}
    .content-hautdepage {border: 1px solid #333;border-radius: 0%;transition: 0.3s;background-color: #fff;}
    .content-hautdepage  > .fa-chevron-up:before {color: #333;transition: 0.3s;}
    .notice-inner{padding: 18px 30px 18px 20px}
    .notice-inner .close{font-size: 12px;}
    footer .banner-bottom {flex-direction: column;gap: 5vw;}
    footer .banner-message {max-width: unset;}
    .email-input-container {flex-direction: column;max-height: unset;width: 100% !important;}
    .email-input-container input {width: 100% !important;}
    }
@media (max-width : 768px) {
    /* #resultat-recherche {margin : 2vw auto; width : 95vw;} */
    .voirTout a {width : 35% !important}
    .search-container input {font-size : 14px;}
    .offre_efashion {font-size : 10px;}
    .left-column {text-align : center;padding-bottom : 0;}
    .center-column {text-align : center;padding-bottom : 0;}
    .right-column {text-align : center;padding-bottom : 0;}
    /* .infos-efashion span {margin-bottom : 20px;} */
    .action-user-responsive div ul span {font-size : 12px;}
    .action-user-responsive div ul > li {margin : 15px 9%;}
    .menu-lang-responsive {display : none;position : initial;width : initial;}
    .notice-cookie{max-height: 185px;}
    .notice-inner{padding: 18px 30px 18px 20px}
    .notice-inner .close{font-size: 12px;}
    .compte-action {display: inline-block;text-align: center;}
    .compte-action div {width: 50px;font-size: 20px;display: inline-block;}
    .compte-action .favoris .likeItem {background-image: url(/front/img/v3/jaime.png);background-size: cover;background-repeat: no-repeat;cursor: pointer;background-color: white; border-radius: 60px; display: inline-block;width: 20px;height: 20px;}
    }
@media (min-width : 1500px) {
    .action-header, .action-header a, .button-langue, button-langue-responsive {font-size : 11px;}
    .onglet-menu li a {font-size : 14px;}
    .barre-menu { border-left : 3px solid #000; margin : 0px;}
    .menu-action > li {height : 18px;}
    .panier-header {background-size : 30px auto;padding-left : 40px;height : 27px;}
    .content-hautdepage > span {margin-left : 15px;}
    }
/**
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
 */

/* General */
.menu-header li {font-size : 14px !important;list-style : none;}
.display_block {display : block;}
.display_none {display : none;}
/*
<=====> SOMMAIRE <=====>
*
*
rose = #333; rose clair = #EF7183;
*
*
0.Info Barre
*
*
1.Navbar desktop
    1.1.First part nav
        -General
        -Logo
        -Femme & Homme
        -Panier & compte
    1.2.Second part nav
        -General
        -Search bar
        -separation hr
*
*
2.Hover nav
    2.1.General
    2.2.Titre des section
    2.3.Section simple text
    2.4.Section double text
    2.5.Section simple image
    2.6.Section double image
    2.7.Section grossistes Top marques
    2.8.Layer black
    2.9.search-resultat
*
*
3.Responsive
    3.1.Small screen desktop
    3.2.Screen tablet
    3.3.Screen mobile
*
<=====> SOMMAIRE <=====>
*/

/*========== 0. Info barre ==========*/
.info-barre {background-color : #f2f2f2;display : block;height : auto;}
.info-barre a:first-child {margin-left : 0;}
.info-barre a {margin : 0;padding-left : 0;padding-right : 0;font-size : 10px;display : block;}
#info-2 {text-align : center;}
#info-3 {text-align : right;}
/* box info */

#nav-desktop nav.catemenu {
    background: #F5F0E3;
    margin-bottom: 0px;
    padding: 0;
    min-height: 40px;
}

#nav-desktop nav.catemenu>ul>li>a {
    color: #000;
    font-size: 14px;
    padding: 15px;
    font-weight: 400;
    text-transform: uppercase;
}

#nav-desktop nav.catemenu>ul>li span {
    color: #000;
    font-size: 14px;
    font-weight: 400;
    text-transform: uppercase;
    padding: 15px;
    display: block;
}

#nav-desktop nav.catemenu>ul>li span:hover {
    font-weight: 600 !important;
    background-color: transparent;
} 

/* #nav-desktop nav.catemenu>ul>li>a */
.nav>li>a:hover {
    font-weight: 600 !important;
    background-color: transparent;
}

.mon-panier .badge {
    position: absolute;
    top: 10px;
    left: 12px;
    /* padding: 5px; */
}


/* <---> 1.1.First part nav <---> */
/* General */
.flag-img {
  width: 32px !important;
  height: 24px !important;
  object-fit: cover !important;
  transform: scale(0.8);
}

.nav-up .navbar-nav > .active > a {color: #333;font-weight : 600;border-bottom: 2px solid #333;}
.nav-up .navbar-nav a {letter-spacing : 1px;color : #1d1d1d;font-size : 14px;font-weight : 400;margin-right : 35px;padding-left : 0;padding-right : 0;padding-bottom : 5px;}
.nav-up .navbar-nav a:hover {border-bottom : 2px solid #333;background-color : #ffffff;}
.nav-up .navbar-nav a:focus {background-color : #ffffff;}
.content-langue {
    position : absolute;
    top: 28px;
    right: 0px;
    padding-top : 5px;
    display : none;
    text-align : center;
    width : 195px;
    z-index : 100;
}
.content-langue a {margin : 0 !important;}
.content-langue > div:last-child {background-color : #222;border-radius : 2px}
.content-langue > div:last-child > a {text-decoration : none;color : #fff;}
.content-langue > div:last-child > a:hover, .content-langue > div:last-child > a.active {border-bottom : 5px solid #de5d69}
.content-user {
    display     : none;
    padding-top : 5px;
    text-align  : left;
    font-weight : 400;
    width       : 195px;
    text-transform : capitalize;
    font-size   : 13px;
    color       : #fff !important;
    position    : absolute;
    z-index     : 999;
    left        : 0px;
}
.content-user .actions-user > a {display : block;padding-left : 15px;padding-top : 5px;padding-bottom : 5px;color : #fff;line-height : 27px;}
/* Logo */
.nav-up a > img {
    height     : 44px;
    width      : auto;
    text-align : center;
    margin     : auto;
}
/* Femme & homme */
.menuParente  , .ssmenu {cursor:pointer;}
.categorie-nav {position : absolute;display : inline-block;}

.nav-up .small-nav a {
    font-size : 14px;
    font-weight : 500;
    position: relative;
}
.nav-up .small-nav a:hover {
    border : none;
    text-decoration: none;
}
/* Panier & compte */
.nav-up .navbar-nav li > a > i {font-size : 18px;padding-right : 5px;padding-left : 5px;}
.nav-up .navbar-nav .mon-panier {margin-right : 0;}

.nav-up .small-nav > li > a {
    display: inline-block;
}

.nav-principal {background-color : #ffffff;}

img.svg-options {
    width: 25px !important;
    height: 24px !important;
}
.section-double-text a, .pointerHover, .section-simple a {
    color: #333;
}
/* <---> 1.2.Second part nav <---> */
/*
.second-nav {position : relative;}
*/
.second-nav .navbar-nav > li > a {color: #333;text-transform : uppercase;}
.second-nav .navbar-nav > .campagne-brut > a {background: linear-gradient(to left,red 25.00%, white 50.00%, green 59%) left bottom no-repeat;text-align: center;padding-right: 5px;padding-left: 5px;font-weight: bolder;background-size: 100% 5px;}
.second-nav .navbar-nav a {font-size : 13px;margin-right : 35px;padding-left : 0;padding-right : 0;padding-bottom : 5px;color: #333;}
.second-nav .navbar-nav > .active > a {background-color : #ffffff;border-bottom : 1px solid #333;color : #1d1d1d;}
/* .second-nav .navbar-nav a:hover {border-bottom : 1px solid #333;background-color : #ffffff;} */
.second-nav .navbar-nav a:focus {background-color : #ffffff;}
.second-nav .navbar-nav li span {color : #333;}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover {background-color : transparent;color : initial}
/* Search bar */
header .search-bar {width : auto;float : right;position : relative;}
header .search-bar .form-control {width : auto;}
header .search-bar label {position : absolute;right : 10px;top : 11px;z-index : 100;color : #1d1d1d;}
/*header .search-bar input[type=search] {display : block;position : relative;height : 40px;width : 300px;float : right;border-radius : 0;border : 1px solid #f2f2f2;box-shadow : none;}*/
header .search-bar input[type=search] {display : block;height : 40px;width : 300px;float : right;border-radius : 0;border : 1px solid #f2f2f2;box-shadow : none;}

/*========== 2.Hover nav ==========*/
/* 2.1.General */
.sous-nav a:hover {color : #333;}
.general-ssmenu {width : 100%;background-color : #ffffff; height : 530px;  padding-top : 50px;padding-bottom : 50px; position : absolute; left : 0;z-index : 1000;display : none;}
.general-ssmenu ul {padding : 0;}
.general-ssmenu li {list-style : none;}

.general-ssmenu .container {
    height: 100%;
}

.titre-vide {padding-top : 17px;display : block;}
/* 2.2.Titre des sections & padding */
.titre-section {font-weight : 600;padding-bottom : 6px;display : block;}
.gros-titre-decouvrir {font-size : 16px;font-weight : 600;padding-bottom : 6px;}
.voir-tout-decouvrir-img {font-weight : 600;padding-top : 6px;display : block;float : right;padding-right : 10px;}
/* 2.3.Section simple text */
.section-simple {padding-left : 0;padding-right : 0;line-height : 25px;font-size : 12px;}
.section-simple ul {margin : 0;}
/* 2.4.Section double text */
.section-double-text {
    padding-left : 0;
    padding-right : 0;
    line-height : 25px;
    font-size : 12px;
    /* height:480px; */
    overflow: hidden;
}
.section-double-text ul {margin : 0;}
.titre-ss-cate-premier {font-weight : 600;display : block;}
.titre-ss-cate {font-weight : 600;padding-top : 6px;display : block;}
/* 2.5.Section simple image */
.section-simple-image img {padding-left : 10px;padding-right : 10px;width : 100%;height : auto;}
.section-simple-image .titre-section {padding-left : 10px;line-height: 15px;height: 30px;}
/* 2.6.Section double image */
.section-double-image {padding-left : 10px;padding-right : 10px;}
.section-double-image img {width : 100%;height : auto;padding-top : 7px;}
.section-double-image .col-md-6 {padding-left : 10px;padding-right : 10px;}
.section-double-image .titre-section {padding-left : 10px;}
.section-double-image a {padding-top : 20px;text-align : center;color : #1d1d1d;display : block;}
.section-double-image .titre-vide {padding-top : 23px;display : block;}
/* espace sans titre */
/* 2.7.Section grossistes Top marques */
.section-grossiste a {padding-top : 6px; display : block;width : 240px;height : 90px;text-align : center;}
.section-grossiste img {max-height : 100%;}
/* 2.8.background black */
.black-background {position : fixed;top : 0;left : 0;display : none;width : 100%;height : 100%;background : rgba(29, 29, 29, 0.4) none repeat scroll 0 0;z-index : 900}
/* 2.9.search-resultat */
.search-window {height : 100%;width : 100%;background-color : #ffffff;padding-bottom : 20px;position : fixed;z-index : 1000;overflow : scroll;display : none;}
.search-resultat h3 {font-size : 20px;font-weight : 900;display : inline-block;}
.search-resultat button {float : right;font-size : 20px;margin-top : 20px;border : none;}
.search-resultat button:hover {color : transparent;color : #1d1d1d;}
.search-resultat h4 {font-size : 15px;font-weight : 900;}
.search-resultat .mot-chercher {font-size : 20px;font-weight : 900;}
.search-resultat li {line-height : 28px;}
.search-resultat ul {display : inline-block;}
.search-resultat img {width : 100%;height : auto;}
.search-resultat .col-md-2 {padding : 5px;}
.m-progress {margin: 0 auto;width : 100%;}
.m-progress-outer {margin: -4px 0 4px 0;width: 100%;}
.m-progress-inner {width: 100%;background-color: #f5f5f5;border-radius: 100px;}
.u-progress-bg {background-color: #15D1BB;border-radius: 100px;height: 8px;transition: all .3s cubic-bezier(.08,.82,.17,1) 0s;}
/* Slide Why Efashion Banniere Grossiste */

.cur-p {
    cursor: pointer;
}

@-webkit-keyframes rowup {
    0% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
    25% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
    50% {
        -webkit-transform: translate3d(0, 0px, 0);
        transform: translate3d(0, 0px, 0);
    }
    100% {
        -webkit-transform: translate3d(0, -40px, 0);
        transform: translate3d(0, -40px, 0);
    }
}
@keyframes rowup {
    0% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
    25% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
    50% {
        -webkit-transform: translate3d(0, 0px, 0);
        transform: translate3d(0, 0px, 0);
    }
    100% {
        -webkit-transform: translate3d(0, -40px, 0);
        transform: translate3d(0, -40px, 0);
    }
}
.info-barre{
    height: 50px;
    overflow: hidden;
    line-height: 40px;
    margin-top: -10px;
}
.info-barre .container{
    -webkit-animation: rowup 10s ease 2s infinite normal;
    animation: rowup 10s ease 2s infinite normal;
    position: relative;
}
/*======3.RESPONSIVE ======*/
/* .menuParenteResponsive, .menuParente, .general-toggle *, catemenu * {text-transform : uppercase;} */
.general-toggle *[id^='collapse-'] * {text-transform : initial !important;}
/*====== NAV ======*/
/* Separation hr */
.separation-hr {margin : 0;}
/* display none responsive nav */
#nav-responsive {display : none;}
/* 3.1.Small screen desktop */
@media screen and (max-width : 1499px) {
    /* Search bar */
    header .search-bar input[type=search] {width : 350px;position : absolute;right : 0;top : 4px;}
    header .search-bar label {top : 14px;right : 15px;}
    header .search-bar {display : none;}
    /* custom button search */
}
@media screen and (max-width : 1199px) {
    .nav-up .navbar-nav a {margin-right: 14px;}
}
/* 3.2.Screen tablet */
@media screen and (max-width : 991px) {
    /* General */
    .nav-fixed-design {padding-left : 20px;padding-right : 20px;background-color : #ffffff;}
    .general-ssmenu {height : 500px;}
    /* Navbar  size*/
    .second-nav .navbar-nav a {font-size : 11px;}
    /* custom button search */
    /*Sous nav*/
    #nouveautes-ssmenu {padding-top : 20px;padding-bottom : 20px;height : 330px;}
    
    /* Show nav responsive */
    #nav-responsive {display : block;margin-bottom : 10px;}
    /* nav general */
    .nav-up {margin-top : 0;margin-bottom : 0;}
    .nav-up .navbar-nav a {font-size : 12px;}
    /* Search bar */


    /*Nav Favori*/
    /* Icone nav toggle */

    /* <-->Toggle nav<--> */
    /* general toggle  */
    .general-toggle {background-color : #fff;position : fixed;top : 0;left : 0;height : 100%;width : 40%;z-index : 999;display : none;overflow : scroll;}
    /* toggle head */
    .toggle-head {width: 100%; padding: 20px; background-color: #fff;}
    .toggle-head p {display : inline-flex;margin : 0;font-size : 15px;font-weight : 900;}
    .toggle-head a {
        float: right;
        font-size: 12px;
        padding: 3px !important;
        margin: 0px 10px;
    }
    .toggle-head .nav-up .nav > .active > a {
        color: #333;
        font-weight: 600;
        border-bottom: 2px solid #333;
    }
    /* toggle nav */
    .toggle-nav li {
        padding-top: 18px;
        padding-bottom: 18px;
        padding-left: 10px;
        border-bottom: 1px solid #FAF4ED;
        border-top: 1px solid #FAF4ED;
        width: 100%;
        list-style: none;
        margin-bottom: 8px;
        background: #FAF4ED;
    }
    .toggle-nav ul > li > a {
        color: #22211f;
        font-size: 14px;
        font-weight: 600;
        text-transform: uppercase;
        display: flex;
        justify-content: space-between;
    }

    .button-langue-responsive {
        width: 60px;
        cursor: pointer;
    }
    .button-langue-responsive .mobile-lang {
        width: 28px;
        height: 24px;
        background-position: 58% 45%;
    }

    .toggle-nav .navbar-default .navbar-nav > li > a {color : #1d1d1d;}
    .toggle-nav .navbar-default .navbar-nav > li > a > i {float : right;padding-right : 10px;}
    .toggle-nav .navbar {margin-bottom : 0;}
    /* Image push setting */
    .toggle-nav img {padding : 20px;width : 100%;background-color : #ffffff;}
    /* Setting button */
    .btn-custom-clear {background : transparent;border : none;border-radius : 0;font-size : 20px;padding : 0;}
    /* .close-button {
        width: 20px;
        height: 20px;
    } */
    .back-button {padding-right : 20px;}
    /* toggle nav */
    .toggle-navbar li {padding : 0;}
    /* accordion sscate */
    .general-toggle {overflow : scroll;}
    .panel {margin-bottom : 0;border : 0;border-radius : 0;box-shadow : none;}
    .panel li > a > i {float : right;padding-right : 10px;}
    .panel li a {display : block;}
    /* Mobile display none */
    .mobile-set {display : none;}
    .tablet-set {display : block;}
    }
.video-container{   position: relative;padding-bottom: 56.25%; /* 16:9 */height: 0;padding-left: 20%;padding-right: 20%;width: 100%;}
.video-container iframe {position: absolute;margin:0 auto;top: 0; left: 0; bottom: 0; right: 0;width: 100%;height: 100%;}
/* 3.3.Screen mobile */
@media screen and (max-width : 768px) {
    .nav-fixed-design {padding-left : 10px;padding-right : 10px;background-color : #ffffff;}
    .mobile-set {display : block;display : inline-block;}
    .tablet-set {display : none !important;}
    .general-toggle {width : 100%;}
    .navbar-nav {margin : 0;}
    .nav-up .nav > li {display : inline-block;}
    .nav-up {height : auto;width : 100%;}
    .categorie-nav {position : unset;}
    .toggle-head {padding: 20px;}
    .toggle-head .navbar-nav > li > a {padding-top : 0;border-bottom : 2px solid transparent;}
    /* Icone mon compte et panier */
    
    .small-nav > li > a:hover {background-color : transparent;}
    
    /* nav background */
    .nav-up .navbar-nav a:hover {background-color : transparent;}
    .info-barre{height: 53px;line-height: 20px;}
    .info-barre img{height: 18px;}
    }
@media screen and (max-width : 320px) {
    /* Mon compte */
    .small-nav > li > a {padding-left : 20px;}
    .small-nav > li > a {font-size : 8px;}
    .container-logo{bottom:9px;}
    .nav-panier{margin-left: 20px;bottom: 18px;}
}

/* Pages d'informations générales : a propos, livraison etc... */
.texte-style {
    color: #000000;
    font-family: arial, helvetica, sans-serif;
    font-size: 10pt;
}

.title-style {
    font-family: arial, helvetica, sans-serif;
    font-size: 18pt;
}

.sous-title-style {
    font-family: arial, helvetica, sans-serif;
    font-size: 14pt;
}

.fs-400 {
    font-weight: 400;
}


/* --------------- searchable --------------- */
.searchable-select {
    position: relative;
}
.search-input-container {
    display: flex;
    align-items: center;
    border: 1px solid #ccc;
    padding: 6px 8px;
    border-radius: 4px;
    cursor: pointer;
}
.search-input-container div {
    width: 100%;
}
.searchable-select .dropdown input {
    border: none;
    outline: none;
    /* flex-grow: 1; */
    padding: 6px;
    border-bottom: 1px solid #ccc;
    width: 100%;
}
.searchable-select .chevron-icon {
    /* cursor: pointer; */
    padding-left: 5px;
}
.searchable-select .dropdown {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    background: white;
    border: 1px solid #ccc;
    border-top: none;
    max-height: 240px;
    overflow-y: auto;
    z-index: 1000;
}
.searchable-select .dropdown-item {
    padding: 6px 8px;
    cursor: pointer;
}
.searchable-select .dropdown-item:hover {
    background-color: #f0f0f0;
}
/* --------------- searchable --------------- */
.searchable-multi-select {
    position: relative;
    width: 100%;
}

.dropdown-multi-select {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    border: 1px solid #ccc;
    background: white;
    z-index: 1000;
    max-height: 300px;
    overflow-y: auto;
}

.search-input-multi-select {
    width: 100%;
    padding: 8px;
    box-sizing: border-box;
    border: none;
    border-bottom: 1px solid #eee;
}

.dropdown-options-container {
    max-height: 250px;
    overflow-y: auto;
}

.dropdown-item-multi-select {
    align-items: center;
    gap: 8px;
}

.dropdown-item-multi-select:hover {
    background-color: #f5f5f5;
}

.selected-titles {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
/* --------------- searchable --------------- */

/* --------------- Addon --------------- */
.fs-12 {
    font-size: 12px !important;
}
/* --------------- Addon --------------- */



@font-face {
    font-family: Ogg;
    src: url(/front/font/Ogg-Roman.otf);
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: Monserrat;
    src: url(/front/font/Montserrat-Regular.ttf);
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: Monserrat;
    src: url(/front/font/Montserrat-Bold.ttf);
    font-weight: 900;
    font-style: normal;
}

/* Typographie */
.font-ogg {
    font-family: Ogg, sans-serif;
}

.font-montserrat {
    font-family: Monserrat, sans-serif;
}

.font-montserrat-bold {
    font-family: Monserrat-Bold, sans-serif;
}


/* ------------------------------------------------------------ */

.articleImage img.verso {
    display: none;
}

.articleImage:hover img.verso {
    display: block;
}

.articleImage:hover img.retro {
    display: none;
}

.products-container {
    overflow: auto;
    max-height: 65vh;
}

/* ------------------------------------------------------------ */

.new-arrivals-filter .form-check-input {
    left: 0;
}

.new-arrivals-filter .form-check {
    cursor: pointer;
}

/* ----------------------- Addon Global Menu refactor ----------------------- */

.main-global-menu {
    background: #F5F0E3;
}

.main-global-menu div, .main-global-menu span {
    font-size: 14px;
    font-weight: 400;
    text-transform: uppercase;
}

.main-global-menu div.active {
    font-weight: 600 !important;
}

.main-global-menu div:hover, .sub-menu-elements ul>li>a:hover {
    font-weight: 600;
}

.sub-menu-elements ul>li>a {
    text-decoration: none;
}

.sub-menu-elements {
    box-shadow: 0px 6px 10px #ddd;
    width: 100%;
    left: 0;
    z-index: 1000;
    min-height: 52vh;
}


/* Transition effects */
.fade-enter-active, .fade-leave-active {
  transition: opacity 0.3s ease, transform 0.3s ease;
  transform-origin: top center;
}
.fade-enter-from, .fade-leave-to {
  opacity: 0;
  transform: translateY(-10px);
}

.category-type {
    font-weight: 500;
}

.category-type:hover, .category-type.active {
    background-color: #f2f2f2;
    border-radius: 4px;
    /* box-shadow: 0px 0px 4px #ccc; */
}

.sub-child-categories div {
    color: #333;
    font-weight: 500;
}

.fw-600 {
    font-weight: 600 !important;
}

input#global-search-input  {
    border-radius: 12px;
    padding: 0px 20px;
    box-shadow: 1px 1px 2px #ddd;
    height: 48px;
}