/***** menus.css                styles pour menus déroulants
  cf:  http://iubito.free.fr/prog/menu.php -                         */

@media print {
  /*  menu caché à l'impression; marche au moins pour IE, Moz, Opéra */
  .mMenu, .ssMenu,divMenu {
     visibility:hidden;
     }
  }
  

.mMenu, .ssMenu {
  /* background-color:#AA8922; color:white; */
  background-color:#99F; color:white;
  font-size:12px; font-weight:bold;
  font-family:"MS Sans Serif", "sans-serif", Verdana, Arial;
  border:1px solid #EFB;
  padding:1px;
  /* width et margin sont au cas où le javascript est désactivé. */
  width:15em;
  margin:1em;
  }

  /* .mMenu = les cases toujours visibles (comme Fichier, Edition... 
   * dans un logiciel) */
.mMenu {
  text-align:center;
  }

/* .ssMenu = parties "déroulantes" qui s'affiche au survol d'un .mMenu */
.ssMenu {
  /* 
  FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,
     startColorStr='#BBAAFF',endColorStr='#332288');   */
  white-space : nowrap; /* normal pre nowrap */
  background-image:url('fondPin.gif');
  }

.mMenu span, .ssMenu span {
  /* Ne pas toucher
  C'est pour cacher les ; en fin de <li>, ce qui permet aux synthèses
  vocales de prendre une pause dans l'élocution */
  display:none;
  }

.ssMenu ul, .ssMenu li {
  /* Ne pas trop toucher.
  * Les items (les <li>) des sous-menus, notamment pour enlever les
  * puces des liste */
  padding:0;
  margin-left:2;
  margin-right:2;
  list-style-type:none;
  }

.mMenu a, .ssMenu a, .mMenu a:visited, .ssMenu a:visited {
  /* Liens qui ne sont pas sous le curseur. */
  color:white;
  padding:2px 1px;
  text-decoration:none;
  display:block;
  text-shadow: 1px 1px 1px #440; /* #425 */
  /* Ne pas modifier le block, margin et width */
  margin:0px;
  width:100%;
  }

html>body .mMenu a, html>body .mMenu a:visited, html>body .mMenu a:hover,
html>body .mMenu a:active,
html>body .ssMenu a, html>body .ssMenu a:visited, html>body .ssMenu a:hover,
html>body .ssMenu a:active {
  width:auto;
  }

.ssMenu ul:hover, .ssMenu a:hover, .ssMenu a:focus, .mMenu a:hover, .mMenu a:focus {
  /* Les liens sous le curseur.
   * Changer les couleurs du texte et du fond; enlever le soulignement */
  background-color:#DEB;   /* background-color:#EFB; */
  color:blue;              /* color:black; */
  text-decoration:none;
  }


img {
  /* Si on met une image dans un lien (par exemple un logo à gauche du
   * lien), pas de bordure car c'est vilain :-p */
  border:none;
  }

.ssMenu img {
  /* un petit espacement entre l'image et le texte du lien
   * <a href="..."><img.../>blabla</a> */
  margin-right:2px;
  }

.ssMenu img.hr {
  /* Encore un peu expérimental, un <hr /> entre deux items pour faire
   * un "séparateur"... */
  margin-top:1px;
  margin-bottom:1px;
  margin-left:0;
  margin-right:0;
  width:100%;
  display:block;
  }

/*
Bref... pour résumer, ce qu'il y a à modifier à la base, c'est :
- couleurs, police, bordure.
- l'effet spécial IE pour les ssMenu si on aime ça...
- police et couleurs des liens "non survolés" et "survolés".
*/