.menu_mobile_burger{
	position:relative;
	width:40px;
	height:40px;
	cursor:pointer;
}

.menu_mobile_burger>div , .menu_mobile_burger:after , .menu_mobile_burger:before {
	position: absolute;
	width:100%;
	height:4px;
  -webkit-transition:all 0.5s;
  -khtml-transition:all 0.5s;
  -moz-transition:all 0.5s;
  -ms-transition:all 0.5s;
  -o-transition:all 0.5s;
  transition:all 0.5s;
	border-radius: 4px;
	background-color:#fff;
  -webkit-transform: translate(-50%,-50%);
  -khtml-transform: translate(-50%,-50%);
  -moz-transform: translate(-50%,-50%);
  -ms-transform: translate(-50%,-50%);
  -o-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
}

.menu_mobile_burger>div{
  top:50%;
  left:50%;
}

.menu_mobile_burger:before , .menu_mobile_burger:after{
	left:50%;
	display:block;
	content:' ';
}
	
.menu_mobile_burger:before{
  top:25%;
}
	
.menu_mobile_burger:after{
	top:75%;
}

.menu_mobile_burger:hover:before{
	top:15%;
}

.menu_mobile_burger:hover:after{
	top:85%;
}

.menu_mobile_burger.actif>div{
  left:100%;
  -webkit-opacity:0;
  -khtml-opacity:0;
  -moz-opacity:0;
  -ms-opacity:0;
  -o-opacity:0;
  opacity:0;
  filter:alpha(opacity=0);
}

.menu_mobile_burger.actif:before{
	top:50%;
	left:0%;
  -webkit-transform:rotate(-45deg);
  -khtml-transform:rotate(-45deg);
  -moz-transform:rotate(-45deg);
  -ms-transform:rotate(-45deg);
  -o-transform:rotate(-45deg);
  transform:rotate(-45deg);
}

.menu_mobile_burger.actif:after{
	top:50%;
	left:0%;
  -webkit-transform:rotate(45deg);
  -khtml-transform:rotate(45deg);
  -moz-transform:rotate(45deg);
  -ms-transform:rotate(45deg);
  -o-transform:rotate(45deg);
  transform:rotate(45deg);
}