/**
 * General
 **/

/* Hamburger */
.hamburger { }
.hamburger:hover { opacity:1; }
.hamburger:focus { outline:none; }

/* Contextual */
.ct-widget.ct-ignition { position:fixed; left:auto; top:auto; right:20px; bottom:20px; transition:all 0.5s ease 0s; }
.ct-widget.ct-ignition .ct-ignition__button { position:static; margin-top:10px;}

[data-contextual] { position:relative; overflow:hidden; }
[data-contextual] .contextual { position:absolute; right:10px; top:10px; text-align:center; font-size:14px;  list-style:none; margin:0; padding:0; opacity:0; visibility:hidden; transform:translateY(-35px); transition:all 0.5s ease 0s; }
[data-contextual] .contextual li { float:left; }
[data-contextual] .contextual a { display:block; width:24px; height:24px; line-height:24px; color:#fff; border-radius:50%; margin-left:5px; transition:all 0.2s ease 0s; }
[data-contextual] .contextual .edit { background:#2980b9; }
[data-contextual] .contextual .edit:hover { transform:scale(1.2); }
[data-contextual] .contextual .add { background:#27ae60; }
[data-contextual] .contextual .add:hover { transform:scale(1.2); }

.editor .ct-widget.ct-ignition { bottom:40px; }
.editor [data-contextual] .contextual { opacity:1; visibility:visible; z-index:100; transform:translateY(0); }
.editor [data-contextual],
.editor [data-fixture],
.editor [data-editable] { outline:2px dashed #f39c12; }

/* Pagination */
.pagination { margin:30px 0; text-align:center; }
.pagination .loading { position: relative; }
.pagination .loading:before { content:''; position:absolute; left:0; top:0; width:100%; height:100%; z-index:2; background:#fff; }
.pagination .loading:after { font-family:'Font Awesome 5 Regular'; content:"\f3f4"; display:inline-block; width:24px; height:24px; line-height:24px; animation:fa-spin 2s infinite linear; position:absolute; left:50%; top:50%; margin-top:-12px; margin-left:-12px; z-index:3; }

.pagination.simple ul { margin:0; padding:0; }
.pagination.simple li { display:inline-block; margin:0 2px; }
.pagination.simple i { line-height:inherit; }
.pagination.simple a { display:block; width:30px; height:30px; line-height:30px; border:1px solid #ccc; color:#777; }
.pagination.simple a.active { background:rgba(0,0,0,0.1); }

.pagination.scroll { text-align:center; }

.pagination.dropdown { display:flex; justify-content:flex-end; }



/**
 * Responsive
 * Modifier le media query en selon du besoin
 **/
@media (min-width: 1px) {
  
  .hamburger { display:inline-block; }
  .menu { z-index:5; transition:all 0.5s ease 0s; overflow:hidden; background:rgba(0,0,0,0.5); display:flex; flex-direction:column; align-items:center; justify-content:center; }
  .menu ul { opacity:0; transition:all 0.4s ease 0.3s; transform:translateY(30px); list-style:none; margin:0; padding:0;  }
  .open .menu ul { opacity:1; transform:translateY(0); }
  
  /**
   * Fullscreen
   **/
  .fullscreen .menu { position:fixed; left:0; top:0; width:100%; height:100%; }
  .fullscreen .hamburger { z-index: 10; }
  
  /* Fullscreen Fade */
  .fullscreen.fade .menu { opacity:0; visibility:hidden; }
  .fullscreen.fade.open .menu { opacity:1; visibility:visible; }
  
  /* Fullscreen Top */
  .fullscreen.top .menu { transform:translateY(-100%); }
  .fullscreen.top.open .menu { transform:translateY(0); }
  
  /* Fullscreen Right */
  .fullscreen.right .menu { transform:translateX(100%); }
  .fullscreen.right.open .menu { transform:translateX(0); }
  
  /* Fullscreen Bottom */
  .fullscreen.bottom .menu { transform:translateY(100%); }
  .fullscreen.bottom.open .menu { transform:translateY(0); }
  
  /* Fullscreen Left */
  .fullscreen.left .menu { transform:translateX(-100%); }
  .fullscreen.left.open .menu { transform:translateX(0); }
  
  /**
   * Over
   **/
   
  .over .menu { position:fixed; }
  .over .hamburger { z-index: 10; }
  
  /* Over Top */
  .over.top .menu { left:0; top:0; width:100%; height:auto; transform:translateY(-100%); }
  .over.top.open .menu { transform:translateY(0); }
  
  /* Over Right */
  .over.right .menu { right:0; top:0; width:300px; height:100%; transform:translateX(100%); }
  .over.right.open .menu { transform:translateX(0); }
  
  /* Over Bottom */
  .over.bottom .menu { left:0; bottom:0; width:100%; height:auto; transform:translateY(100%); }
  .over.bottom.open .menu { transform:translateY(0); }
  
  /* Over Left */
  .over.left .menu { left:0; top:0; width:300px; height:100%; transform:translateX(-100%); }
  .over.left.open .menu { transform:translateX(0); }
  
  /**
   * Push
   **/
   
  .push { transition:all 0.5s ease 0s; }
  .push.open { overflow:hidden; }
  .push .menu { position:fixed; }
  
  /* Push Top */
  .push.top .menu { left:0; top:0; height:300px; width:100%; transform:translateY(-100%); overflow-y:hidden; }
  .push.top.open { transform:translateY(300px); }
  
  /* Push Right */
  .push.right .menu { right:0; top:0; height:100vh; width:300px; transform:translateX(100%); overflow-x:hidden; }
  .push.right.open { transform:translateX(-300px); }
  
  /* Push Bottom */
  .push.bottom .menu { left:0;margin-top:100vh; height:300px; width:100%; overflow-y:hidden; }
  .push.bottom.open { transform:translateY(-300px); }
  
  /* Push Left */
  .push.left .menu { left:0; top:0; height:100vh; width:300px; transform:translateX(-100%); overflow-x:hidden; }
  .push.left.open { transform:translateX(300px); }
}
/**
 * General Elements
 **/

body { font-family:'Canaro'; font-weight:300; font-size:16px; line-height:2em; color:#2c2d2c; overflow-x:hidden !important; }
.pace { display:none; }

:focus { outline:none; }

/* Titles */
h1 { 
	font-family: "Mirador";
	font-size: 38px;
	text-align: center;
	margin-top: 60px;
	position: relative;
	margin-bottom: 30px;
}

h1:after{
	content : "";
	display: block;
	width: 30px;
	height: 3px;
	position: absolute;
	background: #2c2d2c;
	left: 50%;
    bottom: -25px;
    margin-left: -15px;
}

h2 { font-size:50px; line-height:1em; font-weight:bold; }
h3 { }
h4 { }
h5 { }
h6 { }

/* Links */
a { }
a:visited { }
a:hover { text-decoration:none; }
a:focus { text-decoration:none; }

/* Utility */
.hide { display:none; }

/* Images */
img { max-width:100%; height:auto; }
img[data-sizes="auto"] { display: block; width: 100%; }

/* Buttons */
.btn { display:inline-block; background:#fff; font-size:16px; padding:15px 40px; border-radius:40px; font-weight:700; }

.container-fluid { padding:0 40px; }

/* Fullpage JS */
#fp-nav { z-index: 2; }
#fp-nav ul li .fp-tooltip { line-height:18px; font-size:12px; background:rgba(0,0,0,0.5); color:#fff; padding:0 5px; border-radius:20px; top:0px; }
#fp-nav ul li a span, .fp-slidesNav ul li a span { background:#dbdbdb; }
#fp-nav ul li, .fp-slidesNav ul li { width:16px; height:16px; }
#fp-nav ul li a span, .fp-slidesNav ul li a span { width:8px; height:8px; }
#fp-nav ul li:hover a span, .fp-slidesNav ul li:hover a span { width:12px; height:12px; }
#fp-nav ul li a.active span, #fp-nav ul li:hover a.active span, .fp-slidesNav ul li a.active span, .fp-slidesNav ul li:hover a.active span { width:16px; height:16px; }

/* Forms */
.field { margin-bottom:50px; }
.field label { font-weight:600; text-transform:uppercase; color:#000; font-size:18px; }

.field.required label::after { color:#00b8f1; margin-left:5px; }

.field.textfield input { border:none; border-bottom:1px solid #d3d3d3; padding:5px 0; color:#a9a9a9; }

.field.checkbox span, .field.radio span { text-transform:none; font-size:16px; }
.field.checkbox span::before, .field.radio span::before { background:#e3e3e3; border:none;  }
.field.checkbox span::after, .field.radio span::after { background:#00b8f1; left:5px; top:5px; width:10px; height:10px; }

.field.textarea label { margin-bottom:20px; }
.field.textarea textarea { color:#a9a9a9; }

.field.submit { text-align:right; }
.field.submit .btn { background:#ad9987; color:#fff; border:none; padding:15px 50px; cursor:pointer; border-radius: 0; font-family: "Mirador"; font-size: 18px;
font-weight: normal; }

.field.textfield.error input { border-color:#ad8987; }
.field.textfield.error .message { color:#ad8987; }
.field.textarea.error textarea { border-color:#ad8987; }
.field.textarea.error .message { color:#ad8987; }

.field.textfield.success input { border-color:#ad8987; }

/**
 * Layout
 **/
 
/* Header */
#header {width:100%; z-index:10; padding:30px 0; transition:all 0.5s ease 0s; background: #fff; position: relative;}


#header .left { display:flex; flex-direction:column; justify-content:center; }
#header .right { display:flex; flex-direction:row; justify-content:flex-end; }
#header .center { display:flex; ; justify-content:center; }


#header .logo { margin:0; }
#header .logo img { max-width:300px; }
#header .phone a { background:#fff; border-radius:40px; padding:10px 25px; font-weight:bold; display:inline-block; }
#header .phone span { display:inline-block; }
#header .phone i { transform:scaleX(-1); margin-right:20px; }

#header .hamburger { display:block; width: 129px;
height: 56px; background: url("../themes/vilonapa/assets/img/menu.png") no-repeat;   position: absolute;  right: 0;
    top: 15px; }
#header .hamburger .text { margin-right:20px; color:#fff; font-weight:bold; }
#header .hamburger-inner, #header .hamburger-inner:after, #header .hamburger-inner:before { background:#fff; }
#header .hamburger .open { display:block; }
#header .hamburger .close { display:none; }
#header .hamburger.is-active .open { display:none; }
#header .hamburger.is-active .close { display:block; }

#header .navigation { height:100vh; background: url("../themes/vilonapa/assets/img/logomenu.png") center 17% no-repeat rgba(0,0,0,0.80);  position:fixed; top:0; right:0; width:100%; transform:translateX(100%); transition:all 0.5s ease 0s; display:flex; flex-direction:column; justify-content:center; z-index:10; }
#header .menu { background:none; text-align:right; list-style:none; margin:0; padding:0; font-size:20px; font-weight:bold; }
#header .menu li { margin:10px 0; opacity:0; position:relative; top:10px;}
#header .menu li a { color:#fff; transition:all 0.5s ease 0s; }
#header .menu li:nth-child(1) { transition:all 0.5s ease 0.3s; }
#header .menu li:nth-child(2) { transition:all 0.5s ease 0.4s; }
#header .menu li:nth-child(3) { transition:all 0.5s ease 0.5s; }
#header .menu li:nth-child(4) { transition:all 0.5s ease 0.6s; }
#header .menu li:nth-child(5) { transition:all 0.5s ease 0.7s; }
#header .menu li:nth-child(6) { transition:all 0.5s ease 0.8s; }
#header .menu li:nth-child(7) { transition:all 0.5s ease 0.9s; }

#header { padding:15px 0; background:#fff; }
#header .phone a { background:#09aa8e; color:#fff; }
#header .hamburger .text { color:#09aa8e;  }


#header .menu li.active a, #header .menu li a:hover { color:#605850; }
#header .menu li{
	font-family: "Mirador";
	font-weight: normal;
	font-size: 20px;
}

#header .menu li:before{
	display: none;
}

#header .menu{
	text-align: center;
}

#header .hamburger.croix{
	width: 24px;
	height: 24px;
	position: absolute;
	top: 45px;
	right: 45px;
	background: url("../themes/vilonapa/assets/img/croix.png") no-repeat;
}

body.open #header .navigation { transform:translateX(0); }
body.open #header { transform:none !important; }
body.open #header .hamburger .text { color:#fff !important; }
body.open #header .hamburger-inner, body.open #header .hamburger-inner:after, body.open #header .hamburger-inner:before { background:#fff !important; }
body.open #header .menu li { opacity:1; top:0; }

/* Footer */
#footer { padding:0; }
#footer .fp-tableCell { display:flex; flex-direction:column;  }

#footer .footer-top { background:#00b8f1; color:#fff; padding:30px 0; }
#footer .footer-top h2 { background:url(../themes/vilonapa/assets/img/pictos/contact.png) no-repeat left center; padding-left:200px; }
#footer .footer-top .link { display:flex; flex-direction:row; align-items:center; justify-content:center; }
#footer .footer-top .link .btn { color:#00b8f1; }

#footer .footer-bottom { text-align:center; display:flex; flex-direction:column; flex-grow:1; align-items:center; justify-content:center; padding:20px 0; }
#footer .footer-bottom a { color:#93918a; }
#footer .footer-bottom .address { margin:20px 0; }
#footer .footer-bottom .links { list-style:none; margin:0; padding:0; display:flex; flex-direction:row; justify-content:center; }
#footer .footer-bottom .links li:after { content:'|'; display:inline-block; margin:0 10px; }
#footer .footer-bottom .links li:last-child:after { content:none; }
#footer .footer-bottom .links a { color:#93918a; }
#footer .footer-bottom .legal { display:flex; flex-direction:column; align-items:center; justify-content: center; margin-top:30px; }
#footer .footer-bottom .legal img { margin-bottom:20px; }
#footer .footer-bottom .legal p { margin-bottom:0; }

/**
 * Pages
 **/
 
/* General */
.section1 h1 { color:#fff; font-size:150px; text-align:center; font-weight:700; line-height:1.2em; }
.section1{
	position: relative;
}

.section2 h2 { margin-bottom:50px; }
.section2 p { font-size:22px; line-height:2.3em; }
.section2 .rellax { margin-top:-400px; }

.section3 .row { justify-content: space-evenly; }
.section3 h3 { font-size:24px; font-weight:bold; margin:20px 0 20px 0; }

.section4 { overflow:hidden; }
.section4 h2 { text-align:center; font-size:26px; margin-bottom:50px; }

.swiper-container {text-align: center;}
.swiper-container .swiper-wrapper { box-sizing: border-box; }
.swiper-container .caption { color:#fff; font-size:150px; text-align:center; font-weight:700; line-height:1.2em; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); }

.slider .swiper-button-prev { left:10%; background:url(../themes/vilonapa/assets/img/arrow-left.png) no-repeat center center; width:20px; height:33px; }
.slider .swiper-button-next { right:10%; background:url(../themes/vilonapa/assets/img/arrow-right.png) no-repeat center center; width:20px; height:33px; }
.slider .swiper-slide .caption span { transform:translateY(10px); opacity:0; transition:all 0.7s ease 0.6s; display:block; }
.slider .swiper-slide-active .caption span { transform:translateY(0); opacity:1; }

.carousel { margin:0 -100px; }
.carousel .swiper-button-prev { left:0; top:0;  background:none; width:20%; height:100%; }
.carousel .swiper-button-next { right:0; top:0; background:none; width:20%; height:100%; }

.picto { position:absolute; z-index:5; }

.arrow { display:flex; flex-direction:column; align-items:center; justify-content:center; position:absolute; bottom:50px; left:50%; transform:translateX(-50%); color:#fff; z-index:3;  }
.arrow img { width:70px; height:70px; animation:bounce 4s infinite; }
.arrow span { font-weight:bold; }
.arrow:hover, .arrow:active, .arrow:focus { color:#fff; }

.gototop { position:fixed; z-index:5; right:50px; bottom:20%; opacity:0; transition:all 0.5s ease 0s; }
.gototop.visible { opacity:0.2; }

@keyframes bounce {	0%, 65%, 80%, 100% { transform:translate(0); } 75% { transform:translateY(-8px); } 85% { transform:translateY(-4px); } }
@keyframes move { 0% { transform: translateY(0); } 100% { transform: translateY(5px); } }
 
/* Accueil */

#accueil .pace { z-index: 992; background:#008d75; border-radius:5px; display:block; transform:translateY(50px); }
#accueil .pace-inactive { display:none; }
#accueil .pace-progress { background:#fff; }
#accueil.pace-done:before { opacity:0; height:0; }
#accueil.pace-done:after { opacity:0; height:0; }
#accueil .section2{
	margin-top: 80px;
}
#accueil .presentationvilla .titre{
	font-family: "Canaro";
	font-weight: 400;
	text-transform: uppercase;
	text-align: center;
	font-size: 19px;
	position: relative;
	color: #57505a;
}

#accueil #figuier .titre:before{
	content: "1";
	display: block;
	position: absolute;
	top: 0;
	text-align: center;
	width: 100%;
	color: #eae5df;
	font-size: 130px;
	font-family: "Mirador";
	z-index: -1;
}

#accueil #murier .titre:before{
	content: "2";
	display: block;
	position: absolute;
	top: 0;
	text-align: center;
	width: 100%;
	color: #eae5df;
	font-size: 157px;
	font-family: "Mirador";
	z-index: -1;
}

#accueil .presentationvilla .titre{
	margin-bottom: 75px;
}

#accueil #amandier .titre:before{
	content: "3";
	display: block;
	position: absolute;
	top: 0;
	text-align: center;
	width: 100%;
	color: #eae5df;
	font-size: 130px;
	font-family: "Mirador";
	z-index: -1;
}

#accueil .presentationvilla .legende{
	color: #2c2d2c;
	font-size: 14px;
	text-align: center;
	margin-top: 15px; 
}

#accueil .presentationvilla .image{
	position: relative;
}

#accueil .presentationvilla .image:before{
	content: "";
	background: #2d2d2c;
	height: 22px;
	width: 2px;
	position: absolute;
	left: 50%;
	top: -22px;
	margin-left: -1px;
}

#accueil .presentationvilla .hover{
	position: absolute;
	top: 0;
	left: 0;
	background: rgba(45,45,44,0.8);
	width: 100%;
	height: 100%;
	text-align: center;
	opacity: 0;
	transition: all 0.5s ease;
}

#accueil .presentationvilla .hover:hover{
	opacity: 1;
	cursor: pointer;
}

#accueil .presentationvilla .hover p{
	font-size: 17px;
	font-weight: 400;
	color: #fff;
	margin-top: 35px;
}

#accueil .presentationvilla .hover p.vert{
	color: #6ec7bb;
}

#accueil .section3{
	margin-top: 150px;
}

#blocmarron, .blocmarron{
	position: absolute;
	bottom: 80px;
	background: #ad9986;
	font-family: "Mirador";
	width: 412px;
	font-size: 28px;
	font-weight: bold;
	color: #ffffff;
	height: 316px;
	padding: 70px 50px;
	line-height: 48px;
}

#accueil .section3{
	position: relative;
	background: url("../themes/vilonapa/assets/img/bglogo.png") no-repeat 130% 0;
}

#villa-figuier .blocmarron, 
#villa-murier .blocmarron, 
#villa-amandier .blocmarron{
	font-size: 20px;
	text-align: justify;
	line-height: 36px;
	height: 336px;
	left: 710px;
	bottom: -100px;
}

.leplus{
}


.leplus:before{
	content: "Le +";
	font-family: "Mirador";
	font-weight: bold;
	font-size: 47px;
	position: absolute;
	top: -65px;
	color: #2c2d2c;
	left: 180px;
}

#villa-figuier .section4, 
#villa-murier .section4, 
#villa-amandier .section4{
	margin-top: 200px;
}

