ul li{
     position:relative;
     float:left;
     width:70px;
     height:90px;
     margin-left:5px;
     margin-bottom:20px;
     list-style:none;
}


/*permet de créer deux lignes*/
#menuGauche ul li:nth-child(4n){
    clear:left;
}


ul li a{
  display:block;
  overflow:hidden;
  width:100px;
  height:100px;

  margin-left:-20px;

  border:0px solid rgba(0,0,0,1);
  transition-property:width,height,margin,z-index,border;
  transition-duration:0.4s;
  text-decoration:none;
  text-decoration:no-decoration;
  color:white;
  font-size:10px;
  font-weight:normal;
}

ul li a:hover{
  position:absolute;
  width:120px;
  height:130px;
  margin-top:-20px;

  margin-left:-30px;

  z-index:100;

  border:0px solid rgba(0,0,0,1);
}

ul li a img{
     position:absolute;
     width:50px;
     height:50px;
     z-index:20;
     margin-top:20px;
     margin-left:25px;
     transition-property:width,height,z-index;
     transition-duration:0.4s;
}

ul li a:hover img{
  width:70px;
  height:70px;
  z-index:100;
  margin-top:20px;
  margin-left:25px;
}



ul li a strong {
  position: absolute;
  margin:auto;
  bottom: -30px;
  opacity: 0;
}

ul li a:hover strong {
  opacity: 1;
  bottom: 0px;
  -webkit-transition: bottom 0.3s ease 0.4s;
  -moz-transition: bottom 0.3s ease 0.4s;
  -o-transition: bottom 0.3s ease 0.4s;
  transition: bottom 0.3s ease 0.4s;
  width: 190px;
  height: 17px;
  padding: 5px;
  background: rgba(0,0,0,0.8);
  margin-top: -30px;
  z-index: 150;

   margin:auto;
}