:root {
    --dark-body-background: #182028;
    --dark-primary: #323e4d;
    --dark-secondary: #323e4d;
    --dark-text: #b8bbbf;
    --dark-link: #FFFFFF;
}

body.dark-theme {
    background-color: var(--dark-body-background);
    color: var(--dark-text);
}

body.dark-theme a {
    color: var(--dark-link);
}

body.dark-theme .navbar, body.dark-theme .dropdown-menu, body.dark-theme .searchbar {
    background-color: var(--dark-body-background);
}

body.dark-theme .list-group-item {
    background-color: var(--dark-secondary);
}

body.dark-theme .list-results {
    background-color: var(--dark-secondary);
}

body.dark-theme #info-bar {
    background-color: var(--dark-body-background);
}

body.dark-theme #search {
    background-color: var(--dark-secondary);
    border: 1px solid #455160;
    border-radius: 4px;
    color: #FFFFFF;
}

body.dark-theme searchbar {
    background-color: var(--dark-body-background);
}


body.dark-theme header {
    background-color: var(--dark-body-background);
}

body.dark-theme .embed-container {
    background-color: var(--dark-body-background);
}

.embed-container {
    background-color: #FFFFFF;

    /* définir l'image en tant qu'arrière-plan */
    background-image: url('static-tv-static.gif');

    /* centrage et redimensionnement de l'image */
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;

}

header {
    background-color: #FFFFFF;
}

.paddingZero {
    padding-left: 0px;
}


body, html {
    margin: 0;
    padding: 0;
    /*    overflow-x: hidden;
        margin-right: -17px;
        padding-right: 17px;*/
}



::-webkit-scrollbar {
    display: none;  Pour les navigateurs Webkit comme Chrome et Safari
}






#sticky-container {
    background-color: red;
}

.navbar {
    padding: 0.5rem 1rem;
}

#search {
    width: 100%;
    border-radius: 4px;
    border: 1px solid #e5e5e5;
}

.list-item {
/ / display: flex;
    align-items: center;
    margin-bottom: 1rem;

}

.list-item img {
    width: 80px;
    height: 80px;
    object-fit: cover;
    margin-right: 1rem;
}

.list-item-title {
    font-weight: bold;
    font-size: 0.7rem;
}

.list-item-date {
    font-size: 0.6rem;
    color: #999;
}

.item-link {
    display: block;
    text-decoration: none;
    color: inherit;
}

.item-link:hover {
    text-decoration: none;
}

.tags {
    position: relative;
}

.badge {
    position: absolute;
    bottom: 2px;
    right: 2px;
    z-index: 1; /* Pour s'assurer que le badge reste au-dessus du contenu */
}


.item-link .tags .badge {
    align-content: end;
    text-decoration: none;
    color: #ffffff;
}

.item-link .list-item-title,
.item-link .list-item-date {
    text-decoration: none;
    color: inherit;
}

.item-link:hover .list-item-title,
.item-link:hover .list-item-date,
.item-link:hover .tags .badge {
    text-decoration: none;
    color: #0c0c0c;
}

.item-link:not(:last-of-type) {
    border-bottom: 1px solid #dee2e6; /* Changer la couleur si nécessaire */
}


.list-item {
    margin-bottom: 1rem;
}

.buttons {
    padding-left: 3px;
    padding-right: 3px;
}

.searchbar {
    background-color: #FFFFFF;
    padding-left: 5px;
    padding-right: 5px;
    padding-bottom: 5px;
}

.embed-container {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
    max-width: 100%;
}

.embed-container iframe, .embed-container object, .embed-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.custom-margin-btn {
    margin-bottom: 5px !important;
    padding-bottom: 5px!important;
}

#info {
    bottom: 32px;
}

#logo-refresh {

}

#logo-refresh:hover {
}

#Brand {
    width: 30px;
}

#info-bar {
    background-color: #FFFFFF;
    border-bottom: 1px solid #455160;
    margin-left: 0px;
    margin-right: 0px;
}

.list-results {
    border-bottom: 1px solid #455160;
    margin-left: 0px;
    margin-right: 0px;
}


.nav-link {
    text-align: center;     /* Centre le texte */
    padding: 4px;
    font-size: 11px;

}

#active-function {
    font-size: 0.7rem;
    font-weight: bold;
}

#nav-clock {
    width : 80px;
}