.section3 p{
}

#decouvrir h1, #tarifs-et-reservations h1{
	margin-bottom: 60px;
}

#bloctarifs{
	color: #ad9986;
}

#bloctarifs b, #bloctarifs i{
	color: #2d2d2c;
}

#bloctarifs{
	border: 1px solid #ad9987;
	padding: 40px;

}

.mt80{
	margin-top: 80px;
}


.gmap{
	margin-top: 20px;
}


.marron{
	color: #ad9986;
	font-size: 23px;
	font-weight: bold;
	font-family: "Mirador";
	text-align: justify;
	line-height: 39px;
}

.pt40{
	padding-top: 40px;
}

#adresse{
	margin-top: 25px;
	font-family: "Mirador";
}

.quote{
	font-size: 66px;
	font-family: "Mirador";
	font-weight: bold;
	color: #2c2d2c;
	line-height: 80px;
	position: relative;
	margin-bottom: 150px;
}

.quote p{
	display: inline-block;
}

b, strong{
	font-weight: bold;
}

p + ul{
	margin-top: -30px;
}

.quote span{
	color: #ad9986;
	font-size: 52px;
	clear: both;
	font-weight: normal;
}

.quote:before{
	content:"“";
	font-size: 210px;
	color: #ad9986;
	font-family: "Canaro";
	font-weight: 300;
	top: -30px;
	position: absolute;
	left: -90px;
}

