/* Styles pour le titre */
h1 {
  text-align: center;
}
/* Styles pour la carte SVG */
#ma_carte {
  display: flex;
	flex-wrap: wrap;
  padding-bottom: 30px;
}
.carte {
  width: 50%;
  padding-right: 40px;
	margin: auto;
}
.commune {
  fill: #996B6BE0;
  stroke: #fff;
  stroke-miterlimit: 10;
  transition: all ease-in-out 0.3s;
}
.commune.highlighted {
  fill: #a80140;
  cursor: pointer;
  transition: all ease-in-out 0.3s;
}
/* couleur en survol */
.commune:hover {
  fill: #a80140;
  cursor: pointer;
  transition: all ease-in-out 0.3s;
}
#liste-villes {
  column-count: 2;
  column-gap: 6px;
  column-fill: balance;
  column-width: 225px;
  margin: auto;
}
.ville-liste {
	display: list-item;
  font-weight: 400;
  font-size: 16px;
  line-height: 1.4em;
  cursor: pointer;
  /*transition: all ease-in-out 0.3s;*/
  color: #000;
}
.ville-liste.highlighted {
  font-weight: bold;
  color: #a80140;
  /*transition: all ease-in-out 0.3s;*/
}
a.ville-liste[target="_blank"]::after {
  content: none;
}
@media(max-width:640px){
.carte
{
  width: 90%;
  padding-right: 0px;
	margin: auto;
}
#liste-villes {
  column-count: 2;
  column-gap: 6px;
  column-fill: balance;
  column-width: 200px !important;
  margin: auto;
}
}