version 2026

style.css

@@ -1,7 +1,7 @@
 body {
   color:#fff;
-  background-image: url('pageBack.jpg');
-  background-size: contain;
+  background-image: url('assets/fond.jpg');
+  background-size: cover;
   font-size: 24px;
 }
 
@@ -9,13 +9,13 @@ article {
 	min-height:200px;
   margin:16px;
   padding: 0 16px;
-  background-color: rgba(35, 35, 35, 0.650);
-  border-radius: 20px;
-  box-shadow: 0 0 16px 2px rgba(35,35,35);
+  background-color: rgba(35, 35, 35, 0.35);
+  border-radius: 50px;
+  box-shadow: 0 0 16px 2px rgba(35,35,35,0.5);
   text-align:justify;
 }
 a {
-  color: #fc8900;
+  color: #fcad00;
 }
 
 article h2 {
@@ -34,14 +34,19 @@ nav {
   width:100%;
   display:flex;
   flex-direction:row;
-  justify-content: space-around;
+  justify-content: space-between;
+  background: url('assets/bottom.png');
+  background-size: 100% 250px;
+  position:sticky;
+  bottom:0px;
+  padding : 110px 10px 10px 10px;
+  margin-left:-10px;
 }
 nav a {
-  background: url('articleBack.webp') ;
+  background: rgba(15,15,15,0.25);
   border-radius: 20px;
   padding: 12px;
   box-shadow: 1px 1px 4px 2px #252525;
-  color: wheat;
   font-size: 1.3rem;
 }
 
@@ -71,7 +76,6 @@ article#chapeau{
 }
 
 #logo {
-max-width:200px;
 height:50px;
 }
 
@@ -106,4 +110,4 @@ img.logo.partenaire {
   body {
    font-size:16px;
   }
-}
+}