.quote:after{
	content:"”";
	font-size: 210px;
	color: #ad9986;
	font-family: "Canaro";
	font-weight: 300;
	position: absolute;
	right: -90px;
	bottom: -70px;
	line-height: 0;

}

.lieu{
	position: relative;
}



.lieu .intitule{
	position: absolute;
    top: 0;
    left: 0;
    background: rgba(44,45,45,0.8);
    width: 100%;
    height: 100%;
    text-align: center;
    opacity: 0;
    transition: all 0.5s ease;
    color: #ad9986;
    justify-content: center;
    align-items: center;
    align-content: center;
    display: flex;
    font-size: 20px;
}

.lieu .intitule:hover{
	opacity: 1;
}

#decouvrir .section3 .col-sm-6{
	margin-bottom: 30px;
}

.section4{
	background: url("../themes/vilonapa/assets/img/motifs.jpg") top center no-repeat;
	text-align: center;
	margin-top: 100px;
	padding-top: 50px;
	min-height: 488px;
	position: relative;
}

.justify{
	text-align: justify;
}

#tel{
	width: 250px;
	height: 65px;
	background: #AE9887;
	color: #ffffff;
	font-weight: bold;
	font-size: 22px;
	position: absolute;
	top: 414px;
	left: 50%;
	margin-left: -125px;
	z-index: 1;
}

