.bloc_login
{  
	font-family:			"Rubik";
    margin: 				100px auto 150px auto;
    padding: 				40px 10px;
    padding-left: 			40px;
    background-image: 		url(../images/generic/secure.png);
    background-repeat: 		no-repeat;
    background-position: 	10px 20px;
    background-color: 		#222;
    border: 				0;
    border-bottom: 			8px solid #CD3C43;
    -moz-border-radius:		2px;
    -webkit-border-radius:	2px;
    border-radius:			2px;
}

.login_table 
{  
      margin: 0 auto;
      padding: 0;
      /*height: 70px;*/
}
.login_table tr
{
	vertical-align: middle !important;
}
      
.login_form_label
{
	width: 			110px;
	padding: 		3px;
	/*color: 			#FFF !important;*/
	text-align: 	right;
	font-size: 		10pt;
	color: 			#fff;
}     

login_form_label div
{
	margin-left: 20px;
}

.login_form_value
{
	padding: 1px;
}

.login_form_value input[type="text"],
.login_form_value input[type="password"]
{
	font-family:			"Rubik";
	color: 					#222;
	padding: 				5px 5px;
	font-size: 				10pt;
	border: 				0;
	-moz-border-radius:		1px;
	-webkit-border-radius:	1px;
	border-radius:			1px;
}

.login_form_value input[type="text"]:focus,
.login_form_value input[type="password"]:focus
{
}
.login_form_field
{
	font-size: 				16pt;
	padding: 				3px;
}

.bloc_login
{
	max-width: 450px;

}

.bloc_login form
{
	width: 100%;
}

.login_lost_passwordlink:link,
.login_lost_passwordlink:hover,
.login_lost_passwordlink:active,
.login_lost_passwordlink:visited
{
	float: 				right;
	color: 				#777;
	margin-top: 		10px;
	margin-right: 		75px;
	
}

.login_inscription:link,
.login_inscription:hover,
.login_inscription:active,
.login_inscription:visited
{
	float: 				right;
	color: 				#777;
	margin-top: 		10px;
	padding-right: 		10px;
	margin-right: 		10px;
	border-right: 		1px solid #555;	
}

.login_lostpassword_form
{
	width: 				60%;
	padding-bottom: 	150px;
}
.login_lostpassword_send
{
	width: 				60%;
	padding-bottom: 	150px;
}

.login_form_button
{
	font-family:			"Rubik";
	background-color: 		#CD3C43;
	color: 					#fff;
	padding: 				5px 10px;
	border: 				0;
	-moz-border-radius:		1px;
	-webkit-border-radius:	1px;
	border-radius:			1px;
}

/*************************************************************************
 *
 * Responsive
 *
 *************************************************************************/
 @media only screen /* Tablette */ 
and (max-width : 1000px) 
{
	
}

@media only screen /* Smartphone */ 
and (max-width : 700px) 
{
	#commons_zoom
	{
		padding-top: 	50px;
	}
	.bloc_login
	{  
	   	padding: 				40px 10px;
	    padding-top: 			20px;
	    margin: 				0 10px;
	    background-image: 		none;
    }
    
    .bloc_login table td:first-child
    {
    	display: 			none;
    }
    .bloc_login table
    {
    	width: 				90% !important;
    }
    .bloc_login table td
    {
    	width: 				100% !important;
    }
	    
	.login_form_label
	{
		width: 			100%;
		font-size: 		10pt;
	}
	
	.login_form_value input[type="text"],
	.login_form_value input[type="password"]
	{
		width: 					100% !important;
	}
	.login_lost_passwordlink:link,
	.login_lost_passwordlink:hover,
	.login_lost_passwordlink:active,
	.login_lost_passwordlink:visited
	{
		margin-top: 		10px;
		margin-right: 		10px;
	}
		
	.login_lostpassword_form,
	.login_lostpassword_send
	{
		width: 				auto;
	}

}