body {
	background: #000 none;
	font: 76% "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;
	/* .91 = 11; .95 = 12; 1.1 = 13px; 1.15 = 14px; 1.35; = 16px */
}

/*** sprite ***/
h2 > span, #identifiant, #mdp, #vmail, .login_btn_ok , #lnkIdent {
	background: transparent url(../image/login_element.png) no-repeat;
}
h2, #login-fondright { background: url(../image/login_barre.png) 0 346px repeat-x; }

body, h2, h3, .voir_site { margin: 0; padding: 0; }
.content.over {
	position: relative;
	z-index: 5;
}
h1, #envoyer_identifiant { display: none; }
#login-content {
	margin-left: 374px;
	padding-top: 346px;
}
h2 {
	height: 56px;
	position: relative;
	max-width: 100% !important;
	background-position: 0 0;
}
h2 > span {
	background-position: 0 -168px;
	position: absolute;
	width: 586px;
	height: 56px;
}

.voir_site {
	color: #fff;
	width: 470px;
	font-size: .91em;
	text-align: center;
}
.voir_site a, .voir_site a:active, .voir_site a:visited { color: #deff00; }
.voir_site a:hover {
	color: #deff00;
	text-decoration: none;
}

#login-fondright, #login-fond {
	position: absolute;
	height: 630px;
	top: 50%;
	margin-top: -315px;
}
#login-fondright {
	width: 40%;
	right: 0;
	z-index: 2;
}
#login-fondright-logo {
	position: absolute;
	top: 50%;
	right: 0;
	margin-top: 28px;
	z-index: 3;
}
#login-fond {
	background: url(../image/login_fond.jpg) 0 50% no-repeat;
	width: 960px;
	left: 50%;
	margin-left: -480px;
	z-index: 2;
}
#login-box-fond {
	width: 470px;
	padding: 18px;
	background: transparent;
	background-color: rgba(255, 255, 255, .3);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#4cffffff,endColorstr=#4cffffff);
}
#login-content p {
	padding: .2em 1em;
	margin: 0;
	color: #fff;
}

/*** FORMULAIRE ***/
#identifiant, #mdp, #vmail{
	border: none;
	color: #000;
	padding: 5px 0 5px 19px;
	background-color: #fff;
	box-shadow: 0 0 5px #555;
}
#identifiant:focus , #mdp:focus , #vmail:focus { background-color: #9c0; }
#identifiant, #mdp {
	width: 136px;
	background-position: -185px -3px;
}
#identifiant { margin-right: 8px; }
#mdp { background-position: -185px -37px; }
#vmail {
	width: 400px;
	background-position: -185px -70px;
}

.login_sauver { color: #fff; }
.login_sauver:hover { text-decoration: none; }
.login_btn_ok {
	vertical-align: middle;
	width: 38px;
	height: 34px;
	border: none;
	margin-bottom: 3px;
	background-position: 0 -33px;
}
.login_btn_ok:hover { background-position: 0 0; }

/*** OUBLIE ***/
#lnkIdent, #lnkIdent.sel {
	width: 506px;
	display: block;
	position: relative;
	margin-bottom: 15px;
	background-color: #9c0;
	background-position: 0 -117px;
	height: 24px;
	border-radius: 0 0 10px 0;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;	
}
#lnkIdent.sel { background-position: 0 -143px; }

.overlabel-login {
	color: #666;
	cursor: text;
	margin: 9px 0 0 24px;
}