photo OK + amelio alerte

css/alerte.css

@@ -21,6 +21,7 @@
   
 /* Contenu de l'alerte */
 .modal-content {
+  color: black;
   background-color: #fefefe;
   margin: 15% auto; /* on le centre */
   padding: 20px;

css/alerte/a1.css

@@ -10,6 +10,7 @@
 }
 
 .modal-content {
+    color: black;
     background-color: white;
     margin: 15% auto;
     padding: 10px;

css/alerte/a3.css

@@ -10,6 +10,7 @@
 }
 
 .modal-content {
+  color: black;
   background-color: white;
   margin: 15% auto;
   padding: 10px;

css/alerte/a4.css

@@ -32,13 +32,9 @@
 
 .modal.button {
   padding: 5px 10px;
-  background-color: #ff69b4; /* Rose bonbon */
+  background-color: #ff69b4 ; /* Rose bonbon */
   font-weight: bold;
   border-radius: 0px !important;
 }
 
-.close-btn:hover,
-.close-btn:focus {
-  color: red; /* Rouge pour attirer l’attention */
-}
   

css/alerte/a5.css

@@ -14,8 +14,9 @@
   width: 40vw;
   text-align: left; /* Alignement à gauche */
   background-color: white;
-  border: 2px solid #4caf50; /* Vert plat */
+  border: 2px solid #33ff00; 
   box-shadow: none;
+  color: #33ff00;
 }
 
 .close-btn {
@@ -24,14 +25,10 @@
 }
 
 .modal.button {
-  background-color: #4caf50;
+  background-color: #33ff00;
   color: white;
   border-radius: 3px;
   border: none;
 }
 
-.close-btn:hover,
-.close-btn:focus {
-  color: red; /* Rouge pour attirer l’attention */
-}
   

css/t3.css

@@ -2,7 +2,6 @@
 body {
     font-family: 'Segoe UI', sans-serif;
     background-color: #f0f0f0;
-    color: #ddd;
     margin: 0;
     padding: 30px;
     background-image: url(../img/codevert.jpg);
@@ -18,6 +17,7 @@ button {
     cursor: pointer;
     border-radius: 10px;
     font-weight: bold;
+    color: #ddd;
 }
 
 button:hover {
@@ -41,6 +41,7 @@ table {
     width: 100%;
     border-collapse: collapse;
     border: 1px solid #ccc;
+    color: #ddd;
 }
 th {   
     font-size: 20px;

css/t4.css

@@ -1,11 +1,3 @@
-/*
- * @file            css/t4.css
- * @description     
- * @author          mougnibas <mougnibas@insa-toulouse.fr>
- * @createTime      2024-11-21 11:51:17
- * @lastModified    2024-12-15 20:38:31
- * Copyright ©Théo Mougnibas All rights reserved
-*/
 
 body {
     background-color: #ecf0f1;
@@ -70,3 +62,19 @@ table.table_magasin{
     margin-bottom: 10px;
 
 }
+
+
+@font-face {
+    font-family: "Comic Sans MS";
+    src: url("../font/comic-sans.woff") format("woff");
+}
+
+
+a{
+    color: #33ff00;
+   font-family: "Comic Sans MS";
+}
+
+a:visited{
+    color: #ffffff;
+}

css/t5.css

@@ -2,7 +2,7 @@
 body {
     font-family: 'Helvetica Neue', sans-serif;
     background-color: #fafafa;
-    color: #ddd;
+    
     margin: 0;
     padding: 50px;
     background-image: url(../img/codevertmatrix.gif);
@@ -47,6 +47,7 @@ table {
     width: 100%;
     border-collapse: collapse;
     border: 1px solid #ecf0f1;
+    color: #ddd;
 }
 
 td, th {
@@ -55,6 +56,7 @@ td, th {
     border: 1px solid #ecf0f1;
 }
 table.table_magasin{
+    color: #ddd;
     width: 150px;
     padding: 12px;
     margin-top: 10px;
@@ -65,6 +67,6 @@ a{
     color: #33ff00;
 
 }
-a.hoover{
+a:visited{
     color: #ffffff;
 }

css/t8.css

@@ -14,6 +14,10 @@ h1, h2, h3 {
     font-weight: 700;
 }
 
+output{
+    font-size: 50px ;
+}
+
 button {
     padding: 20px 40px;
     border: none;
@@ -71,3 +75,10 @@ table.table_magasin{
     margin-bottom: 10px;
 }
 
+a{
+    color: #fda500;
+}
+
+a:visited{
+    color: #e74c3c;
+}

css/t9.css

@@ -9,12 +9,8 @@ body {
     
 }
 
-h1, h2, h3 {
+output{
-    color: #2980b9;
+    font-size: 50px;
-    text-align: center;
-    font-weight: 800;
-    text-transform: uppercase;
-    margin-bottom: 35px;
 }
 
 button {
@@ -89,3 +85,11 @@ table.table_magasin{
     margin-bottom: 10px;
 
 }
+
+a{
+    color: #fda500;
+}
+
+a:visited{
+    color: #e74c3c;
+}

index.html

@@ -51,7 +51,11 @@
     </table>
 
 
+    <div class="div-centrer-contenu" >
+        <img id="image-collegue-animee" style="z-index:1; position: absolute;
+  top: 20px; left:35%">
 
+    </div>
 
 
     <!-- Custom Alert Modal -->
@@ -69,10 +73,7 @@
         <img src="./img/GIF-CHATON.gif" alt="Chat" class="adt3">
     </div>
 
-    <div class="div-centrer-contenu">
-        <img id="image-collegue-animee">
     
-    </div>
 
 </body>
 <footer>