#page .container-fluid.vh100{
	padding : 0 15px;
}
#page .box_panier {
	min-height : 50vh;
}

#page .box_panier .boutons {
	position       : relative;
	margin-top     : 0;
	margin-bottom  : 0;
	padding-bottom : 25px;
}

#page .box_panier .boutons:after {
	content : "";
	display : block;
	clear   : both;
}

#page h1#premier_titre {
	margin-top  : 0;
	padding-top : 25px;
}


#page #remises {
	position        : relative;
	top             : 0;
	left            : 0;
	min-height      : 50vh;
	text-align      : center;
	background      : url("../../img/fond_remises_panier.jpg") no-repeat center center;
	background-size : cover;
	margin-left     : -15px;
	margin-right    : -15px;
	color           : #FFFFFF;
}

#page #remises:after {
	content          : "";
	position         : absolute;
	top              : 0;
	left             : 0;
	width            : 100%;
	height           : 100%;
	background-color : rgba(95, 71, 51, 0.8);
	z-index          : 2
}

#page #remises #conteneur_remises {
	position : relative;
	top      : 0;
	left     : 0;
	z-index  : 10;
}

#page #remises #conteneur_remises h2 {
	background-color : rgba(95, 71, 51, 0.8);
	color            : #FFFFFF;
	padding-top      : 10px;
	font-size        : 19px;
	margin-bottom    : 25px;
}

#page #remises #conteneur_remises #texte_remise {
	padding   : 0 15px 20px 15px;
	max-width : 700px;
	margin    : 0 auto;
}

#page #remises #conteneur_remises #texte_remise .remises {
	width      : 70%;
	margin     : 0 auto;
	text-align : left !important;
}


@media only screen and (min-width : 990px) and (max-width : 1150px) {
	#page .submit {
		display : block;
		float   : none;
		width   : 300px;
		margin  : 10px auto;
	}

	.total_panier {
		white-space : nowrap;
	}
}

@media only screen and (min-width : 480px) and (max-width : 990px) {
	.photo_panier {
		height     : 300px;
	}

	.photo_panier .img {
		background-repeat : no-repeat;
		height            : 300px;
	}

	#page .vh100 {
		height : auto;
	}
}

@media only screen and (max-width : 800px) {
	#premier_titre {
		text-align : center;
	}
}

@media only screen and (max-width : 800px) {
	#page .submit {
		float   : none;
		display : block;
		margin  : 10px 0;
	}

	#page #remises #conteneur_remises #texte_remise .remises {
		width : 100%;
	}
}

@media only screen and (max-width : 480px) {
	.panier .nom_produit {
		text-align : center;
	}
}