article{
    width: 100%;
    margin-left: 10px;
    margin-top: 10px;
    
}
.vignette{
    margin-right: 8px;
    margin-bottom: 16px;
    
    float:left;
    width: 94px;
    height: 94px;
    
    border-radius: 15px;
    box-shadow: rgb(0 0 0 / 24%) 0px 6px 12px 0px
    
}

.vignette:hover > .titreLien { top: 20px; }

a:link {
      text-decoration: none;
      display: block;
      width:100%;
      
      
}	  


.titreLien {
    width:100%;
    height:100%;
    display:block;
    position: relative;
      top: 0px;
    opacity: 0;
    color: white;
    transition: 0.5s;
}

.titreLien:hover {
    opacity: 100;
    top: -30px;
    text-shadow: #000 1px 0 30px;
}