/*
 * Menu principal
 */

div#conteneurMenu
{
  width: 100%;
  background-image: url(../images/menuBackground.gif);
  background-repeat: repeat;
}
 
ul#menu, ul#menu_ang, ul#menu_esp
{
  margin: 0;
  padding: 0;
  width: 761px;
  height: 27px;
  border-bottom: 2px solid #fff;
  background:  transparent url(../images/menu.gif) top left;
}

ul#menu_ang { background:  transparent url(../images/menu_ang.gif) top left; }
ul#menu_esp { background:  transparent url(../images/menu_esp.gif) top left; }

ul#menu li, ul#menu_ang li, ul#menu_esp li
{
  float: left;
  height: 27px;
  margin: 0;
  padding: 0;
  list-style: none;
  position:relative 
}
ul#menu li a, ul#menu_ang li a, ul#menu_esp li a
{
  display: block;
  height: 27px;
}  

/*
 * FRANCAIS
 */
 
ul#menu li a span { display: none; }

ul#menu li a:hover, ul#menu li a.selectionne { background:  transparent url(../images/menu.gif) top left; }

ul#menu li#profil { width: 69px; }
ul#menu li#profil a:hover, ul#menu li#profil a.selectionne, ul#menu li#profil a.select { background-position: 0% -27px; }

ul#menu li#equipements { width: 109px; }
ul#menu li#equipements a:hover, ul#menu li#equipements a.selectionne, ul#menu li#equipements a.select { background-position: -69px -27px; }

ul#menu li#logistiqueServices { width: 163px; }
ul#menu li#logistiqueServices a:hover, ul#menu li#logistiqueServices a.selectionne ,ul#menu li#logistiqueServices a.select { background-position: -178px -27px; }

ul#menu li#carriere { width: 92px; }
ul#menu li#carriere a:hover, ul#menu li#carriere a.selectionne { background-position: -341px -27px; }

ul#menu li#documents { width: 110px; }
ul#menu li#documents a:hover, ul#menu li#documents a.selectionne { background-position: -433px -27px; }

ul#menu li#nouvelles { width: 105px; }
ul#menu li#nouvelles a:hover, ul#menu li#nouvelles a.selectionne { background-position: -543px -27px; }

ul#menu li#courtage { width: 99px; }
ul#menu li#courtage a:hover, ul#menu li#courtage a.selectionne { background-position: -648px -27px; }

ul#menu li div ul li a:hover { background: none; }


/*
 * ANGLAIS
 */
 
ul#menu_ang li a span { display: none; }

ul#menu_ang li a:hover, ul#menu_ang li a.selectionne { background:  transparent url(../images/menu_ang.gif) top left; }

ul#menu_ang li#profil { width: 69px; }
ul#menu_ang li#profil a:hover, ul#menu_ang li#profil a.selectionne, ul#menu_ang li#profil a.select { background-position: 0% -27px; }

ul#menu_ang li#equipements { width: 109px; }
ul#menu_ang li#equipements a:hover, ul#menu_ang li#equipements a.selectionne, ul#menu_ang li#equipements a.select { background-position: -69px -27px; }

ul#menu_ang li#logistiqueServices { width: 163px; }
ul#menu_ang li#logistiqueServices a:hover, ul#menu_ang li#logistiqueServices a.selectionne ,ul#menu_ang li#logistiqueServices a.select { background-position: -178px -27px; }

ul#menu_ang li#carriere { width: 92px; }
ul#menu_ang li#carriere a:hover, ul#menu_ang li#carriere a.selectionne { background-position: -341px -27px; }

ul#menu_ang li#documents { width: 110px; }
ul#menu_ang li#documents a:hover, ul#menu_ang li#documents a.selectionne { background-position: -433px -27px; }

ul#menu_ang li#nouvelles { width: 105px; }
ul#menu_ang li#nouvelles a:hover, ul#menu_ang li#nouvelles a.selectionne { background-position: -543px -27px; }

ul#menu_ang li#courtage { width: 99px; }
ul#menu_ang li#courtage a:hover, ul#menu_ang li#courtage a.selectionne { background-position: -648px -27px; }

ul#menu_ang li div ul li a:hover { background: none; }


