*{padding: 0px; margin: 0px; box-sizing: border-box;}

.menu_hamburgeur, .menu_hamburgeur2{
	position: relative;
	cursor: pointer;
	width: 42px;
	height: 24px;
	background-color: transparent;
	border: none;
	outline: none;
}

.menu_hamburgeur span, .menu_hamburgeur2 span{
	display: block;
	width: 100%;
	height: 4px;
	background-color: #f8fbff;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	transition: background-color 0.1s ease-in-out;
}

.menu_hamburgeur span::before, .menu_hamburgeur span::after,
.menu_hamburgeur2 span::before, .menu_hamburgeur2 span::after{
	content: "";
	position: absolute;
	display: block;
	width: 100%;
	height: 4px;
	background-color: #f8fbff;
	transition: transform .3s ease-in-out;
}


.menu_hamburgeur span::before,
.menu_hamburgeur2 span::before{
	transform: translateY(-10px);
}

.menu_hamburgeur span::after,
.menu_hamburgeur2 span::after{
	transform: translateY(10px);
}

.menu_hamburgeur2.active span,
.menu_hamburgeur.active span{
	background-color: transparent;
}

.menu_hamburgeur.active span::before,
.menu_hamburgeur2.active span::before{
	transform: translateY(0px) rotateZ(45deg);
}

.menu_hamburgeur.active span::after,
.menu_hamburgeur2.active span::after{
	transform: translateY(0px) rotateZ(-45deg);
}