{} *{} {} #IE-warning { display: none; position: fixed; width: 100%; height: 100%; z-index: 9999; background: white; } .IE-warning-message { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); text-align: center; } @import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,700;1,400&family=Inter:wght@300;400;600&display=swap'); :root { --color-primary: #a89b8d; /* Taupe doux */ --color-bg: #fdfcf8; /* Beige très clair */ --color-text: #3d3d3d; /* Anthracite doux */ --color-accent: #7d7c7a; /* Gris chaud */ --color-blue: #2563eb; /* Bleu pour les actions */ } body { font-family: 'Inter', sans-serif; background-color: var(--color-bg); color: var(--color-text); scroll-behavior: smooth; } h1, h2, h3, .serif { font-family: 'Playfair Display', serif; } .btn-primary { background-color: var(--color-primary); color: white; transition: all 0.3s ease; text-align: center; display: inline-flex; align-items: center; justify-content: center; } .btn-primary:hover { background-color: var(--color-accent); transform: translateY(-2px); } /* Style bouton bleu */ .btn-blue { background-color: var(--color-blue); color: white; transition: all 0.3s ease; text-align: center; display: inline-flex; align-items: center; justify-content: center; } .btn-blue:hover { background-color: #1d4ed8; transform: translateY(-2px); } .section-padding { padding: 5rem 1.5rem; } .card-purchase { background: white; border: 1px solid #eee; transition: all 0.3s ease; } .card-purchase:hover { border-color: var(--color-primary); box-shadow: 0 10px 30px rgba(168, 155, 141, 0.1); } .quote-box { border: 1px solid var(--color-primary); padding: 3rem; max-width: 800px; margin: 4rem auto; background: white; } /* Accessibilité & SEO focus */ .sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border-width: 0; }