@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700&display=swap'); .lsl-privacy { --lsl-blue: #173B5B; --lsl-blue-light: #5E788D; --lsl-text: #354451; --lsl-muted: #82919C; --lsl-rule: #D9D1C5; width: 100%; max-width: 1160px; margin: 0 auto; padding: 42px 34px 140px; box-sizing: border-box; color: var(--lsl-text); background: transparent; font-family: 'Manrope', sans-serif; font-size: 15px; line-height: 1.85; -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; } .lsl-privacy *, .lsl-privacy *::before, .lsl-privacy *::after { box-sizing: border-box; } .lsl-privacy-header { margin: 0 0 48px; } .lsl-privacy-header h1 { margin: 0; padding: 0; color: var(--lsl-blue); font-family: 'Manrope', sans-serif; font-size: clamp(36px, 4vw, 48px); font-weight: 600; letter-spacing: -1.8px; line-height: 1.2; } .lsl-privacy-content { width: 100%; border-top: 1px solid var(--lsl-rule); } .lsl-privacy-section { display: grid; grid-template-columns: minmax(220px, 0.75fr) minmax(0, 1.25fr); column-gap: 55px; align-items: start; padding: 34px 0 36px; border-bottom: 1px solid var(--lsl-rule); } .lsl-privacy-heading { display: grid; grid-template-columns: 30px minmax(0, 1fr); gap: 17px; align-items: start; } .lsl-privacy-number { padding-top: 5px; color: var(--lsl-blue-light); font-size: 11px; font-weight: 600; letter-spacing: 0.5px; font-variant-numeric: tabular-nums; } .lsl-privacy-heading h2 { margin: 0; padding-left: 17px; border-left: 2px solid var(--lsl-blue-light); color: var(--lsl-blue); font-family: 'Manrope', sans-serif; font-size: clamp(21px, 2vw, 25px); font-weight: 700; letter-spacing: -0.7px; line-height: 1.4; } .lsl-privacy-section-body { min-width: 0; padding-top: 2px; } .lsl-privacy-section-body p { margin: 0 0 18px; color: var(--lsl-text); font-size: 15px; font-weight: 400; line-height: 1.9; overflow-wrap: anywhere; } .lsl-privacy-section-body p:last-child { margin-bottom: 0; } .lsl-privacy-section-body strong { color: var(--lsl-blue); font-weight: 700; } .lsl-privacy-section-body ul { display: flex; flex-direction: column; gap: 12px; margin: 12px 0 20px; padding: 0; list-style: none; } .lsl-privacy-section-body li { position: relative; margin: 0; padding-left: 17px; color: var(--lsl-text); font-size: 15px; line-height: 1.85; overflow-wrap: anywhere; } .lsl-privacy-section-body li::before { position: absolute; top: 0.85em; left: 0; width: 6px; height: 2px; background: var(--lsl-blue-light); content: ""; } .lsl-privacy-section-body a { color: var(--lsl-blue); text-decoration: none; border-bottom: 1px solid rgba(23, 59, 91, 0.28); overflow-wrap: anywhere; transition: border-color 180ms ease; } .lsl-privacy-section-body a:hover { border-bottom-color: var(--lsl-blue); } /* Copyright placé après le séparateur final */ .lsl-privacy-copyright { margin: 24px 0 0; color: var(--lsl-text); font-family: 'Manrope', sans-serif; font-size: 12px; line-height: 1.7; text-align: right; } .lsl-privacy-copyright strong { color: var(--lsl-blue); font-weight: 700; } /* Adaptation mobile */ @media (max-width: 767px) { .lsl-privacy { padding: 30px 20px 140px; font-size: 14px; line-height: 1.8; } .lsl-privacy-header { margin-bottom: 34px; } .lsl-privacy-header h1 { font-size: 35px; font-weight: 600; letter-spacing: -1.2px; } .lsl-privacy-section { grid-template-columns: minmax(0, 1fr); row-gap: 22px; padding: 27px 0 29px; } .lsl-privacy-heading { grid-template-columns: 26px minmax(0, 1fr); gap: 13px; } .lsl-privacy-heading h2 { padding-left: 13px; font-size: 22px; font-weight: 700; } .lsl-privacy-section-body { padding-left: 39px; } .lsl-privacy-section-body p, .lsl-privacy-section-body li { font-size: 14px; line-height: 1.85; } .lsl-privacy-section-body p { margin-bottom: 15px; } .lsl-privacy-section-body ul { gap: 13px; } .lsl-privacy-copyright { margin-top: 20px; font-size: 12px; text-align: left; } } @media (prefers-reduced-motion: reduce) { .lsl-privacy-section-body a { transition: none; } }