Mise à jour de la page d'accueil

assets/css/home.css

@@ -1,87 +1,43 @@
+.bande { 
+    text-align: center; 
+    font-size: 25px; 
+    font-weight: bold; 
+    }
 
+.bande img {
+    padding : 25px;
+}
+
+.bande ul {
+display: inline-block;
+}
+
+.bande li {
+display: inline;
+}
+
+@media screen and (min-width: 700px) {
     main{
-        padding: 50px;
+        padding-bottom: 2%;
+        max-width: 1280px;
+        margin-left: auto;
+        margin-right: auto;
       }
 
-    main h1 {
-        padding: 20px;
-        font-size: 30px;
-        font-family: sans-serif;
-      }
-
-    main p {
-        font-size: 20px;
-        max-width: 1200px;
-        font-family:"system-ui";
-        font-family: sans-serif;
-      }
-
-    main a {
-        font-size: 20px;
-        color : #00E6FF;
-        font-family: sans-serif;
-      }
-
-    .bande { 
-        text-align: center; 
-        font-size: 25px; 
-        font-weight: bold; 
-        }
-    .bande img {
-        padding : 25px;
+      p {
+        padding-left: 5%;
+        padding-right: 5%;
+        padding-bottom: 2%;
     }
 
-    .bande ul {
-	display: inline-block;
+    .home {
+        text-align: center;
     }
+}
 
-    .bande li {
-	display: inline;
-    }
-
-    .image1{
-	width: 330px;
-	height: 260px;
-	float: left;
-	margin-right: 50px;
-    }
-
-    .image2{
-	width: 400px;
-	height: 310px;
-	float: right;
-	margin-left: 50px;
-    }
-
-    .image3{
-	width: 300px;
-	height: 180px;
-	float: left;
-	margin-right: 50px;
-    }
-
-    .logoA{
-	width: 150px;
-	height: 150px;
-    }
-
-    .logoS{
-	width: 320px;
-	height: 120px;
-    }
-
-    .logoH{
-	width: 150px;
-	height: 150px;
-    }
-
-    .margin{
-	margin-left: 20px;
-	margin-right: 20px;
-    }
-
-    
-    
-      
-     
-     
+@media screen and (max-width: 700px) {
+    .image{
+        display: flex;
+        justify-content: center;
+}
+}