Politique de confidentialité

/* ——— Variables de la charte Ravivo Labs ——— */ :root { –cream: #F7F1E6; –ivory: #EDE7D4; –parchment: #D9CEBC; –sepia-light: #C9A97A; –amber: #B8864E; –terracotta: #C1694F; –terra-dark: #9B4F38; –brown-warm: #6B4226; –brown-deep: #3D2314; –sage: #7A9A7E; –font-display: ‘Fraunces’, Georgia, serif; –font-body: ‘DM Sans’, system-ui, sans-serif; } /* ——— Base ——— */ * { box-sizing: border-box; margin: 0; padding: 0; } body { background-color: var(–cream); color: var(–brown-deep); font-family: var(–font-body); font-size: 1rem; font-weight: 300; line-height: 1.75; } /* ——— Conteneur principal ——— */ .ravivo-legal { max-width: 820px; margin: 0 auto; padding: 3rem 2rem 4rem; } /* ——— En-tête de la page ——— */ .ravivo-legal .page-header { margin-bottom: 2rem; padding-bottom: 1.5rem; border-bottom: 1px solid var(–parchment); } .ravivo-legal .page-header .brand { display: block; font-family: var(–font-display); font-size: 0.75rem; font-weight: 600; text-transform: uppercase; letter-spacing: 0.18em; color: var(–amber); margin-bottom: 0.75rem; } .ravivo-legal .page-header h1 { font-family: var(–font-display); font-size: clamp(1.9rem, 4vw, 2.6rem); font-weight: 600; color: var(–brown-deep); line-height: 1.15; margin-bottom: 0.5rem; } .ravivo-legal .page-header .meta { font-size: 0.82rem; color: var(–brown-warm); } /* ——— Sections ——— */ .ravivo-legal section { margin-bottom: 2.5rem; } /* ——— Titres ——— */ .ravivo-legal h2 { font-family: var(–font-display); font-size: 1.35rem; font-weight: 600; color: var(–brown-deep); margin-top: 2.5rem; margin-bottom: 0.85rem; padding-bottom: 0.4rem; border-bottom: 2px solid var(–parchment); line-height: 1.3; } .ravivo-legal h2 .num { display: inline-block; font-size: 0.68rem; font-weight: 600; text-transform: uppercase; letter-spacing: 0.14em; color: var(–terracotta); margin-right: 0.5rem; vertical-align: middle; } .ravivo-legal h3 { font-family: var(–font-display); font-size: 1.05rem; font-weight: 600; color: var(–brown-warm); margin-top: 1.5rem; margin-bottom: 0.5rem; } /* ——— Paragraphes ——— */ .ravivo-legal p { margin-bottom: 0.9rem; font-size: 0.96rem; } /* ——— Listes ——— */ .ravivo-legal ul, .ravivo-legal ol { padding-left: 1.5rem; margin-bottom: 0.9rem; } .ravivo-legal li { margin-bottom: 0.35rem; font-size: 0.95rem; } /* ——— Tableaux ——— */ .ravivo-legal .table-wrap { overflow-x: auto; margin: 1.25rem 0; border-radius: 8px; } .ravivo-legal table { width: 100%; border-collapse: collapse; font-size: 0.875rem; min-width: 480px; } .ravivo-legal thead tr { background-color: var(–ivory); } .ravivo-legal thead th { font-family: var(–font-body); font-size: 0.72rem; font-weight: 600; text-transform: uppercase; letter-spacing: 0.1em; color: var(–brown-warm); padding: 0.75rem 1rem; text-align: left; border-bottom: 2px solid var(–parchment); } .ravivo-legal tbody tr { border-bottom: 1px solid rgba(217, 206, 188, 0.5); } .ravivo-legal tbody tr:last-child { border-bottom: none; } .ravivo-legal tbody tr:nth-child(even) { background-color: rgba(237, 231, 212, 0.35); } .ravivo-legal tbody td { padding: 0.7rem 1rem; vertical-align: top; color: var(–brown-deep); line-height: 1.55; } .ravivo-legal tbody td:first-child { font-weight: 500; white-space: nowrap; color: var(–brown-warm); } /* ——— Badge statut transfert ——— */ .badge-ok { display: inline-block; background-color: rgba(122, 154, 126, 0.15); color: var(–sage); border: 1px solid rgba(122, 154, 126, 0.4); border-radius: 20px; font-size: 0.68rem; font-weight: 600; padding: 0.15em 0.6em; margin-left: 0.3em; vertical-align: middle; } .badge-warn { display: inline-block; background-color: rgba(193, 105, 79, 0.1); color: var(–terracotta); border: 1px solid rgba(193, 105, 79, 0.3); border-radius: 20px; font-size: 0.68rem; font-weight: 600; padding: 0.15em 0.6em; margin-left: 0.3em; vertical-align: middle; } /* ——— Encarts informatifs ——— */ .ravivo-legal .callout { background-color: var(–ivory); border-left: 3px solid var(–amber); border-radius: 0 6px 6px 0; padding: 1rem 1.25rem; margin: 1.25rem 0; font-size: 0.9rem; color: var(–brown-warm); line-height: 1.6; } .ravivo-legal .callout strong { color: var(–amber); font-weight: 500; } .ravivo-legal .callout.callout-terra { border-left-color: var(–terracotta); } .ravivo-legal .callout.callout-terra strong { color: var(–terracotta); } /* ——— Bloc contact ——— */ .ravivo-legal .contact-block { background-color: var(–ivory); border: 1px solid var(–parchment); border-radius: 8px; padding: 1.25rem 1.5rem; margin-top: 1rem; font-size: 0.9rem; } .ravivo-legal .contact-block p { margin-bottom: 0.4rem; } /* ——— Placeholder visuel ——— */ .ph { background-color: rgba(193, 105, 79, 0.1); color: var(–terracotta); border-radius: 3px; padding: 0 0.25em; font-style: italic; font-size: 0.9em; } /* ——— Lien ——— */ .ravivo-legal a { color: var(–terracotta); text-decoration: underline; text-decoration-color: rgba(193, 105, 79, 0.4); } .ravivo-legal a:hover { color: var(–terra-dark); text-decoration-color: var(–terra-dark); } /* ——— Séparateur ——— */ .ravivo-legal hr { border: none; border-top: 1px solid var(–parchment); margin: 2.5rem 0; } /* ——— Footer légal ——— */ .ravivo-legal .legal-footer { margin-top: 3rem; padding-top: 1.5rem; border-top: 1px solid var(–parchment); font-size: 0.8rem; color: var(–sepia-light); text-align: center; font-family: var(–font-display); font-style: italic; } /* ——— Responsive ——— */ @media (max-width: 600px) { .ravivo-legal { padding: 1.5rem 1rem 3rem; } .ravivo-legal h2 { font-size: 1.2rem; } }