/* Make SVG map responsive */

.svg-map-container {
  display: block;
  width: 100%;
  height: auto;
}

/* Styling for clickable areas */
.land {
  cursor: pointer;
}

.land:hover {
  fill: #FAAF40; /* Change color on hover for visual effect */
}
.régions svg{
  height: 600px;
  width: 600px;
}
.ville{
  fill:#d9d9d9;
  fill-opacity: 1;
  stroke:#fefefe;
  stroke-opacity: 1;
  stroke-width:0.5;
}
.ville:hover{
  fill:#FAAF40;

}
text{
  font-size: 8px;
}