.map-regions-france {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 3.125rem 0;
}

.map-regions-france .region .area {
  fill: #36a5ac;
  transition: all 0.25s ease-in-out;
}

.map-regions-france .region:hover .area {
  fill: #0077a3;
}

.map-regions-france .region .text {
  fill: #ffffff;
  transition: all 0.25s ease-in-out;
}

.map-regions-france .region:hover .text {
  fill: #FFFFFF;
}

@media screen and (max-width: 991px) {
  .map-regions-france {
    padding: 1.875rem 0;
  }
}

@media screen and (max-width: 767px) {
  .map-regions-france {
    padding: 1rem 0;
  }
}