.zoneRecherche{margin:0}
.destination{float:left; margin-right:3px}
.destination a:after {content:","}
.destination:last-child a:after {content:""}

.dRechercher{float:left; padding:0; width:100%; text-align:center}
.dRechercher .zoneRechercheAccueil{float:left; padding:16px 30px; background-color:rgba(35,74,113,0.6)}
.dRechercher .legende_1 {float:left; width:100%; color:rgb(35,74,113); font-size:15px; line-height:25px; font-family:Roboto; text-align:left}
.dRechercher .question{float:left; width:100%; color:white; font-size:25px; font-weight:bold; text-transform:uppercase; line-height:30px}
.saisie {float:left; width:100%; margin-top:10px}
.saisie input[type=text]{padding:0 40px; width:100%; background:#ffffff url("/static/photo_site/loupe.png") 0 0 no-repeat; border:1px solid lightgrey; height: 40px;}

/* Page a cot� de chez soi */
#aCoteDeChezSoi .blocRecherche {
    width: 100%
}
#aCoteDeChezSoi .cliquerSurUnLieu {
    margin-top: 10px;
}
#aCoteDeChezSoi .Pub1 {
    width: 100%;
    margin-top: 10px
}
.ville {
    width: 50%
}
.departement {
    width: 50%
}

.liste__commune {
    margin-top: 24px;
    z-index: 2;
    position: relative
}

.liste__commune--header {
    float: left;
    width: 100%;
    padding-bottom: 0;
}

.liste__commune--header h2 {
    font-size: 26px;
    margin-top: 20px;
    margin-bottom: 30px;
    text-align: center;
    color: #2e4770;
}

.liste__departement {
    width: 100%;
    margin: 24px 0;
    margin-bottom: 50px;
    float: left;
}

.liste__departement ul {
    list-style-type: none;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 12px;
}

.departement,
.ville {
    color: #6d6d6d;
    line-height: 25px;
    font-size: 15px;
    text-decoration: none;
    box-sizing: border-box;
    transition: 0.15s all ease;
    width: 100%;
}

.departement a:hover,
.ville a:hover {
    color: #2e4770;
}

@media screen and (max-width: 991px) {
    .liste__departement ul {
        grid-template-columns: repeat(2, 1fr);
    }
}

.liste__departement {
    width: 100%;
    margin-left: 0;
}

.liste__departement ul {
    margin: 0;
    padding: 0
}

@media screen and (max-width: 768px) {
    .liste__departement ul {
        grid-template-columns: repeat(2, 1fr);
    }
    .departement,
    .ville {
        font-size: 13px;
    }
}