diff --git a/style.css b/style.css index 0aab994..f98c752 100644 --- a/style.css +++ b/style.css @@ -14,7 +14,7 @@ nav { margin-bottom: 20px; } -/* Anciennes règles (pour compatibilité) */ +/* Anciennes règles (fallback) */ nav a { margin-right: 15px; text-decoration: none; @@ -30,40 +30,38 @@ nav a:hover { MENU HORIZONTAL MODERNE =========================== */ .menu { - list-style: none; /* enlève les puces */ - display: flex; /* items horizontalement */ - background-color: #2c3e50; /* fond sombre */ + list-style: none; + display: flex; + background-color: #2c3e50; padding: 10px 20px; margin: 0; - border-radius: 8px; /* coins arrondis */ + border-radius: 8px; } -/* Espacement entre boutons */ .menu li { margin-right: 20px; } -/* Liens du menu */ .menu li a { text-decoration: none; - color: #ecf0f1; /* texte clair */ + color: #ecf0f1; font-weight: bold; padding: 8px 12px; border-radius: 5px; transition: background-color 0.3s, color 0.3s; } -/* Effet hover */ .menu li a:hover { background-color: #ecf0f1; color: #2c3e50; } -/* Exemple de bouton rouge dans le menu si besoin */ +/* Bouton rouge (optionnel) */ .menu li a.btn-red { - background-color: #e74c3c; /* rouge */ + background-color: #e74c3c; color: white; } + .menu li a.btn-red:hover { background-color: #c0392b; } @@ -112,14 +110,44 @@ nav a:hover { =========================== */ .alert { border: 3px solid red; - color: red; /* texte rouge */ -} - font-size: 30px; - display: block; - margin-bottom: 10px; + color: red; } -/* alerte rouge */ -.alert { - border: 3px solid red; +/* =========================== + FORMULAIRE (LOGIN) +=========================== */ +.form-box { + width: 300px; + margin: 50px auto; + padding: 20px; + background-color: white; + border-radius: 10px; + box-shadow: 0 2px 10px rgba(0,0,0,0.2); + text-align: center; +} + +.form-box h2 { + margin-bottom: 15px; +} + +.form-box input { + width: 90%; + padding: 10px; + margin: 10px 0; + border: 1px solid #ccc; + border-radius: 5px; +} + +.form-box button { + width: 100%; + padding: 10px; + background-color: #2c3e50; + color: white; + border: none; + border-radius: 5px; + cursor: pointer; +} + +.form-box button:hover { + background-color: #34495e; } \ No newline at end of file