/* ganolyk.ca v10 : pleine page, craie, encre et un trait corail. Code maison, aucun framework.
   Grille 12 colonnes bord à bord, Figtree auto-hébergée (SIL OFL 1.1, voir assets/fonts/OFL.txt).
   Mobile d'abord. Le contenu est visible sans JavaScript : les animations ne vivent que sous .js. */

@font-face{font-family:"Figtree";src:url("../fonts/Figtree-Regular.woff2") format("woff2"),url("../fonts/Figtree-Regular.woff") format("woff");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"Figtree";src:url("../fonts/Figtree-SemiBold.woff2") format("woff2"),url("../fonts/Figtree-SemiBold.woff") format("woff");font-weight:600;font-style:normal;font-display:swap}
@font-face{font-family:"Figtree";src:url("../fonts/Figtree-Bold.woff2") format("woff2"),url("../fonts/Figtree-Bold.woff") format("woff");font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:"Figtree";src:url("../fonts/Figtree-ExtraBold.woff2") format("woff2");font-weight:800;font-style:normal;font-display:swap}
@font-face{font-family:"Figtree";src:url("../fonts/Figtree-Black.woff2") format("woff2");font-weight:900;font-style:normal;font-display:swap}

:root{
  --craie:#F2F1EE;--craie-2:#E8E6E1;--encre:#141210;--encre-2:#4A4540;--corail:#ED5A39;--jaune:#F3B644;
  --beton:#C9C5BD;--argile:#2E2622;--argile-txt:#EDE6DF;--argile-2:#B9ADA3;
  --marge:20px;--gout:16px;--entete:64px;--barre:68px;
  --lecture:66ch;
  --t-geant:clamp(44px,calc(11.2 * var(--vw,1vw)),124px);
  --t-titre:clamp(34px,calc(7.4 * var(--vw,1vw)),84px);
  --t-sous:clamp(22px,calc(2.4 * var(--vw,1vw)),32px);
  --t-chapeau:clamp(18px,calc(1.55 * var(--vw,1vw)),22px);
  --rythme:clamp(88px,calc(10 * var(--vw,1vw)),168px);
  --ease:cubic-bezier(.6,.05,.2,1);
}
@media (min-width:700px){:root{--marge:28px;--gout:20px}}
@media (min-width:1024px){:root{--marge:32px;--gout:24px;--entete:76px;--barre:0px;--t-geant:clamp(64px,calc(7.2 * var(--vw,1vw)),128px);--t-titre:clamp(48px,calc(5.4 * var(--vw,1vw)),92px)}}

*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%;scroll-padding-top:calc(var(--entete) + 16px)}
body{margin:0;background:var(--craie);color:var(--encre);font-family:"Figtree",system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;font-size:17px;line-height:1.6;font-weight:400;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;padding-bottom:var(--barre)}
@media (min-width:1024px){body{font-size:18px}}
img,svg,video{max-width:100%;display:block}
img{height:auto}
a{color:inherit}
p{margin:0 0 1em}
h1,h2,h3,h4{margin:0;font-weight:800;line-height:.98;letter-spacing:-.035em;overflow-wrap:break-word;hyphens:manual;-webkit-hyphens:manual}
h3,h4{line-height:1.12;letter-spacing:-.02em}
ul,ol{margin:0;padding:0}
button{font:inherit;color:inherit}
strong,b{font-weight:700}
::selection{background:var(--jaune);color:var(--encre)}
:focus-visible{outline:3px solid var(--corail);outline-offset:3px;border-radius:2px}
.fin :focus-visible,.projet-ecran.sombre :focus-visible{outline-color:var(--jaune)}
[hidden]{display:none!important}
main{display:block}
@supports (overflow:clip){main,.pied,.fin{overflow-x:clip}}
@supports not (overflow:clip){main,.pied,.fin{overflow-x:hidden}}
/* filet pour les SVG en ligne sans dimensions */
a svg,button svg,li svg,p svg,span svg{width:1.05em;height:1.05em;flex:none}
.cache{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.saut{position:absolute;left:var(--marge);top:-80px;z-index:200;background:var(--encre);color:var(--craie);padding:12px 18px;text-decoration:none;font-weight:700}
.saut:focus{top:10px}

/* ---------- Grille 12 colonnes bord à bord ---------- */
.g{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));column-gap:var(--gout);padding-inline:var(--marge)}
.g>*{grid-column:1/-1;min-width:0}
.g{position:relative}
.g>span[id]:empty{position:absolute;top:0;left:0;width:1px;height:1px}
@media (min-width:1024px){.g{grid-template-columns:repeat(12,minmax(0,1fr))}}
.bloc{padding-block:var(--rythme)}
.bloc-serre{padding-block:clamp(56px,calc(6 * var(--vw,1vw)),96px)}
.bord{margin-inline:calc(var(--deborde) * -1)}

/* ---------- Typographie ---------- */
.t-geant{font-size:var(--t-geant);font-weight:900;line-height:.92;letter-spacing:-.045em}
.t-titre{font-size:var(--t-titre);font-weight:800;line-height:.95;letter-spacing:-.04em}
.t-sous{font-size:var(--t-sous);font-weight:800;line-height:1.08;letter-spacing:-.025em}
.chapeau{font-size:var(--t-chapeau);line-height:1.5;max-width:var(--lecture);color:var(--encre)}
.lecture{max-width:var(--lecture)}
.discret{color:var(--encre-2)}
.petit{font-size:15px;line-height:1.5}
.tete-section{margin-bottom:clamp(40px,calc(5.6 * var(--vw,1vw)),78px)}
.fil{font-size:15px;color:var(--encre-2);margin:0 0 18px;display:flex;flex-wrap:wrap;gap:6px 10px;align-items:center}
.fil a{text-decoration:none;border-bottom:1px solid var(--beton)}
.fil a:hover{border-color:var(--encre)}
.fil span[aria-hidden]{color:var(--beton)}
.prix-fort{font-weight:900;letter-spacing:-.04em;line-height:.9}

