css/t1.css

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

css/t2.css

@@ -49,26 +49,3 @@ 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,27 +52,3 @@ 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: #e74c3c;
+    background-color: #2980b9;
     color: white;
     cursor: pointer;
     border-radius: 40px;
@@ -31,7 +31,7 @@ button {
 }
 
 button:hover {
-    background-color: #ff9900;
+    background-color: #3498db;
     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 #ff9900;
+    border: 3px solid #2980b9;
     box-shadow: 0 6px 12px rgba(0, 0, 0, 0.1);
 }
 
 td, th {
     padding: 30px;
     text-align: left;
-    border: 1px solid #ff9900;
+    border: 1px solid #ddd;
     font-size: 20px;
     letter-spacing: 1px;
 }
 
 td {
-    background-color: #ecf0f1;
+    background-color: #f9f9f9;
 }
 
 th {
-    background-color: #ff9900;
+    background-color: #2980b9;
     color: white;
     text-transform: uppercase;
 }
 
 table tr:hover {
-    background-color: #b61212;
+    background-color: #f1f1f1;
 }
 
 

index.html

@@ -29,7 +29,7 @@
 
 
 
-    <table id="table_magasin" class="table_magasin">
+    <table id="table_magasin">
         <thead id="table_magasin_head">
 
         </thead>
@@ -47,15 +47,8 @@
         <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>