#user-details-form {
    background-color: #f9f9f9; /* Couleur de fond du formulaire */
    padding: 20px; /* Espacement interne */
    border-radius: 10px; /* Coins arrondis */
    max-width: 600px; /* Largeur maximale du formulaire */
    margin: auto; /* Centrer le formulaire dans la vue */
}

#user-detail-display-name,
#user-details-form div {
    margin-bottom: 15px; /* Espacement entre les champs */
}

#user-details-form label {
    display: block; /* Les labels prennent toute la largeur */
    margin-bottom: 5px; /* Espacement sous le label */
}

#user-details-form input,
#user-details-form textarea {
    width: 100%; /* Les champs prennent toute la largeur disponible */
    padding: 10px; /* Espacement interne des champs */
    border: 1px solid #ccc; /* Bordure des champs */
    border-radius: 5px; /* Coins arrondis pour les champs */
}

#user-details-form button {
    background-color: #0056b3; /* Couleur de fond du bouton */
    color: white; /* Couleur du texte du bouton */
    padding: 10px 20px; /* Espacement interne du bouton */
    border: none; /* Pas de bordure pour le bouton */
    border-radius: 5px; /* Coins arrondis pour le bouton */
    cursor: pointer; /* Curseur de type pointeur au survol */
}

#user-details-form button:hover {
    background-color: #003d82; /* Couleur de fond du bouton au survol */
}