/* ==========================================================================
   3 — SURCHARGES DIVI
   Divi produit facilement un rendu « template ». Ce fichier corrige les
   défauts les plus visibles, à commencer par les couleurs par défaut qui
   rendent le texte invisible sur fond clair.
   ========================================================================== */

/* ==========================================================================
   FOND DE PAGE
   Le body est en crème, mais Divi applique un fond blanc sur ses propres
   conteneurs : sans ces règles, le crème reste invisible.
   ========================================================================== */
body,
#page-container,
#et-main-area,
#main-content,
.et-l--body,
.et_pb_section,
.et_builder_inner_content{
  background-color: var(--lmd-creme);
}

/* Sections auxquelles on a explicitement donné un fond dans Divi :
   on ne force rien, le réglage du Builder doit primer. */
.et_pb_section[class*="et_pb_bg"],
.et_pb_section[style*="background"]{ background-color: inherit; }

/* Zones denses : légèrement plus claires que le fond */
.et_pb_section.lmd-section-claire{ background-color: var(--lmd-creme-clair); }

/* --- Conteneur unique ---
   Divi conserve width:80% : la gouttière varie avec la fenêtre et rien ne
   verrouille le bord gauche d'une section à l'autre. On fige une largeur et
   une gouttière identiques pour TOUTES les rangées, quel que soit le fond.
   Le !important sur les paddings horizontaux est délibéré : il neutralise
   les paddings posés au coup par coup dans le Builder, qui sont la cause
   des décalages entre sections. */
