/* Amenite – feuille de style */
:root{
  --vert:#003f3a;
  --vert-fonce:#00241f;
  --vert-clair:#e8f1ee;
  --orange:#ad5216;
  --orange-fonce:#8f4311;
  --fond:#f6f4ef;
  --blanc:#ffffff;
  --texte:#1c2422;
  --gris:#4f5b58;
  --bord:#e3e0d8;
  --rayon:10px;
  --titre:'Archivo',system-ui,sans-serif;
  --corps:'Public Sans',system-ui,sans-serif;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:var(--corps);font-size:17px;line-height:1.65;color:var(--texte);background:var(--fond)}
img{max-width:100%;display:block}
a{color:var(--vert)}
a:hover{color:var(--vert-fonce)}
h1,h2,h3{font-family:var(--titre);line-height:1.15;color:var(--vert-fonce);margin:0 0 .5em}
h1{font-size:clamp(32px,5vw,50px);font-weight:800}
h2{font-size:clamp(26px,3.4vw,38px);font-weight:800}
h3{font-size:21px;font-weight:700;color:var(--vert)}
p{margin:0 0 1em}
.wrap{max-width:1180px;margin:0 auto;padding:0 20px}
.sec{padding:80px 0}
.sec-blanc{background:var(--blanc)}
.sec-vert{background:var(--vert);color:#d9e6e2}
.sec-vert h2,.sec-vert h3{color:#fff}
.surtitre{display:block;font-size:14px;font-weight:600;letter-spacing:1.5px;text-transform:uppercase;color:var(--orange);margin-bottom:8px}
.sec-vert .surtitre,.hero .surtitre{color:#9fd1c4}
.intro{max-width:700px;color:var(--gris);margin-bottom:36px}
.sec-vert .intro{color:#d9e6e2}
.skip{position:absolute;left:-999px;top:0;background:#fff;padding:8px 12px;z-index:100}
.skip:focus{left:8px}

/* Boutons */
.btn{display:inline-block;text-decoration:none;font-weight:600;font-size:17px;padding:14px 24px;border-radius:6px;border:2px solid transparent;cursor:pointer;font-family:inherit;line-height:1.3;text-align:center}
.btn-orange{background:var(--orange);color:#fff}
.btn-orange:hover{background:var(--orange-fonce);color:#fff}
.btn-contour{border-color:#fff;color:#fff}
.btn-contour:hover{background:#fff;color:var(--vert)}
.btn-vert{background:var(--vert);color:#fff}
.btn-vert:hover{background:var(--vert-fonce);color:#fff}
.btns{display:flex;flex-wrap:wrap;gap:12px}

/* Bandeau et en-tête */
.bandeau{background:var(--vert-fonce);color:#d9e6e2;font-size:14px}
.bandeau .wrap{display:flex;flex-wrap:wrap;justify-content:space-between;gap:6px 20px;padding-top:8px;padding-bottom:8px}
.bandeau a{color:#fff;font-weight:600;text-decoration:none}
.entete{background:#fff;border-bottom:1px solid var(--bord);position:sticky;top:0;z-index:50}
.entete .wrap{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-top:14px;padding-bottom:14px}
.logo{font-family:var(--titre);font-weight:800;font-size:26px;letter-spacing:.5px;color:var(--vert);text-decoration:none}
.logo small{display:block;font-family:var(--corps);font-weight:500;font-size:12px;letter-spacing:.3px;color:var(--gris)}
.menu{display:flex;align-items:center;gap:6px 22px;flex-wrap:wrap;list-style:none;margin:0;padding:0}
.menu a{text-decoration:none;color:var(--texte);font-weight:500;font-size:15px}
.menu a:hover,.menu a[aria-current="page"]{color:var(--orange)}
.menu .btn{color:#fff;font-size:15px;padding:11px 18px}
.sous{position:relative}
.sous ul{display:none;position:absolute;top:100%;left:-16px;background:#fff;border:1px solid var(--bord);border-radius:8px;list-style:none;margin:0;padding:8px 0;min-width:260px;box-shadow:0 8px 24px rgba(0,0,0,.08)}
.sous ul a{display:block;padding:8px 16px}
.sous:hover ul,.sous:focus-within ul{display:block}
.burger{display:none;background:none;border:2px solid var(--vert);border-radius:6px;padding:8px 12px;font:inherit;font-weight:600;color:var(--vert);cursor:pointer;min-height:44px}
@media (max-width:900px){
  .burger{display:block}
  .menu{display:none;position:absolute;left:0;right:0;top:100%;background:#fff;border-bottom:1px solid var(--bord);flex-direction:column;align-items:stretch;padding:12px 20px 20px;gap:0}
  .menu.ouvert{display:flex}
  .menu > li > a{display:block;padding:12px 0;border-bottom:1px solid var(--bord)}
  .sous ul{display:block;position:static;border:0;box-shadow:none;padding:0 0 0 14px;min-width:0}
  .menu .btn{margin-top:14px}
}

/* Hero */
.hero{background:var(--vert);color:#fff}
.hero .wrap{display:flex;flex-wrap:wrap;gap:40px;align-items:center;padding-top:64px;padding-bottom:64px}
.hero-texte{flex:1 1 480px;min-width:0}
.hero h1{color:#fff}
.hero p{font-size:19px;color:#d9e6e2;max-width:580px}
.hero .atouts{display:flex;flex-wrap:wrap;gap:8px 22px;margin-top:24px;font-size:15px;color:#d9e6e2;list-style:none;padding:0}
.hero .atouts li::before{content:"✓ ";color:#9fd1c4;font-weight:700}
.hero-photo{flex:1 1 380px;min-width:0}
.page-titre{background:var(--vert);color:#fff;padding:56px 0 48px}
.page-titre h1{color:#fff;margin-bottom:12px}
.page-titre p{color:#d9e6e2;max-width:720px;font-size:18px;margin:0}
.ariane{font-size:14px;color:#9fd1c4;margin-bottom:14px}
.ariane a{color:#9fd1c4}

/* Photos (avec repli si l'image manque) */
.photo{position:relative;border-radius:var(--rayon);overflow:hidden;background:#d4e4df;aspect-ratio:4/3}
.photo img{width:100%;height:100%;object-fit:cover}
.photo .repli{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;text-align:center;padding:16px;color:#3e6a62;font-size:14px}
.photo img + .repli{display:none}
.photo.manque .repli{display:flex}
.hero .photo{aspect-ratio:5/4;background:#0d544d}
.hero .photo .repli{color:#bfe0d7}

/* Grilles et cartes */
.grille{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px}
.grille-2{display:grid;grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:40px;align-items:center}
.carte{display:block;background:#fff;border:1px solid var(--bord);border-radius:var(--rayon);padding:28px;text-decoration:none;color:var(--texte)}
a.carte:hover{border-color:var(--vert)}
.carte p{color:var(--gris);margin-bottom:12px}
.carte .lien{font-weight:600;color:var(--orange)}
.etape{background:#fff;border-radius:var(--rayon);padding:28px;border-top:4px solid var(--vert)}
.etape .num{font-family:var(--titre);font-weight:800;font-size:32px;color:var(--orange)}
.etape p{color:var(--gris);margin:0}
.bandeau-engagements{background:#fff;border-bottom:1px solid var(--bord)}
.bandeau-engagements .wrap{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;padding-top:28px;padding-bottom:28px}
.engagement strong{display:block;font-family:var(--titre);font-size:19px;color:var(--vert)}
.engagement span{color:var(--gris);font-size:15px}
.encadre{background:var(--vert-clair);border-radius:var(--rayon);padding:22px 28px;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;align-items:center;margin-top:20px}
.liste-coche{list-style:none;padding:0;margin:0 0 1em}
.liste-coche li{padding-left:28px;position:relative;margin-bottom:6px}
.liste-coche li::before{content:"✓";position:absolute;left:0;color:var(--orange);font-weight:700}
.colonnes{columns:2 220px;column-gap:32px}
.villes{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:6px 20px;list-style:none;padding:0;margin:0}
figure{margin:0}
figcaption{margin-top:10px;font-size:15px;color:var(--gris)}
figcaption strong{color:var(--texte);display:block;font-size:16px}
.avant-apres{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.etiquette{position:absolute;top:10px;left:10px;background:rgba(0,36,31,.85);color:#fff;font-size:13px;font-weight:600;padding:4px 10px;border-radius:4px;z-index:2}

/* FAQ */
.faq{max-width:860px}
.faq details{background:#fff;border:1px solid var(--bord);border-radius:8px;padding:18px 22px;margin-bottom:12px}
.faq summary{font-weight:600;cursor:pointer;font-size:17px}
.faq details p{margin:12px 0 0;color:var(--gris)}

/* Formulaire */
.form{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}
.form label{display:flex;flex-direction:column;gap:6px;font-weight:500;font-size:15px}
.form .large{grid-column:1/-1}
.form input,.form select,.form textarea{padding:12px;border:1px solid #9c988e;border-radius:6px;font:inherit;font-size:16px;background:#fff;color:var(--texte)}
.form input:focus,.form select:focus,.form textarea:focus{outline:3px solid #9fd1c4;border-color:var(--vert)}
.form .case{flex-direction:row;align-items:flex-start;gap:10px;font-weight:400;font-size:14px;color:var(--gris)}
.form .case input{margin-top:4px}
.form .cache{display:none}
.coord p{margin:0 0 10px}

/* Texte long (pages légales, contenus) */
.texte{max-width:820px}
.texte h2{font-size:26px;margin-top:1.6em}
.texte h3{margin-top:1.4em}
.texte ul{padding-left:22px}

/* Pied de page */
.pied{background:var(--vert-fonce);color:#bcd0ca;font-size:15px}
.pied .wrap{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:32px;padding-top:56px;padding-bottom:32px}
.pied a{color:#bcd0ca}
.pied a:hover{color:#fff}
.pied .titre{color:#fff;font-weight:600;margin-bottom:10px}
.pied ul{list-style:none;padding:0;margin:0}
.pied li{margin-bottom:4px}
.pied .bas{border-top:1px solid #1f4a43;padding-top:18px;padding-bottom:24px;font-size:13px;color:#93ada6;display:block}
.pied .bas a{color:#93ada6}

/* Bouton d'appel fixe sur mobile */
.appel-mobile{display:none}
@media (max-width:720px){
  .sec{padding:56px 0}
  .appel-mobile{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:60;background:#fff;border-top:1px solid var(--bord);padding:10px 12px;gap:10px}
  .appel-mobile .btn{flex:1;padding:12px;font-size:16px}
  body{padding-bottom:72px}
}
.grille-3{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px}

/* ============================================================
   Allure de l'ancien site Amenite
   ============================================================ */
:root{--orange:#003f3a;--orange-fonce:#00241f;--fond:#f2f2f2;--titre:'Roboto',Arial,sans-serif;--corps:'Roboto',Arial,sans-serif;--gris:#565969;--rayon:0}
body{font-size:16px;color:#565969}
h1,h2{text-transform:uppercase;color:var(--vert);font-weight:700;letter-spacing:.2px}
h3{color:var(--vert);font-weight:700}
.surtitre{color:var(--vert);text-transform:none;letter-spacing:0;font-weight:400;font-size:15px}
.surtitre::before{content:"";display:inline-block;width:50px;height:1px;background:currentColor;margin-right:14px;vertical-align:middle}
.btn{border-radius:0;font-weight:500;text-transform:none}
.btn-orange,.btn-vert,.btn-devis{background:var(--vert);color:#fff}
.btn-orange:hover,.btn-vert:hover,.btn-devis:hover{background:var(--vert-fonce);color:#fff}
.btn-blanc{background:#fff;color:var(--vert)}
.btn-blanc:hover{background:#e8f1ee;color:var(--vert)}
.sec-vert .btn-orange,.page-titre .btn-orange{background:#fff;color:var(--vert)}

/* Bandeau noir et en-tête */
.bandeau{background:#000;color:#fff;font-size:15px}
.bandeau .wrap{padding-top:12px;padding-bottom:12px}
.bandeau a{font-weight:400}
.bandeau .sep{color:#666;margin:0 10px}
.entete{border-bottom:0;box-shadow:0 2px 10px rgba(0,0,0,.05)}
.entete .wrap{padding-top:0;padding-bottom:0;min-height:76px}
.logo img{display:block;height:45px;width:auto}
.menu{gap:6px 28px}
.menu a{text-transform:uppercase;color:var(--vert);font-size:15.5px;font-weight:400}
.menu a:hover,.menu a[aria-current="page"]{color:#8a8a8a}
.menu .btn-devis{display:flex;align-items:center;min-height:76px;padding:0 26px;color:#fff;font-size:15px}
.menu .btn-devis:hover{color:#fff}
.sous ul{border-radius:0}
.sous ul a{text-transform:none}
@media (max-width:900px){.menu .btn-devis{min-height:0;padding:14px 20px;justify-content:center}}

/* Héros plein écran */
.hero-plein{background-size:cover;background-position:center;color:#fff;padding:120px 0 170px}
.hero-plein .surtitre{color:#cfe3de}
.hero-plein h1{color:#fff;max-width:760px;font-size:clamp(32px,4.6vw,54px)}
.hero-plein p{max-width:600px;font-size:18px;color:#e6efed;margin-bottom:30px}

/* Cartes valeurs (chevauchent le héros) */
.valeurs{margin-top:-90px;position:relative;z-index:2}
.valeur{background:#fff;padding:34px 26px;text-align:center;box-shadow:0 0 25px rgba(0,0,0,.07)}
.valeur img{margin:0 auto 18px;width:64px;height:64px}
.valeur h3{font-size:22px}
.valeur p{margin:0;color:#565969}

/* Collage + badge + signature */
.collage{position:relative;display:grid;grid-template-columns:1fr 2fr;gap:16px;align-items:center}
.collage-grande{grid-column:2;grid-row:1}
.collage-grande .photo{aspect-ratio:4/5}
.collage-petites{grid-column:1;grid-row:1;display:grid;gap:16px}
.collage-petites .photo{aspect-ratio:5/4}
.badge{position:absolute;left:calc(33% - 76px);top:50%;transform:translateY(-50%);width:130px;height:130px;animation:tourne 18s linear infinite}
@keyframes tourne{to{transform:translateY(-50%) rotate(360deg)}}
@media (prefers-reduced-motion:reduce){.badge{animation:none}}
.signature-ligne{display:flex;align-items:center;gap:36px;flex-wrap:wrap;margin-top:10px}
.signature-ligne img{height:52px;width:auto}

/* Services sur fond vert, cartes numérotées */
.services-vert{background:var(--vert);padding:90px 0}
.grille-services{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:24px}
.services-titre{color:#fff;padding-right:10px}
.services-titre .surtitre{color:#fff;text-transform:uppercase;font-size:14px}
.services-titre .surtitre::before{display:none}
.services-titre h2{color:#fff;font-size:clamp(28px,3vw,36px)}
.carte{border:0;padding:30px 28px;position:relative}
.carte-num{display:block;font-size:22px;font-weight:700;color:var(--vert);margin-bottom:12px}
.carte h3{font-size:20px}
.carte p{font-size:15px}
.carte .lien{font-size:22px;color:var(--vert)}
.sec .carte{box-shadow:0 0 25px rgba(0,0,0,.06)}

/* Bandeau et carte devis */
.devis-bandeau{background:linear-gradient(rgba(0,63,58,.9),rgba(0,63,58,.9)),url(../img/hero.jpg) center/cover;padding:80px 0 160px;color:#e6efed}
.devis-bandeau h2{color:#fff;max-width:620px}
.devis-bandeau a{color:#fff;font-weight:700}
.devis-carte{margin-top:-120px;padding-bottom:80px}
.carte-form{background:#fff;padding:40px;box-shadow:0 0 30px rgba(0,0,0,.08)}
.carte-form h3{font-size:24px;text-transform:uppercase;margin-bottom:20px}
.form input,.form select,.form textarea{border-radius:0;border-color:#dddddd}
@media (max-width:600px){.carte-form{padding:24px 18px}}

/* Titre + bouton sur une ligne */
.titre-ligne{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:34px}

/* Méthode : photo à gauche, étapes sur fond vert */
.methode{display:grid;grid-template-columns:repeat(auto-fit,minmax(340px,1fr));background:var(--vert)}
.methode-photo{background-size:cover;background-position:center;min-height:380px}
.methode-texte{padding:70px 50px;color:#e6efed}
.methode-texte .surtitre{color:#fff}
.methode-texte h2{color:#fff;font-size:clamp(24px,2.6vw,32px);margin-bottom:28px}
.etapes{display:grid;gap:24px}
.etape-l{display:flex;gap:18px;align-items:flex-start}
.etape-l img{width:50px;height:50px;flex:none}
.etape-num{flex:none;width:50px;font-size:26px;font-weight:700;color:#fff;text-align:center}
.etape-l h3{color:#fff;text-transform:uppercase;font-size:18px;margin-bottom:4px}
.etape-l p{margin:0;font-size:15px;color:#d9e6e2}
@media (max-width:600px){.methode-texte{padding:50px 20px}}

/* Pages intérieures */
.page-titre{padding:70px 0 60px}
.page-titre .ariane a,.page-titre .ariane{color:#cfe3de}

/* Pied de page */
.pied .titre{font-size:20px;font-weight:700}
.pied .wrap{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}

/* Onglet vertical « Estimez votre projet » */
.onglet-devis{position:fixed;right:0;top:50%;transform:translateY(-50%);writing-mode:vertical-rl;rotate:180deg;background:var(--vert);color:#fff;text-decoration:none;font-weight:700;font-size:15px;padding:18px 10px;z-index:55;border:1px solid #fff}
.onglet-devis:hover{background:var(--vert-fonce);color:#fff}
@media (max-width:720px){.onglet-devis{display:none}}

/* ============================================================
   Partenaires, estimateur, avant/après, contact/devis
   ============================================================ */
.btn-contour-vert{border:2px solid var(--vert);color:var(--vert);background:transparent}
.btn-contour-vert:hover{background:var(--vert);color:#fff}

/* Partenaires */
.partenaires{background:#f2f2f2;padding:70px 0;text-align:center}
.logos{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:18px;align-items:center}
.logos li{background:#fff;padding:10px;display:flex;align-items:center;justify-content:center}
.logos img{max-height:80px;width:auto}

/* Bandeau estimation */
.estim-bandeau{background:#00241f;color:#d9e6e2;padding:44px 0}
.estim-bandeau .wrap{display:flex;flex-wrap:wrap;gap:20px;align-items:center;justify-content:space-between}
.estim-bandeau h2{color:#fff;font-size:clamp(22px,2.6vw,30px);margin-bottom:6px}
.estim-bandeau p{margin:0}

/* Avant / après */
.ba{position:relative;width:100%;max-width:520px;aspect-ratio:352/420;margin:0 auto;overflow:hidden;background:#ddd;user-select:none}
.ba img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.ba-avant{position:absolute;inset:0;clip-path:inset(0 calc(100% - var(--pos)) 0 0)}
.ba-poignee{position:absolute;top:0;bottom:0;left:var(--pos);width:3px;margin-left:-1.5px;background:#fff;pointer-events:none}
.ba-poignee::after{content:"↔";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:44px;height:44px;border-radius:50%;background:var(--vert);color:#fff;display:flex;align-items:center;justify-content:center;font-size:20px;border:3px solid #fff}
.ba-etiq{position:absolute;top:12px;background:rgba(0,36,31,.85);color:#fff;font-size:13px;font-weight:700;padding:4px 10px;text-transform:uppercase;pointer-events:none}
.ba-etiq-avant{left:12px}.ba-etiq-apres{right:12px}
.ba-range{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:ew-resize;margin:0;-webkit-appearance:none;appearance:none}
.ba-range:focus-visible + *, .ba:focus-within{outline:3px solid #9fd1c4;outline-offset:3px}

/* Contact */
.grille-contact{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:20px}
.bloc-contact{background:#f2f2f2;padding:26px;border-top:4px solid var(--vert)}
.bloc-contact h3{text-transform:uppercase;font-size:16px}
.bloc-contact p{margin:0}

/* Devis */
.grille-devis{display:grid;grid-template-columns:minmax(0,2fr) minmax(260px,1fr);gap:40px;align-items:start}
@media (max-width:860px){.grille-devis{grid-template-columns:1fr}}
.aside-devis{background:var(--vert);color:#d9e6e2;padding:30px}
.aside-devis h3{color:#fff;text-transform:uppercase;font-size:18px}
.aside-devis a{color:#fff}
.aside-devis ol{padding-left:20px}
.aside-devis li{margin-bottom:8px}
.tel-grand{font-size:24px;font-weight:700;text-decoration:none}

/* Estimateur */
.grille-estim{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(280px,1fr);gap:40px;align-items:start}
@media (max-width:900px){.grille-estim{grid-template-columns:1fr}}
.estimateur fieldset{border:0;padding:0;margin:0 0 30px}
.estimateur legend{font-size:19px;font-weight:700;color:var(--vert);margin-bottom:14px;display:flex;align-items:center;gap:10px}
.etape-no{display:inline-flex;width:30px;height:30px;align-items:center;justify-content:center;background:var(--vert);color:#fff;font-size:15px}
.choix-grille{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:10px}
.choix{position:relative;cursor:pointer}
.choix input{position:absolute;opacity:0}
.choix span{display:block;border:2px solid #dddddd;background:#fff;padding:14px 16px;min-height:44px;height:100%}
.choix strong{display:block;color:var(--vert)}
.choix small{display:block;color:#565969;font-size:13px;margin-top:2px}
.choix input:checked + span{border-color:var(--vert);background:#e8f1ee}
.choix input:focus-visible + span{outline:3px solid #9fd1c4}
.surface{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-bottom:10px}
.surface-saisie{font-weight:700;color:var(--vert)}
.surface-saisie input{width:90px;padding:10px;border:2px solid #dddddd;font:inherit;font-size:18px;text-align:right}
#surface-range{width:100%;accent-color:#003f3a;height:28px}
.case-opt{display:flex;gap:10px;align-items:center;margin-bottom:8px;min-height:32px}
.case-opt input{width:20px;height:20px;accent-color:#003f3a}
.resultat{background:var(--vert);color:#d9e6e2;padding:32px;position:sticky;top:100px}
.resultat .surtitre{color:#fff}
.resultat .montant{font-size:clamp(28px,3.2vw,36px);font-weight:700;color:#fff;margin:6px 0 8px;line-height:1.2}
.resultat .detail{color:#fff}
.resultat .avertissement{font-size:13px;color:#bcd0ca;margin:18px 0 22px}
@media (max-width:900px){.resultat{position:static}}
.carte-form > p{margin-bottom:22px}

/* Mobile : boutons Appeler / Devis au-dessus du badge « Powered by Netlify » */
@media (max-width:720px){
  .appel-mobile{bottom:0;padding-bottom:calc(10px + 56px + env(safe-area-inset-bottom));background:linear-gradient(#fff 0,#fff 70%,rgba(255,255,255,0))}
  .appel-mobile{padding-bottom:10px;bottom:56px;border-top:1px solid var(--bord);border-bottom:1px solid var(--bord)}
  body{padding-bottom:136px}
}

/* Messages du formulaire */
.form button[disabled]{opacity:.75;cursor:wait}
.form-statut{margin:0;font-size:15px;color:var(--vert)}
.form-statut:empty{display:none}
.form-statut.attention{background:#e8f1ee;border-left:4px solid var(--vert);padding:12px 14px}
.form-statut.erreur{background:#fdecea;border-left:4px solid #a4231b;color:#7a1a14;padding:12px 14px}