@media(max-width:667px)
{	
	h1#titre{
		width: 80%;
		font-size: 5vw;
	}
	

	
	div#slider{
		float: inherit;
		width: 100%;
		height: auto;
		display: block;
		max-height: none;
	}
	
	div#conteneur_map{
	width: 100%;
	height: 100%;
	float: right;
	}
	
	div#map{
		height: 90%;
		width: 100%;
	}
	
	div#map.moyen{
	height: 50%;
}
	
	div#masque{
		display: none;
		width: 100%;
		height: auto;
		margin: 0;
		padding: 0;
		transition: display 2s
	}
	
	div#masque! div#opacify{
		display: block;
	}
	
	div#slider label#showmenulabel{
		display: inline-block;
		width: 10%;
		vertical-align: middle;
		padding-left: 5px;	
	}
	
	
	div#slider input#showmenu:checked + label{
		text-decoration: underline;
	}
	
	div#slider input#showmenu:checked ~ div#masque{
		display: block;
	}
}
}