.reset{
    margin: 2px;
    padding: 2px;
    font-family: Avenir, sans-serif;
}


.navmenu {
    width: 100%;
    margin: 0 auto;
    background-color: #003333;
    position: sticky;
    top: 0px;
    font-family: Verdana;
    font-size: 10pt;
    padding-bottom: 5px;
    padding-top: 5px;
    margin: 0px;
    padding: 0px;
    font-family: Avenir, sans-serif;
}

    .navmenu ul {
        list-style-type: none;
    }

nav ul li {
    float: left;
    text-align: left;
    position: relative;
    padding-right: 10px;
    white-space: nowrap;
}

.navmenu ul::after {
    content: "";
    display: table;
    clear: both;
}

.navmenu a {
    display: block;
    text-decoration: none;
    color: white;
    border-bottom: 2px solid transparent;
    padding-right: 10px;
    padding-top: 5px;
}

    .navmenu a:hover {
        /*color: orange;*/
        color: white;
        background-color: slategrey;
        user-select: none;
        /*border-bottom: 2px solid gold;*/
        text-decoration: none;
    }

    .navmenu a:active {
        color: #FF0000;
    }

.sous {
    display: none;
    box-shadow: 0px 1px 2px #CCC;
    background-color: #003333;
    position: absolute;
    padding-left: 0px;
    padding-right: 0px;
    margin-bottom: 5px;
    width: 160px;
    z-index: 1000;
}

.navmenu > ul li:hover .sous {
    display: block;
}

.sous li {
    float: none;
    width: 200%;
    text-align: left;
}

.sous a {
    padding-right: 10px;
    border-bottom: none;
    width: 200%;
}

    .sous a:hover {
        border-bottom: none;
        /*background-color: RGBa(200,200,200,0.1);*/
        background-color: slategrey;
        width: 150px;
    }


.soussecond {
    display: none;
    box-shadow: 0px 1px 2px #CCC;
    background-color: #003333;
    position: absolute;
    top: 0px;
    padding-left: 0px;
    padding-right: 0px;
    margin-bottom: 5px;
    margin-left: 160px;
    width: 160px;
    z-index: 1100;
}

.navmenu > ul li ul li:hover .soussecond {
    display: block;
}

.soussecond li {
    float: none;
    width: 200%;
    text-align: left;
}

.soussecond a {
    padding-right: 10px;
    border-bottom: none;
    width: 200%;
}

    .soussecond a:hover {
        border-bottom: none;
        /*background-color: RGBa(200,200,200,0.1);*/
        background-color: slategrey;
        width: 150px;
    }

.deroulant > a::after {
    content: " ▼";
    font-size: 10px;
}

.conteneur {
    margin: 50px 20px;
    height: 1500px;
}