.menu {
    overflow: hidden;
    background-color: var(--Color1);
}

.menu a {
    float: left;
    font-size: 16px;
    color: var(--Color4);
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
}

.sous_menu {
    float: left;
    overflow: hidden;
}

.sous_menu .sous_menu_bouton {
    font-size: 16px;
    border: none;
    outline: none;
    color: var(--Color3);
    padding: 14px 16px;
    background-color: inherit;
    font-family: inherit;
    margin: 0;
}

.menu a:hover, .sous_menu:hover .sous_menu_bouton {
    background-color: var(--Color4);
    color: var(--Color3);
}

.sous_menu_contenu {
    display: none;
    position: absolute;
    left: 0;
    background-color: var(--Color3);
    width: 100%;
    z-index: 1;
}

.sous_menu_contenu a {
    float: left;
    color: var(--Color2);
    text-decoration: none;
}

.sous_menu_contenu a:hover {
    background-color: var(--Color2);
    color: black;
}

.sous_menu:hover .sous_menu_contenu {
    display: block;
}
.banner {
    background-color: var(--Color1);
    padding: 0;
    text-align: center;
    margin:0;
    z-index:1000;
}