.categorie_liste {
	width: 75%;
	margin: 15px auto;
	padding: 20px;;
	font-size: 1em
}
#categorie_liste_wrapper .categorie_liste:not(:hover )  {
	border-top: 5px solid var(--color_3);
	border-bottom: 5px solid var(--color_3);
	transition: all .3s ease-out
}
#categorie_liste_wrapper .categorie_liste:hover  {
	border-top: 5px solid var(--color_2);
	border-bottom: 5px solid var(--color_2);
	transition: all .3s ease-in
}
.categorie_liste .categorie_nom { font-size: 1.6em }
.categorie_liste .categorie_nom a { text-decoration: none }
#slider_news_wrapper {
	clear: left;
	width: auto;
	height: auto;
	margin: 0;
	padding: 0
}
#slider_news_wrapper img { display: block }
#slider_news ul, #slider_news li {
	position: relative;
	display: block;
	margin: 0;
	padding: 0;
	list-style: none
}
#slider_news li { display: none }
#slider_news li:first-child { display: block }
#slider_news, #slider_news li { overflow: hidden }
#slider_news, #slider_news img { width: 100% }
#fancybox_news_wrapper {
	display: flex;
    display: -webkit-flex;
    display: -ms-flex;
    flex-direction: row;
	-webkit-flex-direction: row;
	-ms-flex-direction: row;
	justify-content: center;
	flex-wrap: wrap;
	max-width: 1800px;
	margin: auto
}
#fancybox_news_wrapper span {
	display: flex;
	flex-direction: column;
	justify-content: center;
	margin: 15px;
	text-align: center
}
#fancybox_news_wrapper img {
	width: 100%;
	margin: 20px 0
}
@media all and (min-width:650px) {
	#fancybox_news_wrapper img { width: auto }
}
@media all and (min-width: 980px) {
	#categorie_liste_wrapper {
		display: flex;
		display: -webkit-flex;
		display: -ms-flex;
		flex-direction: row;
		-webkit-flex-direction: row;
		justify-content: space-around;
		-webkit-justify-content: space-around;
		max-width: 1500px;
		margin: auto;
	}
	.categorie_liste { width: 40% }
	#categorie_liste_wrapper .categorie_liste { margin: 20px }
}