ajout fichier css + php, fusion - correction beug php

ci/assets/album.css

@@ -1,4 +1,3 @@
-/* assets/albums_style.css */
 .container {
     display: flex;
     flex-wrap: wrap;
@@ -9,11 +8,12 @@
 
 .album {
     box-sizing: border-box;
-    width: 18%;
+    width: 18%; 
     margin-bottom: 20px;
     border: 1px solid #ccc;
     border-radius: 10px;
     padding: 10px;
+    margin-top: 50px;
     text-align: center;
     background-color: #f9f9f9;
     box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);

ci/assets/artiste.css

@@ -0,0 +1,50 @@
+/* artiste.css */
+
+/* Corps principal */
+body {
+    font-family: Arial, sans-serif;
+    background-color: #f4f4f4;
+    margin: 0;
+    padding: 0;
+}
+
+/* Conteneur principal */
+.container {
+    width: 80%;
+    margin: auto;
+    overflow: hidden;
+}
+
+/* Section des artistes */
+.artiste {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    margin-top: 20px;
+}
+
+/* Style des liens des artistes */
+.artiste a {
+    display: block;
+    width: 80%;
+    border: 1px solid #ddd;
+    padding: 10px;
+    margin: 10px 0;
+    text-align: center;
+    background-color: #fff;
+    text-decoration: none;
+    color: #333;
+    border-radius: 5px;
+    transition: background-color 0.3s, border-color 0.3s;
+}
+
+/* Effet au survol des liens des artistes */
+.artiste a:hover {
+    background-color: #f0f0f0;
+    border-color: #ccc;
+}
+
+/* Couleur des liens visités */
+.artiste a:visited {
+    color: #333;
+}

ci/assets/song.css

@@ -0,0 +1,22 @@
+/* Style de la liste des chansons */
+.list {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    margin: 20px;
+}
+
+.list div {
+    width: 100%;
+    max-width: 600px;
+    margin: 10px 0;
+    border: 1px solid #ccc;
+    padding: 15px;
+    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
+    background-color: #f9f9f9;
+}
+
+.short-text {
+    font-size: 18px;
+    font-weight: bold;
+}

ci/assets/style.css

@@ -14,15 +14,17 @@ body {
 }
 .navbar {
     background-color: black;
-    padding: 20px; /* Ajuste la valeur de padding selon tes besoins */
+    padding: 20px;
     display: flex;
     justify-content: space-between;
     align-items: center;
     position: fixed;
     width: 100%;
     top: 0;
-    z-index: 1000;  
+    z-index: 1000;
+    box-sizing: border-box; 
 }
+
 .bouton a{
     color: #FFF;
     text-decoration: none;
@@ -103,8 +105,8 @@ body {
 }
 
 #Page img {
-    width: 400px;
-    height: 400PX;
+    width: 1000px;
+    height: 500PX;
 }
 
 .text-page {
@@ -212,20 +214,21 @@ img {
     max-width: 100%;
     height: auto;
 }
+
 .footer {
     background-color: black;
     color: white;
-    padding: 20px; 
+    padding: 20px;
     text-align: center;
-    margin-top: 20px; 
+    margin-top: 20px;
+    width: 100%; 
+    box-sizing: border-box; 
 }
-
-
 .footer-content {
     display: flex;
     justify-content: space-around;
+    flex-wrap: wrap; 
 }
-
 .footer-section {
     text-align: center;
     margin: 10px;