.et_pb_row{
  width: 100% !important;
  max-width: var(--lmd-conteneur) !important;
  padding-left: var(--lmd-marge) !important;
  padding-right: var(--lmd-marge) !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

/* Rangées imbriquées : elles héritent déjà de la gouttière du parent,
   la redoubler creuserait un retrait de 160 px. */
.et_pb_row_inner{
  width: 100% !important;
  max-width: none !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.et_pb_section{ padding: var(--lmd-bloc) 0; }
.et_pb_section.lmd-section-bleue{ background: var(--lmd-bleu); }
.et_pb_section.lmd-section-bleue h1,
.et_pb_section.lmd-section-bleue h2,
.et_pb_section.lmd-section-bleue h3,
.et_pb_section.lmd-section-bleue h4,
.et_pb_section.lmd-section-bleue h5,
.et_pb_section.lmd-section-bleue h6{
  color: var(--lmd-creme) !important;
}

/* --- Couleur de texte par défaut dans TOUS les modules Divi ---
   Sans cette règle, certains modules héritent d'un blanc invisible. */
.et_pb_module,
.et_pb_text,
.et_pb_text p,
.et_pb_blurb_description,
.et_pb_toggle_content{
  color: var(--lmd-bleu);
}
.lmd-section-bleue .et_pb_module,
.lmd-section-bleue .et_pb_text,
.lmd-section-bleue .et_pb_text p{ color: rgba(246,241,231,.85); }

/* ==========================================================================
   BOUTONS
   Divi applique un fond transparent par défaut : c'est ce qui rendait le
   bouton d'ajout au panier invisible sur fond clair.
   ========================================================================== */

.et_pb_button,
.et_pb_button:hover,
body.et_button_custom_icon #page-container .et_pb_button,
button, input[type="submit"], .button{
  font-family: var(--lmd-texte) !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  letter-spacing: .02em !important;
  line-height: 1 !important;
  padding: 15px 28px !important;
  min-height: var(--lmd-tactile);
  border-radius: var(--lmd-rayon) !important;
  border: 1px solid transparent !important;
  text-transform: none !important;
  transition: background .25s, color .25s, border-color .25s !important;
}

/* Bouton principal : bleu sur crème, contraste 13,64 ✓
   (Le doré en aplat avec texte clair ne passe PAS l'accessibilité : 3,10.) */
.et_pb_button,
body #page-container .et_pb_button,
button, input[type="submit"], .button{
  background-color: var(--lmd-bleu) !important;
  color: var(--lmd-creme) !important;
}
.et_pb_button:hover,
body #page-container .et_pb_button:hover,
button:hover, input[type="submit"]:hover, .button:hover{
  background-color: var(--lmd-bleu-fonce) !important;
  color: var(--lmd-creme) !important;
  border-color: transparent !important;
}

/* Divi ajoute une flèche animée après les boutons : on la supprime */
.et_pb_button:after, .et_pb_button:before,
body #page-container .et_pb_button:after,
body #page-container .et_pb_button:before{
  display: none !important;
  content: none !important;
}

/* Bouton secondaire — ajouter la classe lmd-btn-ligne au module */
body #page-container .lmd-btn-ligne.et_pb_button,
.lmd-btn-ligne.et_pb_button{
  background-color: transparent !important;
  color: var(--lmd-bleu) !important;
  border-color: var(--lmd-bleu) !important;
}
body #page-container .lmd-btn-ligne.et_pb_button:hover,
.lmd-btn-ligne.et_pb_button:hover{
  background-color: var(--lmd-bleu) !important;
  color: var(--lmd-creme) !important;
}

/* Bouton sur fond bleu — classe lmd-btn-clair */
body #page-container .lmd-btn-clair.et_pb_button,
.lmd-btn-clair.et_pb_button{
  background-color: transparent !important;
  color: var(--lmd-creme) !important;
  border-color: var(--lmd-filet-clair) !important;
}
body #page-container .lmd-btn-clair.et_pb_button:hover,
.lmd-btn-clair.et_pb_button:hover{
  background-color: var(--lmd-creme) !important;
  color: var(--lmd-bleu) !important;
}

/* ==========================================================================
   FORMULAIRES
   16px minimum : en dessous, iOS zoome automatiquement au focus.
   ========================================================================== */

input[type="text"], input[type="email"], input[type="tel"], input[type="url"],
input[type="password"], input[type="search"], input[type="number"],
select, textarea,
.et_pb_contact_form_container input, .et_pb_contact_form_container textarea,
.et_pb_newsletter_form input{
  font-family: var(--lmd-texte) !important;
  font-size: 16px !important;
  min-height: 50px;
  padding: 12px 14px !important;
  background-color: #fff !important;
  color: var(--lmd-bleu) !important;
  border: 1px solid var(--lmd-filet-fort) !important;
  border-radius: var(--lmd-rayon) !important;
}
textarea{ min-height: 110px; }
input:focus, select:focus, textarea:focus{ border-color: var(--lmd-bleu) !important; }
::placeholder{ color: var(--lmd-bleu-400) !important; opacity: 1; }

/* Cases et boutons radio : cible tactile suffisante */
input[type="checkbox"], input[type="radio"]{
  width: 20px; height: 20px; accent-color: var(--lmd-bleu);
}

/* ==========================================================================
   MENU
   Divi met les liens en majuscules serrées par défaut.
   ========================================================================== */

#top-menu li a, .et-menu li a{
  font-family: var(--lmd-texte);
  font-size: 14px;
  font-weight: 400;
  letter-spacing: 0;
  text-transform: none;
  color: var(--lmd-bleu);
  padding-bottom: 6px;
  border-bottom: 1px solid transparent;
  transition: border-color .2s;
}
#top-menu li a:hover{ opacity: 1; border-bottom-color: var(--lmd-dore); }
#top-menu li.current-menu-item > a{ color: var(--lmd-bleu); font-weight: 500; }

/* Menu sur en-tête bleu */
.lmd-section-bleue #top-menu li a,
.et-l--header .lmd-sur-bleu .et-menu li a{ color: var(--lmd-creme); }

/* Menu mobile */
.et_mobile_menu{ background: var(--lmd-creme); border-top-color: var(--lmd-dore); }
.et_mobile_menu li a{ color: var(--lmd-bleu); font-size: 15px; padding: 14px 5%; }

/* ==========================================================================
   EN-TETE GLOBAL
   Classes placees dans le Theme Builder Divi :
   lmd-header-global sur la section, puis lmd-header-groupe,
   lmd-header-marques et lmd-header-navigation sur les trois lignes.
   ========================================================================== */

.et-l--header .lmd-header-global.et_pb_section{
  min-height: 0 !important;
  background: var(--lmd-bleu) !important;
  border-bottom: 1px solid rgba(198,164,92,.24);
  box-shadow: 0 10px 28px rgba(8,32,47,.08);
}
.et-l--header .lmd-header-global .et_pb_row{
  min-height: 0 !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}
