.map {
    overflow: hidden;
}
.map__image {
    width: 100%;
    position: relative;
}
.map__list .block-text-photo {
    display: flex;
    /*align-items: center;
    justify-content: center;*/
    flex-wrap: wrap;
}
.map__list .logo {
    float: left;
    padding: 5px;
}
.map__list .logo img {
    margin: unset !important;
    max-width: none !important;
    height: unset !important;
}
/*.map__list .block-photo {
    width: 45%;
    background-size: cover;
    margin: 5px;
}*/
/*.map__list .photo-clichy {
    background-image: url("/themes/default-bootstrap/img/custom/clichy-2.jpg");
}
.map__list .photo-lyon {
    background-image: url("/themes/default-bootstrap/img/custom/lyon.jpg");
}
.map__list .photo-annecy {
    background-image: url("/themes/default-bootstrap/img/custom/annecy.jpg");
}
.map__list .photo-toulouse {
    background-image: url("/themes/default-bootstrap/img/custom/toulouse.jpg");
}
.map__list .photo-montpellier {
    background-image: url("/themes/default-bootstrap/img/custom/montpellier2.jpg");
}*/
.map__list .photo {
    width: 100%;
    height: auto;
}
.map__list .text {
    float: left;
    padding: 15px;
    font-size: 14px;
    /*font-size: 1vw;*/
    font-family: Arial;
    /*width: 50%;*/
    width: 100%;
}
.map__list .text p {
    /*text-align: center !important;*/
    text-align: left !important;
    margin: 0 0 5px;
}
.map__list .text .bold {
    font-weight: 700;
}
.map__list p.title {
    text-transform: uppercase;
    font-weight: 700;
    color: #008281;
    text-align: center !important;
}
.map__list .map-btn {
    padding-top: 5px;
    text-align: center;
}
.map__list .map-btn a {
    padding: 7px 12px;
    font-size: 12px;
}
.map__list .popup {
     /*width: 60%;*/
     border: 2px solid #a22b24;
     position: absolute;
     opacity: 0;
     visibility: hidden;
     -webkit-transition: opacity 400ms, visibility 400ms;
     transition: opacity 400ms, visibility 400ms;
     background-color: white;
     border-radius: 5px;
 }
.map__list .popup:after {
    position: absolute;
    left: 40%;
    bottom: -14px;
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-top: 15px solid white;
    border-right: 10px solid transparent;
    content: " ";
}
.map__list .popup:before {
    position: absolute;
    left: 40%;
    bottom: -17px;
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-top: 15px solid #a22b24;
    border-right: 10px solid transparent;
    content: " ";
}
/*---------------------------------------- popup clichy*/
.map__list .popup-clichy {
    width: 60%;
    border: 2px solid #a22b24;
    position: absolute;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: opacity 400ms, visibility 400ms;
    transition: opacity 400ms, visibility 400ms;
    background-color: white;
    border-radius: 5px;
}
.map__list .popup-clichy:after {
    position: absolute;
    left: 40%;
    top: -14px;
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-bottom: 15px solid white;
    border-right: 10px solid transparent;
    content: " ";
}
.map__list .popup-clichy:before {
    position: absolute;
    left: 40%;
    top: -17px;
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-bottom: 15px solid #a22b24;
    border-right: 10px solid transparent;
    content: " ";
}
/*---------------------------------------------*/

.map__list .popup.annecy-popup:after,
.map__list .popup.annecy-popup:before {
    left: 72%;
}
.map__list .popup.lyon-popup:after,
.map__list .popup.lyon-popup:before {
    left: 68%;
}
.map__list .popup.clichy-popup:after,
.map__list .popup.clichy-popup:before {
    left: 29%;
}


/*-------------------------- position block over ville */

