/* --------------------------------------------------------------- */
/*
/* Titres et textes
/*
/* --------------------------------------------------------------- */
#page h1 {
	margin-bottom : 50px;
	padding       : 50px 0;
}

#page h1:before, #page h1:after {
	content          : "";
	display          : block;
	position         : absolute;
	height           : 5px;
	width            : 33%;
	bottom           : 0;
	background-color : #2C7FA8;
	left             : 0;
}

#page h1:after {
	left             : inherit;
	right            : 0;
	background-color : #BD2025;
}

#page h3 {
	padding : 50px 0;
}

.alert.alert-danger {
	color      : #BD2025;
	background : none;
	border     : none;
	padding    : 10px 0;
	margin     : 0;
}


/* --------------------------------------------------------------- */
/*
/* formulaires
/*
/* --------------------------------------------------------------- */


.form-group {
	flex-flow   : column;
	align-items : flex-start;
}

.form-control:focus {
	outline      : none;
	box-shadow   : none;
	border-color : #133250;
}

#page form label {
	font-size : 15px;
}

#page form label.required:after {
	content : " *";
	color   : #BD2025;
}

#page .btn {
	vertical-align  : unset;
	text-decoration : none;
	border-radius   : 0;
}

#page h3.after_red:after {
	background : #BD2025;
}

@media screen and (min-width : 767px) {
	#page form fieldset .form-inline {
		width : 50%;
	}
}

#page form fieldset .form-inline select {
	width : 33%;
}


/* --------------------------------------------------------------- */
/*
/* boutons
/*
/* --------------------------------------------------------------- */
#page .boutons {
	display         : flex;
	align-items     : center;
	justify-content : center;
}

#page .bouton {
	position         : relative;
	top              : 0;
	left             : 0;
	padding          : 10px 40px;
	margin           : 10px 25px;
	width            : auto;
	max-width        : none;
	border           : none;
	border-radius    : 0;
	background-color : #E57373;
	font-family      : "FuturaBT-Medium";
	font-size        : 20px;
	color            : #FFFFFF;
	text-align       : center;
	display          : inline-block;
	box-shadow       : 0px 0px 2px #999999;
	cursor           : pointer;
	white-space      : nowrap;
	text-decoration  : none;
}

/* --------------------------------------------------------------- */
/*
/* Tableaux
/*
/* --------------------------------------------------------------- */

#page .table thead th {
	border : none;
}

#page .table td {
	border : none;
}

#page .table tbody tr:nth-child(odd) {
	background : #EDEDED;
}

#page .table .actions {
	text-align : center;
}

/* --------------------------------------------------------------- */
/*
/* Liste commandes
/*
/* --------------------------------------------------------------- */
#commandes {
	text-align : left !important;
}

#commandes .entete_commandes {
	font-weight : bold;
	font-size   : 16px;
}

#commandes .ligne_commande {
	padding : 15px;
}

#commandes .ligne_commande:nth-child(odd) {
	background : #EDEDED;
}

#commandes .ligne_commande .details .bouton {
	margin    : 0;
	padding   : 5px 25px;
	font-size : 15px;
}


#historique_fidelite {
	text-align : left !important;
}

#historique_fidelite .entete_commandes {
	font-weight : bold;
	font-size   : 16px;
}

#historique_fidelite .lignes_historique_fidelite {
	max-height : calc(70px * 5);
	overflow   : auto;
}

#historique_fidelite .ligne_commande {
	padding : 15px;
}

#historique_fidelite .ligne_commande .mouvement_points {
	/*background : #FFFFFF;*/
	padding  : 5px;
	position : relative;
}

#historique_fidelite .ligne_commande .mouvement_points.minus .points {
	color : #BD2025;
}

#historique_fidelite .ligne_commande .mouvement_points.plus .points {
	color : #2C7FA8;
}

#historique_fidelite .ligne_commande .mouvement_points .points {
	font-weight : bold;
	font-size   : 1.25em;
}

#historique_fidelite .ligne_commande .points_restants {
	font-weight : bold;
	font-size   : 1.25em;
	color       : #133250;
}

#historique_fidelite .ligne_commande:nth-child(odd) {
	background : #EDEDED;
}

/*#historique_fidelite .ligne_commande:nth-child(even) .mouvement_points {*/
/*	background : #EDEDED;*/
/*}*/

#historique_fidelite .box_points {
	height           : 0;
	width            : 100%;
	padding-bottom   : 100%;
	background-color : #EDEDED;
	position         : relative;
}

#historique_fidelite .box_points .inner {
	position        : absolute;
	top             : 0;
	left            : 0;
	bottom          : 0;
	right           : 0;
	display         : flex;
	flex-direction  : column;
	align-items     : center;
	justify-content : center;
	padding         : 15px;
	font-size       : 18px;
}

#historique_fidelite .box_points .inner p {
	margin      : 0;
	font-weight : bold;
}

#historique_fidelite .box_points .inner .points {
	position       : relative;
	text-align     : center;
	font-family    : "FuturaBT-Medium";
	font-weight    : bold;
	font-size      : 2.5em;
	text-transform : uppercase;
	letter-spacing : 3px;
	color          : #133250;
}

#commandes .facture {
	background-color : #133250;
	position         : relative;
	top              : 0;
	left             : 0;
	padding          : 5px 25px;
	width            : auto;
	max-width        : none;
	border           : none;
	border-radius    : 0;
	font-family      : "FuturaBT-Medium";
	font-size        : 15px;
	color            : #FFFFFF;
	text-align       : center;
	display          : inline-block;
	box-shadow       : 0px 0px 2px #999999;
	cursor           : pointer;
	white-space      : nowrap;
	text-decoration  : none;
}

@media screen and (max-width : 767px) {
	#commandes {
		text-align : center !important;
	}
}

/* --------------------------------------------------------------- */
/*
/* Page mon compte
/*
/* --------------------------------------------------------------- */


@media screen and (max-width : 767px) {
	#page .boutons {
		flex-direction : column;
	}

	#page .boutons .bouton {
		font-size : 17px;
	}
}