.et-l--header .lmd-header-groupe.et_pb_row{
  border-bottom: 1px solid rgba(198,164,92,.68);
}
.et-l--header .lmd-header-groupe .et_pb_image,
.et-l--header .lmd-header-marques .et_pb_image{
  margin: 0 auto !important;
}
.et-l--header .lmd-header-groupe .et_pb_image_wrap,
.et-l--header .lmd-header-marques .et_pb_image_wrap{
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}
.et-l--header .lmd-header-groupe .et_pb_image_wrap{
  background-image: url('../images/logo-groupe-lmd-header.png');
  background-position: center;
}
.et-l--header .lmd-header-marques.et_pb_row > .et_pb_column:nth-child(1) .et_pb_image_wrap{
  background-image: url('../images/logo-les-mots-doux-header.png');
}
.et-l--header .lmd-header-marques.et_pb_row > .et_pb_column:nth-child(2) .et_pb_image_wrap{
  background-image: url('../images/logo-lsf-header.png');
}
.et-l--header .lmd-header-marques.et_pb_row > .et_pb_column:nth-child(3) .et_pb_image_wrap{
  background-image: url('../images/logo-ole-ole-header.png');
}
.et-l--header .lmd-header-groupe .et_pb_image_wrap img,
.et-l--header .lmd-header-marques .et_pb_image_wrap img{
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  opacity: 0 !important;
}
.et-l--header .lmd-header-groupe .et_pb_image{
  max-width: 48vw !important;
}
.et-l--header .lmd-header-groupe .et_pb_image img{
  display: block;
  width: 100%;
  height: auto;
}
.et-l--header .lmd-header-marques.et_pb_row{
  display: flex !important;
  align-items: center !important;
}
.et-l--header .lmd-header-marques.et_pb_row > .et_pb_column{
  display: flex !important;
  flex: 1 1 0 !important;
  align-items: center !important;
  justify-content: center !important;
  width: auto !important;
  margin: 0 !important;
}
.et-l--header .lmd-header-marques .et_pb_image{
  width: auto !important;
}
.et-l--header .lmd-header-marques .et_pb_image img{
  display: block;
  width: auto !important;
  max-width: 100%;
  margin: 0 auto;
  object-fit: contain;
}
.et-l--header .lmd-header-navigation .et_pb_menu{
  width: 100%;
  margin: 0 !important;
  background: transparent !important;
}
.et-l--header .lmd-header-navigation .et_pb_menu_inner_container,
.et-l--header .lmd-header-navigation .et_pb_menu__wrap,
.et-l--header .lmd-header-navigation .et-menu-nav > ul{
  justify-content: center !important;
}
.et-l--header .lmd-header-navigation .et_pb_menu__menu{
  margin: 0 auto !important;
}
.et-l--header .lmd-header-navigation .et-menu > li > a{
  color: var(--lmd-creme) !important;
}
.et-l--header .lmd-header-navigation .et-menu > li > a:hover,
.et-l--header .lmd-header-navigation .et-menu > li.current-menu-item > a,
.et-l--header .lmd-header-navigation .et-menu > li.current-menu-ancestor > a{
  color: var(--lmd-dore-clair) !important;
  opacity: 1;
}
.et-l--header .lmd-header-navigation .sub-menu{
  border-top-color: var(--lmd-dore) !important;
  background: var(--lmd-creme-clair) !important;
}
.et-l--header .lmd-header-navigation .sub-menu a{
  color: var(--lmd-bleu) !important;
}
.et-l--header .lmd-header-navigation .sub-menu a:hover{
  color: var(--lmd-dore-texte) !important;
  background: rgba(15,39,56,.05) !important;
}

