@CHARSET "UTF-8";
    html,
    body{
        height: 100%;
        margin: 0;
    }
    .page_login{
        background-color:#ECECEC;
        font-family:arial;
        font-size:11px;
        height: 100%;
        width: 100%;
        display: flex;
    }
    .page_login .bloc_logosite{
        float: right;
        position: fixed;
        right: 3%;
        top: 3%;
    }
    .page_login .cadre_central{
        height:366px;
        width: 340px;    
        min-width:340px;
        text-align:center;
        margin:auto;
        padding-bottom:4px;    
    }
    .page_login .cadre_gris{
        background-color:#E2E2E2;  
        border-top: 1px solid #D5D5D5;
        border-radius:6px;   
        padding-bottom: 20px; 
    }
    .page_login .logo{
        margin-top:2%;
    }
    .page_login .version{
        color:#33437b;
        margin-bottom:26px;
    }
    .page_login .infosmaj,
    .page_login .infosnav{
        color:red;
    }
    .page_login .infosnav{
        margin-top:4%;
        text-align:center;        
    }
    .page_login .bloc_liste,
    .page_login .bloc_bouton{
        margin-top:10px;
        display:flex;  
    }
    .page_login .bloc_bouton button{
        margin-left:auto;
        margin-right:auto;        
        width:80px;    
    }
    .page_login .bloc_bouton_azure{
        margin-left:auto;
        margin-right:auto;
        width:200px;
    }
    .page_login .bloc_bouton_azure > button{
        padding: 0px 12px 0px 0px;
        height: 41px;
        line-height: 41px;
    }
    .logo-btn{
        width: 20px;
        height: 20px;
        padding: 0 12px;
        vertical-align: middle;
        margin-bottom: 3px;
    }  
    .sep,
    .sepeval{
    	position:relative;
    	height:10px;
        margin:10px 0 20px;
    }
    .page_login .titre_liste{
        width:25%;
        float:left;
        text-align:right;
        margin-top:3px;
    }
    .page_login .liste{
        width:75%;
        float:left;
        text-align:left;
        margin-left:2%;
    }
    .page_login .liste select{
        width:90%;
    }
    .page_login .liste input{
        width:86%;
    }
    .page_login .bloc_extranet{
        margin-top:22px;
        display:block;     
    }
    .page_login .bloc_extranet a{
        text-align:center;    
    }
    .page_login .bloc_secours button{
        position: absolute;
        bottom: 2%;
        right: 2%;  
    }

/* utilisation de hacks css pour IE */
    .page_login .cadre_central{
        padding-top /*\**/:10%\9;
    }
    .page_login .cadre_gris{
        height /*\**/:100%\9;
    }    
    .page_login .bloc_liste{
        padding-top /*\**/:20px\9;  
    }  
    .page_login .liste{
        width /*\**/:70%\9; 
    }        
    .page_login .bloc_bouton{
        padding-top /*\**/:20px\9;  
    }  
    .page_login .bloc_extranet{
        margin-top /*\**/:0px\9;    
        padding-top /*\**/:20px\9;        
        background-color /*\**/:#E2E2E2\9;    
    }