
@font-face{
  font-family:"Nunito Sans";
  font-style:italic;
  font-weight:200 1000;
  font-display:swap;
  src:url(/police-nunito-sans-italique-latin-ext.woff2) format("woff2");
  unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face{
  font-family:"Nunito Sans";
  font-style:italic;
  font-weight:200 1000;
  font-display:swap;
  src:url(/police-nunito-sans-italique-latin.woff2) format("woff2");
  unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face{
  font-family:"Nunito Sans";
  font-style:normal;
  font-weight:200 1000;
  font-display:swap;
  src:url(/police-nunito-sans-latin-ext.woff2) format("woff2");
  unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face{
  font-family:"Nunito Sans";
  font-style:normal;
  font-weight:200 1000;
  font-display:swap;
  src:url(/police-nunito-sans-latin.woff2) format("woff2");
  unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
:root{
  --bleu:#174135; --bleu-fonce:#0f2d24; --bleu-clair:#dfece5;
  --orange:#2e7a5b; --orange-clair:#eaf4ee;
  --encre:#13221c; --encre-2:#465f54; --encre-3:#5b7267;
  --fond:#f2f6f4; --surface:#ffffff; --surface-2:#e6efea; --trait:#cfdfd6;
  --vert:#1f5c44; --rouge:#1f5c44;
  --mat-mixte:#1f5c44; --mat-terre:#7d4f2a; --mat-beton:#5b6874; --mat-briques:#9c3f28; --mat-asphalte:#3f4854;
  --form-bg:#174135; --final-bg:#0f2d24;
  --sans:"Nunito Sans","Avenir Next",Avenir,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
  --mono:ui-monospace,SFMono-Regular,Menlo,Consolas,"Liberation Mono",monospace; 
  --max:1080px; --lisible:68ch;
  --promo-fond:#1f5a48; --promo-clair:#b6e6cd; --promo-voile:rgba(31,90,72,.90);
  --promo-vif:#5df6a6;
}
:root[data-theme="dark"]{
  --bleu:#8cc7ad; --bleu-fonce:#c2e2d3; --bleu-clair:#1b3229;
  --orange:#4a9a77; --orange-clair:#152a21;
  --encre:#e1ece6; --encre-2:#a2b8ac; --encre-3:#7f978b;
  --fond:#0b1511; --surface:#12211a; --surface-2:#182c23; --trait:#2a453a;
  --vert:#7fc2a4; --rouge:#7fc2a4;
  --form-bg:#143529; --final-bg:#0d231b;
}
*{box-sizing:border-box}
body{margin:0;background:var(--fond);color:var(--encre);font-family:var(--sans);
  font-size:17px;line-height:1.65;-webkit-font-smoothing:antialiased}
img{max-width:100%;height:auto;display:block}
h1,h2,h3{margin:0;font-weight:700;text-wrap:balance;letter-spacing:-.02em;line-height:1.15}
h1{font-size:clamp(28px,4.6vw,40px)}
h2{font-size:clamp(21px,2.9vw,27px)}
h3{font-size:19px}
p{margin:0}
a{color:var(--bleu)}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{
  outline:2px solid var(--orange);outline-offset:2px}
.heros :focus-visible,.form-zone :focus-visible,.final :focus-visible,.promo :focus-visible,
.lxp :focus-visible,.toiture :focus-visible,.refus :focus-visible,.outil-resultat :focus-visible,
.toit-resultat :focus-visible,.estim-resultat :focus-visible,.voy-resultat :focus-visible,
.diag-resultat :focus-visible,.appel-guide :focus-visible,.bande-ramassage:focus-visible,
.cta-soum:focus-visible,.haut-page:focus-visible{outline-color:#fff;outline-offset:-4px}
.form-carte :focus-visible,.toit-calc :focus-visible{outline-color:var(--orange)}
.saut{position:absolute;left:-9999px;top:0;z-index:100;background:#ffd60a;color:#0d241c;font-weight:800;padding:10px 14px;text-decoration:none}
.saut:focus-visible{left:0}
code{font-family:var(--mono);font-size:.86em;background:var(--surface-2);padding:1px 5px;border-radius:3px}
.max{width:min(var(--max),100%);margin:0 auto;padding:0 20px}
section{padding:38px 0;border-top:1px solid var(--trait)}
section>.max{display:flex;flex-direction:column;gap:16px}
.lis{max-width:var(--lisible)}
header.site{background:var(--surface);border-bottom:1px solid var(--trait)}
header.site .max{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:12px;padding-bottom:12px;flex-wrap:wrap}
header.site img{width:210px;max-width:60vw}
.logo-lien{display:block;flex:none;line-height:0}
.entete-droite{display:flex;align-items:center;gap:12px;font-size:15px}
.tel{font-weight:700;color:var(--encre);text-decoration:none;white-space:nowrap;font-size:19px}
.langue{font-size:12px;color:var(--encre-3);text-decoration:none;
  border:1px solid var(--trait);padding:4px 8px;border-radius:3px}
.fil{font-size:14px;color:var(--encre-2);padding-block:11px}
html,body{overflow-x:clip}
.fil a{color:var(--encre-2)}
.heros{position:relative;isolation:isolate;overflow:hidden;border-top:0;padding:0;
  display:flex;flex-direction:column;justify-content:center;background:var(--promo-fond)}
.heros-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;
  object-position:center 45%;z-index:-2;margin:0;max-width:none}
.heros-voile{position:absolute;inset:0;z-index:-1;
  background:linear-gradient(100deg,rgba(15,45,36,.94) 0%,rgba(15,45,36,.86) 45%,
    rgba(15,45,36,.38) 66%,rgba(15,45,36,.10) 100%)}
video.heros-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;
  z-index:-2;display:block}
.heros-film .heros-contenu{max-width:52%;padding-top:96px;padding-bottom:96px}
.heros-film .heros-voile{background:linear-gradient(100deg,rgba(12,32,24,.96) 0%,
  rgba(12,32,24,.88) 42%,rgba(12,32,24,.55) 68%,rgba(12,32,24,.38) 100%)}
@media(max-width:900px){
  
  .heros-film{background:#0d241c}
  .heros-film video.heros-photo{position:static;inset:auto;z-index:auto;
    width:100%;height:50vw;max-height:210px;object-fit:cover;background:#1a4846;
    display:block}
  .heros-film .heros-voile{display:none}
  .heros-film > .max{position:relative;z-index:2}
  .heros-film .heros-contenu{max-width:100%;padding-top:16px;padding-bottom:44px}
}
.heros-contenu{display:flex;flex-direction:column;gap:18px;max-width:58%;
  padding-top:54px;padding-bottom:54px}
.heros h1{color:#fff}
.heros .reponse{color:rgba(255,255,255,.92);border-left-color:var(--promo-clair)}
.heros .reassurance span{background:rgba(9,32,25,.55);color:#fff;
  border:1px solid rgba(255,255,255,.28)}
.heros .btn-1,.final .btn-1{background:#ffd60a;color:#0d241c;font-weight:900}
.heros .btn-2{color:#fff;border-color:rgba(255,255,255,.55)}
@media print{
  .heros-photo,.heros-voile{display:none}
  .heros h1,.heros .reponse{color:#000}
}
@media(max-width:820px){
  .heros-contenu{max-width:100%;padding-top:38px;padding-bottom:38px}
  .heros-photo{object-position:center 42%}
}
.heros a[href^="tel:"]:not(.btn),.lxp a[href^="tel:"]:not(.btn),
.final a[href^="tel:"]:not(.btn),.form-zone a[href^="tel:"]:not(.btn),
.promo a[href^="tel:"]:not(.btn),.toiture a[href^="tel:"]:not(.btn),
.bande-ramassage a[href^="tel:"]:not(.btn){
  color:#fff;text-decoration:underline;text-decoration-color:rgba(255,255,255,.45);
  text-underline-offset:2px}
.reponse{font-size:clamp(19px,1.55vw,22px);line-height:1.55;color:var(--encre-2);border-left:3px solid var(--bleu);padding-left:18px}
.specs-zone{overflow-x:auto;margin:22px 0 30px}
.specs{width:100%;border-collapse:collapse;font-size:15.5px;background:#fff;border-radius:12px;
  box-shadow:0 8px 24px rgba(13,36,28,.08);overflow:hidden}
.specs caption{caption-side:top;text-align:left;font-weight:900;font-size:17px;padding:0 0 10px;color:var(--encre)}
.specs th,.specs td{padding:12px 14px;text-align:left;border-bottom:1px solid var(--trait)}
.specs thead th{background:#0d241c;color:#fff;font-weight:800;font-size:13.5px;letter-spacing:.06em;text-transform:uppercase}
.specs tbody th{font-weight:900;color:#0d241c;white-space:nowrap}
.specs tbody tr:last-child td,.specs tbody tr:last-child th{border-bottom:0}
.specs-note{margin:10px 0 0;font-size:14px;color:var(--encre-2)}
.reassurance{display:flex;flex-wrap:wrap;gap:8px}
.reassurance span{background:var(--bleu-clair);color:var(--bleu-fonce);font-size:15.5px;font-weight:600;
  padding:6px 12px;border-radius:99px;white-space:normal;text-align:center;line-height:1.3}
.actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:4px}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font:inherit;font-weight:700;
  padding:14px 24px;border-radius:5px;text-decoration:none;border:2px solid transparent;cursor:pointer;font-size:17px}
.btn-1{background:var(--orange);color:#fff}
.btn-2{background:transparent;color:var(--bleu);border-color:var(--bleu)}
.heros figure{margin:0}
.heros figure img{border-radius:6px}
.formats{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:18px;margin-top:8px}
.format{position:relative;background:var(--surface);border:1px solid var(--trait);border-radius:16px;
  overflow:visible;display:flex;flex-direction:column;
  transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}
.format:hover{transform:translateY(-3px);border-color:var(--vert);box-shadow:0 18px 40px rgba(19,34,28,.12)}
.format>img{background:var(--surface-2);padding:14px;width:100%;height:210px;object-fit:contain;
  display:block;border-radius:15px 15px 0 0}
.format-badge{position:absolute;top:-14px;left:16px;z-index:2;display:inline-flex;
  align-items:baseline;gap:6px;background:#ffd60a;color:#0d241c;border-radius:999px;
  padding:5px 14px;box-shadow:0 5px 14px rgba(19,34,28,.20)}
.format-badge b{font-size:19px;font-weight:1000;line-height:1}
.format-badge::after{content:"verges cube";font-size:11.5px;font-weight:900;letter-spacing:.07em;
  text-transform:uppercase}
:lang(en) .format-badge::after{content:"cubic yards"}
.format-corps{padding:16px 18px 20px;display:flex;flex-direction:column;gap:8px;flex:1}
.format-corps ul li{list-style:none;position:relative;padding-left:2px}
.format-corps ul li::before{content:"✓ ";color:#d9a423;font-weight:900}
@supports (content:"a" / "b"){.format-corps ul li::before{content:"✓ " / ""}}
.format-corps ul{padding-left:2px !important}
.format h3{color:var(--bleu-fonce)}
.dim{font-size:15px;color:var(--encre-2)}
.format ul{margin:0;padding-left:18px;font-size:16.5px;color:var(--encre-2);display:flex;flex-direction:column;gap:3px}
.form-zone{color:#fff;position:relative;overflow:hidden;
  background:linear-gradient(165deg,#0d241c,#123227)}
.form-zone::before{content:"";position:absolute;top:-80px;right:14%;width:190px;height:150%;
  background:linear-gradient(100deg,transparent,rgba(255,255,255,.045),transparent);
  transform:rotate(14deg);pointer-events:none}
.form-zone>.max{position:relative;z-index:1}
.form-zone h2,.form-zone h3{color:#fff}
.form-carte{background:#fff;color:var(--encre);border-radius:18px;width:100%;
  max-width:880px;margin:0 auto;padding:clamp(22px,4vw,38px);
  box-shadow:0 24px 60px rgba(0,0,0,.30);display:flex;flex-direction:column;gap:22px}
.form-carte h2{color:var(--encre);margin:0}
.form-tete{display:flex;flex-direction:column;align-items:center;gap:7px;text-align:center;
  padding-bottom:16px;border-bottom:1px solid #e2ece5}
.form-sous{margin:0;font-size:16.5px;color:var(--encre-2)}
.form-preuve{margin:2px 0 0;display:flex;align-items:baseline;gap:8px;font-size:15.5px;
  color:var(--encre-2)}
.form-preuve b{color:var(--encre);font-size:16.5px}
.form-etoiles{color:#FBBC05;letter-spacing:2.5px;font-size:15.5px}
.form-grille{display:grid;grid-template-columns:1fr 1fr;gap:16px}
@media(max-width:700px){.form-grille{grid-template-columns:1fr}}
.champ{display:flex;flex-direction:column;gap:6px}
.champ.large{grid-column:1/-1}
.champ label{font-size:14.5px;font-weight:700}
.champ .req{color:var(--orange)}
.champ input,.champ select,.champ textarea{font:inherit;font-size:16px;padding:12px 14px;
  border-radius:10px;border:1.5px solid #6f8a7d;background:#f6faf7;color:#16232c;width:100%;
  transition:border-color .15s,box-shadow .15s}
.champ :is(input,select,textarea):focus{outline:2px solid transparent;
  border-color:var(--form-bg);box-shadow:0 0 0 3px rgba(23,65,53,.16)}
.champ select{-webkit-appearance:none;appearance:none;padding-right:40px;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%23445b52' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");
  background-repeat:no-repeat;background-position:right 14px center}
.champ textarea{min-height:88px;resize:vertical}
.apres{background:#eef6f0;border-left:4px solid var(--form-bg);border-radius:8px;
  padding:14px 16px;font-size:15.5px;color:var(--encre-2)}
.apres strong{color:var(--encre)}
.form-zone .btn-1{background:var(--orange);width:100%;padding:16px 20px;font-size:17.5px;
  border-radius:12px;box-shadow:0 8px 20px rgba(0,0,0,.10)}
.encadre{background:var(--surface);border:1px solid var(--trait);border-radius:6px;padding:18px 20px;
  display:flex;flex-direction:column;gap:10px}
.encadre.alerte{border-left:4px solid var(--orange);background:var(--orange-clair)}
.encadre.guide{border-left:4px solid var(--bleu);flex-direction:row;flex-wrap:wrap;gap:16px;align-items:center;justify-content:space-between}
.encadre.guide .renvoi{flex-basis:100%;margin:0;font-size:15px;color:var(--encre-2)}
.plus-loin{margin-top:26px;padding-top:22px;border-top:1px solid var(--trait);display:flex;flex-direction:column;gap:12px}
.plus-loin p{margin:0;font-size:12.5px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--vert)}
.plus-loin ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:10px}
.plus-loin a{display:inline-flex;align-items:center;gap:9px;padding:10px 16px;border-radius:8px;background:var(--surface);border:1px solid var(--trait);font-size:14.5px;font-weight:600;color:var(--encre);text-decoration:none}
.plus-loin a::before{content:"";width:8px;height:8px;border-radius:50%;background:#ffd60a;flex:none}
.plus-loin a:hover{border-color:var(--vert);color:var(--vert)}
.deux{display:grid;grid-template-columns:1fr 1fr;gap:18px}
@media(max-width:760px){.deux{grid-template-columns:1fr}}
ul.liste,ol.liste{margin:0;padding-left:20px;display:flex;flex-direction:column;gap:6px;color:var(--encre-2)}
ol.liste li::marker{font-weight:700;color:var(--bleu)}
ul.coche{margin:0;padding-left:0;list-style:none;display:flex;flex-direction:column;gap:8px;color:var(--encre-2)}
ul.coche li{padding-left:26px;position:relative}
ul.coche li::before{content:"✓";position:absolute;left:0;color:var(--vert);font-weight:700}
@supports (content:"a" / "b"){ul.coche li::before{content:"✓" / ""}}
.tw{overflow-x:auto;border:1px solid var(--trait);border-radius:6px;background:var(--surface)}
table{border-collapse:collapse;width:100%;font-size:16px;min-width:420px}
table:has(thead th:nth-child(2):last-child){table-layout:fixed}
th,td{text-align:left;padding:11px 14px;border-bottom:1px solid var(--trait)}
thead th{background:var(--surface-2);font-size:13.5px;text-transform:uppercase;
  letter-spacing:.07em;color:var(--encre-2);font-weight:500}
tbody tr:last-child td{border-bottom:0}
td.n{font-weight:700;font-variant-numeric:tabular-nums;white-space:normal;
  color:var(--encre);vertical-align:top;line-height:1.4}
thead:has(th:nth-child(2):last-child) th:first-child{width:31%}
thead:has(th:nth-child(2):last-child) th:last-child{width:69%}
td.n{max-width:34ch}
th,td{vertical-align:top}
tbody td:last-child{line-height:1.55}
@media(max-width:700px){
  .tw{border:0;background:transparent;overflow:visible}
  .tw table{min-width:0}
  .tw thead{display:none}
  .tw tr{display:block;background:var(--surface);border:1px solid var(--trait);
    border-radius:8px;margin-bottom:10px}
  .tw td{display:block;border-bottom:0;padding:4px 15px}
  .tw td.n{white-space:normal;font-family:var(--sans);font-weight:700;
    padding-top:13px;color:var(--encre)}
  .tw td:last-child{padding-bottom:13px;color:var(--encre-2)}
}
.groupe-permis{margin-top:6px}
.groupe-permis h3{display:flex;align-items:baseline;gap:10px;margin-bottom:12px}
.groupe-permis .compte{font-size:14px;font-weight:500;color:var(--encre-3)}
.groupe-permis+.groupe-permis{margin-top:30px;padding-top:24px;border-top:1px solid var(--trait)}
.permis-ville{background:var(--surface);border:1px solid var(--trait);border-radius:6px;
  margin-bottom:8px}
.permis-ville summary{display:flex;align-items:center;gap:12px;flex-wrap:wrap;cursor:pointer;
  list-style:none;padding:14px 16px;min-height:48px;font-size:16.5px}
.permis-ville summary::-webkit-details-marker{display:none}
.permis-ville summary::after{content:"";width:8px;height:8px;margin-left:auto;flex:none;
  border-right:2px solid var(--encre-3);border-bottom:2px solid var(--encre-3);
  transform:translateY(-2px) rotate(45deg)}
.permis-ville[open] summary::after{transform:translateY(2px) rotate(-135deg)}
.permis-ville[open] summary{border-bottom:1px solid var(--trait)}
.permis-eclair{font-size:14.5px;color:var(--encre-2)}
.permis-detail{padding:14px 16px 4px;display:flex;flex-direction:column;gap:10px;font-size:16px}
.permis-detail p{color:var(--encre-2)}
.permis-ou{display:inline-block;min-width:132px;font-weight:700;color:var(--encre)}
.permis-lien{padding-bottom:12px}
@media(max-width:620px){
  .permis-ou{display:block;min-width:0;margin-bottom:2px}
}
.permis-recherche{background:var(--surface);border:1px solid var(--trait);border-radius:8px;
  padding:16px 18px;margin-bottom:18px}
.permis-recherche label{display:block;font-weight:700;margin-bottom:8px;font-size:16px}
.permis-recherche input{width:100%;font:inherit;font-size:17px;padding:12px 14px;min-height:48px;
  border:1px solid #6f8a7d;border-radius:5px;background:var(--fond);color:var(--encre)}
.permis-recherche input:focus-visible{outline:2px solid var(--orange);outline-offset:1px}
.permis-compte{margin-top:8px;font-size:14.5px;color:var(--encre-3);min-height:1.2em}
details.groupe-permis{border:1px solid var(--trait);border-radius:8px;background:var(--surface-2);
  margin-bottom:10px;padding:0}
details.groupe-permis>summary{display:flex;align-items:center;gap:10px;cursor:pointer;
  list-style:none;padding:15px 18px;min-height:52px}
details.groupe-permis>summary::-webkit-details-marker{display:none}
details.groupe-permis>summary::after{content:"";width:9px;height:9px;margin-left:auto;flex:none;
  border-right:2px solid var(--encre-2);border-bottom:2px solid var(--encre-2);
  transform:translateY(-3px) rotate(45deg)}
details.groupe-permis[open]>summary::after{transform:translateY(2px) rotate(-135deg)}
details.groupe-permis>summary h3{display:inline-flex;align-items:baseline;gap:10px;margin:0;
  font-size:18px}
details.groupe-permis[open]>summary{border-bottom:1px solid var(--trait)}
details.groupe-permis .permis-ville{margin:8px 12px}
details.groupe-permis .permis-ville:first-of-type{margin-top:12px}
details.groupe-permis+details.groupe-permis{margin-top:0;padding-top:0;border-top:1px solid var(--trait)}
.heros-avis>.max{display:flex;flex-direction:row;align-items:center;
  justify-content:space-between;gap:36px}
.heros-employe{display:none}
@media(min-width:821px){
  .heros-avis>.max{position:relative}
  
  .heros-employe{display:block;position:absolute;z-index:0;pointer-events:none;
  right:-40px;top:calc(100% - 18px);bottom:auto;height:500px;width:auto;
    filter:drop-shadow(0 0 1.5px rgba(255,255,255,.55)) drop-shadow(0 0 10px rgba(255,255,255,.22))
           drop-shadow(0 12px 24px rgba(0,0,0,.5))}
  .heros-avis .avis-panneau{position:relative;z-index:1}
.avis-colonne{position:relative;width:100%}
@media(min-width:821px){.avis-colonne{flex:none;width:308px}}
}
@media(min-width:1100px){
  .heros-employe{right:-50px;top:calc(100% - 22px);height:600px}
}
.avis-panneau{flex:none;width:308px;display:flex;flex-direction:column;gap:14px;
  padding:20px 22px;border-radius:20px;
  background:rgba(9,32,25,.58);border:1.5px solid rgba(251,188,5,.75);
  -webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);
  box-shadow:0 0 0 1px rgba(9,32,25,.35),0 10px 30px rgba(9,32,25,.30)}
@media(prefers-reduced-motion:no-preference){
  
  .avis-panneau::after{content:"";position:absolute;inset:-1.5px;border-radius:inherit;
    pointer-events:none;opacity:0;border:1.5px solid #ffd60a;
    box-shadow:0 0 0 4px rgba(255,214,10,.16),0 0 28px 3px rgba(255,214,10,.42);
    animation:avis-flash 3s ease-in-out infinite}
  .avis-panneau.fige::after{animation:none}
  @keyframes avis-flash{0%,78%{opacity:0}85%{opacity:1}93%,100%{opacity:0}}
}
.avis-panneau{position:relative}
.avis-pause{position:absolute;top:9px;right:9px;width:30px;height:30px;border:0;
  border-radius:50%;background:rgba(255,255,255,.14);color:#fff;display:flex;
  align-items:center;justify-content:center;cursor:pointer;padding:0}
.avis-pause svg{width:13px;height:13px;display:block}
.avis-pause:hover{background:rgba(255,255,255,.28)}
.avis-entete{display:flex;flex-direction:column;align-items:center;gap:5px;text-align:center;
  padding-bottom:14px;border-bottom:1px solid rgba(255,255,255,.18)}
.avis-g{display:flex;gap:1px;font-size:22px;font-weight:700;line-height:1;letter-spacing:-.5px}
.avis-g i{font-style:normal}
.avis-g .g1{color:#4285F4}.avis-g .g2{color:#EA4335}.avis-g .g3{color:#FBBC05}
.avis-g .g4{color:#4285F4}.avis-g .g5{color:#34A853}.avis-g .g6{color:#EA4335}
.avis-etoiles{color:#FBBC05;font-size:19px;letter-spacing:3px;line-height:1}
.avis-chiffres{display:flex;align-items:baseline;gap:8px}
.avis-note{font-size:29px;font-weight:700;color:#fff;font-variant-numeric:tabular-nums;
  line-height:1}
.avis-nb{font-size:16px;font-weight:700;color:#fff}
.avis-diaporama{position:relative;display:grid;align-content:center;min-height:7.5em}
.avis-item{grid-area:1/1;margin:0;opacity:0;visibility:hidden}
.avis-item.visible{opacity:1;visibility:visible}
@media (prefers-reduced-motion:no-preference){
  .avis-item{transition:opacity .45s ease}
}
.avis-item blockquote{margin:0;font-size:15px;line-height:1.5;
  color:rgba(255,255,255,.88);font-style:italic}
.avis-item blockquote::before{content:"«\00a0"}
.avis-item blockquote::after{content:"\00a0»"}
:lang(en) .avis-item blockquote::before{content:"\201C"}
:lang(en) .avis-item blockquote::after{content:"\201D"}
.avis-item figcaption{margin-top:9px;font-size:13.5px;font-weight:700;color:#fff}
.avis-fiche{font-weight:500;color:rgba(255,255,255,.66)}
@media(max-width:900px){
  .heros-avis>.max{flex-direction:column;align-items:flex-start;gap:26px}
  .avis-panneau{width:100%;align-self:center}
}
@media(max-width:900px){
  .heros-avis>.max{gap:18px}
  .avis-panneau{max-width:none;width:100%;padding:14px 16px;gap:9px;
    border-radius:12px;margin-bottom:38px;
    background:rgba(9,32,25,.58);border:1.5px solid rgba(251,188,5,.75);
    -webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);
    box-shadow:0 0 0 1px rgba(9,32,25,.35),0 10px 30px rgba(9,32,25,.30)}
  .avis-entete{flex-direction:row;flex-wrap:wrap;justify-content:flex-start;
    align-items:center;gap:9px;text-align:left;padding-bottom:10px;
    border-bottom-color:rgba(255,255,255,.18)}
  .avis-g{font-size:16px}
  .avis-etoiles{font-size:14px;letter-spacing:1.5px}
  .avis-chiffres{gap:6px}
  .avis-note{font-size:19px;color:#fff}
  .avis-nb{font-size:13px;color:#fff}
  .avis-diaporama{min-height:4.4em}
  .avis-item blockquote{font-size:13px;line-height:1.45;color:rgba(255,255,255,.86)}
  .avis-item figcaption{font-size:12px;margin-top:6px;color:#fff}
  .avis-fiche{color:rgba(255,255,255,.66)}
}
.outil{display:flex;flex-direction:column;gap:16px;margin-top:6px}
.outil-q{border:1px solid var(--trait);border-radius:10px;background:var(--surface);
  padding:16px 18px;margin:0}
.outil-q legend{display:flex;align-items:center;gap:10px;font-weight:700;font-size:17.5px;
  padding:0 6px;margin-left:-6px}
.outil-num{display:flex;align-items:center;justify-content:center;width:26px;height:26px;
  flex:none;border-radius:50%;background:var(--bleu);color:#fff;font-size:14.5px}
.outil-q.repondu .outil-num{background:var(--vert)}
.outil-choix{display:flex;flex-wrap:wrap;gap:9px;margin-top:12px}
.outil-opt{display:flex;align-items:center;gap:9px;min-height:48px;padding:10px 15px;
  border:1px solid var(--trait);border-radius:99px;background:var(--fond);cursor:pointer;
  font-size:15.5px;line-height:1.35}
.outil-opt input{margin:0;flex:none;accent-color:var(--bleu);width:17px;height:17px}
.outil-opt:hover{border-color:var(--bleu)}
.outil-opt:has(input:checked){background:var(--bleu-clair);border-color:var(--bleu);
  font-weight:600}
.outil-opt:has(input:focus-visible){outline:2px solid var(--orange);outline-offset:2px}
.outil-q .source{margin-top:11px}
.outil-resultat{display:block;border-radius:12px;padding:22px 24px;
  background:var(--form-bg);color:#fff}
.outil-libelle{font-size:13.5px;letter-spacing:.10em;text-transform:uppercase;
  color:var(--promo-clair);font-weight:700}
.outil-format{font-size:clamp(30px,4.4vw,42px);font-weight:700;line-height:1.1;margin-top:4px}
.outil-matiere{color:rgba(255,255,255,.82);font-size:16.5px;margin-top:2px}
.outil-note{margin-top:12px;font-size:16px;color:rgba(255,255,255,.88)}
.outil-avert{margin-top:14px;padding:12px 15px;border-radius:8px;font-size:15.5px;
  background:rgba(255,255,255,.10);border-left:3px solid var(--promo-clair)}
.outil-acces{margin-top:14px;padding:13px 15px;border-radius:8px;font-size:15.5px;
  background:rgba(255,255,255,.08)}
.outil-acces.alerte{background:rgba(255,255,255,.13);border-left:3px solid #f5c518}
.outil-acces b{display:block;margin-bottom:4px}
.outil-acces p{color:rgba(255,255,255,.86)}
.outil-reserve{margin-top:16px;font-size:14px;color:rgba(255,255,255,.66);line-height:1.5}
.outil-actions{display:flex;flex-wrap:wrap;gap:11px;align-items:center;margin-top:18px}
.outil-resultat .btn-1{background:#ffd60a;color:#0d241c;font-weight:900}
.outil-resultat .btn-2{color:#fff;border-color:rgba(255,255,255,.55)}
.outil-reprise{font:inherit;font-size:15px;background:none;border:0;cursor:pointer;
  color:rgba(255,255,255,.78);text-decoration:underline;padding:10px 4px;min-height:44px}
.outil-reprise:hover{color:#fff}
@media(max-width:620px){
  .outil-choix{flex-direction:column;gap:8px}
  .outil-opt{border-radius:10px}
  .outil-resultat{padding:18px 17px}
}
.outil-banque{display:none}
.outil-vignette{width:46px;height:34px;object-fit:contain;flex:none;
  border-radius:5px;background:#fff;padding:2px}
.outil-q[data-cle="matiere"] .outil-opt{padding:8px 15px 8px 11px}
.outil-tete{display:flex;align-items:center;gap:20px;flex-wrap:wrap}
.outil-photo{width:180px;max-width:44%;height:auto;flex:none;border-radius:10px;
  background:#fff;padding:9px;box-shadow:0 8px 22px rgba(9,32,25,.28)}
@media (prefers-reduced-motion:no-preference){
  .outil-photo{animation:outil-apparait .4s ease}
}
@keyframes outil-apparait{from{opacity:0;transform:scale(.94)}to{opacity:1;transform:none}}
@media(max-width:620px){
  .outil-tete{gap:14px}
  .outil-photo{width:120px;padding:7px}
  .outil-vignette{width:40px;height:30px}
}
.toiture{background:var(--final-bg);color:#fff;border-top:0;
  background-image:radial-gradient(120% 90% at 85% 0%,rgba(127,194,164,.14),transparent 60%)}
.toiture>.max{display:flex;flex-direction:column;gap:26px}
.toiture h2{color:#fff}
.toit-entete{display:grid;grid-template-columns:1.35fr .65fr;gap:32px;align-items:center}
.toit-oeil{display:flex;align-items:center;gap:11px;color:var(--promo-clair);font-weight:700;
  font-size:14px;letter-spacing:.10em;text-transform:uppercase;margin-bottom:10px}
.toit-pastille{display:flex;width:34px;height:34px;flex:none;color:var(--promo-clair)}
.toit-pastille svg{width:100%;height:100%}
.toit-intro{margin-top:12px;font-size:17.5px;line-height:1.55;color:rgba(255,255,255,.87);
  max-width:60ch}
.toit-illus{width:100%;max-width:250px;justify-self:end;color:var(--promo-clair);opacity:.55}
.toit-chaine{display:grid;grid-template-columns:repeat(auto-fit,minmax(215px,1fr));gap:14px}
.toit-carte{display:flex;flex-direction:column;gap:7px;padding:20px 22px;border-radius:12px;
  background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.14)}
.toit-icone{display:block;width:40px;height:34px;color:var(--promo-clair)}
.toit-icone svg{width:100%;height:100%}
.toit-carte b{font-size:26px;line-height:1.1;font-weight:700}
.toit-txt{font-size:15.5px;line-height:1.45;color:rgba(255,255,255,.80)}
.toit-bascule{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:4px}
.toit-onglet{font:inherit;font-size:15px;font-weight:600;cursor:pointer;min-height:44px;
  padding:10px 16px;border-radius:99px;border:1px solid var(--trait);background:var(--fond);
  color:var(--encre-2)}
.toit-onglet:hover{border-color:var(--bleu);color:var(--encre)}
.toit-onglet.actif{background:var(--bleu);border-color:var(--bleu);color:#fff}
.toit-onglet:focus-visible{outline:2px solid var(--orange);outline-offset:2px}
.toit-calc{background:#fff;border-radius:14px;padding:24px 26px;display:flex;
  flex-direction:column;gap:12px;box-shadow:0 16px 40px rgba(9,32,25,.32)}
.toit-calc-tete{display:flex;flex-wrap:wrap;align-items:center;gap:16px 22px;
  justify-content:space-between}
.toit-champ{font-weight:700;font-size:19px;color:var(--encre)}
.toit-saisie{display:flex;align-items:center;gap:11px}
.toit-saisie input{font:inherit;font-size:23px;font-weight:700;width:132px;min-height:56px;
  padding:10px 16px;border:2px solid #6f8a7d;border-radius:9px;background:var(--fond);
  color:var(--encre);text-align:center}
.toit-saisie input:focus-visible{outline:2px solid var(--orange);outline-offset:2px;
  border-color:var(--bleu)}
.toit-unite{font-size:17px;color:var(--encre-2);font-weight:600}
.toit-aide{font-size:14.5px;color:var(--encre-3);line-height:1.5;margin:0}
.toit-resultat[hidden]{display:none}
.toit-resultat{display:block;margin-top:4px;padding:20px 22px;border-radius:11px;
  background:var(--form-bg);color:#fff}
.toit-conv{margin:-4px 0 18px;padding:20px 22px;border-radius:12px;text-align:center;
  background:linear-gradient(160deg,rgba(182,230,205,.22),rgba(182,230,205,.09));
  border:1px solid rgba(182,230,205,.45)}
.toit-conv-tete{font-size:16px;font-weight:600;color:rgba(255,255,255,.85);margin:0}
.toit-conv-nombre{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:center;
  gap:6px 12px;margin:6px 0 0}
.toit-conv-nombre b{font-size:clamp(46px,8vw,68px);font-weight:700;line-height:1;
  color:var(--promo-clair);letter-spacing:-.02em}
.toit-conv-nombre span{font-size:clamp(19px,2.6vw,24px);font-weight:700;color:#fff}
.toit-conv-calcul{margin:9px 0 0;font-size:14.5px;line-height:1.5;
  color:rgba(255,255,255,.62)}
.toit-conv sup{font-size:.62em;vertical-align:super;line-height:0}
.toit-chapeau{font-size:17px;line-height:1.55;color:rgba(255,255,255,.90)}
.toit-chapeau b{color:#fff}
.toit-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));
  gap:12px;margin-top:16px}
.toit-option{padding:16px 18px;border-radius:10px;background:rgba(255,255,255,.07);
  border:1px solid rgba(255,255,255,.15)}
.toit-option.vedette{background:rgba(182,230,205,.13);border-color:var(--promo-clair)}
.toit-opt-format{font-size:23px;font-weight:700;line-height:1.1;color:var(--promo-clair)}
.toit-opt-titre{margin-top:5px;font-size:15px;font-weight:700;color:#fff}
.toit-opt-corps{margin-top:7px;font-size:15px;line-height:1.5;color:rgba(255,255,255,.82)}
.toit-opt-corps b{color:#fff}
.toit-detail{margin-top:10px;font-size:14.5px;color:rgba(255,255,255,.62)}
.toit-actions{display:flex;flex-wrap:wrap;gap:11px;margin-top:16px}
.toit-resultat .btn-1{background:#ffd60a;color:#0d241c;font-weight:900}
.toit-resultat .btn-2{color:#fff;border-color:rgba(255,255,255,.55)}
.toit-exemples{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:14px}
.toit-ex{padding:20px 22px;border-radius:12px;background:rgba(255,255,255,.07);
  border:1px solid rgba(255,255,255,.14)}
.toit-ex h3{color:var(--promo-clair);font-size:17.5px;margin-bottom:8px}
.toit-ex p{color:rgba(255,255,255,.86);font-size:16px;line-height:1.5}
.toit-ex strong{color:#fff}
.toit-source{color:rgba(255,255,255,.52)}
@media(max-width:820px){
  .toit-entete{grid-template-columns:1fr;gap:20px}
  .toit-illus{max-width:190px;justify-self:start}
}
@media(max-width:620px){
  .toit-calc{padding:19px 17px}
  .toit-calc-tete{flex-direction:column;align-items:flex-start;gap:12px}
  .toit-saisie input{width:118px;font-size:21px}
  .toit-carte b{font-size:23px}
}
.refus{position:relative;overflow:hidden;color:#ffffff;padding:40px 0 40px;border-top:0;
  background:linear-gradient(180deg,var(--final-bg) 0,rgba(0,0,0,0) 190px),linear-gradient(120deg,#000000 0%,#0a0f0d 45%,#132620 100%)}
.refus::before{content:"";position:absolute;right:-780px;top:-1000px;width:2100px;height:2100px;
  border-radius:50%;pointer-events:none;
  background:radial-gradient(circle,rgba(182,230,205,.20),transparent 65%)}
.refus::after{content:"";position:absolute;left:-450px;bottom:-780px;width:1700px;height:1700px;
  border-radius:50%;pointer-events:none;
  background:radial-gradient(circle,rgba(182,230,205,.10),transparent 60%)}
.refus .max{position:relative}
.refus-tete{text-align:center;margin-bottom:26px}
.refus-chapeau{display:inline-flex;align-items:center;gap:9px;margin:0 0 12px;
  background:#ffd60a;border:1px solid #ffd60a;border-radius:999px;
  padding:7px 17px 7px 9px;font-size:12.5px;font-weight:900;letter-spacing:.16em;
  text-transform:uppercase;color:#141414}
.refus-signe{width:24px;height:24px;border-radius:50%;background:#141414;color:#ffd60a;
  display:flex;align-items:center;justify-content:center;flex:none}
.refus-signe svg{width:15px;height:15px}
.refus-titre{color:#ffffff;font-size:clamp(28px,4vw,44px);letter-spacing:-.018em;line-height:1.06;
  font-weight:900;margin:0 0 .25em}
.refus-rouge{color:#ffd60a;font-weight:1000}
.refus-sous{margin:8px auto 0;font-size:clamp(15px,1.7vw,17.5px);color:#a8c2b6;font-weight:600;max-width:60ch}
.refus-sous b{color:#ffffff;font-weight:900}
.refus-grille{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.refus-carte{position:relative;min-width:0;display:flex;flex-direction:column;gap:4px;text-align:center}
.refus-photo{position:relative;min-width:0;width:100%;border-radius:10px;overflow:hidden;aspect-ratio:16/10;background:#fff;
  border:1px solid rgba(255,255,255,.14);box-shadow:0 8px 20px rgba(0,0,0,.38);
  display:flex;align-items:center;justify-content:center;margin-bottom:10px}
.refus-photo img{max-width:74%;max-height:88%;width:auto;height:auto;display:block}
.refus-photo video{position:absolute;top:0;left:0;width:100%;height:100%;max-width:100%;object-fit:cover;display:block}
.refus-photo img.plein{position:absolute;top:0;left:0;width:100%;height:100%;max-width:100%;max-height:100%;object-fit:cover;display:block}
.refus-carte b{font-size:15.5px;font-weight:900;letter-spacing:.06em;text-transform:uppercase;color:#ffffff}
.refus-carte span{font-size:13.5px;line-height:1.45;color:#a8c2b6;font-weight:600}
.refus-aide{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:26px;align-items:start}
.refus-aide div{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.16);
  border-radius:12px;padding:14px 18px}
.refus-aide b{display:block;font-size:13px;font-weight:900;letter-spacing:.14em;text-transform:uppercase;
  color:#ffd60a;margin-bottom:7px}
.refus-aide p{margin:0;font-size:14px;line-height:1.5;color:#cfe0d7}
.refus-aide a{color:#ffd60a;font-weight:900}
.refus-tel{display:inline-flex;align-items:center;gap:8px;margin-top:10px;
  background:#ffd60a;color:#141414!important;border-radius:999px;padding:8px 17px;
  font-size:16px;font-weight:900;letter-spacing:.01em;text-decoration:none;white-space:nowrap;
  box-shadow:0 6px 16px rgba(255,214,10,.28)}
.refus-tel::before{content:"";width:17px;height:17px;flex:none;background:currentColor;
  -webkit-mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'><path d='M22 16.9v3a2 2 0 0 1-2.2 2 19.8 19.8 0 0 1-8.6-3.1 19.5 19.5 0 0 1-6-6A19.8 19.8 0 0 1 2.1 4.2 2 2 0 0 1 4.1 2h3a2 2 0 0 1 2 1.7c.1 1 .4 1.9.7 2.8a2 2 0 0 1-.5 2.1L8.1 9.9a16 16 0 0 0 6 6l1.3-1.2a2 2 0 0 1 2.1-.5c.9.3 1.8.6 2.8.7a2 2 0 0 1 1.7 2z'/></svg>") center/contain no-repeat;
  mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'><path d='M22 16.9v3a2 2 0 0 1-2.2 2 19.8 19.8 0 0 1-8.6-3.1 19.5 19.5 0 0 1-6-6A19.8 19.8 0 0 1 2.1 4.2 2 2 0 0 1 4.1 2h3a2 2 0 0 1 2 1.7c.1 1 .4 1.9.7 2.8a2 2 0 0 1-.5 2.1L8.1 9.9a16 16 0 0 0 6 6l1.3-1.2a2 2 0 0 1 2.1-.5c.9.3 1.8.6 2.8.7a2 2 0 0 1 1.7 2z'/></svg>") center/contain no-repeat}
.refus-aide p{display:flex;flex-direction:column;align-items:flex-start}
.refus-fin{margin:18px 0 0;text-align:center;font-size:14.5px;color:#a8c2b6;font-weight:600}
@media(max-width:900px){
  .refus-grille{grid-template-columns:minmax(0,1fr);gap:26px}
  .refus-carte{display:flex;flex-direction:column;text-align:center;gap:4px}
  .refus-photo{margin:0 0 10px;aspect-ratio:16/10}
  .refus-carte b{font-size:16px}
  .refus-carte span{font-size:14px}
  .refus-aide{grid-template-columns:1fr;margin-top:28px}
}
.mat{background:var(--surface);border:1px solid var(--trait);border-radius:6px;padding:12px;text-align:center;
  display:flex;flex-direction:column;gap:7px;align-items:center;font-size:13.5px;color:var(--encre-2)}
.mat img{width:120px}
.avis{background:var(--surface);border:1px solid var(--trait);border-radius:6px;padding:18px 20px;
  display:flex;flex-direction:column;gap:8px}
.avis blockquote{margin:0;font-size:18px;color:var(--encre)}
.avis cite{font-style:normal;font-weight:600;font-size:15.5px;color:var(--encre-2)}
.voisines{display:flex;flex-wrap:wrap;gap:9px}
.voisines a{background:var(--surface);border:1px solid var(--trait);border-radius:99px;padding:7px 15px;
  text-decoration:none;font-size:15px;font-weight:600}
.promo{color:#fff;border-top:0;padding-bottom:38px;border-radius:0 0 26px 26px;
  overflow:hidden;background-color:var(--promo-fond);
  background-image:linear-gradient(var(--promo-voile),var(--promo-voile)),
    radial-gradient(115% 85% at 12% 0%,rgba(255,255,255,.09),transparent 60%),
    url("/livraison-conteneur-20-verges-entree-pave-uni-megabac.webp");
  background-size:cover;background-position:center,center,center 42%;
  background-repeat:no-repeat}
.promo>.max{position:relative;gap:20px}
.promo h2{color:#fff;font-size:clamp(26px,3.6vw,36px)}
.promo .lis{color:rgba(255,255,255,.88)}
.promo strong{color:#fff}
.promo .source{color:rgba(255,255,255,.62)}
.promo .btn-1{background:#ffd60a;color:#0d241c;font-weight:900}
.promo .btn-2{color:#fff;border-color:rgba(255,255,255,.5)}
.promo>.max>*{position:relative;z-index:1}
.promo-etapes{list-style:none;margin:0;padding:0;counter-reset:etape;
  display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.promo-etapes li{counter-increment:etape;display:flex;flex-direction:column;gap:9px;
  padding:20px;border-radius:10px;background:rgba(9,32,25,.42);
  border:1px solid rgba(255,255,255,.20)}
.etape-entete{display:flex;align-items:center;gap:11px}
.etape-num{display:flex;align-items:center;justify-content:center;width:30px;height:30px;
  border-radius:50%;background:var(--promo-clair);color:#0f2d24;font-weight:700;
  font-size:16px;flex:none}
.etape-num::before{content:counter(etape)}
.etape-icone{width:26px;height:26px;flex:none;background-repeat:no-repeat;
  background-position:center;background-size:contain}
.promo-etapes li:nth-child(1) .etape-icone{background-image:url("data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="%23cfe8dc" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="9"/><path d="M12 7v5l3 2"/></svg>")}
.promo-etapes li:nth-child(2) .etape-icone{background-image:url("data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="%23cfe8dc" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M1 3h15v13H1z"/><path d="M16 8h4l3 3v5h-7V8z"/><circle cx="5.5" cy="18.5" r="2.5"/><circle cx="18.5" cy="18.5" r="2.5"/></svg>")}
.promo-etapes li:nth-child(3) .etape-icone{background-image:url("data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="%23cfe8dc" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="9"/><path d="M12 6v12"/><path d="M14.8 9.3a2.6 2.6 0 0 0-2.5-1.5h-.6a2.35 2.35 0 0 0 0 4.7h.6a2.35 2.35 0 0 1 0 4.7h-.6a2.6 2.6 0 0 1-2.5-1.5"/></svg>")}
.promo-limite{display:grid;grid-template-columns:auto 1fr;gap:14px;align-items:start;
  padding:17px 19px;border-radius:10px;background:rgba(9,32,25,.42);
  border:1px solid rgba(255,255,255,.26);color:rgba(255,255,255,.94);font-size:16px}
.promo-limite svg{width:24px;height:24px;color:var(--promo-clair);flex:none}
@media(max-width:820px){
  .promo-etapes{grid-template-columns:1fr}
}
.repere{display:flex;align-items:center;gap:10px;background:rgba(255,214,10,.12);border-left:3px solid #ffd60a;color:var(--encre);
  padding:8px 12px;border-radius:5px;font-size:14px;font-weight:600;line-height:1.35}
.repere svg{width:46px;height:auto;flex:none;color:var(--bleu)}
.galerie{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px}
.galerie img{border-radius:6px;width:100%;height:100%;object-fit:cover;aspect-ratio:4/3}
.quartiers{display:flex;flex-wrap:wrap;gap:9px}
.quartiers span{background:var(--surface);border:1px solid var(--trait);border-radius:99px;padding:7px 15px;
  font-size:15px;color:var(--encre-2)}
.source{font-size:13.5px;color:var(--encre-2)}
footer.site a{color:#fff}
.final{background:var(--final-bg);color:#fff;text-align:center}
.final h2{color:#fff}
.final .max{align-items:center}
@media (prefers-reduced-motion:no-preference){.btn,.voisines a{transition:opacity .12s ease}
.voisines a{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border-radius:999px;background:var(--surface);border:1px solid var(--trait);font-size:14.5px;font-weight:600;text-decoration:none;transition:border-color .2s,background .2s,color .2s}
.voisines a:hover{border-color:var(--orange);background:var(--orange-clair);color:var(--bleu)}}
.btn:hover{opacity:.9}
.menu-bascule{position:absolute;width:1px;height:1px;margin:-1px;padding:0;
  overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.menu-ouvrir{display:none;align-items:center;gap:9px;cursor:pointer;user-select:none;
  min-height:48px;padding:11px 14px;border:1px solid var(--trait);border-radius:5px;
  background:var(--surface-2);color:var(--encre);font-weight:700;font-size:16px}
.menu-ouvrir svg{width:21px;height:21px;flex:none}
.menu-bascule:focus-visible+.menu-ouvrir{outline:2px solid var(--orange);outline-offset:2px}
@media(min-width:1181px){.menu-bascule{display:none}}
.menu{order:3;flex-basis:100%;min-width:0;border-top:1px solid var(--trait);
  margin-top:2px;padding-top:4px}
.menu ul{list-style:none;margin:0;padding:0;display:flex;align-items:center;
  justify-content:flex-start;gap:2px;flex-wrap:wrap}
.menu a,.menu summary{display:flex;align-items:center;gap:6px;min-height:44px;
  padding:9px 6px;border-radius:5px;text-decoration:none;color:var(--encre);
  font-weight:600;font-size:15px;white-space:nowrap}
.menu a:hover,.menu summary:hover{background:var(--surface-2)}
.menu a{margin-right:9px}
.menu details{position:relative}
.menu summary{cursor:pointer;list-style:none}
.menu summary::-webkit-details-marker{display:none}
.menu summary::after{content:"";width:7px;height:7px;margin-left:1px;
  border-right:2px solid currentColor;border-bottom:2px solid currentColor;
  transform:translateY(-2px) rotate(45deg)}
.menu details[open]>summary{background:var(--surface-2)}
.menu details[open]>summary::after{transform:translateY(1px) rotate(-135deg)}
.tiroir-liste{position:absolute;top:calc(100% + 6px);left:0;z-index:55;
  display:flex;flex-direction:column;min-width:236px;padding:6px;
  background:var(--surface);border:1px solid var(--trait);border-radius:6px;
  box-shadow:0 12px 28px rgba(15,45,36,.18)}
.tiroir-liste a{padding:11px 12px;margin-right:0}
.tiroir-liste .toutes{margin-top:4px;padding-top:12px;border-top:1px solid var(--trait);
  color:var(--bleu);font-weight:700}
.entete-droite .btn{padding:10px 15px;font-size:15px;min-height:44px}
@media(max-width:1180px){
  .menu-ouvrir{display:inline-flex;order:2}
  .entete-droite{order:1}
  .menu{display:none;border-top:0;margin-top:0;padding-top:0}
  .menu a{margin-right:0}
  .menu-bascule:checked~.menu{display:block}
  .menu ul{flex-direction:column;align-items:stretch;gap:0;
    border-top:1px solid var(--trait);padding-top:6px}
  .menu a,.menu summary{min-height:48px;font-size:16.5px;padding:12px 4px;border-radius:0}
  .menu li+li{border-top:1px solid var(--trait)}
  .menu summary::after{margin-left:auto}
  .tiroir-liste{position:static;min-width:0;padding:0 0 8px 14px;border:0;
    box-shadow:none;background:transparent}
  .tiroir-liste a{min-height:46px;font-size:16px}
  .tiroir-liste .toutes{border-top:0;margin-top:0}
}
@media(max-width:520px){
  header.site img{width:190px}
  .entete-droite{gap:10px;font-size:14px}
  .tel{font-size:17px}
}
@media(max-width:680px){
  header.site .max{row-gap:0;gap:10px;padding-top:10px;padding-bottom:10px}
  header.site img{width:150px}
  .entete-droite{order:1;gap:8px;margin-left:auto}
  .langue{min-width:44px;min-height:44px;display:inline-flex;
    align-items:center;justify-content:center}
  .menu-ouvrir{order:2}
  .menu{order:3;flex-basis:100%;width:100%}
}
.entete-actions{display:none}
@media(max-width:1180px){
  .entete-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;
    order:4;flex-basis:100%;width:100%;padding:2px 0 10px}
  .entete-actions a{display:flex;align-items:center;justify-content:center;
    gap:9px;min-height:52px;border-radius:12px;font-weight:700;font-size:16.5px;
    text-decoration:none;padding:12px 10px}
  .entete-actions svg{width:18px;height:18px;flex:none}
  .entete-actions .menu-appel{border:1.5px solid var(--trait);
    color:var(--bleu);background:var(--surface)}
  .entete-actions .menu-soumission{background:var(--bleu);color:#fff}
  .entete-droite .tel,.entete-droite .btn{display:none}
}
@media(max-width:430px){
  .entete-actions a{font-size:14.5px;gap:7px;min-height:48px;padding:11px 8px}
  .entete-actions svg{width:16px;height:16px}
}
@media(max-width:480px){
  h1{font-size:23px}
}
@media(max-width:374px){
  header.site img{width:126px}
  header.site .max{gap:8px}
  .menu-ouvrir{padding:9px 10px;font-size:14.5px}
  .menu-ouvrir svg{width:18px;height:18px}
  .langue{min-width:40px;min-height:40px}
  h1{font-size:20.5px}
}
.cta-mobile{display:none}
.cta-mobile a{touch-action:manipulation;-webkit-tap-highlight-color:transparent;
  transition:transform .07s ease,background-color .07s ease,filter .07s ease}
.cta-mobile a:active{transform:scale(.96)}
.cta-appel:active{background:#dcebe2}
.cta-soum:active{filter:brightness(.92)}
.haut-page{display:none}
@media(max-width:820px){
  .haut-page{position:fixed;right:14px;
    bottom:calc(78px + env(safe-area-inset-bottom));z-index:59;
    display:flex;align-items:center;justify-content:center;
    width:48px;height:48px;border-radius:50%;
    background:var(--bleu);color:#fff;text-decoration:none;
    box-shadow:0 6px 18px rgba(15,45,36,.35);opacity:.94;
    transition:opacity .25s,transform .25s,visibility .25s}
  .haut-page svg{width:22px;height:22px}
  .haut-page.cache{opacity:0;pointer-events:none;transform:translateY(8px);visibility:hidden}
  .cta-mobile .haut-page{position:fixed}
}
@media(prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}
@media(max-width:820px){html{scroll-padding-bottom:calc(78px + env(safe-area-inset-bottom))}}
@media(max-width:820px){
  body{padding-bottom:calc(62px + env(safe-area-inset-bottom))}
  .cta-mobile{
    position:fixed;bottom:0;left:0;right:0;z-index:60;
    display:grid;grid-template-columns:1fr 1fr;gap:1px;
    background:var(--trait);border-top:1px solid var(--trait);
    padding-bottom:env(safe-area-inset-bottom);
    box-shadow:0 -2px 10px rgba(15,45,36,.18);
  }
  .cta-mobile a{
    display:flex;align-items:center;justify-content:center;gap:9px;
    padding:16px 10px;font-weight:700;font-size:16.5px;text-decoration:none;
  }
  .cta-mobile svg{width:19px;height:19px;flex:none}
  .cta-appel{background:var(--surface);color:var(--bleu)}
  .cta-soum{background:var(--bleu);color:#fff}
  
  @media (prefers-reduced-motion:no-preference){
    .cta-appel svg{animation:sonne 12s ease-in-out 4s infinite;transform-origin:50% 60%}
    .cta-appel .cta-mot{display:inline-block;animation:secousse 12s ease-in-out 4s infinite}
    .cta-appel,.cta-soum{position:relative;isolation:isolate}
    .cta-appel::before,.cta-soum::before{content:"";position:absolute;inset:0;z-index:-1;opacity:0;pointer-events:none}
    .cta-appel::before{background:var(--bleu-clair);animation:remarque 12s ease-in-out 4s infinite}
    .cta-soum::before{background:#ffd60a;box-shadow:0 0 0 4px rgba(255,214,10,.35);
      animation:eclair 12s ease-in-out 10s infinite}
    .cta-soum{animation:eclair-texte 12s ease-in-out 10s infinite}
  }
}
@keyframes sonne{
  0%,7%,100%{transform:rotate(0)}
  1%{transform:rotate(-13deg)}   2%{transform:rotate(11deg)}
  3%{transform:rotate(-9deg)}    4%{transform:rotate(7deg)}
  5%{transform:rotate(-4deg)}    6%{transform:rotate(2deg)}
}
@keyframes secousse{
  0%,9%,100%{transform:translateX(0) scale(1)}
  1%{transform:translateX(-3px) scale(1.06)}
  2.5%{transform:translateX(3px) scale(1.06)}
  4%{transform:translateX(-2px) scale(1.04)}
  5.5%{transform:translateX(2px) scale(1.04)}
  7%{transform:translateX(0) scale(1.02)}
}
@keyframes remarque{0%,9%,100%{opacity:0}2%,6%{opacity:1}}
@keyframes eclair{0%,10%,100%{opacity:0}2.5%,7%{opacity:1}}
@keyframes eclair-texte{0%,10%,100%{color:#fff}2.5%,7%{color:#141414}}
.art-fil{margin:0 0 14px;font-size:15px;font-weight:600}
.art-fil a{color:var(--encre-2);text-decoration:none}
.art-fil a:hover{color:var(--bleu);text-decoration:underline}
.art-meta{margin:10px 0 18px;font-size:15px;color:var(--encre-3);font-weight:600}
.heros .art-fil{color:rgba(255,255,255,.82)}
.heros .art-fil a{color:rgba(255,255,255,.9)}
.heros .art-fil a:hover{color:#fff;text-decoration:underline}
.heros .art-meta{color:rgba(255,255,255,.82)}
.heros-article{padding:6px 0 54px}
@media(max-width:820px){.heros-article{padding-bottom:38px}}
@media print{.heros .art-fil a,.heros .art-meta{color:#000}}
.blog-grille{display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));
  gap:16px;margin-top:18px}
.blog-carte{display:flex;flex-direction:column;gap:9px;padding:24px 24px 20px;
  border:1px solid var(--trait);border-radius:14px;background:var(--surface);
  text-decoration:none;color:inherit;
  transition:border-color .15s ease,transform .15s ease,box-shadow .15s ease}
.blog-carte:hover{border-color:var(--bleu);transform:translateY(-2px);
  box-shadow:0 10px 26px rgba(19,34,28,.10)}
.blog-date{margin:0;font-size:13.5px;font-weight:600;color:var(--encre-3);
  text-transform:uppercase;letter-spacing:.04em}
.blog-carte h3{margin:0;font-size:20px;line-height:1.3;color:var(--encre)}
.blog-resume{margin:0;font-size:15.5px;line-height:1.55;color:var(--encre-2)}
.blog-lire{margin-top:auto;padding-top:10px;font-weight:700;font-size:15px;color:var(--bleu)}
.chemins{display:grid;grid-template-columns:repeat(auto-fit,minmax(310px,1fr));
  gap:18px;margin-top:20px}
.chemin{display:flex;flex-direction:column;gap:12px;padding:28px 28px 24px;
  border-radius:16px;border:1px solid var(--trait);background:var(--surface)}
.chemin.vedette{border-color:var(--bleu);
  box-shadow:0 14px 34px rgba(23,65,53,.12)}
.chemin-surtitre{margin:0;font-size:13.5px;font-weight:700;letter-spacing:.06em;
  text-transform:uppercase;color:var(--bleu)}
.chemin h3{margin:0;font-size:23px;line-height:1.25;color:var(--encre)}
.chemin-texte{margin:0;font-size:16px;line-height:1.55;color:var(--encre-2)}
.chemin .liste{margin:0}
.chemin .btn{margin-top:auto;align-self:flex-start}
.memo-carte{margin-top:18px;padding:26px 30px 22px;border:1.5px dashed var(--trait);
  border-radius:14px;background:var(--surface)}
.memo-groupe{margin:20px 0 11px;font-size:14.5px;font-weight:700;letter-spacing:.05em;
  text-transform:uppercase;color:var(--bleu)}
.memo-groupe:first-of-type{margin-top:2px}
.memo-liste{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:9px}
.memo-liste label{display:flex;gap:12px;align-items:flex-start;font-size:16px;
  line-height:1.5;cursor:pointer;color:var(--encre)}
.memo-liste input{width:19px;height:19px;margin-top:2px;flex:none;accent-color:var(--vert)}
.memo-liste :checked + span{color:var(--encre-3);text-decoration:line-through}
.memo-imp{display:none}
.memo-imprimer{margin-top:16px}
@media print{
  html.imprime-memo body *{visibility:hidden}
  html.imprime-memo .memo-carte,html.imprime-memo .memo-carte *{visibility:visible}
  html.imprime-memo .memo-carte{position:absolute;top:0;left:0;width:100%;
    border:none;padding:0;background:#fff}
  html.imprime-memo .memo-imp{display:block;visibility:visible}
  html.imprime-memo .memo-titre-imp{font-size:19px;font-weight:700;margin:0 0 14px}
  html.imprime-memo .memo-pied-imp{margin-top:18px;font-size:13px;color:#555}
  html.imprime-memo .memo-liste :checked + span{color:#555}
}
.estim{display:flex;flex-direction:column;gap:14px;margin-top:18px}
.estim-grille{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px}
.estim-carte{display:flex;flex-direction:column;gap:5px;padding:18px 20px;cursor:pointer;
  border:1.5px solid var(--trait);border-radius:12px;background:var(--surface);
  transition:border-color .12s ease,background .12s ease}
.estim-carte:hover{border-color:var(--bleu)}
.estim-carte:has(:checked){border-color:var(--bleu);background:var(--bleu-clair)}
.estim-carte input[type=checkbox]{position:absolute;opacity:0;pointer-events:none}
.estim-libelle{font-weight:700;font-size:16.5px;color:var(--encre);
  display:flex;align-items:center;gap:9px}
.estim-libelle::before{content:"";width:19px;height:19px;flex:none;border-radius:5px;
  border:2px solid var(--trait);background:var(--fond)}
.estim-carte:has(:checked) .estim-libelle::before{background:var(--vert);border-color:var(--vert);
  background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="white" stroke-width="4" stroke-linecap="round" stroke-linejoin="round"><path d="M4 13l5 5L20 7"/></svg>');
  background-size:13px;background-position:center;background-repeat:no-repeat}
.estim-detail{font-size:14px;line-height:1.45;color:var(--encre-2);padding-left:28px}
.estim-maison{border-style:dashed}
.estim-combien{display:flex;align-items:center;gap:9px;padding-left:28px;margin-top:4px;
  font-size:14px;font-weight:600;color:var(--encre-2)}
.estim-nombre{font:inherit;font-size:16px;font-weight:700;width:64px;min-height:44px;
  padding:6px 10px;text-align:center;border:1.5px solid #6f8a7d;border-radius:8px;
  background:var(--fond);color:var(--encre)}
.estim-resultat{display:block;padding:22px 24px;border-radius:12px;
  background:var(--form-bg);color:#fff}
.estim-format{font-size:clamp(25px,3.4vw,33px);font-weight:700;line-height:1.15;
  color:var(--promo-clair)}
.estim-phrase{margin-top:8px;font-size:16px;line-height:1.55;color:rgba(255,255,255,.90)}
.estim-phrase b{color:#fff}
.estim-argument{margin-top:10px;padding:12px 14px;border-left:3px solid var(--promo-clair);
  border-radius:8px;background:rgba(182,230,205,.13);font-size:15px;line-height:1.5;
  color:rgba(255,255,255,.88)}
.estim-actions{display:flex;flex-wrap:wrap;gap:11px;margin-top:14px}
.estim-resultat .btn-1{background:#ffd60a;color:#0d241c;font-weight:900}
.estim-resultat .btn-2{color:#fff;border-color:rgba(255,255,255,.55)}
.logos-grille{display:grid;grid-template-columns:repeat(auto-fit,minmax(88px,1fr));
  gap:12px;margin-top:20px}
.logos-pleine{width:100%;padding:0 22px;box-sizing:border-box}
@media (max-width:700px){.logos-pleine{padding:0 14px}
  .logos-grille{grid-template-columns:repeat(auto-fit,minmax(88px,1fr));gap:10px}}
.logo-client{margin:0;display:flex;align-items:center;justify-content:center;
  padding:14px;border:1px solid var(--trait);border-radius:12px;background:#fff}
.logo-client img{width:100%;height:auto;max-width:150px;border-radius:7px}
.voy{display:flex;flex-direction:column;gap:14px;margin-top:18px;background:#fff;
  border-radius:14px;padding:24px 26px;box-shadow:0 16px 40px rgba(9,32,25,.15)}
.voy-champs{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px}
.voy-champ{display:flex;flex-direction:column;gap:7px;font-weight:700;font-size:15.5px;
  color:var(--encre)}
.voy-saisie{display:flex;align-items:center;gap:9px}
.voy-saisie input{font:inherit;font-size:21px;font-weight:700;width:100%;min-height:54px;
  padding:10px 14px;border:2px solid #6f8a7d;border-radius:9px;background:var(--fond);
  color:var(--encre);text-align:center}
.voy-saisie input:focus-visible{outline:2px solid var(--orange);outline-offset:2px;
  border-color:var(--bleu)}
.voy-saisie i{font-style:normal;font-size:16px;font-weight:600;color:var(--encre-2)}
.voy-resultat{display:block;padding:20px 22px;border-radius:11px;
  background:var(--form-bg);color:#fff}
.voy-chiffres{display:flex;flex-wrap:wrap;gap:8px 26px;align-items:baseline}
.voy-gros{font-size:clamp(24px,3.4vw,31px);font-weight:700;color:var(--promo-clair)}
.voy-unite{font-size:15px;color:rgba(255,255,255,.70);font-weight:600}
.voy-phrase{margin-top:10px;font-size:16px;line-height:1.55;color:rgba(255,255,255,.90)}
.voy-phrase b{color:#fff}
.voy-resultat .estim-actions{margin-top:14px}
@media (max-width:680px){
  .type-visuel,.types-liste .type-capsule:first-child .type-visuel{width:120px;height:104px;align-self:center}
}
.voy-invite{margin:0;text-align:center;font-size:16.5px;font-weight:600;
  color:rgba(255,255,255,.78)}
.toit-resultat[hidden],.estim-resultat[hidden],.voy-resultat[hidden]{display:none}
.secours{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));
  gap:14px;margin-top:20px}
.secours-porte{display:flex;flex-direction:column;gap:6px;padding:22px 24px;
  min-height:48px;border:1px solid var(--trait);border-radius:16px;
  background:var(--surface);text-decoration:none;color:inherit;
  transition:border-color .15s ease,transform .15s ease,box-shadow .15s ease}
.secours-porte:hover{border-color:var(--bleu);transform:translateY(-2px);
  box-shadow:0 12px 30px rgba(19,34,28,.09)}
.secours-titre{font-size:18.5px;font-weight:700;color:var(--encre)}
.secours-texte{font-size:15.5px;line-height:1.5;color:var(--encre-2)}
.diag{display:flex;flex-direction:column;gap:12px;margin-top:16px}
.diag-question{margin:10px 0 2px;font-size:18px;color:var(--encre)}
.diag-resultat{display:block;margin-top:10px;padding:20px 22px;border-radius:11px;
  background:var(--form-bg);color:#fff}
.diag-verdict{display:flex;flex-wrap:wrap;gap:8px 26px;align-items:baseline}
.diag-gros{font-size:clamp(22px,3.2vw,28px);font-weight:700;color:var(--promo-clair)}
.diag-phrase{margin-top:10px;font-size:16px;line-height:1.55;color:rgba(255,255,255,.90)}
.diag-phrase b{color:#fff}
.diag-resultat .toit-actions{margin-top:14px}
.final .btn-2{color:#fff;border-color:rgba(255,255,255,.6)}
.final .btn-2:hover{background:rgba(255,255,255,.12);border-color:#fff}
.bande-ramassage{position:relative;overflow:hidden;display:flex;align-items:center;
  gap:30px;padding:34px 38px;border-radius:24px;text-decoration:none;
  background:linear-gradient(120deg,#0c2018 0%,var(--bleu-fonce) 45%,var(--bleu) 100%);
  border:1px solid var(--bleu);box-shadow:0 18px 44px rgba(15,45,36,.28);
  transition:transform .15s ease,box-shadow .15s ease}
.bande-ramassage::before{content:"";position:absolute;right:-70px;top:-90px;width:340px;
  height:340px;border-radius:50%;pointer-events:none;
  background:radial-gradient(circle,rgba(182,230,205,.20),transparent 65%)}
.bande-ramassage::after{content:"";position:absolute;left:150px;bottom:-120px;width:260px;
  height:260px;border-radius:50%;pointer-events:none;
  background:radial-gradient(circle,rgba(182,230,205,.10),transparent 60%)}
.bande-ramassage:hover{transform:translateY(-2px);box-shadow:0 24px 54px rgba(15,45,36,.36)}
.br-visuel{flex:none;width:126px;color:var(--promo-clair);position:relative;z-index:1;
  filter:drop-shadow(0 6px 14px rgba(0,0,0,.25))}
.br-visuel svg{width:100%;height:auto;display:block}
.br-corps{flex:1;min-width:0;position:relative;z-index:1}
.br-surtitre{display:inline-block;margin:0;padding:5px 13px;border-radius:99px;
  font-size:12.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;
  color:var(--promo-clair);border:1.5px solid rgba(182,230,205,.55);
  background:rgba(182,230,205,.10)}
.br-titre{margin:12px 0 0;font-size:clamp(21px,2.8vw,27px);font-weight:700;
  line-height:1.25;color:#fff}
.br-texte{margin:8px 0 0;font-size:16px;line-height:1.55;color:rgba(255,255,255,.85)}
.br-bouton{flex:none;position:relative;z-index:1;display:inline-flex;align-items:center;gap:8px;min-height:48px;
  padding:13px 22px;border-radius:99px;font-weight:700;font-size:15.5px;
  background:#ffd60a;color:#0d241c;font-weight:900;white-space:nowrap}
.bande-ramassage:hover .br-bouton{background:#fff}
@media (max-width:680px){
  .bande-ramassage{flex-direction:column;align-items:flex-start;padding:24px 22px}
  .br-visuel{width:96px}
  .br-bouton{align-self:stretch;justify-content:center}}
.toiture .toit-renvoi{margin-top:18px;color:rgba(255,255,255,.85)}
.toiture .toit-renvoi a{color:var(--promo-clair);font-weight:600}
.champ-piege{position:absolute !important;left:-9999px;width:1px;height:1px;overflow:hidden}
.cf-pleine{width:100%;margin:0;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.12);border-radius:18px;padding:10px;box-shadow:0 20px 50px rgba(0,0,0,.25)}
.cf-pleine svg{width:100%;height:auto;display:block}
.cf-fond{fill:rgba(255,255,255,.03);stroke:rgba(255,255,255,.10);stroke-width:1.5}
.cf-fleuve{fill:none;stroke:rgba(182,230,205,.16);stroke-width:30;stroke-linecap:round}
.cf-voile{fill:rgba(182,230,205,.11);stroke:rgba(182,230,205,.6);stroke-width:1.6;stroke-dasharray:7 5;stroke-linejoin:round}
.cf-point{fill:#ffd60a;stroke:#0c2018;stroke-width:2.4;transform-box:fill-box;transform-origin:center;transition:transform .15s ease;filter:drop-shadow(0 0 6px rgba(255,214,10,.55))}
.cf-bulle{cursor:pointer}
.cf-bulle:hover .cf-point,.cf-bulle:focus-visible .cf-point{transform:scale(1.45)}
.cf-bulle:focus-visible{outline:2px solid var(--orange);outline-offset:2px}
.cf-nom{font-size:15.5px;font-weight:700;fill:#fff;paint-order:stroke;stroke:rgba(12,32,24,.75);stroke-width:4px;stroke-linejoin:round}
.cf-bulle:hover .cf-nom{fill:#ffd60a}
.cf-legende .cf-nom{font-size:14.5px;fill:rgba(255,255,255,.85);stroke:none;font-weight:600}
.cf-ile{fill:rgba(255,255,255,.07);stroke:rgba(255,255,255,.22);stroke-width:1.2}
.cf-riviere{fill:none;stroke:rgba(182,230,205,.22);stroke-width:9;stroke-linecap:round;stroke-linejoin:round}
.cf-repere{fill:rgba(255,255,255,.5)}
.cf-repere-nom{font-size:11.5px;font-weight:600;fill:rgba(255,255,255,.66);paint-order:stroke;stroke:rgba(12,32,24,.6);stroke-width:3px}
.cf-region{font-size:13px;font-weight:800;letter-spacing:.22em;text-transform:uppercase;fill:rgba(182,230,205,.8)}
.cf-frontiere{stroke:rgba(255,255,255,.35);stroke-width:1.5;stroke-dasharray:2 7}
.cf-frontiere-nom{font-size:11px;font-style:italic;fill:rgba(255,255,255,.6)}
.heros-cadre{background:
  linear-gradient(90deg,#0c2018 0%,#0f2d24 32%,rgba(15,45,36,.4) 40%,
                  transparent 47%),
  #12211a}
.heros-cadre .heros-photo{left:auto;width:52%;object-fit:cover;object-position:center 32%}
.heros-cadre .heros-voile{background:linear-gradient(90deg,
  #0c2018 0%,#0c2018 45%,rgba(12,32,24,.78) 51%,rgba(12,32,24,.34) 57%,
  rgba(12,32,24,0) 65%)}
.heros-cadre .heros-contenu{max-width:min(560px,46%)}
@media (max-width:900px){
  .heros-cadre .heros-photo{width:100%}
  .heros-cadre .heros-contenu{max-width:none}
  .heros-cadre .heros-voile{background:linear-gradient(180deg,
    rgba(12,32,24,.92) 0%,rgba(12,32,24,.80) 62%,rgba(12,32,24,.55) 100%)}}
.appel-guide{display:flex;align-items:center;gap:26px;flex-wrap:wrap;
  background:linear-gradient(150deg,#0d241c,#16382c);border-radius:16px;
  padding:26px 30px;color:#fff;box-shadow:0 16px 36px rgba(13,36,28,.22)}
.ag-visuel{display:flex;align-items:flex-end;gap:8px;flex:none}
.ag-visuel span{display:flex;align-items:center;justify-content:center;background:#fff;
  border-radius:10px;padding:7px 9px;box-shadow:0 6px 16px rgba(0,0,0,.3)}
.ag-visuel img{display:block;width:auto}
.ag-visuel span:nth-child(1) img{height:30px}
.ag-visuel span:nth-child(2) img{height:42px}
.ag-visuel span:nth-child(3) img{height:54px}
.ag-corps{flex:1;min-width:250px;display:flex;flex-direction:column;gap:5px}
.ag-corps h3{margin:0;color:#fff;font-size:21px;font-weight:900;letter-spacing:-.01em}
.ag-corps p{margin:0;color:#b6cbc1;font-size:15.5px;line-height:1.55;font-weight:600}
.ag-btn{flex:none;background:#ffd60a;color:#0d241c;font-weight:900;font-size:16.5px;
  text-decoration:none;border-radius:11px;padding:15px 26px;display:inline-flex;
  align-items:center;gap:9px;min-height:50px;box-shadow:0 10px 24px rgba(255,214,10,.22)}
.ag-btn:hover{background:#ffe14d}
.ag-btn svg{width:17px;height:17px;flex:none}
@media(max-width:700px){
  .appel-guide{flex-direction:column;align-items:stretch;text-align:center;padding:24px 20px}
  .ag-visuel{justify-content:center}
  .ag-btn{justify-content:center;text-align:center;line-height:1.25}
}
.lxp{position:relative;overflow:hidden;color:#fff;padding:58px 0 60px;border-top:0;
  background:linear-gradient(165deg,#0d241c,#123227)}
.lxp::before{content:"";position:absolute;top:-80px;right:14%;width:190px;height:150%;
  background:linear-gradient(100deg,transparent,rgba(255,255,255,.045),transparent);
  transform:rotate(14deg);pointer-events:none}
.lxp .max{position:relative}
.lxp-tete{text-align:center;margin-bottom:34px}
.lxp-tete h2,.lxp-tete .lxp-titre-p{color:#fff;font-size:clamp(33px,5.2vw,58px);letter-spacing:-.018em;line-height:1.06;font-weight:900;margin:0 0 .3em}
.lxp-or{color:#ffd60a;font-weight:1000}
.lxp-sous{margin:12px 0 0;font-size:clamp(17px,2.2vw,22.5px);color:#b6cbc1;font-weight:600}
.lxp-sous b{color:#fff;font-weight:900}
.lxp-fenetre{font-size:13px;font-weight:900;letter-spacing:.18em;text-transform:uppercase;
  color:#ffd60a;margin:0 0 18px}
.lxp-corps{display:grid;grid-template-columns:1fr auto auto;gap:26px;align-items:center}
.lxp-etapes{position:relative;display:grid;grid-template-columns:1fr 1fr 1fr;gap:24px}
.lxp-et{position:relative;display:flex;flex-direction:column}
.lxp-photo{position:relative;border-radius:10px;overflow:hidden;aspect-ratio:4/3;
  border:1px solid rgba(255,255,255,.16);box-shadow:0 14px 32px rgba(0,0,0,.35)}
.lxp-photo img,.lxp-photo video{width:100%;height:100%;object-fit:cover;display:block}
.lxp-photo video{background:#fff}
.lxp-photo video[src*="remplissage"]{transform:scale(1.13)}
.lxp-photo video[src*="ramassage"]{object-position:center 12%}
.lxp-num{position:absolute;top:-12px;left:-12px;z-index:3;width:36px;height:36px;border-radius:50%;
  background:#0d241c;border:2px solid #ffd60a;color:#ffd60a;
  display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:900;
  box-shadow:0 4px 12px rgba(0,0,0,.4)}
.lxp-et{container-type:inline-size}
.lxp-chevron{position:absolute;top:38%;right:-17px;z-index:3;color:#ffd60a}
@supports (top: 1cqw){
  .lxp-chevron{top:calc(37.5cqw - 11px)}
}
.lxp-chevron svg{width:20px;height:20px;filter:drop-shadow(0 2px 5px rgba(0,0,0,.5))}
.lxp-fil{position:relative;height:30px;margin-top:16px}
.lxp-trace{position:absolute;top:calc(50% - 1px);height:2px;background:rgba(255,214,10,.30)}
.lxp-trace.t-avant{left:0;right:50%}
.lxp-trace.t-apres{left:50%;right:-26px}
.lxp-trace::after{content:"";position:absolute;top:-6px;left:-12px;width:24px;height:14px;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='14' viewBox='0 0 22 14'%3E%3Cpath d='M6 3l5 4-5 4' fill='none' stroke='%23ffd60a' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat center/22px 14px;opacity:0}
@media(prefers-reduced-motion:no-preference){
  .lxp-et:first-child .lxp-trace::after{animation:lxp-va1 3s linear infinite}
  .lxp-trace.t-avant::after{animation:lxp-va2 3s linear infinite}
  .lxp-trace.t-apres::after{animation:lxp-va3 3s linear infinite}
  .lxp-et:last-child .lxp-trace::after{animation:lxp-va4 3s linear infinite}
  .lxp-point{animation:lxp-battement 3s ease-in-out infinite}
  .lxp-et:last-child .lxp-chip{animation:lxp-arrivee 3s ease-in-out infinite}
  .lxp-panneau{animation:lxp-recompense 3s ease-in-out infinite}
  @keyframes lxp-va1{0%{left:-12px;opacity:1}19.9%{left:calc(100% - 12px);opacity:1}
    20%,100%{left:calc(100% - 12px);opacity:0}}
  @keyframes lxp-va2{0%,19.9%{left:-12px;opacity:0}20%{left:-12px;opacity:1}
    39.9%{left:calc(100% - 12px);opacity:1}40%,100%{opacity:0}}
  @keyframes lxp-va3{0%,39.9%{left:-12px;opacity:0}40%{left:-12px;opacity:1}
    59.9%{left:calc(100% - 12px);opacity:1}60%,100%{opacity:0}}
  @keyframes lxp-va4{0%,59.9%{left:-12px;opacity:0}60%{left:-12px;opacity:1}
    79.9%{left:calc(100% - 12px);opacity:1}80%,100%{opacity:0}}
  @supports (top:1cqw){
    .lxp-trace{container-type:inline-size}
    @keyframes lxp-va1{0%{transform:translateX(0);opacity:1}19.9%{transform:translateX(100cqw);opacity:1}
      20%,100%{transform:translateX(100cqw);opacity:0}}
    @keyframes lxp-va2{0%,19.9%{transform:translateX(0);opacity:0}20%{transform:translateX(0);opacity:1}
      39.9%{transform:translateX(100cqw);opacity:1}40%,100%{opacity:0}}
    @keyframes lxp-va3{0%,39.9%{transform:translateX(0);opacity:0}40%{transform:translateX(0);opacity:1}
      59.9%{transform:translateX(100cqw);opacity:1}60%,100%{opacity:0}}
    @keyframes lxp-va4{0%,59.9%{transform:translateX(0);opacity:0}60%{transform:translateX(0);opacity:1}
      79.9%{transform:translateX(100cqw);opacity:1}80%,100%{opacity:0}}
  }
  @keyframes lxp-battement{
    0%,36%{transform:translate(-50%,-50%) scale(1);box-shadow:0 0 0 0 rgba(255,214,10,0)}
    40%{transform:translate(-50%,-50%) scale(1.9);box-shadow:0 0 0 7px rgba(255,214,10,.22)}
    46%,100%{transform:translate(-50%,-50%) scale(1);box-shadow:0 0 0 0 rgba(255,214,10,0)}
  }
  @keyframes lxp-arrivee{
    0%,78%{transform:translate(-50%,-50%) scale(1)}
    83%{transform:translate(-50%,-50%) scale(1.13)}
    90%,100%{transform:translate(-50%,-50%) scale(1)}
  }
  @keyframes lxp-recompense{
    0%,80%{border-color:rgba(255,255,255,.16);box-shadow:0 18px 40px rgba(0,0,0,.35)}
    86%{border-color:rgba(255,214,10,.8);
      box-shadow:0 18px 40px rgba(0,0,0,.35),0 0 0 5px rgba(255,214,10,.16)}
    94%,100%{border-color:rgba(255,255,255,.16);box-shadow:0 18px 40px rgba(0,0,0,.35)}
  }
}
.lxp-et:first-child .lxp-trace{left:50%;right:-26px}
.lxp-et:last-child .lxp-trace{left:0;right:50%}
.lxp-chip{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);
  background:#ffd60a;color:#0d241c;font-size:13px;font-weight:900;
  border-radius:999px;padding:4px 13px;box-shadow:0 3px 10px rgba(0,0,0,.35)}
.lxp-point{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);
  width:9px;height:9px;border-radius:50%;background:#ffd60a}
.lxp-txt{text-align:center;margin-top:6px}
.lxp-txt b{display:block;font-size:17.5px;font-weight:900;letter-spacing:.05em;text-transform:uppercase}
.lxp-txt span{font-size:15px;color:#c3d5cb;font-weight:600}
.lxp-txt span.lxp-chip-m{color:#0d241c;font-size:14px;font-weight:900}
.lxp-egal{font-size:40px;font-weight:900;color:#ffd60a;padding:0 2px;
  align-self:center;transform:translateY(-52px)}
.lxp-panneau{align-self:center;transform:translateY(-52px);position:relative;overflow:hidden;
  background:linear-gradient(155deg,rgba(255,255,255,.07),rgba(255,255,255,.03));
  border:1px solid rgba(255,255,255,.16);border-radius:14px;padding:34px 38px;text-align:center;
  min-width:210px;box-shadow:0 18px 40px rgba(0,0,0,.35)}
.lxp-panneau::before{content:"";position:absolute;top:-30%;right:18%;width:34px;height:160%;
  background:rgba(255,255,255,.05);transform:rotate(16deg)}
.lxp-som{font-size:clamp(42px,4.4vw,54px);font-weight:900;letter-spacing:-.02em;line-height:1}
.lxp-lib{margin-top:6px;font-size:14.5px;font-weight:900;letter-spacing:.2em;
  text-transform:uppercase;color:#ffd60a}
.lxp-note{margin-top:3px;font-size:12.5px;color:#b6cbc1;font-weight:700}
.lxp-pied{display:flex;align-items:center;justify-content:center;gap:14px;flex-wrap:wrap;
  margin-top:44px}
.lxp-btn{font-weight:900;font-size:16.5px;text-decoration:none;border-radius:11px;
  padding:15px 30px;display:inline-flex;align-items:center;justify-content:center;min-height:50px}
.lxp-btn-1{background:#ffd60a;color:#0d241c}
.lxp-btn-1:hover{background:#ffe14d}
.lxp-btn-2{color:#fff;border:1.5px solid rgba(255,255,255,.5)}
.lxp-btn-2:hover{background:rgba(255,255,255,.08)}
.lxp-saison{width:100%;text-align:center;margin:10px 0 0;font-size:14px;color:#b6cbc1;font-weight:600}
@media(max-width:940px){
  .lxp{padding:46px 0 50px}
  .lxp-fenetre{text-align:center}
  .lxp-corps{grid-template-columns:1fr}
  .lxp-egal{display:none}
  .lxp-etapes{grid-template-columns:1fr;gap:30px;max-width:440px;margin:0 auto}
  .lxp-chevron{display:none}
  .lxp-fil{display:none}
  
  .lxp-et{display:block;position:relative;container-type:normal}
  .lxp-photo{aspect-ratio:16/7;border-radius:14px}
  .lxp-photo:has(video[src*="ramassage"]){aspect-ratio:16/10}
  .lxp-num{top:10px;left:10px}
  .lxp-chip-m{position:absolute;top:10px;right:10px;z-index:3;display:inline-block;
    background:#ffd60a;color:#0d241c;font-size:14px;font-weight:900;border-radius:999px;
    padding:5px 14px;box-shadow:0 4px 12px rgba(0,0,0,.35)}
  .lxp-txt{text-align:left;margin:12px 2px 0}
  .lxp-txt b{font-size:18px}
  .lxp-txt span{font-size:15.5px}
  .lxp-panneau{transform:none;justify-self:center;margin-top:26px;min-width:250px}
}
@media(min-width:941px){ .lxp-chip-m{display:none} }
@media(max-width:600px){
  .heros-oeil .oeil-sep{display:none}
  .heros-oeil .oeil-lieu{display:block}
}
.heros-oeil{display:block;text-align:center;margin:0 0 10px;font-size:13.5px;
  font-weight:900;letter-spacing:.18em;text-transform:uppercase;color:#ffd60a}
.heros-or{color:#ffd60a}
.reassurance span::before{content:"✓ ";color:#ffd60a;font-weight:900}
@supports (content:"a" / "b"){.reassurance span::before{content:"✓ " / ""}}
.heros .reassurance span:first-child{background:#ffd60a;color:#0d241c;font-weight:900;
  border-color:#ffd60a;box-shadow:0 6px 18px rgba(255,214,10,.28)}
.heros .reassurance span:first-child::before{content:none}
.reassurance span small{display:block;font-size:13px;font-weight:700;opacity:.85}
.heros-formats{display:flex;gap:12px;flex-wrap:wrap}
.heros-format{display:flex;align-items:center;gap:7px;text-decoration:none;color:#fff;
  background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.22);
  border-radius:12px;padding:10px 16px;min-height:48px;
  transition:background .15s,border-color .15s}
.heros-format:hover{background:rgba(255,255,255,.16);border-color:rgba(255,214,10,.6)}
.heros-format b{font-size:24px;font-weight:1000;color:#ffd60a;line-height:1}
.heros-format .hf-u{font-size:12.5px;font-weight:800;color:#cfe0d7;text-transform:uppercase;
  letter-spacing:.05em}
.heros-format .hf-s{font-size:13.5px;color:#b6cbc1;font-weight:600;
  border-left:1px solid rgba(255,255,255,.25);padding-left:9px;margin-left:2px}
@media(max-width:560px){
  .heros-format{flex:1 1 100%}
}
.heros-cine{background:#080d0b}
.heros-cine .heros-voile{cursor:pointer}
.heros-cine-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;
  z-index:-2;display:block;opacity:0;transition:opacity .9s ease}
.heros-cine-video.pret{opacity:1}
.heros-cine.film-actif .heros-photo{opacity:0;transition:opacity .9s ease}
.heros-cine-video.pret.fondu{opacity:0;transition:opacity .8s ease}
.heros-cine .heros-voile{background:linear-gradient(100deg,rgba(12,32,24,.95) 0%,
  rgba(12,32,24,.90) 45%,rgba(12,32,24,.62) 70%,rgba(12,32,24,.42) 100%)}
@media(max-width:820px){
  
  .heros-avis.heros-cine .heros-photo,
  .heros-avis.heros-cine .heros-cine-video{position:absolute;inset:0;
    width:100%;height:100%;max-height:none;object-fit:cover;object-position:center 45%;
    transform:none;z-index:-2;display:block}
  .heros-avis.heros-cine>.max{margin-top:0}
  .heros-avis.heros-cine .heros-contenu{padding-top:30px;padding-bottom:34px}
  .heros-avis.heros-cine .heros-voile{position:absolute;inset:0;height:auto;
    background:linear-gradient(0deg,#0d241c 0%,rgba(13,36,28,.94) 18%,
      rgba(13,36,28,.78) 42%,rgba(13,36,28,.56) 70%,rgba(13,36,28,.42) 100%)}
  .heros-avis.heros-cine h1,.heros-avis.heros-cine .heros-oeil,.heros-avis.heros-cine .reponse{
    text-shadow:0 1px 2px rgba(0,0,0,.55),0 4px 18px rgba(0,0,0,.45)}
  .heros-avis.heros-cine .reponse{background:rgba(13,36,28,.28);border-radius:0 12px 12px 0;padding:10px 12px 10px 14px}
}
@media(prefers-reduced-motion:reduce){.heros-cine-video{display:none}}
@media(max-width:820px){
  .heros-avis{background:#0f2d24}
  .heros-avis .heros-photo{position:static;inset:auto;z-index:auto;
    width:100%;height:44vh;max-height:380px;object-fit:cover;
    object-position:center bottom;display:block;
    transform:scale(1.11);transform-origin:center bottom}
  .heros-avis .heros-voile{position:absolute;inset:0 0 auto;
    height:min(44vh,380px);z-index:auto;pointer-events:none;
    background:linear-gradient(180deg,rgba(15,45,36,0) 30%,rgba(15,45,36,.4) 55%,
      rgba(15,45,36,.85) 80%,#0f2d24 96%)}
  .heros-avis>.max{margin-top:-96px;position:relative}
  .heros-avis .heros-contenu{padding-top:0;padding-bottom:26px}
}
.btn-son{position:absolute;right:10px;bottom:10px;display:inline-flex;align-items:center;
  justify-content:center;width:34px;height:34px;padding:0;color:#0f2d24;
  background:rgba(255,255,255,.9);border:0;border-radius:50%;cursor:pointer;
  box-shadow:0 3px 10px rgba(0,0,0,.22)}
.btn-son:hover{background:#fff}
.video-boite{position:relative}
.btn-pause{right:auto;left:10px}
.btn-son svg{width:16px;height:16px;display:block;flex:none}
@media(pointer:coarse){
  .btn-son::before{content:"";position:absolute;inset:-9px}
}
@media(prefers-reduced-motion:reduce){.format:hover,.blog-carte:hover,.type-capsule:hover,.bande-ramassage:hover,.secours-porte:hover{transform:none}.cf-bulle:hover .cf-point,.cf-bulle:focus-visible .cf-point{transform:none}.type-capsule:hover .type-chevron{transform:none}}
.ressources{position:relative;overflow:hidden;color:#fff;padding:64px 0 68px;border-top:0;
  background:linear-gradient(120deg,#0c2018 0%,var(--bleu-fonce) 45%,var(--bleu) 100%)}
.ressources::before{content:"";position:absolute;right:-780px;top:-1000px;width:2100px;height:2100px;
  border-radius:50%;pointer-events:none;background:radial-gradient(circle,rgba(182,230,205,.20),transparent 65%)}
.ressources .max{position:relative}
.res-tete{max-width:64ch;margin-bottom:28px}
.res-chapeau{display:inline-flex;align-items:center;gap:9px;margin:0 0 14px;background:#ffd60a;color:#141414;
  border-radius:999px;padding:7px 17px 7px 9px;font-size:12.5px;font-weight:900;letter-spacing:.16em;text-transform:uppercase}
.res-chapeau span{width:24px;height:24px;border-radius:50%;background:#141414;color:#ffd60a;display:flex;align-items:center;justify-content:center;flex:none}
.res-chapeau svg{width:14px;height:14px}
.ressources h2{color:#fff;margin:0 0 10px;font-size:clamp(28px,4vw,40px);line-height:1.1;letter-spacing:-.01em}
.res-sous{color:#a8c2b6;font-size:17px;line-height:1.5;margin:0}
.res-grille{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.res-carte{position:relative;min-width:0;display:flex;flex-direction:column;color:#fff;text-decoration:none;
  background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.14);border-radius:14px;overflow:hidden;
  transition:transform .25s,border-color .25s,background .25s}
.res-carte:hover,.res-carte:focus-visible{transform:translateY(-4px);border-color:rgba(255,214,10,.6);background:rgba(255,255,255,.09)}
.res-photo{position:relative;aspect-ratio:16/9;overflow:hidden;background:#0a1a14;flex:none}
.res-photo img{position:absolute;top:0;left:0;width:100%;height:100%;max-width:100%;object-fit:cover;display:block;transition:transform .5s}
.res-photo::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,0) 55%,rgba(10,15,13,.5) 100%)}
.res-carte:hover .res-photo img{transform:scale(1.04)}
.res-corps{padding:18px 20px 20px;display:flex;flex-direction:column;gap:8px;flex:1;min-width:0}
.res-etiquette{font-size:12px;font-weight:900;letter-spacing:.14em;text-transform:uppercase;color:#ffd60a}
.res-carte h3{margin:0;font-size:19px;line-height:1.25;color:#fff}
.res-carte p{margin:0;color:#a8c2b6;font-size:15px;line-height:1.5}
.res-lien{margin-top:auto;padding-top:8px;font-weight:800;color:#ffd60a;font-size:15px}
.res-lien::after{content:" \2192"}
.res-carte.vedette{grid-column:span 2;flex-direction:row}
.res-carte.vedette .res-photo{flex:0 0 52%;aspect-ratio:auto;align-self:stretch}
.res-carte.vedette .res-corps{padding:26px 28px}
.res-carte.vedette h3{font-size:26px}
.res-carte.vedette p{font-size:16px}
@media(max-width:900px){
  .res-grille{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
  .res-carte.vedette{grid-column:span 2;flex-direction:column}
  .res-carte.vedette .res-photo{flex:none;aspect-ratio:16/9;align-self:auto}
  .res-carte.vedette .res-corps{padding:18px 20px 20px}
  .res-carte.vedette h3{font-size:21px}
}
@media(max-width:600px){
  .ressources{padding:48px 0 52px}
  .res-grille{grid-template-columns:minmax(0,1fr)}
  .res-carte.vedette{grid-column:auto}
}
@media(prefers-reduced-motion:reduce){
  .res-carte,.res-photo img{transition:none}
  .res-carte:hover,.res-carte:focus-visible{transform:none}
  .res-carte:hover .res-photo img{transform:none}
}
.preuve{position:relative;overflow:hidden;color:#fff;padding:64px 0 68px;border-top:0;
  background:linear-gradient(120deg,#0c2018 0%,var(--bleu-fonce) 45%,var(--bleu) 100%)}
.preuve::before{content:"";position:absolute;right:-780px;top:-1000px;width:2100px;height:2100px;
  border-radius:50%;pointer-events:none;background:radial-gradient(circle,rgba(182,230,205,.20),transparent 65%)}
.preuve::after{content:"";position:absolute;left:-450px;bottom:-780px;width:1700px;height:1700px;
  border-radius:50%;pointer-events:none;background:radial-gradient(circle,rgba(182,230,205,.10),transparent 60%)}
.preuve .max{position:relative;gap:26px}
.pv-tete{display:flex;align-items:center;justify-content:space-between;gap:32px}
.pv-titre{max-width:60ch}
.pv-chapeau{display:inline-flex;align-items:center;gap:9px;margin:0 0 14px;background:#4285F4;color:#fff;
  border-radius:8px;padding:8px 16px 8px 10px;font-size:12.5px;font-weight:900;letter-spacing:.16em;text-transform:uppercase}
.pv-chapeau span{width:24px;height:24px;border-radius:6px;background:#fff;color:#EA4335;display:flex;align-items:center;justify-content:center;flex:none}
.pv-chapeau svg{width:13px;height:13px}
.preuve h2{color:#fff;margin:0 0 10px;font-size:clamp(28px,4vw,40px);line-height:1.1;letter-spacing:-.01em}
.pv-sous{color:#a8c2b6;font-size:17px;line-height:1.5;margin:0}
.pv-panneau{flex:none;width:300px;display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center;
  padding:22px 24px;border-radius:20px;background:rgba(9,32,25,.58);border:1.5px solid rgba(251,188,5,.75);
  box-shadow:0 18px 40px rgba(0,0,0,.35)}
.pv-panneau .avis-g{font-size:26px}
.pv-etoiles{color:#FBBC05;font-size:19px;letter-spacing:3px;line-height:1}
.pv-chiffres{margin:4px 0 0;display:flex;align-items:baseline;gap:8px}
.pv-note{font-size:38px;font-weight:900;color:#fff;font-variant-numeric:tabular-nums;line-height:1}
.pv-nb{font-size:17px;font-weight:800;color:#fff}
.pv-fiches{margin:0;color:#a8c2b6;font-size:14px}
.pv-grille{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.pv-carte{--pvc:#4285F4;margin:0;min-width:0;display:flex;flex-direction:column;gap:12px;padding:22px 24px 20px;border-radius:20px;
  background:rgba(255,255,255,.06);border:1.5px solid rgba(255,255,255,.14);border-top:5px solid var(--pvc);
  transition:border-color .25s,background .25s,transform .25s}
.pv-carte:nth-child(4n+2){--pvc:#EA4335}
.pv-carte:nth-child(4n+3){--pvc:#FBBC05}
.pv-carte:nth-child(4n+4){--pvc:#34A853}
.pv-carte:hover{border-color:var(--pvc);background:rgba(255,255,255,.09);transform:translateY(-3px)}
.pv-carte .pv-etoiles{font-size:14px;letter-spacing:1.5px}
.pv-carte blockquote{margin:0;font-size:17.5px;line-height:1.5;color:#fff;font-style:italic}
.pv-carte blockquote::before{content:"« "}
.pv-carte blockquote::after{content:" »"}
:lang(en) .pv-carte blockquote::before{content:"\201C"}
:lang(en) .pv-carte blockquote::after{content:"\201D"}
.pv-carte figcaption{font-size:15px;color:#a8c2b6;margin-top:auto}
.pv-carte figcaption b{color:#fff;font-weight:800}
.pv-carte figcaption a{color:#a8c2b6;text-decoration:underline;text-decoration-color:var(--pvc);text-decoration-thickness:2px;text-underline-offset:3px}
.pv-carte figcaption a::before{content:"· "}
.pv-carte figcaption a:hover{color:#fff}
.pv-traduit{color:#7f9a8e}
.pv-action{margin:8px 0 0}
.pv-bouton{display:inline-flex;align-items:center;justify-content:center;background:#ffd60a;color:#141414!important;border-radius:8px;padding:15px 28px;font-size:17px;font-weight:900;text-decoration:none;box-shadow:0 6px 16px rgba(255,214,10,.28)}
.pv-bouton:hover{background:#ffe04a}
@media(max-width:900px){
  .pv-tete{flex-direction:column;align-items:flex-start;gap:22px}
  .pv-panneau{width:100%;flex-direction:row;flex-wrap:wrap;justify-content:center;gap:10px 16px;padding:16px 18px}
  .pv-panneau .avis-g{font-size:22px}
  .pv-note{font-size:30px}
  .pv-fiches{width:100%;text-align:center}
}
@media(max-width:600px){
  .preuve{padding:48px 0 52px}
  .pv-grille{grid-template-columns:minmax(0,1fr);gap:14px}
  .pv-carte{padding:18px 18px 16px}
  .pv-carte blockquote{font-size:16.5px}
}
@media(prefers-reduced-motion:reduce){.pv-carte{transition:none}.pv-carte:hover{transform:none}}
.publics{background:var(--fond);padding:60px 0 64px}
.publics>.max{gap:26px}
.pub-tete{max-width:64ch}
.publics h2{margin:0 0 8px;font-size:clamp(26px,3.6vw,36px);line-height:1.12;letter-spacing:-.01em;color:var(--encre)}
.pub-sous{margin:0;color:var(--encre-2);font-size:17px;line-height:1.5}
.pub-grille{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.pub-carte{min-width:0;display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--trait);border-radius:16px;overflow:hidden;
  box-shadow:0 10px 30px rgba(19,34,28,.08);transition:transform .25s,box-shadow .25s}
.pub-carte:hover{transform:translateY(-4px);box-shadow:0 18px 40px rgba(19,34,28,.14)}
.pub-photo{position:relative;display:block;aspect-ratio:16/9;overflow:hidden;background:var(--bleu-fonce)}
.pub-photo img{position:absolute;top:0;left:0;width:100%;height:100%;max-width:100%;object-fit:cover;display:block;transition:transform .5s}
.pub-carte:hover .pub-photo img{transform:scale(1.04)}
.pub-photo::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,0) 50%,rgba(13,36,28,.55) 100%)}
.pub-etiquette{position:absolute;left:18px;bottom:16px;z-index:1;background:#ffd60a;color:#141414;border-radius:8px;padding:7px 14px;
  font-size:12.5px;font-weight:900;letter-spacing:.14em;text-transform:uppercase}
.pub-corps{padding:22px 24px 26px;display:flex;flex-direction:column;gap:10px;flex:1}
.pub-carte h3{margin:0;font-size:24px;line-height:1.2;color:var(--encre)}
.pub-accroche{margin:0;font-size:17px;font-weight:700;color:var(--bleu);line-height:1.4}
.pub-texte{margin:0;font-size:15.5px;line-height:1.55;color:var(--encre-2)}
.pub-bouton{align-self:flex-start;margin-top:auto;padding-top:0;background:#ffd60a;color:#141414!important;border-radius:8px;
  padding:14px 24px;font-size:16px;font-weight:900;text-decoration:none;box-shadow:0 6px 16px rgba(255,214,10,.28)}
.pub-bouton:hover{background:#ffe04a}
.pub-bouton::after{content:"\2192";margin-left:8px}
@media(max-width:900px){.pub-grille{gap:16px}.pub-carte h3{font-size:21px}.pub-corps{padding:18px 18px 20px}}
@media(max-width:700px){.publics{padding:46px 0 50px}.pub-grille{grid-template-columns:minmax(0,1fr)}}
@media(prefers-reduced-motion:reduce){.pub-carte,.pub-photo img{transition:none}.pub-carte:hover{transform:none}.pub-carte:hover .pub-photo img{transform:none}}
.couts{background:var(--fond);padding:56px 0 60px}
.couts>.max{gap:22px}
.couts h2{margin:0;font-size:clamp(26px,3.6vw,36px);line-height:1.12;letter-spacing:-.01em;color:var(--encre)}
.ct-grille{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
.ct-carte{--ct:var(--orange);--ct-fond:var(--orange-clair);--ct-encre:#fff;min-width:0;background:var(--surface);border:1px solid var(--trait);border-top:5px solid var(--ct);
  border-radius:16px;padding:22px 24px 14px;box-shadow:0 10px 30px rgba(19,34,28,.07)}
.ct-extras{--ct:#ffd60a;--ct-fond:#fff3bf;--ct-encre:#141414}
.ct-entete{display:flex;align-items:center;gap:14px;margin-bottom:6px}
.ct-icone{width:42px;height:42px;border-radius:12px;background:var(--ct);color:var(--ct-encre);display:flex;align-items:center;justify-content:center;flex:none}
.ct-icone svg{width:22px;height:22px}
.ct-carte h3{margin:0;font-size:21px;line-height:1.2;color:var(--encre)}
.ct-liste{list-style:none;margin:0;padding:0}
.ct-liste li{display:flex;align-items:flex-start;gap:12px;padding:13px 0;border-top:1px solid var(--trait);font-size:16px;line-height:1.5;color:var(--encre-2)}
.ct-liste li:first-child{border-top:0;padding-top:8px}
.ct-liste strong{color:var(--encre)}
.ct-puce{width:24px;height:24px;border-radius:50%;background:var(--ct-fond);color:var(--ct);display:flex;align-items:center;justify-content:center;flex:none;margin-top:2px}
.ct-extras .ct-puce{color:#141414}
.ct-puce svg{width:13px;height:13px}
.ct-conclusion{display:flex;align-items:flex-start;gap:16px;background:var(--surface-2);border-left:4px solid #ffd60a;border-radius:12px;padding:18px 22px}
.ct-conclusion-icone{width:40px;height:40px;border-radius:10px;background:var(--bleu);color:#ffd60a;display:flex;align-items:center;justify-content:center;flex:none}
.ct-conclusion-icone svg{width:20px;height:20px}
.ct-conclusion p{margin:0;font-size:16px;line-height:1.55;color:var(--encre);max-width:76ch}
.ct-conclusion a{color:var(--bleu);font-weight:700;text-decoration:underline;text-decoration-color:rgba(46,122,91,.5);text-underline-offset:3px}
.ct-conclusion a:hover{text-decoration-color:var(--bleu)}
@media(max-width:820px){.ct-grille{grid-template-columns:minmax(0,1fr);gap:16px}.couts{padding:44px 0 48px}.ct-carte{padding:18px 18px 10px}.ct-conclusion{padding:16px 18px}}
.pourquoi{background:var(--fond);padding:56px 0 60px}
.pq-grille{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
.pq-carte{--pq:var(--orange);--pq-fond:var(--orange-clair);min-width:0;background:var(--surface);border:1px solid var(--trait);border-radius:16px;
  padding:26px 26px 16px;box-shadow:0 10px 30px rgba(19,34,28,.07)}
.pq-carte h2{margin:0 0 10px;font-size:clamp(24px,3vw,30px);line-height:1.15;color:var(--encre)}
.pq-liste{list-style:none;margin:0;padding:0}
.pq-liste li{display:flex;align-items:flex-start;gap:14px;padding:13px 0;border-top:1px solid var(--trait);font-size:16px;line-height:1.5;color:var(--encre-2)}
.pq-liste li:first-child{border-top:0}
.pq-icone{width:38px;height:38px;border-radius:10px;background:var(--pq-fond);display:flex;align-items:center;justify-content:center;flex:none;margin-top:1px}
.pq-icone::before{content:"";width:20px;height:20px;background:var(--pq);-webkit-mask:var(--ic) center/contain no-repeat;mask:var(--ic) center/contain no-repeat}
.pq-icone[data-icone="horloge"]{--ic:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 7v5l3 2'/%3E%3C/svg%3E")}
.pq-icone[data-icone="camion"]{--ic:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 7h11v9H3zM14 10h4l3 3v3h-7z'/%3E%3Ccircle cx='7' cy='18' r='2'/%3E%3Ccircle cx='17' cy='18' r='2'/%3E%3C/svg%3E")}
.pq-icone[data-icone="materiaux"]{--ic:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3l8 4.5v9L12 21l-8-4.5v-9z'/%3E%3Cpath d='M4 7.5l8 4.5 8-4.5M12 12v9'/%3E%3C/svg%3E")}
.pq-icone[data-icone="batiment"]{--ic:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 21h18M5 21V5h8v16M13 21V9h6v12'/%3E%3Cpath d='M8 8h2M8 12h2M8 16h2M16 13h1M16 17h1'/%3E%3C/svg%3E")}
:root{--ic-batiment:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 21h18M5 21V5h8v16M13 21V9h6v12'/%3E%3Cpath d='M8 8h2M8 12h2M8 16h2M16 13h1M16 17h1'/%3E%3C/svg%3E")}
.pq-icone[data-icone="attente"]{--ic:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 3h12M6 21h12M8 3v4l4 5 4-5V3M8 21v-4l4-5 4 5v4'/%3E%3C/svg%3E")}
.pq-icone[data-icone="feuille"]{--ic:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 4c-9 0-15 5-15 13 0 1 0 2 .5 3C7 14 11 9 20 4z'/%3E%3Cpath d='M5.5 20c3-6 7-10 12-13'/%3E%3C/svg%3E")}
.pq-icone[data-icone="medaille"]{--ic:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='9' r='5'/%3E%3Cpath d='M9 13.5 7 21l5-3 5 3-2-7.5'/%3E%3C/svg%3E")}
:root{--ic-medaille:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='9' r='5'/%3E%3Cpath d='M9 13.5 7 21l5-3 5 3-2-7.5'/%3E%3C/svg%3E")}
.pq-icone[data-icone="etincelle"]{--ic:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3l2 5 5 2-5 2-2 5-2-5-5-2 5-2z'/%3E%3Cpath d='M19 16l1 2 2 1-2 1-1 2-1-2-2-1 2-1z'/%3E%3C/svg%3E")}
.pq-icone[data-icone="bouclier"]{--ic:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3l8 3v6c0 5-3.5 8-8 9-4.5-1-8-4-8-9V6z'/%3E%3Cpath d='M9 12l2 2 4-4'/%3E%3C/svg%3E")}
.pq-icone[data-icone="tailles"]{--ic:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 9V4h5M20 15v5h-5M20 4l-6 6M4 20l6-6'/%3E%3C/svg%3E")}
.pq-icone[data-icone="carte"]{--ic:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 21s7-6 7-11a7 7 0 0 0-14 0c0 5 7 11 7 11z'/%3E%3Ccircle cx='12' cy='10' r='2.5'/%3E%3C/svg%3E")}
:root{--ic-carte:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 21s7-6 7-11a7 7 0 0 0-14 0c0 5 7 11 7 11z'/%3E%3Ccircle cx='12' cy='10' r='2.5'/%3E%3C/svg%3E")}
.pq-icone[data-icone="etoile"]{--ic:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3l2.7 5.6 6.2.9-4.5 4.3 1.1 6.1L12 17l-5.5 2.9 1.1-6.1L3.1 9.5l6.2-.9z'/%3E%3C/svg%3E")}
:root{--ic-etoile:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3l2.7 5.6 6.2.9-4.5 4.3 1.1 6.1L12 17l-5.5 2.9 1.1-6.1L3.1 9.5l6.2-.9z'/%3E%3C/svg%3E")}
.pq-icone[data-icone="texto"]{--ic:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 12a8 8 0 0 1-11.6 7.1L4 21l1.9-5.4A8 8 0 1 1 21 12z'/%3E%3Cpath d='M8 12h.01M12 12h.01M16 12h.01'/%3E%3C/svg%3E")}
.pq-icone[data-icone="photo"]{--ic:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 8h3l2-3h6l2 3h3v11H4z'/%3E%3Ccircle cx='12' cy='13' r='3.5'/%3E%3C/svg%3E")}
.pq-carte.sombre a{color:#ffd60a;text-decoration:underline;text-decoration-color:rgba(255,214,10,.5);text-underline-offset:3px}
.pv-carte.brut blockquote::before,.pv-carte.brut blockquote::after{content:none}
.pv-fiches a{color:#a8c2b6;text-decoration:underline;text-decoration-color:rgba(251,188,5,.6);text-underline-offset:3px}
.pv-fiches a:hover{color:#FBBC05}
.pq-carte.sombre{--pq:#ffd60a;--pq-fond:rgba(255,214,10,.16);position:relative;overflow:hidden;color:#fff;border-color:rgba(255,255,255,.14);
  background:linear-gradient(135deg,#0c2018 0%,var(--bleu-fonce) 50%,var(--bleu) 100%);box-shadow:0 18px 40px rgba(0,0,0,.25)}
.pq-carte.sombre::before{content:"";position:absolute;right:-420px;top:-520px;width:1100px;height:1100px;border-radius:50%;pointer-events:none;
  background:radial-gradient(circle,rgba(182,230,205,.20),transparent 65%)}
.pq-carte.sombre>*{position:relative}
.pq-carte.sombre h2{color:#fff}
.pq-carte.sombre .pq-liste li{color:#dfece5;border-top-color:rgba(255,255,255,.12)}
@media(max-width:820px){.pq-grille{grid-template-columns:minmax(0,1fr);gap:16px}.pourquoi{padding:44px 0 48px}.pq-carte{padding:20px 18px 12px}}
.protec{background:var(--bleu-clair);padding:60px 0 64px}
.pt-grille{display:grid;grid-template-columns:1.05fr 1fr;gap:36px;align-items:center}
.pt-texte{min-width:0;display:flex;flex-direction:column;gap:14px}
.pt-chapeau{display:inline-flex;align-self:flex-start;align-items:center;gap:9px;margin:0;background:var(--bleu);color:#fff;border-radius:8px;padding:8px 14px 8px 10px;
  font-size:12.5px;font-weight:900;letter-spacing:.14em;text-transform:uppercase}
.pt-chapeau span{width:22px;height:22px;display:flex;align-items:center;justify-content:center;flex:none;color:#ffd60a}
.pt-chapeau svg{width:18px;height:18px}
.protec h2{margin:0;font-size:clamp(26px,3.6vw,36px);line-height:1.12;letter-spacing:-.01em;color:var(--encre)}
.pt-intro{margin:0;font-size:16.5px;line-height:1.55;color:var(--encre-2)}
.pt-intro strong{color:var(--encre)}
.pt-points{list-style:none;margin:2px 0 0;padding:0;display:flex;flex-direction:column;gap:9px}
.pt-points li{display:flex;align-items:flex-start;gap:11px;font-size:16px;font-weight:700;line-height:1.4;color:var(--encre)}
.pt-coche{width:24px;height:24px;border-radius:50%;background:var(--orange);color:#fff;display:flex;align-items:center;justify-content:center;flex:none;margin-top:1px}
.pt-coche svg{width:13px;height:13px}
.pt-conseil{display:flex;align-items:flex-start;gap:14px;margin-top:6px;background:var(--surface);border:1px solid var(--trait);border-left:5px solid #ffd60a;border-radius:12px;padding:16px 18px;
  box-shadow:0 8px 24px rgba(19,34,28,.06)}
.pt-conseil-icone{width:40px;height:40px;border-radius:10px;background:#fff3bf;color:#141414;display:flex;align-items:center;justify-content:center;flex:none}
.pt-conseil-icone svg{width:20px;height:20px}
.pt-conseil h3{margin:0 0 4px;font-size:16.5px;line-height:1.3;color:var(--encre)}
.pt-conseil p{margin:0;font-size:15px;line-height:1.5;color:var(--encre-2)}
.pt-conseil strong{color:var(--encre)}
.pt-media{position:relative;margin:0;border-radius:16px;overflow:hidden;background:var(--bleu-fonce);box-shadow:0 18px 40px rgba(19,34,28,.18);aspect-ratio:16/11}
.pt-media video{position:absolute;top:0;left:0;width:100%;height:100%;max-width:100%;object-fit:cover;display:block}
.pt-badge{position:absolute;left:16px;bottom:16px;z-index:2;display:flex;align-items:center;gap:10px;background:rgba(9,32,25,.78);color:#fff;border:1px solid rgba(255,255,255,.18);
  border-radius:12px;padding:10px 14px 10px 10px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);font-size:13px;line-height:1.25}
.pt-badge b{display:block;font-size:14px;letter-spacing:.08em;color:#ffd60a}
.pt-badge-icone{width:34px;height:34px;border-radius:9px;background:#ffd60a;color:#141414;display:flex;align-items:center;justify-content:center;flex:none}
.pt-badge-icone svg{width:19px;height:19px}
.pt-media .btn-pause{z-index:3;left:auto;right:14px}
@media(max-width:900px){.pt-grille{grid-template-columns:minmax(0,1fr);gap:22px}.protec{padding:46px 0 50px}.pt-media{aspect-ratio:16/10}}
.villes{background:var(--fond);padding:56px 0 60px}
.villes>.max{gap:18px}
.vl-tete{max-width:70ch;display:flex;flex-direction:column;gap:10px;margin-bottom:6px}
.vl-chapeau{display:inline-flex;align-self:flex-start;align-items:center;gap:8px;margin:0;background:#ffd60a;color:#141414;border-radius:8px;padding:7px 14px 7px 10px;
  font-size:12.5px;font-weight:900;letter-spacing:.14em;text-transform:uppercase}
.vl-chapeau span{width:20px;height:20px;display:flex;align-items:center;justify-content:center;flex:none}
.vl-chapeau svg{width:17px;height:17px}
.villes h2{margin:0;font-size:clamp(26px,3.6vw,36px);line-height:1.12;letter-spacing:-.01em;color:var(--encre)}
.vl-intro{margin:0;font-size:16.5px;line-height:1.55;color:var(--encre-2)}
.vl-regions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.vl-region{min-width:0;display:flex;align-items:center;gap:12px;padding:16px 18px;background:var(--surface);border:1px solid var(--trait);border-radius:14px;
  color:var(--encre);text-decoration:none;box-shadow:0 8px 24px rgba(19,34,28,.06);transition:transform .2s,border-color .2s,box-shadow .2s}
.vl-region:hover{transform:translateY(-3px);border-color:var(--orange);box-shadow:0 14px 30px rgba(19,34,28,.12)}
.vl-region-icone{width:36px;height:36px;border-radius:10px;background:var(--orange-clair);color:var(--orange);display:flex;align-items:center;justify-content:center;flex:none}
.vl-region-icone svg{width:19px;height:19px}
.vl-region-texte{display:flex;flex-direction:column;min-width:0;line-height:1.2}
.vl-region-texte b{font-size:17px}
.vl-region-texte small{font-size:12.5px;color:var(--encre-2);font-weight:600}
.vl-region-fleche{margin-left:auto;color:var(--orange);font-weight:900;opacity:.55;transition:opacity .2s,transform .2s}
.vl-region:hover .vl-region-fleche{opacity:1;transform:translateX(3px)}
.vl-legende{margin:4px 0 0;display:flex;align-items:center;gap:6px;font-size:13.5px;color:var(--encre-2)}
.vl-etoile{color:#FBBC05;font-size:14px;line-height:1}
.vl-pastilles{display:flex;flex-wrap:wrap;gap:8px}
.vl-pastille{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border-radius:999px;background:var(--surface);border:1px solid var(--trait);
  color:var(--encre);font-size:14.5px;font-weight:600;text-decoration:none;transition:border-color .2s,background .2s,color .2s}
.vl-pastille:hover{border-color:var(--orange);background:var(--orange-clair);color:var(--bleu)}
.vl-pastille.fiche{border-color:rgba(251,188,5,.55)}
.vl-action{margin:10px 0 0}
.vl-bouton{background:#ffd60a;color:#141414!important;border-radius:8px;padding:14px 24px;font-size:16px;font-weight:900;text-decoration:none;box-shadow:0 6px 16px rgba(255,214,10,.28)}
.vl-bouton:hover{background:#ffe04a}
@media(max-width:600px){.villes{padding:44px 0 48px}.vl-regions{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.vl-region{padding:12px 10px;gap:10px}.vl-region-texte b{font-size:15px}.vl-region-fleche{display:none}}
@media(prefers-reduced-motion:reduce){.vl-region,.vl-region-fleche,.vl-pastille{transition:none}.vl-region:hover{transform:none}}
.zones{background:var(--fond);padding:56px 0 60px}
.zones>.max{gap:18px}
.zn-tete{display:flex;flex-direction:column;gap:10px;max-width:70ch}
.zn-chapeau,.ec-chapeau{display:inline-flex;align-self:flex-start;align-items:center;gap:8px;margin:0;background:var(--bleu);color:#fff;border-radius:8px;padding:7px 14px 7px 10px;
  font-size:12.5px;font-weight:900;letter-spacing:.14em;text-transform:uppercase}
.zn-chapeau span,.ec-chapeau span{width:20px;height:20px;display:flex;align-items:center;justify-content:center;flex:none;color:#ffd60a}
.zn-chapeau svg,.ec-chapeau svg{width:17px;height:17px}
.zones h2,.eco h2{margin:0;font-size:clamp(26px,3.6vw,36px);line-height:1.12;letter-spacing:-.01em;color:var(--encre)}
.zn-intro,.ec-intro{margin:0;font-size:16.5px;line-height:1.55;color:var(--encre-2)}
.ec-intro strong{color:var(--encre)}
.quartiers span{display:inline-flex;align-items:center;gap:7px;background:var(--surface);border:1px solid var(--trait);border-radius:999px;padding:8px 14px;font-size:14.5px;font-weight:600;color:var(--encre)}
.quartiers span::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--orange);flex:none}
.zn-grille{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;margin-top:8px}
.zn-carte{--zn:var(--orange);--zn-fond:var(--orange-clair);--zn-encre:#fff;min-width:0;display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--trait);border-top:5px solid var(--zn);
  border-radius:16px;padding:22px 24px 20px;box-shadow:0 10px 30px rgba(19,34,28,.07)}
.zn-com{--zn:#ffd60a;--zn-fond:#fff3bf;--zn-encre:#141414}
.zn-entete{display:flex;align-items:center;gap:14px;margin-bottom:12px}
.zn-icone{width:42px;height:42px;border-radius:12px;background:var(--zn);color:var(--zn-encre);display:flex;align-items:center;justify-content:center;flex:none}
.zn-icone svg{width:22px;height:22px}
.zn-carte h3{margin:0;font-size:20px;line-height:1.25;color:var(--encre)}
.zn-corps{display:flex;flex-direction:column;flex:1}
.zn-corps p{margin:0 0 12px;font-size:15.5px;line-height:1.58;color:var(--encre-2)}
.zn-corps p:last-child{margin-bottom:0}
.zn-corps a{color:var(--bleu);font-weight:700}
.zn-corps .source{margin-top:auto;padding-top:12px;border-top:1px solid var(--trait);font-size:13px;line-height:1.45;color:var(--encre-3)}
.zn-hiver{--zn:#b6e6cd;--zn-fond:rgba(182,230,205,.16);--zn-encre:#0f2d24;position:relative;overflow:hidden;color:#fff;border-color:rgba(255,255,255,.14);
  background:linear-gradient(135deg,#0c2018 0%,var(--bleu-fonce) 50%,var(--bleu) 100%);box-shadow:0 18px 40px rgba(0,0,0,.25)}
.zn-hiver::before{content:"";position:absolute;right:-420px;top:-520px;width:1100px;height:1100px;border-radius:50%;pointer-events:none;background:radial-gradient(circle,rgba(182,230,205,.20),transparent 65%)}
.zn-hiver>*{position:relative}
.zn-hiver h3{color:#fff}
.zn-hiver .zn-corps p{color:#dfece5}
.zn-hiver .zn-corps a{color:#ffd60a}
.zn-hiver .zn-corps .source{border-top-color:rgba(255,255,255,.15);color:#a8c2b6}
.eco{background:var(--surface-2);padding:56px 0 60px}
.eco>.max{gap:18px}
.ec-tete{display:flex;flex-direction:column;gap:10px;max-width:74ch}
.ec-tableau{margin-top:6px}
.ec-table{width:100%;border-collapse:separate;border-spacing:0 10px}
.ec-table thead th{text-align:left;font-size:12.5px;font-weight:900;letter-spacing:.14em;text-transform:uppercase;color:var(--bleu);padding:0 18px 2px}
.ec-table tbody th,.ec-table tbody td{background:var(--surface);border-top:1px solid var(--trait);border-bottom:1px solid var(--trait);padding:16px 18px;vertical-align:top;font-size:15.5px;line-height:1.5}
.ec-table tbody th{width:30%;text-align:left;font-weight:800;color:var(--encre);border-left:1px solid var(--trait);border-radius:12px 0 0 12px;border-left:5px solid var(--orange)}
.ec-table tbody td{color:var(--encre-2);border-right:1px solid var(--trait);border-radius:0 12px 12px 0}
.ec-puce{display:none}
.ec-conclusion{display:flex;align-items:flex-start;gap:16px;background:var(--surface);border:1px solid var(--trait);border-left:5px solid #ffd60a;border-radius:12px;padding:18px 22px}
.ec-icone{width:40px;height:40px;border-radius:10px;background:#fff3bf;color:#141414;display:flex;align-items:center;justify-content:center;flex:none}
.ec-icone svg{width:20px;height:20px}
.ec-conclusion p{margin:0;font-size:16px;line-height:1.55;color:var(--encre)}
.ec-source{margin:0;font-size:13px;line-height:1.5;color:var(--encre-3)}
.visually-hidden{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.voisin{background:var(--bleu-clair);padding:44px 0 48px}
.voisin>.max{gap:16px}
.vo-tete{display:flex;align-items:center;gap:14px}
.vo-tete h2{margin:0;font-size:clamp(22px,3vw,28px);line-height:1.15;color:var(--encre)}
.vo-sous{margin:4px 0 0;font-size:15.5px;color:var(--encre-2)}
.vo-icone{width:44px;height:44px;border-radius:12px;background:var(--bleu);color:#ffd60a;display:flex;align-items:center;justify-content:center;flex:none}
.vo-icone svg{width:22px;height:22px}
.voisines a.vo-region{background:#ffd60a;border-color:#ffd60a;color:#141414;font-weight:800}
.voisines a.vo-region:hover{background:#ffe04a;border-color:#ffe04a;color:#141414}
@media(max-width:820px){
  .zn-grille{grid-template-columns:minmax(0,1fr);gap:16px}.zones,.eco{padding:44px 0 48px}.zn-carte{padding:18px 18px 16px}
  .ec-tableau{min-width:0;max-width:100%}
  .ec-table,.ec-table tbody,.ec-table tr,.ec-table tbody th,.ec-table tbody td{display:block;width:100%;max-width:100%;box-sizing:border-box;table-layout:fixed}
  .ec-table{border-spacing:0;min-width:0}
  .ec-table tbody th,.ec-table tbody td{min-width:0}
  .ec-table thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
  .ec-table tr{margin-bottom:10px;border-radius:12px;overflow:hidden;border:1px solid var(--trait);background:var(--surface)}
  .ec-table tbody th{border:0;border-left:5px solid var(--orange);border-radius:0;padding:14px 16px 6px}
  .ec-table tbody td{border:0;border-left:5px solid var(--orange);border-radius:0;padding:0 16px 14px}
}
.faq{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;align-items:start;background:none;border:0;border-radius:0}
.faq details{min-width:0;background:var(--surface);border:1px solid var(--trait);border-radius:14px;box-shadow:0 8px 24px rgba(19,34,28,.06);transition:border-color .2s,box-shadow .2s}
.faq details:last-child{border-bottom:1px solid var(--trait)}
.faq details[open]{border-color:var(--orange);box-shadow:0 14px 30px rgba(19,34,28,.12)}
.faq summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;
  padding:18px 20px;font-weight:800;font-size:16.5px;line-height:1.35;color:var(--encre);gap:14px}
.faq summary::-webkit-details-marker{display:none}
.faq details[open] summary{color:var(--bleu)}
.faq summary::after{content:"";width:30px;height:30px;border-radius:50%;flex:none;transition:transform .25s,background .2s;background:var(--orange-clair) url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='3' stroke-linecap='round'%3E%3Cpath d='M12 5v14M5 12h14'/%3E%3C/svg%3E") center/14px 14px no-repeat}
.faq details[open] summary::after{content:"";background:var(--orange) url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3' stroke-linecap='round'%3E%3Cpath d='M12 5v14M5 12h14'/%3E%3C/svg%3E") center/14px 14px no-repeat;transform:rotate(45deg)}
.faq p{padding:0 20px 20px;font-size:15.5px;line-height:1.6;color:var(--encre-2);max-width:none}
.faq p a{color:var(--bleu);font-weight:700}
.fq-tete{display:flex;flex-direction:column;gap:10px;max-width:68ch;margin-bottom:6px}
.fq-chapeau{display:inline-flex;align-self:flex-start;align-items:center;gap:8px;margin:0;background:#ffd60a;color:#141414;border-radius:8px;padding:7px 14px 7px 10px;font-size:12.5px;font-weight:900;letter-spacing:.14em;text-transform:uppercase}
.fq-chapeau span{width:20px;height:20px;display:flex;align-items:center;justify-content:center;flex:none}
.fq-chapeau svg{width:17px;height:17px}
.fq-tete h2{margin:0}
.fq-sous{margin:0;font-size:16.5px;line-height:1.5;color:var(--encre-2)}
@media(max-width:820px){.faq{grid-template-columns:minmax(0,1fr);gap:10px}.faq summary{padding:15px 16px;font-size:15.5px}.faq p{padding:0 16px 16px}}
@media(prefers-reduced-motion:reduce){.faq details,.faq summary::after{transition:none}}
.txt{padding:52px 0 56px}
.txt-grille{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.65fr);gap:44px;align-items:start}
.txt-tete{position:sticky;top:96px}
.txt-tete::before{content:"";display:block;width:44px;height:5px;border-radius:3px;background:#ffd60a;margin-bottom:16px}
.txt-tete h2{margin:0;font-size:clamp(24px,3vw,32px);line-height:1.15;letter-spacing:-.01em;color:var(--encre)}
.txt-tete .source{margin:16px 0 0;padding-top:12px;border-top:1px solid var(--trait);font-size:13px;line-height:1.5;color:var(--encre-3)}
.txt-corps{min-width:0;background:var(--surface);border:1px solid var(--trait);border-radius:16px;padding:26px 28px;box-shadow:0 10px 30px rgba(19,34,28,.07)}
.txt-corps p{margin:0 0 16px;font-size:16.5px;line-height:1.68;color:var(--encre-2);max-width:none}
.txt-corps p:last-child{margin-bottom:0}
.txt-corps p:first-child:not(:only-child){font-size:18.5px;line-height:1.55;color:var(--encre);font-weight:600;padding:2px 0 2px 18px;border-left:4px solid var(--orange);margin-bottom:20px}
.txt-corps strong{color:var(--bleu);font-weight:800}
.txt-corps a{color:var(--bleu);font-weight:700;text-decoration:underline;text-decoration-color:rgba(46,122,91,.45);text-decoration-thickness:2px;text-underline-offset:3px}
.txt-corps a:hover{text-decoration-color:var(--bleu)}
.txt-corps ul,.txt-corps ol{margin:0 0 16px;padding-left:22px;color:var(--encre-2);font-size:16px;line-height:1.6}
.txt-corps h3{margin:20px 0 8px;font-size:19px;color:var(--encre)}
.tb{padding:52px 0 56px}
.tb>.max{gap:16px}
.tb h2,.ct2 h2,.gv h2{margin:0;font-size:clamp(24px,3.2vw,32px);line-height:1.15;letter-spacing:-.01em;color:var(--encre)}
.tb-intro,.ct2-intro,.gv-intro{margin:0;font-size:16.5px;line-height:1.55;color:var(--encre-2);max-width:74ch}
.tb-conclusion{display:flex;align-items:flex-start;gap:16px;background:var(--surface);border:1px solid var(--trait);border-left:5px solid var(--orange);border-radius:12px;padding:18px 22px}
.tb-icone{width:40px;height:40px;border-radius:10px;background:var(--orange-clair);color:var(--orange);display:flex;align-items:center;justify-content:center;flex:none}
.tb-icone svg{width:20px;height:20px}
.tb-conclusion p{margin:0;font-size:16px;line-height:1.55;color:var(--encre)}
.ct2{padding:52px 0 56px}
.ct2>.max{gap:18px}
.ct2 .ct-grille{margin-top:4px}
.gv{padding:52px 0 56px}
.gv>.max{gap:16px}
.gv-groupe{background:var(--surface);border:1px solid var(--trait);border-radius:16px;padding:20px 22px;box-shadow:0 8px 24px rgba(19,34,28,.06)}
.gv-entete{display:flex;align-items:center;gap:12px;margin-bottom:14px}
.gv-entete h3{margin:0;font-size:20px;line-height:1.2;color:var(--encre)}
.gv-icone{width:38px;height:38px;border-radius:10px;background:var(--orange-clair);color:var(--orange);display:flex;align-items:center;justify-content:center;flex:none}
.gv-icone svg{width:20px;height:20px}
.gv-compte{background:#ffd60a;color:#141414;border-radius:999px;padding:4px 11px;font-size:12.5px;font-weight:900;letter-spacing:.06em;white-space:nowrap}
.gv-conclusion{display:flex;align-items:flex-start;gap:16px;background:var(--surface-2);border-left:5px solid #ffd60a;border-radius:12px;padding:18px 22px}
.gv-conclusion-icone{width:40px;height:40px;border-radius:10px;background:var(--bleu);color:#ffd60a;display:flex;align-items:center;justify-content:center;flex:none}
.gv-conclusion-icone svg{width:19px;height:19px}
.gv-conclusion p{margin:0;font-size:16px;line-height:1.55;color:var(--encre)}
.gv-conclusion a{color:var(--bleu);font-weight:800}
@media(max-width:900px){.txt-grille{grid-template-columns:minmax(0,1fr);gap:18px}.txt-tete{position:static}.txt,.tb,.ct2,.gv{padding:42px 0 46px}.txt-corps{padding:18px 18px 20px}.txt-corps p:first-child:not(:only-child){font-size:17px;padding-left:14px}.gv-groupe{padding:16px}}
.cd{padding:52px 0 56px}
.cd>.max{gap:18px}
.cd h2{margin:0;font-size:clamp(24px,3.2vw,32px);line-height:1.15;letter-spacing:-.01em;color:var(--encre)}
.cd-grille{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
.cd-carte{min-width:0;display:flex;flex-direction:column;gap:14px;background:var(--surface);border:1px solid var(--trait);border-radius:16px;padding:24px 26px;box-shadow:0 10px 30px rgba(19,34,28,.07)}
.cd-entete{display:flex;align-items:center;gap:14px}
.cd-icone{width:42px;height:42px;border-radius:12px;background:var(--orange-clair);color:var(--orange);display:flex;align-items:center;justify-content:center;flex:none}
.cd-icone svg{width:22px;height:22px}
.cd-carte h3{margin:0;font-size:20px;line-height:1.2;color:var(--encre)}
.cd-tel{display:flex;align-items:center;gap:14px;background:#ffd60a;color:#141414;border-radius:12px;padding:14px 18px;text-decoration:none;box-shadow:0 6px 16px rgba(255,214,10,.28);transition:background .2s}
.cd-tel:hover{background:#ffe04a}
.cd-tel-icone{width:44px;height:44px;border-radius:10px;background:#141414;color:#ffd60a;display:flex;align-items:center;justify-content:center;flex:none}
.cd-tel-icone svg{width:22px;height:22px}
.cd-tel-num{font-size:26px;font-weight:900;letter-spacing:.01em;font-variant-numeric:tabular-nums}
.cd-mail{display:inline-flex;align-self:flex-start;align-items:center;gap:9px;background:var(--surface);border:1.5px solid var(--orange);color:var(--bleu);border-radius:999px;padding:9px 16px;font-size:15.5px;font-weight:700;text-decoration:none}
.cd-mail:hover{background:var(--orange-clair)}
.cd-mail svg{width:18px;height:18px}
.cd-texte p{margin:0;font-size:15.5px;line-height:1.58;color:var(--encre-2);max-width:none}
.cd-heures{list-style:none;margin:0;padding:0}
.cd-heures li{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.4fr);gap:14px;padding:13px 0;border-top:1px solid var(--trait);font-size:15.5px;line-height:1.45}
.cd-heures li:first-child{border-top:0;padding-top:0}
.cd-heures b{color:var(--encre)}
.cd-heures span{color:var(--encre-2)}
.cd-note{display:flex;align-items:flex-start;gap:14px;background:var(--surface-2);border-left:5px solid #ffd60a;border-radius:12px;padding:16px 18px;margin-top:auto}
.cd-note-icone{width:38px;height:38px;border-radius:10px;background:var(--bleu);color:#ffd60a;display:flex;align-items:center;justify-content:center;flex:none}
.cd-note-icone svg{width:19px;height:19px}
.cd-note p{margin:0;font-size:15px;line-height:1.55;color:var(--encre-2);max-width:none}
.cd-note strong{color:var(--encre)}
@media(max-width:820px){.cd-grille{grid-template-columns:minmax(0,1fr);gap:16px}.cd{padding:42px 0 46px}.cd-carte{padding:18px 18px 20px}.cd-tel-num{font-size:22px}.cd-heures li{grid-template-columns:minmax(0,1fr);gap:4px}}
.chm{padding:52px 0 56px}
.chm>.max{gap:16px}
.chm h2{margin:0;font-size:clamp(24px,3.2vw,32px);line-height:1.15;letter-spacing:-.01em;color:var(--encre)}
.chm-intro{margin:0;font-size:16.5px;line-height:1.55;color:var(--encre-2);max-width:74ch}
.chemins{display:grid;grid-template-columns:repeat(auto-fit,minmax(290px,1fr));gap:20px;margin-top:6px}
.chemin{min-width:0;display:flex;flex-direction:column;gap:12px;background:var(--surface);border:1px solid var(--trait);border-top:5px solid var(--orange);border-radius:16px;padding:22px 24px 24px;
  box-shadow:0 10px 30px rgba(19,34,28,.07);transition:transform .2s,box-shadow .2s}
.chemin:hover{transform:translateY(-3px);box-shadow:0 16px 36px rgba(19,34,28,.12)}
.chemin.vedette{border-top-color:#ffd60a;box-shadow:0 16px 36px rgba(19,34,28,.12)}
.chm-entete{display:flex;align-items:center;gap:12px}
.chm-icone{--ic:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E");
  width:40px;height:40px;border-radius:11px;background:var(--orange-clair);display:flex;align-items:center;justify-content:center;flex:none}
.chm-icone::before{content:"";width:21px;height:21px;background:var(--orange);-webkit-mask:var(--ic) center/contain no-repeat;mask:var(--ic) center/contain no-repeat}
.chemin.vedette .chm-icone{background:#fff3bf}
.chemin.vedette .chm-icone::before{background:#141414}
.pq-icone[data-icone="maison"],.chm-icone[data-icone="maison"]{--ic:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 11l9-8 9 8'/%3E%3Cpath d='M5 10v10h14V10'/%3E%3Cpath d='M10 20v-6h4v6'/%3E%3C/svg%3E")}
.pq-icone[data-icone="coeur"],.chm-icone[data-icone="coeur"]{--ic:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 20.5s-7.5-4.6-9.3-9.2C1.5 8 3.6 4.5 7.2 4.5c2 0 3.5 1 4.8 2.6 1.3-1.6 2.8-2.6 4.8-2.6 3.6 0 5.7 3.5 4.5 6.8-1.8 4.6-9.3 9.2-9.3 9.2z'/%3E%3C/svg%3E")}
.pq-icone[data-icone="cle"],.chm-icone[data-icone="cle"]{--ic:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='8' cy='15' r='4'/%3E%3Cpath d='M11 12l9-9M16 7l2 2M14 9l2 2'/%3E%3C/svg%3E")}
.chm-icone[data-icone="batiment"]{--ic:var(--ic-batiment)}
.chm-icone[data-icone="etoile"]{--ic:var(--ic-etoile)}
.chm-icone[data-icone="medaille"]{--ic:var(--ic-medaille)}
.chm-icone[data-icone="carte"]{--ic:var(--ic-carte)}
.chemin .chemin-surtitre{margin:0;font-size:12.5px;font-weight:900;letter-spacing:.14em;text-transform:uppercase;color:var(--bleu)}
.chemin h3{margin:0;font-size:22px;line-height:1.22;color:var(--encre)}
.chemin .chemin-texte{margin:0;font-size:15.5px;line-height:1.55;color:var(--encre-2)}
.chm-liste{list-style:none;margin:2px 0 0;padding:0;display:flex;flex-direction:column;gap:9px}
.chm-liste li{display:flex;align-items:flex-start;gap:10px;font-size:15px;line-height:1.5;color:var(--encre-2)}
.chm-liste a{color:var(--bleu);font-weight:700}
.chm-coche{width:22px;height:22px;border-radius:50%;background:var(--orange-clair);color:var(--orange);display:flex;align-items:center;justify-content:center;flex:none;margin-top:1px}
.chm-coche svg{width:12px;height:12px}
.chemin .chm-bouton{margin-top:auto;align-self:flex-start;border-radius:8px;padding:13px 22px;font-size:15.5px;font-weight:900}
.chemin .btn-1.chm-bouton{background:#ffd60a;color:#141414;border-color:#ffd60a;box-shadow:0 6px 16px rgba(255,214,10,.28)}
.chemin .btn-1.chm-bouton:hover{background:#ffe04a}
.chemin .btn-2.chm-bouton{border:2px solid var(--bleu);color:var(--bleu);background:var(--surface)}
.chemin .btn-2.chm-bouton:hover{background:var(--orange-clair)}
.estim-grille{gap:14px}
.estim-carte{border-radius:14px;border:1.5px solid var(--trait);box-shadow:0 6px 18px rgba(19,34,28,.05);transition:border-color .2s,background .2s,transform .2s,box-shadow .2s}
.estim-carte:hover{transform:translateY(-2px);box-shadow:0 12px 26px rgba(19,34,28,.10)}
.estim-carte:has(:checked){border-color:var(--orange);background:var(--orange-clair);box-shadow:0 12px 26px rgba(46,122,91,.14)}
.estim-libelle::before{width:22px;height:22px;border-radius:7px;border:2px solid var(--trait);background:var(--surface)}
.estim-detail{padding-left:31px}
.diag-question{display:flex;align-items:center;gap:10px;margin:14px 0 4px;font-size:17px;color:var(--encre)}
.diag-question::before{content:"";width:5px;height:22px;border-radius:3px;background:#ffd60a;flex:none}
.diag-resultat{border-radius:14px;border:1px solid rgba(255,255,255,.14);box-shadow:0 14px 34px rgba(0,0,0,.18)}
.diag-resultat .voy-invite{color:#dfece5}
.et .promo-etapes{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.et .promo-etapes li{background:rgba(9,32,25,.55);border:1px solid rgba(255,255,255,.18);border-radius:14px;padding:20px 20px 22px;gap:10px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}
.et .etape-num{background:#ffd60a;color:#141414;font-weight:900;width:32px;height:32px}
.et .etape-texte{font-size:15.5px;line-height:1.55;color:#dfece5}
.et .etape-texte strong{display:block;color:#fff;font-size:17px;margin-bottom:4px}
.et a:not(.btn){color:#ffd60a;text-decoration:underline;text-decoration-color:rgba(255,214,10,.55);text-underline-offset:3px;font-weight:700}
.et .lis{color:rgba(255,255,255,.9)}
.et .source{color:rgba(255,255,255,.62)}
.memo{padding:52px 0 56px}
.memo>.max{gap:16px}
.memo h2{margin:0;font-size:clamp(24px,3.2vw,32px);line-height:1.15;letter-spacing:-.01em;color:var(--encre)}
.memo-intro{margin:0;font-size:16.5px;line-height:1.55;color:var(--encre-2);max-width:74ch}
.memo-carte{background:var(--surface);border:1px solid var(--trait);border-radius:16px;padding:22px 26px 10px;box-shadow:0 10px 30px rgba(19,34,28,.07);display:flex;flex-direction:column;gap:6px}
.memo-entete{display:flex;align-items:center;gap:12px;padding-bottom:14px;border-bottom:1px solid var(--trait);margin-bottom:8px}
.memo-icone{width:40px;height:40px;border-radius:11px;background:var(--orange-clair);color:var(--orange);display:flex;align-items:center;justify-content:center;flex:none}
.memo-icone svg{width:21px;height:21px}
.memo-entete .memo-titre-imp{display:block;margin:0;font-size:18px;font-weight:900;color:var(--encre)}
.memo-groupe-bloc{padding:10px 0 12px}
.memo-groupe-bloc+.memo-groupe-bloc{border-top:1px solid var(--trait)}
.memo-groupe{display:flex;align-items:center;gap:10px;margin:0 0 10px;font-size:15px;font-weight:900;letter-spacing:.04em;text-transform:uppercase;color:var(--bleu)}
.memo-groupe::before{content:"";width:5px;height:20px;border-radius:3px;background:#ffd60a;flex:none}
.memo-liste{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}
.memo-liste label{display:flex;align-items:flex-start;gap:12px;cursor:pointer;font-size:16px;line-height:1.5;color:var(--encre)}
.memo-liste input[type=checkbox]{appearance:none;-webkit-appearance:none;width:22px;height:22px;flex:none;margin:2px 0 0;border-radius:7px;border:2px solid var(--trait);background:var(--surface);display:grid;place-content:center;cursor:pointer}
.memo-liste input[type=checkbox]:checked{background:var(--orange);border-color:var(--orange)}
.memo-liste input[type=checkbox]:checked::before{content:"";width:12px;height:12px;background:#fff;-webkit-mask:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='3.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='3.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E") center/contain no-repeat}
.memo-liste li:has(:checked) span{color:var(--encre-3);text-decoration:line-through;text-decoration-color:rgba(70,95,84,.5)}
.memo-liste a{color:var(--bleu);font-weight:700}
.memo-carte .memo-pied-imp{margin:8px 0 6px;font-size:13.5px;color:var(--encre-3)}
.memo-imprimer{align-self:flex-start;display:inline-flex;align-items:center;gap:10px;background:#ffd60a;color:#141414;border:0;border-radius:8px;padding:14px 24px;font-size:16px;font-weight:900;box-shadow:0 6px 16px rgba(255,214,10,.28);cursor:pointer}
.memo-imprimer:hover{background:#ffe04a}
.memo-imprimer svg{width:20px;height:20px}
@media(max-width:1000px){.et .promo-etapes{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:820px){.chm,.memo{padding:42px 0 46px}.chemin{padding:18px 18px 20px}.memo-carte{padding:18px 18px 8px}}
@media(max-width:600px){.et .promo-etapes{grid-template-columns:minmax(0,1fr)}}
@media(prefers-reduced-motion:reduce){.chemin,.estim-carte{transition:none}.chemin:hover,.estim-carte:hover{transform:none}}
.fx{padding:56px 0 60px;background:var(--fond)}
.fx>.max{gap:26px}
.fx-tete,.ex-tete{display:flex;flex-direction:column;gap:12px;max-width:78ch}
.fx-chapeau,.ex-chapeau,.why-chapeau{display:inline-flex;align-self:flex-start;align-items:center;gap:8px;margin:0;background:var(--bleu);color:#fff;border-radius:8px;padding:7px 14px 7px 10px;font-size:12.5px;font-weight:900;letter-spacing:.14em;text-transform:uppercase}
.fx-chapeau i,.ex-chapeau i,.why-chapeau i,.inc-chapeau i{width:8px;height:8px;border-radius:50%;background:#ffd60a;flex:none}
.fx h2,.inc h2,.ex h2,.why h2{margin:0;font-size:clamp(26px,3.6vw,36px);line-height:1.12;letter-spacing:-.01em;color:var(--encre)}
.fx-intro,.ex-intro{margin:0;font-size:17px;line-height:1.6;color:var(--encre-2)}
.fx-grille{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:18px}
.fx-carte{grid-column:span 2;min-width:0;position:relative;display:flex;flex-direction:column;gap:12px;background:var(--surface);border:1px solid var(--trait);border-radius:16px;padding:24px 24px 26px;box-shadow:0 10px 30px rgba(19,34,28,.06);overflow:hidden}
.fx-carte:nth-child(4),.fx-carte:nth-child(5){grid-column:span 3}
.fx-carte::before{content:"";position:absolute;left:0;top:0;right:0;height:5px;background:linear-gradient(90deg,#ffd60a,var(--orange))}
.fx-entete{display:flex;align-items:center;justify-content:space-between;gap:12px}
.fx-icone{width:48px;height:48px;border-radius:13px;background:var(--bleu);position:relative;flex:none}
.fx-icone::after{content:"";position:absolute;inset:0;background:#ffd60a;-webkit-mask:var(--ic) center/27px 27px no-repeat;mask:var(--ic) center/27px 27px no-repeat}
.fx-icone[data-icone="format"]{--ic:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='13' width='5' height='8' rx='1'/%3E%3Crect x='10' y='8' width='5' height='13' rx='1'/%3E%3Crect x='17' y='3' width='4' height='18' rx='1'/%3E%3C/svg%3E")}
.fx-icone[data-icone="materiaux"]{--ic:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3l9 5-9 5-9-5z'/%3E%3Cpath d='M3 12l9 5 9-5M3 16.5l9 5 9-5'/%3E%3C/svg%3E")}
.fx-icone[data-icone="duree"]{--ic:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='5' width='18' height='16' rx='2'/%3E%3Cpath d='M3 10h18M8 3v4M16 3v4M8 14h3M13 14h3M8 17.5h3'/%3E%3C/svg%3E")}
.fx-icone[data-icone="poids"]{--ic:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 8h6l4 13H5z'/%3E%3Cpath d='M9.5 8a2.5 2.5 0 0 1 5 0'/%3E%3Cpath d='M12 12v5'/%3E%3C/svg%3E")}
.fx-icone[data-icone="secteur"]{--ic:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 21s7-6.2 7-11a7 7 0 1 0-14 0c0 4.8 7 11 7 11z'/%3E%3Ccircle cx='12' cy='10' r='2.5'/%3E%3C/svg%3E")}
.fx-num{font-size:46px;font-weight:900;line-height:1;letter-spacing:-.03em;color:var(--bleu);opacity:.16}
.fx-carte h3{margin:0;font-size:21px;line-height:1.2;color:var(--encre)}
.fx-texte p{margin:0;font-size:16px;line-height:1.6;color:var(--encre-2);max-width:none}
.fx-texte p+p{margin-top:10px}
.fx-texte strong{color:var(--encre)}
.fx-tel{align-self:flex-start;display:inline-flex;align-items:center;gap:9px;margin-top:6px;background:#ffd60a;color:#141414;border-radius:8px;padding:11px 18px;font-weight:800;font-size:15.5px;text-decoration:none}
.fx-tel svg{width:18px;height:18px}
.fx-tel:hover{background:#ffe04a}
.inc{position:relative;overflow:hidden;color:#fff;padding:56px 0 60px;background:linear-gradient(120deg,#0c2018 0%,var(--bleu-fonce) 45%,var(--bleu) 100%)}
.inc::before{content:"";position:absolute;right:-780px;top:-1000px;width:2100px;height:2100px;border-radius:50%;background:radial-gradient(circle,rgba(182,230,205,.20),transparent 65%);pointer-events:none}
.inc::after{content:"";position:absolute;left:-450px;bottom:-780px;width:1700px;height:1700px;border-radius:50%;background:radial-gradient(circle,rgba(182,230,205,.10),transparent 65%);pointer-events:none}
.inc>.max{position:relative;z-index:1;gap:26px}
.inc-tete{display:flex;flex-direction:column;gap:12px}
.inc-chapeau{display:inline-flex;align-self:flex-start;align-items:center;gap:8px;margin:0;background:#ffd60a;color:#141414;border-radius:8px;padding:7px 14px 7px 10px;font-size:12.5px;font-weight:900;letter-spacing:.14em;text-transform:uppercase}
.inc-chapeau i{background:#141414}
.inc h2{color:#fff}
.inc-grille{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.inc-grille li{min-width:0;display:flex;align-items:flex-start;gap:14px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.14);border-radius:14px;padding:18px 20px;font-size:16px;line-height:1.5;color:rgba(255,255,255,.92)}
.inc-coche{width:30px;height:30px;border-radius:9px;background:#ffd60a;color:#141414;display:flex;align-items:center;justify-content:center;flex:none;margin-top:-2px}
.inc-coche svg{width:16px;height:16px}
.inc-note{display:flex;align-items:flex-start;gap:14px;margin:0;background:rgba(255,255,255,.10);border-left:4px solid #ffd60a;border-radius:12px;padding:16px 20px;font-size:15.5px;line-height:1.55;color:rgba(255,255,255,.9);max-width:90ch}
.inc-note-icone{width:36px;height:36px;border-radius:10px;background:rgba(255,255,255,.14);color:#ffd60a;display:flex;align-items:center;justify-content:center;flex:none}
.inc-note-icone svg{width:19px;height:19px}
.ex{padding:56px 0 60px;background:var(--surface-2)}
.ex>.max{gap:24px}
.ex-liste{margin:0;display:flex;flex-direction:column;gap:10px}
.ex-entetes{display:grid;grid-template-columns:minmax(200px,30%) 1fr;gap:20px;padding:0 22px 4px 27px;font-size:12.5px;font-weight:900;letter-spacing:.14em;text-transform:uppercase;color:var(--bleu)}
.ex-ligne{display:grid;grid-template-columns:minmax(200px,30%) 1fr;gap:20px;align-items:start;background:var(--surface);border:1px solid var(--trait);border-left:5px solid #ffd60a;border-radius:12px;padding:16px 22px}
.ex-ligne dt{margin:0;font-size:17px;font-weight:800;color:var(--encre);display:flex;align-items:center;gap:10px}
.ex-ligne dt::before{content:"";width:9px;height:9px;border-radius:50%;background:var(--orange);flex:none}
.ex-ligne dd{margin:0;font-size:16px;line-height:1.55;color:var(--encre-2)}
.ex-conclusion{display:flex;align-items:flex-start;gap:16px;background:var(--bleu);color:#fff;border-radius:14px;padding:20px 24px}
.ex-conclusion-icone{width:42px;height:42px;border-radius:11px;background:#ffd60a;color:#141414;display:flex;align-items:center;justify-content:center;flex:none}
.ex-conclusion-icone svg{width:22px;height:22px}
.ex-conclusion p{margin:0;font-size:17px;line-height:1.55;font-weight:700;color:#fff;max-width:none}
.why{padding:56px 0 64px;background:var(--fond)}
.why-grille{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(300px,.9fr);gap:28px;align-items:start}
.why-texte{display:flex;flex-direction:column;gap:14px;min-width:0}
.why-corps{background:var(--surface);border:1px solid var(--trait);border-radius:16px;padding:26px 28px;box-shadow:0 10px 30px rgba(19,34,28,.06)}
.why-corps p{margin:0 0 16px;font-size:16.5px;line-height:1.68;color:var(--encre-2);max-width:none}
.why-corps p:last-child{margin-bottom:0}
.why-corps p:first-child:not(:only-child){font-size:18px;line-height:1.55;color:var(--encre);font-weight:600;padding:2px 0 2px 18px;border-left:4px solid #ffd60a;margin-bottom:20px}
.why-corps strong{color:var(--bleu);font-weight:800}
.why-carte{position:relative;overflow:hidden;display:flex;flex-direction:column;gap:12px;background:linear-gradient(140deg,#0c2018,var(--bleu-fonce) 55%,var(--bleu));color:#fff;border-radius:18px;padding:28px 26px;box-shadow:0 18px 40px rgba(19,34,28,.18)}
.why-carte::before{content:"";position:absolute;right:-160px;top:-200px;width:420px;height:420px;border-radius:50%;background:radial-gradient(circle,rgba(182,230,205,.22),transparent 65%);pointer-events:none}
.why-carte>*{position:relative}
.why-carte-icone{width:50px;height:50px;border-radius:14px;background:#ffd60a;color:#141414;display:flex;align-items:center;justify-content:center}
.why-carte-icone svg{width:26px;height:26px}
.why-carte-titre{margin:4px 0 0;font-size:24px;font-weight:800;line-height:1.15;color:#fff;max-width:none}
.why-carte-texte{margin:0;font-size:14.5px;line-height:1.5;color:rgba(255,255,255,.78);max-width:none}
.why-actions{display:flex;flex-direction:column;gap:10px;margin-top:8px}
.why-actions a{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:13px 18px;border-radius:8px;font-weight:800;font-size:16px;text-decoration:none;border:2px solid transparent;box-shadow:none}
.why-actions a.btn-1{background:#ffd60a;color:#141414;border-color:#ffd60a}
.why-actions a.btn-1:hover{background:#ffe04a;border-color:#ffe04a}
.why-actions a.btn-2{background:transparent;color:#fff;border-color:rgba(255,255,255,.55)}
.why-actions a.btn-2:hover{border-color:#fff;background:rgba(255,255,255,.06)}
@media (max-width:900px){.fx-grille{grid-template-columns:repeat(2,minmax(0,1fr))}.fx-carte,.fx-carte:nth-child(4),.fx-carte:nth-child(5){grid-column:span 1}.fx-carte:nth-child(5){grid-column:span 2}.inc-grille{grid-template-columns:repeat(2,minmax(0,1fr))}.why-grille{grid-template-columns:1fr}}
@media (max-width:600px){.fx-grille,.inc-grille{grid-template-columns:1fr}.fx-carte:nth-child(5){grid-column:span 1}.fx-carte{padding:20px 18px 22px}.ex-entetes{display:none}.ex-ligne{grid-template-columns:1fr;gap:6px;padding:14px 16px}.why-corps{padding:20px 18px}.why-carte{padding:24px 20px}}
footer.site{position:relative;overflow:hidden;background:linear-gradient(160deg,#0c2018 0%,var(--bleu-fonce) 60%,#12392b 100%);color:#c9d6de;padding:56px 0 28px;font-size:15.5px}
footer.site::before{content:"";position:absolute;right:-600px;top:-700px;width:1500px;height:1500px;border-radius:50%;background:radial-gradient(circle,rgba(182,230,205,.16),transparent 65%);pointer-events:none}
footer.site .max{position:relative;z-index:1;display:flex;flex-direction:column;gap:28px}
.pied-grille{display:grid;grid-template-columns:1.35fr 1.15fr .8fr 1fr;gap:36px}
.pied-marque{display:flex;flex-direction:column;gap:18px;align-items:flex-start;min-width:0}
.pied-marque img{width:180px;height:auto}
.pied-phrase{margin:0;font-size:15px;line-height:1.6;color:rgba(255,255,255,.72);max-width:40ch}
.pied-col{display:flex;flex-direction:column;min-width:0}
.pied-titre{margin:0 0 14px;font-size:12.5px;font-weight:900;letter-spacing:.16em;text-transform:uppercase;color:#ffd60a}
.pied-tel{display:inline-flex;align-items:center;gap:10px;align-self:flex-start;font-size:23px;font-weight:800;letter-spacing:-.01em;color:#fff;text-decoration:none}
.pied-tel svg{width:22px;height:22px;flex:none;color:#ffd60a}
.pied-courriel{display:inline-flex;align-items:center;gap:10px;align-self:flex-start;margin-top:12px;font-weight:600;color:#fff;text-decoration:none}
.pied-courriel svg,.pied-horaires svg{width:18px;height:18px;flex:none;color:#ffd60a}
.pied-tel:hover,.pied-courriel:hover,.pied-liens a:hover{text-decoration:underline;text-decoration-color:#ffd60a;text-decoration-thickness:2px;text-underline-offset:4px}
.pied-horaires{display:flex;align-items:flex-start;gap:10px;margin:16px 0 0;font-size:14px;line-height:1.55;color:rgba(255,255,255,.72)}
.pied-horaires svg{margin-top:2px}
.pied-liens{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:9px}
.pied-liens a{color:rgba(255,255,255,.88);text-decoration:none;font-size:15px}
footer.site .pied-facebook{display:inline-flex;align-items:center;gap:9px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.18);border-radius:8px;padding:9px 14px;font-weight:600;font-size:14.5px;color:#fff;text-decoration:none}
footer.site .pied-facebook:hover{background:rgba(255,255,255,.14);text-decoration:none}
footer.site .pied-facebook svg{width:20px;height:20px}
.pied-bas{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding-top:20px;border-top:1px solid rgba(255,255,255,.14)}
.pied-legal{margin:0;font-size:13.5px;line-height:1.6;color:rgba(255,255,255,.55)}
.pied-legal a{color:rgba(255,255,255,.82)}
footer.site .source{margin:0;font-size:13.5px;color:rgba(255,255,255,.6)}
.carte-fiches-zone{position:relative;overflow:hidden;color:#fff;padding:56px 0 60px;background:linear-gradient(120deg,#0c2018 0%,var(--bleu-fonce) 45%,var(--bleu) 100%)}
.carte-fiches-zone::before{content:"";position:absolute;right:-780px;top:-1000px;width:2100px;height:2100px;border-radius:50%;background:radial-gradient(circle,rgba(182,230,205,.20),transparent 65%);pointer-events:none}
.carte-fiches-zone::after{content:"";position:absolute;left:-450px;bottom:-780px;width:1700px;height:1700px;border-radius:50%;background:radial-gradient(circle,rgba(182,230,205,.10),transparent 65%);pointer-events:none}
.carte-fiches-zone>.max{position:relative;z-index:1;gap:26px}
.cfz-tete{display:flex;flex-direction:column;gap:12px;max-width:78ch}
.cfz-chapeau{display:inline-flex;align-self:flex-start;align-items:center;gap:8px;margin:0;background:#ffd60a;color:#141414;border-radius:8px;padding:7px 14px 7px 10px;font-size:12.5px;font-weight:900;letter-spacing:.14em;text-transform:uppercase}
.cfz-chapeau i{width:8px;height:8px;border-radius:50%;background:#141414;flex:none}
.carte-fiches-zone h2{margin:0;font-size:clamp(26px,3.6vw,36px);line-height:1.12;letter-spacing:-.01em;color:#fff}
.cfz-intro{margin:0;font-size:17px;line-height:1.6;color:rgba(255,255,255,.82)}
.cfz-intro strong{color:#ffd60a}
@media (max-width:900px){.pied-grille{grid-template-columns:1fr 1fr;gap:30px}}
@media (max-width:600px){.pied-grille{grid-template-columns:1fr;gap:26px}footer.site{padding:44px 0 24px}.pied-tel{font-size:21px}.cf-pleine{padding:6px}}
.pied-sous{margin:0 0 8px;font-size:13.5px;font-weight:700;color:rgba(255,255,255,.78)}
.pied-sous-2{margin-top:16px}
.pied-joindre .pied-courriel+.pied-courriel{margin-top:8px}
.types{padding:56px 0 60px}
.types>.max{gap:24px}
.types-tete{display:flex;flex-direction:column;gap:12px;max-width:78ch}
.types-chapeau{display:inline-flex;align-self:flex-start;align-items:center;gap:8px;margin:0;background:#ffd60a;color:#141414;border-radius:8px;padding:7px 14px 7px 10px;font-size:12.5px;font-weight:900;letter-spacing:.14em;text-transform:uppercase}
.types-chapeau i{width:8px;height:8px;border-radius:50%;background:#141414;flex:none}
.types h2{margin:0;font-size:clamp(26px,3.6vw,36px);line-height:1.12;letter-spacing:-.01em;color:var(--encre)}
.types .types-tete .lis{margin:0;font-size:17px;line-height:1.6;color:var(--encre-2)}
.types-liste{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-top:4px}
.type-capsule{position:relative;display:flex;flex-direction:column;gap:14px;min-width:0;padding:22px;border-radius:16px;background:var(--surface);border:1px solid var(--trait);box-shadow:0 10px 30px rgba(19,34,28,.06);text-decoration:none;color:inherit;overflow:hidden;transition:border-color .18s ease,transform .18s ease,box-shadow .18s ease}
.type-capsule::before{content:"";position:absolute;left:0;top:0;right:0;height:5px;background:var(--accent,var(--vert))}
.type-capsule:hover{border-color:var(--accent,var(--vert));transform:translateY(-3px);box-shadow:0 18px 40px rgba(19,34,28,.12)}
.type-visuel{width:100%;height:150px;border-radius:12px;background:linear-gradient(180deg,var(--surface-2),#fff);border:1px solid var(--trait);display:flex;align-items:center;justify-content:center}
.type-visuel img{width:72%;height:84%;object-fit:contain;display:block}
.type-corps{display:flex;flex-direction:column;gap:8px;flex:1;min-width:0}
.type-corps h3{margin:0;font-size:20px;line-height:1.22;color:var(--encre)}
.type-corps h3 em{font-style:italic;color:var(--accent,var(--vert))}
.type-formats{align-self:flex-start;display:inline-flex;align-items:center;margin:0;font-size:12px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;text-wrap:balance;color:#fff;background:var(--accent,var(--vert));border-radius:8px;padding:5px 12px;line-height:1.5}
.type-texte{margin:0;font-size:15.5px;line-height:1.55;color:var(--encre-2)}
.type-texte strong{color:var(--encre)}
.type-chevron{align-self:flex-end;margin-top:auto;flex:none;width:40px;height:40px;border-radius:50%;border:1.5px solid var(--trait);display:flex;align-items:center;justify-content:center;font-size:24px;line-height:1;color:var(--accent,var(--vert));transition:background .18s ease,color .18s ease,transform .18s ease,border-color .18s ease}
.type-capsule:hover .type-chevron{background:var(--accent,var(--vert));border-color:var(--accent,var(--vert));color:#fff;transform:translateX(4px)}
.types-liste .type-capsule:first-child{grid-column:1/-1;flex-direction:row;align-items:center;gap:36px;padding:30px 40px;border-color:transparent;color:#fff;background:radial-gradient(circle at 88% 15%,rgba(182,230,205,.22),transparent 45%),linear-gradient(120deg,#0c2018 0%,var(--bleu-fonce) 45%,var(--bleu) 100%)}
.types-liste .type-capsule:first-child::before{background:linear-gradient(90deg,#ffd60a,var(--orange))}
.types-liste .type-capsule:first-child::after{content:"Pour presque tous les chantiers";position:absolute;top:20px;right:22px;background:#ffd60a;color:#141414;font-size:12px;font-weight:900;letter-spacing:.1em;text-transform:uppercase;border-radius:8px;padding:6px 12px}
:lang(en) .types-liste .type-capsule:first-child::after{content:"For almost every job"}
.types-liste .type-capsule:first-child .type-visuel{width:250px;height:190px;flex:none;background:#fff;border-color:rgba(255,255,255,.35)}
.types-liste .type-capsule:first-child .type-corps{padding-right:40px}
.types-liste .type-capsule:first-child .type-corps h3{font-size:28px;color:#fff}
.types-liste .type-capsule:first-child .type-formats{background:#ffd60a;color:#141414}
.types-liste .type-capsule:first-child .type-texte{font-size:17px;color:rgba(255,255,255,.85)}
.types-liste .type-capsule:first-child .type-texte strong{color:#fff}
.types-liste .type-capsule:first-child .type-chevron{align-self:center;margin-top:0;margin-left:auto;border-color:rgba(255,255,255,.4);color:#ffd60a}
.types-liste .type-capsule:first-child:hover .type-chevron{background:#ffd60a;border-color:#ffd60a;color:#141414}
.types .encadre.alerte{display:grid;grid-template-columns:40px 1fr;column-gap:16px;row-gap:4px;align-items:start;background:var(--surface);border:1px solid var(--trait);border-left:5px solid #ffd60a;border-radius:14px;padding:20px 24px;margin:6px 0 0}
.types .encadre.alerte::before{content:"";grid-row:1/span 2;width:40px;height:40px;background:var(--bleu);-webkit-mask:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 8v5M12 16h.01'/%3E%3C/svg%3E") center/30px 30px no-repeat;mask:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 8v5M12 16h.01'/%3E%3C/svg%3E") center/30px 30px no-repeat}
.types .encadre.alerte>*{grid-column:2;min-width:0}
.types .encadre.alerte h3{margin:0;font-size:18px;line-height:1.3;color:var(--encre)}
.types .encadre.alerte p{margin:0;font-size:16px;line-height:1.6;color:var(--encre)}
@media (max-width:1000px){.types-liste{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:860px){.types-liste .type-capsule:first-child{flex-direction:column;align-items:stretch;gap:18px;padding:24px 22px}.types-liste .type-capsule:first-child::after{position:static;order:-1;align-self:flex-start}.types-liste .type-capsule:first-child .type-visuel{width:100%;height:170px}.types-liste .type-capsule:first-child .type-corps{padding-right:0}.types-liste .type-capsule:first-child .type-chevron{align-self:flex-end;margin-left:0}}
@media (max-width:600px){.types-liste{grid-template-columns:1fr}.types .encadre.alerte{padding:16px 18px;grid-template-columns:32px 1fr}.types .encadre.alerte::before{width:32px;height:32px}}
.g-tete{display:flex;flex-direction:column;gap:12px;max-width:78ch}
.g-chapeau{display:inline-flex;align-self:flex-start;align-items:center;gap:8px;margin:0;background:var(--bleu);color:#fff;border-radius:8px;padding:7px 14px 7px 10px;font-size:12.5px;font-weight:900;letter-spacing:.14em;text-transform:uppercase}
.g-chapeau i{width:8px;height:8px;border-radius:50%;background:#ffd60a;flex:none}
.g-chapeau.jaune{background:#ffd60a;color:#141414}
.g-chapeau.jaune i{background:#141414}
.g-tete h2,.gpe h2{margin:0;font-size:clamp(26px,3.6vw,36px);line-height:1.12;letter-spacing:-.01em;color:var(--encre)}
.g-intro{margin:0;font-size:17px;line-height:1.6;color:var(--encre-2)}
.g-soustitre{margin:0 0 10px;font-size:19px;font-weight:800;color:var(--encre)}
.g-note{margin:8px 0 0;font-size:14px;line-height:1.5;color:var(--encre-3,var(--encre-2))}
.g-avert{display:flex;align-items:flex-start;gap:12px;margin:0;font-size:14.5px;line-height:1.55;color:var(--encre-2)}
.g-avert-icone{width:30px;height:30px;border-radius:8px;background:var(--surface);border:1px solid var(--trait);color:var(--bleu);display:flex;align-items:center;justify-content:center;flex:none}
.g-avert-icone svg{width:17px;height:17px}
.g-callout{display:flex;align-items:flex-start;gap:16px;background:var(--surface);border:1px solid var(--trait);border-left:5px solid #ffd60a;border-radius:14px;padding:18px 22px}
.g-callout-icone{width:40px;height:40px;border-radius:10px;background:var(--bleu);color:#ffd60a;display:flex;align-items:center;justify-content:center;flex:none}
.g-callout-icone svg{width:21px;height:21px}
.g-callout p{margin:0;font-size:16px;line-height:1.6;color:var(--encre);max-width:none}
.g-callout h3{margin:0 0 6px;font-size:18px;line-height:1.3;color:var(--encre)}
.g-callout strong{color:var(--bleu)}
.gf,.gp,.gt,.gph{padding:56px 0 60px;background:var(--fond)}
.gs,.gpl,.gpe,.gvi{padding:56px 0 60px;background:var(--surface-2)}
.gf>.max,.gs>.max,.gp>.max,.gpl>.max,.gph>.max,.gvi>.max{gap:26px}
.gf-cartes{margin-top:8px}
.gf .format{box-shadow:0 10px 30px rgba(19,34,28,.06)}
.gf .format>img{background:linear-gradient(180deg,var(--surface-2),#fff)}
.gf .format h3{margin:0;font-size:21px}
.gf-dims{display:flex;flex-wrap:wrap;gap:6px;margin:0}
.gf-dims span{display:inline-flex;align-items:center;background:var(--surface-2);border:1px solid var(--trait);border-radius:8px;padding:4px 10px;font-size:13.5px;font-weight:700;color:var(--encre)}
.gf .repere{margin:2px 0;padding:10px 14px;border-left:4px solid #ffd60a;background:#fff9dc;border-radius:0 8px 8px 0;font-size:15px;line-height:1.5;color:var(--encre)}
.gf .repere strong{color:var(--bleu)}
.gf .format-corps>p{margin:0;font-size:15.5px;line-height:1.55;color:var(--encre-2)}
.gf .format-corps>p.source{font-size:13.5px}
.gf-specs{margin-top:8px}
.gf-table tbody th{width:22%}
.gs .outil-q{border-radius:14px;padding:20px 22px;box-shadow:0 10px 30px rgba(19,34,28,.05)}
.gs .outil-num{width:30px;height:30px;border-radius:9px;background:#ffd60a;color:#141414;font-weight:900}
.gs .outil-q.repondu .outil-num{background:var(--bleu);color:#fff}
.gs-table{margin-top:6px}
.gs-tw{border-radius:14px;border-color:var(--trait);box-shadow:0 10px 30px rgba(19,34,28,.05)}
.gs-reco thead th{background:var(--bleu);color:#fff;font-size:12.5px;letter-spacing:.1em}
.gs-reco tbody tr.actif td{background:#fff3bf}
.gs-reco td.n{color:var(--bleu);font-weight:800}
.gs-acces{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:16px}
.gs-acces-carte{min-width:0;background:var(--surface);border:1px solid var(--trait);border-top:5px solid var(--orange);border-radius:14px;padding:20px 22px;box-shadow:0 10px 30px rgba(19,34,28,.05)}
.gs-acces-carte.alerte{border-top-color:#ffd60a}
.gs-acces-carte h3{margin:0 0 8px;font-size:18px;line-height:1.3;color:var(--encre)}
.gs-acces-carte p{margin:0;font-size:15.5px;line-height:1.6;color:var(--encre-2)}
.gs-acces-carte strong{color:var(--encre)}
.gsom{padding:18px 0;background:var(--surface);border-top:1px solid var(--trait);border-bottom:1px solid var(--trait)}
.gsom-nav{display:flex;flex-wrap:wrap;align-items:center;gap:10px}
.gsom-titre{font-size:12.5px;font-weight:900;letter-spacing:.14em;text-transform:uppercase;color:var(--bleu);margin-right:6px}
.gsom-nav a{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:8px;background:var(--surface-2);border:1px solid var(--trait);font-size:14.5px;font-weight:600;color:var(--encre);text-decoration:none}
.gsom-nav a::before{content:"";width:7px;height:7px;border-radius:50%;background:#ffd60a;flex:none}
.gsom-nav a:hover{border-color:var(--bleu);color:var(--bleu)}
.gp-tw{border-radius:14px;box-shadow:0 10px 30px rgba(19,34,28,.05)}
.gp-table thead th{background:var(--bleu);color:#fff;font-size:12.5px;letter-spacing:.1em}
.gp-table td{padding:13px 14px;font-size:15.5px}
.gp-projet{font-weight:700;color:var(--encre)}
.gp-format{display:inline-flex;align-items:center;padding:4px 11px;border-radius:8px;background:#ffd60a;color:#141414;font-weight:900;font-size:13.5px;white-space:nowrap}
.gp-type{display:inline-flex;align-items:center;padding:4px 11px;border-radius:8px;background:var(--surface-2);border:1px solid var(--trait);font-weight:700;font-size:13.5px;color:var(--encre);white-space:nowrap}
.gp-note{color:var(--encre-2)}
.gpl-grille{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.gpl-carte{min-width:0;display:flex;flex-direction:column;gap:10px;background:var(--surface);border:1px solid var(--trait);border-radius:14px;padding:22px;box-shadow:0 10px 30px rgba(19,34,28,.05)}
.gpl-icone,.gph-icone{width:46px;height:46px;border-radius:12px;background:var(--bleu);position:relative;flex:none}
.gpl-icone::after,.gph-icone::after{content:"";position:absolute;inset:0;background:#ffd60a;-webkit-mask:var(--ic) center/26px 26px no-repeat;mask:var(--ic) center/26px 26px no-repeat}
.gpl-icone[data-icone="longueur"],.gph-icone[data-icone="longueur"]{--ic:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 12h18M3 9v6M21 9v6M8 10v4M13 10v4'/%3E%3C/svg%3E")}
.gpl-icone[data-icone="largeur"],.gph-icone[data-icone="largeur"]{--ic:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='6' width='18' height='12' rx='2'/%3E%3Cpath d='M7 12h10M9 9.5 6.5 12 9 14.5M15 9.5l2.5 2.5-2.5 2.5'/%3E%3C/svg%3E")}
.gpl-icone[data-icone="hauteur"],.gph-icone[data-icone="hauteur"]{--ic:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3v18M8.5 6.5 12 3l3.5 3.5M8.5 17.5 12 21l3.5-3.5'/%3E%3Cpath d='M4 12h3M17 12h3'/%3E%3C/svg%3E")}
.gpl-icone[data-icone="camion"],.gph-icone[data-icone="camion"]{--ic:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 7h11v9H3zM14 10h4l3 3v3h-7z'/%3E%3Ccircle cx='7' cy='17.5' r='2'/%3E%3Ccircle cx='17' cy='17.5' r='2'/%3E%3C/svg%3E")}
.gpl-icone[data-icone="surface"],.gph-icone[data-icone="surface"]{--ic:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 17l9 4 9-4'/%3E%3Cpath d='M3 12l9 4 9-4'/%3E%3Cpath d='M3 7l9 4 9-4-9-4z'/%3E%3C/svg%3E")}
.gpl-icone[data-icone="info"],.gph-icone[data-icone="info"]{--ic:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 8v5M12 16h.01'/%3E%3C/svg%3E")}
.gpl-icone[data-icone="poids"],.gph-icone[data-icone="poids"]{--ic:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 8h6l4 13H5z'/%3E%3Cpath d='M9.5 8a2.5 2.5 0 0 1 5 0'/%3E%3Cpath d='M12 12v5'/%3E%3C/svg%3E")}
.gpl-icone[data-icone="hiver"],.gph-icone[data-icone="hiver"]{--ic:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 2v20M2 12h20M5 5l14 14M19 5 5 19'/%3E%3Cpath d='M12 2l-2 2M12 2l2 2M12 22l-2-2M12 22l2-2M2 12l2-2M2 12l2 2M22 12l-2-2M22 12l-2 2'/%3E%3C/svg%3E")}
.gpl-carte h3{margin:0;font-size:18px;line-height:1.3;color:var(--encre)}
.gpl-carte p{margin:0;font-size:15.5px;line-height:1.6;color:var(--encre-2)}
.gt-grille{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:4px}
.gt-carte{position:relative;overflow:hidden;min-width:0;display:flex;gap:20px;background:var(--surface);border:1px solid var(--trait);border-radius:16px;padding:22px;box-shadow:0 10px 30px rgba(19,34,28,.06)}
.gt-carte::before{content:"";position:absolute;left:0;top:0;right:0;height:5px;background:var(--accent,var(--vert))}
.gt-carte:first-child{grid-column:1/-1;color:#fff;border-color:transparent;background:radial-gradient(circle at 88% 15%,rgba(182,230,205,.22),transparent 45%),linear-gradient(120deg,#0c2018 0%,var(--bleu-fonce) 45%,var(--bleu) 100%)}
.gt-carte:first-child::before{background:linear-gradient(90deg,#ffd60a,var(--orange))}
.gt-visuel{flex:none;width:120px;height:120px;border-radius:12px;background:#fff;border:1px solid var(--trait);display:flex;align-items:center;justify-content:center}
.gt-carte:first-child .gt-visuel{width:170px;height:150px;border-color:rgba(255,255,255,.35)}
.gt-visuel img{width:82%;height:82%;object-fit:contain;display:block}
.gt-corps{display:flex;flex-direction:column;gap:8px;min-width:0;flex:1}
.gt-corps h3{margin:0;font-size:21px;line-height:1.22;color:var(--encre)}
.gt-carte:first-child .gt-corps h3{color:#fff;font-size:25px}
.gt-formats{align-self:flex-start;margin:0;display:inline-flex;align-items:center;padding:5px 12px;border-radius:8px;background:var(--accent,var(--vert));color:#fff;font-size:12px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;line-height:1.5}
.gt-carte:first-child .gt-formats{background:#ffd60a;color:#141414}
.gt-ok,.gt-non,.gt-usages{margin:0;font-size:15.5px;line-height:1.55;color:var(--encre-2)}
.gt-ok b{color:var(--bleu)}
.gt-non b{color:#b3261e}
.gt-usages{font-size:14px;color:var(--encre-3,var(--encre-2))}
.gt-carte:first-child .gt-ok,.gt-carte:first-child .gt-non,.gt-carte:first-child .gt-usages{color:rgba(255,255,255,.85)}
.gt-carte:first-child .gt-ok b{color:#ffd60a}
.gt-carte:first-child .gt-non b{color:#ffb4ab}
.gt-lien{align-self:flex-start;margin-top:4px;font-weight:800;color:var(--bleu);text-decoration:underline;text-decoration-color:rgba(46,122,91,.45);text-decoration-thickness:2px;text-underline-offset:3px}
.gt-synthese{margin-top:6px}
.gph-grille{display:grid;grid-template-columns:1fr 1.15fr;gap:18px}
.gph-carte{position:relative;overflow:hidden;min-width:0;display:flex;flex-direction:column;gap:12px;background:var(--surface);border:1px solid var(--trait);border-radius:16px;padding:24px;box-shadow:0 10px 30px rgba(19,34,28,.06)}
.gph-carte h3{margin:0;font-size:22px;line-height:1.2;color:var(--encre)}
.gph-texte p{margin:0 0 10px;font-size:16px;line-height:1.62;color:var(--encre-2);max-width:none}
.gph-texte p:last-child{margin-bottom:0}
.gph-texte strong{color:var(--encre)}
.gph-hiver{color:#fff;border-color:transparent;background:linear-gradient(140deg,#0c2018,var(--bleu-fonce) 55%,var(--bleu))}
.gph-hiver::before{content:"";position:absolute;right:-200px;top:-260px;width:600px;height:600px;border-radius:50%;background:radial-gradient(circle,rgba(182,230,205,.22),transparent 65%);pointer-events:none}
.gph-hiver>*{position:relative}
.gph-hiver h3{color:#fff}
.gph-hiver .gph-icone{background:rgba(255,255,255,.12)}
.gph-reponse{margin:0;font-size:17.5px;line-height:1.5;font-weight:600;color:#fff;padding-left:16px;border-left:4px solid #ffd60a}
.gph-hiver .gph-texte p{color:rgba(255,255,255,.84)}
.gph-hiver .gph-texte strong{color:#fff}
.gph-eviter{margin-top:4px;background:rgba(255,255,255,.10);border-left:4px solid #ffd60a;border-radius:12px;padding:14px 18px}
.gph-eviter-titre{margin:0 0 4px;font-weight:800;color:#ffd60a}
.gph-eviter p{margin:0;font-size:15.5px;line-height:1.55;color:rgba(255,255,255,.9)}
.gpe-grille{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(300px,1fr);gap:28px;align-items:start}
.gpe-texte{display:flex;flex-direction:column;gap:14px;min-width:0}
.gpe-corps{background:var(--surface);border:1px solid var(--trait);border-radius:16px;padding:26px 28px;box-shadow:0 10px 30px rgba(19,34,28,.06)}
.gpe-corps p{margin:0 0 16px;font-size:16.5px;line-height:1.68;color:var(--encre-2);max-width:none}
.gpe-corps p:last-child{margin-bottom:0}
.gpe-corps p:first-child:not(:only-child){font-size:18px;line-height:1.55;color:var(--encre);font-weight:600;padding:2px 0 2px 18px;border-left:4px solid #ffd60a}
.gpe-corps strong{color:var(--bleu);font-weight:800}
.gpe-corps a{color:var(--bleu);font-weight:700;text-decoration:underline;text-decoration-color:rgba(46,122,91,.45);text-decoration-thickness:2px;text-underline-offset:3px}
.gpe-cote{display:flex;flex-direction:column;gap:16px;min-width:0}
.gpe-photo{width:100%;height:auto;border-radius:16px;display:block;box-shadow:0 14px 34px rgba(19,34,28,.16)}
.gpe-conseil{position:relative;overflow:hidden;display:flex;flex-direction:column;gap:10px;background:linear-gradient(140deg,#0c2018,var(--bleu-fonce) 55%,var(--bleu));color:#fff;border-radius:16px;padding:24px}
.gpe-conseil::before{content:"";position:absolute;right:-160px;top:-200px;width:420px;height:420px;border-radius:50%;background:radial-gradient(circle,rgba(182,230,205,.22),transparent 65%);pointer-events:none}
.gpe-conseil>*{position:relative}
.gpe-conseil-icone{width:44px;height:44px;border-radius:12px;background:#ffd60a;color:#141414;display:flex;align-items:center;justify-content:center}
.gpe-conseil-icone svg{width:23px;height:23px}
.gpe-conseil h3{margin:0;font-size:19px;line-height:1.3;color:#fff}
.gpe-conseil p{margin:0;font-size:15.5px;line-height:1.6;color:rgba(255,255,255,.86);max-width:none}
.gpe-conseil strong{color:#ffd60a}
.gvi-regions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.gvi-region{min-width:0;display:flex;align-items:center;gap:12px;padding:16px 18px;background:var(--surface);border:1px solid var(--trait);border-radius:14px;text-decoration:none;color:var(--encre);box-shadow:0 8px 24px rgba(19,34,28,.05);transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}
.gvi-region:hover{transform:translateY(-3px);border-color:var(--orange);box-shadow:0 14px 30px rgba(19,34,28,.12)}
.gvi-region-icone{width:36px;height:36px;border-radius:10px;background:var(--orange-clair);color:var(--orange);display:flex;align-items:center;justify-content:center;flex:none}
.gvi-region-icone svg{width:19px;height:19px}
.gvi-region b{font-size:17px}
.gvi-fleche{margin-left:auto;color:var(--orange);font-weight:800}
.gvi-villes,.gvi-utiles{display:flex;flex-wrap:wrap;gap:10px}
.gvi-pastille{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border-radius:999px;background:var(--surface);border:1px solid var(--trait);font-size:14.5px;font-weight:600;color:var(--encre);text-decoration:none}
.gvi-pastille:hover{border-color:var(--orange);color:var(--bleu)}
.gvi-toutes{background:#ffd60a;border-color:#ffd60a;color:#141414;font-weight:800}
.gvi-toutes:hover{background:#ffe04a;border-color:#ffe04a;color:#141414}
.gvi-utile{display:inline-flex;align-items:center;padding:10px 16px;border-radius:8px;border:2px solid var(--bleu);color:var(--bleu);font-weight:800;font-size:15px;text-decoration:none}
.gvi-utile:hover{background:var(--bleu);color:#fff}
@media (max-width:1000px){.gpl-grille,.gvi-regions{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:860px){.gph-grille,.gpe-grille,.gt-grille{grid-template-columns:1fr}.gt-carte{flex-direction:column}.gt-visuel,.gt-carte:first-child .gt-visuel{width:100%;height:150px}}
@media (max-width:600px){.gpl-grille{grid-template-columns:1fr}.gvi-regions{grid-template-columns:1fr 1fr}.gf-table td::before{content:attr(data-etiquette) " : ";font-weight:800;color:var(--encre)}.gpe-corps{padding:20px 18px}.gph-carte{padding:20px}}
@media(max-width:700px){.gs-reco td.repete .gs-fmt,.gs-reco td.repete br,.gs-reco td.repete.vide{display:none}.gs-reco td.repete{padding-top:0}.gs-reco td.repete .source{font-weight:600}}
.g-callout-dix{border-left-color:var(--orange)}
.g-callout-dix .g-callout-icone{background:#ffd60a;color:#141414}
@media(max-width:700px){.gp-tw tr{display:flex;flex-wrap:wrap;align-items:center;gap:8px 10px;padding:12px 14px;border-radius:12px}.gp-tw td,.gp-tw td.n,.gp-tw td:last-child{display:inline-block;width:auto;padding:0;border:0}.gp-tw td.gp-projet{display:block;width:100%;padding:0 0 2px;font-size:16px;line-height:1.3}.gp-tw td.gp-note{display:block;width:100%;padding:2px 0 0;font-size:14px;line-height:1.45;color:var(--encre-2)}.gp-tw td.gp-note:empty{display:none}}
