Réglage footer, menu a droite, contact

style.css

@@ -1,4 +1,3 @@
-
 body {
   font-family: sans-serif;
   line-height: 1.6;
@@ -8,49 +7,96 @@ body {
   color: #333;
   font-family: Times New Roman;
 }
+
 main {
   padding: 0 1rem;
   margin: 0 auto;
   max-width: 1280px;
 }
+
 section {
   margin-bottom: 2rem;
 }
-li {
+
+menu li {
   display: block;
   padding: 0.5rem;
   text-decoration: none;
-  float: left;
 }
+
 a {
-    color: #333;
-    text-decoration: none;
+  color: #333;
+  text-decoration: none;
 }
+
 h1 {
-  color: #bf9000;
+  color: #CC4331;
   vertical-align: baseline;
-  font-size: 2rem;
+  font-size: 1.6rem;
   text-align: center;
 }
+
 h2 {
   color: #CC4331;
   line-height: 1.2;
   text-align: center;
 }
+
+h3 {
+  color: #ff7d01;
+  text-align: left;
+}
+
 p {
   text-indent: 10px;
 }
+
 p span {
   font-weight: bold;
 }
-footer {
+
+.site-footer {
+  padding: 0rem 1rem;
+  font-size: 0.8rem;
   background-color: #CC4331;
-  padding: 0.7rem 1rem;
   color: #F9E7DB;
-  text-align: center;
-  padding: 0.5rem 0;
-  bottom: 0;
-  width: 100%;
-  font-size: 0.9rem;
 }
 
+.site-footer a {
+  color: #F9E7DB;
+  text-decoration: underline;
+}
+
+.footer-main {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  flex-wrap: wrap;
+}
+
+.footer-center {
+  flex-grow: 1;
+  text-align: center;
+}
+
+.footer-right {
+  text-align: right;
+  min-width: 150px;
+}
+
+.footer-right p {
+  margin: 0;
+}
+
+/* Responsive : tout centré sur petit écran */
+@media (max-width: 600px) {
+  .footer-main {
+    flex-direction: column;
+    align-items: center;
+  }
+
+  .footer-right {
+    text-align: center;
+    margin-top: 0.5rem;
+  }
+}