/** Shopify CDN: Minification failed

Line 566:14 Expected identifier but found whitespace
Line 1068:0 Comments in CSS use "/* ... */" instead of "//"
Line 1524:0 Unexpected "<"
Line 1527:5 Expected ":"
Line 1528:8 Expected ":"
Line 1529:28 Comments in CSS use "/* ... */" instead of "//"
Line 1530:30 Comments in CSS use "/* ... */" instead of "//"
Line 1531:30 Comments in CSS use "/* ... */" instead of "//"
Line 1533:26 Comments in CSS use "/* ... */" instead of "//"
Line 1534:26 Comments in CSS use "/* ... */" instead of "//"
... and 7 more hidden warnings

**/
/* Product description *************************************************************************************/


.description{
	padding: 0px;
	margin: 0px;
	font-family: "montserrat", Arial;
	display: flex;
	flex-flow: row wrap;
}

.description .left-column, .description .right-column{
	padding-right: 20px;
	padding-left: 20px; 
	flex-direction: column;
}

@media screen and (min-width: 991px){
	.description .left-column {
		width: 55%;
    }

    .description .right-column{
        width: 340px;
    }  
}

@media screen and (max-width: 991px) {
	.description .left-column, .description .right-column{
      width: 100%;
      max-width: 100%;
    }
}

.description h1{
	font-size: 18px;
	color: #9c0404;
	line-height: 1.2em;
	font-weight: bold;
	font-style: normal;
	margin-bottom: 15px;
}

.description h2{
	font-size: 14px;
	color: #9c0404;
	font-weight: bold;
	margin-bottom: 5px;
	margin-top: 15px
}

.description h3{
	font-size: 14px;
	color: #9c0404;
	font-weight: bold;
}

.description h6{
	text-align: left;
  	font-size: 16px;
	font-style: italic;
	color: #696969;
	/*caracteres dominants*/  
}

.description h7{
	text-align: left;
  	font-size: 14px;
	color: #000000;
	font-weight: bold;
	font-style: italic;
	padding-left: 5px;
	/*pastilles gouts (pastilles)*/ 
}

.description h8{
	text-align: left;
  	font-size: 12px;
	font-style: italic;
	color: #9c0404;
	/*pastilles sucre (sugar)*/  
}

.description h9{
	font-size: 27px;
	color: #9c0404;
	line-height: 60px;
	font-weight: 400;
	font-style: bold;
	letter-spacing: -1px;
	background-repeat: no-repeat;
	background-size: contain;
	padding-top: 9px;
	padding-bottom: 9px;
	padding-left: 60px;
	margin-bottom: 15px;
	margin-top: 15px;
}

.description p{
	font-size: 14px;
	line-height: 21px;
	text-align: justify;
   	word-wrap: break-word;
 	word-break: normal;
}

.description .pastilles{
	width: 200px;
	margin-bottom: 5px;
}

.description .bref h9{
	background-image: url(enbref.png  );
}

.description .bref p{
	font-size: 14px;
	line-height: 21px;
	text-align: justify;
   	word-wrap: break-word;
 	word-break: normal;
	/*color: #9c0404;
	font-size: 16px;
	line-height: 1.6em;
	font-weight: bold;
	display: block;*/
}

.description .cepages h9{
	background-image: url(cepage2.png );
}

.description .histoire h9{
	background-image: url(histoire.png );
}

.description .accords h9{
	background-image: url(accords.png );
}

.description .region h9{
	background-image: url(regions.png );
}

.description .region p{
	text-align: center;
  	font-weight: bold;
	color: #9c0404;
	margin-bottom: 5px;
}

.description .donnees h9{
	background-image: url(fichetech.png );
}

.description .carte{
	position: relative;
	background-image: url(map3.png );
	background-repeat: no-repeat;
	background-position: top left;
	background-size: 260px;
	height: 168px;
	width: 300px;
  	margin-bottom: 0px;
	margin-left: ;
	margin-right: ;
}

.description .pinmap{
	position: absolute;
	background-size: 25px 25px;
	width: 25px;
	height: 25px;
	background-color: transparent;
	background-repeat: no-repeat;
	background-position: top left;
	background-image: url(pin.png );
}

.description table, .description table tr, .description table tr td{
	font-size: 12px;
	border-top-width: 1px;
	border-bottom-width: 1px;   
	border-left-width: 0px;
	border-right-width: 0px;
	height: auto;
	width: auto;
	padding: 3px;
}

.description table td:first-child{
	font-weight: bold;
	vertical-align: top;
	width: 135px;
	padding-right: 3px;
}

.description .sucre1{
	position: relative;
	background-image: url(pastilles-sucre1.png  );
	background-repeat: no-repeat;
	background-size: contain;
	height: 13px;
  	margin-top: 4px;
}

.description .sucre2{
	position: relative;
	background-image: url(pastilles-sucre2.png  );
	background-repeat: no-repeat;
	background-size: contain;
	height: 13px;
  	margin-top: 4px;
}

.description .sucre3{
	position: relative;
	background-image: url(pastilles-sucre3.png  );
	background-repeat: no-repeat;
	background-size: contain;
	height: 13px;
  	margin-top: 4px;
}

.description .sucre4{
	position: relative;
	background-image: url(pastilles-sucre4.png  );
	background-repeat: no-repeat;
	background-size: contain;
	height: 13px;
  	margin-top: 4px;
}

