/* ==== STYLES GÉNÉRAUX ==== */ body { font-family: ‘Montserrat’, sans-serif; margin: 0; padding: 0; background-color: #f8f1e5; color: #333; scroll-behavior: smooth; text-align: center; } /* ==== SECTION HERO (Bannière 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; 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; font-weight: bold; } .event-message { font-size: 1.8rem; font-weight: bold; padding: 10px; border-radius: 5px; } /* ==== SECTIONS PRINCIPALES ==== */ .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; } /* ==== STYLE DU BOUTON ==== */ .cta { display: inline-block; margin: 20px auto; padding: 15px 30px; background: #d77a2d; color: white; 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 ! 🎶