.map__list #list-annecy {
    top: 22%;
    right: 1%;
}
.map__list #list-lyon {
    top: 28%;
    right: 10%;
}
.map__list #list-toulouse {
    bottom: 17%;
    left: 25%;
}
.map__list #list-clichy {
    top: 27%;
    left: 30%;
}
.map__list #list-montpellier {
    bottom: 19%;
    right: 1%;
}
.map__list #list-brest {
    top: 4%;
    left: 2%;
}
.map__list #list-bordeaux {
    top: 40%;
    left: 15%;
}
.map__list #list-strasbourg {
    top: 0%;
    right: 0%;
}
.map__list #list-lyon.is-active,
.map__list #list-toulouse.is-active,
.map__list #list-clichy.is-active,
.map__list #list-montpellier.is-active,
.map__list #list-annecy.is-active,
.map__list #list-brest.is-active,
.map__list #list-bordeaux.is-active,
.map__list #list-strasbourg.is-active {
    /*display: flex;*/
    visibility: visible;
    opacity: 1
}
.map__list #list-annecy:hover,
.map__list #list-toulouse:hover,
.map__list #list-clichy:hover,
.map__list #list-montpellier:hover,
.map__list #list-lyon:hover,
.map__list #list-brest:hover,
.map__list #list-bordeaux:hover,
.map__list #list-strasbourg:hover {
    /*display: flex;*/
    cursor: default;
    visibility: visible;
    opacity: 1
}
.title-carte-agence {
    font-size: 18pt;
}
.column_carte_france .wpb_content_element {
    margin-bottom: 0;
}

/***************************************	MEDIA
****************************************/

/* Large desktops and laptops */
@media (min-width: 1200px) {
   .block-title-carte-agence {
       padding-top: 250px;
   }
    .column-text-carte {
        padding-top: 200px;
    }
}
/* Landscape tablets and medium desktops */
@media (min-width: 992px) and (max-width: 1199px) {
    .map__list .logo img {
        width: 30px;
    }
    .block-title-carte-agence {
        padding-top: 150px;
    }
    #row_carte_france .vc_col-sm-6 {
        width: 100%;
    }
}
/* Portrait tablets and small desktops */
@media (min-width: 768px) and (max-width: 991px) {

    .map__list .logo img {
        width: 25px;
    }
    .title-carte-agence {
        font-size: 15pt;
    }
    .map__list #list-lyon {
        top: 20%;
    }
}
/* Landscape phones and portrait tablets */
@media (max-width: 767px) {
    .map__list .logo img {
        width: 20px;
    }
    .map__list .text {
        padding: 3px;
        font-size: 13px;
    }
    .title-carte-agence {
        font-size: 13pt;
    }
    .map__list .block-photo {
        background-image: none;
    }
    .map__list .text {
        width: 100%;
    }
    .column-text-carte {
        padding-top: 10px;
    }
}
/* Portrait phones and smaller */
@media (max-width: 480px) {
    .map__list #list-montpellier {
        bottom: 22%;
    }
    .map__list #list-lyon {
        top: 0;
        right: 2%;
    }
    .map__list #list-annecy {
        top: 2%;
    }
    .map__list .popup.clichy-popup:after,
    .map__list .popup.clichy-popup:before {
        left: 17%;
    }
}

/*!*-------------------------- style carte*/

/*
.st2{font-family: Arial;}
.st11{font-size: 6px;}
.st3{font-size:20px;}
.st0{fill:#FFFFFF;}
.st1{fill:#73888E;}
.st4{fill:#92DDDA;}
.st5{fill:#2C8080;}
.st6{fill:#50B2AF;}
.st7{fill:#9FB0B7;}
.st9{fill:#DAE3E5;}
.st12{fill:#afcace;}
.st13{fill:#57b2a9;}
.st14{fill:#dae3e5;}
.transparent{fill: rgba(255, 0, 0, 0);}
*/

.st2{font-family: Arial;}
.st11{font-size: 6px;}
.st3{font-size:20px;}
.st0{fill:#FFFFFF;}
.st1{fill:#73888E;}  /* Clichy*/
.st4{fill: #c9e5e3;}  /* Toulouse*/
.st5{fill:#afcace;}  /* Annecy*/
.st6{fill:#50B2AF;}  /* Lyon*/
.st7{fill:#9FB0B7;}  /* Montpellier*/
.st12{fill:#92DDDA;}  /* Bordeaux*/
.st13{fill:#57b2a9;}  /* Brest*/
.st14{fill:#2C8080;}  /* Strasbourg*/
.transparent{fill: rgba(255, 0, 0, 0);}



/*------------------------------ fontawesome */


.map__list i {
    font-size: 17px;
    color: #008281;
}
/*.map__list  span.bold::before {
    content: "\f054";
    font-family: 'Fontawesome';
    margin-right: 6px;
}*/