: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;--rouge-fonce:#8b0000;--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:.85rem 1rem}.bandeau-titres .marque{letter-spacing:.12em;align-items:center;gap:.3em;margin:0;font-size:clamp(1.72125rem,6.1965vw,3.09825rem);font-weight:800;line-height:1;display:flex}.bandeau-titres .titre{color:#fff;margin-top:.2rem;font-size:clamp(.86063rem,2.754vw,1.30815rem);font-weight:600;line-height:1.15;display:block}.bandeau-titres .metiers{color:#fff;margin-top:.1rem;font-size:clamp(.86063rem,2.754vw,1.30815rem);font-weight:400;line-height:1.15;display:block}.bandeau-titres .secteur{color:var(--soufre);margin-top:.1rem;font-size:clamp(.86063rem,2.754vw,1.30815rem);font-weight:600;line-height:1.15;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{--haut-main:2rem;padding-block:var(--haut-main) 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}.accroche-texte,#approche .colonne>.bloc{background:var(--fond-carte);border:1px solid var(--filet);border-radius:var(--rayon);padding:1.1rem 1.1rem .6rem}#approche .colonne>.bloc{margin-bottom:1rem}.intro,#texte-1 p,#texte-2 p{color:var(--nuit);font-size:1.25rem;font-weight:400;line-height:1.6}@media (width>=40rem){.intro,#approche .bloc p,.conviction p,.invitation p,.question .reponse p{text-align:justify;text-justify:inter-word;hyphens:none}}body{overflow-x:clip}.zone-photo{--opacite-photo:.3;isolation:isolate;margin-top:calc(-1 * var(--haut-main));clip-path:inset(0 -100vw);display:flow-root;position:relative}.zone-photo>.accroche{margin-top:var(--haut-main)}.photo-fixe{z-index:-1;width:100vw;height:100svh;opacity:var(--opacite-photo);pointer-events:none;background:url(/images/fond-installation.webp?v=5) 50%/cover no-repeat;margin:0 0 -100svh calc(50% - 50vw);position:sticky;top:0}@media print{.photo-fixe{display:none}}.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) clamp(18rem,36vw,26rem);align-items:stretch;gap:2rem}.accroche-visuels{flex-direction:column;gap:1rem;display:flex}.accroche-visuels .carrousel{aspect-ratio:auto;flex:1 1 0;min-height:10rem}}@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);grid-template-columns:auto 1fr;align-content:start;align-items:center;gap:.6rem .85rem;padding:1.1rem;font-size:1.15rem;display:grid}.etapes .etape-titre{margin:0;font-size:1.35rem}.etapes li p{grid-column:1/-1;margin:0}.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}.solutions-conclusion{color:var(--nuit);background:var(--fond-carte);border-left:5px solid var(--soufre);border-radius:0 var(--rayon) var(--rayon) 0;margin:1.5rem 0 0;padding:1rem 1.2rem;font-size:1.15rem;font-weight:600}.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}.pied a.lien-admin{color:#fff;opacity:0;margin:-.5rem -.9rem;padding:.5rem .9rem;font-size:.75rem;text-decoration:none;transition:opacity .2s;display:inline-block}.pied a.lien-admin:hover,.pied a.lien-admin:focus-visible{opacity:1;text-decoration:underline}@media (prefers-reduced-motion:reduce){.pied a.lien-admin{transition:none}}@media (width>=48rem){.conteneur{padding-inline:1.5rem}.etapes{grid-template-columns:repeat(3,1fr)}main{--haut-main:3rem;padding-block:var(--haut-main) 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}}.demo-selecteur{gap:1rem;margin-top:1rem;display:grid}.demo-select-mobile{flex-direction:column;gap:.4rem;font-weight:600;display:flex}.demo-select-mobile select{width:100%;min-height:44px;font:inherit;color:var(--encre);background:var(--fond-carte);border:1px solid var(--filet);border-radius:var(--rayon);padding:.5rem .7rem}.demo-liste{margin:0;padding:0;list-style:none;display:none}.demo-liste li+li{margin-top:.5rem}.demo-choix-bouton{width:100%;font:inherit;text-align:left;color:var(--encre);background:var(--fond-carte);border:1px solid var(--filet);border-left:5px solid var(--filet);border-radius:var(--rayon);cursor:pointer;flex-direction:column;gap:.25rem;padding:.8rem 1rem;display:flex}.demo-choix-bouton:hover{border-left-color:var(--soufre)}.demo-choix-bouton[aria-current=true]{border-color:var(--nuit);border-left:5px solid var(--soufre);background:var(--pastel)}.demo-choix-titre{font-weight:700;line-height:1.3}.demo-choix-domaine{color:var(--encre-douce);font-size:.9rem}.demo-etiquettes{flex-wrap:wrap;gap:.4rem;display:flex}.etiquette{color:var(--nuit);background:var(--fond);border:1px solid var(--nuit);border-radius:999px;padding:.05rem .55rem;font-size:.8rem;font-weight:700;display:inline-block}.etiquette-nouveau{background:var(--soufre);border-color:var(--soufre)}.demo-fiche{background:var(--fond-carte);border:1px solid var(--filet);border-radius:var(--rayon);flex-direction:column;align-items:flex-start;gap:.8rem;padding:1.2rem 1.4rem;display:flex}.demo-fiche h3{margin:0;font-size:1.4rem}.demo-fiche h4{color:var(--marine);margin:.4rem 0 0;font-size:1.05rem}.demo-fiche p{margin:0}.demo-meta{color:var(--encre-douce);flex-wrap:wrap;align-items:center;gap:.5rem;font-size:.95rem;display:flex}.demo-fiche .bouton{font:inherit;cursor:pointer;margin-top:.4rem;font-weight:700}.demo-bientot{color:var(--nuit);font-weight:600}.demo-avertissement,.rappel-demo{color:var(--encre);background:var(--pastel);border-left:5px solid var(--soufre);border-radius:0 var(--rayon) var(--rayon) 0;margin:1rem 0;padding:.8rem 1rem;font-size:.95rem;line-height:1.5}.rappel-demo{font-weight:600}@media (width>=48rem){.demo-selecteur{grid-template-columns:minmax(15rem,22rem) minmax(0,1fr);align-items:start;gap:1.5rem}.demo-select-mobile{display:none}.demo-liste{display:block}}.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}.fenetre-message-ok{color:#14532d;background:#e6f4ea}.admin-registre{margin-top:3rem}.admin-demos-liste{gap:1rem;margin-top:1rem;display:grid}.admin-demo{border:1px solid var(--filet);border-radius:var(--rayon);background:#fff;padding:1rem 1.2rem}.admin-demo-entete{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:.6rem;margin-bottom:.8rem;display:flex}.admin-demo-entete .mention{margin:.15rem 0 0;display:block}.admin-demo-boutons{flex-wrap:wrap;gap:.4rem;display:flex}.admin-demo-boutons .video-bouton{min-height:36px;font:inherit;cursor:pointer;padding:.25rem .8rem;font-size:.9rem;font-weight:700}.admin-demo-boutons .video-bouton:disabled{opacity:.45;cursor:not-allowed}.admin-demo-champs{grid-template-columns:repeat(auto-fit,minmax(min(100%,16rem),1fr));gap:.8rem 1rem;display:grid}.admin-demo-champs label{flex-direction:column;gap:.3rem;font-weight:600;display:flex}.admin-demo-champs input:not([type=checkbox]),.admin-demo-champs select,.admin-demo-champs textarea{min-height:44px;font:inherit;color:var(--encre);background:#fff;border:1px solid #b7c0c8;border-radius:6px;padding:.5rem .7rem;font-weight:400}.admin-demo-champs textarea{resize:vertical}.admin-demo-champs .case{flex-direction:row;align-items:center;gap:.6rem;font-weight:400}.admin-demo-champs .case input{width:1.2rem;height:1.2rem}.admin-outils select{min-height:44px;font:inherit;color:var(--encre);background:#fff;border:1px solid #b7c0c8;border-radius:6px;padding:.5rem .7rem;font-weight:400}