body {
    background-image: url("/public/images/login1.avif");
    background-repeat: no-repeat;
    background-size: cover; /* Couvre tout l'écran */
    background-position: center center; /* Centre bien l'image */
    background-attachment: fixed; /* Effet fixe au scroll */

    color: #FFFFFF;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-size: 0.875rem;
}


.card-width {
    width: 500px; /* Augmentation de la largeur de la carte */
    height: auto; /* Hauteur automatique pour s'adapter au contenu */
}

.card {
    background-color: var(--tbo-blue); /* Fond gris pour la carte */
    border: 1px solid #dee2e6;
    border-radius: 0.5rem;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
    color: #FFFFFF; /* Texte en blanc dans la carte */
    padding: 2rem; /* Ajout de rembourrage pour plus d'espace à l'intérieur */
}

.form-control {
    border: 0; /* Suppression de la bordure */
    background: rgba(0, 0, 0, 0.2); /* Fond transparent noir */
    padding: 10px 15px; /* Espacement interne */
    color: #FFFFFF; /* Texte en blanc */
    font-family: Arial, sans-serif; /* Police Arial */
    font-size: 0.875rem; /* Taille petite (14px) */
}

h4 {
    font-family: Arial, sans-serif; /* Police Arial pour le titre */
    font-size: 1.25rem; /* Taille du titre réduite */
    color: #FFFFFF; /* Texte en blanc */
}

.btn, a {
    font-family: Arial, sans-serif; /* Police Arial pour les boutons et liens */
    font-size: 0.875rem; /* Taille petite (14px) */
    color: #FFFFFF; /* Texte en blanc */
}