HTML <ul id="menu1_float"><li><a>Créations Perso</a><ul><li><a href="/defi-babouchka-c26106726">Défi Babouchka</a></li><li><a href="/defi-kikoonette-c26106758">Défi Kikoonette</a></li><li><a href="/defi-violine-c26106830">Défi  Violine</a></li><li><a href="/crea-perso-c26884908">Créa perso</a></li></ul>

CSS#menu1_float{ 
  display: block;}
#menu1_float{
  width: 205px;
  height:320px;
  position:fixed;/*--ou absolute si menu long-fixed -*/
  top:50px;
 right:-205px;
 height:100px;
 font-family: "Edwardian Script ITC";font-size: 23px;
  text-shadow: 1px 1px 1px #000000;
 border:1px dotted grey;
  border-radius: 10px;
 box-shadow:6px 6px 10px black;
 margin-top: 25px;
 text-align:left;
 background-image: url('http://5.firepic.org/5/images/2015-08/12/flqr62c6rtex.gif');
  transition:1s;}
 
#menu1_float:hover{
 right:0px;
 height:220px;/*--ajuster la valeur (+ ou -)----*/
 overflow:auto;
  transition:0.6s;
}
 
#menu1_float:before {
 content:"";
 float:left;  
 padding:0px 5px;
 font-weight: bold;
 }
 
#menu1_float:hover:before {content:"";}
#menu1_float.module_menu_titre {margin-left: 30px;  
background-color:rgba(223, 226, 227, 0.68);}
#menu1_float .module_menu_type_calendar .module_menu_contenu {
margin-left: 30px;}
p{
    font-family: "Edwardian Script ITC";
}
p, .module_titre_contenu{
    font-family: "Edwardian Script ITC";
}
#body a.button_tools {
     background-color: #2c2e3c;
     color:white;
     font-weight:bold;
}