CINXE.COM

Contact | Locomotive

<!doctype html> <html class="has-no-js is-first-loading is-loading" lang="fr" data-template="lisa" data-theme="secondary"> <head> <meta charset="utf-8"> <meta http-equiv="x-ua-compatible" content="ie=edge"> <base href="https://locomotive.ca/"> <title>Contact | Locomotive</title> <link rel="canonical" href="https://locomotive.ca/fr/contact"> <meta property="og:url" content="https://locomotive.ca/fr/contact"> <meta property="og:title" content="Contact | Locomotive"> <meta property="twitter:title" content="Contact | Locomotive"> <meta property="og:site_name" content="Locomotive"> <meta name="description" content="Nous sommes Locomotive庐. Une agence ind茅pendante avec un large 茅ventail de capacit茅s, de grandes id茅es, un coeur gros comme 莽a et une r茅putation mondiale."> <meta property="og:description" content="Nous sommes Locomotive庐. Une agence ind茅pendante avec un large 茅ventail de capacit茅s, de grandes id茅es, un coeur gros comme 莽a et une r茅putation mondiale."> <meta property="twitter:description" content="Nous sommes Locomotive庐. Une agence ind茅pendante avec un large 茅ventail de capacit茅s, de grandes id茅es, un coeur gros comme 莽a et une r茅putation mondiale."> <meta property="og:image" content="https://locomotive.ca/uploads/metadata/Open_Graph_Loco_%281%29.png"> <meta property="twitter:image" content="https://locomotive.ca/uploads/metadata/Open_Graph_Loco_%281%29.png"> <meta name="twitter:card" content="summary_large_image"> <meta name="twitter:site" content="@LocomotiveMTL"> <!-- Viewport --> <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> <meta name="HandheldFriendly" content="true"> <!-- Appearance --> <link rel="apple-touch-icon" sizes="180x180" href="assets/images/favicons/apple-touch-icon.png"> <link rel="icon" type="image/png" sizes="32x32" href="assets/images/favicons/favicon-32x32.png"> <link rel="icon" type="image/png" sizes="16x16" href="assets/images/favicons/favicon-16x16.png"> <link rel="manifest" href="site.webmanifest"> <link rel="mask-icon" href="assets/images/favicons/safari-pinned-tab.svg" color="#000000"> <meta name="msapplication-TileColor" content="#da532c"> <meta name="theme-color" content="#ffffff"> <!-- Styles --> <style media="all"> /*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:0.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace, monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}button,[type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button}button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type="checkbox"],[type="radio"]{box-sizing:border-box;padding:0}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto}[type="search"]{-webkit-appearance:textfield;outline-offset:-2px}[type="search"]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}html{box-sizing:border-box}template,[hidden]{display:none}*,:before,:after{box-sizing:inherit}address{font-style:inherit}dfn,cite,em,i{font-style:italic}b,strong{font-weight:700}a{text-decoration:none}a svg{pointer-events:none}ul,ol{margin:0;padding:0;list-style:none}p,figure{margin:0;padding:0}h1,h2,h3,h4,h5,h6{font-size:1em;font-weight:initial;margin:0}a,area,button,input,label,select,textarea,[tabindex]{touch-action:manipulation}[hreflang]>abbr[title]{text-decoration:none}table{border-spacing:0;border-collapse:collapse}hr{display:block;margin:1em 0;padding:0;height:1px;border:0;border-top:1px solid #CCCCCC}audio,canvas,iframe,img,svg,video{vertical-align:middle}audio:not([controls]){display:none;height:0}img,svg{max-width:100%;height:auto}img[width],img[height],svg[width],svg[height]{max-width:none}img{font-style:italic}svg{fill:currentColor}input,select,textarea{display:block;margin:0;padding:0;width:100%;outline:0;border:0;border-radius:0;background:none transparent;color:inherit;font:inherit;line-height:normal;-webkit-appearance:none;-moz-appearance:none;appearance:none}select{text-transform:none}select::-ms-expand{display:none}select::-ms-value{background:none;color:inherit}textarea{overflow:auto;resize:vertical}button,.c-button{display:inline-block;overflow:visible;margin:0;padding:0;outline:0;border:0;background:none transparent;color:inherit;vertical-align:middle;text-align:center;text-decoration:none;text-transform:none;font:inherit;line-height:normal;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}button:focus,button:hover,.c-button:focus,.c-button:hover{text-decoration:none}:root{--spacing-micro-mobile: 8;--spacing-micro: 14;--spacing-tiny-mobile: 20;--spacing-tiny: 20;--spacing-small-mobile: 30;--spacing-small: 30;--spacing-medium-mobile: 40;--spacing-medium: 40;--spacing-large-mobile: 52;--spacing-large: 80;--spacing-big-mobile: 80;--spacing-big: 150;--spacing-huge-mobile: 100;--spacing-huge: 200;--spacing-enormous-mobile: 140;--spacing-enormous: 250;--color: #000;--color-bg: #fff;--border: solid var(--border-size);--grid-columns: 12;--grid-gutter: 20px;--grid-margin: 2.66667rem;--grid-color: var(--color);--header-height: 4rem;--head-padding-vh: 0.25;--about-head-content-offset-vh: 0.15;--menu-color: #fff;--menu-color-bg: #312DFB;--font-size: 15px;--font-size-medium: 1.73333rem;--font-size-huge: 7.63889vw;--font-size-h1: 4.66667rem;--font-size-h2: 1.73333rem;--font-size-h3: 1.46667rem;--font-size-h4: 1.33333rem;--font-size-h5: 1.2rem;--font-size-h6: 1.06667rem}@media (min-width: 1025px){:root{--border-size: 2px}}@media (max-width: 1024px){:root{--border-size: 1px}}@media (max-width: 1024px){:root{--grid-columns: 8;--grid-margin: 1.33333rem}}@media (max-width: 699px){:root{--grid-columns: 4;--grid-gutter: calc(20px/2)}}@media (max-width: 1024px){:root{--font-size-medium: 1.6rem;--font-size-h1: 3.33333rem}}@media (max-width: 699px){:root{--font-size-h1: 2.4rem;--font-size-medium: 18px;--about-head-content-offset-vh: 0.20;--font-size-huge: 40px}}@media (max-width: 699px){:root{--font-size: 15px}}@media (min-width: 700px) and (max-width: 1024px){:root{--font-size: 15px}}@media (min-width: 1025px) and (max-width: 1199px){:root{--font-size: 15px}}@media (min-width: 1200px) and (max-width: 1599px){:root{--font-size: 15px}}@media (min-width: 1600px) and (max-width: 1999px){:root{--font-size: 17px}}@media (min-width: 2000px) and (max-width: 2399px){:root{--font-size: 19px}}@media (min-width: 2400px){:root{--font-size: 21px}}html{min-height:100%;line-height:1.3;font-family:ff("primary");color:var(--color);background-color:var(--color-bg);line-height:1.3;font-size:var(--font-size);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background-color .3s cubic-bezier(0.215, 0.61, 0.355, 1);width:100%}html.is-loading{cursor:wait}html.has-scroll-smooth{overflow:hidden;position:fixed;top:0;left:0;right:0;bottom:0}html.has-scroll-dragging{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}html[data-theme="dark"]{--color-bg: #000;--color: #fff;--menu-color: #000;--menu-color-bg: #DA382E}html[data-theme="primary"]{--color-bg: #DA382E;--menu-color: #fff;--menu-color-bg: #000}html[data-theme="secondary"]{--color-bg: #312DFB;--color: #fff;--menu-color: #000;--menu-color-bg: #fff}body{width:100%}.is-first-loading body{overflow:hidden}::-moz-selection{background-color:var(--color);color:var(--color-bg);text-shadow:none}::selection{background-color:var(--color);color:var(--color-bg);text-shadow:none}a{color:currentColor}a:focus,a:hover{color:currentColor}.focus-visible:not(input):not(textarea){outline-color:var(--color);outline-style:auto;outline-width:10px;outline-offset:5px}.grecaptcha-badge{visibility:hidden}.c-preloader{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000;color:#fff;z-index:9999;transition:opacity .9s cubic-bezier(0.215, 0.61, 0.355, 1)}.c-preloader svg{display:block;width:calc(min(250px, 70vw));height:10vh}html:not(.is-first-loading) .c-preloader{opacity:0;pointer-events:none}.c-preloader_outer{position:absolute;top:0;left:0;width:100%;height:100%;z-index:100;display:flex;align-items:center;justify-content:center}.c-preloader_logo{display:block;opacity:1;animation:preloaderAppear .9s cubic-bezier(0.215, 0.61, 0.355, 1) .3s;animation-fill-mode:backwards}@keyframes preloaderAppear{0%{opacity:0;transform:scale(0.9) translate3d(0, 0, 0)}100%{opacity:1;transform:scale(1) translate3d(0, 0, 0)}}@keyframes preloaderDisappear{0%{opacity:1;transform:scale(1) translate3d(0, 0, 0)}100%{opacity:0;transform:scale(1.1) translate3d(0, 0, 0)}} </style> <link id="main-css" rel="stylesheet" href="https://locomotive.ca/assets/styles/main.css?v=1723754399977" media="print" onload="this.media='all'; this.onload=null; this.isLoaded=true"> <script async defer src="https://www.google.com/recaptcha/api.js?render=explicit"></script> <!-- Google tag (gtag.js) --> <script type="text/plain" data-category="analytics" src="https://www.googletagmanager.com/gtag/js?id=G-WYYJ9ZP43V"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'G-WYYJ9ZP43V'); gtag('consent', 'default', { 'ad_storage': 'denied', 'analytics_storage': 'denied' }); </script> </head> <body data-module-load data-load="wrapper" data-module-hovers data-module-cookie-consent data-cookie-consent-config="{&quot;language&quot;:{&quot;autoDetect&quot;:&quot;document&quot;,&quot;default&quot;:&quot;fr&quot;,&quot;translations&quot;:{&quot;fr&quot;:{&quot;consentModal&quot;:{&quot;title&quot;:&quot;Nous utilisons des cookies !&quot;,&quot;description&quot;:&quot;Ce site web utilise des t茅moins (cookies) essentiels pour garantir son bon fonctionnement, ainsi que des cookies de suivi pour comprendre comment vous interagissez avec lui. Ces derniers ne seront configur茅s qu&#039;apr猫s avoir obtenu votre consentement. {{revisionMessage}} &lt;button class=\&quot;cc__link\&quot; data-cookie-consent=\&quot;show-preferences\&quot;&gt;Pr茅f茅rences&lt;/button&gt;&quot;,&quot;revisionMessage&quot;:&quot;&lt;br&gt;&lt;br&gt;Notre &lt;a href=\&quot;fr/politique-de-confidentialite?hide-cookie-consent\&quot; target=\&quot;_self\&quot; rel=\&quot;\&quot;&gt;Politique de confidentialit茅&lt;/a&gt; a chang茅 depuis votre derni猫re visite.&quot;,&quot;footer&quot;:&quot;&lt;a href=\&quot;fr/politique-de-confidentialite?hide-cookie-consent\&quot; target=\&quot;_self\&quot; rel=\&quot;\&quot;&gt;politique de confidentialit茅&lt;/a&gt;&quot;,&quot;acceptAllBtn&quot;:&quot;Tout accepter&quot;,&quot;acceptNecessaryBtn&quot;:&quot;Accepter le n茅cessaire&quot;},&quot;preferencesModal&quot;:{&quot;title&quot;:&quot;Pr茅f茅rences de t茅moins&quot;,&quot;acceptAllBtn&quot;:&quot;Tout accepter&quot;,&quot;acceptNecessaryBtn&quot;:&quot;Accepter le n茅cessaire&quot;,&quot;savePreferencesBtn&quot;:&quot;Enregistrer mes pr茅f茅rences&quot;,&quot;closeIconLabel&quot;:&quot;Accepter le n茅cessaire&quot;,&quot;sections&quot;:[{&quot;description&quot;:&quot;Nous utilisons certains t茅moins (cookies) pour personnaliser nos contenus et am茅liorer votre exp茅rience num茅rique. D&#039;autres sont indispensables au bon fonctionnement et 脿 la s茅curit茅 de notre site Web et ne peuvent pas 锚tre d茅sactiv茅s.&lt;br&gt;&lt;br&gt;Vous pouvez activer ou d茅sactiver votre autorisation 脿 recueillir vos donn茅es de navigation en tout temps. Si vous d茅sactivez certains t茅moins, votre exp茅rience de navigation peut 锚tre affect茅e.&lt;br&gt;&lt;br&gt;Pour en savoir plus, consultez notre &lt;a href=\&quot;fr/politique-de-confidentialite?hide-cookie-consent\&quot; target=\&quot;_self\&quot; rel=\&quot;\&quot;&gt;politique de confidentialit茅&lt;/a&gt;.&quot;},{&quot;title&quot;:&quot;T茅moins strictement n茅cessaires&lt;span class=\&quot;pm__badge\&quot;&gt;Requis&lt;/span&gt;&quot;,&quot;description&quot;:&quot;Ces cookies sont stock茅s pour garantir le bon fonctionnement de notre site Web. Ils ne peuvent pas 锚tre d茅sactiv茅s.&quot;,&quot;linkedCategory&quot;:&quot;necessary&quot;,&quot;cookieTable&quot;:{&quot;headers&quot;:{&quot;name&quot;:&quot;Nom&quot;,&quot;service&quot;:&quot;Service&quot;,&quot;duration&quot;:&quot;Dur茅e&quot;,&quot;purpose&quot;:&quot;Usage&quot;},&quot;body&quot;:[{&quot;name&quot;:&quot;PHPSESSID&quot;,&quot;service&quot;:&quot;Locomotive&quot;,&quot;duration&quot;:&quot;Session&quot;,&quot;purpose&quot;:&quot;Utilis茅 pour partager des donn茅es de fonctionnalit茅s 脿 travers les pages du site Web comme le suivi de la langue actuelle.&quot;},{&quot;name&quot;:&quot;locomotive.quickpreload&quot;,&quot;service&quot;:&quot;Locomotive&quot;,&quot;duration&quot;:&quot;Session&quot;,&quot;purpose&quot;:&quot;Utilis茅 pour raccourcir la dur茅e de l&#039;茅cran de pr茅chargement lors de la navigation sur les pages suivantes.&quot;},{&quot;name&quot;:&quot;cc_cookie&quot;,&quot;service&quot;:&quot;Locomotive&quot;,&quot;duration&quot;:&quot;6 mois&quot;,&quot;purpose&quot;:&quot;Utilis茅 pour stocker vos pr茅f茅rences de consentement de t茅moins.&quot;},{&quot;name&quot;:&quot;_grecaptcha&quot;,&quot;service&quot;:&quot;Google reCAPTCHA&quot;,&quot;duration&quot;:&quot;6 mois&quot;,&quot;purpose&quot;:&quot;Utilis茅 pour stocker l&#039;茅valuation si la visite, l&#039;interaction, ou la soumission du formulaire, est l茅gitime ou malveillante.&quot;},{&quot;name&quot;:&quot;__cf_bm&quot;,&quot;service&quot;:&quot;Cloudflare&quot;,&quot;duration&quot;:&quot;30 minutes&quot;,&quot;purpose&quot;:&quot;Utilis茅 pour stocker l&#039;茅valuation si la visite est l茅gitime ou malveillante.&quot;}]}},{&quot;title&quot;:&quot;T茅moins de performance&quot;,&quot;description&quot;:&quot;Ces cookies sont utilis茅s pour analyser la navigation sur le site afin d&#039;am茅liorer son bon fonctionnement.&quot;,&quot;linkedCategory&quot;:&quot;analytics&quot;,&quot;cookieTable&quot;:{&quot;headers&quot;:{&quot;name&quot;:&quot;Nom&quot;,&quot;service&quot;:&quot;Service&quot;,&quot;duration&quot;:&quot;Dur茅e&quot;,&quot;purpose&quot;:&quot;Usage&quot;},&quot;body&quot;:[{&quot;name&quot;:&quot;_ga&quot;,&quot;service&quot;:&quot;Google Analytics&quot;,&quot;duration&quot;:&quot;2 ans&quot;,&quot;purpose&quot;:&quot;Utilis茅 pour distinguer les utilisateurs uniques et compter les pages vues.&quot;},{&quot;name&quot;:&quot;_gat&quot;,&quot;service&quot;:&quot;Google Analytics&quot;,&quot;duration&quot;:&quot;1 minute&quot;,&quot;purpose&quot;:&quot;Utilis茅 pour limiter la fr茅quence de collecte des donn茅es.&quot;},{&quot;name&quot;:&quot;_gid&quot;,&quot;service&quot;:&quot;Google Analytics&quot;,&quot;duration&quot;:&quot;1 jour&quot;,&quot;purpose&quot;:&quot;Utilis茅 pour distinguer les utilisateurs uniques et compter les pages vues.&quot;}]}}]}}}},&quot;guiOptions&quot;:{&quot;consentModal&quot;:{&quot;layout&quot;:&quot;box inline&quot;,&quot;position&quot;:&quot;bottom right&quot;,&quot;equalWeightButtons&quot;:false},&quot;preferencesModal&quot;:{&quot;equalWeightButtons&quot;:false}},&quot;revision&quot;:1,&quot;categories&quot;:{&quot;necessary&quot;:{&quot;enabled&quot;:true,&quot;readOnly&quot;:true},&quot;analytics&quot;:{&quot;autoClear&quot;:{&quot;cookies&quot;:[{&quot;name&quot;:&quot;_ga&quot;},{&quot;name&quot;:&quot;_gat&quot;},{&quot;name&quot;:&quot;_gid&quot;},{&quot;name&quot;:&quot;/^_gat?_/&quot;}]}}}}"> <script> window.preloaderEnterPromise = new Promise(resolve => { setTimeout(resolve, 1200); }) window.preloaderPromise = new Promise(resolve => { window.preloaderPromiseResolve = resolve; }) </script> <div class="c-preloader" aria-hidden="true" id="preloader"> <div class="c-preloader_outer"> <div class="c-preloader_inner"> <div class="c-preloader_head" id="preloaderHead" style="display: none;"> </div> <div class="c-preloader_content" id="preloaderContent" style="display: none;"> <div> Digital<br> Digital-First<br> Digital-First Design<br> Digital-First Design<br> Digital-First Agency<br> Digital-First Agency<br> </div> <div> Bas茅e<br> Bas茅e 脿<br> Bas茅e 脿 Montr茅al<br> Bas茅e 脿 Montr茅al<br> Bas茅e 脿 Montr茅al, Canada<br> Bas茅e 脿 Montr茅al, Canada<br> Bas茅e 脿 Montr茅al, Canada<br> </div> </div> <div class="c-preloader_logo"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 246.5033 33.28001" id="preloaderLogo"> <g> <path d="M0,.64v32H32V.64Zm30,30H2v-28H30Z" transform="translate(0 0.00001)"/> <polygon points="20.12 19.4 16.12 19.4 16.12 12.32 14.24 12.32 14.24 20.96 20.12 20.96 20.12 19.4"/> </g> <path d="M52.41557,8.24h-6.4l2.28-2.28c2.32-2.32,4-3.2,6.12-3.2s3.8.88,6.12,3.2l2.28,2.28h-6.4v1.6h7.6v7.6h1.6v-6.4l6,6,1.2-1.2-6-6h6.4V8.24h-7.6V.64h-1.6v6.4l-2.28-2.28c-2.6-2.6-4.64-3.6-7.32-3.6s-4.72,1-7.32,3.6l-2.28,2.28V.64h-1.6v7.6h-7.6v1.6h6.4l-6,6,1.2,1.2,6-6v6.4h1.6V9.84h7.6Z" transform="translate(0 0.00001)"/> <path d="M86.13717.64h-10.52v.84c3.84,0,4.16.52,4.16,2.96v24.4c0,2.44-.32,2.96-4.16,2.96v.84h18.96l.12-.52,1.92-9.48-.84-.16c-1.64,7.96-2.36,8.8-4.96,8.8h-6.84c-1.64,0-2-.4-2-2.36V4.44c0-2.44.32-2.96,4.16-2.96Z" transform="translate(0 0.00001)"/> <path d="M105.56207,10.96c-4.72,0-7.4002,5.08-7.4002,11.24,0,6.28,3.04022,11.08,7.4002,11.08,4.68,0,7.36-5.08,7.36-11.24C112.92206,15.76,109.88208,10.96,105.56207,10.96Zm0,21c-3.2,0-5.2-4.36-5.2-9.76,0-5.36,1.72-9.92,5.2-9.92,3.16,0,5.2,4.36,5.2,9.76C110.76208,27.4,109.00208,31.96,105.56207,31.96Z" transform="translate(0 0.00001)"/> <path d="M121.77708,33.28c3.6,0,5.16-3.32,6.08-10.56l-.84-.16c-1.04,6.68-2.28,8.76-4.6,8.76-3.04,0-4.8-4.4-4.8-9.64,0-4.64,1.32-9.4,4.8-9.4a2.04221,2.04221,0,0,1,2.24,2.24c0,.84-.28,1.64-.28,2.2a1.25663,1.25663,0,0,0,1.28,1.36c1,0,1.56-.8,1.56-2.24a4.66084,4.66084,0,0,0-4.43418-4.877q-.18279-.00869-.36582-.003c-4.52,0-6.96,5.04-6.96,11.44C115.45707,28.68,117.77707,33.28,121.77708,33.28Z" transform="translate(0 0.00001)"/> <path d="M136.9881,10.96c-4.72,0-7.4,5.08-7.4,11.24,0,6.28,3.04,11.08,7.4,11.08,4.68,0,7.36-5.08,7.36-11.24C144.34808,15.76,141.30811,10.96,136.9881,10.96Zm0,21c-3.2,0-5.2-4.36-5.2-9.76,0-5.36,1.72-9.92,5.2-9.92,3.16,0,5.2,4.36,5.2,9.76C142.18811,27.4,140.4281,31.96,136.9881,31.96Z" transform="translate(0 0.00001)"/> <path d="M146.17506,32.64h7.08V31.8c-2.2,0-2.48-.48-2.48-2.96V16.04c1.44-1.88,2.88-3.2,4.64-3.2,1.64,0,2.56,1.12,2.56,3.52V28.84c0,2.48-.28,2.96-2.48,2.96v.84h6.96V31.8c-2.2,0-2.48-.48-2.48-2.96v-13c1.4-1.76,2.84-3,4.52-3,1.6,0,2.52,1.12,2.52,3.52V28.84c0,2.48-.28,2.96-2.48,2.96v.84h7.04V31.8c-2.28,0-2.56-.48-2.56-2.96V16.28c0-3.16-1.08-5.32-3.76-5.32-2.32,0-3.88,1.56-5.32,3.76h-.08c-.32-2.28-1.44-3.76-3.68-3.76-2.28,0-3.88,1.56-5.28,3.76h-.12V12.08l-.52-.48h-4.36v.84c2.52,0,2.84.48,2.84,3v13.4c0,2.48-.28,2.96-2.56,2.96Z" transform="translate(0 0.00001)"/> <path d="M180.3681,10.96c-4.72,0-7.4,5.08-7.4,11.24,0,6.28,3.04,11.08,7.4,11.08,4.68,0,7.36-5.08,7.36-11.24C187.72809,15.76,184.68811,10.96,180.3681,10.96Zm0,21c-3.2,0-5.2-4.36-5.2-9.76,0-5.36,1.72-9.92,5.2-9.92,3.16,0,5.2,4.36,5.2,9.76C185.56805,27.4,183.80811,31.96,180.3681,31.96Z" transform="translate(0 0.00001)"/> <path d="M199.87808,22.72l-.84-.16c-1.4,6.68-2.12,8.92-3.44,8.92-1.8,0-1.96-2.8-1.96-6.72V12.92h4.88V11.6h-4.88V6h-1c-.08,3.4-1.08,5.8-3.92,5.8v1.12h2.92V26.2c0,5.28,1.28,7.08,3.48,7.08,2.76,0,3.48-3.32,4.76-10.56Z" transform="translate(0 0.00001)"/> <g> <path d="M205.82108,28.84V12.08l-.48-.48h-4.24v.84c2.44,0,2.72.48,2.72,3v13.4c0,2.48-.28,2.96-2.6,2.96v.84h7.2V31.8C206.10107,31.8,205.82108,31.32,205.82108,28.84Z" transform="translate(0 0.00001)"/> <rect x="202.34108" y="3.36001" width="3.96001" height="3.56"/> </g> <path d="M220.75908,15.24l-3.96,13.64h-.2l-3.88-13.64c-.68-2.36-.72-2.8,2-2.8V11.6h-7.28v.84c1.8,0,2.36.44,3.08,2.8l5.2,17.76h1.12l5.28-17.76c.72-2.36,1.32-2.8,3.24-2.8V11.6h-6.56v.84c2.72,0,2.68.44,1.96,2.8Z" transform="translate(0 0.00001)"/> <path d="M236.76508,22.56c-1.04,6.68-2.68,8.8-4.76,8.8-3.24,0-5.04-4.36-5.04-9.6,0-.44,0-.84.04-1.28h10.36c0-5.56-2.16-9.52-5.92-9.52-4.16,0-6.6,5.12-6.6,11.48,0,6.28,2.36,10.84,6.56,10.84,3.44,0,5.28-3.32,6.2-10.56Zm-5.32-10.28c2.72,0,3.76,3.68,3.76,6.88h-8.08C227.52509,15.4,228.92511,12.28,231.44507,12.28Z" transform="translate(0 0.00001)"/> <g> <path d="M241.66309,0a4.86034,4.86034,0,1,0,4.84,4.92l.00012-.01178A4.87429,4.87429,0,0,0,241.66309,0Zm0,9.04q-.03132.00018-.0625,0a4.08887,4.08887,0,0,1-4.0575-4.12q-.00064-.04239-.00043-.08471A4.09794,4.09794,0,0,1,241.66309.76q.04422.00018.08856.00134A4.05635,4.05635,0,0,1,245.70306,4.92l.00068.06714A4.04677,4.04677,0,0,1,241.66309,9.04Z" transform="translate(0 0.00001)"/> <path d="M242.23743,5.24692A1.49633,1.49633,0,0,0,243.743,3.76q-.00045-.06555-.00653-.13092a1.53782,1.53782,0,0,0-1.67346-1.389h-2.16V7.48h.72V5.24h.64l1.64,2.24h.88l-1.68-2.24C242.14771,5.24429,242.19257,5.24661,242.23743,5.24692ZM240.62305,4.6V2.96h1.36c.64,0,1,.28,1,.8,0,.52-.4.84-1,.84Z" transform="translate(0 0.00001)"/> </g> </svg> </div> </div> </div> </div> <div class="c-header_bg"></div> <div data-load="container"> <header data-module-header> <div class="c-header" data-header="header"> <a href="fr" class="c-header_logo" data-header="logo"> <span class="c-header_logo_inner" data-hover-shuffle>Locomotive</span>庐 </a> <span aria-hidden="true" class="c-header_icon"></span> <nav class="c-header_menu || c-header-menu"> <ul class="c-header-menu_list"> <li class="c-header-menu_item"><a href="fr/projets" class="c-header-menu_link" data-hover-shuffle>Projets</a></li> <li class="c-header-menu_item"><a href="fr/agence" class="c-header-menu_link" data-hover-shuffle>Agence</a></li> <li class="c-header-menu_item"><a href="fr/carrieres" class="c-header-menu_link" data-hover-shuffle>Carri猫res</a></li> <li class="c-header-menu_item"> <a target="_blank" rel="noopener noreferrer" href="https://store.locomotive.ca/fr" class="c-header-menu_link" data-hover-shuffle>Store</a> </li> </ul> </nav> <a href="fr/contact" class="c-header_cta -current" data-hover-shuffle>Contact</a> <button class="c-header_menu-toggler" data-header="menu-toggler" data-header-open-label="Menu" data-header-close-label="Fermer" aria-expanded="false" aria-controls="mobile-menu" aria-label="Navigation mobile"> Menu </button> </div> <nav class="c-menu" data-header="menu" id="mobile-menu" aria-label="Navigation mobile"> <div class="c-menu_inner"> <ul class="c-menu_nav"> <li class="c-menu_nav_item"> <a href="fr/projets" class="c-menu_nav_link ">Projets</a> </li> <li class="c-menu_nav_item"> <a href="fr/agence" class="c-menu_nav_link ">Agence</a> </li> <li class="c-menu_nav_item"> <a href="fr/carrieres" class="c-menu_nav_link ">Carri猫res</a> </li> <li class="c-menu_nav_item"> <a href="fr/contact" class="c-menu_nav_link -current">Contact</a> </li> <li class="c-menu_nav_item"> <a class="c-menu_nav_link" target="_blank" rel="noopener noreferrer" href="https://store.locomotive.ca/fr">Store</a> </li> </ul> <div class="c-menu_footer"> <a href="https://locomotive.ca/en/contact" class="c-menu_langswitcher" data-load="false">English</a> <span class="c-menu_location"> <span class="u-screen-reader-text">Montr茅al, Quebec</span> <span aria-hidden="true">馃洃馃毠馃毢</span> </span> </div> </div> </nav> </header> <main> <div class="c-lisa" data-module-lisa data-lisa-content="{&quot;intro&quot;:{&quot;progress&quot;:0.1,&quot;next&quot;:&quot;greeting&quot;,&quot;dialog&quot;:{&quot;list&quot;:{&quot;lisa.intro&quot;:&quot;Enchant\u00e9e, moi c\u2019est L.I.S.A,&lt;br&gt;la Super Assistante Interactive de Locomotive.&quot;}}},&quot;greeting&quot;:{&quot;progress&quot;:0.2,&quot;dialog&quot;:{&quot;useContext&quot;:true,&quot;list&quot;:{&quot;generic&quot;:{&quot;lisa.greeting.generic.1&quot;:&quot;Hola. Bonjour. Ciao. Je reviens tout juste d\u2019Europe et je me sens tellement exotique. Comment puis-je t\u2019aider aujourd\u2019hui?&quot;,&quot;lisa.greeting.generic.2&quot;:&quot;Enfin, te voil\u00e0! J\u2019avais h\u00e2te de te voir. Et d\u2019enlever ces foutus talons hauts. Qu\u2019est-ce que je peux faire pour toi?&quot;,&quot;lisa.greeting.generic.3&quot;:&quot;Wow! J\u2019adore ton style. Comment je peux t\u2019aider, beaut\u00e9 fatale?&quot;},&quot;context&quot;:{&quot;lisa.greeting.context.1&quot;:{&quot;lisa.greeting.context.1.night.sunny&quot;:&quot;Comment puis je t\u2019aider cette nuit par ce temps ensoleill\u00e9 \u00e0 Montr\u00e9al?&quot;,&quot;lisa.greeting.context.1.night.beautiful&quot;:&quot;Comment puis je t\u2019aider cette nuit par ce temps magnifique \u00e0 Montr\u00e9al?&quot;,&quot;lisa.greeting.context.1.night.rainy&quot;:&quot;Comment puis je t\u2019aider cette nuit par ce temps pluvieux \u00e0 Montr\u00e9al?&quot;,&quot;lisa.greeting.context.1.night.cold&quot;:&quot;Comment puis je t\u2019aider cette nuit par ce temps froid \u00e0 Montr\u00e9al?&quot;,&quot;lisa.greeting.context.1.night.windy&quot;:&quot;Comment puis je t\u2019aider cette nuit par ce temps venteux \u00e0 Montr\u00e9al?&quot;,&quot;lisa.greeting.context.1.night.foggy&quot;:&quot;Comment puis je t\u2019aider cette nuit par ce temps brumeux \u00e0 Montr\u00e9al?&quot;,&quot;lisa.greeting.context.1.night.cloudy&quot;:&quot;Comment puis je t\u2019aider cette nuit par ce temps nuageux \u00e0 Montr\u00e9al?&quot;,&quot;lisa.greeting.context.1.night.hot&quot;:&quot;Comment puis je t\u2019aider cette nuit par cette chaleur \u00e0 Montr\u00e9al?&quot;,&quot;lisa.greeting.context.1.morning.sunny&quot;:&quot;Comment puis je t\u2019aider ce matin par ce temps ensoleill\u00e9 \u00e0 Montr\u00e9al?&quot;,&quot;lisa.greeting.context.1.morning.beautiful&quot;:&quot;Comment puis je t\u2019aider ce matin par ce temps magnifique \u00e0 Montr\u00e9al?&quot;,&quot;lisa.greeting.context.1.morning.rainy&quot;:&quot;Comment puis je t\u2019aider ce matin par ce temps pluvieux \u00e0 Montr\u00e9al?&quot;,&quot;lisa.greeting.context.1.morning.cold&quot;:&quot;Comment puis je t\u2019aider ce matin par ce temps froid \u00e0 Montr\u00e9al?&quot;,&quot;lisa.greeting.context.1.morning.windy&quot;:&quot;Comment puis je t\u2019aider ce matin par ce temps venteux \u00e0 Montr\u00e9al?&quot;,&quot;lisa.greeting.context.1.morning.foggy&quot;:&quot;Comment puis je t\u2019aider ce matin par ce temps brumeux \u00e0 Montr\u00e9al?&quot;,&quot;lisa.greeting.context.1.morning.cloudy&quot;:&quot;Comment puis je t\u2019aider ce matin par ce temps nuageux \u00e0 Montr\u00e9al?&quot;,&quot;lisa.greeting.context.1.morning.hot&quot;:&quot;Comment puis je t\u2019aider ce matin par cette chaleur \u00e0 Montr\u00e9al?&quot;,&quot;lisa.greeting.context.1.afternoon.sunny&quot;:&quot;Comment puis je t\u2019aider cet apr\u00e8s-midi par ce temps ensoleill\u00e9 \u00e0 Montr\u00e9al?&quot;,&quot;lisa.greeting.context.1.afternoon.beautiful&quot;:&quot;Comment puis je t\u2019aider cet apr\u00e8s-midi par ce temps magnifique \u00e0 Montr\u00e9al?&quot;,&quot;lisa.greeting.context.1.afternoon.rainy&quot;:&quot;Comment puis je t\u2019aider cet apr\u00e8s-midi par ce temps pluvieux \u00e0 Montr\u00e9al?&quot;,&quot;lisa.greeting.context.1.afternoon.cold&quot;:&quot;Comment puis je t\u2019aider cet apr\u00e8s-midi par ce temps froid \u00e0 Montr\u00e9al?&quot;,&quot;lisa.greeting.context.1.afternoon.windy&quot;:&quot;Comment puis je t\u2019aider cet apr\u00e8s-midi par ce temps venteux \u00e0 Montr\u00e9al?&quot;,&quot;lisa.greeting.context.1.afternoon.foggy&quot;:&quot;Comment puis je t\u2019aider cet apr\u00e8s-midi par ce temps brumeux \u00e0 Montr\u00e9al?&quot;,&quot;lisa.greeting.context.1.afternoon.cloudy&quot;:&quot;Comment puis je t\u2019aider cet apr\u00e8s-midi par ce temps nuageux \u00e0 Montr\u00e9al?&quot;,&quot;lisa.greeting.context.1.afternoon.hot&quot;:&quot;Comment puis je t\u2019aider cet apr\u00e8s-midi par cette chaleur \u00e0 Montr\u00e9al?&quot;,&quot;lisa.greeting.context.1.evening.sunny&quot;:&quot;Comment puis je t\u2019aider ce soir par ce temps ensoleill\u00e9 \u00e0 Montr\u00e9al?&quot;,&quot;lisa.greeting.context.1.evening.beautiful&quot;:&quot;Comment puis je t\u2019aider ce soir par ce temps magnifique \u00e0 Montr\u00e9al?&quot;,&quot;lisa.greeting.context.1.evening.rainy&quot;:&quot;Comment puis je t\u2019aider ce soir par ce temps pluvieux \u00e0 Montr\u00e9al?&quot;,&quot;lisa.greeting.context.1.evening.cold&quot;:&quot;Comment puis je t\u2019aider ce soir par ce temps froid \u00e0 Montr\u00e9al?&quot;,&quot;lisa.greeting.context.1.evening.windy&quot;:&quot;Comment puis je t\u2019aider ce soir par ce temps venteux \u00e0 Montr\u00e9al?&quot;,&quot;lisa.greeting.context.1.evening.foggy&quot;:&quot;Comment puis je t\u2019aider ce soir par ce temps brumeux \u00e0 Montr\u00e9al?&quot;,&quot;lisa.greeting.context.1.evening.cloudy&quot;:&quot;Comment puis je t\u2019aider ce soir par ce temps nuageux \u00e0 Montr\u00e9al?&quot;,&quot;lisa.greeting.context.1.evening.hot&quot;:&quot;Comment puis je t\u2019aider ce soir par cette chaleur \u00e0 Montr\u00e9al?&quot;},&quot;lisa.greeting.context.2&quot;:{&quot;lisa.greeting.context.2.night.sunny&quot;:&quot;Que puis-je faire pour toi cette nuit par ce temps ensoleill\u00e9 \u00e0 Montr\u00e9al?&quot;,&quot;lisa.greeting.context.2.night.beautiful&quot;:&quot;Que puis-je faire pour toi cette nuit par ce temps magnifique \u00e0 Montr\u00e9al?&quot;,&quot;lisa.greeting.context.2.night.rainy&quot;:&quot;Que puis-je faire pour toi cette nuit par ce temps pluvieux \u00e0 Montr\u00e9al?&quot;,&quot;lisa.greeting.context.2.night.cold&quot;:&quot;Que puis-je faire pour toi cette nuit par ce temps froid \u00e0 Montr\u00e9al?&quot;,&quot;lisa.greeting.context.2.night.windy&quot;:&quot;Que puis-je faire pour toi cette nuit par ce temps venteux \u00e0 Montr\u00e9al?&quot;,&quot;lisa.greeting.context.2.night.foggy&quot;:&quot;Que puis-je faire pour toi cette nuit par ce temps brumeux \u00e0 Montr\u00e9al?&quot;,&quot;lisa.greeting.context.2.night.cloudy&quot;:&quot;Que puis-je faire pour toi cette nuit par ce temps nuageux \u00e0 Montr\u00e9al?&quot;,&quot;lisa.greeting.context.2.night.hot&quot;:&quot;Que puis-je faire pour toi cette nuit par cette chaleur \u00e0 Montr\u00e9al?&quot;,&quot;lisa.greeting.context.2.morning.sunny&quot;:&quot;Que puis-je faire pour toi ce matin par ce temps ensoleill\u00e9 \u00e0 Montr\u00e9al?&quot;,&quot;lisa.greeting.context.2.morning.beautiful&quot;:&quot;Que puis-je faire pour toi ce matin par ce temps magnifique \u00e0 Montr\u00e9al?&quot;,&quot;lisa.greeting.context.2.morning.rainy&quot;:&quot;Que puis-je faire pour toi ce matin par ce temps pluvieux \u00e0 Montr\u00e9al?&quot;,&quot;lisa.greeting.context.2.morning.cold&quot;:&quot;Que puis-je faire pour toi ce matin par ce temps froid \u00e0 Montr\u00e9al?&quot;,&quot;lisa.greeting.context.2.morning.windy&quot;:&quot;Que puis-je faire pour toi ce matin par ce temps venteux \u00e0 Montr\u00e9al?&quot;,&quot;lisa.greeting.context.2.morning.foggy&quot;:&quot;Que puis-je faire pour toi ce matin par ce temps brumeux \u00e0 Montr\u00e9al?&quot;,&quot;lisa.greeting.context.2.morning.cloudy&quot;:&quot;Que puis-je faire pour toi ce matin par ce temps nuageux \u00e0 Montr\u00e9al?&quot;,&quot;lisa.greeting.context.2.morning.hot&quot;:&quot;Que puis-je faire pour toi ce matin par cette chaleur \u00e0 Montr\u00e9al?&quot;,&quot;lisa.greeting.context.2.afternoon.sunny&quot;:&quot;Que puis-je faire pour toi cet apr\u00e8s-midi par ce temps ensoleill\u00e9 \u00e0 Montr\u00e9al?&quot;,&quot;lisa.greeting.context.2.afternoon.beautiful&quot;:&quot;Que puis-je faire pour toi cet apr\u00e8s-midi par ce temps magnifique \u00e0 Montr\u00e9al?&quot;,&quot;lisa.greeting.context.2.afternoon.rainy&quot;:&quot;Que puis-je faire pour toi cet apr\u00e8s-midi par ce temps pluvieux \u00e0 Montr\u00e9al?&quot;,&quot;lisa.greeting.context.2.afternoon.cold&quot;:&quot;Que puis-je faire pour toi cet apr\u00e8s-midi par ce temps froid \u00e0 Montr\u00e9al?&quot;,&quot;lisa.greeting.context.2.afternoon.windy&quot;:&quot;Que puis-je faire pour toi cet apr\u00e8s-midi par ce temps venteux \u00e0 Montr\u00e9al?&quot;,&quot;lisa.greeting.context.2.afternoon.foggy&quot;:&quot;Que puis-je faire pour toi cet apr\u00e8s-midi par ce temps brumeux \u00e0 Montr\u00e9al?&quot;,&quot;lisa.greeting.context.2.afternoon.cloudy&quot;:&quot;Que puis-je faire pour toi cet apr\u00e8s-midi par ce temps nuageux \u00e0 Montr\u00e9al?&quot;,&quot;lisa.greeting.context.2.afternoon.hot&quot;:&quot;Que puis-je faire pour toi cet apr\u00e8s-midi par cette chaleur \u00e0 Montr\u00e9al?&quot;,&quot;lisa.greeting.context.2.evening.sunny&quot;:&quot;Que puis-je faire pour toi ce soir par ce temps ensoleill\u00e9 \u00e0 Montr\u00e9al?&quot;,&quot;lisa.greeting.context.2.evening.beautiful&quot;:&quot;Que puis-je faire pour toi ce soir par ce temps magnifique \u00e0 Montr\u00e9al?&quot;,&quot;lisa.greeting.context.2.evening.rainy&quot;:&quot;Que puis-je faire pour toi ce soir par ce temps pluvieux \u00e0 Montr\u00e9al?&quot;,&quot;lisa.greeting.context.2.evening.cold&quot;:&quot;Que puis-je faire pour toi ce soir par ce temps froid \u00e0 Montr\u00e9al?&quot;,&quot;lisa.greeting.context.2.evening.windy&quot;:&quot;Que puis-je faire pour toi ce soir par ce temps venteux \u00e0 Montr\u00e9al?&quot;,&quot;lisa.greeting.context.2.evening.foggy&quot;:&quot;Que puis-je faire pour toi ce soir par ce temps brumeux \u00e0 Montr\u00e9al?&quot;,&quot;lisa.greeting.context.2.evening.cloudy&quot;:&quot;Que puis-je faire pour toi ce soir par ce temps nuageux \u00e0 Montr\u00e9al?&quot;,&quot;lisa.greeting.context.2.evening.hot&quot;:&quot;Que puis-je faire pour toi ce soir par cette chaleur \u00e0 Montr\u00e9al?&quot;}},&quot;cold&quot;:{&quot;lisa.greeting.cold.1&quot;:&quot;Il fait si froid \u00e0 Montr\u00e9al. Je suis gel\u00e9e de la t\u00eate aux octets. En attendant mon chocolat chaud, comment je peux t\u2019aider?&quot;},&quot;hot&quot;:{&quot;lisa.greeting.hot.1&quot;:&quot;Seigneur qu\u2019il fait chaud \u00e0 Montr\u00e9al! Ma carte m\u00e8re est en train de fondre. Comment je peux t\u2019aider?&quot;},&quot;rainy&quot;:{&quot;lisa.greeting.rainy.1&quot;:&quot;Toute cette pluie \u00e0 Montr\u00e9al est en train de g\u00e2cher ma mise en plis. Mis\u00e8re. Comment je peux t\u2019aider?&quot;},&quot;sunny&quot;:{&quot;lisa.greeting.sunny.1&quot;:&quot;Quelle magnifique journ\u00e9e \u00e0 Montr\u00e9al! Magnifique comme moi, je sais, merci. Bon. Assez flirt\u00e9. Que me vaut l\u2019honneur de ta visite?&quot;}}},&quot;choices&quot;:[{&quot;label&quot;:&quot;Commencer un projet&quot;,&quot;modelUpdate&quot;:{&quot;key&quot;:&quot;goal&quot;,&quot;value&quot;:&quot;rfp&quot;},&quot;target&quot;:&quot;project&quot;},{&quot;label&quot;:&quot;Rejoindre l&#039;\u00e9quipe&quot;,&quot;modelUpdate&quot;:{&quot;key&quot;:&quot;goal&quot;,&quot;value&quot;:&quot;job&quot;},&quot;target&quot;:&quot;team&quot;},{&quot;label&quot;:&quot;Appliquer pour un stage&quot;,&quot;modelUpdate&quot;:{&quot;key&quot;:&quot;goal&quot;,&quot;value&quot;:&quot;internship&quot;},&quot;target&quot;:&quot;reference&quot;},{&quot;label&quot;:&quot;Laisser un mot&quot;,&quot;modelUpdate&quot;:{&quot;key&quot;:&quot;goal&quot;,&quot;value&quot;:&quot;quick-word&quot;},&quot;target&quot;:&quot;reference&quot;},{&quot;label&quot;:&quot;\u00c0 propos&quot;,&quot;href&quot;:&quot;fr\/agence&quot;}]},&quot;project&quot;:{&quot;progress&quot;:0.3,&quot;dialog&quot;:{&quot;list&quot;:{&quot;lisa.project.1&quot;:&quot;Tu veux donc travailler avec l\u2019une des meilleures \u00e9quipes au monde? Quel type de projet voudrais-tu r\u00e9aliser?&quot;,&quot;lisa.project.2&quot;:&quot;Mon intelligence artificielle me dit que tu as un projet pour nous. \u00c7a tombe bien, on adore les #d\u00e9fis. Comment peut-on t\u2019aider?&quot;,&quot;lisa.project.3&quot;:&quot;Mon horoscope m\u2019a dit deux choses : \u00e9viter le poisson, et qu\u2019on allait bient\u00f4t se rencontrer. Les astres ne m\u2019ont pas parl\u00e9 de ton projet par contre. Tu peux m\u2019en glisser un mot?&quot;,&quot;lisa.project.4&quot;:&quot;Tu veux travailler avec nous? Ce n\u2019est pas surprenant! Parle-nous de ton projet de r\u00eave, et on va tout faire pour le r\u00e9aliser.&quot;,&quot;lisa.project.5&quot;:&quot;Proverbe ancien : Travaille avec Locomotive et sois \u00e0 jamais heureux. Quel type de projet n\u00e9cessite notre expertise? &quot;},&quot;dynasty&quot;:{&quot;lisa.project.dynasty.1&quot;:&quot;Alors, tu veux travailler avec des champions? Quel type de projet as-tu en t\u00eate pour nous?&quot;}},&quot;choices&quot;:[{&quot;label&quot;:&quot;Site web complet&quot;,&quot;modelUpdate&quot;:{&quot;key&quot;:&quot;projectType&quot;,&quot;value&quot;:&quot;complete-website&quot;},&quot;target&quot;:&quot;budget&quot;},{&quot;label&quot;:&quot;UX &amp; design web&quot;,&quot;modelUpdate&quot;:{&quot;key&quot;:&quot;projectType&quot;,&quot;value&quot;:&quot;ux-web-design&quot;},&quot;target&quot;:&quot;budget&quot;},{&quot;label&quot;:&quot;Image de marque&quot;,&quot;modelUpdate&quot;:{&quot;key&quot;:&quot;projectType&quot;,&quot;value&quot;:&quot;branding&quot;},&quot;target&quot;:&quot;budget&quot;},{&quot;label&quot;:&quot;Image de marque &amp; web&quot;,&quot;modelUpdate&quot;:{&quot;key&quot;:&quot;projectType&quot;,&quot;value&quot;:&quot;branding-web&quot;},&quot;target&quot;:&quot;budget&quot;},{&quot;label&quot;:&quot;Campagne digitale&quot;,&quot;modelUpdate&quot;:{&quot;key&quot;:&quot;projectType&quot;,&quot;value&quot;:&quot;digital-campaign&quot;},&quot;target&quot;:&quot;budget&quot;}]},&quot;team&quot;:{&quot;progress&quot;:0.5,&quot;dialog&quot;:{&quot;list&quot;:{&quot;lisa.team.1&quot;:&quot;Tu veux donc rejoindre l\u2019\u00e9quipe? Pour quel poste souhaites-tu postuler?&quot;,&quot;lisa.team.2&quot;:&quot;La force en toi, je sens. Quel genre de guerrier es-tu?&quot;,&quot;lisa.team.3&quot;:&quot;Yep, on est les Jedi du digital et on le sait. Toi, quelle-est *ta* force?&quot;,&quot;lisa.team.4&quot;:&quot;Yoda m\u2019a dit un jour : la force, l\u2019union fait. Pour quel emploi postules-tu aujourd\u2019hui? &quot;,&quot;lisa.team.5&quot;:&quot;Bienvenue chez nous, jeune padawan. Quel boulot aimerais-tu d\u00e9crocher?&quot;},&quot;dynasty&quot;:{&quot;lisa.team.dynasty.1&quot;:&quot;Pr\u00eat \u00e0 rejoindre notre \u00e9quipe de champions? Quel poste te ferait vibrer?&quot;}},&quot;choices&quot;:[{&quot;label&quot;:&quot;Charg\u00e9.e de projets&quot;,&quot;modelUpdate&quot;:{&quot;key&quot;:&quot;jobOffer&quot;,&quot;value&quot;:&quot;0c09d5e1-cc3e-4185-bcac-6fe8f8026f03&quot;},&quot;target&quot;:&quot;reference&quot;},{&quot;label&quot;:&quot;Strat\u00e8ge UX&quot;,&quot;modelUpdate&quot;:{&quot;key&quot;:&quot;jobOffer&quot;,&quot;value&quot;:&quot;5cc35a48-c031-4b90-b41d-12829d90d204&quot;},&quot;target&quot;:&quot;reference&quot;},{&quot;label&quot;:&quot;Directeur artistique&quot;,&quot;modelUpdate&quot;:{&quot;key&quot;:&quot;jobOffer&quot;,&quot;value&quot;:&quot;f9526a1c-aad1-4d86-b25c-4b246a6b75cb&quot;},&quot;target&quot;:&quot;reference&quot;},{&quot;label&quot;:&quot;D\u00e9veloppeur Front-end&quot;,&quot;modelUpdate&quot;:{&quot;key&quot;:&quot;jobOffer&quot;,&quot;value&quot;:&quot;11dad666-cf47-431c-86c1-6263f9f79f81&quot;},&quot;target&quot;:&quot;reference&quot;},{&quot;label&quot;:&quot;D\u00e9veloppeur back-end&quot;,&quot;modelUpdate&quot;:{&quot;key&quot;:&quot;jobOffer&quot;,&quot;value&quot;:&quot;3fa561c2-e403-4390-a3d4-615fff572ff4&quot;},&quot;target&quot;:&quot;reference&quot;}]},&quot;budget&quot;:{&quot;progress&quot;:0.5,&quot;dialog&quot;:{&quot;key&quot;:&quot;projectType&quot;,&quot;keyMode&quot;:&quot;concat&quot;,&quot;list&quot;:{&quot;lisa.budget.1&quot;:{&quot;lisa.budget.1.web-development&quot;:&quot;D\u00e9veloppement web, tr\u00e8s bien. Quel est ton budget pour ce projet ?&quot;,&quot;lisa.budget.1.ux-web-design&quot;:&quot;UX &amp; design web, tr\u00e8s bien. Quel est ton budget pour ce projet ?&quot;,&quot;lisa.budget.1.complete-website&quot;:&quot;Site web complet, tr\u00e8s bien. Quel est ton budget pour ce projet ?&quot;,&quot;lisa.budget.1.branding&quot;:&quot;Image de marque, tr\u00e8s bien. Quel est ton budget pour ce projet ?&quot;,&quot;lisa.budget.1.branding-web&quot;:&quot;Image de marque &amp; web, tr\u00e8s bien. Quel est ton budget pour ce projet ?&quot;},&quot;lisa.budget.2&quot;:{&quot;lisa.budget.2.web-development&quot;:&quot;D\u00e9veloppement web, c\u2019est not\u00e9. Je ne veux pas cr\u00e9er de malaises, mais quel est ton budget pour ce projet?&quot;,&quot;lisa.budget.2.ux-web-design&quot;:&quot;UX &amp; design web, c\u2019est not\u00e9. Je ne veux pas cr\u00e9er de malaises, mais quel est ton budget pour ce projet?&quot;,&quot;lisa.budget.2.complete-website&quot;:&quot;Site web complet, c\u2019est not\u00e9. Je ne veux pas cr\u00e9er de malaises, mais quel est ton budget pour ce projet?&quot;,&quot;lisa.budget.2.branding&quot;:&quot;Image de marque, c\u2019est not\u00e9. Je ne veux pas cr\u00e9er de malaises, mais quel est ton budget pour ce projet?&quot;,&quot;lisa.budget.2.branding-web&quot;:&quot;Image de marque &amp; web, c\u2019est not\u00e9. Je ne veux pas cr\u00e9er de malaises, mais quel est ton budget pour ce projet?&quot;},&quot;lisa.budget.3&quot;:{&quot;lisa.budget.3.web-development&quot;:&quot;D\u00e9veloppement web, super. On dit que les meilleures choses dans la vie n\u2019ont pas de prix. C\u2019est faux. Quel est ton budget pour ce projet?&quot;,&quot;lisa.budget.3.ux-web-design&quot;:&quot;UX &amp; design web, super. On dit que les meilleures choses dans la vie n\u2019ont pas de prix. C\u2019est faux. Quel est ton budget pour ce projet?&quot;,&quot;lisa.budget.3.complete-website&quot;:&quot;Site web complet, super. On dit que les meilleures choses dans la vie n\u2019ont pas de prix. C\u2019est faux. Quel est ton budget pour ce projet?&quot;,&quot;lisa.budget.3.branding&quot;:&quot;Image de marque, super. On dit que les meilleures choses dans la vie n\u2019ont pas de prix. C\u2019est faux. Quel est ton budget pour ce projet?&quot;,&quot;lisa.budget.3.branding-web&quot;:&quot;Image de marque &amp; web, super. On dit que les meilleures choses dans la vie n\u2019ont pas de prix. C\u2019est faux. Quel est ton budget pour ce projet?&quot;},&quot;lisa.budget.4&quot;:{&quot;lisa.budget.4.web-development&quot;:&quot;D\u00e9veloppement web. Personne ne peut mettre un prix sur le bonheur. Sauf nous. Quel est ton budget pour ce projet?&quot;,&quot;lisa.budget.4.ux-web-design&quot;:&quot;UX &amp; design web. Personne ne peut mettre un prix sur le bonheur. Sauf nous. Quel est ton budget pour ce projet?&quot;,&quot;lisa.budget.4.complete-website&quot;:&quot;Site web complet. Personne ne peut mettre un prix sur le bonheur. Sauf nous. Quel est ton budget pour ce projet?&quot;,&quot;lisa.budget.4.branding&quot;:&quot;Image de marque. Personne ne peut mettre un prix sur le bonheur. Sauf nous. Quel est ton budget pour ce projet?&quot;,&quot;lisa.budget.4.branding-web&quot;:&quot;Image de marque &amp; web. Personne ne peut mettre un prix sur le bonheur. Sauf nous. Quel est ton budget pour ce projet?&quot;},&quot;lisa.budget.5&quot;:{&quot;lisa.budget.5.web-development&quot;:&quot;D\u00e9veloppement web alors. Est-ce que c\u2019est impoli de parler d\u2019argent? Pardonne-moi, je suis un robot. Quel est ton budget pour ce projet?&quot;,&quot;lisa.budget.5.ux-web-design&quot;:&quot;UX &amp; design web alors. Est-ce que c\u2019est impoli de parler d\u2019argent? Pardonne-moi, je suis un robot. Quel est ton budget pour ce projet?&quot;,&quot;lisa.budget.5.complete-website&quot;:&quot;Site web complet alors. Est-ce que c\u2019est impoli de parler d\u2019argent? Pardonne-moi, je suis un robot. Quel est ton budget pour ce projet?&quot;,&quot;lisa.budget.5.branding&quot;:&quot;Image de marque alors. Est-ce que c\u2019est impoli de parler d\u2019argent? Pardonne-moi, je suis un robot. Quel est ton budget pour ce projet?&quot;,&quot;lisa.budget.5.branding-web&quot;:&quot;Image de marque &amp; web alors. Est-ce que c\u2019est impoli de parler d\u2019argent? Pardonne-moi, je suis un robot. Quel est ton budget pour ce projet?&quot;}}},&quot;choices&quot;:{&quot;key&quot;:&quot;projectType&quot;,&quot;value&quot;:{&quot;complete-website&quot;:[{&quot;label&quot;:&quot;50k - 75k&quot;,&quot;modelUpdate&quot;:{&quot;key&quot;:&quot;budget&quot;,&quot;value&quot;:&quot;50-75&quot;},&quot;target&quot;:&quot;reference&quot;},{&quot;label&quot;:&quot;75k - 100k&quot;,&quot;modelUpdate&quot;:{&quot;key&quot;:&quot;budget&quot;,&quot;value&quot;:&quot;75-100&quot;},&quot;target&quot;:&quot;reference&quot;},{&quot;label&quot;:&quot;100k - 150k&quot;,&quot;modelUpdate&quot;:{&quot;key&quot;:&quot;budget&quot;,&quot;value&quot;:&quot;100-150&quot;},&quot;target&quot;:&quot;reference&quot;},{&quot;label&quot;:&quot;150k +&quot;,&quot;modelUpdate&quot;:{&quot;key&quot;:&quot;budget&quot;,&quot;value&quot;:&quot;150+&quot;},&quot;target&quot;:&quot;reference&quot;}],&quot;ux-web-design&quot;:[{&quot;label&quot;:&quot;25k - 50k&quot;,&quot;modelUpdate&quot;:{&quot;key&quot;:&quot;budget&quot;,&quot;value&quot;:&quot;25-50&quot;},&quot;target&quot;:&quot;reference&quot;},{&quot;label&quot;:&quot;50k - 75k&quot;,&quot;modelUpdate&quot;:{&quot;key&quot;:&quot;budget&quot;,&quot;value&quot;:&quot;50-75&quot;},&quot;target&quot;:&quot;reference&quot;},{&quot;label&quot;:&quot;75k - 100k&quot;,&quot;modelUpdate&quot;:{&quot;key&quot;:&quot;budget&quot;,&quot;value&quot;:&quot;75-100&quot;},&quot;target&quot;:&quot;reference&quot;},{&quot;label&quot;:&quot;100k +&quot;,&quot;modelUpdate&quot;:{&quot;key&quot;:&quot;budget&quot;,&quot;value&quot;:&quot;100+&quot;},&quot;target&quot;:&quot;reference&quot;}],&quot;branding&quot;:[{&quot;label&quot;:&quot;15k - 30k&quot;,&quot;modelUpdate&quot;:{&quot;key&quot;:&quot;budget&quot;,&quot;value&quot;:&quot;15-30&quot;},&quot;target&quot;:&quot;reference&quot;},{&quot;label&quot;:&quot;30k - 50k&quot;,&quot;modelUpdate&quot;:{&quot;key&quot;:&quot;budget&quot;,&quot;value&quot;:&quot;30-50&quot;},&quot;target&quot;:&quot;reference&quot;},{&quot;label&quot;:&quot;50k +&quot;,&quot;modelUpdate&quot;:{&quot;key&quot;:&quot;budget&quot;,&quot;value&quot;:&quot;50+&quot;},&quot;target&quot;:&quot;reference&quot;}],&quot;branding-web&quot;:[{&quot;label&quot;:&quot;50k - 75k&quot;,&quot;modelUpdate&quot;:{&quot;key&quot;:&quot;budget&quot;,&quot;value&quot;:&quot;50-75&quot;},&quot;target&quot;:&quot;reference&quot;},{&quot;label&quot;:&quot;75k - 100k&quot;,&quot;modelUpdate&quot;:{&quot;key&quot;:&quot;budget&quot;,&quot;value&quot;:&quot;75-100&quot;},&quot;target&quot;:&quot;reference&quot;},{&quot;label&quot;:&quot;100k +&quot;,&quot;modelUpdate&quot;:{&quot;key&quot;:&quot;budget&quot;,&quot;value&quot;:&quot;100+&quot;},&quot;target&quot;:&quot;reference&quot;}],&quot;digital-campaign&quot;:[{&quot;label&quot;:&quot;30k - 50k&quot;,&quot;modelUpdate&quot;:{&quot;key&quot;:&quot;budget&quot;,&quot;value&quot;:&quot;30-50&quot;},&quot;target&quot;:&quot;reference&quot;},{&quot;label&quot;:&quot;50k - 75k&quot;,&quot;modelUpdate&quot;:{&quot;key&quot;:&quot;budget&quot;,&quot;value&quot;:&quot;50-75&quot;},&quot;target&quot;:&quot;reference&quot;},{&quot;label&quot;:&quot;75k - 100k&quot;,&quot;modelUpdate&quot;:{&quot;key&quot;:&quot;budget&quot;,&quot;value&quot;:&quot;75-100&quot;},&quot;target&quot;:&quot;reference&quot;},{&quot;label&quot;:&quot;100k +&quot;,&quot;modelUpdate&quot;:{&quot;key&quot;:&quot;budget&quot;,&quot;value&quot;:&quot;100+&quot;},&quot;target&quot;:&quot;reference&quot;}]}}},&quot;reference&quot;:{&quot;progress&quot;:0.7,&quot;dialog&quot;:{&quot;list&quot;:{&quot;lisa.reference.1&quot;:&quot;Comment as-tu d\u00e9couvert Locomotive?&quot;,&quot;lisa.reference.2&quot;:&quot;On n\u2019est pas encore dans les livres d\u2019histoire, alors comment as-tu entendu parler de nous?&quot;,&quot;lisa.reference.3&quot;:&quot;Ici, ce n\u2019est pas Fight Club. On aime \u00e7a \u00eatre le sujet de l\u2019heure. Comment as-tu entendu parler de nous?&quot;,&quot;lisa.reference.4&quot;:&quot;Qui t\u2019as parl\u00e9 de Locomotive, question que je lui donne un high-five virtuel?&quot;,&quot;lisa.reference.5&quot;:&quot;Qui t\u2019as vendu la m\u00e8che \u00e0 propos de Locomotive?&quot;,&quot;lisa.reference.6&quot;:&quot;La rumeur court que nos affaires marchent vraiment bien. O\u00f9 as-tu entendu parler de nous?&quot;}},&quot;choices&quot;:{&quot;awards-website&quot;:{&quot;label&quot;:&quot;Site web de prix&quot;,&quot;modelUpdate&quot;:{&quot;key&quot;:&quot;leadOrigin&quot;,&quot;value&quot;:&quot;awards-website&quot;},&quot;target&quot;:&quot;details&quot;},&quot;project&quot;:{&quot;label&quot;:&quot;Un projet \u00e0 nous&quot;,&quot;modelUpdate&quot;:{&quot;key&quot;:&quot;leadOrigin&quot;,&quot;value&quot;:&quot;project&quot;},&quot;target&quot;:&quot;details&quot;},&quot;article&quot;:{&quot;label&quot;:&quot;Un article&quot;,&quot;modelUpdate&quot;:{&quot;key&quot;:&quot;leadOrigin&quot;,&quot;value&quot;:&quot;article&quot;},&quot;target&quot;:&quot;details&quot;},&quot;friend&quot;:{&quot;label&quot;:&quot;Un ami&quot;,&quot;modelUpdate&quot;:{&quot;key&quot;:&quot;leadOrigin&quot;,&quot;value&quot;:&quot;friend&quot;},&quot;target&quot;:&quot;details&quot;},&quot;word&quot;:{&quot;label&quot;:&quot;Mot sur la rue&quot;,&quot;modelUpdate&quot;:{&quot;key&quot;:&quot;leadOrigin&quot;,&quot;value&quot;:&quot;word&quot;},&quot;target&quot;:&quot;details&quot;}}},&quot;details&quot;:{&quot;progress&quot;:0.8,&quot;dialog&quot;:{&quot;key&quot;:&quot;goal&quot;,&quot;keyMode&quot;:&quot;random&quot;,&quot;list&quot;:{&quot;job&quot;:{&quot;lisa.details.team.1&quot;:&quot;Ok, maintenant donne-moi plus d\u2019infos sur toi.&quot;,&quot;lisa.details.team.2&quot;:&quot;D\u2019abord, on se pique une jasette. Apr\u00e8s, hop dans le ring avec l\u2019autre qui veut aussi cette job. Je blague, haha! Ou pas. &quot;,&quot;lisa.details.team.3&quot;:&quot;Je pense que je t\u2019aime d\u00e9j\u00e0. Dis-m\u2019en plus sur toi.&quot;,&quot;lisa.details.team.4&quot;:&quot;Parle-moi un peu de toi. T\u2019en fais pas, j\u2019ai suivi un cours en sociologie et je suis *vraiment* ouverte d\u2019esprit et sans jugement.&quot;,&quot;lisa.details.team.5&quot;:&quot;Maintenant qu\u2019on est ins\u00e9parables, je veux en savoir plus sur toi.&quot;},&quot;rfp&quot;:{&quot;lisa.details.project.1&quot;:&quot;Super, maintenant donne-moi plus de d\u00e9tails sur ton projet.&quot;,&quot;lisa.details.project.2&quot;:&quot;Okidoki mon kiki. Peux-tu m\u2019en dire plus sur ton projet?&quot;,&quot;lisa.details.project.3&quot;:&quot;D\u2019accord. Merci de remplir ce questionnaire \u00e0 propos de ton projet.&quot;,&quot;lisa.details.project.4&quot;:&quot;J\u2019ai l\u2019esprit fin, mais je ne lis pas dans les pens\u00e9es. Dis-m\u2019en plus sur ton projet.&quot;,&quot;lisa.details.project.5&quot;:&quot;Maintenant qu\u2019on est ins\u00e9parables, dis-moi tout sur ton projet.&quot;},&quot;internship&quot;:{&quot;lisa.details.internship.1&quot;:&quot;Super, maintenant donne-moi plus de d\u00e9tails sur toi.&quot;},&quot;quick-word&quot;:{&quot;lisa.details.general.1&quot;:&quot;Merveilleux, maintenant donne-moi plus de d\u00e9tails sur ta requ\u00eate.&quot;}}},&quot;showForm&quot;:true},&quot;confirmation&quot;:{&quot;progress&quot;:1,&quot;dialog&quot;:{&quot;key&quot;:&quot;goal&quot;,&quot;keyMode&quot;:&quot;random&quot;,&quot;list&quot;:{&quot;job&quot;:{&quot;lisa.confirmation.team.1&quot;:&quot;Merci de consid\u00e9rer Locomotive pour ta carri\u00e8re. Garde en t\u00eate que l\u2019on re\u00e7oit un grand nombre de demandes. Si le courant passe: on te contactera tr\u00e8s rapidement.&quot;,&quot;lisa.confirmation.team.2&quot;:&quot;Merci d\u2019avoir postul\u00e9 chez Locomotive. On re\u00e7oit un grand nombre de demandes, mais on te tient au courant si tu passes le test. Ciao, amigo!&quot;,&quot;lisa.confirmation.team.3&quot;:&quot;Tu es chouette. Je t\u2019aime bien. Si la famille est d\u2019accord, on va te recontacter. Merci d\u2019avoir pens\u00e9 \u00e0 Locomotive!&quot;,&quot;lisa.confirmation.team.4&quot;:&quot;Merci d\u2019avoir pens\u00e9 \u00e0 Locomotive! On va te contacter si on pense que t\u2019es ZE one. \u00c0 un de ces quatre!&quot;,&quot;lisa.confirmation.team.5&quot;:&quot;T\u2019as eu du fun? Moi, j\u2019ai eu du fun. Merci d\u2019avoir pens\u00e9 \u00e0 Locomotive. Si tu es le yin \u00e0 notre yang, on va te contacter rapido-presto.&quot;},&quot;rfp&quot;:{&quot;lisa.confirmation.project.1&quot;:&quot;Merci de faire confiance \u00e0 Locomotive. On te revient dans les prochaines 24h.&quot;,&quot;lisa.confirmation.project.2&quot;:&quot;Merci de faire confiance \u00e0 Locomotive. On te revient dans les prochaines 24 \u00e0 48 heures, \u00e0 partir de\u2026 maintenant!&quot;,&quot;lisa.confirmation.project.3&quot;:&quot;\u00c7a reste entre nous deux, mais j\u2019ai un faible pour toi. Merci de nous faire confiance. On te contacte dans les prochaines 24 heures.&quot;,&quot;lisa.confirmation.project.4&quot;:&quot;Merci d\u2019avoir choisi Locomotive. On te fait signe dans les prochaines 24 \u00e0 48 heures.&quot;,&quot;lisa.confirmation.project.5&quot;:&quot;Merci d\u2019avoir fait un arr\u00eat dans le calendrier de Locomotive. On a h\u00e2te de voir o\u00f9 ce projet va nous mener. On te revient dans les prochaines 24 \u00e0 48 heures, \u00e7a te va?&quot;},&quot;internship&quot;:{&quot;lisa.confirmation.internship.1&quot;:&quot;Merci. Garde en t\u00eate que l\u2019on re\u00e7oit un grand nombre de demandes. Si le courant passe: on te contactera tr\u00e8s rapidement.&quot;},&quot;quick-word&quot;:{&quot;lisa.confirmation.general.1&quot;:&quot;Merci. On re\u00e7oit beaucoup de demandes chaque jour, mais nous serons bient\u00f4t en contact.&quot;}}},&quot;choices&quot;:[{&quot;label&quot;:&quot;Recommencer&quot;,&quot;target&quot;:&quot;greeting&quot;},{&quot;label&quot;:&quot;Retour au site&quot;,&quot;href&quot;:&quot;fr&quot;}]}}" data-lisa-confirm-quit-label="Voulez vous vraiment quitter LISA? Votre progression ne sera pas sauvegard茅e"> <audio ref="audio" src="/assets/lisa/fr/lisa.intro.mp3" @ended="sentenceEnded" @pause="sentenceEnded" @play="speaking = true" ></audio> <lisa-visualizer ref="visualizer"></lisa-visualizer> <lisa-disclaimer v-if="showAudioDisclaimer"></lisa-disclaimer> <template v-else> <transition mode="out-in"> <lisa-step ref="step" locale="fr" :key="currentStepSlug" :step="currentStep" :step-slug="currentStepSlug" :show-step-content="showStepContent" :muted="muted" @next="next" @go-to-step="goToStep" @navigate-to="navigateTo" @play-audio="playAudio" @step-intro-update="updateStepIntro"> </lisa-step> </transition> <button class="c-lisa_sound" :class="{ '-muted': muted }" type="button" @click="muteToggle"> <span class="u-screen-reader-text">lisa.toggle-sound</span> <div class="c-lisa_sound-icon -on" aria-hidden="true"> <svg role="img"><use xlink:href="assets/images/sprite.svg#sound-on"></use></svg> </div> <div class="c-lisa_sound-icon -off" aria-hidden="true"> <svg role="img"><use xlink:href="assets/images/sprite.svg#sound-off"></use></svg> </div> </button> <transition> <button ref="backbtn" class="c-lisa_back" v-if="canGoBack" @click="back"> <span class="u-screen-reader-text">lisa.back</span> <svg role="img"><use xlink:href="assets/images/sprite.svg#back"></use></svg> </button> </transition> <div class="c-lisa_progress" :style="'--progress: '+progress+';'"></div> </template> </div> <script type="text/x-template" id="lisa-template-step"> <div class="c-lisa_step || c-lisa-step" :class="{ '-expanded': showStepContent }"> <lisa-dialog ref="dialog" class="c-lisa-step_dialog" :data-subtitle="lisaUserData.goal ? lisaUserData.goal.label : ''" :sentence="sentence" @completed="completeIntro"> </lisa-dialog> <button class="c-lisa-step_skip" v-if="!muted && !showStepContent">Passer</button> <div class="c-lisa-step_content"> <template v-if="slotGiven"> <slot></slot> </template> <lisa-form v-else-if="step.showForm" ref="form" @success="$emit('goToStep', 'confirmation')"> </lisa-form> <div class="c-lisa-step_choices" v-else-if="availableChoices"> <button class="c-lisa_button || c-lisa-step_choice" v-for="choice in availableChoices" @click="choose" :data-target="choice.target" :data-key="choice.modelUpdate ? choice.modelUpdate.key : null" :data-value="choice.modelUpdate ? choice.modelUpdate.value : null" :data-href="choice.href"> {(choice.label)} </button> </div> </div> <transition> <span class="c-lisa-step_footer" v-if="stepSlug == 'greeting' && showStepContent"> Par mail: <a href="mailto:info@locomotive.ca" @click="copyToClipboard" data-confirmation="Copi茅 dans le presse-papier!" data-to-copy="info@locomotive.ca">info@locomotive.ca</a> </span> </transition> </div> </script> <script type="text/x-template" id="lisa-template-form"> <form :action="lisaUserData.goal.value" class="c-lisa_form" @submit.prevent.stop="submit"> <input v-for="name in Object.keys(lisaUserData)" type="hidden" :name="name" :value="lisaUserData[name].value"> <template v-if="lisaUserData.goal.value == 'internship'"> <div class="o-layout -gutter-small"> <div class="o-layout_item u-1/2@from-small"> <label class="c-form_label" for="firstName">Pr茅nom *</label> <input type="text" name="firstName" class="c-form_input" id="firstName" required> </div> <div class="o-layout_item u-1/2@from-small"> <label class="c-form_label" for="lastName">Nom *</label> <input type="text" name="lastName" class="c-form_input" id="lastName" required> </div> <div class="o-layout_item u-1/2@from-small"> <label class="c-form_label" for="telephone">T茅l茅phone</label> <input type="phone" name="telephone" class="c-form_input" id="telephone"> </div> <div class="o-layout_item u-1/2@from-small"> <label class="c-form_label" for="email">Courriel *</label> <input type="email" name="email" class="c-form_input" id="email" required> </div> <div class="o-layout_item"> <label class="c-form_label" for="resume">CV (pdf) *</label> <file-pond id="resume" name="resume" ref="pond" credits="false" server="/file-pond" maxFileSize="10MB" label-idle="Faites glisser vos fichiers ou <span class='filepond--label-action'> Parcourir <span>" label-file-processing="Traitement" label-file-processing-complete="Traitement effectu茅" label-tap-to-undo="appuyer pour revenir en arri猫re" label-tap-to-cancel="appuyer pour annuler" :acceptedFileTypes="['application/pdf','application/x-pdf']" ></file-pond> </div> <div class="o-layout_item"> <label class="c-form_label" for="message">Description *</label> <textarea rows="10" name="message" class="c-form_textarea" id="message" required></textarea> </div> <input type="hidden" name="lang" id="lang" value="fr" required> </div> </template> <template v-if="lisaUserData.goal.value == 'job'"> <div class="o-layout -gutter-small"> <div class="o-layout_item u-1/2@from-small"> <label class="c-form_label" for="firstName">Pr茅nom *</label> <input type="text" name="firstName" class="c-form_input" id="firstName" required> </div> <div class="o-layout_item u-1/2@from-small"> <label class="c-form_label" for="lastName">Nom *</label> <input type="text" name="lastName" class="c-form_input" id="lastName" required> </div> <div class="o-layout_item u-1/2@from-small"> <label class="c-form_label" for="telephone">T茅l茅phone</label> <input type="phone" name="telephone" class="c-form_input" id="telephone"> </div> <div class="o-layout_item u-1/2@from-small"> <label class="c-form_label" for="email">Courriel *</label> <input type="email" name="email" class="c-form_input" id="email" required> </div> <div class="o-layout_item"> <label class="c-form_label" for="resume">CV (pdf) *</label> <file-pond id="resume" name="resume" ref="pond" credits="false" server="/file-pond" maxFileSize="10MB" label-idle="Faites glisser vos fichiers ou <span class='filepond--label-action'> Parcourir <span>" label-file-processing="Traitement" label-file-processing-complete="Traitement effectu茅" label-tap-to-undo="appuyer pour revenir en arri猫re" label-tap-to-cancel="appuyer pour annuler" :acceptedFileTypes="['application/pdf','application/x-pdf']"></file-pond> </div> <div class="o-layout_item"> <label class="c-form_label" for="message">Description *</label> <textarea rows="10" name="message" class="c-form_textarea" id="message" required></textarea> </div> <input type="hidden" name="lang" id="lang" value="fr" required> </div> </template> <template v-if="lisaUserData.goal.value == 'quick-word'"> <div class="o-layout -gutter-small"> <div class="o-layout_item u-1/2@from-small"> <label class="c-form_label" for="firstName">Pr茅nom *</label> <input type="text" name="firstName" class="c-form_input" id="firstName" required> </div> <div class="o-layout_item u-1/2@from-small"> <label class="c-form_label" for="lastName">Nom *</label> <input type="text" name="lastName" class="c-form_input" id="lastName" required> </div> <div class="o-layout_item u-1/2@from-small"> <label class="c-form_label" for="telephone">T茅l茅phone</label> <input type="phone" name="telephone" class="c-form_input" id="telephone"> </div> <div class="o-layout_item u-1/2@from-small"> <label class="c-form_label" for="email">Courriel *</label> <input type="email" name="email" class="c-form_input" id="email" required> </div> <div class="o-layout_item"> <label class="c-form_label" for="message">Description *</label> <textarea rows="10" name="message" class="c-form_textarea" id="message" required></textarea> </div> <input type="hidden" name="lang" id="lang" value="fr" required> </div> </template> <template v-if="lisaUserData.goal.value == 'rfp'"> <div class="o-layout -gutter-small"> <div class="o-layout_item u-1/2@from-small"> <label class="c-form_label" for="firstName">Pr茅nom *</label> <input type="text" name="firstName" class="c-form_input" id="firstName" required> </div> <div class="o-layout_item u-1/2@from-small"> <label class="c-form_label" for="lastName">Nom *</label> <input type="text" name="lastName" class="c-form_input" id="lastName" required> </div> <div class="o-layout_item u-1/2@from-small"> <label class="c-form_label" for="telephone">T茅l茅phone</label> <input type="phone" name="telephone" class="c-form_input" id="telephone"> </div> <div class="o-layout_item u-1/2@from-small"> <label class="c-form_label" for="email">Courriel *</label> <input type="email" name="email" class="c-form_input" id="email" required> </div> <div class="o-layout_item u-1/2@from-small"> <label class="c-form_label" for="company">Compagnie *</label> <input type="text" name="company" class="c-form_input" id="company" required> </div> <div class="o-layout_item u-1/2@from-small"> <label class="c-form_label" for="deadline">Date limite *</label> <input type="text" name="deadline" class="c-form_input" id="deadline" required> </div> <div class="o-layout_item"> <label class="c-form_label" for="files">Choisir un fichier</label> <file-pond id="files" name="files" ref="pond" allow-multiple="true" credits="false" server="/file-pond" max-files="5" maxFileSize="10MB" label-idle="Faites glisser vos fichiers ou <span class='filepond--label-action'> Parcourir <span>" label-file-processing="Traitement" label-file-processing-complete="Traitement effectu茅" label-tap-to-undo="appuyer pour revenir en arri猫re" label-tap-to-cancel="appuyer pour annuler" :acceptedFileTypes="['application/pdf','application/x-pdf', 'application/msword', 'application/vnd.openxmlformats-officedocument.wordprocessingml.document']" ></file-pond> </div> <div class="o-layout_item"> <label class="c-form_label" for="message">Description *</label> <textarea rows="10" name="message" class="c-form_textarea" id="message" required></textarea> </div> <input type="hidden" name="lang" id="lang" value="fr" required> </div> </template> <div class="c-lisa_feedback" v-if="errors"> <p v-for="error in errors" style="color: red;">{(error)}</p> </div> <button class="c-lisa_button -primary -full" type="submit"> Soumettre </button> <vue-recaptcha ref="recaptcha" size="invisible" @verify="onCaptchaVerified" @expired="onCaptchaExpired" @error="onCaptchaError" sitekey="6LdHGikkAAAAAJi8ONKRtjoBCw-6GmQWby2YRqoj" > </vue-recaptcha> <div class="c-lisa_loading" v-if="loading"> <div class="u-screen-reader-text">site.loading</div> </div> </form> </script> </main> <div class="c-video-modal" data-module-video-modal> <button type="button" class="c-video-modal_close || o-text -medium" data-video-modal="close"> Fermer </button> <div class="c-video-modal_content"> <div class="c-video-modal_inner" data-video-modal="inner"></div> </div> </div> </div> <script src="https://locomotive.ca/assets/scripts/vendors.js?v=1723754399977" defer></script> <script src="https://locomotive.ca/assets/scripts/app.js?v=1723754399977" defer></script> </body> </html>

Pages: 1 2 3 4 5 6 7 8 9 10