@font-face
{
    font-family: 'BallparkWeiner';
    src: url('polices/ballpark.eot');
    src: url('polices/ballpark.eot?#iefix') format('embedded-opentype'),
         url('polices/ballpark.woff') format('woff'),
         url('polices/ballpark.ttf') format('truetype'),
         url('polices/ballpark.svg#BallparkWeiner') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face
{
    font-family: 'Dayrom';
    src: url('polices/dayrom.eot');
    src: url('polices/dayrom.eot?#iefix') format('embedded-opentype'),
         url('polices/dayrom.woff') format('woff'),
         url('polices/dayrom.ttf') format('truetype'),
         url('polices/dayrom.svg#Dayrom') format('svg');
    font-weight: normal;
    font-style: normal;
}
{
	font-family: 'Arial', Arial, sans-serif;
	font size="-1";
	color:#F00";
	topmargin="0";
	leftmargin="0";
	rightmargin="0";
	bottommargin="0";
	marginwidth="0";
	marginheight="0";
}

/*style pour le menu déroulant*/
#menu, #menu ul{
padding:0;
margin:auto;  /* margin:auto; */
list-style:none;
text-align:center;
}
#menu li{
display:inline-block;
position:relative;
border-radius:8px 8px 8px 8px;   /* border-radius:3px 3px 0 0; */
}
#menu ul li{
display:inherit;
border-radius:0;
}
#menu ul li:hover{
border-radius:8px 8px 8px 8px;
}
#menu ul li:last-child{
border-radius:8px 8px 8px 8px;
}
#menu ul{
/*position:0;*/
max-height:0;
left: 0;
right: 0;
overflow:hidden; /*débordement caché*/
-moz-transition: .8s all .3s;
-webkit-transition: .8s all .3s;
transition: .8s all .3s;
}
#menu li:hover ul{
max-height:40em; /*hauteur du menu déroulant*/
}
/* background des liens menus page d'accueil */
#menu li:first-child{ 
background-color: #BDBDBD ;
background-image:-webkit-linear-gradient(top, #000 0%, #DDD 100%);
background-image:linear-gradient(to bottom, #000 0%, #DDD 100%); /* color dessus du dégradé */
}
#menu li:nth-child(2){
background-color: #BDBDBD ;
background-image:-webkit-linear-gradient(top, #000 0%, #DDD 100%);
background-image:linear-gradient(to bottom, #000 0%, #DDD 100%);
}
#menu li:nth-child(3){
background-color: #BDBDBD ;
background-image:-webkit-linear-gradient(top, #000 0%, #DDD 100%);
background-image:linear-gradient(to bottom, #000 0%, #DDD 100%);
}
#menu li:nth-child(4){
background-color: #BDBDBD ;
background-image:-webkit-linear-gradient(top, #000 0%, #DDD 100%);
background-image:linear-gradient(to bottom, #000 0%, #DDD 100%);
}
#menu li:nth-child(5){
background-color: #BDBDBD ;
background-image:-webkit-linear-gradient(top, #000 0%, #DDD 100%);
background-image:linear-gradient(to bottom, #000 0%, #DDD 100%);
}
#menu li:nth-child(6){
background-color: #BDBDBD ;
background-image:-webkit-linear-gradient(top, #000 0%, #DDD 100%);
background-image:linear-gradient(to bottom, #000 0%, #DDD 100%);
}
#menu li:nth-child(7){
background-color: #BDBDBD ;
background-image:-webkit-linear-gradient(top, #000 0%, #DDD 100%);
background-image:linear-gradient(to bottom, #000 0%, #DDD 100%);
}
#menu li:nth-child(8){
background-color: #BDBDBD ;
background-image:-webkit-linear-gradient(top, #000 0%, #DDD 100%);
background-image:linear-gradient(to bottom, #000 0%, #DDD 100%);
}
#menu li:last-child{
background-color: #BDBDBD ;
background-image:-webkit-linear-gradient(top, #000 0%, #DDD 100%);
background-image:linear-gradient(to bottom, #000 0%, #DDD 100%);
}

/* (background) fond  des liens sous menus */
#menu li:first-child li{
background:#aaa;
}
#menu li:nth-child(2) li{
background:#aaa;
}
#menu li:nth-child(3) li{
background:#aaa;
}
#menu li:nth-child(4) li{
background:#aaa;
}
#menu li:nth-child(5) li{
background:#aaa;
}
#menu li:nth-child(6) li{
background:#aaa;
}
#menu li:nth-child(7) li{
background:#aaa;
}
#menu li:nth-child(8) li{
background:#aaa;
}
#menu li:last-child li{
background:#aaa;
}
/* background ( Fond )des liens menus et sous menus au survol */
#menu li:first-child:hover, #menu li:first-child li:hover{
background:#F00;
}
#menu li:nth-child(2):hover, #menu li:nth-child(2) li:hover{
background:#FF0;
}
#menu li:nth-child(3):hover, #menu li:nth-child(3) li:hover{
background:#FF0;
}
#menu li:nth-child(4):hover, #menu li:nth-child(4) li:hover{
background:#FF0;
}
#menu li:nth-child(5):hover, #menu li:nth-child(5) li:hover{
background:#FF0;
}
#menu li:nth-child(6):hover, #menu li:nth-child(6) li:hover{
background:#FF0;
}
#menu li:nth-child(7):hover, #menu li:nth-child(7) li:hover{
background:#FF0;
}
#menu li:nth-child(8):hover, #menu li:nth-child(8) li:hover{
background:#FF0;
}
#menu li:last-child:hover, #menu li:last-child li:hover{
background:#FF0;
}
/* les a href */
#menu a{
text-decoration:none;
 display:block;  /*hauteur du menu*/
/*padding:8px 32px;*/
padding:20px 40px;
color:#fff;
font-family:arial;
}
#menu ul a{
display:block;
padding:16px 28px; /*survol hauteur du menu*/
}
#menu li:hover li a{
color:#ff0;
text-transform:inherit;
}
#menu li:hover a, #menu li li:hover a{
color:#000;
}