main {
	position:relative;
	background-color:var(--gris-fonce2);
}

.categories__images { position:relative; }

.categories__images picture+picture { opacity:0; }

.categories__images picture+picture {
	position:absolute;
	top:0;
	transition:opacity .2s ease;
}

.categories__images picture+picture:hover { opacity:1; }

.main_content menu {
	max-width:100vw;
	display:grid;
	grid-template-areas:"cat1 cat2 cat3 cat4 cat5 cat6 cat7 cat8"
	"cat9 cat10 cat11 cat12 cat13 cat14 cat15 cat16";
	grid-template-columns:repeat(8, 1fr);
	grid-template-rows:auto;
	height:fit-content;
	column-gap:0;
}

.main_content li {
	position:relative;
	height:fit-content;
}

.main_content li img {
	display:flex;
	width:calc(100vw/8);
	height:calc(100vw/8);
}

.main_content h2 {
	position:absolute;
	font-size:var(--categoryFontSize);
	font-weight:600;
	margin-top:10px;
	width:calc(100vw / 8);
	text-align:center;
	color:white;
	z-index:1;
}

/*		home center menu start		*/
	.main_content { position:relative !important; overflow:hidden; }
	.home-next-step {
		display:none;	/* display:flex; */
		align-items:center;
		flex-wrap:wrap;
		position:absolute !important;
		top:50%;
		left:50%;
		transform:translate(-50%,-50%);
		width:fit-content;
		height:fit-content;
		padding:20px;
		background:#eee;
		z-index:2;
		gap:10px;
	}

	.home-next-step .cat_pic { position:relative !important; overflow:hidden; padding:0; margin:0 0 -2px 0; }

	.home-next-step .cat_pic span {
		position:absolute;
		top:10px;
		left:10px;
		right:10px;
		padding:5px;
		margin:0 auto;
		font-size:16px;
		font-weight:600;
		color:#FFF;
		text-transform:uppercase;
		text-align:center;
		cursor:default;
	}

	.home-next-step .cat_pic img { border:2px solid #FFF; }

	.home-next-step ul { list-style-type:none; padding:0; margin:0; }

	.home-next-step ul li {
		margin:5px 0;
		padding:5px;
		line-height: 1.2; 
		text-transform:uppercase;
		font-size:16px;
		font-weight:600;
		color:#000;
	}

	.home-next-step ul li:hover {
		background-color:#9b202f;
		color:#FFF;
	}

	.home-next-step ul li a {
		color:inherit;
	}

/*		home center menu end		*/


@media screen and (max-width:1200px) {
	.main_content menu {
		grid-template-areas:"cat1 cat2 cat3 cat4"
			"cat5 cat6 cat7 cat8"
			"cat9 cat10 cat11 cat12"
			"cat13 cat14 cat15 cat16";
		grid-template-columns:repeat(4, 1fr);
	}

	.main_content menu li img {
		width:calc(100vw/4) !important;
		height:calc(100vw/4) !important;
	}

	.main_content li h2 {
		font-size:2vw;
		width:calc(100vw / 4);
	}
}

@media screen and (max-width:440px) {
	.main_content menu {
		grid-template-areas:"cat1 cat2 "
		"cat3 cat4"
		"cat5 cat6 "
		"cat7 cat8"
		"cat9 cat10 "
		"cat11 cat12"
		"cat13 cat14"
		" cat15 cat16";
		grid-template-columns:1fr 1fr;
	}

	.main_content menu li img {
		width:calc(100vw/2) !important;
		height:calc(100vw/2) !important;
	}

	.main_content li h2 {
		font-size:4vw;
		width:calc(100vw / 2);
	}
}