f
@font-face{
	font-family: "Roboto";
	src: url('/css/fonts/Roboto-Regular.ttf');
}



header{font-size:1.8rem; font-family: 'Source Sans Pro', sans-serif; letter-spacing:1px; }

header{top:0; position:fixed;z-index:900; width:100%; height:75px; background-color:rgba(39,49,60, 0.9) ; color:white; }
.content{height:auto;width:100%;}
.content-diapo .fal{z-index:100; color:white;width:4rem;font-weight:100; font-size:3rem;}
.sound {
    z-index: 100;
    top:10rem;
    position: absolute;
    left:2rem;
}

#return-to-top {z-index:1000; position: fixed; bottom: 20px; right: 20px; background: rgb(0, 0, 0); background: rgba(0, 0, 0, 0.7); width: 50px; height: 50px; display: block; text-decoration: none; -webkit-border-radius: 35px; -moz-border-radius: 35px; border-radius: 35px; display: none; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;}
#return-to-top i {color: #fff;margin: 0;position: relative;left: 16px;top: 13px;font-size: 19px;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-ms-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;}
#return-to-top:hover {background: rgba(0, 0, 0, 0.9);}
#return-to-top:hover i {color: #fff;top: 5px;}

#return-to-top2 {z-index:1000; position: fixed; bottom: 20px; right: 20px; background: rgb(0, 0, 0); background: rgba(0, 0, 0, 0.7); width: 50px; height: 50px; display: block; text-decoration: none; -webkit-border-radius: 35px; -moz-border-radius: 35px; border-radius: 35px; display: none; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;}
#return-to-top2 i {color: #fff;margin: 0;position: relative;left: 16px;top: 13px;font-size: 19px;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-ms-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;}
#return-to-top2:hover {background: rgba(0, 0, 0, 0.9);}
#return-to-top2:hover i {color: #fff;top: 5px;}

#my-menu a .logo{ top: 5%; position: absolute; width: 235px; left: 2%; }

#my-menu{transition:all 0.5s; height:75px; width:100%; position:fixed;}
#my-menu ul{height:75px; left:20%; width:85%;}

#my-menu ul li{ransition:all 0.5s; position:relative; top: 50%; transform: translate(0,-50%);text-transform:uppercase; padding:25px 0px; margin-left:45px;}
a{color:white;}

.sub-menu{display:none;}
#my-menu ul li a:after{ opacity:0; content: ''; position: absolute; left: 0; right: 0; height: 2px; background: white; bottom: 15px; transition: .5s all;}

#my-menu ul li:hover a:after{opacity:1;}

.bouton{color:white; border:1px solid white; padding: 12px 20px; background-color:transparent; right:0;transition:all 1s;position:absolute; top:25px; width:165px; text-transform:uppercase;}
.bouton:hover{cursor:pointer;background-color:white; color:black;}
.bouton:hover p{ color:black;}
.bouton p{ position: relative; text-align:center;}
.bouton::before{content''; display:block; position:absolute; left:0; top:0; right:0; bottom:0; height: 20px; width:1px; border:1px solid white;}

.burger{display:none; position:absolute;right:2rem; bottom:2rem; width:3rem; height:3rem;z-index:20;cursor:pointer;}
.burger span{ position: absolute; top: 50%; height: 2px; width: 70%; background-color: white; transform: translate(-50%,-50%); left: 50%; transition: .3s all; }
.burger span.active{transform: rotate(45deg) translate(-50%,-50%);top: 75%;left: 35%}
.burger span.active:after{transform: rotate(-90deg) translate(-50%);top: -10px;}
.burger span.active:before{opacity:0;}
.burger span:after, .burger span:before { content: '';position: absolute;width: 100%;height: 2px;background-color: white;display: block;transition: .3s all;}
.burger span:after{top:-8px;}
.burger span:before{top:8px;}

