.input {      
    width: 20%;  
    min-width: 200px;   
    max-width: 400px;   
    padding: 20px;
    font-family: 'AffogatoR';
    font-size: 30px;
    border: 2;
    box-sizing: border-box;  
    left: 50%;
    transform: translate(-50%, 0);    
    border: 8px inset #1C6EA4;
    border-radius: 40px;
    position:absolute;
    text-align: center;
    background-color: #FFFFFF;
  }

.zone_reponse {      
    width: 20%;  
    min-width: 200px;   
    max-width: 400px;   
    padding: 20px;
    font-family: 'AffogatoR';  
    font-size: 30px; 
    left: 50%;
    transform: translate(-50%, 0);
    top: 30%;  
    position:absolute;
    text-align: center;   
  }

.correc{
   color: #FF0000;
   
}

  .enonce {      
    width: auto;     
    padding: 20px;
    font-size: 40px;
    border: 2;
    box-sizing: border-box;  
    left: 50%;
    transform: translate(-50%, 0);
    top: 5%;   
    border: 8px #FFFFFF;
    border-radius: 40px;
    position:absolute;
    font-family: 'AffogatoR';
    text-align: center;
    background-color: #FFFFFF;
  }

  .BoutClass{
      font-family: AffogatoB;
      font-size: 30px;
  }

  .BoutClass2{
    font-family: AffogatoB;
    font-size: 20px;
}
  
  /*
    Theme: numeric
  */
  .numeric-theme {
    max-width: 320px;
    margin: 0 auto;    
  }
  
  .numeric-theme + .simple-keyboard-preview {
    max-width: 320px;
  }
  
  .simple-keyboard.hg-theme-default.numeric-theme
    .hg-button.hg-standardBtn.hg-button-at {
    max-width: none;    
  }

  .mykey {    
    position:absolute;
    left:0%;
    bottom: 0%;
    width:95%;
    left:2.5%;
    display:none;    
  }