.menu1    { background-repeat: no-repeat; letter-spacing: 1px; position: fixed; top: 0; left: 0; } /*background-position: 2 center; margin-bottom: 2px; */
.menu1 a     { color: #771cc9; font-size: 11px; font-family: "Trebuchet MS", Verdana, 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;
padding-right: 10px; padding-left: 30px; height: 28px; vertical-align: middle; -moz-border-radius-bottomright: 20px; -moz-border-radius-topright: 8px; -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)*/ /* margin: 0; ne pas mettre padding: 0 10px 0 30px; a la place de padding-right: 10px; padding-left: 30px sinon pas ok sous IE, meme en le changeant la CSS seulement pour IE, a la fin */

.menu1 a:visited { color: #771cc9; }

.menu1 a:hover { color: yellow; font-size: 13px; letter-spacing: 0; padding-left: 30px; text-decoration: none; } /* , .menu1 a:focus, .menu1 a:active */ /*background-color: #0095dc; background-position: 2px center;*/

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

.menu1.menuAccueil  { background-imageXX: url("../images/menu/fondMenuViolet.png") } /*chaque menu peut recevoir une image de fond*/
.menu1 a.menuAccueil, span.menuAccueil  { background-image: url("../images/menu/coul3/menuAccueil.png") }
.menu1 a.menuAccueil:hover { background-color: #771cc9; background-image: url("../images/menu/coul4/menuAccueil.png") } /*chaque menu peut recevoir une couleur au survol #6239a0= violet du PSD en mode RV moniteur*/

.menu1.menuConnexion { background-imageXX: url("../images/menu/fondMenuViolet.png"); }
.menu1 a.menuConnexion, span.menuConnexion { background-image: url("../images/menu/coul3/menuConnexion.png"); }
.menu1 a.menuConnexion:hover { background-color: #771cc9; background-image: url("../images/menu/coul4/menuConnexion.png") }

.menu1.menuMaListe { background-imageXX: url("../images/menu/fondMenuViolet.png"); }
.menu1 a.menuMaListe, span.menuMaListe { background-image: url("../images/menu/coul3/menuMaListe.png"); }
.menu1 a.menuMaListe:hover { background-color: #771cc9; background-image: url("../images/menu/coul4/menuMaListe.png") }

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

.menu1.menuDerniereListe { background-imageXX: url("../images/menu/fondMenuViolet.png"); }
.menu1 a.menuDerniereListe, span.menuDerniereListe { background-image: url("../images/menu/coul3/photoDerniereListe_neutre.png"); }
.menu1 a.menuDerniereListe:hover { background-color: #771cc9; background-image: url("../images/menu/coul3/photoDerniereListe_neutre.png") }

.menu1.menuParametre { background-imageXX: url("../images/menu/fondMenuViolet.png"); }
.menu1 a.menuParametre, span.menuParametre { background-image: url("../images/menu/coul3/menuParametre.png"); }
.menu1 a.menuParametre:hover { background-color: #771cc9; background-image: url("../images/menu/coul4/menuParametre.png") }

.ligneSeparateurMenu  { background-image: url("../images/menu/ligneMenu.png"); background-repeat: no-repeat; background-position: left 0; width: 200px; height: 1px; position: fixed; top:0; left:0; }
.ligneSeparateurMenuReduit { background-position: -20px 0; }

/* menus inactifs: */
/*.menu1 span.menuInactif.menuDerniereListe { background-positionXX: 0px center; background-image: url("../images/menu/coul5/photoDerniereListe_neutre.png")}
.menu1 span.menuInactif.menuParametre { background-positionXX: 0px center; background-image: url("../images/menu/coul5/menuParametre.png")}
*/
.menuInactif  { color: #BBBBBB; font-size: 11px; 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; letter-spacing: 1px; display: table-cell; margin: 0; padding: 0 10px 0 30px; height: 28px; vertical-align: middle; }

.menuDerniereListe_Inactif { background-positionXX: 0px center; background-image: url("../images/menu/coul5/photoDerniereListe_neutre.png")}
.menuParametre_Inactif { background-positionXX: 0px center; background-image: url("../images/menu/coul5/menuParametre.png")}


/* menus actifs: */
.menu1 span.menuActif.menuAccueil{ XXbackground-color: #771cc9; background-positionXX: 0px center; background-image: url("../images/menu/coul4/menuAccueil.png") }
.menu1 span.menuActif.menuConnexion { XXbackground-color: #771cc9; background-positionXX: 0px center; background-image: url("../images/menu/coul4/menuConnexion.png")}
.menu1 span.menuActif.menuMaListe { XXbackground-color: #771cc9; background-positionXX: 0px center; background-image: url("../images/menu/coul4/menuMaListe.png")}
.menu1 span.menuActif.menuChercher { XXbackground-color: #771cc9; background-positionXX: 0px center; background-image: url("../images/menu/coul4/menuChercher.png")}
.menu1 span.menuActif.menuDerniereListe { XXbackground-color: #771cc9; background-positionXX: 0px center; background-image: url("../images/menu/coul3/photoDerniereListe_neutre.png")}
.menu1 span.menuActif.menuParametre { XXbackground-color: #771cc9; background-positionXX: 0px center; background-image: url("../images/menu/coul4/menuParametre.png")}

.menuActif  { background-color: #771cc9; color: #ffffff; font-size: 11px; 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; letter-spacing: 1px; display: table-cell; margin: 0; padding: 0 10px 0 30px; height: 28px; vertical-align: middle; -moz-border-radius-bottomright: 20px; -moz-border-radius-topright: 8px; -webkit-border-bottom-right-radius: 20px; -webkit-border-top-right-radius: 8px;  }


.photoDansMenu { position: absolute; top: 0; left: 0; width: 26px; height: 26px; border: solid 1px #FFFFFF }

.img { vertical-align: middle }

.decalage_IE { } /*padding-top: 5px; voir partie reserve pour IE ci-apres*/

.btnDeconnexion     { background-image: url("../images/menu/coul3/menuDeconnexion.png"); position: absolute; top: 3px; left: 000px; width: 46px; height: 26px; }
.btnDeconnexion:hover  { background-image: url("../images/menu/coul3/menuDeconnexionSTOP.png");  }
.btnDeconnexionSurvol  { background-image: url("../images/menu/coul3/menuDeconnexionSTOP.png");  }