#tel p{
	line-height: 65px;
}
#tel a{ color: inherit; }
#tel a:hover{ color: inherit; }

p{
	width: 100%;
}

.center{
	justify-content:center;
}

#mentions{
	border-top: 5px solid #ad9986;
    margin-top: 180px;
    padding-bottom: 90px;
    font-family: "Mirador";
    font-size: 16px;
    padding-top: 15px;
}

a{
	color: #ad9986;

}

.slogan{
	font-size: 13px;
    background: rgba(255,255,255,0.75);
    position: absolute;
    top: 0;
    left: 50%;
    /* text-align: center; */
    display: inline-block;
    z-index: 2;
    width: initial;
    font-size: 13px;
    font-weight: 400;
    text-transform: uppercase;
    width: 320px;
    height: 55px;
    margin-left: -160px;
    text-align: center;
    line-height: 55px;
}

.imgentete{
	text-align: center;
}

#entete{
	position: relative;
}

#logovilla{
	background: #2c2d2c;
	text-align: center;
	height: 460px;
	display: flex;
    align-items: center;
    justify-items: center;
    justify-content: center;
}

.wrapminiatures{
	margin-top: 7px;
	overflow: hidden;
	font-size: 0;
}

.miniature{
	margin-right: 7px;
	margin-bottom: 7px;
	cursor: pointer;
	display: inline-table;
	position: relative;
}

