  
table {
 border-collapse: collapse;
  margin: 20px auto; 
  cursor: pointer; 
  }
 
  
td {
    border: 2px solid #333;
    padding: 20px;
    text-align: center;
    font-size: 1.1rem;
    width: 30px;
    transition: background 0.3s;
   }
       
  button {
            padding: 10px 20px;
            font-size: 1rem;
            cursor: pointer;
            border: none;
            border-radius: 5px;
            background-color: #007bff;
            color: white;
            transition: background 0.3s;
            margin-left:30%;
            //margin-top:5%;
            margin-bottom:15%;
        }
        button:hover {
            background-color: #0056b3;
        }       
.selected { 
 background-color: #ffeb3b;
  } /* Jaune quand sélectionné */
  
.info { text-align: center; 
 font-family: sans-serif;
  }
  
#display{
  
height:30px;
width:50px;
margin-left:45%;
margin-top:5%;
//margin-bottom:15%;
   }
    
