body{
    background-image:url(fond-teberda.jpg);
    background-size: cover;
}
#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);
}
#interrogationreligion{
    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);
}
#interrogationbonheur{
    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);
}
#interrogationame{
    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);
}
.gant-1 img{
    max-width: 300px;
    height: auto;
    display : block;
    position :absolute;
  	top: 64%;
    left: 76%;
   transform: rotate(-90deg);
}
.gant-2 img{
    max-width: 200px;
    height: auto;
    display : block;
    position :absolute;
  	top: 64%;
    left: 56%;
   /*transform: rotate(-90deg);*/
}
.gant-3 img{
    max-width: 280px;
    height: auto;
    display : block;
    position :absolute;
  	top: 34%;
    left: 66%;
   /*transform: rotate(-90deg);*/
}
#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);
}
#suspensr{
   display: none;
    color: antiquewhite;
    font-family:"Basteleur-Moonlight";
    font-size: 30px;
    position :absolute;
  	top: 29%;
    left: 72.5%; 
    cursor: pointer; 
    /*background-color: rgb(1, 4, 41);*/
}
#suspensa{
   display: none;
    color: antiquewhite;
    font-family:"Basteleur-Moonlight";
    font-size: 30px;
    position :absolute;
  	top: 29%;
    left: 72.5%; 
    cursor: pointer; 
    /*background-color: rgb(1, 4, 41);*/
}
#suspensad{
   display: none;
    color: antiquewhite;
    font-family:"Basteleur-Moonlight";
    font-size: 30px;
    position :absolute;
  	top: 50%;
    left: 84%; 
    cursor: pointer; 
   /*background-color: rgb(1, 4, 41);*/
}
#suspensb{
   display: none;
    color: antiquewhite;
    font-family:"Basteleur-Moonlight";
    font-size: 30px;
    position :absolute;
  	top: 57%;
    left: 61%; 
    cursor: pointer; 
    /*background-color: rgb(1, 4, 41);*/
}
#suspensbd{
   display: none;
    color: antiquewhite;
    font-family:"Basteleur-Moonlight";
    font-size: 30px;
    position :absolute;
  	top: 50%;
    left: 84%; 
    cursor: pointer; 
    /*background-color: rgb(1, 4, 41);*/
}

#dialoguereligionun{
    display: none;
    color: antiquewhite;
    font-family:"Basteleur-Moonlight";
    font-size: 30px;
    position :absolute;
  	top: 50%;
    left: 84%; 
    cursor: pointer; 
    /*background-color: rgb(1, 4, 41);*/
}
#dialogueameun{
    display: none;
    color: antiquewhite;
    font-family:"Basteleur-Moonlight";
    font-size: 30px;
    position :absolute;
  	top: 50%;
    left: 84%; 
    cursor: pointer; 
    /*background-color: rgb(1, 4, 41);*/
}
#dialogueamedeux{
    display: none;
    color: antiquewhite;
    font-family:"Basteleur-Moonlight";
    font-size: 30px;
    position :absolute;
  	top: 50%;
    left: 84%; 
    cursor: pointer; 
    /*background-color: rgb(1, 4, 41);*/
}
#dialoguebonheurun{
    display: none;
    color: antiquewhite;
    font-family:"Basteleur-Moonlight";
    font-size: 30px;
    position :absolute;
  	top: 50%;
    left: 84%; 
    cursor: pointer; 
    /*background-color: rgb(1, 4, 41);*/
}
#dialoguebonheurdeux{
    display: none;
    color: antiquewhite;
    font-family:"Basteleur-Moonlight";
    font-size: 30px;
    position :absolute;
  	top: 50%;
    left: 84%; 
    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);
}