#toolTip-map {
    display: none;
   
    color: #fff;
    box-shadow: 5px 5px 20px 5px rgb(0 0 0 / 52%);
    padding: 0.5rem 1.2rem;
    border-radius: 0.4rem;
    position: absolute;
}


#carte {
    max-width: 700px;
    width: 100%;
    margin: auto;
    margin-top: 2rem;
    text-align: center;
}

#map-svg {
    margin-right: auto;
    margin-left: auto;
    /* margin-right: -90px !important; */
}

.mainhomepage-map {

    padding: 20px;
}

.map-svg1 {
    width: 95%;
    box-shadow: rgb(60 64 67 / 30%) 0px 1px 2px 0px, rgb(60 64 67 / 15%) 0px 1px 3px 1px;
    border-radius: 20px;
    padding: 5% 5% 5% 0%;
}

path.region-path {
 
    stroke: grey;
    stroke-width: 1px;
    transition: fill .3s;
    cursor: pointer;
}

path.region-path:hover {
    fill: #2e8cff;
    stroke: white;
    stroke-width: 1px;
    transition: fill .3s;
    cursor: pointer;
}

path.region-path.is-active {
    fill: #ff5757;
    cursor: pointer;
}

path.region-path.available {
    fill: #00AA00;
}

path.region-path.unavailable {
    fill: #AA0000;
    cursor: default;
}

path.region-path.available.selected {
    fill: #AA5500;
}

@media only screen and (max-width:900px) {
	#map-svg {
 width:210px;
}

}