.miniature:nth-child(5n){
	margin-right: 0;
}

.miniature:hover:after, .miniature.active:after{
	background: rgba(44,45,45,0.8);
	content: "";
	display: block;
	width: 100%;
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;

}

.scollminiatures{
}



.wrapgalerie{
	margin-bottom: 30px;
}

#villa-figuier iframe, 
#villa-murier iframe, 
#villa-amandier iframe{
  margin-top: 140px;
}

h2{
	color: #ad9986;
	font-size: 22px;
	text-transform: uppercase;
	font-weight: 400;
	margin-bottom: 30px;
}

p{
	margin-bottom: 30px;
}

li{
	list-style-type: none;
	position: relative;
}

li:before{
	content: "";
    display: block;
    width: 7px;
    height: 7px;
    background: #ad9986;
    position: absolute;
    top: 13px;
    left: -21px;
}

.personnes{
	font-size: 21px;
	text-align: center;
	color: #ad9986;
	font-weight: 400;
	margin-bottom: 60px;
}

.field.textfield input, .field.textarea textarea{
	border: 1px solid #ad9987;
	font-family: "Mirador";
	font-size: 18px;
	color: #8a8770;
}

.field{
	margin-bottom: 20px;
}

.field.textfield input{
	height: 65px;
	padding-left: 25px;
}

