.block-map-perso{border-radius: 10px; overflow: hidden; display: flex;}
.mapPerso{width: 100%; transition: width .3s ease-in-out;}
.infosMap{width: 0; height: 500px; background: #0D184C; visibility: hidden; opacity: 0; transition: all .3s ease-in-out;overflow-y:scroll}
.infosMap .leaflet-popup-content{width: 100% !important; height: 100%;}
.infosMap .leaflet-popup-content .name{background-color: unset !important; padding: 0 !important; font-weight: bold !important; font-size: 1.2rem !important;}
.infosMap .leaflet-popup-content .outerContent{padding: 0 !important;}
.infosMap .leaflet-popup-content p{color: white; font-size: 1.2rem !important; line-height: 1.4;} .customMarker{background: url(//ruptsurmoselle.fr/wp-content/themes/section4-rupt/images/icon-marker.svg) no-repeat center center; background-size: contain; width: 45px; height: 45px; z-index: 200!important;}
.customMarker.noIcon{background: url(//ruptsurmoselle.fr/wp-content/themes/section4-rupt/images/icon-marker-empty.svg) no-repeat center center; background-size: contain;}
.customMarker img{width: 16px;position: absolute; left: 50%; -webkit-filter: brightness(0) invert(1); filter: brightness(0) invert(1); top:50%; transform: translate(-50%, -30%); margin-top: -10px} .block-map-perso.leaflet-popup{display: none !important;}
.block-map-perso .leaflet-popup-content{padding: 0; margin: 0}
.block-map-perso .leaflet-popup-content .img{width: 100%; position: relative; height: 100px}
.block-map-perso .leaflet-popup-content .name{font-weight: 500; background-color: #009289; color: #FFF; font-size: 1.1rem; padding: 10px 15px; padding-right: 30px; position: relative;}
.block-map-perso .leaflet-popup-content .outerContent{padding: 20px 30px;}
.block-map-perso .leaflet-popup-content .content{overflow: auto; padding-right: 10px;}
.block-map-perso .leaflet-popup-content .content p {font-size: 0.9rem;}
.block-map-perso .leaflet-popup-content .content p + p {margin-top: 10px;}
.block-map-perso .leaflet-popup-content .content img{display: block; width: 70%; height: auto; margin-left: auto; margin-right: auto; margin-bottom: 15px;}
.block-map-perso .leaflet-popup-content .content::-webkit-scrollbar-track {background:rgba(255, 255, 255, 0.3); height: 2px; border-radius: 2px;}
.block-map-perso .leaflet-popup-content .content::-webkit-scrollbar-thumb {background: #FFF;cursor:pointer;transition:all 0.3s ease-in-out; border-radius: 2px;}
.block-map-perso .leaflet-popup-content .content::-webkit-scrollbar-thumb:hover {background: #FFF;} 
.block-map-perso .leaflet-popup-content .content::-webkit-scrollbar {width: 2px; height: 2px; }
.block-map-perso .leaflet-popup-content .content a{color: #00788C}
.leaflet-popup-content-wrapper, .leaflet-popup-tip{overflow: hidden; padding: 0; }
.leaflet-container a.leaflet-popup-close-button{color: #FFF; right: 10px; top: 10px;}
.leaflet-popup-tip-container {display: none;}
.mapperso {position: relative; z-index: 4}
.block-map-perso .fullBackground {height: 100px;}
.block-map-perso .leaflet-popup-content-wrapper {border-radius: 10px; background-color: #0D184C; color: #FFF;}
.block-map-perso .leaflet-popup-pane, .block-map-perso .leaflet-marker-pane {z-index: unset;} .block-map-perso .customMarker.openMarker{z-index: 350!important;}
@media (max-width: 991px) {
.block-map-perso .mapPerso>.map {height: 350px!important;}
}