#mens-mouvement-map{
    position: relative;
    z-index: 0;
    margin-bottom: -14%;
}
#mens-mouvement-dom{
    position: relative;
    z-index: 1;

}

div.tooltip {
    z-index: 999999;
    width: 0;
    position: absolute;
    text-align: center;
    color: black;
    padding: 2px;
    font: 12px sans-serif;
    background: white;
    border: 1px;
    border-radius: 8px;
    pointer-events: none;
}
.legende{
    position: absolute;
    z-index: 3;
    width: auto !important;
    background-color: white;
    opacity: 0.9;
    padding: 0.2%;
    border: solid;
    border-width: thin;
}
#tools-zoomiii{
    z-index: 1;
    float: right !important;
    width: auto !important;
    opacity: 0.9;
    padding: 0.2%;
    margin-left: 2%;
}
div.tooltipDescription {
    text-align: left;
}
.pathBorder{
    stroke: white;
    stroke-width: 0.4;
}
.legendElt{
    display: block !important;
}
#carte-legende{
    display: grid;
}
.titre-carte{
    text-align: center;
}
#g-chart {
    position: absolute; /* postulat de départ */
    top: 50%;
    left: 50%; /* à 50%/50% du parent référent
    transform-origin: -10% -90%;
    transform-origin: -90% -30%;*/
}
.zoom
{
    position: absolute;
    margin: 0;
    padding: 0;
    top: 0%;
    left: 90%;
    width: 80px;
    height: 50px;

}
.zoom button{
    margin: -1%;
    padding: 0;
    width: 48%;
    height: 100%;
    border: 1px solid #ddd;
    display: inline;
}

.glyphicon-zoom-in{
    font-size: 15px;
}
.glyphicon-zoom-out{
    font-size: 15px;
}
.zoom button:hover{
    background-color: rgba(86, 61, 124, .1);
}

@media (max-width: 1050px) {
    #mens-mouvement-map svg{
        margin-top: 10%;
        margin-left: -15%;
        margin-bottom: 1%;
    }
}
@media (max-device-width: 1050px) {
    div.tooltip {
        display: none !important;
    }
}


