/**
 * 	CSS interbackoffice - auth.css
 * 
 *  @author   Fabien BELLANGER
 *  @date		  2012/01/24
 *  @version	1.0
 */

/**
 * 	COULEURS
 *  --------
 *  
 */

/* GENERIQUES */
body {
	width: 						100%;
	height: 					100%;
	padding: 					0px;
	margin: 					0px;
	background-color: #f6f6f6;
	color:						#333;
	font-family:      Arial, Helvetica, sans-serif;
	font-size:				12px;
}
.clr {
	clear: both;
}

/* ENCART */
#authContener {
	width: 						30%;
	margin: 					15% auto 0px auto;
	padding: 					10px;
	background-color:	white;
	border:						1px solid #777;
	border-radius:		10px;
	box-shadow: 			0px 0px 8px #999;
}
#authContenerTitle {
	font-size:			18px;
	font-weight:		bold;
	margin-bottom:	20px;
	display: flex;
	align-items: center;
	justify-content: space-around;
}
#authPadlock {
	display:				inline-block;
  vertical-align: top;
	width: 					100px;
	height: 				150px;
	margin-right:		20px;
	background: 		url("../images/cadenas.png") no-repeat top center;
}
#authContenerRight {
	display:				inline-block;
  vertical-align: top;
	width:					270px;
	font-weight:		bold;
}
#authFooter {
	text-align:	center;
	font-size: 	10px;
	color:			#999;
}

/* LOGIN */
div.formLine
{
	margin: 	5px 0px;
	padding: 	5px 0px;
}
div.formLine .formLineLabel {
	display:				inline-block;
	vertical-align: middle;
	width:					40%;
}
div.formLine .formLineInput {
	display:				inline-block;
	vertical-align: middle;
	width:					40%;
}
div.formLine .formLineInput input {
	border: 	1px solid #555;
	padding: 	2px;
	color: 		#555;
}
div.formLine .formLineInput input:focus {
	box-shadow: 			0px 0px 4px #999;
	background-color: #f6f6f6;
}
input[type=submit] {
	padding: 					5px;
	border: 					1px solid #555;
	border-radius:		3px;
	background-color: #dedede;
	color: 						#555;
	cursor:  					pointer;
	font-size: 				12px;
}
input[type=submit]:hover {
	background-color: #eee;
}
#error {
	padding:					8px 0px;
	margin: 					20px 0px 10px 0px;
	text-align:				left;
	color:						#ff0000;
	font-style: 			italic;
	font-size:				12px;
	/*border-top: 			1px solid #ff0000;
	border-bottom: 		1px solid #ff0000;
	background-color: #ffcdcd;*/
}