.sombre {
    color: white;
    background: black;
}

.sombre > .navbar {
    color: white;
    background: black;
}

.sombre .hamburger span {
    background-color: white;
}

.sombre .nav-links a {
    color: white;
}

.sombre .nav-links a:hover {
    color: #DC241F;
}

.sombre .sombre-bt:hover {
    color: rgb(255, 255, 120);
    background: black;
}

.sombre .menu-vertical {
    background: #535353;
}

.sombre .menu-bt-fermer:hover {
    color: #adaaaa;
}

.sombre .logo {
    background-image: url(../img/logo_clair.svg) !important;
}

.sombre .menu-scroll {
    box-shadow: 0 4px 2px -2px rgb(249 249 249 / 57%);
}

.sombre .contenant {
    box-shadow: inset 0px 1px 0px 0px rgba(0, 0, 0, 0.05), inset 0px 0px 1px 0px rgb(255 255 255 / 52%);
    padding: 8em 0 8em 0;
    text-align: center;
}

.sombre .footer {
    background-color: rgb(0 0 0);
}

.sombre #copyright {
    color: #c7c6c6;
}

.sombre #copyright a {
    color: #a7ffa7;
}

.sombre h1, .sombre h2 {
    color: #d5d5d5;
}

.sombre strong {
    color: rgb(255, 255, 255);
}