.list-city {
    display: none;
}

.map__list li {
    list-style: none;
    padding: .4em;
}

.map {
    overflow: hidden;
    margin-bottom: 2.2rem;
}

.map__image {
    min-width: 400px;
    min-height: 200px;
    float: left;
    display: flex !important;
    flex-direction: row !important;
}

/*****************region A - Mirambeau************************/
.map__image .mirambeau {
    fill: #a4ced2;
    stroke: #fff;
    stroke-width: 1px;
    transition: fill 0.3s;
}

.map__image .is-active .mirambeau {
    fill: #00A758;
}

/*****************region B - Montendre************************/
.map__image .montendre {
    fill: #a4ced2;
    stroke: #fff;
    stroke-width: 1px;
    transition: fill 0.3s;
}

.map__image .is-active .montendre {
    fill: #F39200;
}

/*****************region C - Montlieu************************/
.map__image .montlieu {
    fill: #a4ced2;
    stroke: #fff;
    stroke-width: 1px;
    transition: fill 0.3s;
}

.map__image .is-active .montlieu {
    fill: #009CB9;
}

/*****************region D - Pons************************/
.map__image .pons {
    fill: #a4ced2;
    stroke: #fff;
    stroke-width: 1px;
    transition: fill 0.3s;
}

.map__image .is-active .pons {
    fill: #0071BB;
}

/*****************region E - St Aigulin************************/
.map__image .stAigulin {
    fill: #a4ced2;
    stroke: #fff;
    stroke-width: 1px;
    transition: fill 0.3s;
}

.map__image .is-active .stAigulin {
    fill: #EC615C;
}

/*****************region F - Jonzac - Archiac************************/
.map__image .jonzac {
    fill: #a4ced2;
    stroke: #fff;
    stroke-width: 1px;
    transition: fill 0.3s;
}

.map__image .is-active .jonzac {
    fill: #C44D86;
}

/**********************************************************************/

.map__list a {
    color: inherit;
    transition: color 0.3s;
    font-family: 'Montserrat', 'Tahoma', 'Calibri', sans-serif;
    text-decoration: none;
    color: #575757;
    font-weight: 300;
}

.map__list a.is-active {
    /*background-color: #a4ced2;*/
   /* padding: .5em;*/
    color: #F15906;
}

/******************************MEDIA QUERIES**************************/

@media only screen and (max-width: 1124px) {

    /* For mobile phones: */

    .map__list {
        width: 100%;
    }
}

@media only screen and (max-width: 1124px) {
    /* For mobile phones: */

    .map__image {
        min-width: 400px;
    }
}

@media only screen and (max-width: 660px) {
    /* For mobile phones: */

    .map__image {
        width: 100%;
        min-width: 100px;
        min-height: 200px;

    }
}

@media only screen and (max-width: 660px) {
    /* For mobile phones: */

    .map__list {
        display: none;
        margin-top: 1em;
    }
}

@media only screen and (max-width: 660px) {
    /* For mobile phones: */

    .list-city {
        display: inline;
    }
}