
	#divNav {
		background-color:#ffffff;
		margin: 0;
		padding: 10px 0px 0px 0px;
		height: 55px;
		width: 540px;
		float: right;
	}

	#anav {
		position: relative;
		top: 0px;
		left:0px;
		height: 55px;
		width: 540px;
	}

	#anav li ul, #anav li ul {
		margin: 0;
		padding: 0;
	}

	#anav a {
		text-decoration: none;
	}

	#anav li { /*float the main list items*/
		margin: 0;
		float: left;
		display: block;
		padding-right: 0px;
	}

	#anav li ul {
		display: none;
	}

	#anav li#liCompany ul { padding: 15px 0px 0px 75px; }
	#anav li#liMetiers ul { padding: 15px 0px 0px 140px; }
	#anav li#liRef ul { padding: 15px 0px 0px 280px; }
	
	#anav li ul { /*put the subnav below*/
		position: absolute;
		top: 20px;
		left: 0;
		padding-top: 0px;
		background: #fff;
		height: 25px;
		width: 540px;		
	}

	#anav li.on ul {
		background: #fff;
	}

	#anav li.on:hover ul, #anav li.over ul { /*for ie*/
		background: #fff;
	}

	#anav li a {
		color: #000;
		font-weight: normal;
		display: block;
		padding: 0;
	}

	#anav li.on ul {
		display: block;
	}

	#anav li.off:hover ul, #anav li.over ul {
		display: block;
		z-index: 6000;
	}
	
	#anav li ul li a:hover { 
		color: #036cb7;
		background-color: #f5f8ea;
		border:#dceaa9 1px solid;
	}
	
	#anav li ul li a { 
		float: left;
		display: block;
		color: #036cb7;
		height:21px;
		background-image:none;
		background-color: #f2f7fb;
		border:#d3e7f6 1px solid;
		padding:3px 10px 0px 10px;
		margin:0px 8px 0px 0px;
		font-family: verdana, sans-serif;
		font-size: 11px;
	}
	

	/*do the image replacement*/

	#anav li span {
		position: absolute;
		left: -9384px;
	}

	#liAccueil a {
		display: block;
		position: relative;
		height: 26px;
	}
	
	#liCompany a, #liMetiers a, #liRef a, #liContact a {
		display: block;
		position: relative;
		height: 26px;
		background: url(../images/navtabs.gif) no-repeat;
	}

	/*first, put the initial states in place*/
	
	#liCompany a { background-position: 0 0;}
	#liMetiers a { background-position: -87px 0; }
	#liRef a { background-position: -187px 0; }
	#liContact a { background-position: -318px 0; }
	
	 #bref #liRef a { background-position: -187px -25px; } 
	 #bmetiers #liMetiers a { background-position: -87px -25px; } 
	 #bcontact #liContact a { background-position: -318px -25px; } 
	 #bcompany #liCompany a { background-position: 0 -25px; } 


/*hover states*/

#liCompany a:hover, #liCompany:hover a, #liCompany.over a { background-position: 0 -25px; }
#liMetiers a:hover, #liMetiers:hover a, #liMetiers.over a { background-position: -87px -25px; }
#liContact a:hover, #liContact:hover a, #liContact.over a { background-position: -318px -25px; }
#liRef a:hover, #liRef:hover a, #liRef.over a { background-position: -187px -25px; }

/*subnav formatting*/

