.nav-wrapper {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    position: fixed;
    top: 0;
    left: 0;
    width: 64%;
    text-align: left;
    height: 100%;
    overflow-y: hidden;
}

.nav-wrapper__nav {
    height: 100%;
    overflow-y: auto;
}

.nav-primary__a {
    display: block;
    text-transform: uppercase;
    padding: .35em 1em;
    border-bottom-style: solid;
    border-bottom-width: 1px;
}

.nav-primary__a:after {
    content: '';
    display: table;
    clear: both;
}

.nav-primary ul[class^=level] {
    position: fixed;
    overflow-y: auto;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    -webkit-transition: -webkit-transform .3s;
    transition: -webkit-transform .3s;
    transition: transform .3s;
    transition: transform .3s, -webkit-transform .3s;
}

.nav-primary ul.opened {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.nav-primary-back {
    text-align: right;
}

.nav-primary-back__link {
    display: block;
    padding: .35em 1em;
    border-bottom-style: solid;
    border-bottom-width: 1px;
}

.has-child-picto {
    float: right;
}

.burger-menu {
    height: auto;
}

.menu-overlay {
    display: none;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 100;
}

/* MENU OPENED */

.menu-opened {
    height: 100%;
    overflow-y: scroll;
    width: 100%;
    position: fixed;
}

.menu-opened .wrapper {
    -webkit-transform: translate3d(64%, 0, 0);
    transform: translate3d(64%, 0, 0);
}

.menu-opened .menu-overlay {
    display: block;
}

.menu-opened .burger-wrapper {
    z-index: 91;
    opacity: .7;
}

@media only screen and (min-width: 980px) {
    .nav-wrapper {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        width: auto;
        /*left: 2.55em;*/
        left: auto;
        top: 6em;
        padding-top: 2rem;
        height: auto;
    }
    .nav-wrapper__nav {
        overflow-y: visible;
    }
    .nav-primary__a {
        display: inline;
        border-bottom: 0;
        padding: 0;
    }
    .header-wrapper a:hover {
        -webkit-transition: color .5s;
        transition: color .5s;
    }
    .nav-primary li.level0 {
        display: list-item;
    }
    .has-child-picto, .burger-wrapper, .nav-primary ul[class^=level], .nav-primary-back {
        display: none;
    }
}

@media only screen and (min-width: 980px) {
    .more-infos-link {
        margin-top: .7rem;
    }
    .nav-primary ul[class^=level].more-infos-link__ul {
        display: block;
        position: static;
        padding: 1.25em 1.85em;
        -webkit-transition: none;
        transition: none;
    }
    .category-mob-radio .nav-primary ul[class^=level].more-infos-link__ul {
        background-color: rgba(255, 255, 255, 0.9);
    }
    .more-infos-link__a {
        text-transform: none;
    }
}