diff --git a/static/src/css/pylote.css b/static/src/css/pylote.css
index d92a5fc4a4004ff09cbf5638cc26bfc33763aa6c..771c4853e490c356c20a4598a28a02d6c51a7234 100644
--- a/static/src/css/pylote.css
+++ b/static/src/css/pylote.css
@@ -1053,6 +1053,17 @@ h2 span{
 	padding-top: 10px;
 }
 
+
+a.link-name-blog{
+	text-decoration: none;
+	cursor: default;
+	text-transform: inherit;
+}
+
+.website_blog .o_blog_post_title{
+	font-size: 26px;
+}
+
 .content-post span{
 	font-size: 14px;
 	line-height: 22px;
@@ -1483,6 +1494,13 @@ h2.o_default_snippet_text:after{
 	color: #56A099;
 }
 
+
+#blog_content .o_default_snippet_text{
+	color: #3E3E3D;
+}
+
+
+
 .carousel-right{
 	display: flex;
 	flex-direction: column;
diff --git a/static/src/img/._Groupe 924@2x.png b/static/src/img/._img-techno-full.png
similarity index 95%
rename from static/src/img/._Groupe 924@2x.png
rename to static/src/img/._img-techno-full.png
index ac958945a76cbca20ea892d2d45bd74abf360ed3..95681cc27e0e26f76a1728b8b13643bba44c8df5 100644
Binary files a/static/src/img/._Groupe 924@2x.png and b/static/src/img/._img-techno-full.png differ
diff --git a/static/src/img/Groupe 924@2x.png b/static/src/img/Groupe 924@2x.png
deleted file mode 100644
index 0d450d4318c09f72e99db52a73c0b4b2289e7e05..0000000000000000000000000000000000000000
Binary files a/static/src/img/Groupe 924@2x.png and /dev/null differ
diff --git a/static/src/img/img-techno-full.png b/static/src/img/img-techno-full.png
new file mode 100644
index 0000000000000000000000000000000000000000..89edcc6dffa9c80ce43b430aa997f12306cf3ff4
Binary files /dev/null and b/static/src/img/img-techno-full.png differ
diff --git a/static/src/js/menuspy.js b/static/src/js/menuspy.js
index f2e62960302325a449662d97eba22ca8990f308f..5e0f34b4aa1b0ba67e7ab0c005f087322d98bb5c 100644
--- a/static/src/js/menuspy.js
+++ b/static/src/js/menuspy.js
@@ -117,7 +117,7 @@ MenuSpy.prototype.cacheItems = function cacheItems () {
   this.scrollItems = this.menuItems.map(function (elm) {
     var target = elm.dataset.target ? document.querySelector(elm.dataset.target) : document.getElementById(elm.hash.slice(1));
     if (target) {
-      var offset = Math.floor(utils.offset(target).top);
+      var offset = Math.floor(utils.offset(target).top - 120);
       return { elm: elm, target: target, offset: offset };
     }
     return false;
diff --git a/static/src/js/script_to_top.js b/static/src/js/script_to_top.js
index 5183140181fb975c03a1ca5a1e5505264aa40003..e7b291763f48b62b23bd93b72f2996153aec041d 100644
--- a/static/src/js/script_to_top.js
+++ b/static/src/js/script_to_top.js
@@ -5,6 +5,8 @@ odoo.define('pylote_website.scroll_totop', function (require) {
 
         var elm = document.querySelector('#myNavbar');
         var ms = new MenuSpy(elm);
+        // var ms = new MenuSpy(elm, {
+        // });
 
         $( '#button-open-menu' ).on( 'click', function () {
             if($("#logo-mobile").hasClass("o_show")) {
@@ -41,7 +43,7 @@ odoo.define('pylote_website.scroll_totop', function (require) {
                 var anchor = $(this.hash);
                 anchor = anchor.length ? anchor : $("[name=" + this.hash.slice(1) +"]");
                 if ( anchor.length ) {
-                    $("html, body").animate( { scrollTop: anchor.offset().top - 180 }, 300);
+                    $("html, body").animate( { scrollTop: anchor.offset().top - 170 }, 300);
                 }
             }
         });
diff --git a/views/page_our_differenciation.xml b/views/page_our_differenciation.xml
index 21f1aa203fd28c38c8ae999f1de28c3022f59e27..fae73f908195d15db8dd2954154b125e5e7d0a2e 100644
--- a/views/page_our_differenciation.xml
+++ b/views/page_our_differenciation.xml
@@ -125,8 +125,9 @@
 								</div>
 								<div class="col"></div>
 								<div class="col-md-8">
-									<img src="/pylote_website/static/src/img/img-techno.png" class="img img-responsive" />
-									<img src="/pylote_website/static/src/img/img-techno2.png" class="d-none d-sm-block-pylote pt-5 pb-5 img img-responsive" />
+									<img src="/pylote_website/static/src/img/img-techno.png" class="d-block d-sm-none-pylote img img-responsive" />
+									<img src="/pylote_website/static/src/img/img-techno-full.png" class=" d-none d-sm-block-pylote img img-responsive" />
+									<!-- <img src="/pylote_website/static/src/img/img-techno2.png" class="d-none d-sm-block-pylote pt-5 pb-5 img img-responsive" /> -->
 									<img src="/pylote_website/static/src/img/img-techno2-mobil.png" class="d-block d-sm-none-pylote pt-5 img img-responsive" />
 								</div>
 								<div class="col"></div>
diff --git a/views/website_blog_template.xml b/views/website_blog_template.xml
index 99243983d6c18fff21ac5c428b7e1ef57dcfbf02..6877faa9747439c4337a6df1ee9b925f89fce624 100644
--- a/views/website_blog_template.xml
+++ b/views/website_blog_template.xml
@@ -138,7 +138,7 @@
                 </div>
 
                 <div class="container pt-sm-0 pt-md-5 pb-5 mb-5">
-                    <div name='blog_post' t-foreach="blog_posts" t-as="blog_post"
+                    <div name="blog_post" t-foreach="blog_posts" t-as="blog_post"
                         class="clearfix blogpost pt-5" data-effect-delay="200">
                         <div class="row content">
                             <div class="col-md-12">
@@ -153,14 +153,16 @@
                                             <p t-field="tag_id.name"/>
                                           </t>
                                         </t>
-                                        <h2 t-field="blog_post.name" />
+                                        <a t-attf-href="/blog/#{ slug(blog_post.blog_id) }/post/#{ slug(blog_post) }" class="link-name-blog">
+                                            <h2 class="o_blog_post_title" t-field="blog_post.name" />
+                                        </a>
                                     </header>
                                     <span class="pb-3" t-field="blog_post.teaser"/>
                                     <p class="pb-3"><span t-field="blog_post.post_date" t-options='{"format": "dd/MM/yyyy"}'/></p>
                                     <footer class="clearfix">
                                         <div class="overlay pull-left">
                                             <div class="overlay-links">
-                                                <a class="fa fa-linkedin-square o_linkedin_complete" id="o_linkedin_complete">
+                                                <a class="fa fa-linkedin-square o_linkedin"  aria-label="LinkedIn" title="LinkedIn" id="o_linkedin">
                                                     <svg xmlns="http://www.w3.org/2000/svg" width="27.033" height="27.033" viewBox="0 0 27.033 27.033">
                                                       <g id="Groupe_915" data-name="Groupe 915" transform="translate(-728.151 -667.029)">
                                                         <path id="Tracé_206" data-name="Tracé 206" d="M5871.393,8647.771h0a13.017,13.017,0,0,1-13.016-13.017h0a13.015,13.015,0,0,1,13.016-13.017h0a13.016,13.016,0,0,1,13.017,13.017h0A13.018,13.018,0,0,1,5871.393,8647.771Z" transform="translate(-5129.726 -7954.208)" fill="#56a099" stroke="#fff" stroke-miterlimit="10" stroke-width="1"/>
@@ -172,7 +174,7 @@
                                                       </g>
                                                     </svg>
                                                 </a>
-                                                <a class="fa fa-twitter-square o_twitter_complete" id="o_twitter_complete">
+                                                <a class="fa fa-twitter-square o_twitter" aria-label="Twitter" title="Twitter" id="o_twitter">
                                                     <svg xmlns="http://www.w3.org/2000/svg" width="27.033" height="27.032" viewBox="0 0 27.033 27.032">
                                                       <g id="Groupe_214" data-name="Groupe 214" transform="translate(-762.047 -667.167)">
                                                         <path id="Tracé_204" data-name="Tracé 204" d="M5911.733,8647.895h0a13.016,13.016,0,0,1-13.017-13.016h0a13.016,13.016,0,0,1,13.017-13.017h0a13.016,13.016,0,0,1,13.017,13.017h0A13.017,13.017,0,0,1,5911.733,8647.895Z" transform="translate(-5136.169 -7954.195)" fill="#56a099" stroke="#fff" stroke-miterlimit="10" stroke-width="1"/>