h1
{
    text-align: center;
}

td /* Toutes les cellules de la table */
{
    width: 100px;
    height: 100px;
    background-color: lightblue;
    border: 2px solid blue;
    text-align: center;
}

input
{
    display: block;
}

table
{
    margin: auto;
}

button
{
    display: block;
    margin: 10px auto;
}
button:hover
{
    cursor: pointer;
}

.grids
{
    display: grid;
    grid-template-columns: 1fr 1fr;
}
.grid
{
    display: block;
    margin: 0 auto;
}
.table
{
    width: 100%;
}
.buttons
{
    width: 100%;
    margin-bottom: 20px;
}

.joueurActif
{
    background-color: lightgreen;
}
.celluleInvalide
{
    background-color: red;
}

.celluleGagnante
{
    background-color: lightgreen;;
}

.resultat
{
    width: 100%;
    text-align: center;
    margin-top: 15px;
}
#resultat
{
    font-size: x-large;
    color: navy;;
}