html{
margin:0;
padding:0;
height:100%;
background:#c31a1b;
overflow:hidden;
}
body{
margin:0;
padding:0;
background-image: url(img/index_bg.jpg);
background-repeat: repeat-x;
background-position: center left;
height:100%;
}
#slogan_wrapper{
width:100%;
height:100%;
background-image: url(img/slogans.png);
background-repeat: no-repeat;
background-position: center center;
}
#login_form_wrapper {
	position:absolute;
	left: 50%; 
	top: 50%;
	width: 845px;
	height: 676px;
	margin-top: -338px; /* moitié de la hauteur */
	margin-left: -422px; /* moitié de la largeur */
	background-image: url(img/login_box.png);
	background-repeat: no-repeat;
	background-position: top left;
}

#login_box_DIV{
     width: 845px;
     height: 676px;
	 position:relative;
}
#login_form_menu ul{
     position:absolute;
	 top:281px;
	 left:449px;	
	 height:38px;
	margin:0;
	padding:0;
	width:289px;
	list-style:none;
	z-index:2;
}
#login_form_menu ul li{
	 height:38px;
	 float:right;
	 cursor:pointer;
}
#login_form_menu ul li span{
	display:none;
}
li#login_btn{
	width:64px;	
	height:38px;
	background-image: url(img/login_btn.jpg);
	background-repeat: no-repeat;
	background-position: top left;
}
li#login_btn:hover{
	width:64px;	
	height:38px;
	background-image: url(img/login_btn_on.jpg);
	background-repeat: no-repeat;
	background-position: top left;
}
li#login_btn.current{
	width:64px;	
	height:38px;
	background-image: url(img/login_btn_current.jpg);
	background-repeat: no-repeat;
	background-position: top left;
}
li#forgot_password_btn{
	width:167px;	
	height:38px;
	background-image: url(img/forgot_password_btn.jpg);
	background-repeat: no-repeat;
	background-position: top left;
}
li#forgot_password_btn:hover{
	width:167px;	
	height:38px;
	background-image: url(img/forgot_password_btn_on.jpg);
	background-repeat: no-repeat;
	background-position: top left;
}
li#forgot_password_btn.current{
	width:167px;	
	height:38px;
	background-image: url(img/forgot_password_btn_current.jpg);
	background-repeat: no-repeat;
	background-position: top left;
}
#login_form,#recover_password_form{
     width: 174px;
     height: 95px;
	 border:0;
	 position:absolute;
	 top:281px;
	 left:449px;
	 padding-top:50px;
	 padding-left:115px;
}
#login_form{
	background: #ffffff url('img/email_and_password.jpg') no-repeat 17px 53px; 
}
#recover_password_form{
	display:none;
	background: #ffffff url('img/email.jpg') no-repeat 17px 53px; 
}
#recover_password_form input[type=text]{
     width: 143px;
	 font:normal 12px "Verdana", sans-serif;	
}
#recover_password_form input[type=submit]{
	width: 39px;
	height: 33px;
	background: transparent url('img/login_submit.jpg') no-repeat top left; 
	border:0;
	padding-top:5000px;
	margin-top:40px;
	margin-left:110px;
	cursor:pointer;
}
#login_form input[type=text]{
     width: 143px;
	 margin-bottom:8px;
	 font:normal 12px "Verdana", sans-serif;	
}
#login_form input[type=password]{
     width: 143px;
	 font:normal 12px "Verdana", sans-serif;	
}
#login_form input[type=submit]{
	width: 39px;
	height: 33px;
	background: transparent url('img/login_submit.jpg') no-repeat top left; 
	border:0;
	padding-top:5000px;
	margin-top:12px;
	margin-left:110px;
	cursor:pointer;
}
#login_msg{
	 position:absolute;
	 top:122px;
	 left:30px;
	 font:italic 12px "Verdana", sans-serif;	
	 color:#e0001a;
}
#recover_msg{
	 position:absolute;
	 top:80px;
	 left:30px;
	 font:italic 12px "Verdana", sans-serif;	
	 color:#e0001a;
}
.boldMe{
	font-weight:bold;
}
.redMe{
	color:#E0001D;
}