body.showFiltre {
    overflow: hidden; }
body.showFiltre:before {
    opacity: 1;
    visibility: visible; }
.site-section {
    padding: 7rem 0; }

aside {
    background-color: #121212f2;
    height: 0;
    width: 0;
    right: 0;
    content: '';
    display: block;
    border-radius: 100vh;
    z-index: 999;
    top: 0
;
    position: fixed;
    -webkit-transition: all 1s ease;
    transition: all 1s ease;
}

.show-sidebar #menuPrincipale,
.show-menuMonCompte #menuMonCompte {
    opacity: 1;
    visibility: visible;
    right: -90vh;
    height: 150vh;
    width: 150vh;
    top: -20vh;
    -webkit-box-shadow: 0 0 20px 0 rgb(108, 233, 255);
    box-shadow: 0 0 20px 0 rgb(108 233 255);
}

@media screen and (min-width: 0px) and (max-width: 600px) {
    .show-sidebar #menuPrincipale,
    .show-menuMonCompte #menuMonCompte {
        height: 130vh;
        width: 134vh;
        top: -16vh;
    }
    .sideBtnInClose {
        position: absolute;
        right: 20px;
        top: 10px;
    }

}

aside .toggle {
    display: none;
    padding-right: 30px;
    padding-top: 30px;
}

@media screen and (min-width: 0px) and (max-width: 1199px) {
    aside .toggle {
        display: block;
    }
}

aside .side-inner {
    padding: 20px 0;
    height: 0;
    width: 0;
    /*overflow-y: auto;*/
    z-index: 1000;
    position: fixed;
    top: 0;
    right: 0;
    -webkit-overflow-scrolling: touch;
    visibility: hidden;
}

.show-sidebar #menuPrincipale .side-inner,
.show-menuMonCompte #menuMonCompte .side-inner {

    visibility: visible;
    height: 100vh;
    width: 335px;
    -webkit-transition: all 1s ease;
    transition: all 1s ease;

}

/* Toggle */
.menu-toggle {
    display: inline-block;
    position: absolute;
    width: 80px;
    text-decoration: none;
    right: 5vh;
    visibility: visible;
}
.menu-toggle span {
    color: #FFF;
    font-size: 20px; }

.menu-toggle:hover span, .menu-toggle:focus span{
    color: #FFF;
}

.menu-toggle.active span {
    color: #fff; }

.menu-toggle.active {
    visibility: hidden;
}

