@font-face {
  font-family: "Open Sans";
  src: url(../catalog/version_common/styles/fonts/opensans-regular-webfont.eot);
  src: url(../catalog/version_common/styles/fonts/opensans-regular-webfont.eot?#iefix) format("embedded-opentype"), url(../catalog/version_common/styles/fonts/opensans-regular-webfont.woff2) format("woff2");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Open Sans Bold";
  src: url(../catalog/version_common/styles/fonts/opensans-bold-webfont.eot);
  src: url(../catalog/version_common/styles/fonts/opensans-bold-webfont.eot?#iefix) format("embedded-opentype"), url(../catalog/version_common/styles/fonts/opensans-bold-webfont.woff2) format("woff2");
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Manrope;
  src: url(../catalog/version_common/styles/fonts/Manrope-Medium.eot);
  src: url(../catalog/version_common/styles/fonts/Manrope-Medium.eot?#iefix) format("embedded-opentype"), url(../catalog/version_common/styles/fonts/Manrope-Medium.woff2) format("woff2");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Manrope Bold";
  src: url(../catalog/version_common/styles/fonts/Manrope-Bold.eot);
  src: url(../catalog/version_common/styles/fonts/Manrope-Bold.eot?#iefix) format("embedded-opentype"), url(../catalog/version_common/styles/fonts/Manrope-Bold.woff2) format("woff2");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Party Bold";
  src: url(../catalog/version_common/styles/fonts/Party-Bold.eot);
  src: url(../catalog/version_common/styles/fonts/Party-Bold.eot?#iefix) format("embedded-opentype"), url(../catalog/version_common/styles/fonts/Party-Bold.woff2) format("woff2");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}

:root {
  --red: #e21212;
  --red-hover: #d01111;
  --red-pressed: #bd0f0f;
  --blue: #006af5;
  --blue-hover: #0061e0;
  --blue-pressed: #0058cc;
  --marketplace: #008391;
  --marketplace-hover: #007682;
  --marketplace-pressed: #006974;
  --light-blue: #ccdff9;
  --light-blue-hover: #ccdff9;
  --light-blue-pressed: #b2cdf0;
  --purple: #662d91;
  --orange: #fe741b;
  --green: #007a38;
  --yellow: #ffdb00;
  --error: var(--red);
  --success: var(--green);
  --message: #fff199;
  --disabled: #d8d8d8;
  --text-disabled: #656565;
  --black: #161616;
  --black-hover: #292929;
  --black-pressed: #333;
  --white: #fff;
  --white-hover: #e5e5e5;
  --white-pressed: #ccc;
  --dark-grey: #333;
  --grey: #454545;
  --mid-grey: #757575;
  --soft-grey: #989898;
  --low-grey: #d8d8d8;
  --light-grey: #f5f5f5;
  --border-grey: #ececec;
  --border-color: var(--low-grey);
  --back-office: #c8ff00;
  --back-office-submit: #647f00;
  --overlay: rgba(0, 0, 0, 0.6);
  --overlay-light: rgba(0, 0, 0, 0.2);
}

:root {
  --shadow: 0 0 10px 0 rgba(69, 69, 69, 0.08);
  --shadow-bottom: 0 -5px 10px 0 rgba(69, 69, 69, 0.08);
  --shadow-elevation-1: 0 2px 4px 0 rgba(69, 69, 69, 0.08), 0 0 2px 0 rgba(69, 69, 69, 0.14);
  --shadow-elevation-2: 0 2px 6px 1px rgba(69, 69, 69, 0.16), 0 0 2px 0 rgba(69, 69, 69, 0.14);
  --shadow-elevation-3: 0 4px 8px 2px rgba(69, 69, 69, 0.16), 0 0 2px 0 rgba(69, 69, 69, 0.14);
  --shadow-elevation-4: 0 6px 10px 3px rgba(69, 69, 69, 0.16), 0 0 2px 0 rgba(69, 69, 69, 0.14);
  --shadow-white: 0 -20px 2px 0 rgba(255, 255, 255, 0.5);
}

.font-2 {
  font-family: var(--font-regular);
}
.font-2-b {
  font-family: var(--font-bold);
}
.text-upper {
  text-transform: uppercase;
}
body.background-default {
  background: var(--light-grey);
}
body.standalone {
  background: transparent;
}
body:not(.new-fonts):not(.new-fonts-extra) {
  --font-regular: "Open Sans", Arial, sans-serif;
  --font-bold: "Open Sans Bold", Arial, sans-serif;
  --font-bold-alt: "Open Sans Bold", Arial, sans-serif;
}
body.new-fonts {
  --font-regular: Manrope, Arial, sans-serif;
  --font-bold: "Manrope Bold", Arial, sans-serif;
  --font-bold-alt: "Party Bold", Arial, sans-serif;
}
.caption_hidden {
  height: 0;
  font-size: 0;
}
.page {
  position: relative;
  display: block;
  width: 980px;
  padding: 0 0 320px;
  margin: 0 auto -310px;
  background-color: var(--light-grey);
}
button,
select {
  font-family: var(--font-regular);
}
button::-moz-focus-inner {
  padding: 0;
  border: 0;
}
.page.without_backgrounding {
  padding: 0;
  margin: 0 auto;
}
.page_top {
  margin: 0 20px;
}
.darty_com_tablet .page {
  min-height: 1700px;
}
.darty_red_cross {
  cursor: pointer;
  float: right !important;
}
.header-breadcrumb-zone {
  position: relative;
  min-height: 14px;
  padding: 10px 0;
  z-index: 1;
}
.header-breadcrumb-zone.list {
  margin: 16px 0 0 20px;
  padding: 0;
}
.header-breadcrumb-zone a {
  font-size: 12px;
  color: var(--dark-grey);
  text-decoration: none;
}
.header-breadcrumb-zone a:hover {
  text-decoration: underline;
}
.breadcrumb {
  margin: 0;
  padding: 0;
  list-style: none;
  font-size: 12px;
  margin-bottom: 12px;
}
.breadcrumb li {
  display: inline;
}
.breadcrumb li a {
  color: var(--dark-grey);
  text-decoration: underline;
}
.bold {
  font-family: var(--font-bold);
}
.clearboth {
  clear: both;
}
.ref_g .view-button {
  border: none;
  border-radius: 2px;
  box-shadow: none;
  margin: 5px 0;
  padding: 3px 10px 0;
  display: inline-block;
  font-family: var(--font-regular);
  font-size: 12px;
  text-align: center;
  cursor: pointer;
  background-color: var(--white);
}
.ref_g .view-button a {
  text-decoration: none;
  text-transform: uppercase;
  color: var(--white);
}
.ref_g .view-product-button,
.ref_g .view-family-button {
  width: 154px;
  height: 20px;
}
.ref_g .view-product-button a,
.ref_g .view-family-button a {
  padding: 0 2px;
}
.ref_g .view-product-button {
  background-color: var(--dark-grey);
}
.ref_g .view-family-button {
  background-color: var(--soft-grey);
}
.ref_g .view-next-button a {
  padding: 0 20px 0 14px;
}
.ref_g .btn {
  display: inline-block;
  vertical-align: middle;
  border-radius: 2px;
  padding: 0 10px;
  font-size: 11px;
  font-family: var(--font-bold);
  line-height: 22px;
  text-decoration: none;
  text-transform: uppercase;
  cursor: pointer;
  transition: background-color 0.6s;
}
.ref_g .btn:hover,
.ref_g .btn:focus {
  box-shadow: none;
}
.ref_g .btn.disabled,
.ref_g .btn[disabled] {
  color: var(--soft-grey);
  background: var(--light-grey);
  cursor: not-allowed;
}
.ref_g button.btn {
  border: 0;
}
.ref_g .btn-block {
  display: block;
  text-align: center;
}
.ref_g .btn-primary {
  background-color: var(--dark-grey);
  color: var(--white);
}
.ref_g .btn-secondary {
  background-color: var(--red);
  color: var(--white);
}
.ref_g .btn-link {
  background: none;
  color: var(--dark-grey);
  font-family: var(--font-bold);
  text-decoration: underline;
  text-transform: none;
  font-size: 13px;
}
.ref_g .btn-simple {
  margin: 0 0 12px;
  border: 1px solid var(--border-grey);
  border-bottom: 3px solid var(--border-grey);
  border-radius: 2px;
  padding: 5px 0;
  background: var(--white);
  color: var(--dark-grey);
  font-size: 12px;
  font-family: var(--font-regular);
}
.ref_g .btn-medium {
  padding: 0 15px;
  font-size: 12px;
  line-height: 33px;
}
.ref_g .btn-large {
  padding: 14px 20px;
  font-size: 18px;
  line-height: 22px;
}
.ref_g .ombre {
  box-shadow: 0 10px 6px -6px rgba(0, 0, 0, 0.03), 0 0 2px 0 #e8e8e8 inset;
}
.ref_g .ombre-no-inset {
  box-shadow: 0 10px 6px -6px rgba(0, 0, 0, 0.03);
}
.ref_g .bloc {
  background: var(--white);
}
.ref_g .rr_block_product {
  display: block;
  width: 980px;
}
.ref_g .rr_block_product .xsell-carousel__title {
  margin-bottom: 12px;
}
.ref_g .page_title {
  margin: 20px 0 10px;
  padding: 0 20px;
  font-family: var(--font-regular);
  text-transform: uppercase;
}
.ref_g .page_title .title {
  display: inline-block;
  padding-top: 5px;
  padding-bottom: 8px;
  color: var(--dark-grey);
  font-size: 32px;
  border-bottom: 1px solid var(--dark-grey);
}
.ref_g .page_title .sub_title {
  padding-left: 2px;
  color: var(--mid-grey);
  font-size: 14px;
}
.ref_g .page_title .sub_title .result_count {
  font-size: 17px;
}
.ref_g .darty_link {
  cursor: pointer;
  color: var(--blue);
}
.ref_g .darty_link:hover {
  text-decoration: underline;
}
.ref_g .darty_push_link {
  color: var(--red);
  cursor: pointer;
  font-family: var(--font-bold);
}
.ref_g .darty_push_link :hover {
  text-decoration: underline;
}
.ref_g .darty_prix {
  color: var(--dark-grey);
  font-family: var(--font-bold);
  position: relative;
  white-space: nowrap;
}
.ref_g .darty_prix_barre {
  font-family: var(--font-bold);
  color: var(--dark-grey);
  text-decoration: line-through;
  vertical-align: middle;
}
.ref_g .darty_prix_barre.darty_cents .mentions_asterisk {
  padding-top: 18px;
}
.ref_g .darty_prix_barre_remise {
  background-color: transparent;
  font-family: var(--font-bold);
  color: var(--red);
  padding-right: 4px;
  border: 1px solid var(--red);
  border-radius: 3px;
  font-size: 13px !important;
  line-height: 14px !important;
  text-align: center;
  vertical-align: text-top;
  display: inline-block;
  height: 15px;
}
.ref_g .separator_left {
  margin-left: 10px;
}
.ref_g .separator_top {
  margin-top: 5px;
}
.ref_g .darty_normal {
  font-size: 30px;
  line-height: 32px;
}
.ref_g .darty_normal .darty_cents {
  font-size: 19px;
  position: absolute;
  line-height: 30px;
}
.ref_g .darty_normal .darty_cents span {
  font-size: 18px;
}
.ref_g .darty_normal .darty_cents sup {
  font-size: 14px;
  position: absolute;
  line-height: 17px;
}
.ref_g .darty_small {
  font-size: 13px;
  line-height: 13px;
}
.ref_g .darty_small .darty_cents {
  font-size: 13px;
  position: absolute;
}
.ref_g .darty_small .darty_cents sup {
  font-size: 13px;
  position: absolute;
}
.ref_g .darty_little {
  font-size: 11px;
  line-height: 11px;
}
.ref_g .darty_little .darty_cents {
  font-size: 9px;
  position: absolute;
}
.ref_g .darty_little .darty_cents sup {
  font-size: 9px;
  position: absolute;
}
.ref_g .darty_big {
  font-size: 58px;
  line-height: 58px;
}
.ref_g .darty_big .darty_cents {
  font-size: 36px;
  position: absolute;
  padding-top: 3px;
}
.ref_g .darty_big .darty_cents sup {
  font-size: 36px;
  position: absolute;
  padding-top: 3px;
}
.ref_g .darty_mediumbig {
  font-size: 40px;
}
.ref_g .darty_mediumbig .darty_cents {
  font-size: 23px;
  position: absolute;
  top: 6px;
}
.ref_g .darty_mediumbig .darty_cents sup {
  font-size: 23px;
  position: absolute;
  top: 21px;
}
.ref_g .darty_smallbig {
  font-size: 43px;
}
.ref_g .darty_smallbig .darty_cents {
  font-size: 28px;
  position: absolute;
  top: 5px;
}
.ref_g .darty_smallbig .darty_cents sup {
  font-size: 28px;
  position: absolute;
  top: 20px;
}
.ref_g .darty_smallbig.darty_prix_barre_remise {
  font-size: 30px;
}
.ref_g .darty_medium {
  font-size: 30px;
  line-height: 30px;
}
.ref_g .darty_medium .darty_cents {
  font-size: 20px;
  position: absolute;
}
.ref_g .darty_medium .darty_cents sup {
  font-size: 20px;
  position: absolute;
  line-height: 25px;
}
.ref_g .darty_medium.darty_prix_barre_remise {
  font-size: 21px;
}
.ref_g .darty_prix sup {
  vertical-align: top;
  top: 0;
  position: static;
}
.btn-continue {
  width: 200px;
  height: 40px;
  line-height: 40px;
  font-size: 10px;
  text-transform: uppercase;
  border-radius: 3px;
  border-bottom: 3px solid var(--red-pressed);
}
.btn-continue.loading {
  background-image: url(../catalog/version_desktop_old/styles/images/bg/ajax-loader.gif);
  background-position: right 10px center;
  background-repeat: no-repeat;
  background-size: 18px;
}
.btn-continue.is-loading {
  pointer-events: none;
  opacity: .4;
}
.text-center {
  text-align: center;
}
.text-left {
  text-align: left;
}
.text-right {
  text-align: right;
}
.pull-left {
  float: left;
}
.pull-right {
  float: right;
}
.underline {
  text-decoration: underline;
  cursor: pointer;
}
.display_table {
  display: table;
  width: 100%;
}
.display_tablecell {
  display: table-cell;
  vertical-align: top;
}
.hide {
  display: none !important;
}
.btn-reset {
  margin: 0;
  border: 0;
  padding: 0;
  background: none;
}
.u-truncate-header {
  text-overflow: ellipsis;
  overflow: hidden;
  display: block;
  white-space: nowrap;
}
.carousel_button_action {
  position: absolute;
  z-index: 20;
  bottom: 20px;
  left: 20px;
  display: inline-block;
  border-bottom: 3px solid var(--dark-grey);
  border-radius: 1px;
  width: 22px;
  height: 22px;
  background-color: var(--dark-grey);
  text-align: center;
}
.carousel_button_action .play,
.carousel_button_action.js-pause .pause {
  display: none;
}
.carousel_button_action img,
.carousel_button_action.js-pause .play {
  display: inline-block;
  vertical-align: middle;
}
.main_products_list .sale_container .sale_price .darty_cents {
  position: relative;
  top: 6px;
  vertical-align: text-top;
  line-height: 25px;
}
.view-button {
  border: 1px solid var(--border-grey);
  border-radius: 5px;
  box-shadow: 1px 2px 2px var(--low-grey);
  margin-top: 5px;
  padding: 2px 2px 2px 7px;
  display: inline-block;
  font-family: var(--font-bold);
  font-size: 12px;
  cursor: pointer;
}
.view-button:hover {
  box-shadow: inset 1px 1px 1px var(--low-grey);
}
.view-button a {
  color: var(--black);
  text-decoration: none;
}
.view-button span {
  margin: 3px 5px 0 0;
  overflow: hidden;
}
.view-product-button a {
  padding: 0 7px 0 9px;
}
.view-next-button a {
  padding: 0 20px 0 14px;
}
.view-family-button a {
  padding: 0 4px 0 9px;
}
.cart span {
  font-size: 11px;
  display: block;
  padding: 0 4px 0 40px;
  height: 24px;
  line-height: 24px;
  margin-top: -1px;
  margin-bottom: -1px;
}
.darty_button_red {
  display: inline-block;
  background: linear-gradient(-45deg, #af0000 34%, #c30000 72%);
  border-radius: 5px;
  color: var(--white);
  font-family: var(--font-bold);
  font-size: 12px;
  text-decoration: none;
  text-align: center;
  padding: 3px 10px;
  cursor: pointer;
}
.darty_link {
  cursor: pointer;
  color: var(--blue);
  text-decoration: none;
}
.darty_link:hover {
  text-decoration: underline;
}
.darty_push_link {
  color: var(--red);
  cursor: pointer;
  font-family: var(--font-bold);
  text-decoration: none;
}
.darty_push_link :hover {
  text-decoration: underline;
}
.products_table .product_line .price.darty_remise {
  padding-right: 40px !important;
}
.darty_remise {
  color: var(--red);
  font-family: var(--font-bold);
}
.hidden {
  display: none;
}
.descr {
  font-size: 11px;
  color: var(--mid-grey);
}
.serial {
  font: bold 12px Arial, sans-serif;
  text-transform: uppercase;
  text-decoration: none;
}
.family a {
  font-size: 11px;
}
.ecopart {
  font: normal 10px Arial, sans-serif;
  color: var(--black);
}
.product {
  width: 130px;
}
#main_column {
  background: none repeat scroll 0 0 var(--low-grey);
  float: left;
  width: 790px;
  min-height: 500px;
}
#darty_product_site_bottom {
  background-color: var(--low-grey);
  color: var(--grey);
  font-size: 11px;
  padding: 10px 10px 10px 0;
  float: left;
  width: 780px;
}
#darty_product_site_bottom ul {
  margin: 5px 0;
}
#darty_product_site_bottom li a {
  color: var(--grey);
  text-decoration: none;
}
#darty_product_site_bottom li a:hover {
  text-decoration: underline;
}
.rating_avis {
  color: var(--red);
}
.avis_rating .rating_avis {
  margin-left: -2px;
  color: var(--grey);
  font-size: 10px;
}
a .rating_avis {
  text-decoration: none;
  font-size: 12px;
}
a:hover .rating_avis {
  text-decoration: underline;
}
.nowrap {
  white-space: nowrap;
}
.rr_items .prix,
.rr_items .prix.normal {
  color: var(--red) !important;
  font-size: 22px;
  font-family: var(--font-bold);
  width: 100%;
  margin: 0;
  float: left;
}
.rr_items .prix .cents,
.rr_items .prix.normal .cents {
  font-size: 14px;
}
.rr_items .prix.small {
  font-size: 14px;
}
.rr_items .prix.small .cents {
  font-size: 12px;
}
.rr_items .prix.big {
  font-size: 35px;
  line-height: 35px;
}
.rr_items .prix.big .cents {
  font-size: 22px;
}
.rr_items .subscription li {
  margin-bottom: 10px;
}
.rr_items .subscription .engagement {
  font-size: 11px;
  line-height: 11px;
}
.rr_items .product_price_eco_part_mention {
  font-size: 9px;
}
.rr_items .product_price_eco_part_mention .small {
  font-size: 10px;
}
.rr_items .prix sup {
  vertical-align: super;
  top: 0;
  position: static;
}
.rr_items .subscription .prix,
.rr_items .subscription .prix.normal {
  color: var(--blue) !important;
}
.add_to_cart_btn {
  float: left;
  width: 164px;
}
div.selector,
div.selector span {
  background-image: url(../catalog/version_desktop_old/styles/images/sprite.png);
  background-repeat: no-repeat;
  -webkit-font-smoothing: antialiased;
}
.selector,
.selector * {
  margin: 0;
  padding: 0;
}
div.selector_mini {
  background-position: 0 -666px;
  line-height: 18px;
  height: 18px;
  width: 50px;
  padding-left: 1px;
}
div.selector_mini select {
  top: -7px;
  min-width: 50px;
}
div.selector_mini span {
  background-position: right -697px;
  height: 18px;
  line-height: 18px;
  width: 18px;
}
div.selector.disabled span {
  color: var(--border-grey);
}
.selector {
  display: inline-block;
  vertical-align: middle;
  zoom: 1;
}
div.selector {
  background-position: 0 -607px;
  line-height: 23px;
  height: 23px;
  width: 150px;
  font-size: 12px;
  position: relative;
  padding-left: 10px;
  overflow: hidden;
}
div.selector span {
  background-position: right -637px;
  height: 23px;
  line-height: 23px;
  padding: 0 30px 0 2px;
  cursor: pointer;
  color: var(--mid-grey);
  width: 118px;
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
div.selector select {
  top: -2px;
  left: 0;
  width: 160px;
  font-family: sans-serif;
  font-size: 12px;
  position: absolute;
  opacity: 0;
  -moz-opacity: 0;
  height: 25px;
  border: none;
  background-color: var(--white);
}
#notification_container {
  bottom: 38px;
  position: absolute;
  right: 0;
  background-color: var(--message);
  padding: 10px;
  color: var(--black);
  width: 220px;
  border: var(--red) 1px solid;
  font-size: 11px;
}
#notification_container .close_notification {
  position: absolute;
  top: 0;
  right: 0;
  color: var(--red);
  cursor: pointer;
  padding: 5px;
}
#notification_container .see_top_basket {
  margin: 10px 0;
  text-align: right;
}
#notification_container a {
  color: var(--black);
}
#notification_container p {
  width: 200px;
}
.recsDarty {
  display: none;
}
.darty_com_ccd .recsRR,
.darty_com_ccd .product-sale-credit.product-sale-credit--credit {
  display: none;
}
.darty_com_ccd .recsDarty {
  display: block;
}
.title_advertising {
  font-size: 9px;
  width: 100%;
  text-align: center;
  display: inline-block;
}
.icon-close {
  cursor: pointer;
}
.popin_container {
  display: none;
  border: 18px solid var(--light-grey);
  border-radius: 3px;
  padding: 22px;
  background: var(--white);
  color: var(--dark-grey);
}
.popin_container .darty_red_cross {
  position: absolute;
  top: 5px;
  right: 5px;
}
#colorbox,
#cboxWrapper,
#cboxContent {
  overflow: visible !important;
}
#colorbox {
  max-height: 85% !important;
  border-radius: 3px;
}
#colorbox #cboxClose {
  top: -30px;
  right: 0;
  margin: 0;
  background-image: url(../catalog/version_desktop_old/styles/images/pictos/modal_close.png);
  background-position: 0 0;
  background-size: 20px auto;
  position: absolute;
  text-indent: -9999px;
  height: 20px;
  width: 20px;
}
#colorbox #cboxContent {
  border: 0;
  border-radius: 3px;
  padding: 20px 24px;
}
.popin_wrapper .more_infos_livraison_mkp_trigger {
  margin-top: -20px;
}
.product_availability_popin .modal_body {
  overflow-y: auto;
}
.product_availability_popin .availability_title {
  font-size: 13px;
  font-family: var(--font-bold);
  text-transform: uppercase;
  padding: 0 0 4px 10px;
}
.product_availability_popin .popin_wrapper {
  border-bottom: 1px solid var(--white-pressed);
  padding: 0 0 12px;
}
.product_availability_popin .popin_wrapper + .popin_wrapper {
  padding-top: 18px;
}
.product_availability_popin .popin_content {
  position: relative;
}
.product_availability_popin .popin_content::before {
  content: "● ";
  position: absolute;
  top: 0;
  left: -1px;
  color: var(--mid-grey);
}
.product_availability_popin p b {
  color: var(--red);
  font-family: var(--font-bold);
}
.product_availability_popin .services {
  max-height: 335px;
  overflow-y: auto;
  border: solid 1px var(--border-grey);
  border-radius: 5px;
  flex: 1;
}
.product_availability_popin .services .row {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  border-bottom: solid 1px var(--border-grey);
  padding: 13px 18px;
}
.product_availability_popin .services .row:last-child {
  border: none;
}
.product_availability_popin .services .col {
  flex: 1;
  display: flex;
  flex-direction: column;
}
.product_availability_popin .services .type {
  display: inline-block;
  color: var(--grey);
  font-size: 16px;
  font-family: var(--font-bold);
}
.product_availability_popin .services .type.trigger:hover {
  cursor: pointer;
  text-decoration: underline;
}
.product_availability_popin .services .extras {
  display: inline-block;
  color: var(--blue);
  cursor: pointer;
  text-decoration: underline;
}
.product_availability_popin .services .date {
  display: inline-block;
  font-size: 14px;
  color: var(--green);
}
.product_availability_popin .services .date + .extras {
  margin-top: 6px;
}
.product_availability_popin .services .wrap {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}
.product_availability_popin .services .price {
  font-size: 16px;
}
.product_availability_popin .services .price.free {
  color: var(--red);
}
.product_availability_popin .services .indisp {
  color: var(--soft-grey);
  font-size: 10px;
  display: inline-block;
  text-transform: uppercase;
  padding: 3px 10px;
  border: solid 1px var(--soft-grey);
  border-radius: 15px;
}
.product_availability_popin .services .impact {
  white-space: nowrap;
  display: flex;
  color: var(--green);
}
.product_availability_popin .services .impact::before {
  content: "";
  display: inline-block;
  background: url(../catalog/version_common/styles/images/pictos/darty_eco.svg) no-repeat center;
  height: 16px;
  width: 16px;
  margin-right: 4px;
}
.product_availability_popin .services_alt {
  color: var(--grey);
  border: transparent;
  margin-bottom: 24px;
}
.product_availability_popin .services_alt .wrapper {
  height: 68px;
  border: solid 1px var(--border-grey);
  border-bottom: transparent;
  display: flex;
  flex-flow: row nowrap;
  flex: 1;
  padding: 0 18px;
  align-items: center;
}
.product_availability_popin .services_alt .wrapper.unavailable {
  color: var(--soft-grey);
  background: #fafafa;
}
.product_availability_popin .services_alt .wrapper.unavailable .col .type {
  color: var(--soft-grey);
}
.product_availability_popin .services_alt .row {
  border: transparent;
  padding: 0;
}
.product_availability_popin .services_alt .row:first-child .wrapper {
  border-radius: 5px 5px 0 0;
}
.product_availability_popin .services_alt .row:last-child .wrapper {
  border-bottom: solid 1px var(--border-grey);
  border-radius: 0 0 5px 5px;
}
.product_availability_popin .services_alt .anim {
  margin: auto 24px;
}
.search_popin {
  margin: 15px 0 10px;
  padding: 10px;
  background: #f4f4f4;
}
.search_popin .sprite_icon_truck {
  vertical-align: middle;
  margin-right: 15px;
}
.search_popin input {
  height: 16px;
}
.modal .modal-content .popin_wrapper p {
  margin-bottom: 0;
}
.comparator_actions_filters input:checked + label::after {
  display: inline-block;
  width: 15px;
  height: 14px;
  background: url(../catalog/version_desktop_old/styles/images/darty_sprite/sprite_cross_check.png) no-repeat 0 0;
}
#darty_product_site {
  clear: both;
  padding: 10px;
  color: #363636;
  font-size: 11px;
}
#darty_product_site h2 {
  font-size: inherit;
}
#darty_product_site a {
  text-decoration: underline;
  color: var(--dark-grey) !important;
}
#darty_product_site a:visited {
  color: #363636;
}
#darty_product_site p + p {
  margin-top: 8px;
}
#darty_product_site .mention_legale {
  font-size: 13px;
  line-height: 20px;
}
#darty_product_site .mention_legale + .credit-darty-mentions {
  margin-top: 16px;
}
.filter_bar {
  margin: 20px 0 10px;
  padding: 10px 20px 8px;
  color: var(--dark-grey);
  font-size: 14px;
}
.filter_bar form {
  display: inline-block;
}
.filter_bar select {
  height: 30px;
  margin: 0 0 0 5px;
  border: 1px solid var(--low-grey);
  border-radius: 2px;
  color: var(--dark-grey);
  font-size: 12px;
  font-family: var(--font-bold);
}
.filter_bar .nb_results {
  line-height: 28px;
}
.list_pagination {
  overflow: hidden;
}
.list_pagination .active {
  font-family: var(--font-bold);
}
.list_pagination li + li a::before,
.list_pagination li + li span::before {
  content: "- ";
}
.list_pagination .list_pagination_switch,
.list_pagination .list_pagination_switch li,
.list_pagination .list_pagination_nb_results,
.list_pagination .list_pagination_nb_results li {
  display: inline-block;
}
.list_pagination,
.list_pagination a {
  color: var(--dark-grey);
  font-size: 11px;
  text-decoration: none;
}
.skip-links {
  position: relative;
  width: 980px;
  margin: 0 auto;
}
.skip-links a {
  position: absolute;
  z-index: 1;
  overflow: hidden;
  height: 0;
  background: var(--white);
  color: var(--dark-grey);
}
.skip-links a:focus {
  height: auto;
  padding: 5px 10px;
}
.owl-carousel {
  display: inherit !important;
}
.owl-carousel .owl-prev,
.owl-carousel .owl-next {
  position: absolute;
  top: 50%;
  width: 14px;
  height: 24px;
  margin-top: -10px;
  background: no-repeat 0 0;
}
.owl-carousel .owl-prev {
  left: -18px;
  background-image: url(../catalog/version_desktop_old/styles/images/darty_sprite/sprite_slider_previous.png);
}
.owl-carousel .owl-next {
  right: 0;
  background-image: url(../catalog/version_desktop_old/styles/images/darty_sprite/sprite_slider_next.png);
}
.owl-carousel .product-wrapper + .product-wrapper {
  display: none;
}
.owl-pagination {
  padding: 15px 0 0;
  text-align: center;
}
.owl-pagination .owl-page {
  display: inline-block;
  width: 6px;
  height: 6px;
  border: 3px solid transparent;
  border-radius: 50%;
  background-color: #d6d6d6;
  background-clip: content-box;
}
.owl-pagination .owl-page + .owl-page {
  margin-left: 2px;
}
.owl-pagination .owl-page.active {
  border-color: #d6d6d6;
  background-color: var(--dark-grey);
}
.mkp_choicebox_title button {
  padding: 10px;
  min-width: 130px;
  background-color: var(--white);
  font-family: var(--font-bold);
  text-transform: uppercase;
  box-shadow: 0 0 5px #c3c3c3;
  border: none;
  border-radius: 5px;
}
.mkp_choicebox_title button.active {
  background-color: var(--dark-grey);
  color: var(--white);
}
.states_list {
  display: none;
}
.states_list.visible {
  display: block;
}
.page .page_product .product_bloc .unavailable_form .form_label {
  background-position: 0 5px;
  padding-left: 25px;
}
.page .page_product .product_bloc .unavailable_form input[type="email"] {
  text-align: left;
  padding-left: 26px;
}
.page .page_product .product_bloc .unavailable_form .input_group {
  margin-bottom: 10px;
}
.page .page_product .store_popin_direct_link {
  padding-left: 27px;
  margin-top: 6px;
}
.page .page_product .comparator_button .sprite_squares {
  margin-right: 10px;
}
.more-info {
  font-size: 12px;
  font-style: normal;
  font-family: var(--font-regular);
  color: var(--mid-grey);
  text-align: center;
  text-decoration: underline;
  position: absolute;
  width: 100%;
  left: 0;
  bottom: 0;
  margin: 10px 0;
}
.more-info.top {
  position: relative;
  display: inline-block;
}
#choix_retraitmagasin {
  padding-right: 16px;
}
#choix_retraitmagasin::-webkit-scrollbar {
  width: 8px;
}
#choix_retraitmagasin::-webkit-scrollbar-track {
  display: none;
}
#choix_retraitmagasin::-webkit-scrollbar-thumb {
  background: var(--border-grey);
  border-radius: 4px;
}
#choix_retraitmagasin .more-info {
  display: inline-block;
  position: static;
  font-family: var(--font-bold);
  color: var(--dark-grey);
}
.product-preorder {
  color: var(--orange);
  letter-spacing: -0.1px;
  font-size: 13px;
  font-family: var(--font-bold);
  margin: 0 0 15px;
}
.product-preorder span {
  text-transform: uppercase;
}
html .mkp_rating.ratingShop .sprite_empty_rates,
html .mkp_rating.ratingShop .sprite_rates {
  background: url(../catalog/version_desktop_old/styles/images/darty_sprite/sprite_notation_mkp.png);
  display: inline-block;
}
html .mkp_rating.ratingShop .sprite_rates {
  background-position: -24px 0;
  height: 14px;
  width: 67px;
}
html .mkp_rating.ratingShop .sprite_empty_rates {
  background-position: -111px 0;
  height: 14px;
  width: 85px;
  font-size: 12px;
  vertical-align: baseline;
}
.display_flags {
  position: absolute;
  top: 0;
  right: 0;
  display: flex;
  flex-wrap: nowrap;
  font-size: 13px;
}
.display_flags.pre_order {
  display: inherit;
  flex-wrap: inherit;
}
.display_flags.pre_order .flag {
  background-color: var(--orange);
}
.display_flags .rouge {
  padding-right: 5px;
  background-color: var(--red);
}
.display_flags .rouge .striped_price {
  line-height: 20px;
  font-family: var(--font-bold);
  color: var(--white);
}
.display_flags .flag {
  padding: 0 5px;
  background-color: var(--red);
}
.display_flags.pre_order .flag,
.display_flags .pre_order_date_flag {
  width: 165px;
  padding: 0;
  text-align: center;
}
.display_flags .pre_order_date_flagspan {
  font-size: 12px;
}
.display_flags .logo {
  margin: 1px 0 0 10px;
  float: left;
}
.display_flags .logo.striped_price {
  height: 22px;
  width: 22px;
  margin: 0 0 0 4px;
}
.display_flags .title {
  display: block;
  color: var(--white);
  font-family: var(--font-bold);
  line-height: 20px;
  text-transform: uppercase;
  letter-spacing: .13px;
}
.scrollbar::-webkit-scrollbar {
  width: 8px;
}
.scrollbar::-webkit-scrollbar-track {
  display: none;
}
.scrollbar::-webkit-scrollbar-thumb {
  background: var(--low-grey);
  border-radius: 4px;
}

