/******************************************************************************
	AFFICHAGE DEPARTEMENTS / VILLES
*******************************************************************************/
#ville.section-padding-sm {
	padding:40px 0 0;
}
#ville,
.footer-widget {
	background-color:#222;
}
.footer-widget {
	padding:0 15px 20px;
}
#ville h2 {
	color:#fff;
}

ul.ville li{
	display:block;
	line-height:26px;
	letter-spacing:-0.5px
}
ul.ville li {
	font-size:15px;
}

.ville > li > a {
	line-height:1.5!important;
	display:inline-block;
}
.ville > li > a,
.ville > li > a:visited {
	color:#FFFFFF;
	font-size:15px;
}
.ville > li > a:hover {
	color:#888833;
}



ul.departement,
ul.ville {
    -webkit-column-count: 4; /* Chrome, Safari, Opera */
    -moz-column-count: 4; /* Firefox */
    column-count: 4;
}

@media (max-width: 1199px) {
	ul.ville {
	-webkit-column-count:3;
	-moz-column-count:3;
	column-count:3;
	}
	
	.ville li {
	font-size:18px;
	line-height:30px;
	}
}

@media (max-width: 991px) {
	ul.ville {
	-webkit-column-count:2;
	-moz-column-count:2;
	column-count:2;
	}
}

@media (max-width: 767px) {
	ul.ville li {
	font-size:18px;
	line-height:30px;
	}
}
@media (max-width: 576px) {
	ul.ville {
	-webkit-column-count:1;
	-moz-column-count:1;
	column-count:1;
	}
}

/******************************************************************************
	AFFICHAGE DEPARTEMENTS / VILLES / noir
*******************************************************************************/
#ville1.section-padding-sm {
	padding:40px 0 0;
}
#ville1,
.footer-widget {
	background-color:#222;
}
.footer-widget {
	padding:0 15px 20px;
}
#ville1 h2 {
	color:#000;
}

ul.ville1 li{
	display:block;
	line-height:26px;
	letter-spacing:-1.5px
}
ul.ville1 li {
	font-size:18px;
}

.ville1 > li > a {
	line-height:2.5!important;
	display:inline-block;
}
.ville1 > li > a,
.ville1 > li > a:visited {
	color:#000000;
	font-size:18px;
}
.ville1 > li > a:hover {
	color:#888833;
}



ul.departement,
ul.ville1 {
    -webkit-column-count: 4; /* Chrome, Safari, Opera */
    -moz-column-count: 4; /* Firefox */
    column-count: 4;
}

@media (max-width: 1199px) {
	ul.ville1 {
	-webkit-column-count:3;
	-moz-column-count:3;
	column-count:3;
	}
	
	.ville1 li {
	font-size:18px;
	line-height:30px;
	}
}

@media (max-width: 991px) {
	ul.ville1 {
	-webkit-column-count:2;
	-moz-column-count:2;
	column-count:2;
	}
}

@media (max-width: 767px) {
	ul.ville1 li {
	font-size:18px;
	line-height:30px;
	}
}
@media (max-width: 576px) {
	ul.ville1 {
	-webkit-column-count:1;
	-moz-column-count:1;
	column-count:1;
	}
}