#cont_nav ul li {float: left; position: relative; list-style: none; margin: 0; padding: 1.8em 0 0; margin: 1em 7em 0 1.3em;}

#cont_nav ul li#cafe {width: 9em; height: 2em; background: url(img/nav/cafe_off.gif) 0 0.8em no-repeat;}
#cont_nav ul li#cafe_on {width: 9em; height: 2em; background: url(img/nav/cafe_on.gif) 0 0.8em no-repeat;}
#cont_nav ul li#cafe:hover, #cont_nav ul li#cafe.sfhover{background: url(img/nav/cafe_on.gif) 0 0.8em no-repeat; cursor: pointer}

#cont_nav ul li#village {width: 10em; height: 1em;padding-top: 0.8em}
#cont_nav ul li#village a, #cont_nav ul li#village span.on {background: url(img/nav/village_off.gif) 0 0 no-repeat; display: block; height: 1.5em;}
#cont_nav ul li#village a:hover, #cont_nav ul li#village span.on {background: url(img/nav/village_on.gif) 0 0em no-repeat;}


#cont_nav ul li#ile {width: 9em; height: 2em; background: url(img/nav/ile_off.gif) 0 0.8em no-repeat;cursor: pointer} 
#cont_nav ul li#ile_on {width: 9em; height: 2em;background: url(img/nav/ile_on.gif) 0 0.8em no-repeat;}
#cont_nav ul li#ile:hover, #cont_nav ul li#ile.sfhover {background: url(img/nav/ile_on.gif) 0 0.8em no-repeat;}


#cont_nav ul li#histoires a, #cont_nav ul li#histoires span.on {display: block; height: 1.5em; background: url(img/nav/histoires_off.gif) 0 0 no-repeat;} 
#cont_nav ul li#histoires a:hover, #cont_nav ul li#histoires span.on {background: url(img/nav/histoires_on.gif) 0 0 no-repeat;}