@font-face{font-family:'Archivo';font-style:normal;font-weight:400 800;font-stretch:62% 125%;font-display:swap;src:url("/assets/fonts/archivo-latin.woff2") format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Figtree';font-style:normal;font-weight:300 900;font-display:swap;src:url("/assets/fonts/figtree-latin.woff2") format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
:where(body){margin:0;font-family:'Figtree',system-ui,sans-serif;color:#12262C;background:#FFFFFF}
:where(a){color:#027A80}
:where(a):hover{color:#06363C}
a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #38B6FF;outline-offset:2px}
input,textarea,button{font-family:inherit}
[hidden]{display:none !important}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@keyframes llRise{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}
@keyframes llGlow{0%,100%{transform:scale(1)}50%{transform:scale(1.035)}}
@media (prefers-reduced-motion:reduce){*{animation:none !important}}

/* Documents légaux */
.doc h2{margin:44px 0 10px;font-family:'Archivo',sans-serif;font-variation-settings:'wdth' 78;font-weight:600;font-size:24px;line-height:1.2}
.doc h2:first-of-type{margin-top:36px}
.doc h3{margin:28px 0 8px;font-family:'Archivo',sans-serif;font-variation-settings:'wdth' 78;font-weight:600;font-size:19px;line-height:1.25}
.doc p{margin:10px 0 0}
.doc h2+p,.doc h3+p{margin-top:0}
.doc ul,.doc ol{margin:10px 0 0;padding:0 0 0 22px;display:flex;flex-direction:column;gap:6px}
.doc table{display:block;overflow-x:auto;width:100%;border-collapse:collapse;margin-top:12px;font-size:16px}
.doc th,.doc td{text-align:left;vertical-align:top;padding:10px 12px;border:1px solid #C5D7DA}
.doc th{background:#EEF7F8;font-weight:600}
.doc .note{padding:14px 16px;background:#EEF7F8;border-left:4px solid #027A80;border-radius:4px}

/* généré à partir des styles de la maquette */
.s1{background: #FFFFFF; color: #12262C; font-size: 17px; line-height: 1.55}
.s2{border-bottom: 1px solid #D9E6E8; padding: 12px clamp(20px, 5vw, 72px)}
.s3{max-width: 1200px; margin: 0 auto; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 12px 32px}
.s4{display: flex; align-items: center; gap: 12px; text-decoration: none; color: #12262C; min-height: 48px}
.s5{width: 44px; height: 48px; object-fit: contain}
.s6{font-family: 'Archivo', sans-serif; font-variation-settings: 'wdth' 78; font-weight: 600; font-size: 20px; letter-spacing: 0.06em}
.s7{display: flex; flex-wrap: wrap; align-items: center; gap: 4px 28px}
.s8{color: #12262C; text-decoration: none; font-weight: 500; padding: 12px 0}
.s9{background: #027A80; color: #FFFFFF; text-decoration: none; font-weight: 600; padding: 12px 22px; border-radius: 4px}
.s10{padding: clamp(48px, 8vw, 104px) clamp(20px, 5vw, 72px)}
.s11{max-width: 1200px; margin: 0 auto; display: flex; flex-wrap: wrap; align-items: center; gap: 48px 64px}
.s12{flex: 999 1 520px; min-width: 0; animation: llRise 0.7s ease-out both}
.s13{margin: 0 0 20px; font-weight: 600; color: #027A80}
.s14{margin: 0; font-family: 'Archivo', sans-serif; font-variation-settings: 'wdth' 78; font-weight: 600; font-size: clamp(38px, 5.4vw, 68px); line-height: 1.04; letter-spacing: 0}
.s15{margin: 28px 0 0; font-size: 20px; line-height: 1.5; max-width: 38em; color: #2E464D}
.s16{display: flex; flex-wrap: wrap; gap: 14px; margin-top: 36px}
.s17{background: #027A80; color: #FFFFFF; text-decoration: none; font-weight: 600; font-size: 18px; padding: 15px 28px; border-radius: 4px}
.s18{background: #FFFFFF; color: #12262C; text-decoration: none; font-weight: 600; font-size: 18px; padding: 13px 26px; border-radius: 4px; border: 2px solid #12262C}
.s19{flex: 1 1 360px; min-width: 0; display: flex; flex-direction: column; align-items: center; gap: 28px; animation: llRise 0.9s 0.15s ease-out both}
.s20{width: 249px; height: 275px; animation: llGlow 5s ease-in-out infinite}
.s21{margin: 0; width: 100%; max-width: 440px}
.s22{display: block; width: 100%; height: auto}
.s23{font-family: 'Archivo', sans-serif; font-variation-settings: 'wdth' 78}
.s24{margin-top: 18px; display: flex; flex-direction: column; gap: 10px; font-size: 17px; line-height: 1.45; color: #40585F}
.s25{display: flex; gap: 10px; align-items: baseline}
.s26{flex: none; width: 12px; height: 12px; border-radius: 50%; background: #03989E}
.s27{color: #12262C}
.s28{flex: none; width: 12px; height: 12px; border-radius: 50%; background: #38B6FF}
.s29{flex: none; width: 12px; height: 12px; border-radius: 50%; background: #06363C}
.s30{background: #06363C; color: #FFFFFF; padding: clamp(56px, 7vw, 96px) clamp(20px, 5vw, 72px)}
.s31{max-width: 1200px; margin: 0 auto; display: flex; flex-wrap: wrap; gap: 40px 72px}
.s32{flex: 1 1 420px; min-width: 0; margin: 0; font-family: 'Archivo', sans-serif; font-variation-settings: 'wdth' 78; font-weight: 600; font-size: clamp(28px, 3.6vw, 44px); line-height: 1.12}
.s33{flex: 1 1 420px; min-width: 0; display: flex; flex-direction: column; gap: 18px; font-size: 18px; color: #DCEDEF}
.s34{margin: 0}
.s35{margin: 0; color: #FFFFFF; font-weight: 600}
.s36{padding: clamp(64px, 8vw, 112px) clamp(20px, 5vw, 72px)}
.s37{max-width: 1200px; margin: 0 auto}
.s38{margin: 0; font-family: 'Archivo', sans-serif; font-variation-settings: 'wdth' 78; font-weight: 600; font-size: clamp(30px, 4vw, 48px); line-height: 1.1}
.s39{margin: 16px 0 0; font-size: 19px; max-width: 40em; color: #2E464D}
.s40{display: flex; flex-wrap: wrap; gap: 24px; margin-top: 48px}
.s41{flex: 1 1 250px; min-width: 0}
.s42{display: block; width: 100%; aspect-ratio: 4 / 3; object-fit: cover; object-position: 46% 40%; border-radius: 6px}
.s43{border-top: 4px solid #03989E; padding-top: 20px; margin-top: 20px}
.s44{font-family: 'Archivo', sans-serif; font-variation-settings: 'wdth' 78; font-weight: 600; font-size: 44px; line-height: 1; color: #027A80}
.s45{margin: 14px 0 4px; font-family: 'Archivo', sans-serif; font-variation-settings: 'wdth' 78; font-weight: 600; font-size: 24px}
.s46{margin: 0 0 10px; font-weight: 600; color: #027A80}
.s47{margin: 0; color: #2E464D}
.s48{display: block; width: 100%; aspect-ratio: 4 / 3; object-fit: cover; object-position: 30% 50%; border-radius: 6px}
.s49{display: block; width: 100%; aspect-ratio: 4 / 3; object-fit: cover; object-position: 50% 50%; border-radius: 6px}
.s50{border-top: 4px solid #38B6FF; padding-top: 20px; margin-top: 20px}
.s51{font-family: 'Archivo', sans-serif; font-variation-settings: 'wdth' 78; font-weight: 600; font-size: 44px; line-height: 1; color: #1B6FA8}
.s52{margin: 0 0 10px; font-weight: 600; color: #1B6FA8}
.s53{background: #EEF7F8; padding: clamp(64px, 8vw, 112px) clamp(20px, 5vw, 72px)}
.s54{display: flex; flex-wrap: wrap; gap: 24px; margin-top: 48px; align-items: stretch}
.s55{flex: 1 1 320px; min-width: 0; background: #06363C; color: #FFFFFF; border-radius: 6px; padding: 36px 32px; display: flex; flex-direction: column; gap: 18px}
.s56{flex: none}
.s57{margin: 0; font-weight: 600; color: #8FD8FF}
.s58{margin: 0; font-family: 'Archivo', sans-serif; font-variation-settings: 'wdth' 78; font-weight: 600; font-size: 28px; line-height: 1.15}
.s59{margin: 0; color: #DCEDEF}
.s60{margin: 0; padding: 0 0 0 20px; display: flex; flex-direction: column; gap: 8px}
.s61{margin-top: auto; color: #FFFFFF; font-weight: 600; padding: 12px 0}
.s62{flex: 1 1 320px; min-width: 0; background: #FFFFFF; border-radius: 6px; padding: 36px 32px; display: flex; flex-direction: column; gap: 18px}
.s63{margin: 0; font-weight: 600; color: #027A80}
.s64{margin-top: auto; font-weight: 600; padding: 12px 0}
.s65{max-width: 1200px; margin: 0 auto; display: flex; flex-wrap: wrap; gap: 48px 72px; align-items: flex-start}
.s66{flex: 1 1 260px; min-width: 0; max-width: 340px}
.s67{display: block; width: 100%; aspect-ratio: 4 / 5; object-fit: cover; border-radius: 6px}
.s68{flex: 999 1 480px; min-width: 0}
.s69{margin: 0; font-family: 'Archivo', sans-serif; font-variation-settings: 'wdth' 78; font-weight: 600; font-size: 44px; line-height: 1.1}
.s70{margin: 20px 0 0; font-size: 19px; max-width: 38em; color: #2E464D}
.s71{margin: 16px 0 0; font-size: 19px; max-width: 38em; color: #2E464D}
.s72{list-style: none; margin: 36px 0 0; padding: 0; display: flex; flex-wrap: wrap; gap: 0 48px}
.s73{flex: 1 1 280px; padding: 14px 0; border-top: 1px solid #C5D7DA; font-weight: 600}
.s74{display: inline-block; margin-top: 24px; font-weight: 600; padding: 12px 0}
.s75{max-width: 1200px; margin: 56px auto 0; padding-top: 32px; border-top: 1px solid #C5D7DA}
.s76{margin: 0; text-align: center; font-weight: 600; color: #40585F}
.s77{display: flex; flex-wrap: wrap; gap: 24px 40px; justify-content: center; align-items: center; margin-top: 24px}
.s78{flex: none; width: 190px; height: 92px; display: flex; align-items: center; justify-content: center}
.s79{display: block; max-width: 100%; max-height: 100%; object-fit: contain}
.s80{max-width: 1200px; margin: 0 auto; display: flex; flex-wrap: wrap; gap: 40px 64px; align-items: center}
.s81{flex: 999 1 380px; min-width: 0}
.s82{margin: 0; font-family: 'Archivo', sans-serif; font-variation-settings: 'wdth' 78; font-weight: 600; font-size: clamp(28px, 3.6vw, 44px); line-height: 1.12}
.s83{margin: 20px 0 0; font-size: 18px; max-width: 36em; color: #DCEDEF}
.s84{margin: 14px 0 0; font-size: 18px; max-width: 36em; color: #DCEDEF}
.s85{flex: 1 1 520px; min-width: 0; display: flex; flex-wrap: wrap; gap: 20px; justify-content: center; align-items: flex-start}
.s86{flex: 0 1 420px; min-width: 0; margin: 0}
.s87{display: block; width: 100%; aspect-ratio: 3 / 2; object-fit: cover; border-radius: 6px}
.s88{margin-top: 12px; font-size: 15px; color: #DCEDEF}
.s89{flex: 0 1 210px; min-width: 0; margin: 0}
.s90{display: block; width: 100%; aspect-ratio: 3 / 4; object-fit: cover; border-radius: 6px}
.s91{max-width: 1200px; margin: 0 auto; display: flex; flex-wrap: wrap; gap: 48px 72px}
.s92{flex: 1 1 360px; min-width: 0}
.s93{margin: 20px 0 0; font-size: 19px; color: #2E464D}
.s94{margin-top: 32px; display: flex; flex-direction: column; gap: 8px; font-weight: 600}
.s95{padding: 10px 0px}
.s96{font-weight: 400; color: rgb(46, 70, 77); padding: 10px 0px}
.s97{flex: 1 1 440px; min-width: 0; background: #FFFFFF; border-radius: 6px; padding: clamp(24px, 4vw, 40px)}
.s98{display: flex; flex-direction: column; gap: 18px}
.s99{display: flex; flex-wrap: wrap; gap: 18px}
.s100{flex: 1 1 200px; min-width: 0; display: flex; flex-direction: column; gap: 6px}
.s101{font-weight: 600}
.s102{font-size: 17px; padding: 13px 14px; border: 1.5px solid #6F8A90; border-radius: 4px; color: #12262C; width: 100%; box-sizing: border-box}
.s103{font-weight: 400; color: #40585F}
.s104{display: flex; flex-direction: column; gap: 6px}
.s105{font-size: 17px; padding: 13px 14px; border: 1.5px solid #6F8A90; border-radius: 4px; color: #12262C; width: 100%; box-sizing: border-box; resize: vertical}
.s106{display: flex; gap: 12px; align-items: flex-start; font-size: 15px; color: #2E464D; min-height: 44px}
.s107{width: 22px; height: 22px; margin: 2px 0 0; flex: none; accent-color: #027A80}
.s108{margin: 0; padding: 12px 14px; background: #FDECEC; color: #8A1C1C; border-radius: 4px; font-weight: 600}
.s109{align-self: flex-start; background: #027A80; color: #FFFFFF; border: none; border-radius: 4px; font-weight: 600; font-size: 18px; padding: 15px 28px; cursor: pointer}
.s110{display: flex; flex-direction: column; gap: 16px; min-height: 320px; justify-content: center}
.s111{margin: 0; font-family: 'Archivo', sans-serif; font-variation-settings: 'wdth' 78; font-weight: 600; font-size: 28px}
.s112{margin: 0; font-size: 18px; color: #2E464D}
.s113{align-self: flex-start; background: #FFFFFF; color: #12262C; border: 2px solid #12262C; border-radius: 4px; font-weight: 600; font-size: 17px; padding: 12px 22px; cursor: pointer}
.s114{background: #12262C; color: #DCEDEF; padding: 56px clamp(20px, 5vw, 72px) 32px}
.s115{flex: 2 1 320px; min-width: 0}
.s116{font-family: 'Archivo', sans-serif; font-variation-settings: 'wdth' 78; font-weight: 600; font-size: 20px; letter-spacing: 0.06em; color: #FFFFFF}
.s117{margin: 14px 0 0; max-width: 30em}
.s118{margin: 14px 0 0; font-size: 15px}
.s119{flex: 1 1 200px; min-width: 0; display: flex; flex-direction: column; gap: 2px}
.s120{font-weight: 700; color: #FFFFFF; margin-bottom: 8px}
.s121{color: #DCEDEF; padding: 6px 0}
.s122{flex: 1 1 220px; min-width: 0; display: flex; flex-direction: column; gap: 2px}
.s123{color: #DCEDEF; padding: 10px 0}
.s124{max-width: 1200px; margin: 40px auto 0; padding-top: 20px; border-top: 1px solid #36505A; font-size: 15px}
.s125{background: #FFFFFF; color: #12262C; font-size: 17px; line-height: 1.6}
.s126{font-weight: 600; padding: 12px 0}
.s127{padding: clamp(40px, 6vw, 80px) clamp(20px, 5vw, 72px)}
.s128{max-width: 1200px; margin: 0 auto; display: flex; flex-wrap: wrap; gap: 40px 72px; align-items: flex-start}
.s129{flex: 1 1 240px; min-width: 0; display: flex; flex-direction: column; gap: 4px}
.s130{padding: 12px 16px; border-radius: 4px; background: #06363C; color: #FFFFFF; text-decoration: none; font-weight: 600}
.s131{padding: 12px 16px; border-radius: 4px; color: #12262C; text-decoration: none; font-weight: 500}
.s132{flex: 999 1 560px; min-width: 0; max-width: 46em}
.s133{margin: 0; font-family: 'Archivo', sans-serif; font-variation-settings: 'wdth' 78; font-weight: 600; font-size: clamp(32px, 4vw, 48px); line-height: 1.1}
.s134{margin: 12px 0 0; color: #40585F}
.s135{min-height: 100vh; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 16px; padding: 24px; text-align: center; font-size: 18px}
.s136{margin: 0; font-family: 'Archivo', sans-serif; font-variation-settings: 'wdth' 78; font-weight: 600; font-size: 40px}
