@charset "utf-8";
@import url(https://db.onlinewebfonts.com/c/b649c150be4dc8a1806987907b6536b8?family=Helvetica+Neue+LT+W05+75+Bold); 
@import url(https://db.onlinewebfonts.com/c/bd5e1f66dd4636249e49ef9c3f0958c0?family=Helvetica+Neue+LT+Pro+35+Thin);
@import url(https://db.onlinewebfonts.com/c/10414a92353634a54b080a9091753756?family=W05);

@font-face {
    font-family: 'helveticaneue_lt_35_thinRg';
    src: url('font/helveticaneue_lt_35_thin_regular-webfont.woff2') format('woff2'),
         url('font/helveticaneue_lt_35_thin_regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@import url('https://fonts.googleapis.com/css2?family=Barlow:wght@100&display=swap');

.conteneur-portrait{
	
}

.body-portrait{
	font-family:none ;
	font-size:none;
	text-align: none;
	background-color:#756e6a;	
}
.body-wakeboard{
	font-family:none ;
	font-size:none;
	text-align: none;
	background-color:#7e7f6d;
}
.body-paysage{
	font-family:none ;
	font-size:none;
	text-align: none;
	background-color:#866769;
}

#bandeau-haut{
	background-color:#FFFFFF;
	margin: 0 0 0 0;
	padding-top:0.7rem;
	padding-bottom:0.7rem ;
	position: fixed;
	z-index: 1000;
	right: 0;
  	top: 0;
  	width: 100%;
  	
}

body{
	margin: 0 0 0 0;
}

#menu{
	color:#000000;
	font-family:arial;
	margin:auto;
	
}

#menu td{
	border-spacing:3rem 0;
	padding: 0 3rem;
}

#menu a{
	color:#afaeb1;
	font-family:"Helvetica Neue LT W05 75 Bold";
	text-decoration: none;
	/*font-size:17px;*/
	text-transform: uppercase;
	/*font-size:1.2rem;*/
	font-size: .875rem;
	line-height: .875rem;
	letter-spacing: calc(130em / 1000);
}
#menu a:hover{
	color:#000000;
	font-family:"Helvetica Neue LT W05 75 Bold";
	text-decoration: none;
	/*font-size:17px;*/
	text-transform: uppercase;
	/*font-size:1.2rem;*/
	text-decoration-line: underline;
	text-decoration-color:#000000;
	font-size: .875rem;
	line-height: .875rem;
	letter-spacing: calc(130em / 1000);
}

#alaune{
	font-family:"Helvetica Neue LT W05 75 Bold";
	text-align:left;
	font-size: 5rem;
	color:#414040;
	text-decoration: none;
	margin-left:10%;
	text-transform: uppercase;
	
}

#galerie{
	font-family:"Barlow";
	text-align:left;
	font-size: 50px;
	color:#414040;
	text-decoration: none;
	margin-left:10%;
	font-style:normal;
	text-rendering: optimizeLegibility;
	font-weight:normal;
	color:#908F93; 
}

#bandeau-sous-menu{
	height: 7rem;
	
}
.bandeau-sous-menu-galerie-wakeboard{
	height: 5rem; 
}
.bandeau-sous-menu-galerie-portrait{
	height:5rem;
}
.bandeau-sous-menu-galerie-paysage{
	height:5rem;
}
#book{
	margin-left: 100px;
	margin-right:100px;
	
	
}
#book td{
	border-spacing: 20px 0;
	
	
}
#titre-image{
	font-family:"Barlow";
	text-align:left;
	font-size: 50px;
	color:#414040;
	text-decoration: none;
	margin-left:7%;
}

#description-image{
	font-family:"Barlow";
	text-align:left;
	font-size: 30px;
	color:#414040;
	text-decoration: none;
	margin-left:7%;
	margin-right:7%;
}

#presentation-site{
	margin-bottom:10%;
	margin-top:5%;
	margin-left:5%;
	margin-right:5%;
	background-color:#7e7f6d;
  	clear: both;
	content: "";
	display:flex;
	height: 780px;
}
.mon-bouton-14 {
	border: solid #FFFFFF 1px ;
	font-size: 14px;
	padding: 10px;
	/* width: 30% ;*/
	text-align: center ;
	text-decoration: none;
	color:#DADADA;
	font-family:"helveticaneue_lt_35_thinRg",Helvetica Neue,Helvetica,Roboto,Arial,sans-serif;
	margin-left:7%;
	margin-right:5%;
}

