/*============================================================================================================================================================================= */	
/*================================================================================= Cadre général ============================================================================ */
/*============================================================================================================================================================================= */

	/* Le container permet de délimiter la zone de texte avec un fond gris plus marqué que le background principal */
	.container {
		margin-bottom: 0px;
		padding-bottom: 70px;

	}

	.main-login {
		background-color: #fff;
		/* shadows and rounded borders */
		-moz-border-radius: 8px;
		-webkit-border-radius: 8px;
		border-radius: 8px;
		-moz-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);
		-webkit-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);
		box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);
	}

	.main-center{
		margin: auto;
		max-width: 350px;
		padding: 20px 40px;
		border: thin solid;
	}


	.form-group-account{
		margin-bottom: 0px;
	}


	input, input::-webkit-input-placeholder {
		font-size: 11px;
		padding-top: 3px;
	}



/*============================================================================================================================================================================= */
/*============================================================================================================================================================================= */
/*============================================================================================================================================================================= */

	/* Message qui s'affiche en cas de création interdite (bot par exemple ou javascript défaillant et mauvais ID)*/
	#error_creation {
		margin: auto;
		text-align: center;
		vertical-align: middle;
		width: 400px;
		color: red;
		font-weight: bold;
		margin-bottom: 10px;
		margin-top: 10px;
	}


	/* Label des formulaires */
	.control-label {
		margin-top: 15px;
		padding-bottom: 5px;
	}

	/* Barre de validation des mots de passe */
	#password_bar, #password_bar_update {
		margin-top: 10px;
	}

	/* Boutons submit */
	.login-button{
		margin-top: 0px;
		margin-bottom: 25px;
	}

	/* Liens qui renvoie vers le login ou la création de compte */
	.link{
		font-size: 13px;
		text-align: center;
		margin-bottom: 25px;
	}

	/* Lien pour annuler l'action en cours */
	.cancel_link {
		border: none;
		background-color: transparent;
		color: #337AB7;
		font-size: 13px;
		font-weight: bold;
	}

	.cancel_link:hover {
		color: #23527c;
		text-decoration: underline;
		font-weight: bold;
	}



/*============================================================================================================================================================================= */
/*================================================================== Confirm creation compte et génération MDP =============================================================== */
/*============================================================================================================================================================================= */

	#confirm_container {
		border: thin solid;
		margin-top: 150px;
		min-width: 500px;
		padding: 10px;
	}

	.confirm_account{
		font-weight: bold;
	}


/*============================================================================================================================================================================= */
/*=================================================================================== Error access  =========================================================================== */
/*============================================================================================================================================================================= */

	#error_cont  {
		padding-bottom: 30px;
		min-width: 500px;
	}

	.error_access{
		color: red;
		font-weight: bold;
		margin-top: 150px;
	}


/*============================================================================================================================================================================= */
/*======================================================================= Gestion des utilisateurs  =========================================================================== */
/*============================================================================================================================================================================= */

	.th_element{
		border: thin solid black;
		padding: 5px;
		background-color: #DCDCDC;
		text-align: center;
		font-weight: bold;
	}

	.td_element {
		border: thin solid black;
		padding: 10px;
		text-align: center;
		background-color: #ffffff;
	}


	.table_user {
		width: 80%;
		margin-top: 30px;
		margin-bottom: 70px;
	}