#zoneMenu2011 {
left:0; top:0px; z-index:99; /*opacity:0.9;*/
margin-left:0px; padding: 0px 15px 20px 0px; /*en position normal, petit espacement a droite*/
background-image: url("../images/menu/fondCadreMenu-2.png"); background-attachment: scroll; background-position: bottom right; background-repeat: no-repeat; /*le fond de menu oblique*/
text-align:left; /*pour aligner les texte a gauche*/
/*position mis dans menu1 si apres*/
}

.menu_v3 { /*pour tous les menu (pas mis dans ".menu1 a" car le menu deconnexion n'utilise pas de balise <a> */
	clear: both; float: none; display:block; /*display:inherit semble marcher aussi*/
}

.menu1 /*style class dans zoneMenu2011. Mis ici pcar menu1 change de "position" selon la page (fixed ou absolute)*/ { position:fixed; }

.menu1 a, .menu1 span.menuActif, .menu1 span.menuInactif { /*pour menu normaux et menu actif ou inactif*/
	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; letter-spacing: 1px;
background-repeat: no-repeat; background-position: 2px center; height: 28px;

	white-space: pre; /*evite retour a la ligne auto*/
	background-position: 1px center;

	padding: 0 10px 0 30px ; /*padding-right: 10px; si pas ok sous IE : decomposer*/
	/*display: table-cell; vertical-align: middle;*/ /* permet de centrer verticalement le texte (mais pas ok sous IE?)*/
	display: block; vertical-align: inherit; /* permet que le fond se colore sur toute la largeur du menu*/ /* voir padding-top: 7px; + bas pour ajuster verticalement (dans .lesTextesMenuMaxi... et suivant)*/
}
.menu1 a:visited { color: #771cc9; }
.menu1 a:hover {
color: yellow; font-size: 13px; letter-spacing: 0;
padding-right: 10px; font-size: 14px; letter-spacing: 0;
background-color: #771cc9;
}


.lesTextesMenuMaxi#zoneMenu2011 , .lesTextesMenuMini#zoneMenu2011  { /*le menu devient droit si maxi ou si mini + ombre pas en image*/
background-position: left;
background-image: none ; /*jan2015 remplace: url( none );*/
-webkit-border-radius: 0 0 10px 0; -moz-border-radius: 0 0 10px 0; border-radius: 0 0 10px 0;
-webkit-box-shadow: -4px 3px 20px #000; -moz-box-shadow: -4px 3px 20px #000; box-shadow: -4px 3px 20px #000; /*on lui met une vraie ombre css3*/
background-color:#FFF; /*met un fd blanc au menu*/
padding: 0px 0px 0px 0px; /*enleve marge de droite et du bas*/
}

.lesTextesMenuMini#zoneMenu2011, .menu1 a.menuDeconnexion  {/*complement si mini*/ /*mis aussi pour le menu deconnexion, le coin en bas a droite au survol doit rester arrondi*/
-webkit-border-radius: 0 0 8px 0; -moz-border-radius: 0 0 8px 0; border-radius: 0 0 8px 0;
}

.lesTextesMenuMaxi.menuMaxiNonConnecte#zoneMenu2011 { /*si pas connecte, on ajoute un peu de marge en bas du menu pour eviter scintillement, car le menu normal est incline et prend donc + de hauteur que le menu developpe. Si on arrive doucement sur le menu par le bas, le menu s'affiche puis disparait de suite car menu + court , docn on est plus dessus. */
	padding-bottom : 18px;
}


.photoDansMenu-MaListe, .photoDansMenu-Dernier { /*pour les photos (du menu "Ma liste" et "Derniere liste")*/
position: absolute; top: 0; left: 0; width: 26px; height: 26px; border: solid 1px #FFFFFF;
top:30px; left:1px; /*pour recaler manuellement par rapport au coin NO du menu*/
border: solid 0px #FFFFFF;
}
.photoDansMenu-Dernier { /*pour 2eme photo: on cale plus bas*/
top:88px;
}


.lesTextesMenuMaxi a span.texteMaxi, .lesTextesMenuMaxi span span.texteMaxiEtNormal { /*si les textes du menu doivent etre affiche a leur maximum...*/
	display:inherit;  /*on affiche le texte long de chaque menu*/
	padding-top: 7px; /*pour ajuster verticalement si pas de vertical-align:middle et utilise pas table-cell*/
}
.lesTextesMenuMaxi a span.texteNormal { /*...et on masque le texte normal de chaque menu*/
	display:none;
}

.lesTextesMenuNormal a span.texteNormal, .lesTextesMenuNormal span span.texteMaxiEtNormal { /*idem ci-dessus mais pour affichage normal*/
	display:inherit;
	padding-top: 7px;
}
.lesTextesMenuNormal a span.texteMaxi {
	display:none;
}
.lesTextesMenuNormal span#leMenuDeconnexion2 { /*menu deconnexion*/
	display:none;
}

.lesTextesMenuMini a span.texteMaxi, .lesTextesMenuMini a span.texteNormal, .lesTextesMenuMini span span.texteMaxiEtNormal, .lesTextesMenuMini span#leMenuDeconnexion2 { /*si menu mini: on masque les textes et le menu deconnexion*/
	display:none;
}


