@font-face {
  font-family: 'Funnel Display';
  font-style: normal;
  font-weight: 500 800;
  font-display: swap;
  src: url(/polices/funnel-display-latin-ext.34b6b437.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Funnel Display';
  font-style: normal;
  font-weight: 500 800;
  font-display: swap;
  src: url(/polices/funnel-display-latin.c7d6c143.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Funnel Sans';
  font-style: normal;
  font-weight: 400 700;
  font-display: swap;
  src: url(/polices/funnel-sans-latin-ext.806effa9.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Funnel Sans';
  font-style: normal;
  font-weight: 400 700;
  font-display: swap;
  src: url(/polices/funnel-sans-latin.478c99dc.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Martian Mono';
  font-style: normal;
  font-weight: 400 500;
  font-stretch: 100%;
  font-display: swap;
  src: url(/polices/martian-mono-latin-ext.c26a87ee.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Martian Mono';
  font-style: normal;
  font-weight: 400 500;
  font-stretch: 100%;
  font-display: swap;
  src: url(/polices/martian-mono-latin.d0be3a78.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

:root{color-scheme:light dark;--fond:#F7F8FB;--surface:#FFFFFF;--surface2:#F2F4F8;--bord:#E3E6EE;--bordChamp:#7F88A2;--texte:#0F1629;--texte2:#454E69;--texte3:#586180;--accent:#2E4A8C;--accentFond:#E8EDF8;--primaire:#0F1629;--primaireSurvol:#243766;--surPrimaire:#FFFFFF;--focus:#2E4A8C;--okFond:#E3F1E8;--okTexte:#18603B;--attenteFond:#FAEED8;--attenteTexte:#77470C;--coursFond:#E6ECF8;--coursTexte:#294480;--alerteFond:#FBE6DF;--alerteTexte:#98321A;--nuitFond:#0F1629;--nuitBord:#26325A;--nuitTexte:#F3F5FA;--nuitTexte2:#AEB8D2;--nuitTrait:#5C70A6;--etoile:#FFF4DC;--surEtoile:#0F1629;--ombre:rgba(15,22,41,.10)}
@media (prefers-color-scheme:dark){:root{--fond:#0A0E1A;--surface:#111829;--surface2:#182137;--bord:#243049;--bordChamp:#6E7A9C;--texte:#EEF1F8;--texte2:#B6BED4;--texte3:#949EBA;--accent:#96B4EC;--accentFond:#1A2A4F;--primaire:#EEF1F8;--primaireSurvol:#FFFFFF;--surPrimaire:#0A0E1A;--focus:#96B4EC;--okFond:#10321F;--okTexte:#8BD9AB;--attenteFond:#382810;--attenteTexte:#F2C67E;--coursFond:#1A2A4F;--coursTexte:#AAC2F2;--alerteFond:#3E170D;--alerteTexte:#F5A690;--nuitFond:#060A15;--nuitBord:#26325A;--nuitTexte:#F3F5FA;--nuitTexte2:#AEB8D2;--nuitTrait:#5C70A6;--etoile:#FFF4DC;--surEtoile:#0F1629;--ombre:rgba(0,0,0,.45)}}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{margin:0;background:var(--fond)}
.racine{min-height:100vh;min-height:100dvh}

.racine{container:racine / inline-size;--s-marge:clamp(16px,4.45cqi,64px);--s-bloc:clamp(48px,7.8cqi,112px);background:var(--fond);color:var(--texte);font-family:'Funnel Sans',system-ui,sans-serif;-webkit-font-smoothing:antialiased;box-sizing:border-box}
.racine *{box-sizing:border-box}
.racine a:not([class]){color:var(--accent);text-decoration:none;font-weight:600}
.racine a:not([class]):hover{text-decoration:underline;text-underline-offset:3px}
.racine a{text-decoration:none}
.racine :focus-visible{outline:2px solid var(--focus);outline-offset:2px}
.fd{font-family:'Funnel Display',system-ui,sans-serif}
.mm{font-family:'Martian Mono',ui-monospace,monospace;letter-spacing:-0.01em}
.t2{color:var(--texte2)}.t3{color:var(--texte3)}.ta{color:var(--accent)}
.titre-1{margin:0;font-family:'Funnel Display',system-ui,sans-serif;font-weight:800;letter-spacing:-0.035em;line-height:1.02}
.titre-2{margin:0;font-family:'Funnel Display',system-ui,sans-serif;font-weight:700;letter-spacing:-0.025em;line-height:1.08}
.titre-3{margin:0;font-family:'Funnel Display',system-ui,sans-serif;font-weight:700;letter-spacing:-0.015em;line-height:1.2}
.chapeau{margin:0;font-size:19px;line-height:1.6;color:var(--texte2)}
.texte{margin:0;font-size:16px;line-height:1.6;color:var(--texte2)}
.texte-s{margin:0;font-size:14px;line-height:1.55;color:var(--texte2)}
.carte{background:var(--surface);border:1px solid var(--bord);border-radius:14px}
.fond-2{background:var(--surface2)}
.ligne{border-top:1px solid var(--bord)}
.tete-tableau{background:var(--surface2);font-size:12.5px;font-weight:600;color:var(--texte3)}
.bouton{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:44px;padding:0 18px;border-radius:10px;font-family:'Funnel Sans',system-ui,sans-serif;font-weight:600;font-size:15px;line-height:1;border:1px solid transparent;cursor:pointer;white-space:nowrap}
.bouton-g{height:52px;padding:0 24px;font-size:16px}
.bouton-p{height:36px;padding:0 12px;font-size:14px;border-radius:8px}
.b-principal{background:var(--primaire);color:var(--surPrimaire)}.b-principal:hover{background:var(--primaireSurvol)}
.b-secondaire{background:var(--surface);color:var(--texte);border-color:var(--bordChamp)}.b-secondaire:hover{border-color:var(--texte)}
.b-danger{background:var(--surface);color:var(--alerteTexte);border-color:var(--alerteTexte)}
.b-etoile{background:var(--etoile);color:var(--surEtoile)}.b-etoile:hover{background:#FFFFFF}
.b-nuit{background:transparent;color:var(--nuitTexte);border-color:var(--nuitTrait)}
.bouton[disabled]{opacity:.55;cursor:not-allowed}
.icone{width:40px;padding:0;flex-shrink:0}
sc-for{display:contents}
.etiquette{display:inline-flex;align-items:center;gap:6px;height:24px;padding:0 9px;border-radius:6px;font-size:12.5px;font-weight:600;white-space:nowrap;font-family:'Funnel Sans',system-ui,sans-serif}
.e-ok{background:var(--okFond);color:var(--okTexte)}.e-attente{background:var(--attenteFond);color:var(--attenteTexte)}.e-cours{background:var(--coursFond);color:var(--coursTexte)}.e-alerte{background:var(--alerteFond);color:var(--alerteTexte)}
.type{display:inline-flex;align-items:center;justify-content:center;min-width:54px;height:24px;padding:0 6px;border-radius:6px;background:var(--accentFond);color:var(--accent);font-family:'Martian Mono',ui-monospace,monospace;font-size:11.5px;font-weight:500}
.libelle{display:flex;flex-direction:column;gap:7px;font-size:14px;font-weight:600;color:var(--texte)}
.aide{font-size:13px;font-weight:400;color:var(--texte3)}
.champ{height:44px;width:100%;border:1px solid var(--bordChamp);border-radius:10px;padding:0 12px;font-family:'Funnel Sans',system-ui,sans-serif;font-size:15px;background:var(--surface);color:var(--texte)}
.champ.mm{font-family:'Martian Mono',ui-monospace,monospace;font-size:14px}
.champ:focus{outline:2px solid var(--focus);outline-offset:1px}
.champ-erreur{border:2px solid var(--alerteTexte)}
.erreur{margin:0;display:flex;gap:8px;font-size:13.5px;line-height:1.5;color:var(--alerteTexte)}
.nav-lien{display:flex;align-items:center;gap:10px;height:40px;padding:0 10px;border-radius:8px;color:var(--texte2);font-size:14.5px;font-weight:500}
.nav-lien:hover{background:var(--surface2);color:var(--texte)}
.nav-lien[aria-current]{background:var(--accentFond);color:var(--texte);font-weight:600}
.groupe-nav{margin:0 0 4px;padding:0 10px;font-size:12px;font-weight:600;color:var(--texte3)}
.onglets{display:flex;gap:24px;border-bottom:1px solid var(--bord);overflow-x:auto}
.onglet{padding:0 2px 12px;font-size:14.5px;font-weight:500;color:var(--texte2);border-bottom:2px solid transparent;white-space:nowrap}
.onglet[aria-current]{color:var(--texte);font-weight:600;border-bottom-color:var(--texte)}
.segments{display:inline-flex;gap:4px;padding:4px;border-radius:10px;background:var(--surface2)}
.segment{height:36px;padding:0 12px;border-radius:8px;border:0;background:transparent;font-family:'Funnel Sans',system-ui,sans-serif;font-size:14px;font-weight:500;color:var(--texte2);cursor:pointer;white-space:nowrap}
.segment[aria-pressed=true],.segment[aria-selected=true]{background:var(--surface);color:var(--texte);font-weight:600;box-shadow:0 0 0 1px var(--bord)}
.kbd{font-size:11.5px;border:1px solid var(--bordChamp);border-radius:5px;padding:1px 6px;color:var(--texte2)}
.avatar{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:34px;height:34px;border-radius:99px;font-size:12.5px;font-weight:700;background:var(--accentFond);color:var(--accent)}
.nuit{background:var(--nuitFond);color:var(--nuitTexte);border:1px solid var(--nuitBord)}
.nuit .t2{color:var(--nuitTexte2)}
.bloc-alerte{background:var(--alerteFond);color:var(--alerteTexte);border-radius:12px}
.bloc-info{background:var(--coursFond);color:var(--coursTexte);border-radius:12px}
.bloc-attente{background:var(--attenteFond);color:var(--attenteTexte);border-radius:12px}
.pastille{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:28px;height:28px;border-radius:99px}
.racine input[type=checkbox],.racine input[type=range]{accent-color:var(--accent)}
.racine input[type=checkbox]{width:18px;height:18px;margin:2px 0 0;flex-shrink:0}
.racine details.question{border-top:1px solid var(--bord);padding:20px 0}
.racine details.question summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:16px;font-size:17px;font-weight:600;color:var(--texte)}
.racine details.question summary::-webkit-details-marker{display:none}
.racine details.question p{margin:12px 0 0;font-size:15.5px;line-height:1.65;color:var(--texte2)}
.otp{width:48px;height:56px;border:1px solid var(--bordChamp);border-radius:10px;text-align:center;font-size:22px;background:var(--surface);color:var(--texte);font-family:'Martian Mono',ui-monospace,monospace}
.otp:focus{outline:2px solid var(--focus);outline-offset:1px}
@keyframes vz-seq{0%{opacity:0;transform:translateY(4px)}6%{opacity:1;transform:none}86%{opacity:1}94%,100%{opacity:0}}
@keyframes vz-star{0%,20%{opacity:.2}28%,86%{opacity:1}94%,100%{opacity:.2}}
@keyframes vz-dash{0%,30%{stroke-dashoffset:260}50%,86%{stroke-dashoffset:0}94%,100%{stroke-dashoffset:260}}
@keyframes vz-travel{from{stroke-dashoffset:48}to{stroke-dashoffset:0}}
@keyframes vz-lit{0%{opacity:0;transform:scale(.3)}100%{opacity:1;transform:scale(1)}}
@keyframes vz-scan{0%{transform:translateX(-100%)}100%{transform:translateX(460%)}}
@keyframes vz-draw{from{stroke-dashoffset:700}to{stroke-dashoffset:0}}
.anim-seq{opacity:0;animation:vz-seq 10s ease infinite}
.anim-star{animation:vz-star 10s ease infinite}
.anim-dash{stroke-dasharray:260;animation:vz-dash 10s ease infinite}
.anim-travel{stroke-dasharray:4 8;animation:vz-travel .8s linear infinite}
.anim-lit{transform-box:fill-box;transform-origin:center;animation:vz-lit .6s cubic-bezier(.2,.8,.2,1) forwards}
.anim-scan{animation:vz-scan 2.4s cubic-bezier(.6,0,.4,1) infinite}
.anim-draw{stroke-dasharray:700;stroke-dashoffset:700;animation:vz-draw 2.4s cubic-bezier(.6,0,.2,1) .4s forwards}
@media (prefers-reduced-motion:reduce){.anim-seq,.anim-star,.anim-dash,.anim-travel,.anim-scan,.anim-draw,.anim-lit{animation:none;opacity:1;stroke-dashoffset:0}}

.s-page{display:flex;flex-direction:column;min-height:100%}
.s-evitement{position:absolute;left:12px;top:-100px;z-index:10;padding:10px 16px;border-radius:10px;background:var(--primaire);color:var(--surPrimaire);font-weight:600}
.s-evitement:focus{top:12px}
.s-contenu{width:100%;max-width:1440px;margin-inline:auto;padding-inline:var(--s-marge)}
.s-section{padding-block:var(--s-bloc)}
.s-section-h{padding-top:var(--s-bloc)}
.s-bande{background:var(--surface);border-bottom:1px solid var(--bord)}
.s-nuit{background:var(--nuitFond);color:var(--nuitTexte)}
.s-nuit .t2{color:var(--nuitTexte2)}
.s-nuit a:not([class]){color:var(--etoile)}
.pile{display:flex;flex-direction:column}
.grille{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:24px;row-gap:40px}
.c-3{grid-column-end:span 3}.c-4{grid-column-end:span 4}.c-5{grid-column-end:span 5}.c-6{grid-column-end:span 6}.c-7{grid-column-end:span 7}.c-8{grid-column-end:span 8}.c-12{grid-column-end:span 12}
.d-5{grid-column-start:5}.d-6{grid-column-start:6}.d-7{grid-column-start:7}.d-8{grid-column-start:8}.d-9{grid-column-start:9}
.s-h1{font-size:clamp(40px,5cqi,72px)}
.s-h1-p{font-size:clamp(38px,4.45cqi,64px)}
.s-h2{font-size:clamp(28px,3.06cqi,44px)}
.s-h2-p{font-size:clamp(26px,2.5cqi,36px)}
.s-chapeau{font-size:clamp(17px,1.39cqi,20px)}
.s-boutons{display:flex;gap:12px;flex-wrap:wrap}
.seul-compact{display:none}

.s-entete{position:relative;z-index:2;background:var(--surface);border-bottom:1px solid var(--bord)}
.s-entete-in{height:72px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.s-entete-g{display:flex;align-items:center;gap:48px}
.s-nav{display:flex;gap:30px}
.racine .s-nav a{font-size:15px;font-weight:500;color:var(--texte2);text-decoration:none}
.racine .s-nav a:hover{color:var(--texte)}
.racine .s-nav a[aria-current]{font-weight:700;color:var(--texte)}
.s-actions{display:flex;align-items:center;gap:10px}
.s-menu{display:none}
.s-menu>summary{list-style:none;width:44px;height:44px}
.s-menu>summary::-webkit-details-marker{display:none}
.s-menu .ico-ouvrir{display:flex}
.s-menu .ico-fermer{display:none}
.s-menu[open] .ico-fermer{display:flex}
.s-menu[open] .ico-ouvrir{display:none}
.s-menu-panneau{position:absolute;left:0;right:0;top:100%;background:var(--surface);border-bottom:1px solid var(--bord);box-shadow:0 24px 32px -24px var(--ombre);padding:4px var(--s-marge) 24px;display:flex;flex-direction:column;gap:16px}
.s-menu-panneau nav{display:flex;flex-direction:column}
.racine .s-menu-panneau nav a{display:flex;align-items:center;min-height:52px;font-size:17px;font-weight:600;color:var(--texte);border-bottom:1px solid var(--bord);text-decoration:none}
.racine .s-menu-panneau nav a[aria-current]{color:var(--accent)}

.s-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}
.s-stat{display:flex;flex-direction:column;gap:6px;padding:34px 28px;border-left:1px solid var(--bord)}
.s-stat:first-child{border-left:0;padding-left:0}
.s-stat:last-child{padding-right:0}
.s-stat-v{font-size:clamp(30px,2.8cqi,40px)}
.s-trois{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.s-deux{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.s-offre{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));overflow:hidden;border-radius:16px}
.s-offre>*{padding:clamp(22px,3.9cqi,56px)}
.s-offre>*+*{border-left:1px solid var(--bord)}
.s-inclus{margin:0;padding:0;list-style:none;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 24px;font-size:15px}
.s-inclus li{display:flex;gap:10px;align-items:center}

.demo-grille{display:grid;grid-template-columns:minmax(0,1fr) 150px}
.demo-cote{border-left:1px solid var(--nuitBord);display:flex;align-items:center;justify-content:center}
.demo-ligne{display:flex;justify-content:space-between;gap:12px}

.s-srv-tableau{border:1px solid var(--nuitBord);border-radius:14px;overflow:hidden}
.s-srv{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr) minmax(0,1.3fr);grid-template-areas:"nom lieu etat";gap:12px;align-items:center;padding:14px 18px;font-size:14.5px}
.s-srv+.s-srv{border-top:1px solid var(--nuitBord)}
.s-srv-tete{font-size:13px;font-weight:600;color:var(--nuitTexte2);padding-block:12px}
.s-srv>:nth-child(1){grid-area:nom}.s-srv>:nth-child(2){grid-area:lieu}.s-srv>:nth-child(3){grid-area:etat}
.etat-srv{display:inline-flex;align-items:center;gap:8px;font-size:13.5px}
.etat-srv i{width:8px;height:8px;border-radius:99px;background:var(--etoile)}
.etat-srv.prep i{background:transparent;border:1.5px dashed var(--nuitTexte2)}

.s-carte-large{display:block}.s-carte-compacte{display:none}

.s-constellation{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:24px;row-gap:28px;align-items:center;padding:clamp(20px,3.9cqi,56px);border-radius:16px}
.s-ciel{position:relative;height:360px;border-radius:14px;overflow:hidden;background:linear-gradient(180deg,#0F1629 0%,#1C2A57 70%,#2B3D7A 100%)}
.s-ciel svg{position:absolute;inset:0}
.s-ciel-visuel{display:grid;grid-template-columns:minmax(0,1fr) 200px;gap:16px}

.s-paliers{border:1px solid var(--bord);border-radius:14px;overflow:hidden;background:var(--surface)}
.s-palier{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:16px;align-items:baseline;padding:16px 20px}
.s-palier+.s-palier{border-top:1px solid var(--bord)}

.s-liste-inclus>div{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,2fr) 32px;gap:24px;align-items:center;padding:16px 0}

.s-flux{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;counter-reset:etape}
.s-flux>li{list-style:none;display:flex;flex-direction:column;gap:10px;padding:22px;border-radius:14px;border:1px solid var(--nuitBord)}

.s-ns{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:baseline;gap:4px 16px;padding:16px 0}
.s-choix>div{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:24px;padding:22px 0;border-top:1px solid var(--bord)}
.s-choix>div:last-child{border-bottom:1px solid var(--bord)}
.s-prose{max-width:760px;display:flex;flex-direction:column;gap:14px}
.s-prose h2{margin:28px 0 2px;font-family:'Funnel Display',system-ui,sans-serif;font-weight:700;letter-spacing:-0.02em;font-size:clamp(22px,1.8cqi,26px);line-height:1.2;color:var(--texte)}
.s-prose p,.s-prose li{margin:0;font-size:16px;line-height:1.7;color:var(--texte2)}
.s-prose ul{margin:0;padding-left:20px;display:flex;flex-direction:column;gap:6px}
.s-prose strong{color:var(--texte)}
.s-fiche{margin:0;display:grid;grid-template-columns:minmax(0,220px) minmax(0,1fr);border-top:1px solid var(--bord)}
.s-fiche dt,.s-fiche dd{margin:0;padding:12px 0;border-bottom:1px solid var(--bord);font-size:15.5px;line-height:1.55}
.s-fiche dt{font-weight:600;color:var(--texte);padding-right:16px}
.s-fiche dd{color:var(--texte2)}

.s-pied{margin-top:auto;background:var(--surface);border-top:1px solid var(--bord)}
.s-pied-in{padding-block:56px 40px}
.s-pied-cols{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.s-pied-cols nav{display:flex;flex-direction:column;gap:12px}
.racine .s-pied-cols a{font-size:14.5px;color:var(--texte2);font-weight:500;text-decoration:none}
.racine .s-pied-cols a:hover{color:var(--texte);text-decoration:underline;text-underline-offset:3px}
.racine .s-pied-cols a[aria-current]{color:var(--texte)}
.s-pied-bas{grid-column:1 / -1;border-top:1px solid var(--bord);padding-top:22px;display:flex;justify-content:space-between;gap:8px 24px;flex-wrap:wrap}

@container racine (max-width:1279px){
  .demo-grille{grid-template-columns:minmax(0,1fr)}
  .demo-cote{display:none}
  .s-ciel-visuel{grid-template-columns:minmax(0,1fr)}
  .s-ciel-autres{display:none}
}
@container racine (max-width:1180px){
  .s-nav,.s-actions{display:none}
  .s-menu{display:block}
}
@container racine (max-width:1023px){
  .grille{grid-template-columns:minmax(0,1fr);row-gap:28px}
  .grille>*{grid-column:1 / -1}
  .s-entete-in{height:64px}
  .s-stats{grid-template-columns:repeat(2,minmax(0,1fr))}
  .s-stat,.s-stat:first-child,.s-stat:last-child{padding:20px 16px;border-left:0}
  .s-stat:nth-child(odd){padding-left:0;border-right:1px solid var(--bord)}
  .s-stat:nth-child(-n+2){border-bottom:1px solid var(--bord)}
  .s-trois,.s-deux{grid-template-columns:minmax(0,1fr);gap:16px}
  .s-offre{grid-template-columns:minmax(0,1fr)}
  .s-offre>*+*{border-left:0;border-top:1px solid var(--bord)}
  .s-constellation{grid-template-columns:minmax(0,1fr)}
  .s-constellation>*{grid-column:1 / -1}
  .s-ciel{height:240px}
  .s-carte-large{display:none}.s-carte-compacte{display:block}
  .s-srv{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"nom nom" "lieu etat";gap:4px 12px}
  .s-srv-tete{display:none}
  .s-srv-tete+.s-srv{border-top:0}
  .s-liste-inclus>div{grid-template-columns:minmax(0,1fr) 24px;gap:6px 16px}
  .s-liste-inclus>div>span{grid-column:1;grid-row:2}
  .s-liste-inclus>div>:last-child{grid-column:2;grid-row:1}
  .s-flux{grid-template-columns:minmax(0,1fr)}
  .s-choix>div{grid-template-columns:minmax(0,1fr);gap:8px;padding:18px 0}
  .s-ns{grid-template-columns:minmax(0,1fr)}
  .s-pied-cols{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}
  .seul-large{display:none}.seul-compact{display:block}
}
@container racine (max-width:600px){
  .s-boutons{flex-direction:column;align-items:stretch}
  .s-inclus{grid-template-columns:minmax(0,1fr)}
  .s-fiche{grid-template-columns:minmax(0,1fr)}
  .s-fiche dt{border-bottom:0;padding-bottom:0}
  .s-fiche dd{padding-top:4px}
}