/* myenneade.com — feuille de style du site vitrine (reprise des composants de tethys.cool). Jetons, base, composants, pages. */

/* ---------- Polices ---------- */
@font-face{font-family:'Poppins';font-style:normal;font-weight:400;font-display:swap;src:url(/site/assets/fonts/poppins-400-latin.woff2) format('woff2')}
@font-face{font-family:'Poppins';font-style:normal;font-weight:500;font-display:swap;src:url(/site/assets/fonts/poppins-500-latin.woff2) format('woff2')}
@font-face{font-family:'Poppins';font-style:normal;font-weight:600;font-display:swap;src:url(/site/assets/fonts/poppins-600-latin.woff2) format('woff2')}
@font-face{font-family:'Poppins';font-style:normal;font-weight:700;font-display:swap;src:url(/site/assets/fonts/poppins-700-latin.woff2) format('woff2')}
@font-face{font-family:'Montserrat';font-style:normal;font-weight:300 700;font-display:swap;src:url(/site/assets/fonts/montserrat-latin.woff2) format('woff2')}
@font-face{font-family:'Glacial Indifference';font-style:italic;font-weight:400;font-display:swap;src:url(/site/assets/fonts/glacial-italic-latin.woff2) format('woff2')}

/* ---------- Jetons ---------- */
:root{
  --navy:#0e1b3a;--navy-fonce:#0a132c;--teal:#2a9fbf;--teal-texte:#1e7a8f;--cyan:#4ec3e0;--orange:#D97626;--red:#BD482C;
  --ink:#2f3550;--gris:#646a86;--gris-clair:#6F7797;--paper:#F6F8FB;--paper-2:#EEF0F5;--line:#E3E7F0;--blanc:#fff;
  --police:'Poppins',Arial,Helvetica,sans-serif;--police-2:'Montserrat',Arial,Helvetica,sans-serif;
  --marge:max(calc(7.42vw - 9.9px),calc((100vw - 1248px) / 2));
  --rayon:14px;--ombre:0 10px 30px rgba(14,27,58,.10);
  --duree:.2s;
}

