body{
    background-image:url(fond-baiduri-net.jpg);
    background-size: cover;
}
.lethe img:hover{width:100%;-webkit-transform:scale(1.01);transform:scale(1.1);-webkit-transition:0.8s ease-in-out;transition:0.8s ease-in-out}

.lethe img{
  max-width: 600px;
  height: auto;
  display : block;
  position :absolute;
  top: 17%;
  left: 5%;
}
#sujets{
   display: none;
    color: antiquewhite;
    font-family:"Basteleur-Moonlight";
    font-size: 30px;
    position :absolute;
  	top: 39%;
    left: 25%; 
    cursor: pointer; 
    background-color: rgb(1, 4, 41);
}
#interrogation{
    color: antiquewhite;
    font-family:"Basteleur-Moonlight";
    font-size: 30px;
    display : block;
    position :absolute;
  	top: 5%;
    left: 5%;
    cursor: pointer;
    background-color: rgb(1, 4, 41);
}
.etoile-1 img{
    max-width: 300px;
    height: auto;
    display : block;
    position :absolute;
  	top: 64%;
    left: 76%;
   transform: rotate(-90deg);
}
.etoile-2 img{
  max-width: 300px;
    height: auto;
    display : block;
    position :absolute;
  	top: 55%;
    left: 52%;
   transform: rotate(-90deg);
}
.etoile-3 img{
   max-width: 300px;
    height: auto;
    display : block;
    position :absolute;
  	top: 30%;
    left: 67%;
   transform: rotate(-90deg);  
}

#interrogationliberte{
    display: none;
    color: antiquewhite;
    font-family:"Basteleur-Moonlight";
    font-size: 30px;
    position :absolute;
  	top: 5%;
    left: 5%;
    cursor: pointer;
    background-color: rgb(1, 4, 41);
}
#interrogationetat{
    display: none;
    color: antiquewhite;
    font-family:"Basteleur-Moonlight";
    font-size: 30px;
    position :absolute;
  	top: 5%;
    left: 5%;
    cursor: pointer;
    background-color: rgb(1, 4, 41);
}
#interrogationtemps{
    display: none;
    color: antiquewhite;
    font-family:"Basteleur-Moonlight";
    font-size: 30px;
    position :absolute;
  	top: 5%;
    left: 5%;
    cursor: pointer;
    background-color: rgb(1, 4, 41);
}
#suspensl{
    display: none;
    color: antiquewhite;
    font-family:"Basteleur-Moonlight";
    font-size: 30px;
    position :absolute;
    top: 50%;
    left: 59.5%;
    cursor: pointer;
   /* background-color: rgb(1, 4, 41);*/
}
#suspensld{
    display: none;
    color: antiquewhite;
    font-family:"Basteleur-Moonlight";
    font-size: 30px;
    position :absolute;
    top: 26%;
    left: 75%;
    cursor: pointer;
    /*background-color: rgb(1, 4, 41);*/
}
#suspense{
    display: none;
    color: antiquewhite;
    font-family:"Basteleur-Moonlight";
    font-size: 30px;
    position :absolute;
  	top: 26%;
    left: 75%;
    cursor: pointer;
    /*background-color: rgb(1, 4, 41);*/
}
#suspensed{
    display: none;
    color: antiquewhite;
    font-family:"Basteleur-Moonlight";
    font-size: 30px;
    position :absolute;
  	top: 57%;
    left: 85%;
    cursor: pointer;
    /*background-color: rgb(1, 4, 41);*/
}
#suspenst{
    display: none;
    color: antiquewhite;
    font-family:"Basteleur-Moonlight";
    font-size: 30px;
    position :absolute;
  	top: 50%;
    left: 59.5%;
    cursor: pointer;
    /*background-color: rgb(1, 4, 41);*/
}
#dialogueliberteun{
    display: none;
    max-width: 20ch;
    color: antiquewhite;
    font-family:"Basteleur-Moonlight";
    font-size: 20px;
    position :absolute;
  	top: 50%;
    left: 34%;
    cursor: pointer;
    background-color: rgb(1, 4, 41);
}
#dialoguelibertedeux{
    display: none;
    max-width: 20ch;
    color: antiquewhite;
    font-family:"Basteleur-Moonlight";
    font-size: 20px;
    position :absolute;
  	top: 10%;
    left: 64%;
    cursor: pointer;
    background-color: rgb(1, 4, 41);
}
#dialogueetatun{
    display: none;
    max-width: 20ch;
    color: antiquewhite;
    font-family:"Basteleur-Moonlight";
    font-size: 20px;
    position :absolute;
  	top: 10%;
    left: 64%;
    cursor: pointer;
    background-color: rgb(1, 4, 41);
}
#dialogueetatdeux{
    display: none;
    max-width: 20ch;
    color: antiquewhite;
    font-family:"Basteleur-Moonlight";
    font-size: 20px;
    position :absolute;
  	top: 42%;
    left: 84%;
    cursor: pointer;
    background-color: rgb(1, 4, 41);
}
#dialoguetempsun{
    display: none;
    max-width: 20ch;
    color: antiquewhite;
    font-family:"Basteleur-Moonlight";
    font-size: 20px;
    position :absolute;
  	top: 50%;
    left: 34%;
    cursor: pointer;
    background-color: rgb(1, 4, 41);
}
@font-face {
    font-family: "Basteleur-Moonlight";
    src: url(basteleur-master/fonts/webfonts/Basteleur-Moonlight.woff2) format(woff2);
}