From 720e0d615e88e3060f231c1d94f52fe84fb2b2da Mon Sep 17 00:00:00 2001
From: Adrien Bourmault <neox@a-lec.org>
Date: Sat, 30 Apr 2022 22:35:59 +0200
Subject: [PATCH] Meilleures couleurs ?

---
 form.css   | 114 -----------------------------------------------------
 styles.css | 102 +++++++++++++++++++++++++++++++++++++++++++++++
 2 files changed, 102 insertions(+), 114 deletions(-)

diff --git a/form.css b/form.css
index d75cb4e..e69de29 100644
--- a/form.css
+++ b/form.css
@@ -1,114 +0,0 @@
-/*
-========================================================================
-   Description : CSS stylesheet
-   Author      : neox
-   Website     : https://a-lec.org
-   License    : AGPL
-========================================================================
-*/
-
-form {
-  margin-top: 20px;
-  display: table;
-  margin-left: auto;
-  margin-right: auto;
-}
-
-form *{
-  padding: 5px;
-  margin: 10px;
-  line-height: 20px;
-  text-justify: none;
-}
-
-form p { 
-  display: table-row;  
-}
-
-form label { 
-  display: table-cell; 
-  text-align: left;
-}
-
-input[type=radio] {
-  all: revert;
-  margin-top: 20px;
-}
-
-.input-symbol-euro {
-     position: relative;
- }
- .input-symbol-euro {
-  margin-left: -5px;
-  padding-top: 0px;
- }
-
- .input-symbol-euro::after {
-     position: absolute;
-     top: 0;
-     content:"€";
-     font-size: 120%;
-}
-
-form .mode {
-  display: table-cell;
-}
-
-form .renseignements {
-  display: table-cell;
-  border-bottom: 2px solid var(--a-lec_blue);
-  border-radius: 3px;
-  background-color: lightcyan;
-  padding: 5px;
-  color: black;
-  width: 100%;
-}
-
-form .renseignements:focus {
-  border-bottom: 2px solid var(--a-lec_red);
-  border-radius: 3px;
-  background-color: lightsalmon;
-}
-
-form select {
-  border-bottom: 2px solid var(--a-lec_blue);
-  border-radius: 3px;
-  background-color: lightcyan;
-  padding: 5px;
-}
-
-form .validation {
-  background-color: var(--a-lec_blue);
-  box-shadow: 3px 3px 5px grey;
-  color: white;
-  font-weight: bold;
-  border: none;
-  cursor: pointer;
-  float: right;
-  margin-bottom: -10px;
-  margin-top: 15px;
-}
-
-form .validation:focus {
-  display: table-cell;
-  background-color: var(--a-lec_red);
-  color: white;
-  font-weight: bold;
-  cursor: pointer;
-  box-shadow: none;
-}
-
-/*
-========================================================================
-   LITTLE SCREENS
-========================================================================
-*/
-@media screen and (max-width: 1100px) {
-  .mode_radio {
-    display: block;
-  }
-  
-  .mode_radio span {
-    display: block;
-  }
-}
\ No newline at end of file
diff --git a/styles.css b/styles.css
index 4620c4c..10267bc 100644
--- a/styles.css
+++ b/styles.css
@@ -275,6 +275,97 @@ aside#a-lec_sidebar {
    color:                        var(--a-lec_white);
 }
 
+/*
+========================================================================
+   FORMs
+========================================================================
+*/
+
+
+form {
+  margin-top: 20px;
+  display: table;
+  margin-left: auto;
+  margin-right: auto;
+}
+
+form *{
+  padding: 5px;
+  margin: 10px;
+  line-height: 20px;
+  text-justify: none;
+}
+
+form p { 
+  display: table-row;  
+}
+
+form label { 
+  display: table-cell; 
+  text-align: left;
+}
+
+input[type=radio] {
+  all: revert;
+  margin-top: 20px;
+}
+
+.input-symbol-euro {
+     position: relative;
+ }
+ .input-symbol-euro {
+  margin-left: -5px;
+  padding-top: 0px;
+ }
+
+ .input-symbol-euro::after {
+     position: absolute;
+     top: 0;
+     content:"€";
+     font-size: 120%;
+}
+
+form .mode {
+  display: table-cell;
+}
+
+form .renseignements {
+  display: table-cell;
+  border-bottom: 2px solid whitesmoke;
+  border-radius: 3px;
+  background-color:  whitesmoke;
+  padding: 5px;
+  color: black;
+  width: 100%;
+}
+
+form .renseignements:focus {
+  border-bottom: 2px solid var(--a-lec_blue);
+  border-radius: 3px;
+  background-color: aliceblue;
+}
+
+form .validation {
+  background-color: var(--a-lec_blue);
+  box-shadow: 3px 3px 5px grey;
+  color: white;
+  font-weight: bold;
+  border: none;
+  cursor: pointer;
+  float: right;
+  margin-bottom: -10px;
+  margin-top: 15px;
+}
+
+form .validation:focus {
+  display: table-cell;
+  background-color: var(--a-lec_red);
+  color: white;
+  font-weight: bold;
+  cursor: pointer;
+  box-shadow: none;
+}
+
 /*
 ========================================================================
    ARTICLE
@@ -601,6 +692,17 @@ h1,h2,h3,h4,h5,h6 {
    LITTLE SCREENS
 ========================================================================
 */
+
+@media screen and (max-width: 1100px) {
+  .mode_radio {
+    display: block;
+  }
+  
+  .mode_radio span {
+    display: block;
+  }
+}
+
 @media screen and (max-width: 700px) {
 
    section#a-lec_page-wrapper {