body {
/*	background-color:rgba(92, 92, 92, .1);*/
	color:#909090;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	width:100%;
	height:100%;
}

/* Div conteneur */
.loginbox {
	position:absolute;
	width:300px;
	border-radius:3px;
	background:#fff;
	box-shadow:0 0 10px #000;
	padding:20px;
	/*overflow:hidden;*/
} 

.loginbox h4 {
	font-size:15px;
	border-bottom:1px dashed rgba(0,0,0,0.2);
    margin-top:0;
	margin-bottom:20px;
	padding-bottom:10px;
	font-weight:bold;
}

#username {
	background:url('css/images/user.png') #fafafa 10px center no-repeat;	
}

#userpassword {
	background:url('css/images/locked.png') #fafafa 10px center no-repeat;	
}

.loginbox a {
	color:#81c2f4;
	text-decoration:none;
	font-size:12px;
}
.loginbox a:hover {
	text-decoration:underline;
}

/* Champ du formulaire */
input[type=text], input[type=password] {
	padding:10px 10px 10px 35px;
	margin-bottom:10px;
	width:100%;
	border:1px solid #ddd;
	border-radius:3px;
	background-color:#fafafa;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	color:#aaa;
}

input[type=text]:focus, input[type=password]:focus {
	outline:0;
	border:1px solid #81c2f4;
	box-shadow:0 0 5px rgba(0,0,0,0.2);
}

input[type=submit] {
	float:right;
	background:#81c2f4;
	color:#fff;
	border:1px solid #4e92c7;
	border-radius:3px;
	box-shadow:inset 0 1px 0 rgba(255,255,255,0.3);
	text-shadow:0 1px 0 rgba(0,0,0,0.25);
	padding:10px;
	cursor:pointer;
	background: -moz-linear-gradient(top,  #81c2f4 0%, #69ace0 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#81c2f4), color-stop(100%,#69ace0));
	background: -webkit-linear-gradient(top,  #81c2f4 0%,#69ace0 100%);
	background: -o-linear-gradient(top,  #81c2f4 0%,#69ace0 100%);
	background: -ms-linear-gradient(top,  #81c2f4 0%,#69ace0 100%);
	background: linear-gradient(top,  #81c2f4 0%,#69ace0 100%);
}

input[type=submit]:hover {
	box-shadow:inset 0 1px 0 rgba(255,255,255,0.3), 0 0 3px rgba(0,0,0,0.4);	
}

/* Formulaire de récupération du mot de passe */
#getpwd {
	display:none;	
}

#getpwd input[type=text] {
    float:left;
    width:65%;
    padding-right:10px;	
}

#getpwd input[type=submit] {
	padding:10px;
}

#getpwd ul {
	float:right;
	margin-top:10px;
}

/* Header */
.header {
    position:absolute;
    top:70px;
    width:100%;
    text-align:center;
}

.header div {
    color:#969696;
    font-size:28px;
    margin-bottom:10px;
}
    
/* Footer */
.footer {
    position:absolute;
    bottom:0;
    width:100%;
    text-align:center;
}

.footer div{
    color:#969696;
    font-size:12px;
    margin-bottom:10px;
}

.footer div a {
    color:#969696;
    text-decoration:none;
    border-bottom:1px dotted #ffffff;
}

.opt {font-size:12px;}