body, html {
    height: 100%;
}
html {
	background-position: 50% 0;
    background-repeat: no-repeat;
    /*background-attachment: fixed;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;*/
    font-family: Helvetica,Arial,"Luxi Sans",sans-serif;
}
body {
	background:none;
}
#login_box {
	width:670px;
	height:270px;
	margin:185px auto 0 auto;
}
#login_box .welcome {
	margin-bottom:14px;
	height:51px;
}
#login_box .notice {
	font-weight:bold;
	color:#cfcfcf;
	font-size:12px;
}
#login_box .left-register {
	width:427px;
	height:256px;
	float:left;
	/*background-color:#000;
	background-color:rgba(49, 50, 52, 0.8);*/
	background:url(../img/background_loginbox.png) no-repeat 0 0;
	padding:14px 20px 0 20px;
	position:relative;
}
#login_box .left-register .submit {
	padding:10px 0 0 0;
}
#login_box .left-login .submit {
	padding:0 0 0 0;
}

#login_box .left-register .submit input {
	background:url(../img/btn-register.png) no-repeat 0 0;
	width:101px;
}
#login_box .left-register .submit input:hover {
	background-position:0 -28px;
}
#login_box .left-register .notice {
	position:absolute;
	top:239px;
	left:348px;
}
#login_box .left-register .presentation {
	font-size:29px;
	color:#ffffff;
	line-height:1.1em;
}
#login_box .left-register .presentation span {
	color:#3CD3FB;
	font-weight:bold;
}
#login_box .left-register h2 {
	color:#fff;
	font-size:20px;
	margin:15px 0 10px 0;
	text-align:center;
}
#login_box .left-register h2 span {
	font-weight:normal;
}
#login_box .left-register .btn-register {
background: url("../img/btn-register.png") no-repeat scroll 0 0 transparent;
    border: 0 none;
    cursor: pointer;
    float: left;
    height: 28px;
    width: 101px;
    margin:10px 0 0 163px;
}
#login_box .left-register .btn-register:hover {
	background-position:0 -28px;
}
#login_box .right-register {
	width:202px;
	float:right;
}
#login_box .right-register .social-login {
	height:156px;
	/*background-color:#000;
	background-color:rgba(49, 50, 52, 0.8);*/
	background:url(../img/background_loginbox.png) no-repeat 0 0;
	padding:162px;
	padding:20px 20px 0 20px;
}
#login_box .right-register .login-goto {
	height:74px;
	width:202px;
	/*background-color:#000;
	background-color:rgba(49, 50, 52, 0.8);*/
	background:url(../img/background_loginbox.png) no-repeat 0 0;
	margin-top:1px;
	padding-top:19px;
}
#login_box .right-register .login-goto h2 {
	margin:0 0 6px 0;
	line-height:1em;
	text-align:center;
	color:#ffffff;
	font-size:20px;
}
#login_box .right-register .login-goto h2 .mark {
	font-weight:normal;
}
#login_box .fb-connect,
#login_box .gg-connect {
	background: url("../img/btn_facebook_connect.png") no-repeat scroll 0 0 transparent;
    border: 0 none;
    cursor: pointer;
    float: left;
    height: 32px;
    width: 161px;
}
#login_box .gg-connect {
	background: url("../img/btn_gmail_connect.png") no-repeat scroll 0 0 transparent;
	margin-top:10px;
}
#login_box .right-register .social-login p {
	color:#fff;
	font-size:12px;
	color:#ffffff;
	margin-top:20px;
	float:left;
}
#login_box .btn-enter {
	background: url("../img/btn-enter.png") no-repeat scroll 0 0 transparent;
    border: 0 none;
    cursor: pointer;
    float: left;
    height: 28px;
    width: 81px;
    margin:0 0 0 59px;
}
#login_box .btn-sinscrire {
	background: url("../img/btn-register.png") no-repeat scroll 0 0 transparent;
    border: 0 none;
    cursor: pointer;
    float: left;
    height: 28px;
    width: 101px;
    margin:0 0 0 159px;
}
#login_box .btn-valider {
	background: url("../img/btn_valider.png") no-repeat scroll 0 0 transparent;
    border: 0 none;
    cursor: pointer;
    float: left;
    height: 28px;
    width: 81px;
    margin:0 0 0 130px;
}
#login_box .btn-enter:hover,
#login_box .btn-sinscrire:hover,
#login_box .btn-valider:hover {
	background-position:0 -28px;
}
#login_box #footer {
	clear:both;
	float:left;
	margin-top:8px;
	padding:0;
	border:0;
}

/* Register form */
#login_box .login-section {
	clear:both;
	float:left;	
}
#login_box .login-section .left-login,
#login_box .login-section .right-login {
	width:334px;
	float:left;
	height:270px;
	/*background-color:#000;
	background-color:rgba(49, 50, 52, 0.8);*/
	background:url(../img/background_loginbox.png) no-repeat 0 0;
}
#login_box .login-section .left-login {
	margin-right:1px;
	position:relative;
}
#login_box .left-login h2 {
	color:#fff;
	font-size:20px;
	margin:60px 0 10px 0;
	text-align:center;
}
#login_box .left-login h2 span {
	font-weight:normal;
}
#login_box .left-login .row {
	margin:0 0 10px 33px;
}
#login_box .left-login .btn-enter {
	margin-left:127px;
}
#login_box .left-login .forgot-wrapper {
	width:334px;
	text-align:center;
	position:absolute;
	font-weight:bold;
	color:#cfcfcf;
	top:240px;
	left:0;
}
#login_box .left-login .forgot-password,
#login_box .left-login .forgot-password:hover {
	text-decoration:none;
	font-weight:bold;
	color:#cfcfcf;
	font-size:12px;
}
#login_box .left-login .forgot-password:hover {
	color:#b0b0b0;
}
#login_box .login-section .right-login {
	padding:66px 20px 0 20px;
	width:295px;
	height:204px;
	position:relative;
}
#login_box .login-section .right-login span {
	color:#ffffff;
	font-size:29px;
	line-height:1.1em;
}
#login_box .login-section .right-login .fb-wrapper {
	margin:9px 0 0 91px;
}
#login_box .login-section .right-login .notice {
	position:absolute;
	top:240px;
	width:294px;
	text-align:center;
}

#login_box .row .text {
	background:url(../img/bg-login-text-form.png) no-repeat 0 0;
	width:270px;
}

#login_box .register-section .row .text {
	margin-left:0;
}

#login_box .left-register .text input{
	width:243px;
	margin:0 0 0 0 !important;
}
#login_box .left-register .row {
	width:auto;
	margin-left:78px;
}

#login_box .validation-advice,
#login_box .validation-advice,
#login_box .forgot-section .message,
#login_box .login-section .message { font-size:11px; line-height:13px; display:block; color:#ffffff; text-align:left; margin-left:5px; float:left; margin-top:4px; clear:both; }
#login_box .forgot-section .text {
	position:relative;
}
#login_box .validation-advice {
	width:250px;
}
#login_box .forgot-section .loader-input {
	position:absolute;
	top:3px;
	right:5px;
}

input:focus {
    outline: none;
}