.description .sucre5{
	position: relative;
	background-image: url(pastilles-sucre5.png  );
	background-repeat: no-repeat;
	background-size: contain;
	height: 13px;
  	margin-top: 4px;
}

.description .gout1{
	position: relative;
	background-image: url(pastilles-gouts1.png  );
	background-repeat: no-repeat;
	background-size: contain;
	height: 56px;
	margin-top: 6px;
	margin-bottom: 6px;
}

.description .gout2{
	position: relative;
	background-image: url(pastilles-gouts2.png  );
	background-repeat: no-repeat;
	background-size: contain;
	height: 56px;
	margin-top: 6px;
	margin-bottom: 6px;
}

.description .gout3{
	position: relative;
	background-image: url(pastilles-gouts3.png  );
	background-repeat: no-repeat;
	background-size: contain;
	height: 56px;
	margin-top: 6px;
	margin-bottom: 6px;
}

.description .gout4{
	position: relative;
	background-image: url(pastilles-gouts4.png  );
	background-repeat: no-repeat;
	background-size: contain;
	height: 56px;
	margin-top: 6px;
	margin-bottom: 6px;
}

.description .gout5{
	position: relative;
	background-image: url(pastilles-gouts5.png  );
	background-repeat: no-repeat;
	background-size: contain;
	height: 56px;
	margin-top: 6px;
	margin-bottom: 6px;
}

/* Packages *************************************************************************************/


.description table.package, .description table.package tr, .description table.package tr td{
	height: auto;
	width: auto;
	padding-right: 0px;
	text-align: center;
	vertical-align: top;

}

.description table.package td:first-child{
	height: auto;
	width: auto;  
	padding-right: 0px;
	text-align: center;
	vertical-align: top;
}

.description h20{
  	font-size: 12px;
 	color: #9c0404;
	font-weight: bold;
	text-align: center;
	vertical-align: top;

}
.description h21{
  	font-size: 12px;
 	color: #000000;
	font-weight: bold;
}

/*Spécial Products (Sanglier) Titre Serré*/
.description h13b{
	font-size: 20px;
	color: #9c0404;
	line-height: 35px;
	font-weight: 600;
}

/* About us **************************************************************************************/

/* Photo banner, devrait prendre TOUTE la largeur de la page*/
.description .photogroupe{
	background-image: url(about8.jpg );
	background-repeat: no-repeat;
	position: relative; 
	background-position: center;
	background-size: cover;
	height: 480px;
	width: 100%;
  	margin-bottom: 45px;
  	left: 0px

}

/* Quote: "Une bande de potes..." Devrait être centré (verticalement et horizontalement) par rappor à la photo. Saut à la ligne après "...potes,"*/
  .description h10{
    text-align: center; 
	font-size: 5vh;
	line-height: 50px;
	color: #FFFFFF;
    text-transform: uppercase;
  	padding: 0 0 15px;
  	font-weight: 700;
    font-family: Montserrat;
    vertical-align: middle

}   

/* COLUMN 1: 3 colonnes de 30% de largeur, qui basculent l'une sous l'autre en mode mobile.*/
.description .column1 {
	padding-right: 20px;
	padding-left: 20px; 
	flex-direction: column;
  	text-align: center;
	margin-top: 0px;
	margin-bottom: 60px;
    position: relative;

}

@media screen and (min-width: 991px){
	.description .column1 {
		width: 33%;
	}

}

@media screen and (max-width: 1200px) {
	.description .column1 {
      width: 100%;
      max-width: 100%;
    }
}
 
/*3 icones*/
.description h12{
	font-size: 27px;
	color: #9c0404;
	line-height: 50px;
	font-weight: 400;
	background-repeat: no-repeat;
	background-size: contain;
	padding-top: 30px;
	padding-bottom: 30px;
	padding-left: 50px;
	padding-right: 50px;
	margin-bottom: 15px;
	margin-top: 15px; 
  	text-transform: uppercase;
}

.description .produit h12{
	background-image: url(produit2.png );
}

.description .service h12{
	background-image: url(service2.png );
}

.description .nous h12{
	background-image: url(about2.png );
}

/*Titre PRODUITS, SERVICE, NOUS*/
.description h13{
	font-size: 27px;
	color: #9c0404;
	line-height: 65px;
	font-weight: 400;
}


/*Texte*/
.description h14{
	font-size: 20px;
	line-height: 0px;
	color: #333 ;
	text-align: center;
   	word-wrap: break-word;
 	word-break: normal;
}

/* Onglet Page Events & A Propos (sur la même base que "about us) **************************************************************************************/

/* EVENTS - Photo banner, Events Chez Nous*/
.description .photoevents{
	background-image: url(events1.jpg );
	background-repeat: no-repeat;
	position: relative; 
	background-position: center;
	background-size: cover;
	height: 480px;
	width: 100%;
	margin-bottom: 45px;  
  	left: 0px
}

/* Landing page UPC Adventskalender **************************************************************************************/


.description .upclanding{
	background-image: url(events1dark.jpg );
	position: relative; 
  	background-position: center;
	background-size: cover;
	height: 400px;
	width: 100%;
  	margin-bottom: 0px;
}

