/* Commun */
.menu {
  font-family     : "Lucida Grande", "Lucida Sans", "Lucida Sans Unicode", Verdana, sans-serif;
  font-weight     : bold;
  width           : 129px;
  height          : 320px;
  position        : relative;
  margin          : 0;
  font-size       : 11px;
  margin          : 1px 0;
}

.menu ul li a, .menu ul li a:visited {
  display         : block;
  text-decoration : none;
  color           : #000;
  width           : 150px;
  height          : 30px;
  text-align      : center;
  border          : 1px solid #fff;
  border-width    : 1px 1px 1px 1px;
/*  background      : #c9c9a7;  */
  background      : #a5bedd;
  line-height     : 29px;
  font-size       : 11px;
}

.menu ul {
  padding         : 0;
  margin          : 0;
  list-style-type : none; 
}

.menu ul li {
  float           : left;
  margin-right    : 1px;
  position        : relative;
}

.menu ul li ul {
  display         : none;
}

/* Firefox et compagnie */

.menu ul li:hover a {                                               background:#020286; color:#fff;}
.menu ul li:hover ul {            position:absolute; display:block;                                  top:0; left:151px; width:105px;}
.menu ul li:hover ul li a.hide {                                    background:#dfc184; color:#000;}
.menu ul li:hover ul li:hover a.hide {                                                                                  width:150px;}
.menu ul li:hover ul li ul {                         display: none;}
.menu ul li:hover ul li a {                          display:block; background:#a5bedd; color:#000;                     width:220px;}
.menu ul li:hover ul li a:hover {                                   background:#bad3f1; color:#000;}
/*.menu ul li:hover ul li:hover ul {position:absolute; display:block;                     color:#000;  top:0; left:151px;}
.menu ul li:hover ul li:hover ul li a {display:block;               background:#dfc184; color:#000;                     width:200px;}
.menu ul li:hover ul li:hover ul li a:hover {                       background:#bd8d5e; color:#fff;}  */



/*
       bad3f1
   6699ff
  .menu ul li:hover a {                                               background:#b3ab79; color:#fff;}
.menu ul li:hover ul {            position:absolute; display:block;                                  top:0; left:141px; width:105px;}
.menu ul li:hover ul li a.hide {                                    background:#dfc184; color:#000;}
.menu ul li:hover ul li:hover a.hide {                                                                                  width:150px;}
.menu ul li:hover ul li ul {                         display: none;}
.menu ul li:hover ul li a {                          display:block; background:#b3ab79; color:#000;                     width:220px;}
.menu ul li:hover ul li a:hover {                                   background:#dfc184; color:#000;}

*/