/* UTF-8 à jamais */
.categorie_menu{
	display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-moz-flex;display:-webkit-flex;display:flex;
	-webkit-flex-flow:row wrap;-ms-flex-flow:row wrap;flex-flow:row wrap;
	-webkit-justify-content:center;-ms-justify-content:center;justify-content:center;
	gap:30px;
	margin-top:-60px;
	margin-bottom:80px;
	position:relative;
	z-index:2;
}
.categorie_menu li{
	width:338px;
  height:420px;
  border-radius:8px;
  background-color:#fdf8e7;
  position:relative;
  overflow:hidden;
}
.categorie_menu li a.principal{
	display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-moz-flex;display:-webkit-flex;display:flex;
	width:100%;
	height:100%;
	position:relative;
	text-decoration:none;
}
.categorie_menu li a.principal img{
	position:absolute;
	top:0;
	left:0;
}
.categorie_menu li a.principal .masque{
	position:absolute;
	bottom:0;
	left:0;
	width:100%;
	height:100px;
  background-image:linear-gradient(to bottom, rgba(0, 0, 0, 0) 26%, rgba(0, 0, 0, 0.8) 87%);
  transition:all 0.3s ease;-moz-transition:all 0.3s ease;-webkit-transition:all 0.3s ease;-o-transition:all 0.3s ease;
}
.categorie_menu li a.principal:hover .masque{
	height:100%;
	background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 26%, rgba(0, 0, 0, 0.7));
}
.categorie_menu li a.principal h2{
	position:absolute;
	bottom:28px;
	left:30px;
	width:calc(100% - 60px);
	font-family:"CabinetGrotesk-Extrabold";
	font-size:1.5em;
	line-height:1.5;
  letter-spacing:-0.16px;
  color:#fff;
  transition:all 0.3s ease;-moz-transition:all 0.3s ease;-webkit-transition:all 0.3s ease;-o-transition:all 0.3s ease;
}
.categorie_menu li a.principal:hover h2{
	bottom:80px;
}
.categorie_menu li a.principal svg{
	position:absolute;
	bottom:-40px;
	left:30px;
	transition:all 0.3s ease;-moz-transition:all 0.3s ease;-webkit-transition:all 0.3s ease;-o-transition:all 0.3s ease;
}
.categorie_menu li a.principal:hover svg{
	bottom:24px;
}