@font-face {
    font-family: 'nexa_lightregular';
    src: url('polices/nexa_light.eot');
    src: url('polices/nexa_light.eot#iefix') format('embedded-opentype'),
         url('polices/nexa_light.woff') format('woff2'),
         url('polices/nexa_light.woff') format('woff'),
         url('polices/nexa_light.ttf') format('truetype'),
         url('polices/nexa_light.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}
    
@font-face {
    font-family: 'SnellRoundHand';
    src: url('polices/snellroundhand.ttf') format('truetype'), url('polices/snellroundhand.eot') format('eot'), url('polices/snellroundhand.otf') format('otf');
}
/* Chrome, Safari, Opera */
@-webkit-keyframes myfirst {
    from {
		text-shadow: 0px 0px 0px white;
	}
    to {
		text-shadow: 0px 0px 20px white;
	}
}
/* Standard syntax */
@keyframes myfirst {
    from {
		text-shadow: 0px 0px 0px white;
	}
    to {
		text-shadow: 0px 0px 20px white;
	}
}
body{
	background-color: black;
}
#menu {
	background: transparent url("http://villadiyafa.com/pc/css/fond.png") repeat-x;
	position: relative;
	font-family: 'nexa_lightregular';
	height: 90px;
	width: 900px;
	margin: auto;
	border: 0px solid white;
}
#menu ul {
	margin: 0;
	padding: 0;
	list-style: none;
	font-size: 0;
	text-align: center;
}
#menu li {
	font-size: 22px;
	display: inline-block;
	border: 0px solid white;
	font-family: 'nexa_lightregular';
}
#menu a {
	display: block;
	width: 150px;
	line-height: 30px;
	height: 32px;
	color: white;
	text-decoration: none;
	text-shadow: 0px 0px 0px white;
}
#menu * ul {
	position: absolute;
	left: -9999px;
	bottom: 0;
	background-color: transparent;
}
#menu a:hover {
	background-color: transparent;
	color: #fff;
	text-shadow: 0px 0px 20px white;
	-webkit-animation: myfirst 1s; /* Chrome, Safari, Opera */
    animation: myfirst 1s;
}
#menu li:hover {
	background-color: transparent;
}
#menu li:hover ul{
	left: 0px;
}
#menu li * a {
	color:#fff;
	font-size: 12px;
	text-shadow: 0px 0px 0px white;
}
#menu li * :hover {
	background-color: transparent;
	text-shadow: 0px 0px 20px white;
	-webkit-animation: myfirst 1s; /* Chrome, Safari, Opera */
    animation: myfirst 1s;
}
/*#menu li * a:hover:before, #menu li * a:hover:after {
	content:" • "
}*/