/* fonts */
/* https://fonts.google.com/ télécharger la version complète variable */
@font-face {
	font-family: "Josefin Sans";
	src: url(/style/font/JosefinSans-Light.ttf);
	font-display: swap;
	font-weight: 300;
}
@font-face {
	font-family: "Josefin Sans";
	src: url(/style/font/JosefinSans-Regular.ttf);
	font-display: swap;
	font-weight: 400;
}
@font-face {
	font-family: "Josefin Sans";
	src: url(/style/font/JosefinSans-Medium.ttf);
	font-display: swap;
	font-weight: 500;
}
@font-face {
	font-family: "Josefin Sans";
	src: url(/style/font/JosefinSans-Bold.ttf);
	font-display: swap;
	font-weight: 700;
}
/* variables */
:root {
	--font: "Josefin Sans",arial,sans-serif;
	--padding: 30px;
	--violet: #9d598f;
	--jaune: #dcb276;
	--gris-clair: #cdcdcd;
	--gris-fonce: #58585a;
}
/* default styles */
*,*::before,*::after {box-sizing: border-box;padding: 0;margin: 0;}
select * {padding: 0 0.5em;}
ul, ol {list-style: none;}
a img, :link img, :visited img, object, fieldset {border: none;}
a:focus, a:hover, :link, :visited {text-decoration: none;}
/*a, a:active {outline: none;}*/
address {font-style: normal;}
iframe {line-height: 1em; display: block;}
table {border-collapse: collapse;}
/* font size: http://www.knacss.com/ */
html {font-size: 62.5%;scroll-behavior: smooth;}
body {overflow-x: hidden;background-color: #fff;color: #000;font-family: var(--font);font-size: 1.8em; /* equiv 14px */line-height: 1.5em;}
input, select, textarea {font-size: 100%;}
/* Float containers (http://www.csscreator.com/attributes/containedfloat.php) */
.clearfix::after {content: ".";display: block;height: 0;font-size:0;clear: both;visibility: hidden;}
.clearfix{display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* Image Replacement */
.mir {letter-spacing: -1000em;}
* html .mir {text-indent: -999em;overflow: hidden;}
html>body .mir {letter-spacing: normal;text-indent: -999em;overflow: hidden;}
/* generic style */
.clear {clear: both;}
div.clear {height: 0;}
.no-wrap {white-space: nowrap;}
/* error */
.errorOutput {font-weight: bold;padding: 0.5em 20px;border-top: 2px solid #eee;border-bottom: 2px solid #eee;background: transparent url(/style/alert.gif) no-repeat left center;}
a:link, a:visited {color: #008cd9;}

/* sections et blocs */
.page, .page_min {
	width: 100%;
	max-width: 1300px;
	margin: 0 auto;
}
.page_moy {max-width: 1000px;}
.page_min {max-width: 800px;}
.section {padding: calc(var(--padding)*2) 0; position: relative;}
.section_min {padding: var(--padding) 0; position: relative;}

.col1-2, .col1-3, .col2-3,
.col3-4, .col1-4, .col1-5 {
	float: left;
}
.col,.flex1-1{width: 100%;}
.col3-4,.flex3-4{width: 75%;}
.col1-2,.flex1-2{width: 50%;}
.col1-3,.flex1-3{width: 33.33%;}
.col2-3,.flex2-3{width: 66.66%;}
.col1-4,.flex1-4{width: 25%;}
.col1-5,.flex1-5{width: 20%;}

/* flexbox */
.flexParent {
    display: flex;
    flex-wrap: wrap;
}
.flex, .flex1-1, .flex1-2, .flex1-3,
.flex2-3, .flex3-4, .flex1-4, .flex1-5 {
    display: flex;
}
.flexColumn {
	flex-direction: column;
	display: flex;
}
.flex_between {
    justify-content: space-between;
}
.flex_start_center {
    justify-content: flex-start;
    align-items: center;
}
.flex_center_center {
    justify-content: center;
    align-items: center;
}
.flex_between_center {
    justify-content: space-between;
    align-items: center;
}
.flex_end_center {
    justify-content: flex-end;
    align-items: center;
}
.flex_around_center {
    justify-content: space-around;
    align-items: center;
}
.align_items_start {
	align-items: flex-start;
}
.align_items_center {
	align-items: center;
}

/* columns */
.column2, .column3 {
	column-gap: var(--padding);
	-moz-column-gap: var(--padding);
	-webkit-column-gap: var(--padding);
}
.column2 {
	-moz-columns: 2 auto;
	-webkit-columns: 2 auto;
	columns: 2;
}
.column3 {
	-moz-columns: 3 auto;
	-webkit-columns: 3 auto;
	columns: 3;
}

/* padding margin *************/
.padding{ padding: var(--padding); }
.paddingMin{ padding: calc(var(--padding)/2); }
.paddingBig{ padding: calc(var(--padding)*2); }
.paddingLR{
	padding-left: var(--padding);
	padding-right: var(--padding);
}
.paddingTB{ 
	padding-top: var(--padding);
	padding-bottom: var(--padding);
}
.paddingNoTop {padding-top: 0;}
.paddingNoBottom {padding-bottom: 0;}

.margin_auto{margin: 0 auto;}
.marginNoBottom, .section p.marginNoBottom {margin-bottom: 0 !important;}

/* gestion des couleurs et des fonds */
.bg {
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}
.bg_gris_fonce {background-color: var(--gris-fonce); color: #fff;}
.bg_gris_clair {background-color: var(--gris-clair); color: #000;}
.bg_blanc {background-color: #fff; color: #000;}
.bg_noir {background-color: #000; color: #fff;}

.bg_gris_clair a:link, .bg_gris_clair a:visited, 
.bg_blanc a:link, .bg_blanc a:visited {color: #000;} 
.bg_gris_fonce a:link, .bg_gris_fonce a:visited,
.bg_noir a:link, .bg_noir a:visited {color: #fff;}

.color_violet { color: var(--violet) !important; }

.block {display: block;}
.relative{position: relative;}
.oHidden {overflow: hidden;}

.float_left {float: left;}
.float_right {float: right;}

/* textes */
.section p { margin-bottom: 20px; line-height: 2; font-weight: 300; }
.align_center {text-align: center;}
.align_right {text-align: right;}

.maj {text-transform: uppercase;}
.italic {font-style: italic;}
.noItalic {font-style: normal;}

.thin {font-weight: 100;}
.extralight {font-weight: 200;}
.light {font-weight: 300;}
.normal {font-weight: 400;}
.medium {font-weight: 500;}
.semibold {font-weight: 600;}
.bold {font-weight: 700 !important;}
.extrabold {font-weight: 800;}
.black {font-weight: 900;}

.big {font-size: 120%;}
.extrabig {font-size: 150%;}
.small {font-size: 80%;}
.extrasmall {font-size: 60%;}

.souligne {text-decoration: underline;}

.cache, .logoMobile, .pictosMobile, .lShow { display: none; }

/* animations */
.zoom_container {
	display: block;
	overflow: hidden;
	line-height: 0;
}

.zoomup { transition: 0.4s; }
.zoomup:hover, .zoomup:focus {transform: scale(1.2);}

.zoomdown { transition: 0.4s; }
.zoomdown:hover, .zoomdown:focus {transform: scale(0.8);}

.zoomtourne { transition: 0.4s;}
.zoomtourne:hover, .zoomtourne:focus {transform: rotate(15deg) scale(0.9);}

.zoominfini:hover, .zoominfini:focus {
	animation-duration: 0.8s;
	animation-name: zoominfini;
	animation-iteration-count: infinite;
	animation-direction: alternate;
	animation-timing-function: ease-in-out;
}
@keyframes zoominfini {
  from { transform: scale(1); }
  to   { transform: scale(1.2); }
}

.fade {
	opacity: 0;
	transition: 1s;
}
.fondu_top {
	opacity: 0;
	position: relative;
	transform: translateY(-200px);
	transition: all 1s, width 0s;
}
.fondu_bottom {
	opacity: 0;
	position: relative;
	transform: translateY(200px);
	transition: all 1s, width 0s;
}
.fondu_left {
	opacity: 0;
	position: relative;
	transform: translateX(-1000px);
	transition: all 1s, width 0s;
}
.fondu_right {
	opacity: 0;
	position: relative;
	transform: translateX(1000px);
	transition: all 1s, width 0s;
}
.fondu_revele {
	opacity: 1;
	transform: none;
	z-index: 100;
}

.transition05 { transition: 0.5s; }
.transition1 { transition: 1s; }
.transition15 { transition: 1.5s; }
.transition2 { transition: 2s; }
.transition25 { transition: 2.5s; }

/* header **************************/
header {
	position: fixed; 
	width: 100%; 
	z-index: 102;
	top: 0; 
	left: 0;
	min-height: 200px;
	transition: 0.5s;
}

/*** menu **************************/
header nav {
	position: absolute;
	bottom: var(--padding);
	left: 50%;
	transform: translateX(-50%);
	width: 100%;
	transition: 0.5s;
}

header .logoChampagne {
	padding: var(--padding);
	position: absolute;
	right: 0;
	z-index: 1;
	font-size: 80%;
	font-weight: 300;
	letter-spacing: 0.1em;
	transition: 0.5s;
	line-height: 1.2;
}

header .logoChampagne img.img_100 {
	margin-bottom: 10px;
}

header .logoChampagne b {
	color: var(--jaune);
	font-size: 110%;
	font-weight: 500;
}

header.header-fix { min-height: 47px; box-shadow: 0 0 20px rgba(0,0,0,0.2);}
header.header-fix nav { bottom: 0; }
header.header-fix .logoChampagne {
	display: none;
}

nav ul {
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center;
}
nav li { display: inline-block; position: relative; }
nav li a {
	display: block;
	padding: 10px 20px;
	position: relative;
	font-size: 110%;
	transition: 0.5s;
}
#menuBurger, #openNav { display: none; }

/* effets passage de souris */
nav li a:focus, nav li a:hover,
#accueil nav li#nav-accueil > a,
#nos-vins nav li#nav-nos-vins > a,
#parcellaire nav li#nav-notre-parcellaire > a,
#millesimes nav li#nav-millesimes > a,
#revue-de-presse nav li#nav-revue-de-presse > a,
#galerie nav li#nav-galerie > a,
#contact nav li#nav-contact > a {
	color: var(--violet) !important;
}

/* sous-menu */
.sousMenuParent ul {
	text-align: left;
	position: absolute;
	max-height: 0;
	overflow: hidden;
	transition: 0.5s;
}
.sousMenuParent:hover ul,
.sousMenuParent:focus-within ul,
.sousMenuParent a:hover + ul,
.sousMenuParent a:focus + ul { max-height: 250px; }
.sousMenuParent ul a { white-space: nowrap; }
.burgerOnly {display: none;}

/* transformation en menu burger */
@media all and (max-width: 1100px) {

	.burgerOnly {display: block;}

	nav ul {
		position: absolute;
		display: flex;
		flex-direction: column;
		width: 100vw;
		height: calc(100vh - 51px);
		bottom: 0;
		left: 0;
		padding: calc(var(--padding) / 2);
		text-align: left;
		transform: translate(-100%,100%);
		transition: 0.5s;
	}
	nav > ul {
		overflow: hidden;
		z-index: 1;
	}
	nav li { display: block; }

	/* sous-menu */
	.sousMenuParent ul,
	.sousMenuParent:hover ul,
	.sousMenuParent:focus ul,
	.sousMenuParent a:hover + ul,
	.sousMenuParent a:focus + ul,
	.sousMenuParent ul:has(a:hover),
	.sousMenuParent ul:has(a:focus) {
		z-index: 2;
		position: fixed;
		transform: translateX(100%);
		max-height: none;
	}
	nav .sousMenuParent > a::after {
		content: '\f0da';
		font-family: "Font Awesome 6 Free";
		font-weight: 700;
		position: absolute;
		top: 50%;
		right: 10px;
		transform: translateY(-50%);
	}

	.sousMenuParent > a:focus + ul,
	.sousMenuParent > a + ul:focus-within {
		transform: translateX(0);
	}

	.sousMenuParent ul { padding-top: 56px; }
	.sousMenuParent ul::before, .sousMenuParent ul::after {
        position: absolute;
		cursor: pointer;
        top: 25px;
	 }
	.sousMenuParent ul::before {
		content: '\f0d9';
        font-family: "Font Awesome 6 Free";
        font-weight: 700;
        left: 25px;
	}
	.sousMenuParent ul::after {
		content: 'Retour';
        left: 40px;
	}

	/* bars */
	#menuBurger { display: block; }
	#menuBurger label {
		display: inline-flex;
		flex-direction: column;
		justify-content: space-between;
		cursor: pointer;
		position: relative;
		width: 80px;
		height: 56px;
		padding: 20px;
	}
	#menuBurger label::before,
	#menuBurger label::after {
		content: '';
		display: block;
		transform-origin: left;
	}
	#menuBurger label span,
	#menuBurger label::before,
	#menuBurger label::after {
		width: 20px;
		height: 2px;
		background-color: #000;
		transition: 0.5s;
	}

	/* burger ouvert*/
	#openNav:checked ~ #menuBurger ~ ul { transform: translateY(100%); }
	#openNav:checked + #menuBurger label::before { transform: rotate(45deg); }
	#openNav:checked + #menuBurger label span { opacity: 0; }
	#openNav:checked + #menuBurger label::after { transform: rotate(-45deg); }
}

/*** footer **************************/ 
footer ul li {
	border-right: 1px solid;
	padding: 0 15px;
	text-transform: uppercase;
	font-size: 80%;
	font-weight: 300;
}
footer ul li:first-child { padding-left: 0;}
footer ul li:last-child { border-right: none; }


/*** listes ************************/
ul.list{
	list-style-type: disc;
	margin-left: 15px;
	margin-bottom: 20px;
}
ul.inline li{
	display: inline-block;
	padding: 0 10px;
}

/*** images **************************/
.img_100 {
	max-width: 100%;
	display: block;
	line-height: 1;
	width: auto;
	height: auto;
}
.img_cover {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}

/*** titres **************************/
h2, .like_h2, h3, .like_h3, h4, .like_h4 {
	line-height: 1.2;
	margin-bottom: 20px;
}
h1, .like_h1 {
	font-weight: 300;
	font-size: 300%;
	margin-bottom: 50px;
	line-height: 1.2;
}
h2, .like_h2 {
	font-size: 160%;
	font-weight: 400;
}
h3, .like_h3 {
	font-size: 140%;
}
h4, .like_h4 {
	font-size: 120%;
}

.noStyle {
	font-size: 100%;
	font-weight: 400;
	margin-bottom: 0;
}

/*** liens **************************/
.btn_suite {
	display: inline-block; 
	text-transform: uppercase;	
	padding: 5px 15px;
	background: #000;
	color: #fff !important;
	font-family: var(--font);
	border: none;
	appearance:none;
	-moz-appearance:none; /* Firefox */
	-webkit-appearance:none; /* Safari and Chrome */
	transition: all 0.5s;
	cursor: pointer;
}
.btn_suite:hover,		
.btn_suite:focus {		
	background: var(--gris-clair);
	color: #000 !important;
}


/*** popup *************************/
#popup-legal {
	position: fixed;
	z-index: 999;
	top: 0;
	left: 0;
	min-height: 100vh;
	width: 100vw;
	display: flex;
	flex-direction: column;
	justify-content: center;
}
.popupTitre {
	position: absolute;
	top: calc(50vh - 19vw - 60px);
	left: 50%;
	transform: translate(-50%,-50%);
	font-size: 130%;
	font-weight: 300;
	text-transform: uppercase;
	letter-spacing: 0.5em;
}
.popupImg {height: 37vw;overflow: hidden;}
.popupImg:nth-child(1) {
	background-image: url(/style/accueil/raisin-heresztyn.jpg);
	background-position: center 70%;
 }
.popupImg:nth-child(2) {
	background-image: url(/style/accueil/goulot-bout-heresztyn.jpg);
	background-size: 115%;
    background-position: center 65%;
	border-left: 10px solid #fff;
	border-right: 10px solid #fff;
}
.popupImg:nth-child(3) {
	background-image: url(/style/accueil/clos-st-denis-heresztyn.jpg);
	background-size: 130%;
    background-position: left 0;
}


/*** accueil *************************/
.bgAccueil1 {
	background-image: url(/style/accueil/cave-heresztyn-mazzini-vins.jpg);
	min-height: 55vw;
}
.bgLegende {
	position: absolute;
	display: none;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	text-align: center;
	font-size: 200%;
	padding: var(--padding)
}
.bgLegende img {
	margin-bottom: 80px;
}
.bgLegende + a {
	position: absolute;
	bottom: var(--padding);
	left: 50%;
	transform: translateX(-50%);
	z-index: 101;
}
.bgAccueil2 {
	background-image: url(/style/accueil/traitement-vigne-bourgogne.jpg);
	min-height: 100vh;
}


/*** parcellaire *********************/
.bgParcellaire1 {
	background-image: url(/style/parcellaire/vigne-heresztyn.jpg);
	min-height: 55vw;
}

.retourMap {
	position: sticky;
	top: 0;
	color: var(--violet) !important;
	padding: calc(var(--padding) * 3) 0 0 var(--padding);
	display: inline-block;
	z-index: 3;
}

.lienMapVin, .lienMapCollection { position: absolute; }
.lienMapCollection {
	right: 0;
	bottom: 0;
	padding: var(--padding);
	font-size: 80%;
	color: var(--violet) !important;
}
#map .lienMapVin:nth-child(1) {
	width:9%; height: 12%; top: 43%; left: 38%;
}
#map .lienMapVin:nth-child(2) {
	width:8%; height: 12%; top: 46%; left: 48%;
}
#map .lienMapVin:nth-child(3) {
	width:9%; height: 12%; top: 27%; left: 53.5%;
}
#map .lienMapVin:nth-child(4) {
	width:4%; height: 12%; top: 20%; left: 64%;
}
#map .lienMapCollection {
	width: 31%; height: 8%; top: 68%; left: 44%;
}