.modal-theme-1 {
  width: 610px;
  padding: 20px 24px;
  background: var(--white);
  border-radius: 3px;
  display: none;
}
.modal-theme-1 [data-close] {
  position: absolute;
  top: -30px;
  right: 0;
  border: 0;
  padding: 0;
  background: none;
  z-index: 1;
}
.modal-theme-1 .with-iframe {
  height: 500px;
  -webkit-overflow-scrolling: touch;
  overflow-y: auto;
}
.modal-theme-1 iframe {
  width: 100%;
  height: 99%;
}
.modal-theme-1 .text-center {
  text-align: center;
}
.modal-theme-1.product_warehouse_popin .modal-body {
  padding: 0;
}
.modal-theme-legals .modal-body p {
  font-size: 12px;
}
.modal-theme-legals .modal-body p + p {
  margin-top: 15px;
}
html.no-scroll,
.no-scroll body {
  overflow: hidden;
  height: inherit;
}
.modal-theme-2 {
  display: none;
}
.modal-theme-2 .zoom-product-popin-content {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: var(--white);
  border-radius: 5px;
  overflow: auto;
}
.modal-theme-2 [data-modal="close"] {
  position: absolute;
  top: -30px;
  right: 0;
  border: 0;
  padding: 0;
  background: none;
  z-index: 1;
}

