* {box-sizing:border-box;}
#body {background-image:url(../images/photo-cover.jpg);
background-repeat:no-repeat;
background-position:top center;
-webkit-background-size: cover; /* pour Chrome et Safari */
-moz-background-size: cover; /* pour Firefox */
-o-background-size: cover; /* pour Opera */
background-size: cover; /* version standardisée */
}
#encartLogin {width:400px; background:#fff; padding:10px; box-shadow:0px 0px 5px #000; margin:0 auto; border-radius:.2rem;}
#encartLogin h1 {text-align:center; font-size:1.6rem; color:#3879b1; margin-bottom:1.5rem;}
#encartLogin h1 img{max-width:100%; height:auto;}
.conteneur-form .row {margin:0;margin-bottom:1.5rem;}
.conteneur-form .row label{display:block; width: 100%; font-size:1rem; color:#8e8e8e; margin-bottom:.2rem; margin-right:0; text-align:left;}
.conteneur-form .row input[type=text] ,
.conteneur-form .row input[type=password] {display:block; width: 100%; height:auto; padding: .375rem .75rem; font-size: 1rem; line-height: 1.5; color: #495057; background-color: #fff; background-clip: padding-box; border: 1px solid #ced4da; border-radius: .25rem; transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;}
.conteneur-form .row.form-group.material-switch {width:55px;float:left;}
.conteneur-form .row label.switch { margin:10px 0 0 0px}

.conteneur-form .messageConfiance { font-style:italic; color:#888; padding:5px;margin-bottom: 10px;}
.conteneur-form .row_bt {width: 100%;}
.conteneur-form .row_bt input{margin:0; padding:0;}
.conteneur-form .row_bt input.btn {width:100%; display: inline-block;
    font-weight: 400;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 1px solid transparent;
    padding: .375rem .75rem;
    font-size: 1rem;
    line-height: 1.5;
    border-radius: .25rem;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;}
.btn-primary {background:#3879b1; border-color:#3879b1;}
.btn-primary:hover,
.btn-primary:not([disabled]):not(.disabled).active,
.btn-primary:not([disabled]):not(.disabled):active, 
.show > .btn-primary.dropdown-toggle {background:#185991; border-color:#185991;}

.pwd-eye {position:relative;}
.pwd-eye .fa{position:absolute; top:-3.4rem; color:#ced4da; right:.8rem; cursor:pointer;}
.pwd-eye .fa:hover,
.pwd-eye .fa:focus{color:#3879b1;}
.pwd-eye .fa-eye{color:#3879b1;}


#formTOTP .messageHeure {font-size:18px; text-align:center; color: #c46700;}

#zoneQrCode.dejacode {display: none}

#encartGoogleAuthenticator {width:460px; background:#fff; padding:1.5rem; box-shadow:0px 0px 5px #000; margin:0 auto; border-radius:.2rem;}
#encartGoogleAuthenticator h1 {text-align:center; font-size:1.6rem; color:#3879b1; margin-bottom:1.5rem;}
#encartGoogleAuthenticator h2 {font-size:1.3rem; color:#3879b1; margin-bottom:1rem;}
label.code {margin-left:16px; text-align:right; font-size: 20px; width:110px;line-height: 46px; padding-right: 10px;}
#tfa_code {padding:10px; font-size: 40px; letter-spacing:6px; width:187px;border-radius: 5px;height:50px;}
#submitTOTP {margin-left:111px;width:188px}

.zoneSendEmail {margin-top: 20px;padding: 15px; border: 3px solid #ffc107;border-radius: 5px;color: #703c00
}
@media (max-width: 400px) {
    #iconeLogin {display:none;}
    #formLogin {margin:0px 25px;}
}