#page{
	background-attachment: fixed;
}

#page h1.fond_noir{
	margin-left : 0;
}

#page h4 {
	font-family   : "Merriweather";
	font-size     : 19px;
	margin-bottom : 15px;
	color         : #CCC;
}

.cgv {
	color : #9E1111;
}

.cgv:hover {
	color : #7C0A0A;
}

#page select{
	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;
}

/* --------------------------------------------------------------- */
/*
/* Panier
/*
/* --------------------------------------------------------------- */

#panier {
	padding : 20px 25px;
}

#panier .entete_panier,
#panier .ligne_produit,
#panier .bon_reduction,
#panier .ligne_total {
	padding : 10px 0;
}

#panier .entete_panier,
#panier .bon_reduction {
	border-bottom : 2px solid #CCCCCC;
}

#panier .entete_panier,
#panier .ligne_total,
#panier .bon_reduction span {
	font-weight : bold;
}

#panier .ligne_produit {
	border-bottom : 1px solid #CCCCCC;
}

#panier .bon_reduction {
	border-top : 1px solid #CCCCCC;
}

#panier .ligne_total {
	font-size : 16px;
}

#panier .produit {
	display         : flex;
	align-items     : flex-start;
	justify-content : flex-start;
}

#panier .produit .image {
	padding      : 10px;
	background   : rgba(20, 20, 20, 1);
	border       : 1px solid #CCCCCC;
	margin-right : 15px;
	min-width : 100px;
}

#panier .produit .titre_produit {
	font-size : 17px;

}

/* --------------------------------------------------------------- */
/*
/* Input quantité
/*
/* --------------------------------------------------------------- */
#page .quantite_wrapper {
	display     : flex;
	align-items : center;
}

#page .quantite_wrapper label {
	margin-right : 50px;
}

#page .quantite_input {
	display     : flex;
	align-items : center;
}

#page .quantite_input .quantite-decrement,
#page .quantite_input .quantite-increment {
	display         : flex;
	flex-direction  : column;
	align-items     : center;
	justify-content : center;
	width           : 30px;
	height          : 35px;
	font-size       : 13px;
	cursor          : pointer;
}

#page .quantite_input .quantite-decrement {
	margin-right : 3px;
}

#page .quantite_input .quantite-increment {
	margin-left : 3px;
}

#page #quantite, #panier .input_quantite {
	-moz-appearance : textfield;
	border-radius   : 0;
	height          : 35px;
	width           : 80px;
	outline         : none;
	box-shadow      : inset 0 0 2px rgba(51, 51, 51, 0.4);
}

#page #quantite:focus,
#page #quantite:active,
#panier .input_quantite:focus,
#panier .input_quantite:active {
	border-color : #CED4DA;
	box-shadow   : inset 0 0 2px 1px rgba(51, 51, 51, 0.4);
}

#page #quantite::-webkit-outer-spin-button,
#page #quantite::-webkit-inner-spin-button,
#panier .input_quantite::-webkit-outer-spin-button,
#panier .input_quantite::-webkit-inner-spin-button {
	-webkit-appearance : none;
	margin             : 0;
}


#panier .actions a {
	padding    : 10px 15px;
	background : #9E0505;
	border     : 1px solid #9E0505;
	color      : #CCCCCC;
	display : inline-block;
}

#panier .actions a:hover,
#panier .actions a:active,
#panier .actions a:focus {
	color        : #FFFFFF;
	background   : rgba(20, 20, 20, 1);
	border-color : #CCCCCC;
}


/* --------------------------------------------------------------- */
/*
/* Livraison
/*
/* --------------------------------------------------------------- */
.livraison.box-choix{
	cursor : pointer;
}
.livraison {
	margin-bottom : 25px;
}

.livraison .icone i {
	font-size : 32px;
}

.livraison .titre span {
	font-size     : 16px;
	border-bottom : 1px solid #CCCCCC;
}


/* --------------------------------------------------------------- */
/*
/* Mode de paiement
/*
/* --------------------------------------------------------------- */
.mode_paiement {
	margin-bottom : 25px;
	cursor : pointer;
}

.mode_paiement .icone i {
	font-size : 32px;
}

.mode_paiement .titre {
	font-size : 16px;
}
#choix .cgv{
	color : #ccc;
}
#choix .cgv:hover{
	color : #FFF;
}

/* --------------------------------------------------------------- */
/*
/* Choix ( adresse, livraison ..)
/*
/* --------------------------------------------------------------- */

#choix {
	padding : 25px 0;
}

#choix .box-choix {
	/*background-color : rgba(255, 255, 255, 0.7);*/
	padding          : 20px 25px;
	/*box-shadow       : 0px 0px 8px rgba(120, 120, 120, 0.5);*/
	margin           : 12px 10px;
	border           : 1px solid #CCC;
}

#choix i {
	color : #9E1111;
}

#choix .bloc-btns {
	margin-top : 40px;
}
#choix .bloc-btns a i{
	color : inherit;
}


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

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


}

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


}

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

	#choix .box-choix{
		margin : 10px 25px;
		width : 100%;
	}
	#page .quantite_input .quantite-decrement,
	#page .quantite_input .quantite-increment {
		width : 20px;
	}

	#page #quantite, #panier .input_quantite {
		width : 40px;
	}

	#panier .entete_panier,
	#panier .ligne_total,
	#panier .bon_reduction span {
		font-size : 13px;
	}

	#page .quantite_input {
		margin : 8px auto;
	}
	#choix .bloc-btns{
		display : flex;
		flex-direction: column-reverse;
	}

	#choix .bloc-btns a,
	#choix button {
		display : block;
	}

	#choix button {
		width : 100%;
	}

	.input_livraison {
		margin-bottom : 20px;
	}

	#choix .bloc-btns a,
	#choix button {
		font-size : 12px;
		margin    : 8px 0;
	}

}

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

	#recap a.btn {
		width   : 100%;
		display : block;
		margin  : 8px auto;
	}
}

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

	#recap a.btn {
		font-size : 11px;
	}

}