body {
	background-color: #1fa0b3 !important;
}

#form_login{
	color: #ffffff;
}

.modal-password-forgotten {
	top: 30%;
}

#forget-password-message, #first-connexion-action {
	color: #fff;
}

#login_submit {
	width: 100%;
	margin-top: 0px;
	border-color:#fff;
	font-size: 22px;
	font-weight: bold;
}

.login-validation {
	background-color: #fff;
	color: #1fa0b3;
	border-radius: 11px;
	height: 48px;
}

.login-validation:hover {
	color: #1fa0b3;
}

.zoom-item:hover {
	-ms-transform: scale(1.1); /* IE 9 */
	-webkit-transform: scale(1.1); /* Safari 3-8 */
	transform: scale(1.1);
	transition: transform .3s;
}

.zoom-item {
	transition: transform .3s;
}

.login-reseaux {
	width: 35px;
	margin-right:5px;
	margin-left: 5px;
}

.login-custom-form {
	color: #fff;
	height: 48px;
	background-color: #1fa0b3;
	border-radius: 11px;
	border: 2px solid #fff;
}

.login-custom-form::placeholder {  
	color: #fff !important;
}

#login-logo {
	padding-bottom: 25%;
}

#login-mail, #login_password {
	padding: 12px 20px 12px 40px;
}

.icon-mail-validation, .icon-password-validation {
	width: 15px;
}

#login-icon, #mail-icon {
	position: absolute;
	left: 15px;
	top: 10px;
}

input:-webkit-autofill {
	transition: background-color 5500s ease-in-out 0s;
	-webkit-text-fill-color: white !important;
}

#login-message {
	margin-top: 10%;
	width: 100%;
	height: 35px;
	display: flex;
	align-items: center;
	justify-content: center;
}

#login-social-network {
	margin-top: 24%;
}

.login-mail-validation, .login-password-validation {
	width: 25px;
}

#mail-validator {
	position: absolute;
	right: 15px;
}

#password-show {
	position: absolute;
	right: 15px;
}

.login-top-mail, .login-top-password {
	align-items: center;
	display: flex;
	position: relative;
}

.login-top-password {
	margin-bottom: 0px;
}

.forget-password, .first-connexion {
	margin-bottom: 30px;
	font-style: italic;
}

.welcome-message {
	font-size: 20px;
}

.welcome-message span {
	display: inline-block;
	overflow: hidden;
	line-height: 0.9;
}

.welcome-message span span {
	animation: titleReveal .7s both;
}

@keyframes titleReveal {
	from {
		opacity: 0;
		transform: translateY(100%);
	}
	to {
		opacity: 1;
		transform: translateY(0%);
	}
}