/*  css du menu du site de l'ASA.  */

#menu-demo2{
    font-size:14px;
  }

#menu-demo2 ul{
    font-size:12px;
    font-weight: 300;
    z-index: 1000;
  }
  
#menu-demo2 li{
    background-color: #929094;
    display:inline-block;
    position:relative;
    border-radius:8px 8px 0 0;
    background-image:-webkit-linear-gradient(top, #929094 0%, #727371 100%);
    background-image:linear-gradient(to bottom, #929094 0%, #727371 100%);
    vertical-align: bottom;
  }
  
#menu-demo2 ul li{
    background-color: #929094;
    display:inherit;
    border-radius:0;
    z-index: 1000;
  }
  
#menu-demo2 ul li:hover{
    border-radius:0;
  }
  
  
#menu-demo2 ul li:last-child{
    border-radius:0 0 8px 8px;
  }
  
#menu-demo2 ul{
    position:absolute;
    max-height:0;
    left: 0;
    overflow:hidden;
    right: 0;
    -moz-transition: .8s all .3s;
    -webkit-transition: .8s all .3s;
    transition: .8s all .3s;
  }
  
  
#menu-demo2 li:hover ul{
    max-height:15em;
  }
  
/* background des liens menus
 * 
    #menu-demo2 li:first-child{
    background-color: #929094;
    background-image:-webkit-linear-gradient(top, #65537A 0%, #2A2333 100%);
    background-image:linear-gradient(to bottom, #65537A 0%, #2A2333 100%);
  }
 */  

  
/* background des liens sous menus */
#menu-demo2 li:first-child li{
background:#929094;
}

/* background des liens menus et sous menus au survol */

/* les a href */
#menu-demo2 a{
    text-decoration:none;
    display:block;
    padding:6px 6px;
    color:#fff;
    font-family:arial;
  }
  
#menu-demo2 ul a{
    padding:2px 0;
  }
  
/*   survol de l'onglet : a des sous-menus  */
#menu-demo2 li:hover li a{ 
    color:white;
    /*
    text-transform:inherit;
    */
  }
  
#menu-demo2 li:hover a, #menu-demo2 li li:hover a{
    color:#000;
  }

.ssmenularge{
    width: 200px;
    text-align: left;
   
  }
.ssmenuconfort{
    width: 190px;
    text-align: left;
  }

.ssmenumoyen{
    width: 150px;
    text-align: left;
   
  }
  
 .ssmenupetit{
    width: 150px;
    text-align: left;
   
  }
  
.ssmenutoutpetit{
    width: 120px;
    text-align: left;
   
  }