*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--nuit: #080f09;--foret: #0e1e10;--foret-mid: #1a3a1e;--erable: #c0390e;--erable-cl: #d94d1f;--or: #c8922a;--or-cl: #e0b040;--creme: #f5ede0;--parchemin: #ede0cc;--texte: #1a120a;--gris: #6b5f52;--blanc: #ffffff;--border: rgba(180,140,100,.2);--max: 1200px}html{font-size:16px;scroll-behavior:smooth}body{font-family:Barlow,sans-serif;background:var(--creme);color:var(--texte);line-height:1.7;overflow-x:hidden}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.topbar{background:var(--erable);padding:7px 32px;display:flex;align-items:center;justify-content:space-between}.topbar-left{font-family:Barlow Condensed,sans-serif;font-size:11px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:#ffffffa6}.topbar-right{display:flex;gap:20px}.topbar-right a{font-size:11px;font-weight:600;letter-spacing:1.5px;text-transform:uppercase;color:#ffffffa6;transition:color .2s}.topbar-right a:hover{color:#fff}.nav{background:var(--nuit);padding:0 32px;display:flex;align-items:center;justify-content:space-between;height:72px;position:sticky;top:0;z-index:200;border-bottom:1px solid rgba(255,255,255,.06)}.nav-logo{display:flex;align-items:center;gap:12px}.nav-logo-text{font-family:Barlow Condensed,sans-serif;font-size:22px;font-weight:800;color:#fff;letter-spacing:1.5px;text-transform:uppercase;line-height:1}.nav-logo-text small{display:block;font-size:9px;font-weight:400;letter-spacing:3.5px;color:var(--or);margin-top:3px;text-transform:uppercase}.nav-links{display:flex;gap:28px;align-items:center}.nav-links a{font-size:11px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:#ffffff80;transition:color .2s}.nav-links a:hover{color:var(--or-cl)}.nav-cta{background:var(--erable);color:#fff!important;padding:9px 22px;font-size:10px;font-weight:700;letter-spacing:2px;text-transform:uppercase;transition:background .2s}.nav-cta:hover{background:var(--erable-cl)!important}.nav-burger{display:none;flex-direction:column;gap:5px;cursor:pointer;padding:4px;background:none;border:none}.nav-burger span{display:block;width:24px;height:2px;background:#ffffffb3;transition:all .25s}.nav-burger.open span:nth-child(1){transform:translateY(7px) rotate(45deg)}.nav-burger.open span:nth-child(2){opacity:0}.nav-burger.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.nav-mobile{display:none;position:fixed;inset:72px 0 0;background:var(--nuit);z-index:199;padding:32px;flex-direction:column;gap:4px;overflow-y:auto}.nav-mobile.open{display:flex}.nav-mobile a{font-family:Barlow Condensed,sans-serif;font-size:22px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:#fff9;padding:14px 0;border-bottom:1px solid rgba(255,255,255,.06);transition:color .2s}.nav-mobile a:hover{color:var(--or-cl)}.nav-mobile .nav-cta{margin-top:16px;display:inline-block;text-align:center;padding:14px 28px;color:#fff!important}.container{max-width:var(--max);margin:0 auto;padding:0 48px}@media(max-width:768px){.container{padding:0 20px}}.section{padding:80px 0}.section-label{font-family:Barlow Condensed,sans-serif;font-size:10px;font-weight:700;letter-spacing:3px;text-transform:uppercase;color:var(--erable);margin-bottom:10px;display:flex;align-items:center;gap:12px}.section-label:before{content:"";width:28px;height:1px;background:var(--erable)}.section-label-or{color:var(--or)}.section-label-or:before{background:var(--or)}.section-label-white{color:#fff6}.section-label-white:before{background:#fff6}.section-title{font-family:Playfair Display,serif;font-size:clamp(28px,4vw,40px);font-weight:700;margin-bottom:40px;line-height:1.15;color:var(--texte)}.section-title-light{color:#fff}.tag{display:inline-block;background:var(--erable);color:#fff;font-size:9px;font-weight:700;letter-spacing:2px;text-transform:uppercase;padding:4px 10px}.tag-or{background:var(--or);color:var(--foret)}.btn{display:inline-block;padding:13px 30px;font-family:Barlow Condensed,sans-serif;font-size:12px;font-weight:700;letter-spacing:2px;text-transform:uppercase;transition:all .2s;cursor:pointer}.btn-primary{background:var(--erable);color:#fff;border:2px solid var(--erable)}.btn-primary:hover{background:var(--erable-cl);border-color:var(--erable-cl)}.btn-outline{background:transparent;color:#fff;border:2px solid rgba(255,255,255,.3)}.btn-outline:hover{border-color:#fff}.btn-dark{background:var(--nuit);color:#fff;border:2px solid var(--nuit)}.btn-dark:hover{background:var(--foret-mid);color:var(--or-cl)}.page-hero{background:var(--foret);padding:80px 24px 68px;text-align:center;position:relative;overflow:hidden}.page-hero:before{content:"";position:absolute;inset:0;background-size:cover;background-position:center;opacity:.28}.page-hero-inner{position:relative;max-width:700px;margin:0 auto}.breadcrumb{font-size:11px;letter-spacing:1.5px;color:#ffffff59;margin-bottom:20px;text-transform:uppercase}.breadcrumb a{color:#ffffff59;transition:color .2s}.breadcrumb a:hover{color:var(--or)}.page-hero h1{font-family:Playfair Display,serif;font-size:clamp(32px,5vw,58px);font-weight:900;color:#fff;line-height:1.1;margin-bottom:18px}.page-hero p{font-size:17px;color:#fff9;max-width:560px;margin:0 auto;line-height:1.75}.page-hero .hero-line{display:inline-block;width:40px;height:2px;background:var(--erable);margin-bottom:22px}.article{max-width:820px;margin:0 auto;padding:64px 24px}.article h2{font-family:Playfair Display,serif;font-size:26px;font-weight:700;margin:44px 0 16px;color:var(--texte);border-left:3px solid var(--erable);padding-left:16px}.article p{margin-bottom:20px;font-size:16px;line-height:1.9;color:#4a3d2f}.article ul{margin:0 0 20px;list-style:none}.article ul li{margin-bottom:10px;font-size:15px;color:#4a3d2f;line-height:1.7;padding-left:18px;position:relative}.article ul li:before{content:"›";position:absolute;left:0;color:var(--erable);font-weight:700}.info-box{background:var(--blanc);border-left:4px solid var(--erable);padding:18px 22px;margin:28px 0}.info-box h3{font-family:Barlow Condensed,sans-serif;font-size:14px;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:var(--texte);margin-bottom:8px}.info-box p{font-size:14px;color:var(--gris);margin:0;line-height:1.7}.villes-nav{background:var(--blanc);border:1px solid rgba(180,140,100,.2);padding:20px;margin-top:48px}.villes-nav h3{font-family:Barlow Condensed,sans-serif;font-size:12px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--texte);margin-bottom:14px}.villes-links{display:flex;flex-wrap:wrap;gap:8px}.villes-links a{background:var(--creme);border:1px solid rgba(180,140,100,.3);padding:6px 14px;font-size:13px;color:var(--texte);font-weight:500;transition:all .2s}.villes-links a:hover{background:var(--erable);color:#fff}.cta-article{background:var(--foret);color:#fff;padding:28px 32px;margin:44px 0;border-left:4px solid var(--erable)}.cta-article h3{font-family:Playfair Display,serif;font-size:22px;font-weight:700;margin-bottom:8px}.cta-article p{color:#ffffffa6;font-size:14px;margin-bottom:16px}footer{background:var(--nuit);border-top:3px solid var(--erable);padding:64px 48px 32px}.footer-inner{max-width:var(--max);margin:0 auto 48px;display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:48px}.footer-brand-name{display:flex;align-items:center;gap:10px;margin-bottom:14px}.footer-brand-text{font-family:Barlow Condensed,sans-serif;font-size:20px;font-weight:800;color:#fff;letter-spacing:1.5px;text-transform:uppercase;line-height:1}.footer-brand-text small{display:block;font-size:9px;font-weight:400;letter-spacing:3px;color:var(--or);margin-top:3px}.footer-brand p{font-size:13px;color:#fff6;line-height:1.8;max-width:260px}footer h4{font-family:Barlow Condensed,sans-serif;font-size:9px;font-weight:700;letter-spacing:3px;text-transform:uppercase;color:#ffffff4d;margin-bottom:18px}footer ul{list-style:none}footer ul li{margin-bottom:10px}footer ul a{font-size:13px;color:#ffffff73;transition:color .2s}footer ul a:hover{color:var(--or-cl)}.footer-bottom{max-width:var(--max);margin:0 auto;padding-top:24px;border-top:1px solid rgba(255,255,255,.06);display:flex;justify-content:space-between;align-items:center;font-size:11px;color:#fff3;letter-spacing:.5px}.footer-bottom a{color:#ffffff59;transition:color .2s}.footer-bottom a:hover{color:var(--or)}@media(max-width:1024px){.nav-links{gap:18px}}@media(max-width:860px){.topbar{display:none}.nav{padding:0 20px}.nav-links{display:none}.nav-burger{display:flex}footer{padding:48px 20px 28px}.footer-inner{grid-template-columns:1fr;gap:28px}.footer-bottom{flex-direction:column;gap:8px;text-align:center}}