3 files changed, 91 insertions, 48 deletions

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 4206044..3d9d6ca 100644
--- a/public/css/head.css
+++ b/public/css/head.css
@@ -4,6 +4,7 @@ header
         /*padding-top: 5px;*/
         /*padding-bottom: 10px;*/
         background-size: cover; /* largeur du bloc_page  */
+        background-position: center;
 }
 #nav_zone
 {
@@ -21,38 +22,30 @@ 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;
-        }
-}
 
-.site_title
+.header_center_col
 {
         background-color: #ffffff7f;
         border-radius: 10px;
+        padding: 1px; /* pour que les marges de h1 et h2 ne mordent pas le bloc parent */
 }
 header h1
 {
@@ -73,7 +66,7 @@ header h2
 header img
 {
         vertical-align: bottom; /* supprime espace sous l'image */
-        max-width: 150px;
+        max-width: 180px;
         max-height: 100px;
 }
 header a
@@ -81,25 +74,69 @@ header a
         color: unset; /* ne plus hériter */
         text-decoration: none;
 }
-.editing_zone > div
-{
-        /*display: inline;*/ /* à l'ancienne */
-}
 /*.header_right_col
 {}*/
-.social
+#header_social
+{
+        display: flex;
+        justify-content: center;
+}
+#header_social_content
+{
+        display: flex;
+        gap: 4px;
+        flex-wrap: wrap;
+}
+#header_social_content img
 {
-        /*align-self: end;*/
-        /*padding: 4px;*/
+        width: 28px;
+        
 }
-.social a img
+#header_social_content a img
 {
-        width: 25px;
+        width: 28px;
         background-color: #ffffffb3;
         border-radius: 50%;
 }
-
-.social img:hover
+#header_social_content .action_icon
+{
+        width: 24px;
+}
+#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: 800px){
+        .header_content
+        {
+                grid-template-columns: 2fr 1fr; /* on vire la colonne de gauche et on permet au deux autres de "se pousser" si besoin */
+                padding: 10px;
+        }
+        .header_left_col
+        {
+                display: none;
+        }
+}
+@media screen and (max-width: 600px){
+        .header_content
+        {
+                display: block;
+        }
+}
\ No newline at end of file
diff --git a/public/css/menu.css b/public/css/menu.css
index ac77d50..0dfb840 100644
--- a/public/css/menu.css
+++ b/public/css/menu.css
@@ -58,7 +58,7 @@
 
 .menu button
 {
-        margin: 5px;
+        margin: 4px 0;
 }
 .menu_entry_checkbox
 {
@@ -109,15 +109,11 @@
         flex-wrap: wrap;
         align-items: center;
 }
-.menu .url
-{
-        text-wrap: nowrap;
-}
-.menu .url input[type=url]
+.menu .url_content input
 {
         width: 50%;
 }
 
-@media screen and (min-width: 80rem) {
+/*@media screen and (min-width: 80rem) {
         i{}
-}
\ No newline at end of file
+}*/
\ No newline at end of file