/* =====================================================================
   MBE – Refonte 6 (4 nov. 2026)
   Nouvelle organisation de l'accueil + rafraîchissement commun.
   Chargée après mbe.css. Palette : vert clair #E2F1CB, vert flash #8DC63F,
   marron foncé #3A2A1D, marron clair #EBDCC3.
   ===================================================================== */
:root{
  --m-fonce:#3A2A1D; --m-moyen:#8A6240; --m-clair:#EBDCC3; --creme:#FAF6EE;
  --v-clair:#E2F1CB; --v-flash:#8DC63F; --v-texte:#4E7D17;
  --ombre:0 1px 2px rgba(58,42,29,.06),0 10px 30px -12px rgba(58,42,29,.22);
  --r:14px;
}
body{background:var(--creme)}

/* ---------- En-tête commun ---------- */
.entete{background:rgba(250,246,238,.92);backdrop-filter:saturate(1.4) blur(10px);-webkit-backdrop-filter:saturate(1.4) blur(10px);
  border-bottom:1px solid transparent;transition:box-shadow .3s,border-color .3s}
.entete.entete-defile{box-shadow:0 8px 24px -16px rgba(58,42,29,.45);border-bottom-color:var(--m-clair)}
.entete-cadre{min-height:78px}
.progression{position:absolute;left:0;right:0;bottom:-1px;height:3px;pointer-events:none}
.progression span{display:block;height:100%;background:var(--v-flash);transform-origin:0 50%;transform:scaleX(0)}
.nav a:not(.bouton){position:relative;font-weight:500}
.nav a:not(.bouton)::after{content:"";position:absolute;left:.6rem;right:.6rem;bottom:.25rem;height:2px;background:var(--v-flash);
  transform:scaleX(0);transform-origin:left;transition:transform .25s}
