/* ***CSS BEGIN*** menu_mod1 (Ne pas modifier cette ligne) */
/* CSS Document */

/********************************************************
 * Designed by Chami webmaster@chami.eu
 *
 ****************** Template : menu_mod1 ********************/

.menu_mod1 {
	background-color: green;
	display: flex;
}

.navH .menu_mod1 {
	flex-direction: row;
}

.navV .menu_mod1 {
	flex-direction: column;
	width: 100%;
}

.menu_mod1 ul {
	margin: 0 auto;
	background-color: #c4001a;
	text-align: center;
	font-size: 105%;
	width: 100%;
}

.navV .menu_mod1 ul {
	text-align: left;
}

.menu_mod1 ul li {
	list-style: none;								/* pas de puce */
	margin: 0.47em 2%;
	text-decoration: none;
	transition: background-color linear .7s;
}

.navH .menu_mod1 ul {
	display: flex;
}
.navV .menu_mod1:first-child {
	margin-top: 3em;
}

.navH .menu_mod1 ul li {
	flex: auto;
}

.menu_mod1 ul li:hover {
	background-color: white;
	transition: background-color linear .7s;
	font-size: 125%;
	text-align: right;
}

.navV .menu_mod1 ul li {
	margin: .15em .7em;
	display: block;
	flex: 1 1 100%;
}

.menu_mod1 ul > li > a {				/* les 'li' qui ont pour parent nav.menu_mod1 */
	color: white;
}

.menu_mod1 ul > li:hover > a {				/* les 'li' qui ont pour parent nav.menu_mod1 */
	color: #c4001a;
}
/* ***CSS END*** (Ne pas modifier cette ligne) */