#gevrey-chambertin .lienMapVin {
	width: 3%;
	height: 4%;
}
#morey-saint-denis .lienMapVin {
	width: 5%;
	height: 4%;
}
#chambolle-musigny .lienMapVin {
	width: 5%;
	height: 4%;
}
#brochon .lienMapVin {
	width: 5%;
	height: 5%;
}

.popin {
	position: fixed;
	top: 0;
	left: -9999px;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.5);
	z-index: 1000000;
	opacity: 0;
	-webkit-transition: opacity 0.4s, left 0s 0.4s;
	-moz-transition: opacity 0.4s, left 0s 0.4s;
	transition: opacity 0.4s, left 0s 0.4s;
  }
  
  .popin.ouvert {
	left: 0;
	opacity: 1;
	-webkit-transition: opacity 0.4s, left 0s;
	-moz-transition: opacity 0.4s, left 0s;
	transition: opacity 0.4s, left 0s;
  }
  
  .popin .chargement {
	z-index: 10;
	background-color: transparent;
  }
  
  .popin-wrap {
	float: right;
	position: relative;
	width: 100%;
	max-width: 800px;
	height: 100%;
	background-color: #fff;
	box-shadow: -5px 0 5px 0 rgba(0, 0, 0, 0.1);
	transform: translate3d(100%, 0, 0);
   transition: transform 0.4s cubic-bezier(0.47, 0.01, 0.37, 0.98), left 0s 0.4s;
   }
  
  .ouvert .popin-wrap {
	transform: translate3d(0, 0, 0);
	 transition: transform 0.4s cubic-bezier(0.47, 0.01, 0.37, 0.98) 0.2s, left 0s 0.2s;
  }
  
  @media screen and (max-width: 64em) {
	.popin-wrap {
	  width: 90%;
	  max-width: 100%;
	}
  }
  
  @media screen and (max-width: 48em) {
	.popin-wrap {
	  width: 100%;
	  max-width: 100%;
	}
  }
  
   .popin-close {
	position: absolute;
	top: 20px;
	left: -30px;
	z-index: 2;
  }
  
  @media screen and (max-width: 48em) {
   .popin-close {
	  left: 10px;
	  top: 10px;
	}
  }
  
  .popin-scroll {
	position: relative;
	width: 100%;
	height: 100%;
	overflow: auto;
	overflow-x: hidden;
	overflow-y: auto;
	z-index: 0;
  }
  
  @media screen and (max-width: 64em) {
	.popin-scroll {
	  overflow-y: scroll;
	  -webkit-overflow-scrolling: touch;
	}
  }
  
  .popin-content {
	width: 100%;
	max-width: 800px;
	margin: 0 auto;
	padding: 0px;
  }
  
  /*@media screen and (max-width: 64em) {
	.popin-content {
	  padding: 60px 40px;
	}
  }
  
  @media screen and (max-width: 48em) {
	.popin-content {
	  padding: 60px 20px;
	}
  }*/

  .popinParent {
	position: relative;
	width: 100%;
	height: 100%;
	background-color: #fff;
	overflow: auto;
	overflow-x: hidden;
	overflow-y: auto;
	transition: transform 0.4s 0.1s;
  }
  
  .popinParent.dezoome {
	box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.3);
	overflow: hidden;
	overflow-y: hidden;
	transform: scale(0.9);
	transition: transform 0.4s cubic-bezier(0.06, 0.29, 0.25, 1);
   }
  
  
  .popin-close {
	width: 60px;
	height: 60px;
	line-height: 60px;
	font-size: 20px;
	text-align: center;
	background: var(--violet);
	color : #fff;
	border-radius: 100%;
	box-shadow: 1px 3px 27px 0 rgba(0, 0, 0, 0.3);
	cursor: pointer;
  }
  
  .popin-close:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border-radius: 100%;
	background: rgba(0, 0, 0, 0.1);
	opacity: 0;
	z-index: -1;
	transform: scale(0.1);
	transition: transform 0s 0.2s, opacity 0.2s;
  }
  .popin-close:hover::before{
	opacity: 1;
	transform: scale(1);
	transition: transform 0.3s, opacity 0s;
  }
  
  .popin-article {
	  background-color: #fff;
	  color: #333f48 !important;
	  z-index: 2;
	  padding : var(--padding);
	  /*box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.1);*/
	  /*margin-bottom : 60px;*/
  }

  .popin-article .bouteilleContainer { max-width: 250px; }


