body{
      background-color: red;

    scroll-behavior: smooth;
}

#cover h1 {
    font-family: 'Bagnard';
    font-size: 150px;
    z-index: -2;
    margin-left: 500px;
    margin-top: 100px;
}



#cover h2 {
    font-family: 'Bagnard';
    font-size: 100px;
    margin-left: 1080px;
    margin-top: -50px;
    writing-mode: vertical-rl;
}

#cover h3 {
    font-family: 'Bagnard';
    font-size: 100px;
    margin-top: 0px;
    margin-left: 500px;
}

.carre{
	width:800px;
	height:1000px;
	/* background:#FF0000; */
   background: rgb(255,255,255);
   background: radial-gradient(circle, rgba(255,255,255,1) 8%, rgba(255,0,52,1) 35%);
  border-style: solid;
  margin-left: 435px;
  margin-top: -900px;

}

#cover p {
  display: none;
}



.dormeur {
  width: 300px;
  height: 100px;
  /* background: url("/images/ledormeur.jpg"); */
  /* background-image: url('images/ledormeur.jpg'); */
  /* background-color: red;
  background-position: right;
  background-repeat: repeat;
  background-attachment: bottom;
  background-position: right;
  background-attachment: bottom;
  background-size: cover; */
  position: fixed;
  top: 140px;
  left: 100px;
   /* border-style: solid; */
}

.dormeur img {
width: 100%;
height: 100%;
object-fit: cover;
/* object-position:   */
object-position: 100% 100%
object-position: right top;
object-position: 0px -10px;
}

.etoile {
  width: 300px;
  height: 100px;
  position: fixed;
  top: 250px;
  left: 100px;
  /* border-style: solid; */
}

.etoile img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: 100% 100%
object-position: right top;
object-position: 0px -5px;
}

.sensation {
  width: 300px;
  height: 100px;
  position: fixed;
  top: 360px;
  left: 100px;
  /* border-style: solid; */
}

.sensation img {
width: 100%;
height: 100%;
object-fit: cover;
/* object-position: 10px 10px; */

}

.musique {
  width: 300px;
  height: 100px;
  position: fixed;
  top: 470px;
  left: 100px;
  /* border-style: solid; */
}

.musique img {
width: 100%;
height: 100%;
object-fit: cover;
/* object-position: 10px 10px; */
object-position: right top;
object-position: 0px -125px;
}

.cabaret {
  width: 300px;
  height: 100px;
  position: fixed;
  top: 580px;
  left: 100px;
  /* border-style: solid; */
}

.cabaret img {
width: 100%;
height: 100%;
object-fit: cover;
/* object-position: 10px 10px; */
object-position: right top;
object-position: 0px -90px;
}

.ivre {
  width: 300px;
  height: 100px;
  position: fixed;
  top: 690px;
  left: 100px;
  /* border-style: solid; */
}

.ivre img {
width: 100%;
height: 100%;
object-fit: cover;
/* object-position: 10px 10px; */
object-position: right top;
object-position: 0px -80px;

}

.mort img {
  display: none;
}

/* #dormeur section { */
  /* background: rgb(255,255,255); */
  /* background: linear-gradient(Odeg, rgba(255,0,0,1) 0%, rgba(255,255,255,1) 59%); */
/* } */


#wrapper{
  margin-left: 500px;
  margin-top: 200px;
}

#dormeurtexte p {
  font-family: 'Fonttitreregular';
  font-weight: bold;
  text-align: left;
  font-size: 80px;
   color: #0000FF


  /* background: rgb(255,255,255); */
  /* background: linear-gradient(0deg, rgba(255,0,0,1) 0%, rgba(255,255,255,1) 59%); */
}

#etoiletexte p {
  font-family: 'Fonttitreregular';
  text-align: left;
  font-size: 80px;


}

#sensationtexte p {
  font-family: 'Fonttitreregular';
  text-align: left;
  font-size: 80px;


}

#musiquetexte p {
  font-family: 'Fonttitreregular';
  text-align: left;
  font-size: 80px;
  /* position: absolute;
  top: 12000px;
  left: 600px; */

}

#cabarettexte p {
  font-family: 'Fonttitreregular';
  text-align: left;
  font-size: 80px;
  /* position: absolute; */
  /* top: 27000px; */
  /* left: 600px; */

}

#ivretexte p {
  font-family: 'Fonttitreregular';
  text-align: left;
  font-size: 80px;
  /* position: absolute; */
  /* top: 27000px; */
  /* left: 600px; */

}