un peu de style et de js

style.css

@@ -4,7 +4,29 @@ body {
   
 .grille {
     margin: 2rem auto;
+}
+
+.grille table {
     border-collapse: collapse;
+    margin: 0 auto;
+}
+
+tr:nth-of-type(2) td {
+    border-top: 3px solid black;
+}
+tr:last-of-type td {
+    border-bottom: 3px solid black;
+}
+td:first-of-type {
+    border-left: 3px solid black;
+}
+td:last-child {
+    border-right: 3px solid black;
+}
+
+td {
+    border: 1px solid black;
+    padding: 2px;
 }
 
 th, td {
@@ -13,11 +35,6 @@ th, td {
     text-align: center;
 }
 
-td {
-    border: 1px solid black;
-    padding: 2px;
-}
-
 .case.noire {
     background-color: black;
 }
@@ -28,7 +45,7 @@ input {
     border: none;
     padding: 0;
     text-align: center;
-    font-size: 1em;
+    font-size: 1.2em;
 }
 
 input[disabled] {
@@ -42,4 +59,5 @@ input[disabled] {
 
 .definitions h2 {
     font-variant-caps: petite-caps;
+    text-align: center;
 }