p {
  font-family: Roboto;
  font-weight: 300;
}

.featherlight iframe {
  border: medium none;
  height: 100%;
  width: 100%;
}

script.featherlight-inner,
style.featherlight-inner {
	display:none !important;
}

.line {
	position:relative;
	transition:all .8s ease;
	left:-200px; 
	opacity:0;
	/*overflow:hidden;*/
}

.swiper-slide-active .line {
   
	transition:all .8s ease;
	left:0px;
	opacity:1;
}


.swiper-slide-active .line[index="1"] { transition-delay:1.0s;}

.swiper-slide-active .line[index="2"] {transition-delay:1.2s;}

.swiper-slide-active .line[index="3"] {transition-delay:1.4s;}

.swiper-slide-active .line[index="4"] {transition-delay:1.6s;}

.swiper-slide-active .line[index="5"] {transition-delay:1.8s;}


html, body {
        position: relative;
        height: 100%;
	
    }

* {
	  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;}

body{
	
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}

#map { height: 400px; width: 100%; }


.container-fluid {
  height: 100%;
}

.disable-hover {
  pointer-events: none !important;
}

.blaz-center {
  background-image: url("../img/blaz-all.svg"), url("../img/bg-paper.jpeg");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 50% auto, cover;
}

.blaz-left{ background-image: url("../img/blaz-left.svg"), url("../img/bg-paper.jpeg");
  background-position: left center;
  background-repeat: no-repeat;
  background-size: 50% auto, cover;}

.blaz-right {
  background-image: url("../img/blaz-right.svg"), url("../img/bg-paper.jpeg");
  background-position: right center;
  background-repeat: no-repeat;
  background-size: 50% auto, cover;
	
}


.boximg{ background-repeat:no-repeat; background-size:cover; position:absolute; top:0; left:0; right:0; bottom:0; background-position:center;}

.gamme{ position:relative; /*height: 40%;*/}
.gamme .row{position:relative;/* height: 100%;*/}

.imgbtl .boximg {
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute;
    top: 30px;
    left: 30px;
    right: 30px;
    bottom: 30px;
    background-position: center;
}



.popinner p {
  color: #000;
  margin: 0;
  padding: 0;
  text-align: center;
 /* text-shadow: 0 0 40px #000;*/
}

.popinner > h1 {
	color:#000;
  display: block;
  font-size: 60px;
  margin: 0 auto;
  text-align: center;
 /* text-shadow: 0 0 30px #000;*/
}

/*.popinner:after{ position:absolute; top:0; bottom:0; left:0; right:0; content:""; background-color:rgba(0,0,0,0.50);}*/
.nopad{ padding:0 !important;}
.nopad .nopad .col, .nopad .row{ padding:0 !important; margin:0;}


.row {
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
.row .col {

  padding: 0;
}

.gamme .row .col {
  height: 100%;
  position: relative;
}

.btl a .boximg {
  height: 40vh;
  position: relative;
  transform: scale(1);
  transition: all 0.5s ease 0s;
}
.btl a:hover .boximg{ transform: scale(1.1); transition: all .5s ease;}

.gamme .row .col a h2 {
  bottom: -15%;
  color: #ffffff;
  display: block;
  font-family: cinzel;
  font-size: 1.5em;
  left: -15%;
  margin: 0 auto;
  opacity: 0;
  position: absolute;
  right: 0;
  text-align: center;
  transition: all 0.5s ease 0s;
  width: 130%;
  pointer-events: none;
}

.gamme .row .col a h2::after {
  background-color: #f9d793;
  bottom: -10px;
  content: "";
  height: 2px;
  left: 0;
  margin: 0 auto;
  position: absolute;
  right: 0;
  width: 50%;
}

.cache{ display: none;}

.gamme .row .col a:hover h2 {
	opacity: 1

}

.btn, .btn-large {
  background-color: #f9d793;
  display: inline-block !important;
}

.btn:hover, .btn-large:hover {
  background-color: #f9d793;
	letter-spacing: 3px;
}

nav {
  background-color:transparent;
box-shadow: none;
}
.navbar-fixed {

  position: fixed;

}

.navbar-fixed .nav-wrapper ul {
  padding-left: 4%;
  padding-top: 4%;
}

nav ul a {
  color: #fff;
  cursor: pointer;
  display: block;
  font-family: cinzel;
  font-size: 1vw;
  font-weight: 900;
  letter-spacing: 3px;
  padding: 0 10px;
  text-transform: uppercase;
  transition: background-color 0.3s ease 0s;
}

nav ul li{ position: relative;}

a {
   outline: 0;
}


#menu li a::after{opacity:.0;
	transition:all 1s ease;
  background-color: #f9d793;
  bottom: 0;
  content: "";
  display: block;
  height: 2px;
  left: 0;
  position: absolute;
  right: 0;
  width: 100%;}

