.loginbox{
	text-align:center;
	width:300px;
	margin:auto;	
	margin-top:20px;
	font-family:roboto;
	font-size:16px;
}
.login-titre{
}

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

/* password ------------------*/
.login-password{
	margin-top:20px;
	text-align:left;
}
.login-password input{
	width:100%;
	line-height:14px;
	padding:15px;
	font-family:roboto;
	font-size:14px;
	display:block;
	margin:auto
}

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

.login-remember{
	text-align:left;
	margin-top: 10px;
	font-size:12px;
}
.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:10px;	
	margin-top:5px;
	margin-bottom:-10px;
	color:red;
	display:none;
}

/* button */
.login-bouton button{
	width:100%;
	margin-top:20px;
	padding:10px 0;
	font-family:russoone;
	font-size:14px;
	background-color:#2d2c2c;
	color:#39ffe3;
	border-radius:10px;
	cursor:pointer
}

/* password lost -----------*/

.lost-password-button button{
	width:100%;
	margin-top:0px;
	padding:10px 0;
	font-family:rajdhani;
	font-size:14px;
	border-radius:10px;	
	cursor:pointer
}

/* goto signup -----------*/
.gosignupbox{
	margin-top:30px;
	text-align: center;
	font-family:oswald;
	font-size:26px;
}
.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: 20px;
	  width:240px;
	font-family: roboto;
	font-size:11px;
}
.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:12px;
	cursor:pointer
}