/*** vins ****************************/
.bgVins1 {
	background-image: url(/style/vins/vins-domaine-heresztyn.jpg);
	min-height: 55vw;
}
.bgVins2 {
	background-image: url(/style/vins/vin-heresztyn.jpg);
	min-height: 100vh;
}

.etiquetteVin {
	position: absolute;
	bottom: 8%;
	left: 50%;
	transform: translateX(-50%);
	transition: 0.5s;
}

.detailVin {
	position: absolute;
	opacity: 0;
	pointer-events: none;
	right: 0;
	transition: 0.5s;
}
.detailVin.on {
	opacity: 1;
	pointer-events: all;
}

.vinLienContainer {
	line-height: 1.5 !important;
}
.vinLienContainer a { transition: 0.5s; }
.vinLienContainer.on h2 a,
.vinLienContainer:hover h2 a,
.vinLienContainer:focus h2 a {color: var(--violet) !important;}

.bouteilleVin {
	width: 90%;
}
.bouteilleContainer {
	width: 100%;
	max-width: 400px;
}


/*** millésimes **********************/
.bgMillesimes1 {
	background-image: url(/style/millesimes/bouteille-cave-heresztyn.jpg);
	min-height: 55vw;
}
.bgMillesimes2 {
	background-image: url(/style/millesimes/raisins-heresztyn.jpg);
	min-height: 100vh;
}

