diff --git a/SwichGIT/Doc/Etudes formes/index.html b/SwichGIT/Doc/Etudes formes/index.html
new file mode 100644
index 0000000..168490a
--- /dev/null
+++ b/SwichGIT/Doc/Etudes formes/index.html
@@ -0,0 +1,80 @@
+
+
+
+
+ SwishGame
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/SwichGIT/Doc/Etudes formes/style.css b/SwichGIT/Doc/Etudes formes/style.css
new file mode 100644
index 0000000..b15b9d9
--- /dev/null
+++ b/SwichGIT/Doc/Etudes formes/style.css
@@ -0,0 +1,82 @@
+:root{
+ --x : 6vw;
+ --d : calc(var(--x)/2);
+ --e : calc(var(--x)/4);
+}
+
+.containform {
+ height: var(--x);
+ width: var(--x);
+ display: table-cell;
+ vertical-align: middle;
+}
+
+.anneau {
+ background-color: #FFD100;
+ border-radius: var(--x);
+ height: var(--x);
+ width: var(--x);
+ display: table-cell;
+ vertical-align: middle;
+}
+
+.anneau2 {
+ background-color: white;
+ border-radius: var(--x);
+ height: var(--x);
+ width: var(--x);
+ display: table-cell;
+ vertical-align: middle;
+}
+
+.rondinterieur {
+ background-color: white;
+ height: var(--d);
+ width: var(--d);
+ display: table;
+ margin: 0 auto;
+ border-radius: var(--d);
+}
+.rond {
+ display: table;
+ margin: 0 auto;
+ background-color: #FFD100;
+ height: var(--d);
+ width: var(--d);
+ border-radius: var(--d);
+}
+
+.containform2{
+ height: var(--x);
+ width: var(--x);
+ display: table-cell;
+ vertical-align: middle;
+ background-color: #FFD100;
+}
+
+.rond2 {
+ display: table;
+ margin: 0 auto;
+ background-color: white;
+ height: var(--d);
+ width: var(--d);
+ border-radius: var(--d);
+}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+