/*boby {
font-size: 40px;
}*/

form {
    width: 90%;
    margin: 20px auto;
    padding: 20px;
    border: 1px solid #ccc;
    border-radius: 10px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

label {
    display: block;
    margin-bottom: 10px;
}

input, select, textarea {
    width: 100%;
    height: 40px;
    margin-bottom: 20px;
    padding: 10px;
    border: 1px solid #ccc;
    border-radius: 5px;
}

textarea {
    height: 100px;
    resize: none;
}

input[type="submit"] {
    background-color: #6a5ba7;
    color: #fff;
    padding: 10px 20px;
    border: none;
    border-radius: 5px;
    cursor: pointer;
}

input[type="submit"]:hover {
    background-color: #413e8e;
}

/* ---------------------------------Pour dimentionner les images du captcha du formulaire de contact */
form img {
    max-width: 25px;
    height: auto;    
}


/* ---------------------------------Pour dimentionner et positionner la coche checkbox */
.coche{
    width: 20px;      /* changer la largeur de la checkbox */
    height: 20px;   /* changer la hauteur de la checkbox */ 
    display: inline-block;
    vertical-align: middle;   
}




/* ---------------------------------Pour dimentionner et positionner le texte de la checkbox */
.holla {
/*label {*/
    font-size: 14px; 
    color: black;
    margin-right: 30px;     /* Pour écarter le texte de la checkbox */
    margin-top: -10px;      /* Pour affiner l'alignement vertical entre la checkbox et le texte */
    display: inline-block;
    vertical-align: middle;
}


/* ---------------------------------Pour le bouton d'envoi */
/* ---------------------------------Pour les boutons de type 1 */
.boutton {
    display: inline-block;
    margin-bottom: 20px;                        /* Espace entre les boutons */
    /*grid-template-columns: repeat(2, auto);   /* Deux colonnes pour les boutons */
    /*justify-content: center;                  /* Centre les colonnes */
    /*gap: 20px;                                /* Espace entre les boutons */
    /*padding: 7px 10px;                        /* Espace intérieur du bouton - H et L */
    font-size: 14px;                            /* Taille de la police */
    color: white;                             /* Couleur du texte */
    background-color: #007BFF;                /* Couleur de fond */
    border: none;                               /* Supprime la bordure par défaut */
    border-radius: 5px;                         /* Coins arrondis */
    text-decoration: none;                      /* Supprime le soulignement pour les liens */
    cursor: pointer;                            /* Change le curseur au survol */
    transition: background-color 0.3s;          /* Animation de transition */
    align-items: center;
    margin-right: 10px;
    width: 100px; 
    text-align: center
}

/* ---------------------------------Pour le survol des boutons de type 1 */
.boutton :hover {
    background-color: #0056b3;
    color: white;
}


/*------------------------- Pour la boite de message rouge des erreurs, prend 100% de la largeur*/
.boiterreur {
    background-color: #d8a2a2;  /* Couleur de fond pour indiquer une erreur */
    border: 1px solid #d8a2a2;  /* Bordure pour la boîte d'erreur */
    border-radius: 5px;         /* Bordures arrondies */
    padding: 15px;              /* Espacement intérieur */
    margin: 10px 0;             /* Espacement extérieur */
    color: white;             /* Couleur du texte */
    font-size: 16px;            /* Taille de la police */
    text-align: center;         /* Centrage du texte */
}

.boiterreur span {
    font-weight: bold;  /* Police en gras pour le titre */
    color: black;       /* Couleur du texte pour le titre */
}

.boiterreur p {
    margin: 10px 0;     /* Espacement entre les paragraphes */
}


/*------------------------- Pour la boite de message verte pour l'envoi confirmé*/
.valide {
    background-color: #68b480;  /* Couleur de fond pour indiquer une erreur */
    border: 1px solid #68b480;  /* Bordure pour la boîte d'erreur */
    border-radius: 5px;         /* Bordures arrondies */
    padding: 15px;              /* Espacement intérieur */
    margin: 10px 0;             /* Espacement extérieur */
    color: black;               /* Couleur du texte */
    font-size: 16px;            /* Taille de la police */
    text-align: center;         /* Centrage du texte */
}

.valide span {
    font-weight: bold;  /* Police en gras pour le titre */
    color: black;       /* Couleur du texte pour le titre */
}

.valide p {
    margin: 10px 0;     /* Espacement entre les paragraphes */
}