#global { max-width: 1200px;}
#map  { }
#map  .cls-1 {  fill:#a0d6d7;stroke:#343434;stroke-linejoin:round;stroke-width:0.48px; transition: fill 0.3s;}

#map  .cls-1:hover {  fill:#f9e16e;}

.map_list a {
	color: #000;
	text-decoration: none;
	transition: color 2s;


}
.map_list a:hover {
	color: #77138E;

}

#infod { display:block; position:absolute; left: 20px; top: 20px; background-color: aquamarine; }
.info { display: none;position:absolute; left: 20px; top: 20px; background-color: #a0d6d7;
border-radius: 5px; border: solid 1px #2B415F; font-size: 1em; padding: 5px; text-align: center;
}


.liste_commune { padding: 5px; }
.liste_commune ul { list-style: none; padding-left: 2px;}
.liste_commune ul li { height: 2em;}
.liste_commune a { text-decoration: none; color: #003342; font-weight: bold; display: block; font-size: 0.8em;  }
.liste_commune a:hover { color:#f9e16e; border-bottom: solid 5px #f9e16e }

#map .is-active_m .cls-1{  fill:#f9e16e;}
#map .no-active_m .cls-1{  fill:#a0d6d7;}
.is-active { font-weight:  bold; color:#f9e16e; border-bottom: solid 5px #f9e16e}
.no-active{ text-decoration: none; color: #003342; font-weight: bold; border: 0;}