#actualites{
	.grid-actus{
		display: grid;
		grid-template-columns: repeat(4, 1fr);
		gap: 20px;
	}
	figure{
		margin: 0;
		width: 100%;
		aspect-ratio: 1;
		overflow: hidden;
		
		position: relative;
		transition: all 0.3s ease;
		img{
			width: 100%;
			aspect-ratio: 1;
			object-fit: cover;
			filter: brightness(0.7);
			transition: all 0.3s ease;
		}
		.actu-text{
			position: absolute;
			bottom: 15px;
			right: 15px;
			left: 15px;
			max-height: 6em;
			transform: translateY(0);
			transition: all 0.3s ease;
			display: flex;
			flex-direction: column;
			justify-content: end;
		}
		figcaption{
			max-height: 3em;
			overflow: hidden;
			color: white !important;
			text-decoration: none;
			font-size: 1.7em;
			font-variation-settings: "slnt" 0, "wdth" 100, "wght" 900;
			vertical-align: bottom;
		}
		p.actu-date{
			margin: 0;
			color: white !important;
			text-decoration: none;
			font-size: 1em;
			font-variation-settings: "slnt" 0, "wdth" 100, "wght" 200;
			vertical-align: bottom;
			overflow: hidden;
		}
		&:hover{
			img{
				filter: brightness(1);
			}
			.actu-text{
				transform: translateY(200%);
			}
		}
	}
}

/* Media queries pour les actus */

	@media (max-width: 900px) {
		.grid-actus{
			grid-template-columns: 1fr 1fr !important;
		}
	}

	@media (max-width: 700px) {
		.grid-actus{
			grid-template-columns: 1fr !important;
		}
	}

/*  */