.bg-dark_pineau {
	background-color: #1a1a1a;
}

/* MENU HAUT GLOBAL */

.navbar {
	padding: 0;
	z-index: 1000;
}

.navbar-dark .navbar-nav .active>.nav-link, .navbar-dark .navbar-nav .nav-link.active, .navbar-dark .navbar-nav .nav-link.show, .navbar-dark .navbar-nav .show>.nav-link {
	color: #cfa56b;
	text-decoration: underline;
}

.navbar-nav li a {
	text-transform: uppercase;
	font-family: Lato;
	font-size: 0.7vw;
	margin-right: 3vw;
}

.navbar-nav li a:hover {
	color: #cfa56b;
}

/* SUPPRIMER FLOAT AFFICHAGE MINI*/

@media (max-width: 575px) {
	.button_rec {
		clear: both;
	}
	.aright {
		clear: both;
	}
	.col-5.sommelier {
		clear: both;
		flex: 0 0 100%;
		max-width: 100%;
		margin-top: 20px;
		height: 65vw;
		background: rgba(148, 112, 68, 1);
		background: -moz-linear-gradient(left, rgba(148, 112, 68, 1) 0%, rgba(26, 26, 28, 1) 50%, rgba(26, 26, 26, 1) 100%) left top no-repeat;
		background: -webkit-gradient(left top, right top, color-stop(0%, rgba(148, 112, 68, 1)), color-stop(50%, rgba(26, 26, 28, 1)), color-stop(100%, rgba(26, 26, 26, 1))) left top no-repeat;
		background: -webkit-linear-gradient(left, rgba(148, 112, 68, 1) 0%, rgba(26, 26, 28, 1) 50%, rgba(26, 26, 26, 1) 100%) left top no-repeat;
		background: -o-linear-gradient(left, rgba(148, 112, 68, 1) 0%, rgba(26, 26, 28, 1) 50%, rgba(26, 26, 26, 1) 100%) left top no-repeat;
		background: -ms-linear-gradient(left, rgba(148, 112, 68, 1) 0%, rgba(26, 26, 28, 1) 50%, rgba(26, 26, 26, 1) 100%) left top no-repeat;
		background: linear-gradient(to right, rgba(148, 112, 68, 1) 0%, rgba(26, 26, 28, 1) 50%, rgba(26, 26, 26, 1) 100%) left top no-repeat;
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#947044', endColorstr='#1a1a1a', GradientType=1) left top no-repeat;
		background-size: 100% 1px;
	}
	.col.part_bottom {
		clear: both;
		flex: 0 0 100%;
		max-width: 100%;
		text-align: center;
	}
	.end_part {
		clear: both;
	}
	/* #basic-search {

    display:none;
}
.input-search{
  margin-left: 25px;
  margin-top:60px;
  padding: 5px;
} */
	.carting {
		clear: both;
		flex-wrap: wrap!important;
	}
	.row {
		flex: 0 0 100%;
		max-width: 100%;
	}
	.suppl {
		display: block;
	}
	.col-md-5, .col.col-md-4 {
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
	}
}

/* AFFICHAGE SELON RESOLUTION */

