#page {
	display               : flex;
	align-items           : stretch;
	justify-content       : stretch;
	padding               : 0;


	background-size       : cover;
	background-attachment : fixed;

}

#page h1 {
	margin-left : 0;
}

#page .wrapper {
	padding             : 0;
	display             : flex;
	align-items         : stretch;
	justify-content     : stretch;
	flex-direction      : column;
	width               : 100%;
	opacity             : 0;
	animation           : load 1s ease;
	animation-fill-mode : both;
}

@keyframes load {
	from {
		opacity : 0;
	}
	to {
		opacity : 1;
	}
}


#page {
	padding-top : 0;
}

#nav_boutique {
	background : rgba(0, 0, 0, 0.8);
	position   : sticky;
}

#nav_boutique ul {
	display         : flex;
	align-self      : center;
	justify-content : center;
	flex-wrap       : wrap;
	list-style-type : none;
	padding         : 5px;
	margin          : 0;
}

#nav_boutique li {
	position        : relative;
	color           : #CCCCCC;
	padding         : 5px 15px;
	width           : 50%;

	display         : flex;
	align-items     : center;
	justify-content : center;
}

#nav_boutique li:after {
	content    : "";
	position   : absolute;
	right      : 0;
	top        : 0;
	height     : 100%;
	width      : 2px;
	background : #9E0505;

}

#nav_boutique li:last-child:after {
	display : none;
}

#nav_boutique li:hover {
	color : #FFFFFF;
}

#nav_boutique li a {
	color          : inherit;
	text-transform : uppercase;
	font-family    : "Montserrat";
	font-size      : 17px;
	padding        : 10px;
	text-align     : center;
}

#nav_boutique li a.current {
	color       : #9E0505;
	font-weight : bold;
}


/* --------------------------------------------------------------- */
/*
/* Recherche
/*
/* --------------------------------------------------------------- */
#nb_tri {
	margin-bottom : 25px;
}


/* --------------------------------------------------------------- */
/*
/* Pagination
/*
/* --------------------------------------------------------------- */

#page h1 {
	color : #FFFFFF;
}

#page h3 {
	color : #FFFFFF;
}

#page .pagination {
	justify-content : center;
	align-items     : center;
}

#page .pagination .current {
	color            : #FFFFFF;
	background-color : #AAAAAA;
	padding          : 5px;
	margin           : 0 5px;
	text-decoration  : none;
	line-height      : normal;
}

#page .pagination .previous a, #page .pagination .next a,
#page .pagination .last a, #page .pagination .first a,
#page .pagination .page a {
	background-color : #FFFFFF;
	color            : #AAAAAA;
	padding          : 5px;
	margin           : 0 5px;
	text-decoration  : none;
	line-height      : normal;
	border           : 1px solid #AAAAAA;
}


/* --------------------------------------------------------------- */
/*
/* _produit
/*
/* --------------------------------------------------------------- */

#page .produits {
	margin-top : 20px;
}

#page .produits h2 {
	position      : relative;
	top           : 0;
	left          : 0;
	margin-bottom : 0;
	display       : block;
	padding       : 10px 20px;
	background    : rgba(0, 0, 0, 0.7);
}

#page .produits h2:before {
	display : none;
}

.produit {
	text-align       : center;
	margin           : 0 0 20px 0;
	padding          : 20px 25px;
	background-color : rgba(0, 0, 0, 0.7);
	color            : #CCCCCC;
}


.produit .infos_vin_liste {
	display         : flex;
	height          : 100%;
	flex-direction  : column;
	justify-content : space-between;
}

.produit .infos_liste {
	padding-top : 20px;
	text-align  : justify;
}

/*.produit h2:before {*/
/*	content:"";*/
/*	position: absolute; bottom: 0; left: 0;*/
/*	width: 40px; height: 2px;*/
/*	background-color: #9e1111;*/
/*}*/

.produit .prix_liste {
	padding-top : 15px;
	border-top  : 2px solid #CCCCCC;
}

.produit .prix {
	font-family    : "Merriweather";
	font-size      : 14px;
	margin-bottom  : 0px;
	padding-bottom : 15px;
}

.produit .prix span {
	font-size : 30px;
	color     : #FFFF;
}

.produit .prix .prix_normal {
	font-size : 20px;
	opacity : 0.8;
}


/* --------------------------------------------------------------- */
/*
/* Modal d'ajout au panier
/*
/* --------------------------------------------------------------- */
#box_ajout_panier {
	position           : fixed;
	top                : 50%;
	left               : 50%;
	width              : 100%;
	max-width          : 450px;
	margin-left        : -225px;
	margin-top         : -90px;
	background-color   : #FFFFFF;
	border             : 2px solid black;
	padding            : 15px;
	text-align         : center;
	z-index            : 1000001;

	-webkit-transition : ease 0.3s all;
	-moz-transition    : ease 0.3s all;
	-ms-transition     : ease 0.3s all;
	-o-transition      : ease 0.3s all;
	transition         : ease 0.3s all;
}


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

@media screen and (max-width : 1199px) {
	#page .produit .prix {
		text-align : left;
	}
	#page .produit .prix .prix_normal{
		display : block;
	}
}

@media screen and (max-width : 991px) {
	.produit .bloc-img {
		display : block;
		height  : 210px;
	}

	.produit .bloc-img img {
		height     : 100%;
		object-fit : contain;
	}

	.produit .infos_liste h2 {
		font-size     : 25px;
		margin-bottom : 15px;
	}

}

@media screen and (max-width : 767px) {
	.produit .bloc-img {
		height : 180px;
	}

	.produit .infos_liste h2 {
		font-size : 23px;
	}

	.produit .infos_liste p {
		font-size : 14px;
	}

	.produit .prix {
		font-size : 12px;
	}

	.produit .prix span {
		font-size : 26px;
	}

	/* ------------ Produit Unique ------------- */
	#produit-unique .bloc-img {
		height        : 350px;
		margin-bottom : 40px;
	}

	#produit-unique .bloc-img img {
		height     : 100%;
		object-fit : contain;
	}

}

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

	#nav_boutique li a {
		font-size : 15px;
	}

	.produit {
		padding : 30px 35px;
	}

	.produit .bloc-img {
		height : 240px;
	}

	#produit-unique {
		padding : 20px 22px;
	}

	#produit-unique .bloc-img {
		height : 280px;
	}

	#prix_produit .prix span {
		font-size : 28px;
	}

	#infos_produit .pdf {
		font-size : 12px;
	}

	#box_ajout_panier {
		left        : 0;
		width       : 90%;
		margin-left : 5%;
	}

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


@media screen and (max-width : 380px) {
	.produit .bloc-img {
		height : 180px;
	}

	#produit-unique {
		padding : 10px 12px;
	}

	#produit-unique .bloc-img {
		height : 250px;
	}

	#prix_produit .prix span {
		font-size : 23px;
	}

}