/* Couleurs en mode sombre */
html {
    background-color: #0f1f2e; /* Fond sombre pour toute la page */
    color:#5e88a0;
}

nav {
    background-color: #000824;; /* Fond sombre pour la barre de navigation */
}

.navbar ul ul li {
    background-color: #000824; /* Fond sombre pour les sous-menus */
    border-color: #4f6f8f; /* Couleur de la bordure */
    box-shadow: 2px 2px 2px #0f1f2e; /* Ombre légère */
}

.navbar ul ul a {
    color: #5e88a0; /* Couleur du texte pour les liens des sous-menus */
}

.brand {
    color: #c4d7e0; /* Couleur du texte pour la marque */
}

a {
    color: #7ca9c6; /* Couleur de base pour les liens */
}

a:hover {
    color: #ffc3a0; /* Couleur au survol */
    text-shadow: #fff 0px 1px 5px; /* Ombre du texte au survol */
}

a.house {
    color: #5e88a0; /* Couleur spécifique pour certains liens */
}

a.house:hover {
    color: #7ca9c6; /* Couleur au survol */
}

.button {
    background-color: #2a3e4c; /* Fond sombre pour les boutons */
    color: #fff; /* Couleur du texte */
    border-color: transparent; /* Bordure transparente */
}

.button:hover {
    background-color: #ff8a6b; /* Fond au survol */
}

.test-me {
    border-color: #7ca9c6; /* Couleur de bordure */
    background-color: #9cd0ef; /* Fond */
    color: #2e485d; /* Couleur du texte */
}

.reset {
    border-color: #ff7b39; /* Couleur de bordure */
    background-color: #ffd0a1; /* Fond */
    color: #8e4b1e; /* Couleur du texte */
}

.courseNav {
    border-color: #0f1f2e; /* Couleur de bordure */
    box-shadow: 2px 2px 2px #4f6f8f; /* Ombre */
    background-color: #334c66; /* Fond sombre */
}

.edito {
    border-color: #a4b8c7; /* Couleur de bordure */
    background-color: #334c66; /* Fond sombre */
    color: #86a3b4;
}

.test {
    border-color: #8c7d49; /* Couleur de bordure */
    background-color: #b5ac8f; /* Fond */
    color: #70685a; /* Couleur du texte */
}

.comment {
    color: #6cb87e; /* Couleur pour les commentaires */
}

h1 {
    color: #4e9ed6; /* Couleur pour les titres h1 */
    border-left-color: #ffa500; /* Couleur de la bordure gauche */
    border-bottom-color: #ffa500; /* Couleur de la bordure inférieure */
}

h2 {
    color: #e58a01; /* Couleur pour les titres h2 */
}

.card {
    border-color: #b5b5b5; /* Couleur de bordure des cartes */
    box-shadow: 2px 2px 2px #888888; /* Ombre */
}

.card-header img.thumbnails {
    transition: transform 1s ease; /* Transition pour les images */
}

.card:hover img.thumbnails {
    transform: scale(1.2); /* Zoom au survol */
}

.card-body {
    background-color: #0f1f2e; /* Couleur des liens dans le corps des cartes */
}

.card-body a {
    color: #4e9ed6; /* Couleur des liens dans le corps des cartes */
}

.card-body a:hover {
    color: #631a37; /* Couleur au survol */
}

.question {
    background-color: #c5fffa; /* Fond pour les questions */
    border-color: #006e65; /* Couleur de bordure */
    color: #006e65; /* Couleur du texte */
}

.validation {
    background-color: #c5ffcf;
    border-color: #006e18;
    color: #006e18;
}

.conclusion {
    background-color: #ffdac5; /* Fond pour les conclusions */
    border-color: #6e1f00; /* Couleur de bordure */
    color: #6e1f00; /* Couleur du texte */
}

.exercice {
    background-color: #eeffc5; /* Fond pour les exercices */
    border-color: #636e00; /* Couleur de bordure */
    color: #636e00; /* Couleur du texte */
}

.info {
    background-color: #c5f3ff; /* Fond pour les exercices */
    border-color: #004f6e; /* Couleur de bordure */
    color: #002c6e; /* Couleur du texte */
}

th {
    border-color:  #b5b5b5; /* Couleur de bordure pour les cellules d'en-tête */
}

tr:nth-child(even) {
    background-color: #536a7d; /* Fond pour les lignes paires */
    color: #002c6e;
}


footer {
    background-color: #000824; /* Fond sombre pour le pied de page */
    color: #8d8d8d; /* Couleur du texte */
}