.loginbox{
	width:350px;
	margin:auto;	
	margin-top:50px;
	font-family:roboto;
	font-size:16px;
}
.login-titre{
	text-align:center;
}
.login-label{	
	font-size:12px;
	text-align:left;
	position:relative;
	top:7px;
	left:7px;
	background-color:white;
	padding:0 5px;
	display:none;
}
/* pseudo--------------------------- */
.login-pseudo{	
	margin-top:30px;
}
.login-pseudo input{
	width:100%;
	line-height:16px;
	padding:15px;
	font-family:roboto;
	font-size:16px;
}

/* password-------------------------- */
.login-password{
	margin-top:10px;
}
.login-password input{
	width:100%;
	line-height:16px;
	padding:15px;
	font-family:roboto;
	font-size:16px;
}

/* remember me ------------------*/

.login-remember{
	text-align:left;
	margin-top: 10px;
	font-size:14px;
}
.login-remember label{
	margin-left:2px;
}
.login-remember-mention{
	text-decoration:underline;	
	font-size:12px;
	margin-left:5px;
	cursor:pointer;
	display:inline-block;
	color:#287ab8
}

/* error managed by jquery ----------------------*/
.jqreq-warning{	
	font-family:montserrat;
	font-size:12px;	
	margin-top:5px;
	margin-bottom:-10px;
	color:red;
	display:none;
}

/* button -----------*/
.login-bouton-submit{	
	display:block;
	width:340px;
	margin:auto;
	margin-top:20px;
	padding:15px 0;
	font-family:russoone;
	font-size:16px;
	text-transform: uppercase;
	background-color:#222;
	color:#39ffe3;
	border-radius:10px;
	cursor:pointer
	
}

/* password lost -----------*/
.lost-password-button a:hover{
	text-decoration:none
}
.lost-password-button button{
	display:block;
	width:100%;
	margin:auto;
	margin-top:0px;
	padding:10px 0;
	font-family:rajdhani;
	font-size:16px;
	border-radius:10px;	
	cursor:pointer
}

/* goto signup -----------*/
.gosignupbox{
	margin-top:50px;
	text-align: center;
	font-family:oswald;
	font-size:28px;
}
.gosignupbox a {
	color:#0174DF;
	text-decoration: underline;	
	display:block
}

/* overlay -----------------------------*/
.rememberoverlay{
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.5); /* Transparent background */
}
.rememberoverlay-content {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: white;
    padding: 40px;
	  width:500px;
	font-family: roboto;
	font-size:14px;
}
.rememberoverlay-title {
  font-weight: bold;  
}
.rememberoverlay-txt {
   margin-top:20px;
}
.rememberoverlay-note {
   margin-top:20px;
	font-size:11px;
	font-style: italic
}
.rememberoverlay-txt {
    
}
.rememberoverlay-close {
   text-align:center;
	 margin-top:30px;
	text-decoration:underline;
	color:black;
	font-size:16px;
	cursor:pointer
}