/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v8.4.14,
* Autoprefixer: v10.4.7
* Browsers: last 4 version
*/

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

html,body
{
	margin: 0px;
	padding: 0px;
	overflow: auto !important;
}

/*footer*/

.footerSection1
{
	background-image: url("../images/fond_footer.png");
	position: absolute;
	bottom: 0px;
	z-index: 10;
	width: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-direction: normal;
    -webkit-box-orient: horizontal;
    -ms-flex-direction: row;
    flex-direction: row;
	line-height:30px;
	color:#FFFFFF;
	font-family:verdana;
	-webkit-box-pack:justify;
			-ms-flex-pack:justify;
				justify-content:space-between;
	text-align:center;
}
.footerSection1>div:nth-child(1)
{
	-webkit-box-flex:1;
	    -ms-flex:1;
	        flex:1;
	
}
.footerSection1 > div {
    padding: 0 10px;
}
.logobas img
{
	height:76px;
}

/**/
/**/
/*CORRECTIFS COLIN*/
/**/
/**/

html.nav-show{
	overflow-y: hidden !important; 
}
body {
	--main-font: "kaffeesatz", sans-serif;
	--title-font :'cormorantinfant', serif;

	--brown : #5E4848;
	--brown-50 : rgb(94, 72, 72, 0.8);
	--browndiv-50: rgba(220, 215, 215, 0.47);
	--btn-color-50:rgba(143, 124, 124, 0.47);
	--btn-color: #8F7C7C;
	--darkblue : #1083A2;
	--lightblue : #0DBACD;
}
.white-div{
	background-color: white;
}
.brown-div{
	background-color: #DCD7D7;
}
.btn-color-div{
	background-color: var(--btn-color);
}
.btn-color-50-div{
	background-color: var(--btn-color-50);
}
.browndiv-50div{
	background-color: var(--browndiv-50);
}
.browndark-div{
	background-color: #8F7C7C;
	border: 1px solid #707070;
}
.darkblue-div{
	background-color: var(--darkblue);
}
.darkblue{
	color: var(--darkblue);
}
.brown{
	color: var(--brown);
}
.brown-50{
	color: var(--brown-50);
}
.text-center{
	text-align: center;
}
.text-start{
	text-align: start !important;
}
.max-fit-content{
	max-width: -webkit-fit-content;
	max-width: -moz-fit-content;
	max-width: fit-content;
	max-height: -webkit-fit-content;
	max-height: -moz-fit-content;
	max-height: fit-content;
}

body#index *:not(.title-font):not(.brown):not(.brown *):not(i):not(.darkblue):not(.txtturquoise){
	color: white;
	font-weight: 400;
}
body#index.nocolor .Tarif *{
	color: #5e4948 !important;
}
body#index p:not(.image-hover-title){
	font-size: 24px;
	letter-spacing: 3.6px;
	font-weight: 300;
	font-family: var(--main-font);
}  
.main-font {
	font-family: var(--main-font);
	font-weight: 300;
	font-style: normal;
	font-size: 24px;
}
.title-font {
	font-family: var(--title-font);
	font-weight: 300;
	font-style: normal;
	font-size: 60px;
}
.letter-spacing-3-6{
	letter-spacing: 3.6px;
}
.flex-column{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
}
.flex-row{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	    -ms-flex-direction: row;
	        flex-direction: row;
}
.justify-content-center {
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
}
.justify-content-start {
	-webkit-box-pack: start;
	    -ms-flex-pack: start;
	        justify-content: start;
}
.justify-content-end {
	-webkit-box-pack: end;
	    -ms-flex-pack: end;
	        justify-content: end;
}
.justify-content-around {
	-ms-flex-pack: distribute;
	    justify-content: space-around;
}
.justify-content-between {
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
}
.align-items-center {
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
}
.align-items-start {
	-webkit-box-align: start;
	    -ms-flex-align: start;
	        align-items: start;
}
.align-items-end {
	-webkit-box-align: end;
	    -ms-flex-align: end;
	        align-items: end;
}
.fit-content {
	width: -webkit-fit-content;
	width: -moz-fit-content;
	width: fit-content;
}
.border-radius {
	border-radius: 60px;
}
.border-radius-26 {
	border-radius: 26px;
}
.margin-left-10px{
	margin-left: 10px;
}
.hover-pointer:hover{
	cursor: pointer;
}
.uppercase{
	text-transform: uppercase;
}
.margin-top0{margin-top: 0;}
.margin-top1{margin-top: 1%;}
.margin-bottom0{margin-bottom: 0;}
.margin-bottom1{margin-bottom: 1%;}
.margin-top3{margin-top: 3%;}
.margin-bottom3{margin-bottom: 3%;}
.margin-top5{margin-top: 5%;}
.margin-bottom5{margin-bottom: 5%;}

header {
	width: 140px;
	height: 100vh;
	position: relative;
	position: fixed;
	left: 0;
	top: 0;
	z-index: 1000000001;
}
header .background-div{
	background-color: var(--darkblue);
	opacity: 0.54;
	position: absolute;
	z-index: -1;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}