/*
 * ESPAGNOL
 */
 
 ul#menu_esp li a span { display: none; }

ul#menu_esp li a:hover, ul#menu_esp li a.selectionne { background:  transparent url(../images/menu_esp.gif) top left; }

ul#menu_esp li#profil { width: 69px; }
ul#menu_esp li#profil a:hover, ul#menu_esp li#profil a.selectionne, ul#menu_esp li#profil a.select { background-position: 0% -27px; }

ul#menu_esp li#equipements { width: 109px; }
ul#menu_esp li#equipements a:hover, ul#menu_esp li#equipements a.selectionne, ul#menu_esp li#equipements a.select { background-position: -69px -27px; }

ul#menu_esp li#logistiqueServices { width: 163px; }
ul#menu_esp li#logistiqueServices a:hover, ul#menu_esp li#logistiqueServices a.selectionne ,ul#menu_esp li#logistiqueServices a.select { background-position: -178px -27px; }

ul#menu_esp li#carriere { width: 92px; }
ul#menu_esp li#carriere a:hover, ul#menu_esp li#carriere a.selectionne { background-position: -341px -27px; }

ul#menu_esp li#documents { width: 110px; }
ul#menu_esp li#documents a:hover, ul#menu_esp li#documents a.selectionne { background-position: -433px -27px; }

ul#menu_esp li#nouvelles { width: 105px; }
ul#menu_esp li#nouvelles a:hover, ul#menu_esp li#nouvelles a.selectionne { background-position: -543px -27px; }

ul#menu_esp li#courtage { width: 99px; }
ul#menu_esp li#courtage a:hover, ul#menu_esp li#courtage a.selectionne { background-position: -648px -27px; }

ul#menu_esp li div ul li a:hover { background: none; }


/*
 * Partie pour les sous-menus
 */


ul#menu li div ul li { height: 15px; }
ul#menu_angli div ul li { height: 15px; }

.sousmenus {
     margin: 0;
	 padding: 0;
     position:absolute;
     top: -5000px;
	 width : 150px;
     background: #000099;
}
.sousmenus ul {
     margin: 0;
	 padding: 0;
     width: 150px; 
     list-style: none;
}
.sousmenus ul li {
     margin: 0;
	 padding: 0;
     display: block; 
     width: 150px;
     height: 15px;
     list-style: none;
     position:relative 

}
.sousmenus ul li a
{
	 margin-top: -1px;
     margin: 0;
	 padding: 0;
     font-size : 11px;
     width: 150px;
     height: 15px;
     color : #FFFFFF;
     border-bottom: 0px;
     display: block;
	 text-decoration: none;
	 border: 1px solid #fff;
	 border-bottom: 0;
	 background-color: #000099;
	 padding-left: 6px;

}
.sousmenus ul li a:hover {
	 margin-top: -1px;
     margin: 0;
	 padding: 0;
     font-size : 11px;
     width: 150px;
     height: 15px;
     color : #FFFFFF;
     border-bottom: 0px;
     display: block;
	 text-decoration: none;
	 border: 1px solid #fff;
	 border-bottom: 0;
	 background-color: #990000;
	 padding-left: 6px;
}

.sousmenus ul li.dernier a, .sousmenus ul li.dernier a:hover { margin-top: 0; border-bottom: 1px solid #fff; }

/*
 * Sous-menus à gauche
 */
 
ul#sousMenus
{
  margin: 0;
  margin-bottom: 20px;
  padding: 0;
}

ul#sousMenus li
{
  margin: 0px;
  padding: 0px;
  width: 181px;
  height: 21px;
}

ul#sousMenus li a
{
  display: block;
  width: 181px;
  height: 21px;
  background: transparent url(../images/backgroundSousMenusGauche.gif);
  color: #fff;
  text-decoration: none;
  font-family: Arial, Sans-Serif;
  font-size: 11px;
  vertical-align: middle;
}

ul#sousMenus li a:hover, ul#sousMenus li.selectionne a
{
  background: transparent url(../images/backgroundSousMenusGauche.gif);
  background-position: 0% -21px;
  vertical-align: middle;
}    

ul#sousMenus li a span { cursor: pointer; float: left; margin-top: 4px; margin-left: 10px; }