/* Composition horizontale de l'en-tete : identite a gauche, navigation a droite. */
@media (min-width: 981px){
  .et-l--header .lmd-header-global.et_pb_section{
    display: grid !important;
    grid-template-columns: minmax(320px, 440px) minmax(460px, 860px) !important;
    grid-template-rows: auto auto !important;
    column-gap: clamp(52px, 7vw, 120px) !important;
    row-gap: 10px !important;
    align-items: center !important;
    justify-content: center !important;
    padding: clamp(30px, 3vw, 56px) clamp(32px, 6vw, 112px) !important;
  }
  .et-l--header .lmd-header-global .et_pb_row{
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
  }
  .et-l--header .lmd-header-groupe.et_pb_row{
    grid-column: 1;
    grid-row: 1;
    align-self: end;
    justify-self: stretch !important;
    padding: 0 0 10px !important;
  }
  .et-l--header .lmd-header-groupe .et_pb_image{
    width: 188px !important;
    height: 34px !important;
    margin: 0 !important;
    float: none !important;
    justify-self: start !important;
    transform: none !important;
  }
  .et-l--header .lmd-header-groupe.et_pb_row > .et_pb_column{
    display: grid !important;
    width: 100% !important;
    align-items: center !important;
    justify-content: stretch !important;
    justify-items: start !important;
    margin: 0 !important;
    text-align: left !important;
  }
  .et-l--header .lmd-header-marques.et_pb_row{
    grid-column: 1;
    grid-row: 2;
    align-self: start;
    gap: 16px !important;
    padding: 0 !important;
  }
  .et-l--header .lmd-header-marques.et_pb_row > .et_pb_column:nth-child(1) .et_pb_image{
    width: 150px !important;
    height: 50px !important;
  }
  .et-l--header .lmd-header-marques.et_pb_row > .et_pb_column:nth-child(2) .et_pb_image{
    width: 85px !important;
    height: 50px !important;
  }
  .et-l--header .lmd-header-marques.et_pb_row > .et_pb_column:nth-child(3) .et_pb_image{
    width: 101px !important;
    height: 50px !important;
  }
  .et-l--header .lmd-header-marques .et_pb_image img{
    width: 100% !important;
    height: 100% !important;
  }
  .et-l--header .lmd-header-navigation.et_pb_row{
    grid-column: 2;
    grid-row: 1 / span 2;
    align-self: center;
    padding: 0 !important;
  }
  .et-l--header .lmd-header-navigation .et_pb_menu_inner_container,
  .et-l--header .lmd-header-navigation .et_pb_menu__wrap,
  .et-l--header .lmd-header-navigation .et-menu-nav > ul{
    justify-content: flex-end !important;
  }
  .et-l--header .lmd-header-navigation .et_pb_menu__menu{
    margin: 0 !important;
  }
  .et-l--header .lmd-header-navigation .et-menu{
    align-items: center !important;
    column-gap: clamp(18px, 2vw, 34px);
  }
  .et-l--header .lmd-header-navigation .et-menu > li{
    margin: 0 !important;
    padding: 0 !important;
  }
  .et-l--header .lmd-header-navigation .et-menu > li > a{
    padding: 14px 0 !important;
    font-size: clamp(14px, 1vw, 16px) !important;
    letter-spacing: .01em;
    white-space: nowrap;
    box-shadow: inset 0 -1px 0 transparent;
    transition: color .2s ease, box-shadow .2s ease, background-color .2s ease, transform .2s ease;
  }
  .et-l--header .lmd-header-navigation .et-menu > li.menu-item-has-children > a:first-child{
    padding-right: 0 !important;
  }
  .et-l--header .lmd-header-navigation .et-menu > li.menu-item-has-children > a:first-child::after{
    display: none !important;
  }
  .et-l--header .lmd-header-navigation .et-menu > li:not(:last-child) > a:hover,
  .et-l--header .lmd-header-navigation .et-menu > li.current-menu-item:not(:last-child) > a,
  .et-l--header .lmd-header-navigation .et-menu > li.current-menu-ancestor:not(:last-child) > a{
    box-shadow: inset 0 -1px 0 rgba(198,164,92,.88);
  }
  .et-l--header .lmd-header-navigation .et-menu > li:last-child{
    margin-left: clamp(6px, 1.5vw, 24px) !important;
  }
  body .et-l--header .lmd-header-navigation .et-menu > li:last-child > a,
  body .et-l--header .lmd-header-navigation .et-menu > li:last-child > a:hover{
    display: inline-grid !important;
    min-width: 176px;
    min-height: 50px;
    box-sizing: border-box !important;
    grid-template-columns: 1fr !important;
    place-items: center !important;
    padding: 0 22px !important;
    color: var(--lmd-bleu) !important;
    background: var(--lmd-creme) !important;
    border: 1px solid var(--lmd-creme) !important;
    border-radius: 2px;
    font-weight: 600 !important;
    line-height: 1.2 !important;
    text-align: center !important;
    text-indent: 0 !important;
    box-shadow: 0 6px 18px rgba(0,0,0,.12);
    opacity: 1 !important;
  }
  body .et-l--header .lmd-header-navigation .et-menu > li:last-child > a::before,
  body .et-l--header .lmd-header-navigation .et-menu > li:last-child > a::after{
    display: none !important;
    content: none !important;
  }
  body .et-l--header .lmd-header-navigation .et-menu > li:last-child > a > *{
    justify-self: center !important;
    margin-right: 0 !important;
    margin-left: 0 !important;
    transform: none !important;
  }
  body .et-l--header .lmd-header-navigation .et-menu > li:last-child > a:hover{
    color: var(--lmd-creme) !important;
    background: transparent !important;
    border-color: var(--lmd-dore) !important;
    box-shadow: none;
    transform: translateY(-1px);
  }
  /* Le CTA contient un sous-menu. Divi lui retirait uniquement le padding
     droit au repos, ce qui décalait visuellement le texte vers la droite. */
  body .et-l--header .lmd-header-navigation .et-menu > li:last-child.menu-item-has-children > a:first-child,
  body .et-l--header .lmd-header-navigation .et-menu > li:last-child.menu-item-has-children > a:first-child:hover{
    padding-right: 22px !important;
    padding-left: 22px !important;
  }
  .et-l--header .lmd-header-navigation .et-menu > li:last-child > .sub-menu{
    display: none !important;
  }
  .et-l--header .lmd-header-groupe .et_pb_image a,
  .et-l--header .lmd-header-marques .et_pb_image a{
    display: block;
    width: 100%;
    height: 100%;
    transition: opacity .2s ease, transform .2s ease;
  }
  .et-l--header .lmd-header-groupe .et_pb_image a:hover,
  .et-l--header .lmd-header-marques .et_pb_image a:hover{
    opacity: .82;
    transform: translateY(-1px);
  }
}

