*{margin:0;padding:0;box-sizing:border-box;font-family:'Montserrat',sans-serif;}
body{line-height:1.6;color:#333;background-color:#f7f7f7;}

/* HEADER */
header{display:flex;justify-content:space-between;align-items:center;padding:15px 30px;background-color:#004080;color:white;position:sticky;top:0;z-index:1000;}
header .logo img{height:60px;background:white;padding:5px;border-radius:10px;}
header nav ul{list-style:none;display:flex;gap:20px;flex-wrap:wrap;}
header nav ul li a{color:white;text-decoration:none;font-weight:bold;transition:0.3s;}
header nav ul li a:hover{color:#ffa500;}

/* HERO */
.hero{
    position:relative;height:80vh;display:flex;justify-content:center;align-items:center;text-align:center;color:white;overflow:hidden;
    background-size:cover;background-position:center;
}
.hero::after{
    content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0.4);z-index:2;
}
.hero .hero-content{
    position:relative;z-index:3;font-weight:bold;text-shadow:2px 2px 6px rgba(0,0,0,0.7);
}
.hero h1{font-size:3rem;margin-bottom:15px;}
.hero p{font-size:1.5rem;margin-bottom:20px;}
.btn{background-color:#ffa500;color:white;padding:12px 25px;text-decoration:none;border-radius:5px;font-weight:bold;transition:0.3s;}
.btn:hover{background-color:#e69500;}

/* À PROPOS */
.section{padding:50px 20px;background:white;}
.section h2{text-align:center;margin-bottom:30px;color:#004080;}
.apropos-content{display:flex;flex-wrap:wrap;align-items:center;gap:30px;}
.pdg-img{width:250px;border-radius:10px;}
.apropos-text{flex:1;}
.apropos-text ul{margin-left:20px;}

/* SERVICES */
.services-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:25px;}
.service-card{background:#f0f0f0;border-radius:10px;overflow:hidden;text-align:center;padding-bottom:15px;transition:transform 0.3s;}
.service-card:hover{transform:scale(1.05);}
.service-card img{width:100%;height:200px;object-fit:cover;}
.service-card h3{margin:15px 0 10px 0;color:#004080;}
.service-card ul{padding:0 15px;text-align:left;font-size:0.9rem;}
.btn-small{display:inline-block;margin-top:10px;background-color:#004080;color:white;padding:8px 15px;border-radius:5px;text-decoration:none;cursor:pointer;}
.btn-small:hover{background-color:#ffa500;color:white;}

/* GALERIE */
.galerie-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:15px;}
.galerie-grid img{width:100%;height:180px;object-fit:cover;border-radius:10px;transition:transform 0.3s;}
.galerie-grid img:hover{transform:scale(1.1);}

/* CONTACT */
.contact-section p,.contact-section a{text-align:center;margin:10px 0;}
.contact-section a.btn{display:block;width:220px;margin:20px auto 0 auto;text-align:center;}

/* FOOTER */
footer{text-align:center;padding:20px;background-color:#004080;color:white;}

/* MODAL */
.modal{display:none;position:fixed;z-index:2000;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:rgba(0,0,0,0.5);}
.modal-content{background:white;margin:10% auto;padding:20px;border-radius:10px;max-width:500px;animation: slideDown 0.5s ease-out;}
.close{float:right;font-size:25px;font-weight:bold;cursor:pointer;}

/* BOUTON WHATSAPP FLOTTANT */
.whatsapp-float{position:fixed;width:60px;height:60px;bottom:30px;right:30px;background-color:#25d366;border-radius:50%;display:flex;justify-content:center;align-items:center;z-index:10000;box-shadow:0 2px 5px rgba(0,0,0,0.3);}
.whatsapp-float img{width:35px;height:35px;}

/* ANIMATIONS */
@keyframes slideDown{from{opacity:0;transform:translateY(-50px);}to{opacity:1;transform:translateY(0);}}

/* RESPONSIVE */
@media(max-width:768px){
    .hero h1{font-size:2rem;}
    .hero p{font-size:1rem;}
    .apropos-content{flex-direction:column;text-align:center;}
    .pdg-img{margin:0 auto;}
}