/* changement du comportement des menus pour que les sous-menus s'ouvrent au survol et en superposition à la page*/
/* Le conteneur du menu doit être positionné */
.your-menu-module ul li {
    position: relative;
}
/* menus illu bd et teaching sans deco*/
#sp-header .sp-megamenu-parent > li > a::after { content: none !important;}

/* Sous-menus : invisibles, hors du flux */
.your-menu-module ul li ul {
    position: absolute;
    top: 100%;
    left: 0;
    display: none;
    background: #FF9900; /* ou transparent selon ton design */
    z-index: 9999;
    padding: 10px;
    list-style: none;
    min-width: 180px; /* pour éviter les menus trop étroits */
    box-shadow: 0 4px 10px rgba(0,0,0,0.15);
}

/* Affichage au survol */
.your-menu-module ul li:hover > ul {
    display: block;
}

/*placer une image à droite*/
.image-droite {
    float: right;
    margin: 0 0 20px 30px;
    max-width: 30%;
}

/* pour masquer les badges "featured" dans les entêtes d'articles...*/
.article-list .article .featured-article-badge { display: none; visibility: hidden;}
.article-details .featured-article-badge { display: none; visibility: hidden;}

/*couleur et fonts des sous-menus déroulants*/
#sp-header .sp-dropdown-inner {
    background: #FF9900 !important;
    }

/* couleurs des fonts de mon pied-de-page*/
#sp-footer ul.menu li a {
  color: #fff !important;}