@media (max-width: 990px) {
    #mens-mouvement-map svg{
        margin-top: 10%;
        margin-left: -15%;
        margin-bottom: -25%;
    }
}
@media (max-width: 760px) {
    .zoom {
        top: 0.8%;
        left: 80%;
    }
    .zoom button{
        width: 60%;
        height: 90%;
    }
    #mens-mouvement-map svg{
        margin-top: 20%;
        margin-left: -15%;
        margin-bottom: -25%;
    }
}
@media (max-width: 670px) {
    #mens-mouvement-map svg{
        margin-top: 20%;
        margin-left: -15%;
        margin-bottom: -45%;
    }
}
@media (max-width: 660px) {
    #mens-mouvement-map svg{
        margin-top: 20%;
        margin-left: -15%;
        margin-bottom: -45%;
    }
}
@media (max-width: 653px) {
    #mens-mouvement-map svg{
        margin-top: 20%;
        margin-left: -15%;
        margin-bottom: -50%;
    }
}
@media (max-width: 620px) {
    #scroll-table{
        overflow-x: auto;
    }
}
@media (max-width: 570px) {
    #mens-mouvement-map svg{
        margin-top: 20%;
        margin-left: -15%;
        margin-bottom: -80%;
    }
}
@media (max-width: 500px) {
    #mens-mouvement-map svg{
        margin-top: 20%;
        margin-left: -15%;
        margin-bottom: -100%;
    }
}
@media (max-width: 450px) {
    #mens-mouvement-map svg{
        margin-top: 0%;
        margin-left: -15%;
        margin-bottom: -125%;
    }
    .legende{
        position: relative;
    }
    .zoom button{
        width: 30%;
        height: 50%;
    }
}
@media (max-width: 430px) {
    #mens-mouvement-map svg{
        margin-top: 0%;
        margin-left: -15%;
        margin-bottom: -130%;
    }
    #mens-mouvement-dom svg{
        margin-bottom: -20%;
    }
}
@media (max-width: 410px) {
    #mens-mouvement-map svg{
        margin-top: 0%;
        margin-left: -15%;
        margin-bottom: -140%;
    }
}
@media (max-width: 400px) {
    #mens-mouvement-map svg{
        margin-top: 0%;
        margin-left: -15%;
        margin-bottom: -145%;
    }
}
@media (max-width: 390px) {
    #mens-mouvement-map svg{
        margin-top: 0%;
        margin-left: -15%;
        margin-bottom: -150%;
    }
}
@media (max-width: 380px) {
    #mens-mouvement-map svg{
        margin-top: 0%;
        margin-left: -15%;
        margin-bottom: -160%;
    }
    #mens-mouvement-dom svg{
        margin-bottom: -30%;
    }
}
@media (max-width: 355px) {
    #mens-mouvement-map svg{
        margin-top: 0%;
        margin-left: -15%;
        margin-bottom: -180%;
    }
    div.tooltip {
    }

}
@media (max-width: 340px) {
    #mens-mouvement-map svg{
        margin-top: 0%;
        margin-left: -15%;
        margin-bottom: -190%;
    }
    #mens-mouvement-dom svg{
        margin-bottom: -40%;
    }
}
@media (max-width: 320px) {
    #mens-mouvement-map svg{
        margin-top: 0%;
        margin-left: -15%;
        margin-bottom: -220%;
    }
    #mens-mouvement-dom svg{
        margin-bottom: -40%;
    }
}
@media (max-width: 300px) {
    #mens-mouvement-map svg{
        margin-top: 0%;
        margin-left: -15%;
        margin-bottom: -270%;
    }
}
@media (max-width: 290px) {
    #mens-mouvement-map svg{
        margin-top: 0%;
        margin-left: -15%;
        margin-bottom: -250%;
    }
    #mens-mouvement-dom svg{
        margin-bottom: -50%;
    }

}
@media (max-width: 280px) {
    #mens-mouvement-map svg{
        margin-top: 0%;
        margin-left: -15%;
        margin-bottom: -260%;
    }

}
@media (max-width: 275px) {
    #mens-mouvement-map svg{
        margin-top: 0%;
        margin-left: -15%;
        margin-bottom: -270%;
    }
    #mens-mouvement-dom svg{
        margin-bottom: -60%;
    }

}
@media (max-width: 260px) {
    #mens-mouvement-map svg{
        margin-top: 0%;
        margin-left: -15%;
        margin-bottom: -320%;
    }
    #mens-mouvement-dom svg{
        margin-bottom: -80%;
    }

}
@media (max-width: 250px) {
    #mens-mouvement-map svg{
        margin-top: 0%;
        margin-left: -15%;
        margin-bottom: -340%;
    }
    #mens-mouvement-dom svg{
        margin-bottom: -80%;
    }
    .zoom {
        left: 70%;
    }

}
@media (max-width: 240px) {
    #mens-mouvement-map svg{
        margin-top: 0%;
        margin-left: -15%;
        margin-bottom: -340%;
    }
    #mens-mouvement-dom svg{
        margin-bottom: -90%;
    }

}
@media (max-width: 237px) {
    #mens-mouvement-map svg{
        margin-top: 0%;
        margin-left: -15%;
        margin-bottom: -350%;
    }
    #mens-mouvement-dom svg{
        margin-bottom: -90%;
    }

}
@media (max-width: 230px) {
    #mens-mouvement-map svg{
        margin-top: 0%;
        margin-left: -15%;
        margin-bottom: -370%;
    }
    #mens-mouvement-dom svg{
        margin-bottom: -90%;
    }

}