.nav a:not(.bouton):hover{background:transparent}
.nav a:not(.bouton):hover::after,.nav a[aria-current="page"]:not(.bouton)::after{transform:scaleX(1)}
.nav a[aria-current="page"]:not(.bouton){box-shadow:none}
.entete-tel{background:var(--m-fonce);color:var(--creme);padding:.5rem .95rem;border-radius:999px;font-size:.95rem}
.entete-tel:hover{background:var(--v-texte);color:#fff}
.bouton{background:var(--v-flash);border-color:var(--v-flash);color:var(--m-fonce);font-weight:650;transition:transform .2s,box-shadow .2s,background .2s}
.bouton:hover{transform:translateY(-2px);box-shadow:0 10px 20px -10px rgba(78,125,23,.8)}

/* ---------- Apparition au défilement ---------- */
.js-rv .rv{opacity:0;transform:translateY(22px);transition:opacity .7s ease,transform .7s cubic-bezier(.2,.7,.2,1)}
.js-rv .rv.vu{opacity:1;transform:none}

/* ---------- Éléments communs de l'accueil ---------- */
.accueil-6 .a6-section{padding:clamp(4rem,9vw,7rem) 0}
.a6-etiquette{display:inline-flex;align-items:center;gap:.55rem;margin:0 0 .9rem;font-size:.8rem;font-weight:700;letter-spacing:.14em;
  text-transform:uppercase;color:var(--v-texte)}
.a6-etiquette::before{content:"";width:22px;height:2px;background:currentColor}
.a6-intro{max-width:46rem;margin-bottom:clamp(2rem,4vw,3rem)}
.a6-intro h2{font-size:clamp(2.1rem,4.2vw,3.3rem);margin-bottom:.6rem}
.a6-intro p:not(.a6-etiquette){font-size:1.15rem;color:var(--humus-doux);margin:0}
.a6-astuce{display:flex;gap:1rem;align-items:flex-start;margin:2rem 0 0;padding:1.1rem 1.3rem;background:var(--v-clair);border-radius:var(--r);max-width:52rem}
.a6-astuce>span{flex:none;display:grid;place-items:center;width:2rem;height:2rem;border-radius:50%;background:var(--m-fonce);color:var(--v-flash);
  font-weight:800;font-style:italic;font-family:Georgia,serif}
.a6-astuce p{margin:0;font-size:1rem;line-height:1.5}
.a6-astuce b{display:block;font-stretch:80%;font-size:1.1rem}
.a6-astuce-sombre{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.14);color:#E6DCCB}
.a6-astuce-sombre b{color:#fff}
.a6-etapes .a6-lien a{color:var(--v-flash)}
.a6-astuce-sombre>span{background:var(--v-flash);color:var(--m-fonce)}
.a6-lien{margin:1.6rem 0 0}
.a6-lien a{display:inline-flex;align-items:center;gap:.5rem;font-weight:650;text-decoration:none;color:var(--v-texte)}
.a6-lien a::after{content:"→";transition:transform .2s}
.a6-lien a:hover::after{transform:translateX(5px)}
.a6-note{font-size:1rem;color:var(--humus-doux);max-width:52rem;margin:1.6rem 0 0;padding-left:1rem;border-left:3px solid var(--v-flash)}

/* ---------- 1. Ouverture ---------- */
.a6-ouverture{position:relative;overflow:hidden;background:linear-gradient(180deg,var(--creme) 0%,#F3EBDC 100%);
  padding:clamp(3rem,7vw,5.5rem) 0 clamp(9rem,16vw,13rem)}
.a6-strates{position:absolute;left:0;right:0;bottom:0;width:100%;height:clamp(150px,18vw,260px)}
.a6-strates .st1{fill:#7DB32E}.a6-strates .st2{fill:#5A4430}.a6-strates .st3{fill:#9C7444}.a6-strates .st4{fill:#C9A15B}
.a6-ouv-grille{position:relative;display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,.85fr);gap:clamp(2rem,5vw,4.5rem);align-items:center}
.a6-surtitre{display:inline-flex;align-items:center;gap:.6rem;font-size:.92rem;font-weight:600;color:var(--m-moyen);
  background:#fff;border:1px solid var(--m-clair);padding:.4rem .9rem .4rem .7rem;border-radius:999px;margin:0 0 1.4rem}
.a6-point{width:9px;height:9px;border-radius:50%;background:var(--v-flash);box-shadow:0 0 0 0 rgba(141,198,63,.6)}
.a6-ouverture h1{font-size:clamp(2.5rem,5.6vw,4.6rem);line-height:1;margin-bottom:1.2rem;max-width:15ch}
.a6-ouverture h1 em{font-style:normal;position:relative;white-space:nowrap;z-index:0}
.a6-ouverture h1 em::after{content:"";position:absolute;left:-.08em;right:-.08em;bottom:.06em;height:.3em;background:var(--v-flash);z-index:-1;
  transform-origin:left;border-radius:3px}
.a6-chapo{font-size:clamp(1.1rem,1.6vw,1.25rem);color:var(--humus-doux);max-width:36em;margin:0 0 1.8rem}
.a6-actions{display:flex;flex-wrap:wrap;align-items:center;gap:1rem 1.4rem}
.a6-tel{color:var(--m-fonce);text-decoration:none;display:flex;flex-direction:column;line-height:1.15}
.a6-tel span{font-size:.85rem;color:var(--humus-doux)}
.a6-tel b{font-size:1.35rem;font-stretch:80%;font-variant-numeric:tabular-nums}
.a6-garanties{list-style:none;padding:0;margin:2rem 0 0;display:flex;flex-wrap:wrap;gap:.5rem}
.a6-garanties li{font-size:.9rem;font-weight:600;padding:.35rem .8rem .35rem 1.9rem;border-radius:999px;background:var(--v-clair);position:relative}
.a6-garanties li::before{content:"";position:absolute;left:.8rem;top:50%;width:.6rem;height:.32rem;border-left:2px solid var(--v-texte);
  border-bottom:2px solid var(--v-texte);transform:translateY(-70%) rotate(-45deg)}
.a6-carte{background:#fff;border-radius:18px;box-shadow:var(--ombre);padding:1.6rem 1.6rem 1.3rem;position:relative;border-top:5px solid var(--v-flash)}
.a6-carte-tete{display:flex;align-items:center;gap:.9rem;margin-bottom:1rem}
.a6-carte-tete img{width:64px;height:auto}
.a6-carte-tete p{margin:0;display:flex;flex-direction:column;line-height:1.2}
.a6-carte-tete b{font-stretch:80%;font-size:1.2rem}
.a6-carte-tete span{font-size:.88rem;color:var(--humus-doux)}
.a6-carte-texte{font-size:.98rem;color:var(--humus-doux);margin:0 0 1rem}
.a6-carte-points{list-style:none;margin:0 0 1rem;padding:0;display:grid;gap:.5rem}
.a6-carte-points li{display:flex;gap:.7rem;align-items:center;font-weight:600;font-size:.98rem;padding:.55rem .8rem;background:var(--creme);border-radius:10px}
.a6-carte-points li::before{content:"";flex:none;width:1.4rem;height:1.4rem;border-radius:50%;
  background:var(--v-flash) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M5 10.5l3.2 3L15 7' fill='none' stroke='%233A2A1D' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/100% no-repeat}
.a6-carte-pied{margin:0;font-size:.85rem;color:var(--m-moyen);font-weight:600;border-top:1px dashed var(--m-clair);padding-top:.8rem}
.a6-descendre{position:absolute;left:50%;bottom:1.4rem;transform:translateX(-50%);width:30px;height:48px;border:2px solid rgba(255,255,255,.85);border-radius:16px;z-index:1}
.a6-descendre span{position:absolute;left:50%;top:9px;width:4px;height:9px;margin-left:-2px;border-radius:2px;background:#fff}
@media (prefers-reduced-motion:no-preference){
  .a6-strates .st{transform-box:fill-box;transform-origin:50% 100%;animation:a6-monte 1s cubic-bezier(.2,.7,.2,1) both}
  .a6-strates .st2{animation-delay:.12s}.a6-strates .st3{animation-delay:.24s}.a6-strates .st4{animation-delay:.36s}
  .a6-ouv-texte>*{animation:a6-entre .8s cubic-bezier(.2,.7,.2,1) both}
  .a6-ouv-texte>:nth-child(2){animation-delay:.08s}.a6-ouv-texte>:nth-child(3){animation-delay:.16s}
  .a6-ouv-texte>:nth-child(4){animation-delay:.24s}.a6-ouv-texte>:nth-child(5){animation-delay:.32s}
  .a6-ouverture h1 em::after{animation:a6-surligne .7s .7s cubic-bezier(.2,.7,.2,1) both}
  .a6-carte{animation:a6-carte .9s .35s cubic-bezier(.2,.7,.2,1) both}
  .a6-carte-points li{animation:a6-entre-g .5s cubic-bezier(.2,.7,.2,1) both}
  .a6-carte-points li:nth-child(1){animation-delay:.9s}.a6-carte-points li:nth-child(2){animation-delay:1.05s}
  .a6-carte-points li:nth-child(3){animation-delay:1.2s}.a6-carte-points li:nth-child(4){animation-delay:1.35s}
  .a6-point{animation:a6-pulse 2s infinite}
  .a6-descendre span{animation:a6-molette 1.8s infinite}
}
@keyframes a6-monte{from{transform:scaleY(0)}to{transform:none}}
@keyframes a6-entre{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}
@keyframes a6-entre-g{from{opacity:0;transform:translateX(-14px)}to{opacity:1;transform:none}}
@keyframes a6-surligne{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@keyframes a6-carte{from{opacity:0;transform:translateY(30px) rotate(1.5deg)}to{opacity:1;transform:none}}
@keyframes a6-pulse{0%{box-shadow:0 0 0 0 rgba(141,198,63,.6)}70%{box-shadow:0 0 0 9px rgba(141,198,63,0)}100%{box-shadow:0 0 0 0 rgba(141,198,63,0)}}
@keyframes a6-molette{0%{transform:translateY(0);opacity:1}70%{transform:translateY(12px);opacity:0}100%{opacity:0}}
@media (max-width:900px){.a6-ouv-grille{grid-template-columns:1fr}.a6-carte{max-width:520px}}

/* ---------- 2. Bienvenue + chiffres ---------- */
.a6-bienvenue{padding:clamp(4rem,9vw,7rem) 0 clamp(3rem,6vw,5rem);background:var(--creme)}
.a6-bv-grille{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(2rem,6vw,5rem);align-items:center}
.a6-bv-photo{margin:0;position:relative}
.a6-bv-photo img{width:100%;aspect-ratio:4/5;object-fit:cover;border-radius:18px;box-shadow:var(--ombre)}
.a6-bv-photo::before{content:"";position:absolute;inset:auto -14px -14px auto;width:60%;height:60%;border-radius:18px;background:var(--v-clair);z-index:-1}
.a6-bv-photo figcaption{position:absolute;left:1rem;bottom:1rem;background:var(--m-fonce);color:var(--creme);font-size:.88rem;font-weight:600;
  padding:.45rem .85rem;border-radius:999px}
.a6-bv-texte h2{font-size:clamp(2.3rem,4.6vw,3.6rem);margin-bottom:.3rem}
.a6-devise{font-size:clamp(1.2rem,2vw,1.45rem);font-stretch:85%;font-weight:600;color:var(--v-texte);margin:0 0 1.4rem}
.a6-bv-texte>p:not(.a6-devise):not(.a6-etiquette){color:var(--humus-doux);max-width:40em}
.a6-synaba{display:flex;align-items:center;gap:1rem;margin-top:1.6rem;padding:1rem 1.2rem;background:#fff;border-radius:var(--r);border:1px solid var(--m-clair);max-width:34rem}
.a6-synaba img{width:110px;flex:none}
.a6-synaba p{margin:0;font-size:.95rem;color:var(--humus-doux)}
.a6-chiffres{list-style:none;padding:0;margin:clamp(3rem,6vw,4.5rem) 0 0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem}
.a6-chiffres li{background:var(--m-fonce);color:#E6DCCB;border-radius:var(--r);padding:1.4rem 1.3rem;position:relative;overflow:hidden}
.a6-chiffres li::after{content:"";position:absolute;right:-30px;top:-30px;width:90px;height:90px;border-radius:50%;background:rgba(141,198,63,.14)}
.a6-chiffres b{display:block;font-size:clamp(3rem,5vw,4rem);line-height:1;font-stretch:62%;font-weight:800;color:var(--v-flash);font-variant-numeric:tabular-nums}
.a6-chiffres span{display:block;margin-top:.4rem;font-size:1rem;line-height:1.35}
@media (max-width:900px){.a6-bv-grille{grid-template-columns:1fr}.a6-bv-photo{max-width:420px}.a6-chiffres{grid-template-columns:1fr 1fr}}

/* ---------- 3. Votre situation ---------- */
.a6-situation{background:var(--v-flash);padding:clamp(4rem,8vw,6rem) 0;position:relative}
.a6-situation .a6-etiquette{color:var(--m-fonce)}
.a6-situation .a6-intro p:not(.a6-etiquette){color:var(--m-fonce);opacity:.85}
.a6-situation .tuiles{grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem}
.a6-situation .tuiles label{background:#fff;border:2px solid transparent;border-radius:var(--r);padding:1.4rem 1.3rem;box-shadow:0 8px 20px -14px rgba(58,42,29,.6);
  transition:transform .2s,box-shadow .2s,border-color .2s,background .2s;min-height:100%}
.a6-situation .tuiles label:hover{transform:translateY(-4px);box-shadow:0 16px 28px -16px rgba(58,42,29,.7)}
.a6-situation .tuiles input:checked+label{background:var(--m-fonce);border-color:var(--m-fonce)}
.a6-situation .tuiles input:checked+label b{color:#fff}
.a6-situation .tuiles input:checked+label span{color:#D9C9B0}
.a6-situation .tuiles input:checked+label svg{stroke:var(--v-flash)}
.a6-situation .tuiles input:focus-visible+label{outline:3px solid var(--m-fonce);outline-offset:3px}
.a6-situation .quiz-reponses{margin-top:1.4rem}
.a6-situation .reponse-vide{color:var(--m-fonce);font-weight:600}
.a6-situation div.reponse{background:#fff;color:var(--humus);border-radius:var(--r);padding:1.6rem 1.7rem;max-width:52rem;box-shadow:var(--ombre)}
.a6-situation div.reponse::before{background:#fff}
.a6-situation .reponse-titre{color:var(--v-texte)}
@media (max-width:900px){.a6-situation .tuiles{grid-template-columns:1fr 1fr}}
@media (max-width:480px){.a6-situation .tuiles{grid-template-columns:1fr}}

/* ---------- 4. Principe ---------- */
.a6-principe{background:#fff}
.a6-principe .schema{margin:0}

/* ---------- 5. L'étude de sol ---------- */
.a6-etude{background:var(--creme)}
.a6-etude-grille{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,.65fr);gap:clamp(1.5rem,4vw,3rem);align-items:start}
.a6-etude-photo{margin:0;position:relative}
.a6-etude-photo img{width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;border-radius:18px;box-shadow:var(--ombre)}
.a6-etude-photo figcaption{position:absolute;left:1rem;bottom:1rem;background:rgba(58,42,29,.88);color:var(--creme);font-size:.88rem;padding:.4rem .8rem;border-radius:999px}
.a6-coupe{margin:0;background:#fff;border-radius:18px;padding:1.3rem;box-shadow:var(--ombre);display:flex;flex-direction:column}
.a6-coupe figcaption{font-size:.88rem;color:var(--humus-doux);margin-bottom:1rem}
.a6-coupe ol{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;flex:1;min-height:340px;border-radius:10px;overflow:hidden}
.a6-coupe li{flex:var(--h);display:flex;flex-direction:column;justify-content:center;padding:.5rem .9rem;color:#fff;line-height:1.2;
  border-bottom:1px dashed rgba(255,255,255,.35)}
.a6-coupe li b{font-stretch:85%;font-size:1.02rem}
.a6-coupe li small{font-size:.82rem;opacity:.9}
.a6-coupe .c1{background:#4A3A2B radial-gradient(circle at 30% 40%,#5d4a36 0 2px,transparent 3px) 0 0/14px 11px}
.a6-coupe .c2{background:#9C7444 radial-gradient(circle at 60% 30%,#b0875a 0 1.5px,transparent 2.5px) 0 0/10px 9px}
.a6-coupe .c3{background:#C9A15B radial-gradient(circle at 40% 60%,#d8b678 0 2px,transparent 3px) 0 0/12px 12px;color:var(--m-fonce)}
.a6-coupe .c4{background:#DCD5C2 radial-gradient(ellipse at 50% 50%,#c4bba4 0 5px,transparent 6px) 0 0/22px 17px;color:var(--m-fonce);border-bottom:0}
.js-rv .a6-coupe li{clip-path:inset(0 0 100% 0);transition:clip-path .6s cubic-bezier(.2,.7,.2,1)}
.js-rv .a6-coupe.vu li{clip-path:inset(0 0 0 0)}
.js-rv .a6-coupe.vu .c2{transition-delay:.25s}.js-rv .a6-coupe.vu .c3{transition-delay:.5s}.js-rv .a6-coupe.vu .c4{transition-delay:.75s}
.a6-contenu{margin-top:clamp(3rem,6vw,4.5rem)}
.a6-contenu h3{font-size:clamp(1.7rem,3vw,2.3rem);margin-bottom:.3rem}
.a6-contenu>p{color:var(--humus-doux);margin:0 0 1.6rem}
.a6-contenu-grille{display:grid;grid-template-columns:1fr 1fr;gap:1rem}
.a6-liste{background:#fff;border-radius:var(--r);padding:1.4rem 1.5rem;border:1px solid var(--m-clair)}
.a6-liste h4{font-size:1.25rem;margin-bottom:.8rem;display:flex;align-items:center;gap:.6rem}
.a6-liste h4::before{content:"";width:12px;height:12px;border-radius:3px;background:var(--v-flash)}
.a6-liste ul{list-style:none;margin:0;padding:0;counter-reset:l}
.a6-liste li{counter-increment:l;display:flex;gap:.8rem;align-items:baseline;padding:.55rem 0;border-top:1px solid #F0E7D8}
.a6-liste li:first-child{border-top:0}
.a6-liste li::before{content:counter(l,decimal-leading-zero);font-size:.8rem;font-weight:700;color:var(--v-texte);font-variant-numeric:tabular-nums}
@media (max-width:860px){.a6-etude-grille,.a6-contenu-grille{grid-template-columns:1fr}.a6-coupe ol{min-height:300px}}

/* ---------- 6. Filières en onglets ---------- */
.a6-filieres{background:#fff}
.a6-onglets>input{position:absolute;opacity:0;width:1px;height:1px}
.a6-onglets-boutons{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.4rem}
.a6-onglets-boutons label{margin:0;cursor:pointer;padding:.7rem 1.2rem;border-radius:999px;background:var(--creme);border:1.5px solid var(--m-clair);
  font-weight:650;font-size:1rem;transition:background .2s,border-color .2s,color .2s,transform .2s}
.a6-onglets-boutons label:hover{border-color:var(--v-flash);transform:translateY(-2px)}
.a6-panneau{display:none;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:1.4rem;align-items:center;background:var(--creme);
  border-radius:18px;padding:clamp(1rem,2.5vw,1.6rem)}
.a6-panneau .schema-mini{margin:0;border:0}
.a6-fiche h3{font-size:1.7rem;margin-bottom:1rem}
.a6-fiche dl{margin:0;display:grid;gap:.6rem}
.a6-fiche dl div{background:#fff;border-radius:10px;padding:.75rem 1rem;border-left:4px solid var(--v-flash)}
.a6-fiche dt{font-size:.78rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--m-moyen)}
.a6-fiche dd{margin:.15rem 0 0;font-weight:600;font-size:1.05rem}
#f-epandage:checked~.p-epandage,#f-microstation:checked~.p-microstation,#f-compact:checked~.p-compact,#f-plante:checked~.p-plante{display:grid}
#f-epandage:checked~.a6-onglets-boutons label[for=f-epandage],#f-microstation:checked~.a6-onglets-boutons label[for=f-microstation],
#f-compact:checked~.a6-onglets-boutons label[for=f-compact],#f-plante:checked~.a6-onglets-boutons label[for=f-plante]{background:var(--m-fonce);border-color:var(--m-fonce);color:#fff}
#f-epandage:focus-visible~.a6-onglets-boutons label[for=f-epandage],#f-microstation:focus-visible~.a6-onglets-boutons label[for=f-microstation],
#f-compact:focus-visible~.a6-onglets-boutons label[for=f-compact],#f-plante:focus-visible~.a6-onglets-boutons label[for=f-plante]{outline:3px solid var(--v-texte);outline-offset:3px}
@media (prefers-reduced-motion:no-preference){.a6-panneau{animation:a6-entre .45s cubic-bezier(.2,.7,.2,1)}}
@media (max-width:860px){.a6-panneau{grid-template-columns:1fr}}

/* ---------- 7. Déroulement ---------- */
.a6-etapes{background:var(--m-fonce);color:#E6DCCB;padding:clamp(4rem,9vw,7rem) 0;position:relative;overflow:hidden}
.a6-etapes::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 85% 10%,rgba(141,198,63,.16),transparent 40%);pointer-events:none}
.a6-etapes h2{color:#fff}
.a6-etapes .a6-etiquette{color:var(--v-flash)}
.a6-frise{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:1rem;counter-reset:e;position:relative}
.a6-frise::before{content:"";position:absolute;left:32px;right:32px;top:32px;border-top:2px dashed rgba(141,198,63,.55)}
.a6-frise li{counter-increment:e;position:relative;padding-top:0}
.a6-frise .icone-etape{width:64px;height:64px;padding:12px;margin:0 0 1rem;border-radius:50%;background:var(--m-fonce);border:2px solid var(--v-flash);color:var(--v-flash);position:relative}
.a6-frise li::after{content:counter(e);position:absolute;left:46px;top:-6px;width:24px;height:24px;border-radius:50%;background:var(--v-flash);color:var(--m-fonce);
  font-weight:800;font-size:.8rem;display:grid;place-items:center}
.a6-frise h3{color:#fff;font-size:1.2rem;margin-bottom:.35rem}
.a6-frise p{margin:0;font-size:.95rem;line-height:1.45;color:#D9C9B0}
.a6-frise strong{color:#fff}
@media (max-width:1050px){.a6-frise{grid-template-columns:repeat(3,minmax(0,1fr));gap:2rem 1.2rem}.a6-frise::before{display:none}}
@media (max-width:600px){.a6-frise{grid-template-columns:1fr;gap:0}.a6-frise li{display:grid;grid-template-columns:64px 1fr;column-gap:1rem;padding-bottom:1.4rem}
  .a6-frise li .icone-etape{grid-row:1/3}.a6-frise::before{display:block;left:31px;right:auto;top:20px;bottom:20px;border-top:0;border-left:2px dashed rgba(141,198,63,.55)}}

/* ---------- 8. Délais et réglementation ---------- */
.a6-regles{background:var(--creme)}
.a6-delais{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}
.a6-delais li{background:#fff;border-radius:var(--r);padding:1.6rem 1.5rem;box-shadow:var(--ombre);border-bottom:5px solid var(--v-flash)}
.a6-delais b{display:block;font-size:clamp(2.8rem,5vw,3.8rem);line-height:1;font-stretch:62%;font-weight:800;color:var(--m-fonce);margin-bottom:.6rem}
.a6-delais b span{color:var(--v-texte)}
.a6-delais p{margin:0;color:var(--humus-doux)}
.a6-alertes{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-top:1rem}
.a6-alertes p{margin:0;padding:1.1rem 1.3rem 1.1rem 3.6rem;border-radius:var(--r);background:var(--m-fonce);color:#D9C9B0;position:relative}
.a6-alertes p::before{content:"!";position:absolute;left:1.1rem;top:1.1rem;width:1.7rem;height:1.7rem;border-radius:50%;background:var(--v-flash);
  color:var(--m-fonce);display:grid;place-items:center;font-weight:800}
.a6-alertes strong{display:block;color:#fff}
.a6-textes{margin-top:clamp(2.5rem,5vw,3.5rem);background:#fff;border-radius:18px;padding:clamp(1.4rem,3vw,2.2rem);border:1px solid var(--m-clair)}
.a6-textes h3{font-size:clamp(1.5rem,2.6vw,2rem);margin-bottom:1.2rem}
.a6-textes ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:.8rem 1.6rem}
.a6-textes li{display:grid;grid-template-columns:auto 1fr;column-gap:.8rem;font-size:.98rem;line-height:1.45;color:var(--humus-doux)}
.a6-textes li::before{content:"";grid-row:1/3;width:28px;height:34px;margin-top:.15rem;border-radius:4px;background:var(--v-clair)
  url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 28 34'%3E%3Cpath d='M8 12h12M8 17h12M8 22h8' stroke='%234E7D17' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E") center/100% no-repeat}
.a6-textes b{color:var(--m-fonce)}
.a6-textes span{display:block}
@media (max-width:860px){.a6-delais,.a6-alertes,.a6-textes ul{grid-template-columns:1fr}}

/* ---------- 9. Lexique ---------- */
.a6-lexique{background:var(--m-clair)}
.a6-mots{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.8rem;align-items:start}
.a6-mots details{background:#fff;border-radius:var(--r);transition:box-shadow .2s;border:1.5px solid transparent}
.a6-mots details:hover{box-shadow:var(--ombre)}
.a6-mots details[open]{border-color:var(--v-flash);box-shadow:var(--ombre)}
.a6-mots summary{list-style:none;cursor:pointer;padding:1rem 3rem 1rem 1.2rem;font-weight:700;font-stretch:85%;font-size:1.12rem;position:relative}
.a6-mots summary::-webkit-details-marker{display:none}
.a6-mots summary::after{content:"+";position:absolute;right:1rem;top:50%;width:1.6rem;height:1.6rem;margin-top:-.8rem;border-radius:50%;background:var(--v-clair);
  color:var(--v-texte);display:grid;place-items:center;font-weight:700;transition:transform .25s,background .25s}
.a6-mots details[open] summary::after{transform:rotate(45deg);background:var(--v-flash);color:var(--m-fonce)}
.a6-mots details p{margin:0;padding:0 1.2rem 1.1rem;color:var(--humus-doux);font-size:.98rem}
@media (prefers-reduced-motion:no-preference){.a6-mots details[open] p{animation:a6-entre .35s ease-out}}
@media (max-width:900px){.a6-mots{grid-template-columns:1fr 1fr}}
@media (max-width:560px){.a6-mots{grid-template-columns:1fr}}

/* ---------- 10. Pratique ---------- */
.a6-pratique{background:var(--creme)}
.a6-pratique-grille{display:grid;grid-template-columns:1fr 1fr;gap:clamp(2rem,6vw,5rem);align-items:start}
.a6-pratique h2{font-size:clamp(1.9rem,3.4vw,2.6rem)}
.a6-pratique p{color:var(--humus-doux)}
.a6-depts{list-style:none;padding:0;margin:1.4rem 0 0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.7rem}
.a6-depts li{background:#fff;border-radius:var(--r);padding:1rem;border:1px solid var(--m-clair);font-size:.92rem;font-weight:600;line-height:1.25;transition:transform .2s,border-color .2s}
.a6-depts li:hover{transform:translateY(-3px);border-color:var(--v-flash)}
.a6-depts b{display:block;font-size:2.2rem;line-height:1;font-stretch:62%;font-weight:800;color:var(--v-texte);margin-bottom:.3rem}
.a6-docs{background:#fff;border-radius:18px;padding:clamp(1.4rem,3vw,2rem);box-shadow:var(--ombre)}
.a6-docs ul{list-style:none;margin:0;padding:0}
.a6-docs li{border-top:1px solid #F0E7D8}
.a6-docs label{display:flex;gap:.8rem;align-items:center;margin:0;padding:.7rem 0;cursor:pointer;font-weight:500;transition:color .2s}
.a6-docs input{appearance:none;-webkit-appearance:none;flex:none;width:1.4rem;height:1.4rem;margin:0;border:2px solid var(--m-clair);border-radius:6px;background:#fff;
  display:grid;place-items:center;transition:background .2s,border-color .2s;cursor:pointer}
.a6-docs input::after{content:"";width:.55rem;height:.3rem;border-left:2.5px solid var(--m-fonce);border-bottom:2.5px solid var(--m-fonce);transform:translateY(-2px) rotate(-45deg) scale(0);transition:transform .2s}
.a6-docs input:checked{background:var(--v-flash);border-color:var(--v-flash)}
.a6-docs input:checked::after{transform:translateY(-2px) rotate(-45deg) scale(1)}
.a6-docs input:focus-visible{outline:3px solid var(--v-texte);outline-offset:2px}
.a6-docs label:has(input:checked){color:var(--humus-doux);text-decoration:line-through;text-decoration-color:var(--v-flash);text-decoration-thickness:2px}
.a6-docs-fin{margin:1rem 0 0;font-weight:600}
@media (max-width:860px){.a6-pratique-grille{grid-template-columns:1fr}}
@media (max-width:420px){.a6-depts{grid-template-columns:1fr 1fr}}

/* ---------- 11. Contact ---------- */
.a6-contact{background:var(--m-fonce)}

/* ---------- Pages intérieures ---------- */
.tete-page{background:var(--m-fonce);color:#E6DCCB;border:0;position:relative;overflow:hidden;padding:clamp(2.6rem,6vw,4.5rem) 0}
.tete-page::after{content:"";position:absolute;left:0;right:0;bottom:0;height:8px;
  background:linear-gradient(90deg,#7DB32E 0 25%,#5A4430 25% 50%,#9C7444 50% 75%,#C9A15B 75%)}
.tete-page h1{color:#fff}
.tete-page .chapo{color:#D9C9B0}
.tete-page .fil,.tete-page .fil a{color:#CDBEA6}
.tete-page .fil a:hover{color:var(--v-flash)}
@media (prefers-reduced-motion:no-preference){.tete-page h1,.tete-page .chapo{animation:a6-entre .7s cubic-bezier(.2,.7,.2,1) both}.tete-page .chapo{animation-delay:.1s}}
.article-cadre .texte h2{position:relative;padding-top:.2em}
.article-cadre .texte h2::before{content:"";display:block;width:36px;height:4px;border-radius:2px;background:var(--v-flash);margin-bottom:.6em}
.encadre{border-radius:18px;box-shadow:var(--ombre);border-top:5px solid var(--v-flash)}
.pied{background:#2C2016}
.a6-coupe figcaption b{color:var(--m-fonce)}
.a6-coupe .c3{border-bottom:0}
.a6-coupe-pied{margin:.8rem 0 0;font-size:.92rem;font-weight:600;color:var(--v-texte);display:flex;align-items:center;gap:.5rem}
.a6-coupe-pied::before{content:"";width:10px;height:10px;border-radius:50%;background:var(--v-flash)}

/* ---------- Visite guidée du terrain (nov. 2026) ---------- */
.a6-visite{background:#fff;border-block:1px solid var(--m-clair)}
.vt{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:clamp(1.2rem,3vw,2.5rem);align-items:start}
.vt-radio{position:absolute;opacity:0;width:1px;height:1px;pointer-events:none}
.vt-carte{position:relative;border-radius:var(--r);overflow:hidden;box-shadow:var(--ombre);background:#D9CDB8}
.vt-carte svg{display:block;width:100%;height:auto}
.vt-txt-petit{font:600 15px/1 Archivo,sans-serif;fill:#3A2A1D}
.vt-txt-clair{font:700 20px/1 Archivo,sans-serif;fill:#FAF6EE;letter-spacing:.04em}
.vt-tuyau{fill:none;stroke:#3A2A1D;stroke-width:6;stroke-linecap:round}
.vt-flux{fill:none;stroke:#6FA8C8;stroke-width:3;stroke-linecap:round;stroke-dasharray:6 14}
@media (prefers-reduced-motion:no-preference){.vt-flux{animation:vt-flux 1.6s linear infinite}}
@keyframes vt-flux{to{stroke-dashoffset:-40}}
.vt-regard{fill:#FAF6EE;stroke:#3A2A1D;stroke-width:3}
.vt-releves circle{fill:#FAF6EE;stroke:#4E7D17;stroke-width:2.5}
.vt-releves text{font:800 13px/1 Archivo,sans-serif;fill:#4E7D17;text-anchor:middle}
.vt-cotes{opacity:0;transition:opacity .4s}
.vt-cotes path{fill:none;stroke:#C0392B;stroke-width:2.5;stroke-dasharray:7 5}
.vt-cotes text{font:800 17px/1 Archivo,sans-serif;fill:#C0392B;text-anchor:middle;paint-order:stroke;stroke:#fff;stroke-width:5px}
.vt-el{transition:filter .3s,opacity .3s}
/* élément mis en valeur */
#v-1:checked~.vt-carte .vt-el-1,#v-2:checked~.vt-carte .vt-el-2,#v-3:checked~.vt-carte .vt-el-3,#v-4:checked~.vt-carte .vt-el-4,
#v-5:checked~.vt-carte .vt-el-5,#v-6:checked~.vt-carte .vt-el-6,#v-7:checked~.vt-carte .vt-el-7,#v-8:checked~.vt-carte .vt-el-8,
#v-8:checked~.vt-carte .vt-el-8b{filter:drop-shadow(0 0 6px #8DC63F) drop-shadow(0 0 2px #4E7D17)}
#v-8:checked~.vt-carte .vt-cotes{opacity:1}
/* points à cliquer */
.vt-point{position:absolute;left:var(--x);top:var(--y);transform:translate(-50%,-50%);width:34px;height:34px;border-radius:50%;
  display:grid;place-items:center;background:var(--m-fonce);color:var(--v-flash);font-weight:800;font-size:1rem;cursor:pointer;
  border:3px solid #fff;box-shadow:0 4px 12px rgba(58,42,29,.35);transition:transform .2s,background .2s,color .2s;z-index:1}
.vt-point::before{content:"";position:absolute;inset:-3px;border-radius:50%;border:3px solid var(--v-flash);opacity:0}
@media (prefers-reduced-motion:no-preference){.vt-point::before{animation:vt-pouls 2.2s ease-out infinite}}
@keyframes vt-pouls{0%{transform:scale(1);opacity:.9}100%{transform:scale(1.9);opacity:0}}
.vt-point:hover{transform:translate(-50%,-50%) scale(1.15)}
.vt-masque{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
#v-1:checked~.vt-carte .vt-point-1,#v-2:checked~.vt-carte .vt-point-2,#v-3:checked~.vt-carte .vt-point-3,#v-4:checked~.vt-carte .vt-point-4,
#v-5:checked~.vt-carte .vt-point-5,#v-6:checked~.vt-carte .vt-point-6,#v-7:checked~.vt-carte .vt-point-7,#v-8:checked~.vt-carte .vt-point-8{
  background:var(--v-flash);color:var(--m-fonce);transform:translate(-50%,-50%) scale(1.2)}
.vt:has(.vt-radio:checked) .vt-point::before{animation:none}
.vt-radio:focus-visible~.vt-carte{outline:3px solid var(--v-flash);outline-offset:3px}
/* panneaux d'explication */
.vt-panneaux{background:var(--creme);border:1px solid var(--m-clair);border-radius:var(--r);padding:clamp(1.2rem,2.5vw,1.8rem);min-height:100%}
.vt-p{display:none}
.vt-p0{display:block}
.vt:has(.vt-radio:checked) .vt-p0{display:none}
#v-1:checked~.vt-panneaux .vt-p1,#v-2:checked~.vt-panneaux .vt-p2,#v-3:checked~.vt-panneaux .vt-p3,#v-4:checked~.vt-panneaux .vt-p4,
#v-5:checked~.vt-panneaux .vt-p5,#v-6:checked~.vt-panneaux .vt-p6,#v-7:checked~.vt-panneaux .vt-p7,#v-8:checked~.vt-panneaux .vt-p8{display:block;animation:vt-entree .35s ease}
@keyframes vt-entree{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.vt-num{margin:0 0 .4rem;font-size:.8rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--v-texte)}
.vt-p h3{font-size:1.45rem;margin:0 0 .7rem}
.vt-p p{font-size:1.02rem;line-height:1.6}
.vt-p .a6-lien{margin:.4rem 0 0}
.vt-nav{display:flex;flex-wrap:wrap;gap:.8rem;align-items:center;margin:1.3rem 0 0}
.vt-nav label{cursor:pointer}
.vt-prec{font-weight:650;color:var(--m-moyen);padding:.5rem .2rem}
.vt-prec:hover{color:var(--m-fonce)}
.vt-legende{margin:1rem 0 0;font-size:.9rem;color:var(--humus-doux)}
.vt-legende span{display:inline-grid;place-items:center;width:1.3rem;height:1.3rem;border-radius:50%;border:2px solid #4E7D17;color:#4E7D17;font-weight:800;font-size:.7rem;vertical-align:-.2rem;margin-left:.3rem}
.vt-legende .vt-l-r{border-radius:2px;border-color:var(--m-fonce);width:.9rem;height:.9rem;background:#FAF6EE}
@media (max-width:900px){.vt{grid-template-columns:1fr}.vt-point{width:28px;height:28px;font-size:.85rem;border-width:2px}}

/* ---------- Indication « à cliquer » ---------- */
.a6-clic{display:inline-flex;align-items:center;gap:.45rem;margin:.9rem 0 0;padding:.35rem .8rem;border-radius:999px;background:var(--v-clair);
  color:var(--v-texte);font-size:.88rem;font-weight:650}
.a6-clic::before{content:"";width:9px;height:9px;border-radius:50%;background:var(--v-flash);box-shadow:0 0 0 0 rgba(141,198,63,.7)}
@media (prefers-reduced-motion:no-preference){.a6-clic::before{animation:a6-clic 1.8s infinite}}
@keyframes a6-clic{70%{box-shadow:0 0 0 9px rgba(141,198,63,0)}100%{box-shadow:0 0 0 0 rgba(141,198,63,0)}}

/* ---------- Suite de la visite (pages intérieures) ---------- */
.suite-visite{margin:3rem 0 0;padding:1.5rem;border-radius:var(--r);background:var(--m-fonce);color:#E6DCCB}
.suite-visite .sv-titre{margin:0 0 1rem;font-size:.8rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--v-flash)}
.sv-points{display:flex;gap:.4rem;list-style:none;margin:0 0 1.2rem;padding:0}
.sv-points li{flex:1;height:5px;border-radius:3px;background:rgba(255,255,255,.18)}
.sv-points li.fait{background:var(--v-flash)}
.sv-liens{display:grid;grid-template-columns:1fr 1fr;gap:1rem}
.sv-liens a{display:block;padding:.9rem 1.1rem;border-radius:10px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.14);
  color:#fff;text-decoration:none;font-weight:650;transition:background .2s,transform .2s}
.sv-liens a:hover{background:rgba(141,198,63,.2);transform:translateY(-2px)}
.sv-liens small{display:block;font-weight:500;color:#C9BBA5;font-size:.8rem;margin-bottom:.2rem}
.sv-liens .sv-suiv{text-align:right;grid-column:2}
@media (max-width:600px){.sv-liens{grid-template-columns:1fr}.sv-liens .sv-suiv{grid-column:1}}

/* ---------- Barre d'action sur téléphone ---------- */
.barre-mobile{display:none}
@media (max-width:700px){
  .barre-mobile{display:grid;grid-template-columns:1fr 1fr;gap:.5rem;position:fixed;left:0;right:0;bottom:0;z-index:50;padding:.6rem .8rem calc(.6rem + env(safe-area-inset-bottom));
    background:rgba(58,42,29,.96);box-shadow:0 -8px 20px -10px rgba(0,0,0,.4)}
  .barre-mobile a{display:flex;justify-content:center;align-items:center;gap:.4rem;padding:.75rem;border-radius:10px;font-weight:700;text-decoration:none}
  .barre-mobile .bm-tel{background:rgba(255,255,255,.1);color:#fff;border:1px solid rgba(255,255,255,.2)}
  .barre-mobile .bm-devis{background:var(--v-flash);color:var(--m-fonce)}
  body{padding-bottom:4.6rem}
}

/* ---------- Assistant « votre besoin en quelques clics » (nov. 2026) ---------- */
.a6-clic-fonce{background:var(--m-fonce);color:var(--v-clair)}
.assistant{margin-top:1.4rem;max-width:52rem;background:#fff;border-radius:var(--r);padding:clamp(1.3rem,3vw,2rem);box-shadow:var(--ombre);animation:vt-entree .4s ease;scroll-margin-top:100px}
.assistant[hidden]{display:none}
.as-barre{display:flex;gap:.35rem;list-style:none;margin:0 0 1rem;padding:0}
.as-barre li{flex:1;height:6px;border-radius:3px;background:var(--m-clair)}
.as-barre li.fait{background:var(--v-flash)}
.as-num{margin:0 0 .3rem;font-size:.8rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--v-texte)}
.as-titre{font-size:clamp(1.35rem,2.6vw,1.75rem);margin:0 0 1.1rem;outline:none}
.as-aide{margin:-.5rem 0 1rem;color:var(--humus-doux)}
.as-choix{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:.7rem}
.as-bouton{font:inherit;font-weight:600;text-align:left;padding:1rem 1.1rem;border-radius:12px;border:2px solid var(--m-clair);background:var(--creme);color:var(--m-fonce);
  cursor:pointer;transition:border-color .2s,background .2s,transform .2s}
.as-bouton:hover{border-color:var(--v-flash);transform:translateY(-2px)}
.as-bouton:focus-visible{outline:3px solid var(--m-fonce);outline-offset:2px}
.as-bouton.choisi,.as-case[aria-pressed="true"]{border-color:var(--v-flash);background:var(--v-clair)}
.as-case{padding-left:2.9rem;position:relative}
.as-case::before{content:"";position:absolute;left:1rem;top:50%;width:1.2rem;height:1.2rem;margin-top:-.6rem;border-radius:4px;border:2px solid var(--m-moyen);background:#fff}
.as-case[aria-pressed="true"]::before{background:var(--v-flash);border-color:var(--v-texte);box-shadow:inset 0 0 0 3px #fff}
.as-commune{display:block;margin:1.1rem 0 0;max-width:24rem}
.as-commune span{display:block;font-weight:600;margin-bottom:.35rem}
.as-commune input{width:100%}
.as-nav{display:flex;flex-wrap:wrap;gap:1rem;align-items:center;margin:1.4rem 0 0}
.as-retour{font:inherit;font-weight:650;background:none;border:0;color:var(--m-moyen);cursor:pointer;padding:.6rem .2rem;margin-top:.8rem}
.as-nav .as-retour{margin-top:0}
.as-retour:hover{color:var(--m-fonce)}
.as-conseils{margin:0 0 1.2rem;padding:0;list-style:none;display:grid;gap:.7rem}
.as-conseils li{position:relative;padding:.2rem 0 .2rem 2rem;line-height:1.55}
.as-conseils li::before{content:"✓";position:absolute;left:0;top:.15rem;width:1.4rem;height:1.4rem;border-radius:50%;background:var(--v-flash);color:var(--m-fonce);
  display:grid;place-items:center;font-weight:800;font-size:.8rem}
.as-conseils .as-docs-li::before{content:"!";background:var(--m-clair)}
.as-resume{background:var(--creme);border:1px dashed var(--m-clair);border-radius:12px;padding:1rem 1.2rem}
.as-resume-titre{margin:0 0 .4rem;font-weight:700}
.as-resume ul{margin:0;padding-left:1.1rem;font-size:.95rem;color:var(--humus-doux)}
.as-tel{font-weight:650;color:var(--m-fonce)}
.a6-situation .a6-intro p.a6-clic-fonce{color:var(--v-clair);opacity:1}
.avec-assistant .a6-situation .quiz-reponses{display:none}
.as-note{margin:.2rem 0 1rem;padding:.7rem 1rem;border-left:4px solid var(--v-flash);background:var(--v-clair);border-radius:0 10px 10px 0;font-weight:600}

/* ---------- Touche perso : rose léger + personnage (7 nov. 2026, demande de Laura) ---------- */
:root{--rose:#E58FAE;--rose-fonce:#C9577F;--rose-clair:#FCE8EF}
.a6-etiquette::before{background:var(--rose);height:3px;border-radius:2px}
.a6-clic::before{background:var(--rose);box-shadow:0 0 0 0 rgba(229,143,174,.7)}
@keyframes a6-clic{70%{box-shadow:0 0 0 9px rgba(229,143,174,0)}100%{box-shadow:0 0 0 0 rgba(229,143,174,0)}}
.as-guide{display:flex;align-items:center;gap:.9rem;margin:0 0 1rem}
.as-guide img{flex:none;width:64px;height:64px;border-radius:50%;object-fit:cover;border:3px solid #fff;box-shadow:0 0 0 3px var(--rose),0 6px 14px -6px rgba(201,87,127,.6)}
.as-bulle{position:relative;margin:0;padding:.6rem 1rem;background:var(--rose-clair);color:var(--rose-fonce);border-radius:16px;font-weight:700;font-size:1rem}
.as-bulle::before{content:"";position:absolute;left:-7px;top:50%;margin-top:-7px;border:7px solid transparent;border-left:0;border-right-color:var(--rose-clair)}
@media (prefers-reduced-motion:no-preference){.as-guide{animation:as-coucou .5s ease}.as-guide img{animation:as-saut .6s ease}}
@keyframes as-coucou{from{opacity:0;transform:translateX(-8px)}to{opacity:1;transform:none}}
@keyframes as-saut{0%{transform:scale(.8)}60%{transform:scale(1.08)}100%{transform:scale(1)}}
.as-barre li.fait:last-of-type,.as-barre li.fait:has(+li:not(.fait)){background:var(--rose)}
.as-case[aria-pressed="true"]::before{background:var(--rose);border-color:var(--rose-fonce)}
.vt-point::before{border-color:var(--rose)}
.vt-num{color:var(--rose-fonce)}
.as-num{color:var(--rose-fonce)}
.sv-points li.fait:has(+li:not(.fait)){background:var(--rose)}
.coeur{color:var(--rose)}
.contact-avatar{box-shadow:0 0 0 4px var(--rose)}

/* ---------- Un peu plus de rose (7 nov. 2026, « oui » de Laura) ---------- */
.a6-section .a6-etiquette,.a6-visite .a6-etiquette{color:var(--rose-fonce)}
.progression span{background:linear-gradient(90deg,var(--v-flash),var(--rose))}
.a6-astuce>span{background:var(--rose);color:#fff}
.a6-astuce-sombre>span{background:var(--rose);color:#fff}
.a6-lien a::after{color:var(--rose-fonce)}
#v-1:checked~.vt-carte .vt-point-1,#v-2:checked~.vt-carte .vt-point-2,#v-3:checked~.vt-carte .vt-point-3,#v-4:checked~.vt-carte .vt-point-4,
#v-5:checked~.vt-carte .vt-point-5,#v-6:checked~.vt-carte .vt-point-6,#v-7:checked~.vt-carte .vt-point-7,#v-8:checked~.vt-carte .vt-point-8{background:var(--rose);color:#fff}
.vt-panneaux{border-top:4px solid var(--rose)}
.assistant{border-top:5px solid var(--rose)}
.as-bouton:hover{border-color:var(--rose)}
.as-bouton.choisi{border-color:var(--rose);background:var(--rose-clair)}
.as-resume{border-color:var(--rose)}
.pied{border-top:4px solid var(--rose)}
.sv-titre{color:var(--rose)!important}
.nav a:not(.bouton)::after{background:var(--rose)}

/* ---------- Page zones d'intervention ---------- */
.zones-liste{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1rem;margin:1rem 0 2rem}
.zones-liste section{background:var(--creme);border:1px solid var(--m-clair);border-left:4px solid var(--rose);border-radius:10px;padding:1rem 1.2rem}
.zones-liste h3{font-size:1.1rem;margin:0 0 .4rem}
.zones-liste p{margin:0;font-size:.98rem}
.a6-dept-reserve{opacity:.85}
.a6-dept-reserve small{display:block;font-size:.75rem;font-weight:600;color:var(--rose-fonce);letter-spacing:.02em}

/* ---------- Carte interactive PACA (7 nov. 2026) ---------- */
.carte-paca{margin:1.4rem 0 0}
.carte-paca svg{display:block;width:100%;height:auto;overflow:visible}
.cp-dep path{fill:var(--v-clair);stroke:#fff;stroke-width:3;stroke-linejoin:round;transition:fill .25s,transform .25s}
.cp-reserve path{fill:url(#cp-hachures)}
.cp-dep:hover path,.cp-dep:focus-visible path{fill:var(--v-flash)}
.cp-reserve:hover path,.cp-reserve:focus-visible path{fill:var(--rose-clair)}
.cp-dep:focus{outline:none}
.cp-libelles text{text-anchor:middle;pointer-events:none;fill:var(--m-fonce);paint-order:stroke;stroke:rgba(250,246,238,.7);stroke-width:3px}
.cp-code{font:800 34px/1 Archivo,sans-serif;font-stretch:62%}
.cp-nom{font:600 15px/1 Archivo,sans-serif}
.cp-note{font:700 13px/1 Archivo,sans-serif;fill:var(--rose-fonce)!important}
.cp-mer{font:italic 600 18px/1 Georgia,serif;fill:#6FA8C8;letter-spacing:.15em}
.cp-bureau circle{fill:var(--rose-fonce);stroke:#fff;stroke-width:3}
.cp-bureau .cp-onde{fill:none;stroke:var(--rose);stroke-width:3}
@media (prefers-reduced-motion:no-preference){.cp-onde{animation:cp-onde 2s ease-out infinite;transform-origin:center;transform-box:fill-box}}
@keyframes cp-onde{from{transform:scale(1);opacity:1}to{transform:scale(3.2);opacity:0}}
.cp-bureau text{font:800 15px/1 Archivo,sans-serif;fill:var(--rose-fonce);text-anchor:end;paint-order:stroke;stroke:#FAF6EE;stroke-width:5px}
.carte-paca figcaption{margin-top:.6rem;font-size:.88rem;color:var(--humus-doux);display:flex;flex-wrap:wrap;gap:.35rem .6rem;align-items:center}
.carte-paca figcaption span{display:inline-block;width:14px;height:14px;border-radius:3px;vertical-align:-2px}
.cp-leg-plein{background:var(--v-clair);border:1px solid var(--v-flash)}
.cp-leg-hach{background:repeating-linear-gradient(45deg,#FAF6EE 0 3px,#F1B9CB 3px 6px)}
.cp-leg-point{border-radius:50%!important;background:var(--rose-fonce)}
.zones-liste section:target{background:var(--rose-clair);border-color:var(--rose)}

/* ---------- La goutte d'eau : sommaire latéral de l'accueil (7 nov. 2026) ---------- */
.goutte{display:none}
@media (min-width:1380px){
  .goutte{display:block;position:fixed;left:22px;top:50%;transform:translate(-12px,-50%);height:62vh;width:200px;z-index:40;pointer-events:none;
    opacity:0;transition:opacity .4s,transform .4s}
  .goutte.goutte-visible{opacity:1;transform:translate(0,-50%)}
  .goutte-tuyau{position:absolute;left:10px;top:0;bottom:0;width:6px;border-radius:3px;background:var(--m-clair);box-shadow:inset 0 0 0 1px rgba(58,42,29,.12)}
  .goutte-eau{position:absolute;inset:0;border-radius:3px;background:linear-gradient(#9CC9E0,#6FA8C8);transform-origin:top;transform:scaleY(0);transition:transform .25s linear}
  .goutte-goutte{position:absolute;left:50%;width:20px;height:26px;margin:-6px 0 0 -10px;transition:top .25s linear;filter:drop-shadow(0 3px 4px rgba(58,42,29,.25))}
  .goutte-goutte path:first-child{fill:#6FA8C8;stroke:#fff;stroke-width:2}
  .goutte-reflet{fill:none;stroke:#fff;stroke-width:2;stroke-linecap:round;opacity:.8}
  .goutte ol{list-style:none;margin:0;padding:0;position:absolute;inset:0;display:flex;flex-direction:column;justify-content:space-between}
  .goutte li{height:0;position:relative}
  .goutte a{pointer-events:auto;position:absolute;left:0;top:0;transform:translateY(-50%);display:flex;align-items:center;gap:.55rem;text-decoration:none;color:var(--m-fonce)}
  .goutte-point{width:26px;height:26px;display:grid;place-items:center;flex:none}
  .goutte-point::before{content:"";width:10px;height:10px;border-radius:50%;background:#fff;border:2px solid var(--m-moyen);transition:transform .2s,background .2s,border-color .2s}
  .goutte a.passe .goutte-point::before{background:#6FA8C8;border-color:#6FA8C8}
  .goutte a.actif .goutte-point::before{background:var(--rose);border-color:var(--rose-fonce);transform:scale(1.35)}
  .goutte-nom{font-size:.8rem;font-weight:700;padding:.25rem .6rem;border-radius:999px;background:rgba(250,246,238,.95);box-shadow:0 2px 8px -3px rgba(58,42,29,.35);
    opacity:0;transform:translateX(-6px);transition:opacity .2s,transform .2s;white-space:nowrap}
  .goutte a:hover .goutte-nom,.goutte a:focus-visible .goutte-nom,.goutte a.actif .goutte-nom{opacity:1;transform:none}
  .goutte a.actif .goutte-nom{color:var(--rose-fonce)}
}
@media (min-width:1380px) and (prefers-reduced-motion:reduce){.goutte-eau,.goutte-goutte{transition:none}}