body {
    font-family: 'Roboto', sans-serif;
    line-height: 1.6;
    margin: 0;
    padding: 0;
}

header {
    background: #007bff;
    color: white;
    padding: 1em 0;
    text-align: center;
}

/* Personnalisation de la navbar */
.navbar-light .navbar-nav .nav-link {
    color: #555 !important; /* Couleur des liens plus douce */
}

.navbar-light .navbar-nav .nav-link:hover {
    color: #007bff !important; /* Couleur au survol des liens */
}

.navbar-light .navbar-brand {
    color: #007bff !important; /* Couleur de la marque */
}

.navbar-light .navbar-nav .btn-outline-danger {
    border-color: #dc3545; /* Couleur de la bordure du bouton déconnexion */
}

.navbar-light .navbar-nav .btn-outline-danger:hover {
    background-color: #dc3545; /* Couleur du fond du bouton au survol */
    color: white !important;
}

main {
    padding: 2em;
}

footer {
    background: #f4f4f4;
    color: #333;
    text-align: center;
    padding: 1em 0;
    position: fixed;
    bottom: 0;
    width: 100%;
}