#ctf-contact-form {
  max-width: 600px;
  margin: auto;
  background: #f9f9f9;
  padding: 20px;
  border-radius: 12px;
  box-shadow: 0 0 12px rgba(0,0,0,0.1);
}

#ctf-contact-form label {
  display: block;
  margin-bottom: 5px;
  font-weight: 600;
}

#ctf-contact-form input,
#ctf-contact-form textarea,
#ctf-contact-form select {
  width: 100%;
  padding: 10px;
  margin-bottom: 15px;
  border: 1px solid #ccc;
  border-radius: 8px;
}

#ctf-contact-form button {
  background-color: #0073aa;
  color: white;
  padding: 12px 20px;
  border: none;
  border-radius: 8px;
  cursor: pointer;
}

#ctf-contact-form button:hover {
  background-color: #005d87;
}

.ctf-success {
  background: #d4edda;
  border-left: 5px solid #28a745;
  padding: 10px;
  margin-top: 10px;
  border-radius: 8px;
} le js: document.addEventListener("DOMContentLoaded", () => {
  const form = document.getElementById("ctf-contact-form");
  form.addEventListener("submit", (e) => {
    const select = document.getElementById("ctf-type");
    if (select.value === "") {
      alert("Veuillez choisir un type de contact.");
      e.preventDefault();
    }
  });
});