.clearfix {
  position: unset;
}
#headerxxl,
#darty_footer {
  font-size: 13px;
}
#headerxxl.darty_footer,
#darty_footer.darty_footer {
  background-color: var(--white);
  padding-bottom: 0;
}
.darty_headerxxl_stickyfooter .btn {
  border: 0;
  background: none;
}
.hide {
  display: none;
}
#headerxxl {
  width: 1000px;
  margin: 0 auto;
  background-color: var(--white);
  color: var(--grey);
}
.ref_g #headerxxl,
.page #headerxxl,
#headerxxl .h_xxl_container {
  width: 100%;
}
.ref_g #headerxxl::before,
.page #headerxxl::before,
#headerxxl .h_xxl_container::before {
  content: "";
  width: 100%;
  height: 130px;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  background-color: var(--white);
}
#headerxxl .h_xxl_container #h_xxl_top,
#h_xxl_main {
  height: 94px;
  min-height: unset;
}
#headerxxl .h_xxl_container #h_xxl_top {
  clear: both;
  width: 100%;
  display: flex;
  align-items: center;
}
#h_xxl_main {
  display: flex;
  align-items: center;
  flex-grow: 1;
  padding-left: 0;
  position: relative;
  z-index: 999;
}
#h_xxl_main_g {
  float: left;
}
#h_xxl_main_d {
  flex: 1;
  float: left;
  position: relative;
  margin-left: 40px;
}
.darty_headerxxl_stickyfooter .header_marketing_field,
.darty_headerxxl_stickyfooter .header_marketing_field:visited {
  position: relative;
  z-index: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 8px 24px;
  color: var(--white);
  font-size: 14px;
  line-height: 18px;
  text-decoration: none;
  background-color: var(--red);
}
.darty_headerxxl_stickyfooter .header_marketing_field:hover,
.darty_headerxxl_stickyfooter .header_marketing_field:visited:hover {
  text-decoration: underline;
}
#headerxxl.darty_headerxxl_stickyfooter .header_marketing_field + .h_xxl_container {
  height: unset;
}
#headerxxl.darty_headerxxl_stickyfooter .header_marketing_field + .h_xxl_container::before {
  height: 167px;
}
#headerxxl .h_xxl_container #h_xxl_top .h_xxl_logo {
  position: relative;
  float: left;
  width: 48px;
  padding-left: 10px;
  height: 48px;
  z-index: 9999;
}
.h_xxl_logo #logo img {
  width: 48px;
  height: 48px;
  float: right;
  overflow: hidden;
}
#h_xxl_topLink {
  height: 40px;
  background-color: var(--white);
  padding-left: 172px;
}
#h_xxl_topLink .h_xxl_services,
#h_xxl_topLink .h_xxl_services ul {
  box-sizing: border-box;
  width: 100%;
  height: 40px;
}
#h_xxl_topLink .h_xxl_services ul {
  padding: 2px 0 0 20px;
}
#h_xxl_topLink .h_xxl_services ul > li {
  padding: 0 50px 0 0;
  display: inline-block;
  line-height: 20px;
}
#h_xxl_topLink .h_xxl_services ul > li:first-child {
  padding-left: 0;
}
#h_xxl_topLink .h_xxl_services ul > li a {
  display: inline-block;
}
#h_xxl_topLink .h_xxl_services ul > li a,
#h_xxl_topLink .h_xxl_services ul > li a:hover,
#h_xxl_topLink .h_xxl_services ul > li a:visited {
  text-decoration: none;
  color: var(--grey);
}
#h_xxl_topLink .h_xxl_services ul > li a:hover {
  text-decoration: underline;
}
#h_xxl_topLink .h_xxl_services ul > li .h_xxl_service_img,
#h_xxl_topLink .h_xxl_services ul > li .h_xxl_service_lien {
  display: inline-block;
  float: left;
}
#h_xxl_topLink .h_xxl_services ul > li .h_xxl_service_img {
  height: 37px;
}
#h_xxl_topLink .h_xxl_services ul > li .h_xxl_service_lien {
  height: 30px;
  padding: 8px 0 0 5px;
}
#h_xxl_topLink .h_xxl_services ul > li .h_xxl_service_lien .mini_label {
  font-size: 10px;
}
.darty-back-office-info {
  height: 40px;
  background-color: var(--back-office);
  color: var(--grey);
  padding: 0 20px;
  display: block;
  z-index: 1;
}
.darty-back-office-info-temp {
  position: relative;
}
#darty-back-office-info #darty-back-office-order {
  float: right;
  padding-top: 5px;
}
.darty-back-office-info .innercontent {
  padding-top: 8px;
  float: left;
}
.darty-back-office-info .title {
  color: var(--grey);
  font-size: 16px;
  font-weight: initial;
  display: inline;
}
.darty-back-office-info span {
  color: var(--red);
  font-family: var(--font-bold);
  font-size: 15px;
}
.darty-back-office-info input {
  height: 30px;
  width: 155px;
  color: var(--white);
  background-color: var(--back-office-submit);
  font-family: var(--font-bold);
  font-size: 11.5px;
  text-transform: uppercase;
  border: 1px solid var(--back-office-submit);
  border-radius: 5px;
}
.darty-back-office-info a.darty-back-office-client-logout {
  display: block;
  float: left;
  width: 103px;
  height: 18px;
  text-decoration: none;
  color: var(--white);
  padding: 5px 0;
  text-align: center;
  line-height: 20px;
  margin-top: 5px;
  background-color: var(--red);
  font-family: var(--font-bold);
  font-size: 11.5px;
  text-transform: uppercase;
  margin-left: 12px;
  border: 1px solid var(--red);
  -webkit-appearance: none;
  border-radius: 5px;
}
.darty-back-office-info.js-show-back-office + #headerxxl .h_xxl_container::before {
  height: unset;
}
#h_xxl_texte_promo,
#darty_header_search {
  float: left;
}
.h_xxl_liens_annexes {
  position: relative;
  white-space: nowrap;
  margin-top: 13px;
  margin-left: 20px;
  margin-bottom: 13px;
}
.h_xxl_liens_annexes ul > li {
  display: inline;
}
.h_xxl_liens_annexes ul > li:not(:first-child) {
  margin-left: 10px;
}
.h_xxl_liens_annexes ul > li > a {
  color: var(--black);
  font-size: 11px;
  text-decoration: underline;
}
#h_xxl_liens_annexes .card-logo-fnac-plus,
#h_xxl_liens_annexes .card-logo-darty-plus {
  background-size: auto 11px;
}
.texte-promo--large .h_xxl_liens_annexes {
  margin-bottom: 4px;
}
.texte-promo--large #h_xxl_texte_promo {
  padding-bottom: 4px;
}
#darty_header_search {
  position: relative;
  margin-left: 20px;
  z-index: 999;
}
#darty_header_search form {
  position: relative;
}
#darty_header_search input.text {
  border-radius: 3px 0 0 3px;
  border: 1px solid var(--dark-grey);
  height: 36px;
  padding: 5px 38px 5px 16px;
  color: var(--dark-grey);
  font-size: 14px;
  background: var(--white);
  width: 280px;
  box-sizing: content-box;
  font-family: var(--font-bold);
}
#darty_header_search input.text:focus {
  outline: none;
}
#darty_header_search input.text::placeholder {
  font-family: var(--font-bold);
  color: var(--grey);
}
.oldie #darty_header_search input.text {
  line-height: 30px;
  float: left;
}
#darty_header_search input.subm,
#darty_header_newsletter input.subm {
  -webkit-appearance: none;
  position: absolute;
  top: 3px;
  right: 6px;
  margin: 5px 0 0;
  border: 0;
  cursor: pointer;
}
#darty_header_search input.subm {
  top: 0;
  right: -48px;
  width: 48px;
  height: 48px;
  margin-top: 0;
  border-radius: 0 3px 3px 0;
  background: var(--dark-grey) url(../catalog/version_common/styles/images/pictos/search.svg) no-repeat center;
}
#autocompletezone_parent {
  position: absolute;
  top: 40px;
  left: 0;
  width: 100%;
}
.autocomplete-suggestion {
  padding: 10px;
}
#autocompletezone ul {
  width: 384px;
  background-color: var(--white);
  height: auto;
  border: 1px solid #979797;
  border-top: none;
  padding: 5px;
}
#autocompletezone ul li.ui-menu-item {
  width: 100%;
  float: none;
  margin: 1px;
  padding: 5px 0;
  border-bottom: 1px solid var(--light-grey);
  background-color: var(--white);
  color: var(--dark-grey);
  font-size: 15px;
  white-space: normal;
}
#autocompletezone ul li.ui-menu-item:last-child {
  border-bottom: none;
}
#autocompletezone ul li.ui-menu-item a {
  display: block;
  color: var(--black);
  line-height: 1.2em;
  padding: 0 .4em;
  text-decoration: none;
}
#autocompletezone ul li.ui-menu-item a b {
  color: var(--red);
  font-family: var(--font-regular);
}
#autocompletezone #autosuggest-close {
  cursor: pointer;
}
#autocompletezone .autosug-cross {
  float: right;
}
#autocompletezone .autosug-title {
  float: left;
  font-style: italic;
  font-size: 15px;
  margin-bottom: 4px;
  color: #464646;
}
#autocompletezone .ui-widget-content .ui-state-hover {
  background: #f6f6f6;
  border: 1px solid #cdd5da;
  border-radius: 0;
}
.autocomplete-suggestions {
  box-sizing: border-box;
  border: 1px solid #979797;
  border-top: 0;
  padding: 0;
}
.autocomplete-suggestions strong {
  color: var(--red);
}
.autocomplete-suggestion + .autocomplete-suggestion {
  border-top: 1px solid var(--light-grey);
}
.grs-autocomplete {
  display: none;
  position: absolute;
  z-index: 100;
  left: 0;
  right: 0;
  top: 100%;
  margin-top: 10px;
  box-sizing: border-box;
  transition: 250ms max-height ease-out;
}
.grs-autocomplete.js-active {
  display: block;
}
.grs-autocomplete .list {
  min-width: 500px;
  background-color: var(--white);
  box-shadow: 0 0 2px 0 rgba(69, 69, 69, 0.16), 0 3px 6px 0 rgba(69, 69, 69, 0.16);
  max-height: 1000px;
  padding: 16px 8px;
}
.grs-autocomplete .item {
  font-size: 14px;
}
.grs-autocomplete .link {
  display: block;
  color: var(--dark-grey);
  text-decoration: none;
  padding: 16px;
  border-radius: 3px;
}
.grs-autocomplete .link::first-letter {
  text-transform: uppercase;
}
.grs-autocomplete .link:hover {
  background-color: var(--light-grey);
}
#h_xxl_main_d .h_xxl_menu_client {
  display: flex;
  flex-flow: row nowrap;
  float: right;
  list-style: none;
}
#h_xxl_main_d ul.h_xxl_menu_client > li {
  float: left;
  margin: 0 auto;
  position: relative;
  height: 48px;
  padding: 0 12px;
  flex: 1;
}
#h_xxl_main_d ul.h_xxl_menu_client > li:hover .label::after {
  width: 100%;
}
#h_xxl_main_d ul.h_xxl_menu_client > li:hover #h_xxl_login_loggedin_popin .label::after {
  content: unset;
}
#h_xxl_main_d ul.h_xxl_menu_client > li .label {
  margin: 0 auto;
}
#h_xxl_main_d ul.h_xxl_menu_client > li .label::after {
  content: "";
  display: block;
  width: 0;
  height: 1px;
  margin: 0 auto;
  background-color: var(--dark-grey);
  transition: width 0.3s ease-in-out;
}
.h_xxl_menu_client > li {
  box-sizing: border-box;
}
#h_xxl_login_lien,
#h_xxl_wishlist_lien,
#h_xxl_panier_lien,
#h_xxl_devis_lien,
.h_xxl_localisation_lien,
.h_xxl_help_lien {
  display: inline-block;
  width: 100%;
  text-decoration: none;
  color: var(--dark-grey);
  text-align: center;
}
#h_xxl_login,
.h_xxl_menu_client .h_xxl_wishlist,
.h_xxl_menu_client .h_xxl_devis {
  border-right: 1px solid var(--light-grey);
}
#h_xxl_login_lien div,
#h_xxl_wishlist_lien div,
#h_xxl_panier_lien div {
  display: inline-block;
  height: 40px;
  position: relative;
}
#h_xxl_panier_lien .h_xxl_item {
  height: 30px;
}
#h_xxl_devis_lien div {
  height: 40px;
}
#h_xxl_login_lien .label,
#h_xxl_wishlist_lien .label,
#h_xxl_panier_lien .label,
#h_xxl_devis_lien .label {
  text-transform: uppercase;
  font-family: var(--font-regular);
  font-size: 12px;
  display: block;
  padding: 0;
}
.h_xxl_localisation__item,
#h_xxl_login_lien .label,
#h_xxl_panier_lien .label,
.h_xxl_help_lien .label {
  display: block;
  font-family: var(--font-bold);
  text-transform: initial;
}
.h_xxl_menu_client .h_xxl_wishlist,
.h_xxl_menu_client .h_xxl_devis {
  width: 30%;
}
.h_xxl_menu_client .h_xxl_panier {
  border-right: 1px solid var(--border-grey);
}
.h_xxl_panier .sprite_basket {
  height: 24px;
  width: 24px;
  background: url(../catalog/version_common/styles/images/pictos/basket.svg) no-repeat center;
}
#h_xxl_login {
  width: 42%;
  z-index: 98;
  display: block;
  position: relative;
}
#h_xxl_login_lien .loggedIcon,
#h_xxl_login_lien .sprite_user {
  width: 24px;
  height: 24px;
  background: url(../catalog/version_common/styles/images/pictos/connect.svg) no-repeat center;
}
.h_xxl_item_help .label {
  font-size: unset;
  color: unset;
}
.h_xxl_help {
  display: inline-block;
  width: 20px;
  height: 24px;
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPHBhdGggZD0iTTEwIDBjNS41MTcgMCAxMCA0LjQ4MyAxMCAxMHMtNC40ODMgMTAtMTAgMTBTMCAxNS41MTcgMCAxMCA0LjQ4MyAwIDEwIDBabTAgMTRhMSAxIDAgMSAwIDAgMiAxIDEgMCAwIDAgMC0yWm0wLTkuNDU1Yy0yLjAyOCAwLTMuNjgyIDEuNTQ0LTMuNjgyIDMuNDM3YS44NzguODc4IDAgMCAwIC40NzQuNzc1Yy4yOTcuMTYyLjY2NS4xNjIuOTYyIDBhLjg4Ljg4IDAgMCAwIC40NzMtLjc4MmMwLS45MTIuNzg5LTEuNjQ4IDEuNzczLTEuNjQ4Ljk4NCAwIDEuNzczLjczNiAxLjc3MyAxLjY1NSAwIC41MzItLjIwNC45MzQtLjY3MyAxLjM5NS0uMjY0LjI2LS41NC40NzMtMS4xNDUuOTA1bC0uMDk3LjA2OWMtLjIuMTQzLS4zMjYuMjMzLS40NTQuMzI5YS44Ny44NyAwIDAgMC0uMzU5LjY5NnYxLjI3M2EuODc4Ljg3OCAwIDAgMCAuNDc0Ljc3NWMuMjk3LjE2Mi42NjUuMTYyLjk2MiAwYS44OC44OCAwIDAgMCAuNDczLS43ODJjLjAwOC0uNTU5LjAxNC0uODQuMDE3LS44NDJsLjIyMy0uMTU4Yy4xODYtLjEzMy4zMjgtLjIzNi40NjktLjM0My4zMTEtLjIzNi41NzYtLjQ2LjgxNi0uNjk2Ljc2Ny0uNzU0IDEuMjAzLTEuNjE2IDEuMjAzLTIuNjIxIDAtMS44OTMtMS42NTQtMy40MzctMy42ODItMy40MzdaIiBmaWxsPSIjMzUzNTM1IiBmaWxsLXJ1bGU9ImV2ZW5vZGQiLz4KPC9zdmc+) no-repeat center;
}
.js-is-dmax #h_xxl_login_lien .loggedIcon {
  width: 30px;
  height: 22px;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiIGhlaWdodD0iMjQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48ZyBmaWxsPSIjMzUzNTM1IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgyLjUgMikiPjxwYXRoIGQ9Ik0xMC4wMyAxMC45NDJjNS4zNzIgMCA5LjcyNyAxLjgzOCA5LjcyNyA4LjEwNSAwIC41NS0uMDM0IDEuMDkyLS4wOTkgMS42MjJILjQwMmExMy4zMiAxMy4zMiAwIDAgMS0uMDk4LTEuNjIyYzAtNi4yNjcgNC4zNTUtOC4xMDUgOS43MjYtOC4xMDVaIi8+PGNpcmNsZSBjeD0iOS43MjYiIGN5PSI0Ljg2MyIgcj0iNC44NjMiLz48L2c+PHBhdGggZD0iTTE4IDIzaDRjMSAwIC41LTIuNDU3LjUtNCAwLTMuMDM4LTEuOTYyLTYtNS02LTMuMDM4IDAtNiAyLjk2Mi02IDYgMCAxLjQzNS4xIDIuNTIgMSAzLjUgMS4wMDUgMS4wOTMgMy44OTguNSA1LjUuNVoiIGZpbGw9IiNGRkYiLz48cGF0aCBkPSJNMzAuMDI3IDE2LjE2MmE0LjE3IDQuMTcgMCAwIDAtNS43ODMuMDA3bC0xLjg4NSAxLjg1MS0uMjM1LjIzLS43NzcuNzY0LS4wMDguMDA3LTEuODc4IDEuODQ1Yy0uOTgyLjk4Ny0yLjcyNi45OTYtMy43MjItLjAwN2EyLjYxOSAyLjYxOSAwIDAgMS0uNzI3LTEuMjg1bC0uNzk0LS41MS0uNjc2LjM3NWMuMDk4LjkwOC41MDkgMS43NTIgMS4xNzcgMi40MDggMS41MjYgMS41NCA0LjI1IDEuNTMyIDUuNzYyLjAwN2wxLjg3OS0xLjg0NS44MTMtLjguMTkyLS4xODguMDA3LS4wMDYgMS44NzgtMS44NDVhMi43MjIgMi43MjIgMCAwIDEgMy43NjQtLjAxM2MuNDMuNDM1LjY4MS45NzIuNzUyIDEuNTI2bC43NTgtLjQyLjY4NC40MzlhNC4wNTEgNC4wNTEgMCAwIDAtMS4xODEtMi41NCIgZmlsbD0iIzAwNUVBRCIvPjxwYXRoIGQ9Im0yMC41MzggMTguNjA2IDEtMS4wNy4wMDQtLjAwNC0uNDk3LS41NDItLjcwNi0uNzdjLTEuNDktMS42MjYtNC4xMzktMS42MjctNS42MzIgMGE0LjUzIDQuNTMgMCAwIDAtMS4xNjUgMi43MDVsLjY5NC0uNDI4LjcwNS41MDNhMi45NTQgMi45NTQgMCAwIDEgLjc1OC0xLjY5OCAyLjQ2MSAyLjQ2MSAwIDAgMSAzLjY0OSAwbDEuMTkgMS4zMDRaIiBmaWxsPSIjRkZERTE3Ii8+PHBhdGggZD0ibTMwLjE4OCAxOS0uNzQ1LjQyYy0uMDkyLjUwNS0uMzMuOTg5LS43MTkgMS4zODZhMi42MTYgMi42MTYgMCAwIDEtMy43MyAwbC0uOTEzLS45MS0uMi0uMTk4LS4wMDMuMDA0LTEuMDAzIDEgLjI1OS4yNTdoLjAwNGwuMDA1LjAwNC44NDYuODQ0YTQuMDQ5IDQuMDQ5IDAgMCAwIDYuODg2LTIuMzZMMzAuMTg4IDE5WiIgZmlsbD0iI0VEMUMxRCIvPjwvZz48L3N2Zz4=);
}
#h_xxl_wishlist_count,
#h_xxl_panier_count,
#h_xxl_devis_count {
  position: absolute;
  top: -2px;
  background: var(--red);
  min-width: 10px;
  border-radius: 100%;
  padding: 3px;
  height: 10px;
  line-height: 10px;
  border: 1px solid var(--white);
  text-align: center;
  color: var(--white);
  font-size: 13px;
  box-sizing: unset;
}
#h_xxl_panier_count:empty,
#h_xxl_devis_count:empty {
  display: none;
}
#h_xxl_wishlist_count {
  left: 54px;
}
#h_xxl_devis_count.count_dpro {
  top: 11px;
  font-size: 10px;
  line-height: 10px;
}
#h_xxl_panier_count {
  top: 11px;
  font-size: 10px;
  line-height: 10px;
}
#h_xxl_panier_count.js-count-big {
  line-height: 12px;
  height: 13px;
}
#h_xxl_wishlist_count,
#h_xxl_panier_count {
  box-sizing: initial;
}
.sprite_favorite_store {
  display: inline-block;
  vertical-align: middle;
  width: 24px;
  height: 18px;
  background: url(../catalog/version_desktop_old/styles/images/pictos/favorite_store.png) no-repeat 0 0;
}
#h_xxl_login.selected {
  padding-top: 10px;
}
#h_xxl_login_username.user--logged-in {
  text-transform: capitalize;
}
#h_xxl_login.selected,
#h_xxl_login_loggedin_popin {
  background-color: var(--white);
}
#h_xxl_main_d ul.h_xxl_menu_client .loggedin_popin .sprite_lock_close {
  width: 19px;
  height: 20px;
  background: url(../catalog/version_common/styles/images/pictos/space.svg) no-repeat center;
}
#h_xxl_main_d ul.h_xxl_menu_client .loggedin_popin .sprite_favorite_store {
  width: 20px;
  height: 12px;
  background: url(../catalog/version_common/styles/images/pictos/store.svg) no-repeat center;
}
#h_xxl_main_d ul.h_xxl_menu_client .loggedin_popin .sprite_box {
  width: 20px;
  height: 20px;
  background: url(../catalog/version_common/styles/images/pictos/box.svg) no-repeat center;
}
#h_xxl_main_d ul.h_xxl_menu_client .loggedin_popin .sprite_lock_open {
  width: 18px;
  height: 18px;
  background: url(../catalog/version_common/styles/images/pictos/logout.svg) no-repeat center;
}
#h_xxl_login_loggedin_popin {
  position: absolute;
  top: 72px;
  left: -50%;
  min-height: 184px;
  padding: 8px 16px;
  width: 268px;
  z-index: 99;
  font-family: var(--font-regular);
  border-radius: 3px;
  box-shadow: 0 0 2px 0 rgba(69, 69, 69, 0.16), 0 3px 6px 0 rgba(69, 69, 69, 0.16);
}
#h_xxl_login_loggedin_popin #h_xxl_login_username {
  font-size: 14px;
  display: block;
  padding: 0 0 12px 10px;
}
#h_xxl_login_loggedin_popin a {
  display: block;
  height: 43px;
  overflow: hidden;
  text-decoration: none;
  clear: both;
  background: var(--white);
  margin-bottom: 0;
  font-size: 13px;
  padding-left: 0;
  color: var(--grey);
  cursor: pointer;
  box-sizing: content-box;
}
#h_xxl_login_loggedin_popin a:not(:last-child) {
  border-bottom: 1px solid var(--light-grey);
}
#h_xxl_login_loggedin_popin a:hover,
#h_xxl_login_loggedin_popin a:focus {
  text-decoration: none;
}
#h_xxl_login_loggedin_popin a.signout {
  height: 30px;
  padding-top: 24px;
}
#h_xxl_login_loggedin_popin div {
  margin-top: 10px;
  float: left;
}
#h_xxl_login_loggedin_popin p {
  display: block;
  float: right;
  height: 40px;
  width: 90px;
  font-size: 11px;
  color: #4c4c4c;
  margin-top: 10px;
}
#h_xxl_login #h_xxl_login_loggedin_popin .label {
  padding-left: 8px;
  font-size: 14px;
  font-family: var(--font-bold);
  color: var(--dark-grey);
  transition: padding .3s;
}
#h_xxl_login #h_xxl_login_loggedin_popin .label:hover,
#h_xxl_login #h_xxl_login_loggedin_popin .label:focus {
  padding-left: 16px;
}
#h_xxl_login #h_xxl_login_loggedin_popin .label.logout {
  padding-top: 3px;
  color: var(--dark-grey);
}
#h_xxl_login_loggedin_popin .selfcare .label,
#h_xxl_login_loggedin_popin .purchases .label,
#h_xxl_login_loggedin_popin .favorite_stores .label,
#h_xxl_login_loggedin_popin .signout .label {
  display: inline-block;
  vertical-align: middle;
  padding: 11px 0 0 10px;
}
#h_xxl_login_loggedin_popin .favorite_stores .label {
  padding-left: 3px;
}
#h_xxl_login_loggedin_popin .selfcare span:first-child,
#h_xxl_login_loggedin_popin .purchases span:first-child,
#h_xxl_login_loggedin_popin .signout span:first-child {
  vertical-align: middle;
}
#h_xxl_login_loggedin_popin .selfcare span:first-child {
  margin-top: 8px;
}
#h_xxl_login_loggedin_popin .favorite_stores span:first-child,
#h_xxl_login_loggedin_popin .purchases span:first-child {
  margin-top: 10px;
}
#h_xxl_login_loggedin_popin .signout span:first-child {
  margin-top: 4px;
}
#h_xxl_login_loggedin_popin .sprite_lock_close {
  width: 19px;
  height: 20px;
  background: url(../catalog/version_common/styles/images/pictos/space.svg) no-repeat center;
}
#h_xxl_login_loggedin_popin .sprite_favorite_store {
  width: 20px;
  height: 12px;
  background: url(../catalog/version_common/styles/images/pictos/store.svg) no-repeat center;
}
#h_xxl_login_loggedin_popin .sprite_box {
  width: 20px;
  height: 20px;
  background: url(../catalog/version_common/styles/images/pictos/box.svg) no-repeat center;
}
#h_xxl_login_loggedin_popin .sprite_lock_open {
  width: 18px;
  height: 18px;
  background: url(../catalog/version_common/styles/images/pictos/logout.svg) no-repeat center;
}
[data-user-is-connected="true"] #h_xxl_login #h_xxl_login_lien {
  text-decoration: underline;
  color: var(--dark-grey);
}
[data-user-is-connected="true"] #h_xxl_login #h_xxl_login_lien .label {
  font-family: var(--font-regular);
}
#h_xxl_main_d .h_xxl_menu_client #h_xxl_login .label::after {
  content: unset;
}
.u-truncate-header {
  text-overflow: ellipsis;
  overflow: hidden;
  display: block;
  white-space: nowrap;
}
.abtest_avec_location_in_header #h_xxl_login {
  width: 38%;
}
.h_xxl_localisation,
#h_xxl_login {
  border-right: 0;
}
.h_xxl_localisation,
.abtest_avec_location_in_header #h_xxl_login,
.h_xxl_menu_client .h_xxl_panier {
  width: 33.33%;
}
.h_xxl_localisation,
#h_xxl_login,
.h_xxl_panier {
  border-left: 1px solid var(--border-grey);
}
.h_xxl_localisation_lien {
  font-size: 12px;
  text-decoration: underline;
  color: var(--dark-grey);
}
.h_xxl_localisation_lien::first-letter {
  text-transform: uppercase;
}
.h_xxl_localisation__item--color {
  color: var(--green);
  font-family: var(--font-bold);
}
.h_xxl_localisation__item {
  line-height: 1.2;
  text-decoration: none;
  padding: 0 5px;
  text-transform: uppercase;
}
.h_xxl_localisation__item--link {
  text-decoration: underline;
  text-transform: lowercase;
}
.h_xxl_localisation__sprite {
  display: inline-block;
  height: 24px;
  width: 20px;
  background: url(../catalog/version_common/styles/images/pictos/locate.svg) no-repeat center;
}
.main-menu .column-break-before {
  -webkit-column-break-before: always;
  break-before: page;
}
.main-menu .level-1 {
  display: flex;
  position: relative;
  z-index: 998;
  align-items: center;
}
.main-menu .level-1 > li > ul {
  display: none;
}
.main-tab a.open + ul {
  display: block;
}
.main-menu .level-1 > li:not(:first-child) {
  display: flex;
  flex-grow: 1;
}
.main-menu .level-1 > li:not(:first-child)::before {
  content: "";
  position: relative;
  top: 3px;
  right: 0;
  width: 2px;
  height: 16px;
  background-color: var(--border-grey);
}
.main-menu .level-1 > li:first-child {
  min-width: 168px;
  height: 35px;
}
.main-menu .level-1 > li:first-child a::after,
.main-menu .level-1 > li:last-child a::before {
  content: unset;
}
.main-menu .level-1 > li > a {
  position: relative;
  height: 28px;
  font-size: 16px;
  font-family: var(--font-regular);
  line-height: normal;
  overflow: hidden;
  display: inline-block;
  margin: auto;
  white-space: nowrap;
  text-align: center;
  text-decoration: none;
  text-overflow: ellipsis;
}
.main-menu .level-1 > li > a .dmax {
  display: none;
}
.main-menu .level-1 > li:not(:first-child) > a::after {
  content: "";
  position: absolute;
  bottom: 0;
  display: block;
  width: 0;
  height: 2px;
  margin: 0 auto;
  background-color: var(--blue);
  transition: width 0.3s ease-in-out;
}
.main-menu .level-1 > li:first-child > a.open::after,
.main-menu .level-1 > li.hover-menu-tab > a.open::after {
  background-image: url(../catalog/version_desktop_old/styles/images/pictos/menu-expandable-open.png);
}
.main-menu .level-1 > li:first-child > a,
.main-menu .level-1 > li > a {
  color: var(--dark-grey);
}
.main-menu .level-1 > li:first-child > a:hover,
.main-menu .level-1 > li > a:hover,
.main-menu .level-1 > li:first-child > a:focus,
.main-menu .level-1 > li > a:focus {
  background-color: var(--white);
}
.main-menu .level-1 > li:first-child > a:hover::after,
.main-menu .level-1 > li > a:hover::after,
.main-menu .level-1 > li:first-child > a:focus::after,
.main-menu .level-1 > li > a:focus::after {
  width: 100%;
}
.main-menu .level-1 > li:first-child > a {
  border-left: 0;
}
.main-menu .level-1 > li:last-child > a {
  border-right: 0;
}
.main-menu .level-2 {
  position: absolute;
  top: 36px;
  left: 0;
  right: 0;
  z-index: 50;
}
.main-menu .level-2 .level-2-item {
  width: 215px !important;
}
.main-menu .level-2 .level-2-item:first-child .level-2-link {
  border-top-width: 1px;
}
.main-menu .level-2 .level-2-item.active .level-2-link {
  color: var(--white);
  background-color: var(--dark-grey);
  border-color: var(--dark-grey);
}
.main-menu .level-2 .level-2-link {
  display: block;
  font-size: 13px;
  color: var(--dark-grey);
  background-color: var(--white);
  border-style: solid;
  border-color: var(--border-grey);
  border-width: 0 1px 1px;
  text-transform: initial;
  padding: 9px 17px;
  text-decoration: none;
}
.main-menu .level-2 .level-2-link:hover,
.main-menu .level-2 .level-2-link.open {
  color: var(--white);
  background-color: var(--dark-grey);
  border-color: var(--dark-grey);
}
.main-menu .level-2 .level-2-link.open + .level-3 {
  display: flex;
}
.main-menu .level-3 {
  left: 215px !important;
  padding: 16px;
  gap: 20px;
  border-style: solid;
  border-color: var(--border-grey);
  border-width: 1px 1px 1px 0;
  overflow: hidden;
  display: none;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  background: var(--white);
}
.main-menu .level-3 > .level-3-column {
  width: 0;
  flex: 1;
  padding: 0;
  float: left;
}
.main-menu .level-3-column > ul > .level-3-item {
  line-height: 13px;
}
.main-menu .level-3-column > ul > .level-3-item > .level-3-link {
  margin-bottom: 8px;
}
.main-menu .level-3-column > ul > li > .level-3-link,
.main-menu .level-3-column > ul > li > span {
  display: block;
  color: var(--dark-grey);
  font-size: 13px;
  line-height: initial;
  font-family: var(--font-bold);
  text-decoration: none;
  text-transform: uppercase;
  white-space: nowrap;
  padding: 0;
}
.main-menu .level-3-column ul ul a {
  color: var(--black);
  font-size: 12px;
  text-decoration: none;
}
.main-menu .level-3 a:hover,
.main-menu .level-3 a:focus {
  text-decoration: underline !important;
}
.main-menu .level-4 {
  margin: 8px 0 24px;
}
.main-menu .level-4 > li {
  white-space: inherit;
}
.main-menu .level-4 > li + li {
  padding-top: 3px;
}
.main-menu .level-4 .level-4-link {
  display: inline-block;
  padding: 0;
  font-size: 13px;
  line-height: 17px;
  margin-bottom: 4px;
  white-space: inherit;
}
.main-menu .level-4 .level-4-link:last-child {
  margin-bottom: 0;
}
.main-menu .hover-menu-tab {
  position: relative;
}
.main-menu .level-1 > li.hover-menu-tab > a:not(:hover):not(.open) {
  background-color: var(--mid-grey);
  border-bottom: 3px solid var(--mid-grey);
  border-right: 1px solid #1d1d1d;
  border-left: 1px solid #818181;
}
.main-menu .hover-menu-tab > ul > li > a {
  display: block;
  border-top: 1px solid var(--grey);
  border-bottom: 1px solid #1d1d1d;
  padding: 8px 10px 7px;
  background-color: var(--grey);
  color: var(--white);
  font-size: 11px;
  text-decoration: none;
  text-transform: uppercase;
}
.main-menu .hover-menu-tab > ul div.picto {
  display: inline-block;
  width: 15px;
  height: 15px;
  margin-right: 10px;
  vertical-align: top;
}
.main-menu .hover-menu-tab > ul > li > a:hover,
.main-menu .hover-menu-tab > ul > li > a:focus,
.main-menu .hover-menu-tab > ul > li.active > a,
.main-menu .hover-menu-tab > ul > li > a.open {
  background-color: var(--mid-grey);
}
.icon--burger {
  display: inline-block;
  position: relative;
  top: 4px;
  width: 24px;
  height: 18px;
  margin-right: 16px;
  transform: rotate(0);
  transition: none;
  cursor: pointer;
}
.icon--burger span {
  display: block;
  position: absolute;
  left: 0;
  width: 100%;
  height: 4px;
  background-color: var(--dark-grey);
  border-radius: 2px;
  opacity: 1;
  transform: rotate(0);
  transition: 0.25s ease-in-out;
}
.icon--burger span:nth-child(1),
.icon--burger span:nth-child(2),
.icon--burger span:nth-child(3) {
  transform-origin: left center;
}
.icon--burger span:nth-child(1) {
  top: 0;
}
.icon--burger span:nth-child(2) {
  top: 7px;
}
.icon--burger span:nth-child(3) {
  top: 14px;
}
#main-tab-id-0 a {
  font-family: var(--font-bold);
  color: var(--dark-grey);
}
#main-tab-id-0 a::after {
  background-color: var(--dark-grey);
}
#main-tab-id-0 a:hover::after,
#main-tab-id-0 a:focus::after {
  background-color: var(--dark-grey);
}
#main-tab-main-link {
  text-align: left;
  margin: 3px 0 0 10px;
}
@keyframes animated-icon {
  0% {
    transform: scale(0);
  }
  60% {
    transform: scale(1.1);
  }
  100% {
    transform: scale(1);
  }
}
.copyright_alt {
  padding: 18px 0;
  max-width: 850px;
  margin: 0 auto;
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
}
.copyright_alt #ot-sdk-btn.ot-sdk-show-settings {
  padding: 0;
  border: 0;
  margin: 0 auto;
  font-size: 13px;
  background: none;
  color: var(--dark-grey);
  cursor: pointer;
  transition: unset;
}
.copyright_alt #ot-sdk-btn.ot-sdk-show-settings:hover,
.copyright_alt #ot-sdk-btn.ot-sdk-show-settings:focus {
  color: var(--dark-grey);
  background-color: var(--white);
}
.copyright_logo {
  width: auto;
  height: 32px;
  display: block;
  margin-right: auto;
}
.copyright_label {
  margin-left: 8px;
}
.copyright_link {
  text-decoration: none;
  font-family: var(--font-bold);
  margin: 0 auto;
  color: var(--dark-grey);
}
.copyright_link:hover {
  text-decoration: underline;
}
.copyright_link:last-child {
  margin-right: 0;
}
#darty_footer {
  position: absolute;
  width: 100%;
  min-width: 980px;
  padding-bottom: 41px;
}
#f_top_content,
#f_middle_content,
#f_bottom_content {
  margin: 0 auto;
  width: 1000px;
  position: relative;
}
.ref_g #f_top_content,
.ref_g #f_middle_content,
.ref_g #f_bottom_content {
  width: 980px;
  box-sizing: border-box;
  padding-left: 20px;
  padding-right: 20px;
}
#darty_footer #f_top {
  min-height: 260px;
  background-color: var(--white);
  color: var(--grey);
  padding-bottom: 30px;
}
#f_top_content {
  text-align: center;
}
#f_top_content .top {
  padding: 20px 0 45px;
  min-height: 105px;
}
#f_top_content .top h3 {
  font-family: var(--font-regular);
  font-size: 24px;
  color: var(--dark-grey);
  text-transform: uppercase;
  padding-bottom: 20px;
}
#f_top_content .top span.title {
  display: block;
  font-size: 24px;
  color: var(--dark-grey);
  text-transform: uppercase;
  padding-bottom: 20px;
}
#f_top_content .top p > img {
  padding-bottom: 15px;
}
#f_top_content .top p > a.bl_lnk {
  color: var(--dark-grey);
  font-family: var(--font-bold);
  display: inline-block;
}
#f_top_content .top p > .bl_lnk .blackLinkArrow {
  margin: 7px 0 0 5px;
  float: right;
}
#f_top_content .bottom {
  min-height: 76px;
}
#f_top_content .bottom ul {
  margin: 0 auto;
  display: inline-block;
}
#f_top_content .bottom ul > li {
  float: left;
  min-height: 55px;
  text-align: center;
  padding: 0 11px;
  font-family: var(--font-bold);
  line-height: 19px;
  width: 166px;
  position: relative;
}
#f_top_content .bottom ul > li a {
  color: var(--grey);
  text-decoration: none;
}
#f_top_content .bottom ul > li a:hover {
  text-decoration: underline;
}
#f_top_content .bottom ul > li a:visited {
  text-decoration: none;
}
#f_top_content .bottom ul > li > img {
  height: 27px;
}
#f_top_content .bottom ul > li::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 1px;
  height: 55px;
  border-left: 1px solid var(--white-pressed);
}
#f_top_content .bottom ul > li:first-child::after {
  border: none;
}
#darty_footer #f_middle {
  min-height: 510px;
  background-color: var(--dark-grey);
  color: #ebebeb;
}
#f_middle_ctn_bot {
  width: 980px;
  margin: 0 auto;
  padding: 32px 0;
  position: relative;
}
.middle_ctn {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: 1fr 114px;
  grid-gap: 24px 40px;
}
.middle_ctn .f_socials {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  height: fit-content;
}
.middle_ctn .f_socials_wrapper {
  margin-top: 16px;
  padding-left: 63px;
}
.middle_ctn .f_socials_item + .f_socials_item {
  margin-left: 64px;
}
.middle_ctn .f_socials_icon {
  display: block;
}
.middle_ctn .f_other {
  margin-top: 16px;
  padding-left: 63px;
}
.middle_ctn .f_other_wrap {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
}
.middle_ctn .f_other_wrap .link {
  padding: 8px;
  margin-right: 16px;
  background-color: var(--white);
  border-radius: 3px;
  display: block;
  height: auto;
}
.middle_ctn .f_other_wrap .link .logo {
  display: block;
}
.middle_ctn .f_title {
  text-transform: uppercase;
  font-size: 15px;
  font-family: var(--font-bold);
  margin-bottom: 16px;
}
#f_middle_content {
  padding: 35px 0;
}
#f_middle_content.f_middle_content_pad {
  padding: 0;
  margin: 0;
  width: 100%;
}
#f_middle_content hr {
  position: relative;
  clear: both;
  width: 50%;
  margin: 35px auto;
  background-color: #4e4e4e;
  border: none;
}
#f_middle_ctn_top .col {
  float: left;
  width: 25%;
  line-height: 20px;
}
#f_middle_ctn_top .col span.title {
  display: block;
  font-family: var(--font-bold);
  padding-bottom: 20px;
  text-transform: uppercase;
}
#f_middle_ctn_top .col ul > li {
  padding-right: 30px;
  text-align: left;
}
#f_middle_ctn_top .col ul > li > a {
  color: #ebebeb;
  text-decoration: none;
  line-height: 25px;
}
#f_middle_ctn_top .col ul > li > a:hover {
  text-decoration: underline;
}
#f_middle_ctn_g,
#f_middle_ctn_d {
  padding-left: 63px;
  box-sizing: border-box;
  position: relative;
  min-height: unset;
  height: 150px;
  float: none;
  width: 100%;
}
#f_middle_ctn_g span.title,
#f_middle_ctn_d span.title {
  display: block;
  text-transform: uppercase;
  font-size: 15px;
  font-family: var(--font-bold);
  padding-bottom: 8px;
}
#f_middle_ctn_g span.title::before,
#f_middle_ctn_d span.title::before {
  content: "";
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0;
}
#f_middle_ctn_g p,
#f_middle_ctn_d p {
  text-align: justify;
  padding: 0;
}
#darty_footer #f_middle_ctn_g a {
  color: #ebebeb;
  text-decoration: underline;
}
#f_middle_ctn_d .btn-link {
  padding-right: 0;
  padding-left: 0;
  line-height: 16px;
  color: var(--white);
  text-decoration: underline;
}
#f_middle_ctn_d span.title::before {
  content: "";
  height: 37px;
  width: 46px;
  display: inline-block;
  background: url(../catalog/version_common/styles/images/pictos/picto_smartphone.svg) center left no-repeat;
  left: 17px;
}
#f_middle_ctn_d .f_apps {
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  align-items: center;
  height: fit-content;
  margin-top: 16px;
}
#f_middle_ctn_d .f_apps .f_apps_icon {
  display: block;
  height: 40px;
  width: auto;
}
#darty_footer #f_middle_ctn_g a:hover,
#f_middle_ctn_d .btn-link:hover {
  color: #d3d3d3;
  text-decoration: none;
}
#f_middle_ctn_g .f_form_mag_form {
  position: absolute;
  bottom: 0;
  height: 48px;
}
#f_middle_ctn_g .title::before {
  content: "";
  height: 25px;
  width: 44px;
  display: inline-block;
  background: url(../catalog/version_common/styles/images/pictos/picto_magasins.svg) center left no-repeat;
}
#f_middle_ctn_g .f_form_mag_form .subm {
  border: none;
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px;
  height: 48px;
  width: 48px;
  color: var(--white);
  background-color: var(--blue);
  font-size: 13px;
  float: left;
  text-transform: uppercase;
}
#f_middle_ctn_g .f_form_mag_form .subm.subm_pro {
  background-color: var(--purple);
}
#f_middle_ctn_g .f_form_mag_form .text {
  box-sizing: border-box;
  outline: none;
  border: 1px solid var(--white-pressed);
  border-right: none;
  border-top-left-radius: 2px;
  border-bottom-left-radius: 2px;
  height: 48px;
  line-height: 46px;
  width: 359px;
  padding: 0 5px 0 16px;
  background: var(--white);
  font-size: 13px;
  float: left;
}
#darty_footer #f_bottom {
  min-height: 290px;
  background-color: #1e1e1e;
  color: #d0d0d0;
  padding-bottom: 30px;
}
#darty_footer #f_bottom .footer_block {
  float: left;
  width: 220px;
  margin: 42px 20px 0 0;
  position: relative;
}
#darty_footer #f_bottom .footer_block:last-child {
  margin-right: 0;
}
#darty_footer #f_bottom .footer_block .picto {
  float: left;
  margin-right: 10px;
}
#darty_footer #f_bottom .footer_block h4 {
  font-family: var(--font-regular);
  font-size: 18px;
  text-transform: uppercase;
  margin: 5px 0 15px;
  padding-top: 5px;
}
#darty_footer #f_bottom .footer_block .nufcontent {
  margin-bottom: 20px;
}
#darty_footer #f_bottom .footer_block .nufcontent a {
  font-family: var(--font-bold);
  margin-bottom: 15px;
}
#darty_footer #f_bottom .footer_block .nufcontent img {
  width: 180px;
}
#darty_footer #f_bottom .footer_block .bottomlink a {
  color: #d0d0d0;
  font-family: var(--font-bold);
  display: inline-block;
  font-size: 12px;
}
#darty_footer #f_bottom .footer_block .bottomlink .redLinkArrow,
#darty_footer #f_bottom .footer_block .bottomlink .whiteLinkArrow {
  margin: 10px 0 0 5px;
  text-decoration: none;
  float: right;
}
#darty_footer #f_bottom .footer_block > div {
  margin-bottom: 35px;
}
.footer_seo_block.footer_seo_block_background {
  background-color: var(--white);
}
.seo_links_container {
  column-count: 3;
  width: 980px;
  margin: 0 auto;
  padding: 25px 0 35px;
}
.seo_links_container .seo_list {
  width: 325px;
  margin-bottom: 25px;
  line-height: 20px;
  break-inside: avoid;
}
.seo_links_container .seo_list_item {
  padding-bottom: 8px;
}
.seo_links_container .seo_list_item .element {
  text-decoration: none;
  color: initial;
}
.seo_links_container .seo_list_item .element:hover {
  text-decoration: underline;
}
.seo_links_container .seo_list_item .seo_faciliti {
  display: flex;
  align-items: center;
}
.seo_links_container .seo_list_item .seo_facilitilogo {
  margin-right: 4px;
}
.seo_links_container .seo_list_item_title {
  margin: 0 0 14px;
  color: var(--dark-grey);
  font-size: 14px;
  font-family: var(--font-bold);
  text-transform: uppercase;
}
.seo_links_container .btn-reset,
.seo_links_container .seo_list_item_link {
  color: var(--dark-grey);
  font-size: 14px;
  text-decoration: none;
}
.seo_links_container .seo_list_item_link:hover,
.seo_links_container .seo_list_item_link:focus {
  text-decoration: underline;
}
.seo_links_container .btn-reset {
  font-size: 14px !important;
  color: var(--dark-grey) !important;
  border: 0 !important;
  line-height: 15px !important;
  padding: 0 !important;
  text-decoration: none !important;
}
.seo_links_container .btn-reset:hover,
.seo_links_container .btn-reset:focus {
  color: var(--dark-grey) !important;
  background: transparent !important;
  text-decoration: underline !important;
}
.sticky-footer {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 999;
  height: 40px;
  border-top: 1px solid #575757;
  background-color: #1e1e1e;
  color: var(--white);
}
.sticky-footer .sticky-footer-links {
  overflow: hidden;
  width: 980px;
  margin: 0 auto;
  border-right: 1px solid #595959;
  border-left: 1px solid #595959;
}
.sticky-footer-item {
  float: left;
  border-right: 1px solid #595959;
}
.sticky-footer-item.item-comparator {
  max-width: 233px;
}
.sticky-footer-item.item-history {
  max-width: 244px;
}
.hide + .sticky-footer-item.item-history {
  margin-left: 230px;
  border-left: 1px solid #595959;
}
.sticky-footer-item.item-shops {
  max-width: 200px;
}
.sticky-footer-item.item-contact {
  max-width: 157px;
}
.sticky-footer-item.item-social-links {
  margin-left: 6px;
  border-right: 0;
  height: 40px;
  display: table;
}
.sticky-footer-item.item-social-links .item-social {
  display: table-cell;
  vertical-align: middle;
  padding: 0 3px;
}
.sticky-footer-item.item-social-links .item-social a {
  display: block;
  width: 22px;
}
.sticky-footer-item.item-social-links .item-social a.btn-action {
  padding: 0;
}
.sticky-footer-item .btn-action {
  display: inline-block;
  vertical-align: middle;
  border: 0;
  border-radius: 0;
  padding: 0 15px;
  color: var(--white);
  font-family: var(--font-regular);
  font-size: 12px;
  line-height: 40px;
  text-decoration: none;
  text-transform: uppercase;
  cursor: pointer;
}
.sticky-footer-item button.btn-action {
  padding-right: 34px;
  background: url(../catalog/version_desktop_old/styles/images/pictos/footer-arrow-expand.png) no-repeat top 49% right 16px;
}
.oldie .sticky-footer-item button.btn-action {
  background: url(../catalog/version_desktop_old/styles/images/pictos/footer-arrow-expand.png) no-repeat 49% 96%;
}
.sticky-footer-item button.btn-action.js-active {
  background-image: url(../catalog/version_desktop_old/styles/images/pictos/footer-arrow-close.png);
}
.sticky-footer-item .btn-action * {
  vertical-align: middle;
}
.sticky-footer-item.item-shops .btn-action {
  padding-left: 50px;
  background: url(../catalog/version_desktop_old/styles/images/pictos/footer-shops.png) no-repeat top 49% left 14px;
}
.sticky-footer-item .btn-action .badge {
  display: inline-block;
  width: 20px;
  height: 20px;
  margin-right: 6px;
  border: 1px solid #a29b9c;
  border-radius: 50%;
  background-color: var(--red);
  font-size: 14px;
  line-height: 20px;
  font-family: var(--font-bold);
}
#sticky-footer .darty-footer-popup {
  max-width: 736px;
  position: absolute;
  bottom: 41px;
  display: none;
  background-color: var(--white);
  border: 8px solid #1e1e1e;
  padding: 12px;
  cursor: default;
  color: var(--black);
}
#sticky-footer .js-active + .darty-footer-popup {
  display: block;
}
.sticky-footer-item.loading .darty-footer-popup::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(255, 255, 255, 0.8) url(../catalog/version_desktop_old/styles/images/bg/ajax-loader.gif) no-repeat 50% 50%;
}
#sticky-footer .footer-popup-buttonbar {
  clear: both;
  padding: 7px 0 0;
}
.oldie #sticky-footer .footer-popup-buttonbar {
  max-width: 400px;
}
#sticky-footer .darty-footer-popup-button {
  float: right;
  border: 0;
  border-radius: 3px;
  padding: 4px 10px;
  font-size: 12px;
  text-transform: uppercase;
  cursor: pointer;
}
#sticky-footer .darty-footer-popup-button span {
  margin-right: 5px;
}
#sticky-footer .disabled .darty-footer-popup-button {
  background-color: #a5a5a5;
  color: var(--white);
}
#sticky-footer .disabled .darty-footer-popup-button img {
  display: none;
}
#sticky-footer .darty-footer-popup.popup-history {
  width: 392px;
}
#sticky-footer .darty-footer-popup.popup-contact {
  max-width: 267px;
}
.darty-footer-popup.popup-contact p + p {
  margin-top: 15px;
}
.darty-footer-popup.popup-contact a {
  color: #376092;
  text-decoration: none;
}
.sticky-footer .btn-close {
  position: absolute;
  top: -19px;
  right: -19px;
  z-index: 100;
  width: 30px;
  height: 30px;
  border: 3px solid #1e1e1e;
  border-radius: 50%;
  background-color: var(--white);
  font-family: var(--font-bold);
  color: #1e1e1e;
  text-align: center;
  cursor: pointer;
}
#sticky-footer .darty_prix {
  color: var(--red);
  font-family: var(--font-bold);
}
#sticky-footer .darty_prix sup {
  vertical-align: super;
  position: static;
  font-size: 8.25px;
}
#sticky-footer .darty_normal,
#sticky-footer .darty_big .darty_cents {
  font-size: 22px;
}
#sticky-footer .darty_normal .darty_cent,
#sticky-footer .darty_small {
  font-size: 14px;
}
#sticky-footer .darty_small .darty_cents {
  font-size: 11px;
  position: relative;
}
#sticky-footer .darty_big {
  font-size: 35px;
}
#sticky-footer .darty_medium {
  font-size: 16px;
}
#sticky-footer .darty_medium .darty_cent {
  font-size: 12px;
}
#historic-container-title {
  width: 356px;
  margin: 8px 10px 7px;
  text-align: center;
  font-size: 12px;
  font-family: var(--font-bold);
}
#historic-product-list {
  height: 485px;
  overflow: auto;
}
.oldie #historic-product-list {
  height: 350px;
}
.darty_product_list .darty-product {
  float: left;
  padding-bottom: 5px;
  padding-top: 5px;
}
.darty_product_list div + div.darty-product {
  width: 100%;
  border-top: 3px solid #d9d9d9;
}
.darty_product_list .darty-product-list-picture {
  width: 150px;
  float: left;
}
.darty_product_list .darty-product-description {
  float: left;
  width: 205px;
  font-size: 11px;
}
.darty_product_list .darty-product-description h1 {
  font-size: 12px;
}
.darty_product_list .darty-product-description h2 {
  font-size: 11px;
}
.darty_product_list .darty-product-description a {
  text-decoration: none;
}
.darty_product_list .delivery_status {
  margin: 5px 0;
}
.darty_product_list .historic-empty-item {
  height: 130px;
  width: 100%;
}
.darty_product_list .historic-empty-item img {
  display: block;
  margin: auto;
  padding-top: 55px;
}
#historic-container .product_unavailable {
  display: block;
  margin: 4px 0 0;
  color: var(--mid-grey);
  font-family: var(--font-bold);
  text-transform: uppercase;
}
#historic-container .view-product-button {
  display: inline-block;
  width: auto;
  height: 20px;
  border: 0;
  border-radius: 2px;
  box-shadow: 1px 2px 2px var(--low-grey);
  margin-top: 5px;
  padding: 0 10px;
  background-color: var(--grey);
  line-height: 20px;
  text-transform: uppercase;
  font-family: var(--font-regular);
  font-size: 12px;
  cursor: pointer;
}
#historic-container .view-product-button a {
  padding: 0;
  color: var(--white);
}
#historic-container .view-product-button .sprite {
  display: none;
}
#historic-product-list .darty_product_rating {
  float: left;
  height: 20px;
  width: 200px;
}
#historic-product-list .darty_product_rating div {
  margin-right: 5px;
}
#historic-product-list .darty_product_rating span {
  color: var(--red);
  text-decoration: none;
}
#historic-product-list .darty_ecopart {
  padding: 10px 0;
  color: #363636;
}
#historic-product-list .darty_ecopart a {
  color: #363636;
}
#historic-product-list .v6vertical_mavant_sizes a {
  padding-left: 39px;
}
#historic-product-list .v6horizontal_mavant_sizes a {
  padding-left: 19px;
  padding-top: 5px;
}
#historic-empty-all {
  background-color: #d9d9d9;
}
.mkp_sold_by {
  width: auto !important;
  margin-bottom: 3px;
  margin-top: 3px;
  color: #0b33a4;
}
.mkp_sold_by a {
  font-family: var(--font-bold);
  color: #0b33a4;
}
#darty_devis_full {
  display: none;
  z-index: 99;
  width: 360px;
}
#comparator-container .comparator-product-box {
  font-size: 10px;
}
#comparator-container .produit_indispo span,
#comparator-container .produit_epuise span {
  color: var(--mid-grey);
  font-family: var(--font-bold);
}
#devis-title .details {
  font-size: 12px !important;
}
#comparator-container #comparator-title,
#devis-container #devis-title {
  padding: 0 0 10px;
  height: 25px;
}
#comparator-container #comparator-title div,
#devis-container #devis-title div {
  font-family: var(--font-bold);
  font-size: 15px;
}
#comparator-container #comparator-title div span,
#devis-container #devis-title div span {
  font-size: 20px;
}
#comparator-container #comparator-product-line,
#devis-container #devis-product-line {
  width: 736px;
  min-height: 200px;
}
#comparator-container .comparator-product-box,
#devis-container .devis-product-box {
  position: relative;
  float: left;
  overflow: hidden;
  width: 125px;
  height: 174px;
  box-shadow: 3px 3px 5px #efefef;
  padding: 5px;
  margin-left: 10px;
  margin-bottom: 10px;
  text-align: center;
}
#comparator-container .comparator-product-box p,
#devis-container .devis-product-box p,
#comparator-container .darty-product-list-picture,
#devis-container .darty-product-list-picture {
  width: 100%;
}
#comparator-container .comparator-product-box img.comparator-item-remove,
#devis-container .devis-product-box img.devis-item-remove {
  position: absolute;
  right: 5px;
  cursor: pointer;
}
#comparator-container .comparator-noproduct-img,
#devis-container .devis-noproduct-img {
  margin: auto;
  padding-top: 50px;
}
#comparator-container .comparator-product-description,
#devis-container .devis-product-description {
  width: 100%;
  display: block;
  height: 35px;
  text-decoration: none;
  overflow: hidden;
  color: var(--black);
}
#comparator-container #empty-content,
#devis-container #empty-content {
  width: 100%;
  float: left;
  margin-top: 50px;
  font-size: 14px;
  font-family: var(--font-bold);
  text-align: center;
}
#comparator-empty-all,
#devis-empty-all {
  background-color: #d9d9d9;
}
#comparator-start,
#devis-start {
  background-color: #b00;
  color: var(--white);
  margin-left: 10px;
}
.comparator_sticky_popin {
  box-sizing: border-box;
}
.comparator_sticky_popin .modal_body {
  padding: 0;
  overflow: initial;
  max-height: unset;
}
.comparator_sticky_popin #comparator-container #comparator-product-list {
  display: flex;
  flex-flow: row wrap;
}
.comparator_sticky_popin #comparator-container #comparator-product-line {
  min-width: unset;
  width: auto;
  margin: 16px 0;
}
.comparator_sticky_popin #comparator-container #comparator-product-line .comparator-product-box {
  float: none;
  width: 142px;
  height: 184px;
  box-sizing: border-box;
}
.comparator_sticky_popin #comparator-container #comparator-product-line .comparator-product-box:first-child,
.comparator_sticky_popin #comparator-container #comparator-product-line .comparator-product-box:nth-child(6) {
  margin-left: 0;
}
.comparator_sticky_popin #comparator-container #comparator-product-line .comparator-product-description {
  font-size: 12px;
  margin: 8px auto 4px;
}
.comparator_sticky_popin #comparator-container #comparator-product-line .darty_prix {
  color: var(--red);
  font-size: 14px;
}
.comparator_sticky_popin #comparator-container #comparator-product-line .darty_cents {
  font-size: 11px;
  position: relative;
}
.comparator_sticky_popin #comparator-container #comparator-product-line .darty_cents sup {
  display: none;
}
.comparator_sticky_popin #comparator-container #comparator-product-line .darty_product_img__img {
  margin: 0 auto;
  padding: 0;
}
.comparator_sticky_popin #comparator-tools {
  display: flex;
  flex-flow: row-reverse nowrap;
  justify-content: flex-start;
}
.comparator_sticky_popin #comparator-tools .darty-footer-popup-button {
  display: flex;
  align-items: center;
  padding: 8px 17px;
  border: none;
  outline: none;
  margin-left: 8px;
}
.comparator_sticky_popin #comparator-tools .darty-footer-popup-button.darty-icon::before {
  content: "";
  display: inline-block;
  height: 16px;
  width: 17px;
  background: url(../catalog/version_common/styles/images/pictos/picto_comparator.svg) no-repeat center;
  margin-right: 8px;
  background-size: cover;
}
.comparator_sticky_popin #comparator-empty-all {
  color: var(--grey);
  text-transform: initial;
  background-color: transparent;
}
.comparator_sticky_popin #comparator-empty-all:hover {
  text-decoration: underline;
}
.comparator_sticky_popin #comparator-start {
  background-color: var(--blue);
  border-radius: 3px;
}
.comparator_sticky_popin #comparator-start.button_dpro {
  background-color: var(--purple);
}
.comparator_sticky_popin #comparator-start:disabled {
  color: var(--mid-grey);
  background-color: var(--low-grey);
  pointer-events: none;
  user-select: none;
}
.comparator_sticky_popin #comparator-start:disabled.darty-icon::before {
  content: "";
  display: inline-block;
  background: url(../catalog/version_common/styles/images/pictos/picto_comparator_grey.svg) no-repeat center;
  background-size: cover;
}
.comparator_sticky_button {
  display: flex;
  align-items: center;
  position: fixed;
  bottom: 24px;
  right: 24px;
  color: var(--white);
  padding: 13px 16px;
  font-size: 16px;
  background-color: var(--blue);
  border-radius: 3px;
  border: none;
  outline: none;
  z-index: 100;
}
.comparator_sticky_button::before {
  content: "";
  display: inline-block;
  height: 20px;
  width: 21px;
  background: url(../catalog/version_common/styles/images/pictos/picto_comparator.svg) no-repeat center;
  margin-right: 12px;
}
.comparator_sticky_button .badge {
  display: inline-block;
  background-color: var(--white);
  font-size: 12px;
  color: var(--blue);
  height: 18px;
  width: 18px;
  line-height: 18px;
  border-radius: 18px;
  margin-left: 12px;
  font-family: var(--font-bold);
}
.comparator_sticky_button.button_dpro {
  background-color: var(--purple);
}
.comparator_sticky_button.button_dpro .badge {
  color: var(--purple);
}
.comparator_sticky_flash {
  display: none;
  flex-flow: row nowrap;
  position: fixed;
  bottom: 24px;
  left: 24px;
  font-size: 14px;
  background-color: var(--white);
  padding: 16px;
  align-items: center;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}