#menu li a.lienactif::after {
	opacity:1;
	transition:all 1s ease;
  background-color: #f9d793;
  bottom: 0;
  content: "";
  display: block;
  height: 2px;
  left: 0;
  position: absolute;
  right: 0;
  width: 100%;
}

.fullheight {
    height: 100%;
    position: relative;
}


.trig::after {
  background-color: rgba(0, 0, 0, 0.25);
  bottom: 0;
  content: "";
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  transition:all .5s ease;
}


.trig.trigon::after {
  background-color: rgba(0, 0, 0, .1);
  bottom: 0;
  content: "";
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}
.trig {
  perspective: 600px;
  overflow:hidden;
}

.disable-hover {
  pointer-events: none !important;
}


.trig .boximg{ transform:translateZ(0px); transition:all .8s ease;}
.trig.trigon .boximg{ transform:translateZ(100px); transition:all .8s ease;}

.imgboxtrig {
	display: block;
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	
}

.imgboxtrig .trig{transition: all 0.8s ease 0s !important;}

h1 {
  color: #ffffff;
  font-family: "Cinzel",serif;
  font-size: 6vw;
  position:relative;
}



.popinner {
  
  margin: 0 auto;
  padding: 30px;
}
.popcontenu {
  align-items: center;
  bottom: 0;
  display: flex;
  height: 50%;
  left: 0;
  margin: 0 auto;
  opacity: 0;
  pointer-events: none;
  position: absolute;
  right: 0;
  transition: opacity 0.5s ease 0s;
  width: 66%;
  z-index: 1;
}
.visible{ opacity:1;}



.texte .bouton {
  color: #ffffff;
  font-family: helvetica;
  font-size: 1.2vw;
  font-weight: 700;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.38);
}

.logoimgcontact {
    max-width: 230px !important;
    margin: 0 auto;
    display: block;
}


.parallax-bg {
  background-position: center bottom;
  background-size: cover;
  height: 100%;
  left: 0;
  position: absolute;
  right: 0;
  width: 150%;
}

.h100{overflow: hidden;}
.h50{overflow: hidden; position: relative;}
.spacerh50{overflow: hidden; position: relative; pointer-events: none;}

#slideshowWrapper {
 /* bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
	width: 100%;*/
}

#slideshowWrapper > ul {
  bottom: 0;
  left: 0;
  margin: 0;
  position: absolute !important;
  right: 0;
  top: 0;
	height: 100% !important;
	width: 100% !important;
}

/*#slideshowWrapper > ul li {
  bottom: 0;
  left: 0;
  margin: 0;
  position: absolute !important;
  right: 0;
  top: 0;
	height: 100% !important;
	width: 100% !important;
}*/

#fssList{ display:none; }


.slick-next {
	z-index: 10;
    right: 15px;
}

.slick-prev {
	z-index: 10;
    left: 15px;
}


.arbre{ position:absolute;}
.arbre img {
  height: 100%;
}

.swiper-button-prev, .swiper-container-rtl .swiper-button-next {
  background-color: #f9d793;
  background-image: url("../img/prev_1.svg");
  left: 0;
  margin: -30px 0 0;
  padding: 30px;
  right: auto;
}


.swiper-button-next, .swiper-container-rtl .swiper-button-prev {
	background-color: #f9d793;
  background-image: url("../img/next_1.svg");
  left: auto;
  right: 0px;
    margin: -30px 0 0;
  padding: 30px;
}

.swiper-button-next, .swiper-button-prev { position: fixed;}

.logobox{  
	position: relative;
    text-align: center;
    z-index: 1;
}
.logobox .valign{ margin: 0 auto;}
.logobox .valign > * {
  display: block;
}


.gros-titre{ overflow: visible; margin:0 auto;
 color: #ffffff;
  font-family: "Cinzel",serif;
  font-size: 5vw;
text-shadow: 0px 0px 50px black;
}