.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;
}

.product_rating {
  height: 14px;
  width: 80px;
}
.sprite {
  background-image: url(../catalog/version_desktop_old/styles/images/sprite.png);
  display: block;
  float: left;
}
.ie6 .sprite {
  background-image: url(../catalog/version_desktop_old/styles/images/sprite.gif);
  display: block;
  float: left;
  overflow: hidden;
}
.red_close {
  background-position: -49px -42px;
  height: 10px;
  width: 9px;
}
.red_close_input {
  background-position: -350px -464px;
  width: 20px;
  height: 20px;
}
.coche_input {
  background-position: -20px -98px;
  width: 20px;
  height: 20px;
}
.coche {
  background-position: -183px -73px;
  width: 10px;
  height: 10px;
}
.pre-order,
.mkp_last_avail_coche {
  background-position: -183px -118px;
  width: 10px;
  height: 10px;
}
.unavailable {
  background-position: 0 -101px;
  width: 17px;
  height: 17px;
}
.warning {
  background-position: 0 -135px;
  width: 17px;
  height: 17px;
}
.avail_expo {
  background-position: 0 -118px;
  width: 17px;
  height: 17px;
}
.calendar {
  background-position: 0 -80px;
  width: 17px;
  height: 17px;
}
.avail_tq {
  background-position: -129px -163px;
  width: 17px;
  height: 17px;
}
.email {
  background-position: 0 -222px;
  width: 16px;
  height: 11px;
}
.cart {
  background-position: -234px 0;
  width: 162px;
  height: 31px;
}
.cart:hover {
  background-position: -234px -31px;
}
.cart_mini {
  background-position: -234px -466px;
  width: 104px;
  height: 28px;
}
#cart .add_cart_block .cart {
  background-position: -51px -301px;
  height: 48px;
}
#cart .add_cart_block .cart:hover {
  background-position: -51px -349px;
}
#cart .disabled .cart {
  background-position: -51px -395px;
  height: 48px;
}
#cart .disabled .cart:hover {
  background-position: -51px -395px;
  height: 48px;
}
.finished_order_btn {
  background-position: -40px -450px;
  height: 28px;
  width: 174px;
}
.modified_cart_btn {
  background-position: -40px -483px;
  height: 38px;
  width: 174px;
}
.grey_bgd .cart {
  background-position: -650px -63px;
  background-color: var(--border-grey);
}
.grey_bgd .cart:hover {
  background-position: -650px -94px;
}
.more {
  background-position: -148px -35px;
  height: 25px;
  width: 25px;
}
.comparator {
  background-position: -1px -208px;
  height: 10px;
  width: 14px;
}
.help_icon {
  background-position: 0 -154px;
  height: 15px;
  width: 15px;
}
.pack_eco_arrow {
  background-position: -21px -159px;
  height: 13px;
  width: 17px;
}
.gsm_elem_arrow {
  background-position: -21px -159px;
  height: 13px;
  width: 17px;
}
.pack_eco_arrow.open {
  background-position: -39px -159px;
}
.all_products_open {
  background-position: -64px -77px;
  height: 15px;
  width: 16px;
}
.all_products_close {
  background-position: -64px -57px;
  height: 15px;
  width: 16px;
}
.picto_there_for {
  background-position: -45px -97px;
  height: 20px;
  width: 20px;
}
.picto_there_agaisnt {
  background-position: -70px -97px;
  height: 20px;
  width: 20px;
}
.chevron_onglet_on {
  background-position: -21px -180px;
  height: 9px;
  width: 6px;
}
.chevron_onglet_off {
  background-position: -31px -180px;
  height: 9px;
  width: 6px;
}
.other_views {
  background-position: -71px -144px;
  height: 13px;
  width: 21px;
}
.see_videos {
  background-position: -71px -162px;
  height: 15px;
  width: 22px;
}
.zoom {
  background-position: -71px -122px;
  height: 17px;
  width: 20px;
}
.unchecked {
  background-position: -18px -213px;
  height: 14px;
  width: 17px;
}
.checked {
  background-position: -18px -232px;
  height: 14px;
  width: 17px;
}
.img_no_product {
  background-position: -359px -258px;
  height: 35px;
  width: 35px;
}
.square_filter {
  background-position: -53px -139px;
  width: 14px;
  height: 14px;
}
.cursor_range_filter .slider_bgd {
  background-position: -61px -191px;
  height: 23px;
  width: 168px;
  float: none;
}
.ie6 .cursor_range_filter .slider_range .ui-slider-handle.sprite {
  background-image: url(../catalog/version_desktop_old/styles/images/sprite.gif);
  width: 15px;
  height: 15px;
}
.cursor_range_filter .slider_range .ui-slider-handle.sprite {
  background-image: url(../catalog/version_desktop_old/styles/images/sprite.png);
  width: 15px;
  height: 15px;
}
.cursor_range_filter .slider_range .ui-slider-handle.left_handle {
  background-position: -44px -57px;
}
.cursor_range_filter .slider_range .ui-slider-handle.right_handle {
  background-position: -44px -77px;
}
.darty_product_rating div,
.item_ratings div,
.avis div,
.rating div {
  background-position: -25px 0;
  height: 16px;
  width: 79px;
}
.darty_product_rating span,
.item_ratings span,
.avis span,
.rating span {
  background-position: -25px -20px;
  height: 16px;
  width: 79px;
}
.ratingShop div {
  background-position: -22px -808px;
  height: 16px;
  width: 80px;
}
.ratingShop span {
  background-position: -22px -786px;
  height: 16px;
  width: 80px;
}
.horizontal_bar div {
  background-position: -234px -259px;
  height: 6px;
  width: 105px;
}
.horizontal_bar span {
  background-position: -234px -270px;
  height: 6px;
  width: 105px;
}
.filter .rating .one_star {
  width: 20%;
}
.filter .rating .two_stars {
  width: 40%;
}
.filter .rating .three_stars {
  width: 60%;
}
.filter .rating .for_stars {
  width: 80%;
}
.filter .rating .five_stars {
  width: 100%;
}
.filter .bon_plans span {
  height: 14px;
  width: 12px;
  margin-right: 5px;
}
.filter .bon_plans .exlu_web {
  background-position: -38px -120px;
}
.filter .bon_plans .news {
  background-position: -21px -139px;
}
.filter .bon_plans .subscribable {
  background-position: -21px -139px;
}
.filter .bon_plans .eco_pack {
  background-position: -21px -120px;
}
.filter .bon_plans .heart {
  background-position: -38px -139px;
}
.filter .bon_plans .prix_barre {
  background-position: -1px -234px;
}
.sub_item_open {
  background-position: -85px -77px;
  height: 12px;
  width: 12px;
}
.sub_item_close {
  background-position: -85px -60px;
  height: 12px;
  width: 12px;
}
.bundle_open {
  background-position: -213px -65px;
  height: 6px;
  width: 10px;
}
.bundle_close {
  background-position: -213px -76px;
  height: 6px;
  width: 10px;
}
.darty_large_down_angle {
  display: inline-block;
  width: 12px;
  height: 8px;
  background-position: -213px -89px;
  overflow: hidden;
}
.darty_small_down_angle {
  display: inline-block;
  width: 10px;
  height: 7px;
  background-position: -213px -100px;
}
.cross_deco_espace_client {
  display: inline-block;
  background-position: -304px -392px;
  height: 15px;
  width: 13px;
}
#sticky-footer-content .arrow {
  width: 11px;
  height: 6px;
  background-position: -148px -158px;
}
#sticky-footer-content .selected .arrow {
  width: 11px;
  height: 6px;
  background-position: -148px -168px;
}
.darty_red_cross {
  width: 10px;
  height: 10px;
  background-position: -49px -42px;
}
.darty-large-red-basket {
  background-position: -106px -99px;
  width: 33px;
  height: 27px;
}
.darty-personnage-espace-client {
  background-position: -5px -408px;
  width: 18px;
  height: 17px;
  margin: 0 5px 0 0;
}
.darty-wishlist-create {
  background-position: -8px -431px;
  width: 22px;
  height: 10px;
  margin: 2px 5px 0 0;
}
.darty-wishlist-access {
  background-position: -8px -449px;
  width: 22px;
  height: 10px;
  margin: 2px 5px 0 0;
}
.darty-warning-sign {
  display: inline-block;
  height: 21px;
  width: 21px;
  background-position: -112px -132px;
}
.picto_fiche_produit {
  background-position: -110px -42px;
  height: 10px;
  width: 10px;
}
.picto_twitter {
  background-position: -166px -158px;
  height: 15px;
  width: 15px;
}
.picto_facebook {
  background-position: -206px -158px;
  height: 15px;
  width: 15px;
}
.picto_myspace {
  background-position: -186px -158px;
  height: 15px;
  width: 15px;
}
.carousel_arrow button {
  height: 28px;
  width: 15px;
}
.big_gray_right_arrow {
  background: transparent url(../catalog/version_desktop_old/styles/images/sprite.png) no-repeat -145px 0;
}
.ie6 .big_gray_right_arrow {
  background: transparent url(../catalog/version_desktop_old/styles/images/sprite.gif) no-repeat -145px 0;
}
.big_gray_left_arrow {
  background: transparent url(../catalog/version_desktop_old/styles/images/sprite.png) no-repeat -109px 0;
}
.ie6 .big_gray_left_arrow {
  background: transparent url(../catalog/version_desktop_old/styles/images/sprite.gif) no-repeat -109px 0;
}
.darty-selfcare {
  display: inline-block;
  width: 29px;
  height: 25px;
  background-position: -140px -131px;
  margin: 12px 0 0 0;
}
.darty-purchases {
  display: inline-block;
  width: 29px;
  height: 25px;
  background-position: -199px -131px;
  margin: 12px 0 0 0;
}
.darty-signout {
  display: inline-block;
  width: 29px;
  height: 25px;
  background-position: -169px -131px;
  margin: 12px 0 0 0;
}
.darty_social_picto {
  width: 20px;
  height: 20px;
  float: left;
}
.facebook {
  background-position: -183px -25px;
}
.twitter {
  background-position: -183px 0;
}
.youtube {
  background-position: -183px -50px;
}
#darty_basket_header_popin .darty_bundle_separator {
  height: 24px;
  width: 24px;
  background-position: -148px -35px;
}
.loupe {
  background-position: -208px -28px;
  width: 22px;
  height: 20px;
}
#site_footer #site_footer_title .open_close_picto {
  height: 18px;
  width: 18px;
}
#site_footer #site_footer_title .open_close_picto {
  background-position: -21px -57px;
}
#site_footer #site_footer_title.opened .open_close_picto {
  background-position: -21px -75px;
}
.darty_arw_down_light_blue {
  width: 12px;
  height: 7px;
  background-position: -32px -42px;
}
#darty_header_espace_client_login_validation_error_container .left_arrow,
#darty_wishlist_client_login_validation_error_container .left_arrow,
#darty_header_newsletter_error_container .left_arrow {
  background-position: -208px 0;
  width: 12px;
  height: 24px;
}
.view-next-button .sprite {
  background-position: -21px -42px;
  width: 11px;
  height: 11px;
}
.view-family-button .sprite {
  background-position: -95px -42px;
  width: 11px;
  height: 11px;
}
.view-product-button .sprite {
  background-position: -111px -41px;
  width: 11px;
  height: 11px;
}
.darty_product_list .darty-product-stock .picto {
  float: left;
  width: 11px;
  height: 10px;
  background: url(../catalog/version_desktop_old/styles/images/sprite.png) no-repeat -80px -50px;
  margin-right: 5px;
}
.ie6 .darty_product_list .darty-product-stock .picto {
  background: url(../catalog/version_desktop_old/styles/images/sprite.gif) no-repeat -80px -50px;
}
.disabled .cart {
  background-position: -234px -190px;
}
.disabled .cart:hover {
  background-position: -234px -221px;
}
.add_cart {
  height: 20px;
  width: 100px;
  background-position: -234px -284px;
}
.add_cart_little {
  height: 20px;
  width: 80px;
  background-position: -336px -434px;
}
.add_to_cart_off {
  height: 20px;
  width: 100px;
  background-position: -234px -311px;
}
.add_to_cart_on {
  height: 20px;
  width: 100px;
  background-position: -234px -338px;
}
.delete {
  background-position: -147px -65px;
  height: 25px;
  width: 25px;
}
.delete_mini {
  background-position: -184px -102px;
  height: 14px;
  width: 14px;
}
#comparator .delete,
.white_close {
  width: 9px;
  height: 9px;
  background-position: -63px -42px;
}
#comparator .back {
  width: 14px;
  height: 9px;
  background-position: -76px -43px;
}
#darty_product_list_sort .input_fake {
  background-position: -53px -219px;
  height: 20px;
  width: 168px;
}
#darty_product_list_type_view .input_fake {
  background-position: 0 -607px;
  height: 20px;
  width: 75px;
}
.flag_fr {
  background-position: 0 0;
}
.flag_tr {
  background-position: 0 -17px;
}
.flag_es {
  background-position: 0 -32px;
}
.flag_lu {
  background-position: 0 -64px;
}
.print {
  height: 16px;
  width: 16px;
  background-position: 0 -174px;
}
#darty_product_list_left .resume ul.criterias_selected li {
  background-position: -51px -247px;
}
.contact .darty_picto_contact {
  background-position: -106px -60px;
  background-repeat: no-repeat;
  width: 32px;
  height: 30px;
}
.red_puce {
  background-position: -3px -195px;
  height: 8px;
  width: 9px;
}
.tab_content_open {
  background-position: -21px -199px;
  height: 10px;
  width: 10px;
}
.tab_content_close {
  background-position: -33px -199px;
  height: 10px;
  width: 10px;
}
.darty_universe_domain .arrow_univers {
  background-position: -46px -180px;
  height: 10px;
  width: 6px;
}
.darty_universe_domain .arrow_univers_hover {
  background-position: -40px -180px;
  height: 10px;
  width: 6px;
}
.sep_hor_grey {
  background-position: -223px -301px;
  height: 193px;
  width: 1px;
}
.sep_hor_grey_big {
  background-position: 0 -529px;
  height: 1px;
  width: 400px;
}
.sep_ver_grey_small {
  background-position: -343px -258px;
  height: 93px;
  width: 1px;
}
.icon_gsm_red_arrow {
  background-position: -53px -120px;
  width: 12px;
  height: 12px;
}
.icon_darty_group {
  background-position: 0 -251px;
  width: 30px;
  height: 30px;
}
.icon_close_popin_darty_group {
  background-position: 0 -291px;
  width: 30px;
  height: 30px;
}
.produit_epuise_sprite {
  background-position: -233px -129px;
  width: 167px;
  height: 26px;
}
.produit_epuise_mini_sprite {
  background-position: -233px -160px;
  width: 106px;
  height: 26px;
}
.produit_indispo_sprite {
  background-position: -233px -190px;
  width: 167px;
  height: 26px;
}
.produit_indispo_mini_sprite {
  background-position: -233px -221px;
  width: 106px;
  height: 26px;
}
.mkp_produit_indispo_mini_sprite {
  background-position: -230px -363px;
  width: 106px;
  height: 26px;
}
.produit_mkp_indispo_sprite {
  background-position: -233px -538px;
  width: 167px;
  height: 28px;
}
.pack_indispo_sprite {
  background-position: -180px -574px;
  width: 166px;
  height: 27px;
}
.pack_epuise_sprite {
  background-position: -5px -574px;
  width: 166px;
  height: 26px;
}
.pack_indispo_mini_sprite {
  background-position: -115px -537px;
  width: 108px;
  height: 29px;
}
.pack_epuise_mini_sprite {
  background-position: -4px -537px;
  width: 108px;
  height: 29px;
}
.nightly_delivery {
  width: 82px;
  height: 33px;
  background-position: -335px -358px;
}
.modele_dispo {
  background-position: -111px -779px;
  height: 28px;
  width: 240px;
}
.continue_basket {
  background-position: -111px -809px;
  height: 25px;
  width: 89px;
}
.store_gift {
  background-position: -337px -395px;
  height: 35px;
  width: 54px;
}
.cart_all {
  border: 0;
  background-position: -10px -887px;
  width: 179px;
  height: 46px;
  background-color: var(--white);
}
.cart_all:hover {
  background-position: -10px -935px;
  width: 179px;
  height: 46px;
  cursor: pointer;
}
.not_share {
  background-position: -8px -860px;
  width: 15px;
  height: 16px;
}
.share {
  background-position: -7px -838px;
  width: 15px;
  height: 16px;
}
.delete_small {
  background-position: -38px -833px;
  width: 23px;
  height: 19px;
  float: none;
  display: inline-block;
  position: relative;
  top: 2px;
}
.devis {
  background-position: -190px -854px;
  width: 131px;
  height: 37px;
  border: none;
}
.devis_impresson {
  background-position: -190px -893px;
  width: 169px;
  height: 33px;
  border: none;
}
.download {
  background-position: -8px -987px;
  width: 128px;
  height: 38px;
}
.add_to_pack {
  background-position: -144px -984px;
  width: 159px;
  height: 28px;
}
.add_to_pack:hover {
  background-position: -144px -1015px;
  width: 159px;
  height: 28px;
  cursor: pointer;
}
.remove_from_pack {
  background-position: -144px -1046px;
  width: 159px;
  height: 28px;
}
.remove_from_pack:hover {
  background-position: -144px -1077px;
  width: 159px;
  height: 28px;
  cursor: pointer;
}
.coche_pack_configurable {
  background-position: -6px -465px;
  width: 20px;
  height: 20px;
}
.retrait_magasin_small {
  background-position: -203px -807px;
  width: 162px;
  height: 28px;
}
.retrait_magasin_small:hover {
  background-position: -1px -1157px;
  width: 162px;
  height: 28px;
}
.pagination_first {
  background-position: -313px -1073px;
  width: 32px;
  height: 30px;
}
.pagination_first:hover {
  background-position: -350px -1073px;
  width: 32px;
  height: 30px;
}
.pagination_prev {
  background-position: -313px -1042px;
  width: 32px;
  height: 30px;
}
.pagination_prev:hover {
  background-position: -350px -1042px;
  width: 32px;
  height: 30px;
}
.pagination_next {
  background-position: -313px -980px;
  width: 32px;
  height: 30px;
}
.pagination_next:hover {
  background-position: -350px -980px;
  width: 32px;
  height: 30px;
}
.pagination_last {
  background-position: -313px -1011px;
  width: 32px;
  height: 30px;
}
.pagination_last:hover {
  background-position: -350px -1011px;
  width: 32px;
  height: 30px;
}
.click_to_call {
  background-position: -65px -830px;
  width: 17px;
  height: 29px;
}
.valider_mon_panier {
  background-position: -174px -1112px;
  width: 173px;
  height: 38px;
}