.ligneSeparateurMenu  { /*les traits de separation entre chaque menu*/
background-image: url("../images/menu/ligneMenu-2.png"); background-repeat: no-repeat; background-position: left 0; /*width: 200px;*/ height: 1px; position: static; top: inherit;left: inherit; float: left;
width:inherit; /*largeur ajustee selon taille maxi, mini, etc... voir + bas*/
}

/*ajustement des separateurs selon largeur menu : */
.lesTextesMenuMaxi span.ligneSeparateurMenu { /*si menu maxi*/
	background-position: left 0; width:100px; /*background-color: blue;*/ /*on pourrait aussi faire un trait plus grand encore*/
}
.lesTextesMenuNormal span.ligneSeparateurMenu  { /*si menu normal*/
	background-position: -30px 0; width:70px; /*background-color: red;*/
}
.lesTextesMenuMini span.ligneSeparateurMenu { /*si menu mini*/
	background-position: -70px 0; width:30px; /*background-color: green;*/
}

/*si menu mini: le menu n'a pas de marge a droite*/
.lesTextesMenuMini.menu1 a, .lesTextesMenuMini.menu1 span {
padding-right:0px;
}

/* Les menus visibles normalement : */
.menu1 a.menuAccueil { background-image: url("../images/menu/coul3/menuAccueil.png") }
.menu1 a.menuConnexion { background-image: url("../images/menu/coul3/menuConnexion.png") }
.menu1 a.menuMaListe { background-image: url("../images/menu/coul3/menuMaListe.png") }
.menu1 a.menuChercher { background-image: url("../images/menu/coul3/menuChercher.png"); }
.menu1 a.menuDerniereListe { background-image: url("../images/menu/coul3/photoDerniereListe_neutre.png") }
.menu1 a.menuParametre { background-image: url("../images/menu/coul3/menuParametre.png"); }
.menu1 a.menuDeconnexion  { background-image: url("../images/menu/coul3/menuDeconnexionSTOP-2.png"); }


/* Ces même menus lors du survol : */
.menu1 a.menuAccueil:hover { background-image: url("../images/menu/coul4/menuAccueil.png") }
.menu1 a.menuConnexion:hover { background-image: url("../images/menu/coul4/menuConnexion.png") }
.menu1 a.menuMaListe:hover { background-image: url("../images/menu/coul4/menuMaListe.png") }
.menu1 a.menuChercher:hover { background-image: url("../images/menu/coul4/menuChercher.png"); }
/*.menu1 a.menuDerniereListe:hover { background-image: url("../images/menu/coul4/photoDerniereListe_neutre.png") } jan2015: image inexistante*/
.menu1 a.menuParametre:hover { background-image: url("../images/menu/coul4/menuParametre.png"); }
.menu1 a.menuDeconnexion:hover { background-image: url("../images/menu/coul4/menuDeconnexionSTOP-2.png"); }


/* Les menus inactif (gris)*/
.menu1 span.menuInactif { color:#BBBBBB; } /*commun aux menus inactifs*/
.menu1 span.menuAccueil_Inactif { background-image: url("../images/menu/coul5/menuAccueil.png") }
.menu1 span.menuConnexion_Inactif { background-image: url("../images/menu/coul5/menuConnexion.png") }
.menu1 span.menuMaListe_Inactif { background-image: url("../images/menu/coul5/menuMaListe.png") }
.menu1 span.menuChercher_Inactif { background-image: url("../images/menu/coul5/menuChercher.png"); }
.menu1 span.menuDerniereListe_Inactif { background-image: url("../images/menu/coul5/photoDerniereListe_neutre.png"); }
.menu1 span.menuParametre_Inactif { background-image: url("../images/menu/coul5/menuParametre.png"); }
/*le menu deconnexion se masque et ne peut donc pas etre gris*/

/* les menus Actif (= menu de la page actuellement visible)*/
.menu1 span.menuActif { /*commun aux menu actifs*/
font-style: italic; letter-spacing: 0; font-size: 12px; }
.menu1 span.menuAccueil_Actif { background-image: url("../images/menu/coul3/menuAccueil.png"); } /*j'utilise 'coul3' comme pour menu normal car on ne peut pas surligner toute la ligne (a cause du bord oblique du menu)*/
.menu1 span.menuConnexion_Actif { background-image: url("../images/menu/coul3/menuConnexion.png") }
.menu1 span.menuMaListe_Actif { background-image: url("../images/menu/coul3/menuMaListe.png"); }
.menu1 span.menuChercher_Actif { background-image: url("../images/menu/coul3/menuChercher.png"); }
.menu1 span.menuDerniereListe_Actif { background-image: url("../images/menu/coul3/photoDerniereListe_neutre.png"); }
.menu1 span.menuParametre_Actif { background-image: url("../images/menu/coul3/menuParametre.png"); }
/*le menu deconnexion se masque et ne concenr epas une page. Il ne peut donc pas etre actif*/