/* Titre: "Doublez votre chance de gagner"*/
  .description h01upc{
    text-align: center; 
	font-size: 7.5vh;
	line-height: 50px;
	color: #FFFFFF;
    text-transform: uppercase;
  	padding: 0 0 15px;
  	font-weight: 700;
    font-family: Montserrat;
    vertical-align: top;
    word-wrap: break-word;
 	word-break: normal;
}

/* Sous-titre bandeau blanc*/
.description .splitter{
	background-color: #ffffff;
	background-repeat: no-repeat;
	position: relative; 
	background-position: center;
	background-size: cover;
	height: 50px;
	width: 100%;
  	margin-bottom: 0px;
  	left: 0px
}

/* A sec d'idée cadeau*/
.description .ideecadeau{
	background-image: url(ideecadeau.jpg );
	background-repeat: no-repeat;
	position: relative; 
	background-position: center;
	background-size: contain;
	height: 250px;
	width: 100%;
	margin-bottom: 45px;  
  	left: 0px
}

/* NOCH KEINE GESCHENKIDEE DE?*/
.description .geschenkidee{
	background-image: url(keinegeschenkidee.png );
	background-repeat: no-repeat;
	position: relative; 
	background-position: center;
	background-size: contain;
	height: 250px;
	width: 100%;
	margin-bottom: 45px;  
  	left: 0px
}



/* ABOUT US - Photo banner, Authenticité, Plaisir & Passion*/
.description .team{
	background-image: url(about8.jpg );
	background-repeat: no-repeat;
	position: relative; 
	background-position: center;
	background-size: cover;
	height: 480px;
	width: 100%;
  	margin-bottom: 0px;
  	left: 0px
}

/* ABOUT US - Photo banner, Petite Histoire*/
.description .petitehistoire{
	background-image: url(petitehistoire1.png );
	background-repeat: no-repeat;
	position: relative; 
	background-position: center;
	background-size: cover;
	height: 480px;
	width: 100%;
	margin-bottom: 45px;  
  	left: 0px
}

/* ABOUT US - Texte Petite Histoire*/
.description . h100{
  color: #9c0404;
  font-size: 27px;
  text-align: justify;
  margin-bottom: 40px;
}
.description .textehistoire p {
  margin-bottom: 20px;
  font-size: 15px;
  line-height: 20px;
}
.description .textehistoire h1 {
  text-align: center;
}

/* Titre: "Events chez nous"*/
  .description h15{
    text-align: center; 
	font-size: 8vh;
	line-height: 50px;
	color: #FFFFFF;
    text-transform: uppercase;
  	padding: 0 0 15px;
  	font-weight: 700;
    font-family: Montserrat;
    vertical-align: middle
    word-wrap: break-word;
 	word-break: normal;
}

/* Sous-titre bandeau blanc*/
.description .whitebanner{
	background-color: #ffffff;
	background-repeat: no-repeat;
	position: relative; 
	background-position: center;
	background-size: cover;
	height: 200px;
	width: 100%;
  	margin-bottom: 45px;
  	left: 0px
}

/*Sous-titre*/
.description h16{
	font-size: calc(16px + 1vw);
  	line-height: 35px;
	color: #9c0404;
	font-weight: 0;
  	word-wrap: break-word;
 	word-break: normal;
  	text-align: center;
}



/* COLUMN 2: 2 colonnes 50% de largeur, qui basculent l'une sous l'autre en mode mobile.*/
.description .column2 {
	padding-right: 20px;
	padding-left: 20px;
	flex-direction: column;
  	text-align: center;
	margin-top: 0px;
	margin-bottom: 60px;
    position: relative;

}


@media screen and (min-width: 990px){
	.description .column2 {
		width: 50%;
	}

}

@media screen and (max-width: 1200px) {
	.description .column2 {
      width: 100%;
      max-width: 100%;
    }
}

/* COLUMN 0: 1 seule colonne 100% de largeur*/
.description .column0 {
	padding-right: 20px;
	padding-left: 20px;
	flex-direction: column;
  	text-align: center;
	margin-top: 0px;
	margin-bottom: 60px;
    position: relative;

}


@media screen and (min-width: 990px){
	.description .column0 {
		width: 100%;
	}

}

@media screen and (max-width: 1200px) {
	.description .column0 {
      width: 100%;
      max-width: 100%;
    }
}

/* COLUMN 0: 1 seule colonne 100% de largeur, no padding*/
.description .centeredheader {
	padding-right: 20px;
	padding-left: 20px;
	flex-direction: column;
  	text-align: center;
	margin-top: 0px;
	margin-bottom: 00px;
    position: relative;

}


@media screen and (min-width: 990px){
	.description .centeredheader {
		width: 100%;
	}

}

@media screen and (max-width: 1200px) {
	.description .centeredheader {
      width: 100%;
      max-width: 100%;
    }
}
 
/*ICONE 
= identique à description h12
.description h12{
	font-size: 27px;
	color: #9c0404;
	line-height: 50px;
	font-weight: 400;
	background-repeat: no-repeat;
	background-size: contain;
	padding-top: 30px;
	padding-bottom: 30px;
	padding-left: 50px;
	padding-right: 50px;
	margin-bottom: 15px;
	margin-top: 15px; 
  	text-transform: uppercase;
}*/

.description .locaux h12{
	background-image: url(locaux1.png );
}

.description .location h12{
	background-image: url(location1.png );
}


/*Titre CADRE, LOCATION
= identique à h13
.description h13{
	font-size: 27px;
	color: #9c0404;
	line-height: 50px;
	font-weight: 400;
}*/

