html {
    height: 100%;
}

.menu{
    width: 60%;
    margin-right: auto;
    margin-left: auto;
    background-image: linear-gradient(#444, #111);
    border-radius: 6px;
}

nav > ul{
    margin: 0px;
    padding: 0px;
}

nav li{
    list-style-type: none;
}
nav > ul > li{
    float: left;
}
.submenu{
    display: none;
}

nav input[type=checkbox]{
    display: none;
}
.menu-mobile{

    display: none;
}
nav{
    width: 100%;
}
nav > ul > li{
    float: left;
    position: relative;
}
nav > ul::after{
    content: "";
    display: table;
    clear: both;
}
nav a{
    display: inline-block;
    text-decoration: none;
}

nav > ul > li > a{
    font-size: 14px;
    /* font-weight: 600; */
    padding: 10px 20px;
    color: #9d9999;
}

nav li:hover .submenu{
    display: inline-block;
    position: absolute;
    top: 100%;
    left: 0px;
    padding: 0px;
    z-index: 100000;
}
.submenu li{
    border-bottom: 1px solid #CCC;
}
.submenu li a{
    padding: 10px 10px;
    font-size: 13px;
    font-weight: 600;
    color: #9d9999;
    width: 130px;
}
.menu-recherche{
    padding-top: 8px;
    margin-left: 5px;
}
.form-recherche{
    margin: 0px;
}
.menu-accueil, .menu-courses, .menu-coureurs{
    float: left;
}
.menu-appli, .menu-admin, .menu-connexion{
    float: right;
}
.menu-accueil:hover, .menu-courses:hover, .menu-coureurs:hover, .menu-appli:hover, .menu-admin:hover, .menu-connexion:hover{
    /* border-top: 5px solid #424558; */
    background-color: RGBa(241, 211, 79, 0.15);
}
nav > ul > li:hover a{
    /* padding: 15px 30px 20px 30px; */
}
.menu-courses .submenu, .menu-coureurs .submenu, .menu-appli .submenu, .menu-connexion .submenu{
    background: #444;   
    background: linear-gradient(#444, #111);
    box-shadow: 0 -1px 0 rgba(255,255,255,.3);  
    border-radius: 3px;
    transition: all .2s ease-in-out;
}
.submenu li:hover a{
    color: #EEE;
    font-weight: bold;
}
.menu-mobile{
    display: none;
}
nav input[type=checkbox]{
    display: none;
}
nav input[type=checkbox]:checked ~ ul{
    display: block;
}
@media screen and (max-width : 814px){ /* 1370 px */
    .menu-mobile {
        display:block;
        color:#fff;
        background-color: rgba(29, 197, 151, 0.97);
        text-align: center;
        padding: 12px 0;
    }
    nav ul{
        display:none;
    }
    nav ul li, nav ul li a{
        width: 100%;
        text-align: center;
    }
    nav ul li a, nav ul li:hover a{
        padding: 10px 0px 10px 0px;
    }
    nav li:hover .submenu{
        display: block;
        position: static;
    }
    nav li:hover .submenu{
        display: block;
        position: static;
    }
}
	@media screen and (max-width: 850px) {
    .rechercher, .uploadli{
        display: none;
    }
}