From f824ed3e367b430924ba72421aae875a4f087e68 Mon Sep 17 00:00:00 2001
From: Justine <beau@insa-toulouse.fr>
Date: Thu, 26 Dec 2024 15:11:12 +0100
Subject: [PATCH] photo OK + amelio alerte

---
 css/alerte.css    |  1 +
 css/alerte/a1.css |  1 +
 css/alerte/a3.css |  1 +
 css/alerte/a4.css |  6 +-----
 css/alerte/a5.css |  9 +++------
 css/t3.css        |  3 ++-
 css/t4.css        | 24 ++++++++++++++++--------
 css/t5.css        |  6 ++++--
 css/t8.css        | 11 +++++++++++
 css/t9.css        | 16 ++++++++++------
 index.html        |  9 +++++----
 11 files changed, 55 insertions(+), 32 deletions(-)

diff --git a/css/alerte.css b/css/alerte.css
index 36e273b..d47a5c2 100644
--- a/css/alerte.css
+++ b/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;
diff --git a/css/alerte/a1.css b/css/alerte/a1.css
index c9de885..c085fcf 100644
--- a/css/alerte/a1.css
+++ b/css/alerte/a1.css
@@ -10,6 +10,7 @@
 }
 
 .modal-content {
+    color: black;
     background-color: white;
     margin: 15% auto;
     padding: 10px;
diff --git a/css/alerte/a3.css b/css/alerte/a3.css
index c4b1074..4cdaf7f 100644
--- a/css/alerte/a3.css
+++ b/css/alerte/a3.css
@@ -10,6 +10,7 @@
 }
 
 .modal-content {
+  color: black;
   background-color: white;
   margin: 15% auto;
   padding: 10px;
diff --git a/css/alerte/a4.css b/css/alerte/a4.css
index 1bcbd6b..76d22a5 100644
--- a/css/alerte/a4.css
+++ b/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 */
-}
   
\ No newline at end of file
diff --git a/css/alerte/a5.css b/css/alerte/a5.css
index b10f078..a3f8e72 100644
--- a/css/alerte/a5.css
+++ b/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 */
-}
   
\ No newline at end of file
diff --git a/css/t3.css b/css/t3.css
index ec6bcc9..8ba7a78 100644
--- a/css/t3.css
+++ b/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;
diff --git a/css/t4.css b/css/t4.css
index ae4d311..c4fd135 100644
--- a/css/t4.css
+++ b/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;
@@ -69,4 +61,20 @@ table.table_magasin{
     margin-top: 10px;
     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;
 }
\ No newline at end of file
diff --git a/css/t5.css b/css/t5.css
index 52cfcc3..cf2e658 100644
--- a/css/t5.css
+++ b/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;
 }
\ No newline at end of file
diff --git a/css/t8.css b/css/t8.css
index edc94e8..7d49839 100644
--- a/css/t8.css
+++ b/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;
+}
diff --git a/css/t9.css b/css/t9.css
index 0160898..759f857 100644
--- a/css/t9.css
+++ b/css/t9.css
@@ -9,12 +9,8 @@ body {
     
 }
 
-h1, h2, h3 {
-    color: #2980b9;
-    text-align: center;
-    font-weight: 800;
-    text-transform: uppercase;
-    margin-bottom: 35px;
+output{
+    font-size: 50px;
 }
 
 button {
@@ -89,3 +85,11 @@ table.table_magasin{
     margin-bottom: 10px;
 
 }
+
+a{
+    color: #fda500;
+}
+
+a:visited{
+    color: #e74c3c;
+}
\ No newline at end of file
diff --git a/index.html b/index.html
index 6d83849..32742cb 100644
--- a/index.html
+++ b/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>