From: soufiane <soufiane@cubedesigners.com>
Date: Tue, 6 Jun 2023 15:57:18 +0000 (+0200)
Subject: wip #5941 @0:25 correctif video, traduction anglais/français
X-Git-Url: http://git.cubedesigners.com/?a=commitdiff_plain;h=1ca2a0aadbadafb81ab80e7966e05c052361d823;p=pomerleau.git

wip #5941 @0:25 correctif video, traduction anglais/français
---

diff --git a/.idea/deployment.xml b/.idea/deployment.xml
index 2e00962..2cfd7d3 100644
--- a/.idea/deployment.xml
+++ b/.idea/deployment.xml
@@ -1,8 +1,15 @@
 <?xml version="1.0" encoding="UTF-8"?>
 <project version="4">
-  <component name="PublishConfigData" autoUpload="Always" serverName="prod" remoteFilesAllowedToDisappearOnAutoupload="false" confirmBeforeUploading="false" autoUploadExternalChanges="true">
+  <component name="PublishConfigData" serverName="prod" remoteFilesAllowedToDisappearOnAutoupload="false" confirmBeforeUploading="false">
     <option name="confirmBeforeUploading" value="false" />
     <serverData>
+      <paths name="en">
+        <serverdata>
+          <mappings>
+            <mapping deploy="/data/fluidbook/hosting/Pomerleau/RA2022/en" local="$PROJECT_DIR$" web="/" />
+          </mappings>
+        </serverdata>
+      </paths>
       <paths name="prod">
         <serverdata>
           <mappings>
@@ -11,6 +18,5 @@
         </serverdata>
       </paths>
     </serverData>
-    <option name="myAutoUpload" value="ALWAYS" />
   </component>
 </project>
\ No newline at end of file
diff --git a/.idea/sshConfigs.xml b/.idea/sshConfigs.xml
index 20189f1..576c13f 100644
--- a/.idea/sshConfigs.xml
+++ b/.idea/sshConfigs.xml
@@ -3,6 +3,9 @@
   <component name="SshConfigs">
     <configs>
       <sshConfig host="hosting.fluidbook.com" id="c0efea89-5fd4-45e8-a3fa-1d0451d72527" keyPath="C:\Users\33610\.ssh\id_rsa" port="22" nameFormat="DESCRIPTIVE" username="fluidbook" useOpenSSHConfig="true" />
+      <sshConfig host="hosting.fluidbook.com" id="ba70bb2c-7894-4fa9-a44b-99e38784a798" keyPath="C:\Users\33610\.ssh\id_rsa" port="22" customName="fluidbook@hosting.fluidbook.com:22" nameFormat="CUSTOM" username="fluidbook" useOpenSSHConfig="true">
+        <option name="customName" value="fluidbook@hosting.fluidbook.com:22" />
+      </sshConfig>
     </configs>
   </component>
 </project>
\ No newline at end of file
diff --git a/.idea/webServers.xml b/.idea/webServers.xml
index 8f5f3a1..4f37926 100644
--- a/.idea/webServers.xml
+++ b/.idea/webServers.xml
@@ -3,6 +3,13 @@
   <component name="WebServers">
     <option name="servers">
       <webServer id="0a6f567c-1676-4b7a-9fa5-dd17d6c969e1" name="prod">
+        <fileTransfer accessType="SFTP" host="hosting.fluidbook.com" port="22" sshConfigId="ba70bb2c-7894-4fa9-a44b-99e38784a798" sshConfig="fluidbook@hosting.fluidbook.com:22" keyPair="true">
+          <advancedOptions>
+            <advancedOptions dataProtectionLevel="Private" keepAliveTimeout="0" passiveMode="true" shareSSLContext="true" />
+          </advancedOptions>
+        </fileTransfer>
+      </webServer>
+      <webServer id="0389e8a4-d347-4315-83fb-7fbc89d6a2ac" name="en">
         <fileTransfer accessType="SFTP" host="hosting.fluidbook.com" port="22" sshConfigId="c0efea89-5fd4-45e8-a3fa-1d0451d72527" sshConfig="fluidbook@hosting.fluidbook.com:22 key" keyPair="true">
           <advancedOptions>
             <advancedOptions dataProtectionLevel="Private" keepAliveTimeout="0" passiveMode="true" shareSSLContext="true" />
diff --git a/app.css b/app.css
index 61f1426..924f76e 100644
--- a/app.css
+++ b/app.css
@@ -542,6 +542,16 @@ b {
     animation-duration: 1s;
   }
 }
