/* ###################### MENU ################################ */


/* MENU */
#menu
{
	clear:both;
	background:url("images/darsaba-bg-menu.png") repeat-x top left;
	height:38px;
	margin-right:1px;
}

#menu span
{
	position:absolute;
	margin-top:-10000px;
}

/****  GENERAL ****/

#menu li {
	margin:0;
	padding:0;
	height:18px;
	width:auto;
	float: left;
	display:inline;
	/*border: thin #666 solid;*/
}

#menu li a {
	display: block;
	height:18px;
	margin-top:8px;
	background:transparent url(images/darsaba-menu_fr.png) no-repeat top left;
}

/*   Le Riad   */
#menu li.leriad a
{
	width:60px;
}

#menu li.leriad a:hover, #menu li.leriad a.selected
{
	background-position:0 -20px;
}

/*   Reservation   */
#menu li.reservation a
{
	width:85px;
	background-position:-58px 0;
}

#menu li.reservation a:hover, #menu li.reservation a.selected
{
	background-position:-58px -20px;
}

/*   Nos Services   */
#menu li.services a
{
	width:88px;
	background-position:-143px 0;
}

#menu li.services a:hover, #menu li.services a.selected
{
	background-position:-143px -20px;
}

/*   Marrackech   */
#menu li.marrackech a
{
	width:77px;
	background-position:-230px 0;
}

#menu li.marrackech a:hover, #menu li.marrackech a.selected
{
	background-position:-230px -20px;
}

/*   Le livre d'or   */
#menu li.livreor a
{
	width:69px;
	background-position:-307px 0;
}

#menu li.livreor a:hover, #menu li.livreor a.selected
{
	background-position:-307px -20px;
}

/*   Contact   */
#menu li.contact a
{
	width:56px;
	background-position:-376px 0;
}

#menu li.contact a:hover, #menu li.contact a.selected
{
	background-position:-376px -20px;
}

/*   Nos Amis   */
#menu li.amis a
{
	width:70px;
	background-position:-432px 0;
}

#menu li.amis a:hover, #menu li.amis a.selected
{
	background-position:-432px -20px;
}
/* SOUS MENU */
#sousMenu{}
#sousMenu li{}
#sousMenu li a{}
#sousMenu li a:hover{text-decoration: underline;}
#sousMenu li a.select{text-decoration: underline;}