.mon-bouton-24 {
	border: solid #FFFFFF 1px ;
	font-size: 24px;
	padding: 10px;
	/* width: 30% ;*/
	text-align: center ;
	text-decoration: none;
	color:#DADADA;
	font-family:"helveticaneue_lt_35_thinRg",Helvetica Neue,Helvetica,Roboto,Arial,sans-serif;
	margin-left:7%;
	margin-right:5%;
}

#presentation-site-image{
	float: left;
	
}

/*---------------------Titre---------------------*/


.h1-image{
	font-family:"Barlow";
	font-size:85px;
	color:#E0E0DB;
	float: left;
	margin-left:5%;
	margin-right:5%;
	margin-top:5%;	
}
.h2-image{
	font-family:"helveticaneue_lt_35_thinRg",Helvetica Neue,Helvetica,Roboto,Arial,sans-serif;
	font-size:30px;
	color:#CACAC1;
	float: left;
	margin-left:5%;
	margin-right:5%;

}
.h1-image-galerie-55{
	font-family:"Barlow";
	font-size:55px;
	color:#DADADA;
	float: left;
	margin-left:7%;
	margin-right:10%;
	margin-top:5%;
	margin-bottom: 10px;
}
.h1-image-galerie-35{
	font-family:"Barlow";
	font-size:35px;
	color:#DADADA;
	float: left;
	margin-left:7%;
	margin-right:10%;
	margin-top:5%;
	margin-bottom: 2%;
}
.h1-image-galerie-45{
	font-family:"Barlow";
	font-size:45px;
	color:#DADADA;
	float: left;
	margin-left:7%;
	margin-right:10%;
	margin-top:5%;
	margin-bottom: 2%;
}
.h2-image-galerie-16{
	font-family:"helveticaneue_lt_35_thinRg",Helvetica Neue,Helvetica,Roboto,Arial,sans-serif;
	font-size:16px;
	color:#DADADA;
	float: left;
	margin-left:7%;
	margin-right:10%;
	margin-top: 2%;

}
.h2-image-galerie-20{
	font-family:"helveticaneue_lt_35_thinRg",Helvetica Neue,Helvetica,Roboto,Arial,sans-serif;
	font-size:20px;
	color:#DADADA;
	float: left;
	margin-left:7%;
	margin-right:10%;
	margin-top: 2%;

}
.h2-image-galerie-22{
	font-family:"helveticaneue_lt_35_thinRg",Helvetica Neue,Helvetica,Roboto,Arial,sans-serif;
	font-size:22px;
	color:#DADADA;
	float: left;
	margin-left:7%;
	margin-right:10%;
	margin-top: 2%;

}
.h2-image-galerie-24{
	font-family:"helveticaneue_lt_35_thinRg",Helvetica Neue,Helvetica,Roboto,Arial,sans-serif;
	font-size:24px;
	color:#DADADA;
	float: left;
	margin-left:7%;
	margin-right:10%;
	margin-top: 2%;

}
/*---------------------Génréral---------------------*/

.image-propriete-left{
	float:left;
}
.image-propriete-right{
	float:right;
}

/*---------------------Wakeboard---------------------*/

.galerie-propriete-wakeboard-1{
	margin-top:5%;
	margin-left:5%;
	margin-right:5%;
	background-color:#63674c;
  	clear: both;
	content: "";
	display:flex;
	height: 600px;
}
.galerie-propriete-wakeboard-2{
	margin-left:5%;
	margin-right:5%;
	background-color:#84878c;
  	clear: both;
	content: "";
	display:flex;
	height: 600px;
}
.galerie-propriete-wakeboard-3{
	margin-left:7.5%;
	margin-right:7.5%;
	background-color:#8b887a;
  	clear: both;
	content: "";
	display:flex;
	height: 550px;
}
.galerie-propriete-wakeboard-4{
	margin-left:5%;
	margin-right:5%;
	background-color:#787b6d;
  	clear: both;
	content: "";
	display:flex;
	height: 600px;
}
.galerie-propriete-wakeboard-5{
	margin-left:15%;
	margin-right:15%;
	background-color:#747455;
  	clear: both;
	content: "";
	display:flex;
	height: 500px;
}
.galerie-propriete-wakeboard-6{
	margin-left:5%;
	margin-right:5%;
	background-color:#909396;
  	clear: both;
	content: "";
	display:flex;
	height: 600px;
}



