/*****************************************************

			       NAVIGATION

*****************************************************/
/* line 7, ../scss/modules.scss */
nav {
  display: inline-block;
  margin-top: 60px;
}
/* line 10, ../scss/modules.scss */
nav ul {
  display: block;
  margin-bottom: 0;
}
/* line 14, ../scss/modules.scss */
nav ul li {
  display: inline-block;
  list-style: none;
}
/* line 18, ../scss/modules.scss */
nav ul li a {
  display: inline-block;
  margin: 0 10px;
  font-size: 20px;
  color: #fff;
  padding: 5px 25px;
  border-radius: 7px;
  font-weight: 300;
}
/* line 27, ../scss/modules.scss */
nav ul li a:hover {
  color: #667552;
  background: #fff;
}

/*****************************************************

			       HOME

*****************************************************/
/* line 40, ../scss/modules.scss */
.home .titre {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 650px;
  margin-left: -325px;
  margin-top: -110px;
}

/* line 48, ../scss/modules.scss */
.home .logo {
  margin-bottom: 0px;
  width: 260px;
}

/*****************************************************

			     INFOS BAR

*****************************************************/
/* line 77, ../scss/modules.scss */
.info-bar--coordonnees {
  display: inline-block;
  height: 65px;
  margin-top: 60px;
  padding-right: 15px;
  background: #111;
  color: #fff;
  text-transform: uppercase;
  line-height: 65px;
}
/* line 86, ../scss/modules.scss */
.info-bar--coordonnees span {
  display: inline-block;
  float: left;
  margin-top: -2px;
  margin-left: -2px;
  margin-right: 10px;
  background: url(../img/icon/mail.svg) center center no-repeat #633510;
  height: 65px;
  width: 65px;
  box-shadow: 3px 3px 0.1px #0a0a0a;
}

/* line 99, ../scss/modules.scss */
.info-bar--logo--container {
  float: right;
  height: 145px;
  width: 145px;
  margin-top: -0px;
  background: url(../img/icon/tent-3.svg) #667552 center center no-repeat;
  -webkit-background-size: 140px;
  background-size: 140px;
  box-shadow: 3px 3px 0.1px #0a0a0a;
}

/*****************************************************

			       ABOUT

*****************************************************/
/* line 117, ../scss/modules.scss */
.about--icon {
  width: 100px;
  margin: 0px auto;
}

/* line 121, ../scss/modules.scss */
.jean-louis {
  margin-top: 40px;
}

/* line 124, ../scss/modules.scss */
.about--illustration {
  width: 90%;
}

/*****************************************************

			    CAMPING

*****************************************************/
/* line 134, ../scss/modules.scss */
.camping--features {
  margin: 60px 0 0px;
}

/* line 137, ../scss/modules.scss */
.camping--icon--big {
  display: block;
  height: 55px;
  margin: 20px auto;
}

/* line 142, ../scss/modules.scss */
.camping h4 span {
  display: inline-block;
  margin-right: 5px;
  height: 35px;
  width: 35px;
  background: url(../img/icon/flag.svg) center 4px no-repeat;
}

/*****************************************************

			    GALERIE

*****************************************************/
/* line 158, ../scss/modules.scss */
.thumb {
  float: left;
  width: 14.2857%;
}

/* line 162, ../scss/modules.scss */
.thumb--1 {
  background: url(../img/galerie/thumbs/1.jpg) center center no-repeat;
  -webkit-background-size: cover;
  background-size: cover;
}

/* line 167, ../scss/modules.scss */
.thumb--2 {
  background: url(../img/galerie/thumbs/2.jpg) center center no-repeat;
  -webkit-background-size: cover;
  background-size: cover;
}

/* line 172, ../scss/modules.scss */
.thumb--3 {
  background: url(../img/galerie/thumbs/3.jpg) center center no-repeat;
  -webkit-background-size: cover;
  background-size: cover;
}