/* ---------- Liens et boutons ---------- */
.lien{text-decoration:none;font-weight:700;background:linear-gradient(currentColor,currentColor) 0 100%/100% 2px no-repeat;padding-bottom:3px;transition:background-size .35s var(--ease)}
.lien:hover{background-size:0 2px;background-position:100% 100%;animation:souligne .5s var(--ease) .1s forwards}
@keyframes souligne{0%{background-size:0 2px;background-position:0 100%}100%{background-size:100% 2px;background-position:0 100%}}
.prose a,.lien-texte{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px;text-decoration-color:var(--corail)}
.prose a:hover,.lien-texte:hover{text-decoration-thickness:2px}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:54px;padding:14px 24px;border:2px solid var(--encre);background:var(--encre);color:var(--craie);font-weight:700;font-size:17px;line-height:1.15;text-decoration:none;border-radius:0;cursor:pointer;box-shadow:0 3px 0 var(--encre);transition:transform .12s ease,box-shadow .12s ease,background-color .2s ease,color .2s ease;-webkit-tap-highlight-color:transparent}
.btn:hover{background:#2a2622}
.btn:active{transform:translateY(2px);box-shadow:0 1px 0 var(--encre)}
.btn-corail{background:var(--corail);border-color:var(--encre);color:var(--encre)}
.btn-corail:hover{background:#F06D4F}
.btn-ligne{background:transparent;color:var(--encre)}
.btn-ligne:hover{background:var(--encre);color:var(--craie)}
.btn svg{width:20px;height:20px}
.btn .num{font-weight:800;white-space:nowrap}
.actions{display:flex;flex-wrap:wrap;gap:14px;align-items:center}
.fin .btn{border-color:var(--argile-txt);box-shadow:0 3px 0 #0d0a09}
.fin .btn-ligne{color:var(--argile-txt)}
.fin .btn-ligne:hover{background:var(--argile-txt);color:var(--argile)}

/* ---------- Le trait corail : net, d'une seule épaisseur ---------- */
.trait{position:absolute;max-width:none;pointer-events:none;overflow:visible;fill:none;stroke:var(--corail);stroke-linecap:round;stroke-linejoin:round}
.trait path{stroke-width:3}
.souligne{position:relative;display:inline-block;white-space:nowrap}
.souligne .trait{left:0;bottom:-.1em;width:100%;height:.24em}
.souligne .trait path{stroke-width:7}
.encercle{position:relative;display:inline-block;z-index:0}
.encercle>.trait{inset:-14px -20px;width:calc(100% + 40px);height:calc(100% + 28px);z-index:-1}
.encercle>.trait path{stroke-width:2.5}
.js .trait path{stroke-dasharray:1;stroke-dashoffset:1}
.js [data-trait].trace .trait path,.js .trace [data-trait] .trait path,.js .trace>.trait path{transition:stroke-dashoffset .9s var(--ease);stroke-dashoffset:0}
@keyframes tracer{to{stroke-dashoffset:0}}

/* ---------- Les faits : un court trait corail, le fait en gras, la précision dessous ---------- */
.faits{list-style:none;display:grid;gap:28px;position:relative;padding:0}
.fait{position:relative;display:grid;row-gap:4px;align-content:start;padding-top:18px}
.fait::before{content:"";position:absolute;left:0;top:0;width:28px;height:3px;border-radius:2px;background:var(--corail);transition:width .35s var(--ease)}
.fait strong{font-size:20px;font-weight:800;line-height:1.15;letter-spacing:-.015em}
.fait span{font-size:15px;line-height:1.4;color:var(--encre-2)}
@media (hover:hover){.fait:hover::before{width:48px}}
@media (min-width:1024px){.faits-ligne{grid-template-columns:repeat(5,minmax(0,1fr));gap:var(--gout)}}
.faits-villes{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:var(--gout);row-gap:22px}
.faits-villes .fait strong{font-size:18px}
@media (min-width:700px){.faits-villes{grid-template-columns:repeat(3,minmax(0,1fr))}}

/* ---------- En-tête ---------- */
.ent{position:sticky;top:0;z-index:60;background:var(--craie);border-bottom:1px solid transparent;transition:border-color .2s ease}
.ent.collee{border-bottom-color:var(--beton)}
.ent-in{display:flex;align-items:center;gap:18px;height:var(--entete);padding-inline:var(--marge)}
.ent-logo{display:block;flex:none;margin-right:auto}
.ent-logo img{height:30px;width:auto}
@media (min-width:1024px){.ent-logo img{height:34px}}
.ent-nav{display:none}
.ent-nav a{position:relative;text-decoration:none;font-weight:600;font-size:16px;padding:6px 0;white-space:nowrap}
.ent-nav a::after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:var(--corail);transform:scaleX(0);transform-origin:left;transition:transform .3s var(--ease)}
.ent-nav a:hover::after,.ent-nav a[aria-current="page"]::after{transform:scaleX(1)}
.ent-outils{display:flex;align-items:center;gap:12px}
.ent-langue{font-weight:700;text-decoration:none;font-size:15px;padding:8px 6px}
.ent-audit{display:none}
.ent-tel{display:none}
.ent-burger{display:inline-flex;align-items:center;gap:10px;height:46px;padding:0 14px;border:2px solid var(--encre);background:transparent;cursor:pointer;font-weight:700;font-size:15px}
.ent-burger .barres{position:relative;width:20px;height:12px}
.ent-burger .barres i{position:absolute;left:0;right:0;height:2px;background:var(--encre);transition:transform .25s var(--ease),top .25s var(--ease)}
.ent-burger .barres i:first-child{top:0}
.ent-burger .barres i:last-child{top:10px}
.ent-burger[aria-expanded="true"] .barres i:first-child{top:5px;transform:rotate(45deg)}
.ent-burger[aria-expanded="true"] .barres i:last-child{top:5px;transform:rotate(-45deg)}
@media (min-width:1200px){
  .ent-in{gap:28px}
  .ent-logo{margin-right:12px}
  .ent-nav{display:flex;gap:26px;margin-right:auto}
  .ent-audit{display:inline-flex;min-height:44px;padding:9px 16px;font-size:15px;box-shadow:0 2px 0 var(--encre)}
  .ent-tel{display:inline-flex;align-items:center;gap:8px;font-weight:800;text-decoration:none;font-size:17px;white-space:nowrap}
  .ent-tel svg{width:18px;height:18px;color:var(--corail)}
  .ent-burger{display:none}
}
@media (min-width:1200px) and (max-width:1320px){.ent-nav{gap:18px}.ent-nav a{font-size:15px}}

/* menu téléphone : sous l'en-tête, qui garde le bouton de fermeture */
.menu{position:fixed;inset:var(--entete) 0 0 0;z-index:55;background:var(--craie);overflow-y:auto;-webkit-overflow-scrolling:touch;padding:28px var(--marge) calc(var(--barre) + 40px);opacity:0;transform:translateY(-8px);transition:opacity .22s ease,transform .22s ease;pointer-events:none}
.menu.ouvert{opacity:1;transform:none;pointer-events:auto}
.menu nav{display:flex;flex-direction:column}
.menu nav a{text-decoration:none;font-weight:800;font-size:clamp(30px,calc(8.4 * var(--vw,1vw)),44px);letter-spacing:-.03em;line-height:1.05;padding:10px 0;border-bottom:1px solid var(--beton)}
.menu nav a[aria-current="page"]{color:var(--corail)}
.menu .menu-bas{margin-top:28px;display:grid;gap:14px}
.menu .menu-bas .btn{width:100%}
.menu .menu-bas p{margin:0;font-size:15px;color:var(--encre-2)}
@media (min-width:1200px){.menu{display:none!important}}
.sans-defilement{overflow:hidden}

/* barre d'appel fixe (téléphone) */
.barre-appel{position:fixed;left:0;right:0;bottom:0;z-index:50;display:flex;align-items:center;gap:12px;height:var(--barre);padding:0 var(--marge);padding-bottom:env(safe-area-inset-bottom,0);background:var(--encre);color:var(--craie);text-decoration:none;border-top:3px solid var(--corail)}
.barre-appel .rond{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:var(--corail);color:var(--encre);flex:none;animation:sonne 4s ease-in-out 2s infinite}
.barre-appel .rond svg{width:20px;height:20px}
.barre-appel .quoi{display:flex;flex-direction:column;line-height:1.2;font-size:13px;color:#cfc8c1}
.barre-appel .quoi strong{font-size:16px;color:var(--craie)}
.barre-appel .num{margin-left:auto;font-weight:800;font-size:19px;letter-spacing:-.01em;white-space:nowrap}
@keyframes sonne{0%,86%,100%{transform:rotate(0)}88%{transform:rotate(-14deg)}90%{transform:rotate(12deg)}92%{transform:rotate(-10deg)}94%{transform:rotate(8deg)}96%{transform:rotate(0)}}
@media (min-width:1024px){.barre-appel{display:none}}
@media (max-width:359px){.barre-appel .quoi span{display:none}.barre-appel .num{font-size:17px}}
.gp-typing .barre-appel{display:none}

/* ---------- Héros de l'accueil : « Trouvé. Appelé. » ----------
   Lignes de niveau en SVG, un chemin corail qui monte jusqu'au sommet puis souligne « Appelé. »,
   un compteur à palettes et une barre de recherche. Une seule fois, moins de 3 s.
   Sans JS ou avec « moins d'animations » : l'état final, lisible tout de suite. */
.heros{position:relative;padding-top:clamp(26px,calc(5 * var(--vw,1vw)),56px);padding-bottom:clamp(44px,calc(6 * var(--vw,1vw)),72px);overflow:hidden;isolation:isolate}
@supports (overflow:clip){.heros{overflow:clip}}
.heros-texte{position:relative;z-index:2;display:flex;flex-direction:column;align-items:flex-start}
.heros-titre{font-size:clamp(54px,calc(18.5 * var(--vw,1vw)),100px);font-weight:900;line-height:.9;letter-spacing:-.05em;margin:0 0 22px}
.heros-titre .l1,.heros-titre .l2{display:block}
.heros-titre .souligne{z-index:0}
.heros-titre .souligne .trait{bottom:-.04em;height:.2em;z-index:-1}
.heros-titre .souligne .trait path{stroke-width:5}
.heros .prix-ligne{font-size:clamp(18px,calc(1.7 * var(--vw,1vw)),23px);font-weight:700;line-height:1.35;margin:0 0 18px;max-width:34em}
.heros .prix-ligne .prix-fort{font-size:clamp(32px,calc(3.3 * var(--vw,1vw)),50px);display:inline-block;margin-right:6px}
.heros .chapeau{margin:0 0 26px;max-width:36em}
.heros .actions{margin-bottom:18px}
.heros .petit{margin:0 0 6px;color:var(--encre-2)}

/* compteur à palettes (décoratif) */
.compteur{display:flex;gap:3px;width:100%;max-width:29em;height:2.1em;margin:0 0 24px;font-size:clamp(14px,calc(3.7 * var(--vw,1vw)),22px);font-weight:800;line-height:1;letter-spacing:0}
.compteur .c-txt{display:inline-flex;align-items:center;height:100%;padding:0 .7em;background:var(--encre);color:var(--craie);border-radius:3px;letter-spacing:.05em;white-space:nowrap}
.compteur .c-txt b{color:var(--corail);font-weight:800;margin-left:.3em}
.js .compteur .c-txt{visibility:hidden;animation:montrer 0s linear 2.5s forwards}
@keyframes montrer{to{visibility:visible}}
.compteur .p{position:relative;flex:1 1 0;min-width:0;display:flex;align-items:center;justify-content:center;background:#24201d;background:linear-gradient(#2a2622 50%,var(--encre) 50%);color:var(--craie);border-radius:4px;overflow:hidden}
.compteur .p::after{content:"";position:absolute;left:0;right:0;top:50%;height:1px;margin-top:-.5px;background:rgba(0,0,0,.55)}
.compteur .p i{position:relative;z-index:1;display:block;font-style:normal;transform-origin:50% 50%}
.compteur .p.chaud{background:var(--corail);background:linear-gradient(#F06A4B 50%,var(--corail) 50%);color:var(--encre)}
.compteur .p.chaud::after{background:rgba(20,18,16,.22)}

/* la carte : lignes de niveau, chemin, sommet */
.heros-carte{position:absolute;z-index:0;top:0;right:0;bottom:0;left:34%;pointer-events:none}
.heros>.heros-carte,.heros>.heros-lien{grid-column:auto;grid-row:auto}
.heros-carte .topo{position:absolute;inset:0;width:100%;height:100%;max-width:none;overflow:visible}
.courbes use{fill:none;stroke:var(--encre);stroke-opacity:.1;stroke-width:1px}
.courbes use.idx{stroke-opacity:.2}
.carte-chemin{fill:none;stroke:var(--corail);stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}
.sommet{fill:var(--corail)}
.sommet-anneau{fill:none;stroke:var(--corail);stroke-width:1.5px}
.onde{fill:none;stroke:var(--corail);stroke-width:1.5px;opacity:0}
.heros-lien{position:absolute;inset:0;width:100%;height:100%;max-width:none;z-index:1;pointer-events:none;overflow:visible;fill:none;stroke:var(--corail);stroke-width:2.5px;stroke-linecap:round}
.heros-lien path{stroke-dasharray:1 2;stroke-dashoffset:1.01}
.carte-chemin,.sommet-g,.heros-recherche,.heros-lien{display:none}

/* barre de recherche (ordinateur) */
.heros-recherche{position:absolute;z-index:1;top:clamp(28px,6vh,64px);right:var(--marge);align-items:center;gap:12px;width:min(440px,calc(34 * var(--vw,1vw)));height:58px;padding:0 22px;background:#fff;border:1px solid var(--encre);border-radius:999px;box-shadow:0 3px 0 var(--encre);font-size:17px;line-height:1.4;color:var(--encre)}
.heros-recherche svg{width:20px;height:20px;flex:none}
.r-etiquette{color:var(--encre-2);white-space:nowrap}
.r-fenetre{position:relative;display:block;flex:1 1 auto;min-width:0;height:1.4em;overflow:hidden}
.r-liste{display:block;transform:translateY(-7em)}
.r-liste span{display:block;height:1.4em;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

/* téléphone : titre, prix, bouton d'appel visibles sans défiler; compteur + trait seulement */
@media (max-width:1023px){
  .heros-titre{order:1}.compteur{order:2}.heros .prix-ligne{order:3}.heros .actions{order:4}.heros .chapeau{order:5}.heros .petit{order:6}
  .heros .actions .btn-corail{order:-1}
  .heros .chapeau{margin-top:6px}
  .courbes use{stroke-opacity:.08}.courbes use.idx{stroke-opacity:.14}
}
@media (min-width:1024px){
  .heros{min-height:calc(100vh - var(--entete));min-height:calc(100svh - var(--entete));align-content:center;padding-block:clamp(40px,6vh,80px)}
  .heros-texte{grid-column:1/7}
  .heros-titre{font-size:clamp(88px,calc(9 * var(--vw,1vw)),160px);margin-bottom:clamp(26px,calc(2.6 * var(--vw,1vw)),40px)}
  .heros-titre .souligne .trait path{stroke-width:6}
  .heros-carte{left:50%}
  .carte-chemin,.sommet-g{display:inline}
  .heros-recherche{display:flex}
  .heros-lien{display:block}
}

/* le mouvement, sous .js seulement */
.js .carte-chemin{stroke-dasharray:1 2;stroke-dashoffset:1.01;animation:tracer 1.4s cubic-bezier(.45,.05,.25,1) .5s forwards}
.js .sommet{transform-box:fill-box;transform-origin:center;animation:sommet .3s cubic-bezier(.3,1.6,.5,1) 1.85s both}
@keyframes sommet{from{transform:scale(0)}}
.js .sommet-anneau{transform-box:fill-box;transform-origin:center;animation:sommet .35s ease-out 1.9s both}
.js .onde{transform-box:fill-box;transform-origin:center;animation:onde .9s ease-out 1.95s}
.js .onde+.onde{animation-delay:2.2s}
@keyframes onde{0%{opacity:.9;transform:scale(1)}100%{opacity:0;transform:scale(5)}}
.js .r-liste{animation:defile 1.2s cubic-bezier(.2,.7,.1,1) .1s both}
@keyframes defile{from{transform:translateY(0)}to{transform:translateY(-7em)}}
.js .heros-titre .trait path{stroke-dasharray:1 2;stroke-dashoffset:1.01;animation:tracer .5s var(--ease) 2.15s forwards}
@media (min-width:1024px){.js .heros-titre .trait path{stroke-dashoffset:-1.01;animation:tracer .45s cubic-bezier(.3,0,.2,1) 2.3s forwards}}
.js .heros .btn-corail svg{animation:sonne-une .55s ease-in-out 2.4s}
@keyframes sonne-une{0%,100%{transform:rotate(0)}20%{transform:rotate(-16deg)}40%{transform:rotate(13deg)}60%{transform:rotate(-9deg)}80%{transform:rotate(6deg)}}

/* ---------- Bande de repères ---------- */
.reperes{padding-block:clamp(48px,calc(6 * var(--vw,1vw)),88px) clamp(56px,calc(7 * var(--vw,1vw)),104px)}

/* ---------- Forfaits en grandes lignes ---------- */
.forfaits-lignes{list-style:none;border-top:2px solid var(--encre);display:flex;flex-direction:column}
.ligne-forfait{position:relative;display:grid;grid-template-columns:1fr;gap:12px;padding:30px 0 34px;border-bottom:1px solid var(--beton)}
.ligne-forfait .nom{font-size:clamp(34px,calc(4 * var(--vw,1vw)),56px);font-weight:900;letter-spacing:-.04em;line-height:1}
.ligne-forfait .portee{font-weight:700;margin:6px 0 0;font-size:17px}
.ligne-forfait .texte{margin:0;max-width:52ch;color:var(--encre-2)}
.ligne-forfait .prix{font-size:clamp(64px,calc(8.6 * var(--vw,1vw)),132px);font-weight:900;letter-spacing:-.055em;line-height:.85;white-space:nowrap}
.ligne-forfait .prix small{font-size:clamp(16px,calc(1.3 * var(--vw,1vw)),19px);letter-spacing:0;font-weight:700;margin-left:8px;vertical-align:.9em}
.ligne-forfait .inclus{margin:12px 0 0;font-size:15.5px;font-weight:600}
.ligne-forfait .liens{display:flex;flex-direction:column;align-items:flex-start;gap:14px}
.ligne-forfait .reco{display:inline-block;font-weight:800;font-size:15px;color:var(--encre);background:var(--jaune);padding:4px 10px;margin-bottom:10px;transform:rotate(-1.5deg)}
.ligne-forfait.vedette .prix .encercle>.trait{inset:-18px -28px -10px -24px;width:calc(100% + 52px);height:calc(100% + 28px)}
.ligne-forfait .prix-bloc{transition:transform .35s var(--ease)}
@media (hover:hover){.ligne-forfait:hover .prix-bloc{transform:translateX(10px)}}
@media (max-width:1023px){.forfaits-lignes .vedette{order:-1}}
@media (min-width:1024px){
  .ligne-forfait{grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--gout);align-items:center;padding:44px 0 48px}
  .ligne-forfait .tete{grid-column:1/4}
  .ligne-forfait .texte{grid-column:4/7;align-self:center}
  .ligne-forfait .prix-bloc{grid-column:7/11}
  .ligne-forfait .liens{grid-column:11/13;align-items:flex-start}
}
.ligne-forfait .texte p{margin:0}
.ligne-forfait .inclusions{list-style:none;margin-top:14px;font-size:15.5px;color:var(--encre-2)}
.ligne-forfait .inclusions li{position:relative;padding-left:20px;margin:5px 0;line-height:1.4}
.ligne-forfait .inclusions li::before{content:"";position:absolute;left:0;top:.62em;width:11px;height:3px;border-radius:2px;background:var(--corail)}
.detaillees .ligne-forfait{align-items:start}
.detaillees .ligne-forfait .texte{color:var(--encre)}
.sous-grille{margin-top:28px;display:grid;gap:12px}
.duo-interne{display:grid;gap:26px}
@media (min-width:1024px){.duo-interne{grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--gout)}.duo-interne>:first-child{grid-column:1/6}.duo-interne>:last-child{grid-column:7/13}.duo-droite .media-texte{grid-column:8/13;grid-row:1}}
/* image 3D d'une section (services) */
.media-3d{margin:0}
.media-3d img{width:100%;aspect-ratio:1600/893;object-fit:cover;background:var(--encre)}
.media-3d.craie img{background:var(--craie)}
.tableau.comparer{font-size:16px}
.tableau.comparer tbody th{font-size:16px;font-weight:700;letter-spacing:0}
.tableau.comparer td,.tableau.comparer th{padding:14px 12px 14px 0}
.tableau.comparer thead th:not(:first-child){font-size:18px;font-weight:800}
.sous-grille p{margin:0}
@media (min-width:1024px){.sous-grille{grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--gout)}.sous-grille>*:first-child{grid-column:1/8}.sous-grille>*:last-child{grid-column:9/13;justify-self:start}}

/* ---------- Écrans de projet (portfolio) ---------- */
.projet-ecran{--c:#2B3A8F;--c-txt:#fff;--c-2:rgba(255,255,255,.78);position:relative;background:var(--c);color:var(--c-txt);padding-block:clamp(64px,calc(8 * var(--vw,1vw)),128px) 0;overflow:hidden}
@supports (overflow:clip){.projet-ecran{overflow:clip}}
.projet-ecran .g{row-gap:36px}
.projet-ecran .texte p{color:var(--c-2)}
.projet-ecran .texte .phrase{color:var(--c-txt)}
.projet-ecran h2,.projet-ecran h3{color:var(--c-txt)}
.projet-ecran .phrase{font-size:clamp(30px,calc(4.2 * var(--vw,1vw)),64px);font-weight:900;letter-spacing:-.04em;line-height:.98;margin:0 0 22px;color:var(--c-txt)}
.projet-ecran .nom{font-size:19px;font-weight:700;letter-spacing:0;line-height:1.3;margin:0 0 14px;color:var(--c-txt)}
.projet-ecran dl{display:grid;gap:16px;margin:26px 0 30px;max-width:60ch}
.projet-ecran dt{font-weight:800;color:var(--c-txt);font-size:15px}
.projet-ecran dd{margin:4px 0 0;color:var(--c-2)}
.projet-ecran .actions .btn{background:var(--c-txt);color:var(--c);border-color:var(--c-txt);box-shadow:0 3px 0 rgba(0,0,0,.35)}
.projet-ecran .actions .lien{color:var(--c-txt)}
/* La capture ordinateur entière, le téléphone à côté (même hauteur) ou dessous : jamais l'un sur l'autre. */
.projet-ecran .visuel{--ecart:clamp(16px,calc(2 * var(--vw,1vw)),28px);position:relative;display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:flex-start;gap:var(--ecart);margin-top:8px;padding-bottom:clamp(56px,calc(8 * var(--vw,1vw)),96px)}
.projet-ecran .visuel img{display:block;max-width:100%;height:auto;flex:0 0 auto;border:1px solid rgba(0,0,0,.6);background:#fff}
.projet-ecran .visuel .ordi{width:100%}
.projet-ecran .visuel .tel{width:42%;max-width:200px;border-radius:12px}
@media (min-width:700px){
  .projet-ecran .visuel{flex-wrap:nowrap}
  .projet-ecran .visuel .ordi{width:calc((100% - var(--ecart)) * .776)}
  .projet-ecran .visuel .tel{width:calc((100% - var(--ecart)) * .224);max-width:none}
}
.projet-ecran.clair{--c-txt:var(--encre);--c-2:var(--encre-2)}
.projet-ecran.clair .actions .btn{background:var(--encre);color:var(--craie);border-color:var(--encre)}
@media (min-width:1024px){
  .projet-ecran{min-height:100vh;min-height:100svh;display:flex;flex-direction:column;justify-content:center;padding-block:clamp(72px,calc(8 * var(--vw,1vw)),120px)}
  .projet-ecran .texte{grid-column:1/6;grid-row:1;align-self:center;position:relative;z-index:2}
  .projet-ecran .visuel{grid-column:6/13;grid-row:1;align-self:center;margin-top:0;padding-bottom:0;padding-left:clamp(32px,calc(3 * var(--vw,1vw)),48px)}
  .projet-ecran.inverse .texte{grid-column:8/13}
  .projet-ecran.inverse .visuel{grid-column:1/8;padding-left:0;padding-right:clamp(32px,calc(3 * var(--vw,1vw)),48px)}
}

.projet-ecran .fil{color:var(--c-2)}
.projet-ecran .fil a{border-color:currentColor}
.projet-ecran h1{font-size:clamp(44px,calc(6.4 * var(--vw,1vw)),104px);font-weight:900;letter-spacing:-.045em;line-height:.92;margin:0 0 18px;color:var(--c-txt)}
.projet-ecran .fiche{display:grid;grid-template-columns:1fr 1fr;gap:14px 24px;border-top:1px solid currentColor;padding-top:18px}
.projet-ecran .fiche dd a{color:var(--c-txt);font-weight:700}
/* pages projet */
.rangs{list-style:none;border-top:2px solid var(--encre)}
.rangs>li{display:grid;gap:8px;padding:26px 0;border-bottom:1px solid var(--beton)}
.rangs h3{font-size:clamp(22px,calc(2.2 * var(--vw,1vw)),32px)}
.rangs p{margin:0;max-width:60ch;color:var(--encre-2)}
@media (min-width:1024px){.rangs>li{grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--gout);align-items:baseline}.rangs h3{grid-column:1/6}.rangs p{grid-column:7/12}}
.captures-duo{display:grid;gap:28px;margin-top:clamp(40px,calc(5 * var(--vw,1vw)),72px)}
.captures-duo figure{margin:0}
.captures-duo img{width:100%;border:1px solid var(--encre);background:#fff}
.captures-duo figcaption{font-size:15px;color:var(--encre-2);margin-top:10px}
@media (min-width:1024px){.captures-duo{grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--gout)}.captures-duo>:first-child{grid-column:1/8;margin-left:calc(var(--deborde) * -1)}.captures-duo>:last-child{grid-column:8/13;margin-top:140px;margin-right:calc(var(--deborde) * -1)}}
.cadre-long{aspect-ratio:4/3;overflow:hidden;border:1px solid var(--encre);background:#fff}
.cadre-long img{width:100%;height:100%;object-fit:cover;object-position:50% 0;border:0}
.appareils{display:flex;gap:clamp(14px,calc(2 * var(--vw,1vw)),28px);align-items:flex-end;margin-top:clamp(36px,calc(4 * var(--vw,1vw)),64px)}
.appareils img{border:1px solid var(--encre);background:#fff}
.appareils .tablette{width:58%;border-radius:14px}
.appareils .tel{width:30%;border-radius:12px}
.publications{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(10px,calc(1.6 * var(--vw,1vw)),24px);margin-top:20px}
.publications img,.couverture-fb img{border:1px solid var(--encre);width:100%}
.couverture-fb{margin:clamp(32px,calc(4 * var(--vw,1vw)),56px) 0 0}
.suivant{display:block;text-decoration:none;border-top:2px solid var(--encre);padding-top:22px}
.suivant .quoi{font-weight:700;margin:0}
.suivant .qui{display:block;font-size:clamp(44px,calc(7 * var(--vw,1vw)),120px);font-weight:900;letter-spacing:-.05em;line-height:.95;margin:10px 0 26px}
.suivant img{width:100%;border:1px solid var(--encre);transition:transform .5s var(--ease)}
.suivant .cadre-suivant{overflow:hidden}
@media (hover:hover){.suivant:hover .qui{color:var(--corail)}.suivant:hover img{transform:scale(1.02)}}

/* étapes (une vraie suite, sans numéros) : une petite pastille corail par étape */
.couches{list-style:none;border-top:2px solid var(--encre)}
.couches>li{position:relative;display:grid;gap:8px;padding:26px 0 26px 30px;border-bottom:1px solid var(--beton)}
.couches>li::before{content:"";position:absolute;left:0;top:34px;width:12px;height:12px;border-radius:50%;background:var(--corail)}
.couches h3{font-size:clamp(22px,calc(2.2 * var(--vw,1vw)),32px)}
.couches p{margin:0;max-width:62ch;color:var(--encre-2)}
@media (min-width:1024px){.couches>li{grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--gout);align-items:baseline;padding-left:0}.couches>li::before{position:static;grid-column:1/2;align-self:center}.couches h3{grid-column:2/6}.couches p{grid-column:7/12}}

/* ---------- Composition image + texte qui sort par le bord ---------- */
.duo{row-gap:36px;align-items:center}
.duo .media{position:relative}
.duo .media img{width:100%;height:100%;object-fit:cover}
.duo .media .cadre{border:1px solid var(--encre)}
.duo .legende{font-size:14px;color:var(--encre-2);margin-top:10px}
@media (max-width:1023px){.duo .media.sort-gauche,.duo .media.sort-droite{margin-inline:calc(var(--deborde) * -1)}}
@media (min-width:1024px){
  .duo-gauche .media{grid-column:1/6;grid-row:1;margin-left:calc(var(--deborde) * -1)}
  .duo-gauche .texte{grid-column:7/13;grid-row:1}
  .duo-droite .texte{grid-column:1/7;grid-row:1}
  .duo-droite .media{grid-column:8/13;grid-row:1;margin-right:calc(var(--deborde) * -1)}
  .duo-large .media{grid-column:1/8}
  .duo-large .texte{grid-column:9/13}
}

/* bloc local */
.local .media img{aspect-ratio:3/2}
@media (min-width:1024px){.local.duo-gauche .media{grid-column:1/7}.local.duo-gauche .texte{grid-column:8/13}.local .media img{aspect-ratio:auto;height:clamp(560px,calc(52 * var(--vw,1vw)),820px)}}
.local .points{margin-top:30px}
/* bloc « comment on travaille » */
.atelier{position:relative;row-gap:48px}
.atelier .portrait{position:relative;margin:0;width:100%;max-width:480px;border:1px solid var(--encre);background:var(--craie)}
.atelier .portrait img{width:100%;aspect-ratio:4/5;object-fit:cover;object-position:50% 25%}
.atelier .portrait figcaption{font-size:14px;padding:10px 12px;background:var(--craie);border-top:1px solid var(--encre)}
.atelier .appui{font-weight:700;border-left:3px solid var(--corail);padding-left:14px;margin-top:26px;max-width:52ch}
@media (min-width:1024px){
  .atelier{align-items:center}
  .atelier .texte{grid-column:1/7;grid-row:1}
  .atelier .portrait{grid-column:8/13;grid-row:1;justify-self:end;max-width:500px}
}

/* ---------- Portfolio en vitrine (accueil) ---------- */
.vitrine-autres{display:grid;gap:40px;margin-top:clamp(48px,calc(6 * var(--vw,1vw)),88px)}
.vitrine-autres a{text-decoration:none;display:block}
.vitrine-autres figure{margin:0}
.vitrine-autres img{border:1px solid var(--encre);width:100%;background:#fff}
.vitrine-autres h3{font-size:clamp(22px,calc(2 * var(--vw,1vw)),30px);margin-top:16px}
.vitrine-autres p{margin:6px 0 0;color:var(--encre-2);font-size:16px}
.vitrine-autres a:hover h3{text-decoration:underline;text-decoration-color:var(--corail);text-decoration-thickness:3px;text-underline-offset:5px}
@media (min-width:700px){.vitrine-autres{grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--gout)}.vitrine-autres>*:nth-child(1){grid-column:1/8}.vitrine-autres>*:nth-child(2){grid-column:8/13;align-self:end}.vitrine-autres>*:nth-child(3){grid-column:3/10}}
@media (min-width:1024px){.vitrine-autres>*:nth-child(1){grid-column:1/6}.vitrine-autres>*:nth-child(2){grid-column:6/9;align-self:start;margin-top:120px}.vitrine-autres>*:nth-child(3){grid-column:9/13;align-self:end}}
.vitrine-autres .tel-seul img{border-radius:12px;max-width:260px}

/* ---------- Blogue ---------- */
.couverture{display:block;width:100%;aspect-ratio:16/10;object-fit:cover;border:1px solid var(--encre);background:var(--craie-2)}
.carte-article{display:block;text-decoration:none}
.carte-article h3,.carte-article .h-carte{font-size:clamp(22px,calc(2 * var(--vw,1vw)),32px);margin:16px 0 8px;line-height:1.08;letter-spacing:-.025em}
.carte-article .date{font-size:14px;color:var(--encre-2);margin:0}
.carte-article p{margin:8px 0 0;color:var(--encre-2);max-width:60ch}
.carte-article img{transition:transform .5s var(--ease)}
.carte-article .cadre-img{overflow:hidden;border:1px solid var(--encre)}
.carte-article .cadre-img .couverture{border:0}
@media (hover:hover){.carte-article:hover img{transform:scale(1.03)}.carte-article:hover .h-carte,.carte-article:hover h3{text-decoration:underline;text-decoration-color:var(--corail);text-decoration-thickness:3px;text-underline-offset:5px}}
.blogue-apercu{display:grid;gap:44px}
@media (min-width:1024px){.blogue-apercu{grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--gout);row-gap:56px}.blogue-apercu>*:nth-child(1){grid-column:1/8;grid-row:1/3}.blogue-apercu>*:nth-child(2){grid-column:9/13}.blogue-apercu>*:nth-child(3){grid-column:9/13}.blogue-apercu>*:nth-child(1) h3{font-size:clamp(30px,calc(3 * var(--vw,1vw)),48px)}}
/* page Blogue : composition irrégulière */
.blogue-liste{list-style:none;display:grid;gap:52px}
@media (min-width:700px){.blogue-liste{grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--gout);row-gap:72px}.blogue-liste>li{grid-column:span 6}}
@media (min-width:1024px){
  .blogue-liste>li{grid-column:span 4}
  .blogue-liste>li:nth-child(1){grid-column:1/9}
  .blogue-liste>li:nth-child(1) .h-carte{font-size:clamp(34px,calc(3.6 * var(--vw,1vw)),56px)}
  .blogue-liste>li:nth-child(2){grid-column:9/13;align-self:end}
  .blogue-liste>li:nth-child(3){grid-column:1/6}
  .blogue-liste>li:nth-child(4){grid-column:7/13;margin-top:90px}
  .blogue-liste>li:nth-child(5){grid-column:2/6}
  .blogue-liste>li:nth-child(6){grid-column:7/11}
  .blogue-liste>li:nth-child(7){grid-column:1/8}
  .blogue-liste>li:nth-child(8){grid-column:9/13;align-self:center}
  .blogue-liste>li:nth-child(9){grid-column:1/5}
  .blogue-liste>li:nth-child(10){grid-column:5/9;margin-top:70px}
  .blogue-liste>li:nth-child(11){grid-column:9/13}
  .blogue-liste>li:nth-child(12){grid-column:2/7}
  .blogue-liste>li:nth-child(13){grid-column:8/13;margin-top:50px}
}

/* ---------- Tête de page générique ---------- */
.tete-page{padding-top:clamp(40px,calc(6 * var(--vw,1vw)),96px);padding-bottom:clamp(48px,calc(6 * var(--vw,1vw)),96px);row-gap:34px;align-items:end}
.tete-page h1{font-size:var(--t-geant);font-weight:900;line-height:.92;letter-spacing:-.045em}
.tete-page .chapeau{margin-top:22px}
.tete-page .actions{margin-top:28px}
.tete-page .media{position:relative}
.tete-page .media img{width:100%;aspect-ratio:3/2;object-fit:cover}
@media (max-width:1023px){.tete-page .media{margin-inline:calc(var(--deborde) * -1)}}
@media (min-width:1024px){
  .tete-page .texte{grid-column:1/8;grid-row:1}
  .tete-page .media{grid-column:8/13;grid-row:1;margin-right:calc(var(--deborde) * -1);align-self:stretch}
  .tete-page .media img{height:100%;min-height:440px}
  .tete-page.sans-media .texte{grid-column:1/11}
  .tete-page.media-bas .texte{grid-column:1/10}
  .tete-page.media-bas .media{grid-column:1/-1;grid-row:2;margin-inline:calc(var(--deborde) * -1)}
  .tete-page.media-bas .media img{min-height:0;aspect-ratio:16/6;height:auto}
}
.tete-page .montage-page{min-height:clamp(280px,calc(74 * var(--vw,1vw)),600px)}
.tete-page .montage-page img{position:absolute;max-width:none;aspect-ratio:auto;object-fit:fill;min-height:0;border:1px solid var(--encre);background:#fff}
.tete-page .montage-page .ordi{top:0;left:var(--deborde);width:140%;height:auto}
.tete-page .montage-page .tel{left:calc(var(--deborde) + 4%);bottom:0;width:30%;height:auto;border-radius:12px}
@media (min-width:1024px){.tete-page .montage-page{min-height:560px}.tete-page .montage-page .ordi{left:6%;width:150%}.tete-page .montage-page .tel{left:-4%;width:26%;bottom:-2px}}
.tete-page.portrait .media img{aspect-ratio:4/5;object-position:50% 25%}
.tete-page .mosaique-fb{display:grid;grid-template-columns:1fr 1fr;gap:12px;align-content:start;padding-inline:var(--deborde)}
.tete-page .mosaique-fb img{aspect-ratio:auto;height:auto;min-height:0;object-fit:fill;border:1px solid var(--encre)}
.tete-page .mosaique-fb img:first-child,.tete-page .mosaique-fb p{grid-column:1/-1;margin:0}
@media (min-width:1024px){.tete-page .mosaique-fb{padding-inline:0 var(--deborde);align-self:center}.tete-page .mosaique-fb img{height:auto;min-height:0}}
@media (min-width:1024px){.tete-page.portrait .media{align-self:start}.tete-page.portrait .media img{height:auto;min-height:0;max-height:calc(100vh - var(--entete) - 40px)}}
.tete-page .faits{margin-top:36px}
.listes-deux{display:grid;gap:36px}
@media (min-width:1024px){.listes-deux{grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--gout)}.listes-deux>:first-child{grid-column:1/7}.listes-deux>:last-child{grid-column:8/13}}
.grande-liste{list-style:none;border-top:2px solid var(--encre)}
.grande-liste>li{padding:16px 0;border-bottom:1px solid var(--beton);font-size:clamp(18px,calc(1.5 * var(--vw,1vw)),21px);line-height:1.4}
.grande-liste>li strong{font-weight:800}
.liste-traits{list-style:none}
.liste-traits>li{position:relative;padding-left:26px;margin:.55em 0;max-width:var(--lecture)}
.liste-traits>li::before{content:"";position:absolute;left:2px;top:.66em;width:12px;height:3px;border-radius:2px;background:var(--corail)}
.liste-traits.metiers{columns:2;column-gap:28px;font-size:clamp(18px,calc(1.5 * var(--vw,1vw)),21px);font-weight:600}
.liste-traits.metiers>li{break-inside:avoid;margin-top:0;margin-bottom:.6em}
.enonce{font-size:clamp(26px,calc(3 * var(--vw,1vw)),46px);font-weight:800;line-height:1.08;letter-spacing:-.03em;max-width:24ch}
@media (min-width:700px){.tete-page .faits{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:var(--gout)}}

/* ---------- Articles du blogue ---------- */
.tete-page .media.couv img{aspect-ratio:16/10;height:auto;min-height:0;object-fit:cover;border:1px solid var(--encre)}
@media (min-width:1024px){.tete-page .media.couv{align-self:end;margin-right:calc(var(--deborde) * -1)}.tete-page.article h1{font-size:clamp(46px,calc(5.2 * var(--vw,1vw)),88px)}}
.meta-article{font-size:15px;color:var(--encre-2);margin-top:22px}
.lies{display:grid;gap:44px}
@media (min-width:1024px){.lies{grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--gout)}.lies>:first-child{grid-column:1/7}.lies>:last-child{grid-column:8/13;margin-top:80px}}
.cote .fiche ul{list-style:none;display:grid;gap:8px}
.cote .fiche li a{text-decoration:none;font-size:16px;line-height:1.35;display:block;padding-left:14px;border-left:2px solid var(--beton)}
.cote .fiche li a:hover{border-color:var(--corail)}

/* ---------- Contenu courant (pages de texte, articles, FAQ) ---------- */
.corps{row-gap:48px;padding-bottom:var(--rythme)}
.corps .principal{min-width:0}
.corps .cote{min-width:0}
@media (min-width:1024px){
  .corps .principal{grid-column:1/8}
  .corps .cote{grid-column:9/13}
  .corps.centre-gauche .principal{grid-column:2/9}
  .corps .cote .colle{position:sticky;top:calc(var(--entete) + 24px)}
}
.prose{max-width:var(--lecture)}
.prose>*+*{margin-top:1em}
.prose h2{font-size:clamp(30px,calc(3.4 * var(--vw,1vw)),50px);margin-top:1.6em;margin-bottom:.4em;line-height:1;letter-spacing:-.035em}
.prose h2:first-child{margin-top:0}
.prose h3{font-size:clamp(21px,calc(1.9 * var(--vw,1vw)),27px);margin-top:1.5em;margin-bottom:.3em}
.prose p,.prose li{max-width:var(--lecture)}
.prose ul,.prose ol{padding-left:1.25em}
.prose ul{list-style:none;padding-left:0}
.prose ul>li{position:relative;padding-left:26px;margin:.45em 0}
.prose ul>li::before{content:"";position:absolute;left:2px;top:.62em;width:12px;height:3px;border-radius:2px;background:var(--corail)}
.prose ol>li{margin:.45em 0;padding-left:6px}
.prose ol>li::marker{font-weight:800}
.prose blockquote{margin:1.6em 0;padding:4px 0 4px 20px;border-left:3px solid var(--corail);font-size:1.12em;font-weight:600}
.prose table{width:100%;border-collapse:collapse;font-size:16px;margin:1.4em 0}
.prose th,.prose td{text-align:left;padding:12px 10px;border-bottom:1px solid var(--beton);vertical-align:top}
.prose thead th{border-bottom:2px solid var(--encre)}
.prose figure{margin:1.8em 0}
.prose figure img{border:1px solid var(--encre)}
.prose figcaption{font-size:14px;color:var(--encre-2);margin-top:8px}
.prose hr{border:0;border-top:1px solid var(--beton);margin:2.4em 0}
.prose .encadre,.encadre{border-top:2px solid var(--encre);padding-top:18px;margin-top:2em}
.defile-x{overflow-x:auto;-webkit-overflow-scrolling:touch;max-width:100%}
.defile-x table{min-width:620px}
.cote .fiche{border-top:2px solid var(--encre);padding-top:18px}
.cote .fiche h2,.cote .fiche h3{font-size:22px;margin-bottom:10px}
.cote .fiche p{font-size:16px}
.cote .fiche .btn{width:100%;margin-top:6px}
.cote .fiche+.fiche{margin-top:36px}

/* accordéons (FAQ, détails) */
.plis{border-top:2px solid var(--encre)}
.pli{border-bottom:1px solid var(--beton)}
.pli>summary{list-style:none;cursor:pointer;display:flex;gap:18px;justify-content:space-between;align-items:flex-start;padding:20px 0;font-weight:700;font-size:clamp(18px,calc(1.5 * var(--vw,1vw)),21px);line-height:1.3}
.pli>summary::-webkit-details-marker{display:none}
.pli>summary::after{content:"";flex:none;width:16px;height:16px;margin-top:5px;background:linear-gradient(var(--encre),var(--encre)) center/16px 2.5px no-repeat,linear-gradient(var(--encre),var(--encre)) center/2.5px 16px no-repeat;transition:transform .25s var(--ease)}
.pli[open]>summary::after{transform:rotate(45deg)}
.pli>summary:hover{color:#000}
.pli>div{padding:0 0 22px;max-width:var(--lecture)}
.pli>div>*:last-child{margin-bottom:0}

/* tableaux de prix (Gestion Web, campagnes, identité) */
.tableau{width:100%;border-collapse:collapse}
.tableau th,.tableau td{text-align:left;padding:18px 12px 18px 0;border-bottom:1px solid var(--beton);vertical-align:top}
.tableau thead th{font-size:15px;border-bottom:2px solid var(--encre);padding-bottom:12px}
.tableau tbody th{font-size:clamp(20px,calc(1.8 * var(--vw,1vw)),26px);font-weight:800;letter-spacing:-.02em}
.tableau .montant{font-weight:900;font-size:clamp(24px,calc(2.4 * var(--vw,1vw)),36px);letter-spacing:-.03em;white-space:nowrap}
.tableau .montant small{font-size:14px;font-weight:600;letter-spacing:0}
@media (max-width:760px){
  .tableau.empile thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
  .tableau.empile tr{display:grid;grid-template-columns:1fr auto;gap:4px 14px;padding:18px 0;border-bottom:1px solid var(--beton)}
  .tableau.empile th,.tableau.empile td{border:0;padding:0}
  .tableau.empile td[data-l]{grid-column:1/-1;font-size:15.5px}
  .tableau.empile td[data-l]::before{content:attr(data-l) " : ";font-weight:700}
  .tableau.empile .montant{grid-column:2;grid-row:1;text-align:right}
}
.lignes-prix{list-style:none;border-top:2px solid var(--encre)}
.lignes-prix>li{display:grid;gap:6px 24px;padding:22px 0;border-bottom:1px solid var(--beton)}
.lignes-prix h3{font-size:clamp(22px,calc(2 * var(--vw,1vw)),30px)}
.lignes-prix .montant{font-weight:900;font-size:clamp(22px,calc(2.2 * var(--vw,1vw)),32px);letter-spacing:-.03em}
.lignes-prix p{margin:0;color:var(--encre-2);max-width:60ch}
@media (min-width:1024px){.lignes-prix>li{grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--gout);align-items:baseline}.lignes-prix>li>:nth-child(1){grid-column:1/4}.lignes-prix>li>:nth-child(2){grid-column:4/7}.lignes-prix>li>:nth-child(3){grid-column:7/11}.lignes-prix>li>:nth-child(4){grid-column:11/13;justify-self:end;white-space:nowrap}}

/* ---------- Section argile de fin de page ---------- */
.fin{background:var(--argile);color:var(--argile-txt);padding-block:clamp(80px,calc(10 * var(--vw,1vw)),160px) clamp(72px,calc(8 * var(--vw,1vw)),128px)}
.fin .g{row-gap:36px;align-items:end}
.fin h2{font-size:var(--t-titre);font-weight:800;line-height:.98;letter-spacing:-.04em;color:#fff;max-width:18ch}
.fin .texte p{color:var(--argile-2);font-size:var(--t-chapeau);max-width:44ch;margin-top:22px}
.fin .tel-geant{display:inline-block;position:relative;font-weight:900;font-size:clamp(44px,calc(11 * var(--vw,1vw)),118px);letter-spacing:-.05em;line-height:1;color:#fff;text-decoration:none;white-space:nowrap;padding:.12em .1em}
.fin .tel-geant .trait{inset:-10% -7% -14% -6%;width:113%;height:124%}
.fin .tel-geant .trait path{stroke-width:4}
.fin .tel-geant:hover{color:var(--jaune)}
.fin .infos{display:flex;flex-wrap:wrap;gap:10px 28px;margin-top:20px;font-size:17px;color:var(--argile-2)}
.fin .infos a{color:var(--argile-txt);font-weight:700}
.fin .actions{margin-top:28px}
.fin .petit-lien{color:var(--argile-txt)}
@media (min-width:1024px){.fin .tel-geant{font-size:clamp(64px,calc(6.6 * var(--vw,1vw)),118px)}.fin .texte{grid-column:1/7}.fin .appel{grid-column:7/13;justify-self:end;text-align:right;padding-right:clamp(0px,calc(3 * var(--vw,1vw)),52px)}.fin .infos{justify-content:flex-end}.fin .actions{justify-content:flex-end}}

/* ---------- Pied de page ---------- */
.pied{padding-block:clamp(56px,calc(6 * var(--vw,1vw)),88px) 28px;border-top:1px solid var(--beton)}
.pied .g{row-gap:36px}
.pied-logo img{height:40px;width:auto}
.pied-marque p{margin:16px 0 0;max-width:36ch;color:var(--encre-2);font-size:16px}
.pied h2{font-size:15px;font-weight:800;letter-spacing:0;margin-bottom:12px}
.pied nav ul{list-style:none;display:grid;gap:8px}
.pied nav a,.pied-coord a{text-decoration:none;font-size:16px}
.pied nav a:hover,.pied-coord a:hover{text-decoration:underline;text-decoration-color:var(--corail);text-underline-offset:4px}
.pied-coord{display:grid;gap:6px;font-size:16px}
.pied-coord .tel{font-weight:800;font-size:22px}
.pied-coord p{margin:0;color:var(--encre-2)}
.pied-social{display:flex;gap:16px;margin-top:10px}
.pied-social a{display:inline-flex;align-items:center;gap:6px}
.pied-bas{display:flex;flex-wrap:wrap;gap:10px 26px;align-items:center;justify-content:space-between;margin-top:clamp(40px,calc(5 * var(--vw,1vw)),72px);padding-top:20px;border-top:1px solid var(--beton);font-size:14px;color:var(--encre-2)}
.pied-bas a{color:inherit}
.pied-bas .cree{font-weight:700;color:var(--encre)}
@media (min-width:700px){.pied .g{grid-template-columns:repeat(12,minmax(0,1fr))}.pied-marque{grid-column:1/-1}.pied nav{grid-column:span 4}.pied-coord{grid-column:span 4}}
@media (min-width:1024px){.pied-marque{grid-column:1/5}.pied nav{grid-column:span 2}.pied nav:first-of-type{grid-column:6/8}.pied-coord{grid-column:10/13}}

/* ---------- Formulaires (contact, audit) ---------- */
.formulaire{display:grid;gap:18px;max-width:720px}
.gp-form,.audit-form{display:grid;gap:18px}
.gp-fields{display:grid;gap:16px}
@media (min-width:700px){.gp-fields{grid-template-columns:1fr 1fr}}
.gp-field{display:grid;gap:6px;font-weight:600;font-size:16px}
.gp-field small{font-weight:400;color:var(--encre-2);font-size:14px}
.gp-field input,.gp-field textarea,.gp-field select,.champ input,.champ textarea,.champ select{width:100%;font:inherit;font-weight:400;font-size:17px;padding:13px 14px;border:1.5px solid #7d766f;background:#fff;color:var(--encre);border-radius:0;min-height:52px}
.gp-field textarea{min-height:130px;resize:vertical}
.gp-field input:focus,.gp-field textarea:focus,.gp-field select:focus{outline:3px solid var(--corail);outline-offset:0;border-color:var(--encre)}
.gp-choice-group{border:0;padding:0;margin:0}
.gp-choice-group legend{font-weight:700;margin-bottom:6px;padding:0}
.gp-choices{display:flex;flex-wrap:wrap;gap:8px}
.gp-choices label{display:inline-flex;align-items:center;gap:8px;border:1.5px solid #7d766f;padding:9px 12px;cursor:pointer;background:#fff;font-size:15.5px}
.gp-choices label:has(input:checked){border-color:var(--encre);background:var(--jaune)}
.gp-choices input{accent-color:var(--encre);width:18px;height:18px}
.gp-consent{display:flex;gap:10px;align-items:flex-start;font-size:15.5px}
.gp-consent input{width:20px;height:20px;margin-top:2px;accent-color:var(--encre);flex:none}
.gp-honeypot{position:absolute!important;left:-9999px!important;width:1px;height:1px;overflow:hidden}
.gp-fine{font-size:14.5px;color:var(--encre-2);margin:0}
.gp-form-status:empty{display:none}
.gp-form-status{font-weight:700;padding:12px 14px;border-left:4px solid var(--encre)}
.gp-form-status[data-state="error"]{border-color:var(--corail);background:#fff}
.gp-form[data-state="done"]>*:not(.gp-contact-done):not(.gp-audit-done){display:none}
.gp-audit-done{border-top:2px solid var(--encre);padding-top:20px}
.gp-audit-done h2{font-size:clamp(28px,calc(3 * var(--vw,1vw)),42px);margin-bottom:12px}
.gp-turnstile:empty{display:none}
.pages-rapport{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(12px,calc(2 * var(--vw,1vw)),28px)}
.pages-rapport figure{margin:0}
.pages-rapport img{width:100%;border:1px solid var(--encre);background:#fff}
.pages-rapport figcaption{font-size:15px;margin-top:10px;color:var(--encre-2)}
.pages-rapport figcaption strong{display:block;color:var(--encre)}
@media (min-width:1024px){.pages-rapport{grid-template-columns:repeat(12,minmax(0,1fr))}.pages-rapport>:nth-child(1){grid-column:1/6}.pages-rapport>:nth-child(2){grid-column:6/10;margin-top:80px}.pages-rapport>:nth-child(3){grid-column:2/6}.pages-rapport>:nth-child(4){grid-column:7/12;margin-top:-40px}}
.gp-contact-done{border-top:2px solid var(--encre);padding-top:20px}
.gp-contact-done h2{font-size:clamp(30px,calc(3 * var(--vw,1vw)),44px);margin-bottom:12px}
.gp-text-link{background:none;border:0;padding:0;cursor:pointer;font-weight:700;text-decoration:underline;text-decoration-color:var(--corail);text-underline-offset:4px}
.gp-form button[type=submit]{justify-self:start}

/* ---------- Le web expliqué (lexique, recherche via learn.js) ---------- */
.learn-outils{display:grid;gap:16px;margin-bottom:28px}
.learn-search label{display:block;font-weight:700;margin-bottom:8px}
.learn-search-line{display:flex;align-items:center;gap:10px;border:1.5px solid #7d766f;background:#fff;padding:0 12px;min-height:54px}
.learn-search-line:focus-within{outline:3px solid var(--corail);border-color:var(--encre)}
.learn-search-line svg{width:20px;height:20px;flex:none}
.learn-search-line input{flex:1;border:0;font:inherit;font-size:17px;padding:12px 0;background:transparent;min-width:0;outline:none}
.learn-clear,.learn-expand,.learn-reset{border:0;background:none;font-weight:700;cursor:pointer;text-decoration:underline;text-decoration-color:var(--corail);text-underline-offset:4px;padding:6px 0}
.learn-results-bar{display:flex;justify-content:space-between;gap:16px;align-items:center;font-size:15px;color:var(--encre-2)}
.learn-results-bar p{margin:0}
.learn-filters{border:0;padding:0;margin:0}
.learn-filters legend{font-weight:700;margin-bottom:8px;padding:0}
.learn-filter-list{display:flex;flex-wrap:wrap;gap:8px}
.learn-filter{display:inline-flex;align-items:center;gap:8px;border:1.5px solid #7d766f;padding:8px 12px;cursor:pointer;background:#fff;font-size:15.5px}
.learn-filter input{accent-color:var(--encre)}
.learn-filter:has(input:checked){background:var(--jaune);border-color:var(--encre)}
.learn-group{margin-top:44px}
.learn-group:first-child{margin-top:0}
.learn-group-heading h2{font-size:clamp(28px,calc(3 * var(--vw,1vw)),44px);letter-spacing:-.03em}
.learn-group-heading p{color:var(--encre-2);margin:8px 0 16px}
.learn-group-heading{border-bottom:2px solid var(--encre)}
.learn-entry{border-bottom:1px solid var(--beton)}
.learn-entry>summary{list-style:none;cursor:pointer;display:flex;gap:18px;justify-content:space-between;align-items:flex-start;padding:18px 0}
.learn-entry>summary::-webkit-details-marker{display:none}
.learn-entry>summary::after{content:"";flex:none;width:16px;height:16px;margin-top:6px;background:linear-gradient(var(--encre),var(--encre)) center/16px 2.5px no-repeat,linear-gradient(var(--encre),var(--encre)) center/2.5px 16px no-repeat;transition:transform .25s var(--ease)}
.learn-entry[open]>summary::after{transform:rotate(45deg)}
.learn-entry .learn-term{display:block;font-weight:800;font-size:clamp(19px,calc(1.6 * var(--vw,1vw)),23px);letter-spacing:-.015em;line-height:1.25}
.learn-entry .learn-meaning{display:block;color:var(--encre-2);font-size:16px;margin-top:2px}
.learn-definition{padding:0 0 22px;max-width:var(--lecture)}
.learn-takeaway{border-left:3px solid var(--corail);padding-left:14px}
.learn-takeaway strong{display:block;margin-bottom:4px}
.learn-source{font-size:15px;color:var(--encre-2)}
.learn-definition a{text-decoration:underline;text-decoration-color:var(--corail);text-underline-offset:3px}
.learn-entry[hidden],.learn-group[hidden],.learn-empty[hidden],[data-learn-enhance][hidden],.learn-clear[hidden]{display:none!important}
.learn-empty{border-top:2px solid var(--encre);padding-top:20px}

/* ---------- Contact ---------- */
.tel-craie{display:inline-block;text-decoration:none;font-weight:900;font-size:clamp(42px,calc(6 * var(--vw,1vw)),92px);letter-spacing:-.05em;line-height:1;white-space:nowrap;padding:.1em .08em}
.tel-craie:hover{color:#000}
.tel-craie .encercle>.trait{inset:-18% -8% -22% -6%;width:114%;height:140%}
.qui-repond{display:flex;align-items:center;gap:14px;margin-top:24px}
.qui-repond img{width:64px;height:64px;object-fit:cover;object-position:50% 25%;border-radius:50%;border:1px solid var(--encre)}
.qui-repond p{margin:0;display:flex;flex-direction:column;line-height:1.3}
.qui-repond span{color:var(--encre-2);font-size:15px}

/* ---------- Accueil : pour qui on travaille (rangée en escalier, pas de cartes) ---------- */
.pour-qui{row-gap:clamp(34px,calc(4 * var(--vw,1vw)),56px)}
.pq-tete .chapeau{margin-top:22px}
.pq-liste{list-style:none;border-top:2px solid var(--encre)}
.pq-liste li{display:grid;gap:6px;padding:22px 0 24px;border-bottom:1px solid var(--beton);transition:border-color .3s ease}
.pq-liste strong{font-size:clamp(28px,calc(3.2 * var(--vw,1vw)),52px);font-weight:900;letter-spacing:-.04em;line-height:1}
.pq-liste span{color:var(--encre-2);max-width:46ch}
@media (hover:hover){.pq-liste li:hover{border-bottom-color:var(--corail)}}
/* v10b : la tablette des métiers, pleine largeur, fond craie fondu dans la page */
.pq-visuel,.bande-metiers{grid-column:1/-1;margin:0 calc(var(--deborde) * -1)}
.pq-visuel img,.bande-metiers img{display:block;width:100%;height:auto;aspect-ratio:2/1;object-fit:cover;object-position:50% 80%;max-width:none;
  -webkit-mask-image:linear-gradient(to bottom,transparent,#000 12%,#000 90%,transparent);mask-image:linear-gradient(to bottom,transparent,#000 12%,#000 90%,transparent)}
@media (min-width:700px){.pq-visuel img,.bande-metiers img{aspect-ratio:1600/540}}
@media (min-width:1024px){.tete-page .bande-metiers{grid-row:2}}
@media (min-width:1024px){
  .pq-tete{grid-column:1/8;grid-row:1;align-self:end}
  .pq-visuel{grid-row:2}
  .pq-liste{grid-column:1/-1;grid-row:3}
  .pq-liste li{grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--gout);align-items:baseline;padding:26px 0 28px}
  .pq-liste li:nth-child(4n+1) strong{grid-column:1/5}.pq-liste li:nth-child(4n+1) span{grid-column:5/11}
  .pq-liste li:nth-child(4n+2) strong{grid-column:3/7}.pq-liste li:nth-child(4n+2) span{grid-column:7/13}
  .pq-liste li:nth-child(4n+3) strong{grid-column:2/6}.pq-liste li:nth-child(4n+3) span{grid-column:6/12}
  .pq-liste li:nth-child(4n) strong{grid-column:4/8}.pq-liste li:nth-child(4n) span{grid-column:8/13}
}

/* Services : la carte d'affaires noire, bien en vue (data-visuel="identite") */
.visuel-identite img{aspect-ratio:3/2;height:auto!important;object-fit:cover;background:var(--encre)}
/* v10b : la seconde image (cartes et stylo) chevauche le coin bas droit de la carte noire */
.visuel-identite{display:flex;flex-direction:column}
.visuel-identite .seconde{position:relative;align-self:flex-end;width:52%!important;aspect-ratio:1600/893;margin:-16% var(--deborde) 0 0;border:6px solid var(--craie);box-sizing:content-box}
@media (min-width:1024px){.visuel-identite .seconde{width:44%!important;margin:-14% -6% 0 0;border-width:8px}}
@media (min-width:1024px){
  .duo-gauche .visuel-identite{grid-column:1/8;align-self:center}
  .duo-gauche .visuel-identite+.texte{grid-column:9/13}
}

/* v10b : tête de page sans image (contact, comment ça marche, 404, construction) : aplat craie et un trait corail net */
.aplat-trait{position:relative;margin:0;background:var(--craie-2);overflow:hidden}
.aplat-trait::after{content:"";position:absolute;left:0;top:62%;width:68%;height:4px;background:var(--corail)}
@media (max-width:1023px){.aplat-trait{display:none}}
@media (min-width:1024px){.tete-page .aplat-trait{grid-column:8/13;grid-row:1;margin-right:calc(var(--deborde) * -1);align-self:stretch;min-height:440px}}

/* emplacement de visuel en attente (data-visuel) : aplat craie et un trait corail */
.visuel-place{position:relative;margin:0;aspect-ratio:3/2;background:var(--craie-2);overflow:hidden}
@supports not (aspect-ratio:1/1){.visuel-place::before{content:"";display:block;padding-top:66.667%}}
.visuel-place svg{position:absolute;inset:0;width:100%;height:100%;max-width:none;fill:none;stroke:var(--corail);stroke-width:3px;stroke-linecap:round}

/* ---------- Accueil : les arguments en bref ---------- */
.bulles{padding-block:clamp(56px,calc(6 * var(--vw,1vw)),96px);border-top:1px solid var(--beton);border-bottom:1px solid var(--beton)}
.bulles-liste{list-style:none;display:flex;flex-wrap:wrap;gap:20px clamp(28px,calc(3.4 * var(--vw,1vw)),52px);font-size:clamp(19px,calc(1.9 * var(--vw,1vw)),28px);font-weight:700;letter-spacing:-.015em;line-height:1.2}
.bulles-liste li{position:relative;padding-left:30px;max-width:24ch}
.bulles-liste li::before{content:"";position:absolute;left:0;top:.6em;width:18px;height:3px;border-radius:2px;background:var(--corail)}
.bulles-liste li:nth-child(3n+2){font-weight:500;color:var(--encre-2)}

/* bloc « Michael décide » : les outils, en une ligne discrète */
.atelier .outils{margin:14px 0 0;font-size:14.5px;line-height:1.5;color:var(--encre-2);max-width:62ch}

/* ---------- Pages forfait : capture ordinateur et téléphone côte à côte, jamais l'une sur l'autre ---------- */
.tete-page .montage-page{--ecart:clamp(14px,calc(2 * var(--vw,1vw)),24px);position:relative;display:flex;flex-wrap:wrap;align-items:flex-end;gap:var(--ecart);min-height:0;padding-inline:var(--deborde)}
.tete-page .montage-page img{position:static;flex:0 0 auto;max-width:100%;height:auto;min-height:0;aspect-ratio:auto;object-fit:fill;border:1px solid var(--encre);background:#fff}
.tete-page .montage-page .ordi{width:100%}
.tete-page .montage-page .tel{width:42%;max-width:190px;border-radius:12px}
@media (min-width:700px){
  .tete-page .montage-page{flex-wrap:nowrap}
  .tete-page .montage-page .ordi{width:calc((100% - var(--ecart)) * .776)}
  .tete-page .montage-page .tel{width:calc((100% - var(--ecart)) * .224);max-width:none}
}
@media (min-width:1024px){
  .tete-page .montage-page{min-height:0;align-self:center;padding-inline:32px 0}
  .tete-page .montage-page img{height:auto;min-height:0}
  .tete-page .montage-page .ordi{left:auto}
  .tete-page .montage-page .tel{left:auto;bottom:auto}
  /* médias sociaux : 32 px d'air entre le texte et la mosaïque */
  .tete-page .mosaique-fb{padding-left:32px}
}

/* ---------- 404 ---------- */
.page-404 .tete-page{min-height:60vh}

/* ---------- Mouvement réduit : état final immédiat ---------- */
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.001ms!important;animation-delay:0s!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}
  .js .trait path{stroke-dashoffset:0!important}
  .js .heros-lien path{stroke-dashoffset:0!important}
  .js .compteur .c-txt{visibility:visible}
  .barre-appel .rond{animation:none}
}
@media print{.ent,.menu,.barre-appel,.fin{display:none}body{padding:0}}

/* Signature maison (5 oct., Michael) : le Y de ganolyk devant « Créé par nous » */
.cree,.pied-bas .cree{display:inline-flex;align-items:center;gap:9px;font-weight:800;font-size:15px;color:var(--corail)}
.cree::before{content:"";width:22px;height:27px;flex:0 0 22px;background:url("../img/y.png") center/contain no-repeat}
/* Section « Michael décide » : petit titre et texte sur l’IA (5 oct., Michael) */
.atelier .outils{margin:30px 0 0;font-size:inherit;color:inherit;max-width:58ch}
.atelier .outils-titre{margin:0;font-size:clamp(18px,calc(1.5 * var(--vw,1vw)),21px);font-weight:800;line-height:1.3;letter-spacing:-.01em;color:var(--encre)}
.atelier .outils p{margin:8px 0 0;font-size:16px;line-height:1.6;color:var(--encre-2)}
/* Grands écrans (5 oct.) : au-delà de 1440 px, les textes gardent la taille d’un écran de 1440 px; le contenu s’élargit un peu et reste ancré à gauche (pas centré). Les fonds restent pleine largeur. */
:root{--vw:min(1vw,14.4px);--deborde:var(--marge)}
@media (min-width:1441px){:root{--marge:calc(32px + (100vw - 1440px) * .1);--marge-d:calc(32px + (100vw - 1440px) * .4);--deborde:32px}.g{padding-right:var(--marge-d)}}
/* Bouton « Parlons-en » dans l'en-tête : mène au formulaire de soumission (5 oct.) */
.ent-parlons{min-height:44px;padding:9px 14px;font-size:15px;white-space:nowrap;box-shadow:0 2px 0 var(--encre)}
@media (max-width:1199px){.ent-parlons{min-height:46px;padding:0 14px}.ent-outils{gap:8px}}
@media (max-width:439px){.ent-burger .etiquette{display:none}.ent-burger{padding:0 12px}.ent-langue{padding:8px 2px}}
@media (max-width:359px){.ent-parlons{padding:0 10px;font-size:14px}.ent-logo img{height:26px}}