/* Styles de la Page Mentions légales */

.legal-header { background: linear-gradient(135deg, var(--bleu-fonce) 0%, var(--bleu) 100%); padding-bottom: 60px; text-align: center; gap: 40px; color:white; }
.legal-header h1 { font-family:var(--font-title); font-size: 2.5rem; margin-bottom: 20px; color: var(--beige); }
.legal-header p { font-size: 1.3rem; max-width: 800px; margin: 0 auto; font-weight: 600; }

.legal-container { padding: 60px 5%; max-width: 1200px; margin: auto; }
.legal-container img {margin-top:-100px}

.legal-content { background: white; border-radius: 15px; padding: 40px; box-shadow: 0 10px 20px rgba(0,0,0,0.05); margin-bottom: 30px; }
.legal-content h2 { color: var(--bleu-fonce); font-size: 1.5rem; margin-top: 25px; margin-bottom: 15px; display: flex; align-items: center; gap: 12px; border-bottom: 2px solid var(--beige-clair); padding-bottom: 8px; }
.legal-content h2 i { color: var(--marron-clair); font-size: 1.3rem; }
.legal-content p, .legal-content ul { font-size: 1rem; margin-bottom: 15px; color: var(--font-color-main); }
.legal-content ul { margin-left: 20px; list-style-type: disc; }
.legal-content ul li { margin-bottom: 8px; }
.legal-content a { color: var(--bleu-clair); text-decoration: underline; transition: color 0.3s; }
.legal-content a:hover { color: var(--bleu-fonce); }