.hamburger{
    background:none;
    position:absolute;
    top:0;
    right:0;
    line-height:45px;
    padding:30px 50px 0px 15px;
    color:white;
    border:0;
    font-size:1.4em;
    font-weight:bold;
    cursor:pointer;
    outline:none;
    z-index:10000000000000;
  }
  .cross{
    background:none;
    position:absolute;
    top:0px;
    right:0;
    padding:30px 50px 0px 15px;
    color:white;
    border:0;
    font-size:3em;
    line-height:65px;
    font-weight:bold;
    cursor:pointer;
    outline:none;
    z-index:10000000000000;
  }
  
  .menu{z-index:1000000; font-size:0.8em; width:100%; /*background:#f1f1f1;*/ position:absolute; top: 70px; text-align:right; right:30px; font-size:16px; font-family: "Avenir", sans-serif} /* couleur fond menu */
  .menu ul {margin: 0; padding: 0; list-style-type: none; list-style-image: none;}
  .menu li {display: block;   padding:15px 0 15px 0; /*border-bottom:#dddddd 1px solid;*/} /* lignes menu */
  /*.menu li:hover{display: block;    background:#ffffff; padding:15px 0 15px 0; border-bottom:#dddddd 1px solid;}*/
  .menu ul li a { text-decoration:none;  margin: 0px; color:#666;}
  .menu ul li a:hover {  color: #666; text-decoration:none;}
  .menu a{text-decoration:none; color:white;} /* couleur texte */
  .menu a:hover{text-decoration:none; color:#666;}
 
  .glyphicon-home{
    color:white; 
    font-size:1.5em; 
    margin-top:5px; 
    margin:0 auto;
  }
  header{display:inline-block; font-size:12px;}
  span{padding-left:20px;}
  a{color:#336699;}

  /* .ml12 {
    letter-spacing: 0.2em;
  } */
  
  .ml12 .letter {
    display: inline-block;
    line-height: 1em;
  }