.degrader-wakeboard-1{
	background-color:#7e7f6d; 
}
#degrader-wakeboard-2{
	background:linear-gradient(0deg,#84878c,#7e7f6d);
	height:10rem;
}
#degrader-wakeboard-3{
	background-color:#84878c;
}
#degrader-wakeboard-4{
	background:linear-gradient(0deg,#787b6d,#84878c);
	height:10rem;
}
#degrader-wakeboard-5{
	background-color:#787b6d;
}
#degrader-wakeboard-6{
	background:linear-gradient(0deg,#909396,#787b6d);
	height:10rem;
}
#degrader-wakeboard-7{
	background-color:#909396;
}
#degrader-wakeboard-8{
	background-color:#909396;
	height:10rem;
}


/*---------------------Portrait---------------------*/



#degrader-portrait-1{
	background-color:#756e6a;
}
#degrader-portrait-2{
	background:linear-gradient(0deg,#90916b,#756e6a);
	height:10rem;
}
#degrader-portrait-3{
	background-color:#90916b;
}
#degrader-portrait-4{
	background:linear-gradient(0deg,#a3a08b,#90916b);
	height:10rem;
}
#degrader-portrait-5{
	background-color:#a3a08b;
}
#degrader-portrait-6{
	background:linear-gradient(0deg,#696d72,#a3a08b);
	height:10rem;
}
#degrader-portrait-7{
	background-color:#696d72;
}
#degrader-portrait-8{
	background:linear-gradient(0deg,#a2a0a5,#696d72);
	height:10rem;
}
#degrader-portrait-9{
	background-color:#a2a0a5;
}
#degrader-portrait-10{
	background:linear-gradient(0deg,#8d7c72,#a2a0a5);
	height:10rem;
}
#degrader-portrait-11{
	background-color:#8d7c72;
}
#degrader-portrait-12{
	background:linear-gradient(0deg,#7d7045,#8d7c72);
	height:10rem;
}
#degrader-portrait-13{
	background-color:#7d7045;
}
#degrader-portrait-14{
	background:linear-gradient(0deg,#6a615e,#7d7045);
	height:10rem;
}
#degrader-portrait-15{
	background-color:#6a615e;
}
#degrader-portrait-16{
	background-color:#6a615e;
	height:10rem;
}
.galerie-propriete-portrait-1{
	margin-top: 5%;
	margin-left:5%;
	margin-right:5%;
	background-color:#756e6a;
  	clear: both;
	content: "";
	display:flex;
	height: 700px;
}
.galerie-propriete-portrait-2{
	margin-left:5%;
	margin-right:5%;
	background-color:#90916b;
  	clear: both;
	content: "";
	display:flex;
	height: 700px;
}
.galerie-propriete-portrait-3{
	text-align: center;
	
}
.galerie-propriete-portrait-4{
	margin-left:5%;
	margin-right:5%;
	background-color:#696d72;
  	clear: both;
	content: "";
	display:flex;
	height: 700px;
}
.galerie-propriete-portrait-5{
	margin-left:5%;
	margin-right:5%;
	background-color:#a2a0a5;
  	clear: both;
	content: "";
	display:flex;
	height: 700px;
}.galerie-propriete-portrait-6{
	text-align: center;
}
.galerie-propriete-portrait-7{
	margin-left:5%;
	margin-right:5%;
	background-color:#7d7045;
  	clear: both;
	content: "";
	display:flex;
	height: 700px;
}.galerie-propriete-portrait-8{
	margin-left:5%;
	margin-right:5%;
	background-color:#6a615e;
  	clear: both;
	content: "";
	display:flex;
	height: 700px;
}

/*---------------------Paysage---------------------*/


