From 0ac8f8d12f117e458271c961b303d3c47f4ead9d Mon Sep 17 00:00:00 2001
From: polo <ordipolo@gmx.fr>
Date: Tue, 28 Oct 2025 10:11:08 +0100
Subject: =?UTF-8?q?classes=20Input=20plus=20adaptables,=20s=C3=A9paration?=
 =?UTF-8?q?=20des=20r=C3=B4les?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 public/css/foot.css | 26 ++++++++++++++------
 public/css/head.css | 70 +++++++++++++++++++++++++++++++++++------------------
 2 files changed, 65 insertions(+), 31 deletions(-)

(limited to 'public/css')

diff --git a/public/css/foot.css b/public/css/foot.css
index 38284e3..ed65666 100644
--- a/public/css/foot.css
+++ b/public/css/foot.css
@@ -79,16 +79,16 @@ footer .data > div
 	margin: 0 3px;
 }*/
 
-#footer_logo_img
+#footer_logo_content
 {
 	max-width: 288px;
 	min-width: 150px;
 }
-@media screen and (max-width: 1000px)
+@media screen and (max-width: 800px)
 {
-	.footer .contact
+	footer .contact
 	{
-		width: 70px;
+		font-size: smaller;
 	}
 }
 
@@ -119,10 +119,6 @@ footer .data > div
 	color: black;
 	text-decoration: none;
 }
-.empty_admin_zone
-{
-	height: 70px;
-}
 .logged_in
 {
 	/*height: 70px;*/
@@ -149,6 +145,20 @@ footer .data > div
 	background-color: yellow;
 	border-radius: 4px;
 }
+@media screen and (max-width: 550px){
+	.logged_in, .logged_in button
+	{
+		font-size: 96%;
+	}
+	.admin_buttons_zone
+	{
+		margin: 3px;
+	}
+}
+.empty_admin_zone
+{
+	height: 93px; /* 40 => 1 ligne, 70/64 => 2 lignes, 93/83 => 3 lignes */
+}
 .modif_mode
 {
 	background-color: #ffae1a; /* orange clair soupe de poisson */
diff --git a/public/css/head.css b/public/css/head.css
index dab81a8..c178d3a 100644
--- a/public/css/head.css
+++ b/public/css/head.css
@@ -21,33 +21,24 @@ header
 {
 	max-height: 24px;
 }
-
+.header_additional_inputs
+{
+	display: flex;
+	flex-wrap: wrap;
+	justify-content: space-evenly;
+	align-items: center;
+	margin-top: 10px;
+}
 .header_content
 {
-	padding: 20px 0;
+	margin-top: 10px;
+	padding-bottom: 20px;
 	display: grid;
 	grid-template-columns: 1fr 1fr 1fr;
 	align-items: end;
 }
 /*.header_left_col
 {}*/
-@media screen and (max-width: 1000px){
-	.header_content{
-		padding: 18px 0;
-	}
-}
-@media screen and (max-width: 450px){
-	.header_content
-	{
-		/*grid-template-columns: 1fr 2fr 1fr;*/
-		display: block;
-		padding: 18px;
-	}
-	#header_logo
-	{
-		display: none;
-	}
-}
 
 .header_center_col
 {
@@ -73,7 +64,7 @@ header h2
 header img
 {
 	vertical-align: bottom; /* supprime espace sous l'image */
-	max-width: 150px;
+	max-width: 180px;
 	max-height: 100px;
 }
 header a
@@ -83,13 +74,46 @@ header a
 }
 /*.header_right_col
 {}*/
-#header_social img
+#header_social
+{
+	display: flex;
+	justify-content: center;
+}
+#header_social_content img
 {
 	width: 28px;
-	background-color: rgba(255, 255, 255, 0.7);
+	background-color: #ffffffb3;
 	border-radius: 50%;
 }
-#header_social img:hover
+
+#header_social_content img:hover
 {
 	background-color: yellow;
+}
+#header_social_input
+{
+	background-color: #ffffff7f;
+	border-radius: 10px;
+	padding: 5px;
+}
+
+@media screen and (max-width: 1000px){
+	.header_content{
+		padding: 15px 0;
+	}
+	header img
+	{
+		max-width: 160px;
+	}
+}
+@media screen and (max-width: 500px){
+	.header_content
+	{
+		display: block;
+		padding: 10px;
+	}
+	#header_logo
+	{
+		display: none;
+	}
 }
\ No newline at end of file
-- 
cgit v1.2.3