#signup_form_container
{
	width : 100%;
	margin : 0px;
	padding : 0px;
	display : flex;
	align-items : center;
	justify-content : center;
	height : 100%;
	padding-top : 20px;
}

#signup_form
{
	width : 40%;
	min-width : 500px;
	margin : 0px;
	padding : 0px; 
	display : flex;
	align-items : center;
	justify-content : center;
	flex-direction : column;
	height : 100%;
	box-shadow : 0px 0px 5px 5px rgba(0, 0, 0, 0.25);
}

#form_title
{
	width : 100%;
	margin : 0px;
	padding : 0px; 
	display : flex;
	align-items : center;
	justify-content : center;
}

#form_title h1
{
	width : calc(100% - 20px);
	margin : 0px; 
	padding : 0px;
	padding-left : 10px;
	padding-right : 10px;
	color : white;
	font-size : 1.5em;
	background-color : rgb(96, 96, 255);
}

#form_form
{
	width : calc(100% - 22px);
	margin : 0px; 
	padding : 10px;
	display : flex;
	align-items : center;
	justify-content : center;
	border : 1px solid rgb(96, 96, 255);
}

#form_form form
{
	width : 100%;
	height : 100%;
	margin : 0px; 
	padding : 0px;
}

#form_form table
{
	width : 100%;
	height : 100%;
	margin : 0px;
	padding : 0px;
}



#form_form td
{
	width : 50%;
	padding-top : 5px; 
	padding-bottom : 5px;
}

#cli_mdp, #cli_mail, #cli_tel, #cli_confirm_mdp, #cli_societe, #cli_nom, #cli_prenom, #cli_adresse, #cli_ville, #cli_CP
{
	width : 100%;
	border : 1px solid rgb(96, 96, 255);
	height : 20px;
}

#cli_pays
{
	width : calc(100% + 3px);
	border : 1px solid rgb(96, 96, 255);
	height : 25px;
}

.lost_password
{
	font-size : 0.8em;
	margin-top : 5px;
	margin-bottom : 5px;
}

#connexion_button, #signup_button, #cancel_button
{
	border : none;
	text-align : center;
	cursor : pointer;
	display : block;
	margin : auto;
	
	border : 1px solid rgb(96, 96, 255);
	width : 50%;
	height : 30px;
	margin-top : 10px;
}

.legal
{
	color : red;
	font-size : 0.8em;
	font-style : italic;
}