body {
    margin: 0;
    font-family: Arial, sans-serif;
    color: #333;
}

.navbar-brand img {
    margin-right: 10px;
}

.nav-link {
    color: #333;
    transition: color 0.3s;
}

.nav-link:hover {
    color: #007bff;
}

.hero {
    background-image: url('images/transport.jpg');
    background-size: cover;
    background-position: center;
    color: white;
    text-align: center;
    padding: 100px 20px;
}

.hero h1 {
    font-size: 2.5em;
    margin: 0;
}

.hero p {
    font-size: 1.2em;
    margin: 20px 0;
}

.btn-primary {
    background-color: #007bff;
    border-color: #007bff;
}

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

footer {
    background-color: #f8f9fa;
    color: #333;
    text-align: center;
    padding: 20px 0;
}
.espaceAdmin {
    display: block; /* Rend le lien un bloc pour qu'il prenne toute la largeur */
    width: 100%; /* Utilise toute la largeur du parent */
    text-align: center; /* Centre le texte */
    background-color: #003366; /* Couleur de fond */
    color: white; /* Couleur du texte */
    padding: 15px; /* Ajoute un espacement pour le rendre plus visible */
    text-decoration: none; /* Supprime le soulignement */
    font-size: 1.2rem; /* Agrandit le texte */
    font-weight: bold; /* Met en gras */
    border-radius: 5px; /* Coins arrondis */
    transition: 0.3s ease-in-out;
}

.espaceAdmin:hover {
    background-color: #00AEEF; /* Changement de couleur au survol */
}
.footer {
    background-color: #003366;  /* Bleu foncé */
    color: white;
    text-align: center;
    padding: 15px 0;
    font-size: 1rem;
    position: relative;
    bottom: 0;
    width: 100%;
}