.latest-posts{
	background-color: var(--perle-mid);
}

.latest-posts.container{
	padding: 40px 0 30px 0px;
	display: flex;
	flex-direction: column;
	gap: 16px;
	overflow: hidden;
}

.latest-posts .mot-background{
	position: absolute;
	left: 50%;
	transform: translateX(calc(-50%));
	top: -5px;
	z-index: 1;
	width: 81.6%;
	display: flex;
	justify-content: space-between;
}

.latest-posts .mot-background span{
	font-family: 'Cormorant Garamond';
	font-style: normal;
	font-weight: 400;
	font-size: 52px;
	line-height: 106%;
	text-align: center;
	text-transform: uppercase;
	color: #fff;
	user-select: none;      /* Standard */
	-webkit-user-select: none; /* Safari */
	-moz-user-select: none;    /* Firefox */
	-ms-user-select: none;     /* Internet Explorer/Edge ancien */
}

.latest-posts .container-latest-posts{
	z-index: 2;
	margin-left: 16px;
	overflow: hidden;
}

.latest-posts .container-latest-posts .slick-list{
	display: flex;
	padding: 0 67px 0 0;
}

.latest-posts .container-latest-posts .slick-track {
	display: flex;
}

.latest-posts .container-latest-posts .slick-track .slick-slide{
	display: flex;
	margin: 0 16px 0 0;
}

.latest-posts .container-latest-posts .slick-track .slick-slide > div{
	display: flex;
}

.latest-posts .container-latest-posts .slick-track .slick-slide article{
	background: #FFF;
	padding: 20px;
	display: flex !important;
}

.latest-posts .container-latest-posts .slick-track .slick-slide article a{
	padding: 15px 20px 20px 20px;
	display: flex;
	flex-direction: column;
	gap: 15px;
	justify-content: center;
	align-items: center;
	border: 0.71px solid var(--perle-mid);
	text-decoration: none;
	cursor: pointer;
}

.latest-posts .container-latest-posts .slick-track .slick-slide article a:hover img{
	transition: all 0.3s ease;
	transform: scale(1.05);
}

.latest-posts .container-latest-posts .slick-track .slick-slide article a figure{
	overflow: hidden;
	display: flex;
}

.latest-posts .container-latest-posts .slick-track .slick-slide article a figure img{
	aspect-ratio: 196 / 212;
	max-height: 212px;
	display: flex;
	object-fit: cover;
	transition: all 0.3s ease;
}

.latest-posts .container-latest-posts .slick-track .slick-slide article a:hover svg{
	transition: all 0.3s ease;
	transform: scale(1.2);
}
/*
.latest-posts .container-latest-posts .slick-track .slick-slide article a:hover h3{
	font-weight: bold;
}
*/

.latest-posts .container-latest-posts .slick-track .slick-slide article a svg{
	transition: all 0.3s ease;
}

.latest-posts .container-latest-posts .slick-track .slick-slide article a h3{
	font-family: 'Lora';
	font-weight: 400;
	font-size: 17px;
	line-height: 120%;
	text-align: center;
	color: var(--canard-mid);
	transition: all 0.3s ease;
}
/*
.latest-posts .container-latest-posts .slick-track .slick-slide article a:hover h3{
	scale: 1.05;
	transition: all 0.3s ease;
}
*/
.latest-posts .navigation{
	display: flex;
	margin: unset;
	justify-content: flex-end;
}

.latest-posts .navigation .prev,
.latest-posts .navigation .next{
	padding: 10px;
	display: flex;
	border: 0.72px solid var(--bleu-hague-mid);
	cursor: pointer;
	transition: all 0.3s ease;
}

.latest-posts .navigation .prev.slick-hidden,
.latest-posts .navigation .next.slick-hidden{
	display: none;
}

.latest-posts .navigation .prev:hover,
.latest-posts .navigation .next:hover{
	background-color: var(--bleu-hague-mid);
	transition: all 0.3s ease;
}

.latest-posts .navigation .prev:hover svg path,
.latest-posts .navigation .next:hover svg path{
	fill: var(--perle-mid);
	transition: all 0.3s ease;
}

.latest-posts .navigation .prev svg path,
.latest-posts .navigation .next svg path{
	transition: all 0.3s ease;
}

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

	.latest-posts .mot-background{
		top: -43px;
		max-width: 1657px;
	}

	.latest-posts .mot-background span{
		font-size: 200px;
	}

	.latest-posts.container{
		padding: 100px 0;
		gap: 30px;
	}

	.latest-posts .container-latest-posts{
		margin-left: 120px;
	}

	.latest-posts .container-latest-posts .slick-track .slick-slide article a{
		padding: 20px;
	}

	.latest-posts .container-latest-posts .slick-track .slick-slide article a figure img{
		max-height: 307px;
		aspect-ratio: 1/1;
	}

	.latest-posts .container-latest-posts .slick-track .slick-slide article a h3{
		font-size: 20px;
	}

	.latest-posts .container-latest-posts .slick-track .slick-slide article a svg{
		width: 16px;
		height: 16px;
	}

	.latest-posts .container-latest-posts .slick-track .slick-slide{
		margin: 0 20px 0 0;
	}

	.latest-posts .container-latest-posts .slick-track .slick-slide article a h3{
		max-width: 307px;
	}

	.latest-posts .container-latest-posts .slick-list{
		padding: 0 95px 0 0;
	}

	.latest-posts .navigation .prev svg,
	.latest-posts .navigation .next svg{
		width: 15px;
		height: 15px;
	}

	.latest-posts .navigation .prev,
	.latest-posts .navigation .next{
		padding: 12.5px;
	}
}