@media (min-width: 0px) {
	/*HEAD  GROUP*/
	.carting {
		display: -ms-flexbox!important;
		display: flex!important;
	}
	.img_user {
		width: 14px;
		height: 16px;
		display: inline-block;
	}
	.img_cart {
		width: 19px;
		height: 17px;
		display: inline-block;
	}
	/* .user {
		position: absolute;
		right: 28px;
	}
	.user .text-pineau-desktop {
		display: none;
	} */
	.logo_horiz {
		width: 14.624932542vw;
		min-width: 175px;
	}
	.clear.T {
		height: 10px;
	}
	/* .clear.U {
		height: 20px;
	} */
	.clear.UM {
		height: 40px;
	}
	.clear.UMAX {
		height: 60px;
	}
	/* .text-pineau_bold, .text-pineau_bold:hover {
		color: #916e43;
		font-family: Lato;
		text-decoration: underline;
		font-size: 12px;
		margin-left: 5px;
	} */
	/* #basic-search {
		margin-left: 25px;
	}
	.input-search {
		width: 100px;
		margin-left: 5px;
		background-color: #1a1a1a;
		border: 0;
		font-family: Lato;
		font-size: 12px;
		color: #FFFFFF;
		padding: 5px;
	}
	.input-search::placeholder {
		color: #FFFFFF;
	} */
	/*BODY  GROUP*/
	.row.detail {
		text-align: center;
	}
	#detail-image {
		min-width: 70px;
		width: 8.094981112vw;
	}
	.block_detail {
		text-align: left;
	}
	.reference {
		font-family: Lato;
		text-transform: uppercase;
		color: #cfa56b;
		font-size: 12px;
	}
	.block_detail h1 {
		text-transform: capitalize;
		color: #FFFFFF;
		font-family: Libre Baskerville;
		font-size: 16px;
	}
	.block_detail span {
		padding-bottom: 5px;
		text-transform: uppercase;
		background: #1a1a1a right bottom no-repeat;
		background: -moz-linear-gradient(left, rgba(205, 153, 88, 1) 0%, rgba(205, 153, 88, 1) 50%, rgba(205, 153, 88, 1) 60%, rgba(205, 153, 88, 1) 100%) right bottom no-repeat;
		background: -webkit-gradient(left top, right top, color-stop(0%, rgba(205, 153, 88, 1)), color-stop(50%, rgba(205, 153, 88, 1)), color-stop(60%, rgba(205, 153, 88, 1)), color-stop(100%, rgba(205, 153, 88, 1))) left bottom no-repeat;
		background: -webkit-linear-gradient(left, rgba(205, 153, 88, 1) 0%, rgba(205, 153, 88, 1) 50%, rgba(205, 153, 88, 1) 60%, rgba(205, 153, 88, 1) 100%) right bottom no-repeat;
		background: -o-linear-gradient(left, rgba(205, 153, 88, 1) 0%, rgba(205, 153, 88, 1) 50%, rgba(205, 153, 88, 1) 60%, rgba(205, 153, 88, 1) 100%) right bottom no-repeat;
		background: -ms-linear-gradient(left, rgba(205, 153, 88, 1) 0%, rgba(205, 153, 88, 1) 50%, rgba(205, 153, 88, 1) 60%, rgba(205, 153, 88, 1) 100%) right bottom no-repeat;
		background: linear-gradient(to right, rgba(205, 153, 88, 1) 0%, rgba(205, 153, 88, 1) 50%, rgba(205, 153, 88, 1) 60%, rgba(205, 153, 88, 1) 100%) right bottom no-repeat;
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff', GradientType=1) right bottom no-repeat;
		background-size: 20% 3px;
	}
	.caract {
		color: #FFFFFF;
		font-size: 12px;
		font-family: Lato;
		max-width: 500px;
	}
	.table td, .table th {
		border-top: 0;
		border-bottom: 1px solid #4d4d4d;
	}
	.detail_price {
		color: #a6a6a6;
		font-size: 14px;
	}
	.price {
		color: #cd9958;
		font-weight: bold;
		font-size: 15px;
	}
	.suppl {
		font-size: 11px;
		margin-left: 25px;
	}
	.product_img {
		width: 100%;
	}
	.QT {
		font-size: 14px;
		text-transform: uppercase;
		color: #cfa56b;
		margin-right: 10px;
	}
	.btn-secondary {
		color: #fff;
		border-color: #6c757d;
		background-color: #1a1a1a;
	}
	.white {
		background: #FFFFFF;
		position: relative;
	}
	.user_plan {
		min-width: 300px;
		width: 100%;
		margin-left: auto;
		margin-right: auto;
	}
	#carte_fournisseur {
		height: 640px;
		width: 100%;
		background: #000;
	}
	.info_adresse {
		width: 100%;
		max-width: 450px;
		min-width: 200px;
		background-color: #FFFFFF;
		border: 1px #cdcdcd;
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translateX(-50%) translateY(-50%);
		z-index: 10;
	}
	.info_adresse .col {
		padding: 30px;
	}
	.info_adresse .black {
		background-color: #191919;
	}
	.info_adresse .nom {
		text-transform: uppercase;
		color: #cfa56b;
		font-family: Lato;
		font-size: 13px;
	}
	.info_adresse .complementaire {
		color: #000000;
		font-family: Lato;
		font-size: 12px;
	}
	.info_adresse .complementaire1 {
		color: #ffffff;
		font-family: Lato;
		font-size: 12px;
	}
	.block_couleur {
		padding-left: 7vw;
		padding-top: 5.3vw;
		height: auto;
	}
	/*FOOTER GROUP*/
	.titre_bottom {
		color: #cd9958;
		font-size: 11px;
		font-family: Lato;
		text-align: center;
		margin-top: 15px;
	}
	.text_bottom {
		font-size: 11px;
		font-family: Lato;
	}
	.min_logo {
		margin-bottom: 20px;
		width: auto;
	}
	.end_h {
		line-height: 0px;
	}
	.btn-facebook, .btn-facebook:hover {
		border-color: #949494;
		background: none;
		border-radius: 0px;
		font-family: Lato;
		font-size: 0.7vw;
	}
	.btn-outline-p {
		border-color: #cd9958;
		background: none;
		border-radius: 0px;
		font-family: Lato;
		color: #cd9958;
		border-radius: 2px;
		font-size: 12px;
		text-align: center;
	}
	.btn-outline-p:hover {
		background-color: white;
	}
	.ligne_bottom {
		display: none;
	}
	.paraphb2 {
		margin-top: 20px;
	}
	.hr_top {
		display: block;
		background: rgba(26, 26, 26, 1);
		background: -moz-linear-gradient(left, rgba(26, 26, 26, 1) 0%, rgba(91, 91, 91, 1) 34%, rgba(91, 91, 91, 1) 76%, rgba(26, 26, 26, 1) 100%) left top no-repeat;
		background: -webkit-gradient(left top, right top, color-stop(0%, rgba(26, 26, 26, 1)), color-stop(34%, rgba(91, 91, 91, 1)), color-stop(76%, rgba(91, 91, 91, 1)), color-stop(100%, rgba(26, 26, 26, 1))) left top no-repeat;
		background: -webkit-linear-gradient(left, rgba(26, 26, 26, 1) 0%, rgba(91, 91, 91, 1) 34%, rgba(91, 91, 91, 1) 76%, rgba(26, 26, 26, 1) 100%) left top no-repeat;
		background: -o-linear-gradient(left, rgba(26, 26, 26, 1) 0%, rgba(91, 91, 91, 1) 34%, rgba(91, 91, 91, 1) 76%, rgba(26, 26, 26, 1) 100%) left top no-repeat;
		background: -ms-linear-gradient(left, rgba(26, 26, 26, 1) 0%, rgba(91, 91, 91, 1) 34%, rgba(91, 91, 91, 1) 76%, rgba(26, 26, 26, 1) 100%) left top no-repeat;
		background: linear-gradient(to right, rgba(26, 26, 26, 1) 0%, rgba(91, 91, 91, 1) 34%, rgba(91, 91, 91, 1) 76%, rgba(26, 26, 26, 1) 100%) left top no-repeat;
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1a1a1a', endColorstr='#1a1a1a', GradientType=1) left top no-repeat;
		background-size: 95% 1px;
	}
	.cart {
		font-size: 11px;
	}
	.user_cart, .user_ligne {
		margin-right: 0.7vw;
	}
	.titre_couleur1 {
		color: #1a1a1a;
		font-family: Lato;
		font-size: 24px;
		padding-left: 3.5vw;
		line-height: 35px;
	}
	.titre_couleur {
		color: #1a1a1a;
		font-family: Lato;
		font-size: 30px;
		padding-left: 0vw;
		line-height: 34px;
	}
	.background-ligne3 {
		position: absolute;
		margin-left: -1.167835942vw;
		width: 10.091743119vw;
		height: 7.98704803vw;
		display: none;
	}
	.titre_couleur_barre {
		padding-bottom: 5px;
		text-transform: uppercase;
		background: #1a1a1a right bottom no-repeat;
		background: -moz-linear-gradient(left, rgba(205, 153, 88, 1) 0%, rgba(205, 153, 88, 1) 50%, rgba(205, 153, 88, 1) 60%, rgba(205, 153, 88, 1) 100%) right bottom no-repeat;
		background: -webkit-gradient(left top, right top, color-stop(0%, rgba(205, 153, 88, 1)), color-stop(50%, rgba(205, 153, 88, 1)), color-stop(60%, rgba(205, 153, 88, 1)), color-stop(100%, rgba(205, 153, 88, 1))) left bottom no-repeat;
		background: -webkit-linear-gradient(left, rgba(205, 153, 88, 1) 0%, rgba(205, 153, 88, 1) 50%, rgba(205, 153, 88, 1) 60%, rgba(205, 153, 88, 1) 100%) right bottom no-repeat;
		background: -o-linear-gradient(left, rgba(205, 153, 88, 1) 0%, rgba(205, 153, 88, 1) 50%, rgba(205, 153, 88, 1) 60%, rgba(205, 153, 88, 1) 100%) right bottom no-repeat;
		background: -ms-linear-gradient(left, rgba(205, 153, 88, 1) 0%, rgba(205, 153, 88, 1) 50%, rgba(205, 153, 88, 1) 60%, rgba(205, 153, 88, 1) 100%) right bottom no-repeat;
		background: linear-gradient(to right, rgba(205, 153, 88, 1) 0%, rgba(205, 153, 88, 1) 50%, rgba(205, 153, 88, 1) 60%, rgba(205, 153, 88, 1) 100%) right bottom no-repeat;
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff', GradientType=1) right bottom no-repeat;
		background-size: 35% 4px;
	}
	h2 {
		color: #cd9958;
		text-transform: uppercase;
		font-family: Lato;
		font-size: 18px;
	}
	p {
		font-family: Lato;
		font-size: 13px;
		color: #FFFFFF;
	}
	.blockquote p {
		font-family: Lato;
		font-size: 14px;
		font-weight: bold;
	}
	.user_monsieur {
		margin-top: 5vw;
		min-width: 250px;
		width: 26.875337291vw;
	}
	.btn-outline-dark, .btn-outline-dark:hover {
		border-color: #cd9958;
		background: none;
		color: #cd9958;
		font-family: Lato;
		text-transform: uppercase;
		padding: 10px;
		border-radius: 2px;
	}
	.btn-outline-white, .btn-outline-white:hover {
		border-color: #ffffff;
		background: none;
		color: #FFFFFF;
		font-family: Lato;
		font-size: 14px;
		border-radius: 2px;
	}
	.title_mini {
		color: #cd9958;
		text-transform: uppercase;
		margin-left: 10px;
		font-size: 12px;
	}
	.user_ico {
		min-width: 25px;
		width: 2.374527793vw;
	}
	.paraph {
		margin-left: 35px;
		color: #FFFFFF;
		font-size: 12px;
		font-family: Lato;
	}
	.title_big {
		color: #363636;
		font-family: Libre Baskerville;
		font-size: 28px;
	}
	.title_big span {
		padding-bottom: 5px;
		text-transform: uppercase;
		background: #1a1a1a center bottom no-repeat;
		background: -moz-linear-gradient(left, rgba(205, 153, 88, 1) 0%, rgba(205, 153, 88, 1) 50%, rgba(205, 153, 88, 1) 60%, rgba(205, 153, 88, 1) 100%) center bottom no-repeat;
		background: -webkit-gradient(left top, right top, color-stop(0%, rgba(205, 153, 88, 1)), color-stop(50%, rgba(205, 153, 88, 1)), color-stop(60%, rgba(205, 153, 88, 1)), color-stop(100%, rgba(205, 153, 88, 1))) left bottom no-repeat;
		background: -webkit-linear-gradient(left, rgba(205, 153, 88, 1) 0%, rgba(205, 153, 88, 1) 50%, rgba(205, 153, 88, 1) 60%, rgba(205, 153, 88, 1) 100%) center bottom no-repeat;
		background: -o-linear-gradient(left, rgba(205, 153, 88, 1) 0%, rgba(205, 153, 88, 1) 50%, rgba(205, 153, 88, 1) 60%, rgba(205, 153, 88, 1) 100%) center bottom no-repeat;
		background: -ms-linear-gradient(left, rgba(205, 153, 88, 1) 0%, rgba(205, 153, 88, 1) 50%, rgba(205, 153, 88, 1) 60%, rgba(205, 153, 88, 1) 100%) center bottom no-repeat;
		background: linear-gradient(to right, rgba(205, 153, 88, 1) 0%, rgba(205, 153, 88, 1) 50%, rgba(205, 153, 88, 1) 60%, rgba(205, 153, 88, 1) 100%) center bottom no-repeat;
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff', GradientType=1) center bottom no-repeat;
		background-size: 30% 4px;
	}
}

