:root{--blue:#002bff;--ink:#20232b;--paper:#f4f5f6}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.55 system-ui,sans-serif}a{color:inherit}a:focus-visible{outline:3px solid var(--blue);outline-offset:4px}.frame{width:min(1200px,calc(100% - 48px));margin:auto}.mast{display:flex;justify-content:space-between;align-items:center;padding:16px 0;gap:12px}.mast img{width:112px;height:auto;display:block}.nav{display:flex;gap:8px 22px;flex-wrap:wrap;border-block:1px solid #ccd1da;padding:12px 0}.nav a{text-decoration:none;font-weight:650}.nav [aria-current]{color:var(--blue);text-decoration:underline;text-underline-offset:6px}.hero{display:grid;grid-template-columns:1fr 1fr;align-items:stretch;margin-top:30px;background:#fff}.hero div{padding:clamp(24px,5vw,68px)}.hero img{width:100%;height:100%;min-height:260px;max-height:480px;object-fit:cover}.hero.bois img{object-fit:contain;background:#e8e3da}.label{color:var(--blue);text-transform:uppercase;font-size:.8rem;font-weight:750;letter-spacing:.14em}h1{margin:10px 0 18px;font:400 clamp(2.6rem,5.8vw,5.7rem)/.97 Georgia,serif;letter-spacing:-.055em}.hero p:last-child{margin-bottom:0}.content{margin:26px auto 45px}.content .lb-widget{max-width:none;margin:0}.footer{padding:20px 0 32px;border-top:1px solid #ccd1da}.lb-rental-form input[readonly]{background:#f3f3f3}@media(max-width:650px){.frame{width:calc(100% - 28px)}.hero{grid-template-columns:1fr;margin-top:18px}.hero img{min-height:0;max-height:270px;aspect-ratio:16/9}.nav{gap:9px 17px}}


/* Les services reprennent les accents de l’accueil choisi. */
[data-maquette="03"] .hero div,[data-maquette="07"] .hero div,[data-maquette="08"] .hero div{background:#262b31;color:white}
[data-maquette="03"] .hero .label,[data-maquette="07"] .hero .label,[data-maquette="08"] .hero .label{color:#d7dfff}
[data-maquette="03"] h1,[data-maquette="04"] h1,[data-maquette="07"] h1,[data-maquette="09"] h1,[data-maquette="10"] h1{font-family:system-ui,sans-serif;font-weight:750}
[data-maquette="02"] .hero,[data-maquette="06"] .hero{border-block:1px solid #262b31}
[data-maquette="05"] .hero div{background:#eee8df}
[data-maquette="08"] .hero img{object-position:center 60%}
[data-maquette="10"] .hero{border-left:5px solid var(--blue)}
@media(min-width:651px){
  [data-maquette="04"] .hero,[data-maquette="09"] .hero{grid-template-columns:4fr 6fr}
  [data-maquette="02"] .hero,[data-maquette="06"] .hero{grid-template-columns:6fr 5fr}
}