/* Sur petit ordinateur, le menu Divi bascule en bouton avant de se tasser. */
@media (min-width: 981px) and (max-width: 1120px){
  .et-l--header .lmd-header-global.et_pb_section{
    grid-template-columns: minmax(320px, 400px) minmax(0, 1fr) !important;
    column-gap: 38px !important;
    padding-right: 28px !important;
    padding-left: 28px !important;
  }
  .et-l--header .lmd-header-navigation .et_pb_menu__menu{
    display: none !important;
  }
  .et-l--header .lmd-header-navigation .et_mobile_nav_menu{
    display: flex !important;
    margin-left: auto !important;
  }
  .et-l--header .lmd-header-navigation .mobile_menu_bar::before{
    color: var(--lmd-creme) !important;
  }
}

/* --- Divers --- */
.et_pb_text h1, .et_pb_text h2, .et_pb_text h3{ margin-bottom: .4em; }
hr, .et_pb_divider:before{ border-top-color: var(--lmd-filet) !important; }

/* ==========================================================================
   DIVI 5 — surcharge des boutons
   Divi 5 génère ses styles avec une spécificité élevée et les injecte après
   les feuilles du thème. Ces sélecteurs longs sont nécessaires pour les
   reprendre : ce n'est pas de l'excès de zèle, c'est le seul moyen.
   ========================================================================== */

body #page-container .et_pb_section .et_pb_button,
body #et-boc .et-l .et_pb_button,
body .et-db #et-boc .et-l .et_pb_button,
.et_pb_button_module_wrapper .et_pb_button{
  background-color: var(--lmd-bleu) !important;
  background-image: none !important;
  color: var(--lmd-creme) !important;
  border: 1px solid transparent !important;
  border-radius: var(--lmd-rayon) !important;
  font-family: var(--lmd-texte) !important;
  font-size: 15px !important;
  font-weight: 500 !important;
  letter-spacing: .02em !important;
  text-transform: none !important;
  padding: 16px 30px !important;
  min-height: 52px;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
}
body #page-container .et_pb_section .et_pb_button:hover,
body #et-boc .et-l .et_pb_button:hover,
body .et-db #et-boc .et-l .et_pb_button:hover{
  background-color: #08202F !important;
  color: var(--lmd-creme) !important;
}

