html, #page-identification body {
	height: 100%;
}
#login {
	position: fixed;
	width: 100vw;
	height: 100vh;
	top: 0;
	left: 0;
	z-index: 5;
	padding: 0;
}

#bg-fa {
	position: fixed;
	width: 100vw;
	height: 100vh;
	top: 0;
	left: 0;
	z-index: 2;
	padding: 0;
	background: url(/img/fonds/bg-fontawesome1200.png) center center repeat;
	background-size: 960px 568px;
	opacity: .06;
}

#page-identification .form-signin { 
	background-color: hsl(243, 76%, 90%)!important;
	padding: 2rem!important;
}

#page-identification .form-signin-heading {
	font-size: 18px!important;
	font-weight: 900!important;
	text-align: left!important;
	padding: 2rem!important;
	margin: -2rem!important;
	margin-bottom: 3rem!important;
}

#page-identification .input-group-addon {
	color:#fff!important;
	background-color: hsl(243, 75%, 60%)!important;
	border-color: hsl(243, 75%, 56%)!important;
}
#page-identification .form-signin .form-control {
	border-color: #4f46e6!important;
}

#page-identification .form-signin-heading {
	background-color: hsl(243, 75%, 60%)!important;
	border-bottom: 0!important;
}

#page-identification .btn-primary {
	background-color: hsl(243, 75%, 60%)!important;
	border-color: hsl(243, 75%, 50%)!important;
	margin-bottom: 0;
}

#page-identification .btn-primary:hover {
	background-color: hsl(243, 65%, 55%)!important;
	border-color: hsl(243, 75%, 50%)!important;	
}
#snow {
  display: block;
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  height: 100dvh;
  z-index: 1;
}