#sp-agenda {
	padding: 255px 0 0 0;
	position: relative;
	z-index: 2
}
#sp-agenda .evenement {
	display: inline-block;
	width: 22%;
	margin: 1%;
	vertical-align: top;
	border: 1px solid #e6edf7;
	height: 447px
}
#sp-agenda .evenement .img-full img {
	max-height: 198px
}
#sp-agenda .evenement:hover {
	border: 1px solid #ccd9eb
}
#sp-agenda .evenement .dateEvenement {
	color: var(--main);
	margin: 0;
	font-size: 13px;
	padding: 14px 0 7px 0
}
#sp-agenda.vendenheim .evenement .dateEvenement {
	color: var(--second)
}
#sp-agenda h2 {
	color: var(--main);
	font-size: 28px
}
#sp-agenda.vendenheim h2 {
	color: var(--second)
}

@media (max-width: 1500px) {
}

@media (max-width: 1200px) {
	#sp-agenda {
		padding: 180px 0 64px 0
	}
	#sp-agenda > .centrage {
		padding: 0 20px
	}
	#sp-agenda .evenement {
		padding: 0px 20px 30px 20px;
		width: 31%
	}
}

@media (max-width: 992px) {
	#sp-agenda .evenement {
		width: 47%
	}
}

@media (max-width: 768px) {
	#sp-agenda .evenement {
		width: 47%
	}
	#ariane {
		font-size: 12px
	}
}

@media (max-width: 576px) {
	#sp-agenda {
		padding: 135px 0 64px 0
	}
	#sp-agenda .evenement {
		padding: 0px 15px 30px 15px;
		height: auto;
		float: none;
		display: block;
		width: 100%;
		max-width: 320px;
		margin: 15px auto
	}
	#sp-agenda h2 {
		margin: 24px 0 24px 0;
		font-size: 20px;
		text-align: center;
		line-height: 110%
	}
}