body {
  background: #f7f9fc;
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}

header {
  background: linear-gradient(135deg, #0047ab, #1e90ff);
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
}

h1, h2 {
  text-shadow: 0 1px 3px rgba(0,0,0,0.2);
}

#map {
  height: 350px;
  width: 100%;
  border-radius: 0.5rem;
  box-shadow: 0 4px 12px rgba(0,0,0,0.1);
}

.accordion-button {
  font-size: 1.1rem;
  color: #0047ab;
}

.accordion-button:not(.collapsed) {
  color: #1e90ff;
  background-color: #e6f0ff;
}

footer {
  font-weight: 500;
  letter-spacing: 0.05em;
  text-shadow: 0 0 5px rgba(0,0,0,0.15);
}

.neu-btn {
  background: #e0e5ec;
  color: #2a2a2a;
  border: none;
  border-radius: 18px;
  box-shadow: 8px 8px 16px #b8bac0, -8px -8px 16px #ffffff;
  transition: box-shadow 0.2s, transform 0.2s;
  padding: 0.75rem 2.5rem;
  font-weight: 600;
  font-size: 1.1rem;
}

.neu-btn:hover, .neu-btn:focus {
  background-color: #0d6efd;   /* bleu */
  color: aquamarine;           /* texte aquamarine */
  box-shadow: 4px 4px 8px #b8bac0, -4px -4px 8px #ffffff;
  transform: translateY(-2px) scale(1.03);
  text-decoration: none;       /* enlever text-decoration si pas besoin */
}