#burger{
	position: absolute;
	width: 100%;
	left: 0;
	top: 0;
	font-size: 20px;
	display: none;
}

#open, #close{
	position: absolute;
	height: 45px;
	right: 20px;
	font-size: 50px;
	z-index: 1;
}

.burger-nav{
	width: 100%;
	background: lightgrey;
	text-align: center;
	padding: 20px;
	transition:transform 1s;
}

#burger a{
	text-decoration: none;
	display: block;
	padding: 10px;
}

/*Fait apparaitre ou diparaitre le bouton*/

#burger:target #open, #burger:not(:target) #close{
	display:none;
}

#burger:not(:target) .burger-nav{
	transform:translate3d(0, -250px, 0);
}

#burger:target .burger-nav{
	transform:translate3d(0, 0, 0);
}

/*--------RESPONSIVE-------------*/

@media screen and (max-width:1000px){
	#burger{
		display: block;
	}

}