@charset "UTF-8";
/*-------------------------*/
/*-------- GLOBAL ---------*/
/*-------------------------*/
:root {
  --green-color: #ADD0B8;
  --dark-color: #111C28;
  --light-grey-color:#F8F8F8;
  --grey-color:#f6f6f6;
  --medium-grey-color:#707070;
  --beige-color:#EDE2D9;
  --max-width-page:1600px;
  --height-pictos-livraisons: 53px;
  --header-height: 160px;
  --h2-font-size: 32px;
}
@media (max-width: 768px) {
  :root {
    --header-height: 90px;
  }
}

body {
  font-family: area-normal, sans-serif !important;
  font-weight: 400;
  font-style: normal;
}

a:hover {
  color: var(--green-color);
}

.width-100 {
  width: 100%;
}

.checkbox-style {
  width: 15px;
  height: 15px;
  border-radius: 3px !important;
  border: 2px solid var(--dark-color);
  background: white;
}
.checkbox-style::before {
  line-height: 16px;
  border-radius: 3px !important;
}
.checkbox-style:checked {
  width: 15px;
  height: 15px;
  border-radius: 3px !important;
  background: var(--green-color) !important;
}
.checkbox-style:focus {
  width: 15px;
  height: 15px;
  border-radius: 3px !important;
  border: 2px solid var(--dark-color);
  box-shadow: none !important;
}

.pswp__bg {
  background: var(--grey-color);
}

.barrer {
  position: relative;
  /*overflow: hidden;*/ /* Assure que le pseudo-élément ne déborde pas */
}

.barrer::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  height: 2px;
  background-color: var(--dark-color);
  top: 50%;
  transform: translateY(-50%);
}

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}

input[type=radio] {
  font-size: 9px;
}
input[type=radio]:checked {
  background: var(--green-color);
  color: var(--green-color);
}
input[type=radio]:focus {
  color: var(--green-color);
  box-shadow: 0px 0px 0px 2px var(--dark-color) !important;
}

.accordion {
  border-bottom: 1px solid vqar(--dark-color);
}
.accordion .w-tabs-sections {
  border-bottom: 2px solid var(--dark-color);
}
.accordion .w-tabs-sections .w-tabs-section-title {
  font-weight: 600;
  padding-top: 0.9rem !important;
  padding-bottom: 0.9rem !important;
}
.accordion .w-tabs-sections .w-tabs-section-control {
  display: none;
}
.accordion .w-tabs-sections .w-tabs-section {
  border-width: 2px 0 0 0 !important;
}

strong {
  font-weight: 900 !important;
}

p {
  font-family: area-normal, sans-serif;
  font-weight: 600;
  font-style: normal;
  font-size: 13px;
}

.disabled {
  background: var(--light-grey-color);
  pointer-events: none;
}

.underline {
  text-decoration: underline;
}

/*--- Start box corner ---*/
.box-corner-white {
  --b: 5px; /* thickness of the border */
  --c: white; /* color of the border */
  --w: 34px; /* width of border */
  border: var(--b) solid rgba(0, 0, 0, 0);
  --_g: #0000 90deg,var(--c) 0;
  --_p: var(--w) var(--w) border-box no-repeat;
  background: conic-gradient(from 90deg at top var(--b) left var(--b), var(--_g)) 0 0/var(--_p), conic-gradient(from 180deg at top var(--b) right var(--b), var(--_g)) 100% 0/var(--_p), conic-gradient(from 0deg at bottom var(--b) left var(--b), var(--_g)) 0 100%/var(--_p), conic-gradient(from -90deg at bottom var(--b) right var(--b), var(--_g)) 100% 100%/var(--_p);
}
@media screen and (max-width: 768px) {
  .box-corner-white {
    margin: 0 19px;
    padding-left: 1.5rem !important;
    padding-right: 1.5rem !important;
  }
}

.box-corner-black {
  --b: 5px; /* thickness of the border */
  --c: var(--dark-color); /* color of the border */
  --w: 34px; /* width of border */
  border: var(--b) solid rgba(0, 0, 0, 0);
  --_g: #0000 90deg,var(--c) 0;
  --_p: var(--w) var(--w) border-box no-repeat;
  background: conic-gradient(from 90deg at top var(--b) left var(--b), var(--_g)) 0 0/var(--_p), conic-gradient(from 180deg at top var(--b) right var(--b), var(--_g)) 100% 0/var(--_p), conic-gradient(from 0deg at bottom var(--b) left var(--b), var(--_g)) 0 100%/var(--_p), conic-gradient(from -90deg at bottom var(--b) right var(--b), var(--_g)) 100% 100%/var(--_p);
}
@media screen and (max-width: 768px) {
  .box-corner-black {
    margin: 0 19px;
    padding-left: 1.5rem !important;
    padding-right: 1.5rem !important;
  }
}

/*--- End box corner ---*/
.us-btn-style_18 {
  padding: 1.4em 2.9em 1.15em 2.9em !important;
}

.height_section {
  padding-top: 4rem;
  padding-bottom: 4rem;
}

.section-width-default {
  max-width: 1600px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}

.add_to_cart_button:hover {
  background: var(--dark-color);
  color: white;
}

.prix-atc {
  align-items: end;
}
.prix-atc .message-atc {
  display: none;
  text-align: end;
  font-weight: 500;
}
.prix-atc .message-atc a {
  text-decoration: underline;
  font-weight: 700;
}

.w-cart-quantity {
  bottom: 30px !important;
  right: -5px;
  font-weight: 900;
  display: flex;
  justify-content: space-around;
}

.w-toplink.active {
  display: none !important;
}

.woocommerce-mini-cart-item a {
  font-family: "area-normal" !important;
  font-weight: 700;
}
.woocommerce-mini-cart-item .quantity {
  font-family: "area-normal" !important;
}

/*--- Grille produit ---*/
.grille-produit {
  max-width: 250px;
  width: 100%;
  margin: 0 1rem;
}
.grille-produit .image {
  position: relative;
}
.grille-produit .image img {
  border-radius: 15px 15px 0 0;
}
.grille-produit .image .btn {
  position: absolute;
  z-index: 3333;
  right: 0;
  bottom: 0;
  font-size: 43px;
}
.grille-produit .image .btn .btn-a {
  background: var(--green-color);
  width: 40px;
  height: 40px;
  border-radius: 23px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--dark-color);
  font-size: 28px;
  font-weight: 900;
  padding-top: 8px;
  margin-right: 8px;
  margin-bottom: 8px;
  cursor: pointer;
}
.grille-produit .image .btn .btn-a:hover {
  background: white;
}
.grille-produit .infos {
  display: flex;
  margin-top: 9px;
  padding: 0 4px;
}
.grille-produit .infos .titre h3 {
  font-size: 15px !important;
  line-height: 19px;
}
.grille-produit .infos .content-prix {
  min-width: 83px;
  font-size: 11px;
  font-weight: 500;
  display: flex;
  flex-direction: column;
  align-items: end;
  justify-content: center;
  text-align: end;
}
.grille-produit .infos .content-prix .euro {
  line-height: 5px;
}
.grille-produit .infos .content-prix .prix {
  font-weight: 900;
  text-decoration: underline;
  font-size: 15px;
}

