main > * {
  position: relative;
  z-index: 2;
}

#header {
  z-index: 501;
}

#header.is-open,
#header.is-open .header-top {
  background-color: #ECEFF1;
}

.header-banner {
  background: #dbe2e7;
  background: var(--light-main-color);

  position: relative;
  z-index: 1;
}
.header-banner .group_name {
  font-size: 1.3rem;
  text-shadow: 2px 2px #111
}

.header-banner .group_campaign .ok {
  color: #8bdf25;
}
.header-banner .group_campaign .nok {
  color: #db4949;
}

.header-banner .group #curent_offers {
  width: 120px;
  height: 30px;
  border: 1px solid #dedede;
  /*font-size: 18px;*/
  color: var(--header-nav-bg-color);
  background-color: #fff;
  border-radius: 2px;
  /*box-shadow: 1px 1px #ccc;*/

}

.header-banner__wrapper {
  margin: 0 4%;
  margin: var(--section-normal-margin);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;

  padding: 12px 0 10px;

  font-weight: 300;
  font-size: 16px;
  color: #FFF;
  font-family: Poppins, sans-serif;
}

.header-banner__left {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-flex: 1;
  -ms-flex: 1 0 auto;
  flex: 1 0 auto;
  max-width: 100%;
  margin-bottom: 10px;
}

.header-banner__left__logo {
  -webkit-box-flex: 1;
  -ms-flex: 1 0 auto;
  flex: 1 0 auto;
  margin-bottom: 5px;
}

#_desktop_logo {
  text-align: center;
}

.header-banner__left__logo h1 {
  margin: 0;
}

.header-banner__left__separator {
  display: none;
}

.header-banner__right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -ms-flex: 1 0 auto;
  flex: 1 0 auto;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
}

.header-banner__right__welcome {
  margin-right: 25px;
  margin-left: 5px;
}

.header-banner__right__welcome .identity {
  text-transform: uppercase;
  display: inline-block;
}

.header-banner__right__change-language {
  position: relative;
  display: none;
}

.header-banner__right__change-language button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding-right: 22px;
}

.header-banner__right__change-language .material-icons.expand-more {
  position: absolute;
  right: -6px;
}

header#header .header-top {
  background: #eceff1;
  background: var(--header-center-bg-color);
  padding: 10px 0;
  position: relative;
}

.header-top__wrapper {
  display: grid;
  grid-template-columns: 15% auto auto;
  background: #eceff1;
  background: var(--header-center-bg-color);
  width: 90%;
  padding: 0 calc(5px + (20 - 5) * ((100vw - 320px) / (1920 - 320)));
}

.header-top__logo {
  grid-column: 1;
}

.header-top__burger-menu {
  cursor: pointer;
  margin-right: 1vw;
}

#bwa_search {
  margin: 0 3.1vw;
  -webkit-box-flex: 1;
  -ms-flex: 1 0 auto;
  flex: 1 0 auto;
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  align-self: center;
}

#search_block_top {
  margin: 0;
  -webkit-box-flex: 1;
  -ms-flex: 1 0 auto;
  flex: 1 0 auto;
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  align-self: center;

  position: relative;
}

#bwa_search form {
  position: relative;
  display: flex;
  align-items: center;
}

#bwa_search form a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

#bwa_search input,
#search_widget input,
#search_block_top input#search_query_top {
  font-family: var(--main-typo);
  font-size: 13px;
  font-weight: 200;
  border-radius: 0;
  border: 1px solid #dedede;
  outline: none;
  line-height: 70px;
  letter-spacing: 0.025em;
  height: auto;
  padding: 0 60px 0 15px;
}

#header.menu-is-grab #bwa_search input,
#header.menu-is-grab #search_widget input,
#header.menu-is-grab #search_block_top input#search_query_top {
  line-height: 55px;
}

#bwa_search input[type="reset"] {
  cursor: pointer;
  padding: 0;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  line-height: 30px;
  background: #eceff1;
  color: #cccdce;
  font-weight: 500;
  position: absolute;
  right: 65px;
  border: none;
  font-size: 20px;
}

#bwa_search form .search-btn,
#search_widget form button[type=submit],
#search_block_top form button[type=submit].btn.button-search {
  position: absolute;

  right: 1px;
  bottom: 1px;
  top: 1px;
  width: 55px;
  border-radius: 0 25px 25px 0;
  cursor: pointer;
}

#bwa_search form .search-btn i,
#search_widget form button[type=submit] i,
#search_block_top form button[type=submit].btn.button-search i {
  color: white;
}

#bwa_search form .search-btn span.hidden {
  display: none;
}

.header-top__buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  flex-shrink: 0;
}

.header-top__buttons > * {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.header-top__buttons #_desktop_user_info {
  margin-right: 20px;
  font-size: 15px;
  font-family: Roboto, sans-serif;
  letter-spacing: 0.025em;
  font-weight: 300;
}

.header-top__buttons #_desktop_language_selector {
  margin-left: 20px;
}

.header-top__buttons #_desktop_user_info .user-info a {
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.header-top__buttons #_desktop_user_info .user-info a:hover {
  color: #039edf;
  color: var(--light-main-color);
}

