body { font-family: ‘Montserrat’, sans-serif; margin: 0; padding: 0; background-color: #f8f1e5; color: #333; scroll-behavior: smooth; } /* HERO SECTION avec image de fond */ .hero { position: relative; width: 100%; height: 100vh; background: url(« https://source.unsplash.com/1920×1080/?beer,festival ») center/cover no-repeat; display: flex; justify-content: center; align-items: center; text-align: center; color: white; } .hero-overlay { background: rgba(0, 0, 0, 0.5); width: 100%; height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 20px; } .hero h1 { font-size: 3rem; margin-bottom: 10px; } .event-message { font-size: 1.8rem; font-weight: bold; padding: 10px; border-radius: 5px; display: inline-block; animation: pulse 1.5s infinite alternate; } @keyframes pulse { 0% { opacity: 1; transform: scale(1); } 100% { opacity: 0.7; transform: scale(1.05); } } /* SECTIONS */ .container { width: 90%; max-width: 900px; margin: 50px auto; background: white; padding: 20px; box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.1); border-radius: 10px; text-align: center; } .cta { display: block; width: 80%; max-width: 300px; margin: 20px auto; padding: 15px; background: #d77a2d; color: white; text-align: center; font-size: 1.2rem; font-weight: bold; border-radius: 5px; text-decoration: none; transition: 0.3s; } .cta:hover { background: #b65e22; } /* GOOGLE MAPS */ .map-container { width: 100%; height: 400px; border-radius: 10px; overflow: hidden; }

🎉 Fête de la Bière 2025 🍻

🍺 Réservez votre date : 18 octobre 2025 ! 🎶