/*Texte 
= identique à h14
.description h14{
	font-size: 20px;
	line-height: 0px;
	color: #333 ;
	text-align: center;
   	word-wrap: break-word;
 	word-break: normal;
}*/

/* Bande d'images 1*/
.description .bande1{
	background-image: url(bande001.png );
	background-repeat: no-repeat;
	position: relative; 
	background-position: center;
	background-size: contain;
	height: 250px;
	width: 100%;
	margin-bottom: 45px;  
  	left: 0px
}

/*.bande1 div {
  height: 250px;
  width: 350px;
  float: left;
  background-size: cover;
}

.description .bande1img1 {  background-image: url("b1i1.jpeg"); }
.description .bande1img2 {  background-image: url("b1i2.jpeg"); }
.description .bande1img3 {  background-image: url("b1i3.jpeg"); }
*/

/* Sous-titre bandeau rouge*/
.description .redbanner{
	background-color: #9c0404;
	background-repeat: no-repeat;
	position: relative; 
	background-position: center;
	background-size: cover;
/*	height: 200px; */
	width: 100%;
  	left: 0px
}

/*Sous-titre 2*/
.description h17{
	font-size: 6vh;
  	line-height: 6vh;
	color: #ffffff;
	font-weight: 0;
  	font-family: Montserrat;
  	word-wrap: break-word;
 	word-break: normal;
  	text-align: center;
  	display: block;
  	padding: 25px 0;
}


/* Photo banner, Services selon vos besoins*/
.description .photoservices{
	background-image: url(services1.jpg );
	background-repeat: no-repeat;
	position: relative; 
	background-position: center;
	background-size: cover;
	height: 480px;
	width: 100%;
	margin-bottom: 45px;  
  	left: 0px
}

/* Bande blanche*/
.description .whitebanner2{
	background-color: #ffffff;
	background-repeat: no-repeat;
	position: relative; 
	background-position: center;
	background-size: cover;
	height: 60px;
	width: 100%;
  	margin-bottom: 0px;
  	left: 0px
}

.description .apero h12{
	background-image: url(apero1.png );
}

.description .raclette h12{
	background-image: url(raclette1.png );
}

.description .cocktail h12{
	background-image: url(cocktail1.png );
}

/* Bande d'images 2*/
.description .bande2{
	background-image: url(bande2.png );
	background-repeat: no-repeat;
	position: relative; 
	background-position: center;
	background-size: contain;
	height: 250px;
	width: 100%;
	margin-bottom: 45px;  
  	left: 0px
}

.description .fondue h12{
	background-image: url(fondue1.png );
}

.description .boeuf h12{
	background-image: url(boeuf1.png );
}

.description .bacchus h12{
	background-image: url(bacchus1.png );
}

/* Bande d'images 3*/
.description .bande3{
	background-image: url(bande3.png );
	background-repeat: no-repeat;
	position: relative; 
	background-position: center;
	background-size: contain;
	height: 250px;
	width: 100%;
	margin-bottom: 45px;  
  	left: 0px
}


/* Newsletter **************************************************************************************/

/* Photo banner, devrait prendre TOUTE la largeur de la page*/
.description .newsletter{
	background-image: url(newsletter35.jpg );
	position: relative; 
  	background-position: center;
	background-size: cover;
	height: 280px;
	width: 100%;
  	margin-bottom: 45px;

}

/* Quote: "Une bande de potes..." Devrait être centré (verticalement et horizontalement) par rappor à la photo. Saut à la ligne après "...potes,"*/
  .description h10{
    text-align: center; 
	font-size: 5vh;
	line-height: 50px;
	color: #FFFFFF;
    text-transform: uppercase;
  	padding: 0 0 15px;
  	font-weight: 700;
    font-family: Montserrat;
    vertical-align: middle

}   

.description .avantage1 h12{
	background-image: url(news1.png );
}

.description .avantage2 h12{
	background-image: url(news45.png );
}

.description .avantage3 h12{
	background-image: url(event1.png );
}

/*CALL TO ACTION BUTTON*/
a.cta {
  width: 276px;
  padding: 10px 25px 10px 25px;
  font-family: Montserrat;
  font-size: 18px;
  font-weight: bold;
  text-decoration: none;
  color: #ffffff;
  background-color: #9c0404;
  position:relative;
  text-align: center;
  display: block;
}

a.cta:active {
  background-color: #660000;
} 

.ctastyle {
text-align:center;
margin:auto;
  padding: 45px
}


/* PAGES REGION ********************************************************************************************/

.region-gray1 {
  background-color: rgb(247, 247, 247);
}

.region-gray2 {
  background-color: rgb(247, 247, 247);
}

.region-columns {
/*  height: 220px;*/
  cursor: default;
}

.region-columns > div > div {
  padding: 20px 0;
  height: 300px;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
}

.card-front > div {
  color: #9c0404;
  margin: 15px 0;
  text-transform: uppercase;
}

.card-front > .logo {
  height: 90px;
}

.card-front {
  background-color: rgb(247, 247, 247);
  opacity: 1;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 340px;
  transform: translate(-50%, -50%);
  transition: opacity 0.2s;
}

.card-back {
  color: #9c0404;
  text-transform: uppercase;
  font-size: 24px;
  line-height: 1.5em;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 300px;
  transform: translate(-50%, -50%);
}

