/* Grande barre de navigation horizontale*/
#topNav{
	width: 787px;
	margin-top: 10px;
	float: left;
}
#mainNav li{
	list-style: none;
	float: left;
	font-size: 12px;
	font-weight: bold;
}
#mainNav li a{
	display: block;
	text-decoration: none;
	color: #667788;
	padding: 14px 10px 14px 10px;
}
#mainNav li .current, #subNav li .current{
	background: url(/public/website/img/pages/nav_mainNav_hover.jpg) repeat-x left 70%;
	color: #ffffff;
	
}
#mainNav li a:hover, #subNav li a:hover{
	background: url(/public/website/img/pages/nav_mainNav_hover.jpg) repeat-x left 70%;
	color: #ffffff;
}
#mainNav ul{
	float: left;
	background: url(/public/website/img/pages/nav_mainNavBg.jpg) repeat-x 100% 100%;
	width: 777px;
	height: 42px;
}
.divider{
	background: url(/public/website/img/pages/nav_diviseur.jpg) no-repeat center bottom;
	width: 1px;
	height: 20px;
	padding-top: 10px;
}
#upLeftBg{
	background: url(/public/website/img/pages/nav_mainNavBgG.jpg) no-repeat left center;
	float: left;
	width: 5px;
	height: 42px;
	display: inline;
}
#upRightBg{
	background: url(/public/website/img/pages/nav_mainNavBgD.jpg) no-repeat right center;
	float: right;
	width: 5px;
	height: 42px;
	display: inline;
}

#barLine{
	float: left;
	width: 778px;
	line-height: 0; /* for ie 6 et 7 */
	border-top: 1px solid #667783;
	margin-left: 6px;
	display: inline; /* for ie6 */
}

/* sub nav barre*/

#subNav li{
	list-style: none;
	float: left;
	font-size: 10px;
	font-weight: bold;
}
#subNav li a{
	display: block;
	text-decoration: none;
	color: #667788;
	padding: 7px;
}
#subNavBg{
	float: left;
	background: url(/public/website/img/pages/nav_subNavBg.jpg) repeat-x left center;
	width: 779px;
	height: 26px;
}
#subUpLeftBg{
	background: url(/public/website/img/pages/nav_subNavBgG.jpg) no-repeat left center;
	float: left;
	width: 4px;
	height: 26px;
}
#subUpRightBg{
	background: url(/public/website/img/pages/nav_subNavBgD.jpg) no-repeat right center;
	float: right;
	width: 4px;
	height: 26px;
}
.subDivider{
	background: url(/public/website/img/pages/nav_diviseur.jpg) repeat-y center center;
	width: 1px;
	height: 15px;
	margin-top: 6px;
}

/* ajout de la flèche noire à la barre de navigation */

#mainNav li .current{
	position: relative;
}
#mainNav li .current span{
	background: url(/public/website/img/pages/nav_fleche.jpg) no-repeat;
	position: absolute;
	width: 20px;
	top: 42px;
	left: 40px;
}
* html #mainNav li .current span{
	left: 30px;
}

#subNav li .current{
	position: relative;
}
#subNav li .current span{
	background: url(/public/website/img/pages/nav_fleche.jpg) no-repeat;
	position: absolute;
	width: 20px;
	top: 25px;
	left: 27px;
}
* html #subNav li .current span{
	left: 20px;
}