/* Custom code goes here - paste your css code below in line 3 */


#_desktop_top_menu>ul>li>a {

font-size: 13px;

padding-left: 6px;

padding-right: 6px;

}
/* Webbax - TUTO 95 - Whatsapp */
.float-whatsapp{
    position:fixed;
    width:63px;
    height:63px;
    bottom:30px;
    right:30px;
    background-color:#25d366;
    color:#FFF;
    border-radius:50px;
    text-align:center;
    font-size:30px;
    box-shadow: 2px 2px 3px #999;
    z-index:100;
}
.my-float-whatsapp{
    margin-top:16px;
} 
/* all mobiles */
@media(max-width:767px){
    .float-whatsapp{
        width:20px;
        height:20px;
        bottom:10px;
        right:10px;
        font-size:15px;   
    }
    .my-float-whatsapp{
        margin-top:8px;
    }
}
#subcategories ul li .subcategory-image {
display: none;

}
.header-banner {
  background-color: #0D421D !important; /* Couleur de fond */
  text-align: center !important;
  color: #FFFFFF !important; /* Couleur du texte */
}

/* Masquer les vidéos par défaut */
.video-pc, .video-mobile {
    display: none;
}

/* Afficher la vidéo pour PC uniquement */
@media screen and (min-width: 769px) {
    .video-pc {
        display: block !important; /* Forcer l'affichage */
        width: 100% !important;  /* La vidéo prendra toute la largeur disponible */
        max-width: 100% !important; /* Limiter la taille de la vidéo sur les grands écrans */
        height=100% !important;
        margin: 0 auto; /* Centrer la vidéo */
    }
     .video-mobile {
        display: none !important; /* Forcer la dissimulation */
    }
}

/* Afficher la vidéo mobile uniquement sur les écrans plus petits que 768px */
@media screen and (max-width: 768px) {
    .video-mobile {
        display: block !important; /* Forcer l'affichage */
        width: 100% !important;  /* La vidéo prendra toute la largeur disponible */
        max-width: 100% !important; /* Limiter la taille de la vidéo sur les grands écrans */
        height=100% !important;
        margin: 0 auto; /* Centrer la vidéo */
    }
     .video-pc {
        display: none !important; /* Forcer la dissimulation */
    }
}