.card-front:hover {
  opacity: 0;
}

.card-cepages {
  width: 100%;
  background-color: #ffffff;
  text-align: center;
}

.card-cepages > img {
  width: 90%;
}

.region-blank .col-md-6 > img {
  width: 88%;
}

.region-blank {
  padding: 50px 0;
}

.region-blank > div > div {
  height: 320px;
}

/*
.region-blank .col-md-6 {
  padding-left: 40px;
  padding-right: 40px;
}
*/

.region-desc {
  color: #9c0404;
  font-size: 1.2em;
  text-align: justify;
}
.region-desc p {
  margin-bottom: 20px;
  font-size: 15px;
  line-height: 20px;
}
.region-desc h1 {
  text-align: center;
}

.region-header {
  background-size: cover;
  color: white;
  text-align: center;
  padding: 65px 0 80px 0;
}
.region-header h1 {
  padding: 0;
  margin: 0;
  font-size: 100px;
  font-weight: bold;
}
.region-hashtag {
  font-size: 26px;
  font-weight: 400;
  text-align: center;
  color: #9c0404;
  padding: 30px 0;
}

// .region-columns .col-key { font-weight: bold; }

.region-columns .climat .col-key { font-size: 20px; }
.region-columns .climat .col-value { font-size: 36px; }
.region-columns .area .col-key { font-size: 20px; }
.region-columns .area .col-value { font-size: 36px; }
.region-columns .soil .col-key { font-size: 20px; }
.region-columns .soil .col-value { font-size: 36px; }
.region-columns .sun .col-key { font-size: 20px; }
.region-columns .sun .col-value { font-size: 36px; }
.region-columns .temp .col-key { font-size: 20px; }
.region-columns .temp .col-value { font-size: 36px; }
.region-columns .precip .col-key { font-size: 20px; }
.region-columns .precip .col-value { font-size: 36px; }


/* Contact Page **************************************************************************************/

/* PHOTO STORE */
#store{
	background-image: url(boutique.jpg );
	display:block;
    width: 100%;
 	height: auto;
}

/* Blog Posts **************************************************************************************/

/*Avatar Autor*/
.img-alexblogtop {
	border-radius: 50%;
  	content: url(alexavatar2.png );
    height: 80px;
  	margin-right: 10px; 
}

/*Avatar Bottom*/
.img-alexblogbottom {
	border-radius: 50%;
  	content: url(alexavatar2.png );
    height: 120px;
  	margin-right: 15px; 
}

/*Titre*/
.description h0000{
	font-size: calc(16px + 1vw);
  	line-height: 35px;
	color: #9c0404;
	font-weight: 0;
  	word-wrap: break-word;
 	word-break: normal;
}

/*Titre center*/
.description h00001{
	font-size: calc(16px + 1vw);
  	line-height: 35px;
    text-align: center 
	color: #9c0404;
	font-weight: 0;
  	word-wrap: break-word;
 	word-break: normal;
}

/*Image Caption -Légendes*/
.description h0002{
	font-size: 12px;
  	line-height: 35px;
  	font-style: italic;
  	font-weight: bold;
  	word-wrap: break-word;
 	word-break: normal;
}

.description h0001{
    text-align: center; 
	font-size: 6vh;
	line-height: 50px;
	color: #FFFFFF;
    /* text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;*/ 
    text-transform: uppercase;
  	padding: 0 0 15px;
  	font-weight: 700;
    font-family: Montserrat;
    vertical-align: middle
}   

/*********OBRECHT*********************/
/* OBRECHT PHOTO HEADER MULTI BOUTEILLES*/
.description .obrecht3{
	background-image: url(obrecht3.jpg );
	background-repeat: no-repeat;
	position: relative; 
	background-position: center;
	background-size: cover;
	height: 480px;
	width: 100%;
	margin-bottom: 45px;  
  	left: 0px
}

/* OBRECHT PHOTO SCOOTER*/
.description .obrecht2{
	background-image: url(obrecht2.jpeg );
	background-repeat: no-repeat;
	position: relative; 
	background-position: center;
	background-size: cover;
	height: 480px;
	width: 100%;
	margin-bottom: 00px;  
  	left: 0px
}

/* OBRECHT PHOTO SAUCISSON*/
.description .obrecht4{
	background-image: url(DegustationObrecht.png );
	background-repeat: no-repeat;
	position: relative; 
	background-position: center;
	background-size: cover;
	height: 480px;
	width: 100%;
	margin-top: 20px;
    margin-bottom: 00px;	
}

/* OBRECHT PHOTO VIGNES JENINS */
.description .obrecht1{
	background-image: url(obrecht1.JPG );
	background-repeat: no-repeat;
	position: relative; 
	background-position: center;
	background-size: cover;
	height: 480px;
	width: 100%;
	margin-top: 0px;
    margin-bottom: 0px;	
}


/*********HERMANN*********************/
/* HERMANN PHOTO HEADER BARRIQUES*/
.description .hermann0{
	background-image: url(hermann0.jpg );
	background-repeat: no-repeat;
	position: relative; 
	background-position: center;
	background-size: cover;
	height: 480px;
	width: 100%;
	margin-bottom: 45px;  
  	left: 0px
}

