/* MENU STYLE - IGNORE EVERYTHING ABOVE THIS LINE IF YOU WISH */

#menu {
  height: 40px;
  clear: both;
  margin-top:35px;
  font-family:Century Gothic;
  letter-spacing:0px;
}
#footer .count_footer .bas_footer #menu {
  margin-top:0px;
}

ul#nav {
  float: right;
  margin: 0;
  padding: 0;
  list-style: none;
  position:relative;
}
#footer .count_footer .bas_footer  ul#nav {
  float: left;
}


ul#nav li {
  display: inline;
}
ul#nav li .index {
  position:absolute;
  width:20px;
  height:17px;
  background-image:url(../images/index.png);
  top:-10px;
  left:22px;
}

ul#nav li a {
  float: left;
  color:#010101;
  line-height: 40px;
  text-decoration: none;
  margin: 0;
  padding: 0 5px;
  font-size:12px;
  font-weight:900;
  background-image:url("../images/separation_menu.png"); background-repeat:no-repeat; background-position:right center;
}
ul#nav li .selected {
	
  color: #cb061d;
  text-decoration: none;
  font-weight:900;	
	}
#footer .count_footer .bas_footer  ul#nav li a {
  color:#FFF;
}

/* APPLIES THE ACTIVE STATE */

ul#nav .current a, ul#nav li:hover > a  {
  color: #cb061d;
  text-decoration: none;
  font-weight:900;
}

/* THE SUBMENU LIST HIDDEN BY DEFAULT */
ul#nav  ul {
  display: none;
}

/* WHEN THE FIRST LEVEL MENU ITEM IS HOVERED, THE CHILD MENU APPEARS */
ul#nav li:hover > ul {
  position: absolute;
  display: block;
  width: 105%;
  position: absolute;
  margin: 35px 0 0 0;
  background-image:url(../images/bare_sous_menu.png);
  left:-50px;
}

ul#nav li:hover > ul li a {
  float: left;
  color: #FFF;
  text-decoration: none;
  margin: 0;
  padding: 0px 10px 0px 10px;
  line-height: 27px;
  font-size:11px;
  font-weight:100;
  background-image:url("../images/separation_sous_menu.png"); background-repeat:no-repeat; background-position:right center;
}

ul#nav li:hover > ul li a:hover {
  color: #FFF;
  text-decoration: none;
  text-shadow: none;
  color: #cb061d;
  font-weight:100;
}