#section-1 h2{
    margin-bottom: -15px;
}





#faq {
    padding: 0 50px
}


.cities_col a {
    background: #f5f5f5;
    padding: 10px 20px;
    font-size: 14px;
    text-decoration-style: dotted;

    border-radius: 10px;
    display: inline-block;
    color: #555;
    margin-bottom: 15px
}


.cities_col i {
    padding-right: 10px;
    font-size: 20px
}

.cities_col a:nth-child(odd) i {
    color: var(--principale);
}

.cities_col a:nth-child(even) i {
    color: var(--bleu);
}




._row {
    display: flex;
    width: 100%
}

.cities_col {

    flex-basis: 50%
}

.cities_col {padding:15px 20px}

.city p{margin-bottom:0px}

.list-ville-icon p{margin-bottom:15px}

.list-ville-icon   .city{
    border: 1px solid #eee;
    border-radius: 15px;
    margin-bottom: 20px;
}

._row ._col:last-child {
    display: none;
    width: 0px;
    flex-basis: 0%
}

#liste-ville .city:nth-child(odd) p.name>i {
    color: rgb(145, 25, 53);
}

#liste-ville .city:nth-child(even) p.name>i {
    color: rgb(58, 80, 137);
}

.gouttiere i {
    color: rgb(58, 80, 137) !important;
}

.facade i {
    color: rgb(145, 25, 53) !important
}

.toiture i {
    color: #777 !important
}

.habillage i {
    color: rgb(71, 167, 167) !important
}

.city {
    display: flex;
    flex-direction: column;
    padding: 10px 0;

    justify-content: center;
    align-items: center;
    margin-bottom: 0px;

}

._tooltip i {
    padding-right: 0px !important
}

._tooltip {

    display: inline;
    position: relative;
}

._tooltip:hover:after {
    background: #333;
    background: rgba(0, 0, 0, .8);
    border-radius: 5px;
    bottom: 26px;
    color: #fff;
    content: attr(title);
    left: 20%;
    padding: 5px 15px;
    position: absolute;
    z-index: 98;
    width: 220px;
}

._tooltip:hover:before {
    border: solid;
    border-color: #333 transparent;
    border-width: 6px 6px 0 6px;
    bottom: 20px;
    content: "";
    left: 50%;
    position: absolute;
    z-index: 99;
}


.other-activity{color:#fff}

.other-activity:hover{color: #fffd;}



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

    .cities_col {
        width: 100%;
        flex-basis: 100%
    }

    #liste-ville {
        flex-wrap: wrap
    }


}