/* 
    Document   : stylepopup
    Created on : 12 mai
*/

root { 
    display: block;
}

.popup{
/*     color:#ccc;
     text-shadow:0 -1px 0 black;                
     */
}
.popup:hover, .popup:focus{
     background:rgba(0,0,0,.4);
     box-shadow:0 1px 0 rgba(255,255,255,.4);
}

.popup span{
    font-family: arial,sans-serif;
    font-size: 12px;     
    font-weight: bold;
    position:absolute;                
    margin-top:23px;
    margin-left:55px;
    color:yellow;
    background:rgba(0,0,0,.9);
    padding:2px;
    border-radius:3px;
    box-shadow:0 0 2px rgba(0,0,0,.5);
    transform:scale(0) rotate(-12deg);     
    transition:all .45s;
    opacity:0;     
}

.popup:hover span, .popup:focus span{
     transform:scale(1) rotate(0);  
     opacity:1;     
}