/* Bouton bordé */
body #page-container .et_pb_section .lmd-btn-ligne.et_pb_button,
body #et-boc .et-l .lmd-btn-ligne.et_pb_button,
body .et-db #et-boc .et-l .lmd-btn-ligne.et_pb_button,
.lmd-btn-ligne.et_pb_button{
  background-color: transparent !important;
  background-image: none !important;
  color: var(--lmd-bleu) !important;
  border-color: var(--lmd-bleu) !important;
}
body #page-container .et_pb_section .lmd-btn-ligne.et_pb_button:hover,
body #et-boc .et-l .lmd-btn-ligne.et_pb_button:hover,
.lmd-btn-ligne.et_pb_button:hover{
  background-color: var(--lmd-bleu) !important;
  color: var(--lmd-creme) !important;
}

/* Bouton sur fond bleu */
body #page-container .et_pb_section .lmd-btn-clair.et_pb_button,
body #et-boc .et-l .lmd-btn-clair.et_pb_button,
.lmd-btn-clair.et_pb_button{
  background-color: var(--lmd-creme) !important;
  background-image: none !important;
  color: var(--lmd-bleu) !important;
  border-color: transparent !important;
}

/* Flèche animée de Divi : supprimée partout */
body #page-container .et_pb_button:after,
body #page-container .et_pb_button:before,
body #et-boc .et-l .et_pb_button:after,
body #et-boc .et-l .et_pb_button:before{
  display: none !important;
  content: none !important;
}

/* --- Alignement des boutons ---
   Divi centre les modules Bouton par défaut. On les aligne à gauche, comme
   le reste du texte de la colonne. */
.et_pb_button_module_wrapper{
  text-align: left !important;
}
.et_pb_button_module_wrapper.et_pb_button_alignment_center{
  text-align: center !important;
}

/* --- Deux boutons côte à côte ---
   Classe lmd-cta sur les DEUX modules Bouton. On cible le module lui-même
   plutôt que son conteneur : :has() n'est pas supporté partout. */
.et_pb_button.lmd-cta{
  margin-right: 12px;
  margin-bottom: 12px;
}
.lmd-cta.et_pb_button,
.et_pb_module_inner:has(.lmd-cta){ display: inline-block; }

/* Repli sans :has() — on met la classe sur la COLONNE qui contient les boutons */
.lmd-cta-groupe .et_pb_button_module_wrapper{
  display: inline-block !important;
  margin-right: 12px;
  margin-bottom: 12px;
  width: auto !important;
}

/* --- Titres du hero : brider la taille sur très grand écran ---
   clamp() suit la largeur de la fenêtre : au-delà de 1600px le titre
   devenait disproportionné. */
@media (min-width: 1500px){
  .lmd-hero, h1.lmd-hero, .lmd-hero h1{ font-size: 64px !important; }
}


/* ==========================================================================
   AJUSTEMENTS DE RYTHME
   ========================================================================== */

/* Le module Texte de Divi ajoute une marge basse généreuse : on la resserre
   avant les boutons pour éviter un trou dans le hero. */
.et_pb_text{ margin-bottom: 18px !important; }
.et_pb_text:last-child{ margin-bottom: 0 !important; }
.et_pb_button_module_wrapper{ margin-bottom: 10px !important; }

/* Bandeau de preuve : aligner verticalement les deux colonnes. */
.lmd-section-bleue .et_pb_row{
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
/* Empêche les colonnes de se comprimer sous leur largeur déclarée :
   en contexte flex, flex-shrink:1 s'applique et déplace l'origine. */
.lmd-section-bleue .et_pb_row > .et_pb_column{ flex: 0 0 auto; }
.lmd-section-bleue .et_pb_column{ display: flex; flex-direction: column; justify-content: center; }
.lmd-chiffre-phare + .lmd-chiffre-l{ margin-top: 6px !important; }
.lmd-chiffre-l{ margin-bottom: 0 !important; }

@media (max-width: 980px){
  .lmd-section-bleue .et_pb_row{ display: block; }
}