#Main_nav{
    border: 2px solid rgb(156, 160, 50);
    width: 964px;
    margin-bottom: 50px;
    margin-top:20px;
    z-index: 4;
}
@media screen and (max-width: 999px) {
    #Main_nav {
        border: 2px solid rgb(156, 160, 50);
        width: 398px;
        margin-bottom: 50px;
        margin-top:40px;
        z-index: 4;
        transform: scale(0.9);
    }
}
a{
    text-decoration: none;
    color: #CCCDD0;
}
ul{
    background-image: linear-gradient(#243a64,#21365f);
}
button, .btn{
    cursor: pointer;
    font-size: 24px;
    padding-right: 20px;
    padding-left: 20px;
    border: none;
    background-color: #243a64;
    color: #CCCDD0;
    border-radius: 0px;
}
@media screen and (max-width: 999px) {
    button, .btn {
        cursor: pointer;
        font-size: 14px;
        padding-right: 6px;
        padding-left: 6px;
        border: none;
        background-color: #243a64;
        color: #CCCDD0;
        border-radius: 0px;
    }
}
button a:hover{
    background-color: #3a4b70;
}
a:visited{
     color: #CCCDD0; 
}
a:hover{
    color: #CCCDD0;
    font-weight: bold;
    font-size: 93%;
    text-decoration: none;
}
li:hover{
    background-color: #3a4b70;
}
@media screen and (max-width: 999px) {
    li{
        font-size:8px;
    }
}
#classement, #ulclassement{
    width: 260px;
    text-align: center;
    min-width: 260px;
}
@media screen and (max-width: 999px) {
    #classement, #ulclassement {
        width: 100px;
        text-align: center;
        min-width: 100px;
    }
}
#club, #ulclub{
    width: 160px;
    text-align: center;
    min-width: 160px;
}
@media screen and (max-width: 999px) {
    #club, #ulclub{
        width: 54px;
        text-align: center;
        min-width: 54px;
    }
}
#transfert, #ultransfert{
    width: 180px;
    text-align: center;
    min-width: 180px;
}
@media screen and (max-width: 999px) {
    #transfert, #ultransfert{
        width: 80px;
        text-align: center;
        min-width: 80px;
    }
}
#tournois, #ultournois{
    width: 160px;
    text-align: center;
    min-width: 160px;
}
@media screen and (max-width: 999px) {
       #tournois, #ultournois{
        width: 70px;
        text-align: center;
        min-width: 70px;
    }
}
@media screen and (max-width: 999px) {
       #accueil{
        width: 54px;
        text-align: center;
        min-width: 54px;
    }
}
#classement:hover, #classement:focus{
    color: #CCCDD0;
    background-color: #3a4b70;
    box-shadow: none;
}
#accueil:hover, #accueil:focus{
    color: #CCCDD0;
    background-color: #3a4b70;
    box-shadow: none;
}
#club:hover, #club:focus{
    color: #CCCDD0;
    background-color: #3a4b70;
    box-shadow: none;
}
#transfert:hover, #transfert:focus{
    color: #CCCDD0;
    background-color: #3a4b70;
    box-shadow: none;
}
#tournois:hover, #tournois:focus{
    color: #CCCDD0;
    background-color: #3a4b70;
    box-shadow: none;
}
#aide:hover, #aide:focus{
    color: #CCCDD0;
    background-color: #3a4b70;
    box-shadow: none;
}
#boxnav{
    align-items: center;
    display: flex;
    justify-content: center;
}

