/* ancienne version (avt nov 2010)*/
.menuX    { background-color: white; margin-top: 2px; margin-left: 2px; position: fixed; top: 0; left: 0 }
.menu1 { background-image: url("../images/menu/fondMenuBleu.png"); background-repeat: no-repeat; background-position: 0 center; margin-bottom: 2px; height: 28px; }
.menu1 a  { color: #0095dc; font-size: 12px; font-family: "Trebuchet MS", Arial, sans-serif; font-style: normal; font-weight: normal; line-height: 1em; text-decoration: none; background-repeat: no-repeat; background-position: 2px center; display: table-cell; margin: 0; padding: 0 10px 0 30px; height: 28px; vertical-align: middle; -moz-border-radius-bottomright: 10px; -webkit-border-bottom-right-radius: 20px; -webkit-border-top-right-radius: 8px  }
/*mettre display: block; pour que le fond couvre la largeur totale du menu, sinon mettre display: table pour que ca occupe la largeur du texte du menu (=> change selon largeur du texte)*/
.menu1 a:hover, .menu1 a:focus, .menu1 a:active  { color: #fff; background-color: #0095dc; background-position: 5px center; padding-left: 33px }

.menu1 a em { 
display:block; 
float:left; 
width:30px; 
height:40px; 
}

.menu1.menuAccueil { background-image: url("../images/menu/fondMenuBleu.png"); }
.menu1 a.menuAccueil, span.menuAccueil { background-image: url("../images/menu/menuAccueil.png"); }
.menu1 a.menuAccueil:hover { background-color: #0176af; }

.menu1.menuMaListe { background-image: url("../images/menu/fondMenuBleu.png"); }
.menu1 a.menuMaListe, span.menuMaListe { background-image: url("../images/menu/menuMaListe.png"); }
.menu1 a.menuMaListe:hover { background-color: #ffa500; }

.menu1.menuChercher { background-image: url("../images/menu/fondMenuBleu.png"); }
.menu1 a.menuChercher, span.menuChercher { background-image: url("../images/menu/menuChercher.png"); }
.menu1 a.menuChercher:hover { background-color: #771cc9; }

.menu1.menuDerniereListe { background-image: url("../images/menu/fondMenuBleu.png"); }
.menu1 a.menuDerniereListe, span.menuDerniereListe { background-image: url("../images/menu/menuDerniereListe.png"); }
.menu1 a.menuDerniereListe:hover { background-color: #cccc01; }

.menu1 span.menuActif.menuAccueil{ background-color: #0176af; background-position: 5px center; }
.menu1 span.menuActif.menuMaListe { background-color: #ffa500; background-position: 5px center; }
.menu1 span.menuActif.menuChercher { background-color: #771cc9; background-position: 5px center; }
.menu1 span.menuActif.menuDerniereListe { background-color: #cccc01; background-position: 5px center; }

.menuActif {
color: #FFFFFF; font-size: 12px; font-family: "Trebuchet MS", Arial, sans-serif; font-style: normal; font-weight: normal; line-height: 1em; text-decoration: none; background-repeat: no-repeat; background-position: 2px center; display: table-cell; margin: 0; padding: 0 10px 0 30px; height: 28px; vertical-align: middle; -moz-border-radius-bottomright: 10px; -webkit-border-bottom-right-radius: 20px; -webkit-border-top-right-radius: 8px; padding-left: 33px
}

.img { vertical-align: middle }