/*** adding the class sf-navbar in addition to sf-menu creates an all-horizontal nav-bar menu ***/
#navcontainer .sf-menu {
	background: transparent;
	height: 75px;
	padding-bottom: 0;
	position: relative;
	width: 100%;
	z-index: 999; /* fix ie z-index bug */
}

#navcontainer .sf-menu .current ul, 
#navcontainer .sf-menu ul li:hover ul, 
#navcontainer .sf-menu ul li.sfHover ul {
	left: 0;
	top: 2.5em; /* match top ul list item height */
}

#navcontainer .sf-menu .current ul ul {
	top: -999em;
}

#navcontainer .sf-menu ul li {
	float: left;
	width: auto;
}

#navcontainer .sf-menu li {
	display: inline; /* fix ie (again) double margin bug */
	margin-left: 6px;
	padding: 0;
	position: static;
}

#navcontainer .sf-menu li ul.sf-submenu {
	left: 0;
	width: 993px;
}

#navcontainer .sf-menu li li {
	margin-left: 0;
	position: relative;
	width: auto;
}

#navcontainer .sf-menu li li li {
	width: 100%;
}

#navcontainer .sf-menu li ul {
	width: 44em; /*IE6 soils itself without this*/
}

#navcontainer .sf-menu li li ul {
	width: 13em;
}

/*** point all arrows down ***/
/* point right for anchors in subs */
#navcontainer .sf-menu ul .sf-sub-indicator {
	background-position: -10px -100px;
}

#navcontainer .sf-menu ul a > .sf-sub-indicator {
	background-position: 0 -100px;
}

/* apply hovers to modern browsers */
#navcontainer .sf-menu ul a:focus > .sf-sub-indicator, 
#navcontainer .sf-menu ul a:hover > .sf-sub-indicator, 
#navcontainer .sf-menu ul a:active > .sf-sub-indicator, 
#navcontainer .sf-menu ul li:hover > a > .sf-sub-indicator, 
#navcontainer .sf-menu ul li.sfHover > a > .sf-sub-indicator {
	background-position: -10px -100px; /* arrow hovers for modern browsers*/
}

/*** remove shadow on first submenu ***/
#navcontainer .sf-menu > li > ul {
	-moz-border-radius-bottomleft: 0;
	-moz-border-radius-topright: 0;
	padding: 0;
	-webkit-border-bottom-left-radius: 0;
	-webkit-border-top-right-radius: 0;
}

#navcontainer .sf-menu li span.sf-sub-indicator {
	display: none;
}

#navcontainer .sf-menu li li span.sf-sub-indicator {
	display: block;
}

#navcontainer .sf-menu li.first_level li a.sf-with-ul {
	padding-right: 25px;
}

#navcontainer .sf-menu a:link, 
#navcontainer .sf-menu a:visited {
	border-bottom: 0;
	border-top: 0;
	color: #fff;
	font-size: 1.2em;
	font-weight: bold;
	margin-right: 0;
	padding: 12px 20px 5px;
	text-decoration: none;
}

#navcontainer .sf-menu li.first_level li a {
	border-right: 1px solid #8c8e77;
	font-size: 1em;
	margin-right: 0;
	padding: 8px 8px 7px 8px;
}

#navcontainer .sf-menu .sf-submenu {
	background: #9c9b89;
	border-bottom: 1px solid #32506d;
	border-top: 4px solid #2e6c8f;
}

#navcontainer .sf-menu li a {
	background: #255773;
}
#navcontainer .sf-menu li.sfHover .sf-submenu {
	border-top-color: #2e6c8f;
/*	background: #aaaaaa;*/
}

#navcontainer .sf-menu li.sfHover > a {
	background: #2e6c8f;
}

/* orange debats blogs studio */
#navcontainer .sf-menu li.no_sub_menus a {
	background: #CC6600;
}
#navcontainer .sf-menu li.no_sub_menus.sfHover .sf-submenu {
	border-top-color: #d96d00;
/*	background: #aaaaaa;*/
}

#navcontainer .sf-menu li.no_sub_menus.sfHover > a {
	background: #d96d00;
}

/* style section */
#navcontainer .sf-menu li.style_section a {
	background: #c7e210;
font-family:Georgia;
	font-style:italic;
	font-weight:bold;
	padding: 10px 20px 7px 20px;	
	-moz-text-shadow: 1px 1px 1px #32440c;
	text-shadow: 1px 1px 1px #32440c;
	-webkit-text-shadow: 1px 1px 1px #32440c;
}
#navcontainer .sf-menu li.style_section li a {
	font-family: Arial, sans-serif;
	font-style: normal;
	font-weight:bold;
	-moz-text-shadow: none;
	text-shadow: none;
	-webkit-text-shadow: none;		
}
#navcontainer .sf-menu li.style_section.sfHover > a {
	background: #cdea0f;
}

#navcontainer .sf-menu li.style_section .sf-submenu {
	border-top-color: #cdea0f;
}

#navcontainer .sf-menu li.style_section.sfHover li a:hover {
/*	background: #7aa620;*/
}    
/* a sous barre de menu */
#navcontainer .sf-menu li.first_level li a {
	background: transparent ;
}
#navcontainer .sf-menu li.first_level li li a {
	background: #9c9b89;
}
#navcontainer .sf-menu li.sfHover li a:hover,
#navcontainer .sf-menu li li.current a  {
	background: #636352;
}
/* fil info */
#fil_lifestyle DIV.table_controls LI A
{
	background-position: -200px -1200px;
}

#fil_lifestyle DIV.table_controls LI A.current
{
	background-position:-250px -1200px;
}
#fil_lifestyle DIV.table_controls LI.fi_prev A
{
	background-position: -300px -1200px;
}

#fil_lifestyle DIV.table_controls LI.fi_next A
{
	background-position: -350px -1200px;
}