.field.textarea textarea{
	padding-left: 25px;
}

#contact h1, #donnees-personnelles h1{
	margin-bottom: 60px;
}

#contact .section2{
	font-family: "Mirador";
}

.bgadresse{
	background: url("../themes/vilonapa/assets/img/coord.jpg") no-repeat bottom right;
	color: #fff;
	height: 300px;
	display: flex;
    justify-content: center;
    align-items: center;
}

.bgadresse b{
	color: #2c2d2c;
}


td, th{
	border: 1px solid #2c2d2c;
	padding: 10px;
}

table{
	margin-bottom: 30px;
}


a:hover{
	color: initial;
}



/* Merci */
#merci #header .phone a { color:#09aa8e; }
#merci .section1 h1 { font-size:100px; }
#merci .section1 { background:#09aa8e; text-align:center; color:#fff; }
#merci .section1 p { margin:30px 0; font-size:20px; }
#merci .section1 .btn { color:#09aa8e; }

/* Mentions légales */
#mentions-legales #header { background:#fff; }
#mentions-legales #header .phone span { color:#09aa8e; }
#mentions-legales .page .container { padding:60px 0; }
#mentions-legales .page h2 { color:#09aa8e; font-size:20px; margin:30px 0 15px 0; }
#mentions-legales .page { padding-top:112px; }
/**
 * Large devices (desktops, less than 1200px)
 **/
