.menu {
	text-align: left;
}
.menu .categorie {
    display: inline-block;
    vertical-align: top;
    background: lightblue;
    font-size: xx-large;
    line-height: 2.8em;
    font-weight: bold;
}

.menu .categorie ul {
	display: none;
	position: absolute;
	padding: 0;
	margin: 0;
	list-style: none;
}

.menu .categorie:hover ul {
	display: block;
}

.menu h1,
.menu a {
	display: block;
	margin: 0;
	padding: .5em 1em;
	font-size: xx-large;
	line-height: 1.2em;
	color: black;
	background-color: lightblue;
	text-decoration: none;
	box-sizing: border-box;
	width: 20em;
}

.menu .categorie:hover h1 {
	color: white;
	background-color: steelblue;
}

.menu a:hover {
	color: white;
	background-color: skyblue;
}