/* Some stylesheet reset */
ul.nav, .nav>li, .nav>li>a {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}

ul.nav {
	line-height: 1;
}

/* Basic layout & positioning */
.nav, .nav ul {
	
	/* Modifié pour azednay */
	
	position: left;
	display: block;
	list-style: none;
	margin: 0;
	padding: 0;
	width: 190px;
}

	/* The list elements containing the links */
	.nav li, .nav ul li {
		display: block;
		position: relative;
		padding: 0;
		margin: 0;
	}

	/* The navigation links */
	.nav>li>a {
		/* Layout */
		position: relative;
		display: block;
		
		/* Taille des cellules des tetes de rubriques */
		
		width: 220px;

		padding: 10px 10px 10px 15px;
		border-top: 1px solid #cfcfcf;
		border-left: 1px solid #cfcfcf;
		border-right: 1px solid #cfcfcf;

		/* Taille des titres du menu */
		font-family: Arial, Helvetica, sans-serif;
		font-weight: bold;
		font-size: 16px;
		text-decoration: none;
		color: #8e8e8e;
		text-shadow: 0 1px 0 #fff;

		/* Background & effects */
		background: #eeeeee; /* Background for old browsers */
		background: -webkit-linear-gradient(bottom, #eaeaea, #f4f4f4); /* Background for Chrome & Safari */
		background: -ms-linear-gradient(bottom, #eaeaea, #f4f4f4); /* Background for Internet Explorer 10 */
		background: -moz-linear-gradient(bottom, #eaeaea, #f4f4f4); /* Background for Firefox */
		background: -o-linear-gradient(bottom, #eaeaea, #f4f4f4); /* Background for Opera */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f4f4', endColorstr='#eaeaea',GradientType=0); /* Background for Internet Explorer 8-9 */
		box-shadow: inset 0 1px 0 #fff; /* Subtle white inner shadow */
	}

	/* The arrow indicating a dropdown menu */
	.dropdown>a::after {
		 content: "";
		 position: absolute;
		 top: 16px;
		 right: 10px;
		 width: 0px;
		 height: 0px;

		 /* Creating the triangle using borders */
		 border-top: 5px solid #b2b2b2;
		 border-left: 4px solid transparent;
		 border-right: 4px solid transparent;
		 border-bottom: 5px solid transparent;
		}

	/* The hover state of the links */
	.nav>li>a:hover, .nav>li:hover>a {
		background: #eeeeee;
		background: -webkit-linear-gradient(bottom, #f3f3f3, #ffffff);
		background: -ms-linear-gradient(bottom, #f3f3f3, #ffffff); 
		background: -moz-linear-gradient(bottom, #f3f3f3, #ffffff);
		background: -o-linear-gradient(bottom, #f3f3f3, #ffffff);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f3f3f3',GradientType=0);
	}

	/* Subtle drop shadow for the last navigation link */
	.nav>li:last-child>a {
		border-bottom: 1px solid #cfcfcf;
		box-shadow: inset 0px 1px 0px #fff,
					0px 1px 1px rgba(60, 60, 60, .1);
	}

	/* The dropdown list elements containing the sub-links */
	.nav ul li {
		position: absolute;
		height: 0px;
		top: -9999px;

		/* Creating the slide effect using transitions */
		-webkit-transition: height .3s ease-out;
		-ms-transition: height .3s ease-out;
		-moz-transition: height .3s ease-out;
		-o-transition: height .3s ease-out;
	}

	.nav li:hover li {
		/* Expanding the list elements */
		
		/* Hauteur des cellules */
		height: 50px;
		position: relative;
		top: auto;
	}

	/* The dropdown menu's links */
	.nav ul li a {
		/* Layout & positioning */
		position: relative;
		display: block;
		
		/* Taille des cellules horizontales des sous menus */
		
		width: 220px;
		padding: 8px 10px 8px 25px;
		border-top: 1px solid #e1e1e1;

		/* Text */
		font-family: Arial, Helvetica, sans-serif;
		font-weight: normal;
		font-size: 16px;
		text-decoration: none;
		border-left: 1px solid #cfcfcf;
		border-right: 1px solid #cfcfcf;
		background: white;
		color: #b7b7b7;
		
	}

	/* The hover state of the dropdown menu links */
	.nav ul li a:hover {
		color: #787878;
	}

	.nav .dropdown:hover li:first-child a {
		box-shadow: inset 0px 1px 1px rgba(0, 0, 0, .12);
		border-top: 1px solid #cfcfcf;
	}

	.nav li:last-child ul li:last-child a {
		border-bottom: 1px solid #cfcfcf;
		box-shadow: 0px 1px 1px rgba(60, 60, 60, .1);
	}