/* --------------------------------------------------------------- */
/*
/* Connexion (login)
/*
/* --------------------------------------------------------------- */
#login {
	padding: 28px 0;
}

.login_box, .form-box{
	position:relative;
	border:1px solid #CCC;
	padding: 22px 28px;
	background-color: rgba(255,255,255,0.7);
	margin: 0 12px;
}

#mdp_oublie a {
	color:#b69540;
}

.box_content {
	min-height:190px;
}

table th, table td {
	text-align:center;
}


h3 {
	font-family: "Merriweather";
	font-size: 19px;
	margin-bottom:15px;
	color:#b69540;
}

/* --------------------------------------------------------------- */
/*
/* Inscription
/*
/* --------------------------------------------------------------- */

#inscription section {
	background-color: rgba(255,255,255,0.7);
	padding: 20px 25px;
	box-shadow: 0px 0px 8px rgba(120,120,120,0.4);
	margin: 40px 0;
}

/* --------------------------------------------------------------- */
/*
/* Profil
/*
/* --------------------------------------------------------------- */

#profil {
	padding: 20px 0;
}

#profil table {
	background-color: rgba(255,255,255,0.7);
}

/* --------------------------------------------------------------- */
/*
/* Responsive
/*
/* --------------------------------------------------------------- */

@media screen and (max-width: 1199px) {

}

@media screen and (max-width: 991px) {
	
	.login_box {
		font-size: 14px;
		padding: 15px 18px;
	}

	.login_box h4 {
		font-size: 17px;
		margin-bottom: 25px;
	}


}

@media screen and (max-width: 767px) {

	.login_box {
		margin: 10px 0;
		padding: 20px 25px;
	}

	.login_box h4 {
		font-size: 20px;
	}

	#inscription section h2 {
		font-size: 20px;
	}

	#adresse .bloc-contenu {
		background-color: rgba(255,255,255,0.7);
		padding: 25px 30px;
		width: 82%;
		margin: 20px auto;
	}

}

@media screen and (max-width: 575px) {
	.login_box h4 {
		font-size: 17px;
	}

	select {
		margin: 6px 0;
	}

	#page .bouton {
		margin: 8px 0;
	}

	.table td, .table th {
		font-size: 13px;
	}

	#adresse .bloc-contenu {
		width: 100%;
		margin: 10px auto;
		padding: 12px 15px;
	}

	#profil table tr {
		display: block;
		border-bottom: 2px solid #dedede;
	}

	#profil table th {
		display: block;
		border: none;
		padding: 2px;
	}

	#profil table td {
		display: block;
		border: none;
	}

	.actions a i {
		font-size: 20px;
	}
}

@media screen and (max-width: 380px) {

}