#field {
   background-image: url("fondbleu.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  filter: drop-shadow(16px 16px 10px black);

border : 2px solid black;
color:black;

}




#diplome {
 position: absolute;
  height: 400px;
  z-index: 2;
 top:100px;
 left : 37%;
opacity: 1;
animation-name: diplome1;
animation-duration: 5s;
animation-play-state: paused;

}

@keyframes diplome1 {
  0% {opacity :0;}
  100% {opacity: 1;}
}



#fi{
  opacity: 0;
  animation: efacefield;
  animation-duration: 5s;
  animation-play-state: paused;
}

@keyframes efacefield {
  0% {opacity :1;}
  100% {opacity: 0;}
}



#ensbout {
 display: flex;
  /*justify-content: space-around;*/
 /* align-items: center; */
  z-index: 3;

}



fieldset {
    z-index: 3;
   font-size: 20px;
    color: black;
   /* display:block;*/
   opacity: 1;
}

.text {
   z-index: 3;
    color: black;
}

#im {
    z-index: 3;
    height: 150px;
    margin: auto;
    display: block;
}

.btn {
  height: 50px;
  width: 100px;
border-radius: 30%;
}

.tailleradio {
  height: 20px;
  width: 20px;}

  #ef {
    margin-left: 30px;
    float:left;
  }
  
  #val {
    margin-left: 30px;
   /* float:right;*/
  }
  
  #valider {
    margin-left: 30px;
    float:left;
   
  }
  #compteurquestion {
    margin-right: 30px;
    float:right;
  }

  #val1 {
    margin-left: 30px;
    float:left;
  }