@media (max-width: 1199px) {
  #header .phone a { padding:10px 20px; }
  #footer .footer-bottom .links { display:none; }
  
  .section1 .caption, .section1 h1 { font-size:100px; }
  .section2 .rellax { margin-top:0 !important; }
  .picto { display:none; }
  
  h2 { font-size:40px; }
  
  #accueil .section2 .text p { line-height:2.5em; }
  #accueil .section2 .text h2 { margin-bottom:30px;}
  #accueil .section4 .arrow { display:none; }
  
  #contact .section2 .rellax { margin-bottom:50px; }
  #contact .section2 .arrow { display:none; }
  .hidden-md-down{
    display: none;
  }

  #villa-figuier .blocmarron{
    position: initial;
    max-width: 100%;
    font-size: 15px;
    height: initial;
  }

  #villa-figuier .blocmarron:before{
    display: none;
  }

  .scollminiatures {
    width: max-content;
    width: -moz-max-content;
  }


  .wrapminiatures{
    overflow-x: scroll;
  }

  #blocmarron{
    position: initial;
    font-size: 23px;
    width: 100%;
  }

  .quote{
    font-size: 50px;
  }
  
  .quote span{
    font-size: 42px;
  }



}

/**
 * Medium devices (tablets, less than 992px)
 **/