.separation {
	height: 5px;
	width: 100%;
	border: 1px solid var(--violet);
}


/*** revues **********************/
.bgRevue1 {
	background-image: url(/style/revue/premiers-crus-heresztyn.jpg);
	min-height: 55vw;
}
.bgRevue2 {
	background-image: url(/style/revue/cave-heresztyn.jpg);
	min-height: 100vh;
}


/*** galerie **********************/
.bgGalerie {
	background-image: url(/style/galerie/goulots-ete-heresztyn.jpg);
	min-height: 55vw;
}


/*** contact **********************/
.bgContact {
	background-image: url(/style/contact/bottes-heresztyn.jpg);
	/*min-height: 55vw;*/
	padding-top: 200px;
}
.bgLegende img { margin-bottom: 0px; }
.bgLegende img + p { font-size: 50%; }


/*** défaut **********************/
.bgDefaut {
	background-image: url(/style/parcellaire/vigne-heresztyn.jpg);
	min-height: 30vw;
	background-position: center 20%;
}


/*** actualites **********************/
.imgActu{
	display: block;
	height: 150px;
	overflow: hidden;
	position: relative;
}
	.imgActu img{
		max-height: 100%;
		margin: 0 auto;
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%,-50%);
	}
		.imgActu span{
			position: absolute; 
			top: 50%; 
			left: 50%; 
			transform: translate(-50%,-50%);
			text-transform: uppercase; 
			color: rgba(146,143,143,0.5);
			font-weight: 300;
			text-align: center;
			font-size: 95%;
		}
		.imgActu span::before{
			content: '\f030';
			font-family: "Font Awesome 6 Free"; 
			font-weight: bold;
			display: block;
			font-size: 200%;
			color: rgba(146,143,143,0.5);
		}

