#menu, #menu ul 
{
   padding : 0; 
   margin : 0; 
   list-style : none;
   line-height : 21px; 
   text-align : center;  
   z-index:100;   
}
#menu
{
   
   font-family : Arial;
   font-size : 11px;
   position:relative;
   left:1px;
   
}

#menu a
{
   display : block;
   padding : 0;
   height:21px;      
   text-decoration : none;
   width : 140px;
  
}

#menu li
{ 
   float : left;  
   height:30px; 
   border-right : 1px solid #fff; 
}
#menu .ableli:hover{                    /* liste prete pour un hover */
background-position: 0pt -25pt;

}



#menu li a {
position:relative;
top:6px;
}
#menu .ableli a {
color:rgb(96,96,96);
}
html>body #menu li
{
   border-right: 1px solid transparent ;
}

#menu li .cadre-exterieur         /* cadre grand blanc exterieur */
{ 
   position: absolute;
   left: -999em;  
   float:left;
   position:relative;
   top:9px; 
   
   background: rgb(255,255,255);
   border: 1px rgb(0,0,102) solid;
   padding:2px;   /* epaisseur du cadre */
   margin:0px;
   margin-left:5px;
}
.cadre-interieur{
float:left;

font-size:11px;
border: 1px rgb(0,128,255) solid;
}

#menu li ul li
{
   height:21px;
   
} 
#menu li ul li a {
margin:0;
text-align:left;
width:144px;
height:21px;
padding:0px;
padding-left:8px;
position:relative;
top:0px;
left:0px;
right:0px;
margin-right:0px;
color:#777777;
}
#menu li ul li a:hover{
background: #c6ecff;
color: #777777;

}                       

#menu li:hover ul, #menu li li:hover ul
{
   left: auto;
   min-height: 0; 
   
   
}
#menu li:hover .cadre-exterieur{
position:relative;
   right:5px;
}
/******************** Boutons en images **********************************/

#acceuil a{
 width:48px; 
 position:relative;
 left :9px;  
}

#acceuil{
width:64px;
background: transparent url(../images/menu/acceuil.png) no-repeat scroll; 
}
#menu_ordinateur {
width:77px;                
background: transparent url(../images/menu/ordinateurs.png) no-repeat scroll;  
}
#menu_ordinateur a {
width:66px;
position:relative;
 left :5.5px;     
}
.superlien{
color:white;
}

#menu_imprimantes{
width:92px;
background: transparent url(../images/menu/imprimantes.png) no-repeat scroll;

}
#menu_imprimantes a {
width:92%;
font-size: 10.8px;
position:relative;
margin-top:2px;
margin-bottom:-2px;
line-height: 1em;  
left :5px;    
}
#menu_imprimantes ul li a {
line-height: 2em; 

}

#menu_composants{
width:77px;
background: transparent url(../images/menu/composants.png) no-repeat scroll;
}
#menu_composants a {
width:90%;
position:relative;
left :4.5px;   
}
#menu_moniteurs{
width:77px;
background: transparent url(../images/menu/moniteurs.png) no-repeat scroll;
}
#menu_moniteurs a {   
width:94%;
position:relative;
left :4px;   
}
#menu_photovideo{
background: transparent url(../images/menu/photovideo.png) no-repeat scroll;
width:82px; 
position:relative;
  
}
#menu_photovideo a {   
width:94%;
position:relative;
left :4px;   
}
#menu_accessoires{
background: transparent url(../images/menu/accessoires.png) no-repeat scroll;
width:82px;
}
#menu_accessoires a {   
width:94%;
position:relative;
left :4px;   
}
#menu_stockage{
width:64px;
background: transparent url(../images/menu/stockage.png) no-repeat scroll;     
}
#menu_stockage a {   
width:94%;
position:relative;
left :4px;   
}
#menu_serveur{
background: transparent url(../images/menu/serveurs.png) no-repeat scroll; 
width:64px;
}
#menu_serveur a {   
width:94%;
position:relative;
left :4px;   
}
#menu_reseau{
width:58px;
background: transparent url(../images/menu/reseau.png) no-repeat scroll;       
}
#menu_reseau a {   
width:94%;
position:relative;
left :3px;   
}
#menu_electricite{
width:58px;
background: transparent url(../images/menu/reseau.png) no-repeat scroll;       
}
#menu_electricite a {   
width:94%;
position:relative;
left :3px;   
}
#menu_service{
width:64px;
background: transparent url(../images/menu/service.png) no-repeat scroll; 
}
#menu_service a {   
width:94%;
position:relative;
left :3px;   
}
#menu_bonplans{
width:82px;
background: transparent url(../images/menu/bonsplans.png) no-repeat scroll;
}
#menu_bonplans a {   
width:94%;
position:relative;
left :3px;   
}

#menu_aide{
width:58px;
background: transparent url(../images/menu/Aide.png) no-repeat scroll;       
}
#menu_aide a {   
width:94%;
background: none; 
position:relative;
left :3px;   
}
#menu_logiciels{
width:58px;
background: transparent url(../images/menu/Aide.png) no-repeat scroll;       
}
#menu_logiciels a {   
width:94%;
background: none; 
position:relative;
left :3px;   
}

#lignesousmenu{
height:9px;
width:101.5%;
position:relative;
left:-6px;
z-index:-55;
}
.barre-sous-ligne{
      height:9px;
      margin:0;
      padding:0;
}
.a-selected{
color:white;
}
.a-selected:hover{
color:white;
}