@import url(https://fonts.googleapis.com/css?family=Roboto:400,300,500);

.vyv-menu-container-root {
	left: 0px; 
	top: 0px; 
	background: white; 
	color: black;
}
.vyv-dyn-menu-nav {
    width: 300px;
    height: 100%;
    background: white;
    color: rgba(0, 0, 0, 0.87);
    -webkit-clip-path: ellipse(50px 25px at 60px 25px);
    clip-path: ellipse(50px 25px at 60px 25px);
    transition: -webkit-clip-path 0.5625s, clip-path 0.375s;
    position: fixed;
    z-index: 100000000000;
    background-image: url("../images/pictos/groupe-vyv-rvb.png");
  background-repeat: no-repeat;
  background-position-x: 40px;
}
.vyv-dyn-menu-nav:hover {
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    -webkit-transition-duration: 0.75s;
    transition-duration: 0.75s;
    -webkit-clip-path: inset(0 0 0 0);
    clip-path: inset(0 0 0 0);
    z-index: 100000000000;
}

.vyv-dyn-menu-item {
    display: block;  
    line-height: 30px;
    padding: 0 20px;
    color: inherit;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.vyv-dyn-menu-item:hover {
    background: #ffe082;
}

.vyv-dyn-menu-item:active {
    background: #ffca28;
}
.vyv-dyn-menu-navicon {
    padding: 23px 20px;
    cursor: pointer;
    -webkit-transform-origin: 32px 24px;
    transform-origin: 32px 24px;
}

.vyv-dyn-menu-navicon div {
    position: relative;
    width: 20px;
    height: 2px;
    background: rgba(0, 0, 0, 0.87);
}
.vyv-dyn-menu-navicon div:before, .navicon div:after {
    display: block;
    content: "";
    width: 20px;
    height: 2px;
    background: rgba(0, 0, 0, 0.87);
    position: absolute;
}
.vyv-dyn-menu-navicon div:before {
    top: -7px;
}

.vyv-dyn-menu-navicon div:after {
    top: 7px;
}