/* Reset simple */
* { margin:0; padding:0; box-sizing:border-box; font-family: 'Arial', sans-serif; }
body { background:#fff; color:#333; line-height:1.6; }

/* Navigation */
/* Style général navigation */
header { background:#fff; padding:1em 2em; box-shadow:0 2px 5px rgba(0,0,0,0.1); position:sticky; top:0; z-index:100; }
.nav-links { display:flex; list-style:none; justify-content:flex-end; gap:2em; }
.nav-links a { text-decoration:none; color:#333; font-weight:600; transition:color 0.3s; }
.nav-links a:hover { color:#A2A490; } 
.logo img { height:50px; }

.nav-container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 1rem 2rem;
  background-color: #fff;
  position: relative;
}

/* Hamburger */
.menu-toggle {
  display: none;
  flex-direction: column;
  justify-content: space-between;
  width: 25px;
  height: 20px;
  cursor: pointer;
}

.menu-toggle span {
  display: block;
  height: 3px;
  background: #333;
  border-radius: 3px;
  transition: 0.3s;
}

/* Mobile responsive */
@media (max-width: 768px) {
  .nav-links {
    position: absolute;
    top: 100%;
    left: 0;
    background: #fff;
    width: 100%;
    flex-direction: column;
    align-items: center;
    display: none; /* caché par défaut */
    border-top: 1px solid #ccc;
  }

  .nav-links li {
    width: 100%;
    text-align: center;
    padding: 1rem 0;
  }

  .menu-toggle {
    display: flex;
  }

  /* Animation menu ouvert */
  .nav-links.show {
    display: flex;
    animation: slideDown 0.3s ease forwards;
  }

  @keyframes slideDown {
    from { opacity: 0; transform: translateY(-20px); }
    to { opacity: 1; transform: translateY(0); }
  }

  /* Hamburger animé */
  .menu-toggle.open span:nth-child(1) {
    transform: rotate(45deg) translate(5px, 5px);
  }
  .menu-toggle.open span:nth-child(2) {
    opacity: 0;
  }
  .menu-toggle.open span:nth-child(3) {
    transform: rotate(-45deg) translate(5px, -5px);
  }
}

/* Hero */
.hero { position:relative; min-height:80vh; display:flex; align-items:center; justify-content:center; text-align:center; color:#fff; overflow:hidden; }
.hero-bg { position:absolute; top:0; left:0; width:100%; height:100%; object-fit:cover; filter:brightness(0.6); z-index:-1; }
.hero-content { max-width:700px; padding:1em; }
.hero h1 { font-size:2.5em; margin-bottom:0.5em; }
.hero p { font-size:1.2em; margin-bottom:1.5em; }
.btn-primary { background:#A2A490; padding:0.8em 2em; color:#fff; border-radius:8px; transition:transform 0.3s; text-decoration:none; }
.btn-primary:hover { transform:scale(1.05); }

/* Sections */
.section { padding:4em 2em; text-align:center; }
.section h2 { font-size:2em; margin-bottom:2em; }

/* Services */
.service-cards { display:flex; flex-wrap:wrap; justify-content:center; gap:2em; }
.card { background:#f8f5f2; padding:2em; border-radius:12px; box-shadow:0 4px 10px rgba(0,0,0,0.1); width:300px; transition:transform 0.3s; }
.card:hover { transform:translateY(-5px); }
.card img { width:100%; border-radius:10px; margin-bottom:1em; }
.card h3 { margin-bottom:0.5em; }

/* Galerie */
.gallery-cards { display:grid; grid-template-columns:repeat(auto-fit,minmax(200px,1fr)); gap:1em; margin-bottom:1.5em; }
.gallery-cards img { width:100%; border-radius:8px; cursor:pointer; transition:transform 0.3s; }
.gallery-cards img:hover { transform:scale(1.05); }

/* À propos */
.apropos-content { display:flex; flex-wrap:wrap; justify-content:center; align-items:center; gap:2em; max-width:900px; margin:0 auto; }
.apropos-content img { border-radius:12px; max-width:300px; }
.apropos-content p { max-width:500px; text-align:left; }

/* Footer */
footer { background:#A2A490; color:#fff; padding:2em; text-align:center; }

/* Responsive */
@media(max-width:768px){
  .nav-links { flex-direction:column; gap:1em; }
  .hero h1 { font-size:2em; }
  .apropos-content { flex-direction:column; }
}

/* Mentions légales */
.mentions {
  font-size: 0.9rem;        /* Texte un peu plus petit */
  color: #555;              /* Gris doux*/
  line-height: 1.5;         /* Bonne lisibilité */
  margin-top: 1.5rem;       /* Espacement au-dessus */
  margin-bottom: 1.5rem;
  text-align: center;      /* Alignement centrer */
}

.mentions a {
  color: #8c6b9e;           /* Violet doux en cohérence avec une déco élégante */
  text-decoration: none;    /* Pas de soulignement par défaut */
  font-weight: 500;
}

.mentions a:hover {
  text-decoration: underline; /* Apparition du soulignement au survol */
  color: #6b4b85;             /* Lien un peu plus foncé au survol */
}