.whitebg{ background-color:#fff;}

.texte {
  font-family: times new roman;
  font-size: 17px;
	font-size: 2.2vh;
  padding: 4vw !important;
}

.featherlight:last-of-type {
    background: rgba(0, 0, 0, 0.3);
}

.featherlight p {
  font-size: 16px;
}

.gros-titre::after { display: none;}

.fondgamme{ position: absolute; top: 0; left: 0; bottom: 0; right: 0; background-image: url("../img/blason-alpha.png"); background-position: center right; background-size: contain; background-repeat: no-repeat;}
.parabox {
  bottom: 0;
  top: 0;
  width: 100%;
}

.overflowhidden {
  bottom: 0;
  left: 0;
  overflow: hidden;
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
}

.paraobj img {
  vertical-align: bottom;
}
.relative{position:relative;}

.col.imgbtl{ height: 100%; padding: 0 !important;}

	#menu nav::after {
	content: "";
	display: block;
	height: 200px;
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
	z-index: -1;
	background-image: -webkit-linear-gradient(270deg,rgba(0,0,0,0.48) 25.48%,rgba(0,0,0,0.00) 100%);
	background-image: -moz-linear-gradient(270deg,rgba(0,0,0,0.48) 25.48%,rgba(0,0,0,0.00) 100%);
	background-image: -o-linear-gradient(270deg,rgba(0,0,0,0.48) 25.48%,rgba(0,0,0,0.00) 100%);
	background-image: linear-gradient(180deg,rgba(0,0,0,0.48) 25.48%,rgba(0,0,0,0.00) 100%);
}
.descbtl {
  height: 100%;
}
.descbtl h2 {
    font-family: Cinzel;
    font-size: 1.4vw;
    font-weight: 600;
    letter-spacing: 1px;
}
.descbtl .col {
    padding: 0% 4%;
}



.featherlight .featherlight-content {
    height: 80%;
    background-image: url(../img/bg-paper.jpeg) !important;
   
    position: absolute;
    bottom: 0;
    left: 6%;
    right: 6%;
	margin: 0;
	border: 0;
	padding: 0;
	-webkit-overflow-scrolling: touch;
}

#brut-reserve .imgbtl{background-image: url(../img/vignoble.jpg);}
#demi-sec .imgbtl{background-image: url(../img/vignoble.jpg);}
#rose .imgbtl{background-image: url(../img/vignoble.jpg);}
#bdb .imgbtl{background-image: url(../img/vignoble.jpg);}
#mill2004 .imgbtl{background-image: url(../img/vignoble.jpg);}
#brut-prestige .imgbtl{background-image: url(../img/vignoble.jpg);}
#ratafia .imgbtl{background-image: url(../img/vignoble.jpg);}
#fine .imgbtl{background-image: url(../img/vignoble.jpg);}
#marc .imgbtl{background-image: url(../img/vignoble.jpg);}

.swiper-button-next, .swiper-button-prev {
	opacity:0 !important; transition: all .5s ease;
	}

.swiper-button-next.on, .swiper-button-prev.on {
	opacity:1 !important;
	}


nav ul a:hover {
    background-color: rgba(0, 0, 0, 0);
}


.infocontact{background-image: url("../img/contact.jpg"); background-position: center center; background-size: cover; background-repeat: no-repeat;}



.contactbox{opacity:1; visibility: visible; transition: all 1s ease;}
.contactbox.off{opacity:0; visibility: hidden;}


.descbtlbox {
  height: 80vh;
  text-align: center;
	display: grid;
}

.titre-cuvee {
	display: inline-block;
    color: #000000;
    font-family: "Cinzel",serif;
    font-size: 3vw;
    margin: 0 auto 20px;
    overflow: visible;
    text-shadow: none;
	position: relative;
}

.titre-cuvee:after {
  background-color: #f9d793;
  bottom: -10px;
  content: "";
  height: 2px;
  left: 0;
  margin: 0 auto;
  position: absolute;
  right: 0;
  width: 50%;
}


/*------------------------------------------------------*/