/* ---------- Base ---------- */
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:96px}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}
body{margin:0;font-family:var(--police);font-size:16px;line-height:1.7;color:var(--ink);background:var(--blanc);overflow-x:hidden;-webkit-font-smoothing:antialiased}
@media (min-width:900px){body{font-size:17px}}
h1,h2,h3,h4{font-family:var(--police);font-weight:600;color:var(--navy);line-height:1.2;margin:0 0 .5em;overflow-wrap:anywhere}
h1{font-size:clamp(32px,5vw,48px)}
h2{font-size:clamp(26px,3.4vw,38px)}
h3{font-size:clamp(19px,2vw,22px)}
h4{font-size:18px}
p{margin:0 0 1em}
a{color:var(--navy);text-decoration-thickness:1px;text-underline-offset:3px;transition:color var(--duree)}
a:hover{color:var(--teal-texte)}
img,svg,video{max-width:100%;height:auto;display:block}
ul,ol{margin:0 0 1em;padding-left:1.3em}
button{font:inherit;color:inherit}
strong{font-weight:600}
blockquote{margin:0}
table{border-collapse:collapse;width:100%}
:focus-visible{outline:3px solid var(--cyan);outline-offset:3px;border-radius:4px}
.ico{width:1em;height:1em;display:inline-block;vertical-align:-.15em;fill:currentColor}
.cadre{padding-inline:var(--marge)}
.cadre--etroit{padding-inline:max(var(--marge),calc((100vw - 1000px) / 2))}
.centre{text-align:center}
.cache{display:none}
.visuellement-cache{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.acces{position:absolute;left:-999px;top:8px;background:var(--navy);color:#fff;padding:8px 14px;border-radius:8px;z-index:100}
.acces:focus{left:8px}

/* ---------- Boutons ---------- */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--navy);color:#fff;font-family:var(--police);font-weight:600;font-size:15px;line-height:1.2;padding:15px 30px;border-radius:8px;text-decoration:none;border:1.5px solid var(--navy);cursor:pointer;transition:transform var(--duree),box-shadow var(--duree),background var(--duree),color var(--duree)}
.btn:hover{color:#fff;transform:translateY(-2px);box-shadow:0 10px 22px rgba(36,45,114,.25)}
.btn--ghost{background:transparent;color:var(--navy)}
.btn--ghost:hover{color:var(--navy);background:var(--paper)}
.btn--blanc{background:#fff;color:var(--navy);border-color:#fff}
.btn--blanc:hover{color:var(--navy)}
.btn--contour{background:transparent;color:#fff;border-color:#fff}
.btn--cyan{background:#4FC3E0;border-color:#4FC3E0;color:#fff}
.btn--petit{padding:11px 20px;font-size:14px}
.boutons{display:flex;flex-wrap:wrap;gap:14px;justify-content:center;margin:0 0 20px}
.boutons--gauche{justify-content:flex-start}

/* ---------- En-tête ---------- */
.entete{position:sticky;top:0;z-index:50;background:#fff;box-shadow:0 1px 0 var(--line)}
.entete__ligne{display:flex;align-items:center;justify-content:space-between;min-height:72px;gap:20px}
.entete__logo{flex:0 0 auto}
.entete__logo img{width:220px;height:auto}
@media (max-width:1339px){.entete__logo img{width:190px}.nav{gap:10px}.nav__item>a,.nav__declencheur{font-size:13px;padding:10px 6px}.langue{font-size:13px;padding-left:8px}}
.burger{display:none;background:none;border:0;padding:10px;margin-right:-10px;cursor:pointer}
.burger__barre{display:block;width:26px;height:2px;background:var(--navy);margin:6px 0;transition:transform var(--duree),opacity var(--duree)}
.nav{display:flex;align-items:center;gap:16px}
.nav__liste{list-style:none;margin:0;padding:0;display:flex;align-items:center;gap:4px}
.nav__item{position:relative}
.nav__item>a{display:block;padding:10px 10px;font-family:var(--police-2);font-size:14px;font-weight:500;color:var(--navy);text-decoration:none;border-radius:8px;white-space:nowrap}
.nav__item>a:hover,.nav__item>a[aria-current]{color:var(--teal-texte)}
.nav__item--menu{display:flex;align-items:center}
.nav__declencheur{display:flex;align-items:center;gap:6px;background:none;border:0;padding:10px 10px;font-family:var(--police-2);font-size:14px;font-weight:500;color:var(--navy);cursor:pointer;border-radius:8px;white-space:nowrap}
.nav__declencheur .ico{width:12px;height:12px;transition:transform var(--duree)}
.nav__declencheur:hover,.nav__item--menu.est-courant>.nav__declencheur{color:var(--teal)}
.nav__declencheur[aria-expanded="true"] .ico,.nav__item--menu:hover .nav__declencheur .ico{transform:rotate(180deg)}
.nav__item--menu>a{padding-right:4px}
.nav__plus{background:none;border:0;padding:6px;cursor:pointer;color:var(--navy);display:flex}
.nav__plus .ico{width:12px;height:12px;transition:transform var(--duree)}
.nav__plus[aria-expanded="true"] .ico{transform:rotate(180deg)}
.nav__sous{list-style:none;margin:0;padding:8px;position:absolute;top:100%;left:0;min-width:180px;background:#fff;border:1px solid var(--line);border-radius:10px;box-shadow:var(--ombre);display:none}
.nav__item--menu:hover .nav__sous,.nav__item--menu:focus-within .nav__sous,.nav__item--menu.est-ouvert .nav__sous{display:block}
.nav__sous a{display:block;padding:8px 12px;font-family:var(--police-2);font-size:14px;text-decoration:none;border-radius:6px}
.nav__sous a:hover{background:var(--paper)}
.langue{display:flex;align-items:center;gap:6px;font-family:var(--police-2);font-size:14px;padding-left:16px;border-left:1px solid var(--line);white-space:nowrap}
.langue__courante{color:var(--gris)}
.langue__courante::after{content:"·";margin-left:6px;color:var(--line)}
.langue__autre{text-decoration:none;font-weight:500}
@media (max-width:1279px){
  .entete__logo img{width:180px}
  .burger{display:block}
  .burger[aria-expanded="true"] .burger__barre:nth-child(1){transform:translateY(8px) rotate(45deg)}
  .burger[aria-expanded="true"] .burger__barre:nth-child(2){opacity:0}
  .burger[aria-expanded="true"] .burger__barre:nth-child(3){transform:translateY(-8px) rotate(-45deg)}
  .nav{display:none;position:absolute;left:0;right:0;top:100%;background:#fff;border-top:1px solid var(--line);box-shadow:var(--ombre);flex-direction:column;align-items:stretch;gap:0;padding:12px var(--marge) 20px;max-height:calc(100vh - 72px);overflow:auto}
  .nav.est-ouvert{display:flex}
  .nav__liste{flex-direction:column;align-items:stretch;gap:0}
  .nav__item>a,.nav__declencheur{padding:12px 4px;font-size:17px;border-bottom:1px solid var(--line);border-radius:0;width:100%;justify-content:space-between}
  .nav__item--menu{flex-wrap:wrap}
  .nav__item--menu>a{flex:1}
  .nav__sous{position:static;display:block;border:0;box-shadow:none;padding:0;min-width:0;background:var(--paper)}
  .nav__sous a{padding:10px 20px;border-bottom:1px solid var(--line);border-radius:0;font-size:16px}
  .langue{padding:14px 4px 0;border-left:0;font-size:16px}
}

/* ---------- Blocs génériques ---------- */
.bloc{padding:56px 0}
@media (min-width:900px){.bloc{padding:72px 0}}
.bloc__tete{text-align:center;max-width:1050px;margin:0 auto 36px}
.bloc__tete--gauche{text-align:left;margin-left:0}
.bloc__label{font-weight:600;font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--teal-texte);margin:0 0 12px}
.bloc__titre{margin-bottom:14px}
.bloc__intro{font-size:18px;color:var(--ink);max-width:1050px;margin:0 auto 24px}
.bloc__intro+.bloc__intro{margin-top:-12px}
@media (min-width:900px){.bloc__intro{font-size:19px}}
.bloc__outro{font-size:18px;color:var(--navy);font-weight:600;text-align:center;max-width:1000px;margin:32px auto 0}
.bloc__outro a{color:var(--teal-texte)}
.titre-page{font-size:clamp(30px,4.2vw,44px);font-weight:500;margin-bottom:28px}

/* liste de points à puce ronde */
.points{list-style:none;margin:0;padding:0;max-width:1500px}
.point{display:grid;grid-template-columns:34px 1fr;grid-template-areas:"dot titre" "dot texte";column-gap:12px;padding:18px 0;border-bottom:1px solid var(--line)}
.point:last-child{border-bottom:0}
.point::before{content:"";grid-area:dot;width:14px;height:14px;border-radius:50%;background:var(--teal);margin:8px 0 0 6px}
.point h3{grid-area:titre;font-size:17px;margin:0 0 4px}
.point p{grid-area:texte;margin:0;font-size:15.5px}

/* cellules chiffrées */
.cellules{display:grid;grid-template-columns:repeat(4,1fr);gap:2px;background:var(--line);border:1px solid var(--line);border-radius:16px;overflow:hidden}
.cellule{background:#fff;padding:52px 18px 24px;text-align:center;position:relative;min-height:140px;display:flex;flex-direction:column;justify-content:flex-end}
.cellule::before{content:"";position:absolute;top:18px;left:50%;transform:translateX(-50%);width:28px;height:28px;border-radius:50%;border:2px solid var(--teal)}
.cellule--2::before{border-color:var(--orange)}.cellule--3::before{border-color:var(--cyan)}.cellule--4::before{border-color:var(--red)}
.cellule__valeur{font-weight:700;font-size:24px;color:var(--navy)}
.cellule__libelle{font-size:13.5px;color:var(--gris);margin-top:6px;line-height:1.4}
.cellules--texte .cellule{justify-content:flex-start;text-align:left;padding-top:52px}
.cellules--texte .cellule::before{left:18px;transform:none}
.cellules--texte .cellule__valeur{font-size:18px}
.cellules--texte .cellule__libelle{color:var(--ink);font-size:14.5px;line-height:1.55}
@media (max-width:900px){.cellules{grid-template-columns:repeat(2,1fr)}}
@media (max-width:480px){.cellules{grid-template-columns:1fr}}

/* encadré */
.encadre{background:var(--paper);border:1px solid var(--line);border-radius:var(--rayon);padding:28px 32px;max-width:1050px;margin:0 auto}
.encadre p:last-child{margin-bottom:0}
.encadre--citations blockquote{margin:0 0 22px}
.encadre--citations blockquote:last-child{margin:0}
.encadre--citations blockquote p{color:var(--navy);font-weight:600;margin-bottom:6px}
.encadre--citations footer{font-size:15px}

/* questions courtes */
.questions{background:var(--paper);border:1px solid var(--line);border-radius:var(--rayon);padding:12px 32px;max-width:1050px;margin:0 auto}
.question{padding:16px 0;border-bottom:1px solid var(--line)}
.question:last-child{border-bottom:0}
.question dt{font-weight:600;color:var(--navy);margin-bottom:6px}
.question dd{margin:0;font-size:15.5px}

/* accordéon */
.accordeon{border-top:1px solid var(--line)}
.accordeon__item{border-bottom:1px solid var(--line)}
.accordeon__item summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 4px;font-weight:600;font-size:17px;color:var(--navy)}
.accordeon__item summary::-webkit-details-marker{display:none}
.accordeon__ico{width:14px;height:14px;color:var(--teal);flex:0 0 auto;transition:transform var(--duree)}
.accordeon__item[open] .accordeon__ico{transform:rotate(180deg)}
.accordeon__corps{padding:0 4px 20px;font-size:16px}
.accordeon__corps p:last-child{margin:0}

/* fil d'Ariane */
.fil{font-size:13px;color:var(--ink);margin:4px 0 18px}
.fil ol{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:6px}
.fil li+li::before{content:"›";margin-right:6px;color:var(--gris-clair)}
.fil a{color:var(--teal-texte);text-decoration:none}

/* bandeau de logos défilant */
.defile{overflow:hidden;display:flex;gap:64px;padding:18px 0;mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
.defile__piste{display:flex;align-items:center;gap:64px;flex:0 0 auto;animation:defiler 60s linear infinite}
.defile__logo{height:52px;width:auto;flex:0 0 auto;filter:grayscale(0);opacity:.95}
@keyframes defiler{to{transform:translateX(calc(-100% - 64px))}}
/* avec script : défilement piloté en scrollLeft, le doigt ou la molette reprennent la main, reprise automatique */
.defile.est-manuel{overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain}
.defile.est-manuel::-webkit-scrollbar{display:none}
.defile.est-manuel .defile__piste{animation:none}
@media (prefers-reduced-motion:reduce){.defile{flex-wrap:wrap;mask-image:none}.defile__piste{animation:none;flex-wrap:wrap;justify-content:center}.defile__piste[aria-hidden]{display:none}}
@media (max-width:690px){.defile,.defile__piste{gap:36px}.defile__logo{height:38px}}

/* grille de logos partenaires */
.logos-partenaires{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:28px 40px;align-items:center;justify-items:center;margin-top:28px}
.logos-partenaires img{max-height:90px;width:auto;object-fit:contain}
.logos-partenaires--trois{grid-template-columns:repeat(3,minmax(0,1fr));max-width:720px;margin:48px auto 0}
.logos-partenaires--gauche{margin:24px 0 0;justify-items:start;max-width:620px}
.logos-partenaires--gauche img{max-height:64px}
.logos-partenaires a{display:inline-block}

/* appel final (bandeau marine) */
.cta-final{background:var(--navy);color:#fff;padding:64px 0;text-align:center}
.cta-final h2{color:#fff;margin-bottom:8px}
.cta-final p{font-size:18px;color:rgba(255,255,255,.85);margin-bottom:26px}
.cta-final__boutons{display:flex;flex-wrap:wrap;gap:14px;justify-content:center}
.cta-final .btn--blanc:hover{color:var(--navy)}
.cta-final .btn--contour:hover{color:#fff;background:rgba(255,255,255,.1)}
.bande-cta{background:var(--navy);color:#fff;padding:56px 0;text-align:center}
.bande-cta p{font-size:20px;margin-bottom:24px;color:#fff}
.bande-cta__boutons{display:flex;flex-wrap:wrap;gap:16px;justify-content:center}
.bande-cta .btn--contour:hover{color:#fff;background:rgba(255,255,255,.1)}
.bande-titre{background:var(--paper);padding:34px 0}
.bande-titre h1{margin:0;font-size:clamp(30px,4vw,40px)}

/* formulaire HubSpot */
.formulaire{margin-top:32px}
.formulaire__titre{font-size:24px}

/* ---------- Accueil ---------- */
.hero{position:relative;min-height:560px;height:clamp(560px,72vh,760px);display:flex;align-items:flex-end;color:#fff;overflow:hidden;background:var(--navy-fonce)}
.hero__photos{position:absolute;inset:0}
.hero__photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 30%;opacity:0;transition:opacity 1.2s ease}
.hero__photo.est-visible{opacity:1}
.hero__photos::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(10,14,40,0) 30%,rgba(10,14,40,.45) 62%,rgba(10,14,40,.78) 100%)}
.hero__texte{position:relative;width:100%;padding-bottom:64px}
.hero h1{color:#fff;font-weight:800;font-size:clamp(34px,5.2vw,60px);line-height:1.1;text-transform:uppercase;margin:0 0 12px;text-shadow:0 2px 14px rgba(0,0,0,.45);max-width:760px}
.hero h1 em{font-style:normal;color:var(--cyan)}
.hero__sous{font-weight:700;font-size:clamp(15px,1.6vw,19px);text-transform:uppercase;letter-spacing:.02em;margin:0 0 24px;text-shadow:0 2px 10px rgba(0,0,0,.45)}
.hero__icones{display:inline-flex;gap:.35em;margin-left:.45em;vertical-align:-.235em;font-size:1.25em;filter:drop-shadow(0 2px 6px rgba(0,0,0,.5))}
.hero__icones .ico{vertical-align:0}
.hero__accroche{font-weight:600;font-size:clamp(15px,1.6vw,19px);margin:0 0 12px;text-shadow:0 2px 10px rgba(0,0,0,.45)}
.hero__accroche em{font-style:normal;font-weight:700}
.hero__accroche .froid{color:var(--cyan)}
.hero__accroche .chaud{color:#FF8A5B}
.hero__actions{display:flex;flex-wrap:wrap;align-items:center;gap:14px 22px}
.hero__badge{display:inline-flex;align-items:center;gap:8px;font-weight:600;font-size:14px;text-transform:uppercase;letter-spacing:.06em;color:#fff;text-shadow:0 2px 10px rgba(0,0,0,.45)}
.hero__badge-ico{width:22px;height:22px;padding:5px;border-radius:50%;background:var(--cyan);color:var(--navy-fonce);box-sizing:border-box;flex:0 0 auto}
.hero__icones .ico--snowflake{color:var(--cyan)}
.hero__icones .ico--chaleur{color:#FF8A5B}
.hero .btn{text-transform:uppercase;letter-spacing:.04em;font-size:14px;padding:13px 32px;border-radius:0;box-shadow:0 6px 18px rgba(0,0,0,.25)}
@media (max-width:690px){.hero{min-height:480px;height:70vh}.hero__texte{padding-bottom:44px}}

.intro__grille{display:grid;gap:28px}
@media (min-width:900px){.intro__grille{grid-template-columns:260px 1fr;gap:48px;align-items:start}}
.intro__embleme{display:flex;align-items:center;gap:16px}
.intro__embleme img{width:96px;height:96px}
.intro__embleme h2{margin:0;font-size:36px;letter-spacing:.06em;font-weight:500}
.intro__accroche{font-size:22px;color:var(--navy);margin-bottom:18px}
.intro__accroche strong{font-weight:600}
.intro__texte p{font-size:17px}
@media (min-width:900px){.intro__texte p{font-size:18px}}

.chiffres__titre{text-align:center;font-weight:500;letter-spacing:.04em;margin-bottom:36px}
.chiffres__titre a{text-decoration:none}
.chiffres__grille{display:grid;gap:24px;text-align:center}
@media (min-width:600px){.chiffres__grille{grid-template-columns:1fr 1fr}}
@media (min-width:1000px){.chiffres__grille{grid-template-columns:repeat(4,1fr)}}
.compteur{padding:24px 12px;border-top:3px solid var(--cyan);background:var(--paper);border-radius:0 0 var(--rayon) var(--rayon)}
.compteur__ico{display:inline-flex;align-items:center;justify-content:center;width:52px;height:52px;border-radius:14px;background:#dff1f6;color:var(--teal);margin-bottom:12px}
.compteur__ico .ico{width:26px;height:26px}
.compteur__fleche{width:.55em;height:.55em;color:var(--teal);vertical-align:.1em;margin-right:4px}
.compteur__valeur{font-weight:700;font-size:44px;color:var(--navy);line-height:1.1;margin:0 0 8px;font-variant-numeric:tabular-nums}
.compteur__libelle{font-weight:600;color:var(--navy);margin:0;font-size:16px}
.compteur__sous{margin:4px 0 0;color:var(--gris);font-weight:600}
.chiffres__sources{font-size:14px;color:var(--gris);text-align:center;max-width:900px;margin:32px auto 0}
.chiffres__sources a{color:var(--teal-texte)}

.piliers{padding-top:0}
.chiffres+.piliers{padding-top:0}
.piliers__grille{display:grid;gap:24px}
@media (min-width:900px){.piliers__grille{grid-template-columns:repeat(3,1fr);gap:32px}}
.pilier{border-left:3px solid var(--teal);padding:4px 0 4px 22px}
.pilier__ico{width:34px;height:34px;color:var(--teal);margin-bottom:12px}
.pilier h3{font-size:21px;margin-bottom:8px}
.pilier p{font-size:15.5px;margin-bottom:10px}
.pilier__lien{font-weight:600;color:var(--teal-texte);font-size:15px}

.confiance{padding:0 0 40px}
.page-hub .confiance{padding-top:40px}
.confiance__titre{text-align:center;text-transform:uppercase;font-weight:700;font-size:clamp(26px,3.6vw,40px);letter-spacing:.01em;margin-bottom:8px}

.gamme__grille{display:grid;gap:28px}
@media (min-width:900px){.gamme__grille{grid-template-columns:1fr 1fr;gap:36px}}
.carte-gilet{border:1px solid var(--line);border-radius:18px;overflow:hidden;background:#fff;box-shadow:var(--ombre);display:flex;flex-direction:column}
.carte-gilet__photo{aspect-ratio:16/9;background:var(--paper)}
.carte-gilet__photo img{width:100%;height:100%;object-fit:cover}
.carte-gilet__corps{padding:28px 28px 30px;display:flex;flex-direction:column;flex:1}
.carte-gilet__nom{font-size:28px;font-weight:700;letter-spacing:.02em;margin:0 0 4px;display:flex;align-items:center;gap:10px}
.carte-gilet__icones{display:inline-flex;gap:4px;color:var(--teal)}
.carte-gilet__icones .ico{width:20px;height:20px}
.ico--snowflake{color:#1AA7D8}
.ico--chaleur{color:var(--red)}
.froid{color:#11729A}
.chaud{color:var(--red)}
.carte-gilet__role{font-size:12px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--teal-texte);margin:0 0 14px}
.carte-gilet__texte{font-size:15.5px;margin-bottom:18px}
.carte-gilet__specs{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:0 0 22px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:14px 0}
.carte-gilet__specs div{text-align:center}
.carte-gilet__specs dt{font-size:11.5px;color:var(--gris);text-transform:uppercase;letter-spacing:.06em;order:2}
.carte-gilet__specs dd{margin:0;font-weight:700;color:var(--navy);font-size:18px}
.carte-gilet__specs div{display:flex;flex-direction:column}
.carte-gilet__cta{text-align:center;margin:auto 0 0}
.gamme__pied{text-align:center;margin:32px 0 0;display:flex;flex-wrap:wrap;gap:12px 32px;justify-content:center}
.gamme__pied a{color:var(--teal-texte);font-weight:600}
@media (max-width:690px){.carte-gilet__nom{font-size:24px}.carte-gilet__corps{padding:22px 20px 24px}}

.temoignages{background:var(--paper);overflow:hidden}
.temoignages__tete{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:24px}
.temoignages__tete h2{margin:0;letter-spacing:.04em;font-weight:500}
.temoignages__nav{display:flex;gap:8px}
.temoignages__btn{width:44px;height:44px;border-radius:50%;border:1.5px solid var(--navy);background:#fff;color:var(--navy);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background var(--duree),color var(--duree)}
.temoignages__btn:hover{background:var(--navy);color:#fff}
.temoignages__btn[data-temoignages="-1"] .ico{transform:rotate(180deg)}
.temoignages__piste{display:flex;gap:24px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding:4px 0 10px;margin-right:calc(-1 * var(--marge));padding-right:var(--marge)}
.temoignages__piste::-webkit-scrollbar{display:none}
.temoignage{flex:0 0 68%;min-width:0;scroll-snap-align:start;background:#fff;border:1px solid var(--line);border-radius:var(--rayon);padding:36px 40px;margin:0;display:flex;flex-direction:column}
.temoignage__qui{display:grid;grid-template-columns:auto 1fr;gap:4px 16px;align-items:center;margin-bottom:18px}
.temoignage__logo{grid-row:1/3;height:44px;width:auto;max-width:120px;object-fit:contain}
.temoignage__entreprise{font-weight:700;font-size:24px;color:var(--navy);line-height:1.2}
.temoignage__auteur{font-size:15px;color:var(--gris)}
.temoignage blockquote p{margin:0;font-size:17px;line-height:1.65}
@media (max-width:690px){.temoignage{flex-basis:84%;padding:26px 22px}.temoignage__entreprise{font-size:20px}.temoignage__auteur{font-size:14px}.temoignage blockquote p{font-size:15.5px}}

.industrie{position:relative;min-height:520px;display:flex;align-items:center;color:#fff;overflow:hidden;background:var(--navy-fonce)}
.industrie__fond{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}
.industrie::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(10,14,40,.82) 0%,rgba(10,14,40,.55) 55%,rgba(10,14,40,.3) 100%)}
.industrie__texte{position:relative;z-index:1;padding-top:80px;padding-bottom:80px;max-width:900px}
.industrie h2{color:#fff;font-size:clamp(28px,4vw,46px);font-weight:600;margin-bottom:12px}
.industrie p{font-size:clamp(18px,2.2vw,24px);margin-bottom:28px}

.newsletter{background:var(--navy);color:#fff;padding:56px 0}
.newsletter__grille{display:grid;gap:28px;align-items:center}
@media (min-width:900px){.newsletter__grille{grid-template-columns:1fr 1fr;gap:48px}}
.newsletter h2{color:#fff;font-size:28px;margin-bottom:6px}
.newsletter p{margin:0;color:rgba(255,255,255,.85)}
.newsletter__form{display:flex;flex-wrap:wrap;gap:12px;align-items:stretch}
.newsletter__champ{flex:1 1 240px}
.newsletter__champ input{width:100%;height:100%;min-height:52px;padding:12px 16px;border-radius:8px;border:1px solid rgba(255,255,255,.4);background:rgba(255,255,255,.08);color:#fff;font:inherit}
.newsletter__champ input::placeholder{color:rgba(255,255,255,.7)}
.newsletter .btn{background:#fff;color:var(--navy);border-color:#fff}
.newsletter__etat{flex-basis:100%;font-size:15px;min-height:0}
.newsletter__etat:empty{display:none}

/* ---------- Pages produit (Tempesta, secteurs) ---------- */
.produit-hero{padding:48px 0 20px;text-align:center}
.produit-hero .fil{text-align:left}
.produit-hero__titre{font-weight:700;font-size:clamp(40px,10vw,96px);line-height:.95;letter-spacing:-.01em;margin:0 0 18px}
.produit-hero__titre--long{font-size:clamp(32px,5.5vw,62px);line-height:1.08;max-width:1050px;margin-inline:auto}
.produit-hero__tag{font-size:clamp(19px,2.4vw,26px);color:var(--ink);max-width:1000px;margin:0 auto 30px;line-height:1.5}
.produit-hero__photo{position:relative;margin:44px auto 0;max-width:1100px;border-radius:18px;overflow:hidden;aspect-ratio:21/9}
.produit-hero__photo img{width:100%;height:100%;object-fit:cover;object-position:center 30%}
.produit-hero__photo::after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(36,45,114,.55),transparent 45%);pointer-events:none}
.produit-hero__photo figcaption{position:absolute;left:28px;bottom:22px;color:#fff;font-weight:600;font-size:16px;z-index:1}
@media (max-width:690px){.produit-hero__photo{aspect-ratio:4/3;border-radius:12px}.produit-hero__photo figcaption{left:16px;bottom:14px;font-size:14px}}
.produit-section{border-top:1px solid var(--line);padding:56px 0}
@media (min-width:900px){.produit-section{padding:64px 0}}
.produit-section .bloc__tete{margin-bottom:32px}

.circuit__cadre{position:relative;max-width:900px;margin:0 auto;border-radius:16px;overflow:visible;border:1px solid var(--line)}
.circuit__cadre img{border-radius:16px;width:100%}
.repere{position:absolute;transform:translate(-50%,-50%);background:none;border:0;padding:0;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:6px}
.repere__point{width:22px;height:22px;border-radius:50%;background:var(--navy);border:3px solid #fff;box-shadow:0 0 0 3px var(--navy),0 4px 12px rgba(0,0,0,.3);transition:transform var(--duree),background var(--duree)}
.repere__nom{font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#fff;background:var(--navy);padding:4px 10px;border-radius:999px;white-space:nowrap}
.repere__bulle{position:absolute;top:calc(100% + 8px);left:50%;transform:translateX(-50%) translateY(-6px);width:210px;background:var(--navy);color:#fff;font-size:12.5px;line-height:1.5;padding:10px 12px;border-radius:8px;text-align:left;opacity:0;pointer-events:none;transition:opacity var(--duree),transform var(--duree);z-index:5;box-shadow:0 8px 20px rgba(36,45,114,.25)}
.repere--gauche .repere__bulle{left:0;transform:translateY(-6px)}
.repere[aria-expanded="true"] .repere__point{background:var(--cyan);transform:scale(1.3)}
.repere[aria-expanded="true"] .repere__nom{background:var(--cyan);color:var(--navy)}
.repere[aria-expanded="true"] .repere__bulle{opacity:1;transform:translateX(-50%) translateY(0)}
.repere--gauche[aria-expanded="true"] .repere__bulle{transform:translateY(0)}
@media (max-width:690px){.repere__nom{display:none}.repere__point{width:18px;height:18px}.repere__bulle{width:170px;font-size:12px}}

/* ---------- Fiche produit (Tempesta, Tramontana) ---------- */
.fiche{position:relative;padding-top:24px}
@media (min-width:1000px){.fiche{display:grid;grid-template-columns:150px 1fr;gap:40px}}
.fiche__nav{display:none}
@media (min-width:1000px){
  .fiche__nav{display:block;position:sticky;top:96px;align-self:start;padding-top:60px}
  .fiche__nav ul{list-style:none;margin:0 0 20px;padding:0 0 0 14px;border-left:2px solid var(--line)}
  .fiche__nav li a{display:block;padding:6px 0;font-size:13px;font-weight:600;color:var(--gris);text-decoration:none;text-transform:uppercase;letter-spacing:.06em}
  .fiche__nav li a:hover,.fiche__nav li a.est-active{color:var(--teal-texte)}
  .fiche__haut{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;border:1.5px solid var(--line);margin-top:16px;color:var(--navy);text-decoration:none}
}
.fiche__hero{display:grid;gap:36px;align-items:center;padding:36px 0 56px}
@media (min-width:1000px){.fiche__hero{grid-template-columns:1fr 1fr;gap:40px}}
.fiche__titre{font-weight:700;font-size:clamp(38px,4.2vw,56px);line-height:.95;letter-spacing:-.02em;margin:0 0 18px}
.fiche__tag{font-size:clamp(20px,2.4vw,25px);color:var(--ink);margin-bottom:14px;max-width:480px}
.fiche__corps{font-size:18px;line-height:1.7;color:var(--gris);max-width:480px;margin-bottom:28px}
.fiche__photo{border-radius:18px;overflow:hidden;background:var(--paper);aspect-ratio:4/5;max-width:520px;width:100%;justify-self:end}
.fiche__photo img{width:100%;height:100%;object-fit:cover;object-position:center 20%}
@media (max-width:999px){.fiche__photo{justify-self:stretch;max-width:none;aspect-ratio:4/3}}
.tableau-bord{display:flex;flex-wrap:wrap;border:1px solid var(--line);border-radius:14px;overflow:hidden;margin:0 0 20px}
.tableau-bord__item{flex:1 1 50%;padding:22px 20px;border-top:3px solid var(--teal);border-right:1px solid var(--line);border-bottom:1px solid var(--line)}
@media (min-width:700px){.tableau-bord__item{flex:1 1 25%;border-bottom:0}.tableau-bord__item:last-child{border-right:0}}
.tableau-bord__item--2{border-top-color:var(--orange)}.tableau-bord__item--3{border-top-color:var(--cyan)}.tableau-bord__item--4{border-top-color:var(--red)}
.tableau-bord__valeur{font-weight:700;font-size:30px;color:var(--navy)}
.tableau-bord__libelle{font-size:13px;color:var(--gris);text-transform:uppercase;letter-spacing:.08em;margin-top:2px}
.fiche__section{padding:56px 0;border-top:1px solid var(--line);scroll-margin-top:100px}
.fiche__section .bloc__tete{max-width:none;margin-bottom:30px}
.fiche__section .bloc__titre{max-width:720px;font-size:clamp(26px,3.4vw,40px)}
.fiche__section .bloc__intro{margin-left:0;max-width:820px}
.fiche__section .bloc__outro,.fiche__section .encadre,.fiche__section .questions,.fiche__section .circuit__cadre,.fiche__section .video{margin-left:0;text-align:left}
.fiche__section .video__legende{text-align:left}
.fiche__contexte{font-size:clamp(19px,2.2vw,23px);line-height:1.6;max-width:760px}
.fiche__contexte strong{color:var(--navy)}
.raisons{display:flex;flex-direction:column}
.raison{display:grid;grid-template-columns:120px 1fr;gap:28px;padding:24px 0;border-bottom:1px solid var(--line);align-items:baseline}
.raison:last-child{border-bottom:0}
.raison__num{font-weight:700;font-size:15px;color:var(--teal-texte);margin:0;text-transform:uppercase;letter-spacing:.06em}
.raison h3{font-size:clamp(20px,2.4vw,25px);font-weight:700;color:var(--orange);margin-bottom:8px}
.raison p{margin:0;max-width:640px;font-size:16.5px}
@media (max-width:700px){.raison{grid-template-columns:1fr;gap:6px}}
.tech{display:grid;gap:36px 60px}
@media (min-width:700px){.tech{grid-template-columns:1fr 1fr}}
.tech__item{border-left:3px solid var(--teal);padding-left:20px}
.tech__item--2{border-left-color:var(--orange)}.tech__item--3{border-left-color:var(--cyan)}.tech__item--4{border-left-color:var(--red)}
.tech__item h3{font-size:20px;margin-bottom:8px}
.tech__item p{margin:0;font-size:16px}
.galerie{display:grid;gap:16px}
@media (min-width:800px){.galerie{grid-template-columns:2.2fr 1fr}}
.galerie__principale{margin:0;position:relative;border-radius:14px;overflow:hidden;background:var(--paper);aspect-ratio:4/3}
.galerie__principale img{width:100%;height:100%;object-fit:cover;object-position:center 25%}
.galerie__principale figcaption{position:absolute;left:0;right:0;bottom:0;padding:14px 18px;color:#fff;font-weight:600;background:linear-gradient(to top,rgba(36,45,114,.7),transparent)}
.galerie__vignettes{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
@media (min-width:800px){.galerie__vignettes{grid-template-columns:1fr}}
.galerie__vignette{background:none;border:2px solid transparent;border-radius:10px;padding:0;cursor:pointer;overflow:hidden;text-align:left}
.galerie__vignette img{aspect-ratio:4/3;object-fit:cover;width:100%;border-radius:8px}
.galerie__vignette span{display:block;font-size:12.5px;padding:6px 4px 2px;color:var(--gris)}
.galerie__vignette.est-active{border-color:var(--teal)}
.specs{display:grid;gap:0;margin:0;border-top:1px solid var(--line)}
@media (min-width:700px){.specs{grid-template-columns:1fr 1fr;column-gap:40px}}
.specs div{display:flex;justify-content:space-between;gap:16px;padding:12px 0;border-bottom:1px solid var(--line)}
.specs dt{color:var(--gris)}
.specs dd{margin:0;font-weight:600;color:var(--navy);text-align:right}
.comparatif{display:grid;gap:20px}
@media (min-width:700px){.comparatif{grid-template-columns:1fr 1fr}}
.comparatif__col{border:1px solid var(--line);border-radius:14px;padding:24px 26px}
.comparatif__col--1{border-top:4px solid var(--teal)}.comparatif__col--2{border-top:4px solid var(--navy)}
.comparatif__col h3{font-size:24px;font-weight:700;letter-spacing:.02em}
.comparatif__col h3 a{text-decoration:none}
.comparatif__col dl{margin:0}
.comparatif__col dl div{display:flex;justify-content:space-between;gap:12px;padding:9px 0;border-bottom:1px solid var(--line);font-size:15.5px}
.comparatif__col dl div:last-child{border-bottom:0}
.comparatif__col dt{color:var(--gris)}
.comparatif__col dd{margin:0;font-weight:600;color:var(--navy);text-align:right}
.comparatif__note{margin:22px 0 0;color:var(--gris);font-size:15px}

/* ---------- Cas d'usage ---------- */
.recit{display:grid;gap:24px;padding:40px 0;border-bottom:1px solid var(--line)}
@media (min-width:900px){.recit{grid-template-columns:34% 1fr;gap:48px;align-items:start}}
.recit__photo img{border-radius:var(--rayon);width:100%;object-fit:cover;aspect-ratio:4/5}
.recit__tete{display:flex;align-items:center;gap:14px;margin-bottom:4px}
.recit__logo{width:56px;height:56px;object-fit:contain;flex:0 0 auto}
.recit__tete h2{margin:0;font-size:clamp(22px,2.6vw,28px)}
.recit__depuis{color:var(--teal-texte);font-weight:600;font-size:14px;letter-spacing:.06em;text-transform:uppercase;margin-bottom:14px}
.recit__texte p,.recit__texte li{font-size:16px}
.recit__lien{color:var(--teal-texte);font-weight:600}
.recit__texte blockquote{border-left:4px solid var(--cyan);background:var(--paper);padding:14px 18px;border-radius:0 10px 10px 0;margin:14px 0}
.recit__texte blockquote p{color:var(--navy);font-weight:500;margin-bottom:6px}
.recit__texte blockquote footer{font-size:14px;color:var(--gris)}
.etudes__grille{display:grid;gap:24px}
@media (min-width:700px){.etudes__grille{grid-template-columns:1fr 1fr}}
@media (min-width:1100px){.etudes__grille{grid-template-columns:repeat(3,1fr)}}
.carte-etude{background:var(--paper);border:1px solid var(--line);border-radius:var(--rayon);padding:26px;display:flex;flex-direction:column}
.carte-etude h3{margin-bottom:2px;font-size:21px}
.carte-etude__sous{font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--teal-texte);font-weight:600;margin-bottom:12px}
.carte-etude>p{font-size:15px}
.carte-etude__apercu{display:block;width:180px;margin:8px auto 18px;border:1px solid var(--line);border-radius:6px;overflow:hidden;background:#fff;box-shadow:var(--ombre)}
.carte-etude__actions{margin:auto 0 0;display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center}
.carte-etude__actions a:not(.btn){color:var(--teal-texte);font-weight:600;font-size:14.5px}
.conclusion{max-width:1000px;margin:0 auto}
.conclusion>p{font-size:17px}
.tableau-defilant{overflow-x:auto;margin:28px 0 20px;border:1px solid var(--line);border-radius:12px}
.tableau th,.tableau td{padding:12px 16px;text-align:left;border-bottom:1px solid var(--line);font-size:15px;vertical-align:top}
.tableau thead th{background:var(--navy);color:#fff;font-weight:600;font-size:14px}
.tableau tbody th{font-weight:600;color:var(--navy);white-space:nowrap}
.tableau tbody tr:last-child th,.tableau tbody tr:last-child td{border-bottom:0}
.engagements{background:var(--paper);border-radius:var(--rayon);padding:40px}
.engagements__grille{display:grid;gap:28px}
@media (min-width:800px){.engagements__grille{grid-template-columns:1fr 1fr;gap:48px}}
.engagements h2{font-size:24px}
.engagements p{margin:0}
.partenaires .bloc__titre,.faq-bloc .bloc__titre,.etudes .bloc__titre{text-align:center}
.faq-bloc{max-width:1000px;margin:0 auto}
.faq-bloc .accordeon{margin-bottom:28px}

/* ---------- À propos ---------- */
.chrono{list-style:none;margin:0 0 32px;padding:0;display:grid;gap:16px;position:relative}
@media (min-width:900px){.chrono{grid-template-columns:repeat(5,1fr);gap:14px}.chrono::before{content:"";position:absolute;left:0;right:0;top:81px;height:2px;background:var(--cyan);z-index:1}}
.chrono__etape{background:var(--paper);border-radius:12px;padding:22px 20px 20px;position:relative;display:flex;flex-direction:column;text-align:center}
.chrono__annee{position:relative;height:44px;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:22px;color:var(--navy);margin:0 0 30px}
.chrono__annee::after{content:"";position:absolute;left:50%;top:calc(100% + 15px);transform:translate(-50%,-50%);width:14px;height:14px;border-radius:50%;background:var(--cyan);box-shadow:0 0 0 3px var(--paper);z-index:2}
@media (max-width:899px){.chrono__annee::before{content:"";position:absolute;left:0;right:0;top:calc(100% + 15px);height:2px;background:var(--cyan)}}
.chrono__etape h2{font-size:14px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--red);margin:0 0 8px}
.chrono__etape p:not(.chrono__annee){margin:0;font-size:15px}
.chrono__ico{margin-top:auto;padding-top:18px;color:var(--teal);display:flex;justify-content:center}
.chrono__ico .ico{width:28px;height:28px}
/* vidéo YouTube en façade */
.video{max-width:820px;margin:0 auto}
.video__lancer{display:block;position:relative;width:100%;padding:0;border:0;background:#000;border-radius:14px;overflow:hidden;cursor:pointer;aspect-ratio:16/9}
.video__lancer img{width:100%;height:100%;object-fit:cover;opacity:.92;transition:opacity var(--duree),transform .6s ease}
.video__lancer:hover img{opacity:1;transform:scale(1.02)}
.video__play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:76px;height:76px;border-radius:50%;background:var(--navy);color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 10px 30px rgba(0,0,0,.35);transition:background var(--duree)}
.video__play .ico{width:28px;height:28px;margin-left:4px}
.video__lancer:hover .video__play{background:var(--teal)}
.video iframe{display:block;width:100%;aspect-ratio:16/9;border:0;border-radius:14px;background:#000}
.video__legende{text-align:center;font-size:14px;color:var(--gris);margin-top:10px}
.mission{background:var(--paper)}
.mission p{font-size:17px}
.mission p strong{font-weight:500;color:var(--navy)}
.citation{border-left:4px solid var(--cyan);background:#fff;padding:20px 26px;margin:24px 0;border-radius:0 12px 12px 0}
.citation p{font-style:italic;font-weight:600;color:var(--navy);margin-bottom:6px}
.citation footer{font-size:14px;color:var(--gris)}
.valeurs__grille{display:grid;gap:24px}
@media (min-width:700px){.valeurs__grille{grid-template-columns:repeat(2,1fr)}}
@media (min-width:1000px){.valeurs__grille{grid-template-columns:repeat(5,1fr)}}
.valeur{border:1px solid var(--line);border-radius:var(--rayon);padding:24px 20px;text-align:center}
.valeur__ico{width:36px;height:36px;color:var(--teal);margin:0 auto 12px}
.valeur h3{font-size:18px;margin-bottom:8px}
.valeur p{margin:0;font-size:14.5px}
.equipe{background:var(--paper)}
.equipe__grille{display:grid;gap:24px;grid-template-columns:repeat(2,1fr)}
@media (min-width:900px){.equipe__grille{grid-template-columns:repeat(4,1fr)}}
.membre{text-align:center}
.membre img{border-radius:14px;aspect-ratio:1;object-fit:cover;object-position:top;margin-bottom:12px}
.membre h3{font-size:18px;margin-bottom:2px}
.membre p{margin:0;color:var(--gris);display:flex;align-items:center;justify-content:center;gap:10px}
.membre__linkedin{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:6px;background:var(--navy);color:#fff}
.membre__linkedin .ico{width:14px;height:14px}
.membre__linkedin:hover{background:var(--teal);color:#fff}
.impact{background:var(--navy);color:#fff;border-radius:18px;padding:44px 32px;text-align:center;margin-bottom:48px}
.impact h2{color:#fff;font-size:clamp(24px,3vw,34px)}
.impact>p{color:rgba(255,255,255,.8);margin-bottom:28px}
.impact__chiffres{display:grid;gap:20px;grid-template-columns:repeat(3,1fr)}
.impact__valeur{font-size:clamp(26px,4vw,44px);font-weight:700;color:var(--cyan);margin:0;line-height:1.1}
.impact__libelle{margin:6px 0 0;font-size:14px;color:rgba(255,255,255,.85)}
@media (max-width:600px){.impact__chiffres{grid-template-columns:1fr}}
.financement__titre{font-size:24px}
.financement__texte{max-width:900px}

/* ---------- Commander (formulaire zéro friction) ---------- */
.commande__question{font-weight:500;font-size:clamp(28px,4.2vw,44px);margin:8px 0 14px}
.commande__lead{font-size:16px;margin-bottom:28px;max-width:820px}
.commande__sous{font-weight:500;font-size:clamp(22px,2.6vw,28px);margin:56px 0 20px}
.commande-form fieldset{border:0;padding:0;margin:0 0 36px;min-width:0}
.commande-form legend{display:flex;align-items:center;gap:12px;font-weight:600;font-size:clamp(20px,2.4vw,24px);color:var(--navy);margin-bottom:16px;padding:0}
.etape-num{display:inline-flex;flex:0 0 auto;width:34px;height:34px;border-radius:50%;background:var(--navy);color:#fff;align-items:center;justify-content:center;font-size:16px}
.choix{display:grid;gap:16px}
@media (min-width:700px){.choix--trois{grid-template-columns:repeat(3,1fr)}.choix--deux{grid-template-columns:repeat(2,1fr);max-width:720px}}
.choix__carte{position:relative;display:flex;flex-direction:column;cursor:pointer;border:2px solid var(--line);border-radius:14px;background:var(--paper);transition:border-color var(--duree),box-shadow var(--duree),background var(--duree)}
.choix__carte input{position:absolute;opacity:0;width:1px;height:1px;pointer-events:none}
.choix__carte:hover{border-color:var(--teal)}
.choix__carte:has(:checked),.choix__carte.est-choisi{border-color:var(--navy);background:#fff;box-shadow:0 0 0 3px rgba(36,45,114,.14)}
.choix__carte:has(:focus-visible){outline:3px solid var(--cyan);outline-offset:3px}
.choix__carte::after{content:"";position:absolute;top:12px;right:12px;width:22px;height:22px;border-radius:50%;border:2px solid var(--line);background:#fff;z-index:1}
.choix__carte:has(:checked)::after,.choix__carte.est-choisi::after{border-color:var(--navy);background:var(--navy) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M3 8.5l3 3 7-7' fill='none' stroke='%23fff' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/13px no-repeat}
.option{padding:26px 24px}
.choix__carte.option{border-top-width:4px;border-top-color:#9ad3e2}
.option--2.choix__carte{border-top-color:var(--teal)}.option--3.choix__carte{border-top-color:var(--navy)}
.option__ico{width:44px;height:44px;padding:10px;color:var(--teal);background:#dff1f6;border-radius:10px;margin-bottom:18px}
.option__tag{font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--teal-texte);font-weight:600;margin-bottom:6px}
.option__titre{font-size:22px;font-weight:500;color:var(--navy);margin-bottom:8px;line-height:1.2;padding-right:28px}
.option__texte{font-size:15px}
.choix__carte--gilet{padding:0;overflow:hidden}
.choix__carte--gilet img{width:100%;aspect-ratio:4/3;object-fit:cover;background:#fff;border-radius:12px 12px 0 0}
.choix__nom{font-weight:700;font-size:20px;color:var(--navy);padding:14px 18px 0;letter-spacing:.02em}
.choix__sous{font-size:14px;color:var(--gris);padding:2px 18px 16px}
.quantite-ligne{display:flex;flex-wrap:wrap;align-items:center;gap:16px}
.quantite{display:inline-flex;align-items:stretch;border:2px solid var(--line);border-radius:10px;overflow:hidden;background:#fff}
.quantite button{width:48px;border:0;background:var(--paper);font-size:22px;cursor:pointer;color:var(--navy);font-family:var(--police)}
.quantite button:hover{background:var(--line)}
.quantite input{width:90px;text-align:center;border:0;font:inherit;font-weight:600;font-size:20px;color:var(--navy);-moz-appearance:textfield;appearance:textfield}
.quantite input::-webkit-outer-spin-button,.quantite input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
.quantite__aide{font-size:14.5px;color:var(--gris)}
.champs{display:grid;gap:16px;max-width:720px}
@media (min-width:700px){.champs--deux{grid-template-columns:1fr 1fr}}
.champ{margin:0}
.champ label{display:block;font-weight:600;font-size:14px;color:var(--navy);margin-bottom:6px}
.champ input,.champ textarea{width:100%;padding:13px 14px;border:2px solid var(--line);border-radius:10px;font:inherit;font-size:16px;color:var(--ink);background:#fff}
.champ input:focus,.champ textarea:focus{border-color:var(--teal);outline:none}
.commande-form details{margin:18px 0 6px;max-width:720px}
.commande-form summary{cursor:pointer;color:var(--teal-texte);font-weight:600;font-size:15px;margin-bottom:14px}
.commande-form details .champ{margin-top:12px}
.case{display:flex;gap:10px;align-items:flex-start;font-size:14.5px;margin:18px 0 10px;max-width:720px;cursor:pointer}
.case input{margin:4px 0 0;width:18px;height:18px;flex:0 0 auto;accent-color:var(--navy)}
.commande-form__legal{font-size:13px;color:var(--gris);margin:0;max-width:720px}
.commande-form__recap{display:inline-block;background:var(--paper);border-radius:10px;padding:12px 16px;font-weight:600;color:var(--navy);margin:0 0 18px}
.commande-form .btn{display:flex;width:fit-content}
.commande-form__etat{margin:14px 0 0;font-weight:600;max-width:720px}
.commande-form__etat:empty{display:none}
.commande-form__etat.est-erreur{color:var(--red)}
.commande-form__etat.est-ok{color:#1F7A4D;font-size:18px;background:#EAF7EF;border-radius:12px;padding:18px 20px}
.commande-form.est-envoye fieldset,.commande-form.est-envoye .commande-form__recap,.commande-form.est-envoye .btn{display:none}
.etapes{list-style:none;margin:0;padding:0;display:grid;gap:24px;counter-reset:etape}
@media (min-width:800px){.etapes{grid-template-columns:repeat(4,1fr);gap:16px}}
.etape{text-align:center;counter-increment:etape;position:relative;padding-top:60px}
.etape::before{content:counter(etape);position:absolute;top:0;left:50%;transform:translateX(-50%);width:46px;height:46px;border-radius:50%;background:var(--navy);color:#fff;font-weight:700;display:flex;align-items:center;justify-content:center;font-size:18px}
@media (min-width:800px){.etape::after{content:"";position:absolute;top:23px;left:calc(50% + 30px);right:calc(-50% + 30px);height:2px;background:var(--line)}.etape:last-child::after{display:none}}
.etape h3{font-size:18px;font-weight:600;margin-bottom:6px}
.etape p{margin:0;font-size:14.5px}
.garanties{display:flex;flex-wrap:wrap;justify-content:center;gap:10px 28px;background:var(--navy);color:#fff;border-radius:999px;padding:18px 32px;margin:40px auto 0;width:fit-content;max-width:100%;font-weight:600;font-size:15px}
.garanties .ico{color:var(--cyan);margin-right:6px}

/* ---------- Contact ---------- */
.contact__grille{display:grid;gap:36px}
@media (min-width:900px){.contact__grille{grid-template-columns:1fr 1fr;gap:56px;align-items:start}}
.contact__titre{color:var(--teal-texte);font-weight:700;font-size:clamp(34px,5vw,56px);margin-bottom:12px}
.contact__lead{margin-bottom:28px}
.contact__infos h3{font-size:20px;margin:22px 0 10px}
.contact__ligne{display:flex;gap:14px;align-items:flex-start;margin:0;font-size:17px;line-height:1.8}
.contact__ligne .ico{color:var(--teal);width:22px;height:22px;margin-top:8px;flex:0 0 auto}
.contact__reseaux{display:flex;gap:10px;margin:28px 0 0;padding-top:24px;border-top:1px solid var(--line)}
.contact__reseau{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:8px;background:var(--navy);color:#fff}
.contact__reseau .ico{width:20px;height:20px}
.contact__reseau:hover{background:var(--teal);color:#fff}
.contact__carte{background:var(--paper);border:1px solid var(--line);border-radius:var(--rayon);padding:28px}
.contact__marque{text-align:center;margin:0 0 8px}
.contact__marque img{width:240px;margin:0 auto 8px}
.contact__marque em{color:var(--navy);font-weight:600;font-size:16px}
.contact__carte .formulaire{margin-top:20px}

/* ---------- Actualités, articles ---------- */
.actus__photo img{border-radius:var(--rayon);aspect-ratio:21/9;object-fit:cover;margin-bottom:32px}
@media (max-width:690px){.actus__photo img{aspect-ratio:16/10}}
.actus__titre{color:var(--teal-texte);font-weight:700;font-size:clamp(34px,5vw,54px);text-transform:uppercase;margin-bottom:12px}
.actus__intro{font-size:18px;max-width:900px;margin-bottom:36px}
.actus__grille{display:grid;gap:24px}
@media (min-width:800px){.actus__grille{grid-template-columns:1fr 1fr;gap:28px}}
@media (min-width:1000px){.actus__grille--trois{grid-template-columns:repeat(3,1fr)}}
.carte-actu{background:var(--paper);border:1px solid var(--line);border-radius:var(--rayon);overflow:hidden;display:flex;flex-direction:column}
.carte-actu__image img{aspect-ratio:16/9;object-fit:cover;width:100%}
.carte-actu__corps{padding:22px 24px 24px;display:flex;flex-direction:column;flex:1}
.carte-actu__date{font-size:13.5px;color:var(--gris);margin-bottom:8px}
.carte-actu h2,.carte-actu h3{font-size:21px;margin-bottom:8px}
.carte-actu h2 a,.carte-actu h3 a{text-decoration:none}
.carte-actu__corps>p:nth-of-type(2){font-size:15.5px}
.carte-actu__corps>p:last-child{margin:auto 0 0}
.carte-actu__lien{color:var(--teal-texte);font-weight:600;font-size:15px;text-decoration:none}
.article__titre{font-size:clamp(28px,4.2vw,42px);font-weight:500;margin-bottom:10px}
.article__meta{font-size:14px;color:var(--gris);margin-bottom:28px}
.article__image{margin:0 0 32px}
.article__image img{border-radius:var(--rayon)}
.article .bloc__titre{margin:56px 0 24px;text-align:left;font-size:28px}
.prose{font-size:17px;line-height:1.75}
.prose h2{font-size:clamp(24px,3vw,32px);font-weight:500;margin:1.6em 0 .6em}
.prose h3{font-size:clamp(20px,2.4vw,24px);font-weight:500;margin:1.4em 0 .5em}
.prose h4{margin:1.2em 0 .4em}
.prose p,.prose li{margin-bottom:1em}
.prose li{margin-bottom:.4em}
.prose img{border-radius:12px;margin:1.5em auto}
.prose figure{margin:1.5em 0}
.prose figcaption{font-size:14px;color:var(--gris);text-align:center}
.prose blockquote{border-left:4px solid var(--cyan);padding:4px 0 4px 20px;margin:1.5em 0;color:var(--navy)}
.prose table{font-size:15px;margin:1.5em 0}
.prose th,.prose td{border:1px solid var(--line);padding:8px 12px;text-align:left;vertical-align:top}
.prose a{color:var(--teal-texte)}
.guide__lead{font-size:19px;line-height:1.6;color:var(--navy);margin:0 0 28px}
.prose table{width:100%;font-size:14.5px;border:1px solid var(--line);border-radius:12px;border-collapse:separate;border-spacing:0;overflow:hidden}
.prose th{background:var(--navy);color:#fff;font-weight:600;font-size:13.5px;padding:10px 12px;text-align:left}
.prose td{padding:9px 12px;border-top:1px solid var(--line);vertical-align:top}
.prose td:first-child{font-weight:600;color:var(--navy);white-space:nowrap}
@media (max-width:690px){.prose table{display:block;overflow-x:auto}.prose td:first-child{white-space:normal}}
.prose--juridique{font-size:16px}
.prose--juridique p{margin-bottom:.9em}

/* ---------- FAQ, 404, merci ---------- */
.faq{background:var(--paper-2)}
.faq__titre{text-align:center;font-weight:700;font-size:clamp(32px,5vw,48px);margin-bottom:6px}
.faq__titre--petit{font-size:clamp(24px,3.4vw,34px);text-align:left}
.faq__sous{text-align:center;color:var(--gris);margin-bottom:36px}
.accordeon--faq{background:transparent;margin-bottom:36px}
.accordeon--faq summary{font-size:19px;padding:22px 4px}
.erreur{text-align:center}
.erreur__code{font-size:clamp(80px,16vw,140px);font-weight:700;color:var(--line);line-height:1;margin:0}
.erreur__sous{font-size:22px;margin:36px 0 16px}
.erreur__liens{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;justify-content:center;gap:10px 24px}
.erreur__liens a{font-weight:600;text-decoration:none;color:var(--teal-texte)}

/* ---------- Pied de page ---------- */
.pied{background:var(--navy);color:#fff;margin-top:0}
.pied a{color:#fff}
.pied a:hover{color:var(--cyan)}
.pied__haut{display:grid;gap:32px;padding-top:56px;padding-bottom:40px}
@media (min-width:700px){.pied__haut{grid-template-columns:repeat(3,1fr)}}
@media (min-width:1000px){.pied__haut{grid-template-columns:1.2fr 1fr 1fr 1fr;gap:40px}}
.pied__marque img{width:190px;height:auto}
.pied__titre{color:#fff;font-size:15px;letter-spacing:.14em;text-transform:uppercase;font-weight:700;margin-bottom:10px}
.pied__col p{margin:0 0 8px;font-family:'Glacial Indifference',var(--police);font-style:italic;font-size:17px;color:rgba(255,255,255,.9);display:flex;align-items:center;gap:8px}
.pied__col p .ico{color:var(--cyan);flex:0 0 auto}
.pied__lien{font-family:var(--police)!important;font-style:normal!important;font-weight:600;margin-top:16px!important}
.pied__lien a{text-decoration:none}
.pied__bas{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px 24px;padding-top:20px;padding-bottom:28px;border-top:1px solid rgba(255,255,255,.12)}
.pied__copyright{margin:0;font-family:'Glacial Indifference',var(--police);font-style:italic;font-size:14px;color:rgba(255,255,255,.8)}
.pied__copyright a{text-transform:uppercase;text-decoration:none}
.pied__linkedin{display:inline-flex;width:36px;height:36px;align-items:center;justify-content:center;border-radius:6px;background:rgba(255,255,255,.08)}
.pied__linkedin .ico{width:18px;height:18px}

/* ---------- Bandeau cookies ---------- */

/* Liens de la ligne de copyright : soulignés, pour ne pas reposer sur la couleur seule (axe link-in-text-block). */
.pied__copyright a{text-decoration:underline;text-underline-offset:2px}

/* Maillage : cartes de secteurs de l'accueil, encadré Tethys des articles, « Pour aller plus loin » des fiches. */
.industrie p.industrie__secteurs{font-size:clamp(15px,1.6vw,18px);margin-bottom:28px}
.industrie__secteurs a{color:#fff;text-decoration:underline;text-underline-offset:3px}
.article__apropos{margin:36px 0 0;padding:20px 24px;background:var(--paper);border-left:3px solid var(--teal);border-radius:8px;font-size:15px;line-height:1.6}
.article__apropos p{margin:0 0 8px}
.article__apropos-liens a{color:var(--teal-texte);font-weight:600}
.fiche__ressources ul{list-style:none;padding:0;margin:0;display:grid;gap:10px}
.fiche__ressources li{padding-left:22px;position:relative}
.fiche__ressources li::before{content:"→";position:absolute;left:0;color:var(--teal)}
.fiche__ressources a{color:var(--teal-texte);font-weight:600}

/* Formulaire de contact natif (envoyé à HubSpot par l'API) : champs du formulaire Commander, piège à robots hors écran. */
.contact-form .champs{max-width:none}
.contact-form .case{max-width:none}
.champ--piege{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.contact-form .btn{margin-top:10px}
.contact-form.est-envoye .champs,.contact-form.est-envoye .case,.contact-form.est-envoye .commande-form__legal,.contact-form.est-envoye .btn{display:none}

/* ---------- myEnneade : marque, navigation, fiche, figures, offres, comparateur ---------- */
.entete__logo{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--navy);font-weight:700;font-size:21px;letter-spacing:-.01em}
.entete__logo img{width:231px;height:auto}
@media (max-width:1339px){.entete__logo img{width:200px}}
@media (max-width:1279px){.entete__logo img{width:180px}}
.formulaire{scroll-margin-top:96px}
.nav__actions{display:flex;align-items:center;gap:10px;padding-left:12px;border-left:1px solid var(--line)}
.nav__actions .btn--petit{padding:10px 16px;white-space:nowrap}
@media (min-width:1280px) and (max-width:1339px){.nav__actions{gap:8px;padding-left:10px}.nav__actions .btn--petit{padding:10px 12px;font-size:13px}.nav{gap:6px}}
@media (max-width:1279px){.nav__actions{border:0;padding:16px 0 0;flex-wrap:wrap}}
.hero__boutons{display:flex;flex-wrap:wrap;gap:14px;margin-top:22px}
.hero__meta{margin-top:18px;font-family:var(--police-2);font-size:13px;letter-spacing:.04em;text-transform:uppercase;opacity:.85}
@media (min-width:900px){.gamme__grille--activites{grid-template-columns:repeat(2,1fr)}}
.carte-gilet__photo--vide{display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--navy),var(--teal));aspect-ratio:3/2}
.carte-gilet__photo--vide img{width:96px;height:auto;opacity:.9}
.carte-gilet__corps .chips{margin-top:14px}
.socle .piliers__grille{margin-top:8px}
@media (min-width:900px){.socle .piliers__grille{grid-template-columns:repeat(2,1fr)}}
@media (min-width:1100px){.socle .piliers__grille{grid-template-columns:repeat(4,1fr);gap:28px}}
.pilier .bloc__label{margin-bottom:2px}
.gamme__pied{margin-top:22px}
.industrie__boutons{display:flex;flex-wrap:wrap;gap:14px;margin-top:20px}
.industrie__qui{font-size:14px;opacity:.8;margin-top:18px}
.industrie__qui a{color:#fff;text-decoration:underline;text-underline-offset:3px}
.bloc__label--clair{color:var(--cyan)}
.fil--fiche{margin:0 0 12px}
.fiche__num{display:inline-block;min-width:1.9em;color:var(--teal-texte);font-weight:600}
.fiche__hero .boutons{margin-top:6px}
.fiche__photo figcaption{font-size:13.5px;color:var(--gris);margin-top:10px;line-height:1.5}
.fiche__photo figcaption b{color:var(--navy);margin-right:6px}
.attente{aspect-ratio:4/3;border:1.5px dashed var(--line);border-radius:var(--rayon);background:var(--paper);display:flex;align-items:center;justify-content:center;text-align:center;padding:24px;color:var(--gris);font-size:14px}
.attente b{display:block;color:var(--navy);margin-bottom:6px}
.fiche__sous{margin-top:1.3em}
.fiche__section--alt{background:var(--paper);border-radius:var(--rayon);padding:28px 26px}
.figure-bloc{margin:0 0 24px}
.figure-bloc img{border-radius:var(--rayon);border:1px solid var(--line)}
/* Exemple de rapport (page API) : aperçu de la première page + présentation et liens */
.exemple-rapport{display:grid;gap:28px;align-items:start;margin:8px 0 28px}
@media (min-width:820px){.exemple-rapport{grid-template-columns:300px 1fr;gap:36px}}
.exemple-rapport__apercu{display:block;border-radius:var(--rayon);border:1px solid var(--line);box-shadow:0 10px 30px rgba(14,27,58,.12);overflow:hidden;background:#fff}
.exemple-rapport__apercu img{display:block;width:100%;height:auto}
.exemple-rapport h3{margin:0 0 10px;font-size:22px}
.exemple-rapport .boutons{justify-content:flex-start;margin:18px 0 0}
.exemple-rapport__faits{list-style:none;padding:0;margin:14px 0 0;display:grid;gap:8px}
.exemple-rapport__faits li{padding-left:22px;position:relative;color:var(--gris)}
.exemple-rapport__faits li::before{content:"";position:absolute;left:0;top:9px;width:10px;height:10px;border-radius:50%;background:var(--cyan)}
.exemple-rapport__faits b{color:var(--navy)}
.figure-bloc figcaption{font-size:13.5px;color:var(--gris);margin-top:10px}
.figure-bloc figcaption b{color:var(--navy);margin-right:6px}
.tech__item .bloc__label{margin-bottom:4px}
.tech__item h3 a{text-decoration:none}
.tech__item h3 a:hover{text-decoration:underline}
.chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}
.chips a{font-size:13px;line-height:1.3;padding:5px 11px;border:1px solid var(--line);border-radius:999px;text-decoration:none;background:#fff;color:var(--navy)}
.chips a:hover{border-color:var(--teal);color:var(--teal-texte)}
.offres{display:grid;gap:20px;margin-top:10px}
@media (min-width:800px){.offres{grid-template-columns:repeat(3,1fr)}}
.offre{border:1px solid var(--line);border-radius:var(--rayon);padding:26px 24px;background:#fff;display:flex;flex-direction:column}
.offre--mise{border-color:var(--teal);box-shadow:var(--ombre)}
.offre__nom{font-family:var(--police-2);font-size:13px;letter-spacing:.08em;text-transform:uppercase;color:var(--teal-texte);margin:0 0 6px;font-weight:600}
.offre__prix{font-size:34px;font-weight:700;color:var(--navy);line-height:1.1;margin:0 0 6px}
.offre__prix small{display:block;font-size:13px;font-weight:500;color:var(--gris);margin-top:4px}
.offre__pour{color:var(--gris);font-size:15px}
.offre ul{padding-left:1.1em;flex:1;font-size:15px}
.offre .btn{align-self:flex-start;margin-top:12px}
.tableau{font-size:15px}
.cta-final__qui{font-size:14px;opacity:.8;margin-top:16px}
.cta-final__qui a{color:#fff}
.cmp{--pos:50%;position:relative;overflow:hidden;border:1px solid var(--line);border-radius:var(--rayon);background:var(--navy);user-select:none;-webkit-user-select:none;margin:0 0 20px}
.cmp img{display:block;width:100%;height:auto}
.cmp .cmp-after{position:absolute;inset:0;clip-path:inset(0 0 0 var(--pos))}
.cmp .cmp-handle{position:absolute;top:0;bottom:0;left:var(--pos);width:2px;margin-left:-1px;background:#fff;box-shadow:0 0 0 1px rgba(0,0,0,.35);pointer-events:none}
.cmp .cmp-handle::after{content:"◀ ▶";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);padding:6px 9px;background:#fff;color:var(--navy);font:600 11px/1 var(--police-2);border-radius:999px;letter-spacing:.1em}
.cmp .cmp-lab{position:absolute;top:10px;padding:4px 8px;background:rgba(14,27,58,.72);color:#fff;font:600 11.5px/1 var(--police-2);letter-spacing:.06em;text-transform:uppercase;pointer-events:none;border-radius:6px}
.cmp .cmp-lab-a{left:10px}.cmp .cmp-lab-b{right:10px}
.cmp .cmp-range{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:ew-resize;-webkit-appearance:none;appearance:none;touch-action:pan-y}
.cmp:has(.cmp-range:focus-visible){outline:2px solid var(--cyan);outline-offset:2px}
.prose--juridique h2{font-size:clamp(22px,2.6vw,28px);margin-top:1.6em}
.prose .points{margin-top:0}
.pied__logo{display:inline-flex;align-items:center;gap:8px;color:#fff;text-decoration:none;font-weight:700;font-size:19px;margin-bottom:10px}
.pied__ligne{margin:0 0 6px;font-size:14px}
.pied__ligne a{color:#fff;opacity:.9;text-decoration:none}
.pied__ligne a:hover{opacity:1;text-decoration:underline}
.pied__ligne--1{padding-left:14px;opacity:.95}
.pied__ligne--2{padding-left:28px;font-size:13px;opacity:.85}
.pied__version{display:block;margin-top:6px;font-family:var(--police-2);font-size:12px;opacity:.7}

/* Accueil : titre en bas de casse sur un voile marine, sous-titre en texte courant */
.page-accueil .hero{align-items:center}
.page-accueil .hero__photos::after{background:linear-gradient(90deg,rgba(10,19,44,.92) 0%,rgba(10,19,44,.74) 48%,rgba(10,19,44,.38) 100%)}
.page-accueil .hero h1{text-transform:none;font-weight:700;font-size:clamp(30px,4.3vw,52px);line-height:1.12;max-width:820px}
.page-accueil .hero__sous{text-transform:none;letter-spacing:0;font-weight:400;font-size:clamp(15px,1.3vw,18px);line-height:1.6;max-width:720px;margin:0;text-shadow:0 1px 8px rgba(0,0,0,.5)}
.page-accueil .hero__accroche{font-family:var(--police-2);font-weight:600;font-size:13px;letter-spacing:.08em;text-transform:uppercase;color:var(--cyan)}
.page-accueil .hero__meta{text-transform:none;letter-spacing:0;font-family:var(--police);font-size:14px;opacity:.85}
.pied__logo img{width:26px;height:20px}

/* Bande de logos sous le hero : respiration au-dessus du titre */
.page-accueil .confiance{padding:56px 0 36px}
.page-accueil .confiance__titre{font-size:clamp(22px,2.8vw,32px)}

/* Page Contact : états du formulaire (sans JavaScript : ancre #envoye / #erreur) */
.formulaire__etat{display:none;margin:0 0 16px;padding:12px 14px;border-radius:10px;font-size:15px}
.formulaire__etat:target,.formulaire__etat.est-visible{display:block}
.formulaire__etat--ok{background:#e6f6ee;color:#17603a}
.formulaire__etat--ko{background:#fdecec;color:#8b1e1e}
.contact__marque{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.contact__marque strong{font-size:20px;color:var(--navy)}
.contact__marque em{flex-basis:100%;font-style:normal;color:var(--gris);font-size:14px}
.contact__ligne .btn--petit{margin-top:4px}
.bande-titre .fil{margin-bottom:10px}
.contact__faq-titre{margin-top:28px}
.contact__infos .accordeon{margin-top:8px}
.contact__marque img{width:44px;height:44px}
/* Mobile : la photo de fiche ne doit jamais imposer sa largeur intrinsèque à la grille (débordement vu sur /batiment, 11/10) */
.fiche__hero>*{min-width:0}
.fiche__photo picture{display:block;min-width:0;height:100%}
.fiche__photo img{max-width:100%}
.fiche__photo{margin:0}
/* Figure du hero = logo (page API de synthèse géologique) : pas de cadre 4/5, logo centré à droite du texte */
.fiche__photo:has(.fiche__logo){aspect-ratio:auto;background:none;border-radius:0;display:flex;align-items:center;justify-content:center;align-self:center}
.fiche__logo{display:block;width:min(100%,460px);margin:0 auto}
.fiche__logo a{display:block}
.fiche__logo img{width:100%;height:auto;object-fit:contain}
@media (max-width:999px){.fiche__logo{width:min(72%,340px)}}   /* <figure> : la marge de 40 px du navigateur faisait déborder la photo sur mobile */