@media (max-width: 991px) {
  #header .container { width:100%; }
  #header .hamburger .text { display:none !important; }
  #header .menu { font-size:30px; }
  #footer .footer-bottom { padding:40px 0; }
  #fp-nav { display:none; }
  
  .fp-controlArrow.fp-next { right:15px; }
  .fp-controlArrow.fp-prev { left:15px; }
  .section2 .arrow { display:none; }
  .section3 .arrow { display:none; }
  .section4 .arrow { display:none; }
  .btn {padding:10px 20px; font-size:14px; }
  .fp-auto-height-responsive { padding:40px 0; }
  .gototop { display:none; }
  
  #accueil .section3 h3 { font-size:35px; margin-bottom:40px; }
  #accueil .section4 { padding:40px 0; }
  #accueil .section3 { padding:0; }
  
  #piscines-spa .section2 .image { text-align:left; }
  
  #contact .section3 { padding:0; }
  #contact .section3 .right { margin-top:40px; }
  
}

/**
 * Small devices (landscape phones, less than 768px)
 **/
@media (max-width: 767px) {
  #header .logo img { min-width:250px; }
  #header .menu li { margin:5px 0; }
  #header .phone a { padding:5px 10px; }
  #header .phone i { margin-right:10px; }
  #footer .footer-top { text-align:center; }
  #footer .footer-top h2 { background:none; padding-left:0; }
  
  .section1 .caption, .section1 h1 { font-size:70px; }
  .arrow img { width:50px; height:50px; }
  
  #accueil .section4 .link { margin-top:30px; }
  #accueil .section2 { padding:40px 0; }
  #accueil .section2 .text h2 br { display:none; }
  
  #amenagements-exterieurs .section2 { background:#f2f2f2; }
  #bureau-etudes .section2 { background:#f2f2f2; }
  
  #contact .section2 .radio { flex-direction:column; }
  #contact .section2 .radio .title { margin-bottom:10px; }
  #contact .section2 .radio label { margin:5px 0; }
  
  
  
  
}

/**
 * Extra small devices (portrait phones, less than 544px)
 **/
@media (max-width: 575px) {
  #header .phone .number { display:none; }
  #header .phone i { margin-right:0; }
  #header .phone a { padding:5px 14px; }
  #header .logo img { max-width:200px; min-width:0; }
  #header .hamburger { margin-left:20px; }
  #header .menu { font-size:20px; }
  
  .section1 .caption, .section1 h1 { font-size:40px; }
  .swiper-button-prev, .swiper-button-next { display:none; }
  
  #accueil .section4 .title { display:none; }
  
  #contact #footer .footer-top h2 { font-size:60px; }
  .carousel { margin:0; }
  .imgentete img{
        min-height: 210px;
      object-fit: cover;
  }

#header .hamburger{
      top: 71px;
    right: 0;
}

@media (max-width: 355px) {
  #header .phone { display:none !important; }
  #header .container-fluid { padding:0 20px; }
}