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

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

/*----FAIS-APPARAITRE-OU-DISPARAITRE-BOUTON-------*/

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

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


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

	#burger{
		display: block;
	}
	#menu{
		display: none;
	}

}