diff --git a/styles/.ajouterListe.css.swp b/styles/.ajouterListe.css.swp
new file mode 100644
index 0000000..306ed62
Binary files /dev/null and b/styles/.ajouterListe.css.swp differ
diff --git a/styles/ajouterListe.css b/styles/ajouterListe.css
new file mode 100644
index 0000000..77eb202
--- /dev/null
+++ b/styles/ajouterListe.css
@@ -0,0 +1,9 @@
+html, body
+{
+	height: 100%;
+}
+
+.container main
+{
+	margin: 17%;
+}
diff --git a/styles/connection.css b/styles/connection.css
new file mode 100755
index 0000000..21b197b
--- /dev/null
+++ b/styles/connection.css
@@ -0,0 +1,57 @@
+html, body
+{
+	height: 100%;
+}
+
+body
+{
+	background-color: #7AA;
+}
+
+main
+{
+	display: flex;
+	flex-direction: column;
+	justify-content: center;
+	align-items: center;
+	text-align: center;
+}
+
+main div
+{
+	background-color: #8BBA;
+	margin-top: 17%;
+	margin-bottom: 17%;
+	padding: 16px;
+	border-radius: 16px;
+}
+input
+{
+	margin-bottom: 8px;
+}
+
+
+@media (max-width: 1000px) 
+{
+	form
+	{
+		display: flex;
+		justify-content: center;
+		align-items: center;
+	}
+	input
+	{
+		font-size: 50px;
+		height: 65px;
+		width: 100%;
+	}
+	td
+	{
+		display: block;
+		text-align: center;
+	}
+	body
+	{
+		font-size: 75px;
+	}
+}