.header-top__buttons #_desktop_user_info .user-info span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.header-top__buttons #_desktop_user_info .user-info span:before {
  content: '';
  display: inline-block;
  width: 24px;
  height: 25px;
  background: url('../../../img/icons/user.svg') no-repeat center;
  background-size: contain;
  margin-left: 15px;
}

#_desktop_cart .header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

#_desktop_cart .header a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

#ohmcartpopup-wrapper {
  margin: 0;
}

#ohmcartpopup-wrapper .header {
  width: auto;
  text-align: left;
  padding: 0;
}

#ohmcartpopup-wrapper .header,
.header-top__buttons #_desktop_user_info .user-info span {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: start;
}

#ohmcartpopup-wrapper .header span,
.header-top__buttons #_desktop_user_info .user-info span {
  font-size: calc(12px + (15 - 12) * ((100vw - 320px) / (1920 - 320)));
  font-weight: 400;
}

#header .mobile__home-nav #ohmcartpopup-wrapper .header span,
#header .mobile__home-nav .header-top__buttons #_desktop_user_info .user-info span {
  font-size: 18px;
}

#ohmcartpopup-wrapper .header .cart-icon,
#_desktop_cart .desktop-cart__icon {
  position: relative;
  display: inline-block;
  float: none;
}

#ohmcartpopup-wrapper .header .cart-icon i,
#_desktop_cart .desktop-cart__icon i {
  font-size: 0;
  position: relative;
  width: 28px;
  height: 25px;

  z-index: 2;
}

#ohmcartpopup-wrapper .header .cart-icon i:before,
#_desktop_cart .desktop-cart__icon i:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: url('../../../img/icons/shopping_cart.svg') no-repeat center;
  background-size: contain;
}

#ohmcartpopup-wrapper .header .cart-icon .cart-products-count,
#_desktop_cart .desktop-cart__icon .cart-products-count {
  position: absolute;
  z-index: 2;
  right: -17px;
  top: -5px;
  border-radius: 100%;
  background: #039edf;
  background: var(--main-dark-color);
  color: white;
  width: 20px;
  line-height: 20px;
  font-size: 12px;
  text-align: center;
}

#ohmcartpopup-wrapper .cart-count,
#_desktop_cart .desktop-cart__text {
  font-size: 15px;
  font-family: Roboto, sans-serif;
  letter-spacing: 0.025em;
  font-weight: 400;
}

/*todo overflow scroll a virer en mobile*/
.mobile__user-nav #ohmcartpopup-wrapper .header .cart-icon i:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: url('../../../img/icons/shopping_cart-w.svg') no-repeat center;
  background-size: contain;
  width: 30px;
  height: 30px;
}

#ohmcartpopup-wrapper .cart-count {
  color: white;
}

#ohmcartpopup-wrapper .body {
  padding: 10px;
}

#ohmcartpopup-wrapper .body .cart-product .cart-controls {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
#ohmcartpopup-wrapper .body .cart-product .cart__item__price {
  font-size: 14px;
}

#ohmcartpopup-wrapper .body .cart-product .cart__item__price span {
  color: var(--light-main-color);
  font-size: 16px;
  font-weight: 700;
}

#ohmcartpopup-wrapper .body .cart-product .contenant {
  font-size: 13px;
  padding: 8px;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  background-color: #ECEFF1;
  border-right: 1px solid #D0D7DC;
}

#ohmcartpopup-wrapper .body .cart-product .tarif {
  font-size: 13px;
  padding: 8px 8px 8px 5px ;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  background-color: #ECEFF1;
  font-weight: bold;
}

#ohmcartpopup-wrapper .body .cart-product .cart-controls .remove-cart {
  margin-left: auto;
}

#ohmcartpopup-wrapper .body {
  top: 95%;
}

#ohmcartpopup-wrapper .ohmcartpopup .header_link:hover + .body,
#ohmcartpopup-wrapper .ohmcartpopup .body:hover {
  top: 95%;
  visibility: visible;
  z-index: 1000;
  opacity: 1;
  transition: none;
}

#ohmcartpopup-wrapper .ohmcartpopup * {
  transition: none !important;
}

#_desktop_language_selector .dropdown-menu {
  min-width: 1rem;
}

.cart-products {
  max-height: 300px;
  overflow-y: scroll;
  padding-right: 5px;
}

header#header > .header-nav {
  overflow: auto;
  position: fixed;
  z-index: 2;
  top: 0;
  left: 0;
  bottom: 0;
  max-width: 320px;
  width: 100%;
  /*max-height    : 100vh;*/
  margin: 0;
  background: #002131;
  border-bottom: none;
  -webkit-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0);
  -webkit-transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1) 0.2s;
  -o-transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1) 0.2s;
  transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1) 0.2s;
  max-height: 100%;
}

header#header > .header-nav.active {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.mobile__close-nav {
  background: #039edf;
  background: var(--light-main-color);
  text-transform: uppercase;
  color: white;
  text-align: right;
  line-height: 60px;
  padding: 0 25px;
  cursor: pointer;
}

.header-nav__wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  /*max-width: 1160px;*/
  margin: auto;
}

#header .header-nav__wrapper .top-menu {
  margin: 0;
}

#header .header-nav__wrapper #_desktop_top_menu {
  -webkit-box-flex: 1;
  -ms-flex: 1 0 auto;
  flex: 1 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  /*align-items : center;*/
}

