/* Variables Couleurs du Cyber */
:root {
    --blanc-jaunatre: #fffff0;
    
    --bleu-cyber: #00296e;
    --bleu-clair: #c0deff;
    --bleu-fonce: #000080;
    --bleu-lavande: #8CA4D5;
    --bleu-logo: #0029a0;
    --bleu-turquoise: #00e1ff;

    --gris-fonce: #2c3e50;

    --jaune-pale: #ffffd9;

    --orange-cyber: #ff6400;
    --orange-clair: #ffe1be;

    --rouge-bordeaux: #7d0000;
    --rouge-flash: #ff0000;

    --vert-turquoise: #00ffe1;

    --violet: #7d00c8;
}

a {
    text-decoration: none;
}

/* Couleurs d'arrière plan du Cyber */
.bg-blue-cyber {
    background-color: var(--bleu-cyber);
}

.bg-orange-cyber {
    background-color: var(--orange-cyber);
}

.bg-gris-cyber {
    background-color: var(--gris-fonce);
}

/* Gère l'opacité des éléments avec un arrière-plan sombre */
.bg-dark {
    --bs-bg-opacity: .6;
    background-color: rgba(var(--bs-dark-rgb), var(--bs-bg-opacity)) !important;
}



/* Police d'affichage du texte */
body {
    font-family: 'Times New Roman', Times, serif;
}


/* Barre de navigation PC & Mobile */
@media (max-width: 976px) {
    #navbar {
        background-color: var(--bleu-cyber);
        background-image: var(--bs-gradient);
    }
    .navbar-collapse {
        transition: .1s;
        text-align: center;
    }
    .nav-item {
        border-bottom: solid #fff;
    }
}

.nav-bg {
    transition: 1s;
    background-color: var(--bleu-cyber);
}

.nav-item {
    transition: .5s;
}

.nav-item:hover, .nav-item-active {
    background: var(--orange-cyber);
}

.nav-link::after {
    content: '';
    position: relative;
    top: 0;
    left: 0;
    z-index: 10;
    display: block;
    height: 2px;
    width: 0;
    background: var(--bleu-cyber);
    transition: 0.3s;
}

.nav-link:hover:after {
    content: '';
    position: relative;
    top: 0;
    left: 0;
    z-index: 10;
    display: block;
    height: 2px;
    width: 100%;
    background: var(--bleu-cyber);
}

/* Effet de zoom au survol de la souris */
.scale-hover {
    transition: .25s;
}

.scale-hover:hover {
    transform: scale(1.1);
}

/* Fixe la largeur des colonnes des tableaux et leurs couleurs */
table {
    border-color: var(--bleu-cyber) !important;
    table-layout: fixed;
}

thead>tr>th {
    background-color: var(--orange-cyber) !important;
}


/* Couleurs du texte du Cyber */
.text-blue-cyber {
    color: var(--bleu-cyber);
}

.text-flixbus {
    color: #73d700 !important;
}

.text-orange-cyber {
    color: var(--orange-cyber);
}


/* Retire les puces des listes */
ul {
    list-style: none;
}

/* Mise en forme de la barre de défilement */
::-webkit-scrollbar {
    width: 15px;
}

::-webkit-scrollbar-track {
    background: #f1f1f1;
}

::-webkit-scrollbar-thumb {
    background: #888;
}

::-webkit-scrollbar-thumb:hover {
    background: #555;
}