.landing{--fond:#fff;--surface:#fff;--ciel:#a9d6ff;--bande:#eaf4ff;--encre:#0b1a4a;--encre-2:#44507a;--rouge:#e52521;--rouge-ombre:#8f0e14;--bleu:#0a5bd3;--jaune:#fbd000;--accent:var(--rouge);--accent-fonce:#b3121a;--sur-accent:#fff;--trait:#0b1a4a;--actif:#2e9e3e;--filet:#d6e2f3;--filet-fort:#9fb0d0;background:var(--fond);min-height:100%;color:var(--encre);font-family:var(--font-archivo), ui-sans-serif, system-ui, sans-serif;font-size:1.0625rem;line-height:1.55}.dark .landing{--fond:#0a1330;--surface:#111e45;--ciel:#13245a;--bande:#0e1a3f;--encre:#eef3ff;--encre-2:#aab6da;--accent:#ff5a4f;--accent-fonce:#ff8a82;--trait:#cfdaf7;--actif:#4cc95d;--filet:#22305e;--filet-fort:#3a4a80}.landing .cadre{max-width:72rem;margin-inline:auto;padding-inline:1rem}@media (min-width:640px){.landing .cadre{padding-inline:2rem}}.landing a{color:inherit}.landing a:focus-visible,.landing button:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:4px}.landing-entete{justify-content:space-between;align-items:center;padding-block:1.25rem;display:flex}.marque{letter-spacing:-.01em;font-size:1.35rem;font-weight:800;font-stretch:125%;text-decoration:none;display:inline-flex;color:var(--encre)!important}.lien-discret{font-size:.95rem;text-decoration:none;color:var(--encre-2)!important}.lien-discret:hover{color:var(--encre)!important}.accroche{padding-top:clamp(1.5rem,4.5vw,3.75rem);padding-bottom:2.25rem}.titre-etire{letter-spacing:-.035em;text-wrap:balance;max-width:17ch;font-size:clamp(2.3rem,6.4vw,4.9rem);font-weight:800;font-stretch:125%;line-height:.95}.accroche-bas{align-items:end;gap:1.75rem;margin-top:1.75rem;display:grid}@media (min-width:900px){.accroche-bas{grid-template-columns:minmax(0,34rem) auto;justify-content:space-between}}.chapeau{color:var(--encre-2);max-width:34rem;font-size:1.2rem;line-height:1.5}.boutons{flex-wrap:wrap;gap:.75rem;display:flex}.note{color:var(--encre-2);margin-top:.75rem;font-size:.9rem}.note a{text-underline-offset:2px;text-decoration:underline}.bouton{border-radius:10px;align-items:center;gap:.5rem;padding:.8rem 1.3rem;font-weight:700;line-height:1.2;text-decoration:none;transition:transform 80ms,box-shadow 80ms;display:inline-flex}.bouton-plein{background:var(--rouge);box-shadow:0 4px 0 var(--rouge-ombre);color:#fff!important}.bouton-trait{background:#fff;box-shadow:inset 0 0 0 2.5px #0b1a4a,0 4px #0b1a4a;color:#0b1a4a!important}.bouton:hover{transform:translateY(2px)}.bouton-plein:hover{box-shadow:0 2px 0 var(--rouge-ombre)}.bouton-trait:hover{box-shadow:inset 0 0 0 2.5px #0b1a4a,0 2px #0b1a4a}.bouton:active{box-shadow:none;transform:translateY(4px)}.ciel{background:var(--ciel);position:relative}.scene{padding-bottom:3rem;overflow:hidden}.avec-motif{isolation:isolate;position:relative}.avec-motif>:not(.motif){position:relative}.motif{z-index:-1;pointer-events:none;width:100%;height:100%;color:var(--motif,#84bbef);fill:none;stroke:currentColor;stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round;position:absolute;inset:0}.ciel{--motif:#8ec3f3}@media (max-width:640px){.ciel{--motif:#9bcbf5}}.bande{--motif:#d3e5f8}.solution{--motif:#2a6ddb}.pied{--motif:#182a63}.dark .ciel{--motif:#1e3270}.dark .bande{--motif:#16244f}.dark .solution{--motif:#0d4bb0}.entete-collante{z-index:30;box-shadow:0 1px 0 color-mix(in srgb, var(--encre) 14%, transparent);position:sticky;top:0}.landing-entete{gap:1.5rem;padding-block:.8rem}.nav-sections{gap:1.6rem;margin-left:1rem;margin-right:auto;display:none}@media (min-width:960px){.nav-sections{display:flex}}.nav-sections a{font-size:.95rem;font-weight:600;text-decoration:none}.nav-sections a:hover{text-underline-offset:5px;text-decoration:underline;text-decoration-thickness:2px;-webkit-text-decoration-color:var(--rouge);text-decoration-color:var(--rouge)}.entete-actions{align-items:center;gap:1rem;display:flex}.bouton-petit{box-shadow:0 3px 0 var(--rouge-ombre);padding:.5rem .9rem;font-size:.92rem}@media (max-width:520px){.bouton-petit{display:none}}.landing [id]{scroll-margin-top:5rem}@media (prefers-reduced-motion:no-preference){html:has(.landing){scroll-behavior:smooth}}.aller-contenu{z-index:50;background:#0b1a4a;border-radius:8px;padding:.55rem .9rem;font-weight:600;position:absolute;top:-4rem;left:1rem;color:#fff!important}.aller-contenu:focus{top:.75rem}.clavier{background-color:#0b1a4a;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='440' height='40'%3E%3Crect x='4' y='9' width='36' height='26' rx='6' fill='%23b9c7e6'/%3E%3Crect x='4' y='5' width='36' height='26' rx='6' fill='%23ffffff'/%3E%3Ccircle cx='22' cy='18' r='5' fill='%23e52521'/%3E%3Crect x='48' y='9' width='36' height='26' rx='6' fill='%23b9c7e6'/%3E%3Crect x='48' y='5' width='36' height='26' rx='6' fill='%23ffffff'/%3E%3Crect x='92' y='9' width='36' height='26' rx='6' fill='%23d9a400'/%3E%3Crect x='92' y='5' width='36' height='26' rx='6' fill='%23fbd000'/%3E%3Crect x='136' y='9' width='36' height='26' rx='6' fill='%23b9c7e6'/%3E%3Crect x='136' y='5' width='36' height='26' rx='6' fill='%23ffffff'/%3E%3Ccircle cx='154' cy='18' r='5' fill='%230a3d8f'/%3E%3Crect x='180' y='9' width='36' height='26' rx='6' fill='%23b9c7e6'/%3E%3Crect x='180' y='5' width='36' height='26' rx='6' fill='%23ffffff'/%3E%3Crect x='224' y='9' width='36' height='26' rx='6' fill='%23b9c7e6'/%3E%3Crect x='224' y='5' width='36' height='26' rx='6' fill='%23ffffff'/%3E%3Ccircle cx='242' cy='18' r='5' fill='%23e1306c'/%3E%3Crect x='268' y='9' width='36' height='26' rx='6' fill='%23b9c7e6'/%3E%3Crect x='268' y='5' width='36' height='26' rx='6' fill='%23ffffff'/%3E%3Crect x='312' y='9' width='36' height='26' rx='6' fill='%23d9a400'/%3E%3Crect x='312' y='5' width='36' height='26' rx='6' fill='%23fbd000'/%3E%3Crect x='356' y='9' width='36' height='26' rx='6' fill='%23b9c7e6'/%3E%3Crect x='356' y='5' width='36' height='26' rx='6' fill='%23ffffff'/%3E%3Ccircle cx='374' cy='18' r='5' fill='%237b2fd0'/%3E%3Crect x='400' y='9' width='36' height='26' rx='6' fill='%23b9c7e6'/%3E%3Crect x='400' y='5' width='36' height='26' rx='6' fill='%23ffffff'/%3E%3C/svg%3E");background-size:440px 40px;height:40px}.journee{background:var(--surface);border:3px solid var(--encre);box-shadow:0 6px 0 var(--encre);border-radius:14px;padding:1.25rem 1rem 1rem}@media (min-width:640px){.journee{padding:1.5rem 1.75rem 1.25rem}}.journee-tete{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:.5rem 1rem;margin-bottom:1.25rem;display:flex}.journee-nom{font-size:1.2rem;font-weight:700;font-stretch:112%}.journee-actif{color:var(--encre-2);align-items:center;gap:.5rem;font-size:.85rem;display:inline-flex}.journee-voyant{background:var(--actif);width:.55rem;height:.55rem;box-shadow:0 0 0 3px color-mix(in srgb, var(--actif) 22%, transparent);border-radius:99px}.journee-grille{display:grid}.journee-ligne{border-top:1px solid var(--filet);grid-template-columns:1.6rem minmax(0,1fr);align-items:center;height:2.5rem;display:grid}@media (min-width:640px){.journee-ligne{grid-template-columns:7rem minmax(0,1fr)}}.journee-reseau{color:var(--encre-2);align-items:center;gap:.55rem;font-size:.9rem;display:inline-flex}.journee-reseau-nom{display:none}@media (min-width:640px){.journee-reseau-nom{display:inline}}.journee-piste{height:100%;position:relative}.journee-trait{cursor:default;background:0 0;border:0;width:14px;margin-left:-7px;padding:0;animation:.35s cubic-bezier(.2,.7,.2,1) both trait-pointe;position:absolute;top:0;bottom:0}.journee-trait:before{content:"";background:var(--trait);background:var(--couleur,var(--trait));border-radius:2px;width:4px;position:absolute;top:22%;bottom:22%;left:5px}.journee-trait[data-texte]:before{top:20%;bottom:12%}.journee-trait[data-texte]:after{content:"";background:var(--couleur,var(--trait));width:12px;height:12px;box-shadow:0 0 0 2px var(--surface);border-radius:99px;position:absolute;top:calc(20% - 6px);left:1px}.journee-trait:hover:before,.journee-trait:focus-visible:before,.journee-trait[data-ouvert]:before{border-radius:3px;width:6px;left:4px}.journee-trait:hover,.journee-trait:focus-visible{z-index:2}.journee-bulle{background:var(--encre);width:max-content;max-width:16rem;color:var(--surface);text-align:left;pointer-events:none;border-radius:6px;padding:.5rem .7rem;font-size:.82rem;line-height:1.4;display:none;position:absolute;bottom:calc(100% + 4px);left:50%;transform:translate(-50%)}.journee-trait[data-cote=droite] .journee-bulle{left:auto;right:-4px;transform:none}.journee-trait:not([data-cote]) .journee-bulle{left:0;transform:translate(-12%)}.journee-trait:hover .journee-bulle,.journee-trait:focus-visible .journee-bulle,.journee-trait[data-ouvert] .journee-bulle{display:block}.journee-bulle-heure{font-variant-numeric:tabular-nums;opacity:.7}.journee-bulle-texte{opacity:.85;margin-top:.25rem;display:block}.journee-axe{height:1.75rem}.journee-heure{color:var(--encre-2);font-variant-numeric:tabular-nums;font-size:.75rem;position:absolute;top:.35rem;transform:translate(-50%)}.journee-heure:first-child{transform:none}.journee-heure:last-child{transform:translate(-100%)}@media (max-width:639px){.journee-heure[data-impair]{display:none}}.journee-pied{border-top:1px solid var(--filet);flex-wrap:wrap;justify-content:space-between;align-items:end;gap:1rem 2rem;margin-top:1rem;padding-top:1rem;display:flex}.journee-chiffres{gap:2rem;display:flex}.journee-chiffres div{flex-direction:column-reverse;display:flex}.journee-chiffres dd{font-variant-numeric:tabular-nums;font-size:1.9rem;font-weight:800;font-stretch:125%;line-height:1}.journee-chiffres dt{color:var(--encre-2);margin-top:.3rem;font-size:.85rem}.journee-legende{color:var(--encre-2);flex-wrap:wrap;gap:.4rem 1.25rem;font-size:.85rem;display:flex}.journee-legende>span{align-items:center;gap:.45rem;display:inline-flex}.journee-cle{background:var(--trait);border-radius:2px;width:4px;height:14px;display:inline-block;position:relative}.journee-cle[data-texte]{height:16px;margin-top:4px}.journee-cle[data-texte]:after{content:"";background:var(--trait);width:12px;height:12px;box-shadow:0 0 0 2px var(--surface);border-radius:99px;position:absolute;top:-6px;left:-4px}.journee-astuce{display:none!important}@media (hover:hover){.journee-astuce{display:inline-flex!important}}.journee-astuce-tactile{display:none!important}@media (hover:none){.journee-astuce-tactile{display:inline-flex!important}}@keyframes trait-pointe{0%{opacity:0;transform:scaleY(.2)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.journee-trait{animation:none}}.bloc{padding-block:clamp(3.5rem,8vw,6rem)}.titre-section{letter-spacing:-.025em;text-wrap:balance;max-width:22ch;font-size:clamp(1.7rem,3.4vw,2.5rem);font-weight:800;font-stretch:118%;line-height:1.05}.texte-2{color:var(--encre-2);max-width:34rem;margin-top:1rem}.etapes{gap:2.5rem;margin-top:2.75rem;display:grid}@media (min-width:800px){.etapes{grid-template-columns:repeat(3,minmax(0,1fr));gap:2.5rem}}.etapes li{border-top:4px solid var(--encre);padding-top:1rem}.etapes h3{margin-top:.75rem;font-size:1.15rem;font-weight:700}.etapes p{color:var(--encre-2);max-width:30rem;margin-top:.5rem}.etape-num{font-variant-numeric:tabular-nums;background:var(--jaune);color:#0b1a4a;border-radius:99px;place-items:center;width:3rem;height:3rem;font-size:1.5rem;font-weight:800;font-stretch:125%;line-height:1;display:inline-grid;box-shadow:inset 0 0 0 3px #0b1a4a,inset 0 -5px #d9a400}.etape-num-petit{background:var(--rouge);color:#fff;width:2rem;height:2rem;box-shadow:inset 0 -3px 0 var(--rouge-ombre);font-size:1rem}.bande{background:var(--bande)}.transparence{gap:2.5rem;display:grid}@media (min-width:900px){.transparence{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:4rem}}.colonnes{gap:2rem;display:grid}@media (min-width:640px){.colonnes{grid-template-columns:1fr 1fr}}.colonnes h3{font-weight:700}.colonnes ul{color:var(--encre-2);gap:.55rem;margin-top:.75rem;display:grid}.colonnes li{padding-left:1rem;position:relative}.colonnes li:before{content:"";background:var(--jaune);border-radius:99px;width:.45rem;height:.45rem;position:absolute;top:.55em;left:0;box-shadow:0 0 0 1.5px #0b1a4a}.colonnes>div:last-child li:before{background:var(--rouge)}.installation ol{gap:1.1rem;max-width:46rem;margin:2.25rem 0 2.5rem;display:grid}.installation li{grid-template-columns:2rem minmax(0,1fr);align-items:baseline;gap:.75rem;display:grid}.installation .adresse{background:var(--surface);border:1px solid var(--filet-fort);border-radius:6px;padding:.05rem .4rem;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.9em}.installation .copier{vertical-align:middle;font:inherit;cursor:pointer;border:1.5px solid var(--encre);background:var(--surface);color:var(--encre);border-radius:6px;align-items:center;gap:.3rem;padding:.15rem .5rem;font-size:.8rem;font-weight:600;display:inline-flex}.installation .copier:hover{background:var(--jaune);color:#0b1a4a}.questions{gap:.75rem;max-width:50rem;margin-top:2rem;display:grid}.questions details{border:2px solid var(--encre);background:var(--surface);border-radius:12px}.questions summary{cursor:pointer;justify-content:space-between;align-items:center;gap:1rem;padding:1rem 1.25rem;font-size:1.05rem;font-weight:700;list-style:none;display:flex}.questions summary::-webkit-details-marker{display:none}.questions summary:after{content:"+";color:var(--rouge);flex:none;font-size:1.4rem;font-weight:800;line-height:1}.questions details[open] summary:after{content:"−"}.questions summary:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:10px}.questions details p{color:var(--encre-2);max-width:44rem;padding:0 1.25rem 1.1rem}.pied{color:#eef3ff;background:#0b1a4a}.pied .marque{color:#fff!important}.pied .lien-discret{color:#c9d4f2!important}.pied .lien-discret:hover{color:#fff!important}.pied-contenu{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;padding-block:2rem;display:flex}.pied .marque{font-size:1.1rem}.problemes{gap:2rem 3rem;margin-top:2.5rem;display:grid}@media (min-width:800px){.problemes{grid-template-columns:1fr 1fr}}.problemes li{border-top:4px solid var(--rouge);padding-top:1rem}.problemes h3{max-width:26ch;font-size:1.3rem;font-weight:700;font-stretch:108%;line-height:1.2}.problemes p{color:var(--encre-2);max-width:34rem;margin-top:.6rem}.fausses{gap:1.75rem 3rem;margin-top:2.5rem;display:grid}@media (min-width:800px){.fausses{grid-template-columns:1fr 1fr}}.fausses h3{font-size:1.2rem;font-weight:700}.fausses s{text-decoration-thickness:3px;-webkit-text-decoration-color:var(--rouge);text-decoration-color:var(--rouge)}.fausses p{color:var(--encre-2);max-width:34rem;margin-top:.4rem}.solution{--sol-fond:#0a5bd3;--sol-encre:#fff;--sol-encre-2:#dbe8ff;--sol-accent:#fbd000;background:var(--sol-fond);color:var(--sol-encre)}.dark .solution{--sol-fond:#0a3f99}.solution-chapeau{color:var(--sol-encre-2);max-width:44rem;margin-top:1.25rem;font-size:1.2rem;line-height:1.5}.solution .titre-section{color:#fff}.solution .etapes li{border-top:4px solid var(--sol-accent)}.solution .etapes p{color:var(--sol-encre-2)}.solution .etape-num{margin-top:-.25rem}.avantages{gap:2rem 2.5rem;margin-top:2.5rem;display:grid}@media (min-width:640px){.avantages{grid-template-columns:1fr 1fr}}@media (min-width:960px){.avantages{grid-template-columns:repeat(3,minmax(0,1fr))}}.avantages h3{align-items:center;gap:.6rem;font-size:1.15rem;font-weight:700;display:flex}.avantages h3:before{content:"";background:var(--jaune);border-radius:99px;flex:none;width:.85rem;height:1.05rem;box-shadow:inset 0 0 0 2px #0b1a4a,inset 0 -3px #d9a400}.avantages p{color:var(--encre-2);margin-top:.45rem}.illustration{--i-encre:#0b1a4a;--i-papier:#fff;--i-ciel:#cfe8ff;--i-gris:#e3ebf7;--i-bleu:#0a5bd3;--i-rouge:#e52521;--i-jaune:#fbd000;--i-jaune-ombre:#d9a400;--i-bureau:#c9d8ee;--i-peau-claire:#f6c8a2;--i-peau-foncee:#8d5a3b;--i-cheveux:#2b1d16;--i-actif:#2e9e3e;--i-tache:#b9874f;stroke-linecap:round;stroke-linejoin:round;width:100%;height:auto;display:block}.dark .illustration{filter:brightness(.94)}.ill-trait{stroke:var(--i-encre);stroke-width:3px}.ill-trait-epais{stroke-width:4px}.ill-trait-fin{stroke:var(--i-encre);stroke-width:2px;fill:none;opacity:.5}.ill-trait-rouge{stroke:var(--i-rouge);stroke-width:2.6px;fill:none}.ill-trait-blanc{stroke:#fff;stroke-width:3px;fill:none}.ill-trait-pointille-epais{stroke:var(--i-encre);stroke-width:4px;stroke-dasharray:2 9}.ill-pointilles{stroke:var(--i-encre);stroke-width:3px;stroke-dasharray:3 10;opacity:.55;fill:none}.ill-fleche{stroke:#fff;stroke-width:4px;fill:none}.ill-papier{fill:var(--i-papier)}.ill-ciel{fill:var(--i-ciel)}.ill-gris{fill:var(--i-gris)}.ill-bleu{fill:var(--i-bleu)}.ill-rouge{fill:var(--i-rouge)}.ill-jaune{fill:var(--i-jaune)}.ill-jaune-ombre{fill:var(--i-jaune-ombre)}.ill-bureau{fill:var(--i-bureau)}.ill-encre{fill:var(--i-encre)}.ill-peau-claire{fill:var(--i-peau-claire)}.ill-peau-foncee{fill:var(--i-peau-foncee)}.ill-cheveux{fill:var(--i-cheveux)}.ill-blanc{fill:#fff}.ill-actif-fond{fill:var(--i-actif)}.ill-tache{fill:none;stroke:var(--i-tache);stroke-width:5px;opacity:.7}.ill-texte{fill:var(--i-encre);font-size:22px;font-weight:800;font-family:var(--font-archivo), sans-serif}.ill-texte-petit{font-size:14px;font-weight:700}.ill-texte-grand{font-size:34px}.ill-texte-rouge{fill:var(--i-rouge)}.ill-texte-blanc{fill:#fff}.section-tete{align-items:center;gap:1.5rem;display:grid}@media (min-width:860px){.section-tete{grid-template-columns:minmax(0,1fr) minmax(0,27rem);gap:3rem}}.section-tete .illustration{max-width:27rem}.solution .illustration-large{max-width:60rem;margin-top:2.5rem}.transparence .illustration{max-width:24rem;margin-top:2rem}