#header {
    z-index: 1;
    position: fixed; top: 0; /* Menu fixé en haut */
}

#menu {
    float: right; /* Menu gauche ou droite */
}

.mainmenu {
    width: 100%;
    height: 68px;
    background-color: var(--color-menu-bg); /*---- Couleur de la barre */
    position: relative;
}

#enveloppe_menu { /*---- entoure le menu positionné en fixed */
    position: relative;
    width: 100%;
    margin: auto;
    height: 58px;
    z-index: 2;
}

#header ul {
    margin: 0; padding: 0; list-style-type: none; position: relative; padding-right: 100px;
}
#header li {
    margin-right: 1px; float: left; display: inline-block;
    width: 180px; /*--- largeur des cellules ---*/
}
#header li a {
    text-align: center;
    color: var(--color-menu-text);
    height: 68px;
    line-height: 68px;
    font-size: 1.1em;
    font-family: "arial";
    text-decoration: none;
    display: block;
    min-width: 140px;
}
#header li:hover a {
    color: var(--color-primary);
}
#header li:hover ul a {
    background: var(--color-menu-bg);
    color: var(--color-menu-text);
    font-size: 0.7em;
}
#header li:hover ul a:hover {
    color: #a3a3a3;
}
#header li ul {
    display: none;
}
#header li ul li {
    float: none; display: block;
}
#header li ul li a {
    text-align: left;
    padding: 0; width: 350px; line-height: 30px; height: 30px; border: 0; padding-left: 28px;
    font-size: 16px !important;
}
#header ul li a:hover + .hidden { display: block; }
#header .hidden:hover { display: block; }

.show-menu {
    height: 29px;
    padding: 10px 0; text-align: center;
    color: var(--color-menu-text);
    text-decoration: none; display: none;
}
#header input[type=checkbox] {
    display: none; -webkit-appearance: none;
}

@media screen and (max-width: 410px) {
    .logos { display: none; }
}

@media screen and (max-width: 1280px) {
    #menu { width: 100%; background-color: var(--color-menu-bg); }

    #header ul {
        display: none; position: static; padding: 0;
    }
    #header li { margin-bottom: 1px; }
    #header ul li { width: 100%; }
    #header li a { width: 100%; text-align: center; }
    #header .show-menu { display: block; }
    #header li ul li a { text-align: center; padding: 0; width: 100%; border: 0; line-height: 30px; }
    #header li ul li {
        margin-bottom: 0; padding-bottom: 1px;
        background-color: var(--color-menu-bg);
    }
}