diff --git a/dev.html b/dev.html
new file mode 100644
index 0000000..e853530
--- /dev/null
+++ b/dev.html
@@ -0,0 +1,55 @@
+
+
+
+
+ Sudoku
+
+
+
+
+
+
+
+
+
+
+
+ Pour partager cette grille, copiez le lien suivant :
+
+
+
+
\ No newline at end of file
diff --git a/handmadepaper.png b/handmadepaper.png
new file mode 100644
index 0000000..27c305f
Binary files /dev/null and b/handmadepaper.png differ
diff --git a/index.html b/index.html
new file mode 100644
index 0000000..935faa5
--- /dev/null
+++ b/index.html
@@ -0,0 +1,49 @@
+
+
+
+
+
+ Sudoku
+
+
+
+
+
+
+
+ Surligner les cases pouvant contenir
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Pour partager cette grille, copiez le lien suivant :
+
+
+
+
diff --git a/index.html.bak b/index.html.bak
new file mode 100644
index 0000000..222e884
--- /dev/null
+++ b/index.html.bak
@@ -0,0 +1,52 @@
+
+
+
+
+ Sudoku
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/style.css b/style.css
new file mode 100644
index 0000000..d2096d6
--- /dev/null
+++ b/style.css
@@ -0,0 +1,88 @@
+body {
+ /* Background pattern from Toptal Subtle Patterns */
+ background: url("handmadepaper.png");
+ text-align: center;
+}
+
+h1 {
+ text-align: center;
+ text-shadow: 1px 1px grey;
+ text-decoration: underline;
+}
+
+table {
+ border-spacing: 0;
+ border-collapse: collapse;
+}
+
+div {
+ display: flex;
+ column-gap: 0.5em;
+ row-gap: 0.5em;
+ margin: 1em auto;
+ justify-content: center;
+}
+
+input[type="radio"] {
+ margin-top: -1px;
+ vertical-align: middle;
+}
+
+label.disabled {
+ color: #aaa;
+}
+
+.grid td {
+ border: 2px solid black;
+ padding: 0;
+}
+
+.region td {
+ border: 1px solid grey;
+}
+
+.grid input {
+ width: 1.6em;
+ height: 1.6em;
+ font-size: 1.5em;
+ border: 0;
+ padding: 0;
+ text-align: center;
+}
+
+.grid input:enabled {
+ font-family: cursive;
+ color: darkblue;
+}
+
+.grid input:disabled {
+ color: black;
+ font-weight: bold;
+}
+
+.grid input::placeholder {
+ color: #888;
+}
+
+.unhighlighted:enabled {
+ background: transparent;
+}
+
+.highlighted {
+ background: yellow;
+}
+
+#shareDiv {
+ display: block;
+ line-height: 80%;
+}
+
+#shareA {
+ text-decoration: none;
+ font-size: 0.8em;
+ letter-spacing: 0.5em;
+}
+
+#highlightRadiosDiv {
+ column-gap: 0;
+}