.darty_headerxxl_stickyfooter h1,
.darty_headerxxl_stickyfooter h2,
.darty_headerxxl_stickyfooter h3,
.darty_headerxxl_stickyfooter h4,
.darty_headerxxl_stickyfooter h5,
.darty_headerxxl_stickyfooter h6,
.darty_headerxxl_stickyfooter ul,
.darty_headerxxl_stickyfooter ol,
.darty_headerxxl_stickyfooter dl,
.darty_headerxxl_stickyfooter dd,
.darty_headerxxl_stickyfooter p,
.darty_headerxxl_stickyfooter blockquote,
.darty_headerxxl_stickyfooter tr,
.darty_headerxxl_stickyfooter td,
.darty_headerxxl_stickyfooter img,
.darty_headerxxl_stickyfooter form {
  margin: 0;
  padding: 0;
  border: 0;
}
.darty_headerxxl_stickyfooter table {
  border-spacing: 0;
  margin: 0;
  padding: 0;
  border: 0;
}
.darty_headerxxl_stickyfooter td {
  vertical-align: top;
}
.darty_headerxxl_stickyfooter ul {
  list-style: none;
}
.darty_headerxxl_stickyfooter {
  font-family: sans-serif;
}
.clearfix::before,
.clearfix::after {
  content: "\0020";
  display: block;
  height: 0;
  overflow: hidden;
}
.clearfix::after {
  clear: both;
}
.clearfix {
  zoom: 1;
}
.darty_headerxxl_stickyfooter button,
.darty_headerxxl_stickyfooter select,
.darty_headerxxl_stickyfooter input,
.darty_headerxxl_stickyfooter textarea {
  font-family: sans-serif;
  font-size: 99%;
  margin: 0;
}
.darty_headerxxl_stickyfooter .clickable,
.darty_headerxxl_stickyfooter label,
.darty_headerxxl_stickyfooter input[type="button"],
.darty_headerxxl_stickyfooter input[type="submit"],
.darty_headerxxl_stickyfooter button {
  cursor: pointer;
}

