@charset "iso-8859-1";
/* CSS Document */

@charset "iso-8859-1";
/* CSS Document */

body {
	background-color: #32353B !important;
}

/* polices */

@font-face {
    font-family: 'byron';
    src: url('/fonts/byronmedium-webfont.eot');
    src: url('/fonts/byronmedium-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/byronmedium-webfont.woff2') format('woff2'),
         url('/fonts/byronmedium-webfont.woff') format('woff'),
         url('/fonts/byronmedium-webfont.ttf') format('truetype'),
         url('/fonts/byronmedium-webfont.svg#byron_mediumregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

#btle {
position: absolute;
bottom: 26px;
left:-120px;
}

#texteIndex,
#texte1,
#pied,
.blocart
 { font-family:Quicksand !important}

.fs {
  height: 100vh; }

.slide {
  color: #ffffff;
  position: relative; }
  
	.bcg {
	  background: no-repeat center center;
	  background-size: cover;
	  position: absolute;
	  width: 100%;
	  height: 100%;
	  opacity: 1; }

	  #visuel01 .bcg {
		background:  url(images/fond-vignoble.jpg) no-repeat center top;
		background-size: cover; }

#trigger2 {
	position: relative;
	top: 100px;
}
#pinned-trigger2 {
	position: relative;
}

#imageAnim {
	bottom: -10px;
left: 0px;
position: absolute;}

#texte1.texte {font-size:4vh; color:#fff; line-height:145%; opacity:0.9; position:relative; text-align:center}
#texte2.texte, #texte3.texte, #texte4.texte {
	font-size: 2.5rem;
color: #a2865a;
line-height: 100%;
padding: 10px;
text-align: center;
font-family: Quicksand;
	}

#texteIndex {font-size:3vh; color:#eee; line-height:145%; opacity:0.9; position:relative; text-align:center}

#texteAction {

}


#texteAction a {
background-color:#75151E;
border-radius: 50px;
color: #fff;
display: block;
height: 60px;
margin: 30px auto auto;
padding: 5px;
width: 60px;
}

#texteAction a:hover {
	background-color: #B39752;

box-shadow: 0 0 14px rgba(0, 0, 0, 0.3);
color: #fff;
transition:all 0.5s ease 0s;
}


.centrerVertical {
	display:flex;
	align-items:center;
}

.zoning {
	min-height: 100vh;
	position:relative;
	overflow:hidden;
}

.zoningBreak {
	min-height: 50vh;
	position:relative;
}



.demo{
  width:50%;
  height:100vh;
  overflow:hidden;
  position:absolute;
  right:0;
  bottom:0px
  
}
.bubble{
  border-radius: 50%;
  position: absolute;
  opacity:0.5;
}

.smallBubble{
    width:5px;
    height:5px; 
    background-color:#bfb470;
}

.mediumBubble{
    width:10px;
    height:10px;
    background-color:#bfb470;
}

.largeBubble{
    width:20px;
    height:20px;
  background-color:#bfb470;
}

#ligneClient { opacity:0; }


#logoChampagneVI {
left:20;
position: absolute;
z-index:10;
opacity:0;
top:120px;
}

#logoChampagne 	{ position: absolute; right: -100px; opacity: 0; top: 120px; z-index: 10; }
#HVE 			{ position: absolute; right: -100px; opacity: 0; top: 225px; z-index: 10; }

#VDC { 	position: relative; opacity: 0; left:-10px;}

@media screen and (min-width: 1024px) {
	/* ordinateur */
	#contentAccueil {background-image: url('images/fond-index.webp'); background-position: left bottom;background-repeat: no-repeat;background-size: cover;}
	#cadreNoir{ background-color: rgba(0, 0, 0, 0.75);
		height: 100vh;
		margin: 0;
		opacity: 0;
		position: absolute;
		top: 0;
		width: 100vw;}
	#logoIndex { width:50vh; margin:auto; opacity:0}
}


@media screen and (max-width: 1024px) {
	/* tablette  */
	#contentAccueil {background-image: url('images/fond-index.webp'); background-position: left bottom;background-repeat: no-repeat;background-size: cover;}
	#cadreNoir{background-color: rgba(0, 0, 0, 0.25);
		height: 100vh;
		margin: 0;
		opacity: 0;
		position: absolute;
		top: 0;
		width: 100vw; }
	#logoIndex { width:50vh; margin:auto; opacity:0;}
}

@media screen and (max-width: 768px) {
	/* mobile ou tablette portrait */
	#contentAccueil {background-image: none;}
	#cadreNoir{ padding: 4%; margin:1%; opacity:0; height:100vh; }
	.introAccueil p { padding:50px;}
	#logoIndex { width:75vw; margin:70px auto auto;}
	.ligneClient { font-size:0.8em;text-align: center !important; padding: 3px !important;}
}