cbo

css/t2.css

@@ -53,8 +53,8 @@ td, th {
 div.ad{
     visibility: visible;
     display: block !important;
-    float: right;
+    
-    width: 162px;
+    width: 150px;
     padding: 12px;
     margin-top: 10px;
     margin-bottom: 10px;

css/t4.css

@@ -50,6 +50,11 @@ th {
     color: #ddd;
     font-size: 20px;
 }
+td {
+    padding: 10px;
+    text-align: left;
+    border: 1px solid #ddd;
+}
 
 table.table_magasin{
     width: 150px;

css/t5.css

@@ -2,7 +2,7 @@
 body {
     font-family: 'Helvetica Neue', sans-serif;
     background-color: #fafafa;
-    color: #2c3e50;
+    color: #ddd;
     margin: 0;
     padding: 50px;
     background-image: url(../img/codevertmatrix.gif);
@@ -14,11 +14,17 @@ h1, h2, h3 {
     margin-bottom: 25px;
 }
 
+output {
+    font-size: 50px;
+    color: #ddd;
+    background-color: #000000;
+}
+
 button {
     padding: 15px 30px;
-    border: 2px solid #e74c3c;
+    border: 2px solid #33ff00;
     background-color: #ecf0f1;
-    color: #e74c3c;
+    color: #33ff00;
     cursor: pointer;
     border-radius: 25px;
     font-size: 16px;
@@ -26,7 +32,7 @@ button {
 }
 
 button:hover {
-    background-color: #e74c3c;
+    background-color: #33ff00;
     color: white;
 }
 
@@ -54,4 +60,11 @@ table.table_magasin{
     margin-top: 10px;
     margin-bottom: 10px;
 
+}
+a{
+    color: #33ff00;
+
+}
+a.hoover{
+    color: #ffffff;
 }

index.html

@@ -59,12 +59,12 @@
     <div class="ad" style="display: none;">
         
         <img src="./img/miaou1.jpeg" alt="Chat" class="adt2">
+        <div></div>
         <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>