div#navigation{position:absolute;top:-10px;left:-30px;height:200px;}
div#navigation ul{list-style:none;margin:0 0 0 30px}
div#navigation ul li{margin:10px 0 10px 0}
div#navigation ul li ul{margin:0 0 0 10px}
div#navigation ul li ul li{margin:2px 0 2px 0}

#container div#navigation ul li a{display:block;position:absolute;color:#fff;text-decoration:none; }
#container div#navigation ul li a span{line-height:15px;text-align:center;position:absolute;display:block;font-weight:bold;color:#fff}
#container div#navigation ul li a:hover span, 
#container div#navigation ul li a.on span{color:#1e3917}

#container div#navigation ul li ul li a{position:static;}
#container div#navigation ul li ul li a:hover,
#container div#navigation ul li ul li a.on{color:#1e3917}

div#navigation ul li ul{margin:0 0 0 2px;background-color:#599035;border:1px solid #97b473;border-bottom:none}
div#navigation ul li ul li{text-align:left;margin:0px 0 0px 0;border-bottom:1px solid #97b473}
div#navigation ul li ul li a{padding:4px}
div#navigation ul li ul li a span{cursor:pointer}

div#navigation a.rub_20 {top:106px;left:1px;width:123px;height:66px;background:url(/img/menu/nos_roulottes.jpg)}
div#navigation a.rub_20:hover,div#navigation li.rub_20 a.on	{background-position:-123px 0}
div#navigation a.rub_20 span{width:92px;top:20px;left:17px}

div#navigation a.rub_30 {top:49px;left:82px;width:113px;height:55px;background:url(/img/menu/activites.jpg)}
div#navigation a.rub_30:hover,div#navigation li.rub_30 a.on	{background-position:-113px 0}
div#navigation a.rub_30 span{width:113px;top:24px;left:0px}

div#navigation a.rub_40 {top:56px;left:198px;width:131px;height:74px;background:url(/img/menu/prestations-services.jpg)}
div#navigation a.rub_40:hover,div#navigation li.rub_40 a.on	{background-position:-131px 0}
div#navigation a.rub_40 span{width:92px;top:22px;left:20px}

div#navigation a.rub_50 {top:118px;left:319px;width:112px;height:46px;background:url(/img/menu/accueil.jpg)}
div#navigation a.rub_50:hover,div#navigation li.rub_50 a.on	{background-position:-112px 0}
div#navigation a.rub_50 span{top:16px;left:25px}
.en div#navigation a.rub_50 span {left:33px}

div#navigation a.rub_60 {top:108px;left:621px;width:112px;height:58px;background:url(/img/menu/albums_photos.jpg)}
div#navigation a.rub_60:hover,div#navigation li.rub_60 a.on	{background-position:-112px 0}
div#navigation a.rub_60 span{width:90px;top:8px;left:7px}
.en div#navigation a.rub_60 span {top:19px;}

div#navigation a.rub_70 {top:43px;left:667px;width:95px;height:55px;background:url(/img/menu/tarifs.jpg)}
div#navigation a.rub_70:hover,div#navigation li.rub_70 a.on	{background-position:-95px 0}
div#navigation a.rub_70 span{width:90px;top:18px;left:4px}

div#navigation a.rub_80 {top:344px;left:812px;width:112px;height:53px;background:url(/img/menu/contact.jpg)}
div#navigation a.rub_80:hover,div#navigation li.rub_80 a.on	{background-position:-112px 0}
div#navigation a.rub_80 span{width:90px;top:12px;left:7px}

div#navigation a.rub_90 {top:411px;left:860px;width:141px;height:54px;background:url(/img/menu/reservations.jpg)}
div#navigation a.rub_90:hover,div#navigation li.rub_90 a.on	{background-position:-141px 0}
div#navigation a.rub_90 span{width:90px;top:18px;left:36px}

#container div#navigation ul li.rub_20 ul{position:absolute;z-index:20;top:170px;left:20px}
#container div#navigation ul li.rub_30 ul{position:absolute;z-index:200;top:100px;left:94px}

.sf-menu li.rub_30 ul {
	width:			100px; /* left offset of submenus need to match (see below) */
}


#container div#navigation .sf-sub-indicator{display:none}