/* Style général pour le formulaire */
.client-form,
.chantier-form {
    background-color: #f9f9f9; /* Couleur de fond douce */
    border: 1px solid #ccc;    /* Bordure grise */
    border-radius: 8px;        /* Coins arrondis */
    padding: 20px;             /* Espacement interne */
    max-width: 600px;          /* Largeur maximale */
    margin: 20px auto;         /* Centrage du formulaire */
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1); /* Ombre légère */
}

/* Style pour les lignes du formulaire */
.form-row {
    display: flex;             /* Utilisation de flexbox pour la disposition en colonnes */
    justify-content: space-between; /* Espacement égal entre les colonnes */
    margin-bottom: 15px;      /* Marge en bas pour espacer les lignes */
}

/* Style pour les labels des champs */
.form-label,
.chantier-label {
    display: block;            /* Affichage en bloc pour chaque label */
    font-weight: bold;         /* Texte en gras */
    width: 48%;                /* Largeur de chaque label (48% pour tenir sur deux colonnes) */
}

/* Style pour les champs de saisie */
.form-input,
.chantier-input {
    width: 100%;              /* Largeur complète */
    padding: 10px;           /* Espacement interne */
    border: 1px solid #ccc;  /* Bordure grise */
    border-radius: 5px;      /* Coins arrondis */
    margin-top: 5px;         /* Espacement en haut du champ */
    font-size: 16px;          /* Taille de police */
}

/* Style pour les boutons de soumission */
.form-button,
.chantier-button {
    background-color: rgb(0, 0, 140); /* Couleur de fond */
    color: white;                        /* Couleur du texte */
    padding: 10px 15px;                 /* Espacement interne */
    border: none;                       /* Pas de bordure */
    border-radius: 5px;                /* Coins arrondis */
    cursor: pointer;                    /* Changement de curseur */
    font-size: 16px;                   /* Taille de police */
    transition: background-color 0.3s; /* Animation de transition */
}

/* Changement de couleur au survol du bouton */
.form-button:hover,
.chantier-button:hover {
    background-color: rgba(0, 0, 140, 0.8); /* Assombrir la couleur de fond */
}