svg {
  /*max-width: 50% !important;*/
  margin:0 auto 0 auto;
  height: auto;
  display: block;
  width:100%;
}

#contour_du_tout{
  
}

#cercle{
  fill:#FFF;
  stroke:#f2f2f2;
  stroke-width:15px;
}


.map__image {
  
}

.map__image svg {
   
}

/*ajout polygon car le tuto n'vait que des path*/
.map__image path,
.map__image polygon{
  cursor: pointer;
  fill:#79a5d2;
  stroke:#FFF;
  stroke-width:1px;
  transition: fill 0.3s;
}

.map__image .is-active path,
.map__image .is-active polygon{
  fill:#c31b4a;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

/* Liste
   ========================================================================== */
.map__list {
   
}

.map__list ul, .map__list li{
    margin: 0;
    padding: 0;
    list-style: none;
}

.map__list li{
	display:inline-block;
	margin:0 20px 10px 0;	
}


.map__list a {
    display: inline-block;
    text-decoration: none;
    transition: 0.3s;
	font-size:1.4em;
	font-weight:400;
	color:#666;
	padding:0 5px 0 5px;
	border-bottom:2px solid #004c8e;
}

.map__list a.is-active {
    color:#FFF;
    background-color:#c31b4a;
	border-bottom:2px solid #c31b4a;
	border-radius:5px;
}

@media screen and (max-width:890px){
	.map__list li{
		margin:0 5px 5px 0;	
		}
}

/* Fin de la Liste
   ========================================================================== */



/* Carte de France
   ========================================================================== */

#carte_de_france polygon{
  fill:#F8F8F8;
  stroke:rgba(0,0,0,0.1);
  stroke:#79A5D2;
  stroke-width:1px;
}

#point_france{
  fill:#c31b4a;
  stroke:rgba(239,239,239,0.8);
  stroke-width:8px;
}