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

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

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

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

/* 

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

*/
#landing-page #container .contenu  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 .contenu  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 .contenu  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 .contenu  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;
}

/* 

:: VIDEO -----------------------------------------------------------

*/
.switch-video {
  width:602px;
  height:367px;
  overflow:hidden;
  background:#000;
}

/* 

:: VISIONNEUSE PHOTO -----------------------------------------------------------

*/
.visionneuse {
  position:relative;
  width:445px;
  height:250px;
  overflow:hidden;
  background:#fff;
}

.visionneuse figure {
  display:none;
  position:absolute;
  top:0;
  left:0;
  margin:0;
  padding:0;
}

.visionneuse figure:first-child {
  display:block;
}

.visionneuse ul {
  position:absolute;
  bottom:10px;
  left:0;
  width:100%;
  margin:0;
  padding:0;
  list-style:none;
  text-align:center;
}

.visionneuse ul li {
  display:inline-block;
  margin:0 3px;
  padding:0;
  list-style:none;

  width:10px;
  height:10px;
  background:rgba(255, 255, 255, 0.5);
  border-radius:5px;
  box-shadow:0 0 5px #000;
  cursor:pointer;
}

.visionneuse li:hover,
.visionneuse li.actif {
  background:#fff;
}