/* =====================================================================================
   commun-v2.css — feuille commune des pages refondues (ville, département, accueil, contact), 2e passage
   Maquette du 11/09/2026, retours d'Akim appliqués : finesse des guides (encarts, fonte, rayons), icônes Phosphor.
   Une seule feuille pour les 4 pages : rien n'est recopié par page.
   Mobile d'abord ; bureau à partir de 981 px (point de rupture de Divi 4).
   Les marqueurs « @partie:nom » en commentaire servent au script de mesure (poids par partie).
   ===================================================================================== */

/*@partie:socle*/
@font-face{font-family:"LEP Outfit";font-weight:100 900;font-display:optional;src:url(polices/fonts/outfit-400-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+2000-206F,U+20AC,U+2122,U+2190-2193}
@font-face{font-family:"LEP Outfit";font-weight:100 900;font-display:optional;src:url(polices/fonts/outfit-400-latin-ext.woff2) format("woff2");unicode-range:U+0100-024F,U+1E00-1EFF}
@font-face{font-family:"LEP Jakarta";font-weight:200 800;font-display:optional;src:url(polices/fonts/plus-jakarta-sans-400-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+2000-206F,U+20AC,U+2122,U+2190-2193}
@font-face{font-family:"LEP Jakarta";font-weight:200 800;font-display:optional;src:url(polices/fonts/plus-jakarta-sans-400-latin-ext.woff2) format("woff2");unicode-range:U+0100-024F,U+1E00-1EFF}
/* polices de secours calées sur les métriques d'Outfit et de Plus Jakarta Sans (calcul fontTools, 11/09) :
   le texte ne bouge pas quand la vraie police arrive — aucun décalage de mise en page, aucun octet de police en plus */
@font-face{font-family:"Outfit repli";font-weight:600 900;src:local("Arial Bold"),local("Arial-BoldMT"),local("Liberation Sans Bold");size-adjust:97.73%;ascent-override:102.32%;descent-override:26.6%;line-gap-override:0%}
@font-face{font-family:"Outfit repli";font-weight:100 500;src:local("Arial"),local("ArialMT"),local("Liberation Sans");size-adjust:96.39%;ascent-override:103.74%;descent-override:26.97%;line-gap-override:0%}
@font-face{font-family:"Jakarta repli";font-weight:200 600;src:local("Arial"),local("ArialMT"),local("Liberation Sans");size-adjust:104.16%;ascent-override:99.65%;descent-override:21.31%;line-gap-override:0%}
@font-face{font-family:"Jakarta repli";font-weight:700 800;src:local("Arial Bold"),local("Arial-BoldMT"),local("Liberation Sans Bold");size-adjust:102.04%;ascent-override:101.72%;descent-override:21.76%;line-gap-override:0%}

:root{
  --lep-bleu:#0D57CB; --lep-bleu-fonce:#0A3B86; --lep-nuit:#001C47; --lep-case:#03214F; --lep-jaune:#F4C709;
  --lep-encre:#0F1E33; --lep-corps:#3B4B60; --lep-muet:#55647C; --lep-ligne:#E4EAF3; --lep-bord:#7A8AA2; --lep-bleu2:#2EA3F2;
  --lep-vert:#15803D; --lep-vert-fond:#EAF7EF; --lep-vert-texte:#215C38; --lep-ambre:#B45309; --lep-ambre-fond:#FBF1E4; --lep-ambre-texte:#7A3D09;
  --lep-ombre:0 10px 30px -12px rgba(13,50,110,.16); --lep-ombre-s:0 4px 16px -8px rgba(13,50,110,.14);
  --lep-teinte:#F5F9FF; --lep-teinte2:#EAF2FE; --lep-clair:#DCE5F2; --lep-doux:#AFC0D8; --lep-erreur:#B42318;
  --lep-titre:"Outfit","Outfit repli",Helvetica,Arial,sans-serif;
  --lep-texte:"Plus Jakarta Sans","Jakarta repli",Helvetica,Arial,sans-serif;
  --lep-trame:repeating-linear-gradient(135deg,rgba(255,255,255,.028) 0 1px,transparent 1px 7px);
}
*,*::before,*::after{box-sizing:border-box}
/* Divi 4, ticket 40 : les 6 remises à plat de la maquette (html/body/img/h1-h3/p/a) valent ici pour les seules bandes
   refondues (.lep-heros, .lep-sec), jamais pour l'en-tête, le sommaire ni le pied déjà intégrés. La bande porte ce que la
   maquette pose sur body ; :is() donne 1 classe aux remises (Divi pose div, h1-h6, p, a et ul au niveau de l'élément,
   et la feuille unifiée de Divi arrive après celle-ci) ; les règles de la maquette qui suivent l'emportent par l'ordre. */
/* polices : le site déclare aussi « Outfit » et « Plus Jakarta Sans » en graisses fixes sur le même fichier variable ; sous
   ce nom, le navigateur prend l'une ou l'autre face (bouton d'appel 6 px plus étroit à 390 px, une ligne de plus dans la fiche).
   Les faces de la maquette sont donc déclarées sous « LEP Outfit » et « LEP Jakarta » (mêmes fichiers, comme le menu et le
   sommaire) et les bandes refondues s'y branchent. */
/* Ticket 42 : sur l'accueil, Asset CleanUp combine cette feuille en tête, AVANT lep-sommaire.css, dont le :root pose
   --lep-encre #0B1526 (maquette 03) : l'encre de la maquette v3 (commun-v3.css:23) est fixée sur les bandes refondues. */
.lep-heros,.lep-une,.lep-sec{--lep-encre:#0F1E33;--lep-titre:"LEP Outfit","Outfit repli",Helvetica,Arial,sans-serif;--lep-texte:"LEP Jakarta","Jakarta repli",Helvetica,Arial,sans-serif}
.lep-heros,.lep-une,.lep-sec{color:var(--lep-corps);font:400 16px/1.65 var(--lep-texte);-webkit-font-smoothing:antialiased}
:is(.lep-heros,.lep-une,.lep-sec) :where(img){display:block;max-width:100%;height:auto}
:is(.lep-heros,.lep-une,.lep-sec) :where(h1,h2,h3){margin:0;padding:0;font-family:var(--lep-titre);color:var(--lep-encre);text-wrap:balance}
:is(.lep-heros,.lep-une,.lep-sec) :where(p){margin:0 0 14px;padding:0}
:is(.lep-heros,.lep-une,.lep-sec) :where(a){color:var(--lep-bleu);text-decoration:underline}
/* listes : l'en-tête Divi impose ul{padding-left:30px!important} et .entry-content ul son interligne, sa puce, son retrait */
:is(.lep-heros,.lep-une,.lep-sec) :is(ul,ol){margin:0;padding:0;list-style:none;line-height:inherit}
:is(.lep-heros,.lep-une,.lep-sec) :is(ul,ol):not(.sub-menu){padding-left:0!important}
/* conteneurs du constructeur : la section Divi porte la bande, la rangée porte le cadre ; colonnes et modules Code
   s'effacent (display:contents) pour que le HTML de la maquette soit la grille elle-même. Divi leur impose largeur
   80 %, rembourrages en %, fond blanc, flottants et un ::after de dégagement qui deviendrait une case de grille. */
.et_pb_section:is(.lep-heros,.lep-une,.lep-sec){padding:0}
.et_pb_section.lep-sec:not(.lep-sec--teinte,.lep-sec--nuit){background-color:transparent}
.et_pb_row.lep-cadre::after{content:none}
/* au-delà de 1 470 px, les options de Divi portent .et_pb_row{max-width:1400px!important} : le cadre de la maquette reste à 1 210 px */
.et_pb_row.lep-cadre{max-width:1210px!important}
/* en mobile, la feuille ornes-css des villes porte #main-content h2{line-height:38px!important} : l'interligne de la maquette est rendu */
@media (max-width:767px){#main-content :is(.lep-heros,.lep-une,.lep-sec) h2{line-height:1.22!important}}
.et_pb_row.lep-cadre>.et_pb_column:not(.lep-formulaire),:is(.lep-heros,.lep-une,.lep-sec) :is(.et_pb_code,.et_pb_code_inner,.et_pb_contact_form_container,.et_pb_contact){display:contents;font-size:inherit;line-height:inherit}
.et_pb_row.lep-cadre>.et_pb_column.lep-formulaire{width:auto;float:none;margin:0}
.lep-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.lep-cadre,.et_pb_row.lep-cadre{width:100%;max-width:1210px;margin:0 auto;padding:0 20px}
/* icônes Phosphor (MIT) en symboles dans la page : duotone au-delà de 24 px, plein en dessous ; l'aplat du duotone à 20 % */
.lep-ic{width:22px;height:22px;flex:none;fill:currentColor}
.lep-ic__fond{opacity:.2}
svg:has(>use){fill:currentColor}
@media (min-width:981px){.lep-heros,.lep-une,.lep-sec{font-size:17px;line-height:1.7}}

/* en-tête et pied de page : retirés de cette feuille au ticket 40 ; ils vivent dans leurs propres feuilles déjà intégrées (lep-menu/, lep-pied-de-page.css) et ne bougent pas */
/*@partie:composants*/
/* ---------- le héros des pages zone : même famille que le héros des guides (bleu, lumière en haut à droite) ---------- */
.lep-heros{position:relative;overflow:hidden;color:#fff;background-color:var(--lep-bleu);
  background-image:var(--lep-trame),radial-gradient(140% 110% at 90% 0%,var(--lep-bleu) 0,var(--lep-bleu-fonce) 58%,var(--lep-nuit) 100%)}
.lep-heros__grille,.et_pb_row.lep-heros__grille{padding-top:6px}
.lep-ariane{display:flex;flex-wrap:wrap;align-items:center;margin:0 0 10px;font-size:14px;line-height:1.4;color:var(--lep-clair)}
.lep-ariane a{display:inline-flex;align-items:center;min-height:44px;min-width:44px;color:#fff;text-decoration:underline;text-decoration-color:rgba(255,255,255,.45);text-underline-offset:3px}
.lep-ariane a::after{content:"›";display:inline-block;margin:0 9px;color:var(--lep-doux);text-decoration:none}
.lep-ariane a:focus-visible{outline:2px solid var(--lep-jaune);outline-offset:2px}
/* la signature : le code du département posé comme la bande bleue d'une plaque d'immatriculation */
.lep-plaque{display:inline-flex;align-items:stretch;height:36px;margin:0 0 16px;padding:3px;border-radius:5px;background:#fff;color:var(--lep-nuit);
  box-shadow:0 10px 22px -12px rgba(0,0,0,.55);font:700 15px/1 var(--lep-titre)}
.lep-plaque b{display:grid;place-items:center;min-width:36px;padding:0 7px;border-radius:3px;background:var(--lep-bleu);color:#fff;font-size:16px;font-variant-numeric:tabular-nums;letter-spacing:.02em}
.lep-plaque span{display:flex;align-items:center;padding:0 11px 0 10px;text-transform:uppercase;letter-spacing:.08em}
.lep-heros h1{margin:0 0 22px;color:#fff;font-size:33px;line-height:40px;font-weight:700;letter-spacing:-.012em}
/* gabarit ville : la ville en tête (le lieu au-dessus du titre, le panneau d'entrée d'agglomération sur le bandeau) */
.lep-lieu{display:flex;align-items:center;gap:8px;margin:0 0 12px;font:700 21px/1.2 var(--lep-titre);letter-spacing:-.005em;color:#fff}
.lep-lieu .lep-ic{width:22px;height:22px;color:var(--lep-jaune)}
.lep-panneau,.lep-heros .lep-heros__photo .lep-panneau{position:absolute;z-index:1;right:20px;bottom:-16px;max-width:calc(100% - 40px);margin:0;padding:5px 14px 4px;border:4px solid #C8102E;border-radius:7px;background:#fff;
  box-shadow:0 0 0 2px #fff,0 16px 26px -14px rgba(0,0,0,.7);color:#111;font:700 17px/1.15 var(--lep-titre);letter-spacing:.05em;text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
@media (min-width:981px){.lep-lieu{font-size:24px;margin-bottom:14px}.lep-panneau,.lep-heros .lep-heros__photo .lep-panneau{right:-18px;bottom:-24px;padding:8px 22px 7px;border-width:5px;border-radius:9px;font-size:24px}}
.lep-heros__action{display:flex;flex-wrap:wrap;align-items:center;gap:12px 20px;margin:0 0 22px}
.lep-garantie{display:flex;align-items:center;gap:8px;margin:0;font:600 14px/1.3 var(--lep-titre);letter-spacing:.01em;color:var(--lep-clair)}
.lep-garantie .lep-ic{width:18px;height:18px;color:var(--lep-jaune)}
.lep-heros .lep-texte{color:var(--lep-clair)}
.lep-heros .lep-texte strong{color:#fff}
.lep-heros .lep-texte a[style]{color:#fff!important}
.lep-heros__photo{position:relative;margin:26px -20px 0}
.lep-heros__photo img{width:100%;aspect-ratio:1005/565;object-fit:cover;clip-path:polygon(0 0,calc(100% - 38px) 0,100% 38px,100% 100%,0 100%)}
/* la bannière garde la classe ville_banner (préchargement de l'image, hors chargement différé) ; les options de Divi lui
   posent un arrondi en bas à gauche que la maquette n'a pas en mobile (en bureau, l'arrondi de 4 px ci-dessous l'emporte) */
@media (max-width:980px){.lep-heros__photo img.ville_banner,.lep-heros__photo img.dep_banner{border-radius:0}}
.lep-heros__photo::after{content:"";position:absolute;left:0;bottom:0;width:38%;height:6px;background:var(--lep-jaune)}
/* 3e passage : héros du département, image avant le texte en mobile (en haut) ;
   en bureau, texte à gauche et image à droite (Akim, 11/09/2026 21:26, commun-v3.css:109-116) */
.lep-heros__grille--image-avant .lep-heros__photo{margin:0 -20px 22px}
@media (min-width:981px){
  .lep-heros__grille--image-avant .lep-heros__photo{grid-column:2;grid-row:1;margin:0}
  .lep-heros__grille--image-avant>div{grid-column:1;grid-row:1}
  /* posé en toutes lettres : une feuille combinée figée (Asset CleanUp, 24 h) garde l'ancien filet à droite */
  .lep-heros__grille--image-avant{grid-template-columns:minmax(0,1fr) 480px}
  .lep-heros__grille--image-avant .lep-heros__photo::after{left:-14px;right:auto}
}
@media (min-width:981px){
  .lep-heros__grille,.et_pb_row.lep-heros__grille{display:grid;grid-template-columns:minmax(0,1fr) 480px;column-gap:64px;align-items:center;padding-top:14px;padding-bottom:72px}
  .lep-ariane{margin-bottom:14px}
  .lep-heros h1{font-size:44px;line-height:53px;margin-bottom:26px}
  .lep-heros .lep-texte{max-width:64ch}
  .lep-heros__photo{grid-column:2;margin:0}
  .lep-heros__photo img{border-radius:4px}
  .lep-heros__photo::after{left:-14px;bottom:-14px;width:160px;height:8px}
}

/* ---------- le bouton d'appel : jaune du site, numéro lisible, rond nuit ---------- */
.lep-appel-btn{display:inline-flex;align-items:center;gap:12px;min-height:56px;padding:0 22px 0 8px;border-radius:10px;background:var(--lep-jaune);color:var(--lep-nuit);
  text-decoration:none;font:700 19px/1.1 var(--lep-titre);font-variant-numeric:tabular-nums;white-space:nowrap;
  box-shadow:0 10px 24px -14px rgba(244,199,9,.7);transition:transform .15s ease,box-shadow .15s ease}
.lep-appel-btn__rond{flex:none;width:40px;height:40px;display:grid;place-items:center;border-radius:50%;background:var(--lep-nuit);color:var(--lep-jaune)}
.lep-appel-btn__rond svg{width:18px;height:18px}
.lep-appel-btn:hover{transform:translateY(-2px);box-shadow:0 14px 28px -14px rgba(244,199,9,.9)}
/* le second accès : le formulaire, en bouton à filet (sur fond sombre par défaut, bleu sur fond clair) */
.lep-btn-ligne{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:0 20px;border:1px solid rgba(255,255,255,.55);border-radius:10px;
  color:#fff;text-decoration:none;font:600 16px/1.1 var(--lep-titre);transition:background-color .15s ease,border-color .15s ease}
.lep-btn-ligne .lep-ic{width:20px;height:20px}
.lep-btn-ligne:hover{background:rgba(255,255,255,.1);border-color:#fff}
.lep-btn-ligne:focus-visible{outline:2px solid var(--lep-jaune);outline-offset:3px}
.lep-btn-ligne--clair{border-color:var(--lep-bleu);color:var(--lep-bleu)}
.lep-btn-ligne--clair:hover{background:var(--lep-teinte2);border-color:var(--lep-bleu)}
.lep-btn-ligne--clair:focus-visible{outline-color:var(--lep-bleu)}
.lep-appel-btn:active{transform:translateY(1px)}
.lep-appel-btn:focus-visible{outline:3px solid var(--lep-nuit);outline-offset:3px}
.lep-heros .lep-appel-btn:focus-visible,.lep-sec--nuit .lep-appel-btn:focus-visible{outline-color:#fff}
@media (prefers-reduced-motion:reduce){.lep-appel-btn,.lep-btn-ligne{transition:none}}
/* le bloc d'appel du milieu de page : appel + formulaire + rappel des conditions */
.lep-contact-duo{display:grid;gap:10px;align-content:start}
.lep-contact-duo .lep-appel-btn,.lep-contact-duo .lep-btn-ligne{width:100%}
.lep-contact-duo .lep-appel-btn{justify-content:flex-start}
.lep-contact-duo__note{display:flex;align-items:center;gap:8px;margin:4px 0 0;font:600 14px/1.35 var(--lep-titre);color:var(--lep-clair)}
.lep-contact-duo__note .lep-ic{width:18px;height:18px;color:var(--lep-jaune)}
@media (min-width:981px){.lep-contact-duo{justify-self:end;width:400px;padding:28px;border:1px solid rgba(255,255,255,.14);border-radius:16px;background:rgba(3,33,79,.55)}}

/* ---------- les bandes : blanc de lecture, teinte des guides, nuit à matière ---------- */
.lep-sec,.et_pb_section.lep-sec{padding:44px 0}
.lep-sec--teinte{background-color:var(--lep-teinte);background-image:linear-gradient(180deg,rgba(13,87,203,.05) 0,rgba(13,87,203,0) 180px);border-top:1px solid var(--lep-ligne);border-bottom:1px solid var(--lep-ligne)}
.lep-sec--nuit{color:var(--lep-clair);background-color:var(--lep-nuit);background-image:var(--lep-trame),linear-gradient(180deg,rgba(13,87,203,.32) 0,rgba(0,28,71,0) 65%)}
/* ticket 40 : Divi pose .et_pb_section{background-size:cover;background-position:50% center} ; la maquette laisse auto et 0 0.
   Sur une bande de hauteur fractionnaire (héros 761,92 px à 1366), « cover » recale le dégradé radial et la trame de 1 à 20 px. */
.et_pb_section.lep-heros,.et_pb_section.lep-une,.et_pb_section.lep-sec{background-size:auto;background-position:0 0}
.lep-sec--nuit h2,.lep-sec--nuit h3{color:#fff}
.lep-sec--nuit .lep-texte a[style]{color:#fff!important}
.lep-sec + .lep-sec:not(.lep-sec--teinte):not(.lep-sec--nuit){padding-top:0}
.lep-sec--teinte + .lep-sec,.lep-sec--nuit + .lep-sec{padding-top:44px!important}
.lep-sec h2{margin:0 0 14px;font-size:25px;line-height:1.22;font-weight:700;letter-spacing:-.01em}
.lep-sec h2::before{content:"";display:block;width:32px;height:3px;margin:0 0 16px;border-radius:2px;background:linear-gradient(90deg,var(--lep-bleu),var(--lep-bleu2))}
.lep-sec--nuit h2::before{background:var(--lep-jaune)}
.lep-sec h3{margin:0 0 8px;font-size:19px;line-height:1.3;font-weight:600;letter-spacing:-.005em}
.lep-tete{margin:0 0 26px}
.lep-sec h2:empty,.lep-sec h2:has(>span:empty:only-child){display:none}
.lep-sec h2.lep-suite{margin-top:36px}
.lep-sec .lep-h3-fort{margin:0 0 14px;font-size:24px;line-height:1.25;font-weight:700}
@media (min-width:981px){.lep-sec .lep-h3-fort{font-size:28px}}
@media (min-width:981px){
  .lep-sec,.et_pb_section.lep-sec{padding:64px 0}
  .lep-sec--teinte + .lep-sec,.lep-sec--nuit + .lep-sec{padding-top:64px!important}
  .lep-sec h2{font-size:30px;line-height:1.22}
  .lep-sec h3{font-size:20px}
  .lep-tete{max-width:780px;margin-bottom:34px}
}

/* ---------- le texte des blocs du spinner ---------- */
.lep-texte>:last-child{margin-bottom:0}
.lep-texte p:empty{display:none}
/* les liens du maillage arrivent avec un style en ligne (italique, couleur héritée) : on les ramène à la charte */
.lep-texte a[style]{color:var(--lep-bleu)!important;font-style:normal!important;font-weight:600;text-decoration-color:rgba(13,87,203,.4)!important;text-underline-offset:3px}
.lep-texte a:focus-visible{outline:2px solid currentColor;outline-offset:2px;border-radius:2px}
/* Gabarit ville (ticket 40, recette DA 11/09/2026) : ornes-css divi-ville.css pose :focus{outline:0} et efface le contour
   de focus clavier des liens sans règle propre (lien « rachat » des tuiles) ; la maquette v3 garde celui du navigateur.
   Spécificité 0,1,1 : bat :focus (0,1,0), cède à toute règle :focus-visible à classe ci-dessus. */
:where(.lep-heros,.lep-sec) a:focus-visible{outline:auto 1px -webkit-focus-ring-color}
/* En-tête des pages refondues (gabarit département, ticket 41, recette DA 11/09/2026) : commun-v3.css:55 et :78 dessinent
   le focus clavier de l'en-tête (bande : 2 px jaune à 2 px ; menu bureau : 2 px bleu à -10 px d'un lien de 88 px à
   padding 11). ornes-css :focus{outline:0} l'effaçait sur l'en-tête du Theme Builder. Le logo bureau (lien de 32,9 px)
   et les liens du menu Divi (22 px, sans padding latéral) n'ont pas la boîte de la maquette : l'anneau est un ::before
   posé sur le rectangle mesuré de la maquette (0 pixel d'écart sur les 9 états, da/focus-pixels.mjs). */
.et-l--header .et_pb_blurb a:focus-visible,.et-l--header .lep-entete a:focus-visible{outline:2px solid var(--lep-jaune);outline-offset:2px}
.et-l--header .lep-entete .lep-burger:focus-visible{outline-offset:2px}
@media (min-width:981px){
  .et-l--header .et_pb_image a:focus-visible,.et-l--header .et-menu-nav>ul>li>a:focus-visible{position:relative;outline:0}
  .et-l--header .et_pb_image a:focus-visible::before,.et-l--header .et-menu-nav>ul>li>a:focus-visible::before{content:"";position:absolute;box-sizing:border-box;pointer-events:none}
  .et-l--header .et_pb_image a:focus-visible::before{left:-4px;right:-4px;top:calc(50% - 26px);height:52px;border:2px solid var(--lep-jaune)}
  .et-l--header .et-menu-nav>ul>li>a:focus-visible::before{left:-3px;right:-3px;top:-29px;bottom:-21px;border:2px solid var(--lep-bleu)}
  .et-l--header .et-menu-nav>ul>li:first-child>a:focus-visible::before{left:8px}
}
.lep-texte strong{color:var(--lep-encre);font-weight:700}
.lep-cartes,.lep-deux{grid-template-columns:minmax(0,1fr)}
.lep-texte ul{list-style:none;margin:0 0 14px;padding:0}
.lep-texte li{position:relative;padding:11px 0 11px 34px;border-bottom:1px dashed var(--lep-ligne)}
.lep-texte li:last-child{border-bottom:0}
.lep-texte li::before{content:"";position:absolute;left:0;top:14px;width:22px;height:22px;border-radius:50%;
  background:var(--lep-teinte2) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M2.6 6.3 5 8.5l4.4-4.8' fill='none' stroke='%230D57CB' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/12px no-repeat}
.lep-sec--nuit .lep-texte li::before{background-color:rgba(255,255,255,.1)}
.lep-sec--nuit .lep-texte li{border-color:rgba(255,255,255,.14)}
.lep-lede{position:relative;padding-left:20px}
.lep-lede::before{content:"";position:absolute;left:0;top:6px;bottom:6px;width:4px;border-radius:4px;background:linear-gradient(var(--lep-bleu2),var(--lep-bleu))}
.lep-lede p{color:var(--lep-encre)}
/* les encarts de couleur des guides (.note) : vert pour ce qui rassure, ambre pour ce qui prévient */
.lep-encart{display:flex;gap:14px;margin:18px 0 0;padding:18px 20px;border:1px solid #CDEAD7;border-radius:14px;background:var(--lep-vert-fond);color:var(--lep-vert-texte);font-size:15.5px;line-height:1.6}
.lep-encart>.lep-ic{width:24px;height:24px;margin-top:1px;color:var(--lep-vert)}
.lep-encart p{margin:0}
.lep-encart strong{color:inherit}
.lep-encart--ambre{border-color:#EAD2AE;background:var(--lep-ambre-fond);color:var(--lep-ambre-texte)}
.lep-encart--ambre>.lep-ic{color:var(--lep-ambre)}
@media (min-width:981px){.lep-mesure{max-width:70ch}}
/* « Pourquoi choisir » (3e passage, retour d'Akim 2 point 2) : encart de la famille des guides sur toute la largeur du
   contenu ; barre d'accroche en tête, titre sur toute la largeur, texte en 2 colonnes en bureau (lignes de 60 à 65 signes) */
.lep-pourquoi{position:relative;padding:30px 14px 26px;border:1px solid var(--lep-ligne);border-radius:16px;overflow:hidden;
  background-color:#fff;background-image:linear-gradient(180deg,var(--lep-teinte) 0,rgba(245,249,255,0) 240px);box-shadow:var(--lep-ombre-s)}
.lep-pourquoi::before{content:"";position:absolute;left:0;right:0;top:0;height:4px;background:linear-gradient(90deg,var(--lep-bleu2),var(--lep-bleu))}
.lep-sec .lep-pourquoi h2{margin-bottom:16px}
.lep-sec .lep-pourquoi h2::before{display:none}
.lep-pourquoi__texte p{color:var(--lep-encre)}
.lep-pourquoi .lep-suite{margin-top:28px;padding-top:24px;border-top:1px dashed var(--lep-ligne)}
@media (min-width:981px){
  .lep-pourquoi{padding:46px 48px 42px}
  .lep-sec .lep-pourquoi h2{margin-bottom:22px}
  .lep-pourquoi__texte{column-count:2;column-gap:56px;column-rule:1px solid var(--lep-ligne)}
}

/* ---------- mises en page ---------- */
.lep-deux{display:grid;gap:26px}
@media (min-width:981px){
  .lep-deux{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:64px;align-items:start}
  .lep-deux--titre{grid-template-columns:5fr 7fr}
  .lep-deux--large{grid-template-columns:7fr 5fr}
  .lep-deux--centre{align-items:center}
}
.lep-image{margin:0}
.lep-image img{width:100%;border-radius:16px}
/* 3e passage : une image que la page actuelle ne montre qu'en bureau reste en bureau (inventaire de contenu) */
.lep-image--bureau{display:none}
@media (min-width:981px){.lep-image--bureau{display:block}}
.lep-image--documents img{max-width:420px;margin:0 auto;border-radius:0}
/* 3e passage : le titre de section que porte la page au-dessus du bloc d'horaires, remis dans l'encart */
.lep-sec .lep-note h2{margin:0 0 12px;font-size:22px;color:var(--lep-ambre-texte)}
.lep-sec .lep-note h2::before{background:var(--lep-ambre)}
@media (min-width:981px){.lep-sec .lep-note h2{font-size:26px}}
.lep-note h2 + .lep-note__titre{font-size:17px}
@media (min-width:981px){.lep-note h2 + .lep-note__titre{font-size:19px}}
.lep-action{margin-top:24px}

/* ---------- les cartes (blocs à icône) : filet bleu à gauche, pas de tuile molle ---------- */
.lep-cartes{display:grid;gap:16px}
.lep-carte{padding:24px 22px 22px;background:var(--lep-teinte);border:1px solid var(--lep-ligne);border-radius:16px}
.lep-sec--teinte .lep-carte{background:#fff;box-shadow:var(--lep-ombre-s)}
.lep-carte__ic{width:48px;height:48px;display:grid;place-items:center;margin:0 0 16px;border-radius:13px;background:var(--lep-teinte2);color:var(--lep-bleu)}
.lep-sec--teinte .lep-carte__ic{background:var(--lep-teinte)}
.lep-carte__ic .lep-ic{width:28px;height:28px}
.lep-carte .lep-texte{font-size:16px;line-height:1.65}
@media (min-width:760px){.lep-cartes{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}}
@media (min-width:981px){.lep-carte{padding:28px 28px 26px}}

/* ---------- les étapes : numéros en plaque, fil pointillé en mobile ---------- */
.lep-etapes{margin:0;padding:0;list-style:none;counter-reset:etape}
.lep-etape{position:relative;padding:0 0 30px 60px;counter-increment:etape}
.lep-etape::before{content:counter(etape,decimal-leading-zero);position:absolute;left:0;top:0;width:42px;height:28px;display:grid;place-items:center;border-radius:4px;
  background:var(--lep-bleu);color:#fff;font:700 14px/1 var(--lep-titre);font-variant-numeric:tabular-nums;letter-spacing:.02em;box-shadow:inset 0 0 0 1px rgba(255,255,255,.22),0 0 0 4px #fff}
.lep-etape::after{content:"";position:absolute;left:20px;top:38px;bottom:8px;width:0;border-left:1px dashed #B9C7DB}
.lep-etape:last-child{padding-bottom:0}
.lep-etape:last-child::after{display:none}
.lep-sec--teinte .lep-etape::before{box-shadow:inset 0 0 0 1px rgba(255,255,255,.22),0 0 0 4px var(--lep-teinte)}
@media (min-width:981px){
  .lep-etapes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}
  .lep-etape{padding:28px 28px 24px;background:#fff;border:1px solid var(--lep-ligne);border-radius:16px;box-shadow:var(--lep-ombre-s)}
  .lep-etape::before{position:static;margin:0 0 18px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.22)}
  .lep-etape::after{display:none}
}

/* ---------- la fiche pratique sur nuit (horaires, téléphone, services, prix) ---------- */
.lep-tuiles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;margin:0;overflow:hidden;border:1px solid rgba(255,255,255,.14);border-radius:16px;background:rgba(255,255,255,.14)}
.lep-tuile{padding:18px 16px 16px;background:var(--lep-case)}
.lep-tuile--large{grid-column:1 / -1}
/* fiche pratique en liste de définitions : les intitulés ne sont pas des titres */
.lep-tuile dt{display:flex;align-items:center;gap:8px;margin:0 0 8px;color:var(--lep-jaune);font:600 13px/1.2 var(--lep-titre);letter-spacing:.08em;text-transform:uppercase}
.lep-tuile dt .lep-ic{width:18px;height:18px}
.lep-tuile dd{margin:0}
.lep-tuile p{margin:0;color:#fff;font-size:16px;line-height:1.5}
.lep-tuile ul{margin:0;padding:0;list-style:none}
.lep-tuile li{position:relative;padding:3px 0 3px 16px;color:#fff;font-size:16px;line-height:1.5}
.lep-tuile li::before{content:"";position:absolute;left:0;top:13px;width:7px;height:2px;background:var(--lep-jaune)}
.lep-tuile a{color:#fff}
.lep-tuile a[style]{color:#fff!important;font-style:normal!important}
.lep-tuile__tel{display:inline-flex;align-items:center;min-height:44px;font:700 20px/1 var(--lep-titre);font-variant-numeric:tabular-nums;white-space:nowrap;text-decoration-color:rgba(244,199,9,.7);text-underline-offset:4px}
@media (min-width:981px){
  .lep-tuiles{grid-template-columns:repeat(2,minmax(0,1fr))}
  .lep-tuile{padding:24px 24px 22px}
  .lep-tuile--large{grid-column:auto}
}

/* ---------- le formulaire ---------- */
.lep-formulaire{padding:24px 18px 22px;background:#fff;border:1px solid var(--lep-ligne);border-top:4px solid var(--lep-bleu);border-radius:16px;box-shadow:var(--lep-ombre)}
.lep-formulaire h3{margin:0 0 18px}
.lep-champs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 12px}
.lep-champ{min-width:0;margin:0}
.lep-champ--plein,.lep-champ--l{grid-column:1 / -1}
.lep-champ label{display:block;margin:0 0 6px;font:600 14px/1.3 var(--lep-texte);color:var(--lep-encre)}
.lep-champ input,.lep-champ textarea{display:block;width:100%;min-height:48px;padding:11px 13px;border:1px solid var(--lep-bord);border-radius:8px;background:#fff;
  font:400 16px/1.4 var(--lep-texte);color:var(--lep-encre);transition:border-color .15s ease,box-shadow .15s ease}
.lep-champ textarea{min-height:132px;resize:vertical}
.lep-champ input:hover,.lep-champ textarea:hover{border-color:var(--lep-encre)}
.lep-champ input:focus,.lep-champ textarea:focus{outline:0;border-color:var(--lep-bleu);box-shadow:0 0 0 3px rgba(13,87,203,.28)}
.lep-champ [aria-invalid="true"]{border-color:var(--lep-erreur);box-shadow:inset 4px 0 0 var(--lep-erreur)}
.lep-champ__erreur{display:flex;align-items:center;gap:6px;margin:6px 0 0;font-size:13.5px;line-height:1.35;color:var(--lep-erreur)}
.lep-champ__erreur .lep-ic{width:16px;height:16px}
.lep-champ__erreur[hidden]{display:none}
.lep-envoyer{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;min-height:52px;margin:18px 0 0;border:0;border-radius:10px;background:var(--lep-bleu);color:#fff;
  font:700 17px/1 var(--lep-titre);cursor:pointer;transition:background-color .15s ease}
.lep-envoyer:hover{background:var(--lep-bleu-fonce)}
.lep-envoyer:focus-visible{outline:3px solid var(--lep-nuit);outline-offset:3px}
.lep-envoyer[disabled]{background:#8C9BB2;cursor:progress}
@media (min-width:981px){.lep-formulaire{padding:34px 34px 32px}.lep-champ--l{grid-column:auto}}
@media (prefers-reduced-motion:reduce){.lep-champ input,.lep-champ textarea,.lep-envoyer{transition:none}}
/* Divi 4, ticket 40 : le formulaire de la page ville reste le module Formulaire de contact de Divi (il envoie, mêmes
   champs) ; ses balises reçoivent l'habillage de la maquette ci-dessus : le formulaire Divi tient le rôle de .lep-champs,
   chaque champ Divi tient le rôle de .lep-champ (Email et Téléphone : .lep-champ--l, Message : .lep-champ--plein), le bouton d'envoi celui de .lep-envoyer. Sélecteurs à 3 classes :
   Divi pose .et_pb_contact p input (0,1,2), .et_pb_contact .et_pb_contact_field_half (0,2,0), .et_pb_button{line-height:1.7em!important} */
.lep-formulaire .et_pb_contact .et_pb_contact_form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 12px;margin:0}
/* le formulaire Divi porte .clearfix : son ::after deviendrait une ligne de grille vide, avec un écart de 14 px de trop */
.lep-formulaire .et_pb_contact .et_pb_contact_form::before,.lep-formulaire .et_pb_contact .et_pb_contact_form::after{content:none}
.lep-formulaire .et_pb_contact .et_pb_contact_field{width:auto;float:none;clear:none;margin:0;padding:0}
.lep-formulaire .et_pb_contact .et_pb_contact_field:not(.et_pb_contact_field_half),.lep-formulaire .et_pb_contact :is(.et_pb_contact_field_2,.et_pb_contact_field_3){grid-column:1 / -1}
.lep-formulaire .et_pb_contact .et_pb_contact_field .et_pb_contact_form_label{display:block;margin:0 0 6px;font:600 14px/1.3 var(--lep-texte);color:var(--lep-encre)}
.lep-formulaire .et_pb_contact .et_pb_contact_field :is(input,textarea){display:block;width:100%;min-height:48px;padding:11px 13px;border:1px solid var(--lep-bord);border-radius:8px;background:#fff;
  font:400 16px/1.4 var(--lep-texte);color:var(--lep-encre);transition:border-color .15s ease,box-shadow .15s ease}
.lep-formulaire .et_pb_contact .et_pb_contact_field textarea{min-height:132px;resize:vertical}
/* Divi écrit l'intitulé du champ en placeholder ; la maquette montre des champs vides sous leur étiquette */
.lep-formulaire .et_pb_contact .et_pb_contact_field :is(input,textarea)::placeholder{color:transparent;opacity:0}
.lep-formulaire .et_pb_contact .et_pb_contact_field :is(input,textarea):hover{border-color:var(--lep-encre)}
.lep-formulaire .et_pb_contact .et_pb_contact_field :is(input,textarea):focus{outline:0;border-color:var(--lep-bleu);box-shadow:0 0 0 3px rgba(13,87,203,.28)}
/* le bouton suit la grille des champs : la marge négative rend l'écart de ligne (14 px) que la maquette n'a pas avant lui */
.lep-formulaire .et_pb_contact .et_contact_bottom_container{grid-column:1 / -1;display:block;float:none;margin:-14px 0 0;text-align:left}
.lep-formulaire .et_pb_contact .et_pb_contact_submit.et_pb_button{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;min-height:52px;margin:18px 0 0;padding:1px 6px;border:0;border-radius:10px;
  background:var(--lep-bleu);color:#fff;font:700 17px/1 var(--lep-titre);line-height:1!important;cursor:pointer;transition:background-color .15s ease!important}
.lep-formulaire .et_pb_contact .et_pb_contact_submit.et_pb_button:hover{padding:1px 6px;border:0;background:var(--lep-bleu-fonce)}
.lep-formulaire .et_pb_contact .et_pb_contact_submit.et_pb_button::after{content:none;display:none}
.lep-formulaire .et_pb_contact .et_pb_contact_submit.et_pb_button:focus-visible{outline:3px solid var(--lep-nuit);outline-offset:3px}
@media (min-width:981px){.lep-formulaire .et_pb_contact :is(.et_pb_contact_field_2,.et_pb_contact_field_3){grid-column:auto}}
@media (prefers-reduced-motion:reduce){.lep-formulaire .et_pb_contact .et_pb_contact_field :is(input,textarea){transition:none}.lep-formulaire .et_pb_contact .et_pb_contact_submit.et_pb_button{transition:none!important}}
/* État d'erreur (recette DA ticket 43) — transcrit de commun-v3.css:305-308 (.lep-champ [aria-invalid], .lep-champ__erreur).
   Divi pose .et_pb_contact p .et_contact_error{border:1px solid red!important} et écrit ses messages dans
   .et-pb-contact-message (<ul><li>) ; l'icône est le symbole #i-alerte de la maquette. */
.lep-formulaire .et_pb_contact p .et_contact_error{border-color:var(--lep-erreur)!important;box-shadow:inset 4px 0 0 var(--lep-erreur)}
.lep-formulaire .et_pb_contact p .et_contact_error:focus{border-color:var(--lep-bleu)!important;box-shadow:0 0 0 3px rgba(13,87,203,.28)}
.lep-formulaire .et-pb-contact-message:has(ul){margin:0;padding:0;color:var(--lep-erreur);font-size:13.5px;line-height:1.35}
.lep-formulaire .et-pb-contact-message:has(ul) p:empty{display:none}
.lep-formulaire .et-pb-contact-message:has(ul) :is(p,ul){margin:0;padding:0;list-style:none;color:inherit;font:inherit}
.lep-formulaire .et-pb-contact-message li{display:flex;align-items:center;gap:6px;margin:6px 0 0;padding:0;color:var(--lep-erreur);font-size:13.5px;line-height:1.35}
.lep-formulaire .et-pb-contact-message li::before{content:"";flex:none;width:16px;height:16px;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256'%3E%3Cpath d='M128,24A104,104,0,1,0,232,128,104.1,104.1,0,0,0,128,24Zm-8,56a8,8,0,0,1,16,0v56a8,8,0,0,1-16,0Zm8,104a12,12,0,1,1,12-12A12,12,0,0,1,128,184Z'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256'%3E%3Cpath d='M128,24A104,104,0,1,0,232,128,104.1,104.1,0,0,0,128,24Zm-8,56a8,8,0,0,1,16,0v56a8,8,0,0,1-16,0Zm8,104a12,12,0,1,1,12-12A12,12,0,0,1,128,184Z'/%3E%3C/svg%3E") center/contain no-repeat}

/* ---------- les renseignements publics (mairie, préfecture) : balisage des fonctions ornes-mv ---------- */
.lep-public{display:grid;gap:18px;padding:22px 20px;background:#fff;border:1px solid var(--lep-ligne);border-radius:16px;box-shadow:var(--lep-ombre-s)}
.lep-public__titre{font:600 19px/1.4 var(--lep-titre);color:var(--lep-encre)}
.lep-public .link_dep p{display:flex;align-items:flex-start;gap:11px;margin:0 0 10px;font-size:16px;line-height:1.5;overflow-wrap:anywhere}
.lep-public .dep_icone_prefecture{width:20px;height:auto;margin-top:3px;opacity:.75}
.lep-public .subtitle{font-weight:700;color:var(--lep-encre)}
.lep-public .link_dep a{display:inline-flex;align-items:center;min-height:44px;margin:-11px 0}
.lep-public .heure_ouverture{margin:0;padding:0;list-style:none}
.lep-public .heure_ouverture li{padding:9px 0;border-bottom:1px dashed var(--lep-ligne);font-size:16px;font-variant-numeric:tabular-nums}
.lep-public .heure_ouverture li:last-child{border-bottom:0}
.lep-public .res_ftiy{display:flex;flex-wrap:wrap;align-items:center;gap:6px 12px}
.lep-public .txt_rs{font-size:14px;font-weight:600;color:var(--lep-muet)}
.lep-public .bloc_rs{display:flex;gap:8px;margin:0;padding:0;list-style:none}
.lep-public .bloc_rs a{display:grid;place-items:center;width:44px;height:44px;border-radius:8px;background:var(--lep-teinte2)}
.lep-public .bloc_rs img{width:22px;height:22px}
@media (min-width:981px){.lep-public{grid-template-columns:5fr 4fr 3fr;column-gap:44px;padding:32px 36px}}

/* ---------- la note d'horaires (bloc titre de section) ---------- */
.lep-note{padding:24px 20px;background:var(--lep-ambre-fond);border:1px solid #EAD2AE;border-radius:16px}
/* bloc 9 : horaires, en texte simple (décision d'Akim), pas en titre */
.lep-note__titre{display:flex;gap:12px;margin:0 0 12px;font:600 19px/1.4 var(--lep-titre);color:var(--lep-ambre-texte)}
.lep-note__titre .lep-ic{width:26px;height:26px;margin-top:1px;color:var(--lep-ambre)}
@media (min-width:981px){.lep-note{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:56px;align-items:center;padding:34px 38px}.lep-note>*{grid-column:1}.lep-note__titre{font-size:22px}.lep-note .lep-action{margin:0;grid-column:2;grid-row:1 / span 2}}

/* ---------- les listes rendues par les codes courts (intervenants, villes, centres VHU) ---------- */
.lep-repertoire{margin:0;padding:0;list-style:none;border-top:1px solid var(--lep-ligne)}
.lep-repertoire>li{border-bottom:1px solid var(--lep-ligne)}
.lep-fiche>summary{display:flex;align-items:center;gap:12px;min-height:56px;padding:8px 0;list-style:none;cursor:pointer;font:600 17px/1.3 var(--lep-titre);color:var(--lep-encre)}
.lep-fiche>summary::-webkit-details-marker{display:none}
.lep-fiche>summary::after{content:"";flex:none;width:30px;height:30px;margin-left:auto;border-radius:50%;background:var(--lep-teinte2) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14'%3E%3Cpath d='M2.5 5 7 9.5 11.5 5' fill='none' stroke='%230D57CB' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/14px no-repeat;transition:transform .2s ease}
.lep-fiche[open]>summary::after{transform:rotate(180deg)}
.lep-fiche>summary:focus-visible{outline:2px solid var(--lep-bleu);outline-offset:2px}
.lep-fiche>div{padding:0 0 16px;font-size:16px}
.lep-fiche>div p{margin:0 0 6px}
/* villes actives du département : balisage du code court zones_interventions (ticket 61) */
.lep-villes-bloc .zone_intervention_texte{margin:0 0 22px}
.lep-villes-bloc ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:0;padding:0;list-style:none}
.lep-villes-bloc li a{position:relative;display:flex;align-items:center;min-height:52px;padding:8px 34px 8px 14px;border:1px solid var(--lep-ligne);border-radius:12px;background:#fff;
  color:var(--lep-encre);text-decoration:none;font:600 16px/1.25 var(--lep-titre)}
.lep-villes-bloc li a::after{content:"";position:absolute;right:13px;top:50%;width:8px;height:8px;margin-top:-4px;border-top:2px solid var(--lep-bleu);border-right:2px solid var(--lep-bleu);transform:rotate(45deg)}
.lep-villes-bloc li a:hover{border-color:var(--lep-bleu);box-shadow:inset 3px 0 0 var(--lep-bleu)}
.lep-villes-bloc li a:focus-visible{outline:2px solid var(--lep-bleu);outline-offset:2px}
@media (min-width:981px){.lep-villes-bloc ul{grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}}
/* ---------- gabarit département 229940 (ticket 41, maquette refonte 11 v3) ----------
   la plaque du héros porte le nom de la plaque du menu (lep-menu-bureau.css, lep-menu-mobile.css) : son interlettre et sa
   largeur minimale s'appliqueraient ; ornes-css pose p:not(.has-background):last-of-type{padding-bottom:0} (0,2,1) */
.lep-heros .lep-plaque{letter-spacing:normal;min-width:0}
.lep-heros .lep-heros__grille p.lep-plaque{padding:3px}
/* la CSS de la page 229940 (réglages Divi de la page) habille encore le balisage ornes-mv de l'ancienne mise en page :
   préfecture (adresse, site, téléphone, réseaux, horaires) et villes les plus peuplées ; la maquette ne pose que ses règles */
.lep-public .link_dep p{padding-bottom:0!important}
.lep-public .dep_icone_prefecture{padding-right:0}
.lep-public .dep_icone_texte{display:inline;vertical-align:baseline;width:auto;margin-top:0}
.lep-public .dep_icone_texte>a{color:var(--lep-bleu)}
.lep-public .bloc_rs li{display:list-item;width:auto;padding-bottom:0}
.lep-public .link_dep.heures{background-color:transparent;border-radius:0;padding:0}
.lep-villes-bloc .zone_intervention_titre{text-align:start;padding-bottom:0;color:var(--lep-encre)!important}
.lep-villes-bloc .zone_intervention_texte{text-align:start}
.lep-villes-bloc .liste_villes li{display:list-item;width:auto;padding:0}
.lep-villes-bloc .liste_villes li>a{color:var(--lep-encre)!important}
/* ornes-css pose .liste_villes li>a:after{position:relative;top:2px;font-family:ETmodules;content:"5"} a spécificité égale (0,1,3)
   et plus loin dans la feuille : la flèche de la maquette doit reprendre ici sa position absolue à droite (ticket 61) */
.lep-villes-bloc .liste_villes li>a::after{content:"";position:absolute;left:auto;right:13px;top:50%;padding:0;font-family:inherit;font-size:inherit;font-weight:inherit;line-height:0}

/* illustration des documents (fichier SVG commun, masquée en mobile) et sa légende */
.lep-illus{display:none}
.lep-legende{display:flex;align-items:flex-start;gap:12px;margin:0;padding:18px 20px;background:#fff;border:1px solid var(--lep-ligne);border-radius:14px}
.lep-legende .lep-ic{color:var(--lep-bleu);margin-top:2px}
@media (min-width:981px){.lep-illus{display:block;width:100%;max-width:400px;height:auto;margin:0 auto 18px}}
@media (prefers-reduced-motion:reduce){.lep-fiche>summary::after{transition:none}}

/* ---------- pied de page sur les pages zone refondues (ticket 40, maquettes refonte v3) ----------
   Local à ces pages (la feuille n'est chargée que sur /zone/…) : le pied de page partagé suit la maquette 05
   (interligne normal, Siret en cible de 44 px). Les 4 maquettes v3 le posent dans une page dont le corps est en
   16px/1.65 (17px/1.7 en bureau) : les intitulés « Enlèvement épave », « Rendez-vous », « Contacts » y font 21 px
   au lieu de 16, et le Siret est un paragraphe de 24 px sans lien (décision d'Akim nº 9 : le lien Google Maps est sur
   l'adresse), soulignée en rgba(255,255,255,.4). Valeurs : commun-v3.css lignes 33, 44, 384 à 388. */
footer.lep-pied{font-size:16px;line-height:1.65}
@media (min-width:981px){footer.lep-pied{font-size:17px;line-height:1.7}}
.lep-pied .lep-pied__carte{display:block;min-height:0;text-decoration:underline;text-decoration-color:rgba(255,255,255,.4);text-underline-offset:3px}
/* états de l'adresse du pied sur TOUTES les pages (recette DA ticket 51) : lep-pied-de-page.css l. 48-50 les réservait aux
   pages zone ; maquette commun-v3.css l. 385-386 : soulignement jaune au survol, anneau jaune 2 px sur le lien en ligne */
footer.lep-pied .lep-pied__carte:hover{text-decoration-color:#F4C709}
footer.lep-pied .lep-pied__carte:focus-visible{outline:none}
footer.lep-pied .lep-pied__carte:focus-visible .lep-pied__lien{outline:2px solid #F4C709;outline-offset:2px}
.lep-pied .lep-pied__siret{display:block;min-height:0;margin:0;font-size:14px;color:var(--lep-clair)}
.lep-pied .lep-pied__contacts>br{display:none}
/* intitulés des plis en Outfit 600 : la face « Outfit » du site ne porte pas cette graisse comme la police variable de la
   maquette (--lep-titre) ; barre d'appel mobile : même corps 16px/1.65 que la page de la maquette (« Formulaire » en 21,45 px) */
.lep-pied .lep-pli>summary{font-family:"LEP Outfit","Outfit repli",Helvetica,Arial,sans-serif}
div.lep-barre{font-size:16px;line-height:1.65}
.lep-barre .lep-barre__sur{font-family:"LEP Jakarta","Jakarta repli",Helvetica,Arial,sans-serif}
/* barre d'appel : la maquette v3 pose la trame (.028) AU-DESSUS du dégradé ; la feuille du pied les pose dans l'autre ordre, trame à .03 */
div.lep-barre{background-image:var(--lep-trame),linear-gradient(180deg,rgba(13,87,203,.30) 0,rgba(0,28,71,0) 70%)}

/* ---------- en-tête bureau sur les pages zone refondues (ticket 40) ----------
   Local à ces pages. Les maquettes v3 reprennent l'en-tête de l'écran 02 validé (commun-v3.css, partie « entete ») :
   bande de 78 px (logo 200 px, 3 informations en 15px/1.5 dans des colonnes de 202 px, la dernière à sa largeur),
   puis barre du menu de 88 px, cadre de 1 170 px à toutes les largeurs de bureau, texte du menu en 500 16px et
   flèche SVG de 12 px à 6 px du libellé. Le modèle Divi de l'en-tête posait 77,89 px (tout le document remontait
   de 0,11 px), Roboto Condensed, des colonnes Divi, un cadre de 1 400 px au-delà de 1 470 px, et une police
   « Plus Jakarta Sans » à graisse figée, rendue plus étroite que la police variable de la maquette. */
@media (min-width:981px){
  .et-l--header .et_pb_section_0_tb_header.et_pb_section{height:78px;padding:0}
  .et-l--header .et_pb_section_1_tb_header.et_pb_section{height:88px;padding:21px 0 0}
  .et-l--header :is(.et_pb_row_0_tb_header,.et_pb_row_1_tb_header).et_pb_row{width:calc(100% - 40px)!important;max-width:1170px!important}
  .et-l--header .et_pb_row_0_tb_header.et_pb_row{display:flex;align-items:center;height:78px;padding:0!important}
  .et-l--header .et_pb_row_0_tb_header>.et_pb_column{flex:none;width:202px;margin:0!important}
  .et-l--header .et_pb_row_0_tb_header>.et_pb_column_0_tb_header{width:auto;margin-right:auto!important}
  .et-l--header .et_pb_row_0_tb_header>.et_pb_column_3_tb_header{width:auto}
  .et-l--header .et_pb_image_0_tb_header.et_pb_module{margin:0!important}
  .et-l--header .et_pb_image_0_tb_header :is(a,.et_pb_image_wrap,img){display:block}
  .et-l--header .et_pb_row_0_tb_header .et_pb_blurb.et_pb_module{margin:0!important;font:400 15px/1.5 "LEP Jakarta","Jakarta repli",Helvetica,Arial,sans-serif}
  .et-l--header .et_pb_row_0_tb_header .et_pb_blurb .et_pb_blurb_description p{margin:0;padding:0!important;font:inherit;line-height:1.5!important}
  .et-l--header .et_pb_row_0_tb_header .et_pb_blurb .et_pb_blurb_description strong{display:block;font-weight:700}
  .et-l--header .et_pb_menu_0_tb_header.et_pb_menu ul.et-menu>li>a{font-family:"LEP Jakarta","Jakarta repli",Helvetica,Arial,sans-serif}
  .et-l--header .et_pb_menu_0_tb_header.et_pb_menu ul.et-menu>li>a.lep-declencheur{padding-right:18px}
  .et-l--header .et_pb_menu_0_tb_header.et_pb_menu ul.et-menu>li>a.lep-declencheur::after{content:"";top:1px;width:12px;height:12px;background-color:currentColor;
    -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14'%3E%3Cpath d='M2.5 5 7 9.5 11.5 5' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/12px 12px no-repeat;
    mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14'%3E%3Cpath d='M2.5 5 7 9.5 11.5 5' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/12px 12px no-repeat}
}
/* en-tête mobile (écran 01, commun-v3.css .lep-entete__haut) : logo à 20 px du bord, burger à 13 px, lien du logo de
   44 px de haut dans une bande de 70 px ; la rangée Divi à 90 % posait tout à 19,5 px (demi-pixel d'anti-crénelage). */
@media (max-width:980px){
  .et-l--header .et_pb_section_2_tb_header.et_pb_section{padding:13px 0}
  .et-l--header .et_pb_row_2_tb_header.et_pb_row{width:calc(100% - 40px)!important;max-width:none!important}
  .et-l--header .lep-entete .lep-entete__logo{display:flex;align-items:center;min-height:44px}
}

/* ---------- accueil (ticket 42) : le bloc <style> propre à la maquette 10-accueil-v3.html, repris tel quel ----------
   Local à l'accueil : ses classes (.lep-une, .lep-atouts, .lep-points, .lep-deps, .lep-cartes--pile, --trois, .lep-carte--ligne,
   .lep-deux--image-gauche, .lep-plaque-gratuit) ne servent sur aucune autre page. Seules adaptations au constructeur :
   la 1re rangée du bandeau (photo et symboles) s'efface, et l'assistant est ramené aux bandes refondues. */
.et_pb_row.lep-une__rangee-photo,.et_pb_row.lep-une__rangee-photo>.et_pb_column{display:contents}
.lep-une{position:relative;overflow:hidden;color:#fff;background-color:#0B4DB8;
  background-image:var(--lep-trame),linear-gradient(180deg,#0B4DB8 0,var(--lep-bleu-fonce) 64%,var(--lep-nuit) 100%)}
.lep-une__photo{position:relative;height:150px;margin:0}
.lep-une__photo img{width:100%;height:100%;object-fit:cover;object-position:86% 62%}
.lep-une__photo::after{content:"";position:absolute;left:0;right:0;bottom:0;height:56px;background:linear-gradient(180deg,rgba(11,77,184,0),#0B4DB8)}
.lep-une__grille{position:relative;padding-top:4px;padding-bottom:28px}
.lep-une__sur{display:flex;align-items:center;gap:8px;margin:0 0 10px;font:600 13.5px/1.3 var(--lep-titre);letter-spacing:.02em;color:#DCE9FF}
.lep-une__sur .lep-ic{width:18px;height:18px;color:var(--lep-jaune)}
.lep-une h1{margin:0;color:#fff;font-size:32px;line-height:38px;font-weight:700;letter-spacing:-.015em}
.lep-une h1 em{font-style:normal;color:var(--lep-jaune)}
.lep-une__lede{margin:12px 0 16px;font-size:16px;line-height:1.5;color:#DCE9FF}
.lep-atouts{display:grid;gap:8px;margin:0 0 18px;padding:0;list-style:none}
.lep-atouts li{display:flex;align-items:center;gap:10px;font:600 15px/1.3 var(--lep-titre);color:#fff}
.lep-atouts .lep-ic{width:30px;height:30px;padding:6px;border-radius:50%;background:rgba(255,255,255,.12);color:var(--lep-jaune)}
.lep-une__actions{display:grid;gap:10px}
.lep-une__actions .lep-appel-btn{width:100%;gap:10px;padding-right:14px;font-size:17px}
.lep-plaque-gratuit{position:absolute;z-index:1;left:20px;bottom:12px;display:flex;height:40px;margin:0;padding:3px;border-radius:6px;background:#fff;color:var(--lep-nuit);
  transform:rotate(-3deg);box-shadow:inset 0 0 0 1px #C9D3E0,0 14px 24px -12px rgba(0,0,0,.6);font:700 20px/1 var(--lep-titre)}
.lep-plaque-gratuit b{display:grid;place-items:center;min-width:44px;padding:0 6px;border-radius:4px 0 0 4px;background:var(--lep-bleu);color:#fff;font-size:15px}
.lep-plaque-gratuit span{display:grid;place-items:center;padding:0 14px 0 12px;letter-spacing:.09em}
@media (min-width:981px){
  .lep-une{min-height:560px;background:#0D57CB}
  .lep-une__photo{position:absolute;inset:0;height:auto}
  .lep-une__photo img{object-position:100% 50%}
  .lep-une__photo::after{top:0;height:auto;background:linear-gradient(90deg,rgba(0,28,71,.8) 0,rgba(0,28,71,.52) 38%,rgba(0,28,71,0) 60%),linear-gradient(0deg,rgba(0,28,71,.5) 0,rgba(0,28,71,0) 42%)}
  .lep-une__grille{display:flex;flex-direction:column;justify-content:center;min-height:560px;padding-top:52px;padding-bottom:60px}
  .lep-une__texte{max-width:700px}
  .lep-une__sur{font-size:14px;margin-bottom:16px}
  .lep-une h1{font-size:52px;line-height:58px}
  .lep-une__lede{margin:18px 0 22px;font-size:19px;line-height:1.55;max-width:30em}
  .lep-atouts{display:flex;flex-wrap:wrap;gap:10px 24px;width:max-content;max-width:780px;margin-bottom:28px}
  .lep-une__actions{display:flex;flex-wrap:wrap;gap:14px}
  .lep-une__actions .lep-appel-btn{width:auto;gap:12px;padding-right:22px;font-size:19px}
  .lep-une__actions .lep-btn-ligne{min-height:56px;padding:0 24px}
  .lep-plaque-gratuit{left:auto;right:max(20px,calc((100% - 1170px) / 2));bottom:56px;height:68px;padding:5px;border-radius:9px;font-size:34px;transform:rotate(-4deg)}
  .lep-plaque-gratuit b{min-width:64px;border-radius:6px 0 0 6px;font-size:24px}
  .lep-plaque-gratuit span{padding:0 22px 0 20px}
  .lep-deux--image-gauche>figure,.lep-deux--image-gauche .et_pb_code_inner>figure{order:-1}
}
.lep-points{display:grid;gap:12px;margin:4px 0 18px}
.lep-points p{display:grid;grid-template-columns:44px minmax(0,1fr);column-gap:14px;align-items:start;margin:0;padding:16px 18px;background:#fff;border:1px solid var(--lep-ligne);border-radius:14px;box-shadow:var(--lep-ombre-s);font-size:16px;line-height:1.55}
.lep-points .lep-ic{width:44px;height:44px;padding:9px;border-radius:12px;background:var(--lep-teinte2);color:var(--lep-bleu)}
.lep-points strong{font:600 17px/1.3 var(--lep-titre);color:var(--lep-encre)}
@media (min-width:760px){.lep-points{grid-template-columns:repeat(2,minmax(0,1fr))}}
.lep-cartes--pile{grid-template-columns:minmax(0,1fr)!important;gap:12px}
.lep-cartes--trois{margin-top:32px}
@media (min-width:981px){.lep-cartes--trois{grid-template-columns:repeat(3,minmax(0,1fr))}}
.lep-carte--ligne{display:flex;align-items:center;gap:16px;padding:18px 20px}
.lep-carte--ligne .lep-carte__ic{margin:0;flex:none}
.lep-carte--ligne p{margin:0}
.lep-deps{display:grid;gap:8px;margin:26px 0 0;padding:0;list-style:none}
.lep-deps a{display:flex;align-items:center;gap:12px;min-height:52px;padding:6px 14px 6px 6px;border:1px solid var(--lep-ligne);border-radius:12px;background:#fff;
  color:var(--lep-encre);text-decoration:none;font:600 16px/1.3 var(--lep-titre);transition:border-color .15s ease,box-shadow .15s ease}
.lep-deps a::before{content:attr(data-code);flex:none;display:grid;place-items:center;min-width:42px;height:34px;border-radius:7px;background:var(--lep-bleu);color:#fff;
  font:700 15px/1 var(--lep-titre);font-variant-numeric:tabular-nums;box-shadow:inset 0 0 0 1px rgba(255,255,255,.2)}
.lep-deps a:hover{border-color:var(--lep-bleu);box-shadow:var(--lep-ombre-s)}
.lep-deps a:hover::before{background:var(--lep-jaune);color:var(--lep-nuit)}
.lep-deps a:focus-visible{outline:2px solid var(--lep-bleu);outline-offset:2px}
@media (min-width:640px){.lep-deps{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (min-width:981px){.lep-deps{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}}
@media (prefers-reduced-motion:reduce){.lep-deps a{transition:none}}
.lep-sec vhu-widget{display:block;margin-top:24px}
/* accueil dans Divi : la rangée .et_pb_row.lep-cadre (0,2,0) remet le rembourrage du cadre à 0 20px, la remise des listes
   (0,1,1) retire les marges de .lep-atouts et .lep-deps, et p:not(.has-background):last-of-type (0,2,1) retire le bas du
   dernier point et de la plaque : les valeurs de la maquette sont rendues. */
.et_pb_row.lep-une__grille{padding-top:4px;padding-bottom:28px}
ul.lep-atouts{margin:0 0 18px}
ul.lep-deps{margin:26px 0 0}
.lep-sec .lep-points p:last-of-type{padding-bottom:16px}
.lep-une p.lep-plaque-gratuit:last-of-type{padding-bottom:3px}
/* en-tête bureau de l'accueil : la maquette marque la page courante d'un filet jaune de 3 px au pied de la barre du menu
   (commun-v3.css l. 77, left 11px / right 11px sur un lien qui descend jusqu'au bas de la barre). Le lien Divi fait 22 px de
   haut à 115 px du haut du document : filet posé à 29 px sous lui, de 11 px après le début du libellé à sa fin. */
@media (min-width:981px){
  body.home .et-l--header .et_pb_menu_0_tb_header.et_pb_menu ul.et-menu>li>a[aria-current="page"]::after{content:"";position:absolute;top:auto;left:11px;right:0;bottom:-29px;width:auto;height:3px;margin:0;background:var(--lep-jaune)}
}
@media (min-width:981px){
  .et_pb_row.lep-une__grille{padding-top:52px;padding-bottom:60px}
  ul.lep-atouts{margin-bottom:28px}
  .lep-une p.lep-plaque-gratuit:last-of-type{padding-bottom:5px}
}

/* ---------- page contact 230266 (ticket 43, maquette refonte/13-contact-v3.html, bloc <style> « propre au contact ») ----------
   Local à cette page : valeurs de la maquette telles quelles. Sélecteurs portés sur .et_pb_row / .et_pb_section là où Divi
   pose ses propres marges, et à 4 classes sur le formulaire : les règles du formulaire ville (plus haut) numérotent 5 champs,
   le contact en compte 7 (Nom 0, Email 1, Téléphone 2, Marque 3, Modèle 4, Objet 5, Message 6). */
.lep-contact-heros :is(.lep-heros__grille,.et_pb_row.lep-heros__grille){padding-bottom:24px}
.lep-contact-heros h1{margin-bottom:8px}
.lep-contact-heros .lep-accroche{margin:0 0 6px;color:#fff;font:600 19px/1.3 var(--lep-titre);text-wrap:balance}
.lep-contact-heros .lep-heros__sous{margin:0;color:var(--lep-clair)}
.et_pb_section.lep-contact-sec.lep-sec{padding-top:20px}
.et_pb_row.lep-cadre.lep-contact{display:grid;gap:16px}
.lep-infos{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.lep-info{padding:12px 14px;background:var(--lep-teinte);border:1px solid var(--lep-ligne);border-radius:14px}
.lep-info p{margin:0;color:var(--lep-encre);font-weight:600;line-height:1.45}
.lep-info .lep-info__titre{display:flex;align-items:center;gap:8px;margin:0 0 6px;color:var(--lep-bleu);font:600 13px/1.25 var(--lep-titre);letter-spacing:.08em;text-transform:uppercase}
.lep-info__titre .lep-ic{width:20px;height:20px}
.lep-info--large{grid-column:1 / -1;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;column-gap:16px;background:var(--lep-nuit);background-image:var(--lep-trame),linear-gradient(180deg,rgba(13,87,203,.3) 0,rgba(0,28,71,0) 80%);border-color:var(--lep-nuit)}
.lep-info--large .lep-info__titre{margin:0;color:var(--lep-jaune)}
.lep-info__tel{display:inline-flex;align-items:center;min-height:44px;color:#fff;font:700 24px/1 var(--lep-titre);font-variant-numeric:tabular-nums;text-decoration-color:rgba(244,199,9,.7);text-underline-offset:5px}
.lep-contact-sec .lep-formulaire .et_pb_contact :is(.et_pb_contact_field_0,.et_pb_contact_field_1,.et_pb_contact_field_2,.et_pb_contact_field_5){grid-column:1 / -1}
.lep-contact-sec .lep-formulaire .et_pb_contact :is(.et_pb_contact_field_3,.et_pb_contact_field_4){grid-column:auto}
@media (min-width:981px){
  .lep-contact-heros :is(.lep-heros__grille,.et_pb_row.lep-heros__grille){display:grid;grid-template-columns:minmax(0,4fr) minmax(0,8fr);column-gap:64px;align-items:end;padding-top:14px;padding-bottom:40px}
  .lep-contact-heros .lep-ariane{grid-column:1 / -1}
  .lep-contact-heros h1{margin:0}
  .lep-contact-heros .lep-accroche{font-size:25px}
  .et_pb_section.lep-contact-sec.lep-sec{padding-top:32px}
  .et_pb_row.lep-cadre.lep-contact{gap:22px}
  .lep-infos{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr) minmax(0,1fr);gap:16px}
  .lep-info{padding:16px 20px}
  .lep-info--large{grid-column:auto;flex-direction:column;align-items:flex-start;justify-content:center}
  .lep-info__tel{font-size:28px}
  .lep-contact-sec .lep-formulaire .et_pb_contact .et_pb_contact_form{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px 20px}
  .lep-contact-sec .lep-formulaire .et_pb_contact :is(.et_pb_contact_field_0,.et_pb_contact_field_1,.et_pb_contact_field_2,.et_pb_contact_field_5,.et_pb_contact_field_6,.et_pb_contact_field_7){grid-column:auto}
  .lep-contact-sec .lep-formulaire .et_pb_contact .et_pb_contact_field_8{grid-column:1 / -1}
  .lep-contact-sec .lep-formulaire .et_pb_contact .et_pb_contact_field textarea{min-height:140px}
  .lep-contact-sec .lep-formulaire .et_pb_contact .et_contact_bottom_container{margin-top:-18px}
  .lep-contact-sec .lep-formulaire .et_pb_contact .et_pb_contact_submit.et_pb_button,.lep-contact-sec .lep-formulaire .et_pb_contact .et_pb_contact_submit.et_pb_button:hover{width:max-content;min-width:260px;margin:22px 0 0 auto;padding:0 36px}
}
/* page contact (ticket 43) : l'entrée de la page courante porte le trait jaune de la maquette (commun-v3.css ligne 77,
   .lep-entete__nav [aria-current]::after : 3 px en bas de la barre du menu de 88 px, sur la largeur du libellé). Le lien
   Divi finit 29 px au-dessus du bas de cette barre (hauteur 22 px posée à 21 + 16 px du haut de la barre). */
@media (min-width:981px){
  body.page-id-230266 .et-l--header .et_pb_menu_0_tb_header.et_pb_menu ul.et-menu>li>a[aria-current]:not(.lep-declencheur){position:relative}
  body.page-id-230266 .et-l--header .et_pb_menu_0_tb_header.et_pb_menu ul.et-menu>li>a[aria-current]:not(.lep-declencheur)::after{content:"";position:absolute;left:0;right:0;top:auto;bottom:-29px;width:auto;height:3px;margin:0;background:#F4C709}
}
/* toutes les autres pages (recette DA ticket 51) : la page courante du menu porte le même trait que le contact
   (commun-v3.css l. 77 [aria-current]::after) ; l'accueil garde sa géométrie de 1re entrée (règle body.home ci-dessus) */
@media (min-width:981px){
  body:not(.home) .et-l--header .et_pb_menu_0_tb_header.et_pb_menu ul.et-menu>li>a[aria-current]:not(.lep-declencheur){position:relative}
  body:not(.home) .et-l--header .et_pb_menu_0_tb_header.et_pb_menu ul.et-menu>li>a[aria-current]:not(.lep-declencheur)::after{content:"";position:absolute;left:0;right:0;top:auto;bottom:-29px;width:auto;height:3px;margin:0;background:#F4C709}
}
/* page contact 230266 (recette DA ticket 43) : maquette refonte/13-contact-v3.html, bouton « Voir l'état d'erreur » —
   un email seul en erreur porte son message sous le champ (commun-v3.css:306, margin 6px, 13,5 px × 1,35) sans décaler le
   formulaire au-dessus. Composition LOCALE : Divi écrit le message hors de la grille du formulaire, seul l'ancrage CSS le
   pose sous le champ ; sans ancrage (navigateur ancien) ou avec plusieurs champs en erreur, il reste au-dessus du formulaire. */
@supports (anchor-name:--lep-a){
  .lep-contact-sec .lep-formulaire{position:relative}
  .lep-contact-sec .lep-formulaire .et_pb_contact p #et_pb_contact_email_0{anchor-name:--lep-contact-email}
  .lep-contact-sec .lep-formulaire__divi:has(#et_pb_contact_email_0.et_contact_error):not(:has(.et_contact_error:not(#et_pb_contact_email_0))) .et-pb-contact-message{position:absolute;position-anchor:--lep-contact-email;top:anchor(bottom);left:anchor(left);width:anchor-size(width)}
  .lep-contact-sec .lep-formulaire__divi:has(#et_pb_contact_email_0.et_contact_error):not(:has(.et_contact_error:not(#et_pb_contact_email_0))) .et_pb_contact_field_1{padding-bottom:24.225px}
}