h3 {
	font-size: 25px;
	font-family: roman, 'times new roman', times, serif;
}

a {
	font-size: 18px;
	font-family: roman, 'times new roman', times, serif;
}

/* ___________________________________Définition des classes pour le menu__________________________________ */

.menu {
	text-align: center;
	width: 100%;
	display: flex;
}

.menu .categorie {
   flex: 1;
	background: none;
	position: relative;  /* pour être la «racine» du sous-menu en absolute */
}

.menu .categorie ul {
	max-height: 0;
	overflow: hidden;
	transition: 0;
	position: absolute;
	padding: 0px;
	margin: 0px;
	list-style: none;
	width: 100%;  /* pour avoir la même largeur que la «racine» */
}

.menu .categorie:hover ul {
	max-height: 50em;
	transition: 1s;
}

.menu h3,
.menu a {
	display: block;
	margin: 8px;
	padding: 0.3em 0.6em;
	color: white;
	background-color: #2f561f;
	font-weight:bold;
	border-radius: 5px;
  /* text-shadow: 0px 2px 2px rgba( 255, 255, 255, 1);*/
   box-shadow: 0 0 5px rgba( 0, 0, 0, 0.5), 
			0 -1px 0 rgba( 255, 255, 255, 0.4);
	text-decoration: none;
	border-radius: 10px;
	box-sizing: content-box;
}

.menu .categorie:hover h3 {
	color: #fff; 
 background: #2f561f; 
 background: linear-gradient( #84c76a, #fff);
}

.menu a:hover {
	color: #fff; 
 background: #2f561f; 
 background: linear-gradient( #84c76a, #fff);
}