.comparator_sticky_flash::before {
  content: "";
  display: inline-block;
  height: 20px;
  width: 20px;
  background: url(../catalog/version_common/styles/images/pictos/picto_check.svg) no-repeat center;
  margin-right: 12px;
}
.comparator_sticky_flash .button_close {
  margin-left: 24px;
  height: 12px;
  width: 12px;
}
.comparator_sticky_flash .button_close::before {
  content: "";
  display: inline-block;
  height: 12px;
  width: 12px;
  background: url(../catalog/version_common/styles/images/pictos/picto_close.svg) no-repeat center;
  margin-right: 12px;
  background-size: cover;
}
.page_product .comparator_sticky_button {
  bottom: 125px;
  right: 80px;
}
#darty-header-logo {
  float: left;
  width: 90px;
  height: 90px;
  overflow: hidden;
  border: none;
  padding: 6px;
  background-color: var(--white);
}
#darty-header-line2 {
  background-color: var(--white);
}
#darty-header-line2 input::-webkit-input-placeholder {
  font-family: var(--font-regular);
}
#darty-header-line2 input::-moz-placeholder {
  font-family: var(--font-regular);
}
#darty-header-line2 input:-ms-input-placeholder.text {
  font-family: var(--font-regular);
}
#darty-header-line2 input:focus::-webkit-input-placeholder {
  color: transparent;
}
#darty-header-line2 input:focus::-moz-placeholder {
  color: transparent;
}
.modal-theme-1 {
  padding: 16px 16px 30px;
}
.modal-theme-1 .legals-title {
  padding-bottom: 10px;
  border-bottom: 1px solid var(--low-grey);
  margin: 4px 0 16px;
  font-family: var(--font-bold);
  font-size: 18px;
  color: var(--grey);
}
.modal-theme-legals .modal-body .legal-notice {
  padding-bottom: 19px;
}
.modal-theme-legals .modal-body .more-info {
  margin-bottom: 16px;
  color: var(--soft-grey);
}
.modal-theme-legals .modal-body p {
  font-size: 14px;
  line-height: 1.3;
  color: var(--grey);
}
.modal .modal-content .popin_wrapper p {
  margin-bottom: 16px;
  font-size: 14px;
  line-height: 1.3;
  color: var(--grey);
}
.darty_b2b a#logo {
  height: 150px;
}
.darty_b2b #headerxxl .h_xxl_container #h_xxl_top .h_xxl_logo,
.darty_b2b .h_xxl_logo #logo img {
  width: 84px;
}
.darty_b2b #headerxxl .h_xxl_container #h_xxl_top .h_xxl_logo.logo_dpro,
.darty_b2b .h_xxl_logo #logo img.logo_dpro {
  height: 48px;
  width: 87px;
}
.darty_b2b #darty_header_search input.subm,
.darty_b2b .da-autocomplete-suggestion.da-product-regular:hover,
.darty_b2b .da-autocomplete-suggestion.da-product-regular:focus,
.darty_b2b .da-autocomplete-suggestion.da-product-large:hover,
.darty_b2b .da-autocomplete-suggestion.da-product-large:focus {
  background-color: var(--dark-grey);
}
.darty_b2b #h_xxl_main #h_xxl_main_d {
  max-width: 100%;
}
.darty_b2b #h_xxl_main_d .h_xxl_menu_client {
  display: flex;
}
.darty_b2b .h_xxl_devis {
  width: 30%;
}
.darty_b2b #h_xxl_devis_lien div {
  height: 30px;
}
.darty_b2b #h_xxl_devis_lien .label {
  text-transform: initial;
  font-family: var(--font-bold);
}
.darty_b2b .sprite_devis {
  background-image: url(../catalog/version_common/styles/images/pictos/devis.svg);
  height: 24px;
  background-repeat: no-repeat;
  background-position: center;
  margin: 0;
}
.darty_b2b #h_xxl_login {
  width: 42%;
}
.darty_b2b[data-user-is-connected="true"] #h_xxl_login #h_xxl_login_lien {
  color: var(--purple);
}
.darty_b2b .h_xxl_panier {
  width: 28%;
}
.darty_b2b .h_xxl_panier #h_xxl_panier_count.count_dpro {
  left: 52px;
}
.darty_b2b #h_xxl_texte_promo {
  background-color: var(--purple);
}
.darty_b2b #darty_header_search input.text {
  border-color: var(--dark-grey);
}
.darty_b2b #h_xxl_localisation {
  border-left: none;
}
.darty_b2b .main-menu .level-1 > li:first-child {
  max-width: 222px;
}
.darty_b2b .main-menu .level-1 > li:not(:first-child) > a::after {
  background-color: var(--purple);
}
.darty_b2b .sticky-footer-links {
  display: table;
  width: auto;
}
.darty_b2b .abtest_avec_location_in_header #darty_header_search input.text {
  width: 346px;
}
.darty_b2b .abtest_avec_location_in_header .h_xxl_menu_client .h_xxl_panier,
.darty_b2b .abtest_avec_location_in_header .h_xxl_menu_client .h_xxl_devis {
  width: 21.4%;
}
.darty_b2b .abtest_avec_location_in_header #h_xxl_login,
.darty_b2b .abtest_avec_location_in_header .h_xxl_localisation {
  width: 28.6%;
}
.darty_b2b .abtest_avec_location_in_header #h_xxl_panier_count {
  left: 43px;
}
.darty_devis_form_page.darty_b2b.abtest_avec_location_in_header #h_xxl_main_d {
  width: 50%;
  max-width: 394px;
}
.middle_ctn.middle_dpro {
  grid-template-rows: unset;
}
.middle_ctn.middle_dpro .f_socials_wrapper {
  margin-top: 0;
}
.middle_ctn.middle_dpro .f_other {
  margin-top: 40px;
}
.darty_b2b .darty_headerxxl_stickyfooter .header_marketing_field,
.darty_b2b .darty_headerxxl_stickyfooter .header_marketing_field:visited {
  background-color: var(--purple);
}
.darty_b2b #h_xxl_login #h_xxl_login_loggedin_popin .label {
  color: var(--blue);
}
html.darty_com_tablet_app {
  min-height: 0 !important;
  height: auto !important;
  overflow: auto !important;
}
.darty_com_tablet_app #headerxxl,
.darty_com_tablet_app #darty_footer,
.darty_com_tablet_app #dcom_main_container #head,
.darty_com_tablet_app #dcom_main_container #universe {
  display: none !important;
}
html.darty_com_tablet_app body,
html.darty_com_tablet_app body div#dcom_main_container,
html.darty_com_tablet_app body div.page,
html.darty_com_tablet_app body div.page div#main_column,
html.darty_com_tablet_app body div.page div#main_column div#darty_product_site_bottom {
  min-height: 0 !important;
  background-image: none !important;
  box-shadow: none !important;
}
html.darty_com_tablet_app body div#dcom_main_container,
html.darty_com_tablet_app body div.page,
html.darty_com_tablet_app body div.page div#main_column {
  background-color: inherit !important;
}
html.darty_com_tablet_app body div.page div#darty_product_site_bottom,
html.darty_com_tablet_app body div.page div.darty_ecopart,
html.darty_com_tablet_app body {
  background-color: #e3e3e3 !important;
}
.payment_options {
  display: flex;
  flex-flow: row nowrap;
  width: 980px;
  padding: 16px 0;
  margin: 0 auto;
  justify-content: center;
  align-items: center;
}
.payment_title {
  font-size: 14px;
  text-transform: uppercase;
  color: var(--grey);
  margin-right: 17px;
}
.payment_title::before {
  content: "";
  height: 15px;
  width: 14px;
  display: inline-block;
  margin-right: 12px;
  background-image: url(../catalog/version_common/styles/images/pictos/picto_lock.svg);
}
.payment_list {
  width: 488px;
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  vertical-align: middle;
}
.payment_item {
  height: 28px;
  width: 41px;
  display: flex;
}
.payment_item .applePay {
  width: 32px;
  height: auto;
  margin: auto;
}
.payment_more {
  font-family: var(--font-bold);
  text-decoration: underline;
  white-space: nowrap;
  margin-left: 14px;
}