.header-nav__wrapper #_desktop_top_menu #top-menu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 100%;
}

#header .header-nav__wrapper a {
  /*color: white;*/
  /*font-family: Roboto, sans-serif;*/
  /*font-weight: 300;*/
  /*font-size: 18px;*/
  /*letter-spacing: 0.15em;*/
  /*text-transform: uppercase;*/
  padding: 0;
  margin: var(--section-normal-margin);
  /*line-height: 55px;*/
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  padding: 0;
  margin: var(--section-normal-margin);
}


#mobile_top_menu_wrapper .top-menu a {
  width: 95%;
}

#header .header-nav__wrapper a:hover {
  color: #039edf;
  color: var(--light-main-color);
}

/*#header .header-nav__wrapper #lnk-destockage a,*/
/*#header .header-nav__wrapper #category-14 a,*/
/*#header .header-nav__wrapper #category-22 a {*/
/*    color : #039edf;*/
/*    color : var(--light-main-color);*/
/*}*/

/*#header .header-nav__wrapper #lnk-destockage a:hover,*/
/*#header .header-nav__wrapper #category-14 a:hover {*/
/*    color : white;*/
/*}*/

#header .header-nav__wrapper .top-menu .sub-menu {
  position: relative;
  background: transparent;
  min-width: 100%;
  width: 100%;
  margin: 0;
}

#header .mobile__home-nav,
#header .header-nav__wrapper .header-nav__who {
  height: 55px;
  line-height: 55px;
}

#header .mobile__home-nav,
#header .mobile__user-nav {
  margin: var(--section-normal-margin);
}

#header .mobile__user-nav {
  padding-bottom: 15px;
}

#header .header-nav__wrapper .header-nav__who a {
  display: block;
  font-family: 'Nothing You Could Say', sans-serif;
  text-transform: lowercase;
  font-size: 18px;
  letter-spacing: -0.45px;
}

#header .mobile__home-nav a,
#header .mobile__user-nav a {
  display: block;
  color: white;
  font-family: Roboto, sans-serif;
  font-weight: 300;
  letter-spacing: 0.15em;
  text-transform: uppercase;
  margin: 0;
}

/*#header #top_menu_wrapper {*/
/*  -webkit-box-flex: 1;*/
/*  -ms-flex: 1 0 auto;*/
/*  flex: 1 0 auto;*/
/*  display: none;*/
/*  !*max-width: 810px;*!*/
/*}*/

#header #mobile_top_menu_wrapper {
  background: transparent;
  padding: 0;
  margin: 0;
}

#header #mobile_top_menu_wrapper span.float-xs-right {
  display: inherit !important;
}

#header #mobile_top_menu_wrapper .top-menu a[data-depth="0"] {
  padding: 0;
  border-bottom: none;
}

#header #mobile_top_menu_wrapper .top-menu .sub-menu li > a {
  padding: .5rem 0;
  border-bottom: none;
}

#header .header-nav .mobile__user-nav .user-info {
  margin: 0;
  text-align: left;
}

#header .header-nav .mobile__user-nav .user-info span {
  font-size: 18px;
  font-family: Roboto, sans-serif;
  letter-spacing: 0.025em;
  font-weight: 300;
}

#header .header-nav .mobile__user-nav .user-info span:before {
  content: '';
  display: inline-block;
  width: 19px;
  height: 24px;
  background: url('../../../img/icons/user-w.svg') no-repeat center;
  background-size: contain;
  margin-right: 15px;
}

#header .header-nav #ohmcartpopup-wrapper .header {
  text-align: left;
  padding: 0;
  height: 55px;
  line-height: 55px;
  display: flex !important;
  flex-flow: row-reverse;
  justify-content: flex-end;
  align-items: center;
  gap: 10px;
}

#header .header-nav .mobile__user-nav .cart-preview {
  background: transparent;
  padding: 0;
}

#header .header-nav .mobile__user-nav .cart-preview .header {
  margin: 0;
}

#header .header-nav .mobile__user-nav .cart-preview a {
  line-height: 55px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

#header .header-nav .mobile__user-nav .cart-preview .desktop-cart__icon {
  line-height: 1;
}

#header .header-nav .mobile__user-nav .cart-preview .desktop-cart__icon * {
  color: white;
}

#header .header-nav .mobile__user-nav .cart-preview .desktop-cart__icon i:before {
  background: url('../../../img/icons/cart_white.png') no-repeat center;
  background-size: contain;
}

#header .header-nav .mobile__user-nav .cart-preview .desktop-cart__text {
  display: inline-block !important;
}

#header .header-nav .mobile__user-nav .account,
#header .header-nav .mobile__user-nav .blockcart {
  margin: 0;
}

#header .mobile__user-nav .user-info a span {
  line-height: 55px;
  display: flex !important;
  flex-flow: row-reverse;
  justify-content: flex-end;
  align-items: center;
  gap: 10px;
}

#header .mobile__home-nav a:first-letter,
#header .header-nav__wrapper .header-nav__who a:first-letter {
  text-transform: capitalize;
}

#header .header-nav__wrapper .header-nav__who a:hover {
  color: #039edf;
  color: var(--light-main-color);
}

div.popover.sub-menu {
  background: var(--main-gray-bg-color);
  /*padding    : var(--section-normal-margin);*/
  padding: 0 3%;
}

