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

.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 bottom;
		background-size: cover; }

#trigger2 {
	position: relative;
	top: 100px;
}
#pinned-trigger2 {
	position: relative;
}
#texte1.texte {font-size:4.0vh; color:#fff; line-height:145%; opacity:0.9; position:relative; text-align:center}
#texte2.texte, #texte3.texte, #texte4.texte {font-size:4.3vh; color:rgba(0, 0, 0, 0.5); line-height:145%; padding:10px; text-align:center}


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

.zoning {
	position:relative;
	overflow:hidden;
	background-color: #DFDBE5;
background-color: #f3f3f3;
background-color: #f3f3f3;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 100 100'%3E%3Cg fill-rule='evenodd'%3E%3Cg fill='%237d7d7d' fill-opacity='0.4'%3E%3Cpath opacity='.5' d='M96 95h4v1h-4v4h-1v-4h-9v4h-1v-4h-9v4h-1v-4h-9v4h-1v-4h-9v4h-1v-4h-9v4h-1v-4h-9v4h-1v-4h-9v4h-1v-4h-9v4h-1v-4H0v-1h15v-9H0v-1h15v-9H0v-1h15v-9H0v-1h15v-9H0v-1h15v-9H0v-1h15v-9H0v-1h15v-9H0v-1h15v-9H0v-1h15V0h1v15h9V0h1v15h9V0h1v15h9V0h1v15h9V0h1v15h9V0h1v15h9V0h1v15h9V0h1v15h9V0h1v15h4v1h-4v9h4v1h-4v9h4v1h-4v9h4v1h-4v9h4v1h-4v9h4v1h-4v9h4v1h-4v9h4v1h-4v9zm-1 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-9-10h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm9-10v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-9-10h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm9-10v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-9-10h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm9-10v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-9-10h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9z'/%3E%3Cpath d='M6 5V0H5v5H0v1h5v94h1V6h94V5H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}

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


#logoChampagne {
right:0;
position: absolute;
z-index:10;
opacity:0;
}


@media screen and (min-width: 1024px) {
	/* ordinateur */
	#contentAccueil {}
	#cadreNoir{ padding: 4%; margin:0 10% 0 10%; opacity:0; background-color:#fff; z-index:-1; }
}


@media screen and (max-width: 1024px) {
	/* tablette  */
	#contentAccueil {}
	#cadreNoir{ padding: 4%; margin:0 10% 0 10%; opacity:0;  background-color:#fff;
}

@media screen and (max-width: 768px) {
	/* mobile ou tablette portrait */
	#contentAccueil {background-image: none;}
	#cadreNoir{ padding: 4%; margin:1%; opacity:0; height:100vh;  background-color:#fff;}
	.introAccueil p { padding:50px;}
}