/* Styles généraux pour les deux pages */
body {
    background-color: #000000;
    color: #FFFFFF;
}
.container {
    margin-top: 50px; /* Utilisé pour index.php, à réajuster ci-dessous pour departures.php */
}
header, footer {
    text-align: center;
}
h3 {
    margin-bottom: 20px;
}

/* Styles spécifiques pour departures.php */
.container {
    margin-top: 20px; /* Ajustement spécifique pour departures.php */
}
.alert {
    background-color: #FF0000;
    color: #FFFFFF;
    padding: 10px;
    margin-bottom: 20px;
    text-align: center;
}
table {
    width: 100%;
    border-collapse: collapse;
    background-color: #0000FF; /* Bleu pour le fond de la table */
    color: #FFFFFF;
}
th, td {
    padding: 10px;
    text-align: left;
    border-bottom: 1px solid #FFFFFF;
}
th {
    background-color: #0000FF; /* Bleu pour l'entête */
    color: #FFFFFF;
    font-weight: bold;
}
tr.delayed {
    background-color: #FF0000; /* Rouge pour les trains retardés */
    color: #FFFFFF;
}
tr.cancelled {
    background-color: #FFA500; /* Orange pour les trains annulés */
    color: #FFFFFF;
}
tr:hover {
    background-color: #FFFFFF; /* Inversion des couleurs au survol */
    color: #000000;
}