div.popover.sub-menu ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  /*align-items    : center;*/
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

#header .header-nav__wrapper div.popover.sub-menu li {
  margin: 0 40px 0 0;
}

#header .header-nav__wrapper div.popover.sub-menu li a {
  color: white;
  letter-spacing: 0.1em;
  font-weight: 400;
}

#header .header-nav__wrapper a.dropdown-item.dropdown-submenu {
  line-height: 30px;
}

/* 2024 */

 #header .ets_mm_megamenu_content_content .commande + .button {
   /*background-color: #00ac19;*/
   width: auto;
   padding: 0 20px;
   height: 100%;
   border-left: 1px solid #204B5F;
   margin-left: 10px;
   min-height: 60px;
   align-items: center;
   display: flex;
   text-align: center;
 }

#header .ets_mm_megamenu_content_content .commande + .button > * {
  margin: 0 auto;
}

#header .regroupeur_info {
  position: relative;
  display: flex;
  align-items: center;
  background: #17385A;
  color: white;
  cursor: pointer;
  text-align: center;
  min-height: 60px;
  height: 100%;
  padding-left: 2em;
}
body#cms #header .regroupeur_info {
  display: none;
}

#header .regroupeur_info ul.commande {
  width: 200px;
}

#header  .ets_mm_megamenu_content_content .volet {
  display: none;
  position: absolute;
  top : 55px;
  right: 0;
  border-radius: 4px;
  width: 100%;
}

#header  .ets_mm_megamenu_content_content .volet--is-shown {
  display: block;
}

#header  .ets_mm_megamenu_content_content .volet .group-campaign {
  padding: 20px 0;
  margin: 0 auto;
  font-size: 14px;
  border-bottom: 1px solid #204B5F;
}

#header .regroupeur_info .volet .spacer {
  height: 25px;
  background: #17385A;
}

#header .regroupeur_info .volet-content {
  background-color: #17385A;
  color: white;
  border-radius: 4px;
}

#header .regroupeur_info:hover .button > svg {
  transform: rotate(180deg);
}

#header .regroupeur_info .volet-content .group-title {
  border-bottom: 1px solid #204B5F;
  padding: 20px 0;
}

#header .regroupeur_info .volet-content .group-label {
  font-size: 0.9rem;
  line-height: 2rem;
  font-weight: 300;
}

#header .regroupeur_info .volet-content .group-name {
  font-size: 1.5rem;
}

#header .regroupeur_info .volet-content .time-left {
  font-size: 0.8rem;
  border-bottom: 1px solid #204B5F;
  padding: 20px 0;
  font-weight: 300;
}
#header .regroupeur_info .time-left-text {
  margin: 0 10px;
  width: 90px;
  text-align: left;
}
#header .regroupeur_info.orange .time-left-text {
  width: 120px;
}

#header .regroupeur_info .volet-content .time-left .time {
  font-size: 0.85rem;
  font-weight: 500;
}

#header .regroupeur_info .time-left-bar .time-bar {
  text-align: center;
}

#header .regroupeur_info .time-left .time-left-bar .bar {
  height: 7px;
  position: relative;
  background: #EEE;
  border-radius: 5px;
  width: 200px;
  margin: 10px auto;
}

#header .regroupeur_info .volet-content .time-left .time-left-bar .dates {
  display: grid;
  grid-template-columns: auto auto;
  margin: 0 77px;
}

#header .regroupeur_info .volet-content .time-left .time-left-bar .dates .date-start {
  text-align: left;
}

#header .regroupeur_info .volet-content .time-left .time-left-bar .dates .date-end {
  text-align: right;
}

#header .regroupeur_info .time-left .time-left-bar .bar .selected-bar {
  position: absolute;
  left : 0;
  height: 100%;
  border-radius: 5px;
}
#header .regroupeur_info .time-left .time-left-bar .bar .selected-bar.green {
  background: #90E526;
}
#header .regroupeur_info > i.material-icons.green, .volet .group-campaign i.material-icons.green {
  color: #90E526;
}
#header .regroupeur_info .time-left .time-left-bar .bar .selected-bar.orange {
  background: #E97526;
}
#header .regroupeur_info > i.material-icons.orange, .volet .group-campaign i.material-icons.orange {
  color: #E97526;
}
#header .regroupeur_info .time-left .time-left-bar .bar .selected-bar.yellow {
  background: #dac308;
}
#header .regroupeur_info > i.material-icons.yellow, .volet .group-campaign i.material-icons.yellow {
  color: #dac308;
}
#header .regroupeur_info > i.material-icons.nok {
  color: #db4949;
}

#header .regroupeur_info .volet-content .time-left .time-left-bar .date-start {

}

#header .ets_mm_megamenu_content_content .commande  li {
  height: 100%;
}

#header .ets_mm_megamenu_content_content .commande a {
  color : #fff;
}


#header .regroupeur_info .volet-content .group-links {
  font-size: 1rem;
  padding: 20px 0;
}

#header .regroupeur_info .volet-content .group-links .link a {
  display: block;
  padding : 6px 0;
  font-weight: 300;
  font-size: 0.9rem;
  color: white;
}

/* 2024*/

#menu__burger {
  justify-self: center;
  cursor: pointer;
}

