:root{--or: #f4b942;--bleu: #1b5e91;--bleu-fonce: #123f63;--vert-wa: #25d366;--texte: #1c2430;--texte-doux: #5a6675;--fond: #ffffff;--fond-alt: #f5f7fa;--bordure: #dfe4ea;--erreur: #c0392b;--succes: #1e7d4f;--rayon: 12px;--largeur: 1080px;font-synthesis:none}*{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;color:var(--texte);background:var(--fond);line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden}img,svg{max-width:100%;height:auto}h1,h2,h3{line-height:1.25;margin:0 0 .5em}a{color:var(--bleu)}.conteneur{width:100%;max-width:var(--largeur);margin:0 auto;padding:0 clamp(16px,4vw,24px)}.conteneur--etroit{max-width:720px}.entete{position:sticky;top:0;z-index:10;background:#ffffffeb;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-bottom:1px solid var(--bordure)}.entete__inner{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;min-height:64px;gap:10px 16px;padding-top:8px;padding-bottom:8px}.marque{display:flex;align-items:center;gap:8px;font-weight:700;font-size:1.15rem;color:var(--bleu-fonce);text-decoration:none}.marque__pastille{font-size:.7rem;font-weight:700;letter-spacing:.5px;color:#fff;background:var(--or);color:#3a2c05;padding:3px 8px;border-radius:999px;white-space:nowrap}.entete__droite{display:flex;align-items:center;gap:18px}.nav{display:flex;align-items:center;gap:22px;font-size:.95rem}.nav a{color:var(--texte-doux);text-decoration:none}.nav a:hover{color:var(--bleu)}.nav__cta{padding:8px 16px;border-radius:999px;background:var(--bleu);color:#fff!important}.langues{display:flex;gap:4px;border:1px solid var(--bordure);border-radius:999px;padding:3px;flex-shrink:0}.langues__btn{border:none;background:transparent;color:var(--texte-doux);font:inherit;font-size:.85rem;font-weight:600;padding:5px 10px;border-radius:999px;cursor:pointer;line-height:1}.langues__btn:hover{color:var(--bleu)}.langues__btn--actif{background:var(--bleu);color:#fff}.hero{background:linear-gradient(160deg,#123f63,#1b5e91 55%,#2a7bb8);color:#fff;padding:clamp(48px,10vw,80px) 0 clamp(40px,8vw,64px)}.hero h1{font-size:clamp(1.6rem,6vw,2.9rem);max-width:18ch;overflow-wrap:break-word}.hero__accroche{max-width:56ch;font-size:clamp(1rem,2.5vw,1.15rem);color:#ffffffe6}.hero__actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:28px}.hero__base{margin-top:22px;font-size:.9rem;color:#ffffffbf}.bouton{display:inline-block;padding:13px 24px;border-radius:var(--rayon);font-weight:600;font-size:1rem;text-decoration:none;border:none;cursor:pointer;transition:transform .05s ease,opacity .15s ease}.bouton:active{transform:translateY(1px)}.bouton--primaire{background:var(--or);color:#3a2c05}.bouton--primaire:hover{opacity:.92}.bouton--secondaire{background:#ffffff1f;color:#fff;border:1px solid rgba(255,255,255,.5)}.bouton--large{width:100%;padding:15px}.section{padding:clamp(44px,8vw,72px) 0}.section--alt{background:var(--fond-alt)}.section h2{font-size:clamp(1.5rem,3vw,2rem);margin-bottom:8px}.section__intro{color:var(--texte-doux);max-width:60ch;margin-bottom:28px}.grille{display:grid;gap:20px;margin-top:28px}.grille--2{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.grille--3{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.carte{background:var(--fond);border:1px solid var(--bordure);border-radius:var(--rayon);padding:24px}.section--alt .carte{background:#fff}.carte h3{font-size:1.15rem}.carte__sousTitre{color:var(--bleu);font-weight:600;margin-top:-4px}.carte--etape .carte__numero{width:36px;height:36px;border-radius:50%;background:var(--bleu);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;margin-bottom:12px}.liste{margin:12px 0 0;padding-inline-start:20px}.liste li{margin-bottom:6px}.faq{margin-top:24px;display:grid;gap:12px}.faq__item{background:var(--fond);border:1px solid var(--bordure);border-radius:var(--rayon);padding:4px 18px}.faq__item summary{cursor:pointer;font-weight:600;padding:14px 0;list-style:none}.faq__item summary::-webkit-details-marker{display:none}.faq__item summary:before{content:"+ ";color:var(--bleu);font-weight:700}.faq__item[open] summary:before{content:"– "}.faq__item p{margin:0 0 14px;color:var(--texte-doux)}.formulaire{display:grid;gap:18px;background:#fff;border:1px solid var(--bordure);border-radius:var(--rayon);padding:clamp(16px,4vw,26px)}.formulaire__ligne{display:grid;grid-template-columns:1fr 1fr;gap:18px}.hp{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0}.bloc{display:grid;gap:6px}.bloc__label{font-size:.9rem;font-weight:600;color:var(--texte)}.champ{width:100%;padding:11px 12px;border:1px solid var(--bordure);border-radius:8px;font-size:1rem;font-family:inherit;background:#fff;color:var(--texte)}.champ:focus{outline:2px solid var(--bleu);outline-offset:1px;border-color:var(--bleu)}.champ--erreur{border-color:var(--erreur)}.message-erreur{color:var(--erreur);font-size:.85rem}.succes{background:#e7f6ee;border:1px solid #b8e2cb;color:var(--succes);padding:12px 14px;border-radius:8px;margin:0}.contact-direct{margin-top:18px;text-align:center;color:var(--texte-doux);overflow-wrap:anywhere}.contact-direct a{white-space:nowrap}.pied{background:var(--bleu-fonce);color:#ffffffd9;padding:26px 0;font-size:.9rem}.pied__inner{display:flex;flex-wrap:wrap;gap:8px 20px;justify-content:space-between}[dir=rtl] .faq__item summary:before{content:"+ "}[dir=rtl] .faq__item[open] summary:before{content:"– "}[dir=rtl] .succes,[dir=rtl] .message-erreur{text-align:right}@media(max-width:1024px){:root{--largeur: 900px}.nav{gap:18px}.grille--3{grid-template-columns:repeat(2,1fr)}}@media(max-width:760px){.entete__droite{gap:10px}.nav a:not(.nav__cta){display:none}.marque{font-size:1rem}.grille--2,.grille--3,.formulaire__ligne{grid-template-columns:1fr}.pied__inner{justify-content:flex-start}}@media(max-width:480px){.entete__inner{justify-content:center}.nav__cta{display:none}.langues{gap:2px}.langues__btn{padding:10px 13px;font-size:.85rem}.hero__actions{width:100%}.hero__actions .bouton{width:100%;text-align:center}.carte{padding:20px}.contact-direct{line-height:2}}@media(max-width:360px){.marque__pastille{display:none}}