@media screen and (max-width: 992px) {
	
	.navbar-fixed .nav-wrapper ul {
  padding-left: 0%;
  padding-top: 4%;
}
	
	.texte {
 
  font-size: 16px;
}
	
	.spacerh50{ display:none;}
	
	#slidecontact .spacerh50{ display: block !important;}
	
	.logobox img {
  max-height: 280px;
  margin: 0 auto;
}
	
	nav .nav-wrapper {
  height: 100%;
  position: relative;
  text-align: center;
}
	
	.hide-on-small-only {
  display: inline-block;
}
	
	
	.parabox {

  height: 50%;

}
	
	.gamme .boximg {

  background-size: auto 70%;

}
	
	
	.gros-titre { text-align: center;}
	
.line:last-child:after {
  background-color: #f9d793;
  border-radius: 20px;
  color: #fff;
  content: "⋁";
  display: block;
  font-size: 16px;
  height: 40px;
  line-height: 40px;
  width: 40px;
	margin: 10px auto 0;
}
	
	#champagnes .line:last-child:after {

  display: none;

}
	
		#spiritueux .line:last-child:after {

  display: none;

}
	
	.swiper-button-next, .swiper-button-prev {
	position: fixed; 
	}
	
	
	
	
	#slideshowWrapper > ul, #slideshowWrapper > ul li {
  	width: 100% !important;
	}
	
	#menu nav::after {
	content: "";
	display: block;
	height: 100px;
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
	z-index: -1;
	background-image: -webkit-linear-gradient(270deg,rgba(0,0,0,0.65) 0%,rgba(0,0,0,0.25) 35.27%,rgba(0,0,0,0.00) 100%);
	background-image: -moz-linear-gradient(270deg,rgba(0,0,0,0.65) 0%,rgba(0,0,0,0.25) 35.27%,rgba(0,0,0,0.00) 100%);
	background-image: -o-linear-gradient(270deg,rgba(0,0,0,0.65) 0%,rgba(0,0,0,0.25) 35.27%,rgba(0,0,0,0.00) 100%);
	background-image: linear-gradient(180deg,rgba(0,0,0,0.65) 0%,rgba(0,0,0,0.25) 35.27%,rgba(0,0,0,0.00) 100%);
}
	
	
}

.titrebox {
  overflow: visible;
  padding: 0 20px !important;
}


@media screen and (max-width: 992px) {
	nav ul a {
	  color: #fff;
	  cursor: pointer;
	  display: block;
	  font-family: cinzel;
	  font-size: 12px;
	  font-weight: 900;
	  letter-spacing: 2px;
	  padding: 0 10px;
	  text-shadow: 0 0 10px black;
	  text-transform: uppercase;
	  transition: background-color 0.3s ease 0s;
	}

}


@media screen and (max-width: 768px) {
	
	
	.texte {
  font-family: times new roman;
  font-size: 16px;
  padding: 4vw;
}
	
	
.navbar-fixed .nav-wrapper ul {
  padding-left: 2%;
  padding-top: 2%;
  width: 100%;
}

	
nav ul a {
  color: #fff;
  cursor: pointer;
  display: block;
  font-family: cinzel;
  font-size: 11px;
  font-weight: 900;
  letter-spacing: 0px;
  padding: 0 6px;
  text-shadow: 0 0 10px black;
  text-transform: uppercase;
  transition: background-color 0.3s ease 0s;
}
	
	
}

.featherlight-close {
  background-image: url("../img/close.png") !important;
	background-color: transparent !important;
  background-repeat: no-repeat!important;
  background-size: cover!important;
  color: rgba(0, 0, 0, 0.39)!important;
  height: 50px!important;
  padding-right: 12px!important;
  text-align: right !important;
  width: 50px!important;
  font-size: 20px!important;
  padding-top: 2px!important;
}

/*--------------------------------------------------------------------------*/

@media screen and (max-width: 600px) {
	
	
	
	.featherlight-close {
  background-color: #FAD88E !important;
  background-image: none !important;
  background-repeat: no-repeat;
  background-size: cover;
  color: rgba(0, 0, 0, 0.39);
  font-size: 20px !important;
  height: 50px !important;
  padding-right: 0 !important;
  padding-top: 0px !important;
  text-align: center !important;
  width: 50px !important;
  line-height: 50px !important;
}
	
	.texte .bouton {
  color: #ffffff;
  font-family: helvetica;
  font-size: 2.2vw;
  font-weight: 700;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.38);
}
nav ul {
    margin: 0;
	padding-left: 0 !important;
}
	
	.fond-domaine{ background-position:center center; background-size: cover;}
	
	.featherlight p{
  font-size: 15px;
  }
	.descbtl h2 {
    font-family: Cinzel;
    font-size: 16px;
    font-weight: 600;
    letter-spacing: 1px;
}
	.gamme .row .col a h2{opacity:1;}
	
/*	.overflowhidden {
  bottom: 0;
  left: 0;
  overflow: auto;
  position: relative;
  right: 0;
  top: 0;
  width: 100%;
}*/
	
	.gros-titre {
  max-width: 50%;
  text-align: center;
		  font-size: 5vh;
}
	

	
	#champagnes { background-image: url(../img/fond-gamme-2.jpg); background-size: cover;}
	#champagnes .boximg {
  height: 300px;
  position: relative;
}
	
	.btl{height: auto;}
	.btl a {
  display: block;
  height: auto;
  width: 100%;
}
	.gamme{ height: auto; margin-top:64px; margin-bottom: 64px;}
		.gamme > .row{
  height: auto;
}
	
	.gamme .row .col {
  height: auto;
  position: relative;
}
	
	.gamme .row .col a h2 {

  left: 0;
  margin: 0 auto;
  right: 0;
  text-align: center;
  width: 100%;
		position: relative;
		bottom: 0 !important;
		font-size: 16px;
}
	