#menu__burger .burger {
  position: relative;
  display: block;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  width: 30px;
  height: 20px;
  margin: 10px 0;
}

#menu__burger .burger span {
  display: block;
  position: absolute;
  height: 1px;
  width: 100%;
  background: black;
  border-radius: 9px;
  opacity: 1;
  left: 0;
  -webkit-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .3s ease-in-out;
  -o-transition: .3s ease-in-out;
  transition: .3s ease-in-out;
}

#menu__burger .burger span:nth-child(1) {
  top: 0;
}

#menu__burger .burger span:nth-child(2),
#menu__burger .burger span:nth-child(3) {
  top: 7px;
}

#menu__burger .burger span:nth-child(4) {
  top: 14px;
}

#menu__burger .burger.active span:nth-child(1) {
  top: 0;
  width: 0;
  left: 50%;
  opacity: 0;
}

#menu__burger .burger.active span:nth-child(2) {
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

#menu__burger .burger.active span:nth-child(3) {
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

#menu__burger .burger.active span:nth-child(4) {
  top: 20px;
  width: 0;
  left: 50%;
  opacity: 0;
}

#menu__burger p {
  font-family: Roboto, sans-serif;
  font-weight: 300;
  font-size: 13px;
  letter-spacing: 0.15em;
  text-transform: uppercase;
  color: black;
  margin: 0;
}

main > .header__burger-nav {
  display: none;
  margin: 0;
  background: #002537;
  background: var(--header-nav-bg-color);

  border-bottom: none;

  max-height: 55px;

  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  -webkit-transform: translate3d(0, -100%, 0);
  transform: translate3d(0, -100%, 0);
  z-index: 2;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.header__burger-nav .header__burger-nav__wrapper {
  margin: var(--section-sticky-margin);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.header__burger-nav .header__burger-nav__wrapper .top-menu {
  margin: 0;
}

.header__burger-nav .header__burger-nav__wrapper #_desktop_top_menu {
  -webkit-box-flex: 1;
  -ms-flex: 1 0 auto;
  flex: 1 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  /*align-items : center;*/
}

.header__burger-nav .header__burger-nav__wrapper #_desktop_top_menu #top-menu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 100%;
}

.header__burger-nav .header__burger-nav__wrapper a {
  color: white;

  font-family: Roboto, sans-serif;
  font-weight: 300;
  font-size: 13px;
  letter-spacing: 0.15em;
  text-transform: uppercase;
  padding: 0;

  line-height: 40px;

  -webkit-transition: all 0.3s;

  -o-transition: all 0.3s;

  transition: all 0.3s;
}

.header__burger-nav .header__burger-nav__wrapper .sub-menu a {
  line-height: 30px;
  font-size: 12px;
}

.header__burger-nav .header__burger-nav__wrapper a:hover {
  color: #039edf;
  color: var(--light-main-color);
}

.header__burger-nav .header__burger-nav__wrapper #lnk-destockage a,
.header__burger-nav .header__burger-nav__wrapper #category-14 a {
  color: #039edf;
  color: var(--light-main-color);
}

.header__burger-nav .header__burger-nav__wrapper #lnk-destockage a:hover,
.header__burger-nav .header__burger-nav__wrapper #category-14 a:hover {
  color: white;
}

.header__burger-nav .header__burger-nav__wrapper .top-menu .sub-menu {
  min-width: 100%;
  width: 100%;
  margin: 0;
}

.header__burger-nav .header__burger-nav__wrapper .header-nav__who {
  margin-left: 90px;
  line-height: 55px;
}

.header__burger-nav .header__burger-nav__wrapper .header-nav__who a {
  display: block;
  font-family: 'Nothing You Could Say', sans-serif;
  text-transform: lowercase;
  font-size: 14px;
}

.header__burger-nav .header__burger-nav__wrapper .header-nav__who a:first-letter {
  text-transform: capitalize;
}

.header__burger-nav .header__burger-nav__wrapper .header-nav__who a:hover {
  color: #039edf;
  color: var(--light-main-color);
}

.header__burger-nav .header__burger-nav__wrapper .top-menu[data-depth="0"] li .sub-menu {
  top: 40px !important;
}

.header__burger-nav .header__burger-nav__wrapper div.popover.sub-menu {
  padding: var(--section-sticky-margin);
}

.header__burger-nav .header__burger-nav__wrapper div.popover.sub-menu li {
  margin: 0 40px 0 0;
}

.header__burger-nav .header__burger-nav__wrapper div.popover.sub-menu li a {
  color: #000;
  letter-spacing: 0.1em;
  font-weight: 400;
}

.header__burger-nav .header__burger-nav__wrapper div.popover.sub-menu li:hover a {
  color: #039edf;
  color: var(--light-main-color);
}

.nav-layer {
  pointer-events: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 0vh;
  /*z-index            : 999;*/
  overflow: hidden;
  background: black;
  opacity: 0.4;
  -webkit-transition: all 0.6s cubic-bezier(0.86, 0, 0.07, 1) 0.5s;
  -o-transition: all 0.6s cubic-bezier(0.86, 0, 0.07, 1) 0.5s;
  transition: all 0.6s cubic-bezier(0.86, 0, 0.07, 1) 0.5s;
}

