a{text-decoration: none;}
a:visited{font-family:"verdana"; font-size:14pt; color:blue;}
a:hover{color:#b70000; text-decoration:none;} /* B70000=rouge */

body{
    display: flex;
    flex-flow: column wrap;
    width: auto;
    min-height: 100vh;
    margin: 0; padding: 0;
    font-family: verdana; font-size: 16px;
}


nav{
    padding: 2rem; 
    background-color: rgb(151, 185, 247);
}

main{
    padding-top: 10px;
    display: flex; flex-direction: column;
    min-height: 90vh;
    justify-content: center; align-items: center; 
    text-align: center;
    background-color: cornflowerblue;
}


#grid{   /* que <table> à l'interieur de <div id="grid"> */
    width: 290px;
    height: 310px;
    background-color: rgb(245, 245, 73);
    padding: 10px 5px 20px 10px;
}

table{margin-left: 10px;}

tr{display: block; padding: 3px;}
tr:nth-of-type(3), tr:nth-of-type(6){
   border-bottom: solid 2px rgb(173, 173, 173); 
}

td{display: inline-block; padding: 5px;}
td:nth-of-type(3), td:nth-of-type(6){
    border-right: solid 2px rgb(173, 173, 173);
    padding-right: 10px;
}

td.n{font-weight: bold;}
td.z{opacity: 0.2;}
td.ok{opacity: 1; font-weight: bold; color: red;}

button{
    display: block;
    width: 80px;
    margin: 10px; padding: 5px;
}

p+button{
    background-color: rgb(59, 179, 226);
    color: white;
    margin-top: -7px;
}

button:hover{font-weight: bold; color: red;}