#degrader-paysage-1{
	background-color:#866769;
}
#degrader-paysage-2{
	background:linear-gradient(0deg,#653940,#866769);
	height:10rem;
}
#degrader-paysage-3{
	background-color:#653940;
}
#degrader-paysage-4{
	background:linear-gradient(0deg,#865b50,#653940);
	height:10rem;
}
#degrader-paysage-5{
	background-color:#865b50;
}	
#degrader-paysage-6{
	background:linear-gradient(0deg,#c66a39,#865b50);
	height:10rem;
}
#degrader-paysage-7{
	background-color:#c66a39;
}
#degrader-paysage-8{
	background:linear-gradient(0deg,#865b50,#c66a39);
	height:10rem;
}


.galerie-propriete-paysage-1{
	margin-top: 5%;
	margin-left:5%;
	margin-right:5%;
	background-color:#866769;
  	clear: both;
	content: "";
	display:flex;
	height: 700px;
}
.galerie-propriete-paysage-2{
	margin-left:5%;
	margin-right:5%;
	background-color:#653940;
  	clear: both;
	content: "";
	display:flex;
	height: 800px;
}
.galerie-propriete-paysage-3{
	text-align: center
}
.galerie-propriete-paysage-4{
	margin-left:5%;
	margin-right:5%;
	background-color:#c66a39;
  	clear: both;
	content: "";
	display:flex;
	height: 800px;
}
/*------------------------------Slider------------------------------------*/

* {box-sizing:content-box}

/* Slideshow container */
.slideshow-container {
  max-width: 200%;
  position:relative;
  margin-left:5%;
  margin-right:5%;
  margin-top:none;
}



/* Hide the images by default */
.mySlides {
  display: none;
}

/* Next & previous buttons */
.prev, .next {
  cursor: pointer;
  position: absolute;
  top: 50%;
  width: auto;
  margin-top: -22px;
  padding: 16px;
  color: white;
  font-weight: bold;
  font-size: 18px;
  transition: 0.3s ease;
  border-radius: 0 3px 3px 0;
  user-select: none;
}

/* Position the "next button" to the right */
.next {
  right: 0;
  border-radius: 3px 0 0 3px;
}

/* On hover, add a black background color with a little bit see-through */
.prev:hover, .next:hover {
  background-color: rgba(0,0,0,0.8);
}

/* Caption text */
.text {
  color: #f2f2f2;
  font-size: 15px;
  padding: 8px 12px;
  position: absolute;
  bottom: 8px;
  width: 100%;
  text-align: center;
  font-family:"Helvetica Neue LT W05 75 Bold";
  text-transform:none;
}

/* Number text (1/3 etc) */
.numbertext {
  color: #f2f2f2;
  font-size: 12px;
  padding: 8px 12px;
  position: absolute;
  top: 0;
  font-family:"Helvetica Neue LT W05 75 Bold";
  text-transform: uppercase;
}

/* The dots/bullets/indicators */
.dot {
  cursor: pointer;
  height: 15px;
  width: 15px;
  margin: 0 2px;
  background-color: #bbb;
  border-radius: 50%;
  display: inline-block;
  transition: background-color 0.6s ease;
}

.active, .dot:hover {
  background-color: #717171;
}

/* Fading animation */
.fade {
  animation-name: fade;
  animation-duration: 1s;
}

@keyframes fade {
  from {opacity: .4}
  to {opacity: 1}
}




.presentation-site-slider{
	margin-top:5%;
	margin-left:5%;
	margin-right:5%;
	background-color:#7e7f6d;
  	clear: both;
	content: "";
	display:flex;
	height: 550px;
}

.presentation-site-image-slider{
	float: left;
	
}

.slideshow-container-site {
  max-width: 200%;
  position:relative;
  margin-left:0;
  margin-right:0;
  margin-top:none;
}
.presentation-site-texte-slider{
	display:grid;
	
}
.mon-bouton-24-slider {
	border: solid #FFFFFF 1px ;
	font-size: 24px;
	padding: 10px;
	/* width: 30% ;*/
	text-align: center ;
	text-decoration: none;
	color:#DADADA;
	font-family:"helveticaneue_lt_35_thinRg",Helvetica Neue,Helvetica,Roboto,Arial,sans-serif;
	margin-left:7%;
	margin-right:5%;
	border-width: 1px
}