/*** iframe YouTube 16/9 **************************/
.video-responsive {
	overflow:hidden;
	padding-block-end:56.25%;
	position:relative;
	height:0;
}
.video-responsive iframe {
	left:0;
	top:0;
	height:100%;
	width:100%;
	position:absolute;
}

/*** icônes **************************/
.ico::before{
	font-family: 'Font Awesome 6 Free'; 
	font-size: 120%; 
	padding-right: 5px; 
	font-weight: bold;
}
.ico-regular::before{
	font-weight: normal;
}
p.ico span{overflow: hidden; display: inline;}
p.ico::before{display: inline;}

.ico-eye::before { content: "\f06e";}
.ico-map::before { content: "\f3c5";}
.ico-map-marker::before { content: "\f041";}
.ico-mobile::before { content: "\f3cd";}
.ico-phone::before { content: "\f095";}
.ico-web::before { content: "\f0ac";}
.ico-mail::before { content: "\f0e0";}
.ico-recherche::before { content: "\f002";}
.ico-compte::before { content: "\f2bd";}
.ico-pdf::before { content: "\f1c1";}
.ico-print::before { content: "\f02f";}
.ico-streetview::before {content: "\f21d";}
.ico-nav::before {content: "\f0c9";}
.ico-clock::before {content: "\f017";}
.ico-star::before {content: "\f005"; }
.ico-laptop::before {content: "\f109"; }
.ico-store::before {content: "\f54e"; }
.ico-exchange::before {content: "\f362"; }
.ico-desktop::before {content: "\f108"; }