@media (min-width: 576px) {
	.container {
		max-width: 540px;
	}
	/*BODY  GROUP*/
	.titre_couleur {
		color: #1a1a1a;
		font-family: Lato;
		font-size: 20px;
		line-height: 0.3vw;
	}
	.titre_couleur1 {
		color: #1a1a1a;
		font-family: Lato;
		font-size: 20px;
		padding-left: 3.5vw;
		line-height: 35px;
	}
	/*FOOTER GROUP*/
	.end_part {
		float: left;
	}
	.min_logo {
		width: 6.098219104vw;
		min-width: 80px;
	}
	.titre_bottom {
		text-align: left;
	}
	.text_bottom {
		font-size: 12px;
	}
	.paraphb2 {
		margin-top: 0;
	}
	.ligne_bottom {
		position: absolute;
		display: block;
		right: 0;
	}
	.suppl {
		font-size: 13px;
		margin-left: 25px;
	}
	.cart {
		font-size: 14px;
	}
	.block_couleur {
		padding-left: 7vw;
		padding-top: 5.3vw;
	}
	p {
		font-family: Lato;
		font-size: 13px;
		color: #FFFFFF;
	}
	.blockquote p {
		font-family: Lato;
		font-size: 14px;
		font-weight: bold;
	}
	h2 {
		font-size: 20px;
	}
	.ligne_bottom {
		position: absolute;
		display: block;
		right: 0;
	}
}