/*--- Grille produit mail ---*/
.wrapper-produit-mail {
  --vwrapper-gap: 0.3rem;
  border: 2px solid #111C28;
  border-radius: 2em;
  max-width: 437px;
}
.wrapper-produit-mail .wrapper-titre {
  justify-content: space-between;
  border-bottom: 2px solid;
  border-top: 2px solid;
  width: 100%;
  height: 15%;
}
.wrapper-produit-mail .wrapper-titre h2 {
  padding-left: 1rem;
  margin-bottom: -7px;
  font-size: 23px !important;
}
.wrapper-produit-mail .wrapper-titre .wrapper-prix {
  padding-right: 19px;
}
.wrapper-produit-mail .wrapper-titre .wrapper-prix .w-text {
  margin-bottom: 0.3rem;
}
.wrapper-produit-mail .wrapper-titre .wrapper-prix .amount {
  font-weight: 900 !important;
  font-size: 18px !important;
}
.wrapper-produit-mail .wrapper-pictos {
  margin-right: 0 !important;
  width: 60%;
  justify-content: space-evenly;
  height: 100%;
  border-right: 2px solid;
}
.wrapper-produit-mail .wrapper-configuration {
  width: 100%;
  justify-content: space-between;
}
.wrapper-produit-mail .wrapper-configuration a {
  width: 40%;
  border-radius: 0px 0 2em 0;
}

/*--- Number  ---*/
input[type=number] {
  -webkit-appearance: textfield;
  -moz-appearance: textfield;
  appearance: textfield;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
}

.number-input {
  display: inline-flex;
  align-items: center;
}

.number-input,
.number-input * {
  box-sizing: border-box;
}

.number-input button {
  outline: none;
  -webkit-appearance: none;
  background-color: transparent;
  border: none;
  align-items: center;
  justify-content: center;
  width: 1.5rem;
  height: 1.5rem;
  cursor: pointer;
  margin: 0;
  position: relative;
  border-radius: 50%;
  font-size: 10px;
}
.number-input button:hover {
  background: var(--green-color);
}

.number-input button:after {
  display: inline-block;
  position: absolute;
  font-family: "fontawesome";
  font-weight: 900;
  content: "\f068";
  transform: translate(-50%, -50%) rotate(0deg);
}

.number-input button.plus:after {
  transform: translate(-50%, -50%) rotate(0deg);
  display: inline-block;
  position: absolute;
  font-family: "fontawesome";
  font-weight: 900;
  content: "\f067";
  padding-bottom: 1px;
}

.number-input input[type=number] {
  font-family: sans-serif;
  max-width: 2.5rem;
  padding: 0.5rem;
  border: solid #ddd;
  border-width: 0;
  font-size: 2rem;
  height: 1.5rem;
  font-weight: bold;
  text-align: center;
  font-size: 19px;
  box-shadow: none;
}

/*--- End number ---*/
/*-- Start scroll par dessu la section --*/
.scroll-over-spacer {
  width: 0;
  height: calc(97.5vh - var(--height-pictos-livraisons));
  float: left;
  clear: both;
}

.scroll-over-first-section {
  width: auto;
  height: calc(97.5vh - var(--height-pictos-livraisons));
  position: relative;
  float: left;
}
@media (max-width: 768px) {
  .scroll-over-first-section {
    float: none !important;
  }
}

.scroll-over-main {
  width: 100%;
  height: auto;
  position: relative;
  float: left;
}

.scroll-over-latched {
  position: fixed;
  top: 0;
  width: 100%;
}

/*-- End scroll par dessu la section --*/
/*--- Start modern toogle checkbox ---*/
.label-toggle {
  display: flex;
}

.checkbox-toggle[type=checkbox] {
  height: 0;
  width: 0;
  visibility: hidden !important;
}

.checkbox-toggle::before {
  visibility: hidden !important;
}

.toggle {
  cursor: pointer;
  text-indent: -9999px;
  width: 37px;
  height: 16px;
  background: var(--dark-color);
  display: block;
  border-radius: 100px;
  position: relative;
}

.toggle:after {
  content: "";
  position: absolute;
  top: 1px;
  left: 1px;
  width: 14px;
  height: 14px;
  background: #fff;
  border-radius: 90px;
  transition: 0.2s;
}

.checkbox-toggle:checked + .toggle {
  background: var(--green-color);
}

.checkbox-toggle:checked + .toggle:after {
  left: calc(100% - 2px);
  transform: translateX(-100%);
}

.toggle:active:after {
  width: 10px;
}

/*--- End modern toogle checkbox ---*/
/*-- Voir mot de passe --*/
.wrapper-mdp {
  display: flex;
  justify-content: left;
  align-items: center;
  margin-bottom: 1.5rem;
  position: relative;
  max-width: 450px;
}
.wrapper-mdp input {
  margin-bottom: 0 !important;
  min-width: 250px;
  padding-right: 35px;
}
.wrapper-mdp i {
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  cursor: pointer;
  color: grey;
}

/*-- Magnific popup --*/
.mfp-container .mfp-arrow:before {
  margin-left: 0 !important;
  border: none !important;
  opacity: 1 !important;
}
.mfp-container .mfp-arrow-right {
  right: 10%;
}
.mfp-container .mfp-arrow-left {
  left: 14%;
}
@media (max-width: 1200px) {
  .mfp-container .mfp-arrow {
    top: 92%;
  }
}

/*-- Rechercher --*/
.fa-search::before {
  font-family: "FontAwesome";
}

/*--------------------------------*/
/*------------ HEADER ------------*/
/*--------------------------------*/
header {
  background: var(--grey-color);
  text-align: center;
  align-items: center;
  padding-top: 1rem;
  padding-bottom: 1rem;
  display: flex;
  justify-content: space-between;
  padding-right: 2rem;
}
header .left, header .center, header .right {
  display: flex;
  align-items: center;
  flex-grow: 1;
}
header .left {
  display: flex;
  flex-basis: 100px;
}
header .left .logo {
  width: 150px;
}
header .center {
  justify-content: center;
}
header .center a {
  margin: auto 1rem;
  font-weight: 900;
}
header .right {
  display: flex;
  flex-basis: 100px;
  justify-content: end;
}
header .right .account {
  margin-left: 1rem;
}
header .right .account .picto-mon-compte {
  border-radius: 31px;
  background: var(--dark-color);
  width: 45px;
  height: 45px;
}
header .right .account .picto-mon-compte a {
  display: flex;
  justify-content: center;
  align-items: center;
}
header .right .account .picto-mon-compte a img {
  width: 40px;
  height: 22px;
}
header .right .cart {
  margin-left: 1rem;
}
header .right .cart .w-cart-link {
  background: var(--dark-color);
  height: 45px;
  width: 45px;
  border-radius: 39px;
  display: flex;
  justify-content: center;
  align-items: center;
}
header .right .cart .w-cart-link .w-cart-icon img {
  width: 24px;
  margin-top: 6px;
}
header .right .cart .w-cart-link .w-cart-quantity {
  background: #FDDCB5;
  color: #1a1a1a;
}
header .right .cart .w-cart-dropdown {
  right: 0;
}

/*--------------------------------*/
/*------------ FOOTER ------------*/
/*--------------------------------*/
/*---------------------------------*/
/*----------- ACCUEIL -------------*/
/*---------------------------------*/
.section-cupcake {
  padding-top: 5rem;
  padding-bottom: 6rem;
}
.section-cupcake .l-section-h {
  padding-top: var(--header-height);
}
.section-cupcake .picto {
  position: absolute;
  z-index: 3;
  bottom: 7rem;
  right: 3%;
}
.section-cupcake .picto-m {
  display: none;
}
.section-cupcake .vc_column-inner {
  text-align: center;
}
.section-cupcake .vc_column-inner h1 {
  padding: 1.5rem 0;
  margin-top: 3rem;
  font-size: 36px;
  line-height: 35px;
  max-width: 523px;
  margin-left: auto;
  margin-right: auto;
}
.section-cupcake .vc_column-inner h2 {
  color: white;
  font-size: 20px !important;
  margin-top: 3rem;
  margin-bottom: 3.5rem;
  font-weight: 700;
  text-wrap: balance;
}
@media (max-width: 768px) {
  .section-cupcake .vc_column-inner h2 {
    font-size: 16px !important;
  }
}
@media screen and (max-width: 1024px) {
  .section-cupcake .picto {
    width: 120px;
    bottom: 4rem;
    right: 1.5%;
  }
}
@media screen and (max-width: 668px) {
  .section-cupcake .picto {
    display: none;
  }
  .section-cupcake .picto-m {
    display: flex;
    justify-content: center;
    margin: 1.5rem 0;
  }
  .section-cupcake h1 {
    margin-bottom: 0;
  }
  .section-cupcake .w-btn-wrapper {
    margin-right: 0;
    margin-bottom: 4rem;
  }
}