.nav-layer {
  height: 100vh;
  -webkit-transition: all 0.6s cubic-bezier(0.86, 0, 0.07, 1);
  -o-transition: all 0.6s cubic-bezier(0.86, 0, 0.07, 1);
  transition: all 0.6s cubic-bezier(0.86, 0, 0.07, 1);
}

#header .header-nav__wrapper .top-menu .sub-menu {
  top: unset !important;
}

article.alert {
  margin-top: 1rem;
}

/*
--------------------------------------
Header V2
--------------------------------------
*/

.header-actions-container {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-auto-flow: dense;
}

.header-actions-container a {
  color: var(--main-color) !important;
  transition: all 0.35s ease-in-out;
}

#header .header-actions-container a:hover {
  color: var(--third-color);
}

.header-actions-container .header-element-container a {
  display: flex;
  flex-direction: column;
  align-items: center;
  font-weight: 400;
  text-align: center;
}

.header-actions-container .header-sav-content a {
  font-weight: 500;
  font-size: 14px;
}

.header-actions-container .header-actions-content {
  font-size: calc(12px + (15 - 12) * ((100vw - 320px) / (1920 - 320)));
  padding-top: 0.5em;
}

.customer-name {
  font-size: calc(12px + (15 - 12) * ((100vw - 320px) / (1920 - 320)));
  font-weight: 500;
}

/*
--------------------------------------
Header search V2
--------------------------------------
*/

#header #search_widget {
  box-shadow: none;
  margin: auto;
}

#header #search_widget form {
  display: flex;
  align-items: center;
  height: 100%;
}

#header #search_widget #bwa-search-input {
  padding: 0 calc(45px + (60 - 45) * ((100vw - 320px) / (1920 - 320))) 0 15px;
}

/*
--------------------------------------
Menu V2
--------------------------------------
*/

.mm_menus_li.menu-le-club {
  background-color:  #A2891B;
}
.mm_menus_li.menu-oel {
  background-color:  #1d66b0;
}
/*.mm_menus_li.menu-exclus-web {
  background-color: #003751;
}*/
.mm_menus_li.menu-vente-flash {
  background-color: #003751;
}

.ets_mm_megamenu {
  background: #002131;
  grid-column: 1/-1;
}

.ets_mm_megamenu .ets_mm_megamenu_content {
  background: transparent !important;
  border-bottom: none;
  border-top: none;
}

body .ets_mm_megamenu::before {
  backdrop-filter: blur(10px);
}

.layout_layout1 .mm_menus_li {
  border-right: none;
  transition: all 0.35s ease-in-out;
}

.ets_mm_megamenu .mm_columns_ul {
  padding-top: 0;
}

.layout_layout1 .mm_menus_li:nth-child(2) {
  border-left: none;
  /*background-color: #003751;*/
  background-color: #02547b;;
}

.layout_layout1 .mm_menus_li:nth-child(3) {
  /*background-color: #002E44;*/
  background-color: #024A6C;
}

.layout_layout1 .mm_menus_li:nth-child(4) {
  background-color: #054361;

}

.layout_layout1 .mm_menus_li:nth-child(5) {
  background-color: #0c3d55;
}

.layout_layout1 .mm_menus_li:nth-child(6) {
  background-color: #093246;
}

.layout_layout1 .mm_menus_li:nth-child(7) {
/*  background-color: hsl(199, 100%, 30%) !important;*/
}

/*.layout_layout1 .mm_menus_li:nth-child(7):hover {
  background-color: #024A6C !important;
}*/

.layout_layout1 .mm_menus_li:last-child {
  border-right: none;
}

#header .layout_layout1:not(.ybc_vertical_menu):not(.click_open_submenu) .mm_menus_li:hover > a {
  background: transparent !important;
}

.layout_layout1:not(.click_open_submenu) .mm_menus_li.mm_has_sub:hover > a:after,
.layout_layout1 .mm_menus_li > a:before {
  content: none !important;
}

#header .layout_layout1:not(.ybc_vertical_menu) .mm_menus_li > a {
  /*font-family: var(--second-typo);*/
  font-weight: 500;
  color: #fff !important;
}

.submenu-element.submenu-universes .mm_columns_ul {
  grid-template-columns: repeat(5, 20%);
}

.submenu-element.submenu-universes .mm_columns_ul li:nth-child(1) {
   grid-column: 1/4;
}

.submenu-element.submenu-universes .mm_columns_ul li:nth-child(2) {
   grid-column: 4/5;
}

.submenu-element.submenu-universes .mm_columns_ul li:nth-child(3) {
   grid-column: 5/6;
}

.submenu-element .mm_columns_ul a {
  font-family: var(--second-typo);
}

/*.submenu-element.submenu-universes .column_size_2,
.submenu-element.submenu-universes .column_size_6,
.submenu-element.submenu-universes .column_size_3 {
  padding-top: 2em;
}

.submenu-element .column_size_2,
.submenu-element .column_size_3 {
  padding-top: 2em;
}*/

.submenu-wines.submenu-element .column_size_2.item-41,
.submenu-wines.submenu-element .column_size_2.item-42,
.submenu-wines.submenu-element .column_size_2.item-43,
.submenu-wines.submenu-element .column_size_6.item-44,
.submenu-beers.submenu-element .column_size_3.item-46,
.submenu-beers.submenu-element .column_size_2.item-47,
.submenu-beers.submenu-element .column_size_2.item-48,
.submenu-beers.submenu-element .column_size_5.item-49 {
  padding-top: 2em;
}
.submenu-wines.submenu-element .column_size_2.item-24 .mm_blocks_li[data-id-block="137"] {
  padding-top: 1em;
}