/* HERMANN PHOTO VIGNE */
.description .hermann2{
	background-image: url(hermann2.jpg );
	background-repeat: no-repeat;
	position: relative; 
	background-position: center;
	background-size: cover;
	height: 480px;
	width: 100%;
	margin-bottom: 00px;  
  	left: 0px
}

/* HERMANN PHOTO DEGUSTE*/
.description .hermann3{
	background-image: url(hermann3.jpg );
	background-repeat: no-repeat;
	position: relative; 
	background-position: center;
	background-size: cover;
	height: 480px;
	width: 100%;
	margin-top: 00px;
    margin-bottom: 00px;	
}

/* HERMANN PHOTO ROMAN */
.description .hermann4{
	background-image: url(hermann4.jpg );
	background-repeat: no-repeat;
	position: relative; 
	background-position: center;
	background-size: cover;
	height: 480px;
	width: 100%;
	margin-top: 0px;
    margin-bottom: 0px;	
}

/* HERMANN PHOTO BOUTEILLES */
.description .hermann5{
	background-image: url(hermann5.jpg );
	background-repeat: no-repeat;
	position: relative; 
	background-position: center;
	background-size: cover;
	height: 480px;
	width: 100%;
	margin-top: 0px;
    margin-bottom: 0px;	
}

/* HERMANN PHOTO MAISON */
.description .hermann6{
	background-image: url(hermann6.jpg );
	background-repeat: no-repeat;
	position: relative; 
	background-position: center;
	background-size: cover;
	height: 480px;
	width: 100%;
	margin-top: 0px;
    margin-bottom: 0px;	
}

/* HERMANN PHOTO MAISON */
.description .hermann7{
	background-image: url(hermann7.jpg );
	background-repeat: no-repeat;
	position: relative; 
	background-position: center;
	background-size: cover;
	height: 480px;
	width: 100%;
	margin-top: 0px;
    margin-bottom: 0px;	
}


/*********ROSSI*********************/
/* ROSSI PHOTO HEADER VIGNES*/
.description .rossi0{
	background-image: url(rossi3.jpg );
	background-repeat: no-repeat;
	position: relative; 
	background-position: center;
	background-size: cover;
	height: 480px;
	width: 100%;
	margin-bottom: 0px;  
  	left: 0px
}

/* ROSSI PHOTO VIGNE */
.description .rossi1{
	background-image: url(rossi2.jpg );
	background-repeat: no-repeat;
	position: relative; 
	background-position: center;
	background-size: cover;
	height: 480px;
	width: 100%;
	margin-bottom: 00px;  
  	left: 0px
}

/* ROSSI PHOTO DEGUSTE*/
.description .rossi2{
	background-image: url(rossi4.jpg );
	background-repeat: no-repeat;
	position: relative; 
	background-position: center;
	background-size: cover;
	height: 480px;
	width: 100%;
	margin-top: 00px;
    margin-bottom: 00px;	
}

/* ROSSI PHOTO MIC BELLINZONA */
.description .rossi3{
	background-image: url(rossi1.jpg );
	background-repeat: no-repeat;
	position: relative; 
	background-position: center;
	background-size: cover;
	height: 480px;
	width: 100%;
	margin-top: 0px;
    margin-bottom: 0px;	
}

/*********BROGER*********************/
/* BROGER HEADER VIGNES*/
.description .broger1{
	background-image: url(broger1.JPG );
	background-repeat: no-repeat;
	position: relative; 
	background-position: center;
	background-size: cover;
	height: 480px;
	width: 100%;
	margin-bottom: 45px;  
  	left: 0px
}

/* BROGER VISITE VIGNES*/
.description .broger3{
	background-image: url(broger3.JPG );
	background-repeat: no-repeat;
	position: relative; 
	background-position: center;
	background-size: cover;
	height: 480px;
	width: 100%;
	margin-top: 20px;
    margin-bottom: 00px;	
}

/* BROGER PET NAT */
.description .broger4{
	background-image: url(broger4.JPG );
	background-repeat: no-repeat;
	position: relative; 
	background-position: center;
	background-size: cover;
	height: 480px;
	width: 100%;
	margin-top: 0px;
    margin-bottom: 0px;	
}

/* BROGER DEGUSTE */
.description .broger5{
	background-image: url(broger5.JPG );
	background-repeat: no-repeat;
	position: relative; 
	background-position: center;
	background-size: cover;
	height: 480px;
	width: 100%;
	margin-top: 0px;
    margin-bottom: 0px;	
}


/*********LANCEMENT BOUTIQUE*********************/
/* LANCEMENT BOUTIQUE HEADER BARRIQUES*/
.description .boutique{
	background-image: url(boutique3.jpg );
	background-repeat: no-repeat;
	position: relative; 
	background-position: center;
	background-size: cover;
	height: 480px;
	width: 100%;
	margin-bottom: 45px;  
  	left: 0px
}

.description .boutique2{
	background-image: url(boutique2.jpg );
	background-repeat: no-repeat;
	position: relative; 
	background-position: center;
	background-size: cover;
	height: 480px;
	width: 100%;
	margin-bottom: 45px;  
  	left: 0px
}

.description .store h12{
	background-image: url(store00.png );
}

/* 10 JUIN PORTES OUVERTES ET COTES DE BOEUF*/
.description .cotedeboeuf{
	background-image: url(cotedeboeuf2.jpeg );
	background-repeat: no-repeat;
	position: relative; 
	background-position: center;
	background-size: cover;
	height: 480px;
	width: 100%;
	margin-bottom: 45px;  
  	left: 0px
}