.pastille-contact {
  position: fixed;
  right: 10px;
  bottom: 10px;
  display: flex;
  flex-direction: row-reverse;
  align-items: center;
  z-index: 125;
}
.pastille-contact img {
  position: relative;
  z-index: 5;
  border-radius: 50%;
  width: 60px;
  height: 60px;
  -o-object-fit: cover;
     object-fit: cover;
  box-shadow: 1px 1px 6px 0px rgba(26, 26, 26, 0.16);
}
.pastille-contact img :hover {
  box-shadow: 1px 1px 6px 3px rgba(26, 26, 26, 0.16);
}
.pastille-contact .bouton-depliant {
  font-size: 1.4rem;
  line-height: 0.59 !important;
  font-weight: 600;
  font-style: normal;
  text-transform: none;
  letter-spacing: 0em;
  border-radius: 2rem 0 0 2rem;
  background: var(--dark-color);
  border-color: #ffffff;
  color: #fff !important;
  box-shadow: 1px 1px 6px 3px rgba(26, 26, 26, 0.16);
  display: flex;
  align-items: center;
  justify-content: end;
  padding: 1.5rem 1.7rem 1.3rem 1.7rem;
  margin-right: -1.75rem !important;
  text-wrap: nowrap;
  display: none;
  text-align: center;
}