.submenu-element .column_size_2,
.submenu-element .column_size_3,
.submenu-element .column_size_5,
.submenu-element .column_size_6 {
  width: 100%;
}

#header .submenu-element .column_size_3 {
  background: #F8F9FB;
}

/* premi�re colonne menu vin*/
#header .submenu-element .column_size_2.item-20, #header .submenu-element .column_size_2.item-41 {
   background: #F1F2F3;
}

/* premi�re colonne menu biere*/
#header .submenu-element .column_size_3.item-25, #header .submenu-element .column_size_3.item-46 {
   background: #F1F2F3;
}

/* seconde colonne menu vin*/
#header .submenu-element .column_size_2.item-21, #header .submenu-element .column_size_2.item-42 {
   background: #F8F9FB;
}
/* seconde colonne menu biere*/
#header .submenu-element .column_size_2.item-26, #header .submenu-element .column_size_2.item-47 {
   background: #F8F9FB;
}
/* troisieme colonne menu vin*/
#header .submenu-element .column_size_2.item-24, #header .submenu-element .column_size_2.item-43 {
   background: #F8F9FB;
}
/* troisieme colonne menu biere*/
#header .submenu-element .column_size_2.item-28, #header .submenu-element .column_size_2.item-48 {
   background: #F8F9FB;
}

.submenu-element .column_size_2.item-20 .ets_mm_block_content a, .submenu-element .column_size_2.item-41 .ets_mm_block_content a {
  font-weight: 600;
}


/*2024*/
#header .submenu-element .column_size_6.item-44, #header .submenu-element .column_size_6.item-22 {
  background-color: #FFFFFF;
}

#header .submenu-element .column_size_5.item-49, #header .submenu-element .column_size_5.item-27 {
  background-color: #FFFFFF;
}


#header .submenu-element.submenu-universes .column_size_2,
#header .submenu-element.submenu-universes .column_size_3,
#header .submenu-element.submenu-universes .column_size_6 {
  background: #F8F9FB;
}

#header .submenu-element .column_size_12 {
  display: flex;
  justify-content: center;
  grid-column: 1/-1;
  background: #003751;
  width: 100%;
}

.ets_mm_megamenu .mm_columns_ul {
  border: none !important;
}

.ets_mm_megamenu .column_size_12 .mm_blocks_li {
  padding: 10px;
  margin: 0;
}

.ets_mm_megamenu .column_size_12 .ets_mm_block_content {
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fff;
}
.ets_mm_megamenu .column_size_12 .ets_mm_block_content a {
  color: #fff !important;
}

.ets_mm_megamenu .column_size_12 svg {
  margin-left: 1em;
}

.submenu-element .column_size_5 .mm_blocks_ul {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-template-columns: 45% 55%;
  height: 100%;
}

.submenu-element .column_size_5 .mm_blocks_ul .mm_blocks_li {
  align-self: center;
}

.ets_mm_megamenu .title-w-border {
  position: relative;
  text-transform: uppercase;
  padding-bottom: 0.5em;
  color: #003751;
  font-weight: 500;
}

.ets_mm_megamenu .title-w-border.full-width {
  display: block;
}

.submenu-beers.submenu-element .column_size_5.item-49 .mm_blocks_li[data-id-block="250"] {
  grid-column: 1/-1;
}

.ets_mm_megamenu .title-w-border:after {
  content: '';
  display: block;
  /*position: absolute;*/
  bottom: 0;
  width: 110px;
  height: 1px;
  background: rgba(0,33,49,0.2);
  opacity: 1;
}
.ets_mm_megamenu .title-w-border.full-width:after {
  width: 95%;
}

.submenu-element .column_size_3 .ets_mm_block_content a {
  font-weight: 600;
}
.submenu-element .column_size_3 .ets_mm_block_content a.universe {
  font-weight: 400;
}

.submenu-element .ets_mm_block_content span.region {
  padding-top: 10px;
  display: block;
  color: #003751;
}

.column_size_2 .mm_blocks_ul li:not(:first-of-type) {
  margin-bottom: 0.25em;
}

.submenu-element .column_size_6.item-22 > ul {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
}

.--is-desktop .ets_mm_block_content {
  display: flex;
  align-items: center;
  gap: 10px;
}

  /* 2024*/

  /* menu*/
  .hook-default .ets_mm_megamenu_content .container {
    padding: 0;
    width: 100%;
    max-width: 100%;
  }

  ul.mm_menus_ul .pull-right {
    float: right;
  }


  /* search */
  #search_widget input {
    line-height: 50px;
  }

  div#search_widget {
    max-width: 900px;
    width: 100%;
  }

  .header-actions-container, .header-actions-container div {
    align-self: center;
  }

  #header #search_widget #bwa-search-input {
    padding: 0 calc(45px + (60 - 45) * ((100vw - 320px) / (1920 - 320))) 0 calc(15px + (35 - 15) * ((100vw - 320px) / (1920 - 320)));
    border-radius: 6px;
  }

  #header #search_widget #bwa-search-input::placeholder {
    font-weight: 400;
    color: #002131 !important;
    opacity: 1;
  }

