/* AERIS ENERGIE / Simply On
   Transposition de la maquette de reference : fond gris clair, grandes
   cartes arrondies, barre de navigation en pastille posee dans la carte
   d'accroche, produit detoure sur une forme organique, carrousel de
   cartes, bloc sombre a texte incruste.
   Deux ecarts assumes par rapport a la reference : pas de gros numeros
   01/02/03 et pas de petits titres enfermes dans une pilule. */

:root{
  --d-fond:#EDEDEA;
  --d-carte:#FFFFFF;
  --d-carte2:#E4E6E4;
  --d-encre:#0D2132;
  --d-gris:#55687A;
  --d-gris2:#9AA7B2;
  --d-bleu:#1C5C92;
  --d-bleu-vif:#2B7CBE;
  --d-surligne:#CFE6F8;
  --d-cuivre:#A8613A;
  --d-filet:#DDE3E8;
  --d-r:26px;
  --d-r2:18px;
}

body.design-b{background:var(--d-fond);color:var(--d-encre)}
.design-b .enveloppe{max-width:1720px;margin-inline:auto;padding-inline:clamp(.6rem,1vw,1rem)}
.design-b .bloc{padding-block:clamp(.6rem,1vw,1rem) clamp(1.5rem,2.5vw,2.25rem)}
.design-b h1,.design-b h2,.design-b h3{letter-spacing:-.035em;font-weight:600}
.design-b .gris{color:#6E8190}
.design-b .surligne{background:var(--d-surligne);color:var(--d-encre);border-radius:5px;padding:0 .18em;box-decoration-break:clone;-webkit-box-decoration-break:clone}

/* ---------- etiquette de section (sans pilule) ---------- */
.d-etiquette{display:flex;align-items:center;gap:.6rem;font-size:.8125rem;font-weight:600;color:var(--d-bleu);margin:0 0 1rem}
.d-etiquette::before{content:"";width:20px;height:2px;border-radius:2px;background:var(--d-cuivre)}

/* ---------- boutons ---------- */
.d-btn{display:inline-flex;align-items:center;gap:.7rem;padding:.5rem .55rem .5rem 1.25rem;border-radius:999px;
  background:var(--d-encre);color:#fff;font:600 .9375rem/1 'Manrope',sans-serif;border:1px solid var(--d-encre);
  transition:background .22s ease,border-color .22s ease}
.d-btn:hover{background:var(--d-bleu);border-color:var(--d-bleu)}
.d-btn i{width:32px;height:32px;border-radius:50%;background:#fff;color:var(--d-encre);display:grid;place-items:center;flex:none}
.d-btn--clair{background:#fff;color:var(--d-encre);border-color:#fff}
.d-btn--clair i{background:var(--d-encre);color:#fff}
.d-btn--clair:hover{background:var(--d-surligne);border-color:var(--d-surligne);color:var(--d-encre)}
.d-rond{width:44px;height:44px;border-radius:50%;border:1px solid var(--d-filet);background:#fff;display:grid;place-items:center;cursor:pointer;color:var(--d-encre);transition:background .2s ease,color .2s ease,border-color .2s ease}
.d-rond:hover{background:var(--d-encre);color:#fff;border-color:var(--d-encre)}
.d-rond[disabled]{opacity:.35;cursor:default}
.d-rond[disabled]:hover{background:#fff;color:var(--d-encre);border-color:var(--d-filet)}

/* ---------- accroche ---------- */
.d-accroche{background:var(--d-carte2);border-radius:var(--d-r);padding:clamp(.6rem,1.1vw,.85rem);position:relative}
.d-barre{display:flex;align-items:center;gap:1rem;background:#fff;border-radius:999px;padding:.5rem .5rem .5rem 1.15rem;position:relative;z-index:30}
.d-marque{display:flex;align-items:center;gap:.5rem;flex:none}
.d-marque svg{width:30px;height:30px}
.d-marque b{font-family:'Bricolage Grotesque',sans-serif;font-weight:600;font-size:1.0625rem;letter-spacing:-.03em}
.d-nav{display:flex;align-items:center;gap:.15rem;margin-inline:auto}
.d-nav a:not(.d-sousmenu__lien):not(.d-sousmenu__pied){font-size:.875rem;font-weight:500;padding:.5rem .85rem;border-radius:999px;white-space:nowrap;color:var(--d-encre);transition:background .2s ease}
.d-nav a:not(.d-sousmenu__lien):not(.d-sousmenu__pied):hover{background:#F1F4F7}
.d-nav a.actif{background:var(--d-surligne)}
.d-nav__declencheur.actif{background:var(--d-surligne)}
.d-barre__tel{display:inline-flex;align-items:center;gap:.4rem;font-size:.875rem;font-weight:600;white-space:nowrap}
.d-barre__tel svg{color:var(--d-cuivre)}
.d-barre .d-btn{padding:.45rem .5rem .45rem 1.1rem;font-size:.875rem}
.d-barre .d-btn i{width:28px;height:28px}
.d-burger{display:none;width:40px;height:40px;border-radius:999px;border:1px solid var(--d-filet);background:#fff;align-items:center;justify-content:center;cursor:pointer;flex:none}
.d-burger span{display:block;width:16px;height:1.6px;background:var(--d-encre);position:relative;border-radius:2px}
.d-burger span::before,.d-burger span::after{content:"";position:absolute;left:0;width:16px;height:1.6px;background:var(--d-encre);border-radius:2px}
.d-burger span::before{top:-5px}.d-burger span::after{top:5px}

.d-scene{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.02fr);align-items:center;gap:1rem;
  padding:clamp(2rem,4.5vw,3.5rem) clamp(1.25rem,3vw,2.75rem) clamp(1.5rem,3vw,2.25rem);position:relative;overflow:hidden;border-radius:calc(var(--d-r) - .6rem)}
.d-scene h1{font-size:clamp(1.9rem,3.5vw,2.75rem);line-height:1.08;margin:0 0 1.1rem;max-width:17ch}
.d-scene p{font-size:.9375rem;color:var(--d-gris);max-width:40ch;margin:0 0 1.75rem}
.d-forme{position:absolute;right:-2%;top:50%;transform:translateY(-50%);width:min(620px,48%);aspect-ratio:1/.86;
  background:linear-gradient(145deg,var(--d-bleu-vif),var(--d-bleu));border-radius:62% 38% 46% 54%/48% 62% 38% 52%;z-index:1}
.d-produit{position:relative;z-index:2;justify-self:center;width:min(560px,100%)}
.d-produit img{width:100%;height:auto;filter:drop-shadow(0 36px 48px rgba(9,24,38,.32))}

/* ---------- rangee de gages sous l'accroche ---------- */
.d-gages{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr) minmax(0,1fr);gap:clamp(.6rem,1.1vw,.85rem);margin-top:clamp(.6rem,1.1vw,.85rem)}
.d-gage{background:#fff;border-radius:var(--d-r2);padding:1.05rem 1.25rem;display:flex;align-items:center;gap:.9rem}
.d-gage--fort{background:var(--d-surligne)}
.d-gage__vignette{width:46px;height:46px;border-radius:12px;overflow:hidden;flex:none}
.d-gage__vignette img{width:100%;height:100%;object-fit:cover}
.d-gage b{display:block;color:var(--d-encre);font-family:'Bricolage Grotesque',sans-serif;font-weight:600;font-size:.9375rem;letter-spacing:-.02em}
.d-gage span{display:block;font-size:.8125rem;color:var(--d-gris)}
.d-gage__coche{margin-left:auto;width:24px;height:24px;border-radius:50%;background:var(--d-bleu);color:#fff;display:grid;place-items:center;flex:none}
.d-gage--fort .d-gage__coche{background:var(--d-encre)}

/* ---------- carrousel ---------- */
.d-usages{background:var(--d-carte);border-radius:var(--d-r);padding:clamp(1.75rem,3.5vw,2.75rem);margin-top:clamp(.6rem,1.1vw,.85rem);
  display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,2fr);gap:clamp(1.5rem,3vw,2.5rem);align-items:start;overflow:hidden}
.d-usages h2{font-size:clamp(1.5rem,2.2vw,1.95rem);line-height:1.05;margin:0 0 1rem}
.d-usages p{font-size:.9375rem;color:var(--d-gris);margin:0 0 1.5rem}
.d-fleches{display:flex;gap:.5rem}
.d-piste{display:flex;gap:clamp(.75rem,1.4vw,1.1rem);overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;
  padding-bottom:.25rem;scrollbar-width:none}
.d-piste::-webkit-scrollbar{display:none}
.d-usage{flex:0 0 clamp(240px,27vw,310px);scroll-snap-align:start;background:#F4F6F7;border-radius:var(--d-r2);overflow:hidden;
  transition:transform .4s cubic-bezier(.22,.61,.36,1)}
.d-usage:hover{transform:translateY(-4px)}
.d-usage__photo{position:relative;aspect-ratio:4/3;overflow:hidden}
.d-usage__photo img{width:100%;height:100%;object-fit:cover}
.d-usage__marques{position:absolute;left:.7rem;bottom:.7rem;display:flex;flex-wrap:wrap;gap:.35rem}
.d-usage__marques span{background:rgba(13,33,50,.82);color:#fff;font-size:.6875rem;font-weight:600;padding:.3rem .6rem;border-radius:999px;backdrop-filter:blur(4px)}
.d-usage__pied{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.9rem 1rem}
.d-usage__pied b{font-family:'Bricolage Grotesque',sans-serif;font-weight:600;font-size:.9375rem;letter-spacing:-.02em}
.d-usage__pied i{width:30px;height:30px;border-radius:50%;border:1px solid var(--d-filet);background:#fff;display:grid;place-items:center;flex:none}

/* ---------- bloc "choisir" ---------- */
.d-choisir{background:var(--d-carte);border-radius:var(--d-r);padding:clamp(1.75rem,3.5vw,2.75rem);margin-top:clamp(.6rem,1.1vw,.85rem)}
.d-choisir__tete{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:clamp(1.5rem,3vw,2.5rem);align-items:end;margin-bottom:clamp(1.75rem,3vw,2.5rem)}
.d-choisir h2{font-size:clamp(1.55rem,2.5vw,2.1rem);line-height:1.05;margin:0}
.d-choisir__tete p{font-size:.875rem;color:var(--d-gris);margin:0}
.d-choisir__corps{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(1rem,2vw,1.5rem);align-items:start}
.d-liste{display:grid;gap:.6rem}
.d-point{background:#F4F6F7;border-radius:var(--d-r2);overflow:hidden}
.d-point__tete{width:100%;display:flex;align-items:center;justify-content:space-between;gap:1rem;background:none;border:0;
  padding:1.15rem 1.35rem;text-align:left;cursor:pointer;font-family:'Bricolage Grotesque',sans-serif;font-weight:600;
  font-size:1rem;letter-spacing:-.02em;color:var(--d-encre)}
.d-point__signe{width:26px;height:26px;border-radius:50%;background:#fff;display:grid;place-items:center;flex:none;position:relative}
.d-point__signe::before,.d-point__signe::after{content:"";position:absolute;background:var(--d-bleu);border-radius:2px}
.d-point__signe::before{width:11px;height:1.6px}
.d-point__signe::after{width:1.6px;height:11px;transition:transform .22s ease}
.d-point.est-ouvert{background:var(--d-surligne)}
.d-point.est-ouvert .d-point__signe::after{transform:scaleY(0)}
.d-point__corps{overflow:hidden;height:0}
.d-point__corps p{margin:0;padding:0 1.35rem 1.25rem;font-size:.9rem;color:var(--d-gris);max-width:46ch}
.d-point.est-ouvert .d-point__corps p{color:#2C3F51}
.d-conseil{position:relative;border-radius:var(--d-r2);overflow:hidden;min-height:100%;display:flex;align-items:flex-end;isolation:isolate}
.d-conseil img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}
.d-conseil::after{content:"";position:absolute;inset:0;z-index:-1;
  background:linear-gradient(0deg,rgba(7,20,32,.94) 0%,rgba(7,20,32,.80) 34%,rgba(7,20,32,.42) 62%,rgba(7,20,32,.10) 100%)}
.d-conseil__texte{padding:clamp(1.25rem,2.5vw,1.9rem);color:#fff}
.d-conseil__texte h3{font-size:clamp(1.2rem,1.8vw,1.55rem);line-height:1.08;margin:0 0 .5rem;max-width:16ch}
.d-conseil__texte p{font-size:.875rem;color:#C5D6E4;margin:0;max-width:34ch}
.d-conseil__fiche{position:absolute;right:clamp(.9rem,1.8vw,1.4rem);bottom:clamp(.9rem,1.8vw,1.4rem);background:#fff;border-radius:14px;
  padding:.7rem .9rem;display:flex;align-items:center;gap:.7rem;box-shadow:0 16px 36px -20px rgba(0,0,0,.5)}
.d-conseil__fiche b{font-family:'Bricolage Grotesque',sans-serif;font-weight:600;font-size:.875rem;letter-spacing:-.02em;display:block}
.d-conseil__fiche span{font-size:.75rem;color:var(--d-gris);display:block}

/* ---------- metiers ---------- */
.d-metiers{background:var(--d-carte);border-radius:var(--d-r);padding:clamp(1.75rem,3.5vw,2.75rem);margin-top:clamp(.6rem,1.1vw,.85rem)}
.d-metiers__tete{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:clamp(1.5rem,3vw,2.5rem);align-items:end;margin-bottom:clamp(1.75rem,3vw,2.5rem)}
.d-metiers h2{font-size:clamp(1.55rem,2.5vw,2.1rem);line-height:1.05;margin:0}
.d-metiers__tete p{font-size:.875rem;color:var(--d-gris);margin:0}
.d-grille{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(.75rem,1.4vw,1.1rem);list-style:none;margin:0;padding:0}
.d-grille>li{display:flex}
.d-metier{display:flex;flex-direction:column;width:100%;background:#F4F6F7;border-radius:var(--d-r2);overflow:hidden;transition:transform .4s cubic-bezier(.22,.61,.36,1)}
.d-metier:hover{transform:translateY(-4px)}
.d-metier__photo{aspect-ratio:4/3;overflow:hidden;position:relative}
.d-metier__photo img{width:100%;height:100%;object-fit:cover;transition:transform .8s cubic-bezier(.22,.61,.36,1)}
.d-metier:hover .d-metier__photo img{transform:scale(1.04)}
.d-metier__corps{padding:1.1rem 1.25rem 1.35rem;display:flex;flex-direction:column;flex:1}
.d-metier h3{font-size:1.0625rem;margin:0 0 .45rem}
.d-metier p{font-size:.875rem;color:var(--d-gris);margin:0}
.d-metier__lien{display:inline-flex;align-items:center;gap:.4rem;margin-top:auto;padding-top:.9rem;font-size:.8125rem;font-weight:600;color:var(--d-bleu)}

/* ---------- zones + faq ---------- */
.d-deux{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(.6rem,1.1vw,.85rem);margin-top:clamp(.6rem,1.1vw,.85rem)}
.d-panneau{background:var(--d-carte);border-radius:var(--d-r);padding:clamp(1.75rem,3.5vw,2.5rem)}
.d-panneau h2{font-size:clamp(1.35rem,2vw,1.75rem);line-height:1.08;margin:0 0 1rem}
.d-panneau p{font-size:.9375rem;color:var(--d-gris)}
.d-villes{display:flex;flex-wrap:wrap;list-style:none;margin:1.25rem 0 0;padding:0;font-size:.9rem}
.d-villes li:not(:last-child)::after{content:"·";color:var(--d-gris2);margin:0 .5rem}
.d-pratique{margin-top:1.5rem;border-top:1px solid var(--d-filet)}
.d-pratique p{display:flex;justify-content:space-between;gap:1rem;padding:.65rem 0;margin:0;border-bottom:1px solid var(--d-filet);font-size:.9rem}
.d-pratique p span:last-child{font-weight:600;color:var(--d-encre);text-align:right}

/* ---------- appel ---------- */
.d-appel{background:var(--d-encre);color:#fff;border-radius:var(--d-r);padding:clamp(2rem,4vw,3.25rem);margin-top:clamp(.6rem,1.1vw,.85rem);
  display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:clamp(1.5rem,3vw,2.5rem);align-items:center;position:relative;overflow:hidden}
.d-appel h2{font-size:clamp(1.55rem,2.5vw,2.1rem);line-height:1.05;margin:0 0 1rem;color:#fff}
.d-appel p{color:#AFC4D6;font-size:.9375rem;margin:0}
.d-appel__actions{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:1.75rem}
.d-appel__coord{display:grid;gap:.9rem;position:relative;z-index:2}
.d-appel__coord a,.d-appel__coord div{display:block;padding-bottom:.9rem;border-bottom:1px solid rgba(255,255,255,.14)}
.d-appel__coord a:last-child,.d-appel__coord div:last-child{border-bottom:0;padding-bottom:0}
.d-appel__coord small{display:block;font-size:.75rem;color:#8FA8BD}
.d-appel__coord b{font-family:'Bricolage Grotesque',sans-serif;font-weight:600;font-size:1rem;letter-spacing:-.02em}
.d-appel__souffle{position:absolute;right:-5%;top:-30%;width:min(520px,46%);color:rgba(123,185,231,.16);z-index:1;pointer-events:none}

/* ---------- pied ---------- */
.d-pied{background:var(--d-carte);border-radius:var(--d-r);padding:clamp(1.75rem,3.5vw,2.75rem);margin-top:clamp(.6rem,1.1vw,.85rem)}
.d-pied__haut{display:grid;grid-template-columns:minmax(0,1.3fr) repeat(3,minmax(0,1fr));gap:clamp(1.5rem,3vw,2.5rem)}
.d-pied h4,.d-pied__titre{font-size:.875rem;font-weight:600;margin:0 0 .85rem;font-family:'Bricolage Grotesque',sans-serif;letter-spacing:-.02em;line-height:1.3}
.d-pied ul{list-style:none;margin:0;padding:0;display:grid;gap:.45rem}
.d-pied li,.d-pied li a{font-size:.875rem;color:var(--d-gris)}
.d-pied li a:hover{color:var(--d-bleu)}
.d-pied__intro p{font-size:.875rem;color:var(--d-gris);margin:1rem 0 0;max-width:32ch}
.d-pied__contact{margin-top:1.1rem;display:grid;gap:.35rem;font-size:.9rem;font-weight:600}
.d-pied__bas{margin-top:clamp(1.75rem,3vw,2.5rem);border-top:1px solid var(--d-filet);padding-top:1.1rem;display:flex;flex-wrap:wrap;
  gap:.5rem 1.5rem;justify-content:space-between;font-size:.8125rem;color:var(--d-gris)}

/* ---------- adaptatif ---------- */
@media (max-width:1080px){
  .d-nav{display:none}
  .d-burger{display:flex;margin-left:auto}
  .d-barre__tel{margin-left:auto}
  .d-nav.est-ouverte{display:flex;flex-direction:column;align-items:stretch;gap:0;position:fixed;inset:0;z-index:200;
    background:#fff;padding:5rem clamp(1.25rem,5vw,2rem) 2rem;overflow-y:auto;overscroll-behavior:contain}
  .d-nav.est-ouverte a{padding:1rem 0;border-bottom:1px solid var(--d-filet);border-radius:0;font-size:1.0625rem}
  body.menu-ouvert{overflow:hidden}
}
@media (max-width:900px){
  .d-scene{grid-template-columns:minmax(0,1fr);gap:1.5rem}
  .d-scene h1{max-width:none}
  .d-forme{position:relative;right:auto;top:auto;transform:none;width:100%;margin-top:-1rem}
  .d-produit{margin-top:-78%}
  .d-gages{grid-template-columns:minmax(0,1fr)}
  .d-usages,.d-choisir__tete,.d-choisir__corps,.d-metiers__tete,.d-deux,.d-appel{grid-template-columns:minmax(0,1fr)}
  .d-grille{grid-template-columns:repeat(2,minmax(0,1fr))}
  .d-pied__haut{grid-template-columns:repeat(2,minmax(0,1fr))}
  .d-conseil{min-height:340px}
  .d-choisir__tete,.d-metiers__tete{align-items:start}
}
@media (max-width:620px){
  .d-grille{grid-template-columns:minmax(0,1fr)}
  .d-pied__haut{grid-template-columns:minmax(0,1fr)}
  .d-usage{flex:0 0 78%}
  .d-appel__actions .d-btn{width:100%;justify-content:space-between}
}

/* surcharges de fin de fichier : elles doivent gagner sur .d-gage span */
.d-gage.d-gage--fort span{color:#2C3F51}
.d-gage.d-gage--fort b{color:var(--d-encre)}

/* ================================================================== */
/* Pages interieures                                                   */
/* ================================================================== */
.d-tete{background:var(--d-carte2);border-radius:var(--d-r);padding:clamp(.6rem,1.1vw,.85rem)}
.d-tete__corps{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:clamp(1.5rem,3.5vw,3rem);
  align-items:center;padding:clamp(1.75rem,3.5vw,2.75rem) clamp(1.25rem,3vw,2.5rem)}
.d-tete h1{font-size:clamp(1.8rem,3.2vw,2.5rem);line-height:1.08;margin:0 0 1rem;max-width:20ch}
.d-tete p{font-size:.9375rem;color:var(--d-gris);margin:0;max-width:52ch}
.d-tete__actions{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:1.5rem}
.d-tete__visuel{border-radius:var(--d-r2);overflow:hidden;aspect-ratio:4/3}
.d-tete__visuel img{width:100%;height:100%;object-fit:cover}
.d-fil{display:flex;flex-wrap:wrap;gap:.4rem;align-items:center;font-size:.8125rem;color:var(--d-gris);margin:0 0 1rem;padding:0;list-style:none}
.d-fil li:not(:last-child)::after{content:"›";margin-left:.45rem;color:var(--d-gris2)}
.d-fil a:hover{color:var(--d-bleu)}

.d-reponse{background:var(--d-surligne);border-radius:var(--d-r2);padding:1.15rem 1.35rem;margin:0 0 1.75rem}
.d-reponse b{display:block;font-family:'Bricolage Grotesque',sans-serif;font-weight:600;font-size:.875rem;letter-spacing:-.02em;margin-bottom:.35rem}
.d-reponse p{margin:0;font-size:.9375rem;color:#1F2F3D}

.d-article{background:var(--d-carte);border-radius:var(--d-r);padding:clamp(1.75rem,3.5vw,2.75rem);margin-top:clamp(.6rem,1.1vw,.85rem)}
.d-article__grille{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(1.5rem,3.5vw,3rem);align-items:center}
.d-article__grille+.d-article__grille{margin-top:clamp(2rem,4vw,3rem)}
.d-article__grille--inv .d-article__visuel{order:2}
.d-article__visuel{border-radius:var(--d-r2);overflow:hidden;aspect-ratio:4/3}
.d-article__visuel img{width:100%;height:100%;object-fit:cover}
.d-article h2{font-size:clamp(1.4rem,2.1vw,1.8rem);line-height:1.1;margin:0 0 .9rem}
.d-article h3{font-size:1.0625rem;margin:1.5rem 0 .5rem}
.d-article p,.d-article li{font-size:.9375rem;color:var(--d-gris);line-height:1.65}
.d-article p{margin:0 0 .9rem}
.d-article p:last-child{margin-bottom:0}
.d-puces{list-style:none;margin:0 0 .9rem;padding:0;display:grid;gap:.5rem}
.d-puces li{position:relative;padding-left:1.5rem}
.d-puces li::before{content:"";position:absolute;left:0;top:.6em;width:7px;height:7px;border-radius:50%;background:var(--d-bleu-vif)}
.d-puces li b{color:var(--d-encre);font-weight:600}

.d-table{width:100%;border-collapse:collapse;font-size:.9rem;margin:0 0 .9rem}
.d-table th,.d-table td{text-align:left;padding:.7rem .85rem;border-bottom:1px solid var(--d-filet);vertical-align:top}
.d-table th{font-weight:600;color:var(--d-encre);background:#F4F6F7}
.d-table td{color:var(--d-gris)}

.d-liens{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(.6rem,1.1vw,.85rem);list-style:none;margin:0;padding:0}
.d-liens a{display:flex;align-items:center;justify-content:space-between;gap:.75rem;background:#F4F6F7;border-radius:var(--d-r2);
  padding:1rem 1.2rem;font-family:'Bricolage Grotesque',sans-serif;font-weight:600;font-size:.9375rem;letter-spacing:-.02em;
  transition:background .2s ease,transform .3s cubic-bezier(.22,.61,.36,1)}
.d-liens a:hover{background:var(--d-surligne);transform:translateY(-3px)}
.d-liens small{display:block;font-family:'Manrope',sans-serif;font-weight:400;font-size:.8125rem;color:var(--d-gris);margin-top:.2rem}

.d-form{display:grid;gap:.85rem}
.d-champ{display:grid;gap:.35rem}
.d-champ label{font-size:.8125rem;font-weight:600;color:var(--d-encre)}
.d-champ input,.d-champ textarea,.d-champ select{
  width:100%;font:400 .9375rem/1.5 'Manrope',sans-serif;color:var(--d-encre);background:#F4F6F7;
  border:1px solid transparent;border-radius:12px;padding:.75rem .9rem;transition:border-color .2s ease,background .2s ease}
.d-champ input:focus,.d-champ textarea:focus,.d-champ select:focus{outline:none;background:#fff;border-color:var(--d-bleu)}
.d-champ textarea{min-height:140px;resize:vertical}
.d-duo{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.85rem}
.d-rgpd{display:flex;gap:.6rem;align-items:flex-start;font-size:.8125rem;color:var(--d-gris)}
.d-rgpd input{margin-top:.2rem;flex:none;width:auto}
.d-form__etat{font-size:.875rem;font-weight:600;display:none}
.d-form__etat.est-visible{display:block}
.d-form__etat--ok{color:#1B7A4B}
.d-form__etat--ko{color:#B3261E}

@media (max-width:900px){
  .d-tete__corps,.d-article__grille{grid-template-columns:minmax(0,1fr)}
  .d-article__grille--inv .d-article__visuel{order:0}
  .d-liens{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:620px){
  .d-liens,.d-duo{grid-template-columns:minmax(0,1fr)}
}

/* la reponse rapide passe apres .d-article p, sinon elle en herite la couleur */
.d-reponse p,.d-article .d-reponse p{color:#1F2F3D}

/* Une grille de sept cartes laisserait une rangee trouee : la derniere
   occupe toute la largeur restante et passe en format horizontal. */
.d-grille>li:nth-child(7):last-child{grid-column:1 / -1}
.d-grille>li:nth-child(7):last-child .d-metier{flex-direction:row;align-items:stretch}
.d-grille>li:nth-child(7):last-child .d-metier__photo{flex:0 0 38%;aspect-ratio:auto}
.d-grille>li:nth-child(7):last-child .d-metier__corps{justify-content:center;padding:clamp(1.25rem,2.5vw,2rem)}
.d-grille>li:nth-child(7):last-child .d-metier h3{font-size:1.25rem}
.d-grille>li:nth-child(7):last-child .d-metier p{max-width:62ch}
@media (max-width:620px){
  .d-grille>li:nth-child(7):last-child .d-metier{flex-direction:column}
  .d-grille>li:nth-child(7):last-child .d-metier__photo{flex:none;aspect-ratio:4/3}
}

/* ================================================================== */
/* Sous-menu des prestations                                           */
/* ================================================================== */
.d-nav__groupe{position:relative}
.d-nav__declencheur{display:inline-flex!important;align-items:center;gap:.3rem;cursor:pointer}
.d-nav__chevron{transition:transform .22s ease;flex:none}
.d-nav__groupe.est-ouvert .d-nav__chevron{transform:rotate(180deg)}

.d-sousmenu{
  position:absolute;top:100%;left:50%;transform:translateX(-50%) translateY(-6px);
  width:min(640px,92vw);z-index:40;
  /* la bordure transparente fait l'ecart visuel sans trouer la zone de survol */
  border-top:14px solid transparent;background-clip:padding-box;
  background:#fff;border-radius:20px;box-shadow:0 26px 60px -28px rgba(9,24,38,.45),0 0 0 1px var(--d-filet);
  padding:.75rem;opacity:0;visibility:hidden;pointer-events:none;
  transition:opacity .2s ease,transform .22s cubic-bezier(.22,.61,.36,1),visibility .22s;
}
.d-nav__groupe.est-ouvert .d-sousmenu{opacity:1;visibility:visible;pointer-events:auto;transform:translateX(-50%) translateY(0)}
.d-sousmenu__liste{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.2rem;list-style:none;margin:0;padding:0}
.d-sousmenu__lien{
  display:flex!important;align-items:center;gap:.7rem;padding:.55rem .6rem;border-radius:13px;
  white-space:normal;color:var(--d-encre);transition:background .18s ease;
}
.d-sousmenu__lien:hover,.d-sousmenu__lien:focus-visible{background:#F2F6F9}
.d-sousmenu__lien.est-actif{background:var(--d-surligne)}
.d-sousmenu__vignette{flex:none;width:64px;height:48px;border-radius:9px;overflow:hidden;background:var(--d-carte2)}
.d-sousmenu__vignette img{width:100%;height:100%;object-fit:cover;display:block}
.d-sousmenu__mot{display:block;min-width:0}
.d-sousmenu__mot b{display:block;font-family:'Bricolage Grotesque',sans-serif;font-weight:600;font-size:.875rem;letter-spacing:-.02em;line-height:1.25}
.d-sousmenu__mot small{display:block;font-size:.75rem;color:var(--d-gris);line-height:1.35;margin-top:.1rem}
.d-sousmenu__pied{
  display:flex!important;align-items:center;justify-content:center;gap:.45rem;margin-top:.45rem;padding:.65rem;
  border-top:1px solid var(--d-filet);font-size:.8125rem;font-weight:600;color:var(--d-bleu);
}
.d-sousmenu__pied:hover{color:var(--d-encre)}

/* Sept entrees sur deux colonnes : la derniere prend la rangee entiere,
   sinon elle laisse un trou a droite. */
.d-sousmenu__liste>li:nth-child(7):last-child{grid-column:1 / -1}
.d-sousmenu__liste>li:nth-child(7):last-child .d-sousmenu__lien{background:#F7F9FB}
.d-sousmenu__liste>li:nth-child(7):last-child .d-sousmenu__lien:hover{background:#EDF3F8}
.d-sousmenu__liste>li:nth-child(7):last-child .d-sousmenu__vignette{width:84px}

/* Au clavier, le panneau s'ouvre des que le focus entre dans le groupe */
.d-nav__groupe:focus-within .d-sousmenu{opacity:1;visibility:visible;pointer-events:auto;transform:translateX(-50%) translateY(0)}

@media (max-width:1080px){
  /* En mobile le panneau est deplie en place, pas de survol */
  .d-nav__groupe{position:static}
  .d-nav.est-ouverte .d-nav__declencheur{justify-content:space-between;width:100%}
  .d-sousmenu{position:static;transform:none;width:auto;opacity:1;visibility:visible;pointer-events:auto;
    border-top:0;box-shadow:none;background:transparent;padding:.25rem 0 .75rem;border-radius:0}
  .d-nav__groupe.est-ouvert .d-sousmenu{transform:none}
  .d-sousmenu__liste{grid-template-columns:minmax(0,1fr);gap:.1rem}
  .d-sousmenu__lien{padding:.6rem .4rem;border-bottom:1px solid var(--d-filet);border-radius:0}
  .d-sousmenu__pied{justify-content:flex-start;border-top:0;padding:.75rem .4rem 0}
  .d-nav__chevron{display:none}
}

/* ================================================================== */
/* Barre et panneau sur petit ecran                                    */
/* ================================================================== */
.d-nav__pied{display:none}
@media (max-width:1080px){
  /* la pastille reste accessible par-dessus le panneau, avec le burger */
  body.menu-ouvert .d-barre{position:fixed;top:12px;left:12px;right:12px;z-index:210;box-shadow:0 10px 30px -18px rgba(9,24,38,.4)}
  /* le panneau est un enfant de la pastille : sans cela il recouvre le logo
     et le burger, qui appartiennent au meme contexte d'empilement */
  body.menu-ouvert .d-barre>.d-marque,body.menu-ouvert .d-burger{position:relative;z-index:220}
  .d-nav.est-ouverte{z-index:200;padding-top:6rem}
  .d-nav.est-ouverte .d-nav__pied{display:grid;gap:.65rem;margin-top:1.75rem}
  .d-nav.est-ouverte .d-nav__pied .d-btn{justify-content:space-between}
  .d-nav__tel{display:inline-flex;align-items:center;gap:.5rem;font-weight:600;font-size:1rem;padding:.9rem 0}
  .d-nav__tel svg{color:var(--d-cuivre)}
}
@media (max-width:860px){
  /* sinon le CTA recouvre le burger et le rend inatteignable */
  .d-barre__tel,.d-barre>.d-btn{display:none}
  .d-barre{padding:.5rem .5rem .5rem .9rem}
}