From 426a1a69cb73007538336debc31b34c4348e1ba1 Mon Sep 17 00:00:00 2001
From: polo <ordipolo@gmx.fr>
Date: Mon, 20 Oct 2025 18:11:35 +0200
Subject: un peu de nettoyage et d'uniformisation du CSS

---
 public/css/body.css                | 23 +++++++++++++++++------
 public/css/calendar.css            |  2 +-
 src/view/LoginBuilder.php          |  2 +-
 src/view/templates/login.php       | 16 ++++++++--------
 src/view/templates/menu.php        | 10 ++++++----
 src/view/templates/new_page.php    | 10 ++++++----
 src/view/templates/user_create.php |  2 +-
 src/view/templates/user_edit.php   | 28 ++++++++++++++--------------
 8 files changed, 54 insertions(+), 39 deletions(-)

diff --git a/public/css/body.css b/public/css/body.css
index dee806b..95f30d4 100644
--- a/public/css/body.css
+++ b/public/css/body.css
@@ -52,6 +52,7 @@ main
 section
 {
     margin: 10px 0;
+    padding: 15px;
 }
 section > h3
 {
@@ -63,16 +64,25 @@ section .fetch_articles
 {
     margin-left: 15px;
 }
-.login_form, .basic_section
+.basic_div
 {
     background-color: white;
-    margin: 15px;
     padding: 10px;
 }
 
+.section_child
+{
+    gap: 15px; /* fonctionne avec flexbox et grid */
+    margin-top: 15px;
+}
+.fullwidth > .section_child
+{
+    display: flex;
+    flex-direction: column;
+}
 .grid > .section_child
 {
-    display: grid; /* et c'est tout */
+    display: grid;/* et c'est tout */
     /* la règle grid-template-columns est ajoutée dynamiquement par PHP ou JS*/
 }
 .mosaic > .section_child
@@ -83,7 +93,7 @@ section .fetch_articles
 }
 .mosaic > .section_child article
 {
-    max-width: 300px;
+    max-width: 350px;
 }
 .mosaic > .section_child img /* règle ciblant un élément généré par l'éditeur */
 {
@@ -94,8 +104,8 @@ section .fetch_articles
 article
 {
     background-color: white;
-    margin: 15px;
-    padding: 15px;
+    /*margin: 10px;*/ /* rêmplacé par gap */
+    padding: 10px;
     /*min-height: 150px;*/
 }
 article .logo2
@@ -218,6 +228,7 @@ article a:hover
     flex-wrap: wrap;
     justify-content: space-between;*/
     display: grid;
+    gap: 15px;
     grid-template-columns: repeat(2, 1fr);
 }
 @media screen and (max-width: 900px)
diff --git a/public/css/calendar.css b/public/css/calendar.css
index 1b05fbd..2ff5640 100644
--- a/public/css/calendar.css
+++ b/public/css/calendar.css
@@ -10,7 +10,7 @@
 #calendar_zone{
     display: flex;
     gap: 5px;
-    padding: 15px;
+    /*padding: 15px;*/
     max-width: 1170px;
 }
 #calendar{
diff --git a/src/view/LoginBuilder.php b/src/view/LoginBuilder.php
index 567c93d..639f953 100644
--- a/src/view/LoginBuilder.php
+++ b/src/view/LoginBuilder.php
@@ -45,7 +45,7 @@ class LoginBuilder extends AbstractBuilder
         require $viewFile;
         $this->html = ob_get_clean(); // nouveau contenu
 
-        //$this->html .= <p class='connexionP' style='color: red;'>Ce site utilise un cookie « obligatoire » lorsque vous êtes connecté ainsi que sur cette page.<br>Il sera supprimé à votre déconnexion ou dès que vous aurez quitté le site.</p>;
+        //$this->html .= <p style='color: red;'>Ce site utilise un cookie « obligatoire » lorsque vous êtes connecté ainsi que sur cette page.<br>Il sera supprimé à votre déconnexion ou dès que vous aurez quitté le site.</p>;
         
         //$this->html .= $footer;
     }
diff --git a/src/view/templates/login.php b/src/view/templates/login.php
index 78ecf55..3257690 100644
--- a/src/view/templates/login.php
+++ b/src/view/templates/login.php
@@ -1,10 +1,10 @@
 <?php declare(strict_types=1); ?>
 		<section>
-            <h3 class="connexionTitre" >Connexion à l'espace d'administration</h3>
-            <div class="login_form">
-	            <p class="connexionP" >Veuillez saisir votre identifiant et votre mot de passe.</p>
+            <h3>Connexion à l'espace d'administration</h3>
+            <div class="basic_div">
+	            <p>Veuillez saisir votre identifiant et votre mot de passe.</p>
 	            <p style="color: red; font-style: italic;"><?= $error ?></p>
-				<form class="connexionFormulaire" method="post" action="<?= $link_form ?>" >
+				<form method="post" action="<?= $link_form ?>" >
 				    <p><label for="login" >Identifiant:</label>
 				        <input id="login" type="text" name="login" autofocus required></p>
 				    <p><label for="password" >Mot de passe:</label>
@@ -18,14 +18,14 @@
 
 				    <input type="submit" value="Valider">
 				</form>
