#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-color: lightgrey;
	text-align: center;
	padding: 20px;
	transition: transform 1s;

}

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

/*Fait apparaitre ou disparaitre le bouton */

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

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

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

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

@media screen and (max-width:1000px){

	#burger{
		display:block
	}

	header nav{
		display: none;
	}
}