.map-wrapper {
	display: flex;
	gap: 40px;
	align-items: flex-start;
}

#svg-carte-france {
	width: 900px;
	height: auto;
}

#zone-infos {
	position: absolute;
	top: 20px;
	left: 20px;
}
#zone-infos span {
	display: block;
}

#svg-carte-france #contours path {
	stroke-width: 7;
}

#svg-carte-france path {
	stroke-width: 1.5;
	stroke: #fff;
}

#svg-carte-france text {
	font-family: "Open Sans", Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 20px;
	-webkit-font-smoothing : antialiased;
	text-anchor: middle;
	dominant-baseline: central;
	white-space: pre;
	fill: #585857;
	pointer-events: none;
	user-select: none;
}
#svg-carte-france text.small {
	font-size: 14px;
}
#svg-carte-france #PETITE-COURONNE text {
	font-size: 36px;
}
#svg-carte-france #PETITE-COURONNE {
	transform: scale(0.21, 0.23) translate(1712px, 1039px);
}


@media (any-hover: hover) {
	#svg-carte-france g path {
		cursor: pointer;
	}
	#svg-carte-france g:hover path {
		opacity: 1;
	}
	#svg-carte-france g:hover path:hover {
		/*fill: #017037;*/
	}
}


#svg-carte-france .departement {
	fill: #dbe2da;
	cursor: pointer;
	transition: all .3s ease;
}

#svg-carte-france .departement.zone-hover {
	stroke-width: 1;
	fill: #bfd2c4;
}

#svg-carte-france .departement.zone-selected {
	stroke-width: 1;
	fill: #017037;
}

#svg-carte-france text.zone-selected {
	fill: #fff;
}

#svg-carte-france .departement-label {
	font-size: 10px;
	fill: #333;
	pointer-events: none;
	text-anchor: middle;
}