/* ==========================================================================
   artvida.fr — palette propre au site (spec.c6je82k §5). Aucune police web.
   ========================================================================== */
:root{
  --v3kn0iu:#062a22;
  --vea77mu:#0b3b2f;
  --v4zxw35:#0f4d3c;
  --v8gcyml:#0a2e25;
  --v6esifb:#15803d;
  --v6fr0ba:#166534;
  --vg98hvs:#16a34a;
  --vfh5sfa:#d4a93c;
  --v6lhvoh:#f3dfa2;
  --vbyqfvv:#f4f7f5;
  --v0t7h8k:#ffffff;
  --v7d0nam:#13231d;
  --vaz6o43:#5b6b64;
  --vfwjkbm:#eef3f0;
  --v8h5ds5:#dbe5df;
  --v4jiyex:#cfe3da;
  --vcad5t6:18px; --v8thcw4:1240px; --vd1wzgr:68px;
  --vdoaozr:"Segoe UI",system-ui,-apple-system,Roboto,"Helvetica Neue",Arial,sans-serif;
}

/* --v7muhoy Base --v7muhoy */
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:var(--vdoaozr);font-size:16px;line-height:1.6;color:var(--v7d0nam);background:var(--vbyqfvv)}
img{max-width:100%;height:auto;display:block}
button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}
figure{margin:0}
main{display:block;overflow-x:clip}
a{color:inherit;text-decoration:none}
ul,ol{margin:0;padding:0;list-style:none}
p{margin:0 0 14px;max-width:72ch}
h1,h2,h3,h4{margin:0 0 .5em;color:var(--v7d0nam);font-weight:800;letter-spacing:-.01em}
[id]{scroll-margin-top:84px}
.c50tca9{max-width:var(--v8thcw4);margin:0 auto;padding:0 24px}
@media (max-width:700px){.c50tca9{padding:0 20px}}