/* 21 JUIN DEGUSTATION PINOT NOIR*/
.description .degustepinot{
	background-image: url(degustation_pinotnoir.jpg );
	background-repeat: no-repeat;
	position: relative; 
	background-position: center;
	background-size: cover;
	height: 480px;
	width: 100%;
	margin-bottom: 45px;  
  	left: 0px
}

/* PORTES OUVERTES*/
.description .portesouvertes{
	background-image: url(portes_ouvertes.jpg );
	background-repeat: no-repeat;
	position: relative; 
	background-position: center;
	background-size: cover;
	height: 480px;
	width: 100%;
	margin-bottom: 45px;  
  	left: 0px
}


.description .deguste h12{
	background-image: url(apero.png );
}

/* EVENT MONTREAL*/
.description .eventmontreal{
	background-image: url(bannereventqc.png );
	background-repeat: no-repeat;
	position: relative; 
	background-position: center;
	background-size: cover;
	height: 480px;
	width: 100%;
	margin-bottom: 45px;  
  	left: 0px
}

.description .bernardcaveqc h1001{
	background-image: url(bernardcaveqc.png );
}

.description .lacolombeqc h1001{
	background-image: url(lacolombeqc.png );
}

.description .freresdutruyqc h1001{
	background-image: url(freresdutruyqc.png );
}

.description .henricruchonqc h1001{
	background-image: url(henricruchonqc.png );
}

.description .logoovv h1001{
	background-image: url(logovinsvaudois.png );
}

.description .logohublot h1001{
	background-image: url(logohublot.png );
}


/*********HOME SLIDER VIDEO*********************/

<script async src="https://www.youtube.com/iframe_api"></script>
<script>
 function onYouTubeIframeAPIReady() {
  var player;
  player = new YT.Player('muteYouTubeVideoPlayer', {
    videoId: '0KfhRWJSExw', // YouTube Video ID
    width: 560,               // Player width (in px)
    height: 316,              // Player height (in px)
    playerVars: {
      autoplay: 1,        // Auto-play the video on load
      controls: 1,        // Show pause/play buttons in player
      showinfo: 0,        // Hide the video title
      modestbranding: 1,  // Hide the Youtube Logo
      loop: 1,            // Run the video in a loop
      fs: 0,              // Hide the full screen button
      cc_load_policy: 0, // Hide closed captions
      iv_load_policy: 3,  // Hide the Video Annotations
      autohide: 0         // Hide video controls when playing
    },
    events: {
      onReady: function(e) {
        e.target.mute();
      }
    }
  });
 }




/*********PHOTOS BOUTEILLES*********************/


/*BOUTEILLES DE VIN*/
.description h1001{
	font-size: 27px;
	color: #9c0404;
	line-height: 200px;
	font-weight: 400;
	background-repeat: no-repeat;
	background-size: contain;
	padding-top: 120px;
	padding-bottom: 120px;
	padding-left: 120px;
	padding-right: 120px;
  	text-transform: uppercase;
}

/*CALL TO ACTION BOUTEILLES*/
a.ctabouteilles {
 	width: 180px;
  	padding: 10px 25px 10px 25px;
  	font-family: Montserrat;
  	font-size: 18px;
  	font-weight: bold;
  	text-decoration: none;
  	color: #ffffff;
  	background-color: #9c0404;
  	position:relative;
  	text-align: center;
    margin-top: 30px;

}

a.ctabouteilles:active {
  	background-color: #660000;
} 

.ctabouteillesstyle {
    text-align:center;
	margin-top: 20px;
  	margin-bottom: 20px;
}

/* COFFRET MAGNUM SPÄTLESE*/
.description .coffretmagnum h1001{
	background-image: url(coffret-magnum-spatlese.png );
}

/* COFFRET AWESOME THREESOME 3 BTLS*/
.description .coffret3 h1001{
	background-image: url(coffret-awesome-threesome.png );
}

/* COFFRE BON A TOUS LES COUPS 2 BTLS*/
.description .coffret2 h1001{
	background-image: url(coffret-bon-a-tous-les-coups.png );
}


/* LE MOAL*/
.description .lemoal h1001{
	background-image: url(lemoalgrey.png );
}

/* AAGNE PINOT NOIR CLASSIC*/
.description .aagnePNclassic h1001{
	background-image: url(aagne-PNclassic.png );
}

/* AAGNE RIESLING SILVANER*/
.description .aagners h1001{
	background-image: url(aagne-riesling.png );
}

/* AAGNE PINOT NOIR SPÄTLESE*/
.description .aagnespatlese h1001{
	background-image: url(aagne-spatlese.png );
}

/* AGRILORO GENESTRERIO*/
.description .agrilorogenestrerio h1001{
	background-image: url(agriloro-genestrerio.png );
}

/* AGRILORO RISERVA*/
.description .agrilororiserva h1001{
	background-image: url(agriloro-riserva.png );
}

/* BACHTOBEL NO3*/
.description .bachtobelno3 h1001{
	background-image: url(bachtobel-no3.png );
}

/* BAUMANN R*/
.description .baumannr h1001{
	background-image: url(baumann-r.png );
}

/* BROGER MÜLLER-THURGAU*/
.description .brogermullerthurgau h1001{
	background-image: url(broger-mullerthurgau.png );  
}