#headerVisible {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	width: 100%;
	height: 100%;
	position: relative;
}
.headerContact {
	margin-top: 70vh;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	border: 1px solid white;
	border-radius: 40px;
	bottom: 25vh;
	padding-right: 0;
	position: absolute;
}
.headerContact i{
	color: white;
	font-size: 34px;
	margin: 15px 20px;
}
@media screen and (min-width: 1081px) {
	.header-index-contact *{
		color: var(--brown) !important;
		letter-spacing: 1.7px;
		text-shadow: -1px 0px 0px white;
	}
	.header-index > div{
		padding-top: 10px;
	}
	.index-big-title{
		font-weight: bold !important;
	}
}
@media screen and (min-width: 1601px) {
	body#index #form-hebergement .container{
		width: 801px;
	}
	body#index .form-control{
		max-width: 150px;
	}
	body#index .form-group{
		max-width: 23%;
	}
}
#navigation{
	position: fixed;
	top: 0;
	left: 0;
	width: 100vw;
	height: 100vh;
	-webkit-transition: -webkit-transform 1s ease;
	transition: -webkit-transform 1s ease;
	-o-transition: transform 1s ease;
	transition: transform 1s ease;
	transition: transform 1s ease, -webkit-transform 1s ease;
	-webkit-transform: translateX(-100%);
	    -ms-transform: translateX(-100%);
	        transform: translateX(-100%);
	z-index: 2;
	padding: 3% 10% 5%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
}
#navigation.show{
	-webkit-transform: translateX(0);
	    -ms-transform: translateX(0);
	        transform: translateX(0);
}
.navigation-img{
	z-index: -2;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	opacity: 1;
	height: 100%;
}
.navigation-background{
	opacity: 1;
	backdrop-filter: blur(30px);
	-webkit-backdrop-filter: blur(30px);
	z-index: -1;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}
.logo-nav{
	width: 100%;
	border-bottom: 2px solid white;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
}
.showNavigation-background {
	padding: 2px;
	background-color: var(--brown);
	width: -webkit-fit-content;
	width: -moz-fit-content;
	width: fit-content;
	margin: 26px 20px;
}
.showNavigation {
	padding: 15px 6px;
	border: 1px solid white;
	margin: 5px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	-webkit-box-align: start;
	    -ms-flex-align: start;
	        align-items: start;
	background-color: var(--lightblue);
}
.showNavigation .first-bar, .showNavigation .last-bar{
	width: 43px;
	height: 3px;
	background-color: white;
}
.showNavigation .second-bar{
	background-color: white;
	width: 28px;
	height: 3px;
	margin: 7px 0;
}
.navigation-close > div{
	width: 25px;
	height: 25px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	position: relative;
}
.navigation-close span{
	color: white;
}
.close-first{
	height: 3px;
	width: 25px;
	position: absolute;
	-webkit-transform: rotate(-40deg);
	    -ms-transform: rotate(-40deg);
	        transform: rotate(-40deg);
	background-color: white;
}
.close-last{
	height: 3px;
	width: 25px;
	position: absolute;
	-webkit-transform: rotate(40deg);
	    -ms-transform: rotate(40deg);
	        transform: rotate(40deg);
	background-color: white;
}
.navigation-main{
	font-size: 60px;
	padding-left:10%;
	width: 100%;
	margin-top: 3%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	    -ms-flex-direction: row;
	        flex-direction: row;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	-webkit-box-align: end;
	    -ms-flex-align: end;
	        align-items: end;
	-webkit-box-flex: 1;
	    -ms-flex: 1;
	        flex: 1;
}
.navigation-main > div{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	height: 100%;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
}
.navigation-main a{
	font-family: var(--title-font);
	font-weight: 300;
	font-style: normal;
	color: white;
	text-align: start;
}

.slide-index{
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
}

.header-index{
	width: 100vw;
	height: 123px;
	border-bottom: 2px solid white;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	padding-left: calc(140px + 3%);
	padding-right: 5%;
	padding-top: 10px;
	padding-bottom: 10px;
	margin-bottom: 10px;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
}
.header-index i{
	color: white;
}
.header-index > *{
	font-family: var(--main-font);
	font-weight: 400;
	font-size: 22px;
	height: -webkit-fit-content;
	height: -moz-fit-content;
	height: fit-content;
}
.header-index-logo {
	max-width: -webkit-fit-content;
	max-width: -moz-fit-content;
	max-width: fit-content;
	max-height: -webkit-fit-content;
	max-height: -moz-fit-content;
	max-height: fit-content;
}
.header-index-phone *{
	color: white;
}
.header-index-contact * {
	color: var(--brown);
}
.header-index-lang{
	margin-left: 50px;
}
.header-index-lang div.main .fa-chevron-down{
	transition: all 0.5s ease;
}
.header-index-lang div.main .fa-chevron-down.rotate{
	transform: rotate(180deg);
}
.header-index-lang div.langs{
	bottom: 0;
	transform: translateY(100%);
	overflow: hidden;
	transition: all 0.5s ease;
}

.footer .viewTel
{
  display: none;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  position :fixed;
  bottom: 0;
  width: 100vw;
  z-index: 1;
}
body#index #ascenseur
{	
	display: none;	
	position:fixed;
	right:25px;
	bottom:7%;
	z-index:1001;
	background-color:var(--brown);
	border: 1px solid var(--btn-color);
	padding:15px 0;
	border-radius:5px;
}
body#index #ascenseur a
{
	color:#000;
	padding:15px;
}


/* Texte défilant */
.infinite-text {
	display: block;
	margin-bottom: 10px;
	padding: 0;
	overflow: hidden;
	position: relative;
	width: 100%;
	height: 24px;
}

.infinite-text div {
	position: absolute;
	min-width: 100%; /* au minimum la largeur du conteneur */
}

