Je ne peux que vous suggérer une chose:  Prenez un calque vide et reconstruisez votre menu dessus.  Si tout va bien liez-le à une page où vous aurez enlevé le menu.

Vous découvrirez peut-être la source de l'interférence

Merci à vous tous!

J'ai constaté que ma page internet était complètement remplie de bugs et d'erreurs.

Faut que je remette tout à plat pour repartir sur des bonnes bases: A force d'ajouter et de modifier, les erreurs, les oublis s'accumulent . . . et je me suis compliqué inutilement la vie alors qu'il y des solutions à utiliser avec l'éditeur .  . .

J'ai commencé à réinventer la roue, enfin le menu popup . . . sur une base saine pas trop encombrée. Mais le CSS n'est toujours évident et il y aura peut-être besoin d'un petit coup de pouce au final !

Le but est d'alleger le plus possible pour la navigation smartphone qui représente un bon pourcentage des utilisateurs (si on en croit Gougle . . .)

Concernant le temps de chargement des pages de mon site, (je suis chez OVH) j'ai remarqué que la première consultation d'une page restée ignorée depuis un certain temps est toujours plus longue que la deuxième consultation. Peut-être un problème de proxy chez mon fournisseur?

Page revue en totalité. c'est beaucoup plus clean!

C'est presque bon, excepté que la transition fonctionne bien au survol mais se ferme brutalement hors survol, peut être à cause du cadre menu qui se referme trop vite.

.menu_popup .ligne_popup {
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: 7px 8px;
    background-size: 52px 52px;
    transition: opacity 1s ease;
    opacity: 0;
}

.menu_popup:hover .ligne_popup{
    opacity: 1;
    background-color: #111111;
    background-repeat: no-repeat;
    background-position: 7px 7px;
    background-size: 52px 52px;
}

.menu_popup {
    width: 102px;
    height: 70px;
    box-sizing: border-box;
    padding: 0 0 0 18px;
}


.menu_popup:hover {
    opacity:1;
    width: 480px!important;
    height:560px!important;
}


.menu_simple {
    width: 102px;
    height: 70px;
    background-repeat: no-repeat;
    background-position: 25px 8px;
    background-size: 52px 52px;
    box-sizing: border-box;
    background-repeat: no-repeat;
    padding: 0 0 0 18px;
}

.menu_simple:hover {
    opacity:1;
    width: 400px!important;
}

.menu_simple:hover .ligne_popup{
    opacity: 1;
    background-color: #111111;
    background-repeat: no-repeat;
    background-position: 7px 7px;
    background-size: 52px 52px;
}

.menu_simple .ligne_popup {
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: 7px 8px;
    background-size: 52px 52px;
    transition: opacity 1s ease;
    opacity: 0;
}

- Scrollreveal ne fonctionne plus ??? (Parti en vacances ?)

- Une erreur avec le https 404 que je n'arrive pas à modifier dans le menu HtAcces