#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:#0ceaa9 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/soprel.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*/