1 files changed, 45 insertions, 31 deletions

diff --git a/public/css/head.css b/public/css/head.css
index 4206044..c178d3a 100644
--- a/public/css/head.css
+++ b/public/css/head.css
@@ -21,35 +21,26 @@ 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;
@@ -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
@@ -81,25 +72,48 @@ header a
         color: unset; /* ne plus hériter */
         text-decoration: none;
 }
-.editing_zone > div
-{
-        /*display: inline;*/ /* à l'ancienne */
-}
 /*.header_right_col
 {}*/
-.social
+#header_social
 {
-        /*align-self: end;*/
-        /*padding: 4px;*/
+        display: flex;
+        justify-content: center;
 }
-.social a img
+#header_social_content img
 {
-        width: 25px;
+        width: 28px;
         background-color: #ffffffb3;
         border-radius: 50%;
 }
 
-.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