/* line 177, ../scss/modules.scss */
.thumb--4 {
  background: url(../img/galerie/thumbs/4.jpg) center center no-repeat;
  -webkit-background-size: cover;
  background-size: cover;
}

/* line 182, ../scss/modules.scss */
.thumb--5 {
  background: url(../img/galerie/thumbs/5.jpg) center center no-repeat;
  -webkit-background-size: cover;
  background-size: cover;
}

/* line 187, ../scss/modules.scss */
.thumb--6 {
  background: url(../img/galerie/thumbs/6.jpg) center center no-repeat;
  -webkit-background-size: cover;
  background-size: cover;
}

/* line 192, ../scss/modules.scss */
.thumb--7 {
  background: url(../img/galerie/thumbs/7.jpg) center center no-repeat;
  -webkit-background-size: cover;
  background-size: cover;
}

/* line 197, ../scss/modules.scss */
.thumb--8 {
  background: url(../img/galerie/thumbs/8.jpg) center center no-repeat;
  -webkit-background-size: cover;
  background-size: cover;
}

/* line 202, ../scss/modules.scss */
.thumb--9 {
  background: url(../img/galerie/thumbs/9.jpg) center center no-repeat;
  -webkit-background-size: cover;
  background-size: cover;
}

/* line 207, ../scss/modules.scss */
.thumb--10 {
  background: url(../img/galerie/thumbs/10.jpg) center center no-repeat;
  -webkit-background-size: cover;
  background-size: cover;
}

/* line 212, ../scss/modules.scss */
.thumb--11 {
  background: url(../img/galerie/thumbs/11.jpg) center center no-repeat;
  -webkit-background-size: cover;
  background-size: cover;
}

/* line 217, ../scss/modules.scss */
.thumb--12 {
  background: url(../img/galerie/thumbs/12.jpg) center center no-repeat;
  -webkit-background-size: cover;
  background-size: cover;
}

/* line 222, ../scss/modules.scss */
.thumb--13 {
  background: url(../img/galerie/thumbs/13.jpg) center center no-repeat;
  -webkit-background-size: cover;
  background-size: cover;
}

/* line 227, ../scss/modules.scss */
.thumb--14 {
  background: url(../img/galerie/thumbs/14.jpg) center center no-repeat;
  -webkit-background-size: cover;
  background-size: cover;
}

/*****************************************************

			    ACTIVITES

*****************************************************/
/* line 240, ../scss/modules.scss */
.activities--box {
  margin: 0 0 20px;
}

/* line 243, ../scss/modules.scss */
.activities img {
  width: 100%;
  margin-bottom: 0;
}

/*****************************************************

			       CONTACT

*****************************************************/
/* line 255, ../scss/modules.scss */
.contact--icon {
  display: block;
  height: 80px;
  margin: 10px auto;
}

/* line 261, ../scss/modules.scss */
.button {
  padding: 10px 15px;
  background: #111;
}
/* line 264, ../scss/modules.scss */
.button:hover {
  background: #0a0a0a;
}

/* line 267, ../scss/modules.scss */
.gmap--button {
  display: inline-block;
  margin: 40px auto 20px;
  height: 65px;
  width: 380px;
  background: #111;
  color: #fff;
  text-transform: uppercase;
  text-align: center;
  cursor: pointer;
  -webkit-transition: all .3s ease;
  -moz-transition: all .3s ease;
  -ms-transition: all .3s ease;
  -o-transition: all .3s ease;
  transition: all .3s ease;
}
/* line 283, ../scss/modules.scss */
.gmap--button p {
  line-height: 62px;
}
/* line 284, ../scss/modules.scss */
.gmap--button .gmap--close {
  display: none;
}
/* line 285, ../scss/modules.scss */
.gmap--button .gmap--button--active {
  display: block;
}
/* line 286, ../scss/modules.scss */
.gmap--button .gmap--button--inactive {
  display: none;
}
/* line 287, ../scss/modules.scss */
.gmap--button span {
  display: inline-block;
  float: left;
  height: 65px;
  width: 65px;
  margin-top: -2px;
  margin-left: -2px;
  background: url(../img/icon/map.svg) center center no-repeat #633510;
  box-shadow: 3px 3px 0.1px #0a0a0a;
  -webkit-transition: all .3s ease;
  -moz-transition: all .3s ease;
  -ms-transition: all .3s ease;
  -o-transition: all .3s ease;
  transition: all .3s ease;
}
/* line 302, ../scss/modules.scss */
.gmap--button:hover {
  background: #0a0a0a;
}
/* line 304, ../scss/modules.scss */
.gmap--button:hover span {
  background: url(../img/icon/map.svg) center center no-repeat #432812;
}