/*---------------------------------*/
/*----------- CONTACT -------------*/
/*---------------------------------*/
.section-first-screen-contact {
  height: auto;
  display: flex;
  background: white;
}
.section-first-screen-contact .l-section-h {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.section-first-screen-contact .row {
  padding: 0 1rem;
  display: block;
}
.section-first-screen-contact .row .content {
  margin-bottom: 8rem;
}
.section-first-screen-contact .row .content .content-h1 {
  display: flex;
  justify-content: center;
}
.section-first-screen-contact .row .content .content-h1 h1 {
  color: var(--dark-color);
  font-size: 38px;
  padding: 1rem 3.5rem;
  margin-bottom: 0;
  font-family: area-normal, sans-serif;
  font-weight: 900;
  font-style: normal;
  --b: 3px;
  --w: 23px;
}
.section-first-screen-contact .row .content p {
  max-width: 873px;
  text-align: center;
  margin: 3rem auto;
  font-size: 15px;
}
.section-first-screen-contact .row .contact {
  display: flex;
  justify-content: space-between;
  max-width: 1000px;
  margin-left: auto;
  margin-right: auto;
}
.section-first-screen-contact .row .contact .tel {
  text-align: center;
}
.section-first-screen-contact .row .contact .tel h3 {
  font-size: 19px !important;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 6px;
}
.section-first-screen-contact .row .contact .tel h4 {
  font-size: 15px;
  font-weight: 800;
}
.section-first-screen-contact .row .contact .tel a {
  margin-top: 1rem;
  padding: 10px 26px 7px 26px;
  font-size: 16px;
}
.section-first-screen-contact .row .contact .form h3 {
  max-width: 500px;
  font-size: 19px !important;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}
.section-first-screen-contact form {
  max-width: 509px;
  width: 100%;
}
.section-first-screen-contact form .two-column {
  display: flex;
}
.section-first-screen-contact form .two-column p {
  display: flex;
  width: 100%;
}
.section-first-screen-contact form .two-column p .wpcf7-form-control-wrap {
  width: 50%;
}
.section-first-screen-contact form .form-row {
  margin-top: 1rem;
}
.section-first-screen-contact form .form-row input, .section-first-screen-contact form .form-row textarea {
  box-shadow: none;
  background: var(--grey-color);
  border-radius: 6px;
}
.section-first-screen-contact form .form-row input::-moz-placeholder, .section-first-screen-contact form .form-row textarea::-moz-placeholder {
  font-weight: 900 !important;
  color: var(--dark-color) !important;
}
.section-first-screen-contact form .form-row input::placeholder, .section-first-screen-contact form .form-row textarea::placeholder {
  font-weight: 900 !important;
  color: var(--dark-color) !important;
}
.section-first-screen-contact form .form-row span[data-name=nom] {
  padding-right: 0.5rem;
}
.section-first-screen-contact form .form-row span[data-name=prenom] {
  padding-left: 0.5rem;
}
.section-first-screen-contact form .form-row input {
  height: 38px;
}
.section-first-screen-contact form input[type=submit] {
  padding: 11px 3rem;
  text-transform: capitalize;
  font-size: 17px;
  font-weight: 800;
  margin-top: 1.5rem;
  padding-top: 14px;
}
@media screen and (max-width: 768px) {
  .section-first-screen-contact .row .contact {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .section-first-screen-contact .row .contact .form {
    margin-top: 3rem;
  }
  .section-first-screen-contact input[type=submit] {
    width: 100%;
  }
}

/*---------------------------------*/
/*----------- BOUTIQUE ------------*/
/*---------------------------------*/
/*--------------------------------------*/
/*------------ PRODUIT -----------------*/
/*--------------------------------------*/
.section-produits {
  max-width: 1920px;
  background: white;
  display: flex;
  padding: 0;
  /*-- Images column --*/
  /*-- Data column --*/
}
.section-produits .column-images {
  padding-top: calc(var(--header-height) + 0);
  width: 50%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  position: relative;
  /*-- Main Image --*/
  /*-- Gallery --*/
}
.section-produits .column-images .content-image {
  -o-object-fit: cover;
     object-fit: cover;
  height: auto;
  width: 100%;
  /* height: 50%;*/
  display: flex;
  position: relative;
  margin-bottom: 5px;
}
.section-produits .column-images .content-image a {
  width: 100%;
}
.section-produits .column-images .content-image a .player {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 25%;
}
.section-produits .column-images .content-image a img {
  -o-object-fit: contain;
     object-fit: contain;
  height: 100%;
  width: 100%;
}
@media (max-width: 768px) {
  .section-produits .column-images .content-image {
    display: none !important;
  }
}
.section-produits .column-images .row {
  display: flex;
  justify-content: space-between;
  margin-bottom: 2.5rem;
  align-items: center;
}
@media (max-width: 768px) {
  .section-produits .column-images .row {
    display: none;
  }
}
.section-produits .column-images .row .content-gallery {
  display: flex;
  flex-wrap: wrap;
  /*--- Miniature vidéo --*/
}
.section-produits .column-images .row .content-gallery .content-miniature {
  margin-right: 10px;
  position: relative;
}
.section-produits .column-images .row .content-gallery .content-miniature a {
  display: inline-block;
  box-shadow: 0px 0 1px 0 grey;
  border-radius: 8px;
  border: 2px solid transparent;
  cursor: pointer;
  width: 65px;
  height: 65px;
}
.section-produits .column-images .row .content-gallery .content-miniature a img {
  border-radius: 6px;
  -o-object-fit: cover;
     object-fit: cover;
  height: 100%;
  width: 100%;
}
.section-produits .column-images .row .content-gallery .content-miniature a:hover {
  border: 2px solid var(--green-color);
}
.section-produits .column-images .row .content-gallery .content-miniature .active {
  border: 2px solid var(--dark-color);
}
.section-produits .column-images .row .content-gallery .gallery-miniature-video {
  position: relative;
}
.section-produits .column-images .row .content-gallery .gallery-miniature-video .player {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 35px;
  height: 35px;
  margin-left: 0;
}
.section-produits .column-images .row .content-logo img {
  width: 230px;
  min-width: 230px;
}
@media (max-width: 768px) {
  .section-produits .column-images {
    padding-top: calc(var(--header-height) + 1rem);
  }
}
.section-produits .content-slider-mobile {
  display: none !important;
}
.section-produits .content-slider-mobile .slick-dots button::before {
  font-size: 18px;
}
@media (max-width: 768px) {
  .section-produits .content-slider-mobile {
    display: block !important;
  }
}
.section-produits .column-data {
  overflow-x: auto;
  padding-left: 1rem;
  padding-right: 1rem;
  margin-left: auto;
  margin-right: auto;
  max-width: 700px;
}
@media (max-width: 768px) {
  .section-produits .column-data {
    padding-top: 1rem;
  }
}
.section-produits .column-data .content-data {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
  /*-- Description produit--*/
  /*--Global field --*/
  /*-- Titre --*/
  /*-- Avis --*/
  /*-- Infos --*/
  /*-- Choisir variation --*/
  /*-- Prix / ATC --*/
}
.section-produits .column-data .content-data .description-produit {
  width: 100%;
}
.section-produits .column-data .content-data .description-produit p {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  margin-bottom: 7px;
}
.section-produits .column-data .content-data .description-produit .morelink {
  color: var(--dark-color);
  font-weight: 600;
  text-decoration: underline;
  margin-left: 6px;
  margin-left: 0;
}
.section-produits .column-data .content-data .description-produit .morecontent span {
  display: flex;
}
.section-produits .column-data .content-data .field {
  display: flex;
  align-items: center;
  align-items: center;
}
.section-produits .column-data .content-data .titre {
  font-size: 36px !important;
  font-weight: 900;
  margin-top: 2rem;
  line-height: 38.4px;
  margin-bottom: 2rem;
}
.section-produits .column-data .content-data .avis {
  display: flex;
  align-items: center;
  margin-bottom: 2rem;
}
.section-produits .column-data .content-data .avis img {
  width: 100px;
  -o-object-fit: contain;
     object-fit: contain;
}
.section-produits .column-data .content-data .avis .label {
  padding-top: 7px;
  margin-left: 11px;
  font-size: 11px;
  font-weight: 700;
}
.section-produits .column-data .content-data select {
  background: var(--light-grey-color);
  box-shadow: none;
  font-size: 14px;
  font-weight: 800;
  text-transform: uppercase;
  border-radius: 12px;
  height: 54px;
}
.section-produits .column-data .content-data select option {
  font-weight: 800;
  text-indent: 10px;
}
.section-produits .column-data .content-data select.error-select {
  border: 2px solid red;
}
.section-produits .column-data .content-data .infos {
  display: flex;
  margin-top: 1.4rem;
  margin-bottom: 1.4rem;
  justify-content: space-between;
}
.section-produits .column-data .content-data .infos .field {
  width: 100%;
  justify-content: space-between;
}
.section-produits .column-data .content-data .infos .field.first {
  margin-right: 10%;
}
.section-produits .column-data .content-data .select-variation {
  display: flex;
  align-items: center;
}
.section-produits .column-data .content-data .select-variation .content-select {
  flex: 1;
}
.section-produits .column-data .content-data .select-variation .content-select .variations option {
  cursor: pointer;
}
.section-produits .column-data .content-data .select-variation .explication .picto {
  display: flex;
  width: 25px;
  height: 25px;
  background: var(--green-color);
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  font-weight: 900;
  padding-top: 4px;
  font-size: 14px;
  margin-left: 1rem;
}
.section-produits .column-data .content-data .prix-atc {
  display: flex;
  justify-content: space-between;
  margin-top: 1rem;
  margin-bottom: 3rem;
}
.section-produits .column-data .content-data .prix-atc .content-prix .prix {
  font-weight: 900;
  font-size: 28px !important;
  display: flex;
  margin-bottom: 0;
}
.section-produits .column-data .content-data .prix-atc .content-prix .prix .barrer {
  margin-right: 10px;
}
.section-produits .column-data .content-data .prix-atc .content-prix .eco-participation {
  font-size: 12px;
  font-weight: 500;
}
.section-produits .column-data .content-data .prix-atc .euro {
  line-height: 5px;
  font-size: 16px;
}
@media screen and (max-width: 1366px) {
  .section-produits .infos {
    flex-direction: column;
  }
  .section-produits .infos .first {
    margin-bottom: 1.5rem;
  }
}
@media screen and (max-width: 1130px) {
  .section-produits {
    height: auto;
    height: auto;
    position: relative;
  }
  .section-produits .column-images .row {
    flex-direction: column;
  }
  .section-produits .column-data {
    /*-- Infos --*/
    /*-- Côtés --*/
    /*-- Prix / ATC --*/
  }
  .section-produits .column-data .infos {
    flex-direction: column;
  }
  .section-produits .column-data .infos .first {
    margin-right: 0;
    margin-bottom: 1rem;
  }
  .section-produits .column-data .content-cotes .label-title {
    display: flex;
    align-items: baseline;
  }
  .section-produits .column-data .content-cotes .label-title span {
    margin-left: 6px;
  }
  .section-produits .column-data .content-cotes .label-title a {
    display: block !important;
    width: 16px;
    margin-left: 7px;
    margin-top: 3px;
    min-width: 16px;
  }
  .section-produits .column-data .content-cotes .cotes {
    flex-wrap: wrap;
  }
  .section-produits .column-data .content-cotes .cotes .field {
    width: 50%;
  }
  .section-produits .column-data .content-cotes .cotes .field-pen {
    display: none;
  }
  .section-produits .column-data .prix-atc {
    flex-direction: column;
    align-items: center;
    margin-bottom: 3rem;
  }
  .section-produits .column-data .prix-atc h5 {
    justify-content: center;
  }
  .section-produits .column-data .prix-atc .content-atc {
    width: 100%;
    margin-top: 1rem;
  }
  .section-produits .column-data .prix-atc .content-atc a {
    width: 100%;
  }
}
@media screen and (max-width: 768px) {
  .section-produits {
    flex-direction: column;
    overflow-x: hidden;
  }
  .section-produits .column-images {
    width: 100%;
  }
  .section-produits .content-arrow {
    display: none;
  }
  .section-produits .column-data {
    width: 100%;
  }
  .section-produits .column-data .content-data .titre {
    font-size: 32px !important;
  }
  .section-produits .column-data .content-data .prix-atc .prix {
    justify-content: center;
    margin-bottom: 1rem;
    margin-top: 1rem;
  }
}

.sections-infos-content {
  background: white;
  position: relative;
}
@media screen and (max-width: 1130px) {
  .sections-infos-content {
    margin-top: auto;
  }
}

.wrapper-atc {
  display: flex;
  flex-direction: column-reverse;
  gap: 1rem;
}
.wrapper-atc a {
  width: 100%;
}

/*--------------------------------*/
/*------------ BLOG --------------*/
/*--------------------------------*/
.section-blog .wrapper-filtres {
  display: flex;
  justify-content: center;
  gap: 2rem;
  padding: 0.5rem 0;
  background-color: rgba(0, 0, 0, 0.05);
  max-width: 1250px;
  border-radius: 10px;
  margin: 0 auto 2rem auto;
}
.section-blog .wrapper-filtres .filtre {
  padding: 1rem 1.5rem 0.8rem 1.5rem;
  font-size: 17px;
  font-weight: 600;
  border-radius: 5px;
  text-transform: uppercase;
  cursor: pointer;
}
.section-blog .wrapper-filtres .filtre.active {
  background-color: var(--red-color);
  color: var(--white-color);
}
.section-blog .mobile {
  display: none;
}
.section-blog .grid-blog {
  max-width: 1350px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 4rem;
}
.section-blog .grid-blog .blog-item {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.section-blog .grid-blog .blog-item .lire-plus {
  text-decoration: underline;
  font-weight: 500;
  cursor: pointer;
}
.section-blog .grid-blog .blog-item .lire-moins {
  text-decoration: underline;
  font-weight: 500;
  cursor: pointer;
}
.section-blog .grid-blog .blog-item img {
  border-radius: 10px;
  aspect-ratio: 16/10;
}
.section-blog .grid-blog .blog-item .subcategory {
  color: var(--red-color);
  font-weight: 700;
}
.section-blog .grid-blog .blog-item .title {
  font-weight: 600;
}
.section-blog .grid-blog .blog-item .title a:hover {
  color: var(--red-color);
}
.section-blog .btn-filtre-mobile {
  display: none;
}
@media (max-width: 768px) {
  .section-blog .grid-blog {
    grid-template-columns: repeat(2, 1fr);
    gap: 1rem;
  }
  .section-blog .grid-blog .blog-item {
    text-align: center;
    gap: 0.5rem;
  }
  .section-blog .grid-blog .blog-item .lire-moins {
    font-size: 15px;
  }
  .section-blog .grid-blog .blog-item .title {
    font-size: 20px;
  }
  .section-blog .desktop {
    display: none;
  }
  .section-blog .wrapper-filtres {
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    max-width: -moz-fit-content;
    max-width: fit-content;
    height: 100%;
    transition: left 0.3s ease-in-out;
    background-color: var(--white-color);
    box-shadow: 0px 0px 7px 0px var(--grey-color);
    z-index: 80;
    border-radius: 0;
  }
  .section-blog .wrapper-filtres.active {
    left: 0;
    padding-top: calc(var(--header-height) + 3.5rem);
  }
  .section-blog .wrapper-filtres .filtre {
    font-size: 15px;
  }
  .section-blog .wrapper-filtres .filtre.active {
    border-radius: 0;
  }
  .section-blog .btn-filtre-mobile {
    display: block;
    margin-bottom: 2.5rem;
    text-align: center;
  }
  .section-blog .mobile {
    display: block;
  }
}

.titre-article {
  color: var(--dark-color);
  text-align: start;
}

.article-slider {
  padding: 0 2rem;
}
.article-slider img {
  border-radius: 10px;
  aspect-ratio: 16/10.5;
}
.article-slider .subcategory {
  text-align: left;
  color: var(--red-color);
  margin-bottom: 0;
}
@media (max-width: 768px) {
  .article-slider {
    padding: 0 1rem;
  }
  .article-slider .titre-article {
    font-size: 16px;
  }
  .article-slider .subcategory {
    font-size: 14px;
  }
}

.section-article {
  max-width: 1000px;
  margin: 0 auto;
  padding-left: 2rem;
  padding-right: 2rem;
}
.section-article .breadcrumb a:hover {
  color: #bdc5d0;
}
.section-article .article-image {
  margin-top: 2rem;
}
.section-article .article-image img {
  aspect-ratio: 16/9;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 10px;
}
.section-article .article-content {
  margin-top: 2rem;
}
.section-article .article-content li {
  font-size: 16px;
}
@media (max-width: 768px) {
  .section-article {
    text-align: center;
  }
  .section-article h1 {
    text-align: center;
  }
}

.section-articles-similaires {
  background-color: var(--light-grey-color);
}
.section-articles-similaires .width-section {
  max-width: 1200px;
  margin: 0 auto;
  overflow: hidden;
}
.section-articles-similaires h2 {
  text-align: center;
  margin-bottom: 2rem;
  font-weight: 500;
  text-transform: uppercase;
}
.section-articles-similaires .article-slider {
  padding: 0 2rem;
}
.section-articles-similaires .article-slider h3 {
  font-weight: 500;
  font-size: 22px;
  text-transform: uppercase;
}
.section-articles-similaires .article-slider img {
  border-radius: 10px;
  aspect-ratio: 16/9;
  -o-object-fit: cover;
     object-fit: cover;
}
@media (max-width: 768px) {
  .section-articles-similaires .article-slider {
    padding: 0 1rem;
  }
  .section-articles-similaires .article-slider .titre-article {
    font-size: 16px;
  }
}

/*--------------------------------*/
/*------------ FAQ ---------------*/
/*--------------------------------*/
.faq {
  background: var(--light-grey-color);
  padding-top: 15rem !important;
}
.faq h2 {
  text-align: center;
  margin-bottom: 7rem;
}
.faq h4 {
  margin-top: 2rem !important;
  font-size: 21px;
  font-weight: 900;
  margin-bottom: 2rem;
}
.faq .section-faq {
  padding: 0 !important;
  padding-top: 0rem !important;
}
.faq .section-faq h2 {
  display: none;
}
.faq .section-faq .w-btn {
  display: none;
}

/*---------------------------------*/
/*----------- BLOCKS --------------*/
/*---------------------------------*/
/*--- donut.php ---*/
.section-donut {
  background: var(--dark-color);
}
.section-donut .g-cols {
  border: 1px solid var(--green-color);
  border-radius: 10px;
  margin: 0 4rem;
}
.section-donut .g-cols .w-hwrapper {
  justify-content: space-around;
  align-items: stretch;
  height: 100%;
}
.section-donut .g-cols .w-hwrapper .w-vwrapper {
  width: 25%;
  margin-right: 0;
  border-right: 1px solid var(--green-color);
  padding: 4rem 0px;
  justify-content: start;
}
@media (max-width: 768px) {
  .section-donut .g-cols .w-hwrapper .w-vwrapper {
    padding: 2rem 0;
  }
}
.section-donut .g-cols .w-hwrapper .w-vwrapper .titre {
  color: var(--beige-color);
  line-height: 38px;
  margin-top: 2rem;
  font-size: 34px;
  margin-bottom: 3rem;
  font-weight: 900;
}
@media (max-width: 768px) {
  .section-donut .g-cols .w-hwrapper .w-vwrapper .titre {
    font-size: 24px;
    line-height: 26px;
    margin-top: 1rem;
    margin-bottom: 1rem;
  }
}
.section-donut .g-cols .w-hwrapper .w-vwrapper p {
  color: var(--green-color);
  max-width: 280px;
  padding: 0 4%;
}
.section-donut .g-cols .w-hwrapper .last-wrapper {
  border-right: 0;
}
@media screen and (max-width: 768px) {
  .section-donut {
    padding: 0 !important;
  }
  .section-donut .g-cols {
    margin: 0;
    border: 0 !important;
  }
  .section-donut .g-cols .w-hwrapper {
    flex-wrap: wrap;
  }
  .section-donut .g-cols .w-hwrapper .w-vwrapper {
    width: 50%;
  }
  .section-donut .g-cols .w-hwrapper .before-last-wrap-mobile {
    border-right: 0;
  }
  .section-donut .g-cols .border-top {
    border-top: 1px solid var(--green-color);
  }
}

/*--- froyo.php ---*/
.section-froyo .container-images {
  padding: 0 !important;
}
.section-froyo .row {
  display: flex;
}
.section-froyo .row .column {
  padding: 0 1rem;
  width: 50%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  position: relative;
}
.section-froyo .row .column .content {
  max-width: 541px;
  margin-left: auto;
  margin-right: auto;
  padding: 2rem;
  text-align: end;
}
.section-froyo .row .column .content .titre {
  margin-bottom: 3rem;
}
.section-froyo .row .column .content .description p {
  font-size: 14px;
}
.section-froyo .row .column .content .description .bouton {
  margin-top: 4rem;
}
.section-froyo .row .column .content .description .bouton a {
  padding: 1.5rem 4.5rem;
}
.section-froyo .row .column .images {
  display: flex;
  position: relative;
  flex: 1;
  width: 100%;
}
.section-froyo .row .column .images .image {
  height: 100%;
  width: auto;
  -o-object-fit: cover;
     object-fit: cover;
  aspect-ratio: 4/4;
  flex: 1;
}
.section-froyo .row .column .images .picto {
  width: 110px;
  position: absolute;
  z-index: 3;
  bottom: 4%;
  right: 7%;
}
.section-froyo .reverse {
  flex-direction: row-reverse;
}
.section-froyo .reverse .column .content {
  text-align: start;
}
@media screen and (max-width: 768px) {
  .section-froyo .row {
    flex-direction: column-reverse;
  }
  .section-froyo .row .column {
    width: 100%;
  }
  .section-froyo .row .column .content {
    text-align: center;
  }
  .section-froyo .row .column .content .titre {
    margin-bottom: 1rem;
  }
  .section-froyo .row .column .content .description p {
    max-width: 1000px;
  }
  .section-froyo .row .column .images {
    margin-bottom: 3rem;
  }
  .section-froyo .row .column .images .image {
    aspect-ratio: 16/9;
  }
}

/*--- froyo.php  (bis)---*/
.section-froyo-bis .container-images img {
  aspect-ratio: 4.8/3 !important;
}

/*--- gingerbread.php ---*/
.section-gingerbread {
  padding-left: 2rem;
  padding-right: 2rem;
}
.section-gingerbread .reverse {
  flex-direction: row-reverse;
}
.section-gingerbread .row {
  display: flex;
}
.section-gingerbread .row .column {
  padding: 0 1rem;
  width: 50%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  position: relative;
}
.section-gingerbread .row .column .titre {
  padding: 1.5rem 2rem;
  --b: 3px;
  --w: 19px;
  margin-bottom: 3rem;
}
.section-gingerbread .row .column .titre h2 {
  font-size: 24px;
}
.section-gingerbread .row .column .titre .titre-label {
  font-size: 24px;
  font-weight: 900 !important;
  line-height: 30px;
}
@media (max-width: 768px) {
  .section-gingerbread .row .column .titre .titre-label br {
    display: none;
  }
}
.section-gingerbread .row .column .description p {
  max-width: 468px;
  font-size: 14px;
  margin: auto;
}
.section-gingerbread .row .column .description .bouton {
  margin-top: 4rem;
}
.section-gingerbread .row .column .description .bouton a {
  padding: 1.5rem 4.5rem;
}
.section-gingerbread .row .column .images {
  display: flex;
  position: relative;
  flex: 1;
}
.section-gingerbread .row .column .images .image {
  height: 100%;
  width: auto;
  border-radius: 19px;
  -o-object-fit: cover;
     object-fit: cover;
  aspect-ratio: 4/3;
  flex: 1;
}
.section-gingerbread .row .column .images .picto {
  width: 110px;
  position: absolute;
  z-index: 3;
  bottom: 4%;
  right: 7%;
}
@media screen and (max-width: 768px) {
  .section-gingerbread {
    padding-left: 2rem;
    padding-right: 2rem;
  }
  .section-gingerbread .row {
    flex-direction: column-reverse;
  }
  .section-gingerbread .row .column {
    width: 100%;
  }
  .section-gingerbread .row .column .titre {
    margin-bottom: 1rem;
  }
  .section-gingerbread .row .column .description p {
    max-width: 1000px;
  }
  .section-gingerbread .row .column .images {
    margin-bottom: 3rem;
  }
  .section-gingerbread .row .column .images .image {
    aspect-ratio: 16/9;
  }
}

/*--- eclair.php ---*/
.section-eclair h2 {
  text-align: center;
  font-size: 29px;
}
.section-eclair .sous-titre {
  max-width: 800px;
  text-align: center;
  margin-right: auto;
  margin-left: auto;
  margin-top: -2rem;
  margin-bottom: 4rem;
}
.section-eclair .w-hwrapper {
  align-items: baseline;
}
.section-eclair .w-hwrapper .wpb_content_element {
  width: 100%;
}
.section-eclair .w-hwrapper .wpb_content_element .wpb_wrapper {
  position: relative;
  width: 100%;
}
.section-eclair .w-hwrapper .wpb_content_element .wpb_wrapper .wrapper {
  display: flex;
  justify-content: center;
  margin-top: 1.5rem;
  flex-grow: 1;
  position: relative;
}
.section-eclair .w-hwrapper .wpb_content_element .wpb_wrapper .wrapper .card {
  height: auto;
  margin-right: 1rem;
  margin-left: 1rem;
  max-width: 252px;
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
@media (max-width: 768px) {
  .section-eclair .w-hwrapper .wpb_content_element .wpb_wrapper .wrapper .card {
    margin-right: auto;
    margin-left: auto;
    max-width: 252px !important;
  }
}
.section-eclair .w-hwrapper .wpb_content_element .wpb_wrapper .wrapper .card .card-wrap {
  flex: 1;
  justify-content: space-between;
  display: flex;
  flex-direction: column;
}
.section-eclair .w-hwrapper .wpb_content_element .wpb_wrapper .wrapper .card .card-wrap .content .box-corner-black {
  width: 100%;
  --w: 13px;
  --b: 2px;
  padding: 1rem;
  margin-bottom: 1rem;
  margin-top: 1rem;
}
@media (max-width: 768px) {
  .section-eclair .w-hwrapper .wpb_content_element .wpb_wrapper .wrapper .card .card-wrap .content .box-corner-black {
    margin-left: 0rem !important;
  }
}
.section-eclair .w-hwrapper .wpb_content_element .wpb_wrapper .wrapper .card .card-wrap .content .box-corner-black h3 {
  margin-bottom: 0;
  font-size: 22px;
}
.section-eclair .w-hwrapper .wpb_content_element .wpb_wrapper .wrapper .card .card-wrap .content .box-corner-black h4 {
  font-weight: 600;
  font-size: 14px;
}
.section-eclair .w-hwrapper .wpb_content_element .wpb_wrapper .wrapper .card .card-wrap .content .box-corner-black p {
  margin-top: 1.5rem;
}
.section-eclair .w-hwrapper .wpb_content_element .wpb_wrapper .wrapper .card .card-wrap .content img {
  z-index: 2;
  position: relative;
}
@media (max-width: 768px) {
  .section-eclair .w-hwrapper .wpb_content_element .wpb_wrapper .wrapper .card .card-wrap .content img {
    width: 158px !important;
    height: 158px !important;
    margin: auto;
  }
}
.section-eclair .w-hwrapper .wpb_content_element .wpb_wrapper .wrapper .card .card-wrap .w-btn-wrapper {
  display: flex;
  justify-content: center;
  margin-top: 4rem;
  margin-right: 0;
  margin-bottom: 2rem;
}
.section-eclair .w-hwrapper .wpb_content_element .wpb_wrapper .wrapper .card .card-wrap .w-btn-wrapper .w-btn {
  padding: 1.5rem 1rem;
  width: 100%;
}
.section-eclair .picto {
  position: absolute;
  width: 180px;
  z-index: 0;
  right: -7rem;
  top: 0;
  transform: translate(-50%, -50%);
}
.section-eclair .mobile {
  display: none !important;
}
.section-eclair .slick-track {
  display: flex;
}
@media screen and (max-width: 768px) {
  .section-eclair .wrapper {
    flex-direction: column;
  }
  .section-eclair .wrapper .card {
    max-width: 1000px;
    margin-bottom: 4rem;
    margin-right: 0;
    max-width: 1000px !important;
  }
  .section-eclair .w-btn-wrapper {
    margin-top: 0rem;
  }
  .section-eclair .picto {
    display: none !important;
  }
  .section-eclair .mobile {
    display: block !important;
  }
  .section-eclair .desktop {
    display: none !important;
  }
}
@media screen and (min-width: 768px) {
  .section-eclair .slick-track {
    width: 100% !important;
    display: flex;
    justify-content: center;
    padding-bottom: 4rem;
  }
}

/*--- faq.php ---*/
.section-faq {
  width: 100%;
  max-width: var(--max-width-page);
}
.section-faq .titre {
  margin: 4rem 0 4rem 0;
  text-align: center;
  font-size: 32px !important;
  font-weight: 900 !important;
  line-height: 38.4px;
}
@media (max-width: 768px) {
  .section-faq .titre {
    font-size: 23px !important;
  }
}
.section-faq .content-lire-plus {
  text-align: center;
  margin: 4rem 0;
  padding: 1.5rem 6rem;
}

/*--- blog.php ---*/
.section-blog-carousel h2 {
  margin: 4rem 0 4rem 0;
  text-align: center;
}
@media (max-width: 768px) {
  .section-blog-carousel .container-blog {
    margin-bottom: 0 !important;
  }
}
.section-blog-carousel .container-blog .card {
  padding: 0 1rem;
  max-width: 500px;
}
.section-blog-carousel .container-blog .card img {
  border-radius: 16px;
  aspect-ratio: 16/12;
  -o-object-fit: cover;
     object-fit: cover;
}
.section-blog-carousel .container-blog .card .categorie {
  margin-top: 2rem;
  font-weight: 600;
}
.section-blog-carousel .container-blog .card h3 {
  padding-top: 1rem;
  text-transform: uppercase;
}
@media (max-width: 768px) {
  .section-blog-carousel .container-blog .card h3 {
    font-size: 15px !important;
  }
}
.section-blog-carousel .container-blog .card .description {
  font-weight: 600;
}
.section-blog-carousel .container-blog .card .content-lire {
  margin-top: 1rem;
}
.section-blog-carousel .container-blog .card .content-lire a {
  font-weight: 800;
  text-decoration: underline;
}
@media (max-width: 768px) {
  .section-blog-carousel .container-blog .card {
    padding: 0 3rem;
  }
}
.section-blog-carousel .content-voir-plus {
  text-align: center;
  margin: 4rem 0;
}
.section-blog-carousel .content-voir-plus a {
  padding: 1.5rem 6rem;
}
@media (max-width: 768px) {
  .section-blog-carousel .content-voir-plus {
    margin-top: 1rem !important;
  }
}
.section-blog-carousel .arrow {
  width: 40px;
  height: 40px;
  top: 15rem;
  z-index: 99999;
}
.section-blog-carousel .arrow-left {
  left: 10%;
  margin-top: -29px;
}
.section-blog-carousel .arrow-right {
  right: 10%;
  margin-top: -15px;
}

/*--- honeycomb.php ---*/
.section-honeycomb {
  background: var(--light-grey-color);
}
.section-honeycomb h2 {
  text-align: center;
}
.section-honeycomb .sous-titre {
  max-width: 830px;
  text-align: center;
  margin-right: auto;
  margin-left: auto;
  margin-top: -2rem;
  margin-bottom: 4rem;
  padding: 0 1.5rem;
}
.section-honeycomb .row {
  margin-top: 9rem;
}
.section-honeycomb .row .card {
  display: flex;
  max-width: 680px;
  margin-left: auto;
  margin-right: auto;
  /*-- Number --*/
  /*-- Line --*/
  /*-- Content --*/
}
.section-honeycomb .row .card .number {
  width: 50%;
  text-align: end;
}
.section-honeycomb .row .card .number h5 {
  font-weight: 900;
  font-size: 72px !important;
  margin-top: -1rem;
}
.section-honeycomb .row .card .content-line {
  position: relative;
  margin: 0 1rem;
}
.section-honeycomb .row .card .content-line .line {
  min-height: 170px;
  background: var(--dark-color);
  width: 2px;
  margin: 0 24px;
  position: relative;
  min-height: 250px;
}
.section-honeycomb .row .card .content-line .line .dot {
  border: 14px solid var(--light-grey-color);
  width: 50px;
  height: 50px;
  position: absolute;
  top: 0.7rem;
  left: 50%;
  transform: translate(-50%, -50%);
  background: var(--green-color);
  border-radius: 50%;
}
.section-honeycomb .row .card .content {
  width: 50%;
}
.section-honeycomb .row .card .content .titre h3 {
  font-size: 20px !important;
  margin-bottom: 1rem;
}
.section-honeycomb .row .card .content .description {
  max-width: 240px;
}
.section-honeycomb .row .card.reverse {
  flex-direction: row-reverse;
}
.section-honeycomb .row .card.reverse .number h5 {
  text-align: start;
}
.section-honeycomb .row .card.reverse .content {
  text-align: end;
}
.section-honeycomb .row .card.reverse .content .description {
  margin-left: auto;
}
.section-honeycomb .row .card.reverse .content .description p {
  text-align: end;
}
.section-honeycomb .row .card.last .line {
  min-height: 0;
}
@media screen and (max-width: 768px) {
  .section-honeycomb .card {
    margin-bottom: 3rem;
    padding: 0 1rem;
  }
  .section-honeycomb .card .number {
    width: auto !important;
    padding-right: 1rem;
  }
  .section-honeycomb .card .number h5 {
    color: var(--green-color);
    margin-bottom: 3px;
  }
  .section-honeycomb .card .content-line {
    display: none;
  }
  .section-honeycomb .card .content {
    width: auto !important;
  }
  .section-honeycomb .card .content .description {
    max-width: 1000px !important;
  }
  .section-honeycomb .card .content .description p {
    padding-left: 8px;
    border-left: 1px solid var(--dark-color);
  }
  .section-honeycomb .card.reverse .number {
    padding-right: 0;
    padding-left: 1rem;
  }
  .section-honeycomb .card.reverse .content .description p {
    border-right: 1px solid var(--dark-color);
    padding-right: 8px;
    border-left: none;
    padding-left: 0;
  }
}

/*--- ice-cream.php ---*/
.section-ice-cream h2 {
  text-align: center;
}
.section-ice-cream .row {
  margin-top: 9rem;
}
.section-ice-cream .row .card {
  display: flex;
  max-width: 680px;
  margin-left: auto;
  margin-right: auto;
  /*-- Number --*/
  /*-- Line --*/
  /*-- Content --*/
}
.section-ice-cream .row .card .number {
  width: 50%;
  text-align: end;
}
.section-ice-cream .row .card .number h5 {
  font-weight: 900;
  font-size: 34px !important;
}
.section-ice-cream .row .card .content-line {
  position: relative;
  margin: 0 1rem;
}
.section-ice-cream .row .card .content-line .line {
  min-height: 170px;
  background: var(--dark-color);
  width: 2px;
  margin: 0 24px;
  position: relative;
  min-height: 250px;
}
.section-ice-cream .row .card .content-line .line .dot {
  border: 14px solid white;
  width: 50px;
  height: 50px;
  position: absolute;
  top: 0.7rem;
  left: 50%;
  transform: translate(-50%, -50%);
  background: var(--green-color);
  border-radius: 50%;
}
.section-ice-cream .row .card .content {
  width: 50%;
}
.section-ice-cream .row .card .content h3 {
  margin-bottom: 1rem;
}
.section-ice-cream .row .card .content .titre h3 {
  font-size: 20px !important;
  margin-bottom: 1rem;
}
.section-ice-cream .row .card .content .description {
  max-width: 340px;
}
.section-ice-cream .row .card.reverse {
  flex-direction: row-reverse;
}
.section-ice-cream .row .card.reverse .number h5 {
  text-align: start;
}
.section-ice-cream .row .card.reverse .content {
  text-align: end;
}
.section-ice-cream .row .card.reverse .content .description {
  margin-left: auto;
}
.section-ice-cream .row .card.reverse .content .description p {
  text-align: end;
}
.section-ice-cream .row .card.last .line {
  min-height: 0;
}
@media screen and (max-width: 768px) {
  .section-ice-cream .row .card {
    margin-bottom: 3rem;
    padding: 0 1rem;
  }
  .section-ice-cream .row .card .number {
    width: auto !important;
    padding-right: 1rem;
  }
  .section-ice-cream .row .card .number h5 {
    color: var(--green-color);
    margin-bottom: 3px;
    text-align: center !important;
    font-size: 24px !important;
  }
  .section-ice-cream .row .card .content-line {
    display: none;
  }
  .section-ice-cream .row .card .content {
    width: auto !important;
  }
  .section-ice-cream .row .card .content .description {
    max-width: 1000px !important;
    padding-left: 8px;
    border-left: 1px solid var(--dark-color);
  }
  .section-ice-cream .row .card.reverse .number {
    padding-right: 0;
    padding-left: 1rem;
  }
  .section-ice-cream .row .card.reverse .content {
    width: auto !important;
  }
  .section-ice-cream .row .card.reverse .content .description {
    border-right: 1px solid var(--dark-color);
    padding-right: 8px;
    border-left: none;
    padding-left: 0;
  }
}

/*--- jelly-bean.php ---*/
.section-jelly-bean .l-section-img {
  background-size: cover !important;
}
.section-jelly-bean h2 {
  text-align: center;
  margin-left: auto;
  display: table;
  margin-right: auto;
  padding: 3.5rem;
  color: white;
  margin: 10vw auto;
}
@media (max-width: 768px) {
  .section-jelly-bean h2 {
    padding: 1.5rem;
    font-size: 20px;
    max-width: 95vw;
  }
}

/*--- kitkat.php ---*/
.section-kitkat {
  padding-top: 12rem !important;
  padding-bottom: 12rem !important;
}
.section-kitkat .titre {
  max-width: 393px;
  margin-left: auto;
  margin-right: auto;
  text-transform: uppercase;
  font-size: 29px;
  font-weight: 900;
  line-height: 38.4px;
}
.section-kitkat .w-btn-wrapper {
  margin-top: 2.5rem;
}
@media screen and (max-width: 768px) {
  .section-kitkat {
    padding-top: 4rem !important;
    padding-bottom: 4rem !important;
  }
  .section-kitkat .titre {
    text-align: center;
    font-size: 23px;
  }
  .section-kitkat .titre br {
    display: none;
  }
  .section-kitkat h3 {
    text-align: center;
  }
  .section-kitkat p {
    text-align: center;
    max-width: 541px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 3rem;
  }
  .section-kitkat .w-btn-wrapper {
    text-align: center;
    margin-top: 3rem;
    display: flex;
    justify-content: center;
    margin-right: 0;
  }
}

/*--- lollipop.php ---*/
.section-lollipop .content {
  display: flex;
  justify-content: space-around;
  padding: 1rem 0;
}
.section-lollipop .content .sous-titre {
  font-weight: 900;
}
.section-lollipop .content .picto-bar-shipping-footer {
  width: 100%;
}
.section-lollipop .content .picto-bar-shipping-footer .picto-secu .cls-1 {
  fill: var(--dark-color);
}
.section-lollipop .content .picto-bar-shipping-footer .slick-list {
  width: 100%;
}
.section-lollipop .content .picto-bar-shipping-footer .slick-list .slick-track {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.section-lollipop .content .picto-bar-shipping-footer .slick-list .slick-track .one-item {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 0;
}
.section-lollipop .content .picto-bar-shipping-footer .slick-list .slick-track .one-item xml {
  display: flex;
}
.section-lollipop .content .picto-bar-shipping-footer .slick-list .slick-track .one-item svg {
  width: 25px;
  margin-right: 10px;
}
.section-lollipop .content .picto-bar-shipping-footer .slick-list .slick-track .one-item .titre {
  padding-top: 5px;
  font-weight: 600;
  font-size: 15px !important;
}
@media screen and (max-width: 1280px) {
  .section-lollipop .content {
    flex-wrap: wrap;
  }
  .section-lollipop .content .one-item {
    width: 50%;
    padding-left: 1rem;
    align-items: center;
  }
}
@media screen and (max-width: 768px) {
  .section-lollipop .content .one-item {
    width: 100%;
    margin-top: 1rem;
  }
}

/*--- macaroon.php ---*/
.section-macaroon {
  width: 100%;
  max-width: var(--max-width-page);
  padding-bottom: 7rem;
}
.section-macaroon .dark {
  display: none;
}
.section-macaroon .titre-h2 {
  text-align: center;
  margin: 4rem 0 6rem 0;
  line-height: 38.4px;
  font-weight: 900;
  font-size: 32px !important;
}
@media (max-width: 768px) {
  .section-macaroon .titre-h2 {
    font-size: 25px !important;
    margin-bottom: 2rem !important;
  }
}
.section-macaroon .w-hwrapper {
  justify-content: space-between;
}
.section-macaroon .w-hwrapper .titre {
  margin: 1.5rem 0;
  font-size: 22px !important;
  font-weight: 900;
}
@media (max-width: 768px) {
  .section-macaroon .w-hwrapper .titre {
    font-size: 17px !important;
    line-height: 1.2;
  }
}
.section-macaroon .w-hwrapper p {
  max-width: 326px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 768px) {
  .section-macaroon {
    padding-bottom: 0;
  }
  .section-macaroon .w-hwrapper {
    flex-wrap: wrap;
  }
  .section-macaroon .w-hwrapper .w-vwrapper {
    width: 50%;
    margin-right: 0;
    margin-bottom: 3rem;
    padding: 0 10px;
  }
  .section-macaroon .w-hwrapper img {
    width: 65px;
  }
}

/*--- nougat.php ---*/
.section-nougat {
  margin-top: 3rem;
  margin-bottom: 3rem;
}
.section-nougat h2 {
  text-align: center;
}
.section-nougat .sous-titre {
  max-width: 800px;
  text-align: center;
  margin-right: auto;
  margin-left: auto;
  margin-top: -2rem;
  margin-bottom: 4rem;
}
.section-nougat .row {
  display: flex;
  max-height: 800px;
  height: 100vh;
}
.section-nougat .row .column {
  width: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.section-nougat .row .texte .content {
  padding-left: 3rem;
}
.section-nougat .row .texte .content h2 {
  color: white;
}
.section-nougat .row .texte .content p {
  max-width: 382px;
  color: white;
}
.section-nougat .row .numbers .content {
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: space-evenly;
}
.section-nougat .row .numbers .content .number {
  text-align: center;
}
.section-nougat .row .numbers .content .number h3 {
  font-size: 63px !important;
  margin-bottom: 0;
}
.section-nougat .row .numbers .content .number h4 {
  font-weight: 900;
  text-transform: uppercase;
  font-size: 17px !important;
}
.section-nougat .bg-img {
  background-image: url("/wp-content/uploads/siti-img.jpg");
  background-repeat: no-repeat;
  background-position: center;
}
.section-nougat .bg-img-m {
  background-image: none;
}
@media screen and (max-width: 1024px) {
  .section-nougat .row {
    max-height: none;
    height: auto;
    flex-direction: column;
    align-items: center;
    text-align: center;
  }
  .section-nougat .row .column {
    width: 100%;
    padding: 0 1rem;
  }
  .section-nougat .row .texte .content {
    padding-left: 0;
  }
  .section-nougat .row .numbers {
    width: 100%;
    margin-top: 4rem;
  }
  .section-nougat .row .numbers .content {
    width: 100%;
    flex-direction: row;
  }
  .section-nougat .row .numbers .content .number h3 {
    font-size: 47px !important;
  }
  .section-nougat .row .numbers .content .number h4 {
    font-size: 13px !important;
  }
  .section-nougat .bg-img {
    background-image: none;
  }
  .section-nougat .bg-img-m {
    background-image: url("/wp-content/uploads/siti-img.jpg");
    background-repeat: no-repeat;
    background-position: center;
  }
}

/*--- olive.php ---*/
.section-olive {
  background: var(--light-grey-color);
}
.section-olive .row {
  padding: 7rem 0;
}
.section-olive .row h2 {
  text-align: center;
}
.section-olive .row p {
  max-width: 626px;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  padding: 0 1rem;
}
@media screen and (max-width: 768px) {
  .section-olive .row {
    padding-top: 0;
    padding-bottom: 0;
  }
}