.carte {
	width: 100%;
	margin: 0 auto;
}

.carte a {
	text-decoration: none;
}

g:hover path {
	fill: #86CCE0;
}

.carte g path:hover {
	fill: #86EEE0;
}

.carte path {
	stroke: #000000;
	stroke-width: 1px;
	stroke-linecap: round;
	stroke-linejoin: round;
	stroke-opacity: .25;
	fill: #86AAE0;
}

.carte g.region-11 path,
.carte g.region-11:hover path {
	fill: #2179B4;
	stroke: #2179B4;
}

.carte g.region-24 path,
.carte g.region-24:hover path {
	fill: #FF8E92;
	stroke: #FF8E92;
}

.carte g.region-27 path,
.carte g.region-27:hover path {
	fill: #92FFA4;
	stroke: #92FFA4;
}

.carte g.region-28 path,
.carte g.region-28:hover path {
	fill: #E39169;
	stroke: #E39169;
}

.carte g.region-32 path,
.carte g.region-32:hover path {
	fill: #CF71FD;
	stroke: #CF71FD;
}

.carte g.region-44 path,
.carte g.region-44:hover path {
	fill: #AF653E;
	stroke: #AF653E;
}

.carte g.region-52 path,
.carte g.region-52:hover path {
	fill: #FEDD30;
	stroke: #FEDD30;
}

.carte g.region-53 path,
.carte g.region-53:hover path {
	fill: #038C8E;
	stroke: #038C8E;
}

.carte g.region-75 path,
.carte g.region-75:hover path {
	fill: #DEB887;
	stroke: #DEB887;
}

.carte g.region-76 path,
.carte g.region-76:hover path {
	fill: #FFE87E;
	stroke: #FFE87E;
}

.carte g.region-84 path,
.carte g.region-84:hover path {
	fill: #B3B3B3;
	stroke: #B3B3B3;
}

.carte g.region-93 path,
.carte g.region-93:hover path {
	fill: #00CA42;
	stroke: #00CA42;
}

.carte g.region-94 path,
.carte g.region-94:hover path {
	fill: #B7BA00;
	stroke: #B7BA00;
}

.carte g:hover {
	opacity: .50;
}

.carte g text {
	fill : #000000;
	font-size: 80%;
}

.div_liste_regions {
	color: blue;
}

.div_liste_regions {
	color: blue;
}

.div_liste_regions {
	display: inline-block;
	width: 100%;
}

.div_liste_regions iconify-icon {
	font-size: 200%;
}

.div_liste_regions > a {
	color: #8c8a8a;
	margin: 8px;
	padding: 10px;
	border: 1px solid;
	width: 46%;
	float: left;
	text-decoration: none;
	border-radius: 10px;
}

@media only screen and (max-width: 760px), only screen and (max-device-width: 760px) {
	.div_liste_regions > a {
		width: 90%;
	}
}

.div_liste_regions > a:hover {
	color: #000000;
}