/* ----------------------------------------- */
/* PAGE ACTUS                                */
/* ----------------------------------------- */

.actus {
	display: flex;
	flex-direction: column;
	padding: 0 15px;
}

.actu {
	display: flex;
	width: 100%;
	margin-bottom: 20px;
	background-color: #fff;
	border-radius: 6px;
	box-shadow: 0 0 2px black;
	vertical-align: middle;
	color: #333;
}

.actu img {
	max-width: 450px;
	max-height: 100%;
	/*max-width: 100%;*/
	/*max-height: 220px;*/
	border-radius: 6px 0 0 6px;
	object-fit: cover;
}

.actu-texte {
	padding: 15px;
}

.actu-texte h5 {
	color: #333;
	font-weight: lighter;
	font-size: 0.75em;
	margin-bottom: 10px;
}

.actu-texte h3 {
	font-weight: bold;
	font-size: 1.2em;
	color: #1160ac;
	margin-bottom: 10px;
}

.actu-texte p {
	font-size: 0.95em;
	margin-bottom: 10px;
}

.actu-texte a {
	font-size: 0.9em;
	font-weight: bold;
	margin-bottom: 10px;
	color: #ee7526;
}

.pagination {
	display: flex;
	justify-content: center;
	margin-bottom: 25px;
}

.pagination li {
	margin: 0 5px;
}

.pagination a, .pagination span {
	display: inline-block;
	padding: 8px 14px;
	border-radius: 6px;
	/*border: 1px solid #ddd;*/
	background-color: #fff;
	color: #333;
	font-size: 14px;
	/*font-weight: bold;*/
	transition: all 0.3s ease;
}

.pagination a:hover {
	background-color: #3f7ebc;
}

.pagination .active {
	background-color: #1f294e;
	color: #fff;
	font-weight: bold;
	cursor: default;
}

.pagination .disabled {
	opacity: 0.5;
	pointer-events: none;
}


/* ---------------------------------- */
/* RESPONSIVE                         */
/* ---------------------------------- */

@media screen and (max-width: 1200px) {

}

@media screen and (max-width: 992px) {

}

@media screen and (max-width: 768px) {
	.actu {
		max-width: 100%;
		flex-direction: column;
	}

	.actu img {
		border-radius: 6px 6px 0 0;
		max-width: 100%;
		max-height: 220px;
	}
}

@media screen and (max-width: 576px) {
	
}