a {
	all: unset;
}
.mapContainer{
	margin: 0 auto;
	width: 100%;
	height: 100%;
	display: block;
}

.map{
	width: 100%;
	fill: #E7EEA5;
}

.region{
    position: relative;
		transition: all .6s;
}

.region:hover{
		transform:translateY(-15px);
		cursor: pointer;
}

.region.grand-east:hover{
	fill: url(#grand-east);
}
.region.aquitaine:hover{
	fill: url(#aquitaine);
}
.region.auvergne:hover{
	fill: url(#auvergne);
}
.region.bourgogne:hover{
	fill: url(#bourgogne);
}
.region.brittany:hover{
	fill: url(#brittany);
}
.region.central:hover{
	fill: url(#central);
}
.region.corsica:hover{
	fill: url(#corsica);
}
.region.ile:hover{
	fill: url(#ile);
}
.region.occitanie:hover{
	fill: url(#occitanie);
}
.region.hauts:hover{
	fill: url(#hauts);
}
.region.normandy:hover{
	fill: url(#normandy);
}
.region.pays:hover{
	fill: url(#pays);
}
.region.provance:hover{
	fill: url(#provance);
}