header .menu .logo img {
    height: inherit;
}

header .menu .menu-main{
    width: 85%;
}

header .menu .menu-main > ul > li{
    padding: 0 1.1em;
}

header .menu .menu-main > ul > li.violet{
    display: flex;
    align-items: center;
    cursor: default;
}

header .menu .menu-main > ul > li.violet a{
    color: #653a8c;
}

header .menu .menu-main > ul > li.violet:hover{
    border-color:#653a8c;
}

header .menu .moncompte span{
    text-indent: -9999999px;
}

header .menu .moncompte{
    height: 50px;
    width: 50px;
    font-size: 0;
    padding: 0;
}

header .menu .moncompte svg.svg_compte{
    width: 25px;
    height: 20px;
    margin-top: 15px;
    margin-left: 12px;
}



@media screen and (min-width:1700px){

    header .menu .menu-main > ul > li{
        padding: 0 3em;
    }
}

@media screen and (min-width:1600px){

    header .menu .menu-main > ul > li{
        padding: 0 1.8em;
    }
}

@media screen and (max-width:1410px){

    header .menu .menu-main > ul > li{
        padding: 0 0.7em;
        font-size: 1.35em;
    }
}


@media screen and (max-width:1245px){

    header .menu .menu-main > ul > li{
        padding: 0 0.7em;
        font-size: 1.25em;
    }
}

@media screen and (max-width:1200px){
    header .menu .menu-main{
        width: 100%;
    }
    header .menu .menu-main > ul > li.bouton a{
        width: auto!important;
        margin:auto;
        padding: 10px 15px;
        font-size: 0.9em;
    }

    header .menu .menu-main > ul > li, header .menu .menu-main > ul > a {
        font-size: 2.4rem;
        padding: 2rem 1rem;
        text-align: center;
    }
}


@media screen and (max-width:400px){
    header .menu .moncompte .moncompte-menu{
        width: 85vw;
    }
    header .menu .moncompte .moncompte-menu ul li a ul li:nth-child(3){
        font-size: 1.15rem;
    }

    header .menu .moncompte .moncompte-menu ul li{
        font-size: 1.15rem
    }
}