/* magnific popup */
.mfp-bg{top:0;left:0;width:100%;height:100%;z-index:1042;overflow:hidden;position:fixed;background:#0b0b0b;opacity:.8;filter:alpha(opacity=80)}.mfp-wrap{top:0;left:0;width:100%;height:100%;z-index:1043;position:fixed;outline:0!important;-webkit-backface-visibility:hidden;backface-visibility:hidden;}.mfp-container{text-align:center;position:absolute;width:100%;height:100%;left:0;top:0;padding:0 8px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.mfp-container:before{content:'';display:inline-block;height:100%;vertical-align:middle}.mfp-align-top .mfp-container:before{display:none}.mfp-content{position:relative;display:inline-block;vertical-align:middle;margin:0 auto;text-align:left;z-index:1045}.mfp-ajax-holder .mfp-content,.mfp-inline-holder .mfp-content{width:100%;cursor:auto}.mfp-ajax-cur{cursor:progress}.mfp-zoom-out-cur,.mfp-zoom-out-cur .mfp-image-holder .mfp-close{cursor:-moz-zoom-out;cursor:-webkit-zoom-out;cursor:zoom-out}.mfp-zoom{cursor:pointer;cursor:-webkit-zoom-in;cursor:-moz-zoom-in;cursor:zoom-in}.mfp-auto-cursor .mfp-content{cursor:auto}.mfp-arrow,.mfp-close,.mfp-counter,.mfp-preloader{-webkit-user-select:none;-moz-user-select:none;user-select:none}.mfp-loading.mfp-figure{display:none}.mfp-hide{display:none!important}.mfp-preloader{color:#ccc;position:absolute;top:50%;width:auto;text-align:center;margin-top:-.8em;left:8px;right:8px;z-index:1044}.mfp-preloader a{color:#ccc}.mfp-preloader a:hover{color:#fff}.mfp-s-error .mfp-content,.mfp-s-ready .mfp-preloader{display:none}button.mfp-arrow,button.mfp-close{overflow:visible;cursor:pointer;background:0 0;border:0;-webkit-appearance:none;appearance:none;display:block;outline:0;padding:0;z-index:1046;-webkit-box-shadow:none;box-shadow:none}button::-moz-focus-inner{padding:0;border:0}.mfp-close{width:44px;height:44px;line-height:44px;position:absolute;right:0;top:0;text-decoration:none;text-align:center;opacity:.65;filter:alpha(opacity=65);padding:0 0 18px 10px;color:#fff;font-style:normal;font-size:28px;font-family:Arial,Baskerville,monospace}.mfp-close:focus,.mfp-close:hover{opacity:1;filter:alpha(opacity=100)}.mfp-close:active{top:1px}.mfp-close-btn-in .mfp-close{color:#333}.mfp-iframe-holder .mfp-close,.mfp-image-holder .mfp-close{color:#fff;right:-6px;text-align:right;padding-right:6px;width:100%}.mfp-counter{position:absolute;top:0;right:0;color:#ccc;font-size:12px;line-height:18px}.mfp-arrow{position:absolute;opacity:.65;filter:alpha(opacity=65);margin:-55px 0 0;top:50%;padding:0;width:90px;height:110px;-webkit-tap-highlight-color:transparent}.mfp-arrow:active{margin-top:-54px}.mfp-arrow:focus,.mfp-arrow:hover{opacity:1;filter:alpha(opacity=100)}.mfp-arrow .mfp-a,.mfp-arrow .mfp-b,.mfp-arrow:after,.mfp-arrow:before{content:'';display:block;width:0;height:0;position:absolute;left:0;top:0;margin-top:35px;margin-left:35px;border:inset transparent}.mfp-arrow .mfp-a,.mfp-arrow:after{border-top-width:13px;border-bottom-width:13px;top:8px}.mfp-arrow .mfp-b,.mfp-arrow:before{border-top-width:21px;border-bottom-width:21px;opacity:.7}.mfp-arrow-left{left:0}.mfp-arrow-left .mfp-a,.mfp-arrow-left:after{border-right:17px solid #fff;margin-left:31px}.mfp-arrow-left .mfp-b,.mfp-arrow-left:before{margin-left:25px;border-right:27px solid #3f3f3f}.mfp-arrow-right{right:0}.mfp-arrow-right .mfp-a,.mfp-arrow-right:after{border-left:17px solid #fff;margin-left:39px}.mfp-arrow-right .mfp-b,.mfp-arrow-right:before{border-left:27px solid #3f3f3f}.mfp-iframe-holder{padding-top:40px;padding-bottom:40px}.mfp-iframe-holder .mfp-content{line-height:0;width:100%;max-width:900px}.mfp-iframe-holder .mfp-close{top:-40px}.mfp-iframe-scaler{width:100%;height:0;overflow:hidden;padding-top:56.25%}.mfp-iframe-scaler iframe{position:absolute;display:block;top:0;left:0;width:100%;height:100%;box-shadow:0 0 8px rgba(0,0,0,.6);background:#000}img.mfp-img{width:auto;max-width:100%;height:auto;display:block;line-height:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:40px 0;margin:0 auto}.mfp-figure{line-height:0}.mfp-figure:after{content:'';position:absolute;left:0;top:40px;bottom:40px;display:block;right:0;width:auto;height:auto;z-index:-1;box-shadow:0 0 8px rgba(0,0,0,.6);background:#444}.mfp-figure small{color:#bdbdbd;display:block;font-size:12px;line-height:14px}.mfp-figure figure{margin:0}.mfp-bottom-bar{margin-top:-36px;position:absolute;top:100%;left:0;width:100%;cursor:auto}.mfp-title{text-align:left;line-height:18px;color:#f3f3f3;word-wrap:break-word;padding-right:36px}.mfp-image-holder .mfp-content{max-width:100%}.mfp-gallery .mfp-image-holder .mfp-figure{cursor:pointer}@media screen and (max-width:800px) and (orientation:landscape),screen and (max-height:300px){.mfp-img-mobile .mfp-image-holder{padding-left:0;padding-right:0}.mfp-img-mobile img.mfp-img{padding:0}.mfp-img-mobile .mfp-figure:after{top:0;bottom:0}.mfp-img-mobile .mfp-figure small{display:inline;margin-left:5px}.mfp-img-mobile .mfp-bottom-bar{background:rgba(0,0,0,.6);bottom:0;margin:0;top:auto;padding:3px 5px;position:fixed;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.mfp-img-mobile .mfp-bottom-bar:empty{padding:0}.mfp-img-mobile .mfp-counter{right:5px;top:3px}.mfp-img-mobile .mfp-close{top:0;right:0;width:35px;height:35px;line-height:35px;background:rgba(0,0,0,.6);position:fixed;text-align:center;padding:0}}@media all and (max-width:900px){.mfp-arrow{-webkit-transform:scale(0.75);transform:scale(0.75)}.mfp-arrow-left{-webkit-transform-origin:0;transform-origin:0}.mfp-arrow-right{-webkit-transform-origin:100%;transform-origin:100%}.mfp-container{padding-left:6px;padding-right:6px}}.mfp-ie7 .mfp-img{padding:0}.mfp-ie7 .mfp-bottom-bar{width:600px;left:50%;margin-left:-300px;margin-top:5px;padding-bottom:5px}.mfp-ie7 .mfp-container{padding:0}.mfp-ie7 .mfp-content{padding-top:44px}.mfp-ie7 .mfp-close{top:0;right:0;padding-top:0}

/*********************** responsive ************************/
@media all and (max-width: 1500px) {
	.logoChampagne { max-width: 150px; }
	.w100-1500 { width: 100%; }
}

@media all and (max-width: 1400px) {
	header { min-height: 120px; }
	.w100-1400 { width: 100%; }
	.cache-1400 { display: none; }
	.popupTitre {
		position: initial;
		transform: translateY(-50px);
	}
	.popupImg { height: auto; }
	.m10LR-1400 { margin: 10px 0;}
}

@media all and (max-width: 1350px) {
	.mr-1350 { margin-right: 10px; }
	.w33-1350 { width: 33.33%; }
	.w50-1350 { width: 50%; }
	.w100-1350 { width: 100%; }
	footer ul li {
		border-right: none;
		padding: 5px 0;
	}
}

@media all and (max-width: 1300px) {
	.cache-1300 { display: none; }
}

@media all and (max-width: 1200px) {
	.bouteilleVin { max-width: 180px;}
	.etiquetteVin { max-width: 250px; }

	#map .lienMapVin:nth-child(1) {
		width:22%; height: 15%; top: 45%; left: 7%;
	}
	#map .lienMapVin:nth-child(2) {
		width:18%; height: 15%; top: 49%; left: 30%;
	}
	#map .lienMapVin:nth-child(3) {
		width:21%; height: 14%; top: 27%; left: 42%;
	}
	#map .lienMapVin:nth-child(4) {
		width:12%; height: 12%; top: 18%; left: 64%;
	}
	#map .lienMapCollection {
		width: 68%; height: 8%; top: 77%; left: 22%;
	}

	.bgContact { min-height: auto; }
	.bgContact .bgLegende {
		position: initial;
		transform: none;
	}

	.lColumnReverse { flex-direction: column-reverse; }
	.lCache { display: none; }
	.lShow { display: block; }
	.l1-1 { width: 100%; }
	.l1-2 { width: 50%; }
	.l1-3 { width: 33.33%; }
	.l1-4 { width: 25%; }
}