.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);
}

.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;
}

.darty_sprite,
.sprite_darty_logo,
.sprite_bouygues,
.sprite_orange,
.sprite_darty_pro_logo,
.sprite_add_to_basket,
.sprite_pickin,
.sprite_pack,
.sprite_packs,
.sprite_add_to_basket_big,
.sprite_pickin_big,
.sprite_social_mobile,
.sprite_social_twitter,
.sprite_social_youtube,
.sprite_social_facebook,
.sprite_white_up_arrow,
.sprite_white_down_arrow,
.sprite_small_white_down_arrow,
.sprite_big_white_link_arrow,
.sprite_white_link_arrow,
.sprite_red_link_arrow,
.sprite_black_link_arrow,
.sprite_down_black_arrow,
.sprite_up_black_arrow,
.sprite_arrow_down_0,
.sprite_arrow_up_0,
.sprite_back,
.sprite_prev,
.sprite_next,
.sprite_arrow_change,
.sprite_link_arrow_success,
.sprite_slider_next,
.sprite_slider_previous,
.sprite_slider_next_s,
.sprite_slider_previous_s,
.sprite_small_delivery,
.sprite_small_cc,
.sprite_user,
.sprite_user_checked,
.sprite_box,
.sprite_basket,
.sprite_coeur,
.sprite_lock_close,
.sprite_lock_open,
.sprite_devis,
.sprite_devis_small,
.sprite_icon_calendar,
.sprite_squares,
.sprite_icon_search,
.sprite_icon_check,
.sprite_icon_truck,
.sprite_icon_repeat,
html .sprite_rates,
html .sprite_empty_rates,
html .rating_small .sprite_rates,
html .rating_small .sprite_empty_rates,
html .sprite_rates_1,
html .sprite_rates_2,
html .sprite_rates_3,
html .sprite_rates_4,
html .sprite_rates_big,
html .sprite_rates_big_empty,
html .sprite_rates_xxl,
html .sprite_rates_xxl_empty,
.sprite_bullet,
.sprite_check_primary,
.sprite_check_secondary,
.sprite_comparator,
.sprite_down_arrow_select,
.sprite_mail,
.sprite_pack_eco,
.sprite_plus,
.sprite_shops,
.sprite_icon_pickup,
.sprite_remove,
.sprite_toggle_price,
.sprite_cross_0,
.sprite_go_home,
.sprite_icon_print,
.sprite_icon_favorite,
.sprite_danger,
.sprite_danger_2,
#darty_product_list_left .filter_selected:after,
.bloc_list_filters .filter_selected:after,
#darty_product_list_left .darty_product_list_filter .content_filter .bullet .active,
.sprite_cross_check,
.sprite_hand,
.sprite_basket_add,
.sprite_product_page,
.sprite_print,
.sprite_exclu,
.sprite_flash,
.sprite_offer,
.sprite_soldes,
.sprite_star,
.page_product .sprite_exclu,
.page_product .sprite_flash,
.page_product .sprite_offer,
.page_product .sprite_soldes,
.page_product .sprite_star,
.icon_darty_group,
.darty_red_cross,
#sticky-footer-content .arrow,
#sticky-footer-content .selected .arrow,
.darty_social_picto.facebook,
.darty_social_picto.twitter,
.darty_social_picto.youtube,
.modele_dispo,
.continue_basket,
.coche_input,
.red_close_input,
.thumb_up,
.thumb_down {
  background: url(../catalog/version_desktop_old/styles/images/darty_sprite-s829abe3d98.png);
  display: inline-block;
}
.sprite_darty_logo {
  background-position: 0 -926px;
  height: 153px;
  width: 153px;
}
.sprite_bouygues {
  background-position: -140px -15px;
  height: 13px;
  width: 13px;
}
.sprite_orange {
  background-position: -166px -15px;
  height: 13px;
  width: 13px;
}
.sprite_darty_pro_logo {
  background-position: 0 -773px;
  height: 153px;
  width: 153px;
}
.sprite_add_to_basket {
  background-position: 0 -498px;
  height: 40px;
  width: 154px;
}
.sprite_pickin {
  background-position: 0 -538px;
  height: 40px;
  width: 154px;
}
.sprite_pack {
  background-position: -109px -200px;
  height: 26px;
  width: 102px;
}
.sprite_packs {
  background-position: 0 -370px;
  height: 33px;
  width: 194px;
}
.sprite_add_to_basket_big {
  background-position: 0 -673px;
  height: 50px;
  width: 193px;
}
.sprite_pickin_big {
  background-position: 0 -723px;
  height: 50px;
  width: 193px;
}
.sprite_social_mobile {
  background-position: -194px -335px;
  height: 35px;
  width: 35px;
}
.sprite_social_twitter {
  background-position: -194px -370px;
  height: 35px;
  width: 35px;
}
.sprite_social_youtube {
  background-position: -175px -265px;
  height: 35px;
  width: 35px;
}
.sprite_social_facebook {
  background-position: -175px -300px;
  height: 35px;
  width: 35px;
}
.sprite_social_pinterest {
  background: url(../catalog/version_desktop_old/styles/images/new_sprite.png);
  background-position: -286px -219px;
  height: 35px;
  width: 35px;
}
.sprite_social_instagram {
  background: url(../catalog/version_desktop_old/styles/images/new_sprite.png);
  background-position: -346px -219px;
  height: 35px;
  width: 35px;
}
.sprite_white_up_arrow {
  background-position: -3px -15px;
  height: 5px;
  width: 10px;
}
.sprite_white_down_arrow {
  background-position: -13px -15px;
  height: 5px;
  width: 10px;
}
.sprite_small_white_down_arrow {
  background-position: -23px -15px;
  height: 5px;
  width: 6px;
}
.sprite_big_white_link_arrow {
  background-position: -110px 0;
  height: 11px;
  width: 11px;
}
.sprite_white_link_arrow {
  background-position: -72px -15px;
  height: 7px;
  width: 7px;
  margin-left: 5px;
}
.sprite_red_link_arrow {
  background-position: -65px -15px;
  height: 7px;
  width: 7px;
  margin-left: 5px;
}
.sprite_black_link_arrow {
  background-position: -93px -15px;
  height: 7px;
  width: 7px;
  margin-left: 5px;
}
.sprite_down_black_arrow {
  background-position: -79px -15px;
  height: 7px;
  width: 7px;
}
.sprite_up_black_arrow {
  background-position: -86px -15px;
  height: 7px;
  width: 7px;
}
.sprite_arrow_down_0 {
  background-position: 0 -33px;
  height: 10px;
  width: 18px;
}
.sprite_arrow_up_0 {
  background-position: -121px 0;
  height: 10px;
  width: 18px;
}
.sprite_back {
  background-position: -51px -15px;
  height: 7px;
  width: 14px;
}
.sprite_prev {
  background-position: -62px 0;
  height: 10px;
  width: 10px;
}
.sprite_next {
  background-position: -52px 0;
  height: 10px;
  width: 10px;
}
.sprite_arrow_change {
  background-position: -13px 0;
  height: 10px;
  width: 12px;
}
.sprite_link_arrow_success {
  background-position: -25px 0;
  height: 10px;
  width: 11px;
}
.sprite_slider_next {
  background-position: -125px -81px;
  height: 23px;
  width: 13px;
}
.sprite_slider_previous {
  background-position: -147px -129px;
  height: 24px;
  width: 14px;
}
.sprite_slider_next_s {
  background-position: -221px -15px;
  height: 18px;
  width: 11px;
}
.sprite_slider_previous_s {
  background-position: -209px -15px;
  height: 18px;
  width: 12px;
}
.sprite_small_delivery {
  background-position: -78px -175px;
  height: 21px;
  width: 23px;
}
.sprite_small_cc {
  background-position: -48px -129px;
  height: 22px;
  width: 22px;
}
.sprite_user {
  background-position: -215px -108px;
  height: 21px;
  width: 17px;
}
.sprite_user_checked {
  background-position: -21px -129px;
  height: 22px;
  width: 27px;
}
.sprite_box {
  background-position: -70px -129px;
  height: 23px;
  width: 17px;
}
.sprite_basket {
  background-position: -193px -108px;
  height: 20px;
  width: 22px;
}
.sprite_coeur {
  background-position: -66px -81px;
  height: 19px;
  width: 21px;
}
.sprite_lock_close {
  background-position: -87px -129px;
  height: 24px;
  width: 17px;
}
.sprite_lock_open {
  background-position: -89px -200px;
  height: 28px;
  width: 20px;
}
.sprite_devis {
  background-position: -187px -228px;
  height: 37px;
  width: 37px;
  margin-top: -3px;
}
.sprite_devis_small {
  background-position: -168px -63px;
  height: 18px;
  width: 14px;
}
.sprite_icon_calendar {
  background-position: -190px -46px;
  height: 16px;
  width: 16px;
}
.sprite_squares {
  background-position: -36px 0;
  height: 10px;
  width: 16px;
}
.sprite_icon_search {
  background-position: -145px -175px;
  height: 25px;
  width: 25px;
}
.sprite_icon_check {
  background-position: -123px -175px;
  height: 21px;
  width: 22px;
}
.sprite_icon_truck {
  background-position: -182px 0;
  height: 15px;
  width: 26px;
}
.sprite_icon_repeat {
  background-position: -176px -108px;
  height: 19px;
  width: 17px;
}
html .sprite_rates {
  background-position: -24px -46px;
  height: 13px;
  width: 67px;
}
html .sprite_empty_rates {
  background-position: -91px -46px;
  height: 13px;
  width: 67px;
}
html .rating_small .sprite_rates {
  background-position: -46px -63px;
  height: 9px;
  width: 46px;
}
html .rating_small .sprite_empty_rates {
  background-position: 0 -63px;
  height: 9px;
  width: 46px;
  display: flex;
}
html .sprite_rates_1 {
  background-position: -31px -33px;
  height: 13px;
  width: 67px;
}
html .sprite_rates_2 {
  background-position: 0 -108px;
  height: 13px;
  width: 67px;
}
html .sprite_rates_3 {
  background-position: -165px -33px;
  height: 13px;
  width: 67px;
}
html .sprite_rates_4 {
  background-position: -98px -33px;
  height: 13px;
  width: 67px;
}
html .sprite_rates_big {
  background-position: -67px -108px;
  height: 17px;
  width: 91px;
}
html .sprite_rates_big_empty {
  background-position: 0 -405px;
  height: 17px;
  width: 91px;
}
html .sprite_rates_xxl {
  background-position: 0 -300px;
  height: 29px;
  width: 175px;
}
html .sprite_rates_xxl_empty {
  background-position: 0 -265px;
  height: 29px;
  width: 175px;
}
.sprite_bullet {
  background-position: -18px -33px;
  height: 12px;
  width: 13px;
}
.sprite_check_primary {
  background-position: -127px -15px;
  height: 13px;
  width: 13px;
}
.sprite_check_secondary {
  background-position: -153px -15px;
  height: 13px;
  width: 13px;
}
.sprite_comparator {
  background-position: -179px -15px;
  height: 14px;
  width: 18px;
}
.sprite_down_arrow_select {
  background-position: -100px -15px;
  height: 8px;
  width: 9px;
}
.sprite_mail {
  background-position: 0 0;
  height: 10px;
  width: 13px;
}
.sprite_pack_eco {
  background-position: -90px 0;
  height: 13px;
  width: 9px;
}
.sprite_plus {
  background-position: -99px 0;
  height: 11px;
  width: 11px;
}
.sprite_shops {
  background-position: -60px -200px;
  height: 27px;
  width: 29px;
}
.sprite_icon_pickup {
  background-position: -182px -63px;
  height: 17px;
  width: 30px;
}
.sprite_remove {
  background-position: -48px -81px;
  height: 18px;
  width: 18px;
}
.sprite_toggle_price {
  background-position: 0 -129px;
  height: 21px;
  width: 21px;
}
.sprite_cross_0 {
  background-position: -109px -15px;
  height: 9px;
  width: 9px;
}
.sprite_go_home {
  background-position: -118px -15px;
  height: 9px;
  width: 9px;
}
.sprite_icon_print {
  background-position: -104px -129px;
  height: 22px;
  width: 21px;
}
.sprite_icon_favorite {
  background-position: -161px -129px;
  height: 23px;
  width: 25px;
}
.sprite_danger {
  background-position: -139px 0;
  height: 12px;
  width: 11px;
}
.sprite_danger_2 {
  background-position: -60px -175px;
  height: 20px;
  width: 18px;
}
#darty_product_list_left .filter_selected:after,
.bloc_list_filters .filter_selected:after,
#darty_product_list_left .darty_product_list_filter .content_filter .bullet .active,
.sprite_cross_check {
  background-position: -167px 0;
  height: 14px;
  width: 15px;
}
.sprite_hand {
  background-position: -212px -63px;
  height: 18px;
  width: 18px;
}
.sprite_basket_add {
  background-position: -108px -63px;
  height: 17px;
  width: 24px;
}
.sprite_product_page {
  background-position: 0 -335px;
  height: 32px;
  width: 194px;
}
.sprite_print {
  background-position: -30px -228px;
  height: 25px;
  width: 100px;
}
.sprite_arrow_change {
  background-position: -13px 0;
  height: 10px;
  width: 12px;
}
.sprite_exclu {
  background-position: -16px -81px;
  height: 16px;
  width: 16px;
}
.sprite_flash {
  background-position: -32px -81px;
  height: 16px;
  width: 16px;
}
.sprite_offer {
  background-position: -92px -63px;
  height: 16px;
  width: 16px;
}
.sprite_soldes {
  background-position: 0 -81px;
  height: 16px;
  width: 16px;
}
.sprite_star {
  background-position: -174px -46px;
  height: 16px;
  width: 16px;
}
.page_product .sprite_exclu {
  background-position: -87px -81px;
  height: 19px;
  width: 19px;
}
.page_product .sprite_flash {
  background-position: -158px -46px;
  height: 16px;
  width: 16px;
}
.page_product .sprite_offer {
  background-position: -101px -175px;
  height: 21px;
  width: 22px;
}
.page_product .sprite_soldes {
  background-position: -206px -46px;
  height: 17px;
  width: 18px;
}
.page_product .sprite_star {
  background-position: -132px -63px;
  height: 17px;
  width: 19px;
}
.icon_darty_group {
  background-position: 0 -228px;
  height: 29px;
  width: 30px;
  float: left;
}
.darty_red_cross {
  background-position: -72px 0;
  height: 10px;
  width: 9px;
}
#sticky-footer-content .arrow {
  background-position: -40px -15px;
  height: 6px;
  width: 11px;
  float: left;
  margin-right: 5px;
  padding: 0 !important;
  float: right;
}
#sticky-footer-content .selected .arrow {
  background-position: -29px -15px;
  height: 6px;
  width: 11px;
}
.darty_social_picto.facebook {
  background-position: -40px -175px;
  height: 20px;
  width: 20px;
  float: left;
}
.darty_social_picto.twitter {
  background-position: 0 -175px;
  height: 20px;
  width: 20px;
  float: left;
}
.darty_social_picto.youtube {
  background-position: -20px -175px;
  height: 20px;
  width: 20px;
  float: left;
}
.modele_dispo {
  background-position: 0 -153px;
  height: 22px;
  width: 232px;
}
.continue_basket {
  background-position: -138px -81px;
  height: 27px;
  width: 89px;
}
.coche_input {
  background-position: -150px 0;
  height: 14px;
  width: 17px;
}
.red_close_input {
  background-position: -106px -81px;
  height: 19px;
  width: 19px;
}
.thumb_up {
  background-position: -186px -129px;
  height: 23px;
  width: 22px;
}
.thumb_down {
  background-position: -125px -129px;
  height: 23px;
  width: 22px;
}
html .mkp_rating .sprite_empty_rates,
html .mkp_rating .sprite_rates {
  background: url(../catalog/version_desktop_old/styles/images/darty_sprite/sprite_notation_mkp.png);
  display: inline-block;
}
html .mkp_rating .sprite_empty_rates {
  background-position: -91px 0;
  height: 13px;
  width: 67px;
  font-size: 12px;
  vertical-align: baseline;
}
html .mkp_rating .sprite_rates {
  background-position: -24px 0;
  height: 13px;
  width: 67px;
}

