*{margin:0;padding:0;box-sizing:border-box}body{font-family:'Segoe UI',Tahoma,Geneva,Verdana,sans-serif;line-height:1.6;color:#333;background-color:#fff}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 20px}.page-header{background:linear-gradient(rgb(0 0 0 / .7),rgb(0 0 0 / .7));color:#fff;text-align:center;padding:100px 0;margin-bottom:40px}.page-header h2{font-size:2.5rem;margin-bottom:15px}.page-header p{font-size:1.2rem;max-width:700px;margin:0 auto}.evenements-types{padding:50px 0;background-color:#f8f9fa}.evenement-card{background:#fff;border-radius:8px;box-shadow:0 4px 6px rgb(0 0 0 / .1);padding:30px;margin-bottom:30px;text-align:center;transition:transform 0.3s ease,box-shadow 0.3s ease}.evenement-card:hover{transform:translateY(-5px);box-shadow:0 10px 20px rgb(0 0 0 / .1)}.evenement-card i{font-size:3rem;color:orange;margin-bottom:20px}.evenement-card h2{font-size:1.8rem;margin-bottom:15px;color:#343a40}.evenement-card p{margin-bottom:20px;color:#333}.evenement-card ul{list-style:none;margin-bottom:25px}.evenement-card li{padding:8px 0;font-size:1rem}.evenement-card li:before{content:"✓";color:orange;font-weight:700;margin-right:10px}.btn{display:inline-block;background-color:orange;color:#000;padding:12px 30px;border-radius:8px;text-decoration:none;font-weight:600;transition:background-color 0.3s ease}.btn:hover{background-color:#2ca1e0}.evenements-galerie{padding:50px 0;text-align:center}.evenements-galerie h2{font-size:2rem;margin-bottom:30px;color:#343a40}.galerie-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px;margin-top:30px}.galerie-img{width:100%;height:220px;object-fit:cover;border-radius:8px;box-shadow:0 4px 6px rgb(0 0 0 / .1);transition:transform 0.3s ease}.galerie-img:hover{transform:scale(1.03)}.evenements-cta{padding:60px 0;text-align:center;background-color:#166088;color:#fff}.evenements-cta h2{font-size:2rem;margin-bottom:15px}.evenements-cta p{max-width:700px;margin:0 auto 30px}@media (min-width:768px){.galerie-grid{grid-template-columns:repeat(3,1fr)}.evenements-types .container{display:grid;grid-template-columns:repeat(2,1fr);gap:30px}.page-header{padding:120px 0}.page-header h2{font-size:3rem}}@media (max-width:576px){.page-header h2{font-size:2rem}.evenement-card h2{font-size:1.5rem}.galerie-grid{grid-template-columns:1fr}}