.tel{position:absolute; width:165px; right:0; padding:3px 10px; height:25px; font-size:14px; background-color:#a79d85; }
/* POPUP */

.fancybox-slide > *{padding:10px;}
.popup{max-width:48rem !important;}
.popup .titre{color:#a79d85; padding:0 !important;font-size:1.9rem !important;}
.fancybox-close-small:after{color:#a79d85 !important;}
.fancybox-slide > *{padding:5px 25px 30px 25px !important;}
.popup .description{text-align:center !important;padding:40px 0;}
.popup .description a{ font-size:1.8rem; text-transform:uppercase; position:absolute !important; top:unset; bottom:0; width:100%; height:4rem; background-color:#a79d85;}
.popup .description a:after{background:none !important; width:auto !important;left:50%; transform:translateX(-50%); right:unset;color:white !important; content:'Reservez maintenant' !important;}
.popup .description p{text-align:center;}
.popup .description i{ text-align:left;margin:0 auto; width:27rem; position:relative; display:inline-block; margin:0.5rem 0rem; padding:0.5rem 0;}
.popup .description i:last-child{margin-bottom:3rem !important;}
.popup .description .fa-check:before{left:-20px;margin:0 auto; margin-right:10px; position: relative !important; margin-top: unset !important; margin-left:unset !important;}

.popup .titre h1{color:black; font-weight:400; font-size:2.5rem;}
.popup .description span{position:relative;}
.popup .description span a{height:2.5rem !important;width:19rem;top:0;left:50%; transform:translateX(-50%); }
.popup .description span a:after{display:none;}
.popup .description span a i{width:auto;margin:0 !important; transform:translate(40%,-50%) !important; position:absolute; top:50%;}

/*	DIAPO  */

#CDSRATINGWIDGET496{height:155px;}
#CDSROWCONTAINER496{margin-top:25px; }


.owl-carousel .owl-dots.disabled, .owl-carousel .owl-nav.disabled{display:block;}

.tab{ z-index:900 !important; transition:1.5s; position:fixed;; right:0; top:50%; z-index:4;height:210px; width:250px; transform:translate(0,-50%); }
.tab.active{right:-250px;}

.tab .widget-tab{left:0; margin-left:-60px; height:175px; width:60px; position:absolute;}
.tab .widget-tab i:first-child{transition:all 0.5s; text-align:center; border-radius:4px; cursor:pointer; height:32%; position:relative; width:100%; font-size:4rem;color:white; background-color: rgb(76, 53, 38);;}
.tab .widget-tab i:nth-child(2){transition:all 0.5s; text-align:center; border-radius:4px;  margin-top:5px;cursor:pointer; height:32%; position:relative; width:100%; font-size:4rem;color:white; background-color: rgb(76, 53, 38);}
.tab .widget-tab a{transition:all 0.5s; text-align:center; border-radius:4px;  margin-top:5px;cursor:pointer; height:32%; position:relative; width:100%; font-size:4rem;color:white; background-color: rgb(76, 53, 38);}

.tab .widget-tab2{left:0; bottom:0; margin-left:-30px; height:30px; width:30px; position:absolute;}
.tab .widget-tab2 i:first-child{transition:all 0.5s; text-align:center; border-radius:4px; cursor:pointer; height:100%; position:absolute; width:100%; font-size:4rem;color:white; background-color: rgba(39,49,60, 1);;}
.tab .widget-tab2 i:last-child{display:none;transition:all 0.5s; text-align:center; border-radius:4px;cursor:pointer; height:100%; position:absolute; width:100%; font-size:4rem;color:white; background-color: rgba(39,49,60, 1);}
.tab .widget-tab2 i:first-child:hover{color: rgba(39,49,60, 1); background-color:white;}
.tab .widget-tab2 i:last-child:hover{color: rgba(39,49,60, 1); background-color:white;}

.fa-arrow-right:before{ font-size:2rem;position:relative;bottom:12px;}
.fa-arrow-left:before{font-size:2rem; position:relative;bottom:12px;}


#ic1.active{transition:0.5s; background-color: rgba(151, 105, 75, 1);}
#ic2.active{transition:0.5s; background-color: rgba(151, 105, 75, 1);}
#ic3.active{dispaly:none; transition:0.5s;}
#ic4.active{display:block; transition:0.5s;}

.widget .w-avis.active{z-index:10;}
.widget .w-plus.active{z-index:10;}

.fa-comment-alt-dots:before{font-size:3rem; margin-top:2px;font-weight:200;}
.fa-thumbs-up:before{font-size:3rem; margin-top:2px;font-weight:200;}

.tab .widget-tab i:first-child p{margin-top:5px;font-size:0.9rem; text-align:center;}
.tab .widget-tab a p{margin-top:5px;font-size:0.9rem; text-align:center;}
.tab .widget-tab i:nth-child(2) p{margin-top:5px;font-size:0.9rem; text-align:center;}

.tab .widget{height:210px; width:250px;}
.widget .w-avis{ transition:0.5s; position:absolute; box-shadow: 4px 5px 1px rgba(0,0,0,0.4);border-radius:2px;height:210px; width:250px; background: rgb(245, 240, 237);color:rgb(151, 105, 75);z-index: 5}

.widget .w-plus{ transition:0.5s; position:absolute; display:flex; flex-wrap:wrap;  background: rgb(245, 240, 237);  font-size:1.3rem;color:black; box-shadow: 4px 5px 1px rgba(0,0,0,0.4);border-radius:2px;height:210px; width:250px; z-index: 4;}
.widget .w-plus p{text-align:center; font-weight:bold;height:40px; width:100%; padding-left:5px; font-size:1.7rem; color:rgb(151, 105, 75);}
.widget .w-plus .points{margin-top:10px;}
.widget .w-plus li{display:inline-block; width:100%; background-color:white;}
.widget .w-plus li .fas{width:100%; height:25%; }
.w-plus .fa-check:before{ margin-left:20px; position:absolute !important ; margin-top:10px;}
.widget .w-plus li p{ position:relative;padding-left:45px;padding-top:10px; text-align:left; background:none;color:black; font-size:1.4rem; font-family: 'Source Sans Pro', sans-serif;}

.widget .w-avis .avis{color:black; margin-bottom:5px; }
.widget .w-avis li {margin-top:20px; background-color:white; padding:5px; list-style-type: none;  }
.widget .w-avis li p{display:inline-block; width:50%; }
.widget .w-avis li p:last-child{text-align:right;}

.widget .note{text-align:center; margin-top:10px; font-weight:bold; font-size:1.8rem;padding-left:5px;}

.calendar{display:none; z-index:2; position:absolute; right:0;top:100px; }
.calendar iframe{width:460px !important; height:450px !important; display:block; position:relative;overflow:hidden !important;}
.cdsROW.narrow{width:100% !important; height:95px;}
.cdsROW.narrow .logo{top:inherit;bottom:10px;}
.cdsROW.narrow.border{border-radius:5px;}
.cdsROW.border{border:none !important;}

.content-diapo2{position:relative;width:100%; height:100vh;}
.diapo .photo{width:100%; height:100vh;}
.content-diapo2 .content-photo .photo{width:100%; height:100%;}
.content-diapo2 .owl-nav{position:absolute;top:50%;transform:translateY(-50%);width:100%;color:white;}
.content-diapo2 .owl-nav .owl-prev{float:left;font-size:8rem !important;}
.content-diapo2 .owl-nav .owl-next{ float:right;font-size:8rem !important;}

.diapo_img{	z-index:2; position: absolute; left: 50%; bottom: 140px; width: 800px; transform: translate(-50%,-25%); height: 160px;}

.diapo_img .img1 img{height:100px; width:650px;position:relative;}
.diapo_img .img2 img{height:35px;width:40px;position:relative; -webkit-animation-name: example; -webkit-animation-duration: 5s; -webkit-animation-iteration-count: infinite; animation-name: example; animation-duration: 5s; animation-iteration-count: infinite;}
.diapo_img .img1{width:100%; height:100px;}
.diapo_img .img2{width:100%; height:55px;left:50%;transform:translate(0%, -40%);}

@-webkit-keyframes example {
    0%   { transform:translate(0,20px)}
    25%  { transform:translate(0)}
    50%  { transform:translate(0,20px)}
    75%  { transform:translate(0)}
    100% { transform:translate(0,20px)}
}

/* Standard syntax */
@keyframes example {
    0%   { transform:translate(0,20px)}
    25%  { transform:translate(0)}
    50%  { transform:translate(0,20px)}
    75%  { transform:translate(0)}
    100% { transform:translate(0,20px)}
}

.muted{transform:translateX(-200px);}

.container{height:100%;}
#AVP{display:flex; flex-direction:row; flex:1; flex-wrap:wrap;}
#AVP tbody{}
#AVP .elem1{width:300px;height:100%;position:relative;flex:1;}
#AVP .elem2{width:300px;height:100%;position:relative;flex:1;}
#AVP .elem3{width:300px;height:100%;position:relative;flex:1;}
#AVP .elem4{width:300px;height:100%;position:relative;flex:1;}
#availpro-root{position:absolute; z-index:10;display:block;}
#availpro-root iframe{display:block;z-index:1000;}

#availpro-calendar-host{}
.booking iframe{ width:380px !important; height:430px !important;bottom:100px; left:100px; position:absolute;}

.legend{display:none;}
.dialog-content{display:block;}


/* DIAPO */

/* Resa */ 
.resa{z-index:10; position:absolute;bottom:0px;width:100vw; height:100px;background-color:rgba(39,49,60, 0.9) }
.resa .booking{}
.container_r{z-index:999; width:100%; max-width:1200px; margin:0 auto;  padding:10px 0px; height:100%; display:flex;flex-wrap:nowrap;}
.col-g{flex:1; max-width:70%; min-width:70%; color:white;align-items: center;display: flex;flex-wrap: wrap;}
.col-g h2{letter-spacing:0.1rem; text-transform:uppercase; font-size:16px;padding:5px 0;}
.col-g h1{letter-spacing:0.1rem; font-size:24px; width: 100%}
.col-g h1 img{height:25px;}
.col-d{flex:1; max-width:30%; min-width:30%; color:white; }
.col-d a{transition:0.5s;position:relative; top:50%; transform:translateY(-50%); float:right; text-transform:uppercase; color:white; background-color:transparent; border:1px solid white;  padding:10px 20px;}
.col-d a:hover{color:black; background-color:white; border:none;}
.booking{ width: 100%; height: 100%; }
.booking .reservation{width:100%; height:100%; }
.booking .form{width:100%; height:100%;}
.wptwa-container {
		position: fixed;
    bottom: 80px;
    right: 20px;
		z-index: 11;
		background-color: rgba(37, 186, 89, 0.9);
		color: rgba(255, 255, 255, 1);
		border-radius: 50%;
		width: 50px;
		height: 50px;
		box-shadow: 0 1px 6px rgb(0 0 0 / 6%), 0 2px 20px rgb(0 0 0 / 16%);
		transition: 250ms transform ease-out;
	}
	.wptwa-container:hover {
		transform: scale(0.95);
	}
	.wptwa-container a {
		display: flex;
		align-items: center;
		justify-content: center;
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}
	.wptwa-container svg {
		width: 25px;
		height: 25px;
	}
	.wptwa-container svg path {
		fill: white
	}


#formulaire_resa{display:flex; flex-wrap:nowrap; height:100%; }

#formulaire_resa .elt-form{flex:1;}
#formulaire_resa .btn-resa{color:#a79d85;font-size:1.7rem; font-style:uppercase;}
#formulaire_resa .champs{display:block;}

#formulaire_resa .elt-form:nth-child(1){text-align:center; width:30%;min-width:30%; max-width:30%; position:relative;padding:10px 0px;}
#formulaire_resa .elt-form:nth-child(2){text-align:center; width:20%;min-width:20%; max-width:20%; position:relative;padding:10px 0px;}
#formulaire_resa .elt-form:nth-child(3){text-align:center; width:20%;min-width:20%; max-width:20%; position:relative;padding:10px 0px;}
#formulaire_resa .elt-form:nth-child(4){text-align:center; width:30%;min-width:20%; max-width:20%; position:relative;padding:10px 0px;}

#formulaire_resa .elt-form{width:100%; height:100%;}
#formulaire_resa .elt-form .nb-adultes{border-left: 1px solid #a79d85; border-right:1px solid #a79d85;width:100%;}
#formulaire_resa .elt-form .nb-adultes .champs {font-size:2.3rem; width:100%;color:#a79d85;}
#formulaire_resa .elt-form .nb-adultes .title{color:#a79d85; text-transform:uppercase; font-size:1.7rem;}


#formulaire_resa .elt-form .nb-enfants{border-right:1px solid #a79d85;width:100%;}
#formulaire_resa .elt-form .nb-enfants .champs {font-size:2.3rem; width:100%;color:#a79d85;}
#formulaire_resa .elt-form .nb-enfants .title{color:#a79d85;text-transform:uppercase; font-size:1.7rem;}


#nb_adultes,#nb_enfants{color:white;padding:0 5px;}

#formulaire_resa .elt-form p{color:white;}

#arrive{border:none; background:none;color:white; font-size:1.7rem; width:60px; font-family: 'Source Sans Pro', sans-serif;}
#depart{border:none; background:none;color:white; font-size:1.7rem; width:60px; font-family: 'Source Sans Pro', sans-serif;}
#formulaire_resa p,#arrive,#depart{display:inline-block; margin-top:5px;letter-spacing:1px;}
#nb_adultes,.champ.minus, .champ.plus,#nb_enfants{display:inline-block;}
.champ.minus, .champ.plus{cursor:pointer;}
#arrive::placeholder{color:white;}
#depart::placeholder{color:white;}

#send-resa{ cursor:pointer; display:block;position:relative;top:50%; transform:translate(0,-50%);}
#send-resa:hover span{background:none;border-color:#a79d85;transition:all .5s;}
#send-resa span{background-color:#a79d85; border:1px solid #a79d85;color:white; padding:10px 30px;}

.bande_resa { padding:3rem; background: #515E64;}
.bande_resa > div:first-child {font-size: 2.6rem;font-weight: 300;color:#fff;padding-top: 0.5rem;}

#ui-datepicker-div{width:353px;}

table tbody tr td ui-state-default:hover{background-color:black !important;}
.overflow-table1 table tbody tr:nth-child(1) td{display:table-cell; max-width:115px; min-width:115px; width:115px; padding:0 !important; line-height:40px; }
table tbody tr:nth-child(2) td, table tbody tr:nth-child(3) td, table tbody tr:nth-child(4) td, table tbody tr:nth-child(5) td, table tbody tr:nth-child(6) td{ line-height:50px; padding-left:0 !important;padding-right:0 !important; padding:0 !important;}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active{ color: #8d8d8d;text-align:center; border:none !important;}
table tbody tr:nth-child(2), table tbody tr:nth-child(3), table tbody tr:nth-child(4), table tbody tr:nth-child(5), table tbody tr:nth-child(6){border-bottom:none !important; border-top: 1px solid #ffffff;}
/**/.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight{background:#f6f6f6;}
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover{background:black;}


/*Fin resa*/

/* Accueil */



.accueil{margin-top:100px; display:flex; flex-direction:row; flex-wrap:wrap; width:100%; margin-bottom:100px;}
.accueil > *{flex:1;}

.tppp{padding:10rem 12rem; display:flex; flex-direction:column;margin-top:85px;}
.tppp .titre1{font-family:'Josefin Sans', sans-serif; margin-bottom:10px;font-size:1.3rem; letter-spacing:2px; color:#a79d85; text-transform:uppercase;}
.tppp div{font-family: 'Noto Sans', sans-serif; line-height:25px; font-size:15px;}
.tppp .texte1{padding-top:60px; width: 85%; top: 10%; font-size: 1.5rem; position: relative;}
.tppp .h2{font-family:'Josefin Sans', sans-serif; height:auto; letter-spacing:1px; width:50%; font-size:2.5rem; color:#a79d85; text-transform:uppercase;}

.c-photo{padding:0 50px; position:relative; }
.accueil .c-photo .content-photo{display:flex; flex-direction:row; flex-wrap:wrap; height:100%; width:90%; float:right; position:relative;min-height:50vh;}
.accueil .c-photo .content-photo > *{box-shadow:rgba(0,0,0,.4) 5px 10px 20px;}
.accueil .c-photo .content-photo .photo:nth-child(1){    flex: none; width: auto; position: absolute; top: 50px; left: 0%; bottom: 0px; right: 15%;}
.accueil .c-photo .content-photo .photo:nth-child(2){flex:1; height:35vh; margin-top:50%; width:100%; transform:translate(-65px, 50px);}
.accueil .c-photo .content-photo .photo:nth-child(3){flex:1; height:35vh; margin-top:25%; width:100%; margin-left:10%; transform:translate(15px);}

.accueil .c-photo .content-photo .photo img{transition:opacity 1s,transform 1s;}

.titre2{ flex: none;width: 100%;left: 0px;position: relative;top: 0;}
.diapo{flex:none; width:100%; height:100vh; overflow:hidden;}
.owl-carousel{display:block !important;flex:none;}

.content-villa{margin-top:15vh; flex:none; width:100%;}
.content-villa h2{font-family:'Josefin Sans', sans-serif;text-align:center; margin-bottom:5vh;font-size:2.8rem; letter-spacing:2px; color:#a79d85; text-transform:uppercase; }
.content-villa .photo{height:75vh;}

.accueil .diapo2 .villa_p{position:relative;padding:0px 40px;}
.accueil .diapo2 .villa_p .lien_v{color:black; cursor:pointer;}
.accueil .diapo2 .villa_t{ max-width:400px; padding:25px; margin:0 40px; position:absolute; width:auto; height:auto; min-height:50%;  top:0;left:0;background-color:rgba(255,255,255, 1); transition:all .5s; opacity:0;}
.diapo2 .owl-item.active.villa_t{display:block;}
.diapo2 .villa_t .texte2{font-family:'Josefin Sans', sans-serif; top:0; position:relative; text-align: left; margin-bottom: 1vh; font-size: 1.8rem; color: #a79d85; text-transform: uppercase;}
.diapo2 .villa_t .texte3{font-family: 'Frank Ruhl Libre', serif; position: relative; text-align: left; margin-bottom: 2vh; font-weight:bold; font-size: 2.5rem;color: #a79d85; text-transform: uppercase;}
.diapo2 .villa_t .texte{font-family: 'Noto Sans', sans-serif; text-align: left; padding: 10px 0;  font-size: 1.5rem;}
.texte4{ font-family: 'Noto Sans', sans-serif; text-align: left; padding: 10px;  font-size: 1.5rem;}
.diapo2 .villa_t .decouvrir{position: relative; float:left;  font-weight:bold; left: 0; padding: 5px;color: #a79d85; letter-spacing: 2px; font-size: 1.5rem; text-transform: uppercase; bottom: 0%; transition:all 1s;}

.diapo2 .owl-nav{position:absolute; top:50%; text-align:center; width:100%;height:50px;}
.diapo2 .owl-nav button.owl-prev{position:relative;float:left; left:17rem;}
.diapo2 .owl-nav button.owl-next{position:relative;float:right;right:17rem;}

.diapo2 .active.center .villa_t{opacity:1;}

.services{position:relative; width:100%; margin-top:15vh;}

.services .icone{width:100%; display:flex;height:25vh; margin-bottom:30px;padding:0px 125px 0px 125px; flex-wrap:nowrap;}
.services .title{margin-bottom:5vh; text-align:center;letter-spacing:1px; width:100%; font-size:2.5rem; padding-left:10px;color:#a79d85; text-transform:uppercase;}
.c-services{width:100%; height:50vh;}
.c-services .services_p .photo{height:50vh;}

.c-services .icone{width: 100%; display: flex; height: 25vh; margin-bottom: 30px;}
.c-services .owl-stage-outer{height:60vh;}
.c-services .owl-nav{position:absolute; left:0; top:50%; transform:translate(0,-50%); width:100%; padding:0 35px;}
.c-services .owl-nav .owl-prev{float:left;color:white;}
.c-services .owl-nav .owl-next{float:right;color:white;}

.c-services.owl-carousel .owl-item img{width:auto; height:100%;}
.c-services .owl-item .services_p{padding:0 15px;}
.c-services .owl-stage-outer .owl-stage{height:60vh;}
.c-services .active.center .services_p .services_photo .photo::after{top:10px;left:10px;width:96%;height:96%;border:1px solid white; content:""; position:absolute;}
/*.c-services .active.center .services_p::after{position:absolute; content:''; width:100%; height:100%; top:0;left:0; box-shadow: 0px 0px 0px 5px rgba(0, 0,0, .3);}*/

.services .icone .icone_c{ flex:1; max-width:25%; min-width:25%; width:25%;height:100%; }
.services .icone .icone_c .photo{height:100%;} 
.services .icone .icone_c .photo img{width:50%;}

.services_p .services_texte{background-color:white;text-align:center;height:80px; }
.services_texte .texte2{ font-size:1.7rem; justify-content: center;top:50%; position:relative; transform:translate(0, -50%);}

/*Fin accueil*/

/* Page Villas */

.villas {width:100%; height:100vh;}
.villa{margin-bottom:80px;}
.villas .c-villa{justify-content:center; flex-wrap:wrap; display:flex;width:100%;height:90vh;padding-top:10vh;padding-bottom:10vh; padding-left:20px; padding-right:20px;}
.villas .c-villa .villa_p{cursor:pointer; flex:1; padding:0 10px; transition:all .5s;height:100%; width:33.3%;}
.villas .c-villa .villa_p .villa_photo{transition:all .5s;padding:0 10px; height:100%; width:100%;}
.villas .c-villa .villa_p .villa_photo .photo{height:100%;transition:all .5s;}
.villas .c-villa .villa_p .villa_photo .photo:after{transition:all .5s;}
.villas .c-villa .villa_p .villa_photo .photo:hover{transition:all 0.5s}
.villas .c-villa .villa_p .villa_photo .photo img{transition: opacity 1s, transform 15s}
.villas .c-villa .villa_p .villa_photo .photo:hover:after{opacity:1; cursor:pointer; color:white; content:"\f061"; font-family:"Font Awesome\ 5 Pro"; text-align:center; font-size:95px; position:absolute; top:0; left:0; bottom:0;right:0; background:rgb(167,157,133, 0.4); display:flex; flex-direction:column;justify-content: center; animation-duration:1s;}
.villas .villa_texte{padding-left:20px;margin-top:10px;}
.villas .villa_texte .texte2{font-family:'Josefin Sans', sans-serif;  text-transform: uppercase; font-size: 2rem; letter-spacing: 1px; font-weight: 500}
.villas .villa_texte .texte{text-transform: uppercase; font-size: 1rem; letter-spacing: 3px;}

.villas .c-villa .villa_p .villa_photo .photo.oui{width:100%;height:100%; position:relative;}

/* Fin Page Villas*/


/* A proximité */

.titre_approx{font-family:'Josefin Sans', sans-serif; width:100%; text-align:center;margin-top:100px;}
.titre_approx .texte1{color:#a79d85;font-size:1.7rem;}
.titre_approx .titre1{color:#a79d85;font-size:3.2rem;letter-spacing:2px; text-transform:uppercase; }

.c-proxi{width:100%;margin-top:10px;display:flex; flex-wrap:wrap !important;height:auto;min-height:140vh;padding:20px 0px;}
.c-proxi .proxi_p{max-width:25%; min-width:25%; flex-basis:25%;  flex:1;width:25%;height:60vh;}
.c-proxi .proxi_p .proxi_photo{overflow:hidden; position:relative; padding:20px 20px; height:100%;width:100%;}
.c-proxi .proxi_p .proxi_photo .proxi_texte{z-index:1; color:white;position:relative; left:0;top:20%; text-align:center; text-transform:uppercase; font-size:3rem;}
.c-proxi .proxi_p .proxi_photo .proxi_texte .texte2{font-size:2.5rem;}
.c-proxi .proxi_p .proxi_photo .proxi_texte .texte{font-size:1.5rem;}
.c-proxi .proxi_p .proxi_photo .photo{top:20px; left:20px; right:20px; bottom:20px; position:absolute; transition:all 0.5s; height:100%; width:100%;}
.c-proxi .proxi_p .proxi_photo .photo:after{z-index:2; cursor:pointer; opacity:0; cursor:pointer; color:white; content:"\f061"; font-family:"Font Awesome\ 5 Pro"; text-align:center; font-size:95px; position:absolute; top:0; left:0; bottom:0;right:0; display:flex; flex-direction:column;justify-content: center; transition:all 1s;}
.c-proxi .proxi_p .proxi_photo .photo:hover:after{opacity:1;}
.c-proxi .proxi_p .proxi_photo .photo img{transition:opacity 1s,transform 15s;}

/*Fin a proximité*/

/* Offres */

.titre_offres{font-family:'Josefin Sans', sans-serif; width:100%; text-align:center;margin-top:100px;}
.titre_offres .texte1{color:#a79d85;font-size:1.7rem;}
.titre_offres .titre1{color:#a79d85;font-size:3.2rem;letter-spacing:2px; text-transform:uppercase; }

.c-offres{position:relative; width:60%; left:50%; transform:translateX(-50%); margin-top:10px;display:flex; flex-wrap:wrap !important;height:auto;min-height:140vh;padding:20px 0px;}
.c-offres .proxi_p{position:relative; max-width:50%; min-width:50%; flex-basis:25%;  flex:1;width:25%;height:70vh;}
.c-offres .proxi_p:hover .bg{opacity:1;}
.c-offres .proxi_p .bg{transition:0.5s; opacity:0; width:100%; height:100%;background-color:rgba(39,49,60, 0.7); z-index:100;}
.c-offres .proxi_p .proxi_photo{overflow:hidden; position:relative; height:100%;width:100%;}
.c-offres .proxi_p .proxi_photo:hover .proxi_texte .texte{opacity:1;}
.c-offres .proxi_p .proxi_photo:hover .proxi_texte .texte3{opacity:1;}
.c-offres .proxi_p .proxi_photo .proxi_texte{padding-left:20px; transition:0.5s;z-index:101; color:white;position:relative; left:0;top:3%; text-align:center; text-transform:uppercase; font-size:3rem;}
.c-offres .proxi_p .proxi_photo .proxi_texte .texte2{ margin-bottom:20px; padding:15px; background-color:rgba(39,49,60, 0.7); transition:0.5s; font-size:2.5rem;}
.c-offres .proxi_p .proxi_photo .proxi_texte .texte3{transition:0.5s; opacity:0;font-size:1.8rem; margin-top:20rem;}
.c-offres .proxi_p .proxi_photo .proxi_texte .texte{ transition:0.5s; font-size:1.5rem; opacity:0;}
.c-offres .proxi_p .proxi_photo .photo{top:20px; left:20px; right:20px; bottom:20px; position:absolute; transition:all 0.5s; height:100%; width:100%;}
.c-offres .proxi_p .proxi_photo .photo:after{width:96%;z-index:101; cursor:pointer; opacity:0; cursor:pointer; color:white; content:"Profiter de l'offre"; text-align:center; font-size:30px; position:absolute;left:0; bottom:40px;right:0; display:flex; flex-direction:column;justify-content: center; transition:all 1s;}
.c-offres .proxi_p .proxi_photo .photo:hover img{transform: translate(-50%,-50%) scale(1.6)}
.c-offres .proxi_p .proxi_photo:hover .photo:after{opacity:1;}
.c-offres .proxi_p .proxi_photo .photo img{transition:opacity 1s,transform 15s;}

/* Fin Offres */ 

/* Tarifs */

.overflow-table1{padding:100px; overflow-x:scroll; margin-right:90px;}

.overflow-table1 .bandeau1{  z-index:1; position: absolute; right: 0; width: 90px; padding-top: 25px; height: 100vh; background: #f4f7fc; padding-bottom: 25px;}
.overflow-table1 .bandeau11{  z-index:1; position: absolute; left: 0; width: 90px; padding-top: 25px; height: 100vh; background: #f4f7fc; padding-bottom: 25px;}
.overflow-table1 .bandeau1 .nav2{z-index:2; position:absolute; right:50%; top:50%; transform:translate(50%,-50%);width:30px; height:30px;}
.overflow-table1 .bandeau1 img{cursor:pointer ; position:absolute; width:40px; height:40px;}

.overflow-table1 .bandeau11 .nav1{z-index:2; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);width:30px; height:30px;}
.overflow-table1 .bandeau11 img{cursor:pointer ; position:absolute; width:40px; height:40px;;}

.bandeau22, .bandeau122{display:none;}

.overflow-table1 h3{font-family:'Josefin Sans', sans-serif; text-align:center; text-transform:uppercase; color:#a79d85; font-size:2.5rem; margin-top:50px; margin-bottom:5px; }
.overflow-table1 h4{font-family:'Josefin Sans', sans-serif; text-align:center; text-transform:uppercase; color:#a79d85; font-size:3.5rem;letter-spacing:1px ; margin-top:5px; margin-bottom:50px; }
.overflow-table1 table{ width:1700px; max-width:1700px; font-size:1.7rem; padding:40px; overflow-x:scroll; overflow-y:hidden;}
.overflow-table1 table tbody tr:nth-child(1) td{width:20px; color:white; background-color:#a79d85; border:2px solid white; padding:20px;}
.overflow-table1 table tbody tr:nth-child(1) td:first-child{width:180px; min-width:180px; }
.overflow-table1 table tbody tr:nth-child(2),table tbody tr:nth-child(3),table tbody tr:nth-child(4),table tbody tr:nth-child(5),table tbody tr:nth-child(6){border-bottom:1px solid black;}
.overflow-table1 table tbody tr:nth-child(2) td,table tbody tr:nth-child(3) td,table tbody tr:nth-child(4) td,table tbody tr:nth-child(5) td,table tbody tr:nth-child(6) td{padding:10px;padding-left:15px;  padding-right:15px;}

.overflow-table1 .description{text-align:left; margin-top:20px; }
.overflow-table1 .titre2_tarifs{margin-bottom:20px; text-align:center;}
.overflow-table1 .titre2_tarifs .aled3{color:#a79d85; text-transform:uppercase;font-size:2.5rem;letter-spacing:1px; }

.bouton_t{transition:0.5s;text-align:center; width:200px; font-size:22px; margin-top:5rem; color:white; height:auto; padding: 5px 20px; background-color:rgb(76, 53, 38);transition:all 1s;position:relative; left:50%; transform:translateX(-50%); text-transform:uppercase;}
.bouton_t:hover{background-color:#a79d85}

.overflow-table23{padding: 30px 100px 100px 100px}
.overflow-table23 h3{font-family:'Josefin Sans', sans-serif; text-align:center; text-transform:uppercase; color:#a79d85; font-size:2.5rem; margin-top:50px; margin-bottom:5px; }
.overflow-table23 h4{text-align:center; text-transform:uppercase; color:#a79d85; font-size:3.5rem;letter-spacing:1px ; margin-top:5px; margin-bottom:50px; }
.overflow-table23 .tarifs-t{display:none;}
.overflow-table23 table{display:none;}
.overflow-table23 .description{font-family: 'Noto Sans', sans-serif; text-align:left; margin-top:10px;}
.overflow-table23 .description strong{color:#a79d85;}

.overflow-table23 .nav2,.overflow-table23 .nav1{display:none;}
/* Fin tarifs*/

/* Sous page */

.sous-page{z-index:1; height:100vh;width:100vw;display:flex;flex-wrap:wrap;}
.souspage-photo{padding:50px; z-index:20; float:right; width:50%; min-width:50%; max-width:50%; flex:1;height:100%;display: flex;}
.souspage-photo .photo{display: flex;justify-content: center}
.souspage-photo .photo > img { object-fit: cover;  }
.souspage-photo .owl-stage-outer{height:100%; position: relative; overflow: hidden}

.souspage-photo .owl-nav{position:relative; bottom:50%; transform:translate(0,-50%); width:100%; height:40px; color:white;}
.souspage-photo .owl-nav .owl-prev{float:left;z-index:33; font-size:7rem !important; margin-left:20px;}
.souspage-photo .owl-nav .owl-next{float:right;z-index:33; font-size:7rem !important; margin-right:20px;}

.souspage-photo .photo{height:100vh;}
.souspage-photo .owl-stage-outer .owl-stage .owl-item .souspage-p{padding: 0px 140px;}
.souspage-photo .photo img{width:100%; display:block ;}

.accueil-photo{padding:50px; z-index:20; float:right; width:50%; min-width:50%; max-width:50%; flex:1;height:100%;display: flex;}
.accueil-photo .photo{display: flex;justify-content: center}
.accueil-photo .photo > img { object-fit: cover;  }
.accueil-photo .owl-stage-outer{height:100%; position: relative; overflow: hidden}

.accueil-photo .owl-nav{position:absolute; top:50%; transform:translate(0,-50%); width:100%; height:40px; color:white;}
.accueil-photo .owl-nav .owl-prev{float:left;z-index:33; font-size:7rem !important; margin-left:20px;}
.accueil-photo .owl-nav .owl-next{float:right;z-index:33; font-size:7rem !important; margin-right:115px;}

.accueil-photo .photo{height:100vh;}
.accueil-photo .owl-stage-outer .owl-stage .owl-item .souspage-p{padding: 0px 140px;}
.accueil-photo .photo img{width:100%; display:block ;}
.souspage-texte{z-index:20; float:left; width:50%; min-width:50%; max-width:50%; text-justify:auto; flex:1;height:100%;position:relative;}
.souspage-texte .content-souspage{height:80%; left:50%;top:50%;transform:translate(-50%,-50%);padding: 8rem 16rem 9rem 20rem; position:relative;}
.souspage-texte .content-souspage p{line-height:29px; font-family: 'Noto Sans', sans-serif;}
.souspage-texte h2{font-family:'Josefin Sans', sans-serif;height:auto; text-transform:uppercase; color:#a79d85; font-size:2.8rem; letter-spacing:1px;}
.souspage-texte .titre1{font-family:'Josefin Sans', sans-serif;height:auto; margin-top:5px;text-transform:uppercase; color:#a79d85; font-size:1.7rem;}
.souspage-texte .texte1{height:auto; margin-top:20px;line-height:30px;}
.souspage-texte .texteb{height:auto; margin-top:20px;line-height:30px; font-weight:bold;}
.souspage-texte .prix{font-family: 'Noto Sans', sans-serif; height:auto; margin-top:5px; font-weight:bold;}
.souspage-texte .reserver{position:relative; top:20px; height:auto; margin-top:20px; color:white; background-color:#a79d85;border:1px solid #a79d85; padding: 10px 40px; transition:all 0.5s;}
.souspage-texte .reserver:hover{ color:#a79d85;border:1px solid #a79d85;background-color:white;}

.souspage-icone{flex-basis:auto; min-height:40vh; flex-wrap:wrap; width:100%; height:100%; display:flex; flex-wrap:wrap;}
.souspage-icone .icone {text-align:center; position:relative; height: 140px;flex:1; width:25%;max-width: 25%; min-width: 25%;}
.souspage-icone .icone .texte2{ left:50%; transform:translate(-50%,0);height:20px; position:absolute; bottom:5px;color:white; font-size:1.7rem; letter-spacing:1px;}
.souspage-icone .photo{width:100%; height:100%;}
.souspage-icone .photo img{width:7rem;}
.parallax{width:100vw;height:auto; position:relative;}
.parallax .content{position:absolute; top:0; bottom:0; left:0; right:0; z-index:1;}
.parallax .content .photo{z-index:1; height:100%; width:100%;}
.parallax .bg2{width:100%; z-index:2; background-color:rgba(33, 54, 64, 0.6); position:relative; min-height:35vh; padding:60px 370px;}

.content-sp{margin-top:15vh; flex:none; width:100vw;}
.content-sp h2{font-family:'Josefin Sans', sans-serif; text-align:center; margin-bottom:5vh;font-size:2.8rem; letter-spacing:2px; color:#a79d85; text-transform:uppercase; }
.content-sp .photo{height:60vh;}

.diapo3 .owl-item.active.souspage_t{display:block;}
.diapo3{height:80vh;}
.sous-page .diapo3 .souspage_p{padding:0px 40px;}
.sous-page .diapo3 .souspage_p .villa_p2 .photo{height:75vh;}
.sous-page .diapo3 .souspage_t{  max-width:400px; padding:25px; margin:0 40px; position:absolute; width:auto; height:auto; min-height:50%;  top:0;left:0;background-color:rgba(255,255,255, 1); transition:all .5s; opacity:0;}
.diapo3 .owl-item.active.souspage_t{display:block;}
.diapo3 .souspage_t .texte2{font-family:'Josefin Sans', sans-serif; padding-left:5px; position:relative; width: 100%; float:left; text-align: left;  margin-bottom: 1vh; font-size: 2.0rem; letter-spacing: 1px; color: #a79d85; text-transform: uppercase;}
.diapo3 .souspage_t .texte3{font-family:'Josefin Sans', sans-serif; padding-left:10px; position: relative; text-align: left; margin-bottom: 2vh; font-size: 1.4rem; letter-spacing: 1px;color: #a79d85; text-transform: uppercase;}
.diapo3 .souspage_t .texte{font-family: 'Noto Sans', sans-serif; text-align: left; padding: 10px;  font-size: 1.4rem;}
.diapo3 .souspage_t .decouvrir{font-family: 'Noto Sans', sans-serif; position: absolute; left: 0; color: #a79d85; margin-left: 10%;letter-spacing: 2px; font-size: 1.5rem; text-transform: uppercase; bottom: 10%; transition:all 1s;}
.diapo3 .souspage_t .decouvrir:hover{color:rgba(0,0,0,0.6);}

.diapo3 .owl-nav{position:absolute; top:50%; text-align:center; width:100%;height:50px; transform:translate(0,-50%);}
.diapo3 .owl-nav button.owl-prev{position:absolute; left:5rem;}
.diapo3 .owl-nav button.owl-next{position:absolute; right:5rem;}

.diapo3 .active.center .souspage_t{opacity:1;}


.pages > .page > .contenu { order:1; }
.pages > .page > .element:nth-child(2) {order:2;}

.webkit .pages > .page > .contenu {height:100%;position: absolute;right:0;top:0;overflow:hidden;text-align: justify;}
.webkit .pages > .page:nth-child(2n) > .element:nth-child(2) {float:right;}
.webkit .pages > .page:nth-child(2n) > .contenu {left:0;right:auto;}

.pages > .page > .contenu > .box{left:0;padding:5rem;text-align: right;}
.pages > .page > .contenu h2{display: block;margin-bottom: 3rem;font-weight: 500;font-size: 3rem;font-family: "Roboto","Raleway",Arial,sans-serif;}
.pages > .page > .contenu h2 a{color:#444;}
.pages > .page > .contenu h3 { padding:2rem 0;margin-bottom: 2rem;display: block;border-top: 1px solid #ddd; border-bottom: 1px solid #ddd;font-size: 1.7rem;}
.pages > .page > .contenu .texte { margin-bottom: 2rem;}



.pages > .page:nth-child(2n) > .element:nth-child(2) {order:1;}

.pages > .page:nth-child(2n) > .contenu {order:2;}
.pages > .page:nth-child(2n) > .contenu .box{text-align: left;}

/*Fin sous page*/

/*Galerie*/

.conteneur_galerie { margin-top:20px; background: #231F20; height:auto; min-height:100vh;}
.conteneur_galerie .photo { min-width:0; height:60vh; }
.conteneur_galerie .photo:nth-child(5n) { flex:1 1 50%; }
.conteneur_galerie .photo:nth-child(5n - 1) { flex:1 1 50%; }
.conteneur_galerie .photo:nth-child(5n - 2) { flex:1 1 33.3%; }
.conteneur_galerie .photo:nth-child(5n - 3) { flex:1 1 33.3%; }
.conteneur_galerie .photo:nth-child(5n - 4) { flex:1 1 33.3%; }
.conteneur_galerie .photo:after {content:'';display: block; position: absolute;top:0;left:0;width:100%;height:100%;background: rgba(0,0,0,0.6);opacity: 0; transition:all 500ms;-webkit-transition:all 500ms;} 
.conteneur_galerie .photo:hover:after { opacity: 1; }
.galerie .title h1{font-family:'Josefin Sans', sans-serif; margin-top:20px; color:#a79d85; font-size:1.8rem; text-align:center; letter-spacing:1px;}
.galerie .description{font-family:'Josefin Sans', sans-serif; color:#a79d85; font-size:3rem; text-align:center; letter-spacing:1px; text-transform:uppercase;}
/* Fin galerie*/

/* Paralax */

.photo.paralax:before { content:"";position: absolute; width:100%;height:100%;z-index: 1;background: rgba(0,0,0,.3)}
.paralax{ overflow: hidden; background-repeat: no-repeat; background-position: center; background-attachment: fixed; opacity: 0; transition: opacity 1s; -webkit-transition: opacity 1s;
    -webkit-background-size: cover; /* pour anciens Chrome et Safari */
    background-size: cover; /* version standardisée */
    position: relative;
    background-color: white;
}
.paralax span.title,.paralax span.description { font-family:"Raleway",Arial,sans-serif;color:#fff;z-index: 2 }
.paralax span.title { font-size: 3.1rem ;;font-weight: 600; }
.paralax span.description { max-width: 600px;text-align: center;margin:0 auto;font-size: 1.8rem;font-weight: 800;margin-top: 2rem;}
.paralax span.btn.block.savoir_plus { margin-top: 2rem; }
.paralax .box { z-index: 2 }


/**/

/* Contact */

.elt-form4{margin-bottom:10px;}
.hack-inline .col-lg-6.inline-block.container_gmap{margin-bottom:100px; padding-left:50px; padding-right:100px; width:100% !important; max-width:100%; flex:none;}
.hack-inline .col-lg-6.inline-block.container_gmap .element{width:100%;height:50%;}
.hack-inline .col-lg-6.inline-block.container_gmap .element iframe{width:100%;height:100%;}
.hack-inline .col-lg-6.inline-block.container_gmap .itineraire{}
.hack-inline .col-lg-6.inline-block.container_gmap .itineraire1{margin-top:20px; }
.hack-inline .col-lg-6.inline-block.container_gmap .itineraire2{margin-top:20px; }

.hack-inline .col-lg-6.inline-block.conteneur_formulaire{margin-bottom:100px; width:40% !important; padding-right:50px; padding-left:100px;}
.hack-inline .col-lg-6.inline-block.conteneur_formulaire .form{height:100%; width:100%;}
.hack-inline .col-lg-6.inline-block.conteneur_formulaire .form #formulaire_client{height:100%; width:100%;}


.c-itineraire1{width:100%;margin-top:10px;display:flex; flex-wrap:wrap !important;height:auto;padding:20px 0px;}
.c-itineraire1 .proxi_p{max-width:25%; min-width:25%; flex-basis:25%;  flex:1;width:25%;height:60vh;}
.c-itineraire1 .proxi_p .proxi_photo{overflow:hidden; position:relative; padding:20px 20px; height:100%;width:100%;}
.c-itineraire1 .proxi_p .proxi_photo .proxi_texte{z-index:1; color:white;position:relative; left:0;top:20%; text-align:center; text-transform:uppercase; font-size:3rem;}
.c-itineraire1 .proxi_p .proxi_photo .proxi_texte .texte2{font-size:2.5rem;}
.c-itineraire1 .proxi_p .proxi_photo .proxi_texte .texte{font-size:1.5rem;}
.c-itineraire1 .proxi_p .proxi_photo .photo{top:20px; left:20px; right:20px; bottom:20px; position:absolute; transition:all 0.5s; height:100%; width:100%;}
.c-itineraire1 .proxi_p .proxi_photo .photo:after{z-index:2; cursor:pointer; opacity:0; cursor:pointer; color:white; content:"\f061"; font-family:"Font Awesome\ 5 Pro"; text-align:center; font-size:95px; position:absolute; top:0; left:0; bottom:0;right:0; display:flex; flex-direction:column;justify-content: center; transition:all 1s;}
.c-itineraire1 .proxi_p .proxi_photo .photo:hover img{transform: translate(-50%,-50%) scale(1.6)}
.c-itineraire1 .proxi_p .proxi_photo .photo:hover:after{opacity:1;}
.c-itineraire1 .proxi_p .proxi_photo .photo img{transition:opacity 1s,transform 15s;}

.c-itineraire2{width:100%;margin-top:10px;display:flex; flex-wrap:wrap !important;height:auto;padding:20px 0px;}
.c-itineraire2 .proxi_p{max-width:25%; min-width:25%; flex-basis:25%;  flex:1;width:25%;height:60vh;}
.c-itineraire2 .proxi_p .proxi_photo{overflow:hidden; position:relative; padding:20px 20px; height:100%;width:100%;}
.c-itineraire2 .proxi_p .proxi_photo .proxi_texte{z-index:1; color:white;position:relative; left:0;top:20%; text-align:center; text-transform:uppercase; font-size:3rem;}
.c-itineraire2 .proxi_p .proxi_photo .proxi_texte .texte2{font-size:2.5rem;}
.c-itineraire2 .proxi_p .proxi_photo .proxi_texte .texte{font-size:1.5rem;}
.c-itineraire2 .proxi_p .proxi_photo .photo{top:20px; left:20px; right:20px; bottom:20px; position:absolute; transition:all 0.5s; height:100%; width:100%;}
.c-itineraire2 .proxi_p .proxi_photo .photo:after{z-index:2; cursor:pointer; opacity:0; cursor:pointer; color:white; content:"\f061"; font-family:"Font Awesome\ 5 Pro"; text-align:center; font-size:95px; position:absolute; top:0; left:0; bottom:0;right:0; display:flex; flex-direction:column;justify-content: center; transition:all 1s;}
.c-itineraire2 .proxi_p .proxi_photo .photo:hover img{transform: translate(-50%,-50%) scale(1.6)}
.c-itineraire2 .proxi_p .proxi_photo .photo:hover:after{opacity:1;}
.c-itineraire2 .proxi_p .proxi_photo .photo img{transition:opacity 1s,transform 15s;}

.hack-inline .col-lg-6.inline-block.container_gmap .element{margin-top:100px;}

.c-itin{display:flex;}
.info-contact{width:100%;padding:100px; text-align:center;}
.info-contact{padding: 20px 50px;}
.info-contact .coordo{text-transform:uppercase; color:black; margin-top:15px;}
.info-contact .titre1{font-family:'Josefin Sans', sans-serif; text-align:center; font-size:3.0rem;}
.info-contact .texte1{text-align:center; font-size:2rem;margin-top:10px;}
.info-contact .info{color:black; left:50%; transform:translateX(-50%);display:flex; width:250px;  position:absolute; margin-top:25px;  text-align:center;}
.info-contact .info2{color:black; left:50%; transform:translateX(-50%);display:flex; width:250px;  position:absolute; margin-top:50px;  text-align:center; cursor:pointer;}
.info-contact .info p{margin-right:5px; color:black; text-transform:uppercase;}
.info-contact .info2 p{margin-right:5px; color:black; text-transform:uppercase;}
.itin{ display:flex; margin-top:40px;padding:20px 50px; width:100vw;height:auto; flex-wrap:wrap;}
.itin .itineraire_texte{flex:1;}

.itin h2{font-family:'Josefin Sans', sans-serif; position:absolute; left:50%; transform:translate(-50%,0); text-transform:uppercase; color:#a79d85;}
.col-lg-6 h2{margin-top:20px;}

.content-itineraire1{margin-top:100px; width:100%; min-width:100%; max-width:100%; display:flex;}
.content-itineraire1:before{left:50%; transform:translate(-50%,0); font-size: 2rem; transform: translate(-50%,0);   color: #a79d85; vertical-align: middle; position: absolute; content: "Depuis l'aéroport ";}

.content-itineraire2{margin-top:100px; width:100%; min-width:100%; max-width:100%; display:flex;}
.content-itineraire2:before{left:50%; transform:translate(-50%,0); font-size: 2rem; transform: translate(-50%,0);   color: #a79d85; vertical-align: middle; position: absolute; content: "Depuis le port";}


.col-lg-6{text-align:center;position:relative;margin-top:15rem;}


#formulaire_client .hack-inline span{width:800px; margin-top:10px;}

.hack-inline .title_contact{font-family:'Josefin Sans', sans-serif; margin-top:40px; width:100%;text-align:center; text-transform:uppercase;font-size:3rem;letter-spacing:4px; position:absolute;}

#formulaire_client .elt-form{text-align:justify;}

#formulaire_client .hack-inline .element{text-align:left;}

.form{width:80%;}
.form .c-content{border: 1px solid rgba(0, 0, 0, 0.2); margin-top:25px; width:40%; position:relative; display:inline-block;}
.c-content:nth-child(2){margin-left:55px; position:relative;float:right}
.c-content:nth-child(4){margin-left:55px; position:relative;float:right}
.c-content:nth-child(6){margin-left:55px; position:relative;float:right}
.elt-form4 .c-content:nth-child(1){width:100%; }


#formulaire_client .elt-form1 .required_nom{border:none; height:55px; width:100%;position:relative;background-color:#e6e9ed;padding:0 20px;}
.elt-form1 .c-content:nth-child(1)::before{content:'Nom :'; position:absolute; width:50px; height:40px;left:-30px;transform:translate(-50%);top:0; display:block;}

#formulaire_client .elt-form1 .required_prenom{border:none; height:55px; width:100%;position:relative;background-color:#e6e9ed;padding:0 20px;}
.elt-form1 .c-content:nth-child(2)::before{content:'Prénom :';position:absolute;width:80px; height:40px; left:-50px;transform:translate(-50%);top:0; display:block;}

#formulaire_client .elt-form2 .required_mail{border:none; height:55px; width:100%;position:relative;background-color:#e6e9ed;padding:0 20px;}
.elt-form2 .c-content:nth-child(1)::before{content:'Mail :';position:absolute;width:50px; height:40px; left:-30px;transform:translate(-50%);top:0 ;display:block;}

#formulaire_client .elt-form2 .required_tel{border:none; height:55px; width:100%;position:relative;background-color:#e6e9ed;padding:0 20px;}
.elt-form2 .c-content:nth-child(2)::before{content:'Téléphone :';position:absolute;width:80px; height:40px; left:-50px;transform:translate(-50%);top:0; display:block;}

#formulaire_client .elt-form3 .required_ville{border:none; height:55px; width:100%;position:relative;background-color:#e6e9ed;padding:0 20px;}
.elt-form3 .c-content:nth-child(1)::before{content:'Ville :';position:absolute;width:50px; height:40px; left:-30px;transform:translate(-50%);top:0; display:block;}

#formulaire_client .elt-form3 .required_postal{border:none; height:55px; width:100%;position:relative;background-color:#e6e9ed;padding:0 20px;}
.elt-form3 .c-content:nth-child(2)::before{content:'Code postal :';position:absolute;width:100px; height:40px; left:-50px;transform:translate(-50%);top:0; display:block;}

#formulaire_client .elt-form4 .required_message{ border:none; height:150px; width:100%;position:relative;background-color:#e6e9ed;padding:0 20px;}
.elt-form4 .c-content:nth-child(1)::before{content:'Message :';position:absolute;width:75px; height:40px; left:-50px;transform:translate(-50%);top:0; display:block;}

#formulaire_client .hack-inline .element .g-recaptcha::before{content:'Antispam :';position:absolute;width:75px; height:40px; left:-50px;transform:translate(-50%);top:0; display:block;}

#formulaire_client .hack-inline{float:left; width:100%;}
#formulaire_client .hack-inline .element .btn{margin-top:20px;text-align: center; position: relative; left: 50%; transform: translate(-50%); border: none; text-transform: uppercase; padding: 15px; letter-spacing: 1px; color: white; background-color: #a79d85; }
#formulaire_client .hack-inline .element .btn:hover{cursor:pointer; background-color: #2f2f2f; transition:all 1s;}
/* Fin Contact*/


/*   Footer   */

#mm-0{overflow:hidden;}

.container{width:100%;}

footer { width:100%; height:210px; bottom:0; padding:2rem; background: #2f2f2f ;color:white;font-size: 1.4rem;}
footer .element {  padding:2rem;text-align: left; }

footer .element:nth-child(1){height:170px;width:20%;}

footer .element:nth-child(2){height:170px; left:0; top:0; width:25%;}
footer .element:nth-child(2) ul{padding:25px;}

footer .element:nth-child(3){width:5%;height:100%;}
footer .element:nth-child(3) ul.rs{top:50%; transform:translate(0,-50%); position:relative;}

footer .element:nth-child(4){height:170px; width:30%}
footer .element:nth-child(4) ul{position:relative; width:100%; height:100%;}
footer .element:nth-child(4) ul.liste_carre li{display:block;}
footer .element:nth-child(4) ul.liste_carre li:nth-child(1){width:50%; float:left; text-align:right; top:50%; transform:translate(0,-50%); position:relative;}
footer .element:nth-child(4) ul.liste_carre li:nth-child(2){text-align:center; width:50%; float:right; top:50%; transform:translate(0,-50%); position:relative;}
footer .element:nth-child(4) ul.liste_carre li a:hover{cursor:pointer;}

footer .element:nth-child(5){position:relative;height:170px; padding-right:50px;width:20%;}
footer .element:nth-child(5) a{position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); font-size:1.5rem; width:100%; text-align:center;}

footer .element .aled2{height:95px; position:relative; top:50%; left:50%;transform:translate(-50%, -50%);}
footer .element .aled{position:relative; height:70px; left:50%; top:50%; transform:translate(-50%,-50%);}

footer .element h4 { display:none !important; margin-bottom: 2rem;display: block;font-family: "Roboto","Raleway",Arial,sans-serif;font-weight: 400;font-size: 1.7rem;}
footer .element ul.list_valid li:before,footer .element ul.liste_carre li:before { font: normal normal normal 14px/1 FontAwesome;display: inline-block;margin-right: 1rem;color: #DBBC94;position: relative;}
footer .element ul.list_valid li:before { content:"\f00c"; }
footer .element ul.liste_carre li a { color:white; }
footer .element ul li {line-height: 2.5rem; }
footer .element ul.rs { display: block;margin-top: 1rem; text-align: center; }
footer .element ul.rs li { display: inline-block;padding:0.3rem;}
footer .element ul.rs li a{display: block;padding:2rem;position: relative;background: #515E64;border-radius: 100%;}
footer .element ul.rs li a:hover{background: #C5A97F;}
footer .element ul.rs li a i{position: absolute;top:50%;left:50%transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);font-size: 1.6rem;color: white;}
footer .element ul.liste_carre a{padding: 15px 45px 15px;}


footer .content{position:relative; width:25%;}
/* Fin Footer*/

/* RESPONSIVE */ 

@media screen and (max-width: 1900px) {


   footer .element:nth-child(4){text-align:center;}
   footer .element ul.liste_carre a{padding: 15px 45px 15px;}
   footer .element:nth-child(2){font-size: 1.2rem;}
   footer .element .aled2 {height: 75px;}

}

@media screen and (max-width: 1690px) {

    .souspage-texte .content-souspage{padding: 70px 100px 70px 100px;}
    .c-services .services_p .photo{height:40vh;}
    .c-services .owl-stage-outer{height:50vh;}
    footer .element:nth-child(2) ul{padding:0; position:relative; top:50%; left:50%; transform:translate(-50%,-50%);}
    
}

@media screen and (max-width: 1550px) {
    .diapo2 .owl-nav button.owl-prev{display:none;}
    .diapo2 .owl-nav button.owl-next{display:none;}
    #formulaire_resa .elt-form:nth-child(1){max-width:20%; min-width:20%; width:20%;}
    #formulaire_resa .elt-form:nth-child(2){max-width:20%; min-width:20%; width:20%;}
    #formulaire_resa .elt-form:nth-child(3){max-width:20%; min-width:20%; width:20%;}
    #formulaire_resa .elt-form:nth-child(4){max-width:20%; min-width:20%; width:20%; text-align:center; }
    #arrive{}
    #depart{}
    .container_r{padding:5px 300px;}
    #formulaire_resa .elt-form{margin:0px 20px}
    footer .element ul.liste_carre a {padding: 15px 25px 15px;}
    .accueil .diapo2 .villa_p { padding: 0px 100px; }
    .accueil .diapo2 .villa_t { position: absolute; width: 35%; height: 80%; z-index: 99; bottom: 0; transform: translate(-30%,0); background-color: rgba(255,255,255, 0.8); transition: all .5s; opacity: 0;}

    .diapo2 .villa_t .decouvrir{margin-top:100px; bottom:0%;}
    #formulaire_resa .elt-form .nb-adultes{border-right:none;}
}

@media screen and (max-width:1299px){
    .content-diapo2 .owl-nav{display:none;}
    #my-menu a .logo{left:0;}
    .tppp .h2{font-size:2.4rem; width:100%;}
    .elt-form1 .c-content:nth-child(2)::before{left:-40px;}
    .elt-form2 .c-content:nth-child(2)::before{left:-40px;}
    .elt-form3 .c-content:nth-child(2)::before{left:-40px;}
    .elt-form4 .c-content:nth-child(2)::before{left:-40px;}
    .elt-form1 .c-content:nth-child(1)::before{left:-40px;}
    .elt-form2 .c-content:nth-child(1)::before{left:-40px;}
    .elt-form3 .c-content:nth-child(1)::before{left:-40px;}
    .elt-form4 .c-content:nth-child(1)::before{left:-40px;}
    .diapo3 .souspage_t .decouvrir{float:left;position:relative;bottom:0;}
    .diapo3 .active.center .souspage_t{overflow-y:scroll;}
    .diapo3 .owl-nav button.owl-prev{position:absolute; left:5%;}
    .diapo3 .owl-nav button.owl-next{position:absolute; right:5%;}
    .parallax .bg2{padding:50px 70px}
    .souspage-texte .content-souspage{padding: 40px 40px 40px 40px}
    #video-youtube{width:100%;}
    .mm-menu_offcanvas.mm-menu_opened{z-index:3;}
    .burger{display:block;}
    #my-menu ul{display:none;}
    .bouton{display:none;}

    .accueil .c-photo .content-photo .photo:nth-child(1){width:100%;}
    .accueil .c-photo .content-photo .photo:nth-child(2){width:100%;}
    .accueil .c-photo .content-photo .photo:nth-child(3){transform: translate(35px);}
    footer .element ul.liste_carre a {padding: 0px 35px 0px;}
    footer .element .aled2 { height: 60px;}
    footer .element:nth-child(2){width:30%;}
    footer .element:nth-child(4) { height: 170px; width: 25%;}
    footer .element:nth-child(4) ul { position: relative; width: 100%; flex-wrap: wrap; display: flex; height: 100%;}
    footer .element:nth-child(4) ul.liste_carre li:nth-child(1) { transform:none; top:0;  width: 100%; min-width: 100%; height: 50%; flex: 1; }
    footer .element:nth-child(4) ul.liste_carre li:nth-child(2) {transform:none;  top:0; width: 100%; flex: 1; height: 50%;  min-width: 100%;}
    footer .element ul.liste_carre li a { position: absolute; left: 50%; top: 0; transform: translate(-50%); color: white;}

}

@media screen and (max-width:1199px){

    .c-offres{width:90%;}
    .accueil .diapo2 .villa_t{transform:translate(-10%,0);}
    .info-contact .titre1{text-align:center; font-size:2.4rem; margin-bottom:20px;}
    .hack-inline{flex-wrap:wrap;padding:0 20px;}
    .hack-inline .col-lg-6.inline-block.container_gmap .element{height:90%;}
    .hack-inline .col-lg-6.inline-block.container_gmap{ padding-left:0; padding-right:0; min-width:100%; max-width:100%; width:100% !important;}
    .hack-inline .col-lg-6.inline-block.conteneur_formulaire{ padding-right:0; padding-left:40px; min-width:100%; max-width:100%; width:100% !important;}
    .accueil .diapo2 .villa_p{padding: 0 50px;} 
    .c-services{height:60vh;}
    .services .icone .icone_c .photo{height:50%;}
    .c-services .services_p .photo{height:40vh;}
    .container_r{padding:5px 150px;}
    .tppp{width:100%; min-width:100%; max-width:100%; margin-top:0;}
    .c-photo{width:100%; max-width:100%; min-width:100%; margin-top:50px; }
    .content-villa{margin-top:25vh;}
    .accueil .c-photo .content-photo .photo:nth-child(1){height:100%; top:50%; transform:translate(0,-50%);}
    .accueil .c-photo .content-photo .photo:nth-child(2){height:60%;transform:translate(0,-60%);}
    .accueil .c-photo .content-photo .photo:nth-child(3){height:60%; bottom:50%; transform:translate(0,-15%);}
    footer .element:nth-child(1){width:15%;float:left;}
    footer .element:nth-child(1) img{text-align:center;height:50px;}
    footer .element:nth-child(2){}
    footer .element:nth-child(3){width:10%; text-align:center;}
    footer .element:nth-child(4){width:30%; text-align:center;}
    footer .element:nth-child(5){padding-right:0; width:15%;float:right;}
    footer .element:nth-child(5) img{height:50px; }          
}

@media screen and (max-width:1050px){


    .souspage-photo .owl-nav .owl-next{margin-right:114px;}
    .accueil-photo .owl-nav .owl-next{margin-right:114px;}
    .sous-page{height:auto;}
    .souspage-texte .content-souspage{left:0; top:0; transform:none;}
    .souspage-photo{min-width:100%;max-width:100%;}
    .accueil-photo{min-width:100%;max-width:100%;}
    .souspage-texte{min-width:100%;max-width:100%;}
    .souspage-photo .owl-nav{position:absolute;transform:translate(0,50%); color:white;}
    .accueil-photo .owl-nav{position:absolute;transform:translate(0,50%); color:white;}
    .parallax{height:380px;}
    .parallax .bg2{height:100%; min-height:300px;padding:0 50px; }
    .souspage-icone{min-height:300px;}
    .souspage-icone .photo img{width:4rem;}
    .souspage-icone .icone .texte2{font-size:1.3rem;}
    .services{margin-top:0;}
    .services .icone{padding:0;}
    .services .icone .icone_c .photo{height:100%;}
    footer .element:nth-child(1){width:15%;}
    footer .element:nth-child(1) img{}
    footer .element:nth-child(2){width:30%; font-size:1.1rem;}
    footer .element:nth-child(3){width:10%;}
    footer .element:nth-child(5){width:15%;}
    footer .element:nth-child(5) img{}      
    footer .element ul.liste_carre a{padding:0 0 0 0; width:100%; top:50% !important; transform:translate(-50%,-50%) !important;}
    footer .element ul.rs{margin-top:0;}

}
@media screen and (max-width:850px){

    .loading span{font-size:6rem; }
    .loading img{ height:200px; width:200px;}
    .souspage-photo .photo{height:60vh;}
    .accueil-photo .photo{height:60vh;}
    .c-services{height:45vh;}
    .parallax .content{height:40vh;}
    .parallax .bg2{height:40vh;}
    .content{height:75vh;}
    .c-itineraire1 .proxi_p{max-width:33.3%; min-width:33.3%;}
    .c-itineraire2 .proxi_p{max-width:33.3%; min-width:33.3%;}

    .sous-page .diapo3 .souspage_t { position: absolute; width: 60%; height: 65%; bottom: 0; transform: translate(-10%); background-color: rgba(250,250,250, 0.9); transition: all .5s; opacity: 0;}
    .diapo3 .owl-item.active{padding-left:100px;padding-right:100px;}
    .page_contenu .diapo{height:75vh;}

    .c-proxi .proxi_p{max-width:33%; min-width:33%; width:33%;}
    .villas{height:75vh;}
    .villas .c-villa{height:65vh;}
    .diapo .photo{height:75vh;}
    .content-diapo2{width:100%; height:75vh;}
    .content-diapo{position:relative; height:75vh;}
    .diapo{height:75vh;}
    .diapo_img{bottom:40px;}
    .container_r{padding : 5px 100px;}
    #arrive{width:40px; font-size:1.2rem;}
    #depart{width:40px; font-size:1.2rem;}
    .accueil .diapo2 .villa_p{}
    .accueil .c-photo .content-photo .photo:nth-child(2){transform:translate(0,-35%);}
    .accueil .c-photo .content-photo .photo:nth-child(3){transform:translate(0,-5%);}
    footer{height:300px}
    footer .element:nth-child(1){width:100%; height:80px;}
    footer .element:nth-child(2){width:40%;height:120px;}
    footer .element:nth-child(3){width:20%;height:120px;}
    footer .element:nth-child(4){width:40%;height:120px;}
    footer .element:nth-child(5){width:100%;height:80px;}
}
@media screen and (max-width:800px){
    .sous-page .diapo3 .souspage_t{max-width:100%; margin:0;}
    .accueil .diapo2 .villa_t{margin:0px !important;}
    .popup{max-width:95% !important;}
    .tel{display:none;}
    .overflow-table23 h3{margin-bottom:50px;}
    .overflow-table1 .bandeau1{width:70px;}
    .overflow-table1 .bandeau11{width:70px;}                
}

@media screen and (max-width:700px){
	.wptwa-container {
    bottom: 120px;
}
    .sous-page .diapo3 .souspage_p{padding:0;}
    .diapo2 .villa_t .decouvrir{margin-top:0px !important; margin-bottom:10px;}
    .col-d a{float:left;}
    .col-g{padding:20px;}
    .c-offres .proxi_p{max-width:100%; min-width:100%;}
    .accueil .diapo2 .villa_t{position:relative; width:100%; transform:none;}
    .c-photo{margin-top:100px;}
    .tppp{padding:10px 20px;}
    .info-contact .info2{float:left;}
    .c-itineraire1 .proxi_p{max-width:50%; min-width:50%;}
    .c-itineraire2 .proxi_p{max-width:50%; min-width:50%;}
    .itin{padding:2px 10px;}
    .c-itineraire1 .proxi_p .proxi_photo .proxi_texte .texte2{font-size:1.5rem;}
    .c-itineraire2 .proxi_p .proxi_photo .proxi_texte .texte2{font-size:1.5rem;}
    .hack-inline .col-lg-6.inline-block.container_gmap .element{margin-top:75px;}
    .info-contact{padding:0;}
    .overflow-table1{margin-right:70px; padding:0;}
    .diapo3 .owl-nav button.owl-prev{left:0%;}
    .diapo3 .owl-nav button.owl-next{right:0%; left:unset;}
    .diapo3 .owl-item.active{padding-left:10px; padding-right:10px;}
    .content-sp{height:145vh;}
    .sous-page .diapo3{display:flex; flex-wrap:wrap;}
    .sous-page .diapo3 .villa_p2{flex:1; width:100% !important;}
    .sous-page .diapo3 .souspage_t{width:100%; position:relative; flex:1; transform:none; }
    .souspage-photo .photo{height:50vh;}
    .accueil-photo .photo{height:50vh;}
    .souspage-icone .photo img{width:4rem !important; height:4rem;}
    .overflow-table1 h4{font-size:2.5rem;}
    .c-proxi{padding:20px 5px;}
    .c-proxi .proxi_p{max-width:50%; min-width:50%; width:50%;}
    .diapo_img{bottom:0px;}
    .villas{height:80vh;}
    .villas .c-villa{height:65vh;}
    .villas .c-villa{height:60vh}
    .c-services{height:45vh;}
    .content-villa .photo{height:40vh;}
    .c-services .services_p .photo{height:35vh;}
    .diapo_img .img1 img{height:70px; width:465px;}
    .diapo_img .img2 img{height:30px; width:35px;}
    #formulaire_resa .btn-resa{text-align:center;}
    #formulaire_resa{flex-wrap:wrap;}
    #formulaire_resa .elt-form .nb-personnes{border-right:1px solid #a79d85;}
    #formulaire_resa .elt-form{margin:0 5px !important;}
    #formulaire_resa .elt-form:nth-child(1){width:30%; max-width:30%; min-width:30%;height:50%;}
    #formulaire_resa .elt-form:nth-child(2){width:33%; max-width:33%; min-width:33%;height:50%;}
    #formulaire_resa .elt-form:nth-child(3){width:30%; max-width:30%; min-width:30%;height:50%;}
    #formulaire_resa .elt-form:nth-child(4){width: 95vw; max-width: 95vw; min-width: 95vw;height:50%; }
    .accueil .c-photo .content-photo .photo:nth-child(3) {transform: translate(0,0%);}
    .accueil .c-photo .content-photo .photo:nth-child(2){transform: translate(0,-10%)}
    .accueil .c-photo .content-photo .photo:nth-child(1){top:0;transform:none;}
    #formulaire_resa .champs{text-align:center;}
    #depart{font-size:1.3rem; width:50px;}
    #arrive{font-size:1.3rem; width:50px;}
    .resa{ position:fixed; background-color: rgba(39,49,60, 1);height:125px;}
    .container_r{padding:0;}
    footer{height:400px}
    footer .element:nth-child(1){width:100%; height:105px;}
    footer .element:nth-child(2){width:40%;height:150px;}
    footer .element:nth-child(3){width:20%;height:150px;}
    footer .element:nth-child(4){width:40%;height:150px;}
    footer .element:nth-child(5){width:100%;height:105px;}
}

@media screen and (max-width:550px){
    
    .tab{display:none;}
    .container_r{flex-wrap:wrap;}
    .col-g{max-width:100%; min-width:100%}
    .col-d{max-width:100%; min-width:100%;text-align:center;}
    .col-d a{width: 100%;background: #a79d85;border: transparent;height: 100%;}
    .tab.active{right:-200px;}
    .tab{width:200px;}
    .widget .w-plus{width:200px}
    .widget .w-avis{width:200px;}
    .page_contenu .diapo{height:35vh;}
    .page_contenu .content{height:35vh;}
    .elt-form1 .c-content:nth-child(1)::before{transform:translate(75%);top:-20px;}
    .elt-form2 .c-content:nth-child(1)::before{transform:translate(75%);top:-20px;}
    .elt-form3 .c-content:nth-child(1)::before{transform:translate(75%);top:-20px;}
    .elt-form1 .c-content:nth-child(2)::before{transform:translate(75%);top:-20px;}
    .elt-form2 .c-content:nth-child(2)::before{transform:translate(75%);top:-20px;}
    .elt-form3 .c-content:nth-child(2)::before{transform:translate(75%);top:-20px;}
    .elt-form4 .c-content:nth-child(1)::before{transform:translate(75%);top:-20px;}
    .elt-form4 .c-content:nth-child(2)::before{transform:translate(75%);top:-20px;}
    #formulaire_client .hack-inline .element .g-recaptcha::before{display:none;}

    .hack-inline .col-lg-6.inline-block.conteneur_formulaire{padding-left:0;}
    .  .info-contact .info2{float:left;}
    .content-sp{height:175vh;}
    .souspage-icone .icone{height:100px;}
    .souspage-icone .photo img{width:3rem !important; height:3rem;}
    .parallax .bg2{padding:0 10px;}
    .overflow-table1 table{font-size:1.3rem;}
    .overflow-table1 table tbody tr:nth-child(1) td:first-child{width:120px; min-width:120px;}
    .overflow-table1 table tbody tr:nth-child(1) td{max-width:80px; min-width:80px;}
    .overflow-table1 .bandeau11 img{width:25px; height:25px;}
    .overflow-table1 .bandeau1 img{width:25px; height:25px;}
    .overflow-table1{padding: 0 50px;}
    .overflow-table1 .bandeau1{width:50px;}
    .overflow-table1 .bandeau11{width:50px;}
    .villa{height:100%;}
    .villas .c-villa{height:100%; flex-direction:row;}
    .villas .c-villa .villa_p{height:40vh; width:75%;}
    .villas{height:265vh;}

    .diapo_img .img1 img{height:60px; width:350px;}
    .diapo_img .img2 img{height:25px; width:30px;}
    .diapo_img{bottom:-150px; height:145px;}
    .content-diapo{ height:35vh;}
    .resa{height:150px;}
    .content-villa { margin-top: 10vh; }
    .content-villa {margin-top: 0vh;}
    footer{height:600px}
    .accueil .c-photo .content-photo .photo:nth-child(1){height:60%;}
    .accueil .c-photo .content-photo .photo:nth-child(2){height:25%;width:40%; transform: translate(0%,30%); overflow:visible;}
    .accueil .c-photo .content-photo .photo:nth-child(3){height:25%;width:40%; transform: translate(0%,75%); overflow:visible;}
    footer .element:nth-child(1){width:100%; height:20%;}
    footer .element:nth-child(2) {width:100%;height:20%; }
    footer .element:nth-child(2) ul{text-align:center;}
    footer .element:nth-child(3){width:100%;height:20%;}
    footer .element:nth-child(4){width:100%;height:25%;}
    footer .element:nth-child(4) ul.liste_carre li:nth-child(1) a{ width:50%; min-width:50%; max-width:50%; padding: 5px 10px 5px 10px;}
    footer .element:nth-child(4) ul.liste_carre li:nth-child(2) a{ width:50%; min-width:50%; max-width:50%; padding: 5px 10px 5px 10px; margin-top:5px;}
    footer .element:nth-child(5){width:100%;height:20%;}
}

@media screen and (max-width:450px){
    
    .diapo3{height:auto;}
    .c-services .owl-nav{padding:0 10px;}
    .diapo2 .owl-nav button.owl-prev{display:block; left:1rem;}
    .diapo2 .owl-nav button.owl-next{display:block; right:1rem;}
    .col-d a{padding:5px 15px;}
    .accueil .c-photo .content-photo{float:unset;margin:0 auto;}
    .content-sp{margin-top:2vh; height:auto;}
    .c-offres .proxi_p .proxi_photo .proxi_texte{padding-left:0;}
    .c-offres .proxi_p .proxi_photo .photo{left:0;}
    .c-itineraire1 .proxi_p .proxi_photo .proxi_texte{left:10px;}
    .c-itineraire2 .proxi_p .proxi_photo .proxi_texte{left:10px;}
    .itin{margin-top:10rem;}
    .col-lg-6{margin-top:5rem;}
    .hack-inline .title_contact{position:relative;}
    .overflow-table1 .bandeau1{z-index:-1;}
    .overflow-table1 .bandeau11{z-index:-1;}
    .diapo{margin-top:75px;}
    header{background-color:rgba(39,49,60, 1);}
    .page_contenu .diapo{margin-top:75px;}
    .c-services .owl-nav{top:35%;}
    .owl-nav .owl-prev{left:0;}
    .owl-nav .owl-next{right:0;}
    .c-photo{margin-bottom:40px;}
    .c-services .active.center .services_p .services_photo .photo::after{top:5px; left:5px; width:97%; height:95%;}
    .accueil .c-photo .content-photo{min-height:120vh;display:flex; flex-wrap:wrap;}
    .accueil .c-photo .content-photo .photo{margin-left:unset !important;margin-top:10px !important; bottom:unset !important; top:unset !important; right:unset !important; left:unset !important;transform:none !important; position:relative !important; max-width:100% !important; min-width:100% !important; height:33% !important;}
    .c-photo{padding:0 10px;}
    .resa{height:100px}
    .tab .widget-tab a{font-size:1.8rem;}
    .tab .widget-tab i:nth-child(2){font-size:1.8rem;}
    .tab .widget-tab i:first-child{font-size:1.8rem;}
    .col-g{height:60%;padding:5px; text-align:center;}
    .col-g h2{text-align:center; padding: 0; width: 100%;}
    .col-g h1{font-size:15px;}
    .tab.active{right:-199px;}
    .fa-comment-alt-dots:before{font-size:2.5rem;}
    .fa-thumbs-up:before{font-size:2.1rem;}
    .tab .widget-tab i:last-child p{margin-top:0px; font-size:1rem;}
    .tab .widget-tab i:first-child p{margin-top:0px; font-size:1rem;}
    .tab .widget-tab2{bottom:25px;}
    .tab .widget-tab{height:110px; width:45px; margin-left:-45px;}
    .tab.active{right:-170px;}
    .tab{width:170px; height:175px;}
    .tab .widget{height:175px; width:170px;}
    .widget .w-avis{height:175px; width:170px;}
    .widget .w-avis{height:175px; width:170px;}
    .elt-form1 .c-content:nth-child(2)::before{left:-60px;}
    .elt-form4 .c-content:nth-child(1)::before{left:-55px;}
    .elt-form2 .c-content:nth-child(2)::before{left:-60px;}
    .elt-form3 .c-content:nth-child(2)::before{left:-75px;}
    footer .element:nth-child(2) ul li:nth-child(1){padding:0 20px;}
    footer .element:nth-child(2){font-size:1.2rem;}
    .souspage-photo .owl-nav .owl-prev{ position:absolute; left:5% ;  margin-left:0;}
    .accueil-photo .owl-nav .owl-prev{ position:absolute; left:5% ;  margin-left:0;}
    .souspage-photo .owl-nav .owl-next{ position:absolute; right:10% ; margin-right:0; }
    .accueil-photo .owl-nav .owl-next{ position:absolute; right:10% ; margin-right:0; }
    .diapo_img{height:110px; bottom:50px; display:none; }*
    .content-diapo .bg{display:none;}
    .tab.active{right:-200px;}
    .souspage-photo{padding:20px;}
    .accueil-photo{padding:20px;}
    .parallax .bg2{height:325px;}
    .loading img{ height:150px; width:150px; }
    .c-itineraire1 .proxi_p .proxi_photo{height:80%;}
    .itin h2{width:100%;text-align:center;}
    .content-itineraire1:before{transform:translate(-50%,-20%); font-size:1.8rem ;}
    .content-itineraire2:before{transform:translate(-50%,-20%); font-size:1.8rem ;}
    .c-content:nth-child(2){margin-left:0;}
    .c-itineraire1 .proxi_p{max-width:95%; min-width:95%;}

    .c-itineraire2 .proxi_p{max-width:95%; min-width:95%;}
    .overflow-table1 table tbody tr:nth-child(1) td{line-height:25px;}
    .overflow-table1 table tbody tr:nth-child(1) td:first-child{width:100px;min-width:100px;} 
    .overflow-table23{padding:20px;}
    .overflow-table1{padding:0; margin-top:150px;margin-left:50px; margin-right:50px;}
    .overflow-table1 h3{position:absolute; left:50%; transform:translate(-50%,-320%);margin-top:0px;}
    .overflow-table1 h4{position:absolute; left:50%; transform:translate(-50%,-220%);margin-top:10px;font-size:1.5rem;}
    .sous-page .diapo3 .souspage_p .villa_p2 .photo{height:55vh;}
    .diapo3 .owl-nav button.owl-next{right:1%; position:absolute;}
    .diapo3 .owl-nav button.owl-prev{left:1%; position:absolute;}
    .c-proxi .proxi_p{max-width:95%; min-width:95%; width:95%;}
    .conteneur_galerie .photo{height:35vh;}
    .conteneur_galerie .photo:nth-child(5n - 1){flex: 1 1 100%;}
    .conteneur_galerie .photo:nth-child(5n - 2){flex: 1 1 100%;}
    .conteneur_galerie .photo:nth-child(5n - 3){flex: 1 1 100%;}
    .conteneur_galerie .photo:nth-child(5n - 4){flex: 1 1 100%;}
    .villas .c-villa{padding-left:10px; padding-right:10px;}
    .villas .diapo{height:50vh;}
    .content-diapo2{height:50vh;}
    .c-proxi .proxi_p .proxi_photo .proxi_texte{left:10px;}
    .villas .c-villa .villa_p{flex-wrap:wrap; display:flex;height:55vh; min-width:100%; max-width:100%;}
    .villas .c-villa .villa_p .villa_photo{min-height:70%; max-height:70%;flex:1; min-width:100%; max-width:100%;}
    .villas .villa_texte{flex:1; max-width: 100%; min-width: 100%; min-height:30%; max-height:30%;}
    .owl-nav .owl-prev img{height:30px}
    .owl-nav .owl-next img{height:30px}
    .logo{left:35%; top:10%; width:200px;}
    .tppp{padding:15px;}
    .accueil .diapo2 .villa_p{padding: 0 15px;}
    #formulaire_resa .elt-form{margin:0 !important;}
    #formulaire_resa .elt-form:nth-child(1){}
    #formulaire_resa .elt-form:nth-child(2){}
    #formulaire_resa .elt-form:nth-child(3){}
    footer{height:700px; margin-bottom:50px;}
    .c-proxi .proxi_p .proxi_photo .photo:after{font-size:50px;}
}

@media screen and (max-width:350px){



    .diapo{height:35vh;}
    #formulaire_resa .elt-form:nth-child(4){max-width:100vw; min-width:100vw;}
    .sous-page .owl-carousel .owl-stage-outer{overflow: visible;}
    .parallax .bg2{height:100vh;}
    .parallax .content{height:100vh !important; }
    .parallax{height:100vh !important;}
    .diapo_img{height:110px; bottom:50px; display:none; }
    .diapo_img .img2{transform:translate(0,-110%);}
    .diapo .photo{height:35vh;}
    .accueil .c-photo .content-photo .photo:nth-child(2){overflow:hidden;transform:translate(0,35%);}
    .accueil .c-photo .content-photo .photo:nth-child(3){overflow:hidden;transform:translate(0,85%);}
    #formulaire_resa .elt-form:nth-child(1){max-width:33%; min-width:33%;}
    #formulaire_resa .elt-form:nth-child(2){max-width:33%; min-width:33%;}
    #formulaire_resa .elt-form:nth-child(3){max-width:33%; min-width:33%;}
    .sound{top:9rem;}
    .tab{height:170px; width:200px;}
    .tab .widget{height:170px; width:200px;}
    .widget .w-plus{height:170px; width:200px;}
    .widget .w-avis{height:170px; width:200px;}

    .tab .widget-tab{z-index:100;}
    .resa{z-index:100;}
    .diapo3 .owl-item.active{padding-left:10px; padding-right:10px;}
    .diapo3{height:55vh;}
    .parallax .bg2{min-height:100px;}
    .souspage-icone .icone{height:125px; width:50%; min-width:50%; max-width:50%;}
    .souspage-photo .owl-nav .owl-prev{margin-left:0;}
    .accueil-photo .owl-nav .owl-prev{margin-left:0;}
    .souspage-photo .owl-nav .owl-next{margin-right:35px;}
    .accueil-photo .owl-nav .owl-next{margin-right:35px;}

    .souspage-photo .photo{width:97%;}
    .accueil-photo .photo{width:97%;}
    .souspage-photo{padding:15px;}
    .accueil-photo{padding:15px;}
    .page_contenu .content{height:35vh;}
    .page_contenu .content .diapo .photo{height:35vh;}
    .content{height:35vh;}
    .galerie .content-diapo2{height:35vh;}
    .diapo_img .img1 img{height:50px;width:310px;}
    .accueil .c-photo .content-photo .photo:nth-child(2){transform:translate(0%,80%);}
    .accueil .c-photo .content-photo .photo:nth-child(3){transform:translate(0%,120%);}
    .c-services .owl-item .services_p{padding:0 5px;}
    .c-services .services_p .photo{height:30vh;}
}
/* Fin Responsive*/