body{
    background-image:url(fond-sissy-net.jpg);
    background-size: cover;
}
.teberda 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}
.baiduri 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}

.teberda img{
  max-width: 200px;
  height: auto;
  display : block;
  position :absolute;
  top: 7%;
  left: 60%;
}
.baiduri img{
  max-width: 480px;
  height: auto;
  display : block;
  position :absolute;
  top: 7%;
  left:-8%;
}
.grenouille-un img{
    max-width: 300px;
    height: auto;
    display : block;
    position :absolute;
  	top: 60%;
    left: 20%;
   /*transform: rotate(-90deg);*/
}
.grenouille-deux img{
    max-width: 200px;
    height: auto;
    display : block;
    position :absolute;
  	top: 45%;
    left: 42%;
   /*transform: rotate(-90deg);*/
}
.grenouille-trois img{
    max-width: 400px;
    height: auto;
    display : block;
    position :absolute;
  	top: 45%;
    left: 57%;
    transform: rotate(90deg);
}
#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);
}
#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);*/
}

#suspenst{
    display: none;
    color: antiquewhite;
    font-family:"Basteleur-Moonlight";
    font-size: 30px;
    position :absolute;
  	top: 52%;
    left: 27%;  
    cursor: pointer;
    z-index: 9999;
}
#suspenstd{
    display: none;
    color: antiquewhite;
    font-family:"Basteleur-Moonlight";
    font-size: 30px;
    position :absolute;
  	top: 37%;
    left: 47%;  
    cursor: pointer;
    z-index: 9999;
}
#suspense{
    display: none;
    color: antiquewhite;
    font-family:"Basteleur-Moonlight";
    font-size: 30px;
    position :absolute;
  	top: 37%;
    left: 47%;  
    cursor: pointer;
    z-index: 9999;
}
#suspensed{
    display: none;
    color: antiquewhite;
    font-family:"Basteleur-Moonlight";
    font-size: 30px;
    position :absolute;
  	top: 39%;
    left: 66.5%;  
    cursor: pointer;
    z-index: 9999;
}
#suspenstps{
    display: none;
    color: antiquewhite;
    font-family:"Basteleur-Moonlight";
    font-size: 30px;
    position :absolute;
  	top: 39%;
    left: 66.5%;  
    cursor: pointer;
    z-index: 9999;
}
#suspenstpsd{
    display: none;
    color: antiquewhite;
    font-family:"Basteleur-Moonlight";
    font-size: 30px;
    position :absolute;
  	top: 52%;
    left: 27%;  
    cursor: pointer;
    z-index: 9999;
}
#interrogationtravail{
    display: none;
    color: antiquewhite;
    font-family:"Basteleur-Moonlight";
    font-size: 30px;
    position :absolute;
  	top: 5%;
    left: 5%;  
    background-color: rgb(1, 4, 41);
}
#interrogationetat{
    display: none;
    color: antiquewhite;
    font-family:"Basteleur-Moonlight";
    font-size: 30px;
    position :absolute;
  	top: 5%;
    left: 5%;  
    background-color: rgb(1, 4, 41);
}
/*#interrogationtemps{
    display: none;
    color: antiquewhite;
    font-family:"Basteleur-Moonlight";
    font-size: 30px;
    position :absolute;
  	top: 5%;
    left: 5%;  
    background-color: rgb(1, 4, 41);
}*/
#dialoguetravailun{
    display: none;
    max-width: 20ch;
    color: antiquewhite;
    font-family:"Basteleur-Moonlight";
    font-size: 20px;
    position :absolute;
  	top: 32%;
    left: 17%;  
    background-color: rgb(1, 4, 41);
}
#dialoguetravaildeux{
    display: none;
    max-width: 20ch;
    color: antiquewhite;
    font-family:"Basteleur-Moonlight";
    font-size: 20px;
    position :absolute;
  	top: 5%;
    left: 37%;  
    background-color: rgb(1, 4, 41);
}
#dialogueetatun{
    display: none;
    max-width: 20ch;
    color: antiquewhite;
    font-family:"Basteleur-Moonlight";
    font-size: 20px;
    position :absolute;
  	top: 13%;
    left: 38%;  
    background-color: rgb(1, 4, 41);
}
#dialogueetatdeux{
    display: none;
    max-width: 20ch;
    color: antiquewhite;
    font-family:"Basteleur-Moonlight";
    font-size: 20px;
    position :absolute;
  	top: 30%;
    left: 72%;  
    background-color: rgb(1, 4, 41);
}
@font-face {
    font-family: "Basteleur-Moonlight";
    src: url(basteleur-master/fonts/webfonts/Basteleur-Moonlight.woff2) format(woff2);
}