+.app-banner .video-container .mask {
+  height: 100%;
+  position: absolute;
+  width: 100%;
+  overflow: hidden;
+}
+.app-banner .video-container .mask video {
+  left: 50%;
+  transform: translateX(-50%) scale(1.009);
+}
 .app-banner .video-container .overlay {
   position: absolute;
   width: 100%;
diff --git a/app.css.map b/app.css.map
index 510a490..2c232aa 100644
--- a/app.css.map
+++ b/app.css.map
@@ -1 +1 @@
-{"version":3,"sourceRoot":"","sources":["sass/reset.sass","sass/fontface.sass","sass/helpers.sass","sass/animations.sass","sass/app.sass"],"names":[],"mappings":"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EACA;;AAEJ;EACE;EACA;EACA;;AF/TF;EE4TA;IAKI;;;AAIE;EACE;EACA;EACA;EACA;;AAEN;EACE;;AACA;EACE;EACA;EACA;EACA,kBFzVJ;EE0VI;EACA;EACA;EACA;;AAEJ;EACE;EACA;EACA;EACA;;AACA;EAEE;EACA;EACA;EACA;EACA,kBF5WD;;AE8WD;EACE;EACA;EACA;EACA;EACA;EACA;;AAEF;EACE;;AAEN;EACE;;AACA;EACE;EACA;EACA;EACA;;AFrXJ;EEiXE;IAOI;IACA;IACA;IACA;;;AF3XN;EEiXE;IAaI;IACA;;;AAEF;EACE;EACA;EACA;EACA;EACA;;AAEJ;EACE;EACA;EACA;;AF3YJ;EEwYE;IAKI;;;AF7YN;EEwYE;IAQI;;;AAGF;EACE;;AACF;EACE;;AAEJ;EACE;;AACA;EACE;;AACF;EACE;;AACF;EACE;;AACF;EACE;;AAGJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AF5aJ;EEoaE;IAUI;IACA;IACA;;EACA;IACE;;;AAEJ;EACE,OF7bJ;;AE+bA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEF;EACE;EACA;EACA;;AAEF;EACE;;AAEF;EACE;EACA;;AAEF;EACE;EACA;EACA;;AAEF;EACE,OF3dF;EE4dE;;AACA;EACE","file":"app.css"}
\ No newline at end of file
+{"version":3,"sourceRoot":"","sources":["sass/reset.sass","sass/fontface.sass","sass/helpers.sass","sass/animations.sass","sass/app.sass"],"names":[],"mappings":"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A;;AF3TF;EEyTA;IAII;;;AAEF;EACE;EACA;EACA;EACA;;AAEJ;EACE;EACA;EACA;;AFxUF;EEqUA;IAKI;;;AAIE;EACE;EACA;EACA;EACA;;AAEN;EACE;;AACA;EACE;EACA;EACA;EACA,kBFlWJ;EEmWI;EACA;EACA;EACA;;AAEJ;EACE;EACA;EACA;EACA;;AACA;EAEE;EACA;EACA;EACA;EACA,kBFrXD;;AEuXD;EACE;EACA;EACA;EACA;EACA;EACA;;AAEF;EACE;;AAEN;EACE;;AACA;EACE;EACA;EACA;EACA;;AF9XJ;EE0XE;IAOI;IACA;IACA;IACA;;;AFpYN;EE0XE;IAaI;IACA;;;AAEF;EACE;EACA;EACA;EACA;EACA;;AAEJ;EACE;EACA;EACA;;AFpZJ;EEiZE;IAKI;;;AFtZN;EEiZE;IAQI;;;AAGF;EACE;;AACF;EACE;;AAEJ;EACE;;AACA;EACE;;AACF;EACE;;AACF;EACE;;AACF;EACE;;AAGJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AFrbJ;EE6aE;IAUI;IACA;IACA;;EACA;IACE;;;AAEJ;EACE,OFtcJ;;AEwcA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEF;EACE;EACA;EACA;;AAEF;EACE;;AAEF;EACE;EACA;;AAEF;EACE;EACA;EACA;;AAEF;EACE,OFpeF;EEqeE;;AACA;EACE","file":"app.css"}
\ No newline at end of file
diff --git a/app.min.css b/app.min.css
index c7f269d..0033fc9 100644
--- a/app.min.css
+++ b/app.min.css
@@ -1 +1 @@
-@charset "UTF-8";a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:none}table{border-collapse:collapse;border-spacing:0}a{text-decoration:none}@font-face{font-family:"Maison Neue Book";src:url("assets/fonts/MaisonNeue-Book.woff2") format("woff2"),url("assets/fonts/MaisonNeue-Book.woff") format("woff");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:"Maison Neue";src:url("assets/fonts/MaisonNeue-Bold.woff2") format("woff2"),url("assets/fonts/MaisonNeue-Bold.woff") format("woff");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:"Maison Neue Book";src:url("assets/fonts/MaisonNeue-BookItalic.woff2") format("woff2"),url("assets/fonts/MaisonNeue-BookItalic.woff") format("woff");font-weight:400;font-style:italic;font-display:swap}@font-face{font-family:"Maison Neue";src:url("assets/fonts/MaisonNeue-Medium.woff2") format("woff2"),url("assets/fonts/MaisonNeue-Medium.woff") format("woff");font-weight:500;font-style:normal;font-display:swap}:root{--space-3xs:clamp(0.25rem, calc(0.25rem + 0.00vw), 0.25rem);--space-2xs:clamp(0.50rem, calc(0.50rem + 0.00vw), 0.50rem);--space-xs:clamp(0.75rem, calc(0.75rem + 0.00vw), 0.75rem);--space-s:clamp(1.00rem, calc(1.00rem + 0.00vw), 1.00rem);--space-m:clamp(1.50rem, calc(1.50rem + 0.00vw), 1.50rem);--space-l:clamp(2.25rem, calc(2.25rem + 0.00vw), 2.25rem);--space-xl:clamp(3.00rem, calc(3.00rem + 0.00vw), 3.00rem);--space-2xl:clamp(4.00rem, calc(4.00rem + 0.00vw), 4.00rem);--space-3xl:clamp(5.25rem, calc(5.25rem + 0.00vw), 5.25rem);--space-4xl:clamp(6.00rem, calc(6.00rem + 0.00vw), 6.00rem);--space-3xs-2xs:clamp(0.25rem, calc(0.18rem + 0.30vw), 0.50rem);--space-2xs-xs:clamp(0.50rem, calc(0.43rem + 0.30vw), 0.75rem);--space-xs-s:clamp(0.75rem, calc(0.68rem + 0.30vw), 1.00rem);--space-s-m:clamp(1.00rem, calc(0.86rem + 0.61vw), 1.50rem);--space-m-l:clamp(1.50rem, calc(1.30rem + 0.91vw), 2.25rem);--space-l-xl:clamp(2.25rem, calc(2.05rem + 0.91vw), 3.00rem);--space-xl-2xl:clamp(3.00rem, calc(2.73rem + 1.21vw), 4.00rem);--space-2xl-3xl:clamp(4.00rem, calc(3.66rem + 1.52vw), 5.25rem);--space-3xl-4xl:clamp(5.25rem, calc(5.05rem + 0.91vw), 6.00rem);--space-l-xl-custom:clamp(2.00rem, calc(1.73rem + 1.21vw), 3.00rem);--space-l-3xl:clamp(2.25rem, calc(1.43rem + 3.64vw), 5.25rem);--space-2xl-5xl:clamp(3.38rem, calc(0.03rem + 14.85vw), 15.63rem);--space-4xs-6xl:clamp(2.25rem, calc(-2.86rem + 12.73vw), 10.50rem);--space-xl-6xl:clamp(3.00rem, calc(0.95rem + 9.09vw), 10.50rem);--space-3xs-9xl:clamp(0.25rem, calc(-2.20rem + 10.91vw), 9.25rem);--space-m-xl:clamp(1.50rem, calc(1.09rem + 1.82vw), 3.00rem);--space-custom-title-1:clamp(3.94rem, calc(2.91rem + 4.55vw), 7.69rem);--space-custom-title-3:clamp(0.25rem, calc(-2.20rem + 10.91vw), 9.25rem);--step--2:clamp(0.64rem, calc(0.71rem + -0.07vw), 0.69rem);--step--1:clamp(0.80rem, calc(0.84rem + -0.04vw), 0.83rem);--step-0:clamp(1.00rem, calc(1.00rem + 0.00vw), 1.00rem);--step-1:clamp(1.20rem, calc(1.19rem + 0.06vw), 1.25rem);--step-2:clamp(1.44rem, calc(1.41rem + 0.15vw), 1.56rem);--step-3:clamp(1.73rem, calc(1.67rem + 0.27vw), 1.95rem);--step-4:clamp(2.07rem, calc(1.97rem + 0.45vw), 2.44rem);--step-5:clamp(2.49rem, calc(2.33rem + 0.68vw), 3.05rem);--step-7:clamp(3.58rem, calc(3.26rem + 1.44vw), 4.77rem);--step-10:clamp(3.00rem, calc(0.65rem + 10.45vw), 11.63rem)}@keyframes line-first{0%{width:0}100%{width:100%}}@keyframes line-second{0%{width:0}100%{width:100vw}}@keyframes overlay{0%{width:100%}100%{width:0}}@keyframes arrow{from{transform:translateY(0)}to{transform:translateY(20px)}}body{background-color:#07090a;font-family:"Maison Neue Book",sans-serif;color:#fff;line-height:1.25;overflow-x:hidden;scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.bg-blue{background-color:#0a7dff}.color-blue{color:#0a7dff}.italic{font-style:italic}.container{width:100%;margin:0 auto}@media screen and (min-width:1680px){.container{width:100%;max-width:1680px}}.container:not(.full){padding:0 var(--space-l-3xl);box-sizing:border-box}.grid{display:grid;gap:32px}@media screen and (min-width:1024px){.grid{grid-template-columns:repeat(2,1fr)}}.grid .grid{grid-template-columns:repeat(1,1fr)}@media screen and (min-width:1024px){.grid .grid{grid-template-columns:repeat(1,1fr)}}@media screen and (min-width:1344px){.grid .grid{grid-template-columns:repeat(2,1fr)}}.grid-item{overflow:hidden}@media screen and (min-width:1024px){.grid-item{width:100%}}@media screen and (min-width:1024px){.grid-reverse .grid-item:first-child{grid-column:2;grid-row:1}.grid-reverse .grid-item:nth-child(2){grid-column:1;grid-row:1}}@media screen and (min-width:1024px){.grid-reverse .grid{margin-left:auto!important}}.gap-xl{gap:0 var(--space-3xs-9xl)}.flex{display:flex}.justify-between{justify-content:space-between}.align-center{align-items:center}.wrap{flex-wrap:wrap}@media screen and (min-width:1680px){body>.app-section{margin-top:var(--space-4xs-6xl)}}@media screen and (min-width:1680px){body>.app-section~.app-section{margin-top:0}}.border-title{width:100%;font-size:var(--step-3);margin-bottom:var(--space-l-xl-custom);padding:18px 0;position:relative}@media screen and (max-width:1680px){.border-title{margin-top:var(--space-xl-6xl)}}.border-title.active:after,.border-title.active:before{width:100%}.border-title:after,.border-title:before{content:"";position:absolute;width:0;height:1px;background-color:#0a7dff;left:0;transition:width cubic-bezier(.82, 0, .65, .93) .9s}.border-title:before{top:0}.border-title:after{bottom:0}.text-center{text-align:center}.text-right{text-align:right}.text-md{font-size:var(--step-2)}.text-xl{font-size:var(--step-7)}.font-neue{font-family:"Maison Neue",sans-serif}.font-book{font-family:"Maison Neue Book",sans-serif}b{font-weight:700}@media screen and (min-width:1024px){.max-content{width:-moz-max-content;width:max-content}}.relative{position:relative}.app-header{padding-top:var(--space-l-xl);padding-bottom:100px}@media screen and (max-width:1024px){.app-header{padding-bottom:288px}}.app-header .logo{position:relative;z-index:1;max-width:100px;display:inline-block}@media screen and (min-width:1024px){.app-header .logo{max-width:160px}}.app-header .logo img{width:100%}.app-header .video-container-mobile{width:288px;height:288px;position:absolute;top:0;right:0}@media screen and (min-width:1024px){.app-header .video-container-mobile{display:none}}.app-header .video-container-mobile svg,.app-header .video-container-mobile video{position:absolute;width:100%}.app-header .video-container-mobile video{height:100%;-o-object-fit:cover;object-fit:cover}.app-banner{overflow:hidden;padding-bottom:169px}.app-banner .container{box-sizing:border-box;padding:0 var(--space-l-3xl)}.app-banner p{font-size:var(--step-10);position:relative}.app-banner p.first{padding-left:var(--space-custom-title-1)}.app-banner p.second{width:-moz-max-content;width:max-content;position:relative}@media screen and (min-width:1024px){.app-banner p.second:after{display:none}}.app-banner p.second:after{content:"";width:0;position:absolute;height:1px;left:calc(100% + 24px);background-color:#fff;top:45%;animation-name:line-second;animation-timing-function:cubic-bezier(0.82,0,0.65,0.93);animation-fill-mode:forwards;animation-duration:.8s}@media screen and (min-width:768px){.app-banner p.third{padding-left:var(--space-custom-title-3)}}@media screen and (max-width:768px){.app-banner .last-phrase{flex-direction:column-reverse;padding-left:var(--space-custom-title-3)}}.app-banner span{font-size:var(--step-3);transform:translateY(25%)}@media screen and (max-width:1024px){.app-banner span{width:100%;max-width:200px;font-size:18px}}@media screen and (max-width:768px){.app-banner span{font-size:16px}}.app-banner .video-container{height:0;padding-bottom:24.52%;width:24.52%;position:absolute;top:2.2vw;right:var(--space-l-3xl);display:none}@media screen and (min-width:1024px){.app-banner .video-container{display:block}}@media screen and (min-width:1680px){.app-banner .video-container{right:145px}}.app-banner .video-container:after,.app-banner .video-container:before{content:"";height:2px;background-color:#fff;position:absolute;bottom:29%;z-index:4}.app-banner .video-container:before{width:93%;left:-117%}@media screen and (min-width:1024px){.app-banner .video-container:before{animation-name:line-first;animation-timing-function:cubic-bezier(0.82,0,0.65,0.93);animation-fill-mode:forwards;animation-duration:.8s}}@media screen and (min-width:1680px){.app-banner .video-container:before{width:0}}.app-banner .video-container:after{width:100vw;left:80%}@media screen and (min-width:1024px){.app-banner .video-container:after{width:0;animation-name:line-second;animation-timing-function:ease-out;animation-fill-mode:forwards;animation-delay:1s;animation-duration:1s}}.app-banner .video-container .overlay{position:absolute;width:100%;height:100%;top:0;right:0;background:#0a7dff;z-index:3;transform:skewX(-35deg);animation-name:overlay;animation-fill-mode:forwards;animation-duration:.8s;animation-delay:.7s}.app-banner .video-container svg,.app-banner .video-container video{position:absolute;width:100%}.app-banner .video-container video{height:100%;-o-object-fit:cover;object-fit:cover}.app-show-more{padding:24px var(--space-l-3xl) 0;text-align:right}@media screen and (max-width:1024px){.app-show-more{display:none}}.app-show-more svg{animation-name:arrow;animation-duration:2s;animation-timing-function:ease-in-out;animation-iteration-count:infinite}.app-intro{padding:var(--space-2xl-5xl) 0;position:relative;overflow:hidden}@media screen and (min-width:768px){.app-intro{font-size:var(--step-4)}}.app-intro.active .line:before{animation-fill-mode:forwards;animation-timing-function:cubic-bezier(0.6,0,0.3,1);animation-duration:.75s;animation-name:line-second}.app-intro .line{position:relative}.app-intro .line:before{content:"";width:0;height:2px;background-color:#fff;position:absolute;z-index:-1;left:calc((-100vw + 100%)/ 2);top:.5ch}.app-intro .container{position:relative;z-index:1;padding:0 var(--space-2xl-5xl);box-sizing:border-box}.app-intro .container:after,.app-intro .container:before{content:"";width:calc(100% + 84px);position:absolute;height:100%;background-color:#0a7dff}.app-intro .container:before{content:"";width:78%;height:100%;position:absolute;left:50%;transform:translateX(-50%)}.app-intro .container:after{height:0}.app-section{margin-bottom:var(--space-4xs-6xl)}.app-section .image{height:0;padding-bottom:100%;margin-bottom:36px;position:relative}@media screen and (min-width:1024px){.app-section .image{padding-bottom:0;position:sticky;height:80vh;top:0}}@media screen and (min-width:1680px){.app-section .image{height:72vh;top:15vh}}.app-section .image img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;position:absolute;-o-object-position:0 25%;object-position:0 25%}.app-section .text{width:100%;max-width:85%;margin:auto}@media screen and (min-width:1024px){.app-section .text{margin:initial}}@media screen and (min-width:1680px){.app-section .text{width:90%}}.app-section .content p:not(:last-of-type){margin:0 0 1.73rem}.app-section .content h3{margin-bottom:1rem}.app-section .signature{margin-top:32px}.app-section .signature.pp img{max-width:80px}.app-section .signature.fp img{max-width:60px}.app-section .signature img{flex-shrink:0}.app-section .signature p{font-size:12px}.app-footer .block{width:100%;height:0;padding-bottom:100%;background-repeat:no-repeat;background-size:cover;background-position:0 50%;position:relative;overflow:hidden}@media screen and (min-width:1024px){.app-footer .block{width:50%;height:100vh;padding:0}.app-footer .block:hover img{transform:scale(1.05)}}.app-footer .block *{color:#fff}.app-footer img{position:absolute;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;left:0;top:0;-o-object-position:left center;object-position:left center;transition:all .5s cubic-bezier(.19, 1, .22, 1)}.app-footer .text{padding:var(--space-xl-6xl) 0;position:relative;z-index:2}.app-footer .title{margin-bottom:var(--space-m-xl)}.app-footer .subtitle{font-size:25px;margin-bottom:var(--space-l-xl)}.app-footer .link-block{display:inline-block;width:100%;height:100%}.app-footer .link{color:#fff;font-size:var(--step-4)}.app-footer .link svg{margin-left:18px}
\ No newline at end of file
+@charset "UTF-8";a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:none}table{border-collapse:collapse;border-spacing:0}a{text-decoration:none}@font-face{font-family:"Maison Neue Book";src:url("assets/fonts/MaisonNeue-Book.woff2") format("woff2"),url("assets/fonts/MaisonNeue-Book.woff") format("woff");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:"Maison Neue";src:url("assets/fonts/MaisonNeue-Bold.woff2") format("woff2"),url("assets/fonts/MaisonNeue-Bold.woff") format("woff");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:"Maison Neue Book";src:url("assets/fonts/MaisonNeue-BookItalic.woff2") format("woff2"),url("assets/fonts/MaisonNeue-BookItalic.woff") format("woff");font-weight:400;font-style:italic;font-display:swap}@font-face{font-family:"Maison Neue";src:url("assets/fonts/MaisonNeue-Medium.woff2") format("woff2"),url("assets/fonts/MaisonNeue-Medium.woff") format("woff");font-weight:500;font-style:normal;font-display:swap}:root{--space-3xs:clamp(0.25rem, calc(0.25rem + 0.00vw), 0.25rem);--space-2xs:clamp(0.50rem, calc(0.50rem + 0.00vw), 0.50rem);--space-xs:clamp(0.75rem, calc(0.75rem + 0.00vw), 0.75rem);--space-s:clamp(1.00rem, calc(1.00rem + 0.00vw), 1.00rem);--space-m:clamp(1.50rem, calc(1.50rem + 0.00vw), 1.50rem);--space-l:clamp(2.25rem, calc(2.25rem + 0.00vw), 2.25rem);--space-xl:clamp(3.00rem, calc(3.00rem + 0.00vw), 3.00rem);--space-2xl:clamp(4.00rem, calc(4.00rem + 0.00vw), 4.00rem);--space-3xl:clamp(5.25rem, calc(5.25rem + 0.00vw), 5.25rem);--space-4xl:clamp(6.00rem, calc(6.00rem + 0.00vw), 6.00rem);--space-3xs-2xs:clamp(0.25rem, calc(0.18rem + 0.30vw), 0.50rem);--space-2xs-xs:clamp(0.50rem, calc(0.43rem + 0.30vw), 0.75rem);--space-xs-s:clamp(0.75rem, calc(0.68rem + 0.30vw), 1.00rem);--space-s-m:clamp(1.00rem, calc(0.86rem + 0.61vw), 1.50rem);--space-m-l:clamp(1.50rem, calc(1.30rem + 0.91vw), 2.25rem);--space-l-xl:clamp(2.25rem, calc(2.05rem + 0.91vw), 3.00rem);--space-xl-2xl:clamp(3.00rem, calc(2.73rem + 1.21vw), 4.00rem);--space-2xl-3xl:clamp(4.00rem, calc(3.66rem + 1.52vw), 5.25rem);--space-3xl-4xl:clamp(5.25rem, calc(5.05rem + 0.91vw), 6.00rem);--space-l-xl-custom:clamp(2.00rem, calc(1.73rem + 1.21vw), 3.00rem);--space-l-3xl:clamp(2.25rem, calc(1.43rem + 3.64vw), 5.25rem);--space-2xl-5xl:clamp(3.38rem, calc(0.03rem + 14.85vw), 15.63rem);--space-4xs-6xl:clamp(2.25rem, calc(-2.86rem + 12.73vw), 10.50rem);--space-xl-6xl:clamp(3.00rem, calc(0.95rem + 9.09vw), 10.50rem);--space-3xs-9xl:clamp(0.25rem, calc(-2.20rem + 10.91vw), 9.25rem);--space-m-xl:clamp(1.50rem, calc(1.09rem + 1.82vw), 3.00rem);--space-custom-title-1:clamp(3.94rem, calc(2.91rem + 4.55vw), 7.69rem);--space-custom-title-3:clamp(0.25rem, calc(-2.20rem + 10.91vw), 9.25rem);--step--2:clamp(0.64rem, calc(0.71rem + -0.07vw), 0.69rem);--step--1:clamp(0.80rem, calc(0.84rem + -0.04vw), 0.83rem);--step-0:clamp(1.00rem, calc(1.00rem + 0.00vw), 1.00rem);--step-1:clamp(1.20rem, calc(1.19rem + 0.06vw), 1.25rem);--step-2:clamp(1.44rem, calc(1.41rem + 0.15vw), 1.56rem);--step-3:clamp(1.73rem, calc(1.67rem + 0.27vw), 1.95rem);--step-4:clamp(2.07rem, calc(1.97rem + 0.45vw), 2.44rem);--step-5:clamp(2.49rem, calc(2.33rem + 0.68vw), 3.05rem);--step-7:clamp(3.58rem, calc(3.26rem + 1.44vw), 4.77rem);--step-10:clamp(3.00rem, calc(0.65rem + 10.45vw), 11.63rem)}@keyframes line-first{0%{width:0}100%{width:100%}}@keyframes line-second{0%{width:0}100%{width:100vw}}@keyframes overlay{0%{width:100%}100%{width:0}}@keyframes arrow{from{transform:translateY(0)}to{transform:translateY(20px)}}body{background-color:#07090a;font-family:"Maison Neue Book",sans-serif;color:#fff;line-height:1.25;overflow-x:hidden;scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.bg-blue{background-color:#0a7dff}.color-blue{color:#0a7dff}.italic{font-style:italic}.container{width:100%;margin:0 auto}@media screen and (min-width:1680px){.container{width:100%;max-width:1680px}}.container:not(.full){padding:0 var(--space-l-3xl);box-sizing:border-box}.grid{display:grid;gap:32px}@media screen and (min-width:1024px){.grid{grid-template-columns:repeat(2,1fr)}}.grid .grid{grid-template-columns:repeat(1,1fr)}@media screen and (min-width:1024px){.grid .grid{grid-template-columns:repeat(1,1fr)}}@media screen and (min-width:1344px){.grid .grid{grid-template-columns:repeat(2,1fr)}}.grid-item{overflow:hidden}@media screen and (min-width:1024px){.grid-item{width:100%}}@media screen and (min-width:1024px){.grid-reverse .grid-item:first-child{grid-column:2;grid-row:1}.grid-reverse .grid-item:nth-child(2){grid-column:1;grid-row:1}}@media screen and (min-width:1024px){.grid-reverse .grid{margin-left:auto!important}}.gap-xl{gap:0 var(--space-3xs-9xl)}.flex{display:flex}.justify-between{justify-content:space-between}.align-center{align-items:center}.wrap{flex-wrap:wrap}@media screen and (min-width:1680px){body>.app-section{margin-top:var(--space-4xs-6xl)}}@media screen and (min-width:1680px){body>.app-section~.app-section{margin-top:0}}.border-title{width:100%;font-size:var(--step-3);margin-bottom:var(--space-l-xl-custom);padding:18px 0;position:relative}@media screen and (max-width:1680px){.border-title{margin-top:var(--space-xl-6xl)}}.border-title.active:after,.border-title.active:before{width:100%}.border-title:after,.border-title:before{content:"";position:absolute;width:0;height:1px;background-color:#0a7dff;left:0;transition:width cubic-bezier(.82, 0, .65, .93) .9s}.border-title:before{top:0}.border-title:after{bottom:0}.text-center{text-align:center}.text-right{text-align:right}.text-md{font-size:var(--step-2)}.text-xl{font-size:var(--step-7)}.font-neue{font-family:"Maison Neue",sans-serif}.font-book{font-family:"Maison Neue Book",sans-serif}b{font-weight:700}@media screen and (min-width:1024px){.max-content{width:-moz-max-content;width:max-content}}.relative{position:relative}.app-header{padding-top:var(--space-l-xl);padding-bottom:100px}@media screen and (max-width:1024px){.app-header{padding-bottom:288px}}.app-header .logo{position:relative;z-index:1;max-width:100px;display:inline-block}@media screen and (min-width:1024px){.app-header .logo{max-width:160px}}.app-header .logo img{width:100%}.app-header .video-container-mobile{width:288px;height:288px;position:absolute;top:0;right:0}@media screen and (min-width:1024px){.app-header .video-container-mobile{display:none}}.app-header .video-container-mobile svg,.app-header .video-container-mobile video{position:absolute;width:100%}.app-header .video-container-mobile video{height:100%;-o-object-fit:cover;object-fit:cover}.app-banner{overflow:hidden;padding-bottom:169px}.app-banner .container{box-sizing:border-box;padding:0 var(--space-l-3xl)}.app-banner p{font-size:var(--step-10);position:relative}.app-banner p.first{padding-left:var(--space-custom-title-1)}.app-banner p.second{width:-moz-max-content;width:max-content;position:relative}@media screen and (min-width:1024px){.app-banner p.second:after{display:none}}.app-banner p.second:after{content:"";width:0;position:absolute;height:1px;left:calc(100% + 24px);background-color:#fff;top:45%;animation-name:line-second;animation-timing-function:cubic-bezier(0.82,0,0.65,0.93);animation-fill-mode:forwards;animation-duration:.8s}@media screen and (min-width:768px){.app-banner p.third{padding-left:var(--space-custom-title-3)}}@media screen and (max-width:768px){.app-banner .last-phrase{flex-direction:column-reverse;padding-left:var(--space-custom-title-3)}}.app-banner span{font-size:var(--step-3);transform:translateY(25%)}@media screen and (max-width:1024px){.app-banner span{width:100%;max-width:200px;font-size:18px}}@media screen and (max-width:768px){.app-banner span{font-size:16px}}.app-banner .video-container{height:0;padding-bottom:24.52%;width:24.52%;position:absolute;top:2.2vw;right:var(--space-l-3xl);display:none}@media screen and (min-width:1024px){.app-banner .video-container{display:block}}@media screen and (min-width:1680px){.app-banner .video-container{right:145px}}.app-banner .video-container:after,.app-banner .video-container:before{content:"";height:2px;background-color:#fff;position:absolute;bottom:29%;z-index:4}.app-banner .video-container:before{width:93%;left:-117%}@media screen and (min-width:1024px){.app-banner .video-container:before{animation-name:line-first;animation-timing-function:cubic-bezier(0.82,0,0.65,0.93);animation-fill-mode:forwards;animation-duration:.8s}}@media screen and (min-width:1680px){.app-banner .video-container:before{width:0}}.app-banner .video-container:after{width:100vw;left:80%}@media screen and (min-width:1024px){.app-banner .video-container:after{width:0;animation-name:line-second;animation-timing-function:ease-out;animation-fill-mode:forwards;animation-delay:1s;animation-duration:1s}}.app-banner .video-container .mask{height:100%;position:absolute;width:100%;overflow:hidden}.app-banner .video-container .mask video{left:50%;transform:translateX(-50%) scale(1.009)}.app-banner .video-container .overlay{position:absolute;width:100%;height:100%;top:0;right:0;background:#0a7dff;z-index:3;transform:skewX(-35deg);animation-name:overlay;animation-fill-mode:forwards;animation-duration:.8s;animation-delay:.7s}.app-banner .video-container svg,.app-banner .video-container video{position:absolute;width:100%}.app-banner .video-container video{height:100%;-o-object-fit:cover;object-fit:cover}.app-show-more{padding:24px var(--space-l-3xl) 0;text-align:right}@media screen and (max-width:1024px){.app-show-more{display:none}}.app-show-more svg{animation-name:arrow;animation-duration:2s;animation-timing-function:ease-in-out;animation-iteration-count:infinite}.app-intro{padding:var(--space-2xl-5xl) 0;position:relative;overflow:hidden}@media screen and (min-width:768px){.app-intro{font-size:var(--step-4)}}.app-intro.active .line:before{animation-fill-mode:forwards;animation-timing-function:cubic-bezier(0.6,0,0.3,1);animation-duration:.75s;animation-name:line-second}.app-intro .line{position:relative}.app-intro .line:before{content:"";width:0;height:2px;background-color:#fff;position:absolute;z-index:-1;left:calc((-100vw + 100%)/ 2);top:.5ch}.app-intro .container{position:relative;z-index:1;padding:0 var(--space-2xl-5xl);box-sizing:border-box}.app-intro .container:after,.app-intro .container:before{content:"";width:calc(100% + 84px);position:absolute;height:100%;background-color:#0a7dff}.app-intro .container:before{content:"";width:78%;height:100%;position:absolute;left:50%;transform:translateX(-50%)}.app-intro .container:after{height:0}.app-section{margin-bottom:var(--space-4xs-6xl)}.app-section .image{height:0;padding-bottom:100%;margin-bottom:36px;position:relative}@media screen and (min-width:1024px){.app-section .image{padding-bottom:0;position:sticky;height:80vh;top:0}}@media screen and (min-width:1680px){.app-section .image{height:72vh;top:15vh}}.app-section .image img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;position:absolute;-o-object-position:0 25%;object-position:0 25%}.app-section .text{width:100%;max-width:85%;margin:auto}@media screen and (min-width:1024px){.app-section .text{margin:initial}}@media screen and (min-width:1680px){.app-section .text{width:90%}}.app-section .content p:not(:last-of-type){margin:0 0 1.73rem}.app-section .content h3{margin-bottom:1rem}.app-section .signature{margin-top:32px}.app-section .signature.pp img{max-width:80px}.app-section .signature.fp img{max-width:60px}.app-section .signature img{flex-shrink:0}.app-section .signature p{font-size:12px}.app-footer .block{width:100%;height:0;padding-bottom:100%;background-repeat:no-repeat;background-size:cover;background-position:0 50%;position:relative;overflow:hidden}@media screen and (min-width:1024px){.app-footer .block{width:50%;height:100vh;padding:0}.app-footer .block:hover img{transform:scale(1.05)}}.app-footer .block *{color:#fff}.app-footer img{position:absolute;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;left:0;top:0;-o-object-position:left center;object-position:left center;transition:all .5s cubic-bezier(.19, 1, .22, 1)}.app-footer .text{padding:var(--space-xl-6xl) 0;position:relative;z-index:2}.app-footer .title{margin-bottom:var(--space-m-xl)}.app-footer .subtitle{font-size:25px;margin-bottom:var(--space-l-xl)}.app-footer .link-block{display:inline-block;width:100%;height:100%}.app-footer .link{color:#fff;font-size:var(--step-4)}.app-footer .link svg{margin-left:18px}
\ No newline at end of file
diff --git a/index.html b/index.html
index e436177..77241b2 100644
--- a/index.html
+++ b/index.html
@@ -3,7 +3,7 @@
 <head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1">
-    <title>Rapport d’activités et ESG 2022 - Pomerleau</title>
+    <title>Activity and ESG 2022 - Pomerleau</title>
     <link rel="stylesheet" href="app.min.css" >
     <script>
         window.addEventListener("DOMContentLoaded", (event) => {
@@ -16,7 +16,7 @@
                 const offset2 = el2.offsetTop
 
                 if(window.innerHeight + y >= offset)
-                   el.classList.add("active")
+                    el.classList.add("active")
 
                 if(y >= offset2)
                     el2.classList.add("active")
@@ -25,12 +25,30 @@
     </script>
 </head>
 <body>
-    <header class="app-header bg-blue">
-        <div class="container">
-            <div class="logo">
-                <img src="assets/images/logo_pomerleau.svg" alt="Pomerleau" />
-            </div>
-            <div class="video-container-mobile">
+<header class="app-header bg-blue">
+    <div class="container">
+        <div class="logo">
+            <img src="assets/images/logo_pomerleau.svg" alt="Pomerleau" />
+        </div>
+        <div class="video-container-mobile">
+            <video loop muted autoplay playsinline>
+                <source src="assets/video_banner_promerleau_.mp4" type="video/mp4">
+            </video>
+            <svg xmlns="http://www.w3.org/2000/svg" id="Calque_2" viewBox="0 0 888 890">
+                <defs><style>.cls-1{fill:#0a7dff;}</style></defs>
+                <g id="Calque_1-2">
+                    <polygon class="cls-1" points="379.36 890 888 890 888 175.17 379.36 890"/>
+                    <polygon class="cls-1" points="0 0 0 630.51 448.64 0 0 0"/>
+                </g>
+            </svg>
+            <div class="overlay"></div>
+        </div>
+    </div>
+</header>
+<div class="app-banner bg-blue">
+    <div class="container full relative">
+        <div class="video-container">
+            <div class="mask">
                 <video loop muted autoplay playsinline>
                     <source src="assets/video_banner_promerleau_.mp4" type="video/mp4">
                 </video>
@@ -44,223 +62,221 @@
                 <div class="overlay"></div>
             </div>
         </div>
-    </header>
-    <div class="app-banner bg-blue">
-        <div class="container full relative">
-            <div class="video-container">
-                <video loop muted autoplay playsinline>
-                    <source src="assets/video_banner_promerleau_.mp4" type="video/mp4">
-                </video>
-                <svg xmlns="http://www.w3.org/2000/svg" id="Calque_2" viewBox="0 0 888 890">
-                    <defs><style>.cls-1{fill:#0a7dff;}</style></defs>
-                    <g id="Calque_1-2">
-                    <polygon class="cls-1" points="379.36 890 888 890 888 175.17 379.36 890"/>
-                    <polygon class="cls-1" points="0 0 0 630.51 448.64 0 0 0"/>
-                    </g>
-                </svg>
-                <div class="overlay"></div>
-            </div>
-            <p class="first">Construire.</p>
-            <p class="second">Notre</p>
-            <div class="last-phrase flex">
-                <span>Rapport d’activités<br>et ESG 2022</span>
-                <p class="third">perspective.</p>
-            </div>
-        </div>
-        <div class="app-show-more">
-            <svg id="Groupe_16" data-name="Groupe 16" xmlns="http://www.w3.org/2000/svg" width="24.466" height="30.593" viewBox="0 0 24.466 30.593">
-                <path id="Tracé_14" data-name="Tracé 14" d="M-5.014-12.662h0L7.338-26.135,5.575-28.042-3.708-17.9l.224-25.359-1.259.011L-6-43.233l-.225,25.36-9.105-9.984-1.8,1.939Z" transform="translate(17.128 43.255)" fill="#f1ece8"/>
-            </svg>
+        <p class="first">Building.</p>
+        <p class="second">Our</p>
+        <div class="last-phrase flex">
+            <span>Activity and ESG<br>report 2022</span>
+            <p class="third">perspective.</p>
         </div>
     </div>
-    <div id="intro" class="app-intro bg-blue">
-        <div class="container full">
-            <div class="text relative">
-                <p><span class="italic">Construire. Notre perspective.</span> est le premier rapport intégré de Pomerleau. Il couvre nos activités, notre
-                    stratégie et nos performances de 2022. Il met l’accent sur nos engagements en matière de protection de
-                    l’environnement, d’engagement social et de saine gouvernance (ESG) et sur nos progrès de la dernière année.
-                </p>
-                <br>
-                <p class="line">Son objectif premier est d’expliquer comment, au fil du temps, nous envisageons de créer de la valeur pour
-                    nos parties prenantes – non seulement en tant que fournisseur de services de construction, mais aussi en
-                    tant qu’employeur responsable et contributeur actif à l’essor de notre industrie et de la société dans son
-                    ensemble.
-                </p>
-            </div>
+    <div class="app-show-more">
+        <svg id="Groupe_16" data-name="Groupe 16" xmlns="http://www.w3.org/2000/svg" width="24.466" height="30.593" viewBox="0 0 24.466 30.593">
+            <path id="Tracé_14" data-name="Tracé 14" d="M-5.014-12.662h0L7.338-26.135,5.575-28.042-3.708-17.9l.224-25.359-1.259.011L-6-43.233l-.225,25.36-9.105-9.984-1.8,1.939Z" transform="translate(17.128 43.255)" fill="#f1ece8"/>
+        </svg>
+    </div>
+</div>
+<div id="intro" class="app-intro bg-blue">
+    <div class="container full">
+        <div class="text relative">
+            <p><span class="italic">Building. Our perspective.</span> is Pomerleau’s first integrated report.
+                It covers our activities, our strategy and our performance in 2022.
+                It spotlights our commitments to environmental protection, social
+                action and good governance (ESG), and our progress over the
+                last year.</p>
+            <br>
+            <p class="line">Its number one objective is to explain how, over time, we plan
+                to create value for our stakeholders—not only as a construction
+                services provider, but also as a responsible employer and an active
+                contributor to the growth of our industry and society as a whole.
+            </p>
         </div>
     </div>
-    <div class="app-section">
-        <div class="container full grid gap-xl">
-            <div class="image grid-item">
-                <picture>
-                    <source srcset="assets/images/Pomerleau_PDG_1700.jpg" media="(min-width: 1024px)">
-                    <source srcset="assets/images/Pomerleau_PDG_720.jpg" media="(min-width: 360px)">
-                    <img src="assets/images/Pomerleau_PDG.jpg" />
-                </picture>
-            </div>
-            <div class="text grid-item">
-                <h2 id="border-title" class="border-title text-center font-neue">
-                    Promis à un avenir durable
-                </h2>
-                <div class="grid">
-                    <div class="content">
-                        <p>Nous poursuivons notre lancée. L’année 2022 a été particulièrement déterminante, marquée par des
-                            transformations et une croissance exponentielle.
-                        <p>Notre chiffre d’affaires est passé de 3 milliards $ en 2021 à 4,4 milliards $ en 2022. Cela nous fait
-                            grimper au rang des plus grandes entreprises de construction canadiennes dans une industrie de 140
-                            milliards $.</p>
-                        <p>Avec l’acquisition d’ITC Construction Group, nous générons aujourd’hui autant de revenus dans le
-                            reste du Canada qu’au Québec.</p>
-                        <p>Pour une deuxième année consécutive, nous avons atteint des niveaux de ventes et de profitabilité
-                            historiques.</p>
-                        <p>Notre performance est d’autant plus satisfaisante que nous avons dû composer avec une inflation
-                            faramineuse, et ce, dans le cadre d’ententes déjà signées et d’autres en cours de négociation.</p>
-                        <p>L’habileté à anticiper les réactions du marché et la capacité d’adaptation et d’innovation de nos
-                        équipes ont fait toute la différence.</p>
-                    </div>
-                    <div class="content">
-                    <h3 class="color-blue text-md font-neue">Une nouvelle ère de collaboration</h3>
+</div>
+<div class="app-section">
+    <div class="container full grid gap-xl">
+        <div class="image grid-item">
+            <picture>
+                <source srcset="assets/images/Pomerleau_PDG_1700.jpg" media="(min-width: 1024px)">
+                <source srcset="assets/images/Pomerleau_PDG_720.jpg" media="(min-width: 360px)">
+                <img src="assets/images/Pomerleau_PDG.jpg" />
+            </picture>
+        </div>
+        <div class="text grid-item">
+            <h2 id="border-title" class="border-title text-center font-neue">
+                Destined for a sustainable future
+            </h2>
+            <div class="grid">
+                <div class="content">
+                    <p>We’re building momentum. The year 2022 was particularly decisive, a year of transformations and
+                        exponential growth.
+                    <p>Our sales figures grew from $3 billion in 2021 to $4.4
+                        billion in 2022. This allowed us to climb the ranks
+                        of Canada’s biggest construction companies in a
+                        $140-billion industry.</p>
+                    <p>With the acquisition of ITC Construction Group,
+                        we’re now generating as much revenue in the rest
+                        of Canada as in Quebec.</p>
+                    <p>For the second year in a row, we’ve reached historic
+                        sales and profit levels.</p>
+                    <p>Our performance is all the more gratifying given that
+                        we had to contend with skyrocketing inflation—in a
+                        context of agreements that were already signed or
+                        in the midst of being negotiated.
+                    <p>Our ability to anticipate market responses and our
+                        teams’ capacity for adaptation and innovation made
+                        all the difference.</p>
+                </div>
+                <div class="content">
+                    <h3 class="color-blue text-md font-neue">A new era of collaboration</h3>
                     <p>
-                        La dernière année a été marquante pour l’ensemble de l’industrie de la construction. Tous les
-                        joueurs ont commencé à réellement travailler ensemble pour améliorer leur productivité et partager
-                        plus équitablement les risques financiers inhérents aux projets.</p>
-                    <p>Nous sommes clairement entrés dans une ère plus saine de collaboration, de confiance et de
-                        transparence.</p>
+                        Last year was impactful for the entire construction industry. All of its players started truly working
+                        together to improve productivity and to more equitably share the financial risks inherent to projects.</p>
+                    <p>We’ve clearly entered a new and healthier era of
+                        collaboration, trust and transparency.</p>
 
-                        <p>Le pas est géant. Malgré tout, il reste encore un bout de chemin à faire avant que cette réelle
-                        collaboration soit ancrée dans le <span class="italic">modus operandi</span> de notre industrie.</p>
+                    <p>This is a giant step forward. But we still have a ways
+                        to go before this genuine collaboration becomes
+                        the <span class="italic">M.O.</span> of our industry.</p>
 
-                        <p>Cette avancée revêt un caractère particulier pour nous. Nous y voyons la concrétisation de ce que
-                        nous prônons depuis plusieurs années : une industrie qui collabore, innove, fait preuve d’intégrité
-                        et est responsable.
+                    <p>This progress has special meaning for us—it’s the
+                        reality we’ve been advocating for years: an industry that collaborates and innovates, while showing
+                        integrity and accountability.
 
-                            <svg xmlns="http://www.w3.org/2000/svg" width="14.668" height="11" viewBox="0 0 14.668 11">
-                                <g id="Groupe_22" data-name="Groupe 22" transform="translate(0 11)">
-                                    <g id="Groupe_19" data-name="Groupe 19" transform="translate(0 -11)">
-                                        <path id="Tracé_15" data-name="Tracé 15" d="M0,0V1.253L3.1,5.5h0L0,9.747V11H1.79l3.1-4.247V4.245L1.789,0Z" fill="#097cff"/>
-                                    </g>
-                                    <g id="Groupe_20" data-name="Groupe 20" transform="translate(4.889 -11)">
-                                        <path id="Tracé_16" data-name="Tracé 16" d="M0,0V1.253L3.1,5.5h0L0,9.747V11H1.79l3.1-4.247V5.5h0V4.245L1.789,0Z" fill="#097cff"/>
-                                    </g>
-                                    <g id="Groupe_21" data-name="Groupe 21" transform="translate(9.778 -11)">
-                                        <path id="Tracé_17" data-name="Tracé 17" d="M0,0V1.253L3.1,5.5h0L0,9.747V11H1.79l3.1-4.247V5.5h0V4.245L1.789,0Z" fill="#097cff"/>
-                                    </g>
+                        <svg xmlns="http://www.w3.org/2000/svg" width="14.668" height="11" viewBox="0 0 14.668 11">
+                            <g id="Groupe_22" data-name="Groupe 22" transform="translate(0 11)">
+                                <g id="Groupe_19" data-name="Groupe 19" transform="translate(0 -11)">
+                                    <path id="Tracé_15" data-name="Tracé 15" d="M0,0V1.253L3.1,5.5h0L0,9.747V11H1.79l3.1-4.247V4.245L1.789,0Z" fill="#097cff"/>
                                 </g>
-                            </svg>
-                        </p>
-                </div>
+                                <g id="Groupe_20" data-name="Groupe 20" transform="translate(4.889 -11)">
+                                    <path id="Tracé_16" data-name="Tracé 16" d="M0,0V1.253L3.1,5.5h0L0,9.747V11H1.79l3.1-4.247V5.5h0V4.245L1.789,0Z" fill="#097cff"/>
+                                </g>
+                                <g id="Groupe_21" data-name="Groupe 21" transform="translate(9.778 -11)">
+                                    <path id="Tracé_17" data-name="Tracé 17" d="M0,0V1.253L3.1,5.5h0L0,9.747V11H1.79l3.1-4.247V5.5h0V4.245L1.789,0Z" fill="#097cff"/>
+                                </g>
+                            </g>
+                        </svg>
+                    </p>
                 </div>
             </div>
         </div>
     </div>
-    <div class="app-section">
-        <div class="container full grid gap-xl grid-reverse">
-            <div class="image grid-item">
-                <picture>
-                    <source srcset="assets/images/grue_1500x1500.jpg" media="(min-width: 1024px)">
-                    <source srcset="assets/images/grue_720.jpg" media="(min-width: 360px)">
-                    <img src="assets/images/grue.jpg" />
-                </picture>
-            </div>
-            <div class="text grid grid-item">
-                <div class="content">
-                    <h3 class="color-blue text-md">Confiants en l’avenir</h3>
-                    <p>Malgré la récession annoncée, nous sommes bien positionnés pour continuer à progresser de façon durable,
-                    et ce, grâce à nos investissements passés.</p>
+</div>
+<div class="app-section">
+    <div class="container full grid gap-xl grid-reverse">
+        <div class="image grid-item">
+            <picture>
+                <source srcset="assets/images/grue_1500x1500.jpg" media="(min-width: 1024px)">
+                <source srcset="assets/images/grue_720.jpg" media="(min-width: 360px)">
+                <img src="assets/images/grue.jpg" />
+            </picture>
+        </div>
+        <div class="text grid grid-item">
+            <div class="content">
+                <h3 class="color-blue text-md">Confident about the future</h3>
+                <p>Despite the looming recession, we’re well positioned
+                    to continue to move forward in a sustainable fashion,
+                    thanks to our past investments.</p>
 
-                    <p>Avec un carnet de commandes bien garni et diversifié, nous sommes aujourd’hui partout où les occasions
-                    d’affaires sont encore nombreuses.</p>
+                <p>With an ample and diverse backlog, we’re now present where business opportunities abound.</p>
 
-                    <p>Forts d’une stratégie de protection de l’environnement, d’engagement social et de saine gouvernance
-                    (ESG) bien articulée, nous veillons à améliorer nos façons de faire. Vous serez à même de le constater
-                    dans les pages qui suivent, en découvrant notre cheminement vers l’atteinte de nos objectifs ESG. Nous
-                    espérons aussi motiver d’autres joueurs à emboîter le pas et à poser des gestes pour le bien-être de la
-                    planète et des communautés desservies par nos projets.</p>
-                </div>
-                <div class="content">
-                    <h3 class="color-blue text-md">Le prochain chapitre</h3>
-                    <p>C’est donc avec une fierté énorme que nous confions le gouvernail de l’entreprise à Philippe Adam.
-                    Philippe deviendra président-directeur général en août 2023.</p>
+                <p>Bolstered by a well-articulated environmental protection, social engagement and sound governance
+                    (ESG) strategy, we keep a close eye on how to
+                    improve the way we do things. The following pages
+                    clearly lay out the progress we’ve made in attaining
+                    our ESG goals. We hope to motivate other players to
+                    follow suit and take action for the wellbeing of the
+                    planet and the communities served by our projects.</p>
+            </div>
+            <div class="content">
+                <h3 class="color-blue text-md">The next chapter</h3>
+                <p>And so, it is with great pride that we’re passing the
+                    torch of the company’s leadership to Philippe Adam,
+                    who will become the President and Chief Executive
+                    Officer in August 2023.</p>
 
-                    <p>L’expérience et le leadership démontrés depuis son arrivée en 2021 en font la personne tout indiquée
-                    pour mener à bien la prochaine phase de croissance et de transformation. Il est guidé par les mêmes
-                    valeurs entrepreneuriales, d’authenticité, d’excellence, d’adaptabilité, d’innovation et d’amour qui
-                    nous animent.</p>
+                <p>The experience and leadership Philippe has shown
+                    since joining us in 2021 make him the obvious choice
+                    for successfully shepherding the next phase of
+                    growth and transformation. He’s guided by the same
+                    entrepreneurial values, authenticity, excellence,
+                    adaptability, innovation and love that drive us.</p>
 
-                    <p>Quant à nous, nous nous retirons progressivement des activités quotidiennes tout en demeurant les
-                        principaux actionnaires et en siégeant au conseil d’administration.</p>
+                <p>As for us, we’ll gradually step back from the daily activities while continuing to be the majority shareholders and sitting on the Board of Directors.</p>
 
-                    <p>Si l’avenir est prometteur, c’est d’abord et avant tout grâce à nos gens, à nos partenaires, aux membres
-                    du conseil d’administration et à nos clients. Nous profitons de ce moment charnière pour vous remercier
-                    chaleureusement de votre engagement à façonner avec nous un futur collectif innovant, et ainsi
-                        contribuer à bâtir un monde plus vert et plus ouvert.</p>
-                    <div class="signature pp flex justify-between">
-                        <img src="assets/images/Signature-PP_blanc_90.png" alt="Signature de Pierre Pomerleau" />
-                        <p class="text-right">
-                            <b>Pierre Pomerleau</b>, Ing., MBA<br>
-                            Président-directeur général<br>
-                            sortant et actionnaire
-                        </p>
-                    </div>
-                    <div class="signature fp flex justify-between">
-                        <img src="assets/images/Signature_Francis-Pomerleau_Blanc.png" alt="Signature de Francis Pomerleau" />
-                        <p class="text-right">
-                            <b>Francis Pomerleau</b>, P.Eng., MBA<br>
-                            Chef exécutif, Stratégies nationales,<br>
-                            sortant et actionnaire
-                        </p>
-                    </div>
+                <p>If the future is promising, it’s first and foremost thanks
+                    to our people, our partners, our Board members and
+                    our clients. We’d like to take this pivotal moment to
+                    warmly thank you for your commitment to joining us
+                    in shaping an innovative collective future, and contributing to building a greener and more open world.</p>
+                <div class="signature pp flex justify-between">
+                    <img src="assets/images/Signature-PP_blanc_90.png" alt="Signature de Pierre Pomerleau" />
+                    <p class="text-right">
+                        <b>Pierre Pomerleau</b>, Eng., MBA<br>
+                        Outgoing President,<br>
+                        Chief Executive Officer<br>
+                        and Shareholder
+                    </p>
+                </div>
+                <div class="signature fp flex justify-between">
+                    <img src="assets/images/Signature_Francis-Pomerleau_Blanc.png" alt="Signature de Francis Pomerleau" />
+                    <p class="text-right">
+                        <b>Francis Pomerleau</b>, P.Eng., MBA<br>
+                        Outgoing Executive Chief,<br>
+                        National Strategies,<br>
+                        and Shareholder
+                    </p>
                 </div>
             </div>
         </div>
     </div>
-    <footer id="anchor" class="app-footer">
-        <div class="flex wrap">
-            <div class="leftblock block">
-                <a class="link-block" href="./rapport-activites/index.html">
-                    <div class="text text-center">
-                        <h2 class="title text-xl">Construire.</h2>
-                        <p class="subtitle">Rapport d'activités</p>
-                        <div class="link">Entrez
-                            <svg xmlns="http://www.w3.org/2000/svg" width="24.817" height="21.587" viewBox="0 0 24.817 21.587">
-                                <g id="Groupe_32" data-name="Groupe 32" transform="translate(0 21.586)">
-                                    <g id="Groupe_31" data-name="Groupe 31" transform="translate(13.751 -21.587)">
-                                        <path id="Tracé_20" data-name="Tracé 20" d="M0,0-1.676,1.755l8.482,8.1-20.557-.181.05,2.192,20.078.1L-1.212,19.91.543,21.587,11.066,10.57v-.048L9.311,8.894Z" fill="#f1ece8"/>
-                                    </g>
+</div>
+<footer id="anchor" class="app-footer">
+    <div class="flex wrap">
+        <div class="leftblock block">
+            <a class="link-block" href="./rapport-activites/index.html">
+                <div class="text text-center">
+                    <h2 class="title text-xl">Building.</h2>
+                    <p class="subtitle">Activity report</p>
+                    <div class="link">Enter
+                        <svg xmlns="http://www.w3.org/2000/svg" width="24.817" height="21.587" viewBox="0 0 24.817 21.587">
+                            <g id="Groupe_32" data-name="Groupe 32" transform="translate(0 21.586)">
+                                <g id="Groupe_31" data-name="Groupe 31" transform="translate(13.751 -21.587)">
+                                    <path id="Tracé_20" data-name="Tracé 20" d="M0,0-1.676,1.755l8.482,8.1-20.557-.181.05,2.192,20.078.1L-1.212,19.91.543,21.587,11.066,10.57v-.048L9.311,8.894Z" fill="#f1ece8"/>
                                 </g>
-                            </svg>
-                        </div>
+                            </g>
+                        </svg>
                     </div>
-                    <picture>
-                        <source srcset="assets/images/rapport-activite_1700.jpg" media="(min-width: 1024px)">
-                        <source srcset="assets/images/rapport-activite_720.jpg" media="(min-width: 360px)">
-                        <img src="assets/images/rapport-activite.jpg" />
-                    </picture>
-                </a>
-            </div>
-            <div class="rightblock block text-center">
-                <a class="link-block" href="./rapport-esg/index.html">
-                    <div class="text text-center">
-                        <h2 class="title text-xl">Notre perspective.</h2>
-                        <p class="subtitle">Rapport ESG</p>
-                        <div class="link">Entrez
-                            <svg xmlns="http://www.w3.org/2000/svg" width="24.817" height="21.587" viewBox="0 0 24.817 21.587">
-                                <g id="Groupe_32" data-name="Groupe 32" transform="translate(0 21.586)">
-                                    <g id="Groupe_31" data-name="Groupe 31" transform="translate(13.751 -21.587)">
-                                        <path id="Tracé_20" data-name="Tracé 20" d="M0,0-1.676,1.755l8.482,8.1-20.557-.181.05,2.192,20.078.1L-1.212,19.91.543,21.587,11.066,10.57v-.048L9.311,8.894Z" fill="#f1ece8"/>
-                                    </g>
+                </div>
+                <picture>
+                    <source srcset="assets/images/rapport-activite_1700.jpg" media="(min-width: 1024px)">
+                    <source srcset="assets/images/rapport-activite_720.jpg" media="(min-width: 360px)">
+                    <img src="assets/images/rapport-activite.jpg" />
+                </picture>
+            </a>
+        </div>
+        <div class="rightblock block text-center">
+            <a class="link-block" href="./rapport-esg/index.html">
+                <div class="text text-center">
+                    <h2 class="title text-xl">Our perspective.</h2>
+                    <p class="subtitle">ESG report</p>
+                    <div class="link">Enter
+                        <svg xmlns="http://www.w3.org/2000/svg" width="24.817" height="21.587" viewBox="0 0 24.817 21.587">
+                            <g id="Groupe_32" data-name="Groupe 32" transform="translate(0 21.586)">
+                                <g id="Groupe_31" data-name="Groupe 31" transform="translate(13.751 -21.587)">
+                                    <path id="Tracé_20" data-name="Tracé 20" d="M0,0-1.676,1.755l8.482,8.1-20.557-.181.05,2.192,20.078.1L-1.212,19.91.543,21.587,11.066,10.57v-.048L9.311,8.894Z" fill="#f1ece8"/>
                                 </g>
-                            </svg>
-                        </div>
+                            </g>
+                        </svg>
                     </div>
-                    <picture>
-                        <source srcset="assets/images/rapport-esg_1500.jpg" media="(min-width: 1024px)">
-                        <source srcset="assets/images/rapport-esg_720.jpg" media="(min-width: 360px)">
-                        <img src="assets/images/rapport-esg.jpg" />
-                    </picture>
-                </a>
-            </div>
+                </div>
+                <picture>
+                    <source srcset="assets/images/rapport-esg_1500.jpg" media="(min-width: 1024px)">
+                    <source srcset="assets/images/rapport-esg_720.jpg" media="(min-width: 360px)">
+                    <img src="assets/images/rapport-esg.jpg" />
+                </picture>
+            </a>
         </div>
-    </footer>
+    </div>
+</footer>
 </body>
 </html>
\ No newline at end of file
diff --git a/index_en.html b/index_en.html
new file mode 100644
index 0000000..77241b2
--- /dev/null
+++ b/index_en.html
@@ -0,0 +1,282 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <title>Activity and ESG 2022 - Pomerleau</title>
+    <link rel="stylesheet" href="app.min.css" >
+    <script>
+        window.addEventListener("DOMContentLoaded", (event) => {
+            document.addEventListener("scroll", () => {
+                const y = window.scrollY
+                const el = document.getElementById("border-title")
+                const offset = el.offsetTop
+
+                const el2 = document.getElementById("intro")
+                const offset2 = el2.offsetTop
+
+                if(window.innerHeight + y >= offset)
+                    el.classList.add("active")
+
+                if(y >= offset2)
+                    el2.classList.add("active")
+            })
+        })
+    </script>
+</head>
+<body>
+<header class="app-header bg-blue">
+    <div class="container">
+        <div class="logo">
+            <img src="assets/images/logo_pomerleau.svg" alt="Pomerleau" />
+        </div>
+        <div class="video-container-mobile">
+            <video loop muted autoplay playsinline>
+                <source src="assets/video_banner_promerleau_.mp4" type="video/mp4">
+            </video>
+            <svg xmlns="http://www.w3.org/2000/svg" id="Calque_2" viewBox="0 0 888 890">
+                <defs><style>.cls-1{fill:#0a7dff;}</style></defs>
+                <g id="Calque_1-2">
+                    <polygon class="cls-1" points="379.36 890 888 890 888 175.17 379.36 890"/>
+                    <polygon class="cls-1" points="0 0 0 630.51 448.64 0 0 0"/>
+                </g>
+            </svg>
+            <div class="overlay"></div>
+        </div>
+    </div>
+</header>
+<div class="app-banner bg-blue">
+    <div class="container full relative">
+        <div class="video-container">
+            <div class="mask">
+                <video loop muted autoplay playsinline>
+                    <source src="assets/video_banner_promerleau_.mp4" type="video/mp4">
+                </video>
+                <svg xmlns="http://www.w3.org/2000/svg" id="Calque_2" viewBox="0 0 888 890">
+                    <defs><style>.cls-1{fill:#0a7dff;}</style></defs>
+                    <g id="Calque_1-2">
+                        <polygon class="cls-1" points="379.36 890 888 890 888 175.17 379.36 890"/>
+                        <polygon class="cls-1" points="0 0 0 630.51 448.64 0 0 0"/>
+                    </g>
+                </svg>
+                <div class="overlay"></div>
+            </div>
+        </div>
+        <p class="first">Building.</p>
+        <p class="second">Our</p>
+        <div class="last-phrase flex">
+            <span>Activity and ESG<br>report 2022</span>
+            <p class="third">perspective.</p>
+        </div>
+    </div>
+    <div class="app-show-more">
+        <svg id="Groupe_16" data-name="Groupe 16" xmlns="http://www.w3.org/2000/svg" width="24.466" height="30.593" viewBox="0 0 24.466 30.593">
+            <path id="Tracé_14" data-name="Tracé 14" d="M-5.014-12.662h0L7.338-26.135,5.575-28.042-3.708-17.9l.224-25.359-1.259.011L-6-43.233l-.225,25.36-9.105-9.984-1.8,1.939Z" transform="translate(17.128 43.255)" fill="#f1ece8"/>
+        </svg>
+    </div>
+</div>
+<div id="intro" class="app-intro bg-blue">
+    <div class="container full">
+        <div class="text relative">
+            <p><span class="italic">Building. Our perspective.</span> is Pomerleau’s first integrated report.
+                It covers our activities, our strategy and our performance in 2022.
+                It spotlights our commitments to environmental protection, social
+                action and good governance (ESG), and our progress over the
+                last year.</p>
+            <br>
+            <p class="line">Its number one objective is to explain how, over time, we plan
+                to create value for our stakeholders—not only as a construction
+                services provider, but also as a responsible employer and an active
+                contributor to the growth of our industry and society as a whole.
+            </p>
+        </div>
+    </div>
+</div>
+<div class="app-section">
+    <div class="container full grid gap-xl">
+        <div class="image grid-item">
+            <picture>
+                <source srcset="assets/images/Pomerleau_PDG_1700.jpg" media="(min-width: 1024px)">
+                <source srcset="assets/images/Pomerleau_PDG_720.jpg" media="(min-width: 360px)">
+                <img src="assets/images/Pomerleau_PDG.jpg" />
+            </picture>
+        </div>
+        <div class="text grid-item">
+            <h2 id="border-title" class="border-title text-center font-neue">
+                Destined for a sustainable future
+            </h2>
+            <div class="grid">
+                <div class="content">
+                    <p>We’re building momentum. The year 2022 was particularly decisive, a year of transformations and
+                        exponential growth.
+                    <p>Our sales figures grew from $3 billion in 2021 to $4.4
+                        billion in 2022. This allowed us to climb the ranks
+                        of Canada’s biggest construction companies in a
+                        $140-billion industry.</p>
+                    <p>With the acquisition of ITC Construction Group,
+                        we’re now generating as much revenue in the rest
+                        of Canada as in Quebec.</p>
+                    <p>For the second year in a row, we’ve reached historic
+                        sales and profit levels.</p>
+                    <p>Our performance is all the more gratifying given that
+                        we had to contend with skyrocketing inflation—in a
+                        context of agreements that were already signed or
+                        in the midst of being negotiated.
+                    <p>Our ability to anticipate market responses and our
+                        teams’ capacity for adaptation and innovation made
+                        all the difference.</p>
+                </div>
+                <div class="content">
+                    <h3 class="color-blue text-md font-neue">A new era of collaboration</h3>
+                    <p>
+                        Last year was impactful for the entire construction industry. All of its players started truly working
+                        together to improve productivity and to more equitably share the financial risks inherent to projects.</p>
+                    <p>We’ve clearly entered a new and healthier era of
+                        collaboration, trust and transparency.</p>
+
+                    <p>This is a giant step forward. But we still have a ways
+                        to go before this genuine collaboration becomes
+                        the <span class="italic">M.O.</span> of our industry.</p>
+
+                    <p>This progress has special meaning for us—it’s the
+                        reality we’ve been advocating for years: an industry that collaborates and innovates, while showing
+                        integrity and accountability.
+
+                        <svg xmlns="http://www.w3.org/2000/svg" width="14.668" height="11" viewBox="0 0 14.668 11">
+                            <g id="Groupe_22" data-name="Groupe 22" transform="translate(0 11)">
+                                <g id="Groupe_19" data-name="Groupe 19" transform="translate(0 -11)">
+                                    <path id="Tracé_15" data-name="Tracé 15" d="M0,0V1.253L3.1,5.5h0L0,9.747V11H1.79l3.1-4.247V4.245L1.789,0Z" fill="#097cff"/>
+                                </g>
+                                <g id="Groupe_20" data-name="Groupe 20" transform="translate(4.889 -11)">
+                                    <path id="Tracé_16" data-name="Tracé 16" d="M0,0V1.253L3.1,5.5h0L0,9.747V11H1.79l3.1-4.247V5.5h0V4.245L1.789,0Z" fill="#097cff"/>
+                                </g>
+                                <g id="Groupe_21" data-name="Groupe 21" transform="translate(9.778 -11)">
+                                    <path id="Tracé_17" data-name="Tracé 17" d="M0,0V1.253L3.1,5.5h0L0,9.747V11H1.79l3.1-4.247V5.5h0V4.245L1.789,0Z" fill="#097cff"/>
+                                </g>
+                            </g>
+                        </svg>
+                    </p>
+                </div>
+            </div>
+        </div>
+    </div>
+</div>
+<div class="app-section">
+    <div class="container full grid gap-xl grid-reverse">
+        <div class="image grid-item">
+            <picture>
+                <source srcset="assets/images/grue_1500x1500.jpg" media="(min-width: 1024px)">
+                <source srcset="assets/images/grue_720.jpg" media="(min-width: 360px)">
+                <img src="assets/images/grue.jpg" />
+            </picture>
+        </div>
+        <div class="text grid grid-item">
+            <div class="content">
+                <h3 class="color-blue text-md">Confident about the future</h3>
+                <p>Despite the looming recession, we’re well positioned
+                    to continue to move forward in a sustainable fashion,
+                    thanks to our past investments.</p>
+
+                <p>With an ample and diverse backlog, we’re now present where business opportunities abound.</p>
+
+                <p>Bolstered by a well-articulated environmental protection, social engagement and sound governance
+                    (ESG) strategy, we keep a close eye on how to
+                    improve the way we do things. The following pages
+                    clearly lay out the progress we’ve made in attaining
+                    our ESG goals. We hope to motivate other players to
+                    follow suit and take action for the wellbeing of the
+                    planet and the communities served by our projects.</p>
+            </div>
+            <div class="content">
+                <h3 class="color-blue text-md">The next chapter</h3>
+                <p>And so, it is with great pride that we’re passing the
+                    torch of the company’s leadership to Philippe Adam,
+                    who will become the President and Chief Executive
+                    Officer in August 2023.</p>
+
+                <p>The experience and leadership Philippe has shown
+                    since joining us in 2021 make him the obvious choice
+                    for successfully shepherding the next phase of
+                    growth and transformation. He’s guided by the same
+                    entrepreneurial values, authenticity, excellence,
+                    adaptability, innovation and love that drive us.</p>
+
+                <p>As for us, we’ll gradually step back from the daily activities while continuing to be the majority shareholders and sitting on the Board of Directors.</p>
+
+                <p>If the future is promising, it’s first and foremost thanks
+                    to our people, our partners, our Board members and
+                    our clients. We’d like to take this pivotal moment to
+                    warmly thank you for your commitment to joining us
+                    in shaping an innovative collective future, and contributing to building a greener and more open world.</p>
+                <div class="signature pp flex justify-between">
+                    <img src="assets/images/Signature-PP_blanc_90.png" alt="Signature de Pierre Pomerleau" />
+                    <p class="text-right">
+                        <b>Pierre Pomerleau</b>, Eng., MBA<br>
+                        Outgoing President,<br>
+                        Chief Executive Officer<br>
+                        and Shareholder
+                    </p>
+                </div>
+                <div class="signature fp flex justify-between">
+                    <img src="assets/images/Signature_Francis-Pomerleau_Blanc.png" alt="Signature de Francis Pomerleau" />
+                    <p class="text-right">
+                        <b>Francis Pomerleau</b>, P.Eng., MBA<br>
+                        Outgoing Executive Chief,<br>
+                        National Strategies,<br>
+                        and Shareholder
+                    </p>
+                </div>
+            </div>
+        </div>
+    </div>
+</div>
+<footer id="anchor" class="app-footer">
+    <div class="flex wrap">
+        <div class="leftblock block">
+            <a class="link-block" href="./rapport-activites/index.html">
+                <div class="text text-center">
+                    <h2 class="title text-xl">Building.</h2>
+                    <p class="subtitle">Activity report</p>
+                    <div class="link">Enter
+                        <svg xmlns="http://www.w3.org/2000/svg" width="24.817" height="21.587" viewBox="0 0 24.817 21.587">
+                            <g id="Groupe_32" data-name="Groupe 32" transform="translate(0 21.586)">
+                                <g id="Groupe_31" data-name="Groupe 31" transform="translate(13.751 -21.587)">
+                                    <path id="Tracé_20" data-name="Tracé 20" d="M0,0-1.676,1.755l8.482,8.1-20.557-.181.05,2.192,20.078.1L-1.212,19.91.543,21.587,11.066,10.57v-.048L9.311,8.894Z" fill="#f1ece8"/>
+                                </g>
+                            </g>
+                        </svg>
+                    </div>
+                </div>
+                <picture>
+                    <source srcset="assets/images/rapport-activite_1700.jpg" media="(min-width: 1024px)">
+                    <source srcset="assets/images/rapport-activite_720.jpg" media="(min-width: 360px)">
+                    <img src="assets/images/rapport-activite.jpg" />
+                </picture>
+            </a>
+        </div>
+        <div class="rightblock block text-center">
+            <a class="link-block" href="./rapport-esg/index.html">
+                <div class="text text-center">
+                    <h2 class="title text-xl">Our perspective.</h2>
+                    <p class="subtitle">ESG report</p>
+                    <div class="link">Enter
+                        <svg xmlns="http://www.w3.org/2000/svg" width="24.817" height="21.587" viewBox="0 0 24.817 21.587">
+                            <g id="Groupe_32" data-name="Groupe 32" transform="translate(0 21.586)">
+                                <g id="Groupe_31" data-name="Groupe 31" transform="translate(13.751 -21.587)">
+                                    <path id="Tracé_20" data-name="Tracé 20" d="M0,0-1.676,1.755l8.482,8.1-20.557-.181.05,2.192,20.078.1L-1.212,19.91.543,21.587,11.066,10.57v-.048L9.311,8.894Z" fill="#f1ece8"/>
+                                </g>
+                            </g>
+                        </svg>
+                    </div>
+                </div>
+                <picture>
+                    <source srcset="assets/images/rapport-esg_1500.jpg" media="(min-width: 1024px)">
+                    <source srcset="assets/images/rapport-esg_720.jpg" media="(min-width: 360px)">
+                    <img src="assets/images/rapport-esg.jpg" />
+                </picture>
+            </a>
+        </div>
+    </div>
+</footer>
+</body>
+</html>
\ No newline at end of file
diff --git a/index_fr.html b/index_fr.html
new file mode 100644
index 0000000..77241b2
--- /dev/null
+++ b/index_fr.html
@@ -0,0 +1,282 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <title>Activity and ESG 2022 - Pomerleau</title>
+    <link rel="stylesheet" href="app.min.css" >
+    <script>
+        window.addEventListener("DOMContentLoaded", (event) => {
+            document.addEventListener("scroll", () => {
+                const y = window.scrollY
+                const el = document.getElementById("border-title")
+                const offset = el.offsetTop
+
+                const el2 = document.getElementById("intro")
+                const offset2 = el2.offsetTop
+
+                if(window.innerHeight + y >= offset)
+                    el.classList.add("active")
+
+                if(y >= offset2)
+                    el2.classList.add("active")
+            })
+        })
+    </script>
+</head>
+<body>
+<header class="app-header bg-blue">
+    <div class="container">
+        <div class="logo">
+            <img src="assets/images/logo_pomerleau.svg" alt="Pomerleau" />
+        </div>
+        <div class="video-container-mobile">
+            <video loop muted autoplay playsinline>
+                <source src="assets/video_banner_promerleau_.mp4" type="video/mp4">
+            </video>
+            <svg xmlns="http://www.w3.org/2000/svg" id="Calque_2" viewBox="0 0 888 890">
+                <defs><style>.cls-1{fill:#0a7dff;}</style></defs>
+                <g id="Calque_1-2">
+                    <polygon class="cls-1" points="379.36 890 888 890 888 175.17 379.36 890"/>
+                    <polygon class="cls-1" points="0 0 0 630.51 448.64 0 0 0"/>
+                </g>
+            </svg>
+            <div class="overlay"></div>
+        </div>
+    </div>
+</header>
+<div class="app-banner bg-blue">
+    <div class="container full relative">
+        <div class="video-container">
+            <div class="mask">
+                <video loop muted autoplay playsinline>
+                    <source src="assets/video_banner_promerleau_.mp4" type="video/mp4">
+                </video>
+                <svg xmlns="http://www.w3.org/2000/svg" id="Calque_2" viewBox="0 0 888 890">
+                    <defs><style>.cls-1{fill:#0a7dff;}</style></defs>
+                    <g id="Calque_1-2">
+                        <polygon class="cls-1" points="379.36 890 888 890 888 175.17 379.36 890"/>
+                        <polygon class="cls-1" points="0 0 0 630.51 448.64 0 0 0"/>
+                    </g>
+                </svg>
+                <div class="overlay"></div>
+            </div>
+        </div>
+        <p class="first">Building.</p>
+        <p class="second">Our</p>
+        <div class="last-phrase flex">
+            <span>Activity and ESG<br>report 2022</span>
+            <p class="third">perspective.</p>
+        </div>
+    </div>
+    <div class="app-show-more">
+        <svg id="Groupe_16" data-name="Groupe 16" xmlns="http://www.w3.org/2000/svg" width="24.466" height="30.593" viewBox="0 0 24.466 30.593">
+            <path id="Tracé_14" data-name="Tracé 14" d="M-5.014-12.662h0L7.338-26.135,5.575-28.042-3.708-17.9l.224-25.359-1.259.011L-6-43.233l-.225,25.36-9.105-9.984-1.8,1.939Z" transform="translate(17.128 43.255)" fill="#f1ece8"/>
+        </svg>
+    </div>
+</div>
+<div id="intro" class="app-intro bg-blue">
+    <div class="container full">
+        <div class="text relative">
+            <p><span class="italic">Building. Our perspective.</span> is Pomerleau’s first integrated report.
+                It covers our activities, our strategy and our performance in 2022.
+                It spotlights our commitments to environmental protection, social
+                action and good governance (ESG), and our progress over the
+                last year.</p>
+            <br>
+            <p class="line">Its number one objective is to explain how, over time, we plan
+                to create value for our stakeholders—not only as a construction
+                services provider, but also as a responsible employer and an active
+                contributor to the growth of our industry and society as a whole.
+            </p>
+        </div>
+    </div>
+</div>
+<div class="app-section">
+    <div class="container full grid gap-xl">
+        <div class="image grid-item">
+            <picture>
+                <source srcset="assets/images/Pomerleau_PDG_1700.jpg" media="(min-width: 1024px)">
+                <source srcset="assets/images/Pomerleau_PDG_720.jpg" media="(min-width: 360px)">
+                <img src="assets/images/Pomerleau_PDG.jpg" />
+            </picture>
+        </div>
+        <div class="text grid-item">
+            <h2 id="border-title" class="border-title text-center font-neue">
+                Destined for a sustainable future
+            </h2>
+            <div class="grid">
+                <div class="content">
+                    <p>We’re building momentum. The year 2022 was particularly decisive, a year of transformations and
+                        exponential growth.
+                    <p>Our sales figures grew from $3 billion in 2021 to $4.4
+                        billion in 2022. This allowed us to climb the ranks
+                        of Canada’s biggest construction companies in a
+                        $140-billion industry.</p>
+                    <p>With the acquisition of ITC Construction Group,
+                        we’re now generating as much revenue in the rest
+                        of Canada as in Quebec.</p>
+                    <p>For the second year in a row, we’ve reached historic
+                        sales and profit levels.</p>
+                    <p>Our performance is all the more gratifying given that
+                        we had to contend with skyrocketing inflation—in a
+                        context of agreements that were already signed or
+                        in the midst of being negotiated.
+                    <p>Our ability to anticipate market responses and our
+                        teams’ capacity for adaptation and innovation made
+                        all the difference.</p>
+                </div>
+                <div class="content">
+                    <h3 class="color-blue text-md font-neue">A new era of collaboration</h3>
+                    <p>
+                        Last year was impactful for the entire construction industry. All of its players started truly working
+                        together to improve productivity and to more equitably share the financial risks inherent to projects.</p>
+                    <p>We’ve clearly entered a new and healthier era of
+                        collaboration, trust and transparency.</p>
+
+                    <p>This is a giant step forward. But we still have a ways
+                        to go before this genuine collaboration becomes
+                        the <span class="italic">M.O.</span> of our industry.</p>
+
+                    <p>This progress has special meaning for us—it’s the
+                        reality we’ve been advocating for years: an industry that collaborates and innovates, while showing
+                        integrity and accountability.
+
+                        <svg xmlns="http://www.w3.org/2000/svg" width="14.668" height="11" viewBox="0 0 14.668 11">
+                            <g id="Groupe_22" data-name="Groupe 22" transform="translate(0 11)">
+                                <g id="Groupe_19" data-name="Groupe 19" transform="translate(0 -11)">
+                                    <path id="Tracé_15" data-name="Tracé 15" d="M0,0V1.253L3.1,5.5h0L0,9.747V11H1.79l3.1-4.247V4.245L1.789,0Z" fill="#097cff"/>
+                                </g>
+                                <g id="Groupe_20" data-name="Groupe 20" transform="translate(4.889 -11)">
+                                    <path id="Tracé_16" data-name="Tracé 16" d="M0,0V1.253L3.1,5.5h0L0,9.747V11H1.79l3.1-4.247V5.5h0V4.245L1.789,0Z" fill="#097cff"/>
+                                </g>
+                                <g id="Groupe_21" data-name="Groupe 21" transform="translate(9.778 -11)">
+                                    <path id="Tracé_17" data-name="Tracé 17" d="M0,0V1.253L3.1,5.5h0L0,9.747V11H1.79l3.1-4.247V5.5h0V4.245L1.789,0Z" fill="#097cff"/>
+                                </g>
+                            </g>
+                        </svg>
+                    </p>
+                </div>
+            </div>
+        </div>
+    </div>
+</div>
+<div class="app-section">
+    <div class="container full grid gap-xl grid-reverse">
+        <div class="image grid-item">
+            <picture>
+                <source srcset="assets/images/grue_1500x1500.jpg" media="(min-width: 1024px)">
+                <source srcset="assets/images/grue_720.jpg" media="(min-width: 360px)">
+                <img src="assets/images/grue.jpg" />
+            </picture>
+        </div>
+        <div class="text grid grid-item">
+            <div class="content">
+                <h3 class="color-blue text-md">Confident about the future</h3>
+                <p>Despite the looming recession, we’re well positioned
+                    to continue to move forward in a sustainable fashion,
+                    thanks to our past investments.</p>
+
+                <p>With an ample and diverse backlog, we’re now present where business opportunities abound.</p>
+
+                <p>Bolstered by a well-articulated environmental protection, social engagement and sound governance
+                    (ESG) strategy, we keep a close eye on how to
+                    improve the way we do things. The following pages
+                    clearly lay out the progress we’ve made in attaining
+                    our ESG goals. We hope to motivate other players to
+                    follow suit and take action for the wellbeing of the
+                    planet and the communities served by our projects.</p>
+            </div>
+            <div class="content">
+                <h3 class="color-blue text-md">The next chapter</h3>
+                <p>And so, it is with great pride that we’re passing the
+                    torch of the company’s leadership to Philippe Adam,
+                    who will become the President and Chief Executive
+                    Officer in August 2023.</p>
+
+                <p>The experience and leadership Philippe has shown
+                    since joining us in 2021 make him the obvious choice
+                    for successfully shepherding the next phase of
+                    growth and transformation. He’s guided by the same
+                    entrepreneurial values, authenticity, excellence,
+                    adaptability, innovation and love that drive us.</p>
+
+                <p>As for us, we’ll gradually step back from the daily activities while continuing to be the majority shareholders and sitting on the Board of Directors.</p>
+
+                <p>If the future is promising, it’s first and foremost thanks
+                    to our people, our partners, our Board members and
+                    our clients. We’d like to take this pivotal moment to
+                    warmly thank you for your commitment to joining us
+                    in shaping an innovative collective future, and contributing to building a greener and more open world.</p>
+                <div class="signature pp flex justify-between">
+                    <img src="assets/images/Signature-PP_blanc_90.png" alt="Signature de Pierre Pomerleau" />
+                    <p class="text-right">
+                        <b>Pierre Pomerleau</b>, Eng., MBA<br>
+                        Outgoing President,<br>
+                        Chief Executive Officer<br>
+                        and Shareholder
+                    </p>
+                </div>
+                <div class="signature fp flex justify-between">
+                    <img src="assets/images/Signature_Francis-Pomerleau_Blanc.png" alt="Signature de Francis Pomerleau" />
+                    <p class="text-right">
+                        <b>Francis Pomerleau</b>, P.Eng., MBA<br>
+                        Outgoing Executive Chief,<br>
+                        National Strategies,<br>
+                        and Shareholder
+                    </p>
+                </div>
+            </div>
+        </div>
+    </div>
+</div>
+<footer id="anchor" class="app-footer">
+    <div class="flex wrap">
+        <div class="leftblock block">
+            <a class="link-block" href="./rapport-activites/index.html">
+                <div class="text text-center">
+                    <h2 class="title text-xl">Building.</h2>
+                    <p class="subtitle">Activity report</p>
+                    <div class="link">Enter
+                        <svg xmlns="http://www.w3.org/2000/svg" width="24.817" height="21.587" viewBox="0 0 24.817 21.587">
+                            <g id="Groupe_32" data-name="Groupe 32" transform="translate(0 21.586)">
+                                <g id="Groupe_31" data-name="Groupe 31" transform="translate(13.751 -21.587)">
+                                    <path id="Tracé_20" data-name="Tracé 20" d="M0,0-1.676,1.755l8.482,8.1-20.557-.181.05,2.192,20.078.1L-1.212,19.91.543,21.587,11.066,10.57v-.048L9.311,8.894Z" fill="#f1ece8"/>
+                                </g>
+                            </g>
+                        </svg>
+                    </div>
+                </div>
+                <picture>
+                    <source srcset="assets/images/rapport-activite_1700.jpg" media="(min-width: 1024px)">
+                    <source srcset="assets/images/rapport-activite_720.jpg" media="(min-width: 360px)">
+                    <img src="assets/images/rapport-activite.jpg" />
+                </picture>
+            </a>
+        </div>
+        <div class="rightblock block text-center">
+            <a class="link-block" href="./rapport-esg/index.html">
+                <div class="text text-center">
+                    <h2 class="title text-xl">Our perspective.</h2>
+                    <p class="subtitle">ESG report</p>
+                    <div class="link">Enter
+                        <svg xmlns="http://www.w3.org/2000/svg" width="24.817" height="21.587" viewBox="0 0 24.817 21.587">
+                            <g id="Groupe_32" data-name="Groupe 32" transform="translate(0 21.586)">
+                                <g id="Groupe_31" data-name="Groupe 31" transform="translate(13.751 -21.587)">
+                                    <path id="Tracé_20" data-name="Tracé 20" d="M0,0-1.676,1.755l8.482,8.1-20.557-.181.05,2.192,20.078.1L-1.212,19.91.543,21.587,11.066,10.57v-.048L9.311,8.894Z" fill="#f1ece8"/>
+                                </g>
+                            </g>
+                        </svg>
+                    </div>
+                </div>
+                <picture>
+                    <source srcset="assets/images/rapport-esg_1500.jpg" media="(min-width: 1024px)">
+                    <source srcset="assets/images/rapport-esg_720.jpg" media="(min-width: 360px)">
+                    <img src="assets/images/rapport-esg.jpg" />
+                </picture>
+            </a>
+        </div>
+    </div>
+</footer>
+</body>
+</html>
\ No newline at end of file
diff --git a/output.css b/output.css
index 5663d93..3c708e5 100644
--- a/output.css
+++ b/output.css
@@ -545,6 +545,16 @@ b {
     animation-duration: 1s;
   }
 }
+.app-banner .video-container .mask {
+  height: 100%;
+  position: absolute;
+  width: 100%;
+  overflow: hidden;
+}
+.app-banner .video-container .mask video {
+  left: 50%;
+  transform: translateX(-50%) scale(1.009);
+}
 .app-banner .video-container .overlay {
   position: absolute;
   width: 100%;
@@ -765,4 +775,4 @@ b {
   margin-left: 18px;
 }
 
-/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImFwcC5jc3MiLCJzYXNzL3Jlc2V0LnNhc3MiLCJzYXNzL2ZvbnRmYWNlLnNhc3MiLCJzYXNzL2hlbHBlcnMuc2FzcyIsInNhc3MvYW5pbWF0aW9ucy5zYXNzIiwic2Fzcy9hcHAuc2FzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxnQkFBZ0I7QUNBaEI7Ozs7Ozs7Ozs7Ozs7RUFhRSxTQUFBO0VBQ0EsVUFBQTtFQUNBLFNBQUE7RUFDQSxlQUFBO0VBQ0EsYUFBQTtFQUNBLHdCQUFBO0FERUY7O0FDQUEsZ0RBQUE7QUFDQTs7RUFFRSxjQUFBO0FER0Y7O0FDREE7RUFDRSxjQUFBO0FESUY7O0FDRkE7RUFDRSxnQkFBQTtBREtGOztBQ0hBO0VBQ0UsWUFBQTtBRE1GOztBQ0pBOztFQUVFLGFBQUE7QURPRjs7QUNMQTtFQUNFLHlCQUFBO0VBQ0EsaUJBQUE7QURRRjs7QUNOQTtFQUNFLHFCQUFBO0FEU0Y7O0FFcERBO0VBQ0UsK0JBQUE7RUFDQSx1SEFBQTtFQUNBLG1CQUFBO0VBQ0Esa0JBQUE7RUFDQSxrQkFBQTtBRnVERjtBRXBEQTtFQUNFLDBCQUFBO0VBQ0EsdUhBQUE7RUFDQSxpQkFBQTtFQUNBLGtCQUFBO0VBQ0Esa0JBQUE7QUZzREY7QUVuREE7RUFDRSwrQkFBQTtFQUNBLG1JQUFBO0VBQ0EsbUJBQUE7RUFDQSxrQkFBQTtFQUNBLGtCQUFBO0FGcURGO0FFbERBO0VBQ0UsMEJBQUE7RUFDQSwySEFBQTtFQUNBLGdCQUFBO0VBQ0Esa0JBQUE7RUFDQSxrQkFBQTtBRm9ERjtBR3BFQztFQUNDLHlCQUFBO0VBQ0EsNERBQUE7RUFFQSx5QkFBQTtFQUNBLDREQUFBO0VBRUEsMEJBQUE7RUFDQSwyREFBQTtFQUVBLHlCQUFBO0VBQ0EsMERBQUE7RUFFQSx5QkFBQTtFQUNBLDBEQUFBO0VBRUEseUJBQUE7RUFDQSwwREFBQTtFQUVBLDBCQUFBO0VBQ0EsMkRBQUE7RUFFQSwyQkFBQTtFQUNBLDREQUFBO0VBRUEsMkJBQUE7RUFDQSw0REFBQTtF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 */
\ No newline at end of file
+/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImFwcC5jc3MiLCJzYXNzL3Jlc2V0LnNhc3MiLCJzYXNzL2ZvbnRmYWNlLnNhc3MiLCJzYXNzL2hlbHBlcnMuc2FzcyIsInNhc3MvYW5pbWF0aW9ucy5zYXNzIiwic2Fzcy9hcHAuc2FzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxnQkFBZ0I7QUNBaEI7Ozs7Ozs7Ozs7Ozs7RUFhRSxTQUFBO0VBQ0EsVUFBQTtFQUNBLFNBQUE7RUFDQSxlQUFBO0VBQ0EsYUFBQTtFQUNBLHdCQUFBO0FERUY7O0FDQUEsZ0RBQUE7QUFDQTs7RUFFRSxjQUFBO0FER0Y7O0FDREE7RUFDRSxjQUFBO0FESUY7O0FDRkE7RUFDRSxnQkFBQTtBREtGOztBQ0hBO0VBQ0UsWUFBQTtBRE1GOztBQ0pBOztFQUVFLGFBQUE7QURPRjs7QUNMQTtFQUNFLHlCQUFBO0VBQ0EsaUJBQUE7QURRRjs7QUNOQTtFQUNFLHFCQUFBO0FEU0Y7O0FFcERBO0VBQ0UsK0JBQUE7RUFDQSx1SEFBQTtFQUNBLG1CQUFBO0VBQ0Esa0JBQUE7RUFDQSxrQkFBQTtBRnVERjtBRXBEQTtFQUNFLDBCQUFBO0VBQ0EsdUhBQUE7RUFDQSxpQkFBQTtFQUNBLGtCQUFBO0VBQ0Esa0JBQUE7QUZzREY7QUVuREE7RUFDRSwrQkFBQTtFQUNBLG1JQUFBO0VBQ0EsbUJBQUE7RUFDQSxrQkFBQTtFQUNBLGtCQUFBO0FGcURGO0FFbERBO0VBQ0UsMEJBQUE7RUFDQSwySEFBQTtFQUNBLGdCQUFBO0VBQ0Esa0JBQUE7RUFDQSxrQkFBQTtBRm9ERjtBR3BFQztFQUNDLHlCQUFBO0VBQ0EsNERBQUE7RUFFQSx5QkFBQTtFQUNBLDREQUFBO0VBRUEsMEJBQUE7RUFDQSwyREFBQTtFQUVBLHlCQUFBO0VBQ0EsMERBQUE7RUFFQSx5QkFBQTtFQUNBLDBEQUFBO0VBRUEseUJBQUE7RUFDQSwwREFBQTtFQUVBLDBCQUFBO0VBQ0EsMkRBQUE7RUFFQSwyQkFBQTtFQUNBLDREQUFBO0VBRUEsMkJBQUE7RUFDQSw0REFBQTtF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 */
\ No newline at end of file
diff --git a/sass/app.sass b/sass/app.sass
index 5e023e2..b0eb87c 100644
--- a/sass/app.sass
+++ b/sass/app.sass
@@ -289,6 +289,15 @@ b
           animation-delay: 1s
           animation-duration: 1s
 
+      .mask
+        height: 100%
+        position: absolute
+        width: 100%
+        overflow: hidden
+        video
+          left: 50%
+          transform: translateX(-50%) scale(1.009)
+
       .overlay
         position: absolute
         width: 100%