/*********************
* Header login form
**********************/
/*
main .login-form__open a {
  color: var(--main-dark-color);
}
.login-form__open {
  position         : fixed;
  top              : 0;
  bottom           : 0;
  background-color : rgba(0, 0, 0, 0.75);
  box-shadow       : 0px 0px 5px 0px rgba(0, 0, 0, 0.75);
  width            : 100%;
  height           : 100%;
  z-index          : 999999;
  display          : none;
}

.login-form__close {
  cursor          : pointer;
  width           : 30px;
  min-width       : 30px;
  height          : 30px;
  border          : 1px solid #B5B5B5;
  border-radius   : 100%;
  display         : flex;
  justify-content : center;
  align-items     : center;
  transition      : 0.3s ease;
}

.login-form__close:hover {
  background : #F5F5F5;
}

.login-form__open.active {
  display         : flex;
  align-items     : center;
  justify-content : center;
}

.login-form__container {
  display               : grid;
  grid-template-columns : 1fr;
  width                 : 100%;
  height                : 100%;
}

.login-form__container > * {
  grid-area : 1/1;
}

.login-form__content[data-tab="2"] {
  transform : translate3d(100%, 0, 0);
}

.login-form__content[data-tab="1"] {
  transform : translate3d(-100%, 0, 0);
}

.login-form__content {
  transition      : 0.3s ease;
  opacity         : 0;
  pointer-events  : none;
  visibility      : hidden;
  z-index         : 1;
  display         : flex;
  flex-direction  : column;
  justify-content : center;
  align-items     : center;
  height          : 100%;
  margin          : auto;
  position        : absolute;
  width           : 100%;
  overflow        : auto;
}

.login-form__content.active {
  transform      : translate3d(0, 0, 0);
  opacity        : 1;
  visibility     : visible;
  pointer-events : all;
  z-index        : 2;
}

.login-form__content__container {
  max-height : calc(100% - 100px);
}

.login-form__content__inner {
  padding          : 10px 20px 20px;
  background-color : #FFFFFF;
  border-radius    : 5px;
  width            : 600px;
}

.login-form__content__inner .title__content {
  text-align  : center;
  font-size   : calc(25px + (30 - 25) * ((100vw - 320px) / (1920 - 320)));;
  line-height : 38px;
}
.login-form__content__inner .input-group .input-group-btn > .btn[data-action=show-password] {
  padding: .7rem 1rem;
  border-radius: 0;
}
.register-form__container {
  padding-bottom : 15px;
}

.input-group .input-group-btn > .btn {
  background-color : transparent;
}

#submit-login, button[data-link-action='save-customer'] {
  margin        : 1em 0;
  border-radius : 0;
  font-weight: 600;
  background: #039edf;
  background: var(--main-dark-color);
  background: var(--light-main-color);
  border: 1px solid #000;
  border: 1px solid var(--light-main-color);
  transition: all 0.3s;
  box-shadow: none;
  font-size: 1rem;
}

#submit-login:hover, button[data-link-action='save-customer']:hover {
  background-color : var(--color-white-default);
}
main .forgot-password a {
  text-decoration : underline;
}
.js-form-login .forgot-password {
  text-align: center;
  font-size: .875rem;
  margin-top: 1rem;
  padding-bottom: .9375rem;
}

.no-account, .have-account {
  display          : flex;
  align-items      : center;
  justify-content  : center;
  background-color : white;
  margin : 15px 0 5px 0;
  font-weight      : 600;
  border-radius    : 5px;
  border           : 1px solid var(--color-black-default);
  text-transform   : uppercase;
  cursor           : pointer;
}
.have-account, main .no-account a, main .have-account a, main .forgot-password a {
  color: #17385A;
}
main .have-account a:hover, #main .no-account a:hover, .have-account:hover, main .forgot-password a:hover {
  color : var(--light-main-color);
}

#customer-form .custom-radio {
  margin-right : 5px;
}

#customer-form .form-group {
  margin : 0;
}

.js-form-login h1,  .js-form-login h1 {
  margin: 5px 0 20px 0;
  text-align: center;
  font-size: 1.4rem;
  font-family: Roboto, sans-serif;
  font-weight: 700;
  color: #1e1e20;
  text-transform: uppercase;
  text-align: center;
  letter-spacing: 0.015em;
  line-height: 30px;
  padding: 0;
  margin: 0 0 5px 0;
}

.js-form-login .page-header {
  margin: 0;
  display: grid;
  grid-template-columns: 92% 8%;
  justify-items: center;
}

.personal_message {
  margin-bottom: 0px;
  padding: 10px;
  border: 1px solid var(--main-dark-color);
  border: 1px solid rgba(0, 0, 0, .25);
  color: #7a7a7a;
  font-size: 15px;
  line-height: 19px;
  background-color: #fcfcfc;
}
.personal_message .session {
  display: none;
  text-align: center;
  background-color: var(--main-dark-color);
  color: #fff;
  padding: 8px 0;
}
.js-form-login hr {
  margin-top: initial;
  margin-bottom: initial;
}

.js-form-login .form-control-comment {
  font-size: .72rem;
}

.js-form-login .form-footer{
  text-align: center !important;
}
*/