MISE A JOUR DU CSS

css/style.css

@@ -1,22 +0,0 @@
-body {
-  font-family: Arial, sans-serif;
-  margin: 40px;
-  background: #f9f9f9;
-  color: #333;
-}
-header, footer {
-  text-align: center;
-  margin-bottom: 20px;
-}
-a {
-  color: #007bff;
-  text-decoration: none;
-}
-a:hover {
-  text-decoration: underline;
-}
-form input, form textarea {
-  width: 100%;
-  padding: 8px;
-  margin-top: 5px;
-}

src/css/style.css

@@ -0,0 +1,72 @@
+body {
+  font-family: 'Arial', sans-serif;
+  margin: 40px;
+  background: #f4f6f8;
+  color: #333;
+  line-height: 1.6;
+}
+
+header, footer {
+  text-align: center;
+  margin-bottom: 20px;
+  color: #555;
+}
+
+a {
+  color: #007bff;
+  text-decoration: none;
+  transition: color 0.3s, text-decoration 0.3s;
+}
+
+a:hover {
+  color: #0056b3;
+  text-decoration: underline;
+}
+
+form input, form textarea {
+  width: 100%;
+  padding: 12px;
+  margin-top: 8px;
+  margin-bottom: 15px;
+  border: 1px solid #ccc;
+  border-radius: 6px;
+  box-sizing: border-box;
+  font-size: 1rem;
+  transition: border-color 0.3s, box-shadow 0.3s;
+}
+
+form input:focus, form textarea:focus {
+  border-color: #007bff;
+  box-shadow: 0 0 5px rgba(0, 123, 255, 0.3);
+  outline: none;
+}
+
+form textarea {
+  min-height: 120px;
+  resize: vertical;
+}
+
+form button {
+  background-color: #007bff;
+  color: #fff;
+  padding: 12px 20px;
+  border: none;
+  border-radius: 6px;
+  cursor: pointer;
+  font-size: 1rem;
+  transition: background-color 0.3s, transform 0.2s;
+}
+
+form button:hover {
+  background-color: #0056b3;
+  transform: translateY(-2px);
+}
+
+.container {
+  max-width: 800px;
+  margin: 0 auto;
+  padding: 20px;
+  background: #fff;
+  border-radius: 10px;
+  box-shadow: 0 4px 10px rgba(0,0,0,0.05);
+}

src/index.php

@@ -1,4 +1,4 @@
-#<?php
+<?php
 require_once __DIR__ . '/includes/db.php';
 require_once __DIR__ . '/includes/header.php';