.infinite-text div span, 
.infinite-text div:after {
	position: relative;
	display: inline-block;
	font-size: 22px;
	white-space: nowrap;
	letter-spacing: 4px;
	font-family: var(--main-font);
	top:0;
}

.infinite-text div span {
	-webkit-animation: defilement 10s infinite linear;
	        animation: defilement 10s infinite linear;
}

.infinite-text div:after {
	position: absolute;
	top:0; left:0;
	content:attr(data-text);
	-webkit-animation: defilement2 10s infinite linear;
	        animation: defilement2 10s infinite linear;
}

@-webkit-keyframes defilement {
0% { margin-left: 0; }
100% { margin-left: -100%; }
}

@keyframes defilement {
0% { margin-left: 0; }
100% { margin-left: -100%; }
}

@-webkit-keyframes defilement2 {
0% { margin-left: 100%; }
100% { margin-left: 0%; }
}

@keyframes defilement2 {
0% { margin-left: 100%; }
100% { margin-left: 0%; }
}
.main-text-big{
	padding-left: 230px;
	padding-right: 100px;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
			@media screen and (max-width:1080px) {
				padding-left: 60px;
				padding-right: 60px;
			}
			@media screen and (max-width:600px) {
				padding-left: 30px;
				padding-right: 30px;
			}
}
.main-text{
	padding-left: 140px;
	padding-right: 100px;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
}
.main-text-1{
	padding-left: 90px;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
}
.main-text-11{
	padding-left: 50px;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
}
.main-text-2{
	padding-left: 40px;
	padding-right: 80px;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
}
.main-text-3{
	padding-right: 40px;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
}
.main-text-4{
	padding-left: 140px;
	padding-right: 140px;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
}
.index-big-title{
	font-size: 83px;
	color: white;
	font-family: var(--title-font);
}
.index-small-title{
	font-size: 47px;
	color: white;
	font-family: var(--main-font);
	letter-spacing: 6.91px;
	margin: 3% 0;
}
.index-main-slide-div-img-right{
	padding-left: 20px;
	padding-right: 50px;
}
/* .index-main-slide-left-div{
	max-width: 50%;
} */