@media (min-width: 768px) {
	.container {
		max-width: 720px;
	}
	/*HEAD  GROUP*/
	/* .text-pineau_bold, .text-pineau_bold:hover {
		font-size: 13px;
	} */
	.navbar-dark .navbar-nav .active>.nav-link {
		color: #cfa56b;
	}
	/*BODY  GROUP*/
	.reference {
		font-size: 1.4vw;
	}
	.block_detail h1 {
		font-size: 2vw;
	}
	.detail_price {
		font-size: 20px;
	}
	.price {
		font-size: 21px;
	}
	.suppl {
		font-size: 13px;
	}
	.btn-cart {
		margin-left: 45px;
		border-radius: 2px;
		text-transform: uppercase;
		font-size: 1vw;
	}
	p {
		font-family: Lato;
		font-size: 14px;
	}
	.blockquote p {
		font-family: Lato;
		font-size: 15px;
		font-weight: bold;
	}
	h2 {
		font-size: 24px;
	}
	.caract {
		font-size: 13px;
	}
	.background-ligne3 {
		display: block;
	}
	/*FOOTER GROUP*/
	.min_logo {
		display: block;
		width: 6.098219104vw;
		margin-left: -35px;
	}
	.title_mini {
		color: #cd9958;
		text-transform: uppercase;
		margin-left: 10px;
		font-size: 14px;
	}
	.paraph {
		margin-left: 55px;
		font-size: 13px;
	}
	.title_big {
		font-size: 50px;
	}
}