.modal {
  position: relative;
  width: 600px;
  padding: 20px 24px;
  background: var(--white);
  border-radius: 3px;
  box-sizing: unset;
  box-shadow: 0 0 6px 0 rgba(69, 69, 69, 0.08);
  bottom: unset;
  overflow: unset;
}
.modal .modal_head {
  padding: 0 0 10px;
  margin: 0 0 20px;
  border-bottom: 1px solid var(--border-grey);
  font-family: var(--font-bold);
  font-size: 18px;
  color: var(--grey);
  display: flex;
  align-items: center;
}
.modal .modal_head__picto {
  margin-right: 10px;
}
.modal .modal_body {
  padding: 20px 0;
  max-height: 50vh;
  overflow: auto;
}
.modal .modal_body .service-item {
  position: relative;
  padding-left: 20px;
  line-height: 18px;
  margin-bottom: 10px;
  font-family: var(--font-bold);
  font-size: 13px;
  color: var(--dark-grey);
}
.modal .modal_body .service-item::before {
  content: "";
  background-color: var(--blue);
  display: inline-block;
  height: 8px;
  width: 8px;
  border-radius: 100%;
  position: absolute;
  top: 5px;
  left: 0;
}
.modal .modal_body .service-item--no-bold {
  font-family: var(--font-regular);
}
.modal .modal_body .conditions-link {
  text-transform: none;
  text-decoration: underline;
  font-family: var(--font-regular);
  font-size: 12px;
  color: var(--blue);
  display: inline-block;
  margin-top: 15px;
}
.modal.report_form .container {
  width: 742px;
}
.modal.report_form .main {
  max-height: 70vh;
}
.modal.report_form .modal_body {
  max-height: 75vh;
  padding: 0;
  overflow-y: auto;
}
.modal.report_form .form {
  display: flex;
  flex-flow: column;
}
.modal .filter_detail {
  display: flex;
  flex-flow: row nowrap;
  gap: 16px;
}
.modal .filter_detail .picture {
  display: block;
  flex: none;
  width: 288px;
  height: fit-content;
}
.modal .modal_footer {
  margin-top: 20px;
  padding-top: 20px;
  border-top: 1px solid var(--border-grey);
}
.modal .modal_close {
  position: absolute;
  top: -30px;
  right: 0;
}
.modal.modal-theme-service .modal_body,
.modal.modal-theme-service .modal-content {
  padding: 0;
}
#darty_comparator_full {
  width: 400px;
}
#delivery_darty_fees .modal_body,
#delivery_darty_free .modal_body {
  max-height: unset;
}
.geoloc-popin-title {
  font-size: 18px;
  line-height: 1.2;
  font-family: var(--font-bold);
  border-bottom: solid 1px var(--border-grey);
  padding-bottom: 10px;
  color: var(--grey);
}
.geoloc-popin-intro {
  font-size: 14px;
  color: var(--grey);
}
.geoloc-popin-content {
  padding: 24px 0;
  height: 350px;
  overflow-y: auto;
}
.report_form .row {
  display: flex;
  flex-flow: row nowrap;
  gap: 16px;
}
.report_form .desc {
  margin-bottom: 32px;
}
.report_form .text {
  font-size: 16px;
  color: var(--mid-grey);
}
.report_form .form-wrapper {
  display: flex;
  flex-direction: column;
}
.report_form .form-wrapper .msg {
  display: none;
  color: var(--red);
  font-size: 12px;
  padding-left: 8px;
  margin-top: 5px;
}
.report_form .form-wrapper .label {
  position: absolute;
  top: 50%;
  left: 16px;
  right: 16px;
  transform: translateY(-50%);
  font-size: 14px;
  color: var(--mid-grey);
  flex: 1;
  transition: top 0.3s ease-in-out;
}
.report_form .form-wrapper .filled .label {
  top: 14px;
}
.report_form .form-wrapper .options {
  width: 100%;
  background-color: var(--white);
  font-size: 16px;
  padding: 24px 16px 10px 11px;
  border: solid 1px var(--low-grey);
  border-radius: 3px;
  cursor: pointer;
}
.report_form .form-wrapper .options:focus {
  border-color: var(--blue);
  outline: var(--blue);
}
.report_form .form-wrapper .options + .label {
  top: 14px;
}
.report_form .form-wrapper .options .option {
  padding: 19px 0;
  border-bottom: solid 1px var(--light-grey);
  cursor: pointer;
}
.report_form .form-wrapper .options .option:last-of-type {
  border: none;
}
.report_form .form-wrapper .options .option:hover {
  background-color: var(--light-grey);
}
.report_form .form-wrapper .options .option.selected {
  background-color: var(--light-grey);
}
.report_form .form-wrapper .input {
  position: relative;
  font-size: 16px;
  padding: 24px 16px 10px;
  border: solid 1px var(--low-grey);
  border-radius: 3px;
  flex: 1;
}
.report_form .form-wrapper .input:focus {
  border-color: var(--blue);
  outline: var(--blue);
}
.report_form .form-wrapper .input:focus + .label {
  top: 14px;
}
.report_form .form-wrapper .textarea {
  resize: none;
  font-size: 14px;
  line-height: 18px;
  padding: 13px 70px 13px 16px;
  border: solid 1px var(--low-grey);
  border-radius: 3px;
  flex: 1;
}
.report_form .form-wrapper .textarea:focus {
  border-color: var(--blue);
  outline: var(--blue);
}
.report_form .form-wrapper .count_wrapper {
  position: absolute;
  bottom: 13px;
  right: 16px;
  font-size: 12px;
  color: var(--grey);
}
.report_form .title {
  font-family: var(--font-bold);
  font-size: 16px;
  line-height: 22px;
  margin-bottom: 12px;
}
.report_form .title + .row {
  margin-bottom: 20px;
}
.report_form .title + .row .form-wrapper {
  flex: 1;
}
.report_form .field {
  display: flex;
  flex: 1;
  position: relative;
}
.report_form .field.invalid::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 16px;
  transform: translateY(-50%);
  height: 16px;
  width: 16px;
  border-radius: 50%;
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMjBweCIgaGVpZ2h0PSIyMHB4IiB2aWV3Qm94PSIwIDAgMjAgMjAiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8dGl0bGU+ZXJyb3I8L3RpdGxlPgogICAgPGcgaWQ9IkNvbG9ycyIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPGcgaWQ9ImVycm9yIj4KICAgICAgICAgICAgPGNpcmNsZSBpZD0iT3ZhbCIgZmlsbD0iI0ZGMDAwMCIgY3g9IjEwIiBjeT0iMTAiIHI9IjEwIj48L2NpcmNsZT4KICAgICAgICAgICAgPHBhdGggZD0iTTYuNTEzNTcwNzMsNS41MzE0Nzc5OCBMMTAuMDAwNDE5Nyw5LjAxODQxOTcyIEwxMy40ODY0MjkzLDUuNTMxNDc3OTggQzEzLjczMDUwNyw1LjI4NzQwMDMgMTQuMTI2MjM1MSw1LjI4NzQwMDMgMTQuMzcwMzEyNyw1LjUzMTQ3Nzk4IEwxNC40Njg1MjIsNS42Mjk2ODcyNiBDMTQuNzEyNTk5Nyw1Ljg3Mzc2NDk0IDE0LjcxMjU5OTcsNi4yNjk0OTMwNSAxNC40Njg1MjIsNi41MTM1NzA3MyBMMTAuOTgyNDE5NywxMC4wMDA0MTk3IEwxNC40Njg1MjIsMTMuNDg2NDI5MyBDMTQuNzEyNTk5NywxMy43MzA1MDcgMTQuNzEyNTk5NywxNC4xMjYyMzUxIDE0LjQ2ODUyMiwxNC4zNzAzMTI3IEwxNC4zNzAzMTI3LDE0LjQ2ODUyMiBDMTQuMTI2MjM1MSwxNC43MTI1OTk3IDEzLjczMDUwNywxNC43MTI1OTk3IDEzLjQ4NjQyOTMsMTQuNDY4NTIyIEwxMC4wMDA0MTk3LDEwLjk4MjQxOTcgTDYuNTEzNTcwNzMsMTQuNDY4NTIyIEM2LjI2OTQ5MzA1LDE0LjcxMjU5OTcgNS44NzM3NjQ5NCwxNC43MTI1OTk3IDUuNjI5Njg3MjYsMTQuNDY4NTIyIEw1LjUzMTQ3Nzk4LDE0LjM3MDMxMjcgQzUuMjg3NDAwMywxNC4xMjYyMzUxIDUuMjg3NDAwMywxMy43MzA1MDcgNS41MzE0Nzc5OCwxMy40ODY0MjkzIEw5LjAxODQxOTcyLDEwLjAwMDQxOTcgTDUuNTMxNDc3OTgsNi41MTM1NzA3MyBDNS4yODc0MDAzLDYuMjY5NDkzMDUgNS4yODc0MDAzLDUuODczNzY0OTQgNS41MzE0Nzc5OCw1LjYyOTY4NzI2IEw1LjYyOTY4NzI2LDUuNTMxNDc3OTggQzUuODczNzY0OTQsNS4yODc0MDAzIDYuMjY5NDkzMDUsNS4yODc0MDAzIDYuNTEzNTcwNzMsNS41MzE0Nzc5OCBaIiBpZD0iY3Jvc3MiIGZpbGw9IiNGRkZGRkYiPjwvcGF0aD4KICAgICAgICA8L2c+CiAgICA8L2c+Cjwvc3ZnPg==) no-repeat 50% 48%;
}
.report_form .field.invalid .input,
.report_form .field.invalid .options,
.report_form .field.invalid .textarea,
.report_form .field.invalid .checkbox_wrap::before {
  border-color: var(--red);
}
.report_form .field.invalid .msg {
  display: block;
}
.report_form .field.valid::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 16px;
  transform: translateY(-50%);
  height: 16px;
  width: 16px;
  border-radius: 50%;
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMjBweCIgaGVpZ2h0PSIyMHB4IiB2aWV3Qm94PSIwIDAgMjAgMjAiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8dGl0bGU+c3VjY2VzczwvdGl0bGU+CiAgICA8ZyBpZD0iQ29sb3JzIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgICAgICA8ZyBpZD0ic3VjY2VzcyI+CiAgICAgICAgICAgIDxjaXJjbGUgaWQ9Ik92YWwiIGZpbGw9IiMwMDk0NDQiIGN4PSIxMCIgY3k9IjEwIiByPSIxMCI+PC9jaXJjbGU+CiAgICAgICAgICAgIDxwYXRoIGQ9Ik04LjU5NjIyODg2LDEyLjAyMTE3NDEgTDYuMTg5ODI1NjMsOS42MDAwNzY1IEM1LjkxODk2MTg5LDkuMzI3NTU4NzcgNS40Nzg0NjQxOCw5LjMyNjIxNzk1IDUuMjA1OTQ2NDYsOS41OTcwODE2OSBDNS4yMDU1MjYzNSw5LjU5NzQ5OTI0IDUuMjA1MTA2NzcsOS41OTc5MTczNCA1LjIwNDY4NzczLDkuNTk4MzM1OTcgQzQuOTMxOTYzOTIsOS44NzA3OTI4MSA0LjkzMTE4MzM5LDEwLjMxMjU3NDUgNS4yMDI5NDI3NiwxMC41ODU5OTMzIEw4LjU5NjIyODg2LDE0IEw4LjU5NjIyODg2LDE0IEwxNC43OTc5Mjk5LDcuNjkxNjAyIEMxNS4wNjc5NDA5LDcuNDE2OTQ1NTggMTUuMDY2NzMyMSw2Ljk3NjE3NjYxIDE0Ljc5NTIxODcsNi43MDMwMDUyNiBDMTQuNTI3ODIwNyw2LjQzMzk3NDM1IDE0LjA5Mjk1OSw2LjQzMjY1MDY4IDEzLjgyMzkyODEsNi43MDAwNDg3NyBDMTMuODIxOTk0OCw2LjcwMTk3MDM5IDEzLjgyMDA3MjksNi43MDM5MDM1IDEzLjgxODE2MjUsNi43MDU4NDggTDguNTk2MjI4ODYsMTIuMDIxMTc0MSBMOC41OTYyMjg4NiwxMi4wMjExNzQxIFoiIGlkPSJjaGVjayIgZmlsbD0iI0ZGRkZGRiI+PC9wYXRoPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+) no-repeat 50% 48%;
}
.report_form .field.spacing.invalid::after,
.report_form .field.spacing.valid::after {
  right: 24px;
}
.report_form .field.check {
  display: block;
}
.report_form .field.check.invalid::after,
.report_form .field.check.valid::after {
  display: none;
}
.report_form .field.area.invalid::after,
.report_form .field.area.valid::after {
  top: 17px;
  transform: none;
}
.report_form .checkbox {
  position: absolute;
  opacity: 0;
}
.report_form .checkbox_wrap {
  position: relative;
  display: flex;
  align-items: center;
  font-size: 14px;
}
.report_form .checkbox_wrap::before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  width: 16px;
  height: 16px;
  margin-right: 12px;
  border-radius: 3px;
  border: 1px solid var(--low-grey);
}
.report_form .checkbox:checked + .checkbox_wrap::before {
  background-color: var(--blue);
  border: 1px solid var(--blue);
}
.report_form .checkbox:checked + .checkbox_wrap::after {
  content: "";
  display: block;
  position: absolute;
  top: 3px;
  left: 3px;
  width: 10px;
  height: 6px;
  border: solid var(--white);
  border-width: 2px 2px 0 0;
  transform: rotate(133deg);
}
.report_form .switch {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  display: flex;
  flex-flow: row nowrap;
  justify-content: center;
  align-items: center;
  color: var(--blue);
  font-size: 14px;
  text-align: center;
  border: none;
  background-color: transparent;
  outline: none;
  z-index: 1;
}
.report_form .switch::before {
  content: "";
  display: block;
  height: 80px;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background: linear-gradient(to top, var(--white), var(--white) 25%, transparent);
  z-index: -1;
}
.report_form .switch::after {
  content: "";
  position: relative;
  display: block;
  width: 26px;
  height: 26px;
  z-index: 10;
  background: url(../catalog/version_common/images/pictos/arrow-blue-down.svg) no-repeat;
}
.report_form .more {
  position: relative;
  margin-top: 24px;
  max-height: 69px;
  overflow: hidden;
}
.report_form .more.js-open {
  max-height: unset;
  overflow: initial;
}
.report_form .more.js-open .switch {
  display: none;
}
.report_form .more .text {
  font-size: 12px;
  line-height: 16px;
  margin-bottom: 12px;
}
.report_form .more .text:last-of-type {
  margin-bottom: 0;
}
.report_form .more .link {
  font-size: 12px;
  color: var(--blue);
}

