ajout première SAE WEB 1ere année 17/20

2025-12-05 10:29:17 +01:00
parent 936915e585
commit b05817dbcd
42 changed files with 4335 additions and 0 deletions
--- a/SAE_WEB1/css/style_contact.css
+++ b/SAE_WEB1/css/style_contact.css
@@ -0,0 +1,106 @@
+
+/* Formulaire de contact */
+.contact-form {
+    max-width: 600px;
+    margin: 30px auto 0; /* Ajout d'un espace de 20px en haut */
+    background-color: #fff;
+    padding: 20px;
+    border: 1px solid #ddd;
+    border-radius: 5px;
+}
+
+.contact-form h2 {
+    color: #a6aa7f;
+    text-align: center;
+}
+
+.contact-form label {
+    display: block;
+    margin: 10px 0 5px;
+    font-weight: bold;
+    color: #333;
+}
+
+.contact-form input,
+.contact-form textarea {
+    width: 100%;
+    padding: 10px;
+    border: 1px solid #ddd;
+    border-radius: 5px;
+}
+
+.contact-form button {
+    display: block;
+    width: 100%;
+    padding: 10px;
+    background-color: #ffcc00;
+    color: #333;
+    font-weight: bold;
+    border: none;
+    border-radius: 5px;
+    cursor: pointer;
+}
+
+.contact-form button:hover {
+    background-color: #e6b800;
+}
+
+/* Responsivité */
+@media (max-width: 768px) {
+    .burger-menu {
+        display: flex; /* Affiche le menu burger */
+    }
+
+    nav {
+        display: none; /* Cache le menu par défaut sur petits écrans */
+    }
+
+    nav.open {
+        display: block; /* Affiche le menu lors de l'ouverture */
+    }
+
+    nav ul {
+        display: flex;
+        flex-direction: column; /* Les liens deviennent verticaux */
+        gap: 20px;
+    }
+}
+
+/* Boutons globaux */
+.btn {
+    display: inline-block;
+    background-color: #fefae0;
+    color: #333;
+    padding: 10px 20px;
+    text-decoration: none;
+    font-weight: bold;
+    border-radius: 5px;
+    text-align: center;
+    transition: background-color 0.3s ease;
+}
+
+.btn:hover {
+    background-color: #e6b800;
+    color: #000;
+}
+
+/* Pied de page sticky */
+footer {
+    background-color: #333;
+    color: #fff;
+    text-align: center;
+    padding: 10px 0;
+    margin-top: auto; /* Assure que le pied de page reste en bas */
+}
+
+footer p {
+    margin: 0;
+}
+
+footer span {
+    color: #ffd700;
+}
+
+.cv-atik {
+    display:block
+}