@charset "UTF-8";
/* CSS Document */

/* Style général de la modale */


/* Champs du formulaire */

.contact-form input,
.contact-form textarea {
    width:100%;
    padding:12px;
    margin-bottom:20px;
    background-color:#43464b; /* Fond gris foncé pour les champs */
    color: #495057;
    border:1px solid #666; /* Bordure grise douce */
    border-radius:8px;
    font-size:16px;
}

/* Placeholder */

.contact-form input::placeholder,
.contact-form textarea::placeholder {
    color:#bbb; /* Texte placeholder légèrement plus clair */
}

/* Label des champs */

.contact-form label {
    color:#fff;
    font-size:16px;
    font-weight:bold;
    margin-bottom:5px;
    display:block;
}

/* Bouton d'envoi du formulaire */

.contact-form button {
    background-color:#d7b645; /* Jaune comme les autres boutons */
    color:#000;
    font-size:18px;
    padding:15px 30px;
    font-weight:600;
    border:none;
    border-radius:8px;
    cursor:pointer;
    width:100%;
    transition:background-color 0.3s ease;
}
.contact-form button:hover {
    background-color:#c9a93c; /* Jaune plus foncé au survol */
}
.fenetre-inscription {
  max-width: 600px !important;  /* Taille maximale de la fenêtre */
  margin: 30px auto !important; /* Centrage */
  background-color:transparent !important;
}
.fenetre-inscription-entete .titre-fenetre {
  font-size: 22px !important;
  font-weight: bold !important;
  text-align: center !important;  /* Centrer le titre */
  width: 100% !important;  /* Assurer que le titre prend toute la largeur de la fenêtre */
}

/* Fond spécifique de la modale */

.fenetre-inscription-contenu {
  background-color:transparent !important;  /* Fond blanc */
  color: #FFF !important;  /* Texte en sombre pour contraste */
  border-radius: 10px !important;  /* Coins arrondis */
  padding: 20px !important;  /* Espacement intérieur */
  box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.1) !important;  /* Ombre douce */
}

/* Suppression de la bordure sous l'en-tête */

.fenetre-inscription-entete {
  border-bottom: none !important;
}

/* Style du titre de la fenêtre */

.fenetre-inscription-entete .titre-fenetre {
  font-size: 22px !important;
  font-weight: bold !important;
}

/* Bouton de fermeture personnalisé */

.fenetre-inscription-entete .btn-fermer {
  color: #000 !important;
  opacity: 1 !important;
  font-size: 18px !important;
}

/* Style du formulaire d'inscription */

.formulaire-inscription {
  margin-top: 20px !important;
}

/* Style des champs du formulaire (input, textarea) */

.formulaire-inscription input,
.formulaire-inscription textarea {
  width: 100% !important;
  padding: 12px !important;
  font-size: 16px !important;
  background-color: #f5f5f5 !important;  /* Fond gris clair */
  color: #333 !important;  /* Texte sombre */
  border: 1px solid #ccc !important;  /* Bordure claire */
  border-radius: 8px !important;
  margin-bottom: 15px !important;
}

/* Placeholder dans les champs */

.formulaire-inscription input::placeholder,
.formulaire-inscription textarea::placeholder {
  color: #aaa !important;
}

/* Style du bouton d'inscription */

.formulaire-inscription button {
  background-color: #d7b645 !important;
  color: #000 !important;
  font-size: 18px !important;
  padding: 15px 30px !important;
  font-weight: 600 !important;
  border: none !important;
  border-radius: 8px !important;
  cursor: pointer !important;
  width: 100% !important;
  transition: background-color 0.3s ease !important;
}

/* Effet sur le bouton au survol */

.formulaire-inscription button:hover {
  background-color: #c9a93c !important;
}

/* Pour régler l'affichage de la largeur de la modale */

#registerModal .modal-dialog {
  max-width: 90%; /* Limite la largeur de la modale à 90% de l'écran */
  margin: 10px auto; /* Centrer la modale */
}
#registerModal .modal-content {
  background-color: #1c1c1d; /* Couleur du fond de la modale */
  padding: 20px;
  border-radius: 8px;
}
.modal-header {
  padding-bottom: 10px;
  border-bottom: none;
}
.modal-title {
  font-size: 1.5rem;
  color: #fff;
}
.modal-body {
  padding-top: 10px;
}
.modal-footer {
  display: flex;
  justify-content: center;
  padding-top: 10px;
}