/* .vk-ref { position: relative; }	*/ /* Relative positioning */
.vk-kbd {

    /* Positionnement */
    position: fixed;
    top: 45px;
    left: 50%;
    transform: translate(-50%);
    z-index: 99999;

    /* Layout */
    margin: 0;
    padding: 6px;

    /* Habillage */
    list-style: none;
    background-color: Gainsboro;
    border-radius: 5px;
    min-width: 1030px;
}

.vk-kbd.vk-phone {
    min-width: inherit;
}

.vk-kbd .vk-key {
    /* color: #585858; */
    font-size: 24px;
    cursor: pointer;
    display: block;	/* Modèle block pour centrer horizontalement */
    text-align: center;
}

.vk-kbd ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
.vk-kbd ul::after {
    /* Clearfix */
    content: "";
    clear: both;
    display: block;
}
.vk-kbd li {
    color: #585858;

    /* Layout */
    width: 60px;
    height: 60px;
    line-height: 60px;	/* Astuce pour centrer verticalement */

    /* Habillage */
    float: left;
    background-color: white;
    border-radius: 5px;

    /* Animations */
    -webkit-transition: background .5s ease-out;
    -o-transition: background .5s ease-out;
    -moz-transition: background .5s ease-out;
    transition: background .5s ease-out;

}

.vk-kbd ul:not(:last-child) { margin-bottom: 5px; }
.vk-kbd li:not(:last-child) { margin-right: 5px; }
.vk-kbd li.invisible { opacity: 0; width:25px;}
.vk-kbd li:active .vk-key { background-color: LightGray; } 
/* .vk-kbd li:hover { background-color: LightGray; } */