html {
	background:#006699;
}
body {
	background:#006699 url(../images/fd_top_connexion.png) top repeat-x;
}
#wrap_header {
	width:100%;
	float:left;
	padding:100px 0 0 0;
}
#header {
	width:950px;
	margin:0 auto;
}
#header .logo {
	display:block;
	width:460px;
	height:171px;
	background:url(../images/logo_connexion.jpg) no-repeat;
	text-indent:-9999px;
	margin:0 auto 20px auto;
}
#header .bloc_connexion {
	width:390px;
	height:168px;
	margin:0 auto;
	position:relative;
	color:#fff;
}
#header .bloc_connexion .bloc_gch {
	width:215px;
	height:138px;
	padding:30px 0 0 30px;
	float:left;
	background:url(../images/bloc_connexion.png) top left no-repeat;
}

#header .bloc_connexion .bloc_drt {
	width:132px;
	height:157px;
	padding:11px 13px 0 0;
	float:right;
	background:url(../images/bloc_connexion.png) top right no-repeat;
}
#header .bloc_connexion h2 {
	height:18px;
	line-height:18px;
	margin:0;
	padding:0;
	text-indent:-9999px;
}
#header .bloc_connexion input {
	width:188px;
	height:20px;
	padding:3px;
	border:none;
	border-top:1px solid #375da3;
	border-left:1px solid #375da3;
	margin-bottom:13px;
	float:left;
}
#header .bloc_connexion input.auto {
	width:11px;
	height:11px;
	border:none;
	margin:0 5px 0 0;
	padding:0;
	float:left;
	clear:left;
}
#header .bloc_connexion label {
	font-weight:normal;
	margin-top:-2px;
	float:left;
}
#header .bloc_connexion input.mdp { width:161px; }
#header .bloc_connexion .bloc_gch a.perdu {
	width:20px;
	height:19px;
	padding:3px;
	background:#84adda;
	border-top:1px solid #375da3;
	border-right:1px solid #a8c5e5;
	border-bottom:1px solid #a8c5e5;
	text-align:center;
	color:#fff;
	font-weight:bold;
	float:left;
}
#header .bloc_connexion .bloc_gch a.perdu:hover { background:#6c8cc1; }
#header .bloc_connexion .bloc_gch span {
	width:157px;
	height:19px;
	padding:3px 5px;
	position:absolute;
	top:89px;
	left:31px;
	background:#6c8cc1;
	border-bottom:1px solid #a8c5e5;
	color:#fff;
	display:none;
	z-index:10;
}

#header .bloc_connexion input.valid {
	cursor:pointer;
	width:132px;
	height:145px;
	float:right;
	background:none;
	border:none;
	text-indent:-9999px;
}
#header .bloc_connexion input.valid:hover { background:url(../images/valid_hover_connexion.png) no-repeat; }

#header .bloc_error {
	position:absolute;
	width:140px;
	padding:20px 20px 20px 85px;
	background:#f9dea4 url(../images/ico_warn.png) 10px center no-repeat;
	left:-240px;
	top:11px;
	color:#525252;
}



#wrap_footer {
	width:100%;
	float:left;
	padding:50px 0 30px 0;
	background:url(../images/dregr_connexion.png) repeat-x;
}
#footer {
	width:950px;
	margin:0 auto;
	position:relative;
}
#footer .blocs_clients {
	width:900px;
	margin:0 auto;
}
#footer .blocs_clients ul {
	padding:10px 0;
	margin:0;
}
#footer .blocs_clients li {
	list-style:none;
	float:left;
	width:178px;
	height:50px;
	text-align:center;
	color:#fff;
	font-size:16px;
}
#footer .blocs_clients li a {
	color:#fff;
	display:block;
	width:178px;
	height:50px;
	line-height:50px;
}


.pw_lost {
	width:98%;
	background:#eee;
	padding:1%;
	margin-bottom:15px;
}
.pw_lost label {
	width:80px;
	display:block;
	font-weight:normal;
	line-height:12px;
	font-size:11px;
}
.pw_lost input {
	background:#fff;
	width:200px;
}
.pw_lost input.valid_mp {
	border:none;
	background:#8bc50d url(../images/ico_valid.png) 3px center no-repeat;
	width:auto;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	/*border-radius:4px*/
	padding:5px 5px 5px 25px;
	margin-left:20px;
	cursor:pointer;
	color:#fff;
}
.pw_lost input.valid_mp:hover { background:#a2d70e url(../images/ico_valid.png) 3px center no-repeat; }

/*_______________________ OVERLAY _____________________________*/
.simple_overlay {
	display:none; 
	z-index:10000;
	background-color:#fff;
	min-height:200px;
	border:1px solid #777;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	/*border-radius:4px*/
	-moz-box-shadow:0 0 90px 5px #000;
	-webkit-box-shadow: 0 0 90px #000;
	padding:10px;
}
.simple_overlay .close {
	background-image:url(../images/overlay_close.png);
	position:absolute;
	right:-15px;
	top:-15px;
	cursor:pointer;
	height:41px;
	width:41px;
}
.simple_overlay .close:hover { background-position: bottom; }

.ap_overlay {
	display:none;
	background:#eee;
	width:800px;
	padding:10px;
	font-size:11px;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	/*border-radius:4px*/
}
.ap_overlay div.close {
	background-image:url(../images/overlay_close.png);
	position:absolute;
	right:-15px;
	top:-15px;
	cursor:pointer;
	height:41px;
	width:41px;
}
.ap_overlay div.close:hover { background-position: bottom; }