body {font-family: 'Roboto Slab', serif;width:100%}
a,a:hover,a:focus {text-decoration: none;-webkit-transition: all 0.25s;transition: all 0.25s}
button {outline: none}
*, ::after, ::before {box-sizing: border-box}
.container {max-width: 1320px}
h1 {font-size: 3rem}
h2 {font-size : 2.2rem;color:#997840}
p {font-size: 1.3rem;font-weight: 300;line-height: 1.5;color:#666;font-family: 'Arial', serif}
a.lien {background-color: rgba(0,0,0,.5);color:#fff;font-size: 1rem;letter-spacing: 5px;padding: 20px 50px;text-transform: uppercase;-webkit-transition: all 0.25s;transition: all 0.25s}
a.lien:hover {opacity: 1;background-color: rgba(0,0,0,1)}

/* ========== SCROLL-TOP ========== */
.scrollToTop,.scrollToTop:focus {color:#9d9d9d;font-size: 3rem;font-weight: 300;width:60px;height:60px;padding:2px;text-align:center;text-decoration: none;position:fixed;bottom:20px;z-index: 999;background-color: #000;border-radius: 2px;-webkit-transition:all .2s ease-in-out; transition:all .2s ease-in-out;cursor: pointer}
.scrollToTop:hover{text-decoration:none;background-color:rgba(27, 28, 21,1);color:#fff;opacity: 1}
.top-on {right:20px;opacity: 1}
.top-off {right:-80px;opacity: .5}

/* Overlay plein écran */
.promo-overlay {
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.55);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 9999;

  /* Petites étoiles scintillantes */
  background-image:
    radial-gradient(white 1px, transparent 1px),
    radial-gradient(white 1px, transparent 1px);
  background-size: 180px 180px, 120px 120px;
  background-position: 0 0, 60px 60px;
}

/* Masqué par défaut */
.promo-hidden {
  display: none;
}

/* === MODAL === */
.promo-modal {
  background: #fffaf4;
  max-width: 520px;
  width: 90%;
  padding: 28px 30px;
  border-radius: 14px;
  /* Cadre doré */
  border: 3px solid #d4a037;
  /* Ombre festive douce */
  box-shadow: 0 12px 35px rgba(0, 0, 0, 0.4),
              0 0 20px rgba(255, 215, 0, 0.4);
  position: relative;
  text-align: center;
}

.promo-modal h2 {
  margin-top: 0;
  margin-bottom: 12px;
  font-size: 1.7rem;
  color: #c62828; /* rouge chaleureux */
  font-weight: bold;
  text-shadow: 0 0 6px rgba(255, 255, 255, 0.6);
}

.promo-modal p {
  font-size: 1rem;
  color: #5a3b1e;
  margin: 0;
  line-height: 1.55;
}

/* Bouton fermer (croix) */
.promo-close {
  position: absolute;
  top: 10px;
  right: 12px;
  border: none;
  background: transparent;
  font-size: 1.8rem;
  cursor: pointer;
  color: #9c6d2f;
  transition: transform 0.2s, color 0.2s;
}

/* === BOUTON CADEAU FIXE === */
.promo-trigger {
  position: fixed;
  left: 22px;
  bottom: 22px;
  width: 56px;
  height: 56px;
  border-radius: 50%;
  border: none;
  cursor: pointer;
  z-index: 9999;

  /* Couleurs Noël */
  background: #ffffff;
  color: #ffd700;

  font-size: 1.8rem;

  /* Effet or brillant */
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.35),
              0 0 12px rgba(255, 215, 0, 0.6);

  transition: transform 0.25s ease, box-shadow 0.25s ease;
}

.promo-trigger:hover {
  transform: scale(1.15) rotate(-5deg);
  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.45),
              0 0 18px rgba(255, 215, 0, 0.9);
}


/*
================================================== MENU
*/
nav#menu,
nav#menu a,
nav#menu ul,
nav#menu li{display: inline-block}
nav#menu {position: fixed;width: 100%;height: 80px;z-index: 999;-webkit-transition: all .1s ease-in-out;transition: all .1s ease-in-out}
nav#menu a.brand{width: 15%;height:100%}
nav#menu a.brand img {width:105px;margin-left:50px}
nav#menu ul {width: 85%;height:77px;margin: 30px 0 0;padding: 0;text-align: center;position: relative;background-color:rgba(27, 28, 21, .8);-webkit-transition: all .1s ease-in-out;transition: all .1s ease-in-out}
nav#menu ul li a {color: rgba(255,255,255,.5);font-size: .9rem;padding: 20px 0;text-transform: uppercase;font-weight: 300;letter-spacing: 1px}
nav#menu ul li a:hover,nav#menu ul li a.active {color:#fff}
nav#menu ul li > a:after {color: #fff;content: "•";position: relative;top:4px;font-size: 25px;margin: 0 25px 0 27px}
nav#menu ul li:last-child a:after {display: none}
@media (max-width:1600px){
  nav#menu ul li > a:after {margin: 0 20px 0 22px}
}
@media (max-width:1440px){
  nav#menu ul li > a {font-size: .9rem}
  nav#menu ul li > a:after {margin: 0 15px 0 17px}
}
@media (min-width:1321px){
  nav#menu.sticky {height: 87px;background-color:rgba(27, 28, 21,1);-webkit-transition: all .2s ease-in-out;transition: all .2s ease-in-out}
  nav#menu.sticky ul {margin-top: 5px;background: none}  
  nav#menu.sticky a.brand img{margin-top: -20px}
  nav#menu button.hamburger {display: none}
}
@media (max-width:1320px){
  nav#menu {height: 80px;background-color:rgba(27, 28, 21, 1)}  
  nav#menu strong,nav#menu ul li > a:after {display: none}  
  nav#menu button.hamburger {position: absolute;top:0;right: 0;height:80px;width: 80px;border: none;outline:none;background:rgba(27, 28, 21, 1)}
  nav#menu button.hamburger:hover {cursor: pointer}
  .hamburger-box {width: 80px;height: 80px;display: inline-block;position: relative}
  .hamburger-inner {display: block;top: 50%}
  .hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {width: 40px;height: 4px;background-color: #fff;border-radius: 4px;position: absolute;transition-property: transform;transition-duration: 0.15s;transition-timing-function: ease}
  .hamburger-inner::before, .hamburger-inner::after {content: "";display: block}
  .hamburger-inner::before {top: -10px}
  .hamburger-inner::after {bottom: -10px}
  .hamburger--arrow.is-active .hamburger-inner::before {transform: translate3d(8px, 0, 0) rotate(45deg) scale(0.7, 1)}
  .hamburger--arrow.is-active .hamburger-inner::after {transform: translate3d(8px, 0, 0) rotate(-45deg) scale(0.7, 1)}
  .hamburger-collapse {margin-right:-50% !important}
  nav#menu a.brand {display: block;padding-top: 0px}
  nav#menu a.brand img {margin-left:15px}
  nav#menu ul {display: block;width: 50%;float: right;margin-right:0px;margin-top:0;-webkit-transition: all .2s ease-in-out;transition: all .2s ease-in-out}
  nav#menu ul li {display: block;background-color:rgba(27, 28, 21, 1);border-top:1px solid #171812}
  nav#menu ul li a {display: block}
}

/*
================================================== HEADER
*/
#header {margin-bottom: -15px}
#header .container {text-align: center;display: block;padding: 300px 0 0px}
#header .container img {margin-bottom: 20px}
#header .container h1{color:#fff;font-size: 2.2rem;padding: 10px 10px;margin-bottom: -0px;text-shadow: 2px 2px 2px rgb(0,0,0,.5);background: rgba(0,134,96, .8);}
#header .container p {color:#fff;background:  rgba(162,100,26, .8);padding: 5px 15px;text-shadow:1px 1px 2px rgba(33,33,33,.8);}
#header.produits {background: url(../img/bg/nos-produits-41.jpg) no-repeat center center;background-size: cover}
#header.trouver {background: url(../img/bg/ou-nous-trouver.jpg) no-repeat center top;background-size: cover}
#header.ferme {background: url(../img/bg/ferme-decouverte-41.jpg) no-repeat center center;background-size: cover}
#header.mobile {background: url(../img/bg/location-mobile-home-41.jpg) no-repeat center center;background-size: cover}
#header.camping {background: url(../img/bg/accueil-camping-car-41.jpg) no-repeat center center;background-size: cover}
#header.contact {background: url(../img/bg/contact-41.jpg) no-repeat center center;background-size: cover}
@media (max-width:520px){
	#header {height: 75vh}
  #header .container {padding-top: 35vh}
  #header .container h1 {font-size: 1.5rem}
}
/*
================================================== FOOTER
*/
footer {background: url(../img/bg/footer2.jpg) no-repeat center center;background-size:cover;padding: 80px 0}
footer h4 {color: #fff}
footer h5 {color:#fff;font-size: 1.3rem}
footer p {color:#ddd;font-size:1rem}
footer a {color:#997840}
footer a:hover {color:#008660}
footer .foot1 img {width: 100px;margin:0px 0 20px 0;}
footer .foot1 h4 {margin-bottom: 20px}
footer .foot2 img {width: 50px;}
footer .foot2 a.trip img {background: #fff;border-radius: 4px;padding: 10px;margin-right: 15px}
footer .foot2 a.trip img,footer .foot2 a.face img {-webkit-transform: scale(1);transform: scale(1);-webkit-transition: .15s ease-in-out;transition: .15s ease-in-out}
footer .foot2 a.trip:hover img,footer .foot2 a.face:hover img {-webkit-transform: scale(1.05);transform: scale(1.05)}
footer .foot2 a.march {display: block;padding: 10px 0;margin-top: 20px}
footer .foot2 h4,
footer .foot3 h4 {margin: 60px 0 20px 0}
footer .foot3 a {display: block;padding: 10px 0;margin-top: 10px}
#copyright {background: #000;text-align: center;padding: 10px 0;color:#666;font-size: .9rem;letter-spacing: .11rem}
#copyright a {color:#999}
#copyright a:hover {color:#eee}

/*
================================================== SLIDER
*/
#slider {overflow: hidden}
#slider .carousel {overflow: hidden;background: #fff;-webkit-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out}
#slider .carousel-item {height: 80vh;min-height: 1000px;background: url(../img/bg/slider.jpg) no-repeat center center;background-size: cover}
#slider .carousel-item:before {background-color: #fff;bottom: -50px;content: "";height: 90px;left: 0;position: absolute;-webkit-transform: skewY(3deg);-ms-transform: skewY(3deg);transform: skewY(3deg);width: 55%;z-index: 4}
#slider .carousel-item:after {background-color: #fff;bottom: -50px;content: "";height: 90px;position: absolute;right: 0;-webkit-transform: skewY(-3deg);-ms-transform: skewY(-3deg);transform: skewY(-3deg);width: 55%;z-index: 4}
#slider .carousel-item .carousel-caption {top:15vh;width: 50%;height:300px;margin: 0 auto}
#slider .carousel-item .carousel-caption h1 {font-size: 2.8vw;letter-spacing: 5px}
#slider .carousel-item .carousel-caption h2 {font-size: 2.2vw;letter-spacing: 10px;font-family: 'Dancing Script', cursive;color:#fff;margin-bottom: 80px}
#slider .carousel-item .carousel-caption img {margin-bottom: 40px;max-height: 265px;height:25vh;}
#slider .carousel-item .carousel-caption p {color:#fff;margin-bottom: 50px;font-size: 1.2rem;letter-spacing: 2px}
#slider .carousel-item .carousel-caption a {display: block;z-index: 101}
@media (max-width:1320px){
  #slider .carousel-item .carousel-caption {top:15vh;width:75%;}
  #slider .carousel-item .carousel-caption h1,
  #slider .carousel-item .carousel-caption h2 {font-size: 6vw}
  #slider .carousel-item .carousel-caption a {font-size: 1.5vw}
}
@media (max-width:820px){
  #slider .carousel-item .carousel-caption h1,
  #slider .carousel-item .carousel-caption h2 {font-size: 8vw}
  #slider .carousel-item .carousel-caption a {font-size: 2vw;display: block}
}
@media (max-width:520px){
	#slider .carousel-item .carousel-caption {top:25vh;width:100%;padding: 0;right:0;left:0;}
  #slider .carousel-item .carousel-caption h1,
  #slider .carousel-item .carousel-caption h2 {font-size: 8vw}
  #slider .carousel-item .carousel-caption img,#slider .carousel-item .carousel-caption p,#slider .carousel-item .carousel-caption a {display: none}  
}
@media (max-width:380px){  
  #slider .carousel-item .carousel-caption a {font-size: 4vw}
}

/*
================================================== SEPARATION
*/
.anim-pixel {width: 100%;height: 200px;    margin-top: -150px;display: flex;align-items: center;justify-content: center;overflow: hidden;position: relative}
.item-pixel {z-index: 100;padding: 5px}
.item-pixel img {width: 125px}

/*
================================================== SECTION 1
*/
#section1 {text-align: center}
#section1 .titre {padding: 50px 0 20px 0}
#section1 .titre h1 {color:#997840}
#section1 .titre h2 {color:#008660;font-size: 1.8rem}
#section1 .titre p {padding: 40px 20%;text-align: justify;text-align-last: center}
#section1 .x3-item .item img {-webkit-transform: scale(.9);transform: scale(.9);-webkit-transition: .25s ease-in-out;transition: .25s ease-in-out}
#section1 .x3-item .item:hover img {-webkit-transform: scale(1);transform: scale(1)}
#section1 .x3-item .item h3 {text-align: right;z-index: 99;position: absolute;background-color:rgba(27, 28, 21, 1);bottom:25px;right:35px;padding: 8px 25px;font-size: 1.5rem;color:#fff;-webkit-transition: .25s ease-in-out;transition: .25s ease-in-out}
#section1 .x3-item .item h3 small {font-size: 1rem;color:#997840;-webkit-transition: .25s ease-in-out;transition: .25s ease-in-out}
#section1 .x3-item .item:hover h3{bottom: 10px;color:#997840}
#section1 .x3-item .item:hover h3 small {color:#fff}
@media (max-width:1440px){
  #section1 .x3-item .item h3 {font-size: 1.2rem}
}
@media (max-width:1210px){
  #section1 .x3-item .item img {-webkit-transform: scale(1);transform: scale(1)}
  #section1 .x3-item .item h3 {bottom:15px;padding: 5px 15px;font-size: 1.2rem}
  #section1 .titre p {padding: 20px 5%}
}
@media (max-width:991px){
  #section1 .x3-item .item.item3 {margin-top: 35px}
}
@media (max-width:575px){
  #section1 .x3-item .item {margin-top: 35px}
}

/*
================================================== SECTION PARALLAX
*/
#section-parallax {text-align: center;padding: 80px 0 0px 0;margin-top: 80px;background: url(../img/bg/parallax.jpg) no-repeat center center;background-attachment: fixed}
#section-parallax img.logo {width: 150px;margin-bottom: 50px}
#section-parallax h2 {color:#fff;}
#section-parallax h3 {color:#fff;margin-bottom: 30px;font-family: 'Dancing Script', cursive;font-size: 2.5rem}
#section-parallax h3:after {content:'';height:3px;width: 150px;background: #fff;position: absolute;margin: 70px -220px}
#section-parallax p {color:#fff;margin: 60px 0 20px 0;padding: 0 15%;text-align: justify;text-align-last: center}
#section-parallax p strong {letter-spacing: 5px;background: rgba(255,255,255,1);color:#333;padding: 5px 40px}
#section-parallax p span {font-size: 3rem}
#section-parallax p i {font-size: 1rem}
#section-parallax a.lien {border:3px solid #fff;background: none}
#section-parallax a.lien:hover {background: #fff;color:#997840;}
#section-parallax .items {margin:120px 0 0px 0;background: rgba(255,255,255,.25);padding: 20px}
#section-parallax .item img {-webkit-transform: scale(.9);transform: scale(.9);-webkit-transition: .25s ease-in-out;transition: .25s ease-in-out}
#section-parallax .item:hover img {-webkit-transform: scale(1);transform: scale(1)}
@media (max-width:1210px){
  #section-parallax p {padding: 20px 5%}
}
@media (max-width:992px){
  #section-parallax a.lien {display: block}
  #section-parallax .items img{margin-top: 20px}
}

@media (max-width:392px){  
  #section-parallax p strong {display: block}
  #section-parallax p span {font-size: 2.5rem;display: block}
  #section-parallax h3:after {display: none}
}

/*
================================================== SECTION 2
*/
#section2 {text-align: left;padding: 80px 0 130px 0}
#section2 .image {margin-top: 110px}
#section2 .titre img.logo {width: 100px;margin-bottom: 40px}
#section2 .titre h3 {margin-bottom: 30px;color:#008660}
#section2 .titre h4 {margin:50px 0 20px 15px;text-transform: uppercase;font-size: 1.2rem;letter-spacing: 2px}
#section2 .titre p {text-align: justify;padding-right: 20%;margin: 50px 0;color:#000}
#section2 .titre ul {list-style: none;margin:0px;padding:0;}
#section2 .titre ul li{margin: 20px 20px 0 0;display: inline-block;width: 180px;-webkit-transition: .25s ease-in-out;transition: .25s ease-in-out}
#section2 .titre ul li:hover {-webkit-transform: scale(1.1);transform: scale(1.)}
#section2 .titre strong {text-transform: uppercase;color:#666;font-family: 'Arial', serif;font-weight: 300}
#section2.section2-produits {background-color: #fff}
#section2.section2-produits span {font-size: 1.2rem}
#section2.section2-produits ul {margin-top: 20px}
#section2.section2-produits ul li{margin-bottom: 10px}
#section2.section2-produits p.text {text-align: justify;text-align-last: center;border: 2px solid #997840;padding:40px 50px;margin-top: 80px}
@media (max-width:1330px){
  #section2 .titre p {padding-right: 5%}
}
@media (max-width:991px){
  #section2 .titre {text-align: center}
  #section2 .titre p {padding-right: 5%;text-align-last:center }
  #section2 .image {margin-top: 0px;margin-bottom: 50px}
  #section2 .titre ul.pub {margin-bottom: 50px}
}
@media (max-width:655px){
  #section2 .titre ul li {display: block;width: auto}
}
/*
================================================== SECTION 3
*/
#section3 {text-align: left;padding: 50px 0 50px 0;background: #eee}
#section3 img.logo {width: 100px;margin-bottom: 20px}
#section3 strong.titre {color:#008660;font-size: 1.2rem}
#section3 ul {background: #fff;padding: 30px;list-style: none;margin-top: 40px}
#section3 ul li {margin: 15px 0}
#section3 .horaire {background: #fff;border:1px solid #008660;padding: 20px 25px;text-align: center;margin-top: }
#section3 .horaire img {margin-top: 10px}
#section3 .horaire h3 {color:#997840;margin-top: 15px;font-family: 'Dancing Script', cursive;font-size: 2.5rem}
#section3 .horaire h4 {color:#008660;margin-bottom: 20px;font-family: 'Dancing Script', cursive;font-size: 2.5rem}
#section3 .horaire p strong {font-size: 1.8rem;color:#000;}
#section3 .img1 {margin-top: 40px}
#section3 .img2 {margin-top:40px}
@media (max-width:767px){
  #section3 .img1 {margin-top: 50px}
}
/*
================================================== SECTION 4
*/
#section4 {text-align: center;padding: 50px 0 80px 0}
#section4 img.logo {width: 100px;margin-bottom: 20px}
#section4 h2 {margin-bottom: 20px}
#section4 .item {border: 2px solid #008660;padding: 20px 10px 5px 10px;margin-top: 30px}
#section4 .item h3 {font-size: 1.2rem;color:#008660;margin-bottom: 20px}
#section4 .item p {font-size: 1.2rem;line-height: 1.4rem}
#section4 .item a {color:#008660;}
/*
================================================== SECTION 5
*/
#section5 {text-align: left;padding: 50px 0 80px 0}
#section5 img.logo {width: 100px;margin-bottom: 20px}
#section5 h2 {margin-bottom: 20px}
#section5 p {text-align: justify;padding: 20px 15% 0 0}
#section5 .prog {padding:40px;}
#section5 ul {list-style: none;border:2px solid #008660;padding: 0;margin: 0}
#section5 ul li {font-size: 1.2rem}
#section5 ul li.item1 {background-color: #008660;color:#fff;text-align: center;margin: 0;padding: 10px}
#section5 ul li.item2 {text-align: left;background: #eee;margin: 0;padding: 10px}
#section5 ul li.item3 {text-align: left;background: #fff;margin: 0;padding: 10px}
#section5 .item {background: #eee;padding: 40px 20px;margin-top: 20px;text-align: center}
#section5 .item strong {font-size: 2.2rem;color:#333}
#section5 .item strong small {font-size: 1.2rem;color:#666}


/*
================================================== SECTION 6
*/
#section6 {text-align: left;padding: 50px 0 80px 0}
#section6 img.logo {width: 100px;margin-bottom: 20px}
#section6 h2 {margin-bottom: 20px}
#section6 p {text-align: justify;padding: 20px 15% 0 0}
#section6 .icon {display: inline-block;text-align: center;margin: 50px 30px 0 0}
#section6 .icon img{width: 50px;padding-bottom: 10px}
#section6 .prog {padding:40px}
#section6 .prog ul {list-style: none;border:2px solid #008660;padding: 0;margin: 0}
#section6 .prog ul li {font-size: 1.2rem}
#section6 .prog ul li.item1 {background-color: #008660;color:#fff;text-align: center;margin: 0;padding: 10px}
#section6 .prog ul li.item2 {text-align: left;background: #eee;margin: 0;padding: 10px}
#section6 .prog ul li.item3 {text-align: left;background: #fff;margin: 0;padding: 10px}
@media (max-width:767px){
  #section6 {text-align: center}
  #section6 p {text-align-last: center;padding: 20px 5%}
  #section6 .icon {margin-top: 10px}
  #section6 .prog {padding:40px 20px}
}

/*
================================================== SECTION 7
*/
#section7 {text-align: center;padding: 80px 0 80px 0;background: #eee}
#section7 .reserv h3 {text-align: left}
#section7 .reserv .tarif {text-align: left;margin-top: 20px}
#section7 .reserv .tarif strong {font-size: 1.2rem;color:#333}
#section7 .reserv .tarif small {color:#008660;}
#section7 a img {-webkit-transform: scale(.9);transform: scale(.9);-webkit-transition: .25s ease-in-out;transition: .25s ease-in-out}
#section7 a:hover img {-webkit-transform: scale(1);transform: scale(1)}
@media (max-width:767px){
  #section7 .reserv h3 {text-align: center}
  #section7 .reserv .tarif {text-align: center}
  #section7 a img {margin-top: 30px}
}

/*
================================================== GALLERY
*/
#gallery {padding: 65px 0 50px 0;text-align: center;background: url(../img/bg/bg-produits.jpg) no-repeat center center;background-size: cover}
#gallery h2 {background-color: rgba(0,0,0,.5);color:#fff;font-size: 1.2rem;padding: 10px 0;margin-top: -59px;z-index: 99;position: relative;-webkit-transform: scale(.9);transform: scale(.9);-webkit-transition: .25s ease-in-out;transition: .25s ease-in-out}
#gallery .mix:hover h2 {-webkit-transform: scale(1);transform: scale(1);background-color: rgba(0,0,0,.75)}
#gallery .mix {display: inline-block;width: 24.7%;margin: 0;cursor: pointer}
#gallery .mix img {-webkit-transform: scale(.9);transform: scale(.9);-webkit-transition: .25s ease-in-out;transition: .25s ease-in-out}
#gallery .mix:hover img {-webkit-transform: scale(1);transform: scale(1)}
#gallery .controls {margin-bottom: 35px}
#gallery .controls button {text-transform: uppercase;background-color:#fff;border: 2px solid #997840;color:#997840;padding: 10px 40px;margin-right: 15px;cursor: pointer;outline: none;-webkit-transition: .25s ease-in-out;transition: .25s ease-in-out}
#gallery .controls button:hover,#gallery .controls button:active,#gallery .controls button:focus,#gallery .controls button.mixitup-control-active {background-color:#997840;border: 2px solid #997840;color:#fff}
#gallery .text-intro {margin-top: 50px}
@media (max-width:992px){
  #gallery .controls button {margin-bottom: 10px}
  #gallery .mix {width: 25%}
}
@media (max-width:566px){
  #gallery .mix {width: 45%}
}
/*
================================================== CAROUSEL
*/
#carouselExampleIndicators {text-align: center;padding:0 2%;margin: 50px auto}

/*
================================================== CONTACT
*/
#contact {text-align: center;padding: 50px 0 80px 0;background: #eee}
#contact img.logo {width: 100px;margin-bottom: 20px}
#contact h2 {margin-bottom: 20px}
#contact .map {margin-top: 60px}
#map{height:835px;position:relative;width:100%}
.maps-frame{height:800px;width:100%}
#contact .formulaire {margin-top: 60px;text-align: left;padding:0 40px}
#contact .formulaire label{color:#008660;font-size: 1.2rem}
.floating-label-form-group{position:relative;margin-bottom:0;padding-bottom:0.5em;padding-top:0.8em}
.floating-label-form-group input,.floating-label-form-group textarea{color:#000;z-index:1;position:relative;padding-left:0;border:none;border-radius:0;font-size:1.5em;background:rgba(255,255,255,.8);-webkit-box-shadow:none !important;box-shadow:none !important;resize:none}
.floating-label-form-group::not(:first-child){padding-left:14px}
.floating-label-form-group-with-value label{top:0;opacity:1;color:#997840}
.floating-label-form-group-with-focus label{color:#997840}
.btn-principal {color:#fff;background-color: #997840;border: 2px solid rgba(0,0,0,.2);border-radius: 0px;font-size: 16px;font-weight: 700;line-height: 1.6em;padding: 20px 50px;text-transform: uppercase;letter-spacing: 1px;margin-top: 50px;margin-bottom: 80px}
.btn-principal:hover {background-color: #997840;color:#fff;border: 2px solid #997840}
/* responsive */
@media (max-width: 1199px) {
  #contact {padding: 20px 0 10px 0}
  #map{height:300px}
  #contact h2 {margin-top: 50px;text-align: center}
  #contact h3 {text-align: center}
}