.volet li {  
    display: inline-block;  
    width: 150px;  
    margin: 0 3px;  
    padding: 5px;  
    box-shadow: 0 0 65px #CDBE9F inset, 0 0 20px #BEAE8C inset, 0 0 3px #816F47;  
}  
.volet figure {  
    position: relative;  
    display: inline-block;  
    width: 150px;  
    height: 150px;  
    margin: 0;  
    text-align: center;  
    overflow: hidden;  
}  
.volet figcaption {  
    position: absolute;  
    left: 0; bottom: -1.5em;  
    width: 150px;  
    height: 2.6em;  
    line-height: 1em;  
    text-align: justify;  
    color: #fff;  
    background: rgba(0,0,0,0.6);  
    overflow: hidden;  
    /*préparation de la transition*/  
    transition: all 0.7s;  
}  
.volet figcaption span { display: block; }  

.volet figure:hover figcaption,  
.volet figure:focus figcaption {  
    height: 10.2em;  
    background: rgba(0,0,0,0.8);  
}