#content{
    padding: 20px;
}

#cover h1 {
    font-family: 'Faune';
    color:DarkBlue;
    font-size: 200px;
    font-style: italic;
    position: absolute;
    width: 300px;
    height: 300px;
    top: -20px;
    right: 900px;
}

#cover h2 {
    font-family: 'Faune';
    color:DarkBlue;
    font-size: 200px;
    font-style: italic;
    position: absolute;
    width: 300px;
    height: 300px;
    top: 100px;
    right: 860px;
}

#cover h3 {
    font-family: 'Faune';
    color:DarkBlue;
    font-size: 200px;
    font-style: italic;
    position: absolute;
    width: 300px;
    height: 300px;
    top: 220px;
    right: 750px;
}


#cover h4 {
    font-family: 'Faune';
    color:DarkBlue;
    font-size: 200px;
    font-style: italic;
    position: absolute;
    height: 600px;
    top: 315px;
    right: 875px;
}

#author h5 {
    font-family: 'Bagnard';
    color: rgba(255, 69, 0, 0.8);
    font-size: 90px;
    font-weight: lighter;
    position: absolute;
    height: 300px;
    top: 220px;
    right: 800px;
}


#spleen p {
    font-family: 'Bagnard';
    color: OrangeRed;
    font-size: 35px;
    font-weight: lighter;
    position: absolute;
    letter-spacing: 20px;
    height: 300px;
    top: 890px;
    right: 250px;
}

#vaguesI p {
  display: none;
}
#vaguesII p {
  display: none;
}
#vaguesIII p {
  display: none;
}
#vaguesIV p {
  display: none;
}
#vaguesV p {
  display: none;
}
#vaguesVI p {
  display: none;
}

#III-elevation h6 {
    font-family: 'Faune';
    color:DarkBlue;
    font-size: 200px;
    font-style: italic;
    position: absolute;
    height: 300px;
    width: 480px;
    top: 1230px;
    right: 1200px;
}

#III-elevation p {
    font-family: 'Bagnard';
    color:DarkBlue;
    font-size: 70px;
    font-weight: lighter;
    position: absolute;
    height: 300px;
    top: 1000px;
    right: 950px;
}

#vagues1 p {
    font-family: 'Faune';
    color:DarkBlue;
    font-size: 85px;
    font-style: normal;
    font-weight: 300;
    transform: rotate(-90deg);
    position: absolute;
    height: 300px;
    top: 1200px;
    right: 950px;
}

#vagues2 p {
    font-family: 'Faune';
    color:DarkBlue;
    font-size: 85px;
    font-style: normal;
    font-weight: 300;
    transform: rotate(-90deg);
    position: absolute;
    height: 300px;
    top: 1200px;
    right: 850px;
}

#vagues3 p {
    font-family: 'Faune';
    color: DarkBlue;
    font-size: 85px;
    font-style: italic;
    font-weight: 300;
    transform: rotate(-90deg);
    position: fixed;
    height: 300px;
    top: 100px;
    right: 750px;
}

#vagues4 p {
    font-family: 'Faune';
    color:DarkBlue;
    font-size: 85px;
    font-style: normal;
    font-weight: 300;
    transform: rotate(90deg);
    position: absolute;
    height: 300px;
    top: 1200px;
    right: 810px;
}

#vagues5 p {
    font-family: 'Faune';
    color:DarkBlue;
    font-size: 85px;
    font-style: normal;
    font-weight: 300;
    transform: rotate(90deg);
    position: absolute;
    height: 300px;
    top: 1200px;
    right: 710px;
}

#vagues6 p {
    font-family: 'Faune';
    color:DarkBlue;
    font-size: 85px;
    font-style: normal;
    font-weight: 300;
    transform: rotate(90deg);
    position: absolute;
    height: 300px;
    top: 1200px;
    right: 610px;
}

#elevation p {
    font-family: 'faune';
    color:OrangeRed;
    font-size: 20px;
    font-weight: normal;
    text-align: left;
    position: absolute;
    height: 300px;
    width: 480px;
    top: 1230px;
    right: 1100px;
}

#ref1 p {
    font-family: 'Bagnard';
    color:OrangeRed;
    font-size: 10px;
    font-weight: italic;
    text-align: left;
    position: absolute;
    letter-spacing: 5px;
    height: 300px;
    width: 800px;
    top: 1930px;
    right: 780px;
}

#orageI p {
  display: none;
}
#orageII p {
  display: none;
}
#orageIII p {
  display: none;
}
#orageIV p {
  display: none;
}
#orageV p {
  display: none;
}
#orageVI p {
  display: none;
}

#XXI p {
  font-family: 'Faune';
  color:DarkBlue;
  font-size: 200px;
  font-style: italic;
  position: absolute;
  height: 300px;
  width: 480px;
  top: 2840px;
  right: 235px;
}

#hymne p {
  font-family: 'Bagnard';
  color:DarkBlue;
  font-size: 70px;
  font-weight: lighter;
  position: absolute;
  height: 300px;
  top: 2000px;
  right: 450px;
}

#beaute p {
    font-family: 'faune';
    color:OrangeRed;
    font-size: 20px;
    font-weight: normal;
    text-align: left;
    position: absolute;
    height: 300px;
    top: 2250px;
    right: 450px;
}

