/*** adding the class sf-navbar in addition to sf-menu creates an all-horizontal nav-bar menu ***/

.sf-navbar {

	

	height:			23px; 

	padding-bottom:	2.5em;

	position:		relative;

	background-image: url('../images/nav.png');

	width:			50 px;

font-family: Arial, Verdana, Geneva, Arial, Helvetica, Sans-Seirf;

	font-size: 11px;

/*	color: #000000;

	font-color: #FFFFFF;*/

}

.sf-navbar li {

	/*background:		#FFFFFF;*/

	position:		static;

	width:			120px;

	text-align:center;

	font-family: Arial, Verdana, Geneva, Arial, Helvetica, Sans-Seirf;

	font-size: 10px;

	/*color: #000000;*/



background-image: url('../images/nav.png');

}

.sf-navbar a {

	border-top:		none;

	position:		relative;

	



}





#current a {

	color:#ffffff;

	}

	



/*.sf-navbar li a{

color: #000000;

}*/

.sf-navbar li li a {

	color:#ffffff;

	}

.sf-navbar li ul {

	width:			900px; /*IE6 soils itself without this*/

}

.sf-navbar li li {

	/*background:		#108965;*/

	position:		relative;

	height:			20px; 

	width:			auto;

	

	



}



.sf-navbar li li ul {

	width:			auto;

	

}

.sf-navbar li li li {

	width:			auto;

	/*display: block;*/

}

.sf-navbar ul li {

	width:			auto;

	float:			center;

	height:			1px;

	top:   -5px;

	background:		#108965;

	 

    

	

}

.sf-navbar a, .sf-navbar a:visited {

	border:			none;

	

}

.sf-navbar li.current {

	background:		#FFFFFF;

	height:			4px;

	color: #FFFFFF;

}

.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 {

	background:		#FFFFFF;

	height:			26px;

	background-image: url('../images/onglet_ov.jpg');

	color: #FFFFFF;

}

.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 {

	/*background:		#6B0000;*/

	background:		#108965;

	height:			3px;

	background-position: center; 

	color: #fff000;

}

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 {

	background:		#F3F020;

	color: #FFFFFF;

}

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 */

	color: #FFFFFF;

	

}

ul.sf-navbar .current ul ul {

	top: 			-999em;

	color: #FFFFFF;

	

}



.sf-navbar li li.current > a {

	font-weight:	bold;

	color: #FFFFFF;

}



.sf-menu li .separator {

	border-left: none;

	border-top: none;

	

}



/*** 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;

}