.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.cc1ucb3{position:absolute;left:12px;top:-60px;background:#fff;color:var(--v7d0nam);padding:10px 18px;border-radius:8px;font-weight:700;font-size:14px;z-index:200;transition:top 160ms}
.cc1ucb3:focus{top:12px}
:focus-visible{outline:2px solid var(--vfh5sfa);outline-offset:3px}

@media (prefers-reduced-motion:reduce){
  *{animation:none!important;transition:none!important}
  html{scroll-behavior:auto}
}

/* --v7muhoy Boutons --v7muhoy */
.btn-jouer{display:inline-flex;align-items:center;justify-content:center;height:52px;padding:0 28px;border-radius:999px;background:var(--v6esifb);color:#fff;font-weight:800;font-size:15px;letter-spacing:.02em;white-space:nowrap}
.btn-jouer:hover{background:var(--v6fr0ba)}
.btn-secondaire,.cb1iza2{display:inline-flex;align-items:center;justify-content:center;height:52px;padding:0 24px;border-radius:999px;border:1px solid var(--v8h5ds5);color:var(--v7d0nam);font-weight:700;font-size:15px}
.cezwosl .btn-secondaire{border-color:rgba(255,255,255,.35);color:#fff}

/* ==========================================================================
   Header (spec.c6je82k §4) : fond plein, pas de backdrop-filter (piège du panneau
   mobile position:fixed constaté sur le parc).
   ========================================================================== */
.cds3rgd{position:sticky;top:0;z-index:80;height:var(--vd1wzgr);background:var(--v3kn0iu)}
.cds3rgd .c50tca9{height:100%;display:flex;align-items:center;justify-content:space-between;gap:16px}
.cd82zjx{display:flex;align-items:center;gap:10px;color:#fff}
.caxmgib{width:24px;height:24px}
.c6hem1a{font-size:22px;font-weight:800}
#nav-panel{display:flex;align-items:center;gap:28px}
.c4fp8ys{display:flex;align-items:center;gap:22px}
.c4fp8ys a{color:var(--v4jiyex);font-weight:600;font-size:15px}
.c4fp8ys a:hover{color:#fff}
.cbu0rny{height:40px;padding:0 20px;font-size:14px}
.nav-toggle{display:none;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:40px;height:40px;border-radius:8px;flex:none}
.nav-toggle span{display:block;width:22px;height:2px;background:#fff;border-radius:2px;transition:transform 200ms,opacity 200ms}
body.is-open .nav-toggle span:nth-child(1){transform:translateY(7px) rotate(45deg)}
body.is-open .nav-toggle span:nth-child(2){opacity:0}
body.is-open .nav-toggle span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}

@media (max-width:1023px){
  .nav-toggle{display:flex}
  #nav-panel{position:fixed;inset:var(--vd1wzgr) 0 0 0;background:var(--v3kn0iu);display:none;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:28px;padding:32px 24px;overflow:auto}
  body.is-open #nav-panel{display:flex}
  body.is-open{overflow:hidden}
  .c4fp8ys{flex-direction:column;align-items:flex-start;gap:22px}
  .c4fp8ys a{font-size:20px}
  .cbu0rny{width:100%;height:52px;font-size:16px;margin-top:auto}
}

/* ==========================================================================
   Hero (spec.c6je82k §3.3)
   ========================================================================== */
.cezwosl{position:relative;background:var(--v3kn0iu);color:#fff;padding:24px 0 28px;overflow:hidden}
.cezwosl::before,.cezwosl::after{content:"";position:absolute;border-radius:50%;pointer-events:none;filter:blur(40px);opacity:.35}
.cezwosl::before{width:520px;height:520px;background:var(--v4zxw35);top:-220px;left:-160px}
.cezwosl::after{width:420px;height:420px;background:var(--vfh5sfa);opacity:.12;bottom:-200px;right:-120px}
.cg226mi{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;gap:12px}
.badge-releve{display:inline-block;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.25);color:var(--v4jiyex);font-size:12px;font-weight:700;padding:5px 14px;border-radius:10px;max-width:90%}
.cezwosl h1{font-size:46px;line-height:1.1;font-weight:800;color:#fff;max-width:920px;margin:0}
.cezwosl h1 .c82sytu{color:var(--v6lhvoh)}
.c9jzu9p{max-width:820px;font-size:15px;line-height:1.5;color:var(--v4jiyex);margin:0}
.c7wptu3{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;width:100%;max-width:920px}
.c7wptu3 div{display:flex;align-items:baseline;gap:6px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);border-radius:10px;padding:6px 14px}
.c7wptu3 dt{font-size:16px;font-weight:800;color:var(--v6lhvoh);margin:0}
.c7wptu3 dd{margin:0;font-size:12px;color:var(--v4jiyex)}
.c013kif{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;width:100%;max-width:1100px}
.cfg6j0a{display:grid;place-items:center;background:var(--v8gcyml);border-radius:10px;padding:6px 6px;min-height:36px}
.cfg6j0a.cb2xve5{background:#f3f6f4;border:1px solid var(--v8h5ds5)}
.cfg6j0a img{max-width:100%;max-height:22px;width:auto;height:auto}
.c0me7v3{display:flex;flex-wrap:wrap;gap:14px;justify-content:center}
.btn-grand{height:48px;padding:0 28px;font-size:15px}
@media (min-width:1024px){.c013kif{grid-template-columns:repeat(10,1fr)}}
@media (max-width:700px){
  .cezwosl{padding:18px 0 22px}
  .cezwosl h1{font-size:30px}
  .c013kif{grid-template-columns:repeat(5,1fr);gap:6px}
  .cfg6j0a{min-height:32px}
  .cfg6j0a img{max-height:18px}
}

/* ==========================================================================
   Classement (spec.c6je82k §3.1-3.2)
   ========================================================================== */
.classement{background:var(--v3kn0iu);color:var(--v4jiyex);padding:14px 0 64px}
.classement>.c50tca9>p{max-width:none}
.classement h2{color:#fff;font-size:28px;margin-bottom:8px}
.cff51gp{background:var(--vfwjkbm);border-radius:12px;padding:14px 18px;font-size:14px;max-width:none;color:#3d4c46}
.cb76fgw{display:flex;flex-direction:column;gap:20px;margin:20px 0}

.ce7yi9c{position:relative;background:#fff;border-radius:var(--vcad5t6);box-shadow:0 10px 30px rgba(0,0,0,.25);min-height:136px;display:grid;color:var(--v7d0nam)}
.ce7yi9c.c0d2833{outline:2px solid var(--vfh5sfa);outline-offset:-2px}
.c7cp7tx{position:absolute;top:0;left:0;width:44px;height:44px;display:grid;place-items:center;background:var(--v4zxw35);color:#fff;font-size:20px;font-weight:800;border-radius:18px 0 14px 0}
.cc8tjro{display:grid;place-items:center;width:150px;height:64px;border-radius:12px;padding:8px 12px;background:var(--v8gcyml);flex-shrink:0}
.cc8tjro.cb2xve5{background:#f3f6f4;border:1px solid var(--v8h5ds5)}
.cc8tjro img{max-width:100%;max-height:44px;width:auto;height:auto}
.cab96sd{display:flex;flex-direction:column;align-items:flex-start;gap:10px}
.cab96sd h3{font-size:17px;margin:0}
.c6xqb4d{margin:2px 0 0;font-size:12.5px;color:var(--vaz6o43);max-width:none;line-height:1.3}
.cbw0v04{background:var(--vfwjkbm);border-radius:12px;padding:12px 14px;display:grid;grid-template-columns:22px 1fr;column-gap:10px;align-items:center}
.c8svub0{width:22px;height:22px;color:var(--v4zxw35);grid-row:1 / span 2}
.cbw0v04 strong{font-size:17px;grid-column:2}
.cbw0v04 span{font-size:13px;color:var(--vaz6o43);grid-column:2}
.cbw0v04 small{font-size:12px;color:var(--vaz6o43);grid-column:2}
.c10mlca{display:flex;flex-direction:column;gap:8px;font-size:15px}
.c10mlca li{position:relative;padding-left:24px}
.c10mlca li::before{content:"";position:absolute;left:0;top:3px;width:16px;height:16px;border-radius:50%;background:var(--vg98hvs)}
.c10mlca li::after{content:"";position:absolute;left:4.5px;top:6px;width:7px;height:3.5px;border-left:2px solid #fff;border-bottom:2px solid #fff;transform:rotate(-45deg)}
.c4sqvg8{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:4px}
.ce6mgxa{font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--vaz6o43)}
.c4sqvg8 strong{font-size:20px;font-weight:800;color:var(--v7d0nam)}
.c4sqvg8 small{font-size:13px;color:var(--vaz6o43)}
.c67ypbw{display:flex;flex-direction:column;align-items:center;gap:10px;justify-content:center}
.c8g5yc4{font-size:14px;font-weight:700;text-decoration:underline}

@media (min-width:1200px){
  .ce7yi9c{grid-template-columns:170px 190px 1fr 250px 170px;align-items:center;gap:24px;padding:24px 28px 24px 72px}
}
@media (min-width:1024px) and (max-width:1199px){
  .ce7yi9c{grid-template-columns:160px 170px 1fr 220px 150px;align-items:center;gap:20px;padding:24px 24px 24px 64px}
  .c10mlca{font-size:14px}
}
@media (min-width:700px) and (max-width:1023px){
  .ce7yi9c{grid-template-columns:1fr 1fr auto;grid-template-rows:auto auto;align-items:center;gap:16px;padding:24px 24px 24px 60px}
  .cab96sd{grid-column:1;grid-row:1}
  .c4sqvg8{grid-column:2;grid-row:1}
  .c67ypbw{grid-column:3;grid-row:1}
  .cbw0v04{grid-column:1;grid-row:2}
  .c10mlca{grid-column:2 / span 2;grid-row:2}
}
@media (max-width:699px){
  .ce7yi9c{display:flex;flex-direction:column;align-items:stretch;text-align:center;gap:16px;padding:20px 16px}
  .c7cp7tx{width:38px;height:38px;font-size:16px}
  .cab96sd{flex-direction:column;align-items:center;gap:10px}
  .cc8tjro{width:170px;height:70px;margin:0 auto}
  .cbw0v04{width:100%;grid-template-columns:22px 1fr;text-align:left}
  .c10mlca{text-align:left}
  .c67ypbw{align-items:stretch}
  .btn-jouer{width:100%}
  .c8g5yc4{align-self:center}
}

/* ==========================================================================
   Sections de fond (spec.c6je82k §5) : alternance papier / blanc, #faq blanc,
   #limites vert forêt.
   ========================================================================== */
.cbad5vy{padding:64px 0;background:var(--vbyqfvv)}
.cbad5vy.c715law{background:var(--v0t7h8k)}
.cbad5vy h2{font-size:30px;max-width:56ch}
#page-404 p{margin-left:auto;margin-right:auto}
.cbad5vy h3{font-size:21px;margin-top:36px}
.cbad5vy>.c50tca9>h3:first-of-type{margin-top:28px}
#faq{background:var(--v0t7h8k)}
#limites{background:var(--vea77mu);color:var(--v4jiyex);padding:56px 0}
#limites h2,#limites h3{color:#fff}
#limites a{color:var(--v6lhvoh);text-decoration:underline}
#limites ul{padding-left:0}
#limites ul li{position:relative;padding-left:20px;margin-bottom:8px}
#limites ul li::before{content:"";position:absolute;left:0;top:9px;width:7px;height:7px;border-radius:50%;background:var(--v6lhvoh)}

/* --v7muhoy Tableaux --v7muhoy */
.c0b83mf{overflow-x:auto;margin:16px 0}
table{width:100%;border-collapse:collapse;min-width:640px;font-size:14px}
caption{text-align:left;font-size:13px;color:var(--vaz6o43);margin-bottom:8px}
th,td{padding:10px 12px;text-align:left;vertical-align:top;border-bottom:1px solid var(--v8h5ds5)}
thead th{background:var(--v4zxw35);color:#fff;font-weight:700;white-space:nowrap}
tbody tr:nth-child(even){background:var(--vfwjkbm)}
tbody th{background:transparent;font-weight:700}
@media (max-width:600px){.col-note{display:none}}

/* --v7muhoy Listes de constats / profils / étapes --v7muhoy */
.cfwv7eh{display:flex;flex-direction:column;gap:10px}
.cfwv7eh li{position:relative;padding-left:20px}
.cfwv7eh li::before{content:"";position:absolute;left:0;top:8px;width:8px;height:8px;border-radius:50%;background:var(--vfh5sfa)}
.cacwcx7{display:flex;flex-direction:column;gap:10px}
.c4psm46{display:flex;flex-direction:column;gap:24px;counter-reset:etape}
.c4psm46>li{position:relative;padding-left:40px}
.c4psm46>li::before{counter-increment:etape;content:counter(etape);position:absolute;left:0;top:2px;width:28px;height:28px;display:grid;place-items:center;background:var(--v4zxw35);color:#fff;border-radius:50%;font-weight:800;font-size:14px}
.c4psm46 h3{margin-top:0}
ol:not(.c4psm46){display:flex;flex-direction:column;gap:10px;padding-left:22px;list-style:decimal}

.c9byu21{display:grid;grid-template-columns:repeat(2,1fr);gap:10px 24px;background:var(--vfwjkbm);border-radius:12px;padding:16px 20px;margin:12px 0}
.c9byu21 dt{font-size:13px;color:var(--vaz6o43)}
.c9byu21 dd{margin:2px 0 0;font-weight:700}
@media (max-width:480px){.c9byu21{grid-template-columns:1fr}}

/* --v7muhoy CTA de fin de section --v7muhoy */
.ceivr1v{display:flex;flex-wrap:wrap;align-items:center;gap:18px;margin-top:36px;padding-top:28px;border-top:1px solid var(--v8h5ds5)}

/* ==========================================================================
   Avis (spec-contenu §A.4)
   ========================================================================== */
.cfwcvkl{display:flex;flex-direction:column;gap:32px;margin-top:24px}
.cafclfe{background:var(--v0t7h8k);border:1px solid var(--v8h5ds5);border-radius:var(--vcad5t6);padding:24px}
.cd5brrq{display:flex;align-items:center;gap:16px;flex-wrap:wrap}
.c2fptlo{width:36px;height:36px;display:grid;place-items:center;background:var(--v4zxw35);color:#fff;border-radius:50%;font-weight:800}
.cd5brrq .cc8tjro{width:130px;height:56px}
.cezr1eg h3{margin:0;font-size:19px}
.c9946ia{margin:2px 0 0;font-size:13px;color:var(--vaz6o43)}
.c9946ia code{background:var(--vfwjkbm);padding:1px 6px;border-radius:4px}
.c87ljqz{margin-top:16px}
.cbabhya{background:var(--vfwjkbm);border-radius:10px;padding:12px 16px;font-size:14px;max-width:none}
.cekxb9b{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px 20px;margin-top:16px}
.cekxb9b dt{font-size:12px;color:var(--vaz6o43);text-transform:uppercase;letter-spacing:.04em}
.cekxb9b dd{margin:2px 0 0;font-weight:700;font-size:14px}
.c0iwt8s{margin-top:18px}

/* --v7muhoy Écartés --v7muhoy */
.c96xac5{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px;margin-top:16px}
.c8khyr2{background:var(--v0t7h8k);border:1px solid var(--v8h5ds5);border-radius:14px;padding:16px 18px}
.c8khyr2 h4{font-size:15px;margin:0}
.c0q2jmi{font-size:12px;font-weight:700;color:var(--v4zxw35);text-transform:uppercase;letter-spacing:.03em;margin:6px 0}
.c8khyr2 p:last-child{font-size:14px;color:var(--vaz6o43);margin-bottom:0}

/* ==========================================================================
   FAQ (spec.c6je82k §5)
   ========================================================================== */
.c38xztu{display:flex;flex-direction:column;gap:12px;margin-top:24px}
.c5p1x3q{border:1px solid var(--v8h5ds5);border-radius:12px;padding:4px 18px;background:var(--vbyqfvv)}
.c5p1x3q summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 0;font-weight:700}
.c5p1x3q summary::-webkit-details-marker{display:none}
.c5p1x3q summary svg{width:20px;height:20px;flex:none;transition:transform 200ms}
.c5p1x3q[open] summary svg{transform:rotate(180deg)}
.c2xb2pi p{padding-bottom:16px;margin:0;color:var(--vaz6o43)}

/* ==========================================================================
   Footer
   ========================================================================== */
.ccju07g{background:var(--v3kn0iu);color:var(--v4jiyex);padding:48px 0 24px}
.c4oawzl{display:grid;grid-template-columns:2fr 1fr 1fr;gap:32px}
.ccju07g .cd82zjx{color:#fff}
.c4v7ovm{margin-top:12px;font-size:14px;max-width:44ch}
.ca137jy h3{color:#fff;font-size:15px}
.ca137jy ul{display:flex;flex-direction:column;gap:8px;margin-top:12px}
.ca137jy a{font-size:14px}
.ca137jy a:hover{color:#fff}
.c9zkuyt{display:flex;flex-wrap:wrap;align-items:center;gap:16px;margin-top:36px;padding-top:20px;border-top:1px solid rgba(255,255,255,.12);font-size:13px}
.c93didi{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:8px;background:var(--vfh5sfa);color:var(--v7d0nam);font-weight:800;font-size:13px}
@media (max-width:700px){
  .c4oawzl{grid-template-columns:1fr}
  .ccju07g{padding-bottom:72px}
}

/* ==========================================================================
   CTA collant (spec.c6je82k §3.4)
   ========================================================================== */
#cta-colle{position:fixed;z-index:90;right:24px;bottom:24px;opacity:0;visibility:hidden;transform:translateY(12px);pointer-events:none;transition:opacity 200ms,transform 200ms}
#cta-colle.is-visible{opacity:1;visibility:visible;transform:none;pointer-events:auto}
@media (max-width:700px){
  #cta-colle{left:0;right:0;bottom:0;padding-bottom:env(safe-area-inset-bottom)}
  #cta-colle .btn-jouer{width:100%;height:56px;border-radius:0}
}