/*** adding the class sf-navbar in addition to sf-menu creates an all-horizontal nav-bar menu ***/
.sf-navbar{height:2.5em;padding-bottom:2.5em;position:relative;}
.sf-navbar li{position:static;}
.sf-navbar a{border-top:none;}
.sf-navbar li ul{width:44em;/*IE6 soils itself without this*/}
.sf-navbar li li{position:relative;}
.sf-navbar li li ul{width:13em;}
.sf-navbar li li li{width:100%;}
.sf-navbar ul li{width:auto;float:left;}
.sf-navbar a,.sf-navbar a:visited{border:none;}
.sf-navbar li.current{}
.sf-navbar li:hover,
.sf-navbar li.sfHover,
.sf-navbar li li.current,
.sf-navbar a:focus,.sf-navbar a:hover,.sf-navbar a:active{}
.sfHover{float:left; margin: 0 10px 0 0; background: transparent url(../img/bg-menu-actif.gif) top center no-repeat; height:33px; padding:0;}
ul#menu .sfHover a.menuHead{float: left;color:#ffffff; background: transparent url(../img/bg-menu-right.gif) top right no-repeat; height:29px; display:block; padding:0 20px 0 0;}
ul#menu .sfHover a.menuHead span {float: left;cursor: pointer;color:#ffffff; display:block; background: transparent url(../img/bg-menu-left.gif) top left no-repeat; height:29px; padding:4px 0 0 20px;}
ul#menu li ul li.sfHover { background: none; }
.sf-navbar ul li:hover,
.sf-navbar ul li.sfHover,
ul.sf-navbar ul li:hover li,
ul.sf-navbar ul li.sfHover li,
.sf-navbar ul a:focus,.sf-navbar ul a:hover,.sf-navbar ul a:active{}
ul.sf-navbar li li li:hover,
ul.sf-navbar li li li.sfHover,
.sf-navbar li li.current li.current,
.sf-navbar ul li li a:focus,.sf-navbar ul li li a:hover,.sf-navbar ul li li a:active{}
ul.sf-navbar .current ul,
ul.sf-navbar ul li:hover ul,
ul.sf-navbar ul li.sfHover ul{left:0;top:2.5em;/* match top ul list item height */}
ul.sf-navbar .current ul ul{top:-999em;}
.sf-navbar li li.current > a{font-weight:bold;}
/*** point all arrows down ***/
/* point right for anchors in subs */
.sf-navbar ul .sf-sub-indicator{background-position:-10px -100px;}
.sf-navbar ul a > .sf-sub-indicator{background-position:0 -100px;}
/* apply hovers to modern browsers */
.sf-navbar ul a:focus > .sf-sub-indicator,
.sf-navbar ul a:hover > .sf-sub-indicator,
.sf-navbar ul a:active > .sf-sub-indicator,
.sf-navbar ul li:hover > a > .sf-sub-indicator,
.sf-navbar ul li.sfHover > a > .sf-sub-indicator{background-position:-10px -100px;/* arrow hovers for modern browsers*/}
/*** remove shadow on first submenu ***/
.sf-navbar > li > ul{background:transparent;padding:0;-moz-border-radius-bottomleft:0;-moz-border-radius-topright:0;-webkit-border-top-right-radius:0;-webkit-border-bottom-left-radius:0;}