body#index .rechercheAccueil *{
	color: white;
	font-size: 16px;
	letter-spacing: 1.7px;
}
body#index .rechercheAccueil .btn *{
	letter-spacing: 3.28px;
}
body#index .form-control--icon .form-control--icon__icon{
	left: 15px;
	right: unset;
}
body#index .form-hebergement-div{
	display: none;
}
body#index #form-hebergement.fixed {
	z-index: 5;
	position: fixed;
	top: calc(123px / 2);
	-webkit-transform: translateY(-50%);
	    -ms-transform: translateY(-50%);
	        transform: translateY(-50%);
}
body#index #form-hebergement.fixed .containerspe{
	-webkit-backdrop-filter: brightness(85%) blur(30px);
	        backdrop-filter: brightness(85%) blur(30px);
}
body#index .form-select::before {
	margin-right: 8px;
}
body#index .container{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
}
body#index .form-select select option{
	background-color: var(--darkblue);
}
body#index .form-select select option:hover{
	background-color: var(--lightblue);
}
body#index .form-select select,body#index .form-control:not(.hebergement){
	padding-left: 37px;
}
body#index .form-select select,body#index .form-control{
	height: -webkit-fit-content;
	height: -moz-fit-content;
	height: fit-content;
	padding: 10px;
	background: transparent;
	border: 1px solid white;
	border-radius: 60px;
}
body#index .containerspe{
	border: 2px solid white;
	border-radius: 60px;
	padding: 40px 20px;
	opacity: 1;
	-webkit-backdrop-filter: brightness(105%) blur(30px);
	        backdrop-filter: brightness(105%) blur(30px);
}
body#index .form-group{
	height: 100%;
	width: -webkit-fit-content;
	width: -moz-fit-content;
	width: fit-content;
}
body#index .btn{
	height: 100%;
	padding: 10px 20px;
	border-radius: 60px;
	height: 100%;
	text-transform: unset;
	background-color: var(--btn-color);
	border: none;
}
body#index .btn.fit-content{
	height: fit-content;
}
body#index .datepicker-container{
	background-color: white;
	font-family: var(--main-font);
}
body#index .datepicker-panel > ul > li.disabled:hover,body#index .datepicker-panel > ul > li.muted:hover{
	cursor: not-allowed;
}
body#index .datepicker-panel > ul > li.disabled,body#index .datepicker-panel > ul > li.muted{
	background-color: var(--brown);
}
body#index .datepicker-panel > ul > li{
	border: 1px solid white;
}
body#index .datepicker-panel > ul > li:not(.highlighted):not(.picked):not(.disabled):not(.muted){
	background-color: var(--darkblue);
}
body#index .datepicker-panel > ul > li:not(.highlighted):not(.picked):not(.disabled):not(.muted):hover{
	background-color: rgba(231, 225, 0, 0.7);
}
body#index .datepicker-panel > ul > li.highlighted{
	background-color: var(--lightblue);
}
body#index .form-select::before {
	top: 50%;
	color: white;
}
body#index #chx_resi{
	text-transform: unset;
	background-color: var(--brown-50) !important;
}
body#index:not(.notIndex) h2{
	font-family: var(--title-font);
	font-size: 72px;
	font-weight: lighter;
	color: var(--brown);
}
body#index:not(.notIndex) h3{
	font-family: var(--title-font);
	font-size: 38px;
	font-weight: 300;
	color: var(--brown);
}
.brown{
	color: var(--brown);
}
.position-relative{
	position: relative;
}
.position-absolute{
	position: absolute;
}
@media (min-width:1200px) {
	#index-main .right{
		padding-left: 5%;
		-webkit-box-sizing: border-box;
		        box-sizing: border-box;
	}
	#index-vie-nuits .right{
		margin-top: 10%;
	}
}
.img-rotate{
	-webkit-transform: translateX(-50%);
	    -ms-transform: translateX(-50%);
	        transform: translateX(-50%);
}
.img-rotate img{
	-webkit-animation: rotating 20s linear infinite;
	        animation: rotating 20s linear infinite;
}
@-webkit-keyframes rotating {
	0% {
	  -webkit-transform: rotate(0deg);
	          transform: rotate(0deg);
	}
	50% {
	  -webkit-transform: rotate(360deg);
	          transform: rotate(360deg);
	}
	100% {
		-webkit-transform: rotate(0);
		        transform: rotate(0);
	}
}
@keyframes rotating {
	0% {
	  -webkit-transform: rotate(0deg);
	          transform: rotate(0deg);
	}
	50% {
	  -webkit-transform: rotate(360deg);
	          transform: rotate(360deg);
	}
	100% {
		-webkit-transform: rotate(0);
		        transform: rotate(0);
	}
}
.img1{
	-webkit-transform: translateY(35%);
	    -ms-transform: translateY(35%);
	        transform: translateY(35%);
}
.img2{
	position: absolute;
	top: 0;
	right: 0;
	z-index: -1;
}
#riads-resorts-div *:not(.img4){
	z-index: 1;
}
.img3{
	-webkit-transform: translateY(5%);
	    -ms-transform: translateY(5%);
	        transform: translateY(5%);
}
.img5{
	-webkit-transform: translateY(15%);
	    -ms-transform: translateY(15%);
	        transform: translateY(15%);
	margin-right: 10%;
}
.img4{
	position: absolute;
	top: -4%;
	left: -50%;
}
#riads-resorts-div{
	/* margin-top: -15%; */
}
#riads-resorts-div > div:first-child{
	margin-top: 22%;
}
#riads-resorts-div > div:last-child{
	margin-top: 5%;
}
.arrow-link {
	font-family: var(--main-font);
	letter-spacing: 3.6px;
	font-size: 24px;
	text-decoration: none !important;
	font-weight: 400;
}
.arrow-link:hover {
	color: var(--darkblue) !important;
}
.arrow-link.hover-brown:hover {
	color: var(--brown) !important;
}
.riads-resorts-left-img{
	-ms-flex-item-align: center;
	    -ms-grid-row-align: center;
	    align-self: center;
}
.long-arrow-right.white{
	border-color: white;
}
.long-arrow-right.white::after{
	background-color: white;
}
.long-arrow-right.brown{
	border-color: var(--brown);
}
.long-arrow-right.brown::after{
	background-color: var(--brown);
}
.arrow-link.hover-brown:hover .long-arrow-right::after{
	background-color: var(--brown);
}
.arrow-link:hover .long-arrow-right::after{
	background-color: var(--darkblue);
}
.arrow-link:hover .long-arrow-right{
	border-color: var(--darkblue);
}
.arrow-link.hover-brown:hover .long-arrow-right{
	border-color: var(--brown);
}
.arrow-link:hover .long-arrow-right{
	margin-left: 70px;
}
.long-arrow-right{
	display: block;
	margin: 15px auto;
	width: 10px;
	height: 10px;
	border-top: 2px solid var(--brown);
	border-left: 2px solid var(--brown);
	margin-left: 45px;
	-webkit-transition: margin 1s ease;
	-o-transition: margin 1s ease;
	transition: margin 1s ease;
	-webkit-transform: rotate(135deg);
	    -ms-transform: rotate(135deg);
	        transform: rotate(135deg);
}
.long-arrow-right::after{
  content: "";
  display: block;
  width: 2px;
  height: 45px;
  background-color: var(--brown);
  -webkit-transform: rotate(-45deg) translate(15px, 4px);
      -ms-transform: rotate(-45deg) translate(15px, 4px);
          transform: rotate(-45deg) translate(15px, 4px);
  left: 0;
  top: 0;
}
@media screen and (min-width: 1081px) {
	.duo-img-row a{
		max-width: 46%;
	}
	.left-img-height{
		height: 100%;
	}
	.duo-img-row a:first-child{
		margin-right: 2%;
	}
	.duo-img-row a:last-child{
		margin-left: 2%;
	}
}
.zindex-1{
	z-index: -1;
}
.zindex-2{
	z-index: 2;
	position: relative;
}
#residences-div{
	margin-top: -7%;
}
#residences-div .duo-img-row{
	margin-bottom: -23%;
}
.img-rotate-2{
	position: absolute;
	top: 0;
	right: 0;
	-webkit-transform: translate(-25%,-30%);
	    -ms-transform: translate(-25%,-30%);
	        transform: translate(-25%,-30%);
}
#au-coeur-village-div{
	margin-top: 18%;
}
#au-coeur-village-div * :not(.au-coeur-village-background){
	z-index: 2;
}
.au-coeur-village-background{
	position: absolute;
	left: 0%;
	width: 100%;
	z-index: 1;
}
#au-coeur-village-div > div {
	position: absolute;
	width: 100%;
	height: 100%;
	padding-top: 15%;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	top: 0;
	left: 0;
}
#au-coeur-village-div > div > div{
	max-width: 484px;
}
#au-coeur-village-div > div > div:not(:first-child):not(:last-child){
	margin: 0 30px;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
}
.img-hover div{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	text-align: center;
}
.img-hover .background{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
	background-color: var(--brown);
	border: 1px solid #707070;
	-webkit-transition: opacity 0.5s ease;
	-o-transition: opacity 0.5s ease;
	transition: opacity 0.5s ease;
}
.img-hover:hover .background{
	opacity: 0.7;
}
.image-hover-title{
	font-family: var(--title-font);
	color: white;
	font-size: 60px;
	font-weight: 300;
	display: none;
	width: 70%;
}
.img-hover:hover p{
	display: unset;
}
.img-hover.middle{
	margin-top: 10%;
}
.duo-img-titles a{
	margin: 0 50px;
}
.visites-virtuelles-360{
	position: absolute;
	right: 10%;
	top: 5%;
	z-index: 2;
}

