html, body {
   min-height: 100%;
   font-size: 1em;
}
.parcours { 
    background: url("../img/parcours-saut.jpg") no-repeat center fixed; 
    -webkit-background-size: contain;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover; /* version standardisée */
    height: 500px;
    min-width: 1920px;
}


.fullwidth-wrapper { 
  display: none;
}

.logo-accueil {
  padding: 0 0 0.8em 0;
}

h1 {
    padding: 0.7em 0;
    font-size: 2.2em; 
    text-align: center;
    text-transform: uppercase;
    color: #00717f;
}
h2 {
    font-size: 1.8em;
}
.responsive {
    display: block;
    margin: 0 auto;
    max-width: 100%;
    height: auto;
}

.blue {
    color: #00717f;
}
.green {
    color: #00995e; 
}

#Side_slide {
    background-color: #00717f;
}

#Side_slide, #Side_slide .search-wrapper input.field, #Side_slide a:not(.action_button), #Side_slide #menu ul li.submenu .menu-toggle {
    color: #fff;
}

@media (min-width: 600px) {
  .fullwidth-wrapper { 
      display: block;
      position: relative;
      margin:0;
      padding:0;
  }
  .accueil { 
    background: url("../img/noumeahypnose.jpg") no-repeat center fixed;
    -webkit-background-size: contain;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover; /* version standardisée */
    height: 650px;
    min-width: 1920px;
  }
  .accueil-motto-container {
      position: absolute; /* postulat de départ */
      top: 100%; left: 50%; /* à 50%/50% du parent référent */
      transform: translate(-50%, -50%); /* décalage de 50% de sa propre taille */
      background-color: #d15f36;

      /*width: 100%;
      height: 300px;*/
      width: 800px;
      height: 400px;

      z-index: 6; 
      opacity: 0.8;
      border-radius: 25px;
      padding: 0.5em;
  }
  .accueil-motto-text {
    z-index: 9;
    position: absolute;
    top: 100%; left: 50%;
    transform: translate(-50%, -50%);
    max-width: 600px; 
    font-size: 3.5em;  
    line-height: 80px; 
    color: #fff; 
    letter-spacing: 0px;
    font-family: Libre Baskerville;
    text-align: center;
  }
  .titre {
      margin-top: 250px;
  }
  h1 {
    font-size: 3em;
  }
  h2 {
      font-size: 2em;
  }
}