div.vignetteperso {
    text-align: center;
    height: 20em;
    width: 15em;
    border: 0px;
    float: left;
    padding: 10px;
    overflow: visible;
    font-size: 0.65em;
}


div.vignetteperso a {
    height:100px;
    width:100%;
    display: table-cell;
    vertical-align: middle;
}

/* redimentionnement proportionnel des images : on suppose que l'image est plus large que haute */
/* /!\ si on ecrit a la fois max-width et max-heigth au lieu de width et height, le redimentionnement n'est plus proportionnel */
div.vignetteperso img {
    width:100px;
    max-height:100px;
    margin: auto auto auto auto;
}