body {

    font-family: Calibri,Candara,Segoe,"Segoe UI",Optima,Arial,sans-serif;
}

.mapContainer {
    position: relative;
    overflow: visible;
    z-index: 999;
}

.franceBackground, .region {
    width: 377px; /* resize all here */
}

.region {
    position: absolute;
    top: 0;
    left: 16px;
    opacity: 0;
	margin-left:-10px;
}

.textSection {
    opacity: 0;
    color: #FFFFFF;
    position: absolute;
    top: 6.5%;
    left: 85.6%;
    margin-right: -100%;
    font-weight: bold;
}

.lastDot {
    margin-right: 5px;
}

.miniImageFrame, .miniImage {
    width: 64px;
    position: absolute;
    top: -50%;
    left: 100%;
}

.miniImage {
    width: 60px;
    top: -45.55556%;
}

.pointer {
    z-index: 2;
    position: absolute;
    cursor: pointer;
    opacity: 0.5;
    width: 10.61007957559682%;
}

#North {
    left: 50%;
    top: 1%;
}

#NorthEast {
    left: 73.4%;
    top: 20.5%;
}

#SouthEast {
    left: 73.3%;
    top: 59.5%;
}

#SouthWest {
    left: 34%;
    top: 66%;
}

#NorthWest {
    left: 24.5%;
    top: 24.8%;
}

#Paris {
    left: 51%;
    top: 14%;
}

#Central {
    left: 47.5%;
    top: 38.5%;
}