@media all and (max-width: 1100px) {
	header { min-height: 70px !important; }
	header nav { bottom: 50% !important; transform: translate(-50%,50%); }

	.logoMobile {
		display: block;
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%,-50%);
		height: 90px;
	}
	.logoMobile img { max-height: 100%; }
	.pictosMobile {
		display: block;
		position: absolute;
		top: 50%;
		right: 0%;
		transform: translateY(-50%);
	}

	.bgLegende img { max-width: 350px; }

	.bgContact { padding-top: var(--padding); }

}

@media all and (max-width: 1000px) {

	.bgAccueil1 { background-image: url(/style/accueil/cave-heresztyn-mazzini-vins-1000.jpg); }
	.bgAccueil2 { background-image: url(/style/accueil/traitement-vigne-bourgogne-1000.jpg); min-height: 50vw; }

	.bgVins1 { background-image: url(/style/vins/vins-domaine-heresztyn-1000.jpg); }
	.bgVins2 { background-image: url(/style/vins/vin-heresztyn-1000.jpg); min-height: 50vw; }

	.bgParcellaire1, .bgDefaut { background-image: url(/style/parcellaire/vigne-heresztyn-1000.jpg); }

	.bgMillesimes1 { background-image: url(/style/millesimes/bouteille-cave-heresztyn-1000.jpg); }
	.bgMillesimes2 { background-image: url(/style/millesimes/raisins-heresztyn-1000.jpg); min-height: 50vw; }

	.bgRevue1 { background-image: url(/style/revue/premiers-crus-heresztyn-1000.jpg); }
	.bgRevue2 { background-image: url(/style/revue/cave-heresztyn-1000.jpg); min-height: 50vw; }

	.bgGalerie { background-image: url(/style/galerie/goulots-ete-heresztyn-1000.jpg); }

	.bgContact { background-image: url(/style/contact/bottes-heresztyn-1000.jpg); }

	.mColumnReverse { flex-direction: column-reverse; }
	.mCache { display: none; }
	.m1-1 { width: 100%; }
	.m1-2 { width: 50%; }
	.m1-3 { width: 33.33%; }
	.m1-4 { width: 25%; }
	.mLeft { text-align: left; }
	.cn-cookie a.btnAccept, .cn-cookie a.btnDeny {
		position: relative;
		top: inherit;
		display: block;
		right: inherit;
		margin: 10px auto 0 auto;
		max-width: 200px;
		transform: translateY(0);
	}
}

