/* Appliquer Flexbox à l'ensemble du corps de la page */
html, body {
    height: 100%;
    margin: 0;
    padding: 0;
}

body {
    display: flex;
    flex-direction: column;
}

/* Le conteneur principal doit prendre tout l'espace disponible */
.wrapper {
    flex: 1;
}

/* Le pied de page n'a pas besoin de positionnement spécifique */
.footer {
    position: relative;
}


/* Personnaliser le style de la navbar */
.navbar-brand {
    font-size: 1.5em;
    font-weight: bold;
}

/* Personnaliser le footer
.footer {
    position: fixed;
    bottom: 0;
    width: 100%;
}*/

/* Styles personnalisés pour les titres */
h2 {
    margin-top: 20px;
}

/* Ajuster les marges des formulaires */
form {
    margin-bottom: 20px;
}

/* Personnaliser les boutons */
.btn-primary {
    background-color: #007BFF;
    border-color: #007BFF;
}

.btn-primary:hover {
    background-color: #0056b3;
    border-color: #0056b3;
}

/* Styles pour les messages flash */
.alert-info {
    margin-top: 20px;
}