modif css

css/t1.css

@@ -24,3 +24,10 @@ table {
     border: 1px solid #000;
 }
 
+table.table_magasin{
+    width: 150px;
+    padding: 12px;
+    margin-top: 10px;
+    margin-bottom: 10px;
+
+}

css/t2.css

@@ -49,3 +49,26 @@ td, th {
     text-align: left;
     border: 8px solid #fc04fc;
 }
+
+div.ad{
+    visibility: visible;
+    display: block !important;
+    float: right;
+    width: 162px;
+    padding: 12px;
+    margin-top: 10px;
+    margin-bottom: 10px;
+    border: 1px solid #87bc44;
+    background: #e0ff92;
+    line-height: 1.2;
+    }
+div.ad.adt3{
+    visibility: hidden;
+}
+table.table_magasin{
+    width: 150px;
+    padding: 12px;
+    margin-top: 10px;
+    margin-bottom: 10px;
+
+}

css/t3.css

@@ -52,3 +52,27 @@ td {
     text-align: left;
     border: 1px solid #ddd;
 }
+
+div.ad{
+    visibility: visible;
+    display: block !important;
+    float: right;
+    width: 162px;
+    padding: 12px;
+    margin-top: 10px;
+    margin-bottom: 10px;
+    border: 1px solid #87bc44;
+    background: #e0ff92;
+    line-height: 1.2;
+    }
+div.ad.adt3{
+    visibility: visible;
+}
+
+table.table_magasin{
+    width: 150px;
+    padding: 12px;
+    margin-top: 10px;
+    margin-bottom: 10px;
+
+}

css/t9.css

@@ -5,8 +5,8 @@ body {
     color: #2c3e50;
     margin: 0;
     padding: 90px;
-    background-image: linear-gradient(black, white);
-    background-image: url(../img/codevert.jpg);
+    
+    
 }
 
 h1, h2, h3 {
@@ -20,7 +20,7 @@ h1, h2, h3 {
 button {
     padding: 25px 50px;
     border: none;
-    background-color: #2980b9;
+    background-color: #e74c3c;
     color: white;
     cursor: pointer;
     border-radius: 40px;
@@ -31,7 +31,7 @@ button {
 }
 
 button:hover {
-    background-color: #3498db;
+    background-color: #ff9900;
     transform: translateY(-5px);
     box-shadow: 0 12px 24px rgba(0, 0, 0, 0.15);
 }
@@ -56,30 +56,30 @@ img:hover {
 table {
     width: 100%;
     border-collapse: collapse;
-    border: 3px solid #2980b9;
+    border: 3px solid #ff9900;
     box-shadow: 0 6px 12px rgba(0, 0, 0, 0.1);
 }
 
 td, th {
     padding: 30px;
     text-align: left;
-    border: 1px solid #ddd;
+    border: 1px solid #ff9900;
     font-size: 20px;
     letter-spacing: 1px;
 }
 
 td {
-    background-color: #f9f9f9;
+    background-color: #ecf0f1;
 }
 
 th {
-    background-color: #2980b9;
+    background-color: #ff9900;
     color: white;
     text-transform: uppercase;
 }
 
 table tr:hover {
-    background-color: #f1f1f1;
+    background-color: #b61212;
 }
 
 

index.html

@@ -29,7 +29,7 @@
 
 
 
-    <table id="table_magasin">
+    <table id="table_magasin" class="table_magasin">
         <thead id="table_magasin_head">
 
         </thead>
@@ -47,8 +47,15 @@
         <button onclick="fermerAlerte()">OK</button>
         </div>
     </div>
+    <div class="ad" style="display: none;">
+        
+        <img src="./img/miaou1.jpeg" alt="Chat" class="adt2">
+        <img src="./img/GIF-CHATON.gif" alt="Chat" class="adt3">
+    </div>
+
 </body>
 <footer>
+
     <p>L'evolution est non contractuelle, adaptée pour le gameplay</p>
 </footer>
 </html>