/*** LOGIN.CSS ***/
.login #cannevas {
	margin-top:0px;
}

#content {
	min-height:calc(100vh - 160px);
}

.identification {
	margin-top:20%;
	border:solid 1px #ee7203;
	text-align:center;
	padding:20px;
}
.identification .logo {
	display:inline-block;
	margin-bottom:10px;
	max-width:300px;
}
.identification #message {
	height:40px;
	font-style:italic;
}
.identification #message .error {
	color:#ee0303;
}
.identification label {
	color:#ee7203;
	min-width:160px;
	width:40%;
}
.identification #form-login,
.identification #form-motdepasseoublie {
	width:80%;
	text-align:left;
	margin-left:auto;
	margin-right:auto;
}
.identification .form-line {
	display:inline-block;
	width:100%;
	padding-bottom:10px;
}
.identification input[type=text],
.identification input[type=password] {
	border:solid 1px #ee7203;
	border-radius:20px;
	padding:4px 10px;
	color:#666;
	width:60%;
}
.identification .forget-password,
.identification .back-connection {
	color: #29abe2;
	font-style: italic;
	font-weight: bold;
	float: right;	
}
.identification #form-form-login {
	position:relative;
}
.identification .connect-avem-groupe {
	display:block;
	position:relative;
	margin-top:60px;
	margin-bottom:40px;
	margin-left:auto;
	margin-right:auto;
	background-color:#ee7203;
	color:#fff;
	text-transform:uppercase;
	text-decoration:none;
	font-weight:bold;
	min-width:240px;
	max-width:260px;
	padding:15px 20px;
	text-align:center;
	height:auto;
	line-height:1.2em;
	font-size:18px;
	border:solid 1px #ee7203;
	border-radius:40px 40px 40px 40px;
}
.identification .connect-avem-groupe::after {
/*
	content:"\f25a";
	font-family: "FontAwesome";
	font-size:20px;
*/
	content:"";
	background-image:url(../images/hand.png);
	background-repeat:no-repeat;
	width:36px;
	height:44px;
	position:absolute;
	bottom:-20px;
	left:15px;
}
.identification + .link {
	width:100%;
	text-align:right;
	padding:20px 0 0 0;
	font-size:16px;
	display: inline-block;
  vertical-align: top;
  font-weight: bold;
  font-style: italic;
}
.identification .list-buttons {
	text-align:center;
	padding:40px 0;
}
.identification input[type=submit] {
	background-color:#ee7203;
	color:#fff;
	text-transform:uppercase;
	font-weight:bold;
	min-width:120px;
	max-width:240px;
	padding:15px 20px;
	text-align:center;
	height:auto;
	line-height:1.2em;
	font-size:18px;
	border:solid 1px #ee7203;
	border-radius:40px 40px 40px 40px;
	white-space: pre-wrap;
}
.identification .container-submit {
	display: inline-block;
	vertical-align: top;
	position: relative;	
}
.identification .container-submit::after {
	content:"";
	background-image:url(../images/hand.png);
	background-repeat:no-repeat;
	width:36px;
	height:44px;
	position:absolute;
	bottom:-20px;
	left:15px;
}


@media (max-width:767px) {
	.identification #form-login,
	.identification #form-motdepasseoublie {
		width:100%;
	}
	.identification label {
		width:100%;
	}
	.identification input[type=text],
	.identification input[type=password] {
		width:100%;
	}
}