-				<p class='connexionP' >Au fait? Vous n'utilisez pas votre propre ordinateur ou téléphone?<br/>
+				<p>Au fait? Vous n'utilisez pas votre propre ordinateur ou téléphone?<br/>
 				    Utilisez la navigation privée.</p>
 			</div>
 		</section>
-		<section class="basic_section">
-			<p class="connexionP connexionFooter" >
+		<section>
+			<div class="basic_div">
 			    <a href="<?= $link_exit ?>" >
 			        <button>Retour au site</button>
 			    </a>
-			</p>
+			</div>
 		</section>
\ No newline at end of file
diff --git a/src/view/templates/menu.php b/src/view/templates/menu.php
index 5a2efe5..4f11756 100644
--- a/src/view/templates/menu.php
+++ b/src/view/templates/menu.php
@@ -39,8 +39,10 @@
 <?= $this->html ?>
 	</div>
 </section>
-<section class="basic_section">
-	<a href="<?= new URL ?>">
-		<button>Retour au site</button>
-	</a>
+<section>
+	<div class="basic_div">
+		<a href="<?= new URL ?>">
+			<button>Retour au site</button>
+		</a>
+	</div>
 </section>
\ No newline at end of file
diff --git a/src/view/templates/new_page.php b/src/view/templates/new_page.php
index 7b494d9..1756a78 100644
--- a/src/view/templates/new_page.php
+++ b/src/view/templates/new_page.php
@@ -26,8 +26,10 @@
 		</form>
 	</div>
 </section>
-<section class="basic_section">
-	<a href="<?= new URL ?>">
-		<button>Retour au site</button>
-	</a>
+<section>
+	<div class="basic_div">
+		<a href="<?= new URL ?>">
+			<button>Retour au site</button>
+		</a>
+	</div>
 </section>
\ No newline at end of file
diff --git a/src/view/templates/user_create.php b/src/view/templates/user_create.php
index 68e115c..8572efe 100644
--- a/src/view/templates/user_create.php
+++ b/src/view/templates/user_create.php
@@ -28,7 +28,7 @@ $_SESSION['captcha'] = $captcha->getSolution(); // enregistrement de la réponse
             <section>
                 <h3>Bienvenue.</h3>
                 <p style="text-align: center;">Veuillez choisir les codes que vous utiliserez pour gérer le site.</p>
-                <div class="login_form">
+                <div class="basic_div">
                     <p style="color: red; font-style: italic;"><?= $error ?></p>
                     <form method="post" action="index.php?action=create_user" >
                         <p><label for="login" >Identifiant:</label>
diff --git a/src/view/templates/user_edit.php b/src/view/templates/user_edit.php
index d647dc2..28caac4 100644
--- a/src/view/templates/user_edit.php
+++ b/src/view/templates/user_edit.php
@@ -2,18 +2,18 @@
 		<section>
 			<div class="user_edit_header">
 				<div class="empty_column"></div>
-				<h3 class="connexionTitre" >Mon compte</h3>
+				<h3>Mon compte</h3>
 				<div>
 					<img class="user_icon" src="assets/user_hollow.svg">
 					<div><?= $_SESSION['user'] ?></div>
 				</div>
 			</div>
 			<div class="user_edit_flex">
-	            <div class="login_form">
-		            <p class="connexionP" >Modifier mon <b>nom d'utilisateur</b>.</p>
+	            <div class="basic_div">
+		            <p>Modifier mon <b>nom d'utilisateur</b>.</p>
 		            <p style="color: red; font-style: italic;"><?= $error_username ?></p>
 		            <p style="color: green; font-style: italic;"><?= $success_username ?></p>
-					<form class="connexionFormulaire" method="post" action="<?= $link_user_form ?>" >
+					<form method="post" action="<?= $link_user_form ?>" >
 					    <p><label for="login" >Ancien nom:</label>
 					        <input id="login" type="text" name="login" required></p>
 					    <p><label for="password" >Mot de passe:</label>
@@ -30,11 +30,11 @@
 					    <input type="submit" value="Valider">
 					</form>
 				</div>
-				<div class="login_form">
-					<p class="connexionP" >Modifier mon <b>mot de passe</b>.</p>
+				<div class="basic_div">
+					<p>Modifier mon <b>mot de passe</b>.</p>
 		            <p style="color: red; font-style: italic;"><?= $error_password ?></p>
 		            <p style="color: green; font-style: italic;"><?= $success_password ?></p>
-					<form class="connexionFormulaire" method="post" action="<?= $link_password_form ?>" >
+					<form method="post" action="<?= $link_password_form ?>" >
 						<p><label for="login" >Nom:</label>
 					        <input id="login" type="text" name="login" required></p>
 					    <p><label for="password" >Ancien mot de passe:</label>
@@ -52,12 +52,12 @@
 					</form>
 				</div>
 			</div>
-			<div class="basic_section">
-				<p class="connexionP connexionFooter" >
-					<a href="<?= $link_exit ?>">
-						<button>Retour au site</button></a>
-					<a href="<?= $link_logout ?>">
-						<button>Déconnexion</button></a>
-				</p>
+		</section>
+		<section>
+			<div class="basic_div">
+				<a href="<?= $link_exit ?>">
+					<button>Retour au site</button></a>
+				<a href="<?= $link_logout ?>">
+					<button>Déconnexion</button></a>
 			</div>
 		</section>
\ No newline at end of file
-- 
cgit v1.2.3