#contact-map{
    padding:60px 0;
}
#contact-map path,#contact-map polygon {
    fill:#D8D8D8;
    stroke:#FFFFFF;
    stroke-width:0.6;
    transition: fill 0.2s, stroke 0.3s;
}
#contact-map path:hover,#contact-map polygon:hover {
    fill: #66B821;
    stroke: #FFFFFF;
    cursor:pointer;
}
#contact-map path.selected,#contact-map polygon.selected {
    fill: #66B821!important;
}
#map-idf{
    margin-top:80px;
    height:240px;
}
#map-france{
    height:600px;
}
#map-dom1, #map-dom2, #map-dom3, #map-dom4,#map-dom5{
    height:120px;
}
.map-container{
    padding:20px;
    margin:auto;
    display:block;
    height: 500px;
}
.map-container span{
    text-align:center;
    display:block;
    font-weight:bold;
    font-size:11px;
}
#infos {
    padding: 20px;
    opacity:0;
    transition:0.3s;
    position: absolute;
    width: 310px;
    height: auto;
    display: block;
    z-index: 99;
    background: white;
    box-shadow:1px 1px 5px rgba(0, 0, 0, 0.28);
}
#infos span{
    display:block;
}
#infos .name-dep{
    color:#0B3C92;
    font-size:20px;
    margin-bottom:5px;
}
#infos .name-contact{
    color:#333;
    font-weight:bold;
    font-size:15px;
    margin-top:5px;
}