/* just a sample css rule to show that everything works */
footer p
{
	font-size: small;
	text-align: center;
}


#titre {
	font-family: "Roboto";
	font-size:4vw;

}
#oui{
	width:300px;
	left:50%;
}
#map { 
	padding-top : 1%;
	height: 600px;
	width: 100%;
	margin-right:1px;
	float: left;
}
#notice{
	font-family: "Roboto";
	z-index: 1;
	justify-content:center;
	margin-left: 20%;
	font-size:3vw;

}


#Popo{overflow-y: auto;
	max-width:250px;}
	.logo .hover
	{
		transition: .5s ease;
		height:20%;
		width:20%;
	}
	.mapboxgl-ctrl-logo
	{
		visibility:hidden;
	}
	.mapboxgl-popup-content{
		visibility:visible;
	}