Conditions générales de vente

[ /* ═══════════════════════════════════════════════════════════ */ /* STYLE PAGES LÉGALES - MODERNE & LISIBLE */ /* ═══════════════════════════════════════════════════════════ */ .legal-page { font-family: 'Montserrat', sans-serif; background: #F0E9E7; width: 100%; min-height: 100vh; padding: 60px 40px 100px 40px; } .legal-container { max-width: 900px; margin: 0 auto; background: white; border-radius: 20px; box-shadow: 0 8px 30px rgba(0,0,0,0.08); padding: 60px 70px; } /* ═══════════════════════════════════════════════════════════ */ /* TITRE PRINCIPAL */ /* ═══════════════════════════════════════════════════════════ */ .legal-header { text-align: center; margin-bottom: 50px; padding-bottom: 30px; border-bottom: 3px solid #D4A5A5; } .legal-badge { display: inline-block; background: linear-gradient(135deg, #D4A5A5 0%, #E8B4B8 100%); color: white; padding: 8px 20px; border-radius: 20px; font-size: 11px; font-weight: 700; letter-spacing: 2px; text-transform: uppercase; margin-bottom: 20px; } .legal-title { font-size: 42px; font-weight: 800; color: #1a1a1a; margin: 0 0 15px 0; line-height: 1.2; } .legal-subtitle { font-size: 15px; color: #6a6a6a; font-weight: 500; } /* ═══════════════════════════════════════════════════════════ */ /* CONTENU */ /* ═══════════════════════════════════════════════════════════ */ .legal-content { color: #4a4a4a; line-height: 1.9; } /* Sections */ .legal-section { margin-bottom: 45px; } .legal-section:last-child { margin-bottom: 0; } /* Titres de sections */ .legal-section h2 { font-size: 26px; font-weight: 700; color: #1a1a1a; margin: 0 0 20px 0; padding-bottom: 12px; border-bottom: 2px solid #F0E9E7; } .legal-section h3 { font-size: 20px; font-weight: 700; color: #1a1a1a; margin: 30px 0 15px 0; } /* Paragraphes */ .legal-section p { font-size: 15px; line-height: 1.9; margin-bottom: 18px; color: #4a4a4a; } .legal-section p:last-child { margin-bottom: 0; } /* Listes */ .legal-section ul, .legal-section ol { margin: 20px 0; padding-left: 30px; } .legal-section li { font-size: 15px; line-height: 1.9; margin-bottom: 12px; color: #4a4a4a; } /* Strong / Important */ .legal-section strong { color: #D4A5A5; font-weight: 700; } /* Encadré important */ .legal-highlight { background: linear-gradient(135deg, rgba(212,165,165,0.1) 0%, rgba(232,180,184,0.05) 100%); border-left: 4px solid #D4A5A5; padding: 20px 25px; border-radius: 8px; margin: 25px 0; } .legal-highlight p { margin: 0; font-weight: 500; } /* Info box */ .legal-info-box { background: #f8f8f8; border-radius: 12px; padding: 25px; margin: 25px 0; } .legal-info-box h4 { font-size: 16px; font-weight: 700; color: #1a1a1a; margin: 0 0 12px 0; } .legal-info-box p { font-size: 14px; line-height: 1.8; margin: 0; color: #4a4a4a; } /* Contact box */ .legal-contact { background: linear-gradient(135deg, #D4A5A5 0%, #E8B4B8 100%); color: white; border-radius: 16px; padding: 30px; text-align: center; margin-top: 50px; } .legal-contact h3 { font-size: 22px; font-weight: 700; margin: 0 0 12px 0; color: white; } .legal-contact p { font-size: 15px; margin: 0 0 20px 0; opacity: 0.95; color: white; } .legal-contact a { display: inline-block; background: white; color: #D4A5A5; padding: 14px 35px; border-radius: 25px; text-decoration: none; font-weight: 700; font-size: 14px; letter-spacing: 0.5px; transition: all 0.3s ease; } .legal-contact a:hover { background: #1a1a1a; color: white; transform: translateY(-2px); } /* Tableau */ .legal-table { width: 100%; border-collapse: collapse; margin: 25px 0; background: #f8f8f8; border-radius: 12px; overflow: hidden; } .legal-table th { background: #D4A5A5; color: white; padding: 15px; text-align: left; font-weight: 700; font-size: 14px; text-transform: uppercase; letter-spacing: 1px; } .legal-table td { padding: 15px; border-bottom: 1px solid #e0e0e0; font-size: 14px; color: #4a4a4a; } .legal-table tr:last-child td { border-bottom: none; } /* ═══════════════════════════════════════════════════════════ */ /* RESPONSIVE */ /* ═══════════════════════════════════════════════════════════ */ @media (max-width: 768px) { .legal-page { padding: 40px 20px 80px 20px; } .legal-container { padding: 40px 30px; border-radius: 16px; } .legal-title { font-size: 32px; } .legal-section h2 { font-size: 22px; } .legal-section h3 { font-size: 18px; } .legal-section p, .legal-section li { font-size: 14px; } } @media (max-width: 480px) { .legal-container { padding: 30px 20px; } .legal-title { font-size: 28px; } .legal-section h2 { font-size: 20px; } .legal-table { font-size: 13px; } .legal-table th, .legal-table td { padding: 12px 10px; } } ]