.font-2 {
  font-family: var(--font-regular);
}
.font-2-l {
  font-family: var(--font-regular);
}
.font-2-b {
  font-family: var(--font-bold);
}
.menu_tab_unfolded:first-child {
  border: none;
}
#univers-menu-xxl .menu_tab_unfolded {
  cursor: default;
  display: none;
  position: absolute;
  z-index: 997;
  top: 1px;
  background: var(--white);
  text-align: left;
  padding-top: 10px;
  padding-bottom: 10px;
  overflow: hidden;
  border-bottom: 2px solid var(--mid-grey);
  border-right: 2px solid var(--mid-grey);
}
.menu_tab_unfolded a {
  color: var(--black);
  font-size: 12px;
  text-decoration: none;
  line-height: 20px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.menu_tab_unfolded a:hover {
  text-decoration: underline;
}
.menu_tab_unfolded .menu_tab_column {
  width: 25%;
  float: left;
  overflow: hidden;
}
.menu_tab_unfolded .menu_tab_section a,
.menu_tab_unfolded .menu_tab_section span {
  padding: 0 15px;
  line-height: 30px;
}
.menu_tab_unfolded .menu_tab_section ul li a {
  line-height: 20px;
}
.menu_tab_unfolded .menu_tab_section ul li:last-child {
  margin-bottom: 8px;
}
.menu_tab_unfolded span.menu_tab_section_title,
.menu_tab_unfolded a.menu_tab_section_title {
  text-transform: uppercase;
  font-size: 13px;
  font-family: var(--font-bold);
  color: var(--red);
  padding-bottom: 1px;
}
.menu_tab_unfolded a.menu_tab_section_title:hover {
  text-decoration: underline;
}
.close_menu_xxl {
  color: var(--black);
}
.menu_tab_unfolded .menu_tab_section ul {
  list-style-type: none;
  padding: 0;
  margin-bottom: 0;
}
.menu_tab_unfolded .menu_tab_section .elt_highlighted {
  font-family: var(--font-bold);
}

.page {
  width: 1280px;
}
.ref_g #headerxxl::before,
.page #headerxxl::before,
#headerxxl .h_xxl_container::before {
  content: none;
}
#headerxxl .h_xxl_container #h_xxl_top {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  height: 126px;
  padding: 0 16px;
}
#headerxxl .h_xxl_container #h_xxl_top .h_xxl_logo {
  padding-left: 0;
}
.abtest_avec_location_in_header #h_xxl_main_g,
#h_xxl_main_g {
  width: 100%;
  margin-left: 51px;
}
#darty_header_search {
  width: 100%;
  margin-left: 0;
}
#darty_header_search #dartyCom_searchform_xxl {
  display: flex;
}
#darty_header_search input.text {
  flex: 1;
  box-sizing: border-box;
  height: 48px;
  padding: 15px 16px;
}
#darty_header_search input.text::placeholder {
  color: var(--mid-grey);
  font-size: 13px;
  font-family: var(--font-bold);
}
#darty_header_search input.subm {
  position: relative;
  right: initial;
}
.abtest_avec_location_in_header #h_xxl_main_d,
#h_xxl_main_d {
  width: auto;
  margin-left: 40px;
  flex: 0;
}
.abtest_avec_location_in_header #h_xxl_main_d .h_xxl_menu_client,
#h_xxl_main_d .h_xxl_menu_client {
  display: flex;
  justify-content: space-between;
  width: auto;
}
.h_xxl_localisation_lien {
  font-family: var(--font-regular);
}
.h_xxl_localisation_lien .c-geolocalisation {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  max-width: 162px;
  margin: auto;
}
.h_xxl_localisation_lien .c-geolocalisation .c-geolocalisation__city {
  margin-right: 3px;
}
.main-menu .level-1 {
  padding: 0 0 5px;
}
.main-menu .level-1 > li:not(:first-child) {
  flex-grow: 0;
  padding: 0 24px;
}
.main-menu .level-1 > li:not(:first-child)::before {
  right: 24px;
}
.main-menu .level-1 > .main-tab {
  flex-grow: unset;
}
.main-menu .level-1 > .main-tab:first-child {
  min-width: 120px;
}
.main-menu .level-1 > .main-tab:first-child #main-tab-main-link {
  padding: 0 24px 0 16px;
  margin: 0;
}
.main-menu .level-1 > .main-tab .link {
  display: flex;
}
.main-menu .level-1 > .main-tab .link .dmax {
  display: block;
  height: 16px;
  margin-top: 4px;
}
.h_xxl_menu_client > .h_xxl_item,
.h_xxl_menu_client #h_xxl_login,
.h_xxl_menu_client .h_xxl_panier,
.h_xxl_menu_client .h_xxl_item_help {
  min-width: 140px;
}
.h_xxl_menu_client .h_xxl_panier {
  border-right: none;
}
.h_xxl_menu_client .h_xxl_panier #h_xxl_panier_count {
  left: auto;
}
.h_xxl_menu_client #h_xxl_login_lien div,
.h_xxl_menu_client #h_xxl_wishlist_lien div,
.h_xxl_menu_client #h_xxl_panier_lien div {
  height: 30px;
}
.grs-autocomplete {
  display: none;
  position: absolute;
  z-index: 100;
  left: 0;
  right: 0;
  top: 100%;
  margin-top: 10px;
  box-sizing: border-box;
  transition: 250ms max-height ease-out;
}
.grs-autocomplete.js-active {
  display: block;
}
.grs-autocomplete .list {
  min-width: 500px;
  background-color: var(--white);
  box-shadow: 0 0 2px 0 rgba(69, 69, 69, 0.16), 0 3px 6px 0 rgba(69, 69, 69, 0.16);
  max-height: 1000px;
  padding: 16px 8px;
}
.grs-autocomplete .item {
  font-size: 14px;
}
.grs-autocomplete .link {
  display: block;
  color: var(--dark-grey);
  text-decoration: none;
  padding: 16px;
  border-radius: 3px;
}
.grs-autocomplete .link::first-letter {
  text-transform: uppercase;
}
.grs-autocomplete .link:hover {
  background-color: var(--light-grey);
}
.theme-dpro .h_xxl_menu_client > .h_xxl_item,
.theme-dpro .h_xxl_menu_client #h_xxl_login,
.theme-dpro .h_xxl_menu_client .h_xxl_panier {
  min-width: 133px;
}
.theme-dpro .h_xxl_menu_client .h_xxl_item:last-child {
  border-right: none;
}
.theme-dpro .h_xxl_menu_client .h_xxl_panier {
  border-right: 1px solid var(--border-grey);
}
.theme-dpro .h_xxl_menu_client .h_xxl_panier #h_xxl_panier_count.count_dpro {
  right: unset;
  left: auto;
}

