/* Liste des actualites */
.liste-actualites{
    margin: 0 -15px;
}

.all-actualities{
	color: #E8430C;
}
.all-actualities.h2-like{
	margin-bottom: 25px;
	display: block;
}
.focus-all-actualities {
	margin-bottom: 5rem;
}
.date{
	color: #E8430C;
	font-size: 13px;
	font-style: italic;
	margin-bottom: 10px;
	display: block;
}
.focus-all-actualities .image-actu{
	width: 40%;
	position: relative;
	overflow: hidden;
}
.liste-actualites .image-actu{
	position: relative;
	overflow: hidden;
}
/* Animation du défilement */
@keyframes scrollToLeft {
	0% {
	  transform: translateX(0); /* Début de l'animation */
	}
	100% {
	  transform: translateX(-100%); /* Fin de l'animation */
	}
  }
/* Animation du défilement */
@keyframes scrollToRight {
	0% {
	  transform: translateX(-100%); /* Début de l'animation */
	}
	100% {
	  transform: translateX(0); /* Fin de l'animation */
	}
  }
/* Animation du défilement */
@keyframes scrollToTop {
	0% {
	  transform: translateY(100%); /* Début de l'animation */
	}
	100% {
	  transform: translateY(-0%); /* Fin de l'animation */
	}
  }
/* Animation du défilement */
@keyframes scrollToBottom {
	0% {
	  transform: translateY(-0%); /* Début de l'animation */
	}
	100% {
	  transform: translateY(100%); /* Fin de l'animation */
	}
  }
.focus-all-actualities .image-actu:hover::before,
.focus-all-actualities .image-actu:hover::after,
.liste-actualites .image-actu:hover::after,
.liste-actualites .image-actu:hover::before{
    height: 110%;

}
.focus-all-actualities .image-actu::before,
.focus-all-actualities .image-actu::after,
.liste-actualites .image-actu::before,
.liste-actualites .image-actu::after{
	content: '';
	display: inline;
	
	background-repeat: repeat;
	width: 100%;
    height: 0%;
	position: absolute;

    left: 0;
    right: 0;
    bottom: 0;
	transition: 1.15s;
	
}
.focus-all-actualities .image-actu:hover .read-more-svgIcon,
.liste-actualites .image-actu:hover .read-more-svgIcon{
	transition: 1s;
	top: 0;
	bottom: 0;
	/* opacity: 1; */
	animation: scrollToTop 1s linear;
}
.read-more-svgIcon{

	width: 100%;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
    color: #fff;
    text-transform: uppercase;
    font-size: 16px;
    z-index: 111;
    position: absolute;
    left: 0;
    right: 0;
	bottom: -100%;
	/* opacity: 0; */
    text-align: center;
	transition: 1s;
	/* height: 0; */
	animation: scrollToBottom 1s linear;
}
.read-more-svgIcon::before{
	content: '';
	display: block;
	width: 59px;
	height: 59px;
	margin-bottom: 20px;
	background-image: url(../../images/svg/element/more-icon.svg);
	transition: 1.15s;
}
.focus-all-actualities .image-actu::before,
.liste-actualites .image-actu::before{
	background-image: url(../../images/svg/element/svg-left.svg);
	animation: scrollToLeft 1.15s linear infinite;
}
.focus-all-actualities .image-actu::after,
.liste-actualites .image-actu::after{
	background-image: url(../../images/svg/element/svg-right.svg);
	/* animation: scrollToRight 1.15s linear infinite; */
}
.focus-all-actualities .image-actu .read-more-svg,
.liste-actualites .image-actu .read-more-svg{
	position: absolute;
	height: 0;
	bottom: 0;
	left: 0;
	right: 0;

}
.focus-all-actualities .image-actu:hover .read-more-svg,
.liste-actualites .image-actu:hover .read-more-svg{
    top: 0;
	height: 100%;
}
.focus-all-actualities .actu-inte{
	width: 60%;
	background: #F2F2F2;
	padding: 60px;
}
@media screen and (max-width: 767px), (max-device-width: 767px){
	.focus-all-actualities .image-actu,
	.focus-all-actualities .actu-inte{
		width: 100%;
	}
}

.cover img {
    object-fit: cover;
    font-family: 'object-fit: cover';
    height: 100%;
    width: 100%;
}
	.bloc-page-actu{
		display: inline-block;
		padding: 15px;
		vertical-align: top;
		width: calc(100% / 3);
	}
	.bloc-page-actu:nth-child(odd){
		
	}
	.bloc-page-actu:nth-child(even){
		
	}

		.image-actu{
			display: block;
		}
		.actu-inte{
			/* background: #eee; */
			padding: 15px 0;
		}
			.bloc-page-actu h2{
				color: #05374f;
				font-size: 16px;
				font-size: 1.6rem;
				margin: 0 0 10px;
				text-transform: none;
			}
				.bloc-page-actu h2 a{
					color: #05374f;
					font-size: 18px;
				}

			.bloc-page-actu p{

			}
			.bloc-page-actu p a /*.link-actu*/{
				display: block;
				font-size: 15px;
				font-size: 1.5rem;
				font-weight: 700;
				margin-top: 15px;
			}

.pager{
	margin: 50px 0 0;
	text-align: center;
}
	.pager a, .pager span{
		
		color: #3a3a38;
		display: inline-block;
		font-size: 16px;
		padding: 6px 10px;
		margin: 0 5px;
		vertical-align: top;

			-moz-transition: background 0.5s linear, color 0.5s linear;
			-webkit-transition: background 0.5s linear, color 0.5s linear;
		transition: background 0.5s linear, color 0.5s linear;
		width: 30px;
		height: 30px;
		line-height: 15px;
		border-radius: 50%;
	}
	.pager a:hover, .pager a:focus, .pager span.current{
		background: #E8430C;

		color: #fff;
		text-decoration: none;
	}

	.prev{

	}
	.page-numbers{

	}
	.current{

	}
	.next{

	}




/*-- Responsive --*/
@media screen and (max-width: 1024px), (max-device-width: 1024px){ /* Tablettes */
	

} /* Fin Tablettes : 768*1024 */


@media screen and (max-width: 767px), (max-device-width: 767px){ /* Mini-tablettes */
	

} /* Fin Mini-tablettes : 600*768 */


@media screen and (max-width: 599px), (max-device-width: 599px){ /* Mobiles */
	.bloc-page-actu{
		display: block;
		padding: 10px;
		width: 100%;
	}
		.image-actu-single{
			float: none;
			margin: 0 0 2% 0;
			max-width: 100%;
		}

} /* Fin Mobiles : 320*599 */



