@charset "utf-8";
/* CSS Document */
@import 'https://fonts.googleapis.com/css?family=Roboto:400,400i,500,700';

html {font-size:100% ;}
body{ padding:0; margin:0; font-family:"Roboto";font-size:1.5rem; }
input, button{ outline:none !important;}
.container{width:100%;padding: 0;}

.login_grid{height:100%;}
.banner_sign{position: absolute;height: 100%;padding:0;}
.frame_sign{background-color:#fff;position: absolute;text-align:center;height: 100%;right: 0;padding:0;}

.logo{ width: 100%;height: 20vh; padding: 0 3rem; }
.logo img{padding-top:20px;max-width: 80% ;}
.copyright{position:absolute; bottom:0; background-color:#eeeeee; color:#878787; border-top:1px solid #dadada;   width:100%; height:30px; line-height:2rem; font-size:0.8rem}

/* partie form*/
.form_sign{padding: 3rem 3rem 0 3rem;}
.form_sign input{width:100%;line-height: 2.5rem;font-size: 0.8rem;padding: 0.5rem;border: solid 1px #dcdcdc;margin-top: 1rem;text-align: center;}
.btn{ border-radius:0; outline:none}
.forget{margin-top: 1rem;font-size: 0.8rem;line-height: 2rem;}
.forget a{color:#7e7e7e;text-decoration:none;border-bottom: dotted 1px #52417e;font-size: 0.8rem;line-height: 1.5rem;display: inline-block;}
.btn_submit{color:#fff;background:#180153;display:block;width: 100%;line-height: 2.5rem;text-transform: uppercase;margin-top: 1rem;}
.titre_bloc{text-transform: uppercase;    color: #180153;    border-bottom: solid 1px #dddddd;    margin-bottom: 3rem;    line-height: 5rem;}
.btn_submit .fa{ margin-right:10px}
.btn_submit:hover, .btn_submit:focus{ color:#fff !important; background-color:#6a6a6a; outline:none}

/* partie bannière*/
.img_banner{ position:absolute; width:100%; height:100%}
.msg_banner{ position:absolute; left:5%; bottom:20%; color:#fff; line-height:1.5rem; font-size:1rem}
.logo_white{ vertical-align: middle; margin-bottom: 2rem; max-width: 80%;}	
.content_img{background: url(../../../Images/App_000/Web/Login/bg_banner.jpg) no-repeat center center / cover !important; height: 100%;}

/*forget password */
#forget_frame{display: none;}
.form_block p{     text-align: center;    font-size: 0.8rem;    color: #7e7e7e;}
input.error_input{ border-color:#ff0000}
.error_msg{ color:#ff0000; font-size:0.6rem; padding-top:0.5rem}
.sucess_msg{ color:#25a120; font-size:0.8rem; padding-top:0.5rem}

@media (min-width: 992px){}
@media (min-width: 768px){}
@media (max-width: 320px){
	.form_sign {padding: 2rem 1.5rem 0;}
	}
@media (max-width: 767px) and (orientation: landscape) { 
            .copyright{position:fixed; } 
}