/*  ==================== MAP ========================  */
//.wrapper {width:100%;}
svg {
  //background-color: #fff;
  //width: 100%;
  height: 100%;
}
 
#arrondissements text {
	font-family:  $font1;
	font-size: 20px;
	font-weight: bold; 
	fill: $mtcolor;
} 


/*  ==================== ARRONDISSEMENT 1 ========================  */
/* mise en surbrillance d'un arrondissement pour arrondissement 1 */
#arr1 {
    fill: #FFD700 !important; /* Couleur dorée pour la surbrillance */
    stroke: black;
    stroke-width: 2px;
    transition: fill 0.3s ease-in-out;
}

#arr1:hover, #arr1.active {
    fill: white !important; /* Couleur rouge-orange au survol */
}

/*  Ajout effet lumineux au passage souris pour arrondissement 1 */
#arr1 {
    fill: #FFD700; /* Couleur de remplissage */
    stroke: black;
    stroke-width: 2px;
    transition: filter 0.3s ease-in-out;
}

#arr1:hover {
    filter: drop-shadow(0px 0px 10px rgba(255, 215, 0, 0.8)); /* Effet lumineux doré */
}


/*  ==================== AUTRES ARRONDISSEMENTS ========================  */
/*  Ajout effet lumineux au passage souris sur le contour des zones  */
.arrondissement {
    fill: transparent; /* L'intérieur reste invisible */
    stroke: black; /* Couleur du contour */
    stroke-width: 2px;
    transition: stroke-width 0.3s ease-in-out, stroke 0.3s ease-in-out;

}

.arrondissement:hover {
    stroke: gold; /* Contour lumineux au survol */
    stroke-width: 4px; /* Épaississement du contour */
}