/* Tambour Rénovations — surcharge commune, chargée après le thème eco.
   Contrastes WCAG calculés le 12/10/2026 :
   #fff / #E58D32 = 2,56:1 (insuffisant) ; #162A35 / #E58D32 = 5,78:1 ;
   #9A4D00 / #fff = 6,11:1 ; #FFB765 / #223D4D = 6,63:1. */
/* ================= TYPOGRAPHIE (13/10/2026) =================
   Règle unique de polices et d'échelle, mesurée puis corrigée (docs/briefs/16-RENDU-polices.md).
   - TITRES = 'Bricolage Grotesque' : h1-h6, titres de cartes, chiffres des compteurs.
   - TOUT LE RESTE = 'Plus Jakarta Sans' : texte, boutons, onglets, champs, fil d'Ariane, sur-titres, pied.
   - button, input, select, textarea n'héritent pas de la police du parent : on force inherit
     (sinon bandeau cookies et formulaire retombent en Arial).
   Une échelle par rôle (variables ci-dessous). Les règles reprennent le sélecteur de la feuille de page
   précédé de « body » : même rôle, +1 de spécificité, donc commun.css gagne sans !important.
   Pour changer la taille d'un rôle : une variable ici, pas dans les feuilles de page. */
:root{
  --f-titre:'Bricolage Grotesque',sans-serif;--f-texte:'Plus Jakarta Sans',sans-serif;
  --t-1:clamp(34px,5vw,60px);            /* h1 des pages intérieures (le héros d'accueil garde sa taille d'affiche) */
  --t-2:clamp(30px,4vw,46px);            /* h2 de section */
  --t-3:clamp(26px,3.2vw,38px);          /* h2 de bloc : appel final, colonne illustrée */
  --t-4:clamp(22px,2.4vw,30px);          /* h3 de bloc : formulaire, article, texte légal */
  --t-5:clamp(20px,1.1vw + 7px,22px);    /* titre de carte, d'étape, h4 */
}
button,input,select,textarea{font-family:inherit}
h4,h5,h6{font-family:var(--f-titre)}
body .tp-counter strong{font-family:var(--f-titre)}
/* titres : graisse 700, interlettrage resserré selon la taille (-.02em h1, -.015em h2, -.01em blocs, 0 cartes) */
body .ta-hero h1{letter-spacing:-.02em}
body .ts-sh h1,body .tp-hero h1,body .tc-hero h1,body .tv-hero h1,body .tb-hero h1{font-size:var(--t-1);font-weight:700;line-height:1.04;letter-spacing:-.02em}
body .prose h1{font-size:var(--t-2);font-weight:700;line-height:1.1;letter-spacing:-.02em}
body .ta-heading h2,body .ta-presentation h2,body .ta-faq h2,body .ta-zone .ta-zone-head h2,body .ts-head h2,body .ts-pres h2,body .ts-process h2,body .tp-copy h2,body .tp-heading h2,body .tc-intro h2,body .tv-sec .tv-tete h2,body .tv-sec h2.tv-h2,body .tb-index .tb-tete h2{font-size:var(--t-2);font-weight:700;line-height:1.1;letter-spacing:-.015em}
body .ta-cta h2,body .ts-cta .ts-cta-copy h2,body .tp-cta h2,body .tv-cta .tv-cta-copy h2,body .tp-outline-card h2,body .tv-sec .tv-chantiers-txt h2,body .tb-article .tb-cta h3,body .tb-index-appel h2{font-size:var(--t-3);font-weight:700;line-height:1.12;letter-spacing:-.01em}
body .tc-contact-title,body .tc-form h3,body .tb-article h2,body .tb-article .tb-chantiers h3,body .prose h2{font-size:var(--t-4);font-weight:700;line-height:1.15;letter-spacing:-.01em}
body .ta-svc h3,body .ta-why-grid h3,body .ta-card h3,body .ts-step h3,body .ts-hub-body h2,body .tp-card h3,body .tv-sec .tv-carte-corps h3,body .tv-process .tv-step h3,body .tv-sec .tv-pourquoi h3,body .tb-card h3,body .tb-article .tb-more h3,body .tb-article .tb-zones h3,body .tc-step h4,body .prose h3,body section>div>h3:not([style]){font-size:var(--t-5);font-weight:700;line-height:1.2;letter-spacing:0}
/* sur-titres (petites capitales espacées), dates de cartes et libellés de bloc : 13 px / 800 / .12em */
body :is(.ta-kicker,.ts-kicker,.tp-eyebrow,.tv-kicker,.tb-kicker),body .pied-titre,body .tb-article .tb-brief h2,body .tb-article .tb-toc h2,body .tc-summary strong,body :is(.ta-card-date,.tb-card-date){font-family:var(--f-texte);font-size:13px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}
body :is(.ta-svc-num,.ts-hub-n){font-size:13px;font-weight:800;letter-spacing:.12em}
/* boutons : 15 px / 700 ; compacts (devis de l'en-tête, onglets, bandeau cookies) : 13 px / 700 ; liens d'action : 15 px / 700 */
body :is(.ta-btn,.ta-ghost,.ts-btn,.ts-btn-o,.ts-ghost,.tp-button,.tv-btn,.tb-btn,.tc-btn,.pied-tel,.pied-devis,.eh-m-cta,.prose a.hv04),body .tc-map .tc-btn{font-family:var(--f-texte);font-size:15px;font-weight:700;line-height:1.25;letter-spacing:0}
body :is(.eh-devis,.ts-tab),body #cookie-banner button{font-family:var(--f-texte);font-size:13px;font-weight:700;letter-spacing:0}
body .ta-svc .ta-svc-more,body :is(.ts-hub-go,.ta-card-lire,.tb-card-lire,.tv-lien){font-size:15px;font-weight:700}
/* questions de FAQ, texte de carte, fil d'Ariane, champs */
body .ta-faq summary,body .ts-faq-list summary,body .tv-faq summary,body .tb-faq summary{font-size:17px;font-weight:800;line-height:1.4}
body .ta-svc .ta-svc-text,body .ta-why-grid p,body .ts-step p,body .tp-card p,body .tv-process .tv-step p,body .tv-pourquoi p,body .tv-sec .tv-carte-corps ul,body .ts-hub-d,body .ta-card p,body .tb-card p{font-size:15px}
body .ts-crumbs,body .tp-crumb,body .tv-fil,body .tb-fil,body .tc-hero-inner>div:first-child{font-size:13px}
body .tc-field input,body .tc-field textarea,body .tc-field select{font-family:inherit;font-size:16px;font-weight:400}

