.header-top
{
   /* background: #003d91 !important; */
   /* margin: 0px !important;*/
}
.logo{
    max-width: none !important;
    max-height: none !important;
 }
 #facebook-menu-open, .bon-shipping-close
 {
    display: none;
 }
 #bon_ship.active {
    display: block !important;
}
#bonswiper{
    margin-top: 10px !important;
}
.bonslick-caption h2{
    font-weight: 600 !important;
    font-size: 22px !important;
}

.bonslick-caption h4{
    margin-bottom: 15px !important;
        font-size: 18px !important;
    color: aliceblue !important;
}
.ets_mm_megamenu.layout_layout1{
    position: absolute !important;
}
.layout_layout1 .ets_mm_megamenu_content{
    background: none !important;
    border: none !important;
}
.ets_mm_megamenu {
    background: none !important;
    margin: 0px !important;
}

..layout_layout1 .mm_menus_li{
    border: none !important;

}
@media (min-width: 990px){

    .ets_mm_megamenu_content_content{
        margin-left: 430px;
    }
    .mm_menu_content_title {
        color: #fff !important;
        min-height: 46px !important;
    }
}
@media (max-width:1200px){
    .ets_mm_megamenu.layout_layout1{
        position: relative !important;
    }
    .layout_layout1 .ets_mm_megamenu_content{
        background: none !important;
        border: none !important;
    }

}
.mm_menu_content_title {
     padding: 0 10px !important;
}
.layout_layout1:not(.click_open_submenu) .mm_menus_li:hover > a, .layout_layout1:not(.click_open_submenu) .mm_menus_li.menu_hover > a{
    background: none !important;
}
.layout_layout1 .mm_menus_li, .layout_layout1 .mm_menus_li:nth-child(2), .layout_layout1 .mm_menus_li:last-child {
    border: none !important ;
}

#boncategory{
  /*  min-width: 600px !important; */
}

@media (min-width: 1881px) and (max-width: 2879px) {
    #bonswiper {
      margin-top: 40px;
      max-width: calc(100% - (530px + (1876 - 656) * ((100vw - 1881px) / (2880 - 1881))));
      margin-left: calc(542px + (1264 - 542) * ((100vw - 1881px) / (2880 - 1881)));
    }
  }
  @media (min-width: 1681px) and (max-width: 1880px) {
    #bonswiper {
      margin-top: 40px;
      max-width: calc(100% - (376px + (668 - 416) * ((100vw - 1681px) / (1880 - 1681))));
      margin-left: calc(403px + (555 - 403) * ((100vw - 1681px) / (1880 - 1681)));
    }
  }
  @media (min-width: 992px) and (max-width: 1680px) {
    #bonswiper {
      margin-top: 40px;
      max-width: calc(100% - (278px  + (423 - 288) * ((100vw - 992px) / (1680 - 992))));
      margin-left: calc(254px + (409 - 254) * ((100vw - 992px) / (1680 - 992)));
    }
  }
  

  #custom-text p {
    font-size:16px !important;
    color:#3a3a3a !important;
    text-align: left !important;
}
#custom-text {
    text-align: center !important;
    padding-top:0px !important;
}
#custom-text p.col-md-4{
    float: left !important;
    text-align: center !important;
}
#custom-text h2{
    color: initial !important;
    font-weight: unset !important;
    text-transform: unset !important;
}
#menu-icon, .bon-nav-bar{
    display: none !important;
}

.row .footer-block h4{
    display: none;
}
.facebook-likebox{
    margin-top:30px;
}
.product-flag {
    display:  none !important;
}
#header .header-top {
    margin: 5px 0 !important;
}
.footer-container .block-contact .title{
padding-top: 30px !important;
margin-bottom: 22px;
}
.footer-container .block-contact .title span.float-xs-right, .itempropaddr{
    display: none;
}

.image-sticky-wrapper{
    display: none;
  }
/* ===== Logo responsive mobile : marque + ville empilées (WEB E-NOV) ===== */
@media (max-width: 991.98px) {
    #_mobile_logo .logo { display: none !important; }
    #_mobile_logo h1 { margin: 0; line-height: 0; }
    #_mobile_logo a {
        display: inline-block;
        line-height: 0;
        text-align: center;
        padding: 6px 0;
    }
    #_mobile_logo a::before,
    #_mobile_logo a::after {
        content: "";
        display: block;
        margin: 0 auto;
        background-repeat: no-repeat;
        background-position: center;
        background-size: contain;
    }
    #_mobile_logo a::before {
        width: 230px; height: 70px;
        background-image: url("../img/logo-brand.png");
    }
    #_mobile_logo a::after {
        width: 150px; height: 53px;
        margin-top: 6px;
        background-image: url("../img/logo-city.png");
    }
}

/* ===== Responsive : suppression du débordement horizontal mobile (WEB E-NOV) ===== */
/* Le déroulant nice-select du sélecteur de recherche "Tous" reste large (~427px)
   même masqué et élargit la page sur petits écrans. On le borne à la largeur écran. */
@media (max-width: 767.98px) {
    .nice-select .list {
        max-width: calc(100vw - 24px) !important;
        overflow-x: hidden !important;
    }
    .nice-select .list .option {
        white-space: normal !important;
    }
    /* filet de sécurité : aucun défilement horizontal parasite */
    html, body { overflow-x: clip; }
}

   position:absolute, décalé de margin-left:430px). On garde donc la boîte du titre


/* ===== boncategory : titre vidé dans le tpl -> on maintient la hauteur de la barre (WEB E-NOV) ===== */
#boncategory .boncategory-title { min-height: 46px; }

/* ===== Slider home : pleine largeur / centré (le menu vertical gauche a été retiré) (WEB E-NOV) ===== */
@media (min-width: 992px) {
    #bonswiper {
        margin-left: auto !important;
        margin-right: auto !important;
        max-width: none !important;
    }
}

/* ===== Menu principal en bande horizontale propre (au-dessus du contenu/slider) (WEB E-NOV) ===== */
@media (min-width: 992px) {
    #boncategory { display: none !important; }
    .ets_mm_megamenu.layout_layout1 { position: static !important; }
    .ets_mm_megamenu_content_content { margin-left: 0 !important; }
    .ets_mm_megamenu,
    .layout_layout1 .ets_mm_megamenu_content,
    .ets_mm_megamenu_content_content { background-color: #003d91 !important; }
}
/* + centrer les items du menu principal */
@media (min-width: 992px) {
    .mm_menus_ul { display: flex !important; justify-content: center !important; flex-wrap: wrap !important; }
}