*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;background:#F4F9FC;color:#0B2A44;font-family:Inter,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif}
img{max-width:100%}
a{color:#0B2A44;text-decoration:none}a:hover{color:#A8460C}
.on-photo a{color:#FFFFFF}.on-photo a:hover{color:#A9DCF7}
a:focus-visible,button:focus-visible{outline:2px solid #1F6FAE;outline-offset:2px}
html[data-theme="dark"] a:focus-visible,html[data-theme="dark"] button:focus-visible,.on-photo a:focus-visible,.on-photo button:focus-visible{outline-color:#A9DCF7}
/* !important : la bordure des champs est écrite en style en ligne. */
input:focus,textarea:focus,select:focus{outline:0;border-color:#1F6FAE!important;box-shadow:inset 0 0 0 1px #1F6FAE}
html[data-theme="dark"] input:focus,html[data-theme="dark"] textarea:focus,html[data-theme="dark"] select:focus{border-color:#5DB4EA!important;box-shadow:inset 0 0 0 1px #5DB4EA}
.kb{animation:kb 18s ease-in-out infinite alternate}
@keyframes kb{from{transform:scale(1)}to{transform:scale(1.08)}}
.fill{animation:fill var(--slide-duree,5s) linear both}
@keyframes fill{from{width:0}to{width:100%}}
.card img,.tile img{transition:transform .6s ease}.card:hover img,.tile:hover img{transform:scale(1.05)}
.bento{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.w2{grid-column:span 2}
@media (max-width:960px){.bento{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:560px){.bento{grid-template-columns:minmax(0,1fr)}.w2{grid-column:auto}}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.kb{animation:none}.fill{animation:none;width:100%}[data-w]{transition:none!important}}
@media (min-width:761px) and (max-width:1180px){
  .main-nav a{padding:12px 8px!important}
  .hdr-cta{display:none!important}
}
@media (max-width:760px){
  .util-bar{display:none}
  .hdr-cta{display:none!important}
  .hdr-row{gap:10px!important;padding-top:14px!important;padding-bottom:10px!important}
  .hdr-row > .logo-plate{order:1}
  .hdr-row > :not(.logo-plate):not(.main-nav){order:2}
  .main-nav{order:3;flex-wrap:nowrap!important;overflow-x:auto;width:100%;scrollbar-width:none;-webkit-overflow-scrolling:touch}
  .main-nav::-webkit-scrollbar{display:none}
  .main-nav a{white-space:nowrap;padding:12px 10px!important}
  .logo-plate{padding:6px 12px!important;gap:10px!important}
  .logo-plate img{height:24px!important}
  #sl-name{display:none}
  [style*="padding: 150px 0 112px"]{padding:150px 0 120px!important;gap:14px!important}
}

/* ---------- Mode jour / mode nuit ---------- */
.ic-sun{display:none}
html[data-theme="dark"] .ic-sun{display:block}
html[data-theme="dark"] .ic-moon{display:none}
body{transition:background-color .3s,color .3s}
html[data-theme="dark"]{
  color-scheme:dark;
  --ink-rgb:230,240,248;
  --bg-F4F9FC:#0B1622;--bg-FFFFFF:#13212F;--bg-EAF6FD:#102536;--bg-A9DCF7:#12324B;--bg-7CC4EE:#1B4A6E;
  --bg-C4E6FA:#173B57;--bg-DCEFFB:#15293A;--bg-E6F4EC:#12302A;--bg-CDEBD9:#143A2B;--bg-DDF3E7:#12302A;
  --bg-FFE3C4:#3A2716;--bg-FFE9D3:#3A2716;--bg-FFF6EC:#261C12;--bg-E2ECF3:#22364A;--bg-C9DCE8:#2C4359;
  --bg-1F6FAE:#5DB4EA;--bg-0B2A44:#E6F0F8;--bg-1D6B45:#4CC38A;--bg-6B2F06:#F0A86A;--bg-2E86C9:#3E9BDA;--bg-F28C28:#D9741C;
  --fg-0B2A44:#E6F0F8;--fg-1E3B55:#C9D8E6;--fg-2F4C66:#A9BCCD;--fg-3B5068:#A9BCCD;--fg-4A5E72:#9FB2C4;
  --fg-1F6FAE:#7CC4EE;--fg-1D6B45:#6FD3A0;--fg-6B2F06:#F5B98A;--fg-8A3A08:#F5B98A;--fg-A8460C:#F6A04D;
  --bd-DCE8F0:#23384B;--bd-E2ECF3:#22364A;--bd-C9DCE8:#2C4359;--bd-A9DCF7:#2C5878;--bd-8FC5E6:#2C5878;--bd-0B2A44:#E6F0F8;
}
html[data-theme="dark"] body{background:#0B1622;color:#E6F0F8}
html[data-theme="dark"] a{color:#E6F0F8}
html[data-theme="dark"] a:hover{color:#F6A04D}
html[data-theme="dark"] .on-photo a:hover{color:#A9DCF7}
html[data-theme="dark"] .logo-plate,html[data-theme="dark"] .keep-white{background:#FFFFFF!important}
html[data-theme="dark"] .logo-plate span[aria-hidden],html[data-theme="dark"] .keep-white span[aria-hidden]{background:#C9DCE8!important}
html[data-theme="dark"] a[style*="var(--bg-A9DCF7"],html[data-theme="dark"] button[style*="var(--bg-A9DCF7"]{background:#A9DCF7!important;color:#0B2A44!important}
html[data-theme="dark"] .on-photo span[style*="var(--bg-A9DCF7"]{background:#A9DCF7!important}
html[data-theme="dark"] [style*="background: rgba(255,255,255,0.6)"]{background:rgba(255,255,255,0.06)!important;border-color:rgba(255,255,255,0.14)!important}
html[data-theme="dark"] span[aria-hidden][style*="height: 4px"][style*="var(--bg-FFFFFF"]{background:#5DB4EA!important}
html[data-theme="dark"] [fill="#F4F9FC"]{fill:#0B1622}
html[data-theme="dark"] [fill="#7CC4EE"]{fill:#1B4A6E}
html[data-theme="dark"] [style*="var(--bg-F28C28"]{color:#0B2A44!important}
html[data-theme="dark"] button[style*="var(--bg-0B2A44"],html[data-theme="dark"] span[style*="var(--bg-0B2A44"]{background:#A9DCF7!important;color:#0B2A44!important}
html[data-theme="dark"] [style*="rgba(107,47,6,0.14)"]{background:rgba(245,185,138,0.2)!important}
html[data-theme="dark"] [stroke="#0B2A44"]{stroke:#E6F0F8}
html[data-theme="dark"] [stroke="#E2ECF3"]{stroke:#22364A}
html[data-theme="dark"] [stroke="#1F6FAE"]{stroke:#5DB4EA}
html[data-theme="dark"] [stroke="#6B2F06"]{stroke:#F5B98A}
html[data-theme="dark"] input::placeholder{color:#7F93A6}
[data-num]{font-variant-numeric:tabular-nums}
[data-anim="seg"] span{transform:scaleY(0);transform-origin:50% 100%;transition:transform .45s cubic-bezier(.2,.7,.2,1)}
[data-anim="seg"].on span{transform:none}
@media (prefers-reduced-motion:reduce){[data-anim="seg"] span{transform:none;transition:none}}
/* ---------- Lecteur vidéo façon Netflix ---------- */
.nfx .ic-sound{display:none}
.nfx.sound-on .ic-sound{display:block}
.nfx.sound-on .ic-muted{display:none}
.nfx-mute{opacity:0;pointer-events:none;transition:opacity .5s}
.nfx[data-state="playing"] .nfx-mute,.nfx[data-state="quiet"] .nfx-mute{opacity:1;pointer-events:auto}
.nfx-replay{display:none}
.nfx[data-state="ended"] .nfx-replay{display:flex}
.nfx[data-state="playing"] .nfx-video,.nfx[data-state="quiet"] .nfx-video{opacity:1!important}
.nfx[data-state="quiet"] .nfx-desc{opacity:0;max-height:0!important;margin-top:-14px!important}
.nfx[data-state="quiet"] .nfx-title{transform:scale(.6)}
.nfx[data-state="quiet"] .nfx-shade{opacity:.6}
.nfx[data-state="quiet"] .nfx-tag{opacity:0}
.nfx-tag{transition:opacity .8s}
.nfx-btn:hover{background:rgba(255,255,255,.18)!important}
.nfx-play:hover{background:rgba(255,255,255,.82)!important}
.nfx a:hover{background:rgba(109,109,110,.5)!important;color:#FEFEFE!important}
@media (max-width:760px){
  .nfx-info{position:static!important;width:100%!important;padding:18px 18px 22px!important;pointer-events:auto!important}
  .nfx-title{font-size:40px!important}
  .nfx[data-state="quiet"] .nfx-title{transform:none}
  .nfx[data-state="quiet"] .nfx-desc{opacity:1;max-height:140px!important;margin-top:0!important}
  .nfx-tag{display:none!important}
  .nfx-mark{top:12px!important;left:14px!important}
  .nfx-mute,.nfx-replay{top:10px!important;right:10px!important}
  .nfx-play,.nfx a{font-size:15px!important;padding:10px 18px!important}
}
@media (prefers-reduced-motion:reduce){.nfx-video,.nfx-title,.nfx-desc,.nfx-shade{transition:none!important}}
.gal-viewer{position:fixed;inset:0;z-index:50;background:rgba(4,14,24,.92);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;padding:24px}
.gal-viewer[hidden]{display:none}
.langue[aria-current="true"]{color:var(--fg-FFFFFF,#FFFFFF);font-weight:700}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}