:root{--bleu:#269ed3;--vert:#0fd186;--rose:#f22277;--jaune:#f7ba0f;--violet:#532eed;--noir:#000;--blanc:#fff;--gris:#f6f6f8;--gris-txt:#555;--font:"Myriad Pro", "Source Sans 3", -apple-system, Segoe UI, Helvetica, Arial, sans-serif}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font);color:var(--noir);background:var(--blanc);font-size:17px;line-height:1.65}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}.container{max-width:1180px;margin:0 auto;padding:0 24px}h1,h2,h3{font-weight:900;line-height:1.15}h2{text-transform:uppercase;letter-spacing:.4px;margin-bottom:16px;font-size:clamp(26px,3.6vw,40px)}h3{font-size:19px}p{margin-bottom:14px}section{padding:84px 0}.eyebrow{text-transform:uppercase;letter-spacing:2.5px;color:var(--gris-txt);align-items:center;gap:6px;margin-bottom:12px;font-size:12px;font-weight:700;display:inline-flex}.ticks{gap:5px;display:inline-flex}.tick{border-radius:2px;width:20px;height:6px}.t-bleu{background:var(--bleu)}.t-vert{background:var(--vert)}.t-rose{background:var(--rose)}.t-jaune{background:var(--jaune)}.t-violet{background:var(--violet)}.btn{text-transform:uppercase;letter-spacing:1px;cursor:pointer;border:2px solid var(--noir);border-radius:5px;padding:15px 28px;font-size:13px;font-weight:700;transition:transform .15s,box-shadow .15s;display:inline-block}.btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px #00000024}.btn-primary{background:var(--noir);color:var(--blanc)}.btn-outline{color:var(--noir);background:0 0}.btn-white{background:var(--blanc);color:var(--noir);border-color:var(--blanc)}.btn-ghost{color:var(--blanc);border-color:var(--blanc);background:0 0}.center{text-align:center}.muted{color:var(--gris-txt)}header{z-index:100;background:var(--blanc);border-bottom:1px solid #ececec;position:sticky;top:0}.nav{justify-content:space-between;align-items:center;height:80px;display:flex}.nav .brand img{width:auto;height:52px}.nav-links{text-transform:uppercase;letter-spacing:1px;gap:28px;font-size:13px;font-weight:700;display:flex}.nav-links .nav-link{border-bottom:2px solid #0000;padding:6px 0;transition:border-color .15s}.nav-links .nav-link:hover,.nav-links.on{border-color:var(--noir)}.nav-cta{padding:12px 20px;font-size:12px}@media (max-width:900px){.nav-links{display:none}}footer{color:#bbb;background:#0b0b0b;padding:60px 0 28px;font-size:14px}footer .cols{grid-template-columns:2fr 1fr 1fr 1fr;gap:40px;margin-bottom:40px;display:grid}footer .brand img{width:150px;margin-bottom:16px}footer h4{color:var(--blanc);text-transform:uppercase;letter-spacing:1.5px;margin-bottom:12px;font-size:12px}footer a{padding:4px 0;display:block}footer a:hover{color:var(--blanc)}footer .legal{color:#777;border-top:1px solid #222;flex-wrap:wrap;justify-content:space-between;gap:12px;padding-top:20px;font-size:12px;display:flex}@media (max-width:900px){footer .cols{grid-template-columns:1fr 1fr}}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}.burger{border:2px solid var(--noir);cursor:pointer;background:#fff;border-radius:6px;flex:none;width:44px;height:44px;display:none;position:relative}.burger span{background:#000;height:2px;transition:all .2s;position:absolute;left:10px;right:10px}.burger span:first-child{top:13px}.burger span:nth-child(2){top:20px}.burger span:nth-child(3){top:27px}.cta-m{display:none}@media (max-width:900px){.burger{display:block}.nav-cta{display:none}header.open .nav-links{z-index:99;background:#fff;border-bottom:1px solid #ececec;flex-direction:column;gap:0;padding:10px 24px 18px;display:flex;position:absolute;top:80px;left:0;right:0;box-shadow:0 14px 30px #00000014}header.open .nav-links a{border-bottom:1px solid #f0f0f0;padding:13px 0;font-size:14px}header.open .nav-links a.cta-m{color:#fff;text-align:center;background:#000;border:0;border-radius:6px;margin-top:12px;padding:14px;display:block}header.open .burger span:first-child{top:20px;transform:rotate(45deg)}header.open .burger span:nth-child(2){opacity:0}header.open .burger span:nth-child(3){top:20px;transform:rotate(-45deg)}}.nav-links a.on{border-color:var(--noir)}#gammes,#blog,#collectivites,#concept,#zone,#faq,#moments,#calendrier,#formats,#offres,#services,#grille{scroll-margin-top:84px}
