body{
  background: linear-gradient(135deg, #0a0a0a 0%, #0a0a0a 20%, #00ff88 70%, #0a0a0a 90%, #0a0a0a 100%);
  color: #eaeaea;
  font-family: 'Segoe UI', sans-serif;
}

html, body {
  overflow-x: hidden;
  margin: 0;
  padding: 0;
}

.formules div {
  background-color: rgba(0, 0, 0, 0.5); /* fond noir semi-transparent */
  border-radius: 10px;
  padding: 20px;
  margin: 20px auto;
  max-width: 800px;
}

section.formules {
  padding: 60px 20px;
}

label{
  text-align: center;
}

.contact-section {
  background-color: rgba(255, 255, 255, 0.9); /* Fond clair avec un peu de transparence */
  border-radius: 15px;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
  margin: 2rem auto;
  max-width: 900px;
  padding: 2rem;
  color: #000; /* Texte noir pour contraste */
}

footer a:hover {
  color: #00ff88;
  transition: 0.3s;
}

.contactcard {
  color: black;
  text-decoration: none;
}