:root{--bleu:#0a6f96;--bleu-fonce:#0b4a66;--turquoise:#0f8f87;--fond:#f5fafc;--surface:#fff;--texte:#12303f;--doux:#4a6272;--bordure:#dbe9ef;--tuile:linear-gradient(135deg, #0a7fa8, #13a89e);--hero:linear-gradient(160deg, #e3f4fa 0%, #f5fafc 65%);--orange:#b4561a;--orange-clair:#fdf0e6;--vert-clair:#e3f5f2;--rayon:22px;--ombre:0 10px 30px #0a506e1a;--largeur:72rem;--texte-max:46rem;--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}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}body{font-family:var(--police);color:var(--texte);background:var(--fond);margin:0;font-size:1.125rem;line-height:1.6}img,svg{max-width:100%;height:auto;display:block}a{color:var(--bleu);text-underline-offset:.15em}a:hover{color:var(--bleu-fonce)}:focus-visible{outline:3px solid var(--turquoise);outline-offset:3px}h1,h2,h3{color:var(--texte);letter-spacing:-.01em;font-weight:800;line-height:1.2}h1{margin:0 0 .5em;font-size:clamp(2rem,5.5vw,3.2rem)}h2{margin:1.8em 0 .5em;font-size:clamp(1.5rem,3.5vw,2.1rem)}h3{margin:1.4em 0 .4em;font-size:1.2rem}.conteneur{width:100%;max-width:var(--largeur);margin:0 auto;padding:0 1rem}.article{max-width:calc(var(--texte-max) + 2rem)}.lien-evitement{position:absolute;left:-9999px}.lien-evitement:focus{background:var(--surface);z-index:100;padding:.5rem;top:1rem;left:1rem}.entete{background:var(--surface);border-bottom:1px solid var(--bordure);position:relative}.entete .conteneur{justify-content:space-between;align-items:center;gap:1rem;min-height:4.25rem;display:flex}.logo{color:var(--texte);align-items:center;gap:.6rem;font-size:1.1rem;font-weight:800;text-decoration:none;display:flex}.logo img{border-radius:50%;width:44px;height:44px}.menu summary{cursor:pointer;border:1px solid var(--bordure);border-radius:999px;padding:.5rem .9rem;font-size:1rem;font-weight:600;list-style:none}.menu summary::-webkit-details-marker{display:none}.menu ul,.nav-bureau ul{margin:0;padding:0;list-style:none}.menu a,.nav-bureau a{color:var(--texte);border-radius:999px;padding:.8rem 1rem;font-weight:600;text-decoration:none;display:block}.menu a:hover,.nav-bureau a:hover{color:var(--texte);background:#e3f4fa}.menu a[aria-current=page],.nav-bureau a[aria-current=page]{color:var(--bleu)}.menu[open] ul{background:var(--surface);border-bottom:1px solid var(--bordure);z-index:20;box-shadow:var(--ombre);padding:.5rem;position:absolute;top:4.25rem;left:0;right:0}.nav-bureau{display:none}@media (width>=48rem){.menu{display:none}.nav-bureau{display:block}.nav-bureau ul{gap:.25rem;display:flex}.nav-bureau a{padding:.5rem .9rem;font-size:1rem}}main{padding-bottom:3rem}.section{padding:3rem 0 0}.titre-section{margin-bottom:1.5rem}.titre-section h2{margin:0}.titre-section p{color:var(--doux);margin:.3rem 0 0}.surtitre{letter-spacing:.06em;text-transform:uppercase;color:var(--turquoise);margin-bottom:.6rem;font-size:.85rem;font-weight:800;display:inline-block}.hero{background:var(--hero);padding:2.5rem 0 3rem}.hero .conteneur{align-items:center;gap:2rem;display:grid}@media (width>=54rem){.hero .conteneur{grid-template-columns:1.25fr .75fr}}.enbref{color:var(--doux);max-width:40rem;font-size:1.15rem}.enbref strong{color:var(--texte)}.hero-visuel{aspect-ratio:1;background:var(--tuile);width:min(320px,70vw);box-shadow:var(--ombre);border-radius:50%;place-items:center;margin:0 auto;display:grid}.hero-visuel img{width:80%;transform:translate(-20%)}@media (width<=53.99rem){.hero-visuel{order:-1;width:160px;margin:0}}.preuves{color:var(--doux);flex-wrap:wrap;gap:.4rem 1.4rem;margin:1.25rem 0 0;padding:0;font-size:.95rem;list-style:none;display:flex}.preuves li:before{content:"✓ ";color:var(--turquoise);font-weight:800}.page-titre{background:var(--hero);padding:2.5rem 0 2rem}.page-titre h1{margin-bottom:.3em}.page-titre p{color:var(--doux);max-width:44rem;margin:0;font-size:1.1rem}.boutons{flex-wrap:wrap;gap:.75rem;margin-top:1.25rem;display:flex}.bouton{background:var(--bleu);color:#fff;border:2px solid var(--bleu);cursor:pointer;border-radius:999px;justify-content:center;align-items:center;gap:.5rem;padding:.85rem 1.35rem;font-family:inherit;font-size:1rem;font-weight:700;line-height:1.2;text-decoration:none;display:inline-flex}.bouton:hover{background:var(--bleu-fonce);border-color:var(--bleu-fonce);color:#fff}.bouton-secondaire{color:var(--bleu);background:0 0}.bouton-secondaire:hover{color:var(--bleu-fonce);background:#e3f4fa}.bloc-video{align-items:center;gap:1.5rem;display:grid}@media (width>=54rem){.bloc-video{grid-template-columns:1.1fr .9fr}}.bloc-video p{color:var(--doux)}.bloc-video h2{margin-top:0}.video{aspect-ratio:16/9;border-radius:var(--rayon);box-shadow:var(--ombre);background:#06202f;margin:1.5rem 0;position:relative;overflow:hidden}.bloc-video .video{margin:0}.video button{all:unset;cursor:pointer;place-items:center;display:grid;position:absolute;inset:0}.video button img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.video button:focus-visible{outline:3px solid var(--turquoise);outline-offset:-3px}.video .lecture{color:#c4302b;background:#fff;border-radius:50%;place-items:center;width:4.5rem;height:4.5rem;font-size:1.7rem;display:grid;position:relative;box-shadow:0 6px 20px #0000004d}.video .note{color:#fff;background:#0009;border-radius:999px;padding:.15rem .5rem;font-size:.75rem;position:absolute;bottom:.6rem;right:.6rem}.video iframe{border:0;width:100%;height:100%;position:absolute;inset:0}.etapes{counter-reset:etape;gap:1rem;margin:0;padding:0;list-style:none;display:grid}@media (width>=48rem){.etapes{grid-template-columns:repeat(3,1fr)}}.etape{background:var(--surface);border:1px solid var(--bordure);border-radius:var(--rayon);box-shadow:var(--ombre);padding:1.4rem}.etape:before{counter-increment:etape;content:counter(etape);background:var(--bleu);color:#fff;border-radius:50%;place-items:center;width:2.4rem;height:2.4rem;margin-bottom:.8rem;font-weight:800;display:grid}.etape h3{margin:0 0 .3rem;font-size:1.1rem}.etape p{color:var(--doux);margin:0;font-size:1rem}.grille{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.25rem;margin:0;padding:0;list-style:none;display:grid}.grille>li{display:flex}.bloc{background:var(--surface);border:1px solid var(--bordure);border-radius:var(--rayon);width:100%;box-shadow:var(--ombre);color:var(--texte);flex-direction:column;text-decoration:none;transition:transform .25s,box-shadow .25s;display:flex;overflow:hidden}.bloc:hover,.bloc:focus-visible{color:var(--texte);transform:translateY(-6px)scale(1.03);box-shadow:0 18px 44px #0a3c5a2e}.bloc .visuel{background:var(--tuile);aspect-ratio:3/2;place-items:center;display:grid;position:relative}.bloc .visuel img{width:78%;transition:transform .35s}.bloc:hover .visuel img{transform:scale(1.06)}.badge{color:var(--texte);background:#fff;border-radius:999px;padding:.25rem .65rem;font-size:.8rem;font-weight:800;position:absolute;top:.75rem;left:.75rem}.badge-bientot{color:var(--orange)}.badge-coeur{color:#b42318}.bloc .corps{flex-direction:column;flex:1;gap:.4rem;padding:1.1rem 1.25rem 1.3rem;display:flex}.bloc h2,.bloc h3{margin:0;font-size:1.2rem}.bloc p{color:var(--doux);margin:0;font-size:1rem}.bloc .action{color:var(--bleu);margin-top:auto;padding-top:.6rem;font-size:1rem;font-weight:700}@media (prefers-reduced-motion:reduce){.bloc,.bloc .visuel img{transition:none}.bloc:hover,.bloc:focus-visible,.bloc:hover .visuel img{transform:none}}.cartes{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1rem;padding:0;list-style:none;display:grid}.carte{background:var(--surface);border:1px solid var(--bordure);border-radius:var(--rayon);box-shadow:var(--ombre);padding:1.2rem 1.3rem}.carte h3{margin-top:0}.carte p{color:var(--doux);margin:.4rem 0 0}.meta{color:var(--doux);font-size:.95rem}.encart{border-left:4px solid var(--bleu);background:#e3f4fa;border-radius:0 14px 14px 0;margin:1.5rem 0;padding:.9rem 1.1rem}.encart>:first-child{margin-top:0}.encart>:last-child{margin-bottom:0}.encart-titre{margin-bottom:.3rem;font-weight:800;display:block}.encart-limite{border-color:var(--orange);background:var(--orange-clair)}.encart-limite .encart-titre{color:var(--orange)}.encart-conseil{border-color:var(--turquoise);background:var(--vert-clair)}.encart-conseil .encart-titre{color:#0b6f69}.source{color:var(--doux);font-size:.95rem}.tableau{margin:1.5rem 0;overflow-x:auto}table{border-collapse:collapse;background:var(--surface);width:100%;font-size:1rem}th,td{border:1px solid var(--bordure);text-align:left;vertical-align:top;padding:.55rem .7rem}th{color:var(--bleu-fonce);background:#e3f4fa}.article ul,.article ol{padding-left:1.25rem}.article li{margin:.3rem 0}.faq{max-width:var(--texte-max)}.faq details{background:var(--surface);border:1px solid var(--bordure);border-radius:14px;margin-bottom:.75rem;padding:.9rem 1.2rem}.faq summary{cursor:pointer;font-weight:700}.faq details p{color:var(--doux);margin:.6rem 0 0}.formulaire{background:var(--surface);border:1px solid var(--bordure);border-radius:var(--rayon);box-shadow:var(--ombre);margin:1.5rem 0;padding:1.3rem}.formulaire h2{margin-top:0;font-size:1.3rem}.formulaire label{margin:.9rem 0 .35rem;font-weight:700;display:block}.formulaire input[type=email]{width:100%;font:inherit;background:var(--fond);border:1px solid #8aa0ae;border-radius:12px;padding:.75rem .9rem}.formulaire .consentement{align-items:flex-start;gap:.6rem;font-size:.95rem;font-weight:400;display:flex}.formulaire .consentement input{flex:none;width:1.3rem;height:1.3rem;margin-top:.15rem}.formulaire .petit{color:var(--doux);font-size:.85rem}.formulaire .bouton{width:100%;margin-top:1rem}.pot-de-miel{width:1px;height:1px;position:absolute;left:-9999px;overflow:hidden}.erreur{color:#a1260d;font-weight:600}dialog.fenetre{border-radius:var(--rayon);background:var(--surface);width:min(560px,100% - 2rem);max-height:calc(100% - 2rem);color:var(--texte);border:0;padding:0;box-shadow:0 30px 80px #00000059}dialog.fenetre::backdrop{background:#0619268c}.fenetre-tete{background:var(--tuile);color:#fff;grid-template-columns:110px 1fr;align-items:center;gap:1rem;padding:1.2rem 3.2rem 1.2rem 1.4rem;display:grid}.fenetre-tete h2{color:#fff;margin:0;font-size:1.25rem}.fenetre-tete span{color:#e6f6fb;font-size:.85rem}.fenetre .formulaire{box-shadow:none;border:0;border-radius:0;margin:0}.fenetre .formulaire h2{display:none}.fermer{color:var(--texte);cursor:pointer;background:#ffffffeb;border:0;border-radius:50%;width:2.3rem;height:2.3rem;font-size:1.3rem;line-height:1;position:absolute;top:.7rem;right:.7rem}.fiche-tete{align-items:center;gap:1.5rem;display:grid}@media (width>=48rem){.fiche-tete{grid-template-columns:.8fr 1.2fr}}.fiche-tete .visuel{background:var(--tuile);border-radius:var(--rayon);aspect-ratio:3/2;place-items:center;display:grid}.fiche-tete .visuel img{width:75%}.oui-non{gap:1rem;margin:1.5rem 0;display:grid}@media (width>=40rem){.oui-non{grid-template-columns:1fr 1fr}}.oui-non>div{border-radius:14px;padding:1rem 1.1rem}.oui-non ul{margin:.4rem 0 0;padding-left:1.1rem}.oui{background:var(--vert-clair)}.non{background:var(--orange-clair)}.oui strong{color:#0b6f69}.non strong{color:var(--orange)}.avis{border-left:4px solid var(--turquoise);background:var(--surface);border-radius:0 14px 14px 0;margin:1.5rem 0;padding:.4rem 1rem;font-style:italic}.mention-partenaire{color:var(--doux);margin-top:.4rem;font-size:.85rem}.vide{text-align:center;background:var(--surface);border:1px dashed var(--bordure);border-radius:var(--rayon);padding:2rem 1.25rem}.vide p{color:var(--doux);max-width:34rem;margin:.5rem auto 0}.pied{background:var(--bleu-fonce);color:#dcebf2;margin-top:2rem;padding:2.5rem 0;font-size:.95rem}.pied a{color:#fff}.pied ul{flex-wrap:wrap;gap:.3rem 1.4rem;margin:0 0 1rem;padding:0;list-style:none;display:flex}.pied p{margin:.5rem 0}.pied .logo{color:#fff;margin-bottom:1rem}.fenetre-interieur{position:relative}.h3{margin:0;font-size:1.2rem}.appel{background:var(--bleu-fonce);color:#e8f3f7;border-radius:var(--rayon);box-shadow:var(--ombre);padding:2rem 1.5rem}@media (width>=48rem){.appel{padding:2.5rem}}.appel h2{color:#fff;margin:0 0 .5rem}.appel p{max-width:44rem;margin:0}.bouton-clair{color:var(--bleu-fonce);background:#fff;border-color:#fff}.bouton-clair:hover{color:var(--bleu-fonce);background:#e3f4fa;border-color:#e3f4fa}.bouton-contour{color:#fff;background:0 0;border-color:#fff}.bouton-contour:hover{color:#fff;background:#ffffff1f;border-color:#fff}