body[ms-statut="open"] {
    overflow: hidden;
}

.menu-slide-back {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    z-index: -1;
    display: none;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}

[ms-statut="open"] .menu-slide-back {
    display: block;
    opacity: 1;
    z-index: 5;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    background: rgba(0,0,0,.8);
    filter: contrast(0.5);
}



body .menu-slide {
    position: fixed;
    top: 0;
    right: 0;
    width: 0;
    /* max-width: 500px; */
    background: transparent;
    height: 100%;
    /*z-index: -3;*/
    opacity: 0;
    transform: translateX(250px);
    transition: all ease 2s;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    /* border-top: 1px solid #eee; */
}

.menu-slide-content {
    height: calc( 100dvh - var(--header-height) );
    overflow: auto;
    position: relative;
}




body[ms-statut="open"] .menu-slide {
    display: block;
    width: 100%;
    /*z-index: 999;*/
    opacity: 1;
    top: 0;
    bottom: 0;
    /* background: var(--color0); */
    background: #efefef;
    right: 0;
    transform: translateX(0);
    /* color: var(--color1); */
    color: #000;
    transition: all ease 2s;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    max-width: 850px;
}

[ms-content] {
    display: none;
}

[ms-content][ms-statut="open"] {
    display: block;
}