style: change social networks location

footer.php

 </div><!-- #content -->
-<?php
-$theme_name = get_stylesheet_directory_uri();
-$twitter_directory = $theme_name . "/media/icons/" . "twitter.png";
-$youtube_directory = $theme_name . "/media/icons/" . "youtube.png";
-$mastodon_directory = $theme_name . "/media/icons/" . "mastodon.png";
-$linkedin_directory = $theme_name . "/media/icons/" . "linkedin.png";
-?>
 <footer id="colophon" class="site-footer" role="contentinfo">
     <div id="adullact-footer" class="wrap">
-        <div class="adullact-footerinfos-socialnetworks">
             <ul>
                 <li><?php get_adullact_page("mentions-legales") ?></li>
                 <li><?php get_adullact_page("accessibilite") ?></li>
@@ -16,23 +8,6 @@ $linkedin_directory = $theme_name . "/media/icons/" . "linkedin.png";
                 <li><?php get_adullact_page("plan-du-site") ?></li>
             </ul>
 
-            <div class="adullact-reseaux-sociaux">
-                <a href="https://twitter.com/ADULLACT" target="_blank">
-                    <img src="<?= $twitter_directory ?>" title="Twitter de l'Adullact">
-                </a>
-                <a href="https://mastodon.social/@adullact" target="_blank">
-                    <img src="<?= $mastodon_directory ?>" title="Mastodon de l'Adullact">
-                </a>
-                <a href="https://fr.linkedin.com/company/adullact" target="_blank">
-                    <img src="<?= $linkedin_directory ?>" title="LinkedIn de l'Adullact">
-                </a>
-                <a href="https://www.youtube.com/user/ADULLACT" target="_blank">
-                    <img src="<?= $youtube_directory ?>" title="Youtube de l'Adullact">
-                </a>
-            </div>
-        </div>
-
-
         <p id="adullact-contact-informations">
             Association ADULLACT, 5 Rue du Plan du Palais, 34000 Montpellier<br>
             contact AROBASE adullact.org<br>

style.css

@@ -97,12 +97,13 @@ input[type="search"] {
 .adullact-reseaux-sociaux img {
     max-width: 2em;
     max-height: 2em;
-    margin-left: 1em;
-    margin-right: 1em;
+    margin-left: 0.7em;
+    margin-right: 0.7em;
 }
 
 .adullact-searchbar {
-    width: 50%;
+    width: 100%;
+    margin-right: 0.7em;
 }
 
 @media screen and ( max-width: 66.99em ) {
@@ -152,7 +153,6 @@ input[type="search"] {
     justify-content: space-between;
     flex-wrap: wrap;
     margin-top: 3em;
-    margin-bottom: 2em;
 }
 
 .adullact-cadres-ligne-center {
@@ -220,7 +220,7 @@ input[type="search"] {
     padding: 10px;
     background-color: #F1F1F1;
     font-size: 1em;
-    margin: 1.7em 3%;
+    margin: 0.7em 3%;
 }
 
 .adullact-cadre-article p {
@@ -229,8 +229,8 @@ input[type="search"] {
 }
 
 .adullact-cadre-article img {
-    width:100%;
-    height:auto;
+    width: 100%;
+    height: auto;
 }
 
 
@@ -545,13 +545,15 @@ article .entry-footer {
     padding: 7px;
 }
 
-.adullact-footerinfos-socialnetworks {
+.adullact-searchbar-socialnetworks {
     display: flex;
-    justify-content: space-between;
+    flex-direction: column;
+    align-items: end;
+    width: 100%;
 }
 
 @media screen and ( max-width: 66.99em ) {
-    .adullact-footerinfos-socialnetworks {
+    .adullact-searchbar-socialnetworks {
         display: flex;
         flex-direction: column;
         align-items: center;

template-parts/header/site-branding.php

@@ -9,10 +9,12 @@
  */
 
 $theme_name = get_stylesheet_directory_uri();
-
+$twitter_directory = $theme_name . "/media/icons/" . "twitter.png";
+$youtube_directory = $theme_name . "/media/icons/" . "youtube.png";
+$mastodon_directory = $theme_name . "/media/icons/" . "mastodon.png";
+$linkedin_directory = $theme_name . "/media/icons/" . "linkedin.png";
 $adullact_logo_directory = $theme_name . "/media/adullact/" . "logo_adullact_small.svg";
 
-
 ?>
 <div class="site-branding adullact-no-padding">
     <div class="wrap adullact-no-padding adullact-header">
@@ -39,10 +41,25 @@ $adullact_logo_directory = $theme_name . "/media/adullact/" . "logo_adullact_sma
                 </p>
             <?php endif; ?>
         </div><!-- .site-branding-text -->
-
-        <div class="adullact-searchbar-parent">
-            <div class="adullact-searchbar">
-                <?php get_search_form(); ?>
+        <div class="adullact-searchbar-socialnetworks">
+            <div class="adullact-reseaux-sociaux">
+                <a href="https://twitter.com/ADULLACT" target="_blank">
+                    <img src="<?= $twitter_directory ?>" title="Twitter de l'Adullact">
+                </a>
+                <a href="https://mastodon.social/@adullact" target="_blank">
+                    <img src="<?= $mastodon_directory ?>" title="Mastodon de l'Adullact">
+                </a>
+                <a href="https://fr.linkedin.com/company/adullact" target="_blank">
+                    <img src="<?= $linkedin_directory ?>" title="LinkedIn de l'Adullact">
+                </a>
+                <a href="https://www.youtube.com/user/ADULLACT" target="_blank">
+                    <img src="<?= $youtube_directory ?>" title="Youtube de l'Adullact">
+                </a>
+            </div>
+            <div class="adullact-searchbar-parent">
+                <div class="adullact-searchbar">
+                    <?php get_search_form(); ?>
+                </div>
             </div>
         </div>