.web-screen{ 
 background-image : url('../custom_media/visuels_IARDT_Immeubles_2_16-9.jpg'); 
 background-size:cover; 
} 


.logon-logo-container { 
background-image : url('../custom_media/siaci-350-35.png'); 
 }

.logon-logo-container.NS-AAA { 
background-image : url('../custom_media/siaci-350-35.png'); 
 }

.logon-large.logon-logo-container { 
background-image : url('../custom_media/siaci-350-35.png'); 
 }

.logon-small.logon-logo-container { 
background-image : url('../custom_media/siaci-350-35.png'); 
 }

.logon-large.logon-logo-container.NS-AAA { 
background-image : url('../custom_media/siaci-350-35.png'); 
 }

.logon-small.logon-logo-container.NS-AAA { 
background-image : url('../custom_media/siaci-350-35.png'); 
 }

.credentialform h1{ 
 font-size: 16px;
}

.web-screen .main-text{ 
 font-size: 16px;
}

.credentialform h1{ 
 color: #ffffff;
}

.web-screen .main-text{ 
 color: #ffffff;
}

.credentialform .plain{ 
 font-size: 14px;
}

.credentialform .field .checkbox label{ 
 font-size: 14px;
}

.credentialform .standaloneText{ 
 font-size: 14px;
}

.credentialform .error, .credentialform .warning, .credentialform .information, .credentialform .inprogress, .credentialform .confirmation{ 
 font-size: 14px;
}

.credentialform .plain{ 
 color: #ffffff;
}

.credentialform .field .checkbox label{ 
 color: #ffffff;
}

.credentialform .standaloneText{ 
 color: #ffffff;
}

.credentialform .error, .credentialform .warning, .credentialform .information, .credentialform .inprogress, .credentialform .confirmation{ 
 color: #ffffff;
}

.button.default {
 background-color : rgb(240, 125, 0);
}

.button.default:hover {
 background: rgb(249, 203, 156);
}

.web-screen .content-area {
 background :rgb(116, 114, 114); 
}.box  {
 background-color :rgb(116, 114, 114); 
}

/*
.image-gauche {
    display: block;
    margin-left: 0; 
}

/* MARCHE LE MIEUX */
.image-gauche {
   
    height: 40px;
    padding-top: 200px;
    padding-bottom: 200px;  

    display: flex;
    align-items: center; 
    justify-content: flex-start; 
    padding-left: 100px; 
    border: 1px solid transparent; 
}

/*
.image-gauche {
    height: 1000px; 
    
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding-left: 10px;
    border: 1px solid transparent;
}

.image-gauche img {
    height: 100%; 
    object-fit: contain; 
}
*/
/*
.logon-area {
    max-height: 100%; 
    width: auto;      
    max-width: 300px; 
}*/

/*.auth-wrapper {*/

.form-content {
  /*  height: 100vh;  hauteur totale de l'écran */
    display: flex;
   /* justify-content: center; */
    align-items: center;     /* centre verticalement */
    padding-right:300px;
}

/* Facultatif : ajuster la taille du formulaire 
.form-container {
    width: 400px; 
    padding: 20px;
    background-color: white;
    border-radius: 8px;
    box-shadow: 0 0 10px rgba(0,0,0,0.1);
}

*/
