CINXE.COM
Trouver un emploi - Guichet-Emplois
<!DOCTYPE html> <html class="no-js" lang="fr" dir="ltr"><head id="j_id_5"> <meta charset="utf-8" /> <title>Trouver un emploi - Guichet-Emplois </title> <meta content="width=device-width,initial-scale=1" name="viewport" /> <meta name="dcterms.language" content="fra" /> <meta name="dcterms.creator" content="Emploi et Développement social Canada" /> <meta name="dcterms.service" content="ESDC-EDSC_JobBank-GuichetEmplois" /> <meta name="dcterms.accessRights" content="2" /><meta name="dcterms.title" content="Trouver un emploi - Guichet-Emplois" /> <meta property="og:title" content="Trouver un emploi - Guichet-Emplois" /> <meta property="og:description" name="description" content="Description de la page par défaut" /> <meta property="og:url" content="http://www.guichetemplois.gc.ca/landing-intro-findajob.xhtml" /> <meta property="og:image" content="https://www.jobbank.gc.ca/themes-sat/assets/favicon-mobile.png" /><link type="text/css" rel="stylesheet" href="/jakarta.faces.resource/primeicons/primeicons.css.xhtml;jsessionid=1F4E6A9025F5DE12697B62900E5819D7.jobsearch76?ln=primefaces&v=12.0.0" /><script type="text/javascript">if(window.PrimeFaces){PrimeFaces.settings.locale='fr_CA';PrimeFaces.settings.viewId='/landing-intro-findajob.xhtml';PrimeFaces.settings.contextPath='';PrimeFaces.settings.cookiesSecure=false;}</script> <link href="/themes-sat/assets/favicon.ico" rel="icon" type="image/x-icon" /> <link rel="stylesheet" href="/themes-sat/css/theme.min.css" /> <link rel="stylesheet" href="/themes-sat/css/cdtsfixes.css" /> <link rel="stylesheet" href="/themes-sat/css/apps.css" /> <link href="/themes-jb/fontawesomepro/css/all.min.css" rel="stylesheet" /> <link href="/themes-jb/fontawesomepro/css/v4-shims.min.css" rel="stylesheet" /> <link rel="stylesheet" href="/themes-jb/js/css/jquery.timepicker.css" /> <link rel="stylesheet" href="/themes-jb/css/theme-jb.css" /> <link rel="stylesheet" href="/themes-jb/js/css/typeahead.css" /> <noscript> <link rel="stylesheet" href="/themes-sat/css/noscript.min.css" /> <link rel="stylesheet" href="/themes-sat/css/appsnoscript.css" /> </noscript> <link rel="stylesheet" href="/themes-jb/css/project-jb-style.css" /> <link rel="stylesheet" href="/themes-jb/css/project-style.css" /> <link rel="stylesheet" href="/themes-jb/css/animate.css" /><!--[if lt IE 9]> <link rel="stylesheet" href="/themes-jb/css/project-style-ie8.css" /><![endif]--> <link rel="stylesheet" href="/invitation-manager/Overlay.css" /> <script> //<![CDATA[ dataLayer1 = []; (function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-W625MMN'); //]]> </script> <script src="//assets.adobedtm.com/be5dfd287373/9b9cb7867b5b/launch-59d77766b86a.min.js"></script></head><body vocab="https://schema.org/" typeof="WebPage"> <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-W625MMN" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> <nav> <ul id="wb-tphp"> <li class="wb-slc"><a class="wb-sl" href="#wb-cont">Passer au contenu principal</a></li> <li class="wb-slc visible-sm visible-md visible-lg"><a class="wb-sl" href="#wb-info">Passer à « À propos de cette application Web »</a></li> </ul> </nav> <header> <div id="wb-bnr" class="container"> <div class="row"> <section id="wb-lng" class="pull-right text-right"> <h2 class="wb-inv">Sélection de la langue</h2> <ul class="list-inline mrgn-bttm-0"> <li><a href="https://www.jobbank.gc.ca/intro/findajob" lang="en"> <span class="hidden-xs">English</span> <abbr title="English" class="visible-xs h3 mrgn-tp-sm mrgn-bttm-0 text-uppercase">en</abbr> </a></li> </ul> </section> <div class="brand col-xs-9 col-sm-5 col-md-4" property="publisher" typeof="GovernmentOrganization"> <img src="/themes-sat/assets/sig-blk-en.svg" alt="" property="logo" /><span class="wb-inv" property="name"> Government of Canada / <span lang="fr">Gouvernement du Canada</span></span> <meta property="areaServed" typeof="Country" content="Canada" /> <link property="logo" href="/themes-sat/assets/wmms-blk.svg" /> </div> <section id="wb-srch" class="col-lg-offset-4 col-md-offset-4 col-sm-offset-2 col-xs-12 col-sm-5 col-md-4 visible-md visible-lg"> <h2>Recherche</h2> <form action="#" method="post" name="cse-search-box" role="search" class="form-inline"> <div class="form-group wb-srch-qry"> <label for="wb-srch-q" class="wb-inv">Recherchez le site Web</label> <input id="wb-srch-q" class="wb-srch-q form-control" name="q" type="search" value="" size="34" maxlength="170" placeholder="Recherche" /> </div> <div class="form-group submit"> <button type="submit" id="wb-srch-sub" class="btn btn-primary btn-small" name="wb-srch-sub"><span class="glyphicon-search glyphicon"></span><span class="wb-inv">Recherche</span></button> </div> </form> </section> </div> </div> <div class="app-bar"> <div class="container"> <div class="row"> <section class="col-xs-12 col-sm-7"> <h2 class="wb-inv">Nom de l'application Web</h2> <a class="app-name" href="https://www.guichetemplois.gc.ca/accueil">Guichet-Emplois</a> </section> <nav class="col-sm-5 hidden-xs hidden-print"><form id="j_id_23_4" name="j_id_23_4" method="post" action="/intro/trouverunemploi;jsessionid=1F4E6A9025F5DE12697B62900E5819D7.jobsearch76" class="dept-nav" enctype="application/x-www-form-urlencoded"> <h2 class="wb-inv">Menu des paramètres du compte</h2> <ul class="app-list-account list-unstyled"> <li class="signon btn-group pull-right "> <button type="button" class="btn dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> <span class="title"><span class="in-icon fas fa-user-circle fa-lg" aria-hidden="true"></span> <span class="fullName">Ouvrir une session</span><span class="fa fa-chevron-down" aria-hidden="true"></span></span> </button> <ul class="dropdown-menu"> <li><a href="https://www.guichetemplois.gc.ca/connexion">Chercheurs d’emploi</a></li> <li><a href="https://employeur.guichetemplois.gc.ca/employer/tableau">Employeurs</a></li> </ul> </li> </ul><input type="hidden" name="j_id_23_4_SUBMIT" value="1" /><input type="hidden" name="jakarta.faces.ViewState" id="j_id__v_0:jakarta.faces.ViewState:1" value="stateless" autocomplete="off" /></form> </nav> </div> </div> </div> <div class="app-bar-mb container visible-xs-block hidden-print"> <nav> <h2 class="wb-inv">Menu et recherche</h2> <ul class="app-list-main list-unstyled"> <li class="wb-mb-links" id="wb-glb-mn"><a href="#mb-pnl" aria-controls="mb-pnl" class="btn overlay-lnk" role="button">Menu</a><h2>Menu</h2></li> </ul> <div id="mb-pnl"></div> </nav> <nav> <h2 class="wb-inv">Menu des paramètres du compte</h2><form id="j_id_25_3" name="j_id_25_3" method="post" action="/intro/trouverunemploi;jsessionid=1F4E6A9025F5DE12697B62900E5819D7.jobsearch76" class="dept-nav" enctype="application/x-www-form-urlencoded"> <ul class="app-list-account list-unstyled"> <li class="signon btn-group pull-right "> <button type="button" class="btn dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> <span class="title"><span class="in-icon fas fa-user-circle fa-lg" aria-hidden="true"></span> <span class="fullName">Ouvrir une session</span><span class="fa fa-chevron-down" aria-hidden="true"></span></span> </button> <ul class="dropdown-menu"> <li><a href="https://www.guichetemplois.gc.ca/connexion">Chercheurs d’emploi</a></li> <li><a href="https://employeur.guichetemplois.gc.ca/employer/tableau">Employeurs</a></li> </ul> </li> </ul><input type="hidden" name="j_id_25_3_SUBMIT" value="1" /><input type="hidden" name="jakarta.faces.ViewState" id="j_id__v_0:jakarta.faces.ViewState:2" value="stateless" autocomplete="off" /></form> </nav> </div> <nav id="wb-sm" data-ajax-replace="/themes-sat/ajax/appmenu.xhtml?TF=false" data-trgt="mb-pnl" class="wb-menu visible-md visible-lg" typeof="SiteNavigationElement"> <div class="pnl-strt container nvbar"> <h2 class="wb-inv">Menu de navigation principal</h2> <div class="row"> <ul class="list-inline menu" role="menubar"> <li role="none"><a href="https://www.guichetemplois.gc.ca/trouverunemploi" class="item">Recherche d’emploi</a></li> <li role="none"><a href="https://www.guichetemplois.gc.ca/planification-carriere" class="item">Planification de carrière</a></li> <li role="none"><a href="https://www.guichetemplois.gc.ca/analyse-tendances" class="item">Information sur le marché du travail</a></li> <li role="none"><a href="https://www.guichetemplois.gc.ca/employeurs" class="item">Embauche</a></li> <li role="none"><a href="https://www.guichetemplois.gc.ca/apropos" class="item">Aide</a></li> <li role="none"><a href="https://www.guichetemplois.gc.ca/intro" class="item">À propos</a></li> </ul> </div> </div> </nav> <nav id="wb-bc" property="breadcrumb"> <h2>Vous êtes ici :</h2> <div class="container"> <ol class="breadcrumb"><li><a href="https://www.guichetemplois.gc.ca/" >Guichet-Emplois</a></li><li><a href="/intro" >Introduction</a></li> </ol> </div> </nav> </header> <div id="header-search"> </div> <div class="mobile-app prm-flpr theme-light theme-H-light"> <div class="container"> <div class="row"> <section class="hero-content-wrapper"> <div class="hero-content-wrapper-inner"> <div class="cover-container"> <div id="messageblock-content" tabindex="-1"><div id="messageblock" role="region" aria-live="polite"></div> </div> <div class="inner cover demo-content-head"> <div class="row"> <div class="col-md-6"> <h1 property="name" id="wb-cont" class="cover-heading"><span class="directory">En quelques étapes</span>Apprenez comment trouver un emploi<br />sur le Guichet-Emplois</h1> <p><a href="https://www.guichetemplois.gc.ca/reg/instructions" class="btn btn-lg btn-default btn-cta">Inscrivez-vous maintenant!</a></p> </div> <div class="col-md-6"> <span class="feature-hero-object jb web-screenshot-fr"></span> </div> <div class="clearfix"></div> </div> <div class="scroll-down-wrapper animated bounce"><a href="#" class="scroll-down"><span class="fal fa-chevron-circle-down"></span></a></div> <div class="clearfix"></div> </div> </div> </div> </section> </div> </div> </div> <main role="main" property="mainContentOfPage"> <div class="grey bg demo-content-wrapper"> <div class="container"> <section class="header-section col-md-12 demo-content"> <div class="demo-content-details-center"> <h2 class="text-center">Comment le Guichet-Emplois peut-il vous aider à trouver un emploi?</h2> <div class="col-md-12 col-set"> <div class="col-md-4 row col-a"> <div class="row demo-content-hero-wrapper"><img src="../themes-jb/images/mobileapp/hand-aok.svg" class="demo-content-hero-image" alt="" /></div> <h3>Notre variété d’offres d’emploi</h3> <p>Plus d’un million de nouvelles offres d’emploi dans les secteurs privé et public sont publiées chaque année sur le Guichet-Emplois, et des milliers chaque jour.</p> </div> <div class="col-md-4 row col-b"> <div class="row demo-content-hero-wrapper"><img src="../themes-jb/images/mobileapp/desktop-folder-document-pen.svg" class="demo-content-hero-image" alt="" /></div> <h3>Nos outils flexibles</h3> <p>Au Guichet-Emplois, vous avez le contrôle. Nous mettons à votre disposition une variété d’outils facilitant chaque étape de la recherche d’emploi. Nos outils vous donnent la flexibilité dont vous avez besoin pour trouver des offres d’emploi qui vous intéressent, ou pour les laisser venir à vous.</p> </div> <div class="col-md-4 row col-a"> <div class="row demo-content-hero-wrapper"><img src="../themes-jb/images/mobileapp/security-shield-trust.svg" class="demo-content-hero-image" alt="" /></div> <h3>Notre réputation</h3> <p>Nous nous assurons que le Guichet-Emplois est sécuritaire et fiable pour tout le monde. Il n’est pas étonnant qu’autant de Canadiens lui fassent confiance. Plus de 270 000 employeurs utilisent le Guichet-Emplois, et près de 200 000 chercheurs d’emploi le consultent à chaque jour.</p> </div> <div class="col-md-12 text-center"> <p class="call-to-action-label">Laissez-nous vous montrer comment ça fonctionne.</p> </div> </div> <div class="clearfix"></div> </div> </section> </div> </div> <div id="tochead" class="pagenav demo-content-wrapper"> <div class="container"> <section class="col-md-12 demo-content"> <div class="demo-content-details"> <div class="col-md-6 service-content-details illustration service-content-image"> <img src="../themes-jb/images/intro/findajob/21-business-challenge-goal-1.svg" class="full-width" alt="" /> </div> <div class="col-md-6 pull-left"> <h2 class="toc"><span class="title">Recherche d’emploi</span> Parcourez les offres d’emploi</h2> <p>Plus de 80 000 offres d’emploi sont présentement publiées sur le Guichet-Emplois! Entrez simplement une appellation d’emploi et une région (ou d’autres mots-clés), et une liste de résultats s’affichera.</p> <p>Trop de résultats de recherche? Vous pouvez les raffiner à l’aide des filtres afin de trouver exactement ce que vous cherchez. Pour des résultats encore plus précis, essayez la fonction de recherche avancée.</p> <div class="col-md-12 row"> <a href="#video-jobsearch" class="video-thumbnail video-thumbnail-command-jobsearch" role="button"> <span class="icon fa-stack fa-2x"> <span class="fas fa-circle fa-stack-2x"></span> <span class="fas fa-play-circle fa-stack-1x fa-inverse"></span> </span> <span class="text">Comment chercher des offres d’emploi</span></a> </div> <div class="clearfix"></div> <div class="mrgn-tp-lg col-md-6 call-to-action sub"> <a href="/jobsearch/">Faire une recherche</a> </div> </div> <div class="clearfix"></div> <section id="video-jobsearch" class="mfp-hide modal-dialog modal-content overlay-def video-intro"> <header class="modal-header"> <h2 class="modal-title">Comment chercher des offres d’emploi</h2> </header> <div class="modal-body"> <figure class="wb-mltmd video-wrapper"> <video title="Comment chercher des offres d’emploi"><source type="video/youtube" src="https://youtu.be/ZFHX_l8QW50"> </video> <figcaption> <details> <summary>Transcription</summary><p><strong>Page-titre :</strong> Cette vidéo explique comment chercher des offres d’emploi sur le Guichet-Emplois, le site de recherche d’emploi gratuit du Gouvernement du Canada.</p> <p><strong>Page 1 : </strong>Pour commencer votre recherche, saisissez une appellation d’emploi ou d’autres mots-clés dans la barre de recherche. Ensuite, entrez le code postal ou le nom de l’emplacement où vous voulez travailler au Canada.</p> <p>Cliquez sur l’icône de recherche. </p> <p><strong>Page 2 : </strong>Vous obtiendrez une liste d’offres d’emploi correspondant le mieux à vos critères de recherche.</p> <p><strong>Page 3 : </strong>Vous pouvez trier les offres d’emploi par date de publication ou par distance.</p> <p><strong>Page 4 : </strong>Vous pouvez ensuite préciser votre recherche en utilisant les filtres d’emploi situés à la gauche de la page. <br /> Par exemple, vous pouvez ajuster le rayon de distance pour limiter les résultats aux emplois situés dans une distance spécifique de l’emplacement sélectionné. Vous pouvez aussi filtrer les résultats en fonction des heures de travail, du salaire, et d’autres critères. Vous pouvez même choisir de voir seulement les emplois permettant le travail à distance.</p> <p><strong>Page 5 : </strong>Pour préciser votre recherche davantage, vous pouvez utiliser la fonction de recherche « avancée » en cliquant sur le bouton situé à côté de l’icône de recherche.</p> <p><strong>Page 6 </strong>: La page « Recherche avancée » vous donne accès à des filtres supplémentaires tels que « domaines d’emploi » ou « candidats ciblés ». </p> <p>Après avoir sélectionné vos filtres, cliquez sur « Consultez les résultats ».</p> <p><strong>Page 7 </strong>: Sur la page des résultats, vous remarquerez des offres d’emploi provenant de sources variées. Le Guichet-Emplois collabore avec plusieurs sites d’emploi pour aider les chercheurs d’emploi à tout trouver au même endroit.</p> <p>L’icône à côté de chaque titre de poste vous indique si l’offre d’emploi a été publiée par l’un de nos partenaires externes, ou bien par un employeur vérifié du Guichet-Emplois.</p> <p><strong>Page 8</strong> : Une fois que votre choix de critères de recherche et de filtres est terminé, cliquez sur « Créer une alerte » si vous voulez recevoir des alertes par courriel lorsque de nouvelles offres d’emploi correspondant à votre sélection sont publiées sur le Guichet-Emplois. </p> <p><strong>Page 9</strong> : Vous êtes maintenant prêt à chercher votre prochain emploi!</p> </details> </figcaption> </figure> </div> </section> <div class="clearfix"></div> </div> </section> </div> </div> <div id="intro-jobalert" class="pagenav grey bg demo-content-wrapper"> <div class="container"> <section class="col-md-12 demo-content"> <div class="demo-content-details"> <div class="col-md-6 service-content-details illustration service-content-image"> <img src="../themes-jb/images/intro/findajob/06-mail-reply.svg" class="full-width" alt="" /> </div> <div class="col-md-6"> <h2 class="toc"><span class="title">Alertes-Emplois</span> Soyez avisé des nouvelles offres d’emploi</h2> <p>De nouvelles offres d’emploi sont publiées à tous les jours sur le Guichet-Emplois. Pour ne pas les manquer, laissez-les venir à vous en vous abonnant aux courriels d’Alertes-Emplois.</p> <p>Pour configurer une alerte, lancez une recherche, cliquez sur « Créer une alerte avec cette recherche », et saisissez votre adresse courriel. Vous commencerez aussitôt à recevoir des alertes de nouvelles offres d’emploi correspondant à vos critères.</p> <p>Vous pouvez modifier vos alertes, en créer de nouvelles ou vous désabonner à tout moment.</p> <div class="col-md-12 row"> <a href="#video-jobalert" class="video-thumbnail video-thumbnail-command-jobalert" role="button"> <span class="icon fa-stack fa-2x"> <span class="fas fa-circle fa-stack-2x"></span> <span class="fas fa-play-circle fa-stack-1x fa-inverse"></span> </span> <span class="text">Comment utiliser Alertes-Emplois</span></a> </div> <div class="clearfix"></div> <div class="mrgn-tp-lg col-md-6 call-to-action sub"> <a href="/jobsearch/alertemploisinscription">S’abonner</a> </div> </div> <section id="video-jobalert" class="mfp-hide modal-dialog modal-content overlay-def video-intro"> <header class="modal-header"> <h2 class="modal-title">Comment utiliser Alertes-Emplois</h2> </header> <div class="modal-body"> <figure class="wb-mltmd video-wrapper"> <video title="Comment utiliser Alertes-Emplois"><source type="video/youtube" src="https://www.youtube.com/watch?v=9KROKUi9LGs"> </video> <figcaption> <details> <summary>Transcription</summary><p><strong> Page titre : </strong> Comment vous abonner aux Alertes-Emplois du Guichet-Emplois. </p> <p><strong> Page 1 : </strong> Commencez par chercher une appellation d’emploi ou un lieu en utilisant le moteur de recherche d’emploi. Vous pouvez ensuite ajuster les filtres pour préciser votre recherche. Une fois satisfait, vous pouvez cliquer sur « Créer une alerte avec cette recherche ».</p> <p><strong> Page 2 : </strong> Entrez ensuite votre adresse courriel. </p> <p><strong> Page 3 : </strong> Le Guichets-Emplois vous enverra un code pour confirmer votre abonnement.</p> <p><strong> Page 4 : </strong> Dès que de nouvelles offres d’emploi correspondant à vos critères seront publiées, le Guichet-Emplois vous enverra un courriel.</p> </details> </figcaption> </figure> </div> </section> <div class="clearfix"></div> </div> </section> </div> </div> <div id="intro-mobileapp" class="pagenav demo-content-wrapper"> <div class="container"> <section class="col-md-12 demo-content"> <div class="demo-content-details"> <div class="col-md-6 service-content-details illustration service-content-image"> <img src="../themes-jb/images/intro/findajob/01-iphone.svg" class="full-width" alt="" /> </div> <div class="col-md-6"> <h2 class="toc"><span class="title">Application mobile</span> Cherchez des offres d’emploi sur le pouce</h2> <p>Vous êtes toujours en déplacement? Essayez l’application mobile pour repérer des offres d’emploi.</p> <div class="demo-content-setbox col-md-12"> <p><strong>Vous pouvez :</strong></p> <ul class="fa-ul fa-right"> <li><span class="fa-li" aria-hidden="true"><span class="fas fa-check"></span></span>Consulter toutes les offres d’emploi publiées au Guichet-Emplois, et voir qui embauche près de vous.</li> <li><span class="fa-li" aria-hidden="true"><span class="fas fa-check"></span></span>Créer des alertes pour vos critères de recherche et recevez des notifications lorsque de nouvelles offres d’emploi correspondantes sont publiées</li> <li><span class="fa-li" aria-hidden="true"><span class="fas fa-check"></span></span>Ajouter les offres d’emploi qui vous intéressent à vos favoris pour les consulter lorsque vous êtes hors-ligne et pour recevoir des notifications de rappel avant qu’elles n’expirent.</li> </ul> </div> <div class="clearfix"></div> <p>L’application est disponible gratuitement sur l’App Store et Google Play.</p> <div class="row"> <a href="#video-mobileapp" class="video-thumbnail video-thumbnail-command-mobileapp" role="button"> <span class="icon fa-stack fa-2x"> <span class="fas fa-circle fa-stack-2x"></span> <span class="fas fa-play-circle fa-stack-1x fa-inverse"></span> </span> <span class="text">L’application mobile du Guichet-Emplois</span></a> </div> <div class="clearfix"></div> <div class="mrgn-tp-lg col-md-6 call-to-action sub row"> <a href="/applicationmobile">En savoir plus</a> </div> <section id="video-mobileapp" class="mfp-hide modal-dialog modal-content overlay-def video-intro"> <header class="modal-header"> <h2 class="modal-title">L’application mobile du Guichet-Emplois</h2> </header> <div class="modal-body"> <figure class="wb-mltmd video-wrapper"> <video title="L’application mobile du Guichet-Emplois"><source type="video/youtube" src="https://www.youtube.com/watch?v=puqvhClrdTA"> </video> <figcaption> <details> <summary>Transcription</summary><p>De la musique se fait entendre en arrière-plan.</p> <p>La scène ouvre avec un travailleur de la construction qui marche dans la rue avec son téléphone cellulaire à la main. Il consulte les offres d’emploi sur l’application mobile du Guichet-Emplois.</p> <p><strong>NARRATION : </strong>L’application mobile du Guichet-Emplois rend la recherche d’emploi facile et pratique.</p> <p>Un gros plan de l’application mobile du Guichet-Emplois apparaît à l’écran.</p> <p><strong>NARRATION : </strong>Consultez les offres d’emploi près de chez vous ou n’importe où au Canada.</p> <p>Le travailleur de la construction cherche des emplois dans la région de Toronto sur l’application mobile du Guichet-Emplois.</p> <p><strong>NARRATION : </strong>Trouvez les employeurs qui embauchent dans votre région.</p> <p>Un homme est assis sur un banc dans un parc, il balaye de gauche à droite sur son téléphone cellulaire. Il regarde les offres d’emploi pour les programmeurs dans la région de Montréal.</p> <p><strong>NARRATION : </strong>Faites glisser les offres d’emploi pour une recherche rapide. Glissez vers la droite pour ajouter une offre à vos favoris.</p> <p>Une personne est à bicyclette sur la rue. Un gros plan de l’onglet « Alertes » apparaît à l’écran.</p> <p><strong>NARRATION : </strong>Le Guichet-Emplois trouve des emplois qui correspondent à vos compétences. Activez les alertes et créez des favoris pour trouver des offres d’emploi encore plus rapidement.</p> <p>La même personne à bicyclette sort d’un supermarché avec des sacs.</p> <p><strong>NARRATION : </strong>L’application vous avise aussi des dates limites pour postuler aux emplois placés dans vos favoris.</p> <p>Un gros plan d’une notification provenant de l’application mobile du Guichet-Emplois. La personne à bicyclette prend son téléphone pour lire la notification suivante : Guichet-Emplois – Alertes : 10 nouveaux emplois trouvés en marketing, Vancouver (C.-B.).</p> <p>Une femme marche dans la forêt avec son chien et tient son téléphone cellulaire dans ses mains.</p> <p><strong>NARRATION : </strong>Le Guichet-Emplois fonctionne même hors ligne; vous pouvez donc consulter vos offres d’emploi favorites n’importe quand et n’importe où.</p> <p>Un gros plan de l’application mobile du Guichet-Emplois apparaît à l’écran. La femme fait défiler les offres d’emploi qu’elle a enregistrées dans l’onglet « Favoris » sur l’application mobile. Le message suivant est visible au bas de l’onglet : Pas de connexion au réseau.</p> <p>Le logo de l’application mobile du Guichet-Emplois apparaît suivi des logos des applications de l’Apple Store et de Google Play qui apparaissent au bas de l’écran.</p> <p><strong>NARRATION : </strong>Trouvez-nous dans Google Play et dans l’App Store.</p> <p> </p> <p>La vidéo se termine avec le mot-symbole du gouvernement du Canada qui apparaît sur un fond blanc.</p> </details> </figcaption> </figure> </div> </section> </div> <div class="clearfix"></div> </div> </section> </div> </div> <div class="grey bg demo-content-wrapper"> <div class="container"> <section id="jobmatch-sec" class="pagenav col-md-12 demo-content"> <div class="demo-content-details"> <div class="col-md-6 service-content-details illustration service-content-image"> <img src="../themes-jb/images/intro/findajob/22-jigsaw-programming-drag-and-drop-2.svg" class="full-width" alt="" /> </div> <div class="col-md-6"> <h2 class="toc"><span class="title">Jumelage-emploi</span>Soyez jumelé à des emplois sur mesure</h2> <p>Réduisez votre temps de recherche d’emploi et ne voyez que les offres d’emploi pour lesquelles vous êtes qualifié avec le Jumelage-emploi.</p> <div class="clearfix"></div> <div> <p>Le Jumelage-emploi associe votre profil à des offres d’emploi, en fonction du degré auquel votre expérience et vos compétences correspondent à leurs critères.</p> <p>D’abord, vous devez créer votre propre compte d’utilisateur.</p> <div class="demo-content-setbox"> <p><strong>Pour ce faire, vous aurez besoin :</strong></p> <ul class="fa-ul fa-right"> <li><span class="fa-li" aria-hidden="true"><span class="fas fa-check"></span></span>de votre numéro d’assurance sociale</li> <li><span class="fa-li" aria-hidden="true"><span class="fas fa-check"></span></span>du nom de jeune fille de votre mère ou nom de famille d’un parent à la naissance</li> <li><span class="fa-li" aria-hidden="true"><span class="fas fa-check"></span></span>de votre date de naissance</li> </ul> </div> <p>Vous n’aurez à soumettre ces renseignements qu’une seule fois pour confirmer votre admissibilité. Les mêmes renseignements sont demandés aux employeurs, pour aider à garder le Jumelage-emploi sécuritaire pour tout le monde.</p> </div> <div class="clearfix"></div> <div> <p>Une fois que vous avez créé votre compte d’utilisateur, vous pouvez remplir votre profil au Jumelage-emploi!</p> <div class="demo-content-setbox"> <ul class="fa-ul jb-no"> <li><span class="fa-li" aria-hidden="true"><span class="fa jb-no">1</span></span>D’abord, sélectionnez vos préférences, comme vos langues et les régions où vous souhaitez travailler.</li> <li><span class="fa-li" aria-hidden="true"><span class="fa jb-no">2</span></span>Puis, peaufinez votre profil en dressant la liste de vos expériences de travail, de vos formations et de vos compétences. Pas besoin d’écrire quoi que ce soit!</li> <li><span class="fa-li" aria-hidden="true"><span class="fa jb-no">3</span></span>Vous n’avez qu’à faire une sélection parmi des milliers d’options prédéfinies.</li> </ul> </div> <div class="clearfix"></div> <p>Vous recevrez des mises à jour chaque fois que de nouvelles offres d’emploi correspondant à votre profil seront publiées. De plus, les employeurs auxquels vous serez jumelé pourront consulter certains renseignements de votre profil et vous inviter à postuler.</p> </div> <div class="clearfix"></div> <div> <div class="col-md-6 call-to-action sub"> <div class="row"><a href="https://www.guichetemplois.gc.ca/trouverunemploi/jumelage">En savoir plus</a></div> </div> </div> <div class="clearfix"></div> </div> </div> </section> </div> </div> <div id="resumebuilder-sec" class="pagenav demo-content-wrapper"> <div class="container"> <section class="col-md-12 demo-content"> <div class="demo-content-details"> <div class="col-md-6 service-content-details illustration service-content-image"> <img src="../themes-jb/images/intro/findajob/06-clipboard-document-signature-hand.svg" class="full-width" alt="" /> </div> <div class="col-md-6"> <h2 class="toc"><span class="title">Concepteur de CV</span> Préparez-vous à postuler</h2> <p>Trouver une offre d’emploi qui vous convient est une chose, postuler en est une autre. Le Guichet-Emplois peut aussi vous aider à préparer votre candidature.</p> <p>Lorsque vous créez un profil au Jumelage-emploi, vous obtenez automatiquement accès à un CV déjà rempli dans le Concepteur de CV.</p> <div class="demo-content-setbox"> <p><strong>Vous pouvez :</strong></p> <ul class="fa-ul fa-right"> <li><span class="fa-li" aria-hidden="true"><span class="fas fa-check"></span></span>Choisir un modèle qui correspond à vos besoins.</li> <li><span class="fa-li" aria-hidden="true"><span class="fas fa-check"></span></span>Personnaliser le contenu de votre CV à votre guise.</li> <li><span class="fa-li" aria-hidden="true"><span class="fas fa-check"></span></span>Télécharger, sauvegarder et imprimer autant de versions de votre CV que vous le souhaitez.</li> </ul> </div> <p>Vous y trouverez aussi une foule de trucs et astuces utiles.</p> <div class="col-md-6 call-to-action sub"> <div class="row"><a href="/trouverunemploi/concepteur-cv">En savoir plus</a></div> </div> </div> <div class="clearfix"></div> </div> </section> <section class="col-md-12 demo-content"> <div class="demo-content-details"> <div class="col-md-6 col-md-offset-3"> <h2 class="text-center">Inscrivez-vous dès maintenant !</h2> <p class="text-center">Créez un compte Plus pour accéder à tous les outils disponibles sur le Guichet-Emplois afin d’optimiser votre recherche d’emploi.</p> <div class="row col-md-12 call-to-action"> <div class="col-md-8 col-md-offset-2 row"><a href="/trouverunemploi">Créer un compte Plus</a></div> </div> </div> <div class="clearfix"></div> </div> </section> </div> </div> <div class="container pagedetails"> <div class="row"> <div class="col-sm-6 col-lg-4 mrgn-tp-sm hidden"> <a href="https://www.canada.ca/en/report-problem.html" class="btn btn-default btn-block">Report a problem or mistake on this page</a> </div> <div class="col-sm-3 mrgn-tp-sm pull-right hidden"> <div class="wb-share" data-wb-share="{"lnkClass": "btn btn-default btn-block"}"></div> </div> </div> <div id="feedback-tool-div"> <div class="wb-disable-allow" data-ajax-replace="https://www.canada.ca/etc/designs/canada/wet-boew/assets/feedback/page-feedback-fr.html" data-feedback-section="Job bank" data-feedback-theme="Jobs"> </div> </div> <dl id="wb-dtmd"> <dt>Date de modification : </dt> <dd><time property="dateModified">2024-11-19</time></dd> </dl> </div> </main> <div id="outOfCountry-modal"> <div id="instructions-title" class="wb-inv"> <a href="#outOfCountry-popup" aria-controls="outOfCountry-popup" class="wb-lbx dialog-help"></a> </div> <div id="outOfCountry-popup" class="mfp-hide modal-dialog modal-content overlay-def"> <header class="modal-header"> <h3 class="modal-title">Avertissement</h3> </header> <div class="modal-body"><p>Il semble que vous visitez le Guichet-Emplois à partir d’un autre pays que le Canada.</p> <p>Si vous n’êtes pas légalement autorisé à travailler au Canada, <strong>vous ne pouvez pas postuler pour toutes les offres d’emploi publiées sur le Guichet-Emplois</strong>. La plupart des employeurs canadiens ne vous embaucheront pas si vous n’avez pas un visa ou un permis de travail valide au Canada.</p> <p>Vous pouvez consulter <a href="https://www.guichetemplois.gc.ca/trouverunemploi/candidats-etrangers">la page du Guichet-Emplois pour les candidats étrangers</a> afin de passer en revue vos options et de trouver des offres d’emploi publiées par des employeurs qui recrutent à l’extérieur du Canada.</p> </div> <div class="modal-footer"><form id="j_id_31" name="j_id_31" method="post" action="/intro/trouverunemploi;jsessionid=1F4E6A9025F5DE12697B62900E5819D7.jobsearch76" enctype="application/x-www-form-urlencoded"><script type="text/javascript" src="/jakarta.faces.resource/oamSubmit.js.xhtml?ln=org.apache.myfaces"></script><a href="#" onclick="return myfaces.oam.submitForm('j_id_31','j_id_31:outOfCanadaCloseBtn');" id="j_id_31:outOfCanadaCloseBtn" type="button" title="Cancel" class="btn btn-default popup-modal-dismiss float-left">Fermer</a><button name="j_id_31:j_id_34" type="submit" id="outOfCanadaLearnMoreBtn" class="btn btn-primary">En savoir plus</button><input type="hidden" name="j_id_31_SUBMIT" value="1" /><input type="hidden" name="jakarta.faces.ViewState" id="j_id__v_0:jakarta.faces.ViewState:3" value="stateless" autocomplete="off" /></form> </div> </div> </div> <footer id="wb-info"> <div class="gc-contextual"> <div class="container"> <nav> <h2 class="wb-inv">Liens connexes</h2> <ul class="list-col-xs-1 list-col-sm-2 list-col-md-3"> <li><a href="/aidesoutien">Soutien du Guichet-Emplois</a></li> <li><a href="/apropos">À propos</a></li> <li><a href="https://www.guichetemplois.gc.ca/intro">Introduction au Guichet-Emplois</a></li> <li><a href="https://www.guichetemplois.gc.ca/reseau">Notre réseau</a></li> <li> <a href="/conditionsutilisationchercheur">Conditions d'utilisation - Chercheurs d'emploi</a> </li> <li> <a href="/conditionsutilisationemployeur">Conditions d’utilisation - Employeurs</a> </li> </ul> </nav> </div> </div> <div class="gc-sub-footer"> <div class="container d-flex align-items-center"> <nav aria-labelledby="aboutWebApp"> <h3 class="wb-inv" id="aboutWebApp">À propos de cette application Web</h3> <ul> <li><a href="https://www.canada.ca/fr/transparence/avis.html" target="_blank" rel="noopener">Avis<span class="wb-inv"> Ce lien ouvrira dans une nouvelle fenêtre</span></a></li> <li><a href="https://www.canada.ca/fr/transparence/confidentialite.html" target="_blank" rel="noopener">Confidentialité<span class="wb-inv"> Ce lien ouvrira dans une nouvelle fenêtre</span></a></li> </ul> </nav> <div class="col-xs-6 visible-sm visible-xs tofpg"> <a href="#wb-cont">Haut de la page <span class="glyphicon glyphicon-chevron-up"></span></a> </div> <div class="wtrmrk align-self-end"> <img src="/themes-sat/assets/wmms-blk.svg" alt="Symbole du gouvernement du Canada" /> <meta property="areaServed" typeOf="Country" content="Canada" /> <link property="logo" href="/themes-sat/assets/wmms-blk.svg" /> </div> </div> </div> </footer> <script src="/themes-sat/js/jquery/2.2.4/jquery.min.js"></script> <script src="/themes-sat/js/wet-boew.min.js"></script> <script src="/themes-sat/js/theme.min.js"></script> <script src="/themes-jb/js/settings/site-settings-gtie8.js"></script> <script src="/themes-sat/js/cdtscustom.js"></script> <script src="/themes-jb/js/third-party/jquery.timepicker.min.js"></script> <script src="/themes-jb/js/third-party/jquery.capslockstate.js"></script> <script src="/themes-jb/js/third-party/typeahead.bundle.min.js"></script> <script type="text/javascript"> //<![CDATA[ //Dropdown function dropdownToggle = function() { $('button.dropdown-toggle, a.signInUserAccount').removeClass('disabled'); $(document).on('click', 'button.dropdown-toggle', function(e) { $('button.dropdown-toggle').not(this).each( function(e) { $(this).parent('.btn-group').removeClass('open'); }); if ($(this).parent().is('.btn-group')) { //console.log('OPEN dropdown'); $(this).attr('aria-expanded', function (i, attr) { return attr == 'true' ? 'false' : 'true' }); $(this).parent('.btn-group').toggleClass('open'); if ($(this).hasClass('btn-func-filter')) { if ($(this).parent('.filter-group').hasClass('open')) { $('.dropdown-menu, .dropdown-group').parent('.btn-group').find('.btn-func-filter').children('.fa-icon').removeClass('fa-chevron-up').addClass('fa-chevron-down'); $(this).find('.fa-icon').toggleClass('fa-chevron-down fa-chevron-up'); } else { $(this).find('.fa-icon').toggleClass('fa-chevron-up fa-chevron-down'); $('.dropdown-menu, .dropdown-group').parent('.btn-group').find('.btn-func-filter').children('.fa-icon').removeClass('fa-chevron-up').addClass('fa-chevron-down'); } } } return false; }); } //Initiate Dropdown once document has been loaded dropdownToggle(); //Remove Dropdown function removeDropdownToggle = function(e) { $(document).on('click', function(e) { var dropdownToggle = $('.dropdown-menu, .dropdown-group').parent('.btn-group, .filter-group'); /* if (!$(this).parent().is('.btn-group')) { console.log('click outside'); $('button.dropdown-toggle').attr('aria-expanded','false'); $(dropdownToggle).removeClass('open'); if ($(dropdownToggle)) { $(dropdownToggle).find('.btn-func-filter').children('.fa-icon').removeClass('fa-chevron-up').addClass('fa-chevron-down'); } } */ var $trigger = $(".dropdown-toggle, .dropdown-menu"); if($trigger !== e.target && !$trigger.has(e.target).length){ //console.log('REMOVE dropdown outside'); $(dropdownToggle).removeClass('open'); if ($(dropdownToggle)) { $(dropdownToggle).find('.btn-func-filter').children('.fa-icon').removeClass('fa-chevron-up').addClass('fa-chevron-down'); } } }); escRemoveDropdownToggle(); } hideDropdownToggle = function() { $('ul.dropdown-menu li a').on('focus focusin', function() { var $signonbutton = $(this).parents('li.btn-group'); $signonbutton.addClass("open"); $signonbutton.find('button.dropdown-toggle').attr('aria-expanded','true'); }).on('focusout', function() { var $signonbutton = $(this).parents('li.btn-group'); var $parent = $(this).parents('ul.dropdown-menu'); setTimeout(function() { if (!$.contains($parent[0], document.activeElement)) { $signonbutton.removeClass("open"); $signonbutton.find('button.dropdown-toggle').attr('aria-expanded','false'); } }, 0); //console.log('HIDE dropdown'); }); escRemoveDropdownToggle(); } escRemoveDropdownToggle = function(e) { $(document).on('keydown', 'button.dropdown-toggle', function(e) { // Escape key if(event.which == 27) { //console.log('ESCAPE KEY from main button'); var dropdownToggle = $('.dropdown-menu, .dropdown-group').parent('.btn-group, .filter-group'); /* if (!$(this).parent().is('.btn-group')) { console.log('click outside'); $('button.dropdown-toggle').attr('aria-expanded','false'); $(dropdownToggle).removeClass('open'); if ($(dropdownToggle)) { $(dropdownToggle).find('.btn-func-filter').children('.fa-icon').removeClass('fa-chevron-up').addClass('fa-chevron-down'); } } */ var $trigger = $(".dropdown-toggle, .dropdown-menu"); if($trigger !== e.target && !$trigger.has(e.target).length){ //console.log('REMOVE dropdown outside'); $(dropdownToggle).removeClass('open'); if ($(dropdownToggle)) { $(dropdownToggle).find('.btn-func-filter').children('.fa-icon').removeClass('fa-chevron-up').addClass('fa-chevron-down'); } } event.preventDefault(); } }); $(document).on('keydown', '.dropdown-menu input, .dropdown-menu h3, .dropdown-menu .list-group, .dropdown-menu button, .dropdown-menu a', function(e) { // Escape key if(event.which == 27) { var dropdownToggle = $('.dropdown-menu, .dropdown-group').parent('.btn-group, .filter-group'); var $trigger = $("input[type=checkbox]"); if($trigger !== e.target && !$trigger.has(e.target).length){ $(dropdownToggle).removeClass('open'); if ($(dropdownToggle)) { $(dropdownToggle).find('.btn-func-filter').children('.fa-icon').removeClass('fa-chevron-up').addClass('fa-chevron-down'); $(this).parents('.dropdown-menu').prev('.dropdown-toggle').focus(); } } event.preventDefault(); } }); } //Initiate Remove Dropdown once document has been loaded removeDropdownToggle(); hideDropdownToggle(); $(document).ready(function(){ //$('.jbservices').removeClass('disabled'); //Form required field input label indicators and disclaimer formRequired = function() { var formRequiredAsteriskClass = 'formRequiredAsterisk'; var formRequiredAsteriskGroup = $("form."+formRequiredAsteriskClass); var asteriskSymbol = '<span class="symbol-required">*</span>' var asteriskDisclaimer = '<div class="col-md-12 row"><p class="tip-required"><span class="fa fa-info-circle fa-lg"></span> Tous les champs identifiés d’un astérisque (<span>*</span>) sont obligatoires.</p></div><div class="clearfix"></div>' var formRequiredWordClass = 'formRequiredWord'; var formRequiredWordGroup = $("form."+formRequiredWordClass); var requiredWord = "<span class='req'>(obligatoire)</span>"; //Insert asterisk symbol if ($(formRequiredAsteriskGroup)) { $(formRequiredAsteriskGroup).find('label.required').prepend(asteriskSymbol); $(formRequiredAsteriskGroup).find('legend.required').prepend(asteriskSymbol); $(formRequiredAsteriskGroup).find('h1.required').prepend(asteriskSymbol); $(formRequiredAsteriskGroup).find('h2.required').prepend(asteriskSymbol); $(formRequiredAsteriskGroup).find('h3.required').prepend(asteriskSymbol); //Insert asterisk disclaimer if ($(formRequiredAsteriskGroup).find('.module-stepbar').length !== 0) { $(formRequiredAsteriskGroup).find('.module-stepbar').after(asteriskDisclaimer); } else { $(formRequiredAsteriskGroup).prepend(asteriskDisclaimer); } } //Insert word required if ($(formRequiredWordGroup)) { $(formRequiredWordGroup).find('label.required').append(requiredWord); $(formRequiredWordGroup).find('legend.required').append(requiredWord); $(formRequiredWordGroup).find('h1.required').append(requiredWord); $(formRequiredWordGroup).find('h2.required').append(requiredWord); $(formRequiredWordGroup).find('h3.required').append(requiredWord); } } formRequired(); }); $(document).on("wb-ready.wb", function(event) { //Initiate script after WET Plugins are done loading... var formErrorValidation = false; var formErrorValidationGuest = true; var runFormErrorValidation = false if (localStorage.getItem('signInPopUp') === 'true') { var signInPopUp = true; } //console.log('Error?'+formErrorValidation+' Dashboard page? '+runFormErrorValidation); //console.log('Alert: '+formErrorValidationGuest); if (signInPopUp && formErrorValidation && !runFormErrorValidation && formErrorValidationGuest || signInPopUp && formErrorValidation && runFormErrorValidation && formErrorValidationGuest) { //console.log('Open Standard/Plus login popup!'); openSignInUserAccount(); } else if (!formErrorValidationGuest) { //console.log('Open Guest login popup!'); openSignInGuestUserAccount(); } else if (!formErrorValidation) { //console.log('No error validation!'); localStorage.removeItem('signInPopUp'); } else { //console.log('Not opened login popup'); } function openSignInUserAccount() { //console.log('opensigninuseraccoun'); $.magnificPopup.open({ prependTo: '#loginForm', items: [ { src: '#user-signin', type: 'inline', } ], callbacks: { open: function() { }, close: function() { //console.log('Close sign in popup!'); localStorage.removeItem('signInPopUp'); } } }); if (signInPopUp && !formErrorValidation) { localStorage.removeItem('signInPopUp'); } } function openSignInGuestUserAccount() { $.magnificPopup.open({ prependTo: '#loginModalFormViewJobAlerts', items: [ { src: '#guestmode-signin-view', type: 'inline', } ], }); } //$(document).on("wb-ready.wb", function() { $(document).on('click', '.signInRegisterJobAlerts', function(e) { //Event for actual link action e.preventDefault(); //Run WET plugin $.magnificPopup.open({ prependTo: '#loginModalFormRegisterJobAlerts', //modal: true, items: [ { src: '#guestmode-signin-register', type: 'inline', } ], //closeBtnInside: true }); }); $(document).on('click', '.signInViewJobAlerts', function(e) { //Event for actual link action e.preventDefault(); //Run WET plugin $.magnificPopup.open({ prependTo: '#loginModalFormViewJobAlerts', //modal: true, items: [ { src: '#guestmode-signin-view', type: 'inline', } ], //closeBtnInside: true }); }); $(document).on('click', '.signInUserAccount', function(e) { var title = $(this).find('.title').text(); //console.log(title); $('#loginForm').find('.modal-title').text(title); //Event for actual link action e.preventDefault(); //Run WET plugin $.magnificPopup.open({ prependTo: '#loginForm', //modal: true, items: [ { src: '#user-signin', type: 'inline', } ], callbacks: { open: function() { }, close: function() { //console.log('Close sign in popup!'); localStorage.removeItem('signInPopUp'); } } //closeBtnInside: true }); $('#submitUserSignInPopUp').click( function() { //console.log('signInPopUp'); localStorage.setItem('signInPopUp', 'true'); }); }); $('#submitUserSignIn').click( function() { //console.log('signIn normal'); localStorage.removeItem('signInPopUp'); }); }); //]]> </script> <script src="/themes-jb/js/settings/site-settings-all.js"></script> <script> //<![CDATA[ var _gaq = _gaq || []; var lang = 'fr'; if (lang === 'en') { domain = 'jobbank.gc.ca'; } if (lang === 'fr') { domain = 'guichetemplois.gc.ca'; } //jobbank account tracking _gaq.push(['_setAccount', 'UA-10101722-1']); _gaq.push(['_setAllowLinker', true]); _gaq.push(['_setDomainName', domain]); _gaq.push(['_gat._anonymizeIp']); _gaq.push(['_trackPageview']); (function() { var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; //ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/u/ga_debug.js'; ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); })(); //GA for Mega Menu $(document).on('click', '#wb-sm ul li.active.sm-open > ul.open > li > a', function(event) { var tablabel = $(this).parents('ul.open').prev().text(); var itemlabel = $(this).text(); //alert('Clicked on '+tablabel+' Mega Menu - '+itemlabel); _gaq.push(['_trackEvent', 'MegaMenu', 'action: click', 'label: '+itemlabel]); }); // Device detection for Google Analytics Smart Banner if ($("meta[name='smartbanner:page']").length) { var iOS = /iPad|iPhone|iPod/.test(navigator.userAgent) && !window.MSStream; var Android = /Android/i.test(window.navigator.userAgent) && !window.MSStream; var pageName = $("meta[name='smartbanner:page']").attr("content"); if (iOS) { platform = 'iOS'; } else if (Android) { platform = 'Android'; } var onLoadHandlerForConflictTesting = function() { $('.js_smartbanner__exit').on('click', function() { //console.log('SmartBannerClose '+pageName+' '+platform); _gaq.push(['_trackEvent', 'SmartBannerClose', pageName, platform]); }); $('.smartbanner__button').on('click', function() { //console.log('SmartBannerClick '+pageName+' '+platform); _gaq.push(['_trackEvent', 'SmartBannerClick', pageName, platform]); }); if ($('.js_smartbanner').length) { //console.log('SmartBannerView '+pageName+' '+platform); _gaq.push(['_trackEvent', 'SmartBannerView', pageName, platform]); } }; window.onload = onLoadHandlerForConflictTesting; } //]]> </script> <script type="text/javascript"> //console.log('Google Analytics code'); var TFWMode; // Google Analytics - Job Search //<![CDATA[ var sourcePage; function checkThisPage() { if (false) { //console.log('This is homePage'); sourcePage = 'homePage'; } else if (false) { //console.log('This is findAJobLandingPage'); sourcePage = 'findAJobLandingPage'; } else if (false) { //console.log('This is searchResultsPage'); sourcePage = 'searchResultsPage'; } else if (false) { //console.log('This is jobPostingPage'); sourcePage = 'jobPostingPage'; } else if (false) { //console.log('This is dashboardPage'); sourcePage = 'dashboardPage'; } else if (false) { //console.log('This is alertsPages'); sourcePage = 'alertsPages'; } else if (false) { //console.log('This is matchPages'); sourcePage = 'matchPages'; } else if (false) { //console.log('This is favouritesPages'); sourcePage = 'favouritesPages'; } else if (false) { //console.log('This is browsePages'); sourcePage = 'browsePages'; } else if (false) { //console.log('This is youthHomePage'); sourcePage = 'youthHomePage'; } else if (false) { //console.log('This is TFWHomePage'); sourcePage = 'TFWHomePage'; } else { sourcePage = '/landing-intro-findajob.xhtml'; } } checkThisPage(); $('form.search-module').submit(function(){ //alert('GA '+sourcePage); var searchString = $("#searchString").val(); var locationString = $("#locationstring").val(); if ($("input[name=fsrc]").val() == "21") { var fsrc21 = true; //alert('CSJ fsrc 21'); } if ($("input[name=fsrc]").val() == "32") { var fsrc32 = true; //alert('TFW fsrc 32'); } if (_gaq != undefined) { if ((!fsrc21 && !fsrc32)) { //alert('General GA - Job Search Mode'); if (searchString.length && locationString.length) { //alert('searchString: '+searchString+ ' and locationString: '+locationString+'\nSource page: '+sourcePage); _gaq.push(['_trackEvent', 'jobSearchTitle', 'source : '+sourcePage, searchString]); _gaq.push(['_trackEvent', 'jobSearchLocation', 'source : '+sourcePage, locationString]); _gaq.push(['_trackEvent', 'jobSearch', 'source : '+sourcePage, searchString+' '+locationString]); } if (searchString.length && !locationString.length) { //alert('searchString: '+searchString+'\nSource page: '+sourcePage); _gaq.push(['_trackEvent', 'jobSearchTitle', 'source : '+sourcePage, searchString]); _gaq.push(['_trackEvent', 'jobSearch', 'source : '+sourcePage, searchString]); } if (!searchString.length && locationString.length) { //alert('locationString: '+locationString+'\nSource page: '+sourcePage); _gaq.push(['_trackEvent', 'jobSearchLocation', 'source : '+sourcePage, locationString]); _gaq.push(['_trackEvent', 'jobSearch', 'source : '+sourcePage, locationString]); } if (!searchString.length && !locationString.length) { //alert('No search!'+'\nSource page: '+sourcePage); _gaq.push(['_trackEvent', 'jobSearchTitle', 'source : '+sourcePage, '']); _gaq.push(['_trackEvent', 'jobSearchLocation', 'source : '+sourcePage, '']); _gaq.push(['_trackEvent', 'jobSearch', 'source : '+sourcePage, '']); } } else { //alert('GA else search'); if (fsrc21) { //alert('General GA - CSJ Mode!'); if (searchString.length && !locationString.length) { _gaq.push(['_trackEvent', 'CSJjobSearchTitle', 'source : '+sourcePage, searchString]); _gaq.push(['_trackEvent', 'CSJjobSearchLocation', 'source : '+sourcePage, locationString]); _gaq.push(['_trackEvent', 'CSJjobSearch', 'source : '+sourcePage, searchString+' '+locationString]); //alert('GAQ title: '+searchString+'\nSource page: '+sourcePage); } if (locationString.length && !searchString.length) { _gaq.push(['_trackEvent', 'CSJjobSearchTitle', 'source : '+sourcePage, searchString]); _gaq.push(['_trackEvent', 'CSJjobSearchLocation', 'source : '+sourcePage, locationString]); _gaq.push(['_trackEvent', 'CSJjobSearch', 'source : '+sourcePage, searchString+' '+locationString]); //alert('GAQ location: '+locationString+'\nSource page: '+sourcePage); } if (searchString.length && locationString.length) { _gaq.push(['_trackEvent', 'CSJjobSearchTitle', 'source : '+sourcePage, searchString]); _gaq.push(['_trackEvent', 'CSJjobSearchLocation', 'source : '+sourcePage, locationString]); _gaq.push(['_trackEvent', 'CSJjobSearch', 'source : '+sourcePage, searchString+' '+locationString]); //alert('GAQ title: '+searchString+'\nGAQ location: '+locationString+'\nSource page: '+sourcePage); } if (!searchString.length && !locationString.length) { _gaq.push(['_trackEvent', 'CSJjobSearchTitle', 'source : '+sourcePage, searchString]); _gaq.push(['_trackEvent', 'CSJjobSearchLocation', 'source : '+sourcePage, locationString]); _gaq.push(['_trackEvent', 'CSJjobSearch', 'source : '+sourcePage, searchString+' '+locationString]); //alert('BOTH EMPTY!'+'\nGAQ title: '+searchString+'\nGAQ location: '+locationString+'\nSource page: '+sourcePage); } } if (fsrc32) { //alert('General GA - TFW Mode!'); if (searchString.length && !locationString.length) { _gaq.push(['_trackEvent', 'TFWjobSearchTitle', 'source : '+sourcePage, searchString]); _gaq.push(['_trackEvent', 'TFWjobSearchLocation', 'source : '+sourcePage, locationString]); _gaq.push(['_trackEvent', 'TFWjobSearch', 'source : '+sourcePage, searchString+' '+locationString]); //alert('TFW GAQ title: '+searchString+'\nSource page: '+sourcePage); } if (locationString.length && !searchString.length) { _gaq.push(['_trackEvent', 'TFWjobSearchTitle', 'source : '+sourcePage, searchString]); _gaq.push(['_trackEvent', 'TFWjobSearchLocation', 'source : '+sourcePage, locationString]); _gaq.push(['_trackEvent', 'TFWjobSearch', 'source : '+sourcePage, searchString+' '+locationString]); //alert('TFW GAQ location: '+locationString+'\nSource page: '+sourcePage); } if (searchString.length && locationString.length) { _gaq.push(['_trackEvent', 'TFWjobSearchTitle', 'source : '+sourcePage, searchString]); _gaq.push(['_trackEvent', 'TFWjobSearchLocation', 'source : '+sourcePage, locationString]); _gaq.push(['_trackEvent', 'TFWjobSearch', 'source : '+sourcePage, searchString+' '+locationString]); //alert('TFW GAQ title: '+searchString+'\nTFW GAQ location: '+locationString+'\nSource page: '+sourcePage); } if (!searchString.length && !locationString.length) { _gaq.push(['_trackEvent', 'TFWjobSearchTitle', 'source : '+sourcePage, searchString]); _gaq.push(['_trackEvent', 'TFWjobSearchLocation', 'source : '+sourcePage, locationString]); _gaq.push(['_trackEvent', 'TFWjobSearch', 'source : '+sourcePage, searchString+' '+locationString]); //alert('TFW BOTH EMPTY!'+'\nTFW GAQ title: '+searchString+'\nTFW GAQ location: '+locationString+'\nSource page: '+sourcePage); } } } } }); //]]> </script> <script type="text/javascript" src="/themes-jb/js/third-party/animate.js"></script> <script type="text/javascript" src="/themes-jb/js/third-party/scrollreveal.min.js"></script> <script type="text/javascript" src="/themes-jb/js/third-party/countUp.min.js"></script><script type="text/javascript"> //<![CDATA[ if(jQuery().ScrollReveal) { window.sr = ScrollReveal({ reset: false, //delay: 500, scale: 1, }); if (sr.isSupported()) { document.documentElement.classList.add('sr'); } } jQuery.extend(jQuery.easing, { easeInOutCubic: function (x, t, b, c, d) { if ((t/=d/2) < 1) return c/2*t*t*t + b; return c/2*((t-=2)*t*t + 2) + b; } }); $(document).ready(function() { if(jQuery().ScrollReveal) { sr.reveal('.feature-hero-object', { duration: 1000, distance: '100px' }, 500); } $(document).on('click', '.video-thumbnail-command-whatisjb', function(e) { $.magnificPopup.open({ prependTo: '#intro-jb', closeBtnInside: true, closeOnBgClick: true, showCloseBtn: true, tClose: 'Fermer', modal: false, items: [ { src: '#video-whatisjb', type: 'inline', } ], }); }); $(document).on('click', '.video-thumbnail-command-useraccount', function(e) { $.magnificPopup.open({ prependTo: '#tochead', closeBtnInside: true, closeOnBgClick: true, showCloseBtn: true, tClose: 'Fermer', modal: false, items: [ { src: '#video-useraccount', type: 'inline', } ], }); }); $(document).on('click', '.video-thumbnail-command-useraccount-emp', function(e) { $.magnificPopup.open({ prependTo: '#useraccount-container', closeBtnInside: true, closeOnBgClick: true, showCloseBtn: true, tClose: 'Fermer', modal: false, items: [ { src: '#video-useraccount-emp', type: 'inline', } ], }); }); $(document).on('click', '.video-thumbnail-command-employerfile', function(e) { $.magnificPopup.open({ prependTo: '#intro-employerfile', closeBtnInside: true, closeOnBgClick: true, showCloseBtn: true, tClose: 'Fermer', modal: false, items: [ { src: '#video-employerfile', type: 'inline', } ], }); }); $(document).on('click', '.video-thumbnail-command-jobposting', function(e) { $.magnificPopup.open({ prependTo: '#intro-jobposting', closeBtnInside: true, closeOnBgClick: true, showCloseBtn: true, tClose: 'Fermer', modal: false, items: [ { src: '#video-jobposting', type: 'inline', } ], }); }); $(document).on('click', '.video-thumbnail-command-jobmatch', function(e) { $.magnificPopup.open({ prependTo: '#intro-jobmatch', closeBtnInside: true, closeOnBgClick: true, showCloseBtn: true, tClose: 'Fermer', modal: false, items: [ { src: '#video-jobmatch', type: 'inline', } ], }); }); $(document).on('click', '.video-thumbnail-command-jobsearch', function(e) { $.magnificPopup.open({ prependTo: '#tochead', closeBtnInside: true, closeOnBgClick: true, showCloseBtn: true, tClose: 'Fermer', modal: false, items: [ { src: '#video-jobsearch', type: 'inline', } ], }); }); $(document).on('click', '.video-thumbnail-command-jobalert', function(e) { $.magnificPopup.open({ prependTo: '#intro-jobalert', closeBtnInside: true, closeOnBgClick: true, showCloseBtn: true, tClose: 'Fermer', modal: false, items: [ { src: '#video-jobalert', type: 'inline', } ], }); }); $(document).on('click', '.video-thumbnail-command-mobileapp', function(e) { $.magnificPopup.open({ prependTo: '#intro-mobileapp', closeBtnInside: true, closeOnBgClick: true, showCloseBtn: true, tClose: 'Fermer', modal: false, items: [ { src: '#video-mobileapp', type: 'inline', } ], }); }); // set up and create progress bar in DOM $('#tochead').eq(0).before('<div class="progressbar"></div>'); var container = $('div.progressbar'); container.append('<div class="shim"></div>'); var shim = $('div.progressbar .shim'); container.append('<div class="holder clearfix"></div>'); var holder = $('div.progressbar .holder'); holder.append('<div class="bar"></div>'); var bar = $('div.progressbar .bar'); bar.append('<div class="indicator"></div>'); var indicator = $('.progressbar .indicator'); holder.append('<div class="labels"></div>'); var labels = $('.progressbar .labels'); $("h2.toc span.title").each(function(){ var pageNavId = $(this).parents('.pagenav').attr('id'); //var code = '<a href="#'+pageNavId+'" data-label="'+$(this).text()+'"><span class="wb-inv">'+$(this).text()+'</span></a>'; var code = '<a href="#'+pageNavId+'"><span>'+$(this).text()+'</span></a>'; labels.append(code); }); var points = labels.find('a'); points.css('width', 100/$('h2.toc').length+'%'); // match height of shim // stop layout jumping when progress bar fixes to / unfixes // from top of viewport function setShimHeight(){ shim.css('height', container.height()+'px'); } setShimHeight(); $(window).resize(function(){ setShimHeight(); }); // position indicator bar so it starts at first dot function setIndicatorX(){ var point = points.eq(0); var xpos = point.offset().left + (point.width() / 2); indicator.css('left', xpos+'px'); } setIndicatorX(); $(window).resize(function(){ setIndicatorX(); }); // fix/unfix progress bar to top of viewport function fixPosition(){ if(container.is(':visible')) { if(!container.hasClass('fixed')) { if(holder.offset().top <= $(window).scrollTop()) { container.addClass('fixed'); } } else { if(shim.offset().top > $(window).scrollTop()) { container.removeClass('fixed'); } } } } fixPosition(); $(window).scroll(function(){ fixPosition() }); $(window).resize(function(){ fixPosition(); }); // set trigger point // i.e. how far down viewport is the "eye line" var triggerPoint = 0; function setTriggerPoint(){ triggerPoint = $(window).height() * .18; } setTriggerPoint(); $(window).resize(function(){ setTriggerPoint(); }); // update progress bar function setPosition(){ if(container.is(':visible')) { var section = false; var sectionIndex = 0; var currentPosition = $(window).scrollTop() + triggerPoint; // dots // if before first section if(currentPosition < $('#tochead').eq(0).offset().top) { points.removeClass('reading read'); section = -1; } // if after first section else { $('h2.toc').each(function(){ var sectionTop = $(this).offset().top; if(currentPosition >= sectionTop) { points.removeClass('reading'); points.eq(sectionIndex).addClass('reading'); points.eq(sectionIndex).addClass('read'); section = sectionIndex; } else { points.eq(sectionIndex).removeClass('read'); } sectionIndex++; }); } // bar var barWidth = 0; // if before start if(section == -1) { var point = points.eq(0); barWidth = point.offset().left + (point.width() / 2); } // if after end else if(section >= (points.length - 1)) { var point = points.eq((points.length - 1)); barWidth = point.offset().left + (point.width() / 2); } // if within document else { var startPoint = points.eq(section); var startPointX = startPoint.offset().left; var startPointWidth = startPoint.width(); var startSection = $('h2.toc').eq(section); var endSection = $('h2.toc').eq(section+1); var startSectionY = startSection.offset().top; var endSectionY = endSection.offset().top; var sectionLength = endSectionY - startSectionY; var scrollY = currentPosition - startSectionY; var sectionProgress = scrollY / sectionLength; barWidth = startPointX + (startPointWidth / 2) + (startPointWidth * sectionProgress); } barWidth -= indicator.offset().left; indicator.css('width', barWidth+'px'); } } setPosition(); $(window).scroll(function(){ setPosition(); }); $(window).resize(function(){ setPosition(); }); // on click, scroll to target section points.click(function(){ var sectionIndex = points.index($(this)); var targetY = $('h2.toc').eq(sectionIndex).offset().top - (triggerPoint * .92); $('html, body').animate({scrollTop:targetY}, 600, 'easeInOutCubic'); }); }); //]]> </script> <script src="/invitation-manager/Overlay.js"></script> <script src="/invitation-manager/InvitationManager.js"></script> <script> //<![CDATA[ $(document).trigger( "open.wb-lbx", [ [ { src: "#outOfCountry-popup", type: "inline" } ], true ]); //]]> </script> <script type="text/javascript">_satellite.pageBottom();</script></body> </html>