/* CLICK SUR IMAGE */ 
.mapopup 									{ width: 350px; height: 300px; position: absolute; top: 50%; background: #fff; left: 50%; transform: translate(-50%, -50%); display: flex; align-items: flex-start; font-size: 14px; font-weight: 400; color: #656565!important; line-height: 21px; scrollbar-color: #30519F #EFF7FC; scrollbar-width: auto; 
    -webkit-scrollbar {
        width: 16px;}
    -webkit-scrollbar-track {
        position: relative;
        box-shadow: inset -5px 0 0 1px white, inset -9px 0 0 1px #EFF7FC;}
    -webkit-scrollbar-thumb {
        background: #EFF7FC;
        border-radius: 8px;
        border-top: 1px white solid;
        box-shadow: 0 2px 3px 1px rgba(0,0,0,.45), inset 0 0 5px 2px rgba(255,255,255,.4);
        }
    -webkit-scrollbar-corner {
        background: #EFF7FC;
        }
    -webkit-scrollbar-button:single-button {
        display: block;
        border-style: solid;
        height: 20px;
        width: 16px;
        }
    -webkit-scrollbar-button:single-button:vertical:decrement {
        border-width: 0 8px 12px 8px;
        border-color: transparent transparent #EFF7FC transparent;
        }
    -webkit-scrollbar-button:single-button:vertical:decrement:hover {
        border-color: transparent transparent #30519F transparent;
        }
    -webkit-scrollbar-button:single-button:vertical:increment {
        border-width: 12px 8px 0 8px;
        border-color: #EFF7FC transparent transparent transparent;
        }
    -webkit-scrollbar-button:single-button:vertical:increment:hover {
        border-color: #30519F transparent transparent transparent;
        }
}
.imgpop										{ transform: translate(-38px, -38px);width: 50px !important; height: 50px !important;}
button.imgpop                               {background: none; border: none; padding: 0;}
.imgpop svg:hover circle                    { fill: #30519F; stroke: white;}
.imgpop svg:hover path                      { fill: white; }
.close-popup 								{ top: 0px; right: 30px; border: 1px solid; display: flex; width: 50px; height: 50px; align-items: center; justify-content: center; border-radius: 50%; transform: translateY(-50%);} 

@media screen and (max-width : 1200px)   {
	.mapopup							{ position: relative; transform: none; width: 100%; left: 0; height: auto;}
    .close-popup                            {top: 30px;}
}	
@media screen and (max-width : 991px)   {
	.imgpop 							{ width: 30px !important; height: 30px !important; transform: translate(-15px, -15px); }
    .imgpop svg                         { width: 30px !important; height: 30px !important; }
}