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