/* Houtcraft — feuille de style « atelier »
   Couleurs du logo uniquement (bois brûlé, noyer, chêne, chêne clair, copeau) sur fond blanc.
   Titres en Barlow Condensed (comme les lettres gravées du logo), texte en Barlow, hébergées sur le serveur.
   Motif unique : le filet gradué, clin d'œil aux plans cotés en millimètres. */
@font-face{font-family:"Barlow";src:url(/assets/fonts/barlow-latin-400-normal.woff2) format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:"Barlow";src:url(/assets/fonts/barlow-latin-500-normal.woff2) format("woff2");font-weight:500 700;font-display:swap}
@font-face{font-family:"Barlow Condensed";src:url(/assets/fonts/barlow-condensed-latin-600-normal.woff2) format("woff2");font-weight:600;font-display:swap}
@font-face{font-family:"Barlow Condensed";src:url(/assets/fonts/barlow-condensed-latin-700-normal.woff2) format("woff2");font-weight:700;font-display:swap}

:root{
  --bois:#2B1B11; --bois-2:#3B2718; --noyer:#5C3A21;
  --chene:#8F5C2F; --chene-moyen:#A36E3C; --chene-clair:#C38C56; --chene-survol:#B47D48;
  --copeau:#F4EDE5; --copeau-2:#EADFD2; --sciure:#F1E6D8;
  --blanc:#FFFFFF; --fond:#FFFFFF;
  --texte:#2B2420; --texte-2:#5E544C; --texte-3:#6F655D;
  --filet:#E6DDD3; --filet-fonce:#CDBFB0; --photo:#EDE6DE;
  --titres:"Barlow Condensed","Arial Narrow","Roboto Condensed",sans-serif;
  --rayon:2px; --largeur:1240px;
  /* filet gradué : petite graduation tous les 10 px, grande tous les 50 px */
  --regle:linear-gradient(var(--chene),var(--chene)) left bottom/100% 1px no-repeat,
          repeating-linear-gradient(90deg,var(--chene) 0 1px,transparent 1px 10px) left bottom/100% 6px no-repeat,
          repeating-linear-gradient(90deg,var(--chene) 0 1px,transparent 1px 50px) left bottom/100% 13px no-repeat;
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--fond);color:var(--texte);font-family:"Barlow","Segoe UI","Helvetica Neue",Arial,sans-serif;font-size:17px;line-height:1.6}
img{max-width:100%;height:auto;display:block}
a{color:var(--chene);text-underline-offset:3px}
a:hover{color:var(--bois)}
:focus-visible{outline:3px solid var(--chene-clair);outline-offset:2px}
h1,h2,h3{font-family:var(--titres);font-weight:700;line-height:1.08;color:var(--bois);margin:0}
h1,h2{text-transform:uppercase;letter-spacing:.01em}
h3{font-weight:600;letter-spacing:.01em}
p{margin:0}
.conteneur{max-width:var(--largeur);margin:0 auto;padding:0 24px}
.masque{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.surtitre{font-family:var(--titres);font-weight:600;font-size:16px;letter-spacing:.16em;text-transform:uppercase;color:var(--chene-clair)}

/* Bandeau newsletter (affiché seulement quand les inscriptions sont ouvertes) */
.bandeau{display:block;background:var(--chene-clair);color:var(--bois);text-align:center;padding:8px 16px;font-family:var(--titres);font-weight:600;font-size:15px;letter-spacing:.08em;text-transform:uppercase;text-decoration:none}
.bandeau:hover{color:var(--bois);text-decoration:underline}

/* En-tête : une seule barre en bois brûlé */
.entete{background:var(--bois);position:relative;border-bottom:3px solid var(--chene)}
.entete-ligne{display:flex;align-items:center;gap:36px;min-height:88px}
.logo img{width:64px;height:62px;object-fit:cover;border-radius:var(--rayon)}
.nav{display:flex;align-items:center;gap:30px;margin-right:auto}
.nav a{text-decoration:none}
.nav > a,.nav > .deroulant > summary{font-family:var(--titres);font-weight:600;font-size:19px;letter-spacing:.06em;text-transform:uppercase;color:var(--sciure);padding:8px 0}
.nav > a:hover,.nav > .deroulant > summary:hover{color:var(--chene-clair)}
.nav > a[aria-current="page"],.deroulant summary.actif{color:var(--chene-clair);box-shadow:inset 0 -2px 0 var(--chene-clair)}
.entete-actions{display:flex;align-items:center;gap:22px}
.entete-question{font-size:15px;color:var(--sciure);text-decoration:none;border-bottom:1px solid rgba(241,230,216,.4)}
.entete-question:hover{color:var(--chene-clair);border-color:var(--chene-clair)}
/* boutons : chêne clair sur fond sombre, bois sur fond clair */
.bouton-cta{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 22px;border-radius:var(--rayon);background:var(--chene-clair);color:var(--bois);font-family:var(--titres);font-size:17px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;text-decoration:none;white-space:nowrap}
.bouton-cta:hover{background:var(--chene-survol);color:var(--bois)}
.bouton-contour{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 22px;border-radius:var(--rayon);border:1px solid currentColor;font-family:var(--titres);font-size:17px;font-weight:600;letter-spacing:.07em;text-transform:uppercase;text-decoration:none}
.bouton{display:inline-flex;justify-content:center;align-items:center;min-height:50px;padding:0 26px;border-radius:var(--rayon);background:var(--bois);color:#fff;font-family:var(--titres);font-size:18px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;text-decoration:none;border:none;cursor:pointer}
.bouton:hover{background:var(--noyer);color:#fff}
.bouton[aria-disabled="true"]{background:#A2968C;cursor:default}

/* Menu « Plans » : méga-menu sur grand écran (<details> natif, sans JavaScript) */
.deroulant summary{list-style:none;cursor:pointer}
.deroulant summary::-webkit-details-marker{display:none}
.deroulant-panneau{position:absolute;left:0;right:0;top:100%;z-index:20;display:grid;grid-template-columns:240px minmax(0,1fr) 260px;gap:40px;max-width:var(--largeur);margin:0 auto;padding:30px 24px 34px;background:#fff;border-bottom:3px solid var(--chene);box-shadow:0 18px 34px rgba(43,27,17,.18)}
.mega-liste{display:flex;flex-direction:column;border-right:1px solid var(--filet);padding-right:20px}
.mega-liste a,.mega-liste span{padding:7px 0;text-decoration:none;color:var(--texte)}
.mega-liste a:hover,.mega-liste a:focus-visible{color:var(--chene)}
.mega-liste a[aria-current="page"]{color:var(--chene)}
.mega-liste .deroulant-tous{font-family:var(--titres);font-size:16px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;border-bottom:1px solid var(--filet);margin-bottom:8px;padding-bottom:12px}
.mega-liste .deroulant-espace{font-family:var(--titres);font-size:20px;font-weight:600;text-transform:uppercase;letter-spacing:.03em}
.mega-liste .deroulant-sous{font-size:16px;padding:4px 0 4px 16px;color:var(--texte-2)}
.deroulant-bientot{color:#A2968C!important;cursor:default}
.deroulant-bientot small{font-family:"Barlow",sans-serif;font-size:12px;text-transform:none;letter-spacing:0;margin-left:6px}
.mega-cartes{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:28px;align-content:start}
.mega-carte{display:flex;flex-direction:column;gap:8px}
.mega-carte > a:first-child{display:flex;flex-direction:column;gap:12px;text-decoration:none}
.mega-carte img{width:100%;aspect-ratio:16/10;object-fit:cover;background:var(--photo)}
.mega-titre{font-family:var(--titres);font-size:22px;font-weight:700;text-transform:uppercase;letter-spacing:.02em;color:var(--bois)}
.deroulant-panneau .mega-lien{font-size:16px;color:var(--texte);text-decoration:none}
.deroulant-panneau .mega-lien::before{content:"›";margin-right:8px;color:var(--chene)}
.deroulant-panneau .mega-lien:hover{color:var(--chene)}
.deroulant-panneau .mega-lien-fort{font-weight:600;color:var(--chene)}
.mega-aide{display:flex;flex-direction:column;gap:9px;align-self:start;padding:22px;background:var(--copeau);border-top:3px solid var(--chene)}
.mega-aide-titre{font-family:var(--titres);font-size:19px;font-weight:700;text-transform:uppercase;letter-spacing:.03em;color:var(--bois)}
.langues{display:flex;border:1px solid rgba(241,230,216,.4);border-radius:var(--rayon);overflow:hidden;font-size:14px;font-weight:500}
.langues a{padding:7px 11px;text-decoration:none;color:var(--sciure)}
.langues a[aria-current="true"]{background:var(--chene-clair);color:var(--bois)}
.menu-mobile{display:none}

/* Filet gradué au-dessus des titres de page et de section */
.accroche h1::before,.tete-section h2::before,.centre-titre::before,.faq-cat h2::before,.pile h2::before{content:"";display:block;width:151px;height:13px;margin-bottom:16px;background:var(--regle)}

/* Titres de page */
.accroche{max-width:var(--largeur);margin:0 auto;padding:40px 24px 34px}
.accroche h1{font-size:clamp(38px,4.4vw,58px)}
.accroche p{max-width:780px;margin-top:14px;font-size:19px;color:var(--texte-2)}
.accroche strong{color:var(--texte)}

/* Accueil : bannière pleine largeur en bois brûlé (texte en HTML, jamais incrusté dans l'image) */
.hero{background:var(--bois);color:var(--sciure)}
.hero-grille{display:grid;grid-template-columns:minmax(0,6fr) minmax(0,5fr);gap:56px;align-items:center;padding-top:64px;padding-bottom:64px}
.hero-texte{display:flex;flex-direction:column;gap:20px}
.hero-texte h1{color:#fff;font-size:clamp(42px,5vw,72px);line-height:.98}
.hero-texte p{font-size:19px;color:#E4D8CA;max-width:560px}
.hero-texte p.surtitre{font-size:16px;color:var(--chene-clair)}
.hero-texte strong{color:#fff;font-weight:500}
.hero-boutons{display:flex;flex-wrap:wrap;gap:14px;margin-top:6px}
.hero .bouton-contour{color:var(--sciure)}
.hero .bouton-contour:hover{color:var(--chene-clair)}
.hero img{width:100%;aspect-ratio:4/3;object-fit:cover;background:var(--noyer)}

/* Réassurance */
.confiance{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-bottom:1px solid var(--filet)}
.confiance div{display:flex;align-items:center;gap:12px;padding:24px 20px;font-size:16px;font-weight:500;border-left:1px solid var(--filet)}
.confiance div:first-child{border-left:0;padding-left:0}
.confiance svg{flex-shrink:0}

/* Sections */
.section{padding:80px 0}
.section-teinte{background:var(--copeau)}
.section-sombre{background:var(--bois);color:var(--sciure)}
.section-sombre h2,.section-sombre h3{color:#fff}
.section-sombre .centre-titre::before{background:linear-gradient(var(--chene-clair),var(--chene-clair)) left bottom/100% 1px no-repeat,
  repeating-linear-gradient(90deg,var(--chene-clair) 0 1px,transparent 1px 10px) left bottom/100% 6px no-repeat,
  repeating-linear-gradient(90deg,var(--chene-clair) 0 1px,transparent 1px 50px) left bottom/100% 13px no-repeat}
.tete-section{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:32px}
.tete-section h2,.section h2{font-size:clamp(32px,3.4vw,46px)}
.lien-fort{font-family:var(--titres);font-weight:600;font-size:18px;letter-spacing:.06em;text-transform:uppercase;color:var(--chene)}
.lien-fort::after{content:" →"}
.centre-titre{margin-bottom:40px}

/* Comment ça marche */
.etapes{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0}
.etapes li{display:flex;flex-direction:column;gap:10px;padding:0 32px;border-left:1px solid rgba(241,230,216,.2)}
.etapes li:first-child{border-left:0;padding-left:0}
.etape-num{font-family:var(--titres);font-size:76px;font-weight:700;line-height:.9;color:var(--chene-clair)}
.etapes h3{font-size:26px;text-transform:uppercase}
.etapes p{color:#D9CBBB}

/* Cartes de service : aide, blog, communauté */
.grille-services{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}
.carte-service{display:flex;flex-direction:column;gap:10px;min-height:210px;padding:28px 28px 26px;background:#fff;border:1px solid var(--filet);border-top:5px solid var(--bois);text-decoration:none;color:var(--texte-2);font-size:17px;transition:border-color .15s}
.carte-service:hover{color:var(--texte-2);border-color:var(--filet-fonce)}
.carte-service-titre{font-family:var(--titres);font-size:28px;font-weight:700;line-height:1.05;text-transform:uppercase;color:var(--bois)}
.carte-service-lien{margin-top:auto;font-family:var(--titres);font-size:18px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--chene)}
.carte-service:hover .carte-service-lien{color:var(--bois)}
.carte-service-bois{border-top-color:var(--bois)}
.carte-service-chene{border-top-color:var(--chene)}
.carte-service-clair{border-top-color:var(--chene-clair)}

/* Cartes plans */
.grille-plans{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}
.carte{display:flex;flex-direction:column;text-decoration:none;background:#fff;color:var(--texte);border:1px solid var(--filet);border-bottom:3px solid var(--filet);transition:border-color .15s}
.carte:hover{color:var(--texte);border-bottom-color:var(--chene)}
.carte img{width:100%;aspect-ratio:4/3;object-fit:cover;background:var(--photo)}
.carte-corps{display:flex;flex-direction:column;gap:5px;padding:18px 20px 22px}
.carte-ref{font-family:var(--titres);font-size:14px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--chene)}
.carte-titre{font-family:var(--titres);font-size:25px;font-weight:600;line-height:1.1;color:var(--bois)}
.carte-sous{font-size:15px;color:var(--texte-2)}
.carte-prix{font-family:var(--titres);font-size:22px;font-weight:700;margin-top:8px;color:var(--bois)}
.carte:hover .carte-titre{color:var(--chene)}

/* Espaces (catégories) */
.grille-univers{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:22px}
.univers{display:flex;flex-direction:column;gap:12px;text-decoration:none;color:var(--bois)}
.univers:hover{color:var(--chene)}
.univers img{aspect-ratio:1/1;object-fit:cover;background:var(--photo)}
.univers-bas{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px}
.univers-nom{font-family:var(--titres);font-size:21px;font-weight:600;text-transform:uppercase;letter-spacing:.02em}
.univers-bientot img{opacity:.55;filter:grayscale(.4)}
.univers-bientot .univers-nom{color:var(--texte-3)}
.etiquette{font-family:var(--titres);font-size:13px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;padding:3px 8px;border:1px solid var(--filet-fonce);color:var(--texte-2);white-space:nowrap}
.etiquette-ok{background:var(--bois);border-color:var(--bois);color:var(--sciure)}

/* Deux colonnes */
.deux-col{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:64px;align-items:center}
.deux-col img{width:100%;aspect-ratio:4/3;object-fit:cover;background:var(--photo)}
.pile{display:flex;flex-direction:column;gap:18px}
.pile p{font-size:18px;color:var(--texte-2)}
.pile .bouton{align-self:flex-start}
.coches{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px;font-size:18px}
.coches li{display:flex;align-items:center;gap:12px}
.coches svg{flex-shrink:0}
.centre{text-align:center;max-width:760px;margin:0 auto;display:flex;flex-direction:column;gap:14px;align-items:center}
.centre p{font-size:18px;color:var(--texte-2)}

/* Newsletter */
.newsletter{display:flex;justify-content:space-between;align-items:center;gap:48px;padding:48px 52px;background:var(--copeau-2);border-left:6px solid var(--chene);margin-bottom:80px}
.newsletter h2{font-size:clamp(28px,3vw,40px);margin-bottom:10px}
.newsletter p{color:var(--texte-2)}
.newsletter form{display:flex;flex-direction:column;gap:8px}
.newsletter label{font-size:14px;font-weight:500;color:var(--texte)}
.newsletter .ligne{display:flex;gap:10px}
.newsletter input{width:300px;height:50px;padding:0 16px;border:1px solid var(--filet-fonce);border-radius:var(--rayon);background:#fff;font-size:16px;font-family:inherit}
.newsletter button{height:50px;padding:0 22px;border:none;border-radius:var(--rayon);background:var(--bois);color:#fff;font-family:var(--titres);font-size:17px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;cursor:pointer}
.newsletter button:disabled{opacity:.55;cursor:default}
.newsletter .note{font-size:14px;color:var(--texte-2)}

/* Fil d'Ariane et fiche plan */
.ariane{padding:22px 0 0;font-size:14px;color:var(--texte-3)}
.ariane a{color:var(--texte-2)}
.ariane span[aria-hidden]{margin:0 8px;color:var(--chene-clair)}
.fiche{display:grid;grid-template-columns:minmax(0,11fr) minmax(0,9fr);gap:56px;padding:24px 0 72px}
.galerie-principale{width:100%;aspect-ratio:8/7;object-fit:cover;background:var(--photo)}
.vignettes{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:10px}
.vignettes button{padding:0;border:2px solid transparent;cursor:pointer;background:var(--photo)}
.vignettes button[aria-pressed="true"]{border-color:var(--chene)}
.vignettes img{width:100%;aspect-ratio:1/1;object-fit:cover}
.fiche-infos{display:flex;flex-direction:column;gap:20px}
.fiche-ref{font-family:var(--titres);font-size:16px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--chene)}
.fiche-infos h1{font-size:clamp(36px,3.6vw,52px)}
.fiche-prix{font-family:var(--titres);font-size:38px;font-weight:700;color:var(--bois)}
.fiche-prix small{font-family:"Barlow",sans-serif;font-size:15px;font-weight:400;color:var(--texte-3)}
.fiche-infos p{font-size:18px;color:var(--texte-2)}
.fiche-infos .bouton{width:100%;min-height:58px;font-size:20px}
.fiche-note{font-size:14px;color:var(--texte-3);text-align:center}
.caracteristiques{margin:6px 0 0;border-top:2px solid var(--bois)}
.caracteristiques div{display:flex;justify-content:space-between;gap:24px;padding:13px 0;border-bottom:1px solid var(--filet);font-size:16px}
.caracteristiques dt{color:var(--texte-3)}
.caracteristiques dd{margin:0;text-align:right;font-weight:500}

/* Textes longs (pages légales, à propos) */
.texte-long{max-width:820px;margin:0 auto;padding:48px 24px 80px}
.texte-long h1{font-size:clamp(36px,4vw,52px);margin-bottom:26px}
.texte-long h2{font-size:26px;margin:34px 0 10px}
.texte-long p,.texte-long li{color:var(--texte-2);margin-bottom:12px}
.texte-long img{margin:8px 0 28px;width:100%;aspect-ratio:4/3;object-fit:cover}

/* Pied de page */
.pied{background:var(--bois);color:#CDBDAB;padding:56px 0 34px;font-size:15px;border-top:3px solid var(--chene)}
.pied a{color:var(--sciure);text-decoration:none}
.pied a:hover{color:var(--chene-clair);text-decoration:underline}
.pied-grille{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:40px}
.pied-grille div{display:flex;flex-direction:column;gap:9px}
.pied-titre{font-family:var(--titres);font-weight:700;font-size:17px;letter-spacing:.1em;text-transform:uppercase;color:var(--chene-clair)}
.pied-marque{font-family:var(--titres);font-size:32px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:#fff}
.pied-bas{display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px;margin-top:44px;padding-top:20px;border-top:1px solid #4A3424;font-size:14px}

/* Choix de langue et page 404 */
.choix{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:26px;padding:24px;text-align:center}
.choix img{width:160px;height:156px;object-fit:cover}
.choix-liens{display:flex;flex-wrap:wrap;justify-content:center;gap:14px}

/* FAQ : sommaire à gauche, questions en accordéon (<details> natif) */
.faq{display:grid;grid-template-columns:260px minmax(0,1fr);gap:56px;align-items:start;padding-bottom:72px}
.faq-sommaire{position:sticky;top:24px;display:flex;flex-direction:column;padding:20px 22px;background:var(--copeau);border-top:3px solid var(--chene)}
.faq-sommaire a{padding:7px 0;font-size:16px;text-decoration:none;color:var(--texte);border-bottom:1px solid var(--copeau-2)}
.faq-sommaire a:last-child{border-bottom:0}
.faq-sommaire a:hover{color:var(--chene)}
.faq-cat{margin-bottom:46px;scroll-margin-top:24px}
.faq-cat h2{font-size:clamp(28px,2.8vw,36px);margin-bottom:12px}
.faq-liste{display:flex;flex-direction:column}
.faq-q{border-bottom:1px solid var(--filet)}
.faq-q:first-of-type{border-top:1px solid var(--filet)}
.faq-q summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:17px 2px;font-size:18px;font-weight:500;color:var(--texte)}
.faq-q summary::-webkit-details-marker{display:none}
.faq-q summary::after{content:"+";flex-shrink:0;font-family:var(--titres);font-size:30px;font-weight:600;line-height:1;color:var(--chene)}
.faq-q[open] summary::after{content:"–"}
.faq-q summary:hover{color:var(--chene)}
.faq-r{padding:0 2px 18px}
.faq-r p:last-child,.faq-r ul:last-child{margin-bottom:0}
.faq-contact{margin-top:28px;padding:30px;background:var(--copeau);border-left:6px solid var(--chene);display:flex;flex-direction:column;align-items:flex-start;gap:12px}
.faq-contact h2{font-size:30px}
.faq-contact p{color:var(--texte-2)}

/* Réalisations des clients */
.grille-real{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}
.real{display:flex;flex-direction:column;background:#fff;border:1px solid var(--filet);border-bottom:3px solid var(--filet);scroll-margin-top:24px}
.real-photo{width:100%;aspect-ratio:4/3;object-fit:cover;background:var(--photo)}
.real-vignettes{display:flex;gap:8px;padding:10px 22px 0}
.real-vignettes img{width:72px;height:54px;object-fit:cover;background:var(--photo)}
.real-corps{display:flex;flex-direction:column;gap:10px;padding:20px 22px 24px}
.real h3{font-size:28px;text-transform:uppercase}
.real-titre{font-weight:500;color:var(--texte-2)}
.real-details{margin:4px 0 0;border-top:2px solid var(--bois)}
.real-details div{display:flex;justify-content:space-between;gap:18px;padding:9px 0;border-bottom:1px solid var(--filet);font-size:15px}
.real-details dt{color:var(--texte-3)}
.real-details dd{margin:0;text-align:right;font-weight:500}
.real blockquote{margin:8px 0 0;padding:4px 0 4px 16px;border-left:3px solid var(--chene-clair);font-style:italic;color:var(--texte-2)}
.real-date{font-size:14px;color:var(--texte-3)}
.real-compacte{text-decoration:none;color:var(--texte)}
.real-compacte:hover{color:var(--texte);border-bottom-color:var(--chene)}
.real-compacte img{width:100%;aspect-ratio:4/3;object-fit:cover;background:var(--photo)}
.real-nom{font-family:var(--titres);font-size:24px;font-weight:600;color:var(--bois)}
.real-compacte:hover .real-nom{color:var(--chene)}
.real-plan{font-size:15px;color:var(--texte-3)}
.partager{display:flex;justify-content:space-between;align-items:center;gap:40px;padding:38px 42px;background:var(--copeau);border-left:6px solid var(--chene);scroll-margin-top:24px}
.partager > div{display:flex;flex-direction:column;gap:12px;max-width:700px}
.partager h2{font-size:clamp(28px,3vw,38px)}
.partager p{color:var(--texte-2)}
.partager .coches{font-size:17px}
.partager-note{font-size:14px}
.partager .bouton-cta{background:var(--bois);color:#fff}
.partager .bouton-cta:hover{background:var(--noyer);color:#fff}

/* Blog et actualités */
.filtres{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:30px}
.filtres a{padding:7px 14px;border:1px solid var(--filet-fonce);font-family:var(--titres);font-size:16px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--texte);text-decoration:none}
.filtres a:hover{border-color:var(--chene);color:var(--chene)}
.filtres a[aria-current="page"]{background:var(--bois);border-color:var(--bois);color:var(--sciure)}
.carte-article .carte-sous{color:var(--texte-2)}
.prose{max-width:780px}
.prose h2{font-size:clamp(26px,2.6vw,34px);margin:36px 0 12px}
.prose h3{font-size:24px;margin:28px 0 10px}
.prose p,.prose li{font-size:18px;color:var(--texte-2);margin:0 0 14px}
.prose ul,.prose ol{padding-left:22px;margin:0 0 16px}
.prose figure{margin:24px 0}
.prose img{width:100%;height:auto;aspect-ratio:auto}
.prose .date{font-size:14px;color:var(--texte-3);margin:-10px 0 20px}
.prose .couverture{aspect-ratio:3/2;object-fit:cover;margin:0 0 28px}

/* Outils : convertisseur mm ↔ pouces */
.outil-page{display:flex;flex-direction:column;gap:48px;padding-bottom:72px}
.outil{padding:28px 30px 30px;background:var(--copeau);border-top:4px solid var(--bois)}
.outil-champs{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr) minmax(0,1fr);gap:18px}
.outil-champ{display:flex;flex-direction:column;gap:6px}
.outil-champ label{font-family:var(--titres);font-size:16px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--bois)}
.outil-champ input,.outil-champ select{height:54px;padding:0 14px;border:1px solid var(--filet-fonce);border-radius:var(--rayon);background:#fff;font-family:inherit;font-size:18px;color:var(--texte)}
.outil-champ input{font-family:var(--titres);font-size:28px;font-weight:600;font-variant-numeric:tabular-nums}
.outil-champ input:focus,.outil-champ select:focus{outline:none;border-color:var(--chene);box-shadow:0 0 0 3px var(--copeau-2)}
.outil-aide{margin-top:10px;font-size:15px;color:var(--texte-2)}
.outil-erreur{margin-top:6px;font-size:15px;font-weight:500;color:#9A3412}
.outil-resultats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;margin:22px 0 0;border-top:2px solid var(--bois)}
.outil-resultats div{display:flex;flex-direction:column;gap:2px;padding:14px 16px 14px 0;border-bottom:1px solid var(--filet-fonce)}
.outil-resultats dt{font-size:14px;color:var(--texte-3)}
.outil-resultats dd{margin:0;font-family:var(--titres);font-size:30px;font-weight:700;color:var(--bois);font-variant-numeric:tabular-nums}
.outil-resultats div:first-child dd{color:var(--chene)}
.outil-tables{display:grid;grid-template-columns:minmax(0,3fr) minmax(0,2fr);gap:40px;align-items:start}
.outil-tables h2::before{content:"";display:block;width:151px;height:13px;margin-bottom:14px;background:var(--regle)}
.outil-tables h2{font-size:clamp(26px,2.6vw,32px);margin-bottom:14px}
.tableau{overflow-x:auto}
.tableau table{width:100%;border-collapse:collapse;font-size:16px;font-variant-numeric:tabular-nums}
.tableau th{font-family:var(--titres);font-size:15px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;text-align:left;color:var(--texte-3);padding:8px 10px;border-bottom:2px solid var(--bois)}
.tableau td{padding:8px 10px;border-bottom:1px solid var(--filet)}
.tableau td:first-child{font-weight:600;color:var(--bois)}
.tableau tbody tr:nth-child(even){background:var(--copeau)}
.outil-texte{max-width:780px}
.fiche-conv{font-size:15px}
.fiche-conv a::before{content:"↔ ";color:var(--chene)}

/* Assistant « Une question ? » : bulle en bas à droite (<details> natif) */
.assistant{position:fixed;right:22px;bottom:22px;z-index:40}
.assistant-bulle{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:center;width:64px;height:64px;border-radius:50%;background:var(--bois);border:2px solid var(--chene-clair);box-shadow:0 6px 18px rgba(43,27,17,.3);overflow:hidden}
.assistant-bulle::-webkit-details-marker{display:none}
.assistant-bulle img{width:54px;height:54px;border-radius:50%;object-fit:cover}
.assistant-carte{position:absolute;right:78px;bottom:0;width:380px;display:flex;flex-direction:column;gap:6px;padding:22px 22px 20px;background:#fff;border-top:4px solid var(--chene);box-shadow:0 12px 34px rgba(43,27,17,.24)}
.assistant-titre{font-family:var(--titres);font-size:23px;font-weight:700;text-transform:uppercase;letter-spacing:.02em;color:var(--bois);padding-right:30px}
.assistant-sous{font-size:15px;color:var(--texte-2)}
.assistant-fermer{position:absolute;top:14px;right:14px;width:28px;height:28px;border:none;border-radius:50%;background:var(--copeau-2);color:var(--bois);font-size:20px;line-height:1;cursor:pointer}
.assistant-fermer:hover{background:var(--filet-fonce)}
.assistant-boutons{display:flex;gap:10px;margin-top:10px}
.assistant-boutons a{flex:1;display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 16px;border-radius:var(--rayon);font-family:var(--titres);font-size:18px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;text-decoration:none}
.assistant-ecrire{background:var(--bois);color:#fff}
.assistant-ecrire:hover{background:var(--noyer);color:#fff}
.assistant-chercher{background:var(--copeau-2);color:var(--bois)}
.assistant-chercher:hover{background:var(--filet-fonce);color:var(--bois)}
.assistant-recherche{margin-top:12px}
.assistant-recherche input{width:100%;height:44px;padding:0 14px;border:1px solid var(--filet-fonce);border-radius:var(--rayon);font-size:16px;font-family:inherit}
.assistant-recherche input:focus{outline:none;border-color:var(--chene);box-shadow:0 0 0 3px var(--copeau-2)}
.assistant-recherche ul{list-style:none;margin:8px 0 0;padding:0;max-height:260px;overflow:auto}
.assistant-recherche li a{display:flex;flex-direction:column;gap:1px;padding:8px 6px;border-bottom:1px solid var(--filet);text-decoration:none;color:var(--texte);font-size:15px}
.assistant-recherche li a:hover{color:var(--chene);background:var(--copeau)}
.assistant-type{font-family:var(--titres);font-size:13px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--chene)}
.assistant-vide{margin-top:10px;font-size:15px;color:var(--texte-2)}

/* Mobile */
@media (max-width:1100px){
  .nav{gap:20px}
  .nav > a,.nav > .deroulant > summary{font-size:17px}
  .entete-question{display:none}
}
@media (max-width:960px){
  .nav,.entete-actions{display:none}
  .entete-ligne{justify-content:space-between;min-height:72px;padding:0 12px 0 16px}
  .logo img{width:52px;height:50px}
  .menu-mobile{display:block;position:relative}
  .menu-mobile summary{list-style:none;cursor:pointer;width:44px;height:44px;display:flex;align-items:center;justify-content:center}
  .menu-mobile summary::-webkit-details-marker{display:none}
  .menu-mobile[open] .menu-panneau{display:flex}
  .menu-panneau{display:none;position:absolute;right:0;top:54px;z-index:10;width:min(300px,calc(100vw - 24px));flex-direction:column;gap:2px;padding:14px;background:#fff;border-top:3px solid var(--chene);box-shadow:0 12px 28px rgba(43,27,17,.22)}
  .menu-panneau a{padding:10px 8px;text-decoration:none;font-size:16px;color:var(--texte)}
  .menu-panneau > a,.menu-panneau > .deroulant > summary{font-family:var(--titres);font-size:20px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:var(--bois);padding:9px 8px}
  .menu-panneau > a.bouton-cta{padding:0 22px;margin-top:10px;background:var(--bois);color:#fff}
  .menu-panneau .deroulant-panneau{position:static;display:block;padding:0 0 6px;border:0;box-shadow:none}
  .menu-panneau .mega-cartes,.menu-panneau .mega-aide{display:none}
  .menu-panneau .mega-liste{border:0;padding:0}
  .menu-panneau .mega-liste a,.menu-panneau .mega-liste span{padding:7px 8px 7px 18px;display:block}
  .menu-panneau .mega-liste .deroulant-espace{font-size:18px}
  .menu-panneau .mega-liste .deroulant-sous{padding-left:32px;font-size:15px}
  .menu-panneau .mega-liste .deroulant-tous{border-bottom:0;margin:0;padding-bottom:7px}
  .menu-panneau .langues{margin-top:8px;align-self:flex-start;border-color:var(--filet-fonce)}
  .menu-panneau .langues a{color:var(--texte)}
  .accroche{padding:28px 24px 24px}
  .hero-grille{grid-template-columns:minmax(0,1fr);gap:28px;padding-top:36px;padding-bottom:40px}
  .confiance{grid-template-columns:repeat(2,minmax(0,1fr))}
  .confiance div{padding:16px 12px;font-size:15px}
  .confiance div:nth-child(odd){border-left:0;padding-left:0}
  .confiance div:nth-child(n+3){border-top:1px solid var(--filet)}
  .section{padding:48px 0}
  .etapes,.grille-services,.grille-plans,.grille-real{grid-template-columns:minmax(0,1fr);gap:24px}
  .etapes li{padding:0 0 0 18px;border-left:2px solid var(--chene-clair)}
  .etapes li:first-child{padding-left:18px;border-left:2px solid var(--chene-clair)}
  .carte-service{min-height:0}
  .grille-univers{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
  .deux-col{grid-template-columns:minmax(0,1fr);gap:26px}
  .newsletter{flex-direction:column;align-items:stretch;padding:30px 22px;gap:18px;margin-bottom:48px}
  .newsletter .ligne{flex-direction:column}
  .newsletter input{width:100%}
  .fiche{grid-template-columns:minmax(0,1fr);gap:28px;padding-bottom:44px}
  .pied-grille{grid-template-columns:minmax(0,1fr);gap:26px}
  .tete-section{flex-direction:column;align-items:flex-start;gap:6px}
  .faq{grid-template-columns:minmax(0,1fr);gap:26px;padding-bottom:44px}
  .faq-sommaire{position:static}
  .partager{flex-direction:column;align-items:flex-start;padding:26px 20px;gap:20px}
  .outil{padding:20px 18px 22px}
  .outil-champs,.outil-tables{grid-template-columns:minmax(0,1fr);gap:14px}
  .outil-resultats{grid-template-columns:repeat(2,minmax(0,1fr))}
  .outil-resultats dd{font-size:24px}
  .assistant{right:14px;bottom:14px}
  .assistant-bulle{width:56px;height:56px}
  .assistant-bulle img{width:46px;height:46px}
  .assistant-carte{right:0;bottom:68px;width:calc(100vw - 28px);max-width:380px}
}
@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
@media print{.assistant,.menu-mobile{display:none}}