.opening{display:contents}:root{--navy:#0e2841;--steel:#156082;--sky:#0f9ed5;--orange:#e97132;--ink:#1f2d3a;--muted:#52606d;--line:#e2ddd3;--paper:#f7f5f0;--card:#fff}*{box-sizing:border-box}body{background:var(--paper);color:var(--ink);margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:clamp(15px,.45vw + 10.9px,18.3px);line-height:1.6}h1,h2,h3{color:var(--navy);margin:0;line-height:1.25}p{margin:0 0 1em}a{color:var(--steel)}.site-footer{color:var(--muted);padding:18px 0 28px;font-size:.85em}.site-footer .wrap{flex-wrap:wrap;align-items:center;gap:6px 18px;display:flex}.site-footer a{color:var(--muted);text-underline-offset:3px;padding:10px 0;text-decoration:underline}.site-footer a:hover{color:var(--navy)}a:focus-visible,button:focus-visible{outline:3px solid var(--orange);outline-offset:3px}.wrap{width:100%;padding:0 clamp(20px,5vw,120px)}.band{padding-top:clamp(14px,2.4vh,28px);padding-bottom:clamp(18px,2.8vh,36px)}.band h1,.band .slogan{color:#fff;text-align:center;letter-spacing:-.01em;max-width:22em;margin:0 auto;font-size:clamp(24px,3.2vw,48px);font-weight:700;line-height:1.25}.band h1{text-shadow:0 2px 14px #042c50f2,0 0 3px #042c50cc}.accent{color:var(--orange)}@media (width>=901px) and (height>=620px){.band h1,.band .slogan{max-width:none;font-size:min(2.3vw,3.9vh)}}@media (width<=900px){.band h1,.band .slogan{text-align:left;margin-left:0}}.site-header{z-index:10;color:#fff;background:linear-gradient(#042c5066,#042c5066),url(/images/bandeau-accueil.webp) 50% 85%/cover no-repeat,#042c50;position:sticky;top:0}.site-header:has(.band){position:relative}.band-net{z-index:0;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.band{z-index:1;position:relative}.bar-slot{z-index:2;position:relative}.site-header.tall{background:linear-gradient(#042c5099,#042c5099),url(/images/bandeau-accueil.webp) 50%/cover no-repeat,#042c50;border-radius:0 0 clamp(20px,3vw,44px) clamp(20px,3vw,44px)}.site-header.tall .band{flex-direction:column;justify-content:center;align-items:center;gap:clamp(14px,2.4vh,28px);min-height:clamp(300px,46vh,460px);padding-top:clamp(24px,4vh,48px);padding-bottom:clamp(32px,6vh,72px);display:flex}.site-header.tall .band h1{max-width:17em;font-size:clamp(28px,4.2vw,64px)}.site-header.tall .band .announce{font-size:1em}.band .announce{color:#fff;letter-spacing:.14em;text-transform:uppercase;text-shadow:0 1px 8px #042c50e6;align-items:center;gap:16px;margin:0;font-size:1.3em;font-weight:700;display:flex}.band .announce:before,.band .announce:after{content:"";background:var(--orange);width:36px;height:3px}.stuck{padding-top:var(--bar-h,0px)}.stuck .bar-slot{z-index:20;background:#042c50;position:fixed;top:0;left:0;right:0;box-shadow:0 2px 8px #00000040}.bar{justify-content:space-between;align-items:center;gap:16px;padding-top:4px;padding-bottom:4px;display:flex;position:relative}.brand img{width:auto;height:40px;display:block}nav{align-items:center;gap:clamp(14px,1.8vw,28px);margin-left:auto;font-size:15px;display:flex}.lang{margin-left:clamp(14px,1.8vw,28px)}nav a[aria-current=page]:not(.cta-small){border-bottom:3px solid var(--orange);padding-bottom:4px;font-weight:700}.menu-toggle,.burger{display:none}nav a{color:#fff;text-decoration:none}@media (width>=1001px){nav a:not(.cta-small){margin:-12px 0;padding:12px 0}nav a[aria-current=page]:not(.cta-small){background:linear-gradient(var(--orange), var(--orange)) bottom 8px center / 100% 3px no-repeat;border-bottom:0;padding-bottom:12px}}.cta-small{border:1px solid #ffffffb3;border-radius:4px;padding:12px 20px}.cta-small:hover{background:#fff;border-color:#fff;color:var(--navy)!important}.lang{white-space:nowrap;color:#fff9;background:0 0;align-items:center;gap:0;padding:0;font-size:14px;display:inline-flex}.lang>span[aria-hidden]{color:#ffffff80}.lang a{color:#ffffffd9;text-align:center;min-width:44px;padding:14px 8px;display:inline-block}.band-cta{color:#fff;background:#b9501a;border:2px solid #b9501a;border-radius:999px;padding:.8em 1.6em;font-weight:700;text-decoration:none;display:inline-block;box-shadow:0 8px 24px -8px #00000080}.band-cta:hover{background:#9f4314;border-color:#9f4314}.band-cta.alt{box-shadow:none;background:0 0;border-color:#fff}.band-cta.alt:hover{color:var(--navy);background:#fff}.band-ctas{flex-wrap:wrap;justify-content:center;gap:12px 16px;display:flex}.lang .globe{color:#ffffffd9;flex:none;width:16px;height:16px;margin:0 4px 0 0}@media (width<=420px){.lang .globe{display:none}.brand img{height:24px}}.lang a:hover{color:#fff}.lang a[aria-current]{color:#fff;background:linear-gradient(var(--orange), var(--orange)) bottom 10px center / calc(100% - 16px) 3px no-repeat;font-weight:700}@media (width<=1000px){.brand img{height:29px}.lang{margin-left:auto}.menu-toggle{opacity:0;pointer-events:none;width:1px;height:1px;display:block;position:absolute}.menu-toggle:focus-visible~.bar-slot .burger{outline:3px solid var(--orange);outline-offset:3px}.burger{cursor:pointer;border:1px solid #ffffff80;border-radius:4px;flex:none;justify-content:center;align-items:center;width:44px;height:44px;margin-left:10px;display:flex}.burger span,.burger span:before,.burger span:after{content:"";background:#fff;width:20px;height:2px;display:block;position:relative}.burger span:before{position:absolute;top:-6px}.burger span:after{position:absolute;top:6px}nav{background:#0e2841;flex-direction:column;align-items:stretch;gap:0;margin:0;padding:8px clamp(20px,5vw,120px) 16px;font-size:17px;display:none;position:absolute;top:100%;left:0;right:0;box-shadow:0 8px 16px #00000040}.menu-toggle:checked~.bar-slot .bar nav{display:flex}nav a{border-bottom:1px solid #ffffff26;padding:12px 0}nav a[aria-current=page]:not(.cta-small){color:var(--orange);border-bottom:1px solid #ffffff26}.cta-small{text-align:center;border-bottom:1px solid #ffffffb3;margin-top:12px}}@media (prefers-reduced-motion:no-preference){.js .rv{opacity:0;transition:opacity .5s,transform .5s,box-shadow .25s;transform:translateY(14px)}.js .rv.in{opacity:1;transform:none}}@media (hover:hover) and (prefers-reduced-motion:no-preference){.projects article,.about .blocks section,.mango .phases section,.steps li,.cases article,.contact .card{transition:transform .25s,box-shadow .25s}.projects article:hover,.about .blocks section:hover,.mango .phases section:hover,.steps li:hover,.cases article:hover,.contact .card:hover,.js .projects article.rv.in:hover,.js .about .blocks section.rv.in:hover,.js .mango .phases section.rv.in:hover,.js .steps li.rv.in:hover,.js .cases article.rv.in:hover,.js .contact .card.rv.in:hover{transform:translateY(-3px);box-shadow:0 8px 18px #0e28411f}.cta,.cta-small,.mango .cta{transition:background-color .2s,transform .2s}.cta:hover,.mango .cta:hover{transform:translateY(-1px)}}
