/* Applique les styles spécifiques à la version mobile */
@media only screen and (max-width: 768px) {
    p {
        font-size: 14px; /* Taille de police pour la version mobile */
    }
}
/* Styles pour la version mobile */
.mobile-only {
    display: none;
}

/* Styles pour la version bureau */
.desktop-only {
    display: block;
}

@media only screen and (max-width: 768px) {
    /* Cacher la version bureau sur mobile */
    .desktop-only {
        display: none;
    }

    /* Afficher la version mobile sur mobile */
    .mobile-only {
        display: block;
    }
}
/* Menu sticky gris clair semi-transparent */
.bg-color-dark, .bg-dark {
  background-color: #b7b7b7c7 !important;
}
  
/* Ligne 1px au dessus du menu blanche semi-transparent */  
#header .header-top {
  display: flex;
  align-items: center;
  border-bottom: 1px solid rgba(255, 255, 255, 0.12);
  min-height: 50px;
}
a:hover {
	color: var(--primary);
}
/* Titres questions en noir sur la page faq */
.toggle-primary .toggle label, .toggle-primary .toggle 
.toggle-title {
  color: #777;
  border-left-color: var(--primary);
  border-right-color: var(--primary);
}

/* Styles par défaut pour mobiles */
.header-logo img {
    width: 160px; /* taille plus petite pour les mobiles */
    height: auto; /* garde les proportions correctes */
}

/* Styles pour les écrans de bureau et plus grands */
@media (min-width: 768px) {
    .header-logo img {
        width: 200px; /* taille originale pour les écrans de bureau */
        height: auto; /* garde les proportions correctes */
    }
}