#ref2 p {
    font-family: 'Bagnard';
    color:OrangeRed;
    font-size: 10px;
    font-weight: italic;
    text-align: left;
    position: absolute;
    letter-spacing: 5px;
    height: 300px;
    width: 800px;
    top: 3280px;
    right: 355px;
}
#orage1 p {
    font-family: 'Faune';
    color:DarkBlue;
    font-size: 130px;
    font-style: normal;
    font-weight: 300;
    position: absolute;
    height: 300px;
    top: 2700px;
    right: 950px;
}
#orage2 p {
    font-family: 'Faune';
    color:DarkBlue;
    font-size: 130px;
    font-style: normal;
    font-weight: 300;
    position: absolute;
    transform: rotate(180deg);
    height: 300px;
    top: 2540px;
    right: 1000px;
}

#orage3 p {
    font-family: 'Faune';
    color:DarkBlue;
    font-size: 130px;
    font-style: normal;
    font-weight: 300;
    position: absolute;
    height: 300px;
    top: 2700px;
    right: 1057px;
}

#orage4 p {
    font-family: 'Faune';
    color:DarkBlue;
    font-size: 130px;
    font-style: normal;
    font-weight: 300;
    position: absolute;
    transform: rotate(180deg);
    height: 300px;
    top: 2540px;
    right: 1105px;
}
#orage5 p {
    font-family: 'Faune';
    color:DarkBlue;
    font-size: 130px;
    font-style: normal;
    font-weight: 300;
    position: absolute;
    height: 300px;
    top: 2700px;
    right: 1160px;
}

#orage6 p {
    font-family: 'Faune';
    color:DarkBlue;
    font-size: 130px;
    font-style: italic;
    font-weight: 300;
    position: fixed;
    transform: rotate(180deg);
    height: 300px;
    top: 250px;
    right: 1205px;
}

#soleilI p {
  display: none;
}
#soleilII p {
  display: none;
}
#soleilIII p {
  display: none;
}
#soleilIV p {
  display: none;
}
#soleilV p {
  display: none;
}
#soleilVI p {
  display: none;
}


#LIII p {
  font-family: 'Faune';
  color:DarkBlue;
  font-size: 200px;
  font-style: italic;
  position: absolute;
  height: 300px;
  width: 480px;
  top: 4300px;
  right: 600px;
}

#invitation p {
  font-family: 'Bagnard';
  color:DarkBlue;
  font-size: 70px;
  font-weight: lighter;
  position: absolute;
  height: 300px;
  top: 3400px;
  right: 700px;
}

#voyage p {
    font-family: 'Faune';
    color:OrangeRed;
    font-size: 20px;
    font-weight: normal;
    text-align: center;
    position: absolute;
    height: 300px;
    top: 3650px;
    right: 960px;
  }

  #ref3 p {
      font-family: 'Bagnard';
      color:OrangeRed;
      font-size: 10px;
      font-weight: italic;
      text-align: left;
      position: absolute;
      letter-spacing: 5px;
      height: 300px;
      width: 800px;
      top: 5050px;
      right: 650px;
  }

#soleil1 p {
  font-family: 'Faune';
  color:DarkBlue;
  font-size: 130px;
  font-style: normal;
  font-weight: 300;
  position: absolute;
  height: 300px;
  top: 4050px;
  right: 870px;
  }

#soleil2 p {
  font-family: 'Faune';
  color:DarkBlue;
  font-size: 130px;
  font-style: normal;
  font-weight: 300;
  position: absolute;
  height: 300px;
  top: 4050px;
  right: 800px;
  }

#soleil3 p {
  font-family: 'Faune';
  color:DarkBlue;
  font-size: 130px;
  font-style: normal;
  font-weight: 300;
  position: absolute;
  height: 300px;
  top: 4050px;
  right: 730px;
    }

#soleil4 p {
  font-family: 'Faune';
  color:DarkBlue;
  font-size: 130px;
  font-style: normal;
  font-weight: 300;
  position: absolute;
  height: 300px;
  top: 4050px;
  right: 660px;
  }

  #soleil5 p {
  font-family: 'Faune';
  color:DarkBlue;
  font-size: 130px;
   font-style: normal;
  font-weight: 300;
  position: absolute;
  height: 300px;
  top: 4050px;
  right: 590px;
  }

#soleil6 p {
  font-family: 'Faune';
  color:DarkBlue;
  font-size: 130px;
  font-style: italic;
  font-weight: 300;
  position: fixed;
  height: 300px;
  top: 250px;
  right: 520px;
  }

  #credits p {
      font-family: 'Bagnard';
      color:OrangeRed;
      font-size: 11px;
      font-weight: italic;
      text-align: center;
      position: absolute;
      letter-spacing: 7px;
      height: 300px;
      width: 2000px;
      top: 5500px;


  }

  #credits-typo p {
      font-family: 'Bagnard';
      color:OrangeRed;
      font-size: 11px;
      font-weight: italic;
      position: absolute;
      transform: rotate(-90deg);
      letter-spacing: 7px;
      height: 300px;
      width: 2000px;
      top: 4300px;
      right:-900px;


  }