/* Ajouter votre code CSS ici.
                     
Par exemple:
.exemple {
    color: red;
}

Pour améliorer vos connaissances en CSS, visitez http://www.w3schools.com/css/css_syntax.asp

Fin du commentaire */ 

.wp-block-columns {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}
@media (min-width: 768px) {
.main-header-bar {
    position: fixed !important;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    z-index: 9999;
    box-shadow: 0 2px 5px rgba(0,0,0,0.1);

}
.site-content {
    padding-top: 120px; /* adapte selon la hauteur réelle du header */
}
	
/* Fond du sous-menu visible */
.main-header-menu .sub-menu {
    background-color: #f0f0f0;
    transition: background-color 0.3s;
}

/* Amélioration pour le mode mobile / menu hamburger */
.ast-header-break-point .main-header-menu .sub-menu {
    background-color: #f0f0f0;
}

/* Texte du sous-menu */
.main-header-menu .sub-menu a {
    color: #333;
}

/* Survol d'un élément du sous-menu */
.main-header-menu .sub-menu a:hover {
    background-color: #0073aa;
    color: white;
}
	
	/* Change la couleur de fond du sous-menu */
.main-header-menu .sub-menu {
    background-color: #f0f0f0; /* couleur de fond visible dès l'ouverture */
}

/* Couleur du texte NORMAL (non survolé) */
.main-header-menu .sub-menu a {
    color: #333 !important;  /* texte lisible (gris foncé) */
}

/* Couleur du texte AU SURVOL */
.main-header-menu .sub-menu a:hover {
    color: #fff !important; /* blanc au survol */
    background-color: #0073aa; /* fond bleu au survol */
}
	
}

.wp-embed-aspect-16-9:focus {
  outline: none !important;
}