#champagnes .row.overflowhidden{ display: none !important;}
	#champagnes .h100{ height: auto !important;}
	
	#menu nav {
 
		height: auto;
}
	
	.nav-wrapper{ background-color: #fff;}
	
	.minilogo {
    display: block;
    height: 50px;
    padding: 6px;
}
	
	.minilogo img {
  height:100%;
  padding: 0;
}
	
	.gros-titre {

  max-width: 70%;
}
	
	#menu nav::after {
  background-image:none !important;
  content: "";

}
	
	.arbre img{ height:auto;}
	
	.paraobj{ width: 80% !important;}
	
	
	.navbar-fixed {
    /*position: relative;*/
}
	
	.navbar-fixed nav {
 /* position: relative;*/
}
	
	.swiper-button-next, .swiper-button-prev {
  bottom: 0 !important;
  height: 40px !important;
  margin: 0;
  padding: 0;
  position: fixed !important;
  top: auto;
  width: 50%;
  background-size: auto 70%;
}
	
	.texte {
  font-family: times new roman;
  font-size: 16px;
  height: auto !important;
  margin-bottom: 40px;
}
	
	.imgbtl .boximg{ max-height:250px; background-size: contain;}
	.col.imgbtl{ height: 360px;}
	
	.h50{overflow: hidden; position: relative;}
	
	
	.mobilenavbox {
    
    
		
	}
	
	.mobilenavbox.on {
	
    
	}
	.ulbox{transition: all .5s ease;
		overflow: hidden;
    width: 100%;
    background-color: white;
    
    margin: 0 !important;
    padding: 0 !important;
		height: calc(0vh);
	
	 align-items: center;
    display: flex;
	
	}
	
	.mobilenav { width: 100%;
}
	.mobilenavbox.on .ulbox{height: calc(100vh - 108px); transition: all .5s ease;}
	
	
	.mobilenav li {
    float: none;
    text-align: center;
    width: 40%;
    display: block;
    margin: 0 auto;
}
	
.mobilenav a {
  color: #000;
  font-size: 13px;
  letter-spacing: 1px;
  padding: 0;
  text-shadow: none;
}
	
	#menutrig {
    position: absolute;
    right: 0;
    top: 0;
    background-color: #f9d793;
    height: 50px;
    width: 50px;
    line-height: 50px;
    
    text-transform: uppercase;
    font-size: 10px;
    letter-spacing: 2px;
    font-weight: 600;
}
	
.gros-titre {
  text-shadow: 0 0 20px rgba(0, 0, 0, 0.56);
}
	
	.featherlight .featherlight-content {
    background-image: url("../img/bg-paper.jpeg") !important;
    background-size: cover;
    border: 0 none;
    bottom: 0;
    height: 100%;
    left: 0;
    margin: 0;
    padding: 0;
    position: absolute;
    right: 0;
    top: 50px;
}
	.featherlight:last-of-type {
    background: rgba(0, 0, 0, 0);
}
	
	
	.barre1{display: block; position: absolute; left: 10px; top:15px; width: 30px; height: 1px; background-color:#fff; padding: 0; margin: 0 auto; }
	.barre2{display: block;  position: absolute; left: 10px; top:25px; width: 30px; height: 1px; background-color:#fff; padding: 0; margin: 0 auto; }
	.barre3{display: block;  position: absolute; left: 10px; top:35px; width: 30px; height: 1px; background-color:#fff; padding: 0; margin: 0 auto; }
	
.contactbox {
  height: 100vh !important;
  left: 0;
  margin: 0 auto;
  right: 0;
  width: 100%;
}
	
	.titre-cuvee {
  color: #000000;
  display: inline-block;
  font-family: "Cinzel",serif;
  font-size: 35px;
  margin: 0 auto;
  overflow: visible;
  position: relative;
  text-shadow: none;
  margin-bottom: 30px;
}
	
	
}



/* ---- Gamme : 7 cuvées sur une ligne (Ratafia ajouté en fin de gamme, nov. 2026) ---- */
@media only screen and (min-width: 601px) {
	#champagnes .gamme .btl { width: 14.2857%; }
}
@media only screen and (max-width: 600px) {
	/* 2 bouteilles par ligne : la 7e (Ratafia) est centrée seule sur la dernière ligne */
	#champagnes .gamme .btl:last-child { float: none; clear: both; margin-left: auto; margin-right: auto; }
}