.modal .overlay {
  position: fixed;
  inset: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: rgba(0, 0, 0, 0.6);
  z-index: 10000;
}
.modal .container {
  position: relative;
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
  padding: 24px;
  width: 650px;
  border-radius: 3px;
  background-color: var(--white);
}
.modal .header {
  font-family: var(--font-bold);
  font-size: 18px;
  display: flex;
  align-items: center;
  border-bottom: 1px solid var(--border-grey);
}
.modal .main {
  max-height: 50vh;
  font-size: 13px;
  line-height: 1.3;
  margin-right: -12px;
  overflow-x: hidden;
  overflow-y: scroll;
  padding: 20px 10px 20px;
  color: var(--grey);
}
.modal .main::-webkit-scrollbar {
  width: 8px;
}
.modal .main::-webkit-scrollbar-track {
  display: none;
}
.modal .main::-webkit-scrollbar-thumb {
  background: var(--border-grey);
  border-radius: 4px;
}
.modal .main .product_warehouse_popin {
  width: 100%;
}
.modal .title {
  padding-bottom: 10px;
  display: flex;
  align-items: center;
  color: var(--grey);
}
.modal .modal_head__picto {
  max-width: 120px;
  margin-right: 10px;
}
.modal .close {
  position: absolute;
  top: -24px;
  right: 4px;
  width: 16px;
  height: 16px;
  border: 0;
  background: url(../catalog/version_common/styles/images/pictos/picto_close_white.svg);
  background-size: 16px;
  cursor: pointer;
}
.modal .footer {
  display: flex;
}
.modal .link {
  margin-top: auto;
  font-size: 12px;
  text-decoration: underline;
  color: var(--blue);
}
.modal .btn {
  align-self: flex-end;
  padding: 10px 46px 12px;
  margin-left: auto;
  border-style: none;
  border-radius: 3px;
  font-size: 14px;
  background-color: var(--blue);
  color: var(--white);
}
.modal .paragraph {
  margin-bottom: 14px;
}
.modal .conditions-link {
  text-transform: none;
  text-decoration: underline;
  font-family: var(--font-regular);
  font-size: 12px;
  color: var(--blue);
  display: inline-block;
  margin-top: 15px;
}
.modal.side-panel {
  display: block;
  padding: 0;
  visibility: hidden;
}
.modal.side-panel .wrapper .container {
  position: fixed;
  width: 584px;
  right: -584px;
  bottom: 0;
  padding: 0;
  transition: 250ms ease-out all;
}
.modal.side-panel .wrapper .container .close {
  top: 4%;
  right: 5%;
  background: url(../catalog/version_common/styles/images/pictos/picto_close_blue.svg) no-repeat;
  z-index: 10;
  width: 16px;
  height: 16px;
}
.modal.side-panel .wrapper .container .splide__pagination .splide__pagination__page {
  background-color: var(--light-grey);
  width: 6px;
  height: 6px;
}
.modal.side-panel .wrapper .container .splide__pagination .splide__pagination__page.is-active {
  background-color: var(--blue);
  width: 8px;
  height: 8px;
}
.modal.side-panel .wrapper .container .main {
  height: 100vh;
  max-height: 100vh;
  padding: 0;
  position: relative;
}
.modal.side-panel.is-open {
  visibility: visible;
}
.modal.side-panel.is-open .wrapper .container {
  transition: 250ms ease-out all;
  right: 0;
}
.modal.side-panel.is-open.trade-in-popin .wrapper .container .close {
  z-index: 0;
}
.modal.side-panel.is-close .wrapper .container {
  right: 0;
}
.modal.geoloc_popin .main {
  overflow: unset;
}
.micromodal-slide {
  display: none;
}
.micromodal-slide.is-open {
  display: block;
  width: 0;
  height: 0;
  padding: 0;
}
.durability_popin .container {
  width: 900px;
}
.durability_popin .picture {
  width: 100%;
  height: auto;
}
[data-micromodal-trigger] {
  cursor: pointer;
}

.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;
}