diff --git a/icon-contact.png b/icon-contact.png
new file mode 100755
index 0000000..db284e9
Binary files /dev/null and b/icon-contact.png differ
diff --git a/icon-facebook.png b/icon-facebook.png
new file mode 100755
index 0000000..90157a8
Binary files /dev/null and b/icon-facebook.png differ
diff --git a/icon-linkedin.png b/icon-linkedin.png
new file mode 100755
index 0000000..b117ab2
Binary files /dev/null and b/icon-linkedin.png differ
diff --git a/icon-x.png b/icon-x.png
index 7ba16cd..6ed7e69 100755
Binary files a/icon-x.png and b/icon-x.png differ
diff --git a/icon-youtube.png b/icon-youtube.png
new file mode 100755
index 0000000..1c29842
Binary files /dev/null and b/icon-youtube.png differ
diff --git a/index.html b/index.html
index ee5cee4..35019f9 100644
--- a/index.html
+++ b/index.html
@@ -73,7 +73,15 @@ <h1 class="documentFirstHeading"><img alt="logo github" src="logo-github.png" wi
 <div class="footercontainer"> 
   
   <!-- start socials -->
-  <div align="center" style="padding-bottom: 1em; margin-bottom: 0.5em; padding-top: 35px; padding-bottom: 1em; margin-bottom: 0.5em; padding-top: 35px"> <a target="_blank" style="padding:20px" title="LinkedIn" href="https://www.linkedin.com/company/idiap-research-institute"> <img class="" src="https://www.idiap.ch/resolveuid/6f965a0b261f4d348da326420d644217" alt="logo linkedIn"> </a> <a target="_blank" style="padding:20px" title="X formally Twitter" href="https://twitter.com/Idiap_ch"> <img class="" src="icon-x.png" alt="logo Twitter"> </a> <a target="_blank" style="padding:20px" title="Facebook" href="https://fr-fr.facebook.com/IdiapResearchInstitute/"> <img class="" src="https://www.idiap.ch/resolveuid/188556ed1e254934a43aa1869cee671a" alt="logo Facebook"> </a> <a target="_blank" style="padding:20px;" title="Youtube" href="https://www.youtube.com/c/IdiapCh"> <img class="" src="https://www.idiap.ch/resolveuid/683be21aca194a33ba74f15138fc087a" alt="logo YouTube"> </a> <a target="_blank" style="padding:20px;" title="Contact" href="https://www.idiap.ch/resolveuid/09908f6c5fb44eb8adb24b3b07b7a26e"> <img class="" src="https://www.idiap.ch/resolveuid/03ec88e04e6943c988f7838387d4f11b" alt="icon mail"> </a> </div>
+  <div align="center" style="padding-bottom: 1em; margin-bottom: 0.5em; padding-top: 35px; padding-bottom: 1em; margin-bottom: 0.5em; padding-top: 35px"> 
+	  <a target="_blank" style="padding:20px" title="LinkedIn" href="https://www.linkedin.com/company/idiap-research-institute"> 
+	  <img class="" src="icon-linkedin.png" alt="logo linkedIn"> </a> 
+	  <a target="_blank" style="padding:20px" title="X formally Twitter" href="https://twitter.com/Idiap_ch"> 
+	  <img class="" src="icon-x.png" alt="logo Twitter"> </a> 
+	  <a target="_blank" style="padding:20px" title="Facebook" href="https://fr-fr.facebook.com/IdiapResearchInstitute/"> 
+	  <img class="" src="icon-facebook.png" alt="logo Facebook"> </a> <a target="_blank" style="padding:20px;" title="Youtube" href="https://www.youtube.com/c/IdiapCh"> 
+	  <img class="" src="icon-youtube.png" alt="logo YouTube"> </a> <a target="_blank" style="padding:20px;" title="Contact" href="https://www.idiap.ch/resolveuid/09908f6c5fb44eb8adb24b3b07b7a26e"> 
+	  <img class="" src="icon-contact.png" alt="icon mail"> </a> </div>
   <!-- end socials -->
   
   <p>Idiap Research Institute<br>
diff --git a/styleidiap.css b/styleidiap.css
index d0b827e..c0141a9 100644
--- a/styleidiap.css
+++ b/styleidiap.css
@@ -1,6 +1,7 @@
 /* CSS Document */
 /* Initial version made by [VS] vincent.spano@idiap.ch */
 /* date: 23.02.2012 */
+
 body {
   margin: 0px;
   padding: 0px;
@@ -48,18 +49,25 @@ img {
   color: white;
   text-align: center;
   bottom: 0;
+  position: fixed;
 }
 .footertxt {
   text-align: center;
+  padding-bottom: 20px;
 }
 .footercontainer img {
   width: 30px;
   height: 30px;
 }
 @media only screen and (max-width: 1279px) {
+	
+   .footercontainer{
+	 position: relative; 
+	}	
+	
   .footercontainer img {
     width: 40px;
-    height: 40px;
+    height: 40px; 
   }
   .maincontainer {
     width: 100%;