/* line 310, ../scss/modules.scss */
.article--button {
  display: inline-block;
  margin: 40px auto 20px;
  height: 65px;
  width: 380px;
  background: #111;
  color: #fff;
  text-transform: uppercase;
  text-align: center;
  cursor: pointer;
  -webkit-transition: all .3s ease;
  -moz-transition: all .3s ease;
  -ms-transition: all .3s ease;
  -o-transition: all .3s ease;
  transition: all .3s ease;
}
/* line 326, ../scss/modules.scss */
.article--button p {
  line-height: 62px;
}
/* line 328, ../scss/modules.scss */
.article--button span {
  display: inline-block;
  float: left;
  height: 65px;
  width: 65px;
  margin-top: -2px;
  margin-left: -2px;
  background: url(../img/icon/press.svg) center center no-repeat #633510;
  box-shadow: 3px 3px 0.1px #0a0a0a;
  -webkit-transition: all .3s ease;
  -moz-transition: all .3s ease;
  -ms-transition: all .3s ease;
  -o-transition: all .3s ease;
  transition: all .3s ease;
}
/* line 343, ../scss/modules.scss */
.article--button:hover {
  background: #0a0a0a;
}
/* line 345, ../scss/modules.scss */
.article--button:hover span {
  background: url(../img/icon/press.svg) center center no-repeat #432812;
}

/*****************************************************

			       GOOGLE MAP

*****************************************************/
/* line 356, ../scss/modules.scss */
.gmap--overlay {
  height: 0;
  width: 100%;
  margin-top: 40px;
  overflow: hidden;
  -webkit-transition: height 2s ease;
  -moz-transition: height 1s ease;
  -ms-transition: height 1s ease;
  -o-transition: height 1s ease;
  transition: height 1s ease;
}

/* line 367, ../scss/modules.scss */
.gmap--overlay--active {
  height: 350px;
}

/* line 369, ../scss/modules.scss */
.gmap {
  height: 350px;
  width: 100%;
}

/* line 374, ../scss/modules.scss */
.gmap img {
  max-width: none !important;
  background: none !important;
}

/*****************************************************

			       FOOTER

*****************************************************/
/* line 383, ../scss/modules.scss */
footer img {
  width: 150px;
}

/********************************************************

			   RESPONSIVE

********************************************************/
@media screen and (max-width: 1024px) {
  /* line 398, ../scss/modules.scss */
  .thumb {
    width: 20%;
  }
}
@media screen and (max-width: 700px) {
  /* line 403, ../scss/modules.scss */
  nav ul li a {
    padding: 5px 15px;
  }

  /* line 404, ../scss/modules.scss */
  .home .titre {
    width: 450px;
    margin-left: -225px;
    margin-top: -110px;
  }

  /* line 409, ../scss/modules.scss */
  .home .logo {
    width: 200px;
  }
}
@media screen and (max-width: 640px) {
  /* line 415, ../scss/modules.scss */
  .thumb {
    width: 25%;
  }
}
@media screen and (max-width: 500px) {
  /* line 421, ../scss/modules.scss */
  .home .titre {
    width: 300px;
    margin-left: -150px;
    margin-top: -80px;
  }

  /* line 426, ../scss/modules.scss */
  .home .logo {
    width: 150px;
  }

  /* line 429, ../scss/modules.scss */
  .thumb {
    width: 50%;
  }
}