ul#navbar
{
  width: 224px;
  height: 16px;
  list-style: none;
  margin-left: 482px;  
  background-image: url(../images/navigationHaut.gif);  
}  

ul#navbar.ang
{
  margin-left: 513px;
  width: 193px;
  background-image: url(../images/navigationHaut_ang.gif);  
}  

ul#navbar li { float: left; }
ul#navbar li a { display: block; height: 16px; text-indent: -5000px;}

ul#navbar li#accueil { width: 51px; }
ul#navbar li#accueil a { width: 35px; }

ul#navbar li#english { width: 50px; }
ul#navbar li#english a { width: 35px; }

ul#navbar li#contactezNous { width: 89px; }
ul#navbar li#contactezNous a { width: 75px; }

ul#navbar li#carriere { width: 32px; }
ul#navbar li#carriere a { width: 32px; }

ul#navbar li#accesPrivilegie { width: 73px; }
ul#navbar li#accesPrivilegie a { width: 73px; }

ul#navbar.ang li#accueil { width: 43px; }
ul#navbar.ang li#accueil a { width: 27px;}

ul#navbar.ang li#english { width: 53px; }
ul#navbar.ang li#english a { width: 37px;}

ul#navbar.ang li#contactezNous { width: 66px; }
ul#navbar.ang li#contactezNous a { width: 50px;}

ul#navbar.ang li#carriere { width: 30px; }
ul#navbar.ang li#carriere a { width: 30px;}

ul#navbar.ang li#accesPrivilegie { width: 51px; }
ul#navbar.ang li#accesPrivilegie a { width: 51px;}

ul#menu
{
  font-size: 9px;
  margin-top: 15px;
  margin-left: 40px;
  width: 509px;
  height: 18px;
  list-style: none;
  background: url(../images/menu.gif) no-repeat top left;
}
ul#menu.ang
{
  background: url(../images/menu_ang.gif) no-repeat top left;
}
  
ul#menu li a:hover, ul#menu li a.selectionne { background: url(../images/menu.gif) no-repeat top left; }
ul#menu.ang li a:hover, ul#menu.ang li a.selectionne { background: url(../images/menu_ang.gif) no-repeat top left; }

ul#menu li
{
  float: left;

  position: relative;
}

ul#menu li a
{
  display: block;
  height: 10px;
  text-indent: -5000px;
  background-repeat: no-repeat;
}  

ul#menu li a:hover { height: 18px; }

ul#menu li#menu1 a { width: 77px; }
ul#menu li#menu1 a:hover, ul#menu li#menu1 a.selectionne { background-position: 0% -18px; }

ul#menu li#menu2 { width: 72px; }
ul#menu li#menu2 a:hover, ul#menu li#menu2 a.selectionne { background-position: -77px -18px; }

ul#menu li#menu3 { width: 123px; }
ul#menu li#menu3 a:hover, ul#menu li#menu3 a.selectionne { background-position: -149px -18px; }

ul#menu li#menu4 { width: 83px; }
ul#menu li#menu4 a:hover, ul#menu li#menu4 a.selectionne { background-position: -272px -18px; }

ul#menu li#menu5 { width: 86px; }
ul#menu li#menu5 a:hover, ul#menu li#menu5 a.selectionne { background-position: -355px -18px; }

ul#menu li#menu6 { width: 68px;  }
ul#menu li#menu6 a:hover, ul#menu li#menu6 a.selectionne { background-position: -441px -18px; }


ul#menu.ang li#menu1 a { width: 69px; }
ul#menu.ang li#menu1 a:hover, ul#menu.ang li#menu1 a.selectionne { background-position: 0% -18px; }

ul#menu.ang li#menu2 { width: 72px; }
ul#menu.ang li#menu2 a:hover, ul#menu.ang li#menu2 a.selectionne { background-position: -69px -18px; }

ul#menu.ang li#menu3 { width: 102px; }
ul#menu.ang li#menu3 a:hover, ul#menu.ang li#menu3 a.selectionne { background-position: -141px -18px; }

ul#menu.ang li#menu4 { width: 83px; }
ul#menu.ang li#menu4 a:hover, ul#menu.ang li#menu4 a.selectionne { background-position: -243px -18px; }

ul#menu.ang li#menu5 { width: 76px; }
ul#menu.ang li#menu5 a:hover, ul#menu.ang li#menu5 a.selectionne { background-position: -326px -18px; }

ul#menu.ang li#menu6 { width: 68px;  }
ul#menu.ang li#menu6 a:hover, ul#menu.ang li#menu6 a.selectionne { background-position: -402px -18px; }

/*
 * Sous-menus
 */
 

 .sousmenus 
 {
     font-size: 9px;
     margin: 0;
	 padding: 0;
     position:absolute;
     top: -5000px;
     left: -5000px;
	 /*position:relative;*/
	 width:630px;
}


.sousmenus ul 
{
     margin-top: 5px;
     list-style: none;
	 width:630px;
     /*position: relative;*/
	 position:absolute;
	 left:0px;
	 float:left;
}


div#smenu1  { margin-left: 0px; visibility: visible; }
div#smenu2  { margin-left: 15px; visibility: visible; }
div#smenu3  { margin-left: 35px; visibility: visible; }
div#smenu3.ang  { margin-left: 10px; visibility: visible; }
div#smenu6      { margin-left: 130px; visibility: visible; }
div#smenu6.ang  { margin-left: 150px; visibility: visible; }

.sousmenus ul li 
{
     margin-top: 3px;
     margin-right: 0px;
     float: left;
     list-style: none;
     /*position: relative;*/
}
.sousmenus li { /*position: relative;*/ }
.sousmenus ul li a
{
 	 display: block;
	 padding:0 10px;
	 width:auto;
	 padding-bottom:10px;
} 

.sousmenus ul li a:hover 
{
     display: block;
	 text-decoration: none;
}

.sousmenus ul li.selectionne a { font-weight: bold; }
