:root{
  --ink:#2b221d;
  --ink-deep:#1a1915;
  --azure:#e6a654;
  --azure-active:#d98739;
  --ice:#f8f1ec;
  --ice-light:#eee1d5;
  --canvas:#201c19;
  --sheet:#fffffd;
  --fg:#f3efe7;
  --fg-deep:#a89c91;
  --quiet:#797068;
  --edge:rgba(243,239,231,.11);
  --edge-deep:rgba(243,239,231,.15);
  --azure-light:rgba(230,166,84,.13);
  --go:#2f8d4c; --go-wash:#e5f0e9; --go-line:#cee5d6;
  --alert:#bf442c;   --alert-wash:#f7e3dd;   --alert-line:#ebc4bb;
  --amber:#e6a654;

  --gap-1:4px; --gap-2:8px; --gap-3:12px; --gap-4:16px; --gap-6:24px;
  --gap-8:32px; --gap-10:40px; --gap-12:48px; --gap-16:64px;

  --ro-sm:10px; --ro-md:14px; --ro-lg:18px; --ro-xl:24px; --ro-2xl:30px; --ro-pill:999px;

  --elev-sm:0 8px 22px rgba(1,0,0,.2);
  --elev-md:0 14px 34px rgba(1,0,0,.24);
  --elev-lg:0 24px 60px rgba(1,0,0,.39);

  --ff:-apple-system,BlinkMacSystemFont,'Segoe UI','Helvetica Neue',Helvetica,Arial,sans-serif;
  --display:-apple-system,BlinkMacSystemFont,'Segoe UI','Helvetica Neue',Helvetica,Arial,sans-serif;
  --display-serif:Georgia,'Iowan Old Style','Times New Roman',serif;
  --maxw:1200px;
  --edge-x:clamp(16px,4vw,44px);
}

*{box-sizing:border-box}
html{scrollbar-gutter:stable;overflow-x:hidden;-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:76px}
body{font-family:var(--ff);margin:0;font-size:16.5px;line-height:1.6;
  background:var(--canvas);overflow-x:hidden;-webkit-font-smoothing:antialiased;color:var(--fg)}
