.carto-travaux .fil_ariane{
    margin: 38px 0 13px;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column-reverse;
    align-items: center;
}

.carto-travaux .ariane-form nav{
    padding-bottom: 13px;   
}

.carto-travaux .carto-logo img{
    width: auto;
    height: 200px;
    margin-bottom: 20px;
}

@media all and (min-width:767px){
    .carto-travaux .fil_ariane{
        flex-direction: row;
    }
    .carto-travaux .ariane-form{
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        flex-direction: column;
    }
    .carto-travaux .ariane-form nav{
        padding-bottom: 25px;   
    }
    .carto-travaux .carto-logo img{
        height: 150px;
        width: auto;
        margin-left: 20px;
        margin-bottom: 0;
    }
}

.form-commune{
    margin: 0rem 0 0rem;
}

#carto-select-form label{ 
    display: block;
}

.select2-container--default .select2-results__option--highlighted{
    background-color: #467e16!important;
}

#map-travaux{
    width: 100%;
    height: 530px;
}

#map-travaux .cluster-poi{
    border: 2px solid #467e16;
    background: #fff;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    font-size: 18px;
    color: #467e16;
    border-radius: 50%;
    font-family: 'Asap', Arial, sans-serif;
}

#map-travaux .leaflet-popup{
    margin-bottom: 30px;
}

#map-travaux .leaflet-popup .leaflet-popup-content-wrapper{
    border-radius: 6px;
}

#map-travaux .leaflet-popup .leaflet-popup-content{
    margin:25px 20px;
    color: #3e515a;
    font-family: 'Asap', Arial, sans-serif;
}


#map-travaux .leaflet-popup .infobulle-travaux .prestation{
    text-align: center;
    font-size: 16px;
    font-weight: 700;
    width: 100%;
    margin: 25px 0;
}

#map-travaux .leaflet-popup .infobulle-travaux .prestation span{
    background: #dbe040;
    padding:8px 10px;
}

#map-travaux .leaflet-popup .infobulle-travaux .titre{
    font-size: 16px;
    font-weight: 700;
    padding-bottom: 20px;
    margin-bottom: 20px;
    display: flex;
    flex-wrap: wrap;
    border-bottom: 1px solid rgba(0, 0, 0, .1);
}

#map-travaux .leaflet-popup .infobulle-travaux .titre span:first-child, #map-travaux .leaflet-popup .infobulle-travaux .dates span:first-child{
    margin-right: 8px;
}
#map-travaux .leaflet-popup .infobulle-travaux .titre span:last-child, #map-travaux .leaflet-popup .infobulle-travaux .dates span:last-child{
    width: calc(100% - 18px);
}

#map-travaux .leaflet-popup .infobulle-travaux .dates{
    font-size: 13px;
    font-weight: 600;
    display: flex;
    flex-wrap: wrap;
}

#map-travaux .leaflet-popup .infobulle-travaux .entreprise{
    font-size: 13px;
    font-weight: 600;
    margin: 15px 0 0 18px;
}

#map-travaux .leaflet-popup .infobulle-travaux .contenu p{
    font-size: 12px;
    font-weight: 500;
    padding-bottom: 0;
    margin: 15px 0 0;
}

#map-travaux .leaflet-popup .leaflet-popup-tip-container{
    display: none;
}

#map-travaux .leaflet-popup .leaflet-popup-close-button{
    left:50%;
    background-color: #3e515a;
    transform: translate(-50%, -50%);
    border-radius: 50%;
    width: 27px;
    height: 27px;
}
#map-travaux .leaflet-popup .leaflet-popup-close-button span{
    color:#fff;
    font-size: 20px;
}

#map-travaux .leaflet-control-zoom a{
    text-decoration: none;
}

.carto-travaux .legend {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: flex-end;
    text-align: center;
    padding: 30px 0;
    background-color: #f7f7f7;
}

.carto-travaux .legend .prestation .intitule{
    font-size: 16px;
    font-family: 'Asap', Arial, sans-serif;
    font-weight: 700;
    color: #3e515a;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.carto-travaux .legend .prestation .pictos{
    margin-top: 30px;
    padding-bottom: 20px;
    border-right: 2px solid rgba(0, 0, 0, .3);
}

.carto-travaux .legend .prestation:last-child .pictos{
    border-right: none;
}

.carto-travaux .legend .prestation .pictos .picto{
    padding:0 35px;
    background: linear-gradient(to top, #fff 75%, transparent 25%);
}

.carto-travaux .legend .prestation .pictos .picto div{
    font-size: 13px;
    font-weight: 400;
    padding-bottom: 10px;
}

.carto-travaux .legend .prestation .pictos .picto:last-child{
    margin-top: 20px;
}

.carto-travaux .legend .prestation:nth-child(2) .pictos .picto .colored{
    fill:#e8d600;
}
.carto-travaux .legend .prestation:last-child .pictos .picto .colored{
    fill:#3d505a;
}