.reinsurances_footer {
  padding: 20px 20px 25px;
  background-color: var(--dark-grey);
}
.reinsurances_footer .text {
  text-align: center;
  font-size: 14px;
  color: var(--white);
}
.reinsurances_footer .reinsurance_list_services {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  margin: 30px auto 0;
  max-width: 980px;
}
.reinsurances_footer .reinsurance_list_services .service_item {
  text-align: center;
  color: var(--white);
  font-size: 12px;
  font-family: var(--font-bold);
  text-decoration: none;
}
.reinsurances_footer .reinsurance_list_services .service_item.pointer {
  cursor: pointer;
}
.reinsurances_footer .reinsurance_list_services .service_item .link {
  color: inherit;
  cursor: auto;
  text-decoration: none;
}
.reinsurances_footer .reinsurance_list_services .service_picture {
  max-height: 35px;
  width: auto;
}
.reinsurances_footer .reinsurance_list_services .service_picture_wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 68px;
  width: 68px;
  border-radius: 68px;
  background-color: var(--white);
  margin: 0 auto 10px;
}

.geoloc-popin-old__input-content {
  position: relative;
}
.geoloc-popin-old__wrapper {
  font-size: 0;
}
.geoloc-popin-old .btn-reset {
  position: absolute;
  top: -30px;
  right: 0;
}
.popin-page .popin-error p {
  font-family: var(--font-bold);
  color: var(--red);
}
.u-align-vertical-top {
  display: inline-block;
  vertical-align: top;
}
.u-truncate-ellipsis {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.geoloc-form-search {
  position: relative;
}
.geoloc-form-search-group {
  display: inline-block;
  vertical-align: top;
  width: 100%;
}
.geoloc-form-btn.hide + .geoloc-form-search-group {
  width: 100%;
}
.calendrier_livraison_fa .geoloc-form .geoloc-form-btn {
  position: absolute;
  right: 1px;
  top: 1px;
  width: 36px;
  height: 36px;
  padding: 8px 10px;
  border: 0;
  margin: 0;
  text-align: center;
  -webkit-appearance: none;
  background-color: var(--white);
  cursor: pointer;
}
.calendrier_livraison_fa .geoloc-form .geoloc-form-btn::before {
  content: "";
  position: absolute;
  inset: 25% 0 0;
  height: 50%;
  border-left: 1px solid var(--low-grey);
}
.geoloc-popin .geoloc-form .geoloc-form-btn,
.geoloc-popin-old .geoloc-form .geoloc-form-btn {
  position: absolute;
  top: 1px;
  right: 1px;
  width: 36px;
  height: 36px;
  padding: 8px 10px;
  border: 0;
  margin: 0;
  -webkit-appearance: none;
  background-color: var(--blue);
  cursor: pointer;
  text-align: center;
}
.geoloc-popin .geoloc-form .geoloc-form-btn::before,
.geoloc-popin-old .geoloc-form .geoloc-form-btn::before {
  content: "";
  position: absolute;
  inset: 25% 0 0;
  height: 50%;
  border-left: 1px solid var(--blue);
}
.geoloc-popin .geoloc-form .geoloc-form-btn > img,
.geoloc-popin-old .geoloc-form .geoloc-form-btn > img {
  max-height: 25px;
  vertical-align: middle;
}
.geoloc-form-input {
  width: 100%;
  height: 38px;
  padding-right: 36px;
  border: 1px solid var(--low-grey);
  text-indent: 10px;
  color: var(--black);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.geoloc-form-input.loading {
  background: url(../catalog/version_desktop_old/styles/images/ajax-loader.gif) no-repeat right 50px top 50%;
  background-size: auto 60%;
}
.geoloc-form .geoloc-form-error-custom,
.geoloc-form .geoloc-form-error-1,
.geoloc-form .geoloc-form-error-2 {
  margin-top: 5px;
  font-size: 13px;
  font-family: var(--font-bold);
  color: var(--red);
}
.geoloc-form .geoloc-form-error-custom a,
.geoloc-form .geoloc-form-error-1 a,
.geoloc-form .geoloc-form-error-2 a {
  color: var(--red);
}
.autocomplete-suggestions {
  box-shadow: 0 0 1px 0 rgba(10, 31, 68, 0.08), 0 3px 4px 0 rgba(10, 31, 68, 0.1);
  background-color: var(--white);
  cursor: pointer;
  overflow: auto;
  max-height: 164.4px;
  border: 0;
  border-radius: 3px;
  scroll-snap-type: y mandatory;
}
.autocomplete-suggestions strong {
  font-family: var(--font-regular);
  color: inherit;
}
.autocomplete-suggestion {
  position: relative;
  padding: 19px 16px;
  font-size: 14px;
  line-height: 1.2;
}
.ui-menu-item {
  scroll-snap-align: start;
}
.ui-menu-item + .ui-menu-item .autocomplete-suggestion {
  border-top: 0;
}
.ui-menu-item + .ui-menu-item .autocomplete-suggestion::before {
  content: "";
  position: absolute;
  top: 0;
  display: block;
  width: calc(100% - 32px);
  height: 1px;
  background-color: var(--low-grey);
}
.ui-state-active,
.ui-widget-content .ui-state-active {
  font-weight: normal;
  color: inherit;
  border: none;
}
.autocomplete-selected {
  background-color: var(--light-grey);
}
.geoloc-popin {
  width: 598px;
  box-sizing: border-box;
}
.geoloc-popin .geoloc-form {
  margin-top: 16px;
}
.geoloc-popin .geoloc-form-input {
  height: 48px;
  border: 1px solid var(--blue);
  border-radius: 3px 4px 4px 3px;
}
.geoloc-popin .geoloc-form-input:focus-visible {
  outline: none;
}
.geoloc-popin .geoloc-form .geoloc-form-btn {
  border-radius: 0 3px 3px 0;
  background-color: var(--blue);
  height: 47px;
  width: 47px;
}
.geoloc-popin .geoloc-form .geoloc-form-btn::before {
  display: none;
}
.geoloc-popin .geoloc-form .geoloc-form-btn .bouton-geoloc-blanc {
  height: 18px;
  width: 18px;
}
.geoloc-popin .geoloc-form .more-info {
  color: var(--soft-grey);
  margin: 16px 0;
}
.darty_b2b .geoloc-popin .geoloc-form-input {
  border-color: var(--purple);
}

.geoloc-popin-old {
  height: 400px;
}
.geoloc-popin-old * {
  box-sizing: border-box;
}
.geoloc-popin-old *:focus {
  outline: none;
}
.geoloc-popin-old__wrapper {
  padding: 40px;
  font-size: 0;
}
.geoloc-popin-old__content {
  display: inline-block;
  vertical-align: top;
  width: 462px;
  font-size: 13px;
}
.geoloc-popin-old__content-title {
  margin-top: 4px;
  padding-bottom: 10px;
  border-bottom: 1px solid var(--low-grey);
  font-family: var(--font-bold);
  font-size: 18px;
  color: var(--dark-grey);
}
.geoloc-popin-old__content > a {
  font-size: 13px;
  font-family: var(--font-regular);
  font-style: initial;
  text-decoration: underline;
  color: var(--low-grey);
}
.geoloc-popin-old__content .autocomplete-suggestions {
  padding: 0;
}
.geoloc-popin-old__content .autocomplete-suggestions .autocomplete-suggestion {
  padding: 10px;
}
.geoloc-popin-old__content .autocomplete-suggestions .autocomplete-suggestion.autocomplete-selected {
  background-color: var(--low-grey);
}
.geoloc-popin-old.modal-theme-1 {
  position: relative;
  width: 100%;
  max-width: 610px;
  padding: 20px 24px;
}
.geoloc-popin-old__alert {
  margin-top: 10px;
}
.popin-page .geoloc-popin-old {
  display: block;
}
.geoloc-popin__header .btn-reset img {
  position: relative;
}
.u-align-vertical-top {
  display: inline-block;
  vertical-align: top;
}
.btn-popin {
  box-sizing: border-box;
  width: 38px;
  height: 38px;
  border: 1px solid var(--low-grey);
  border-radius: 5px;
  text-align: center;
  background-color: var(--white);
  cursor: pointer;
}
.modal-theme-1__content-title {
  padding: 22px 55px;
  font-size: 17px;
  text-align: center;
  text-transform: uppercase;
  line-height: 23px;
  color: var(--black);
  background-color: var(--light-grey);
}
.geoloc-popin__modal-content {
  padding: 40px;
}
.geoloc-form .geoloc-form-input {
  font-size: 14px;
  padding: 0;
  box-sizing: border-box;
}
.geoloc-form .suggestions-zipcode {
  position: absolute;
  width: 100%;
}
.geoloc-form-continue {
  margin-top: 25px;
}
.geoloc-form-continue .btn-continue {
  display: inline-block;
  text-decoration: none;
}
.geoloc-form .redirection-button {
  display: inline-block;
  padding: 10px 15px;
  border: 1px solid var(--dark-grey);
  border-bottom-width: 3px;
  border-radius: 3px;
  margin: 5px 0;
  text-decoration: none;
  background-color: var(--white);
  color: var(--dark-grey);
}
.geoloc-form .redirection-button:first-child {
  margin-top: 25px;
}
.geoloc-popin-old button.geoloc-form-btn {
  margin-right: 10px;
}

.js-is-dmax .h_xxl_item,
.js-not-dmax .h_xxl_item {
  height: 30px !important;
}
.js-is-dmax .user-is-dartymax {
  display: block;
  width: 82px;
}
.js-not-dmax .user-not-dartymax {
  display: block;
}
.dartymax__highlight {
  display: none;
  width: 95px;
  font-size: 9px;
  font-family: var(--font-bold);
  padding: 3px;
  border: 1px solid var(--blue);
  color: var(--blue);
  border-radius: 3px;
  text-align: center;
  margin: 5px auto 0;
  box-sizing: content-box;
}
.dartymax__highlight.user-not-dartymax {
  cursor: pointer;
}
.dartymax__link {
  color: var(--blue);
  text-decoration: none;
}
.dartymax__logo {
  vertical-align: middle;
  margin: 0 0 1px 2px !important;
}
.dartymax__tooltip {
  display: none;
  color: var(--dark-grey);
  text-align: left;
  width: 275px;
  position: absolute;
  right: calc(50% - 138px);
  top: 50px;
  font-size: 14px;
  font-family: var(--font-bold);
  padding-top: 37px;
}
.dartymax__tooltip__content {
  background-color: var(--blue);
  width: 243px;
  border-radius: 3px;
  text-align: center;
  margin: 16px auto 0;
  transition: background-color 0.5s;
}
.dartymax__tooltip__content:hover {
  background-color: var(--blue);
}
.dartymax__tooltip__link {
  display: block;
  padding: 10px 0;
  text-decoration: none;
  color: var(--white);
}
.dartymax__tooltip__inner {
  background-color: var(--white);
  padding: 16px;
  border-radius: 3px;
  box-shadow: 0 0 2px 0 rgba(69, 69, 69, 0.16), 0 3px 6px 0 rgba(69, 69, 69, 0.16);
}
.dartymax__tooltip__inner::after {
  content: "";
  position: absolute;
  left: calc(50% - 7px);
  top: 30px;
  background-color: var(--white);
  width: 15px;
  height: 15px;
  box-shadow: -1px -1px 1px 0 rgba(69, 69, 69, 0.16);
  transform: rotate(45deg);
}
[data-user-is-connected="false"] .dartymax__highlight:hover .dartymax__tooltip {
  display: block;
}
#h_xxl_login_loggedin_popin .dartymax__highlight {
  width: 117px;
  margin: 0 0 9px 9px;
}
#h_xxl_login_loggedin_popin .dartymax__link {
  background: none;
  height: auto;
  color: var(--blue);
  font-size: 10px;
  margin-bottom: 0;
  padding-left: 0;
}
#h_xxl_login_loggedin_popin .dartymax__link:hover {
  text-decoration: none;
}
.modal.modal_v3.dartymax-subcribed {
  padding: 0;
}
.modal.modal_v3.dartymax-subcribed .modal_body {
  max-height: 60vh;
}
.modal.modal_v3.dartymax-subcribed .modal_body .dartymax__discover-cta {
  text-decoration: none;
  display: block;
  width: 250px;
  line-height: 40px;
  background-color: var(--blue);
  color: var(--white);
  text-align: center;
  border-radius: 3px;
  font-size: 12px;
  cursor: pointer;
  margin: auto 16px auto auto;
  font-family: var(--font-bold);
}
.modal.modal_v3.dartymax-subcribed .upgrade-table__elligible-text {
  color: var(--grey);
  font-size: 14px;
  font-family: var(--font-bold);
}
.upgrade-table {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding-bottom: 36px;
}
.upgrade-table__header {
  padding: 16px 16px 0;
}
.upgrade-table__logo {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.upgrade-table__prix-ttc {
  display: block;
  margin-top: 10px;
  font-size: 14px;
  color: var(--grey);
  font-family: var(--font-bold);
}
.upgrade-table__elligible-lines {
  margin: 18px 0 0;
  padding-bottom: 18px;
  width: 100%;
}
.upgrade-table__elligible-line {
  padding: 15px 20px;
}
.upgrade-table__elligible-line:nth-child(even) {
  background-color: var(--white);
}
.upgrade-table__elligible-line:nth-child(odd) {
  background-color: var(--light-grey);
}
.upgrade-table__content {
  position: absolute;
  width: 66%;
  right: 0;
  top: 0;
  display: flex;
  justify-content: space-between;
  padding: 16px 16px 0;
}
.upgrade-table__dot-active {
  display: block;
  width: 12px;
  height: 12px;
  border-radius: 50%;
}
.upgrade-table__column {
  flex: 1;
  margin-left: 16px;
  border-radius: 11px;
}
.upgrade-table__column:first-child {
  margin-left: 0;
}
.upgrade-table__column--isActive {
  border: 1px solid var(--low-grey);
}
.upgrade-table__column--isActive .upgrade-table__dot-active {
  background-color: var(--low-grey);
}
.upgrade-table__dot-essentiel {
  background-color: var(--yellow);
}
.upgrade-table__dot-evolution {
  background-color: var(--red);
}
.upgrade-table__dot-integral {
  background-color: var(--blue);
}
.upgrade-table__essentiel {
  background-color: var(--yellow);
  color: var(--dark-grey);
}
.upgrade-table__evolution {
  background-color: var(--red);
  color: var(--white);
}
.upgrade-table__integral {
  background-color: var(--blue);
  color: var(--white);
}
.upgrade-table__offer {
  padding: 8px 12px;
  border-radius: 10px;
  display: flex;
  flex-direction: column;
}
.upgrade-table__offer__text {
  font-size: 14px;
}
.upgrade-table__offer__price {
  font-size: 16px;
  font-family: var(--font-bold);
}
.upgrade-table__offer__duration {
  font-size: 12px;
  font-family: var(--font-regular);
}
.upgrade-table__offer--isActive {
  background-color: var(--low-grey);
  color: var(--mid-grey);
}
.upgrade-table__dots-table {
  margin-top: 15px;
}
.upgrade-table__dots-line {
  padding: 0;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.upgrade-table__dot-inactive {
  display: block;
  width: 18px;
  height: 2px;
  border-radius: 2px;
  background-color: var(--low-grey);
}
.upgrade-table__actual-offer {
  font-size: 12px;
  font-family: var(--font-bold);
  color: var(--mid-grey);
  text-align: center;
  height: 50px;
  align-items: center;
  justify-content: center;
  display: none;
}
.upgrade-table__actual-offer--isActive {
  display: flex;
}

.micromodal.darty_geoloc_popin .main {
  padding: 0;
  overflow: unset;
}