.connexion_statut{
    /*   Other   */
    font-size: 10px;
    
    display: inline;
    font-family: 'arialregular', Arial, Helvetica, sans-serif;
    font-size: 1vw;
}

.connexion_statut_label{
    /*   Other   */
    font-size: 10px;
    
    display: inline;
    font-family: 'arialregular', Arial, Helvetica, sans-serif;
    font-size: 1vw;
    font-style: italic;
    font-weight: bold;
    color: #ff0000;
}

.connexion_body{
    /*   Other   */
    font-size: 10px;
    
    font-size: 1vw;
    
}

.connexion_fond{
    /*   Other   */
    font-size: 10px;
    width: 20% ;
    height: 20% ;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    
    position: absolute ;
    top : 0;
    left:  50% ;
    width: 20vw ;
    height: 20vh ;
/*    width: 250px ;
    height: 90px ;*/
    padding: 1% 1%;
    opacity : 0 ;
    font-size: 1vw;
    border: 1px solid #696;
    -webkit-border-radius: 1vw;
    -moz-border-radius: 1vw;
    border-radius: 1vw;
    -webkit-box-shadow: #666 0px 2px 3px;
    -moz-box-shadow: #666 0px 2px 3px;
    box-shadow: #666 0px 2px 3px;
    background: #ffffff;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#ffffff), to(#ffddaa));
    background: -webkit-linear-gradient(#ffffff, #ffddaa);
    background: -moz-linear-gradient(#ffffff, #ffddaa);
    background: -ms-linear-gradient(#ffffff, #ffddaa);
    background: -o-linear-gradient(#ffffff, #ffddaa);
    background: linear-gradient(#ffffff, #ffddaa);
    -pie-background: linear-gradient(#ffffff, #ffddaa);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ffddaa', GradientType=0); 
}