:root{--encre:#17232d;--encre-douce:#46545f;--fond:#f6f7f9;--fond-carte:#fff;--nuit:#3f4367;--soufre:#f3e04c;--soufre-clair:#f7e982;--pastel:#fbf6c9;--pastel-fonce:#f6ecaa;--marine:var(--nuit);--pointe:var(--soufre);--filet:#d9dee3;--rayon:10px;--police:system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{font-family:var(--police);color:var(--encre);background:var(--fond);margin:0;font-size:1.125rem;line-height:1.6}img,video{max-width:100%;height:auto}a{color:var(--nuit);text-underline-offset:.18em}a:hover{color:var(--encre);text-decoration-thickness:2px}:focus-visible{outline:3px solid var(--nuit);outline-offset:3px}.barre-menu :focus-visible,.bandeau :focus-visible,.invitation :focus-visible,.cadre-video :focus-visible,.pied :focus-visible,.langue .options :focus-visible{outline-color:var(--soufre)}.lien-evitement{background:var(--fond-carte);border-radius:var(--rayon);z-index:10;padding:.6rem 1rem;position:absolute;top:-4rem;left:1rem}.lien-evitement:focus{top:1rem}.conteneur{width:100%;max-width:68rem;margin-inline:auto;padding-inline:1rem}#repere-haut{width:1px;height:8px;position:absolute;top:0}.barre-menu,.bandeau{background:var(--nuit);color:#fff}.bandeau-haut{border-bottom:1px solid #ffffff26;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem 1.5rem;padding-block:.6rem;display:flex}.bandeau-haut .marque-mini .logo{flex:none;width:1.6em;height:1.6em}.bandeau-haut .marque-mini{letter-spacing:.14em;color:#fff;align-items:center;gap:.45em;font-size:1rem;font-weight:700;text-decoration:none;display:inline-flex}.menu ul{flex-wrap:wrap;gap:.25rem 1.25rem;margin:0;padding:0;list-style:none;display:flex}.menu a{color:#fff;border-bottom:3px solid #0000;min-height:44px;padding:.5rem .15rem;line-height:1.7;text-decoration:none;display:inline-block}.menu a:hover{color:#fff;border-bottom-color:#fff}.menu a.menu-bouton{color:var(--nuit);background:var(--soufre);border-bottom:0;border-radius:999px;padding:.5rem 1.1rem;font-weight:700}.menu a.menu-bouton:hover{color:var(--nuit);background:var(--soufre-clair)}.menu a.menu-accueil{color:var(--nuit);background:var(--pastel);border-bottom:0;border-radius:999px;padding:.5rem 1.1rem;font-weight:700}.menu a.menu-accueil:hover{color:var(--nuit);background:var(--pastel-fonce)}.menu li{position:relative}.langue summary{color:#fff;cursor:pointer;border-bottom:3px solid #0000;align-items:center;gap:.45rem;min-height:44px;padding:.5rem .15rem;list-style:none;display:inline-flex}.langue summary::-webkit-details-marker{display:none}.langue summary:hover,.langue[open] summary{border-bottom-color:#fff}.langue .drapeau{border-radius:2px;flex:none;width:1.4rem;height:.95rem;box-shadow:0 0 0 1px #ffffff59}.langue .chevron{flex:none;width:.7rem;height:.45rem;transition:transform .2s}.langue[open] .chevron{transform:rotate(180deg)}.langue .options{z-index:30;background:var(--nuit);border-radius:var(--rayon);border:1px solid #fff3;min-width:12.5rem;margin:0;padding:.4rem;list-style:none;display:block;position:absolute;top:calc(100% + .5rem);left:0;box-shadow:0 10px 30px #00000059}.langue .options li{display:block}.langue .option{color:#fff;border-radius:6px;align-items:center;gap:.65rem;width:100%;min-height:44px;padding:.4rem .7rem;font-size:1rem;display:flex}.langue .option[aria-current=true]{background:#ffffff1f;font-weight:600}.langue .option[aria-disabled=true]{color:#fff9;cursor:not-allowed}.langue .code{letter-spacing:.06em;opacity:.8;margin-left:auto;font-size:.85rem}.langue .bientot{color:var(--soufre);margin-left:auto;font-size:.8rem}@media (width<=63.99rem){.bandeau-haut{position:relative}.menu li{position:static}.langue .options{max-width:100%;top:calc(100% + .25rem);left:0}}.bandeau-titres{padding-block:1.71rem 1.9125rem}.bandeau-titres .marque{letter-spacing:.12em;align-items:center;gap:.3em;margin:0;font-size:clamp(1.9125rem,6.885vw,3.4425rem);font-weight:800;line-height:1.05;display:flex}.bandeau-titres .titre{color:#fff;margin-top:.459rem;font-size:clamp(.95625rem,3.06vw,1.4535rem);font-weight:600;line-height:1.25;display:block}.bandeau-titres .secteur{color:var(--soufre);margin-top:.27rem;font-size:clamp(.95625rem,3.06vw,1.4535rem);font-weight:600;line-height:1.25;display:block}h1.bandeau-h1{font-size:inherit;font-weight:inherit;margin:0}.bandeau-titres .marque .logo{flex:none;width:1.05em;height:1.05em}main{padding-block:2rem 3rem}h2,h3{color:var(--marine);line-height:1.25}.section{border-top:1px solid var(--filet);margin-top:3rem;padding-top:2.5rem}.titre-page{color:var(--marine);margin:0 0 1.5rem;font-size:clamp(1.8rem,5vw,2.5rem);line-height:1.15}.colonne{text-align:left;max-width:none}.bloc{margin-bottom:2rem}.bloc p{margin:0 0 1rem}.intro{font-size:clamp(1.2rem,3.2vw,1.45rem);line-height:1.55}.visuellement-cache{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.presentation{margin-bottom:2.5rem}.video-cadre{width:min(100%,64.13rem,max(24.2rem,215.111svh - 64.5333rem));margin-inline:auto}.video-cadre video{aspect-ratio:16/9;background:var(--nuit);border-radius:var(--rayon);width:100%;height:auto;display:block}.video-cadre video::cue{color:#fff;font-family:var(--police);background:#000000c7;line-height:1.4}.video-actions{flex-wrap:wrap;justify-content:center;gap:.6rem;margin:.9rem 0;display:flex}.video-bouton{min-height:44px;font:inherit;color:var(--nuit);background:var(--fond-carte);border:2px solid var(--nuit);cursor:pointer;border-radius:999px;align-items:center;padding:.45rem 1rem;font-size:1rem;font-weight:600;text-decoration:none;display:inline-flex}.video-bouton:hover{color:#fff;background:var(--nuit)}.video-bouton[hidden]{display:none}.video-bouton[aria-pressed=true]{color:#fff;background:var(--nuit)}.video-suite{color:var(--nuit);background:var(--pastel);border-color:var(--pastel-fonce)}.video-suite:hover{color:var(--nuit);background:var(--pastel-fonce)}.accroche{align-items:start;gap:1.5rem;display:grid}.accroche-texte{text-align:left;min-width:0}.accroche-visuels{grid-template-columns:repeat(auto-fit,minmax(min(100%,16rem),1fr));gap:1rem;display:grid}.carrousel{aspect-ratio:16/9;border:1px solid var(--filet);border-radius:var(--rayon);background:#fff;width:100%;position:relative;overflow:hidden}.carrousel ul{margin:0;padding:0;list-style:none;position:absolute;inset:0}.carrousel .diapo{opacity:0;transition:opacity .4s;position:absolute;inset:0}.carrousel .diapo.actif{opacity:1}.carrousel img{object-fit:contain;width:100%;height:100%;display:block}.carrousel-pause{color:#fff;cursor:pointer;opacity:.85;background:#3f4367d9;border:0;border-radius:50%;place-items:center;width:2.25rem;height:2.25rem;padding:0;display:grid;position:absolute;bottom:.5rem;right:.5rem}.carrousel-pause:hover,.carrousel-pause:focus-visible{opacity:1}.carrousel-pause[hidden]{display:none}.carrousel-pause svg{fill:currentColor;width:1rem;height:1rem}.carrousel .icone-lecture{display:none}.carrousel.en-pause .icone-lecture{display:block}.carrousel.en-pause .icone-pause{display:none}@media (width>=60rem){.accroche{grid-template-columns:minmax(0,1fr) 18rem;gap:2rem}.accroche-visuels{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.carrousel .diapo{transition:none}}.ecouter{min-height:44px;font:inherit;color:var(--nuit);background:var(--soufre);border:2px solid var(--soufre);cursor:pointer;border-radius:999px;align-items:center;gap:.5rem;margin:0 0 .9rem;padding:.45rem 1rem;font-size:1rem;font-weight:600;display:inline-flex}.ecouter:hover{background:var(--soufre-clair);border-color:var(--soufre-clair)}.ecouter[data-etat=lecture],.ecouter[data-etat=pause]{background:var(--nuit);border-color:var(--soufre);color:var(--soufre)}.ecouter svg{flex:none;width:1.1em;height:1.1em}.ecouter[hidden]{display:none}.etapes{counter-reset:etape;gap:1rem;margin:1rem 0 0;padding:0;list-style:none;display:grid}.etapes li{counter-increment:etape;background:var(--fond-carte);border:1px solid var(--filet);border-radius:var(--rayon);padding:1.1rem 1.1rem 1.1rem 4rem;font-size:1.15rem;position:relative}.etapes li:before{content:counter(etape);background:var(--nuit);width:2.2rem;height:2.2rem;color:var(--soufre);border-radius:50%;place-items:center;font-weight:700;display:grid;position:absolute;top:50%;left:1rem;transform:translateY(-50%)}.domaines{grid-template-columns:repeat(auto-fit,minmax(min(100%,18rem),1fr));gap:1rem;margin:1rem 0 0;padding:0;list-style:none;display:grid}.domaines li{background:var(--fond-carte);border:1px solid var(--filet);border-radius:var(--rayon);padding:1.1rem}.cadre-video{aspect-ratio:16/9;text-align:center;color:#fff;background:var(--nuit);border-radius:var(--rayon);place-items:center;max-width:44rem;padding:1.5rem;display:grid}.cadre-video p{margin:0}.actions{flex-wrap:wrap;gap:.75rem;margin-top:1.5rem;display:flex}.bouton{border-radius:var(--rayon);border:2px solid var(--soufre);background:var(--soufre);min-height:44px;color:var(--nuit);padding:.7rem 1.4rem;font-weight:700;text-decoration:none;display:inline-block}.bouton:hover{background:var(--soufre-clair);border-color:var(--soufre-clair);color:var(--nuit)}.conviction{border-left:6px solid var(--soufre);background:var(--fond-carte);border-radius:0 var(--rayon) var(--rayon) 0;color:var(--marine);margin:2.25rem 0;padding:1.25rem 1.25rem 1.25rem 1.5rem;font-size:clamp(1.2rem,3.2vw,1.4rem);font-weight:600;line-height:1.5}.conviction p{margin:0}.invitation{border-radius:var(--rayon);background:var(--nuit);color:#fff;margin:2.25rem 0;padding:1.5rem}.invitation p{margin:0;font-size:1.2rem}.invitation .ecouter{margin-bottom:1rem}.invitation .bouton{margin-top:1.25rem}.questions h3{margin:2.5rem 0 1rem;font-size:clamp(1.5rem,4vw,1.9rem)}.question{background:var(--fond-carte);border:1px solid var(--filet);border-radius:var(--rayon);margin-bottom:.75rem}.question h4{color:var(--marine);margin:0;padding:1rem 1.1rem .7rem;font-size:1.2rem;font-weight:700;line-height:1.25}.question .reponse{padding:0 1.1rem 1.1rem}.question .reponse p{margin:0 0 1rem}.question .reponse p:last-child{margin-bottom:0}.pied{background:var(--nuit);color:#dbe4ea;padding-block:1.75rem;font-size:1rem}.pied a{color:#fff}.pied-grille{flex-wrap:wrap;justify-content:space-between;gap:.75rem 2rem;display:flex}.pied p{margin:0}@media (width>=48rem){.conteneur{padding-inline:1.5rem}.etapes{grid-template-columns:repeat(3,1fr)}.etapes li{padding:4.25rem 1.1rem 1.1rem}.etapes li:before{top:1.1rem;left:1.1rem;transform:none}main{padding-block:3rem 4rem}}@media (width>=64rem){html{scroll-padding-top:5.5rem}.barre-menu{z-index:20;align-items:center;height:5rem;transition:background-color .25s;display:flex;position:sticky;top:0}.bandeau-haut{border:1px solid #0000;border-bottom-color:#ffffff26;border-radius:0;flex-wrap:nowrap;transition:background-color .25s,border-color .25s,border-radius .25s,padding .25s}.barre-menu.flottant{pointer-events:none;background:0 0}.barre-menu.flottant .bandeau-haut{pointer-events:auto;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#3f4367e0;border-color:#ffffff26;border-radius:999px;padding:.25rem 1.75rem}}@media (width>=64rem) and (width<=75rem){.menu{font-size:.95rem}.menu ul{flex-wrap:nowrap;gap:.25rem .85rem}.menu a{white-space:nowrap}.menu a.menu-bouton,.menu a.menu-accueil{padding-inline:.9rem}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.barre-menu,.bandeau-haut{transition:none}}.demos{grid-template-columns:repeat(auto-fit,minmax(min(100%,22rem),1fr));gap:1rem;margin-top:1rem;display:grid}.demo-carte{background:var(--fond-carte);border:1px solid var(--filet);border-radius:var(--rayon);flex-direction:column;gap:.6rem;padding:1.2rem;display:flex}.demo-carte h3{margin:0;font-size:1.2rem}.demo-carte p{margin:0}.demo-carte .bouton{font:inherit;cursor:pointer;align-self:flex-start;margin-top:auto;font-weight:700}.fenetre-demo{width:min(44rem,100vw - 2rem);max-height:calc(100vh - 2rem);color:var(--encre);background:var(--fond-carte);border-radius:var(--rayon);border:0;padding:1.25rem 1.5rem 1.5rem;box-shadow:0 20px 60px #00000059}.fenetre-demo::backdrop{background:#17232d8c}.fenetre-entete{justify-content:space-between;align-items:center;gap:1rem;display:flex}.fenetre-entete h2{color:var(--marine);margin:0;font-size:1.35rem}.fenetre-fermer{width:44px;height:44px;color:var(--nuit);cursor:pointer;background:0 0;border:0;border-radius:50%;font-size:1.8rem;line-height:1}.fenetre-fermer:hover{background:var(--fond)}.fenetre-sous-titre{color:var(--nuit);margin:.2rem 0 1rem;font-weight:600}.fenetre-message{color:#7a1d1d;background:#fdecec;border-radius:6px;margin:0 0 1rem;padding:.6rem .9rem}.fenetre-message[hidden]{display:none}.fenetre-actions{flex-wrap:wrap;gap:.6rem;margin-top:1rem;display:flex}.fenetre-actions .bouton,.fenetre-actions .video-bouton{font:inherit;cursor:pointer;font-weight:700}[data-etape][hidden]{display:none}.champs-grille{grid-template-columns:repeat(auto-fit,minmax(min(100%,15rem),1fr));gap:.8rem 1rem;display:grid}.champ-large{grid-column:1/-1}.fenetre-demo label,.admin-connexion label,.admin-outils label,.demo-zone{flex-direction:column;gap:.3rem;font-size:1rem;font-weight:600;display:flex}.fenetre-demo input,.fenetre-demo select,.admin-connexion input,.admin-outils input,.demo-zone textarea{min-height:44px;font:inherit;color:var(--encre);background:#fff;border:1px solid #b7c0c8;border-radius:6px;padding:.5rem .7rem;font-weight:400}.demo-zone textarea{font-family:ui-monospace,Consolas,monospace;font-size:.95rem}.fenetre-demo input:focus-visible,.fenetre-demo select:focus-visible{outline:3px solid var(--nuit);outline-offset:1px}.fenetre-demo .case{flex-direction:row;align-items:flex-start;gap:.6rem;margin-top:1rem;font-weight:400}.fenetre-demo .case input{width:1.2rem;height:1.2rem;min-height:auto;margin-top:.2rem}.piege{width:1px;height:1px;position:absolute;left:-10000px;overflow:hidden}.mention{color:var(--encre-douce);margin:.6rem 0 0;font-size:.9rem}.simple-entete{position:static}.page-large .conteneur{max-width:110rem}.demo-outil{max-width:64rem}.tableau-defilant{border:1px solid var(--filet);border-radius:var(--rayon);background:#fff;margin-top:1rem;overflow-x:auto}.tableau{border-collapse:collapse;width:100%;font-size:.95rem}.tableau th,.tableau td{text-align:left;border-bottom:1px solid var(--filet);vertical-align:top;padding:.55rem .7rem}.tableau th{color:#fff;background:var(--nuit);white-space:nowrap}.tableau tbody tr:nth-child(2n){background:var(--fond)}.tableau .nombre{text-align:right;font-variant-numeric:tabular-nums}.admin-connexion{max-width:30rem}.admin-outils{flex-wrap:wrap;align-items:flex-end;gap:.75rem;display:flex}.admin-outils label{flex:18rem}.admin-outils .bouton,.admin-outils .video-bouton{font:inherit;cursor:pointer;font-weight:700}.tableau-admin .tri{font:inherit;color:#fff;cursor:pointer;background:0 0;border:0;padding:0;font-weight:700}.tableau-admin .tri[aria-sort=ascending]:after{content:" ▲"}.tableau-admin .tri[aria-sort=descending]:after{content:" ▼"}.admin-actions{white-space:nowrap;flex-wrap:wrap;gap:.4rem;display:flex}.admin-actions .video-bouton{min-height:36px;padding:.25rem .7rem;font-size:.85rem}.admin-supprimer{color:#7a1d1d;border-color:#7a1d1d}.admin-supprimer:hover{color:#fff;background:#7a1d1d}.admin-deconnexion{min-height:40px;font-size:.9rem}