/* BROGER BLAUBURGUNDER*/
.description .brogerblauburgunder h1001{
	background-image: url(broger-blauburgunder.png );
}

/* CASTELLO DI MORCOTE BIANCA MARIA*/
.description .castellomorcotebianca h1001{
	background-image: url(castello-bianca.png );
}

/* CASTELLO DI MORCOTE MORO*/
.description .castellomorcotemoro h1001{
	background-image: url(castello-moro.png );
}

/* CASTELLO DI MORCOTE CASTELLO*/
.description .castellomorcotemcastello h1001{
	background-image: url(castello-castellomorcote.png );
}

/* CAVE VERSCHIEZ*/
.description .caveverschiez h1001{
	background-image: url(cave-verschiez.png );
}

/* CAVE CROSEX*/
.description .cavecrosex h1001{
	background-image: url(cave-crosex.png );
}

/* COTTAGNOUD DIOLINOIR*/
.description .cottagnouddiolinoir h1001{
	background-image: url(cottagnoud-diolinoir.png );
}

/* COTTAGNOUD PETITE ARVINE*/
.description .cottagnoudpetitearvine h1001{
	background-image: url(cottagnoud-petitearvine.png );
}

/* COTTAGNOUD AMIGNE*/
.description .cottagnoudamigne h1001{
	background-image: url(cottagnoud-amigne.png );
}

/* DUTRUY ROSÉ TREILLE*/
.description .dutruytreille h1001{
	background-image: url(dutruy-treille.png );
}

/* DUTRUY ASSEMBLAGE ROMAINE*/
.description .dutruyassemblage h1001{
	background-image: url(dutruy-assemblage.png );
}

/* DUTRUY GAMAY GRANDE RÉSERVE*/
.description .dutruygamay h1001{
	background-image: url(dutruy-gamay.png );
}

/* DUTRUY CHASSELAS TREILLE*/
.description .dutruychasselastreille h1001{
	background-image: url(dutruy-chasselas-treille.png );
}

/* DUTRUY CHASSELAS CUVÉE SPÉCIALE*/
.description .dutruychasselascuvee h1001{
	background-image: url(dutruy-chasselas-cuvee.png );
}

/* FROMM PN VILLAGE*/
.description .frommvillage h1001{
	background-image: url(fromm-malanservillage.png );
}

/* GROS MAGNUM*/
.description .grosmagnum h1001{
	background-image: url(gros-magnum.png );
}

/* HERMANN COMPLETER */
.description .hermanncompleter h1001{
	background-image: url(hermann-completer.png );
}

/* HERMANN PN CLASSIC*/
.description .hermannclassic h1001{
	background-image: url(hermann-classic.png );
}

/* HERMANN PN SELECTION*/
.description .hermannselection h1001{
	background-image: url(hermann-selection.png );
}

/* HUTINS BRIVA*/
.description .hutinsbriva h1001{
	background-image: url(hutin-briva.png );
}

/* HUTINS SAUVIGNON*/
.description .hutinssauvignon h1001{
	background-image: url(hutin-sauvignon.png );
}

/* MASSY CLOS DU BOUX*/
.description .massyclosduboux h1001{
	background-image: url(massy-closduboux.png );
}

/* MAGLIOCCO FENDANT*/
.description .maglioccofendant h1001{
	background-image: url(magliocco-fendant.png );
}

/* OBRECHT PN */
.description .obrechtpn h1001{
	background-image: url(obrecht-PN.png );
}

/* OBRECHT TROCLA NERA*/
.description .obrechttrocla h1001{
	background-image: url(obrecht-trocla.png );
}

/* OBRECHT MONOLITH*/
.description .obrechtmonolith h1001{
	background-image: url(obrecht-monolith.png );
}

/* OBRECHT BRUT*/
.description .obrechtbrut h1001{
	background-image: url(obrecht-brut.png );
}

/* PACCOT FÉCHY*/
.description .paccotfechy h1001{
	background-image: url(paccot-fechy.png );
}

/* PACCOT PETIT CLOS*/
.description .paccotpetitclos h1001{
	background-image: url(paccot-petitclos.png );
}

/* PACCOT PINOT NOIR*/
.description .paccotpinotnoir h1001{
	background-image: url(paccot-pinotnoir.png );
}

/* PACCOT APEX*/
.description .paccotapex h1001{
	background-image: url(paccot-apex.png );
}

/* PACCOT COLOMBE ROUGE*/
.description .paccotcolomberouge h1001{
	background-image: url(paccot-colomberouge.png );
}

/* PIRCHER PINOT GRIS*/
.description .pircherpinotgris h1001{
	background-image: url(pircher-pinotgris.png );
}

/* ROSSI BIANCOMERLOT */
.description .rossibianco h1001{
	background-image: url(rossi-bianco.png );
}

/* ROSSI BONDOLA*/
.description .rossibondola h1001{
	background-image: url(rossi-bondola.png );
}

/* ROSSI RONCO*/
.description .rossironco h1001{
	background-image: url(rossi-ronco.png );
}

/* ROSSI QUESTO*/
.description .rossiquesto h1001{
	background-image: url(rossi-questo.png );
}

/* ZUFFEREY SYRAH*/
.description .zuffereysyrah h1001{
	background-image: url(zufferey-syrah.png );
}