.container_principal_login{
position: absolute;
	top: 0;
	left: 0;
	width: 100%;

	height: 100%;
	background-color: #455065;
}
.container_login{
	position: absolute;
	width: 400px;
	top:50%;
	left: 50%;
	padding: 5px;
	margin: 10px;
	border-radius: 20px;
	transform: translate(-50%, -50%);
	background-color: #455065;
	border: 3px solid #999;
}
.logo_login{
	width: 100%;
	margin: auto;
	text-align: center;
}
.titre_login{
	width: 100%;
	font-size: 24px;
	font-weight: 600;
	text-align: center;
	margin: 5px auto;
	padding: 5px;
	color: #fff;
}
.input_box{
	padding: 5px;
	margin-bottom: 10px;
	background-color: #455065;
	box-shadow: 7px 7px 17px #3b4456;
	color: #fff;
}
.input_box input{
	width: 90%;
	background-color: #455065;
	border: none;
	padding: 5px;
}
.inputLoginAA{
	background-color: #455065;
	color: #fff;
}
.input_box label{
	color: #fff;
}
.input_box input[type='text'], 
.input_box input[type='password']{
	width: 100%;
	height: 40px;
	padding: 0 20px;
	font-size: 14px;
	color: #fff;
	border-radius: 20px;
	background: #455065;
	border: .5px solid #313b4e;
	box-shadow: 7px 7px 17px #3b4456, -7px -7px 17px #4f5c74;
}
.input_box input[type='text']:focus, 
.input_box input[type='password']:focus{
	color: #fff;
	background-color: #455065;
}
@media screen and (max-width: 600px){
.container_login{
	position: absolute;
	width: 380px;
	top:50%;
	left: 50%;
	padding: 10px;
	margin: auto;
	border-radius: 20px;
	transform: translate(-50%, -50%);
	background-color: #455065;
	border: 3px solid #999;
}
}