@media all and (max-width: 620px) {

	.bgAccueil1, .bgParcellaire1,
	.bgVins1, .bgMillesimes1, .bgRevue1, .bgGalerie, .bgDefaut{ min-height: 400px; }
	.bgLegende { padding-top: 100px;}

	html, body { overflow-x: hidden; }
	.sColumnReverse { flex-direction: column-reverse; }
	.sCache { display: none; }
	.col1-2, .col1-3, .col2-3, .col1-4, .col3-4, .col1-5 {float: none; width: 100%; }
	.flex1-2, .flex1-3, .flex2-3, .flex1-4, .flex3-4, .flex1-5 {width: 100%;}
	.s1-1 { width: 100%; }
	.s1-2 { width: 50%; }
	.s1-3 { width: 33.33%; }
	.s1-4 { width: 25%; }

	.paddingBig { padding: var(--padding); }
}

@media all and (max-width: 500px) {

	.bgAccueil1 { background-image: url(/style/accueil/cave-heresztyn-mazzini-vins-450.jpg); }
	.bgAccueil2 { background-image: url(/style/accueil/traitement-vigne-bourgogne-450.jpg); }

	.bgVins1 { background-image: url(/style/vins/vins-domaine-heresztyn-450.jpg); }
	.bgVins2 { background-image: url(/style/vins/vin-heresztyn-450.jpg); }

	.bgParcellaire1, .bgDefaut { background-image: url(/style/parcellaire/vigne-heresztyn-450.jpg); }

	.bgMillesimes1 { background-image: url(/style/millesimes/bouteille-cave-heresztyn-450.jpg); }
	.bgMillesimes2 { background-image: url(/style/millesimes/raisins-heresztyn-450.jpg); }

	.bgRevue1 { background-image: url(/style/revue/premiers-crus-heresztyn-450.jpg); }
	.bgRevue2 { background-image: url(/style/revue/cave-heresztyn-450.jpg); }

	.bgGalerie { background-image: url(/style/galerie/goulots-ete-heresztyn-450.jpg); }

	.bgContact { background-image: url(/style/contact/bottes-heresztyn-450.jpg); }

	.popupImg:nth-child(1) {
		background-image: url(/style/accueil/raisin-heresztyn-450.jpg);
	}
	.popupImg:nth-child(2) {
		background-image: url(/style/accueil/goulot-bout-heresztyn-450.jpg);
	}
	.popupImg:nth-child(3) {
		background-image: url(/style/accueil/clos-st-denis-heresztyn-450.jpg);
	}

}