body.dark{
    background-color: var(--black);
    color: var(--white);
}
body.dark h1, body.dark h2, body.dark h3{
    color: var(--white)
}
body.dark .separator::after{
    content:"";
    display:block;
    background: var(--black) url( img/bus.svg) no-repeat center / 22px;
}
body.dark h1 span, body.dark .recherche .ligne a {
    color: var(--white);
}
body.dark #results li, body.dark #results-arret li{
    border-color: var(--white);
}
body.dark .hour-date .hour{
    background-color: var(--white);
    color: var(--black);
}
body.dark .bloc-liens li a{
    color: var(--white);
}
body.dark .bloc-liens li a:hover{
    color: var(--black) !important;
}
body.dark .bloc-liens li a .arrow{
    background: url(img/arrow-white.svg) no-repeat center / contain
}
body.dark .bloc-liens li a:hover .arrow{
    background: url(img/arrow-blk.svg) no-repeat center / contain
}
body.dark p.back a{
    color: var(--white);
}
body.dark .arrow-left{
    background: url(img/arrow-left-white.svg) no-repeat center / contain;
}
body.dark footer{
    border-color: var(--white);
}
body.dark .read, button.stop{
    color: var(--white);
}
body.dark .read .picto{
    background-color: var(--white);
}
body.dark button.read .picto{
    background-image: url(img/play-black.svg);
}
body.dark a.read .picto{
    background-image: url(img/settings-outline-black.svg);
}
body.dark .picto-dos {
    background-image: url(/img/dos-dark.png)
}

body.dark .page img {
    filter: grayscale(1) invert(1);
}

@media screen and (min-width:1200px){
    body.dark footer{
        border-color: var(--black);
    }
}