:root{
  --sapin:#0B4A23; --ateco:#0A8B41; --appel:#087A39; --tuile:#B27D57;
  --creme:#F6F1EA; --blanc:#FFFFFF; --texte:#1E2A22; --doux:#56625B; --filet:#E4DED3;
  --fond:#EDEAE4; --nuit:#102018; --erreur:#B42318; --volet:#FBFAF7; --volet-bord:#D9D3C7;
  --f:"Nunito",system-ui,-apple-system,"Segoe UI",Arial,sans-serif;
  color-scheme:light;
}
*{box-sizing:border-box}
img{max-width:100%;height:auto}
body{background:var(--fond);color:var(--texte);font-family:var(--f);font-size:16px;line-height:1.55;margin:0}
h1,h2,h3,h4{margin:0;text-wrap:balance;font-weight:700}
p{margin:0}
a{color:inherit}
button{font:inherit}

.doc{max-width:1360px;margin:0 auto;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px));padding-block:28px 64px;display:grid;gap:28px}
.intro{display:grid;gap:10px;max-width:880px}
.intro h1{font-size:clamp(26px,3vw,34px);color:var(--sapin)}
.intro p{color:var(--doux);font-size:17px}
.bar{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.chip{border:1px solid var(--volet-bord);background:var(--blanc);border-radius:999px;padding:6px 14px;font-weight:700;font-size:14px;cursor:pointer;color:var(--sapin)}
.chip:focus-visible{outline:3px solid var(--appel);outline-offset:2px}
.toc{display:flex;flex-wrap:wrap;gap:6px 14px;font-size:14px;font-weight:600}
.toc a{color:var(--sapin);text-decoration:none;border-bottom:1px solid var(--tuile)}

/* Section : rendu + volet */
.sec{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:0;background:var(--blanc);border-radius:14px;overflow:hidden;box-shadow:0 1px 3px rgba(16,32,24,.08)}
.sec>.stage{padding:28px;display:grid;gap:22px;align-content:start;min-width:0}
.sec>.note{background:var(--volet);border-left:1px solid var(--volet-bord);padding:24px 22px;font-size:14.5px;line-height:1.55;color:#3B4740;min-width:0}
.note .in{position:sticky;top:16px;display:grid;gap:12px}
.note h4{font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--doux)}
.note ul{margin:0;padding-left:18px;display:grid;gap:6px}
.note .src{font-size:13px;color:var(--doux);border-top:1px solid var(--volet-bord);padding-top:10px}
body.sans-notes .sec{grid-template-columns:minmax(0,1fr)}
body.sans-notes .sec>.note{display:none}
.shead{display:grid;gap:4px}
.shead .num{font-size:13px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#8A5A38}
.shead h2{font-size:24px;color:var(--sapin)}
.shead p{color:var(--doux);max-width:46em}
.lbl{font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--doux)}
.frame{border:1px solid var(--filet);border-radius:10px;overflow:hidden;background:var(--blanc)}
.phonewrap{display:flex;flex-wrap:wrap;gap:22px;align-items:flex-start}
.phone{width:340px;max-width:100%;border:8px solid #1d1d1d;border-radius:28px;overflow:hidden;background:var(--blanc);position:relative}

/* Boutons du site */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:0 22px;border-radius:999px;font-weight:700;font-size:16px;text-decoration:none;white-space:nowrap;border:2px solid transparent;cursor:pointer}
.btn svg{width:18px;height:18px;flex:none}
.b-appel{background:var(--appel);color:var(--blanc)}
.b-appel:hover{background:var(--sapin)}
.b-blanc{background:var(--blanc);color:var(--sapin)}
.b-contour{border-color:var(--appel);color:var(--appel);background:transparent}
.b-contour-w{border-color:var(--blanc);color:var(--blanc);background:transparent}
.btn:focus-visible{outline:3px solid var(--tuile);outline-offset:2px}

/* En-tête */
.hd{display:flex;align-items:center;gap:22px;padding:12px 48px;border-bottom:1px solid var(--filet)}
.hd .logo{height:76px;width:auto;display:block}
.hd{flex-wrap:wrap}.hd .right{margin-left:auto}
.hd nav{display:flex;gap:26px;font-weight:700;font-size:15px;color:var(--texte);order:3;flex:0 0 100%;justify-content:flex-start;flex-wrap:wrap;border-top:1px solid #E4DED4;padding-top:6px;margin-top:4px}
.hd nav span{display:flex;align-items:center;gap:4px;white-space:nowrap;padding:6px 0}
.hd nav span.on{color:var(--appel);box-shadow:inset 0 -2px 0 var(--appel)}
.hd nav i{font-style:normal;font-size:11px;color:var(--doux)}
.hd .right{display:flex;align-items:center;gap:10px}
.hd .tel{display:grid;line-height:1.15;text-align:right}
.hd .tel b{color:var(--sapin);font-size:17px}
.hd .tel small{color:var(--doux);font-size:12px}
.drop{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px 24px;padding:18px 24px 22px;background:var(--creme);border-bottom:1px solid var(--filet)}
.drop a{display:block;padding:7px 0;text-decoration:none;font-weight:600;border-bottom:1px solid var(--filet)}
.drop a small{display:block;font-weight:400;color:var(--doux);font-size:13px}
.drop .all{grid-column:1/-1;font-weight:700;color:var(--appel);border:0;padding-top:10px}

.mhd{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;border-bottom:1px solid var(--filet)}
.mhd img{height:38px;width:auto}
.mhd .ic{display:flex;gap:8px}
.round{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;border:0}
.round svg{width:20px;height:20px}
.r-appel{background:var(--appel);color:var(--blanc)}
.r-menu{background:var(--creme);color:var(--sapin)}
.mmenu{padding:6px 14px 16px;display:grid}
.mmenu .it{display:flex;justify-content:space-between;padding:13px 0;border-bottom:1px solid var(--filet);font-weight:700}
.mmenu .it span{color:var(--doux);font-weight:600}
.mmenu .sub{display:grid;padding:4px 0 8px 12px;border-bottom:1px solid var(--filet)}
.mmenu .sub a{padding:7px 0;text-decoration:none;font-size:15px}
.mmenu .call{margin-top:14px;display:grid;gap:6px;text-align:center;font-size:13px;color:var(--doux)}
.mbar{display:flex;gap:8px;padding:10px 12px;border-top:1px solid var(--filet);background:var(--blanc)}
.mbar .btn{flex:1;min-height:50px}

/* Pied de page */
.ft{background:var(--nuit);color:#D5E0D8;font-size:14.5px}
.ft .top{display:grid;grid-template-columns:1.2fr 1fr 1fr 1fr;gap:28px;padding:34px 48px}
.ft h5{margin:0 0 10px;font-size:13px;letter-spacing:.08em;text-transform:uppercase;color:#9FB8A8}
.ft ul{list-style:none;margin:0;padding:0;display:grid;gap:6px}
.ft .big{font-size:20px;font-weight:700;color:var(--blanc)}
.ft .logo{height:92px;width:auto;margin-bottom:12px}
.ft .labels{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}
.ft .labels span{border:1px solid #3B5446;border-radius:6px;padding:4px 8px;font-size:12.5px;font-weight:700;color:var(--blanc)}
.ft .bot{border-top:1px solid #2A3D31;padding:14px 48px;display:flex;flex-wrap:wrap;gap:8px 22px;justify-content:space-between;font-size:13px;color:#9FB8A8}

/* Formulaires */
.forms{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:24px;align-items:start}
.form{display:grid;gap:18px;background:var(--blanc);border:1px solid var(--filet);border-radius:12px;padding:22px}
.form h3{font-size:20px;color:var(--sapin)}
.form fieldset{border:0;margin:0;padding:0;display:grid;gap:12px}
.form legend{font-weight:700;color:var(--sapin);font-size:15px;padding:0 0 4px;border-bottom:2px solid var(--tuile);margin-bottom:6px;width:100%}
.row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.row3{display:grid;grid-template-columns:2fr 1fr 1.4fr;gap:12px}
.fl{display:grid;gap:5px;font-size:14px;font-weight:700;color:var(--texte)}
.fl em{font-style:normal;color:var(--erreur)}
.fl input,.fl select,.fl textarea{font:inherit;font-weight:400;font-size:16px;border:1px solid #C7C0B4;border-radius:8px;padding:11px 12px;background:var(--blanc);color:var(--texte);width:100%}
.fl input::placeholder,.fl textarea::placeholder{color:#8A928D}
.fl input:focus,.fl select:focus,.fl textarea:focus{outline:2px solid var(--appel);outline-offset:1px;border-color:var(--appel)}
.fl.err input{border-color:var(--erreur);background:#FFF7F6}
.fl .msg{font-size:13px;font-weight:600;color:var(--erreur);display:flex;gap:6px;align-items:center}
.fl .hint{font-size:13px;font-weight:400;color:var(--doux)}

.check{display:flex;gap:10px;align-items:flex-start;font-size:14px}
.check input{width:20px;height:20px;margin-top:2px;accent-color:var(--appel);flex:none}
.req{font-size:13px;color:var(--doux)}
.side{display:grid;gap:16px}
.card{border:1px solid var(--filet);border-radius:12px;padding:18px;display:grid;gap:10px;background:var(--blanc)}
.card h4{font-size:16px;color:var(--sapin)}
.ok{display:flex;gap:12px;align-items:flex-start}
.ok .tick{width:36px;height:36px;border-radius:50%;background:#E3F2E8;color:var(--appel);display:grid;place-items:center;flex:none;font-weight:700}
.mail{font-size:14px;background:var(--creme);border-radius:8px;padding:12px 14px;display:grid;gap:6px;white-space:pre-line}
.mail b{color:var(--sapin)}

/* Boutons et confiance */
.btnrow{display:flex;flex-wrap:wrap;gap:12px;align-items:center}
.onsapin{background:var(--sapin);padding:22px;border-radius:10px;display:flex;flex-wrap:wrap;gap:12px}
.trust{display:flex;flex-wrap:wrap;gap:10px 28px;background:var(--creme);padding:14px 20px;border-radius:10px;font-weight:700;font-size:15px;color:var(--sapin)}
.trust span{display:flex;gap:6px;align-items:center}
.stars{color:#C27C0E;letter-spacing:1px}

/* FAQ */
.faq{display:grid;max-width:780px}
.faq details{border-bottom:1px solid var(--filet);padding:15px 0}
.faq summary{padding:9px 0;font-weight:700;cursor:pointer;color:var(--sapin);list-style:none;display:flex;justify-content:space-between;gap:12px;font-size:17px}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";font-size:24px;line-height:1;color:#8A5A38;flex:none}
.faq details[open] summary::after{content:"\2212"}
.faq summary:focus-visible{outline:3px solid var(--appel);outline-offset:3px}
.faq p{margin-top:8px;color:var(--doux);max-width:44em}

/* Avis */
.avis-sum{display:flex;align-items:center;gap:16px;flex-wrap:wrap}
.avis-sum .note-g{font-size:40px;font-weight:700;color:var(--sapin);line-height:1}
.avis{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.avis blockquote{margin:0;border:1px solid var(--filet);border-radius:12px;padding:18px;display:grid;gap:10px;align-content:start;font-size:15px}
.avis cite{font-style:normal;font-weight:700;color:var(--sapin);font-size:14.5px}
.avis cite span{font-weight:600;color:var(--doux)}

/* Réalisations */
.real{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.real figure{margin:0;display:grid;gap:8px}
.real img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:10px;display:block}
.real figcaption{display:grid;gap:3px}
.real b{color:var(--sapin);font-size:16px}
.tag{justify-self:start;font-size:12px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:#8A5A38}

/* Prix et aides */
.aides{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.aide{border:1px solid var(--filet);border-radius:12px;padding:18px;display:grid;gap:10px;align-content:start}
.aide h4{font-size:17px;color:var(--sapin)}
.aide dl{margin:0;display:grid;grid-template-columns:auto 1fr;gap:6px 14px;font-size:15px}
.aide dt{font-weight:700;color:var(--doux)}
.aide dd{margin:0}
.yes{color:var(--appel);font-weight:700}
.no{color:var(--erreur);font-weight:700}
.price{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;font-size:15px;color:var(--doux)}
.price b{font-size:28px;color:var(--sapin)}

/* Plan et matrice */
.tree{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.tree .col{border-top:3px solid var(--tuile);padding-top:10px;display:grid;gap:6px;align-content:start;font-size:14.5px}
.tree .col b{color:var(--sapin);font-size:15.5px}
.tree .col span{color:var(--doux)}
.mx{overflow-x:auto}
.mx table{border-collapse:collapse;font-size:14px;min-width:720px;width:100%}
.mx th,.mx td{border-bottom:1px solid var(--filet);padding:9px 10px;text-align:center}
.mx th:first-child,.mx td:first-child{text-align:left;font-weight:700}
.mx thead th{font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--doux)}
.dot{display:inline-block;width:12px;height:12px;border-radius:50%;background:var(--appel)}
.dot.o{background:transparent;border:2px solid var(--appel)}

@media (max-width:1100px){
  .sec{grid-template-columns:minmax(0,1fr)}
  .sec>.note{border-left:0;border-top:1px solid var(--volet-bord)}
  .note .in{position:static}
  .forms{grid-template-columns:minmax(0,1fr)}
  .ft .top{grid-template-columns:repeat(2,minmax(0,1fr))}
  .drop{grid-template-columns:repeat(2,minmax(0,1fr))}
  .hd nav{display:none}
}
@media (max-width:640px){
  .sec>.stage{padding:18px}
  .row,.row3,.aides,.avis,.tree{grid-template-columns:minmax(0,1fr)}
  .real{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
  .ft .top{grid-template-columns:minmax(0,1fr);padding:26px 20px}
  .hd{padding:10px 14px}.hd .tel{display:none}.hd .logo{height:56px}
  .drop{grid-template-columns:minmax(0,1fr)}
}
@media (prefers-reduced-motion:reduce){*{transition:none!important}}

.gal{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.gal figure{margin:0;display:grid;grid-template-columns:minmax(0,1fr);gap:6px;min-width:0}.gal figcaption{overflow-wrap:break-word;min-width:0}.gal img{width:100%;aspect-ratio:3/2;object-fit:cover;border-radius:10px;display:block;background:var(--creme)}.gal figcaption{font-size:15px}.gal figcaption span{color:var(--doux)}body.mobile .gal{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:12px;padding-bottom:6px}body.mobile .gal figure{flex:0 0 78%;scroll-snap-align:start}.fuite{background:#FFF4E5;border-left:5px solid var(--tuile);padding:16px 20px;display:flex;flex-wrap:wrap;gap:12px 20px;align-items:center;justify-content:space-between}.fuite p{margin:0;max-width:720px}.box{background:var(--creme);border-radius:12px;padding:18px 20px;margin-top:20px}.box h3{margin:0 0 8px}.box ul{margin:0;padding-left:20px;display:grid;gap:6px}.faq dl{margin:0;display:grid;gap:18px}.faq dt{font-weight:700;color:var(--sapin);font-size:17px}.faq dd{margin:4px 0 0}.maj{font-size:14px;color:var(--doux);padding:0 48px 6px}body.mobile .maj{padding:0 18px 6px}
.steps figure{min-width:0;grid-template-columns:minmax(0,1fr)}.steps figcaption{overflow-wrap:break-word;min-width:0}
/* ---- Maquette page : page continue à gauche, volet de commentaires à droite ---- */
.wrap{max-width:1400px;margin:0 auto;padding:20px max(16px,env(safe-area-inset-left,0px)) 60px}
.top-intro{display:flex;flex-wrap:wrap;gap:12px 20px;align-items:center;justify-content:space-between;margin-bottom:16px}
.top-intro h1{font-size:22px;color:var(--sapin)}
.top-intro p{color:var(--doux);font-size:15px}
.sheet{background:var(--blanc);border-radius:14px;overflow:clip;box-shadow:0 1px 3px rgba(16,32,24,.08)}
.r{display:grid;grid-template-columns:minmax(0,1fr) 320px}
.r>.pg{min-width:0}
.r>.nt{background:var(--volet);border-left:1px solid var(--volet-bord);padding:20px;font-size:14px;line-height:1.5;color:#3B4740;min-width:0}
.r+.r>.nt{border-top:1px dashed var(--volet-bord)}
.nt h4{font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--doux);margin-bottom:8px}
.nt ul{margin:0;padding-left:18px;display:grid;gap:6px}
.nt .src{font-size:12.5px;color:var(--doux);margin-top:10px;border-top:1px solid var(--volet-bord);padding-top:8px}
.nt .q{background:#FFF;border:1px solid var(--tuile);border-radius:8px;padding:8px 10px;margin-top:10px;font-weight:600;color:var(--sapin)}
body.sans-notes .r{grid-template-columns:minmax(0,1fr)}
body.sans-notes .nt{display:none}
.in{padding:44px 48px;display:grid;gap:22px}
.in.creme{background:var(--creme)}
.in h2{font-size:28px;color:var(--sapin);line-height:1.2}
.in .lead{font-size:18px;color:var(--doux);max-width:44em;text-wrap:pretty}
.ariane{font-size:13.5px;color:var(--doux);padding:12px 48px;border-bottom:1px solid var(--filet)}
.ariane a{text-decoration:none;color:var(--appel);font-weight:600}
.hero{position:relative;min-height:520px;display:flex;align-items:flex-end;color:var(--blanc);background:#2a3a30 center/cover no-repeat}
.hero::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.05) 30%,rgba(0,0,0,.72))}
.hero .hin{position:relative;padding:48px;display:grid;gap:16px;max-width:760px}
.hero h1{font-size:clamp(32px,4vw,48px);line-height:1.08}
.hero p{font-size:19px;color:#EEF3EF}
.hero .lg{position:absolute;right:16px;bottom:12px;font-size:12.5px;color:#DDE6E0}
.trust{border-radius:0}
.facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}
.fact{border-top:3px solid var(--tuile);padding-top:12px;display:grid;gap:4px}
.fact b{font-size:24px;color:var(--sapin)}
.fact span{color:var(--doux);font-size:15px}
.two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:36px}
.two h3{font-size:21px;color:var(--sapin);margin-bottom:8px}
.two p+p{margin-top:10px}
.pour{margin-top:12px;font-size:15px;color:var(--doux)}
.steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.steps img{width:100%;aspect-ratio:3/4;object-fit:cover;border-radius:10px;display:block;background:var(--creme)}
.steps figure,.aa figure{margin:0;display:grid;gap:8px}
.aa img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:10px;display:block;background:var(--creme)}
.steps figcaption{font-size:15px}
.steps figcaption b{color:var(--sapin);display:block}
.steps figcaption span{color:var(--doux);font-size:13.5px}
.aa{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.aa figcaption{font-weight:700;color:var(--sapin)}
.aa figcaption span{font-weight:400;color:var(--doux)}
.patri{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:36px;align-items:start}
.patri ul{margin:0;padding-left:20px;display:grid;gap:6px}
.som{display:flex;flex-wrap:wrap;gap:8px 22px;font-weight:700;font-size:15px;border-top:1px solid var(--filet);padding-top:14px}.som a{display:inline-block;padding:10px 0;color:var(--appel);text-decoration:none;border-bottom:2px solid var(--tuile)}
.zone{font-size:15.5px;color:var(--doux)}
.zone b{color:var(--sapin)}
.formwrap{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:28px;align-items:start}
.contact-c{display:grid;gap:14px;font-size:15.5px}
figure.wide img{width:100%;aspect-ratio:3/2;object-fit:cover;border-radius:10px;display:block}figure.wide figcaption{font-size:14px;margin-top:6px;color:var(--gris,#555)}
.cta{margin-top:22px;padding:18px 20px;border-radius:12px;background:var(--creme,#f6f1ea);border-left:5px solid var(--appel);display:flex;flex-wrap:wrap;gap:12px 20px;align-items:center;justify-content:space-between}.cta p{margin:0;font-size:16.5px}
body.mobile .contact-c{order:-1}
.contact-c .big{font-size:26px;font-weight:700;color:var(--sapin)}

.mob-only{display:none}
.views{display:flex;gap:8px;flex-wrap:wrap}
.chip.on{background:var(--appel);color:#fff;border-color:var(--appel)}
body.mobile .mob-only{display:block}
body.mobile .desk-only{display:none}
body.mobile .sheet{max-width:410px;margin:0 auto;border:10px solid #1d1d1d;border-radius:34px}
body.mobile .r{grid-template-columns:minmax(0,1fr)}
body.mobile .nt{display:none}
body.mobile .in{padding:28px 18px}
body.mobile .ariane{padding:10px 18px}
body.mobile .hero{min-height:460px}
body.mobile .hero .hin{padding:24px 18px}
body.mobile .hero h1{font-size:30px}
body.mobile .hero p{font-size:16.5px}
body.mobile .hero .btnrow{display:none}
body.mobile .in h2{font-size:24px}
body.mobile .facts,body.mobile .two,body.mobile .patri,body.mobile .formwrap,body.mobile .aides,body.mobile .avis,body.mobile .row,body.mobile .row3,body.mobile .aa{grid-template-columns:minmax(0,1fr)}
body.mobile .steps{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
body.mobile .ft .top{grid-template-columns:minmax(0,1fr);padding:26px 20px}
body.mobile .trust{gap:8px 16px;font-size:15px;padding:12px 18px}
body.mobile .mbar.mob-only{display:flex;position:sticky;bottom:0;z-index:5}
body.mobile .fl input,body.mobile .fl select,body.mobile .fl textarea{font-size:16px}
@media (max-width:1100px){.r{grid-template-columns:minmax(0,1fr)}.r>.nt{border-left:0;border-top:1px solid var(--volet-bord)}}
@media (max-width:760px){
 .in{padding:28px 18px}.ariane{padding:10px 18px}.hero .hin{padding:28px 18px}.hero{min-height:440px}
 .contact-c{order:-1} .facts,.two,.patri,.formwrap{grid-template-columns:minmax(0,1fr)}.steps{grid-template-columns:repeat(2,minmax(0,1fr))}
 .aa{grid-template-columns:minmax(0,1fr)}
}

.hero .preuve{display:flex;flex-wrap:wrap;gap:6px 18px;font-weight:700;font-size:15px;color:#fff}
.hero .preuve span{display:flex;gap:6px;align-items:center}.hero .preuve .stars{color:#F5B82E}
.bref{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));border-top:3px solid var(--tuile);border-bottom:1px solid var(--filet)}
.bref div{padding:16px 16px 16px 0;display:grid;gap:4px;align-content:start;min-width:0}
.bref div+div{padding-left:16px;border-left:1px solid var(--filet)}
.bref small{font-size:12.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--doux);font-weight:700}
.bref b{font-size:15.5px;color:var(--sapin);line-height:1.3}
.bref a{color:inherit}
.duo{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}
.duo article{display:grid;gap:12px;align-content:start;min-width:0}
.duo img{width:100%;aspect-ratio:3/2;object-fit:cover;border-radius:12px;display:block;background:var(--filet)}
.duo h3{font-size:22px;color:var(--sapin)}
.duo .lg2{font-size:13.5px;color:var(--doux);margin-top:-6px}
.points{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 36px;counter-reset:pt}
.points div{display:grid;gap:6px;padding-left:52px;position:relative;min-width:0}
.points div::before{counter-increment:pt;content:counter(pt);position:absolute;left:0;top:0;width:36px;height:36px;border-radius:50%;background:var(--sapin);color:#fff;font-weight:700;display:grid;place-items:center}
.points h3{font-size:19px;color:var(--sapin);line-height:1.25}
.points small{display:block;font-size:14px;color:var(--doux);font-weight:600}
.bon{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.bon .box{margin:0;background:var(--blanc)}
.bon h3{font-size:18px;color:var(--sapin)}
.chg{background:#fff;border:1px solid var(--tuile);border-radius:12px;padding:14px 18px;margin-top:12px;font-size:15px;max-width:900px}.chg h4{color:var(--sapin);margin-bottom:6px}.chg ul{margin:0;padding-left:18px;display:grid;gap:4px}.hd nav{flex-wrap:nowrap;justify-content:space-between;gap:12px;font-size:14.5px}.hd nav .ico{height:22px;width:auto;margin-right:2px}.urg{font-weight:700;color:#B5441B;text-decoration:none;margin-right:6px;white-space:nowrap}body.mobile .steps{display:flex;overflow-x:auto;scroll-snap-type:x mandatory}body.mobile .steps figure{flex:0 0 70%;scroll-snap-align:start}.gal4{grid-template-columns:repeat(2,minmax(0,1fr))}
body.mobile .bref{grid-template-columns:minmax(0,1fr)}body.mobile .bref div{padding:12px 0;border-left:0}body.mobile .bref div+div{padding-left:0;border-top:1px solid var(--filet)}
body.mobile .duo,body.mobile .points,body.mobile .bon{grid-template-columns:minmax(0,1fr)}
body.mobile .hero .preuve{font-size:14px}
@media (max-width:760px){.bref,.duo,.points,.bon{grid-template-columns:minmax(0,1fr)}.bref div{border-left:0;padding-left:0}}

body{background:var(--blanc);margin:0}
.sheet{max-width:1240px;margin:0 auto;border-radius:0;box-shadow:none}
body.mobile .sheet{max-width:none;border:0;border-radius:0;margin:0}
*{box-sizing:border-box}
/* v19 : galerie, équipe, accompagnement */
.lk{color:var(--appel);font-weight:700}
.galx{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:14px}
.galx figure,.team-ph figure,.aa-v figure{margin:0;display:grid;gap:6px}
.galx img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:10px;display:block;cursor:zoom-in}
.galx figcaption,.team-ph figcaption{font-size:14px;font-weight:700;color:var(--sapin)}
.galx figcaption span,.team-ph figcaption span{font-weight:600;color:var(--doux)}
img[data-lb]{cursor:zoom-in}
.team{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:26px;align-items:start;margin-top:12px}
.team-ph{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.team-ph img{width:100%;aspect-ratio:3/4;object-fit:cover;border-radius:10px;display:block}
.sf{display:grid;gap:14px;margin-top:16px}
.sf>div{border-left:3px solid var(--tuile);padding-left:14px}
.sf h3{font-size:17px;color:var(--sapin);margin-bottom:4px}
.tl{list-style:none;counter-reset:t;margin:14px 0 0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 26px}
.tl li{counter-increment:t;position:relative;padding:4px 0 4px 50px;min-height:40px}
.tl li::before{content:counter(t);position:absolute;left:0;top:0;width:36px;height:36px;border-radius:50%;background:var(--appel);color:#fff;font-weight:800;display:grid;place-items:center}
.tl li b{display:block;color:var(--sapin)}
.aa-v{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.aa-v img{width:100%;aspect-ratio:3/4;object-fit:cover;border-radius:10px;display:block}
.rep{margin-top:10px;font-size:14px;color:var(--doux);border-left:3px solid var(--filet);padding-left:10px}
dialog.lb{border:0;padding:0;background:transparent;max-width:96vw;max-height:94vh}
dialog.lb::backdrop{background:rgba(10,20,14,.86)}
dialog.lb img{max-width:96vw;max-height:84vh;display:block;border-radius:8px;margin:0 auto}
dialog.lb p{color:#fff;text-align:center;font-weight:700;margin-top:8px}
dialog.lb button{position:fixed;top:12px;right:14px;width:46px;height:46px;border-radius:50%;border:0;background:#fff;color:var(--sapin);font-size:24px;font-weight:800;cursor:pointer}
@media (max-width:760px){
 .galx{grid-template-columns:1fr 1fr;gap:10px}
 .team{grid-template-columns:1fr}
 .tl{grid-template-columns:1fr}
 .aa-v{grid-template-columns:1fr 1fr}
}
body.mobile .galx{grid-template-columns:1fr 1fr}
body.mobile .team,body.mobile .tl{grid-template-columns:1fr}
.src{display:block;margin-top:4px;font-size:13px;color:var(--appel);font-weight:700}
.faqd{display:grid;gap:10px}
.faqd details{background:var(--blanc);border:1px solid var(--filet);border-radius:10px;padding:0 18px}
.faqd summary{cursor:pointer;font-weight:700;color:var(--sapin);padding:15px 28px 15px 0;list-style:none;position:relative;font-size:17px}
.faqd summary::-webkit-details-marker{display:none}
.faqd summary::after{content:"+";position:absolute;right:0;top:12px;font-size:22px;color:var(--appel)}
.faqd details[open] summary::after{content:"–"}
.faqd details p{padding:0 0 16px}
.in{grid-template-columns:minmax(0,1fr)} .galx figure,.team-ph figure,.aa-v figure,.team>*{min-width:0} .galx figure{grid-template-columns:minmax(0,1fr)}
@media (max-width:760px){.steps{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px}} body.mobile .steps{grid-template-columns:repeat(2,minmax(0,1fr))}
.hero .hin{background:linear-gradient(90deg,rgba(8,22,14,.78),rgba(8,22,14,.45) 65%,rgba(8,22,14,.15));} body.mobile .hero .hin{background:linear-gradient(0deg,rgba(8,22,14,.85),rgba(8,22,14,.55) 70%,rgba(8,22,14,.25))} .duo .box{background:var(--blanc);border-radius:12px;padding:20px}
.aah{font-size:18px;color:var(--sapin);margin-top:6px}
.galx{grid-template-columns:repeat(4,minmax(0,1fr))} @media (max-width:1100px){.galx{grid-template-columns:repeat(2,minmax(0,1fr))}} body.mobile .galx{grid-template-columns:repeat(2,minmax(0,1fr))}
.fl input,.fl select{height:48px;box-sizing:border-box;line-height:1.2} .row,.row3{align-items:start} .fl{align-content:start}
/* devis : plus de vide à droite */
.formwrap{grid-template-columns:minmax(0,1fr)!important}
.contact-c{order:-1;grid-template-columns:repeat(3,minmax(0,1fr))}
.form{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:28px;align-items:start}
.form>h3,.form>p,.form>button{grid-column:1/-1}
.form>fieldset:nth-of-type(1){grid-column:1;grid-row:2/span 2}
.form>fieldset:nth-of-type(2){grid-column:2;grid-row:2}
.form>fieldset:nth-of-type(3){grid-column:2;grid-row:3}
.form>button{justify-self:start}
@media (max-width:1100px){.contact-c{grid-template-columns:1fr}.form{grid-template-columns:1fr}.form>fieldset:nth-of-type(n){grid-column:1;grid-row:auto}}
body.mobile .contact-c{grid-template-columns:1fr} body.mobile .form{grid-template-columns:1fr} body.mobile .form>fieldset:nth-of-type(n){grid-column:1;grid-row:auto}
.faq,.faqd{max-width:none!important;width:100%}
.contact-c .card{align-content:start}
.hd nav a{color:inherit;text-decoration:none;display:flex;align-items:center;gap:4px}
.ft a{color:inherit;text-decoration:none}.ft a:hover{text-decoration:underline;color:#fff}
.ft .labels a{border:1px solid #3B5446;border-radius:6px;padding:4px 8px;font-size:12.5px;font-weight:700;color:var(--blanc)}

.cons{margin:8px 0 0;padding-left:18px}.cons li{margin:0 0 8px}

.pb{margin:22px 0 6px;padding:18px 20px;background:var(--blanc);border-left:4px solid #B27D57;border-radius:10px}.pb h2{font-size:1.25rem;margin:0 0 8px}
.pbl{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.pbl li{margin:0}
.pbx{margin:10px 0 0;font-size:.95rem}
@media (max-width:1100px){.pbl{grid-template-columns:1fr}} body.mobile .pbl{grid-template-columns:1fr}
.tl3{grid-template-columns:repeat(3,minmax(0,1fr))!important}
@media (max-width:1100px){.tl3{grid-template-columns:1fr!important}} body.mobile .tl3{grid-template-columns:1fr!important}
.ok{margin-top:16px;padding:14px 18px;background:#e5f4e4;border-radius:10px}

.liees{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:12px}
.liees a{display:grid;align-content:start;gap:4px;padding:16px 18px;border:1px solid var(--filet);border-radius:12px;text-decoration:none;color:var(--texte);background:var(--blanc)}
.liees a b{color:var(--appel)}.liees a span{font-size:.92rem;color:var(--doux)}.liees a:hover{border-color:var(--appel)}
@media (max-width:1100px){.liees{grid-template-columns:repeat(2,minmax(0,1fr))}} body.mobile .liees{grid-template-columns:1fr}

.tp3{grid-template-columns:1fr 1fr;grid-template-rows:auto auto}.tp3 figure:first-child{grid-row:1/span 2}.tp3 figure:first-child img{aspect-ratio:auto;height:100%;min-height:0}.tp3 figure:first-child{grid-template-rows:1fr auto}.tp3 figure:not(:first-child) img{aspect-ratio:4/3}

.leo{display:grid;grid-template-columns:140px minmax(0,1fr);gap:18px;align-items:center;margin-top:6px}.leo img{width:140px;height:140px;border-radius:50%;object-fit:cover;object-position:50% 15%;background:var(--creme);display:block}
body.mobile .leo{grid-template-columns:96px minmax(0,1fr);gap:14px}body.mobile .leo img{width:96px;height:96px}
/* modèle Réfection : composants propres au gros projet */
.diag{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:14px}
.diag article{background:var(--blanc);border:1px solid var(--filet);border-radius:12px;padding:18px 20px;display:grid;gap:8px;align-content:start}
.diag article.dg-on{border:2px solid var(--appel)}
.dg-t{font-size:12.5px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#8A5A38}
.dg-on .dg-t{color:var(--appel)}
.diag h3{font-size:18px;color:var(--sapin)}
.verif{list-style:none;margin:14px 0 0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 28px}
.verif li{position:relative;padding:4px 0 4px 32px}
.verif li::before{content:"✓";position:absolute;left:0;top:3px;width:22px;height:22px;border-radius:50%;background:#E3F2E8;color:var(--appel);font-weight:800;display:grid;place-items:center;font-size:13px}
.verif b{color:var(--sapin)}
.vtl{list-style:none;margin:16px 0 0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.vtl li{display:grid;gap:10px;align-content:start}
.vtl figure{margin:0}
.vtl img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:10px;display:block}
.vtl b{display:block;color:var(--sapin);font-size:17px;margin-bottom:2px}
.mat{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:14px}
.mat article{background:var(--blanc);border-radius:12px;padding:18px 20px;border-top:4px solid var(--tuile)}
.mat h3{font-size:19px;color:var(--sapin)}
.mat-q{font-weight:700;color:var(--doux);font-size:14.5px;margin-top:2px}
.iso{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:26px;align-items:start;margin-top:12px}
.iso-l{list-style:none;margin:0;padding:18px 20px;background:var(--creme);border-radius:12px;display:grid;gap:10px}
.iso-l b{color:var(--sapin)}
@media (max-width:1100px){.diag,.mat,.iso{grid-template-columns:1fr}.verif{grid-template-columns:1fr}.vtl{grid-template-columns:repeat(2,minmax(0,1fr))}}
body.mobile .diag,body.mobile .mat,body.mobile .iso,body.mobile .verif{grid-template-columns:1fr}
@media (max-width:560px){.vtl{grid-template-columns:1fr}}
.galx{grid-template-columns:repeat(4,minmax(0,1fr))}
@media (max-width:1100px){.galx{grid-template-columns:repeat(2,minmax(0,1fr))}}
p.ok{display:block}
.price b{font-size:19px}
@media (max-width:760px){.aide dl{display:block}.aide dt{margin-top:8px}.aide dd{margin:2px 0 0}}
.iso-l{background:var(--blanc)!important;border:1px solid var(--filet)}
@media (max-width:560px){.vtl{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px}.vtl b{font-size:15px}.vtl p{font-size:14px}}
.vtl-c{display:block;font-size:13px;color:var(--doux);margin-top:4px;font-weight:600}
.mat-ph{margin:-18px -20px 12px!important}.mat-ph img{width:100%;aspect-ratio:3/2;object-fit:cover;display:block;border-radius:10px 10px 0 0}.mat-ph figcaption{font-size:13px;color:var(--doux);padding:6px 20px 0;font-weight:600}.mat-ph figcaption span{font-weight:600}
.mat article{border-top:0;overflow:hidden}
.iso-ph{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:16px}.iso-ph figure{margin:0;display:grid;gap:6px}.iso-ph img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:10px;display:block}.iso-ph figcaption{font-size:14px;font-weight:700;color:var(--sapin)}.iso-ph figcaption span{font-weight:600;color:var(--doux)}
.galx+.aah,.aa+.aah{margin-top:22px}

/* En-tête v5 : décision du collège 04/11 (decision-entete-2026-11-04.md) */
.hero{min-height:560px;align-items:flex-end;background-position:var(--hero-pos,70% 50%)}
.hero::before{background:linear-gradient(180deg,rgba(0,0,0,0) 75%,rgba(0,0,0,.25))}
.hero .hin{background:rgba(8,30,18,.80);border-radius:10px;margin:0 0 32px 32px;padding:22px 26px;max-width:480px;gap:10px}
.hero h1{font-size:clamp(28px,3vw,36px);line-height:1.1}
.hero p{font-size:17px}
.hero .preuve{font-size:13.5px;flex-wrap:wrap;gap:4px 14px}.hero .preuve>span{white-space:nowrap}
.hero .lg{background:rgba(0,0,0,.45);padding:3px 8px;border-radius:4px}
@media (min-width:1101px){.hero .btnrow{display:flex;flex-wrap:nowrap;gap:10px;margin-top:6px}.hero .btnrow .btn{padding:10px 16px;font-size:15px;white-space:nowrap}}
@media (max-width:1100px){.hero{min-height:540px;display:flex;align-items:flex-end;padding-top:0}.hero .hin{margin:0;max-width:none;padding:22px 18px}.hero h1{font-size:27px}.hero .preuve{flex-wrap:wrap}.hero .btnrow{display:none}.hero .lg{top:auto;bottom:6px;right:8px}}
@media (max-width:560px){.hero{padding-top:min(75vw,300px)}.hero .lg{top:calc(min(75vw,300px) - 28px)}}

.team-ph.un{grid-template-columns:1fr}.team-ph.un img{aspect-ratio:4/3}

.iso-fort{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:28px;align-items:center;background:#0B4A23;color:#fff;border-radius:14px;padding:28px}
.iso-fort h2{color:#fff;margin:0 0 10px}.iso-fort p{color:#fff;margin:0 0 10px}
.iso-fort figure{margin:0}.iso-fort img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:10px;display:block}
.iso-fort figcaption{font-size:13.5px;color:#d7e6dc;margin-top:6px}
.iso-fort .iso-b{display:flex;flex-wrap:wrap;gap:14px;align-items:center;margin-top:14px}.iso-fort .lk{color:#fff;text-decoration:underline}
.iso-fort .iso-n{font-size:13.5px;color:#d7e6dc}.iso-fort .btn{background:#fff;color:#0B4A23}
@media (max-width:1100px){.iso-fort{grid-template-columns:1fr;padding:20px}}
.svc{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:16px}
.svc a{display:grid;grid-template-rows:auto 1fr;text-decoration:none;color:inherit;background:#fff;border:1px solid #E4DED3;border-radius:12px;overflow:hidden}
.svc img{width:100%;aspect-ratio:3/2;object-fit:cover;display:block}
.svc div{padding:14px 16px 16px}.svc b{display:block;color:var(--sapin);font-size:18px;line-height:1.2;margin-bottom:6px}
.svc p{margin:0 0 8px;font-size:15px}.svc span{font-weight:800;color:var(--appel);font-size:14.5px}
.svc a:hover,.svc a:focus-visible{border-color:var(--appel);box-shadow:0 2px 10px rgba(0,0,0,.12)}
@media (max-width:1100px){.svc{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:640px){.svc{grid-template-columns:minmax(0,1fr)}}
body.mobile .svc{grid-template-columns:minmax(0,1fr)}
@media (min-width:1101px){.svc a:last-child{grid-column:span 3;grid-template-columns:1fr 2fr;grid-template-rows:auto}.svc a:last-child img{height:100%;aspect-ratio:auto;max-height:260px}.svc a:last-child div{align-self:center;padding:20px 28px}}
.svc.n5{grid-template-columns:repeat(6,minmax(0,1fr))}
.svc.n5 a{grid-column:span 2}.svc.n5 a:nth-child(n+4){grid-column:span 3}
.svc.n5 a:last-child{grid-template-columns:none;grid-template-rows:auto 1fr}.svc.n5 a:last-child img{height:auto;aspect-ratio:3/2;max-height:none}.svc.n5 a:last-child div{padding:14px 16px 16px;align-self:auto}
@media (max-width:1100px){.svc.n5{grid-template-columns:repeat(2,minmax(0,1fr))}.svc.n5 a,.svc.n5 a:nth-child(n+4){grid-column:auto}.svc.n5 a:last-child{grid-column:1/-1}}
@media (max-width:640px){.svc.n5{grid-template-columns:minmax(0,1fr)}.svc.n5 a:last-child{grid-column:auto}}
.svc.n4{grid-template-columns:repeat(2,minmax(0,1fr))}
@media (max-width:640px){.svc.n4{grid-template-columns:minmax(0,1fr)}}
.svc.n4 a:last-child{grid-column:auto;grid-template-columns:none;grid-template-rows:auto 1fr}.svc.n4 a:last-child img{height:auto;aspect-ratio:3/2;max-height:none}.svc.n4 a:last-child div{padding:14px 16px 16px}
.galx.g3{grid-template-columns:repeat(3,minmax(0,1fr))}@media (max-width:640px){.galx.g3{grid-template-columns:repeat(2,minmax(0,1fr))}}
.galx.g2{grid-template-columns:repeat(2,minmax(0,1fr))}.galx.g4{grid-template-columns:repeat(4,minmax(0,1fr))}@media (max-width:900px){.galx.g4{grid-template-columns:repeat(2,minmax(0,1fr))}}
.galx[hidden]{display:none}.galx.galx-plus{margin-top:12px}
.galx-more{text-align:center;margin:18px 0 0}.galx-more .btn:focus-visible{outline:3px solid var(--tuile);outline-offset:3px}
.galx figure{align-content:start;align-items:start}.galx figcaption{margin:0;line-height:1.35}.in p>.btn{margin:6px 12px 6px 0}.team-txt p{margin:0 0 14px}.team-txt .lead{margin-bottom:14px}.in p.lead+p{margin-top:0}
.svc.n3{grid-template-columns:repeat(3,minmax(0,1fr))}
.svc.n3 a:last-child{grid-column:auto;grid-template-columns:none;grid-template-rows:auto 1fr}.svc.n3 a:last-child img{height:auto;aspect-ratio:3/2;max-height:none}.svc.n3 a:last-child div{padding:14px 16px 16px;align-self:auto}
@media (max-width:1100px){.svc.n3{grid-template-columns:minmax(0,1fr)}}
.lex{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:14px 0 0}
.lex>div{background:var(--creme);border-radius:12px;padding:14px 18px;min-width:0}
.lex dt{font-weight:800;color:var(--sapin);font-size:17px}.lex dd{margin:4px 0 0;font-size:15.5px}
@media (max-width:1100px){.lex{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:640px){.lex{grid-template-columns:minmax(0,1fr)}}
body.mobile .lex{grid-template-columns:minmax(0,1fr)}
/* Composant « Qui vient chez vous » : photos de l'équipe (groupe, 6 photos d'action, fiches repliables).
   Utilise les variables de la page (--sapin, --doux, --filet, --tuile, --appel) avec repli. */
.eq{display:grid;gap:18px;width:100%;max-width:none;margin:8px 0 0;min-width:0;justify-self:stretch}
.eq figure{margin:0;display:grid;gap:6px;min-width:0}
.eq img{display:block;width:100%;height:auto;border-radius:10px;background:var(--filet,#E4DED3)}
.eq figcaption{font-size:14px;font-weight:700;line-height:1.35;color:var(--sapin,#0B4A23)}
.eq-groupe img{aspect-ratio:2/1;object-fit:cover;object-position:50% 88%}
.eq-actions{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.eq-actions li{min-width:0}
.eq-actions img{aspect-ratio:1/1;object-fit:cover;object-position:var(--pos,50% 30%)}
.eq-plus{text-align:center}
.eq-plus[hidden],.eq-liste[hidden]{display:none}
.eq-btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 22px;border-radius:999px;font:inherit;font-weight:700;font-size:16px;cursor:pointer;border:2px solid var(--appel,#087A39);color:var(--appel,#087A39);background:transparent}
.eq-btn:focus-visible{outline:3px solid var(--tuile,#B27D57);outline-offset:3px}
.eq-liste{margin-top:18px;text-align:left}
.eq-total{margin:0 0 10px;font-weight:700;font-size:16px;color:var(--sapin,#0B4A23)}
.eq-metiers{list-style:none;margin:0;padding:0;border-top:1px solid var(--filet,#E4DED3)}
.eq-metiers li{display:grid;grid-template-columns:minmax(0,13em) minmax(0,1fr);gap:4px 18px;padding:12px 0;border-bottom:1px solid var(--filet,#E4DED3)}
.eq-metiers b{font-size:16px;color:var(--sapin,#0B4A23)}
.eq-metiers span{font-size:14.5px;color:var(--doux,#56625B)}
@media (max-width:640px){
  .eq{gap:14px}.eq-groupe img{aspect-ratio:4/3;object-position:56% 85%}
  .eq-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
  .eq-metiers li{grid-template-columns:minmax(0,1fr)}
  .eq-plus .eq-btn{width:100%;white-space:normal;text-align:center;padding:10px 18px}
}


:root{--blogbg:#FBF7F0}
.bband{background:var(--bink);color:#fff;display:flex;flex-wrap:wrap;gap:6px 18px;align-items:baseline;padding:12px 48px}
.bband a{color:#fff;font-weight:800;letter-spacing:.14em;text-decoration:none;font-size:15px}
.bband span{color:#CFE3D5;font-size:14.5px}
.blog{background:var(--blogbg);padding:34px 48px 10px}
.bh{max-width:1120px;margin:0 auto 26px;display:grid;gap:12px}
.bh .chip2{justify-self:start;background:var(--bacc);color:#fff;font-weight:700;font-size:13px;letter-spacing:.06em;text-transform:uppercase;padding:5px 13px;border-radius:999px;text-decoration:none}
.bh h1{font-size:clamp(28px,3.4vw,42px);line-height:1.15;color:var(--bink);max-width:24em}
.bh .lead2{font-size:19px;color:var(--doux);max-width:46em;line-height:1.55}
.bh .meta{font-size:14px;color:var(--doux)}
.bfeat{max-width:1120px;margin:0 auto 34px}
.bfeat img{display:block;width:100%;max-height:380px;object-fit:cover;border-radius:16px}
.bfeat figcaption{font-size:13.5px;color:var(--doux);margin-top:6px}
.bgrid{max-width:1120px;margin:0 auto;display:grid;grid-template-columns:230px minmax(0,1fr) 245px;grid-template-areas:"aside art right";gap:34px;align-items:start}
.bright{grid-area:right;position:sticky;top:16px;display:grid;gap:16px}
.bbox ul.plain{margin:0;padding:0;list-style:none;display:grid;gap:9px;font-size:14.5px;line-height:1.35}
.bbox ul.plain li{border-bottom:1px solid var(--bline);padding-bottom:8px}
.bbox ul.plain li:last-child{border:0;padding-bottom:0}
.baside,.bright{min-width:0}
.bbox .btn{white-space:normal;text-align:center;padding:8px 10px;line-height:1.25;font-size:14.5px}
.baside{grid-area:aside}
.bprog{position:fixed;top:0;left:0;height:4px;width:0;background:var(--bacc);z-index:99998}
.bbox .toc-rest{font-size:13px;color:var(--doux);margin:12px 0 0}
.bbox li.on a{color:var(--bacc);text-decoration:underline}
.bpost{clear:both;margin-top:34px;display:grid;gap:22px}
.bshare{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.bshare b{font-size:15px;color:var(--bink);margin-right:4px}
.bshare a,.bshare button{display:inline-flex;align-items:center;border-radius:10px;padding:9px 15px;font:700 13.5px Nunito,sans-serif;text-decoration:none;color:#fff!important;border:0;cursor:pointer}
.bshare .fb{background:#1877f2}.bshare .li{background:#0a66c2}.bshare .cp{background:var(--bink)}
.bauth{display:grid;grid-template-columns:64px 1fr;gap:16px;align-items:center;background:var(--bcard);border:1px solid var(--bline);border-radius:16px;padding:18px 20px}
.bauth img{width:64px;height:auto}
.bauth p{margin:0;font-size:15.5px;line-height:1.5}
.bask{background:var(--bcard);border:1px solid var(--bline);border-radius:16px;padding:18px 20px;display:grid;gap:10px}
.bask h3{margin:0;font-size:19px;color:var(--bink)}
.bask p{margin:0;font-size:15.5px}
.bask .row2{display:flex;flex-wrap:wrap;gap:10px}
.bnav{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.bnav a{border:1px solid var(--bline);border-radius:12px;padding:14px 16px;text-decoration:none;background:var(--bcard);color:var(--texte);display:grid;gap:4px}
.bnav small{color:var(--bacc);font-weight:700;text-transform:uppercase;letter-spacing:.07em;font-size:12px}
.bnav b{color:var(--bink);font-size:16px;line-height:1.3}
.bnav a.next{text-align:right}
.art{min-width:0;grid-area:art}
.art h2{font-size:clamp(22px,2.3vw,27px);color:var(--bink);margin:40px 0 12px;clear:both;scroll-margin-top:16px}
.art h3{font-size:19px;color:var(--bink);margin:26px 0 8px;clear:both}
.art p{margin:0 0 15px;font-size:17.5px;line-height:1.72}
.art ul,.art ol{margin:0 0 16px;padding-left:22px;display:grid;gap:7px;font-size:17.5px;line-height:1.6}
.art a{color:var(--blink);font-weight:600}
.art .resume{background:var(--bcard);border-left:5px solid var(--bacc);border-radius:12px;padding:18px 22px;margin:0 0 28px;box-shadow:0 1px 3px rgba(16,32,24,.07)}
.art .resume h2{margin:0 0 8px;font-size:20px}
.art .resume p,.art .resume li{font-size:16.5px}
.art figure{margin:6px 0 18px}
body:not(.mobile) .art figure{float:right;width:44%;margin:6px 0 16px 26px}
.art figure img{display:block;width:100%;height:auto;border-radius:12px}
.art figcaption{font-size:13.5px;color:var(--doux);margin-top:6px}
.art table{border-collapse:collapse;width:100%;margin:6px 0 20px;font-size:16px;clear:both;background:var(--bcard)}
.art th,.art td{border:1px solid var(--bline);padding:10px 12px;text-align:left;vertical-align:top}
.art th{background:var(--bsand);color:var(--bink)}
.art .tw{overflow-x:auto;clear:both}
.art .appel{background:#FFF4E5;border-left:5px solid var(--bacc);padding:16px 20px;border-radius:10px;margin:26px 0;clear:both}
.art .appel p{margin:0 0 10px}
.art .faq{max-width:none;clear:both}
.art .faq+p{margin-top:24px}
.baside{position:sticky;top:16px;display:grid;gap:16px}
.bbox{background:var(--bcard);border:1px solid var(--bline);border-radius:14px;padding:16px 18px}
.bbox h4{font-size:12.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--bacc);margin:0 0 10px}
.bbox ol{margin:0;padding-left:18px;display:grid;gap:7px;font-size:14.5px;line-height:1.4}
.bbox a{color:var(--bink);text-decoration:none;font-weight:600}
.bbox a:hover{text-decoration:underline}
.bbox a.b-appel{color:#fff}
.bbox .btn{width:100%;margin-top:10px;min-height:44px;font-size:15px}
.bmore{max-width:1120px;margin:34px auto 0;padding-bottom:30px}
.bmore h2{font-size:24px;color:var(--bink);margin:0 0 16px}
.bcards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.bcards a,.blogindex a.card2{display:grid;grid-template-rows:170px 1fr;border:1px solid var(--bline);border-radius:14px;overflow:hidden;text-decoration:none;color:var(--texte);background:var(--bcard)}
.bcards img,.blogindex .card2 img{width:100%;height:170px;object-fit:cover;display:block}
.bcards div,.blogindex .card2 div{padding:12px 16px 16px;display:grid;gap:5px;align-content:start}
.bcards b,.blogindex .card2 b{color:var(--bink);font-size:17px;line-height:1.3}
.bcards small,.blogindex small{color:var(--bacc);font-weight:700;text-transform:uppercase;letter-spacing:.07em;font-size:12px}
.bindex{padding:34px 48px 40px;background:var(--blogbg)}
.bindex .in2{max-width:1120px;margin:0 auto}
.bindex h1{color:var(--bink);font-size:clamp(30px,3.6vw,44px);margin:0 0 10px}
.bindex .lead2{font-size:19px;color:var(--doux);max-width:44em;margin:0 0 22px}
.filters{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 24px}
.filters button{border:1px solid var(--bline);background:var(--bcard);border-radius:999px;padding:8px 16px;font-weight:700;font-size:14.5px;color:var(--bink);cursor:pointer}
.filters button.on{background:var(--bink);color:#fff;border-color:var(--bink)}
.bfeature{display:grid;grid-template-columns:1.1fr 1fr;border:1px solid var(--bline);border-radius:18px;overflow:hidden;background:var(--bcard);text-decoration:none;color:var(--texte);margin-bottom:22px}
.bfeature img{width:100%;height:100%;min-height:300px;object-fit:cover;display:block}
.bfeature div{padding:26px 28px;display:grid;gap:10px;align-content:center}
.bfeature b{font-size:26px;line-height:1.2;color:var(--bink)}
.bfeature small{color:var(--bacc);font-weight:700;text-transform:uppercase;letter-spacing:.07em;font-size:12px}
.bfeature .more{color:var(--blink);font-weight:700}
.blogindex{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
body.mobile .bband,body.mobile .blog,body.mobile .bindex{padding-left:16px;padding-right:16px}
body.mobile .bgrid{grid-template-columns:1fr;grid-template-areas:"art" "aside" "right"}
body.mobile .bright{position:static}
body.mobile .bnav{grid-template-columns:1fr}
body.mobile .baside{position:static}
body.mobile .baside .toc{display:none}
body.mobile .bcards,body.mobile .blogindex{grid-template-columns:1fr}
body.mobile .bfeature{grid-template-columns:1fr}
body.mobile .bfeat img{max-height:240px}


:root{--bink:#2F3E46;--bdeep:#222E34;--bacc:#9A4F26;--bcu:#D18A5B;--blink:#2F3E46;--bcard:#FBF8F2;--bline:#DDD3C2;--blogbg:#F4EEE3;--bsand:rgba(47,62,70,.06);--btxt:#1F2B31;--bsoft:#4C5B62;--bserif:"Cormorant Garamond",Georgia,"Times New Roman",serif;--bsans:"Hanken Grotesk",Nunito,system-ui,sans-serif}
.blog,.bindex,.bband,.bfix,.bbox,.bask,.bauth,.bnav,.bcards,.blogindex,.bfeature,.art{font-family:var(--bsans)}
.bband{background:var(--bink);color:#F4EEE3;border:0;border-radius:14px;margin:14px 48px 0;padding:11px 20px;display:flex;flex-wrap:wrap;gap:4px 16px;align-items:baseline}
.bband a{color:var(--bcu);font-weight:800;letter-spacing:.14em;font-size:13px;text-decoration:none}
.bband span{color:#DDE3E5;font-size:14px}
.blog,.bindex{background:var(--blogbg)}
.blog{padding:26px 48px 8px}
.bh h1,.bindex h1,.art h2,.art h3,.bmore h2,.bask h3,.bfeature b,.bcards b,.blogindex .card2 b,.bnav b{font-family:var(--bserif);color:var(--bink)}
.bh h1{font-size:clamp(34px,3.6vw,46px);line-height:1.08;font-weight:700;letter-spacing:-.005em}
.bh .lead2{font-size:17px;color:var(--bsoft);line-height:1.6;max-width:44em}
.bh .chip2{background:transparent;color:var(--bacc);padding:0;border-radius:0;letter-spacing:.14em;font-size:12.5px;font-weight:800}
.bh .ariane,.bindex .ariane{background:transparent!important}
.bfeat img{max-height:320px;border-radius:16px}
.art p,.art li{font-size:16.5px;line-height:1.78;color:var(--btxt)}
.art h2{font-size:30px;line-height:1.15;font-weight:700;margin:36px 0 10px}
.art h3{font-size:22px;font-weight:700}
.art a{color:var(--bink);font-weight:700;text-decoration:underline;text-decoration-color:var(--bacc);text-underline-offset:3px}
.art a.btn,.art .bnav a,.art .bshare a{text-decoration:none}
.art .resume{background:var(--bcard);border:1px solid var(--bline);border-left:4px solid var(--bacc);border-radius:16px;box-shadow:0 2px 10px rgba(47,62,70,.07)}
.art .resume h2{font-size:24px}
.art .appel{background:var(--bcard);border:1px solid var(--bline);border-left:4px solid var(--bacc);border-radius:16px}
.bbox{background:var(--bcard);border:1px solid var(--bline);border-radius:16px;box-shadow:0 2px 10px rgba(47,62,70,.06)}
.bbox h4{color:var(--bacc)}
.bbox .toc-rest{color:var(--bsoft)}
.bbox a{color:var(--bink)}
.bbox ol{list-style:none;padding:0;counter-reset:t;gap:9px}
.bbox ol li{counter-increment:t;position:relative;padding-left:30px}
.bbox ol li::before{content:counter(t);position:absolute;left:0;top:0;width:20px;height:20px;border:1.5px solid var(--bacc);border-radius:50%;color:var(--bacc);font:700 11px/17px var(--bsans);text-align:center}
.bbox li.on a{color:var(--bacc);text-decoration:underline}
.bcards a,.blogindex a.card2,.bfeature,.bask,.bauth,.bnav a{border-radius:16px;border:1px solid var(--bline);background:var(--bcard);box-shadow:0 2px 10px rgba(47,62,70,.06)}
.bfeature small,.bcards small,.blogindex small,.bnav small{color:var(--bacc)}
.bfeature b{font-size:30px;line-height:1.1}
.bcards b,.blogindex .card2 b{font-size:21px;line-height:1.15}
.bmore h2{font-size:28px}
.bindex h1{font-size:clamp(38px,4vw,52px);line-height:1.05}
.bindex .lead2{color:var(--bsoft)}
.filters button{background:var(--bcard);border-color:var(--bline);color:var(--bink)}
.filters button.on{background:var(--bink);border-color:var(--bink);color:#F4EEE3}
.bfix{background:var(--bink);color:#F4EEE3;border:0;border-radius:18px;box-shadow:0 6px 22px rgba(34,46,52,.3);padding:9px 20px;left:auto;right:auto;transform:translateY(-140%)}
.bfix.on{transform:none}
.bfix a{color:var(--bcu);font-size:13px}
.bfix span{color:#DDE3E5}
.bfix .all{color:#F4EEE3}
body.mobile .bfix{padding:8px 14px}
.bprog{background:var(--bcu);z-index:3001}
.bshare .cp{background:var(--bink)}
body.mobile .bband{margin:10px 16px 0}
body.mobile .blog,body.mobile .bindex{padding-left:16px;padding-right:16px}
body.mobile .bh h1{font-size:32px}

@media(min-width:1101px){.ft{margin:0 48px 28px;border-radius:14px}.ft .top{padding:34px 36px !important}.ft .bot{padding:14px 36px !important}.ft .logo{height:auto;width:210px}.ft{margin-bottom:0;box-shadow:0 0 0 48px #E3EEE5}.sheet::after{content:"";display:block;height:48px;background:#E3EEE5}}.ft .logo{background:none !important;padding:0 !important;border-radius:0 !important}section:has(#devis){background:linear-gradient(180deg,#F3F7F2 0%,#E3EEE5 100%) !important}section:has(#devis) .form{background:#fff;border:1px solid #CFE0D3;border-top:6px solid #0A8B41;box-shadow:0 10px 30px rgba(11,74,35,.12)}section:has(#devis) .form h3{color:#0B4A23}
.hd nav .ico{width:42px !important;height:30px !important;object-fit:contain}.hd nav{gap:20px !important}.hd nav .blogtab a,.hd nav span a{display:inline-flex;align-items:center;gap:6px}.hd nav .ctatab a{background:#C8550F;color:#fff !important;padding:9px 20px;border-radius:999px;font-weight:800;text-decoration:none;box-shadow:0 3px 10px rgba(200,85,15,.35);letter-spacing:.2px}.hd nav .ctatab a:hover{background:#A8420A}.hd nav span.ctatab{padding:0}
#stk{position:fixed;top:0;z-index:3000;background:#fff;box-shadow:0 4px 18px rgba(0,0,0,.18);border-bottom:1px solid #E4DED3;transform:translateY(-110%);transition:transform .25s ease;visibility:hidden}#stk.on{transform:none;visibility:visible}#stk .desk-only .hd{padding:6px 48px;flex-wrap:nowrap;gap:18px;border:0}#stk .hd .logo{height:46px}#stk .hd nav{order:2;flex:1 1 auto;border:0;margin:0;padding:0;gap:16px !important;justify-content:flex-end;font-size:14.5px}#stk .hd .right{display:none}#stk .hd nav .ico{display:none}#stk .hd nav .ctatab a{padding:7px 16px}#stk .mob-only .mhd{padding:6px 14px}#stk .mhd img{height:38px;width:auto}@media(min-width:1101px){#stk .mob-only{display:none}}@media(max-width:1100px){#stk .desk-only{display:none}#stk .mob-only{display:block}}
nav[aria-label^="Menu principal"] span{position:relative}nav[aria-label^="Menu principal"] .dd{display:none;position:absolute;top:100%;left:0;z-index:2000;min-width:290px;background:#fff;border:1px solid #d9d2c6;border-radius:10px;box-shadow:0 8px 24px rgba(0,0,0,.16);padding:8px 0;margin-top:0}nav[aria-label^="Menu principal"] span:hover .dd,nav[aria-label^="Menu principal"] span:focus-within .dd{display:block}nav[aria-label^="Menu principal"] .dd a{display:block;padding:9px 18px;white-space:nowrap;text-decoration:none;font-weight:600;font-size:15px;color:#1c1c1c}nav[aria-label^="Menu principal"] .dd a:hover{background:#F6F1EA;color:#0A8B41}