#menu {
margin-top:-45px;
float:left;
margin-left:auto;
margin-right:auto;
font-size:5px;
}

#menu-demo2, #menu-demo2 ul{
	padding:0;
	margin:0;
	list-style:none;
	text-align:center;
	}
	#menu-demo2 li{
	display:inline-block;
	position:relative;
	border-radius:8px 8px 0 0;
	}
	#menu-demo2 ul li{
	display:inherit;
	border-radius:0;
	}
	#menu-demo2 ul li:hover{
	border-radius:0;
	}
	#menu-demo2 ul li:last-child{
	border-radius:0 0 8px 8px;
	}
	#menu-demo2 ul{
	position:absolute;
	z-index: 1000;
	max-height:0;
	left: 0;
	right: 0;
	overflow:hidden;
	-moz-transition: .3s all .1s;
	-webkit-transition: .3s all .1s;
	transition: .3s all .1s;
	}
	#menu-demo2 li:hover ul{
	max-height:30em;
	}
	
	/* background des liens menus */
	#menu-demo2 li{
	background-color: #fff;
	background-image:-webkit-linear-gradient(top, black 0%, #9F391A 100%);
	background-image:linear-gradient(to bottom, black 0%, #9F391A 100%);
	}
	
	/* background des liens sous menus */
	#menu-demo2 li li{
	background:#9F391A;
	}
	
	/* background des liens menus et sous menus au survol */
	#menu-demo2 li li:hover{
	background:#65537A;
	}
	/* les a href */
	#menu-demo2 a{
	text-decoration:none;
	display:block;
	padding:8px 32px;
	color:#fff;
/*
	font-family:arial;
*/
	}
	#menu-demo2 ul a{
	padding:8px 0;
	}
	#menu-demo2 li:hover li a{
	color:#fff;
	text-transform:inherit;
	}
	#menu-demo2 li:hover a, #menu-demo2 li li:hover a{
	color:#fff;
	}