:root{--mesure: 53.5rem;--large: 74rem;--encre: #1b2027;--encre-douce: #5a6572;--papier: #f4f5f3;--papier-2: #ffffff;--trait: #d3d7d2;--trait-fort: #a9b0a8;--accent: #003399;--accent-clair: #e7ecf7;--accent-image: #00655c;--accent-image-clair: #e0f0ed;--alerte: #8c2f22;--alerte-clair: #f6e7e4;--rayon: 4px;--rayon-doux: 9px;--rayon-carte: 16px;--ombre: 0 1px 2px rgba(16, 24, 40, .04), 0 1px 3px rgba(16, 24, 40, .06);--ombre-levee: 0 10px 28px -12px rgba(16, 24, 40, .22), 0 2px 6px rgba(16, 24, 40, .06);--serif: ui-serif, Georgia, "Times New Roman", serif;--sans: ui-sans-serif, system-ui, "Segoe UI", Roboto, Helvetica, Arial, sans-serif}@media(prefers-color-scheme:dark){:root{--encre: #e6e9e5;--encre-douce: #9aa4ac;--papier: #14181c;--papier-2: #1b2026;--trait: #2c3339;--trait-fort: #454e55;--accent: #8cabff;--accent-clair: #16203a;--accent-image: #63c9bb;--accent-image-clair: #102825;--alerte: #e8887a;--alerte-clair: #2c1a18;--ombre: 0 1px 2px rgba(0, 0, 0, .4);--ombre-levee: 0 10px 26px -14px rgba(0, 0, 0, .7), 0 2px 6px rgba(0, 0, 0, .35)}}*{box-sizing:border-box}body{margin:0;background:var(--papier);color:var(--encre);font-family:var(--sans);font-size:16px;line-height:1.55}button{font:inherit;color:inherit;background:var(--papier-2);border:1px solid var(--trait-fort);border-radius:var(--rayon);padding:.35rem .7rem;cursor:pointer}button:hover:not(:disabled){border-color:var(--accent)}button:disabled{opacity:.45;cursor:default}button.maitresse{background:var(--accent);border-color:var(--accent);color:var(--papier-2);font-weight:600}@media(prefers-color-scheme:dark){button.maitresse{color:#0a1330}}button.danger:hover:not(:disabled){border-color:var(--alerte);color:var(--alerte)}code{font-size:.9em;background:var(--accent-clair);padding:.05em .3em;border-radius:3px}.site-pied{border-top:1px solid var(--trait);padding-top:1.2rem;margin-top:2rem;display:flex;flex-wrap:wrap;gap:.5rem 1.5rem;justify-content:space-between;color:var(--encre-douce);font-size:.92rem}.site-pied__dit{display:inline-flex;align-items:center;gap:.45rem;margin:0}.site-pied__dit .marque__signe{width:1.15rem;height:1.15rem}.site-pied nav{display:flex;flex-wrap:wrap;gap:.5rem 1.1rem}.site-pied a{color:inherit}.site-tete{max-width:calc(var(--large) + 2.5rem);margin-inline:auto;width:100%;display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:.6rem 1.5rem;padding-bottom:.9rem;border-bottom:1px solid var(--trait)}.site-tete a.marque{display:inline-flex;align-items:center;gap:.5rem;font-family:var(--serif);font-size:1.35rem;font-weight:700;color:var(--encre);text-decoration:none;letter-spacing:-.01em}.marque__signe{width:1.55rem;height:1.55rem;flex:none}.site-nav{display:flex;flex-wrap:wrap;align-items:baseline;gap:.4rem 1.1rem;font-size:.95rem}.site-nav a{color:var(--encre-douce)}.site-nav a[aria-current=page]{color:var(--accent);font-weight:600}.site-nav a.principal{background:var(--accent);border:1px solid var(--accent);color:var(--papier-2);font-weight:600;text-decoration:none;border-radius:var(--rayon-doux);padding:.42rem 1rem;box-shadow:var(--ombre)}.site-nav a.principal:hover{filter:brightness(1.08)}@media(prefers-color-scheme:dark){.site-nav a.principal{color:#0a1330}}.langues{display:flex;align-items:baseline;gap:.35rem;font-size:.82rem;letter-spacing:.03em}.langues a,.langues span{padding:.15rem .35rem;border-radius:var(--rayon);color:var(--encre-douce);text-decoration:none}.langues a:hover{color:var(--accent);background:var(--accent-clair)}.langues [aria-current=true]{color:var(--encre);font-weight:600;background:var(--trait)}a{color:var(--accent)}a:hover{text-decoration-thickness:2px}.bouton{display:inline-flex;align-items:center;justify-content:center;gap:.45rem;background:var(--accent);color:var(--papier-2);border:1px solid var(--accent);border-radius:var(--rayon-doux);padding:.72rem 1.5rem;font-weight:600;text-decoration:none;box-shadow:var(--ombre);transition:transform .15s ease,box-shadow .15s ease,filter .15s ease}.bouton:hover{filter:brightness(1.08);transform:translateY(-1px);box-shadow:var(--ombre-levee)}.bouton:active{transform:none}@media(prefers-color-scheme:dark){.bouton{color:#0a1330}}.bouton--discret{background:var(--papier-2);color:var(--encre);border-color:var(--trait-fort)}.bouton--discret:hover{border-color:var(--accent);color:var(--accent);filter:none}@media(prefers-color-scheme:dark){.bouton--discret{color:var(--encre)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition-duration:.01ms!important;animation-duration:.01ms!important;scroll-behavior:auto!important}.bouton:hover{transform:none}}.aparte{color:var(--encre-douce)}body{background:var(--papier)}.page-site{max-width:calc(var(--large) + 2.5rem);margin:0 auto;padding:0 1.25rem 4rem}.page-site>main,.page-site>.site-pied{max-width:calc(var(--mesure) + 2.5rem);margin-inline:auto;width:100%}.page-site--large>main,.page-site--large>.site-pied{max-width:none}.page-site>.site-tete{position:sticky;top:0;z-index:30;background:var(--papier);padding-top:1rem}.page-site>.site-tete:before{content:"";position:absolute;z-index:-1;inset:0 auto 0 50%;width:100vw;transform:translate(-50%);background:var(--papier);border-bottom:1px solid var(--trait)}.amorce{padding:2.5rem 0 2rem}.amorce h1{font-family:var(--serif);font-size:clamp(1.9rem,5.5vw,2.9rem);line-height:1.15;letter-spacing:-.02em;margin:0 0 .7rem}.amorce p{font-size:1.12rem;color:var(--encre-douce);margin:0 0 1.4rem;max-width:36rem}.amorce strong{color:var(--encre)}.gestes{display:flex;flex-wrap:wrap;align-items:center;gap:.7rem 1.2rem}.page-site section{padding:1.8rem 0;border-top:1px solid var(--trait)}.page-site h2{font-family:var(--serif);font-size:1.5rem;letter-spacing:-.01em;margin:0 0 .7rem}.page-site h3{font-size:1.05rem;margin:1.4rem 0 .3rem}.page-site p,.page-site li{max-width:100%}.page-site li{margin-bottom:.35rem}.chapeau{color:var(--encre-douce);font-size:1.02rem}.fonctions{list-style:none;padding:0;margin:.9rem 0 0;display:grid;grid-template-columns:repeat(auto-fill,minmax(17.5rem,1fr));gap:.8rem}.fonctions li{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr);column-gap:.85rem;align-items:start;border:1px solid var(--trait);border-radius:var(--rayon-carte);background:var(--papier-2);padding:1rem 1.1rem 1.05rem;margin:0;box-shadow:var(--ombre);transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease}.fonctions li:hover{transform:translateY(-2px);border-color:var(--accent);box-shadow:var(--ombre-levee)}.fonctions__signe{grid-row:1 / span 2;width:2.4rem;height:2.4rem;padding:.55rem;border-radius:11px;background:var(--accent-clair);color:var(--accent);flex:none}.fonctions h3,.fonctions h4{grid-column:2;margin:0 0 .15rem;font-size:1rem;line-height:1.35}.fonctions h3 a,.fonctions h4 a{text-decoration:none;color:var(--encre)}.fonctions h3 a:after,.fonctions h4 a:after{content:"";position:absolute;inset:0;border-radius:inherit}.fonctions li:hover h3 a,.fonctions li:hover h4 a{color:var(--accent)}.fonctions h3 a:focus-visible,.fonctions h4 a:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.fonctions p{grid-column:2;margin:0;font-size:.92rem;line-height:1.5;color:var(--encre-douce)}.fonctions li.courant .fonctions__signe{background:var(--accent);color:var(--papier-2)}@media(prefers-color-scheme:dark){.fonctions li.courant .fonctions__signe{color:#0a1330}}.etiquette{display:inline-block;margin-left:.5rem;padding:.05rem .4rem;border-radius:999px;background:var(--accent-clair);color:var(--accent);font-family:var(--sans);font-size:.72rem;font-weight:600;letter-spacing:.02em;text-transform:uppercase;vertical-align:.12em}.preuves{counter-reset:preuve;list-style:none;padding:0;margin:1rem 0 0}.preuves li{counter-increment:preuve;position:relative;padding-left:2.6rem;margin-bottom:.9rem}.preuves li:before{content:counter(preuve);position:absolute;left:0;top:0;width:1.9rem;height:1.9rem;display:grid;place-items:center;border-radius:50%;background:var(--accent-clair);color:var(--accent);font-family:var(--serif);font-weight:700}.accueil .page-site section.limites{padding:1.6rem 1.8rem 1.7rem;margin:2.6rem 0 0}.page-site section.limites{background:var(--papier-2);border:1px solid var(--trait);border-left:3px solid var(--trait-fort);border-radius:var(--rayon-carte);padding:1.5rem 1.7rem 1.6rem;margin:2rem 0 2.2rem}.limites h2{font-size:1.2rem;margin-top:0}.limites ul{padding-left:1.2rem;margin-bottom:0}.limites>:last-child,.limites li:last-child{margin-bottom:0}@media(max-width:40rem){.page-site section.limites{padding:1.1rem 1.2rem 1.2rem}}.faq dt{font-weight:600;margin-top:1rem}.faq dd{margin:.2rem 0 0;color:var(--encre-douce);max-width:40rem}.faq-questions{margin:.4rem 0 0}.faq-questions dt{font-family:var(--serif);font-weight:700;font-size:1.22rem;line-height:1.3;letter-spacing:-.01em;color:var(--encre);margin:0;padding-top:1.7rem;border-top:1px solid var(--trait)}.faq-questions dt:first-of-type{padding-top:0;border-top:0}.faq-questions dd{margin:.6rem 0 1.8rem;color:var(--encre-douce);line-height:1.65}.faq-questions dd:last-of-type{margin-bottom:0}.faq-questions strong{color:var(--encre)}.comparatif{width:100%;border-collapse:collapse;margin-top:1rem;font-size:.95rem}.comparatif th,.comparatif td{text-align:left;padding:.45rem .6rem;border-bottom:1px solid var(--trait);vertical-align:top}.comparatif thead th{border-bottom:2px solid var(--trait-fort);font-size:.85rem;text-transform:uppercase;letter-spacing:.04em;color:var(--encre-douce)}.comparatif td:first-child{color:var(--encre-douce)}.amorce .compteur,.heros .compteur{display:flex;flex-wrap:wrap;align-items:baseline;gap:.2rem .9rem;margin:2.6rem 0 0;padding:.9rem 1.1rem;border:1px solid var(--trait);border-left:3px solid var(--accent);border-radius:var(--rayon);background:var(--papier-2)}.compteur__nombre{font-family:var(--serif);font-size:clamp(2rem,6.5vw,2.8rem);line-height:1;letter-spacing:-.02em;color:var(--accent)}.compteur__dit{flex:1 1 19rem;font-size:.95rem;color:var(--encre-douce)}.compteur__dit strong{color:var(--encre)}.famille-outils{margin-top:2rem}.famille-outils h2{font-family:var(--serif);font-size:1.2rem;margin-bottom:.6rem}.filtre__choix{position:absolute;opacity:0;width:1px;height:1px;pointer-events:none}.filtre{display:flex;flex-wrap:wrap;gap:.5rem;margin:.5rem 0}.filtre label{display:inline-flex;align-items:center;gap:.4rem;padding:.35rem .8rem;border:1px solid var(--trait-fort);border-radius:999px;background:var(--papier-2);color:var(--encre-douce);font-size:.92rem;cursor:pointer}.filtre label:hover{border-color:var(--accent);color:var(--encre)}.filtre__compte{font-variant-numeric:tabular-nums;font-size:.82rem;color:var(--encre-douce)}#famille-toutes:checked~.filtre label[for=famille-toutes],#famille-documents:checked~.filtre label[for=famille-documents]{background:var(--accent);border-color:var(--accent);color:var(--papier-2)}#famille-images:checked~.filtre label[for=famille-images]{background:var(--accent-image);border-color:var(--accent-image);color:var(--papier-2)}#famille-toutes:checked~.filtre label[for=famille-toutes] .filtre__compte,#famille-documents:checked~.filtre label[for=famille-documents] .filtre__compte,#famille-images:checked~.filtre label[for=famille-images] .filtre__compte{color:inherit;opacity:.85}.filtre__choix:focus-visible~.filtre label[for=famille-toutes],.filtre__choix:focus-visible~.filtre label[for=famille-documents],.filtre__choix:focus-visible~.filtre label[for=famille-images]{outline:2px solid var(--accent);outline-offset:2px}#famille-documents:checked~.familles .famille-outils--images,#famille-images:checked~.familles .famille-outils--documents{display:none}.famille-outils--images .fonctions__signe,.fonctions--images .fonctions__signe{background:var(--accent-image-clair);color:var(--accent-image)}.famille-outils--images .fonctions li.courant .fonctions__signe,.fonctions--images li.courant .fonctions__signe{background:var(--accent-image);color:var(--papier-2)}.famille-outils--images .fonctions li:hover,.fonctions--images li:hover{border-color:var(--accent-image)}.famille-outils--images .fonctions li:hover h3 a,.famille-outils--images .fonctions li:hover h4 a,.fonctions--images li:hover h4 a{color:var(--accent-image)}.identite{list-style:none;padding:0;margin:0 0 1rem}.identite li{margin-bottom:.2rem}.dit-net{border-left:3px solid var(--accent);background:var(--accent-clair);border-radius:var(--rayon);padding:.7rem .9rem}.accueil .page-site section{border-top:0;padding:2.6rem 0 0}.accueil .page-site h2{font-size:clamp(1.6rem,2.4vw,2rem);margin-bottom:.5rem}.accueil .page-site section>.chapeau{font-size:1.05rem;max-width:52rem}.accueil .page-site section.heros{margin-top:1.4rem;padding:3.4rem 2rem 3rem;text-align:center;border:1px solid var(--trait);border-radius:calc(var(--rayon-carte) + 6px);background:linear-gradient(165deg,var(--accent-clair) 0%,var(--papier-2) 62%)}.heros h1{font-family:var(--serif);font-size:clamp(2rem,5.2vw,3.15rem);line-height:1.12;letter-spacing:-.025em;margin:0 auto .9rem;max-width:27ch;text-wrap:balance}.heros .heros__chapeau{font-size:1.1rem;line-height:1.6;color:var(--encre-douce);margin:0 auto 1.7rem;max-width:46rem}.heros__chapeau strong{color:var(--encre)}.heros .gestes{justify-content:center}.chiffres{list-style:none;margin:1.1rem 0 0;padding:1.1rem 1rem;display:grid;grid-template-columns:repeat(auto-fit,minmax(9rem,1fr));gap:1rem .5rem;border:1px solid var(--trait);border-radius:var(--rayon-carte);background:var(--papier-2);box-shadow:var(--ombre)}.chiffres li{margin:0;text-align:center}.chiffres__nombre{display:block;font-family:var(--serif);font-size:1.85rem;line-height:1.1;letter-spacing:-.02em;color:var(--accent)}.chiffres__dit{display:block;font-size:.88rem;color:var(--encre-douce)}.section-outils{scroll-margin-top:4.5rem}.familles{margin-top:.4rem}.famille-outils{margin-top:1.8rem}.accueil .famille{display:flex;align-items:center;gap:.55rem;font-family:var(--serif);font-size:1.25rem;letter-spacing:-.01em;margin:0}.famille__signe{width:1.35rem;height:1.35rem;color:var(--accent);flex:none}.famille-outils--images .famille__signe{color:var(--accent-image)}.atouts{list-style:none;padding:0;margin:1.2rem 0 0;display:grid;grid-template-columns:repeat(auto-fit,minmax(19rem,1fr));gap:.9rem}.atouts li{margin:0;padding:1.3rem 1.4rem 1.4rem;border:1px solid var(--trait);border-radius:var(--rayon-carte);background:var(--papier-2);box-shadow:var(--ombre)}.atout__signe{display:inline-flex;width:2.7rem;height:2.7rem;padding:.62rem;border-radius:13px;background:var(--accent-clair);color:var(--accent);margin-bottom:.8rem}.atout__signe svg{width:100%;height:100%}.atouts h3{margin:0 0 .35rem;font-size:1.06rem;line-height:1.3}.atouts p{margin:0;font-size:.94rem;line-height:1.55;color:var(--encre-douce)}.atouts strong{color:var(--encre)}.etapes{list-style:none;counter-reset:etape;padding:0;margin:1.2rem 0 0;display:grid;grid-template-columns:repeat(auto-fit,minmax(17rem,1fr));gap:1.4rem 1.6rem}.etapes li{counter-increment:etape;position:relative;margin:0;padding-top:3.4rem}.etapes li:before{content:counter(etape);position:absolute;top:0;left:0;width:2.6rem;height:2.6rem;display:grid;place-items:center;border-radius:50%;background:var(--accent);color:var(--papier-2);font-family:var(--serif);font-size:1.25rem;font-weight:700}@media(prefers-color-scheme:dark){.etapes li:before{color:#0a1330}}@media(min-width:56rem){.etapes li:not(:last-child):after{content:"";position:absolute;top:1.3rem;left:3.1rem;right:-1.6rem;border-top:2px dotted var(--trait-fort)}}.etapes h3{margin:0 0 .35rem;font-size:1.1rem}.etapes p{margin:0;color:var(--encre-douce);font-size:.96rem}.accueil .page-site section.section-fin{text-align:center;margin:1rem 0 1.8rem;padding:2.8rem 1.5rem 3.4rem;border:1px solid var(--trait);border-radius:calc(var(--rayon-carte) + 6px);background:linear-gradient(165deg,var(--accent-clair) 0%,var(--papier-2) 70%)}.section-fin .gestes{justify-content:center;margin-top:1.2rem}.heros .compteur{justify-content:center;text-align:left;max-width:34rem;margin-inline:auto;background:var(--papier-2)}.accueil .filtre{margin:1.1rem 0 .4rem;gap:.6rem}.accueil .filtre label{padding:.48rem 1.05rem;border-radius:999px;font-size:.95rem;box-shadow:var(--ombre);transition:background .15s ease,border-color .15s ease,color .15s ease}@media(max-width:48rem){.page-site>.site-tete{position:static}}@media(max-width:44rem){.accueil .page-site section.heros{padding:2.4rem 1.2rem}.accueil .page-site section.section-fin{padding:2.2rem 1.1rem 2.6rem}.fonctions{grid-template-columns:1fr}}
