/* CSS Document */
html {
	font-family: 'Roboto', sans-serif;
	background-color:#d6d6d6!important;
}
html, body {
	height:100%;
	margin:0;
	color:#444;
}
#connexion {
	box-shadow:2px 3px 2px rgba(0,0,0,.06);
	padding:30px;
	position:absolute;
	background-color:#FFF;
	width:320px;
	height:240px;
	top:50%; left:50%;
	transform:translate(-50%,-50%);
	box-sizing:border-box;
}
#titre { text-align:center; }
#titre svg {
	width:32px;
	fill:#444;
	vertical-align:top;
}
#titre>span {
	font-weight:400;
	font-size:24px;
	line-height:32px;
	margin-left:10px;
}

#fUtil {
	margin-top:20px;
}
#fUtil span {
	display:table-cell;
	width:32px;
	height:33px;
	float:left;
	position:relative;
	background-color:#ddd;
}
#fUtil span > svg {
	width:16px;
	fill:#444;
	position:absolute;
	left:50%; top:50%;
	transform:translate(-50%,-50%);
	-webkit-transform:translate(-50%,-50%);
}
#fUtil input {
	display:table-cell;
	border:1px solid #CCC;
	font-family: 'Roboto', sans-serif;
	color:#444;
	padding:6px 12px;
	font-size:13px;
	height:33px;
	box-sizing:border-box;
	float:left;
	width:auto;
	border-left:none;
	width:228px;
}
#fUtil input:focus {
	outline:none;
	border-color:#09F;
	border-left:1px solid #09F;
}
#fUtil button {
	width:100%;
	border:none;
	color:#FFF;
	background-color:#2671b3!important;
	padding:10px;
	margin-top:20px;
	cursor:pointer;
	font-family: 'Roboto', sans-serif;
}