img{display:block;height:auto;width:100%}
a{text-decoration:none;color:inherit}
button{font-family:inherit}
h1,h2{letter-spacing:-.015em;font-family:var(--display);line-height:1.08;font-weight:800;margin:0}
h3{font-family:var(--ff);font-weight:800;margin:0;line-height:1.22;letter-spacing:-.01em}
::selection{color:#221908;background:var(--azure)}
:focus-visible{outline:3px solid var(--azure);outline-offset:2px;border-radius:4px}

.couverture .accent{color:var(--azure)}
.chantier-rail{padding-bottom:8px;display:flex;scroll-snap-type:x mandatory;overflow-x:auto;
  scrollbar-width:none;gap:20px}
.chantier-rail::-webkit-scrollbar{display:none}
.chantier-element{border-radius:var(--ro-xl);position:relative;background:var(--ink);
  overflow:hidden;scroll-snap-align:start;margin:0;flex:0 0 clamp(280px,42%,440px);
  box-shadow:var(--elev-md);border:1px solid var(--edge)}
.chantier-element .cadre{object-fit:cover;aspect-ratio:4/3;width:100%}
.chantier-element figcaption{left:0;color:#fffffd;background:linear-gradient(180deg,transparent,rgba(21,18,14,.89));padding:28px 18px 16px;right:0;
  position:absolute;font-weight:700;font-size:15px;bottom:0}

.commande{border-radius:var(--ro-pill);justify-content:center;gap:10px;font-weight:700;
  transition:background .18s,color .18s,transform .18s,box-shadow .18s;font-size:15px;display:inline-flex;
  border:1px solid transparent;cursor:pointer;align-items:center;min-height:52px;
  padding:15px 26px;white-space:nowrap}
.commande svg{width:18px;height:18px}
.commande:hover{transform:translateY(-2px)}
.commande:active{transform:translateY(1px)}
.commande-pt{font-size:14px;min-height:0;padding:11px 20px}
.commande-gd{min-height:60px;padding:18px 34px;font-size:16px}
.commande-plein{width:100%}
.commande-go{box-shadow:0 10px 26px rgba(217,135,57,.34);color:#221908;background:var(--azure)}
.commande-go:hover{box-shadow:0 14px 32px rgba(217,135,57,.42);color:#221908;background:var(--azure-active)}
.commande-accent{background:var(--azure);color:#221908;box-shadow:0 10px 26px rgba(217,135,57,.34)}
.commande-accent:hover{background:var(--azure-active);color:#221908}
.commande-secondaire{border-color:var(--edge-deep);background:transparent;color:var(--fg)}
.commande-secondaire:hover{color:var(--azure);border-color:var(--azure)}
.commande-sombre{color:#221908;background:var(--azure)}
.commande-sombre:hover{background:var(--azure-active)}
.commande-clair{background:var(--sheet);color:var(--ink)}
.commande-clair:hover{background:var(--ice)}

.incitation-encart{overflow:hidden;text-align:center;
  color:#221908;background:linear-gradient(135deg,var(--azure-active),var(--azure));padding:clamp(44px,6vw,76px);border-radius:var(--ro-2xl);position:relative}
.incitation-encart::after{background:repeating-linear-gradient(135deg,rgba(34,25,8,.06) 0 24px,transparent 24px 48px);inset:0;content:"";position:absolute;
  pointer-events:none}
.incitation-forme{width:240px;position:absolute;border-radius:50%;top:-40px;height:240px;pointer-events:none;
  right:-40px;background:radial-gradient(circle,rgba(255,255,253,.3),transparent 70%)}
.incitation-paragraphe{max-width:640px;position:relative;margin:0 auto}
.incitation-paragraphe .intitule-2{color:#221908}
.incitation-paragraphe p{margin:18px 0 32px;font-size:18px;color:rgba(34,25,8,.82)}
.incitation-paragraphe .commande{margin-top:0}
.incitation-encart .commande-accent{color:var(--fg);background:var(--ink)}
.incitation-encart .commande-accent:hover{background:#010000;color:#fffffd}
.etoiles{gap:2px;color:var(--amber);display:inline-flex}
.etoiles svg,.etoile{width:16px;height:16px;fill:var(--amber)}
.partenaire-vignette{display:flex;color:var(--fg);border:1px solid var(--edge);transition:box-shadow .2s,transform .2s;padding:20px;
  box-shadow:var(--elev-sm);border-radius:var(--ro-lg);background:rgba(243,239,231,.06);gap:16px;
  align-items:flex-start}
.partenaire-vignette:hover{box-shadow:var(--elev-md);border-color:var(--edge-deep);transform:translateY(-3px)}
.partenaire-marque{display:grid;font-family:var(--display);line-height:1;color:#221908;flex:none;width:58px;font-weight:800;
  overflow:hidden;background:linear-gradient(150deg,var(--azure),var(--azure-active));border-radius:14px;
  position:relative;font-size:22px;height:58px;place-items:center}
.partenaire-marque::after{content:"";inset:0;background:linear-gradient(150deg,rgba(255,255,253,.3),transparent 62%);position:absolute}
.partenaire-meta{flex:1;display:flex;flex-direction:column;min-width:0;gap:8px}
.partenaire-entete{justify-content:space-between;display:flex;align-items:flex-start;gap:10px}
.partenaire-entete h3{font-size:17px;line-height:1.25;color:var(--fg)}

.tarif-vignette{background:var(--sheet);color:var(--ink);border-radius:var(--ro-xl);
  border:1px solid var(--ice-light);box-shadow:var(--elev-lg);padding:30px}
.tarif-vignette .intitule-2{margin:12px 0 4px;color:var(--ink);font-size:26px}
.tarif-vignette .soustitre{color:var(--quiet);font-size:15px;margin:0 0 20px}
.tarif-vignette .mention{color:var(--azure-active)}
.tarif-cadre{border:0;background:var(--ice);width:100%;border-radius:var(--ro-md);min-height:520px}
.amorce{color:var(--fg-deep);font-size:clamp(16px,2vw,18.5px)}

.bascule{cursor:pointer;display:none;background:none;z-index:1105;top:16px;position:fixed;right:18px;flex-direction:column;gap:5px;border:none;padding:6px}
.bascule span{border-radius:2px;display:block;transition:transform .3s ease,opacity .3s ease;background:var(--fg);height:3px;width:26px}
.bascule.actif span:nth-child(1){transform:rotate(45deg) translate(7px,7px)}
.bascule.actif span:nth-child(2){opacity:0}
.bascule.actif span:nth-child(3){transform:rotate(-45deg) translate(7px,-7px)}
.principal-liens{gap:8px;margin-left:auto;display:flex;align-items:center}
.service-vignette{gap:16px;padding:30px;border:1px solid var(--edge);
  transition:transform .2s,box-shadow .2s,background .2s,border-color .2s;flex-direction:column;display:flex;border-radius:var(--ro-xl);
  background:rgba(243,239,231,.06)}
.service-vignette:not(.service-vignette-phare):hover{background:rgba(243,239,231,.08);transform:translateY(-4px);border-color:var(--edge-deep)}
.service-vignette-phare:hover{box-shadow:var(--elev-md);transform:translateY(-4px)}
.service-vignette .ic-pave{border-radius:16px;height:56px;width:56px;background:var(--azure-light)}
.service-vignette .ic-pave svg{width:26px;height:26px}
.service-vignette h3{font-size:20px;color:var(--fg)}
.service-vignette>p{flex:1;margin:0;font-size:15.5px;color:var(--fg-deep)}
.service-vignette-phare{border-color:transparent;color:#221908;background:linear-gradient(160deg,var(--azure),var(--azure-active))}
.service-vignette-phare h3{letter-spacing:-.015em;font-family:var(--display);font-weight:800;font-size:25px;color:#221908}
.service-vignette-phare>p{color:rgba(34,25,8,.8)}
.service-vignette-phare .ic-pave{background:rgba(34,25,8,.13);color:#221908}

.temps-blocs{gap:22px;display:grid;grid-template-columns:repeat(4,1fr)}
.temps-vignette{padding:30px 26px;border:1px solid var(--edge);border-radius:var(--ro-xl);position:relative;
  background:rgba(243,239,231,.06)}
.temps-vignette:not(:last-child)::after{right:-15px;content:"";top:52px;z-index:1;height:2px;width:30px;position:absolute;background:var(--edge-deep)}
.temps-num{background:var(--azure);font-family:var(--display);font-weight:800;place-items:center;
  display:grid;font-size:20px;height:52px;color:#221908;width:52px;border-radius:14px;margin-bottom:20px}
.temps-intitule{font-family:var(--ff);color:var(--fg);font-weight:800;margin:0 0 8px;font-size:18px}
.temps-paragraphe{color:var(--fg-deep);font-size:14.5px;margin:0}

.conteneur{margin:0 auto;padding-inline:var(--edge-x);max-width:var(--maxw)}

.scores-blocs{gap:24px;text-align:center;display:grid;grid-template-columns:repeat(4,1fr)}

.ecran-couverture{background:var(--canvas);background-image:linear-gradient(rgba(21,18,14,.8),rgba(21,18,14,.9)),var(--hero-img,linear-gradient(120deg,var(--ink-deep),var(--ink)));
  background-size:cover;
  position:relative;background-position:center;color:var(--fg)}
.ecran-couverture .conteneur{padding-block:clamp(88px,9vw,110px) clamp(40px,6vw,64px)}
.ecran-couverture h1{font-family:var(--display);font-size:clamp(32px,4.4vw,52px);font-weight:800;letter-spacing:-.02em;margin:8px 0}
.ecran-couverture .conteneur>p{color:rgba(243,239,231,.8);max-width:640px;font-size:17.5px}
.ecran-couverture-contact .conteneur{padding-bottom:clamp(48px,7vw,72px)}
.ecran-couverture-contact .couverture-blocs{margin-top:var(--gap-4)}

.partenaires-blocs{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}
.mention{gap:12px;font-weight:700;font-size:13px;
  letter-spacing:.12em;text-transform:uppercase;display:inline-flex;
  align-items:center;color:var(--azure)}
.mention::before{flex:none;background:var(--azure);height:2px;content:"";width:22px}
.service-vignette-phare .valide-liste li::before{color:#221908}
.service-vignette-phare .valide-liste li{color:rgba(34,25,8,.8)}
.marqueur svg,.partenaire-lieu svg{width:16px;height:16px}

.site-tete{backdrop-filter:blur(14px);top:0;left:0;border-bottom:1px solid var(--edge);position:fixed;
  z-index:100;background:rgba(32,28,25,.8);
  right:0}
.site-tete-coeur{gap:24px;display:flex;align-items:center;padding-block:14px}

.primes-encart{border:1px solid var(--edge-deep);padding:clamp(32px,5vw,60px);box-shadow:0 22px 55px rgba(1,0,0,.4);border-radius:var(--ro-2xl);
  position:relative;background:var(--ink);overflow:hidden}
.primes-encart::after{position:absolute;right:-60px;border-radius:50%;width:260px;top:-60px;height:260px;content:"";
  pointer-events:none;background:radial-gradient(circle,var(--azure-light),transparent 70%)}
.primes-encart .mention{color:var(--azure)}
.primes-encart .intitule-2{margin-top:14px;color:var(--fg);max-width:560px}
.primes-encart .amorce{margin-top:16px;color:var(--fg-deep);max-width:560px}
.primes-blocs{margin-top:40px;grid-template-columns:repeat(4,1fr);gap:18px;display:grid}
.acces-vignette{border-radius:var(--ro-xl);aspect-ratio:4/3;position:relative;border:1px solid var(--edge);
  box-shadow:var(--elev-md);overflow:hidden;background:var(--ink)}
.acces-vignette iframe{height:100%;border:0;inset:0;display:block;width:100%;position:absolute}
.acces-vignette.charge .acces-cadre-vide{display:none}
.acces-retarde{cursor:pointer}
.acces-cadre-vide{height:100%;font-weight:700;position:absolute;text-align:center;align-items:center;flex-direction:column;
  inset:0;justify-content:center;color:var(--fg);border:0;width:100%;display:flex;
  cursor:pointer;font-size:17px;background:linear-gradient(135deg,#28241f,#201c19);gap:14px;padding:24px}
.acces-marqueur{display:grid;border-radius:50% 50% 50% 4px;background:var(--azure);transform:rotate(-45deg);place-items:center;height:56px;
  width:56px;box-shadow:0 0 0 8px var(--azure-light)}
.acces-marqueur::after{background:#221908;height:16px;width:16px;border-radius:50%;content:""}
.acces-cadre-vide p{color:var(--fg-deep);font-size:14px;margin:0;max-width:260px;font-weight:500}
.nav-commande{border-radius:50%;color:var(--fg);place-items:center;border:1px solid var(--edge-deep);height:50px;
  cursor:pointer;width:50px;font-size:20px;background:rgba(243,239,231,.06);display:grid}
.nav-commande:hover{background:var(--azure);color:#221908;border-color:var(--azure)}
.nav-commande svg{height:20px;width:20px}
.couverture-intitule{color:var(--fg);font-family:var(--display);font-weight:800;
  line-height:1.06;font-size:clamp(38px,5.4vw,62px);margin-top:22px;letter-spacing:-.02em}
.couverture-amorce{max-width:520px;margin-top:20px;font-size:clamp(16px,2.1vw,19px);color:rgba(243,239,231,.8)}
.couverture-commandes{margin-top:30px;align-items:center;display:flex;gap:16px;flex-wrap:wrap}

.couverture{position:relative;background:var(--canvas);
  background-image:linear-gradient(105deg,rgba(21,18,14,.91),rgba(21,18,14,.57) 46%,rgba(21,18,14,.22) 100%),var(--hero-img,linear-gradient(120deg,#382d25,#201c19));
  background-size:cover;background-position:center;color:var(--fg)}
.couverture-coeur{padding-block:clamp(84px,11vw,116px) clamp(112px,15vw,180px)}
.couverture-blocs{grid-template-columns:1.12fr .88fr;align-items:center;gap:44px;display:grid}
.couverture-paragraphe{max-width:640px}
.couverture .mention,.indicateur-pastille{border-radius:var(--ro-pill);letter-spacing:.08em;font-weight:700;backdrop-filter:blur(6px);
  gap:9px;text-transform:uppercase;color:var(--fg);
  font-size:12.5px;padding:8px 15px;background:rgba(243,239,231,.05);display:inline-flex;align-items:center;border:1px solid var(--edge-deep)}
.couverture .mention::before{display:none}
.saisie{color:var(--ink);font-size:15.5px;padding:14px 15px;background:var(--sheet);
  font-family:inherit;border:1px solid var(--ice-light);width:100%;border-radius:14px}
.saisie:focus{border-color:var(--azure-active);outline:none;box-shadow:0 0 0 3px var(--azure-light)}
.volet-tel{top:0;height:100%;transition:transform .3s cubic-bezier(.4,0,.2,1),visibility .3s;overflow-y:auto;box-shadow:var(--elev-lg);flex-direction:column;
  padding:84px 22px 22px;z-index:1100;display:flex;
  width:min(320px,86vw);right:0;
  position:fixed;
  transform:translateX(100%);visibility:hidden;background:var(--ink)}
.volet-tel.actif{visibility:visible;transform:translateX(0)}
.volet-tel nav{flex-direction:column;display:flex}
.volet-tel a:not(.commande){padding:15px 2px;border-bottom:1px solid var(--edge);font-weight:600;color:var(--fg);font-size:16px}
.volet-tel a:not(.commande):hover{color:var(--azure)}
.volet-tel a.commande{justify-content:center;margin-top:var(--gap-6)}
.partenaire-vignette .evaluation{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.partenaire-vignette .evaluation .num{font-weight:800;color:var(--fg);font-size:14px}
.partenaire-vignette .evaluation .nb{font-size:13px;color:var(--fg-deep)}
.partenaire-vignette .etoiles .etoile{opacity:.26}.partenaire-vignette .etoiles .etoile.allume{opacity:1}
.partenaire-lieu{font-size:14px;align-items:flex-start;gap:8px;display:flex;color:var(--fg-deep)}
.partenaire-lieu .marqueur{margin-top:2px;flex:none;color:var(--azure-active)}

.infos{display:grid;gap:clamp(20px,3vw,28px)}
.couverture-args{grid-template-columns:1fr 1fr;gap:12px;margin-top:36px;max-width:520px;padding:0;
  display:grid;list-style:none}

.recommandation-barre{align-items:center;position:relative;box-shadow:var(--elev-lg);z-index:10;
  gap:26px;padding:28px 30px;background:var(--ink);
  margin-top:-92px;border-radius:var(--ro-xl);display:grid;border:1px solid var(--edge);grid-template-columns:repeat(3,1fr) auto}
.recommandation-element{gap:15px;align-items:flex-start;display:flex}
.recommandation-element>div>strong{font-weight:800;line-height:1.25;font-size:16px;display:block;color:var(--fg)}
.recommandation-element>div>span{margin-top:3px;display:block;font-size:14px;color:var(--fg-deep)}
.arg{font-weight:500;color:var(--fg);background:rgba(243,239,231,.06);display:flex;font-size:14.5px;align-items:center;
  padding:13px 15px;border:1px solid var(--edge);border-radius:14px;gap:11px}
.arg i{font-style:normal;font-size:13px;height:24px;color:#221908;place-items:center;display:grid;
  width:24px;font-weight:800;background:var(--azure);flex:none;border-radius:50%}
.recommandation-precision{color:var(--fg-deep);font-size:13px}
.recommandation-precision strong{font-weight:800;font-size:16px;color:var(--fg)}
.recommandation-a{color:var(--fg-deep)}

.services-blocs{display:grid;gap:22px;grid-template-columns:repeat(3,1fr)}
.principal-liens .commande{margin-left:10px}

.chantier-entete{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;
  margin-bottom:36px;flex-wrap:wrap}
.chantier-entete .intitule-2{margin-top:14px}
.chantier-nav{gap:10px;display:flex}
.visages{display:flex}
.evaluation{gap:6px;display:flex;align-items:center}
.valide-liste{padding:0;margin:0;gap:10px;list-style:none;display:grid}
.valide-liste li{gap:10px;display:flex;align-items:center;color:var(--fg-deep);font-size:14.5px}
.valide-liste li::before{flex:none;content:"\2713";font-weight:800;font-size:13px;color:var(--azure)}
.liens-fond{position:fixed;inset:0;visibility:hidden;transition:opacity .25s,visibility .25s;z-index:1090;opacity:0;background:rgba(11,8,7,.6)}
.liens-fond.actif{visibility:visible;opacity:1}
.visionner-a{font-weight:700;align-items:center;gap:11px;display:inline-flex;font-size:15px;color:var(--fg)}
.visionner-a:hover{color:var(--azure)}
.visionner-a .visionner{width:46px;justify-content:center;border-radius:50%;transition:background .18s,transform .18s;
  align-items:center;border:1px solid var(--edge-deep);background:var(--azure-light);height:46px;
  display:inline-flex}
.visionner-a:hover .visionner{transform:scale(1.06)}
.visionner-a .visionner::after{border-left:10px solid var(--azure);height:0;margin-left:3px;border-top:7px solid transparent;
  border-bottom:7px solid transparent;content:"";width:0}

.article{grid-template-columns:1fr 1fr;align-items:center;gap:clamp(32px,5vw,60px);display:grid}
.article-paragraphe .intitule-2{margin-top:16px}
.article-paragraphe>p{margin:18px 0 0;color:var(--fg-deep);font-size:17px}
.article-soustitre{margin-top:16px;color:var(--fg)}
.score-num{line-height:1;font-family:var(--display);
  color:var(--azure);letter-spacing:-.02em;font-weight:800;font-size:clamp(34px,4.4vw,52px)}
.score-paragraphe{color:var(--fg-deep);font-size:15px;margin-top:10px}
.indicateur-pastille::before{background:var(--azure);width:9px;box-shadow:0 0 0 4px var(--azure-light);border-radius:50%;content:"";height:9px}
.indicateur{font-weight:700;border-radius:var(--ro-pill);gap:6px;flex:none;display:inline-flex;
  padding:5px 11px;font-size:12px;align-items:center;border:1px solid transparent}
.indicateur .voyant{line-height:1;font-size:10px}
.indicateur-visible{color:var(--go);background:var(--go-wash);border-color:var(--go-line)}
.indicateur-inactif{background:var(--alert-wash);border-color:var(--alert-line);color:var(--alert)}
.intro-tete{max-width:680px;margin:0 auto clamp(32px,5vw,52px);text-align:center}
.intro-tete .intitule-2{margin-top:14px}
.intro-tete .amorce{margin-top:16px}
.avantages-liste{display:grid;gap:13px;padding:0;list-style:none;margin:26px 0 0}
.avantages-liste li{color:var(--fg);align-items:flex-start;gap:12px;display:flex;font-weight:500}
.avantages-liste li::before{display:grid;background:var(--azure-light);flex:none;place-items:center;font-size:12px;width:22px;
  border-radius:50%;content:"\2713";font-weight:800;margin-top:2px;height:22px;color:var(--azure)}
.intitule-2{margin:0;letter-spacing:-.015em;
  line-height:1.08;font-family:var(--display);font-weight:800;font-size:clamp(28px,3.6vw,42px)}
.recommandation-evaluation{align-items:center;gap:14px;padding-left:26px;display:flex;border-left:1px solid var(--edge)}
.prime-vignette{padding:22px;background:rgba(243,239,231,.06);border:1px solid var(--edge);border-radius:var(--ro-md)}
.prime-vignette .ic-pave{color:var(--azure);width:40px;margin-bottom:16px;border-radius:11px;background:var(--azure-light);height:40px}
.prime-intitule{color:var(--fg);font-family:var(--display);font-weight:800;font-size:17px}
.prime-paragraphe{font-size:14px;margin-top:6px;color:var(--fg-deep)}
.visage{height:38px;border-radius:50%;width:38px;background:var(--ink-deep);border:2px solid var(--ink);object-fit:cover}
.visage+.visage{margin-left:-12px}
.visage-plus{display:grid;color:#221908;place-items:center;font-size:12px;
  height:38px;margin-left:-12px;font-weight:800;background:var(--azure);border:2px solid var(--ink);width:38px;border-radius:50%}
.ariane{font-size:13px;padding:12px 0 24px;margin:0;align-items:center;color:rgba(243,239,231,.69);list-style:none;flex-wrap:wrap;display:flex}
.ariane li+li::before{content:"\203A";opacity:.6;margin-inline:6px}
.ariane a{color:rgba(243,239,231,.69)}
.ariane a:hover{color:var(--fg)}
.ariane li:last-child{color:var(--fg);font-weight:600}
.ic-pave{width:48px;color:var(--azure);place-items:center;border-radius:14px;background:var(--azure-light);
  display:grid;height:48px;flex:none}
.ic-pave svg{width:23px;height:23px}
.accent{font-family:var(--display-serif);font-style:italic;font-weight:400;color:var(--azure-active)}
.sigle{display:inline-flex;align-items:center;font-family:var(--display);
  gap:12px;font-weight:800;color:var(--fg);font-size:20px;letter-spacing:-.015em}
.sigle-marque{flex:none;border-radius:12px;height:42px;position:relative;
  display:inline-grid;place-items:center;width:42px;background:var(--azure-light)}
.sigle-marque::after{content:none}
.sigle-marque svg{width:24px;height:24px;display:block}
.type{font-size:13px;margin-top:-3px;color:var(--fg-deep)}
.pave{padding-block:clamp(56px,7.5vw,96px)}
.pave-inv{background:var(--ink)}
.liens-a{border-radius:var(--ro-pill);font-weight:600;font-size:14.5px;position:relative;color:var(--fg-deep);padding:8px 14px;transition:color .18s,background .18s}
.liens-a:hover{background:rgba(243,239,231,.06);color:var(--fg)}
@media(min-width:1024px){.infos{grid-template-columns:1.05fr .95fr;gap:32px;align-items:start}}
.infos-chiffres{margin:0;gap:14px;display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}
.infos-municipal{background:rgba(243,239,231,.06);align-content:start;gap:12px;
  border:1px solid var(--edge);padding:24px;display:grid;border-radius:var(--ro-lg)}
.infos-municipal h3{color:var(--fg);font-size:18px;margin:0 0 2px}

.alentours{flex-direction:column;display:flex;gap:32px}
.alentours-bloc h2{margin-bottom:14px;color:var(--fg);font-size:21px}
.alentours-liste{flex-wrap:wrap;display:flex;gap:8px 18px}
.alentours-liste a{color:var(--fg-deep);text-decoration:underline}
.alentours-liste a:hover{color:var(--azure)}

.site-pied{background:var(--ink-deep);border-top:1px solid var(--edge);padding-block:clamp(52px,6vw,72px) 28px;color:var(--fg-deep)}
.chiffre{background:rgba(243,239,231,.06);display:flex;border:1px solid var(--edge);gap:12px;align-items:center;
  border-radius:var(--ro-md);padding:15px 16px}
.chiffre-ic{height:42px;border-radius:12px;color:var(--azure);display:grid;width:42px;place-items:center;flex:none;background:var(--azure-light)}
.chiffre-ic svg{width:20px;height:20px}
.chiffre-paragraphe dt{font-size:12.5px;margin-bottom:3px;color:var(--quiet)}
.chiffre-paragraphe dd{font-weight:800;color:var(--fg);margin:0;line-height:1.15;font-size:16px}
.creneau{max-width:320px;justify-content:space-between;gap:16px;display:flex}
.creneau strong{color:var(--fg);font-weight:600}
.pied-blocs{display:grid;gap:34px;grid-template-columns:1.5fr 1fr 1fr 1.1fr}
.pied-sigle{gap:12px;display:inline-flex;font-family:var(--display);font-weight:800;
  align-items:center;font-size:20px;color:var(--fg)}
.pied-colonne>p{font-size:14.5px;margin:14px 0 0;color:var(--fg-deep)}
.pied-intitule{font-weight:800;margin-bottom:16px;text-transform:uppercase;letter-spacing:.1em;color:var(--fg);font-size:13px}
.pied-liste{gap:11px;display:grid;padding:0;margin:0;list-style:none}
.pied-liste a{font-size:14.5px;color:var(--fg-deep)}
.pied-liste a:hover{color:var(--azure)}
.pied-colonne .commande{margin-top:14px}
.copyright{margin-top:38px;padding-top:22px;border-top:1px solid var(--edge);
  color:var(--quiet);text-align:center;font-size:13px}
.horaires{font-size:14px;display:grid;color:var(--fg-deep);padding-left:28px;gap:5px}
.site-pied .commande-go{background:var(--azure);color:#221908}
.site-pied .commande-go:hover{background:var(--azure-active);color:#221908}
.municipal-ligne{font-size:15px;margin:0;align-items:flex-start;color:var(--fg-deep);display:flex;gap:10px}
.municipal-ligne a{font-weight:600;color:var(--azure)}
.municipal-ligne .marqueur{flex:none;margin-top:1px;color:var(--quiet)}
.municipal-ligne svg{height:18px;width:18px}

.rapide-incitation{transition:transform .3s,opacity .3s;color:var(--ink);right:20px;width:min(330px,calc(100vw - 40px));bottom:20px;
  border:1px solid var(--ice-light);box-shadow:var(--elev-lg);padding:22px 24px;border-radius:var(--ro-lg);
  z-index:90;background:var(--sheet);position:fixed}
.rapide-incitation[hidden]{display:none}
.rapide-quitter{position:absolute;top:10px;background:none;cursor:pointer;right:12px;color:var(--quiet);
  line-height:1;border:0;font-size:20px}
.rapide-intitule{margin:0 26px 6px 0;font-weight:800;color:var(--ink);font-size:16.5px;font-family:var(--display)}
.rapide-paragraphe{color:var(--quiet);margin:0 0 14px;font-size:14px}
.rapide-ouvrir{box-shadow:var(--elev-lg);position:fixed;right:20px;display:none;width:62px;
  background:var(--azure);z-index:89;
  height:62px;cursor:pointer;border-radius:50% 50% 50% 8px;justify-content:center;color:#221908;bottom:20px;align-items:center;
  animation:floatPulse 2.4s infinite;border:0}
.rapide-ouvrir svg{height:27px;width:27px;display:block}
.rapide-ouvrir:hover{animation-play-state:paused;transform:scale(1.05)}
@keyframes floatPulse{0%,100%{box-shadow:0 0 0 0 rgba(230,166,84,.43)}50%{box-shadow:0 0 0 12px rgba(230,166,84,.01)}}

.article-pave h1{letter-spacing:-.02em;font-family:var(--display);margin-bottom:16px;font-weight:800;color:var(--fg);font-size:clamp(29px,4vw,42px)}
.article-pave h2{margin:32px 0 12px;color:var(--fg);font-family:var(--display);letter-spacing:-.015em;font-weight:800;font-size:clamp(21px,2.6vw,27px)}
.article-pave p,.article-pave li{color:var(--fg-deep)}
.article-pave ul{padding-left:20px}
.article-pave .tableau-enveloppe{overflow-x:auto;margin:18px 0}
.article-pave table{border-collapse:collapse;font-size:15px;width:100%}
.article-pave th,.article-pave td{text-align:left;border:1px solid var(--edge);padding:12px 14px;color:var(--fg-deep)}
.article-pave thead th{background:var(--ink);font-weight:800;color:var(--fg)}

.localiser-contact{gap:12px;display:flex;max-width:520px;flex-wrap:wrap}
.localiser-contact .saisie{flex:1;min-width:200px}
.localiser-nb{margin:20px 0;color:var(--fg-deep)}

.article-infos{width:100%;max-width:820px;margin:0 auto}
.article-infos h2,.article-infos .intitule-2{text-align:center;color:var(--fg);margin:0 0 26px}
.infos-element{overflow:hidden;background:rgba(243,239,231,.06);border:1px solid var(--edge);margin-bottom:12px;border-radius:var(--ro-md)}
.infos-element summary{list-style:none;justify-content:space-between;color:var(--fg);font-weight:700;cursor:pointer;
  font-size:16.5px;padding:20px 24px;align-items:center;gap:16px;display:flex}
.infos-element summary::-webkit-details-marker{display:none}
.infos-element summary::after{color:var(--azure);font-size:24px;content:"+";font-weight:400}
.infos-element[open] summary::after{content:"\2013"}
.infos-rep{transition:height .36s cubic-bezier(.4,0,.2,1);overflow:hidden}
.infos-rep-coeur{color:var(--fg-deep);padding:0 24px 20px}
.contact{gap:16px;max-width:620px;display:grid}
.contact-element{display:grid;gap:6px}
.contact-element label{font-weight:700;color:var(--fg);font-size:14px}
.contact-element textarea.saisie{min-height:150px;resize:vertical}
.contact-precision{padding:14px 16px;border-radius:var(--ro-md);font-size:14px}
.contact-precision-allume{color:var(--go);background:var(--go-wash);border:1px solid var(--go-line)}
.contact-precision-inactif{border:1px solid var(--alert-line);color:var(--alert);background:var(--alert-wash)}
.tableau-precision{color:var(--quiet);font-size:13px;font-style:italic}

.redac{max-width:760px;margin:0 auto}
.redac h2{font-family:var(--display);margin:34px 0 12px;color:var(--fg);font-weight:800;font-size:clamp(23px,3vw,31px);letter-spacing:-.015em}
.redac p{color:var(--fg-deep);margin:14px 0}
.redac ul{color:var(--fg-deep);padding-left:20px}
.redac a:not(.commande){color:var(--azure);text-decoration:underline}

.principal-article{display:flex;flex-direction:column}
.principal-article .article-pave{order:1}
.principal-article .article-infos{order:2}

@media(max-width:1023px){
  .services-blocs,.partenaires-blocs,.temps-blocs,.primes-blocs,.scores-blocs{grid-template-columns:repeat(2,1fr)}
  .pied-blocs{grid-template-columns:1fr 1fr}
  .temps-vignette:not(:last-child)::after{display:none}
}
@media(max-width:860px){
  .principal-liens{display:none}
  .bascule{display:flex}
  .couverture-blocs{grid-template-columns:1fr;gap:32px}
  .couverture-blocs>div:last-child{order:-1}
  .article{grid-template-columns:1fr}
  .recommandation-barre{grid-template-columns:1fr 1fr}
  .recommandation-evaluation{grid-column:1/-1;padding-left:0;border-left:0;border-top:1px solid var(--edge);padding-top:18px}
}
@media(max-width:520px){
  .services-blocs,.partenaires-blocs,.temps-blocs,.recommandation-barre{grid-template-columns:1fr}
  .primes-blocs,.scores-blocs{grid-template-columns:1fr 1fr}
  .pied-blocs{grid-template-columns:1fr}
  .couverture-args{grid-template-columns:1fr}
  .recommandation-evaluation{justify-content:flex-start}
}
@media(prefers-reduced-motion:reduce){
  *{animation-duration:.001ms!important;transition-duration:.001ms!important;scroll-behavior:auto!important}
}

.sortie-popup{inset:0;align-items:center;justify-content:center;padding:20px;backdrop-filter:blur(3px);background:rgba(11,8,7,.6);position:fixed;z-index:1200;display:none}
.sortie-popup.charge{display:flex}
.sortie-popup-vignette{overflow:hidden;border-radius:var(--ro-2xl);grid-template-columns:.8fr 1fr;box-shadow:var(--elev-lg);color:var(--ink);background:var(--sheet);display:grid;width:100%;position:relative;max-width:860px}
.sortie-popup-volet{position:relative;background:linear-gradient(160deg,var(--ink),var(--ink-deep));padding:clamp(28px,4vw,44px);overflow:hidden;color:var(--fg);justify-content:center;display:flex;flex-direction:column}
.sortie-popup-volet::after{right:-28%;width:86%;height:86%;border-radius:50%;position:absolute;bottom:-28%;border:20px solid rgba(230,166,84,.1);content:""}
.sortie-popup-num{font-family:var(--display);line-height:.85;position:relative;font-weight:800;color:var(--azure);font-size:clamp(64px,9vw,104px)}
.sortie-popup-volet p{position:relative;font-size:17px;max-width:190px;font-weight:600;color:var(--fg-deep);margin-top:12px}
.sortie-popup-principal{position:relative;padding:clamp(28px,4vw,48px)}
.sortie-popup-principal .mention{margin-bottom:14px;color:var(--azure-active)}
.sortie-popup-principal .intitule-2{font-size:clamp(25px,3.2vw,37px);color:var(--ink)}
.sortie-popup-principal .intitule-2 .accent{color:var(--azure-active)}
.sortie-popup-principal .amorce{color:var(--quiet);margin-top:12px}
.sortie-popup-principal .valide-liste{gap:12px;margin-top:20px}
.sortie-popup-principal .valide-liste li{font-size:15px;color:var(--quiet)}
.sortie-popup-principal .valide-liste li::before{color:var(--azure-active)}
.sortie-popup-principal .commande{margin-top:24px}
.sortie-popup-quitter{display:grid;border-radius:50%;top:16px;right:16px;position:absolute;line-height:1;height:42px;width:42px;border:1px solid var(--ice-light);background:var(--sheet);cursor:pointer;color:var(--quiet);font-size:20px;place-items:center}
.sortie-popup-passer{margin:14px auto 0;display:block;background:none;color:var(--quiet);border:0;font-size:13.5px;cursor:pointer;text-decoration:underline}
@media(max-width:640px){.sortie-popup{display:none!important}}