feat: site 2025

style.css

@@ -0,0 +1,109 @@
+body {
+  color:#fff;
+  background-image: url('pageBack.jpg');
+  background-size: contain;
+  font-size: 24px;
+}
+
+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);
+  text-align:justify;
+}
+a {
+  color: #fc8900;
+}
+
+article h2 {
+  font-size: 2rem;
+  margin-left:10%;
+  font-weight: 600;
+}
+
+article b, li .lititle {
+  font-weight: 700;
+  font-size: 1.2rem;
+  font-style: oblique 15deg;
+}
+
+nav {
+  width:100%;
+  display:flex;
+  flex-direction:row;
+  justify-content: space-around;
+}
+nav a {
+  background: url('articleBack.webp') ;
+  border-radius: 20px;
+  padding: 12px;
+  box-shadow: 1px 1px 4px 2px #252525;
+  color: wheat;
+  font-size: 1.3rem;
+}
+
+.left {
+  height: 300px;
+  float:left;
+  
+  vertical-align: top;
+  margin-right:8px;
+  
+}
+
+article#header {
+  text-align: center;
+  padding-bottom: 8px;
+}
+article#info {
+ min-height:370px;
+}
+article#info img.left {
+ margin-top:-15px;
+}
+
+article#chapeau{
+   padding-top: 16px;
+   font-size:1.1rem;
+}
+
+#logo {
+max-width:200px;
+height:50px;
+}
+
+#title {
+ width:80%;
+  max-width:800px;  
+}
+
+ul {
+  display: flex;
+  flex-direction: row;
+  justify-content: space-evenly;
+  align-items: self-start;
+  padding-bottom: 25px;
+  flex-wrap: wrap;
+}
+ul li {
+  display:flex;
+  flex-direction: column;
+  align-items: center;
+  gap: 10px;
+  max-width: 500px;
+  min-width: 200px;
+  margin: 0 15px;
+}
+
+img.logo.partenaire {
+  max-width: 200px;
+}
+
+@media screen and (min-width: 900px) {
+  body {
+   font-size:16px;
+  }
+}