@media (min-width: 992px) {
	.container {
		max-width: 960px;
	}
	/*HEAD  GROUP*/
	.navbar-nav li a {
		font-size: 0.8vw;
	}
	#navbarNav {
		background: none;
	}
	.navbar-dark .navbar-nav .nav-link {
		color: #e8e7e4;
	}
	/* .user {
		position: static;
		margin-top: 0vw;
		margin-right: 4vw;
	}
	.user .text-pineau-desktop {
		display: inline-block;
	} */
	/*BODY  GROUP*/
	p {
		font-family: Lato;
		font-size: 14px;
	}
	.blockquote p {
		font-family: Lato;
		font-size: 15px;
		font-weight: bold;
	}
	h2 {
		font-size: 28px;
	}
	.titre_couleur {
		font-size: 2.0vw;
		line-height: 0.3vw;
	}
	.titre_couleur1 {
		font-size: 2.0vw;
		padding-left: 3.5vw;
		line-height: 4vw;
	}
}

@media (min-width: 1100px) {
	/*HEAD  GROUP*/
	.navbar-nav li a {
		font-size: 0.90vw;
		margin-right: 1vw;
	}
	/*FOOTER GROUP*/
	.text_bottom {
		font-size: 13px;
	}
	.titre_bottom {
		font-size: 13px;
	}
	/*BODY  GROUP*/
	p {
		font-family: Lato;
		font-size: 14px;
	}
	.blockquote p {
		font-family: Lato;
		font-size: 17px;
		font-weight: bold;
	}
	h2 {
		font-size: 32px;
	}
}

@media (min-width: 1300px) {
	/*HEAD  GROUP*/
	.navbar-nav li a {
		font-size: 12px;
		margin-right: 5px;
	}
	/*FOOTER GROUP*/
	.ligne_bottom {
		position: absolute;
		display: block;
		right: 3vw;
	}
}

@media (min-width: 1400px) {
	.container {
		max-width: 1340px;
	}
	/*HEAD  GROUP*/
	.navbar-nav li a {
		font-size: 13px;
		margin-right: 50px;
	}
	/*FOOTER GROUP*/
	.ligne_bottom {
		right: 1.2vw;
	}
}