:root{--encre: #1d1d1f;--gris: #6e6e73;--trait: #e5e5ea;--trait-fort: #d2d2d7;--fond: #f5f5f7;--surface: #fff;--bleu: #0071e3;--bleu-fonce: #0077ed;--lien: #0066cc;--bleu-pale: #e8f1fc;--orange: #b64400;--orange-pale: #fff8f2;--orange-trait: #fcd9bd;--vert: #248a3d;--jaune: #fff1b8;--rayon: 12px;--rayon-grand: 18px}*{box-sizing:border-box}html{scroll-padding-top:1rem;-webkit-text-size-adjust:100%}body{margin:0;font-family:Segoe UI Variable Text,Segoe UI,-apple-system,BlinkMacSystemFont,Roboto,Helvetica Neue,Arial,sans-serif;font-size:17px;line-height:1.6;color:var(--encre);background:var(--surface)}a{color:var(--lien)}:focus-visible{outline:2px solid var(--bleu);outline-offset:2px;border-radius:4px}.bandeau{display:flex;align-items:center;justify-content:space-between;gap:1rem;position:sticky;top:0;z-index:2;min-height:52px;padding:.5rem 1.5rem;background:#fffc;border-bottom:1px solid rgb(0 0 0 / .08);-webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter:saturate(180%) blur(20px)}.marque{display:inline-flex;align-items:center;gap:.5rem;font-weight:600;font-size:1.0625rem;letter-spacing:-.01em;color:var(--encre);text-decoration:none;white-space:nowrap}.marque .symbole{width:22px;height:22px;flex:none}.marque .nom span{border-radius:3px}.bandeau nav{display:flex;align-items:center;gap:1.25rem;flex-wrap:wrap}.rubrique{color:var(--encre);font-size:.875rem;text-decoration:none;opacity:.8}.rubrique:hover{opacity:1}main{max-width:960px;margin:0 auto;padding:0 1.5rem 2rem}section{padding:3.5rem 0}h1{margin:0 0 1rem;font-size:clamp(2rem,5vw,3rem);line-height:1.08;font-weight:700;letter-spacing:-.03em}h2{margin:0 0 1.25rem;font-size:clamp(1.5rem,3.4vw,2rem);line-height:1.15;font-weight:600;letter-spacing:-.02em}h3{margin:1.5rem 0 .5rem;font-size:1.125rem;font-weight:600}.chapeau{max-width:44rem;margin:0 0 1.75rem;font-size:1.1875rem;color:var(--gris)}.mention{color:var(--gris);font-size:.9375rem}.bouton{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:.5rem 1rem;font:inherit;font-size:.9375rem;font-weight:600;color:var(--encre);text-decoration:none;background:var(--surface);border:1px solid var(--trait-fort);border-radius:980px;transition:background-color .12s ease}.bandeau .bouton{min-height:32px;padding:.25rem .875rem;font-size:.8125rem;font-weight:500}.bouton.principal{color:#fff;background:var(--bleu);border-color:var(--bleu)}.bouton.principal:hover{background:var(--bleu-fonce);border-color:var(--bleu-fonce)}.bouton.grand{min-height:48px;padding:.75rem 1.625rem;font-size:1.0625rem;font-weight:500}.accueil{padding-top:4rem}.appel{margin:0 0 2rem}.atouts{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem;margin:0;padding:0;list-style:none}.atouts li{padding:1.125rem 1.25rem;font-size:.9375rem;color:var(--gris);background:var(--fond);border-radius:var(--rayon-grand)}.atouts strong{display:block;color:var(--encre)}.etapes{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin:0;padding:0;list-style:none}.etapes li{padding:1.5rem;background:var(--fond);border-radius:var(--rayon-grand)}.etapes h3{margin:.75rem 0 .375rem}.etapes p{margin:0;font-size:.9375rem;color:var(--gris)}.etapes .numero{display:inline-grid;place-items:center;width:32px;height:32px;font-weight:600;color:var(--surface);background:var(--encre);border-radius:50%}.tableau{overflow-x:auto;background:var(--fond);border-radius:var(--rayon-grand)}table{width:100%;border-collapse:collapse;font-size:.9375rem}th,td{padding:.75rem 1rem;text-align:left;vertical-align:top;border-bottom:1px solid var(--trait)}tbody tr:last-child th,tbody tr:last-child td{border-bottom:none}thead th{font-size:.8125rem;font-weight:600;color:var(--gris)}tbody th{font-weight:600;white-space:nowrap}td:last-child{color:var(--gris)}.familles{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.famille{padding:1.5rem;background:var(--fond);border-radius:var(--rayon-grand)}.famille h3{margin:0 0 .375rem}.famille p{margin:0;font-size:.9375rem;color:var(--gris)}.famille.incertain{background:var(--orange-pale)}.famille.incertain h3{color:var(--orange)}#confidentialite ul,#limites ul{padding-left:1.25rem}#confidentialite li,#limites li{margin-bottom:.5rem}.relance{text-align:center}.relance p{color:var(--gris)}.pied{padding:1.25rem 1.5rem;font-size:.75rem;color:var(--gris);text-align:center;background:var(--fond);border-top:1px solid var(--trait)}.pied p{margin:0}code{font-size:.9em}.licence{max-height:18rem;overflow:auto;padding:1rem;font-size:.8rem;line-height:1.5;white-space:pre-wrap;background:var(--fond);border-radius:var(--rayon)}.guide section>ul:not(.atouts),.guide section>ol:not(.etapes){padding-left:1.25rem}.guide section>ul:not(.atouts) li,.guide section>ol:not(.etapes) li{margin-bottom:.5rem}.guide .accueil{padding-top:2.5rem}.fil{margin:0 0 1.25rem;font-size:.875rem;color:var(--gris)}.fil a{color:var(--gris)}.signature{margin:0;font-size:.875rem;color:var(--gris)}.cartes{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.cartes.deux{grid-template-columns:repeat(2,1fr)}.groupe{margin:1.5rem 0 .75rem;font-size:.8125rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--gris)}#guides h2+.groupe{margin-top:0}.carte{display:block;padding:1.5rem;color:inherit;text-decoration:none;background:var(--fond);border-radius:var(--rayon-grand);transition:background-color .15s ease}.carte:hover{background:#ececf0}.carte h3{margin:0 0 .375rem;color:var(--lien)}.carte p{margin:0;font-size:.9375rem;color:var(--gris)}.demo{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;margin:0 0 1rem}.demo figure{margin:0;padding:1.5rem;background:var(--fond);border-radius:var(--rayon-grand)}.demo figcaption{margin-bottom:.75rem;font-size:.8125rem;font-weight:600;color:var(--gris)}.demo p{margin:0;font-family:Georgia,Times New Roman,serif;font-size:.9375rem}.demo .collage{font-family:ui-monospace,Menlo,Consolas,monospace;font-size:.875rem}.cache{color:#000;background:#000;border-radius:2px}.fuite{background:var(--orange-pale);outline:1px solid var(--orange-trait);border-radius:2px}.demo figure.alerte{background:var(--orange-pale)}.demo figure.alerte figcaption{color:var(--orange)}.questions details{padding:1.125rem 0;border-bottom:1px solid var(--trait)}.questions summary{display:flex;justify-content:space-between;gap:1rem;font-size:1.0625rem;font-weight:600;list-style:none;cursor:pointer}.questions summary::-webkit-details-marker{display:none}.questions summary:after{content:"+";font-size:1.375rem;font-weight:400;line-height:1;color:var(--gris)}.questions details[open] summary:after{content:"−"}.questions details p{margin:.5rem 0 0;color:var(--gris)}@media(max-width:800px){.atouts,.etapes,.familles,.cartes,.cartes.deux,.demo{grid-template-columns:1fr}}@media(max-width:700px){body{font-size:16px}.bandeau{padding:.5rem 1rem}.rubrique{display:none}main{padding:0 1rem 1.5rem}section{padding:2rem 0}.accueil{padding-top:2.5rem}h1{font-size:2rem}h2{font-size:1.375rem}.chapeau{font-size:1.0625rem}thead{display:none}tbody tr{display:block;padding:.875rem 1rem;border-bottom:1px solid var(--trait)}tbody tr:last-child{border-bottom:none}tbody th,tbody td{display:block;padding:0;border:none;white-space:normal}tbody td{margin-top:.25rem}tbody td:last-child:before{content:"Copie : ";font-weight:600;color:var(--encre)}}@media(prefers-reduced-motion:reduce){*{transition-duration:.01ms!important}}.vitrine main{max-width:none;padding:0}.vitrine section{padding:5.5rem max(1.5rem,calc((100% - 980px)/2));border:none}.vitrine section.claire{background:var(--fond)}.vitrine h2{margin-bottom:.75rem;font-size:clamp(1.75rem,4vw,2.5rem);line-height:1.12;font-weight:600;letter-spacing:-.02em;text-align:center}.vitrine .intro{max-width:36rem;margin:0 auto 3rem;font-size:1.1875rem;color:var(--gris);text-align:center}.promesse{padding-top:4rem;text-align:center}.promesse h1{margin:0 auto 1.25rem;font-size:clamp(2.25rem,6.4vw,4rem);line-height:1.06;font-weight:700;letter-spacing:-.035em}.promesse .chapeau{max-width:40rem;margin:0 auto 2rem;font-size:clamp(1.125rem,2.2vw,1.3125rem);line-height:1.5}.appels{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.75rem 1.75rem;margin:0 0 1.5rem}.suite{font-size:1.0625rem;text-decoration:none}.suite:after{content:" ›"}.suite:hover{text-decoration:underline}.garanties{margin:0 0 3rem;font-size:.9375rem;color:var(--gris)}.garanties strong{color:var(--encre);font-weight:600}.avant-apres{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem;max-width:980px;margin:0 auto;text-align:left}.feuille{display:flex;flex-direction:column;min-width:0;margin:0}.feuille figcaption{margin-bottom:.625rem;font-size:.8125rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--gris);text-align:center}.page{flex:1;padding:2rem 1.75rem;font-family:Georgia,Times New Roman,serif;font-size:.9375rem;line-height:1.7;background:var(--surface);border:1px solid var(--trait);border-radius:14px;box-shadow:0 1px 2px #0000000a,0 16px 40px -12px #00000024}.page p{margin:0 0 .625rem}.page .entete{margin-bottom:1.125rem;font-family:inherit;font-size:.8125rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.page mark{white-space:nowrap;padding:0 .125rem;color:inherit;background:var(--jaune);border-radius:3px}.pave{display:inline-block;width:6.5em;height:1.05em;vertical-align:-.15em;overflow:hidden;color:transparent;background:#000;border-radius:2px;user-select:none}.pave.long{width:7.5em}.pave.tres-long{width:13em;max-width:100%}.legende{max-width:38rem;margin:1.5rem auto 0;text-align:center;font-size:.875rem;color:var(--gris)}.vitrine .etapes{gap:2.5rem;margin-top:4rem}.demo-selection{max-width:36rem;margin:0 auto;text-align:left}.demo-selection .page{padding-top:2.25rem}.demo-selection .entete{margin-bottom:2.75rem}.cible{position:relative;margin:0 -.125rem;padding:0 .125rem;border-radius:2px;background:linear-gradient(#0071e347,#0071e347) no-repeat 0 0 / 0 100%;animation:noircit 8s infinite}.cible.premiere{animation-name:selectionne}.cible .mot{animation:disparait 8s infinite}.bulle{position:absolute;bottom:calc(100% + .5rem);left:50%;padding:.375rem .875rem;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:.8125rem;font-weight:600;color:#fff;white-space:nowrap;background:var(--encre);border-radius:980px;box-shadow:0 6px 18px #00000040;opacity:0;transform:translate(-50%,4px);animation:bulle 8s infinite}.curseur{position:absolute;top:.35em;left:0;width:14px;height:20px;fill:var(--encre);stroke:#fff;stroke-width:1.2;opacity:0;animation:curseur 8s infinite}@keyframes selectionne{0%,14%{background-size:0 100%;background-color:transparent}34%,49.9%{background-size:100% 100%;background-color:transparent}50%,88%{background-size:0 100%;background-color:#000}94%,to{background-size:0 100%;background-color:transparent}}@keyframes noircit{0%,49.9%{background-color:transparent}50%,88%{background-color:#000}94%,to{background-color:transparent}}@keyframes disparait{0%,49.9%{color:var(--encre)}50%,88%{color:transparent}94%,to{color:var(--encre)}}@keyframes bulle{0%,35%{opacity:0;transform:translate(-50%,4px)}38%,45%{opacity:1;transform:translate(-50%) scale(1)}47%{opacity:1;transform:translate(-50%) scale(.94)}50%,to{opacity:0;transform:translate(-50%)}}@keyframes curseur{0%,6%{opacity:0;left:-1rem;top:.35em}12%,14%{opacity:1;left:0;top:.35em}34%,37%{opacity:1;left:100%;top:.35em}44%,48%{opacity:1;left:55%;top:-1.9em}56%{opacity:0;left:55%;top:-1.9em}to{opacity:0}}@media(prefers-reduced-motion:reduce){.cible,.cible .mot,.bulle,.curseur{animation:none}.cible.premiere{background-size:100% 100%}.bulle{opacity:1;transform:translate(-50%)}}.vitrine .etapes li{padding:0;text-align:center;background:none;border:none}.vitrine .etapes .numero{width:40px;height:40px;font-size:1.0625rem;color:var(--surface);background:var(--encre)}.vitrine .etapes h3{font-size:1.3125rem}.vitrine .etapes p{font-size:1rem}.sous-titre{margin:4.5rem 0 1.25rem;font-size:1.3125rem;text-align:center}.pastilles{display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem;max-width:44rem;margin:0 auto 1.25rem;padding:0;list-style:none}.pastilles li{padding:.375rem .875rem;font-size:.9375rem;background:var(--surface);border:1px solid var(--trait);border-radius:980px}.vitrine .mention{max-width:36rem;margin:0 auto;text-align:center}.preuves{display:grid;grid-template-columns:repeat(3,1fr);gap:2.5rem;margin:0;padding:0;list-style:none}.preuves li{font-size:1rem;text-align:center;color:var(--gris)}.preuves strong{display:block;margin-bottom:.25rem;font-size:1.0625rem;color:var(--encre)}.vitrine .questions{max-width:none}.vitrine .questions h2{margin-bottom:2.5rem}.vitrine .questions details{max-width:44rem;margin:0 auto}.vitrine .relance p{max-width:34rem;margin:0 auto 2rem;font-size:1.125rem}.vitrine .relance .appels{max-width:none;margin:0}.vitrine .guides{border-top:1px solid var(--trait);padding-top:3.5rem;padding-bottom:3.5rem}.vitrine .guides h2{margin-bottom:1.25rem;font-size:1.25rem}.liste-guides{display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem 1.5rem;font-size:.9375rem}.liste-guides a{text-decoration:none}.liste-guides a:hover{text-decoration:underline}@media(max-width:800px){.avant-apres,.preuves{grid-template-columns:1fr}.preuves,.vitrine .etapes{gap:1.75rem}}@media(max-width:700px){.vitrine section{padding:3.5rem 1rem}.promesse{padding-top:3rem}.vitrine .intro{margin-bottom:2rem;font-size:1.0625rem}.page{padding:1.5rem 1.25rem;font-size:.875rem;overflow-wrap:anywhere}.page mark{white-space:normal}.pave.tres-long{width:10em}.sous-titre{margin-top:3rem}}.guide .accueil .appels{justify-content:flex-start}.guide .accueil .garanties{margin-bottom:0}.guide .relance .appels{margin-bottom:2rem}.guide .etapes{margin-bottom:1rem}.vitrine .manifeste{background:var(--encre);color:#f5f5f7;text-align:center}.vitrine .manifeste h2{color:#fff;margin-bottom:1.5rem}.vitrine .manifeste p{max-width:36rem;margin:0 auto 1rem;font-size:1.1875rem;color:#a1a1a6}@media(max-width:700px){.vitrine .manifeste p{font-size:1.0625rem}}.legal main{max-width:46rem}.legal section{padding:2rem 0;border-top:1px solid var(--trait)}.legal section:first-child{padding-top:3.5rem;border-top:0}.legal h2{margin-bottom:1rem;font-size:1.375rem}.legal .fiche{display:grid;grid-template-columns:14rem 1fr;gap:.375rem 1.5rem;margin:0 0 1rem}.legal .fiche dt{color:var(--gris)}.legal .fiche dd{margin:0}.legal section>ul{padding-left:1.25rem}.legal section>ul li{margin-bottom:.375rem}@media(max-width:700px){.legal .fiche{grid-template-columns:1fr;gap:0}.legal .fiche dd{margin-bottom:.625rem}}
