/* the overlayed element */
div#voverlay {
    
    /* growing background image */
    background-image:url(http://data0.eklablog.fr/la-trousse-de-linformatique/perso/image%20css/white.png);
    
    /* dimensions after the growing animation finishes  */
    width:640px;
    height:480px;
    
    /* initially overlay is hidden */
    display:none;
    
    /* some padding to layout nested elements nicely  */
    padding:35px;
}

/* default close button positioned on upper right corner */
div#voverlay .close {
    background-image:url(http://data0.eklablog.fr/la-trousse-de-linformatique/perso/image%20css/close.png);
    position:absolute;
    right:5px;
    top:5px;
    cursor:pointer;
    height:35px;
    width:35px;
}

div#vcontainer{
    left:0;
    top:0;
    width:100%;
    height:100%;    
    background:url(http://data0.eklablog.fr/la-trousse-de-linformatique/perso/image%20css/loading.gif) no-repeat 50% 50%;
}