:root{
  --accent:#E58D32;--accent-fonce:#C96F16;--sur-accent:#162A35;
  --accent-texte:#9A4D00;--accent-texte-fonce:#743A00;--accent-sur-sombre:#FFB765;
  --overlay-rgb:34,61,77;--bandeau:#223D4D;
}
html[data-mode="clair"]{--overlay-rgb:34,61,77;--bandeau:#223D4D}
:is(footer,.fond-sombre,section[style*="background:rgb(var(--overlay-rgb))"])
  :is([style*="color:var(--accent"],[style*="color: var(--accent"]):not([style*="background"]){color:var(--accent-sur-sombre)!important}
.topbar a:hover,.topbar a:hover svg,footer .hvpied:hover,footer .hv14:hover,footer .hv14:hover svg,footer .hv15:hover{color:var(--accent-sur-sombre)!important}
footer .hvpied:hover span{color:var(--sur-accent)!important}
footer .pied-tva{color:var(--bandeau-texte);font-weight:600;font-variant-numeric:tabular-nums}
footer .pied-tva-lib{color:var(--bandeau-texte-doux);font-size:12px;font-weight:700;letter-spacing:.1em}
html[data-mode="clair"] .footer-logo{filter:none}
.skip-link{position:absolute;left:12px;top:-80px;z-index:500;background:var(--accent);color:var(--sur-accent);padding:12px 18px;border-radius:0 0 10px 10px;font-weight:700}
.skip-link:focus{top:0}
#site-header:focus{outline:none}
@font-face{font-family:'Bricolage Grotesque';font-style:normal;font-weight:200 800;font-display:swap;src:url(../eco/fonts/plus-jakarta-sans-latin.woff2) format('woff2-variations'),url(../eco/fonts/plus-jakarta-sans-latin.woff2) format('woff2');unicode-range:U+0051}
@media(max-width:768px){a[aria-label="Appeler"][style*="position:fixed"]{transition:bottom .35s}body:has(#cookie-banner.visible) a[aria-label="Appeler"][style*="position:fixed"]{bottom:var(--cookie-h,290px)!important}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}a[aria-label="Appeler"][style*="position:fixed"]{transition:none}}

/* Icônes SVG inline des éléments communs (barre du haut, pied, bulle d'appel) : même trait partout.
   Glyphe sur orange = var(--sur-accent) (le blanc n'y fait que 2,56:1). */
.ts-ico{display:inline-block;width:1em;height:1em;vertical-align:-.14em;margin-right:.4em}.ts-ico-r{margin:0 0 0 .4em}
/* Burger / croix du menu mobile : assets/eco/js/site.js réécrit le texte de #menu-icon (☰ / ✕) à chaque
   clic. On masque le glyphe (font-size:0) et on dessine le trait en masque CSS, croix selon aria-expanded.
   Sans prise en charge du masque, le glyphe Unicode reste affiché. */
@supports ((-webkit-mask-image:none) or (mask-image:none)){
  #menu-icon{display:block;width:22px;height:22px;font-size:0;line-height:0;background:currentColor;
    -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='M4 6h16M4 12h16M4 18h16'/%3E%3C/svg%3E") center/contain no-repeat;
    mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='M4 6h16M4 12h16M4 18h16'/%3E%3C/svg%3E") center/contain no-repeat}
  #menu-toggle[aria-expanded="true"] #menu-icon{
    -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='M6 6l12 12M18 6L6 18'/%3E%3C/svg%3E");
    mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='M6 6l12 12M18 6L6 18'/%3E%3C/svg%3E")}
}
/* Boutons orange en lien : le a:hover du thème passe le texte en brun, on garde le texte sombre. */
a:is(.ta-btn,.ts-btn,.tp-button):not(.ta-btn-outline):hover{color:var(--sur-accent)}

/* ================= EN-TÊTE ET PIED (13/10/2026) =================
   Le balisage vit dans docs/gabarit.html (blocs ENTETE et PIED), propagé par docs/outils/propage-entete-pied.py.
   Contrastes calculés : voir docs/briefs/07-RENDU-entete-pied.md. Texte sur orange = var(--sur-accent). */

/* ---- barre du haut ---- */
.topbar-in{max-width:1240px;margin:0 auto;padding:0 24px;display:flex;align-items:center;justify-content:space-between;gap:6px 16px;flex-wrap:wrap}
.topbar-g,.topbar-d{display:flex;align-items:center;gap:6px 20px;flex-wrap:wrap}
.topbar a{display:inline-flex;align-items:center;gap:6px;color:var(--bandeau-texte-doux)}
.topbar .ts-ico{width:14px;height:14px;margin:0;vertical-align:0}

/* ---- bandeau ---- */
.eh-in{max-width:1240px;margin:auto;padding:10px 24px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.eh-in .logo-lien{display:block;flex:none}
/* le logo a une marge transparente autour : on le grandit et on rogne la marge pour garder la hauteur du bandeau (84 px) */
.eh-in .logo-lien img{display:block;height:80px;width:auto;margin:-8px 0}
@media(max-width:600px){.eh-in{padding:9px 20px}.eh-in .logo-lien img{height:68px;margin:-6px 0}}
.eh-nav{display:flex;align-items:center;gap:6px;font-size:14px;font-weight:600;background:var(--fond-2);border:1px solid var(--bord);padding:5px;border-radius:40px}
.eh-nav>a,.eh-drop>a{color:var(--texte);padding:9px 18px;border-radius:40px;white-space:nowrap}
.eh-nav>a[aria-current="page"],.eh-drop>a[aria-current="page"]{background:var(--accent);color:var(--sur-accent)}
@media(min-width:1100px) and (max-width:1279px){.eh-nav>a,.eh-drop>a{padding:9px 13px}}

/* sous-menu Services : survol (souris), clavier et toucher pilotés par commun.js (aria-expanded) ; sans JS : survol / focus CSS */
.eh-drop{position:relative;display:flex;align-items:center;border-radius:40px}
.eh-drop>a{padding-right:6px;border-radius:40px 0 0 40px}
.eh-caret{appearance:none;border:0;background:none;color:var(--texte);cursor:pointer;display:flex;align-items:center;justify-content:center;align-self:stretch;padding:0 12px 0 4px;margin:0;border-radius:0 40px 40px 0;font:inherit}
.eh-caret svg{transition:transform .2s}
.eh-drop.is-open .eh-caret svg{transform:rotate(180deg)}
@media(hover:hover){.eh-drop:hover>a,.eh-drop:hover>.eh-caret{background:var(--accent);color:var(--sur-accent)}}
.eh-drop.is-open>a,.eh-drop.is-open>.eh-caret,.eh-drop.is-actif>a,.eh-drop.is-actif>.eh-caret{background:var(--accent);color:var(--sur-accent)}
.eh-drop-menu{position:absolute;top:calc(100% + 10px);left:0;min-width:260px;background:var(--carte);border:1px solid var(--bord);border-radius:16px;padding:8px;box-shadow:0 20px 50px rgba(20,33,46,.2);opacity:0;visibility:hidden;transform:translateY(6px);transition:opacity .2s,transform .2s,visibility 0s linear .2s;z-index:60}
.eh-drop-menu::before{content:"";position:absolute;left:0;right:0;top:-12px;height:12px}
.eh-drop-menu a{display:block;padding:9px 14px;border-radius:10px;font-size:13.5px;font-weight:500;color:var(--titre);white-space:nowrap}
.eh-drop-menu a:first-child{font-weight:700;margin-bottom:4px;border-bottom:1px solid var(--bord);border-radius:10px 10px 0 0;padding-bottom:11px}
.eh-drop-menu a:hover,.eh-drop-menu a:focus-visible{background:color-mix(in srgb,var(--accent) 18%,transparent);color:var(--titre)}
.eh-drop-menu a[aria-current="page"]{background:color-mix(in srgb,var(--accent) 26%,transparent);font-weight:700}
.eh-drop.is-open>.eh-drop-menu{opacity:1;visibility:visible;transform:none;transition-delay:0s}
html:not(.js) .eh-drop:hover>.eh-drop-menu,html:not(.js) .eh-drop:focus-within>.eh-drop-menu{opacity:1;visibility:visible;transform:none}
.eh-nav :focus-visible,.eh-mobile :focus-visible{outline:2px solid var(--titre);outline-offset:2px}

.eh-cta{display:flex;align-items:center;gap:18px}
.eh-tel{display:none;flex-direction:column;line-height:1.2;color:var(--titre);white-space:nowrap}
.eh-tel span{font-size:11px;color:var(--texte-doux)}
.eh-tel strong{font-size:14px;font-weight:700}
.eh-tel:hover{color:var(--accent-texte-fonce)}
@media(min-width:1180px){.eh-tel{display:flex}}
/* icône téléphone du bloc « Appelez-nous » (règle 11 /be-web-fix : coordonnées de l'en-tête avec leur icône) */
.eh-tel{flex-direction:row;align-items:center;gap:10px}
.eh-tel .eh-tel-ico{width:36px;height:36px;flex:none;border-radius:50%;background:var(--accent);color:var(--sur-accent);display:inline-flex;align-items:center;justify-content:center;font-size:16px}
.eh-tel .eh-tel-txt{display:flex;flex-direction:column;font-size:inherit;color:inherit}
.eh-tel .eh-tel-txt span{font-size:11px;color:var(--texte-doux)}
.eh-devis{background:var(--accent);color:var(--sur-accent);border-radius:40px;padding:13px 24px;font-size:13px;font-weight:700;white-space:nowrap}
.eh-devis:hover{background:var(--accent-sur-sombre);color:var(--sur-accent)} /* survol : #162A35 sur #FFB765 = 8,62:1 (accent-fonce ne donnait que 4,07:1) */

/* ---- menu mobile (ouvert/fermé par assets/eco/js/site.js ; le sous-menu par commun.js) ---- */
.eh-mobile{display:flex;flex-direction:column;padding:8px 24px 22px;font-size:17px;font-weight:600;background:var(--fond);max-height:calc(100vh - 78px);max-height:calc(100dvh - 78px);overflow-y:auto;overscroll-behavior:contain}
.eh-mobile>a,.eh-m-row>a{color:var(--titre);padding:12px 0;border-bottom:1px solid var(--bord)}
.eh-m-row{display:flex;align-items:stretch;border-bottom:1px solid var(--bord)}
.eh-m-row>a{flex:1;border-bottom:0}
.eh-m-btn{appearance:none;flex:none;width:48px;border:0;background:none;color:var(--titre);cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0}
.eh-m-btn svg{transition:transform .2s}
.eh-m-btn[aria-expanded="true"] svg{transform:rotate(180deg)}
.eh-mobile a[aria-current="page"]{background:var(--accent);color:var(--sur-accent);padding:12px;border-radius:8px;border-bottom-color:transparent}
.eh-m-row.is-actif>a{background:var(--accent);color:var(--sur-accent);padding:12px;border-radius:8px}
.eh-m-sub[hidden]{display:none}
.eh-m-sub{display:flex;flex-direction:column;padding:2px 0 8px 14px;border-bottom:1px solid var(--bord)}
.eh-m-sub a{color:var(--texte);font-size:15px;font-weight:500;padding:10px 12px;border-radius:8px}
.eh-m-sub a:first-child{font-weight:700;color:var(--titre)}
.eh-m-sub a[aria-current="page"]{background:color-mix(in srgb,var(--accent) 26%,transparent);color:var(--titre);font-weight:700;padding:10px 12px}
.eh-m-cta{margin-top:14px;background:var(--accent);color:var(--sur-accent);border-radius:40px;padding:14px;text-align:center;font-size:15px;font-weight:700;border-bottom:0!important}
.eh-mobile>a.eh-m-cta:hover{color:var(--sur-accent)}

/* ---- pied : vague en transition (ardoise + liseré orange), posée sur le bas de la section précédente ---- */
.pied-vague{--vh:clamp(32px,5vw,64px);position:relative;z-index:2;height:var(--vh);margin-top:calc(var(--vh) * -1);overflow:hidden;pointer-events:none;line-height:0}
.pied-vague svg{position:absolute;left:0;bottom:-1px;height:100%;display:block}
.pied-vague .pv-a,.pied-vague .pv-b{width:200%;will-change:transform;animation:pvX 24s linear infinite}
.pied-vague .pv-b{animation-duration:15s;animation-direction:reverse}
.pied-vague .pv-f{width:100%}
.pv-a path{fill:var(--accent);fill-opacity:.4}
.pv-b path{fill:var(--accent)}
.pv-f path{fill:var(--bandeau)}
.pied-vague.pv-pause svg{animation-play-state:paused}
@keyframes pvX{to{transform:translateX(-50%)}}

/* ---- pied ---- */
.pied{position:relative;overflow:hidden;color:var(--bandeau-texte);background:radial-gradient(ellipse min(520px,70vw) 380px at 45% 100%,rgba(229,141,50,.11),transparent 70%),var(--bandeau)}
.pied-in{position:relative;max-width:1240px;margin:0 auto;padding:0 24px}
.pied a{color:var(--bandeau-texte)}
.pied :focus-visible{outline:2px solid var(--accent-sur-sombre);outline-offset:3px;border-radius:6px}
.pied-appel{display:flex;justify-content:space-between;align-items:center;gap:18px 28px;flex-wrap:wrap;padding:30px 0 38px;border-bottom:1px solid rgba(255,255,255,.12)}
.pied-tel{display:inline-flex;align-items:center;gap:10px;border:1.5px solid rgba(255,255,255,.34);color:var(--bandeau-texte);border-radius:40px;padding:15px 24px;font-size:15px;font-weight:700}
.pied-tel .ts-ico{margin:0}
.pied-devis{display:inline-flex;align-items:center;background:var(--accent);color:var(--sur-accent)!important;border-radius:40px;padding:15px 26px;font-size:15px;font-weight:700}
.pied-devis .ts-ico-r{margin:0 0 0 8px}
.pied-devis:hover{color:var(--sur-accent)!important;background:var(--accent-sur-sombre)}
.pied-cols{display:grid;grid-template-columns:1.3fr 1.2fr 1fr .6fr;gap:44px;padding:52px 0 40px}
.pied-marque{display:flex;flex-direction:column;gap:14px;font-size:14px;line-height:1.7;color:var(--bandeau-texte-doux)}
.pied-marque p{max-width:330px}
.pied-marque strong{color:var(--bandeau-texte);font-weight:700}
.pied-logo{align-self:flex-start;display:block;background:#fff;border-radius:16px;padding:6px 16px;box-shadow:0 6px 22px rgba(0,0,0,.22)}
.pied-logo img{display:block;height:84px;width:auto;max-width:100%}
.pied-titre{margin:0 0 18px;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.16em;color:var(--accent-sur-sombre)}
.pied-col ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:11px;font-size:14px}
.pied-col li{display:flex;align-items:center;gap:12px;min-width:0}
.pied-col li>a:not(.hvpied){color:var(--bandeau-texte-doux)}
.pied-col a.hvpied{color:var(--bandeau-texte-doux);display:inline-flex;align-items:center;gap:12px;min-width:0;overflow-wrap:anywhere}
.pied-col:nth-child(2) a.hvpied{color:var(--bandeau-texte);font-weight:600}
.pied-val{color:var(--bandeau-texte-doux)}
.pied-pastille{flex:none;width:32px;height:32px;border-radius:10px;background:rgba(255,255,255,.09);color:var(--accent-sur-sombre);display:flex;align-items:center;justify-content:center;transition:background .2s,color .2s}
.pied-col a.hvpied:hover .pied-pastille{background:var(--accent);color:var(--sur-accent)}
.pied-zone{margin:0;border-top:1px solid rgba(255,255,255,.1);padding:20px 0;font-size:13px;line-height:1.9;color:var(--bandeau-texte-doux)}
.pied-zone span{white-space:nowrap}
.pied-zone .pied-zone-t{color:var(--bandeau-texte);font-weight:600}
.pied-bas{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px 28px;padding:22px 0 28px;border-top:1px solid rgba(255,255,255,.1);font-size:13px;color:var(--bandeau-texte-doux)}
.pied-bas a{color:var(--bandeau-texte-doux)}
.pied-liens{display:flex;flex-wrap:wrap;justify-content:center;gap:8px 20px}
.pied-bas a.hvpied:hover,.pied-bas a.hv15:hover{color:var(--accent-sur-sombre)!important}
.pied-haut{display:inline-flex;align-items:center;gap:10px;color:var(--bandeau-texte)!important;font-weight:600}
.pied-haut-p{width:28px;height:28px;border-radius:50%;background:rgba(255,255,255,.12);display:flex;align-items:center;justify-content:center;transition:background .2s,color .2s}
.pied-haut:hover{color:var(--accent-sur-sombre)!important}
.pied-haut:hover .pied-haut-p{background:var(--accent);color:var(--sur-accent)}

@media(max-width:1099px){
  .pied-bas{grid-template-columns:1fr;justify-items:start}
  .pied-liens{justify-content:flex-start}
}
@media(max-width:1023px){
  .pied-cols{grid-template-columns:1fr 1fr;gap:40px 36px}
  .pied-marque{grid-column:1/-1}
}
@media(max-width:600px){
  .pied-cols{grid-template-columns:1fr;gap:34px;padding:40px 0 30px}
  .pied-appel{flex-direction:column;align-items:stretch;padding:26px 0 30px}
  .pied-tel,.pied-devis{justify-content:center}
  .pied-logo img{height:76px}
}
@media(min-width:769px) and (max-width:1399px){.pied-bas{padding-right:56px}} /* bureau : « Retour en haut » reste à gauche de la bulle d'appel */
@media(max-width:768px){.pied-bas{padding-bottom:96px}} /* la bulle d'appel (fixe, bas droite) ne masque jamais « Retour en haut » */
@media(prefers-reduced-motion:reduce){
  .pied-vague svg{animation:none!important}
  .eh-drop-menu,.eh-caret svg,.eh-m-btn svg,.pied-pastille,.pied-haut-p{transition:none}
}

/* ---- PLAN DU SITE : sous-titres plus discrets que le titre de la page (groupes Pages / Services / Zones / Conseils) ---- */
.prose.plan h2{font-size:var(--t-5);margin:40px 0 8px}
.prose.plan ul{margin:8px 0 0}