h1
{
	font-size: 			18pt;
	line-height: 		120%;
	margin: 			25px 0;
}
h2
{
	font-size: 			14pt;
	text-decoration: 	underline;
	line-height: 		120%;
}

#bloc_login
{  
	position: 				relative;
	padding: 				30px 60px;
	font-size: 				11pt;
	background-color: 		#fff;
	margin:   				10px auto;
	max-width:  			1400px;
}

#bloc_login::after
{
	content: 			" ";
	display: 			block;
	clear: 				both;
}
	
	#login_inscription_bloc
	{
		float: 			left;
		width: 			50%;
		padding-right: 	5%;
		border-right: 	1px dotted #ddd;
		min-height: 	500px;
	}
	
	#login_connexion_bloc
	{
		float: 			right;
		width: 			45%;
		
	}
	
		#login_form
		{
		    /*margin: 				80px auto 30px auto;*/
		    padding: 				25px 20px;
		    padding-left: 			155px;
		    background-image: 		url(../images/login/secure.png);
		    background-repeat: 		no-repeat;
		    background-position: 	10px 50%;
		    background-color: 		#1C1C1C;
		    background-color: 		#464545;
		    background-color: 		#02232C;
		    color: 					#fff;
		    font-size: 				10pt;
		    border: 				0;
		    border-bottom: 			8px solid #007DC1;
		    border-bottom: 			8px solid #222222;
		    border-bottom: 			8px solid #011C23;
		    margin-bottom: 			200px;
			max-width: 				370px;
			-moz-border-radius:		5px;
			-webkit-border-radius:	5px;
			border-radius:			5px;
		}	
		#login_form::before
		{
			content: 			"Veuillez vous authentifier";
			display: 			block;
			clear: 				both;
		}
	

.login_field
{  
	padding: 				3px 0;
}

.login_form_field_left
{
	display: 				none;
}

.login_form_field
{
	color: 					#333;
	font-size: 				10pt;
	width: 					100%;
	padding: 				4px 5px;
	margin: 				2px 0;
	font-size: 				10pt;
}

.login_form_field_submit
{
	text-align: 			right;
	padding: 				1px 0;
}



/***************************
 *
 * Responsive
 *
 ***************************/
@media only screen /* Smartphone Horizontal */ 
and (max-width : 700px) 
{
	h1
	{
		font-size: 			14pt;
	}
	h2
	{
		font-size: 			11pt;
	}

	#bloc_login
	{  
		position: 			relative;
		padding: 			20px 10px;
	}

	#login_inscription_bloc,
	#login_connexion_bloc
	{
		float: 			none;
		width: 			auto;
		min-height: 	0;
		border: 		0;
		padding: 		0;
		margin-bottom: 	100px;
	}
	
	
	
	#login_form
	{
	    padding: 				25px 15px;
	    background-image: 		none;
	}
	input.login_form_field
	{
		padding: 				8px 10px;
		font-size: 				13pt;
		-moz-border-radius:		2px;
		-webkit-border-radius:	2px;
		border-radius:			2px;
		margin-bottom: 			5px;
	}
	
	input.login_form_button
	{
		display:	 			block;
		width: 					50%;
		background-color: 		#21687A;
		-moz-border-radius:		2px;
		-webkit-border-radius:	2px;
		border-radius:			2px;
		color: 					#fff;
		border: 				0;
		padding: 				8px 10px;
		margin: 				0;
		margin-left: 			50%;
		font-size: 				13pt;
		margin-top: 			3px;
		-webkit-appearance: 	none;
		-moz-appearance: 		none;
		appearance:				none;
	}
}