@media (max-width: 220px) {
    #mens-mouvement-map svg{
        margin-top: 0%;
        margin-left: -15%;
        margin-bottom: -430%;
    }
    #mens-mouvement-dom svg{
        margin-bottom: -90%;
    }

}
@media (max-width: 216px) {
    #mens-mouvement-map svg{
        margin-top: 0%;
        margin-left: -15%;
        margin-bottom: -410%;
    }
    #mens-mouvement-dom svg{
        margin-bottom: -90%;
    }

}
@media (max-width: 210px) {
    #mens-mouvement-map svg{
        margin-top: 0%;
        margin-left: -15%;
        margin-bottom: -490%;
    }

    .zoom {
        left: 70%;
    }
    .zoom button{
        width: 20%;
        height: 30%;
    }
    #mens-mouvement-dom svg{
        margin-bottom: -120%;
    }
}
@media (max-width: 207px) {
    #mens-mouvement-map svg{
        margin-top: 0%;
        margin-left: -15%;
        margin-bottom: -440%;
    }

    .zoom {
        left: 70%;
    }
    .zoom button{
        width: 20%;
        height: 30%;
    }
    #mens-mouvement-dom svg{
        margin-bottom: -110%;
    }
}
@media (max-width: 200px) {
    #mens-mouvement-map svg{
        margin-top: 0%;
        margin-left: -15%;
        margin-bottom: -450%;
    }

    .zoom {
        left: 70%;
    }
    .zoom button{
        width: 20%;
        height: 30%;
    }
    #mens-mouvement-dom svg{
        margin-bottom: -120%;
    }
}
@media (max-width: 190px) {
    #mens-mouvement-map svg{
        margin-top: 0%;
        margin-left: -15%;
        margin-bottom: -590%;
    }

    .zoom {
        left: 70%;
    }
    .zoom button{
        width: 20%;
        height: 30%;
    }
    #mens-mouvement-dom svg{
        margin-bottom: -150%;
    }
}
@media (max-width: 185px) {
    #mens-mouvement-map svg{
        margin-top: 0%;
        margin-left: -15%;
        margin-bottom: -540%;
    }

    .zoom {
        left: 70%;
    }
    .zoom button{
        width: 20%;
        height: 30%;
    }
    #mens-mouvement-dom svg{
        margin-bottom: -130%;
    }
}
@media (max-width: 170px) {
    #mens-mouvement-map svg{
        margin-top: 0%;
        margin-left: -15%;
        margin-bottom: -680%;
    }

    .zoom {
        left: 60%;
    }
    .zoom button{
        width: 20%;
        height: 30%;
    }
    #mens-mouvement-dom svg{
        margin-bottom: -160%;
    }
}
@media (max-width: 145px) {
    #mens-mouvement-map svg{
        margin-top: 0%;
        margin-left: -15%;
        margin-bottom: -800%;
    }

    .zoom {
        left: 60%;
    }
    .zoom button{
        width: 20%;
        height: 30%;
    }
    #mens-mouvement-dom svg{
        margin-bottom: -200%;
    }
}
@media (max-width: 140px) {
    #mens-mouvement-map svg{
        margin-top: 0%;
        margin-left: -15%;
        margin-bottom: -850%;
    }

    .zoom {
        left: 65%;
    }
    .zoom button{
        width: 20%;
        height: 30%;
    }
    #mens-mouvement-dom svg{
        margin-bottom: -200%;
    }
}
@media (max-width: 110px) {
    #mens-mouvement-map svg{
        margin-top: 10%;
        margin-left: -15%;
        margin-bottom: -1400%;
    }

    .zoom {
        left: 65%;
    }
    .zoom button{
        width: 20%;
        height: 30%;
    }
    #mens-mouvement-dom svg{
        margin-bottom: -350%;
    }
}
@media (max-width: 100px) {
    #mens-mouvement-map svg{
        margin-top: 30%;
        margin-left: -15%;
        margin-bottom: -2000%;
    }

    .zoom {
        left: 65%;
    }
    .zoom button{
        width: 20%;
        height: 30%;
    }
    #mens-mouvement-dom svg{
        margin-bottom: -450%;
    }
}
.svg-container {
    display: inline-block;
    position: relative;
    width: 100%;
    vertical-align: top;
    overflow: hidden;
}
.svg-content-responsive {
    display: inline-block;
}