{} *{} /*endBaseStyles*/
     


      #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;
      }
    



 :root { --gold-light: #f3e5ab; --gold-main: #d4af37; --gold-dark: #b8860b; --bg-cream: #fdfaf5; } body { font-family: 'Cormorant Garamond', serif; background-color: var(--bg-cream); color: #5d4a3e; margin: 0; padding: 0; display: flex; flex-direction: column; align-items: center; /* Centrage horizontal global */ min-height: 100vh; overflow-x: hidden; } /* Arrière-plan scintillant */ .sparkle-bg { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: radial-gradient(circle at 50% -20%, #fff7e6 0%, transparent 70%), radial-gradient(circle at 20% 80%, #fcf3df 0%, transparent 50%), url('https://www.transparenttextures.com/patterns/p6.png'); z-index: -1; } .glow-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 600px; background: radial-gradient(circle at 50% 30%, rgba(212, 175, 55, 0.15) 0%, transparent 70%); pointer-events: none; } /* Typographie mise à jour */ h1 { font-size: 3.5rem; /* Augmenté significativement */ line-height: 1.1; font-weight: 400; color: #8c6a46; letter-spacing: 0.01em; margin-bottom: 2rem; } @media (max-width: 768px) { h1 { font-size: 2.5rem; } } .section-title { font-size: 1.8rem; /* Un peu plus gros pour "Comment utiliser cet espace" */ color: #b89c7d; font-style: italic; } .subtitle { font-family: 'Montserrat', sans-serif; font-size: 1.1rem; line-height: 1.8; color: #7a6352; max-width: 600px; margin: 0 auto; } /* Bouton Principal */ .btn-gold { background: linear-gradient(145deg, #e6c58e, #c29545); box-shadow: 0 4px 15px rgba(194, 149, 69, 0.3), inset 0 1px 1px rgba(255, 255, 255, 0.5); color: white; padding: 14px 45px; border-radius: 8px; font-family: 'Cormorant Garamond', serif; font-size: 1.4rem; transition: all 0.3s ease; display: inline-block; text-decoration: none; border: 1px solid rgba(255, 255, 255, 0.2); } .btn-gold:hover { transform: translateY(-2px); box-shadow: 0 6px 20px rgba(194, 149, 69, 0.4); filter: brightness(1.05); } /* Séparateurs avec texte */ .separator { display: flex; align-items: center; text-align: center; width: 100%; margin: 50px 0; } .separator::before, .separator::after { content: ''; flex: 1; border-bottom: 1px solid #e0d5c1; } .separator:not(:empty)::before { margin-right: 1.5rem; } .separator:not(:empty)::after { margin-left: 1.5rem; } /* Cartes Accès Rapide */ .access-card { background: rgba(255, 255, 255, 0.4); backdrop-filter: blur(5px); border: 1px solid rgba(212, 175, 55, 0.2); border-radius: 4px; padding: 20px 10px; text-align: center; transition: all 0.3s ease; cursor: pointer; box-shadow: 0 4px 10px rgba(0,0,0,0.03); display: flex; flex-direction: column; align-items: center; justify-content: center; min-height: 140px; } .access-card:hover { background: rgba(255, 255, 255, 0.7); transform: translateY(-5px); border-color: rgba(212, 175, 55, 0.5); } .icon-container { width: 50px; height: 50px; background: linear-gradient(135deg, #e6c58e, #c29545); border-radius: 50%; display: flex; align-items: center; justify-content: center; margin-bottom: 15px; box-shadow: 0 3px 8px rgba(194, 149, 69, 0.3); } .icon-container svg { width: 24px; height: 24px; fill: white; } .card-label { font-size: 1.1rem; color: #7a6352; font-style: italic; } /* Ornementation */ .butterfly { position: absolute; top: 20px; right: 10%; width: 80px; opacity: 0.8; filter: sepia(0.5) saturate(1.5); } .step-icon { color: #c29545; margin-bottom: 15px; } .footer-text { font-size: 2rem; color: #8c6a46; margin-top: 60px; border-top: 1px solid #e0d5c1; padding-top: 30px; display: inline-block; font-style: italic; }