#page{
	background-attachment: fixed;
}
#page h1 {
	color         : #FFFFFF;
	background    : rgba(0, 0, 0, 0.8);
	display       : block;
	margin-bottom : 0;
	margin-left : 0;
}

#page .fond_noir {
	padding    : 15px;
	background : rgba(0, 0, 0, 0.8);
	color      : #CCCCCC;
}


#page form input,
#page form select,
#page form textarea{
	border : 1px solid #CCC;
	-webkit-border-radius : 0;
	-moz-border-radius    : 0;
	border-radius         : 0;

	background : rgba(0,0,0,0.8);
	color : #CCC;
	-webkit-box-shadow : none;
	-moz-box-shadow    : none;
	box-shadow         : none;
	outline: none;
}


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

.login_box {
	position         : relative;
	padding          : 22px 28px;
	background-color : rgba(0, 0, 0, 0.8);
	margin           : 0 12px;
	color            : #CCCCCC;
}

#mdp_oublie a {
	color : #9E1111;
}

.box_content {
	min-height : 190px;
}

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

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

i:hover {
	color      : #9E1111;
	transition : 0.3s color;
}

/* --------------------------------------------------------------- */
/*
/* Adresses
/*
/* --------------------------------------------------------------- */

#adresses .table {
	margin-top : 20px;
}

#adresses .intitule {
	width : 15%;
}

#adresses .adresse {
	width : 30%;
}

#adresses .ville {
	width : 30%;
}

#adresses .pays {
	width : 15%;
}

#adresses .actions {
	width : 10%;
}

#adresses th {
	background      : rgb(22, 20, 20);
	/*background      : linear-gradient(0deg, rgba(22, 20, 20, 1) 0%, rgba(42, 18, 18, 1) 100%);*/
	background-size : cover;
	color           : #FFFFFF;
	border-right    : 1px solid #FFFFFF;
	border-left     : 1px solid #FFFFFF;
	border-top      : none;
	border-bottom   : none;
}

#adresses th:first-child {
	border-left : none;
}

#adresses th:last-child {
	border-right : none;
}

#adresses .actions a {
	color : #CCCCCC;
}

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

#inscription section {
	background-color : rgba(0, 0, 0, 0.8);
	padding          : 20px 25px;
	color            : #CCCCCC;
	margin           : 40px 0;
}

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

#profil {
	padding : 20px 0;
}

#profil section {
	background-color : rgba(0, 0, 0, 0.8);
	padding          : 20px 25px;
	color            : #CCCCCC;
	margin           : 40px 0;
}


.no-border,
.no-border tr,
.no-border th,
.no-border td{
	border : none !important;
}

/* --------------------------------------------------------------- */
/*
/* 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) {

}