
nav {
	background-color: transparent;
	box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065);
	padding: 31px 30px 14px 16px;
}


 .menu > .active > a, .menu .menu > .active > a:hover, .menu .menu > .active > a:focus{
	color: #fb0707;
	transition: 0.5s;}

.block{
	position:relative;
	top:24px;
	
}

nav h2 {
	text-transform: uppercase;
}
.menu {
	display: flex;
	list-style: none;
	margin: 0;
	padding:0;
}
.menu li {
	margin-left: 51px;
	
}
.menu li a {
	text-decoration: none;
	font-size: 22px;
	
}
.menu li a:hover {
	color: #09f;
	transition: 0.5s;
}
section img {
	width: 100%;
}
article {
	width: 85%;
	margin: auto;
	text-align: justify;
	top: 30px;
position: relative;
}
.voir-menu, .cacher-menu, #check {
	display: none;
}


@media screen and (max-width: 900px) {
	.voir-menu, .cacher-menu {
		display: block;
		font-size: 30px;
		cursor: pointer;
		transition: 0.5s;
	}
	.voir-menu:hover, .cacher-menu:hover {
		color: #666;
		transition: 0.5s;
	}
	.menu {
		position: fixed;
		top: 0;
		right: -100%;
		height: 100vh;
		background-color: #eaeaea;
		width: 100%;
		flex-direction: column;
		align-items: center;
		padding-top: 80px;
		transition: 0.7s;
		z-index: 999;
	}
	.menu li {
		margin-left: 0;
		margin-bottom: 35px;
		border-bottom: 1px solid #ccc;
	}
	#check:checked ~ .menu {
		right: 0;
	}
	.cacher-menu {
		position: absolute;
		top: 65px;
		right: 40px;
	}
}

















