﻿<style type="text/css">
html {height: 100%; margin: 0px; padding: 0px; background-color: #414141;}
body {width: 90%; max-width:1280px; margin: 45px auto 0 auto; padding: 0px; background-color: #414141;}

.menu-v {
	margin: 0 10% 0 10%;
	padding: 0;
	font-family: "Comic Sans MS";
	font-weight: bold;
	font-size: 15px;
}

/*	Menu	*/
.nav-v {
	margin: 0;
	padding: 0;
	list-style: none;
}

.nav-v-li {
	margin-bottom: 2px;
	line-height: 28px;
	border-radius: 4px 4px 4px 4px;
/*position: relative;*/
	background-image: radial-gradient( #DB0B32 30%, #B22222 100%);
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#B22222, endColorstr=#DB0B32)";
}

.nav-v-li-a {
	display: block;
	padding: 0 0 0 10%;
	text-decoration: none;
	color: #ffffff;
}

.nav-v-li-a:focus,
.nav-v-li-a:hover {
	color: orange;
	background-color: #9932CC;
	text-decoration: underline;
	transition: all .8s ease-in;
	border-radius: 4px 4px 4px 4px;
}

/*	Sous Menu	*/
.nav-v-sub {
	background-color: #9932CC;
}

.nav-v-sub-li {
	border-radius: 0;
	background-color: #DC143C;
	margin-top: 1px;
}

.nav-v-sub-li-a {
	position: absolute;
	left: -10000px;
	display: block;
	padding: 0 0 0 15%;
	max-height: 24px;
	font-size: small;
	color: #ffffff;
	text-decoration: none;
}

.nav-v-sub-li-a:focus,
.nav-v-sub-li-a:hover {
	color: orange;
	background-color: #BA55D3;
	text-decoration: underline;
	transition: all .8s ease-in;
}

/*	Menus communs	*/
.nav-v-sub:last-child,
.nav-v-sub-li:last-child,
.nav-v-sub-li-a:last-child {
	border-radius: 0 0 4px 4px;
}

/*.nav-v-sub-li a:focus,*/
.nav-v-li a:focus + .nav-v-sub a,
.nav-v-sub:hover .nav-v-sub-li a {
	position: static;
	left: auto;
	width: auto;
	height: auto;
	overflow: visible;
}

</style>