/*
  LE MENU
  version française
*/
#menu {
	position:absolute;
	top:162px;
	left:0;
	width:950px;
	height:30px;
	background:url(../../images/menu/fond.gif) repeat-x top;
}
#menu #menu_ {
	position:relative;
	/*width:758px;*/
	width:770px;
	height:30px;
	margin:0 auto;
}

#menu_ a {
	float:left;
	display:block;
	height:30px;
	background-position:0 0;
}
#menu_ a span {
	display:none;
}

#menu_ a.mnu_valeurs {
	width:117px;
	background:url(../../images/menu/fr/mnu_valeurs.gif) no-repeat;
}
#menu_ li ul.m_valeurs a, #menu_ li ul.m_valeurs {
	width:94px;
}
#menu_ li ul.m_valeurs li.first {
	width:117px;
	background:url(../../images/menu/fr/mnu_valeurs.gif) no-repeat 0 -30px;
}
#menu_ li ul.m_valeurs li.fond {
  display:block;
  width:116px;
  height:26px;
  background:url('../../images/menu/fond-menu.png') ;
  _background:0 ;
  _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../images/menu/fond-menu.png', sizingMethod='scale');
}

#menu_ a.mnu_cottages {
	width:117px;
	background:url(../../images/menu/fr/mnu_cottages.gif) no-repeat;
}
#menu_ li ul.m_cottages a, #menu_ li ul.m_cottages {
	width:94px;
}
#menu_ li ul.m_cottages li.first {
	width:117px;
	background:url(../../images/menu/fr/mnu_cottages.gif) no-repeat 0 -30px;
}
#menu_ li ul.m_cottages li.fond {
  display:block;
  width:116px;
  height:26px;
  background:url('../../images/menu/fond-menu.png') ;
  _background:0 ;
  _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../images/menu/fond-menu.png', sizingMethod='scale');
}

#menu_ a.mnu_services {
	width:111px;
	background:url(../../images/menu/fr/mnu_services.gif) no-repeat;
}

#menu_ a.mnu_loisirs {
	width:103px;
	background:url(../../images/menu/fr/mnu_loisirs.gif) no-repeat;
}
#menu_ li ul.m_loisirs a, #menu_ li ul.m_loisirs {
	width:80px;
}
#menu_ li ul.m_loisirs li.first {
	width:103px;
	background:url(../../images/menu/fr/mnu_loisirs.gif) no-repeat 0 -30px;
}
#menu_ li ul.m_loisirs li.fond {
  display:block;
  width:102px;
  height:26px;
  background:url('../../images/menu/fond-menu-102.png') ;
  _background:0 ;
  _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../images/menu/fond-menu-102.png', sizingMethod='scale');
}

#menu_ a.mnu_offres {
	width:142px;
	background:url(../../images/menu/fr/mnu_offres.gif) no-repeat;
}
#menu_ li ul.m_offres a, #menu_ li ul.m_offres {
	width:119px;
}
#menu_ li ul.m_offres li.first {
	width:142px;
	background:url(../../images/menu/fr/mnu_offres.gif) no-repeat 0 -30px;
}
#menu_ li ul.m_offres li.fond {
  display:block;
  width:141px;
  height:26px;
  background:url('../../images/menu/fond-menu-141.png') ;
  _background:0 ;
  _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../images/menu/fond-menu-141.png', sizingMethod='scale');
}

#menu_ a.mnu_tarifs {
	width:168px;
	background:url(../../images/menu/fr/mnu_tarifs.gif) no-repeat;
}
#menu_ li ul.m_tarifs a, #menu_ li ul.m_tarifs {
	width:147px;
}
#menu_ li ul.m_tarifs li.first {
	width:168px;
	background:url(../../images/menu/fr/mnu_tarifs.gif) no-repeat 0 -30px;
}
#menu_ li ul.m_tarifs li.fond {
  display:block;
  width:169px;
  height:26px;
  background:url('../../images/menu/fond-menu-169.png') ;
  _background:0 ;
  _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../images/menu/fond-menu-169.png', sizingMethod='scale');
}

/* Le bloc qui repasse par dessus le menu, pour éviter le problème de hover sur le titre principal lorsqu'on est dans la liste déroulante */
#menu li ul li.first {
	display:block;
	height:30px;
}
#menu_ a:hover {
	background-position:0 -30px;
}

/*
NAVIGATION TEST
*/
/* Navigation */
.nav, .nav ul { 
	list-style: none;
	margin: 0;
	padding: 0;
}
.nav {
  font-family: Arial, Helvetica, sans-serif;
  z-index: 100;
  position: relative;
}
.nav li, .nav li ul li {
  float: left;
  margin: 0;
  padding: 0;
  height:20px;
  position: relative;
}
.nav li:hover ul a {
  background: #004b22;
  color: #fff;
}
.nav li ul li a {
  font: bold 11px/20px Arial, Helvetica, sans-serif;
  background: #004b22;
  color: #ffffff;
  display: block;
  text-transform: lowercase;
  text-decoration: none;
  border-right:1px solid #fff;
  border-left:1px solid #fff;
  border-top:1px dotted #c2d805;
  padding:0 6px 0 14px;
}
.nav li:hover ul a:hover {
  background: #145f36;
  color: #c2d805;	
}

.nav li ul {
  display:block;
  background: transparent;
  list-style: none;
  margin: 0;
  padding:0 10px 10px 10px;
  /*width: auto;*/
  /*width:250px;*/
  position: absolute;
  top: -999px;
  left: -10px;
  z-index:99999;
}
.nav li:hover ul {
  top: 0;
}