/* Effet de creux sur les champs de formulaire */
input[type="text"], input[type="password"], input[type="email"], textarea, input[type="entity_select"], input[type="tel"], input[type="date"], input[type="adresse"], input[type="select"], input[type="heure"]  {
  background-color: #fafcfc; /* Couleur de fond blanche */
  border: 2px solid #ccc; /* Bordure légère */
  padding: 7.5px; /* Espacement à l'intérieur du champ */
  border-radius: 21px; /* Bords arrondis */
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), inset 0 -1px 3px rgba(0, 0, 0, 0.1); /* Ombre intérieure pour créer l'effet de creux */
  width: 85%; /* Réduit la largeur des champs à 60% de la largeur du conteneur parent */
  margin: 0 auto; /* Centre le champ dans le conteneur */
}
/* Styles pour le champ select */
select {
  width: 85% !important; /* Ajuster la largeur avec !important */
  margin: 0 auto !important; /* Centrer horizontalement avec !important */
  display: block !important;
  padding: 7.5px !important;
  font-size: 16px !important;
  border: 2px solid #ccc !important; /* Bordure bold */
  border-radius: 21px !important; /* Arrondi des coins */
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), inset 0 -1px 3px rgba(0, 0, 0, 0.1); /* Ombre intérieure pour créer l'effet de creux */
  background-color: #fff !important; /* Fond blanc pour s'assurer que le style s'affiche correctement */
}

/* Styles pour les champs select, textarea, number, date et time */
textarea,
input[type="number"],
input[type="date"],
input[type="time"] {
  width: 85% !important; /* Ajuster la largeur pour qu'elle soit cohérente */
  margin: 0 auto !important; /* Centrage horizontal */
  display: block !important;
  padding: 7.5px !important;
  font-size: 16px !important;
  border: 2px solid #ccc !important; /* Bordure épaisse */
  border-radius: 21px !important; /* Arrondi des coins */
  box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.2) !important; /* Ombre */
  background-color: #fff !important;
  color: #333 !important; /* Couleur du texte */
}

/* Ajustement spécifique pour le champ textarea (hauteur) */
textarea {
  min-height: 150px !important; /* Hauteur minimum pour le champ texte */
  resize: vertical !important; /* Permettre le redimensionnement vertical */
}




/* Centrer les champs dans leur conteneur parent */
.form-container {
  display: flex;
  justify-content: center;
}