.hero .hero-media {
  /* Été */
 /*background-image:url(//s3.amazonaws.com/imagescloud/images/pq/gma/20220714-m.jpg);*/
  /* Hiver */
 background-image:url(//s3.amazonaws.com/imagescloud/images/pq/gma/20141205-m.jpg);
}

@media only screen and (min-width: 768px) {
  .hero .hero-media {
    /* Été */
  /* background-image:url(//s3.amazonaws.com/imagescloud/images/pq/gma/20220714.jpg);*/
    /* Hiver */
  background-image:url(//s3.amazonaws.com/imagescloud/images/pq/gma/20141205.jpg);
   }
}
.hero-fanion:after {display:none;}

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

:: LANDING PAGE   -----------------------------------------------------------

****************************************************************************/
#landing-page #li_lang_switch {
  display:none;
}

#landing-page #container .contenu {
  padding:30px;
  font-size:12px;
  line-height:1.6em;
}

/* 

:: COMMUN   -----------------------------------------------------------

*/
#landing-page body,
#landing-page p,
#landing-page #container p,
#landing-page #container ul {
  line-height:normal;
}

#landing-page #container p,
#landing-page #container li {
  line-height:1.6em;
}

#landing-page #container h2 {
  margin:0 0 0.1em 0;
  padding:0;
  color:#002540;
  font-size:28px;
  font-weight:normal;
  font-family:"News Cycle", Arial, Helvetica, sans-serif;
  text-transform:none;
  line-height:34px;
}

#landing-page #container h3 {
  margin:0 0 0.7em 0;
  padding:0;
  color:#002540;
  font-size:20px;
  font-weight:normal;
  font-family:"News Cycle", Arial, Helvetica, sans-serif;
  line-height:1.2em;
  text-transform:none;
}

#landing-page #container h4 {
  margin:0.5em 0 15px 0;
  padding:0 0 4px 0;
  color:#002540;
  font-size:18px;
  font-weight:normal;
  font-family:"News Cycle", Arial, Helvetica, sans-serif;
  line-height:1.8em;
  text-transform:uppercase;
  border-bottom:1px solid #cfcfcf;
}

#landing-page #container div h4:first-child {
  margin-top:0;
}

/* 

:: MISE EN PAGE   -----------------------------------------------------------

*/
#landing-page .simple,
#landing-page .moitie,
#landing-page .double {
  float:left;
  margin-bottom:31px;
}

#landing-page .simple {width:286px;}
#landing-page .moitie {width:445px;}
#landing-page .double {width:603px;}

#landing-page .m-left {margin-left:31px;}
#landing-page .m-right {margin-right:31px;}
#landing-page .moitie.m-right {margin-right:30px;}
#landing-page .m-both {margin-left:31px; margin-right:31px;}
#landing-page .m-bottom {margin-bottom:31px;}

#landing-page .clear.separateur {
  clear:both;
  padding:0 0 11px 0;
  height:19px;
  background:url(/resources/images/activites-hebergement/separateur.png) 50% 0 no-repeat;
}

#landing-page .simple.bleu {
  padding:15px;
  width:256px;
  color:#fff;
  background:#3e7bbe url(/resources/images/pq/gma/landing-page/bg-bleu.jpg) 50% 50% no-repeat;
}

#landing-page #container .simple.bleu h4 {
  margin:0 0 0.6em 0;
  padding:0;
  color:#fff;
  line-height:1.2em;
  border:none;
}

#landing-page #container .simple.bleu a {
  color:#fff;
}

#landing-page #container .simple.bleu ul {
  margin:0;
  padding:0;
  list-style:none;
}

#landing-page #container .simple.bleu ul li {
  margin:0 0 0.3em 0;
  padding:0 0 0 20px;
  list-style:none;
  background:url(/resources/images/pq/gma/landing-page/puce-flocon.png) 0 50% no-repeat;
}

/* 

:: FORFAIT   -----------------------------------------------------------

*/
#landing-page figure {
  position:relative;
  margin:0 0 15px 0;
  padding:0;
}

#landing-page figure figcaption {
  position:absolute;
  bottom:0;
  left:0;
  width:100%;
  margin:0;
  padding:0;
  text-decoration:none;
  background:url(/resources/images/interface/blanc90.png);
}

#landing-page #container figure h4 {
  margin:0;
  padding:5px 15px 12px 15px;
  line-height:2em;
  text-decoration:none;
  border:none;
  -webkit-transition-property: padding;
  -webkit-transition-duration: 0.3s;
  -moz-transition-property: padding;
  -moz-transition-duration: 0.3s;
  transition-property: padding;
  transition-duration: 0.3s;
}

#landing-page #container figure:hover h4 {
  padding-bottom:40px;
}

#landing-page .forfait {
  position:relative;
  margin:0;
  padding:0 0 0 165px;
}

#landing-page .forfait .prix {
  position:absolute;
  top:0;
  left:0;
  width:120px;
  padding:15px 0 15px 15px;
  color:#fff;
  background:#3c2c23;
}

#landing-page .forfait .prix strong {
  display:inline-block;
  padding-top:5px;
  font-size:35px;
  font-weight:normal;
}

#landing-page .forfait .prix sup {
  font-size:0.5em;
  vertical-align:text-top;
}

