/* This selector will change if we replace the script module */
.script_cprdqus7,.script_8lirr9b5{
	left: unset!important;
	margin-left: unset!important;
	top: unset!important;
	width: 100%!important;
	height: fit-content!important;
}

.parent {
	display: grid;
	grid-template-columns: 1fr;
	grid-template-rows: repeat(5, 1fr);
	grid-column-gap: 0;
	grid-row-gap: 0;
	height: fit-content;
	padding-top: 15px;
}

.parent>div {
	display: flex;
	/* min-height: 180px; */
	height: 180px;
	margin-bottom: 15px;
	position: relative;
}
.div1 {margin-left: unset!important;}

.parent>div>a {
	width: 100%;
	display: flex;
}

.parent img {
	width: 100%;
	max-height: 100%;
	object-fit: cover;
}

.parent div .img_overlay {
	background: #000b;
	width: 100%;
	position: absolute;
	margin-left: unset;
	max-height: 100%;
	display: flex;
	opacity: 0;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	transition: opacity .3s ease;
}

.parent div:hover .img_overlay {
	opacity: 1;
}

.img_overlay .top-text {
	display: flex;
	flex-direction: column;
	align-items: center;
	top: 0px; /* 0 -> 15 */
	left: 0;
	width: 100%;
	text-align: center;
	font-size: 18px;
	color: white;
	font-family: 'Open Sans',"Helvetica Neue", Helvetica, Arial, sans-serif;
}

.parent div:hover .img_overlay .top-text {
	top: 15px;
}

.img_overlay .top-text .sub {
	color: #bebebe;
	transition: all 0.1s linear;
	font-size: 14px;
	font-family: 'Oswald', "Helvetica Neue", Helvetica, Arial, sans-serif;
	width: fit-content;
}

.img_overlay .top-text .sub:hover {
	color: #fff;
}

.img_overlay .center-text {
	/* position: absolute;
	transform: translate(-50%, -50%); */
	top: 40%; /* 40 -> 50 */
	left: 50%;
	text-align: center;
	font-size: 24px;
	color: white;
}

.parent div:hover .img_overlay .center-text {
	top: 50%;
}




.img_overlay {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	/* pointer-events: none; */
}



.img_overlay p {
	transition: all 0.3s linear;
}


/* --- Mobile par défaut: chaque div prend 1x1 --- */
.div1 { grid-column: 1 / 2; grid-row: 1 / 2; }
.div2 { grid-column: 1 / 2; grid-row: 2 / 3; }
.div3 { grid-column: 1 / 2; grid-row: 3 / 4; }
.div4 { grid-column: 1 / 2; grid-row: 4 / 5; }
.div5 { grid-column: 1 / 2; grid-row: 5 / 6; }

/* --- À partir de 980px: grille 2x8, div1 = 2x2 --- */
@media screen and (min-width: 768px) {

	.img_overlay .top-text {
		position: absolute;
	}
	.img_overlay .center-text {
		position: absolute;
		transform: translate(-50%, -50%);
	}


	.parent {
		grid-template-columns: repeat(2, 1fr);
		grid-template-rows: repeat(3, 1fr);
	}

	.parent>div {
		/* min-height: 250px; */
		height: 250px;
		margin-left: 18px;
	}

	.div1 { grid-column: 1 / 3; grid-row: 1 / 3; } /* 2x2 */
	.div2 { grid-column: 1 / 2; grid-row: 2 / 3; }
	.div3 { grid-column: 2 / 3; grid-row: 2 / 3; }
	.div4 { grid-column: 1 / 2; grid-row: 3 / 4; }
	.div5 { grid-column: 2 / 3; grid-row: 3 / 4; }
}

/* --- À partir de 1000px: grille 4x2 avec tes positions précises --- */
@media screen and (min-width: 1200px) {
	.parent {
		grid-template-columns: repeat(4, 1fr);
		grid-template-rows: repeat(2, 1fr);
	}

	.parent>div {
		/* min-height: 250px; */
		height: 250px;
	}

	.parent .div1 {
		height: 515px;
	}

	.div1 { grid-area: 1 / 1 / 3 / 3; } /* 2x2 */
	.div2 { grid-area: 1 / 3 / 2 / 4; }
	.div3 { grid-area: 1 / 4 / 2 / 5; }
	.div4 { grid-area: 2 / 3 / 3 / 4; }
	.div5 { grid-area: 2 / 4 / 3 / 5; }
}




section.splide {
	display: flex;
}

.splide__track {
	height: 100%!important;
}
.splide__slide {
	display: flex!important;
}

.splide__arrow {
	background: transparent!important;
	transition: all 0.3s linear;
	opacity: 0!important;
}

.splide:hover .splide__arrow {
	opacity: 1!important;
}

.splide__arrow svg {
	fill: rgba(255, 255, 255, .7)!important;
}


.splide__list {
    display: flex !important;
}