/*     Menu general du haut et de la colonne de gauche       */



/*     haut       */

#menu-top ul     { position:relative; top: 94px; left: 287px;  }
#menu-top ul li { float: left; margin: 0 0 0 0px; padding: 0 0 0 0;  }
#menu-top ul li a {  height: 14px; display: block;   }
#menu-top ul li a span{ display: none;  height: 14px;   }

#menu-top ul li a.infoprod         { background: url(../images/menu/info.gif) left top no-repeat; width: 105px;  }
#menu-top ul li a.infoprod:hover   { background: url(../images/menu/info2.gif) left top no-repeat;   }

#menu-top ul li a.trait            { background: url(../images/menu/trait.gif) left top no-repeat; width: 112px; }
#menu-top ul li a.trait:hover      { background: url(../images/menu/trait2.gif) left top no-repeat;   }

#menu-top ul li a.links             { background: url(../images/menu/lien.gif) left top no-repeat; width: 62px;   }
#menu-top ul li a.links:hover       { background: url(../images/menu/lien2.gif) left top no-repeat;     }

#menu-top ul li a.sq                { background: url(../images/menu/sq.gif) left top no-repeat; width: 85px;   }
#menu-top ul li a.sq:hover         { background: url(../images/menu/sq2.gif) left top no-repeat;   }

#menu-top ul li a.eph              {  background: url(../images/menu/eph.gif) left top no-repeat; width: 98px;  }
#menu-top ul li a.eph:hover        {  background: url(../images/menu/eph2.gif) left top no-repeat;    }

#menu-top ul li a.contact          {  background: url(../images/menu/cont.gif) left top no-repeat; width: 87px;  }
#menu-top ul li a.contact:hover    {  background: url(../images/menu/con2.gif) left top no-repeat    }

#menu-top ul li a.metha          {  background: url(../images/menu/metha.gif) left top no-repeat; width: 158px;  }
#menu-top ul li a.metha:hover    {  background: url(../images/menu/metha2.gif) left top no-repeat    }




/*        Colonne gauche    */

div#menu-left ul    {  margin: 15px 0 0 20px   }
div#menu-left ul li { width: 165px;  height: 21px;  margin: 0 0 3px 0; padding: 0;  background: url(../images/menu/bg_li.gif) 25px bottom no-repeat   }
div#menu-left ul li a{color: #fff; padding: 0 0 3px 26px; text-decoration: none; height: 15px; display: block;   }
div#menu-left ul li a:hover {color: #727272   }

div#menu-left2 ul    {  margin: 15px 0 0 20px   }
div#menu-left2 ul li { width: 165px;  height: 21px;  margin: 0 0 3px 0; padding: 0;  background: url(../images/menu/bg_li.gif) 25px bottom no-repeat   }
div#menu-left2 ul li li { background-image:none; width:150px}
div#menu-left2 ul li a{color: #fff; padding: 0 0 3px 26px; text-decoration: none; height: 15px; display: block;   }
div#menu-left2 ul li a:hover {color: #727272   }



div#menu-left ul li a.acc         {   background: url(../images/menu/acc.gif) left top no-repeat;}
div#menu-left2 ul li a.consult     {   background: url(../images/menu/consult.gif) left top no-repeat;}
div#menu-left ul li a.urg         {  background: url(../images/menu/urg.gif) left top no-repeat; }
div#menu-left ul li a.hospi       {  background: url(../images/menu/hospi.gif) left top no-repeat; }
div#menu-left ul li a.ecoute      {  background: url(../images/menu/ecoute.gif) left top no-repeat; }
div#menu-left ul li a.engage      {  background: url(../images/menu/engage.gif) left top no-repeat; }
div#menu-left ul li a.pro         {   background: url(../images/menu/pro.gif) left top no-repeat;}
div#menu-left2 ul li a.conn        {   background: url(../images/menu/conn.gif) left top no-repeat;}
div#menu-left ul li a.infocontact {   background: url(../images/menu/infocontact.gif) left top no-repeat;}
div#menu-left ul li a.actual      {   background: url(../images/menu/actual.gif) left top no-repeat;}

div#menu-left ul li a.acc:hover         {   background: url(../images/menu/acc2.gif) left top no-repeat;}
div#menu-left2 ul li a.consult:hover     {   background: url(../images/menu/consult2.gif) left top no-repeat;}
div#menu-left ul li a.urg:hover         {  background: url(../images/menu/urg2.gif) left top no-repeat; }
div#menu-left ul li a.hospi:hover       {  background: url(../images/menu/hospi2.gif) left top no-repeat; }
div#menu-left ul li a.ecoute:hover      {  background: url(../images/menu/ecoute2.gif) left top no-repeat; }
div#menu-left ul li a.engage:hover      {  background: url(../images/menu/engage2.gif) left top no-repeat; }
div#menu-left ul li a.pro:hover         {   background: url(../images/menu/pro2.gif) left top no-repeat;}
div#menu-left2 ul li a.conn:hover        {   background: url(../images/menu/conn2.gif) left top no-repeat;}
div#menu-left ul li a.infocontact:hover {   background: url(../images/menu/infocontact2.gif) left top no-repeat;}
div#menu-left ul li a.actual:hover      {   background: url(../images/menu/actual2.gif) left top no-repeat;}