body#index footer{
	background-color: var(--btn-color);
	padding-top: 50px;
	max-width: 100%;
	padding-bottom: 50px;
}
body#index footer *:not(i){
	font-family: var(--main-font);
}
body#index footer *{
	font-size: 16px;
	letter-spacing: 1.7px;
	text-decoration: none;
	line-height: 2rem;
}
body#index .footer-duo-img img:last-child{
	margin-left: 10px;
}
body#index .footer-viewTel,body#index .footer-viewTel2{
  display: none;
}
body#index .footer-viewTel,body#index .footer-viewTel2.show{
  display: block;
}
body#index .footer-viewTel{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position :fixed;
  bottom: 0;
  width: 100vw;
  z-index: 1000;
}
.footer-infolien{
	background-color: var(--btn-color);
	border-top: 1px solid white;
	font-size: 16px;
	letter-spacing: 1.7px;
	font-family: var(--main-font);
	text-decoration: none;
	line-height: 2rem;
	max-width: 100%;
}
.logo-nateve-footer{
	margin-bottom: 1rem;
}

body#index #form-hebergement #reservation-main input{
	background-color: var(--brown-50);
}
body#index #form-hebergement.fixed #reservation-main{
	-webkit-box-orient: horizontal !important;
	-webkit-box-direction: normal !important;
	    -ms-flex-direction: row !important;
	        flex-direction: row !important;
}
body#index #form-hebergement.fixed .form-group{
	width: unset;
	max-width: 23%;
	margin: 0 5px;
}
body#index #form-hebergement.fixed section{
	margin-top: 0;
	margin-bottom: 0;
}
@media screen and (max-width:1700px) {
	.index-main-slide-div-img-right{
		max-width: 400px !important;
		height: -webkit-fit-content;
		height: -moz-fit-content;
		height: fit-content;
		margin-right: 0;
	}
	.index-main-slide-left-div{
		width: 60%;
	}
	.navigation-main{
		font-size: 44px;
	}
	/* body#index  .rechercheAccueil {
		-webkit-box-ordinal-group: 2;
		    -ms-flex-order: 1;
		        order: 1;
	} */
}
@media screen and (max-width:1600px) {
	.index-big-title{
		font-size: 65px;
	}
	.body#index .containerspe{
		-webkit-backdrop-filter: brightness(95%) blur(113px);
		        backdrop-filter: brightness(95%) blur(113px);
	}
	/* body#index  .rechercheAccueil {
		width: 80%;
	} */
	/* #reservation-main {
		-webkit-box-orient: vertical !important;
		-webkit-box-direction: normal !important;
		    -ms-flex-direction: column !important;
		        flex-direction: column !important;
	} */
	body#index .form-group{
		width:calc(33.333333% - 10px);
		margin: 0 5px;
	} 
	body#index .form-group:last-child{
		width: 100%;
		margin-top: 5px;
	} 
	body#index .containerspe{
		-webkit-backdrop-filter: brightness(85%) blur(30px);
		        backdrop-filter: brightness(85%) blur(30px);
	}
}
@media screen and (min-width:1401px) {
	body#index footer > div{
		width: 83.33333333% !important;
	}
}
@media screen and (max-width:1400px) {
	.index-main-slide-left-div{
		padding-right: 5%;
	}
	.main-text-1{
		padding-left: 40px;
	}
	body#index footer{
		width: 100% !important;
	}
}
@media screen and (max-width:1300px) {
	.hidden-1300px{
		display: none;
	}
	.index-big-title{
		font-size: 60px;
	}
}
.fw-bold{
	font-weight: bold;
}
.fw-400{
	font-weight: 400 !important;
}
@media screen and (max-width:1200px) {
	.bold-1200px{
		font-weight: bold !important;
	}
	body#index .rechercheAccueil:not(.child-fixed) {
		width: unset;
		position: absolute;
		bottom: 0;
		left: 50%;
		-webkit-transform: translate(-50%,70%);
		    -ms-transform: translate(-50%,70%);
		        transform: translate(-50%,70%);
		z-index: 50;
	}
	.hidden-1200px{
		display: none;
	}
	body#index *{
		text-align: center;
	}
	body#index  .rechercheAccueil {
		width: 80%;
	}
	#reservation-main {
		-webkit-box-orient: vertical !important;
		-webkit-box-direction: normal !important;
		    -ms-flex-direction: column !important;
		        flex-direction: column !important;
	}
	body#index .form-group{
		width: 100%;
		margin: 5px 0;
	} 
	body#index footer *{
		text-align: start;
	}
	.index-big-title-small{
		font-family: var(--title-font);
		font-size: 56px;
		color: var(--brown);
		margin-top: 10%;
	}
	body#index h2,.index-big-title-small{
		font-size: 45px !important;
	}
	.index-main-slide-div-img-right{
		max-width: 250px !important;
		padding-right: 0;
	}
	#index-vie-nuits > div{
		padding-right: 80px;
	}
	.index-vie-nuits-imgs{
		position: absolute !important;
		left: 50%;
		top: 0;
		-webkit-transform: translateX(-50%);
		    -ms-transform: translateX(-50%);
		        transform: translateX(-50%);
		height: 100%;
		z-index: -1;
		&.zindex0{
			z-index: 0;
		}
	}
	.index-vie-nuits-imgs img{
		width: 100%;
		height: 100%;
		-o-object-fit: contain;
		   object-fit: contain;
	}
	#index-vie-nuits{
		margin-top: 12%;
		position: relative;
	}
	.img2 {
		position: unset !important;
		opacity: 0.6;
	}
	#index-vie-nuits > div > div:not(.index-vie-nuits-imgs){
		margin: 3% 0;
	}
	.flex-column-lg{
		-webkit-box-orient: vertical !important;
		-webkit-box-direction: normal !important;
		    -ms-flex-direction: column !important;
		        flex-direction: column !important;
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
	}
	.img5{
		-webkit-transform: unset;
		    -ms-transform: unset;
		        transform: unset;
		margin: 10px 0;
		border-radius: unset;
	}
	.img3{
		-webkit-transform: unset;
		    -ms-transform: unset;
		        transform: unset;
		margin:10px 0;
		max-width: 470px !important;
	}
	.riads-resorts-imgs-div{
		padding-left: 40px;
  		padding-right: 80px;
	}
	#riads-resorts-div{
		margin: 3% 0;
	}
	#riads-resorts-div > div:first-child{
		position: relative;
		margin-top: 3%;
	}
	.img4-small{
		position: absolute;
		left: 50%;
		top: -3%;
		height: 100%;
		-webkit-transform: translateX(-54%);
		    -ms-transform: translateX(-54%);
		        transform: translateX(-54%);
		z-index: -1;
	}
	#riads-resorts-div h2{
		margin-top: 20px;
	}
	#riads-resorts-div{
		margin-bottom: 20px;
	}
	#riads-resorts-div > div:last-child{
		margin-bottom: 5%;
	}
	.img-big{
		margin-top: 0;
	}
	body#index p:not(.image-hover-title){
		font-size: 22px;
	}

	#index-galeries-services{
		margin: 7% 0;
	}
	.image-hover-title{
		font-size: 45px;
		width: 85%;
	}
	.infinite-text div::after{
		display: none;
	}
	.img-rotate-2{
		-webkit-transform: translate(18%,-50%);
		    -ms-transform: translate(18%,-50%);
		        transform: translate(18%,-50%);
		max-width: 20%;
	}
	.img-rotate-2 img{
		max-width: 100%;
	}
}
@media screen and (min-width:1081px) {
	.hidden-1080px-more{
		display: none;
	}
	footer .hidden-1080px-more{
		display: none !important;
	}
	.footer-viewTel{
		display: none !important;
	}
}
@media screen and (max-width:1080px) {
	.hidden-1080px{
		display: none;
	}
	.align-items-center-1080px{
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
	}
	body#index header{
		width: 100vw;
		height: 140px;
		border-bottom: 2px solid white;
		background-color: var(--darkblue);
	}
	.navigation-main > div{
		padding: 20% 0 30px 0;
	}
	.navigation-main {
		font-size: 28px;
	}
	.logo-nav{
		border-bottom: unset;
		width: -webkit-fit-content;
		width: -moz-fit-content;
		width: fit-content;
	}
	#index-main{
		margin-top: 142px;
	}
	#headerVisible{
		-webkit-box-orient: horizontal !important;
		-webkit-box-direction: normal !important;
		    -ms-flex-direction: row !important;
		        flex-direction: row !important;
		-webkit-box-pack: justify;
		    -ms-flex-pack: justify;
		        justify-content: space-between;
		padding: 10px 30px;
	}
	.showNavigation-background{
		margin: unset;
	}
	.header-index-lang{
		font-family: var(--main-font);
		font-size: 22px;
		margin-left: 0;
	}
	body#index .rechercheAccueil{
		width: 60%;
	}
	body#index .datepicker-container{
		-webkit-transform: translateX(-50%);
		    -ms-transform: translateX(-50%);
		        transform: translateX(-50%);
		left: 50% !important;
	}
	.main-text-1,.main-text-11,.main-text-2,.main-text-3,.main-text-4{
		padding-left: 0 !important;
		padding-right: 0 !important;
	}
	.main-text, #au-coeur-village-div .main-text-4{
		padding-left: 60px !important;
		padding-right: 60px !important;
	}
	.index-main-slide-div-img-right {
		max-width: 180px !important;
		padding-left: 0;
	}
	.img4-small{
		-webkit-transform: translateX(-50%);
		    -ms-transform: translateX(-50%);
		        transform: translateX(-50%);
	}
	body#index #ascenseur{
		right: 10px;
	}
	#residences-div .duo-img-row{
		margin-bottom: 3%;
		-webkit-box-orient: vertical !important;
		-webkit-box-direction: normal !important;
		    -ms-flex-direction: column !important;
		        flex-direction: column !important;
	}
	#au-coeur-village-div{
		background-color: var(--darkblue);
		padding-top: 2%;
		padding-bottom: 2%;
		margin-top: 0;
	}
	.duo-img-row img{
		max-width: 100%;
	}
	#au-coeur-village-div > div{
		-webkit-box-orient: vertical !important;
		-webkit-box-direction: normal !important;
		    -ms-flex-direction: column !important;
		        flex-direction: column !important;
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
		position: unset;
		-webkit-transform: unset;
		    -ms-transform: unset;
		        transform: unset;
		padding-top: 1%;
	}
	.duo-img-row img:first-child {
		margin-right: 0;
		margin-bottom: 10px;
	}
	.duo-img-row img:last-child {
		margin-left: 0;
		margin-top: 10px;
	}
	.img-hover.middle{
		margin: 20px 0;
	}
	.img-hover {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		    -ms-flex-direction: column;
		        flex-direction: column;
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
	}
	.img-hover.hidden-1080px{
		display: none !important;
	}
	.img-hover .background{
		display: none
	}
	.img-hover div{
		position: unset;
	}
	.image-hover-title{
		display: block;
		width: unset;
		text-align: center;
	}
	.image-hover-title.brown{
		color: var(--brown);
		width: -webkit-fit-content;
		width: -moz-fit-content;
		width: fit-content;
		-ms-flex-item-align: center;
		    -ms-grid-row-align: center;
		    align-self: center;
	}
	#index-galeries-services > div{
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		    -ms-flex-direction: column;
		        flex-direction: column;
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
	}
	.margin-bottom0-1080px{
		margin-bottom: 0;
	}
	#index-main-slide-div{
		margin-top: 2%;
	}
	.duo-img-titles a {
		margin: 0;
	}
	body#index .containerspe{
		padding: 20px;
	}
	
	body#index footer {
		padding: 0 !important;
	}
	body#index footer > div{
		-webkit-box-orient: vertical !important;
		-webkit-box-direction: normal !important;
		    -ms-flex-direction: column !important;
		        flex-direction: column !important;
		width: 100%;
	}
	.footer-viewTel2{
		position: fixed;
		bottom: 51px;
		width: 100vw;
		background-color: var(--btn-color);
		border-top: 1px solid white;
		z-index: 1000;
		font-family: var(--main-font);
		font-size: 28px;
		padding: 15px;
	}
	.footer-viewTel{
		position: fixed;
		bottom: 0;
		width: 100vw;
		background-color: var(--btn-color);
		border-top: 1px solid white;
	}
	.footer-viewTel i{
		font-size: 30px;
		padding: 10px;
	}
	.footer-infolien{
		padding-bottom: 61px;
		padding-top: 10px;
	}
	.footer-infolien > *{
		margin: 0;
	}
	.footer-infolien div > a:not(:first-child):not(:last-child){
		margin: 0 15px;
	}
	.footer-viewTel > *{
		width: 33%;
		display: -webkit-box !important;
		display: -ms-flexbox !important;
		display: flex !important;
		-webkit-box-pack: center;
		    -ms-flex-pack: center;
		        justify-content: center;
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
		padding: 0 20px;
		-webkit-box-sizing: border-box;
		        box-sizing: border-box;
	}
	.footer-anim{
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		    -ms-flex-direction: column;
		        flex-direction: column;
		-webkit-box-align: start;
		    -ms-flex-align: start;
		        align-items: start;
	}
	.footer-anim > *{
		padding-left: 60px;
    	padding-right: 60px;
	}
	.footer-anim > div{
		width: -webkit-fit-content;
		width: -moz-fit-content;
		width: fit-content;
		margin: 3% 0;
		-webkit-transition: all 1s ease;
		-o-transition: all 1s ease;
		transition: all 1s ease;
		overflow: hidden;
	}
	.footer-anim-title{
		text-transform: unset !important;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		    -ms-flex-direction: row;
		        flex-direction: row;
		-webkit-box-pack: justify;
		    -ms-flex-pack: justify;
		        justify-content: space-between;
		width: 100%;
		border-bottom: 1px solid white;
		padding-top: 10px;
		padding-bottom: 10px;
	}
	.footer-anim-title:not(:last-child){
		border-top: 1px solid white;
	}
	.order1-1080px{
		-webkit-box-ordinal-group: 2;
		    -ms-flex-order: 1;
		        order: 1;
	}
	.order2-1080px{
		-webkit-box-ordinal-group: 3;
		    -ms-flex-order: 2;
		        order: 2;
	}
	.order3-1080px{
		-webkit-box-ordinal-group: 4;
		    -ms-flex-order: 3;
		        order: 3;
	}
	.position-relative-1080px{
		position: relative;
	}
	.visites-virtuelles-360 img{
		max-width: 20%;
	}
}
@media screen and (max-width:900px) {
	.index-main-slide-div-img-right{
		max-width: 20vw !important;
	}
}
@media screen and (max-width:800px) {
	.index-big-title-small{
		margin-top: 14%;
	}
	.slide-index{
		top: 50px;
	}
}
@media screen and (max-width:700px) {
	.index-big-title-small{
		margin-top: 12vh;
	}
	.index-vie-nuits-imgs{
		width: 100%;
		padding: 0 30px !important;
	}
}
@media screen and (max-width:600px) {
	body#index h2,.index-big-title-small{
		font-size: 30px !important;
	}
	body#index .rechercheAccueil{
		-webkit-transform: translate(-50%,100%);
		    -ms-transform: translate(-50%,100%);
		        transform: translate(-50%,100%);
	}
	#index-vie-nuits{
		margin-top: 0%;
	}
	body#index .rechercheAccueil:not(.child-fixed){
		width: 70%;
	}
	body#index .rechercheAccueil :not(i) {
		font-size: 12px;
	}
	#reservation-main{
		transform: translateY(10%);
	}
	#index-vie-nuits{
		z-index: -2;
	}
	body#index h3{
		font-size: 30px;
	}
	h3.small-title{
		font-size: 20px !important;
	}
	body#index p:not(.image-hover-title):not(.index-small-title-small){
		font-size: 16px;
	}
	#index-main-slide-div .index-main-slide-left-div > img {
		margin-top: 5%;
	}
	body#index header{
		height: 120px
	}
	.index-main-slide-left-div{
		width: 65%;
		padding-right: 0;
	}
	body#index .rechercheAccueil:not(.child-fixed){
		-webkit-transform: translate(-50%,65%);
		    -ms-transform: translate(-50%,65%);
		        transform: translate(-50%,65%);
	}
	.arrow-link{
		font-size: 18px;
	}
	.main-text, #au-coeur-village-div .main-text-4,.padding-main-text-small {
		padding-left: 30px !important;
		padding-right: 30px !important;
		-webkit-box-sizing: border-box;
		        box-sizing: border-box;
	}
	.padding-0-small{
		padding-left: 0 !important;
		padding-right: 0 !important;
	}
	.hidden-small{
		display: none;
	}
	.img3{
		max-width: 100% !important;
	}
	.riads-resorts-left-img,.img5,#riads-resorts-div > div:first-child{
		margin-top: 0;
	}
	.riads-resorts-top-div {
		padding: 30px 0;
		margin-top: 30px;
	}
	.img5-small{
		margin-top: 30px !important;
	}
	.riads-resorts-top-div > *:not(img){
		margin: 20px 0;
	}
	.image-hover-title{
		font-size: 30px;
	}
	.border-radius-0-small{
		border-radius: 0;
	}
	.margin-top0-small{
		margin-top: 0 !important;
	}
	.margin-top5{
		margin-top: 50px;
	}
	.margin-bottom5{
		margin-bottom: 50px;
	}
	.footer-infolien{
		letter-spacing: 1px;
	}
	.slide-index{
		top: 135px;
	} 
	.infinite-text div span{
		font-size: 16px;
	}
	.index-main-slide-div-img-right {
		max-width: 22vw !important;
		max-height: 20vh;
	  }
	body#index .slide-index{
		top: 80px;
	}
	body#index .containerspe{
		padding: 10px;
	}
	body#index .rechercheAccueil{
		width: 70%;
	}
	body#index .form-group{
		width: 80% !important;
		margin: 3px 0;
	}
	body#index .form-select::before {
		margin-right: 18px;
	}
	.img-rotate-2{
		max-width: 32vw;
		-webkit-transform: translate(18%,-80%);
		    -ms-transform: translate(18%,-80%);
		        transform: translate(18%,-80%);
	}
	#residences-div > div{
		margin-top: 30px;
	}
	body#index .containerspe{
		padding: 10px 20px;
	}
	body#index .form-select select,body#index .form-control{
		padding: 5px 20px;
	}
	.rechercheAccueil .form-group * {
		text-align: start !important;
	}
	.showNavigation .first-bar, .showNavigation .last-bar,.showNavigation .second-bar{
		width: 35px;
	}
	.header-index-lang{
		font-size: 16px;
		-ms-flex-item-align: start;
		    align-self: flex-start;
		margin-top: 8%;
	}
	.header-index-logo{
		max-width: 80px;
	}
	.navigation-main > div{
		-webkit-box-pack: unset;
		    -ms-flex-pack: unset;
		        justify-content: unset;
	}
	.navigation-close{
		margin-top: 20px;
	}
	.navigation-main a:not(:last-child){
		margin-bottom: 15px ;
	}
	#navigation{
		padding: 3% 13% 5%;
	}
	.navigation-main{
		padding-left: 0;
	}
	body#index .rechercheAccueil .fa-search{
		font-size: 12px;
	}
	body#index .rechercheAccueil .btn *{
		letter-spacing: 1.7px;
	}
	.index-vie-nuits-imgs img{
		-o-object-fit: unset;
		   object-fit: unset;
	}
	body#index p:not(.image-hover-title){
		letter-spacing: 2.4px;
	}
	#index-vie-nuits > div > div:not(.index-vie-nuits-imgs){
		padding: 0 15px;
	}
}
@media screen and (min-width:601px) {
	.hidden-small-more{
		display: none;
	}
}
@media screen and (max-width:450px) {
	body#index .rechercheAccueil {
		-webkit-transform: translate(-50%,80%);
		    -ms-transform: translate(-50%,80%);
		        transform: translate(-50%,80%);
	}
	body#index .slide-index{
		top: 100px ;
	}
	#index-main{
		margin-top: 119px;
	}
	body#index .form-select::before {
		margin-right: 9px;
	}
	#index-vie-nuits{
		margin-top: 5%;
	}
	.index-big-title-small {
		margin-top: 9vh;
	}
	body#index .form-select select, body#index .form-control {
		padding: 5px 13px;
	  }
}

/*PARALLAX CSS*/
.parallax-container div{
	background-position : center;
	background-repeat : no-repeat;
	background-size : contain;
	background-attachment: fixed;
	height: -webkit-fit-content;
	height: -moz-fit-content;
	height: fit-content;
}
.parallax-img-1{
	background-image: url("../images_new/typo-nateve.png");
}