.bottom_menu {
text-align: center;
display: grid;
grid-template-columns: 1fr 1fr 1fr 1fr;
width:100%;
margin-left:0px;
cursor:pointer;
background-color:transparent;
}


.bottom_menu li{

margin:0px;
font-size: 50px;
}



.bottom_menu.bottom_categorie {
	background: transparent;
	position: relative;  /* pour être la «racine» du sous-menu en absolute */
	
}

.bottom_menu.bottom_categorie ul {
	max-height: 0px;
	overflow: hidden;
	transition: 0;
	position: absolute;
	padding: 0px;
	margin: 0px;
	list-style: none;



}

.bottom_menu.bottom_categorie:hover ul {
	max-height: 50em;
	transition: 1s;

}

.bottom_menu h3,
.bottom_menu a {
	display: block;
	margin: 0;
	padding: .5em 1.5em;
	font-size: 1vw;
	color: white;
	background-color: transparent;
	text-decoration: none;
	box-sizing: border-box;
}

.bottom_menu.bottom_categorie:hover h3 {
	color: white;
	background-color: transparent;
text-decoration: underline;
}

.bottom_menu a:hover {
	color: white;
	background-color: transparent;
text-decoration: none;
}

@media only all and (max-width: 500px) {
.bottom_menu a {
	display: block;
	margin: 0;
	padding: 10px;
	font-size: 4vw;
	color: white;
	background-color: transparent;
	text-decoration: none;
	box-sizing: border-box;
	
}

.bottom_menu{

display :block;
font-size: 3vw;


}

}