/*MENU*/


/*	
-------------------------------------------
div#navigation = COLOR
-------------------------------------------
*/
#navigation{
background: #FCCB2C;
  background: transparent;
  border-bottom:5px solid #303030;
}

ul#menu {
width: 905px;
   padding-left: 6px;
   padding-right: 6px;
}

ul#menu > li a {
/*background: #303030 url('images/menuitem.png') scroll;*/
background: #303030 url('images/menuhovereditem.png') scroll;
   -webkit-border-radius:4px 4px 0 0;
   -moz-border-radius:4px 4px 0 0;
   border-radius:4px 4px 0 0;
   border:1px solid #303030;
   border-bottom:none;
   
color:#FFFFFF;
}

ul#menu a.current, ul#menu li a.current{
 background: #F0F0F0 url('images/menuactiveitem.png') scroll;
   -webkit-border-radius:4px 4px 0 0;
   -moz-border-radius:4px 4px 0 0;
   border-radius:4px 4px 0 0;
   border:1px solid #ABABAB;
   border-bottom:none;
   color: #5E5E5E;
}

ul#menu li.hover > a, ul#menu li:hover > a, ul#menu a:hover, ul#menu a:focus {
background: #E7B204 url('images/menuhovereditem.png') scroll;
   -webkit-border-radius:4px 4px 0 0;
   -moz-border-radius:4px 4px 0 0;
   border-radius:4px 4px 0 0;
   /*border:1px solid #57A22F;*/
    border-bottom:none;
}

/*sous-menu*/

ul#menu ul{
/*background: #FCCB2C;*/
  background: #FCCB2C url('images/menuhovereditem.png') scroll;
   margin:0 auto;
}

ul#menu.drop ul li, ul#menu.drop ul li:hover, ul#menu ul li a, ul#menu ul li a:hover{
border:none;
}


ul#menu.drop ul a{
background: transparent;

 
   padding:10px 22px;
   margin:0 auto;
}

ul#menu.drop ul a:hover, ul#menu.drop ul li a.current{
 background: #FDD963 url('images/menuhovereditem.png') scroll;
   -webkit-border-radius:13px;
   -moz-border-radius:13px;
   border-radius:13px;
   margin:0 auto;
   padding-:5px;
}