$space: 1rem;

*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing: border-box;}

body.page-authentification{
    min-height: 100vh;
}

.bloc-authentification {
    display: flex;
}

.bloc-left-authentification {	
	min-height: 100vh;
	width: 50%;
	display: flex;
    flex-direction: column;
    justify-content: center;
    background: linear-gradient(0deg, rgba(0,50,255,1) 0%, rgba(0,126,255,1) 40%);
}

.bloc-left-authentification img{	
	max-width: 680px;
	width: 100%;
	height: auto;
	margin: 0 auto;
}

.bloc-left-authentification .access{
	color: #fff;
	text-align:center;
	padding-top: 60px;
	font-size: 16px;
}

.bloc-left-authentification .access a{
	color: #fff;
	font-family: "sfprobold",sans-serif;
}

.bloc-right-authentification {
	display: flex;
    flex-direction: column;
    justify-content: center;
    min-height: 100vh;
    width: 50%;
    background:#fff;
}

label {font-weight:normal;}
.form-signin {max-width:380px;padding:10px 30px 30px 30px;}
.smart-form-label {color:#444746;font-size:15px;font-family:"sfprobold",sans-serif;}
.smart-link {font-size: 15px;text-decoration:none;color:#007eff;}
.formErrorContent {display:none !important;}

.form-signin div img{max-width: 347px;margin-bottom: 30px;}
.form-signin .connexion-agenda-title{color: #007eff;font-family: 'effrabold', sans-serif;letter-spacing: -0.03em;font-size:26px;margin-bottom: 30px;}
.form-signin #form_authentifier_login,
.form-signin #form_authentifier_pwd {border-radius:100px;border:solid 1px #dadce0 !important; box-shadow:none !important; background: #f6f8fc; padding:8px 12px !important;height:38px;}
.form-signin #form_authentifier_login:hover,
.form-signin #form_authentifier_pwd:hover {border-color:#ababb1 !important;}
.form-signin #form_authentifier_login:focus,
.form-signin #form_authentifier_pwd:focus { box-shadow: none !important;border-color: #007eff !important;}
.form-signin .btn-smart{max-width:360px !important;width:100% !important;border-radius: 100px;font-family:"sfprobold",sans-serif;padding: 8px; font-size: 16px !important;}
.form-signin .btn-smart:hover{background:#000f54;border-color:#000f54;}
.form-signin .eye {position:absolute;top: 12px;right: 0;font-size: 14px;color:#444746;float:right;margin-right:10px;cursor: pointer;}

body.page-authentification .modal-content{border-radius: 18px;}
body.page-authentification .modal-content h4,
body.page-authentification .modal-content .btn{font-family:"sfprobold",sans-serif;}


@media (min-width: 768px) and (max-width: 991px) {
	.bloc-left-authentification {width: 40%;}
	.bloc-right-authentification {width: 60%;}
}


@media (max-width: 767px) {
	.bloc-right-authentification {width: 100%;}
	.bloc-left-authentification {display:none;}
}