/* ALL PAGES  */
.btn-dark {
    background-color: transparent !important;
    color: black !important;
    border: 2px solid black;
}
.btn-dark:hover {
    background-color: black !important;
    color: #FFF !important;
}
h1.noresult {
    border: 2px solid lightgray;
}
.btn-cookie:hover {
    color: #FFF;
    background-color: #565656;
}
/* NAVBAR / HEADER  */
.header-main {
    background-color: black
}
nav.menu {
    background-color: white;
}
nav#menu.menu {
    background-image: url(/public/motif/homepage2/sobre/fond-principal.webp);
}
.list-item a,
.nav-item a {
    color: black !important;
}
.list-item a:hover {
    color: #565656 !important;
}
.dropdown-item.active {
    background-color: #e9ecef;
}
nav .dropdown-item:hover {
    color: 
    black;
}
.close-nav {
    background-color: red; 
    color: white; 
    text-align: center;
    font-size: 1.4em;
}
/* CATEG HOME */
.home-categ {
    background-image: url(/public/motif/homepage2/sobre/fond-secondaire1.webp);
}

/* HOME */
section#home-template1 {
    background-image: url(/public/motif/homepage2/sobre/fond-principal.webp);
}
/* Nouveautés */
.caption-fav {
    color: red;
}
.caption-fav:hover {
    color: #565656;
}
.caption-player:hover {
    color: #565656;
}

/* NEWLSETTER */
.home-newsletter {
    background-image: url(/public/motif/homepage2/sobre/fond-secondaire2.webp);
}
.home-newsletter .newsletter-form .newsletter-text {
    background: transparent;
}

/* FOOTER */
.footer-template1 {
    background-color: black !important;
    color: #FFF !important;
}
/* CONNEXION / INSCRIPTION */
#connexion-template1 {
    background-image: url(/public/motif/homepage2/sobre/fond-principal.webp);
}
#connexion-template1 .message-info {
    text-align: center;
    color: red;
}

/* FAVORIS CLIENT */
#favourites-template1 {
    background-image: url(/public/motif/homepage2/sobre/fond-principal.webp);
}
/* PAGE CONTACT/ABOUT */
#contact-template1,
#service-template1 {
    background-image: url(/public/motif/homepage2/sobre/fond-principal.webp);
}
/* tablette mobile */
@media screen and (max-width: 992px) {
    /* NAVBAR */
    li.menu-item::before {
        content: "";
    }
    .form-mobile {
        background-image: url(/public/motif/homepage1/sobre/fond-principal.png);
    }
}