/* Styles généraux pour le formulaire */
form {
    background-color: #505052; /* Couleur de fond du formulaire */
    border-radius: 8px; /* Coins arrondis */
    padding: 20px; /* Espacement interne */
    margin: 20px auto; /* Espace autour du formulaire */
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.2); /* Ombre légère pour un effet de profondeur */
}

.mb-3 {
    margin-bottom: 20px; /* Espacement entre les éléments du formulaire */
}

/* Styles pour les étiquettes */
label.form-label {
    color: #e6e6e6; /* Couleur de texte pour les étiquettes */
    margin-bottom: 5px; /* Espacement en dessous des étiquettes */
    display: block; /* Les étiquettes prennent toute la largeur */
}

/* Styles pour les champs de texte */
input.form-control,
textarea.form-control {
    background-color: #343336; /* Couleur de fond sombre pour les champs */
    color: #e6e6e6; /* Couleur du texte */
    border: 1px solid #6c757d; /* Bordure par défaut */
    border-radius: 5px; /* Coins arrondis */
    padding: 10px; /* Espacement interne */
    width: calc(100% - 22px); /* Rendre le champ responsive */
    transition: border-color 0.3s; /* Transition pour la couleur de bordure */
}

/* Styles au focus sur les champs */
input.form-control:focus,
textarea.form-control:focus {
    border-color: #1800c9; /* Couleur de bordure au focus */
    outline: none; /* Enlever le contour par défaut */
    box-shadow: 0 0 5px rgba(24, 0, 201, 0.5); /* Ombre au focus */
}

/* Styles pour le bouton */
button.btn-primary {
    background-color: #1800c9; /* Couleur de fond du bouton */
    color: #fff; /* Couleur du texte dans le bouton */
    border: none; /* Enlever la bordure par défaut */
    padding: 10px 20px; /* Espacement interne */
    border-radius: 5px; /* Coins arrondis */
    cursor: pointer; /* Curseur pointer au survol */
    transition: background-color 0.3s; /* Transition pour la couleur de fond */
}

/* Styles au survol du bouton */
button.btn-primary:hover {
    background-color: #0c0c0c; /* Couleur de fond au survol */
}

/* Style pour le captcha, si nécessaire */
.iconcaptcha-widget {
    margin: 20px 0; /* Marges pour espacer le widget */
}