CINXE.COM
Centre de carrières
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="cache-control" content="max-age=0"/> <meta http-equiv="cache-control" content="no-cache"/> <meta http-equiv="expires" content="0"/> <meta http-equiv="expires" content="Tue, 01 Jan 1980 1:00:00 GMT"/> <meta http-equiv="pragma" content="no-cache"/> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=0"/> <link href='https://fonts.googleapis.com/css?family=Roboto:400,400italic,100,100italic,700,700italic&subset=latin,greek-ext,greek,vietnamese,cyrillic-ext,latin-ext' rel='stylesheet' type='text/css'> <title>Centre de carrières</title> <script type="text/javascript"> var isCareerCenterValidation = true; </script> <style type="text/css"> body { background: #363636; color: #ccc; } </style> <link href="//statictre.tbe.taleo.net/tre01/ats/cacheable/R25A00_25-02-10-14-49-27-25.A_prod/css/CwsV2/bootstrap.min.css" rel="stylesheet" media="screen"> <link href="//statictre.tbe.taleo.net/tre01/ats/cacheable/R25A00_25-02-10-14-49-27-25.A_prod/css/CwsV2/jquery-ui-1.13.1.min.css" rel="stylesheet" media="screen"> <link href="//statictre.tbe.taleo.net/tre01/ats/cacheable/R25A00_25-02-10-14-49-27-25.A_prod/css/CwsV2/jquery-ui.theme.min.css" rel="stylesheet" media="screen"> <link href="//statictre.tbe.taleo.net/tre01/ats/cacheable/R25A00_25-02-10-14-49-27-25.A_prod/css/CwsV2/font-awesome.min.css" rel="stylesheet" media="screen"> <link href="//statictre.tbe.taleo.net/tre01/ats/cacheable/R25A00_25-02-10-14-49-27-25.A_prod/css/CwsV2/main.css" rel="stylesheet" media="screen"> <link href="//statictre.tbe.taleo.net/tre01/ats/cacheable/R25A00_25-02-10-14-49-27-25.A_prod/css/CwsV2/consent-cookie.css" rel="stylesheet" media="screen"> <link href="//statictre.tbe.taleo.net/tre01/ats/cacheable/R25A00_25-02-10-14-49-27-25.A_prod/css/CwsV2/themes/modern_theme/jqueryUI/jquery-ui.theme.min.css" rel="stylesheet" media="screen"> <link href="//statictre.tbe.taleo.net/tre01/ats/cacheable/R25A00_25-02-10-14-49-27-25.A_prod/css/CwsV2/themes/modern_theme/modern_theme.css" rel="stylesheet" media="screen"> <link href="https://statictre.tbe.taleo.net/tre01/ats/cacheable/R25A00_25-02-10-14-49-27-25.A_prod/servlet/dynamic/css/theme_107_R25A00_25-02-10-14-49-27-25.A_prod.css?lastUploaded=1670256548000&org=CRCS" rel="stylesheet" media="screen"> <script src="//statictre.tbe.taleo.net/tre01/ats/cacheable/R25A00_25-02-10-14-49-27-25.A_prod/js/UIv9/lib/jquery-3.6.0.js"></script> <script src="//statictre.tbe.taleo.net/tre01/ats/cacheable/R25A00_25-02-10-14-49-27-25.A_prod/js/UIv9/lib/jquery.validate.1.17.js"></script> <script src="//statictre.tbe.taleo.net/tre01/ats/cacheable/R25A00_25-02-10-14-49-27-25.A_prod/js/UIv9/lib/jquery-ui-1.13.1.js"></script> <script src="//statictre.tbe.taleo.net/tre01/ats/cacheable/R25A00_25-02-10-14-49-27-25.A_prod/js/CwsV2/libs/bootstrap.min.js"></script> <script src="//statictre.tbe.taleo.net/tre01/ats/cacheable/R25A00_25-02-10-14-49-27-25.A_prod/js/CwsV2/libs/dropbox-integration.js"></script> <script src="//statictre.tbe.taleo.net/tre01/ats/cacheable/R25A00_25-02-10-14-49-27-25.A_prod/js/CwsV2/libs/main.js"></script> <script src="//statictre.tbe.taleo.net/tre01/ats/cacheable/R25A00_25-02-10-14-49-27-25.A_prod/js/CwsV2/libs/consent-cookie.js"></script> <script src="//statictre.tbe.taleo.net/tre01/ats/cacheable/R25A00_25-02-10-14-49-27-25.A_prod/js/CwsV2/libs/jquery.jscroll.min.js"></script> <script src="//statictre.tbe.taleo.net/tre01/ats/cacheable/R25A00_25-02-10-14-49-27-25.A_prod/js/UIv8/tbe-util-scripts.js"></script> <script src="//statictre.tbe.taleo.net/tre01/ats/cacheable/R25A00_25-02-10-14-49-27-25.A_prod/js/UIv8/rollingEntity.js"></script> <script src="//statictre.tbe.taleo.net/tre01/ats/cacheable/R25A00_25-02-10-14-49-27-25.A_prod/js/UIv8/password123.js"></script> </head> <body> <header > <!-- Google Tag Manager (noscript) --> <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-WHSKGB" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> <!-- End Google Tag Manager (noscript) --> <!-- Google Tag Manager --><script>(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-WHSKGB');</script><!-- End Google Tag Manager --> <style> body { background: #fff; } .logo { background-color: #fff; margin: 0 auto; max-width: 1200px; padding: 15px; width: 100%; } .logo a { display: inline-block; } .logo a svg { height: 35px; width: 132px; } @media(min-width: 768px) { .logo a svg { height: 55px; width: 208px; a} } @media(max-width: 767px) { .cws-v2 .oracletaleocwsv2-main-nav .oracletaleocwsv2-btn-grouped { display: flex; justify-content: space-between; padding: 0 10px; } .cws-v2 .oracletaleocwsv2-btn-grouped.oracletaleocwsv2-units-4 .oracletaleocwsv2-btn-grouped-unit { float: none; width: auto; } } </style> <div class="logo"> <a href="https://tre.tbe.taleo.net/dispatcher/servlet/DispatcherServlet?org=CRCS&act=redirectCws&cws=76" tabindex="1" id="main_logo_nav_fr"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 336.17 89"> <defs> <style>.red-fill{fill:#e00;} .white-fill{fill:#fff;} .black-fill{fill:#000;}</style> </defs> <g data-name="Layer 2"> <g data-name="Layer 1"> <g data-name="Layer 2"> <g data-name="Layer 1-2" class="white-fill"> <polygon class="red-fill" points="29.67 0.88 29.67 30.25 0 30.25 0 59.63 29.67 59.63 29.67 89 59.19 89 59.19 59.63 88.71 59.63 88.71 30.25 59.19 30.25 59.19 0.88 29.67 0.88"></polygon> <path class="black-fill" d="M167,9h-4.85a4.52,4.52,0,0,0-4.63-4.42h-.22c-3.52,0-5.73,3.08-5.73,7.93s2.2,7.93,5.73,7.93a4.76,4.76,0,0,0,5-4.51v0h5c-.44,5.58-4.26,8.81-10,8.81-6.61,0-10.72-4.7-10.72-12.34S150.68,0,157.44,0C163,.29,166.84,4,167,9Z"></path> <path class="black-fill" d="M181.23,7.49v4a5.51,5.51,0,0,0-1.47-.15c-2.79,0-4.41,1.76-4.41,5.14v7.93h-4.7V7.64h4.26V10h0a5.23,5.23,0,0,1,4.55-2.64A6.05,6.05,0,0,1,181.23,7.49Z"></path> <path class="black-fill" d="M199.59,16c0,5.43-3.38,9-8.67,9s-8.67-3.52-8.67-9,3.38-9,8.67-9S199.59,10.57,199.59,16Zm-12.48,0c0,3.23,1.47,5.29,3.82,5.29s3.82-2.06,3.82-5.29-1.47-5.29-3.82-5.29S187.11,12.78,187.11,16Z"></path> <path class="black-fill" d="M203,4.85v-4h4.7v4Zm0,19.53V7.64h4.7V24.38Z"></path> <path class="black-fill" d="M226.91,24.38h-5.43l-3.23-5.73h0L215,24.38h-5.43l5.73-8.67-5.43-8.22h5.29l2.94,4.85h0L221,7.49h5.29l-5.43,8.22Z"></path> <path class="black-fill" d="M227.79,17.48V13.81h8.67v3.67Z"></path> <path class="black-fill" d="M248.79.88c6,0,8.67,2.5,8.67,6.61a5.58,5.58,0,0,1-4.26,5.73h0c1.62.59,2.5,1.62,3.52,4.55l2.35,6.46h-5.29l-1.91-5.58c-.88-2.5-1.76-3.38-4.11-3.38h-2.64v9.11h-4.85V.88ZM245,11.6h3.52c2.94,0,4.11-1.32,4.11-3.52S251,4.85,248.2,4.85H245Z"></path> <path class="black-fill" d="M277.57,16c0,5.43-3.38,9-8.67,9s-8.67-3.52-8.67-9,3.38-9,8.67-9S277.57,10.57,277.57,16Zm-12.34,0c0,3.23,1.47,5.29,3.82,5.29s3.82-2.06,3.82-5.29-1.47-5.29-3.82-5.29S265.24,12.78,265.24,16Z"></path> <path class="black-fill" d="M280.81,17.92V7.64h4.7v9.84c0,2.5,1.17,3.67,2.94,3.67s3.38-1.47,3.38-4.55v-9h4.7V24.38h-4.41V22.32h0a6,6,0,0,1-5,2.5C283.3,24.82,280.81,22.47,280.81,17.92Z"></path> <path class="black-fill" d="M311.65,9.84h0V7.64h4.41V23.35c0,5.14-3.08,7.49-8.08,7.49-4.7,0-7.2-2.06-7.49-5.29h4.7c.15,1.32,1.17,2.06,2.94,2.06,2.06,0,3.38-1,3.38-4.26V21.88h0a5.32,5.32,0,0,1-4.7,2.5c-4.26,0-6.9-3.23-6.9-8.52s2.79-8.52,7-8.52A4.89,4.89,0,0,1,311.65,9.84Zm-6.9,5.87c0,2.94,1.32,4.7,3.38,4.7s3.52-1.91,3.52-4.7-1.47-4.7-3.52-4.7S304.74,12.78,304.74,15.71Z"></path> <path class="black-fill" d="M331.18,19.24h4.7c-.73,3.08-3.52,5.58-8.08,5.58-5.29,0-8.37-3.67-8.37-9.11,0-5,3.08-8.81,8.37-8.81a7.81,7.81,0,0,1,7.78,5.58,16.52,16.52,0,0,1,.59,4.26H324c.15,3.52,1.76,4.7,3.82,4.7S331,20.71,331.18,19.24Zm-7-5.14h7.34a3.61,3.61,0,0,0-3.55-3.67h-.12C326,10.28,324.57,11.46,324.13,14.1Z"></path> <path class="black-fill" d="M162.87,49.05H158A3.14,3.14,0,0,0,155,45.82h0c-2.2,0-3.67,2.06-3.67,5.29s1.32,5.29,3.67,5.29c1.76,0,2.94-1.32,3.08-3.52h4.85c-.29,4.26-3.38,7-7.93,7-5.14,0-8.52-3.52-8.52-9s3.38-9,8.52-9A8.11,8.11,0,0,1,162.87,49.05Z"></path> <path class="black-fill" d="M179.91,48.91v6a17.42,17.42,0,0,0,.44,4.55h-4.26a11.34,11.34,0,0,1-.29-2.2h0a6.36,6.36,0,0,1-5.43,2.64c-3.52,0-5.73-2.2-5.73-5.14s1.62-4.55,6.61-5.29c1.32-.15,3.08-.44,4.26-.44v-.59a2.6,2.6,0,0,0-2.79-2.94,2.48,2.48,0,0,0-2.79,2.5h-4.55c.15-3.23,2.5-5.73,7.34-5.73S179.91,44.65,179.91,48.91ZM175.5,52a26.21,26.21,0,0,0-3.38.29c-1.91.29-2.79,1-2.79,2.35s.88,2.06,2.5,2.06a3.33,3.33,0,0,0,2.64-1,4.08,4.08,0,0,0,1-3.23Z"></path> <path class="black-fill" d="M199.88,49.35V59.63h-4.7V49.79c0-2.5-1.17-3.67-2.94-3.67s-3.38,1.47-3.38,4.55v9h-4.7V42.88h4.41v2.06h0a6,6,0,0,1,5-2.5C197.39,42.44,199.88,44.79,199.88,49.35Z"></path> <path class="black-fill" d="M218.09,48.91v6a17.42,17.42,0,0,0,.44,4.55h-4.26a11.34,11.34,0,0,1-.29-2.2h0a6.36,6.36,0,0,1-5.43,2.64c-3.52,0-5.73-2.2-5.73-5.14s1.62-4.55,6.61-5.29c1.32-.15,3.08-.44,4.26-.44v-.59a2.6,2.6,0,0,0-2.79-2.94,2.48,2.48,0,0,0-2.79,2.5h-4.55c.15-3.23,2.5-5.73,7.34-5.73S218.09,44.65,218.09,48.91ZM213.54,52a26.21,26.21,0,0,0-3.38.29c-1.91.29-2.79,1-2.79,2.35s.88,2.06,2.5,2.06a3.33,3.33,0,0,0,2.64-1,4.08,4.08,0,0,0,1-3.23Z"></path> <path class="black-fill" d="M233.22,59.63v-2.2h0a5.52,5.52,0,0,1-4.85,2.64c-4.26,0-7-3.52-7-8.81s2.79-8.81,6.9-8.81a5.73,5.73,0,0,1,4.85,2.5h0V36.13h4.7v23.5Zm-7-8.37c0,3.23,1.47,5.29,3.67,5.29s3.52-1.91,3.52-5.29S231.9,46,229.84,46C227.49,46,226.17,48,226.17,51.26Z"></path> <path class="black-fill" d="M242.18,40.09v-4h4.7v4Zm0,19.53V42.88h4.7V59.63Z"></path> <path class="black-fill" d="M262,54.49h4.7c-.73,3.08-3.52,5.58-8.08,5.58-5.29,0-8.37-3.67-8.37-9.11,0-5,3.08-8.81,8.37-8.81a7.81,7.81,0,0,1,7.78,5.58A16.52,16.52,0,0,1,267,52H254.81c.15,3.52,1.76,4.7,3.82,4.7S261.86,56,262,54.49Zm-7-5.14h7.34a3.61,3.61,0,0,0-3.55-3.67h-.12c-1.76-.15-3.23,1-3.67,3.67Z"></path> <path class="black-fill" d="M286.09,49.35V59.63h-4.7V49.79c0-2.5-1.17-3.67-2.94-3.67s-3.38,1.47-3.38,4.55v9h-4.7V42.88h4.41v2.06h0a6,6,0,0,1,5-2.5C283.6,42.44,286.09,44.79,286.09,49.35Z"></path> <path class="black-fill" d="M305.92,49.35V59.63h-4.7V49.79c0-2.5-1.17-3.67-2.94-3.67s-3.38,1.47-3.38,4.55v9h-4.7V42.88h4.41v2.06h0a6,6,0,0,1,5-2.5C303.57,42.44,305.92,44.79,305.92,49.35Z"></path> <path class="black-fill" d="M320.9,54.49h4.7c-.73,3.08-3.52,5.58-8.08,5.58-5.29,0-8.37-3.67-8.37-9.11,0-5,3.08-8.81,8.37-8.81a7.81,7.81,0,0,1,7.78,5.58,16.52,16.52,0,0,1,.59,4.26H313.7c.15,3.52,1.76,4.7,3.82,4.7S320.75,56,320.9,54.49Zm-7-5.14h7.34a3.61,3.61,0,0,0-3.55-3.67h-.12C315.76,45.53,314.29,46.7,313.85,49.35Z"></path> </g> </g> </g> </g> </svg> </a> </div> </header> <div id="oracletaleocwsv2-wrapper" class="cws-v2"> <section class="oracletaleocwsv2-navigation"> <div class="container-fluid"> <nav class="oracletaleocwsv2-main-nav clearfix" role="navigation" aria-label="Navigation"> <div class="oracletaleocwsv2-btn-grouped oracletaleocwsv2-units-4"> <div class="oracletaleocwsv2-btn-grouped-unit"> <a href="https://tre.tbe.taleo.net/tre01/ats/careers/v2/jobSearch?org=CRCS&cws=76" class="btn btn-default oracletaleocwsv2-btn-square oracletaleocwsv2-btn-fa fa-search">Nouvelle recherche </a> </div> <div class="oracletaleocwsv2-btn-grouped-unit oracletaleocwsv2-last"> <a href="https://tre.tbe.taleo.net/tre01/ats/careers/v2/candidateLogin?org=CRCS&cws=76" class="btn btn-default oracletaleocwsv2-btn-square oracletaleocwsv2-btn-fa fa-sign-in">Page de connexion </a> <!--/.login-portal--> </div> </div> </nav> </div> <!--/.container-fluid--> </section> <section> <div class="container-fluid"> <div class="oracletaleocwsv2-progress-meter" tabindex="0"> <div role="progressbar" class="oracletaleocwsv2-progress-bar"> <div class="oracletaleocwsv2-progress-complete"></div> <!--/.progress-complete--> </div> <!--/.progress-bar--> <div class="oracletaleocwsv2-progress-marker"> <div class="oracletaleocwsv2-progess-marker-inner"> <span class="oracletaleocwsv2-current-step"></span> de <span class="oracletaleocwsv2-total-steps"></span> </div> </div> <!--/.progress-marker--> </div> <div class="row"> <div class="col-xs-12 col-sm-12 col-md-4"> <div class="well oracletaleocwsv2-job-description" tabindex="0"> <strong>Candidature générale</strong> </div> </div><div class="col-xs-12 col-sm-12 col-md-8"> <script type='text/javascript'> function checkCandidate(orgCode, localStr, candEmail, cwsId, reqId) { DWRFacade.checkCandidate(orgCode, localStr, candEmail, { callback: function(isError) { if (isError) { window.location.replace('https://tre.tbe.taleo.net/tre01/ats/careers/v2/candidateLogin?org=CRCS&cws=76' + '&email=' + encodeURIComponent(candEmail)); } else { $('#errorMessage').replaceWith($('<span class="text-danger" id="errorMessage"></span>')); } }, errorHandler: function(message) { }, httpMethod: "POST" }); DWRFacade.checkEmailVerified(orgCode, localStr, candEmail,cwsId, reqId, { callback: function(isError) { if (isError) { window.location.replace('https://tre.tbe.taleo.net/tre01/ats/careers/v2/cwsProspectEmailVerification?org=CRCS&cws=76'); } }, errorHandler: function(message) { }, httpMethod: "POST" }); } var setFocusOnFirstElement = function(dialog) { dialog.find('input:focusable:first').focus(); }; //Function to replace HTML tags for keeping the content for arialabel. function removeTags(consent) { if ((consent===null) || (consent==='')) return false; else consent = consent.toString(); return consent.replace( /(<([^>]+)>)/ig, ''); } function displayStatement() { var statementWindow = window.open("", "Statement"); statementWindow.document.write("<div aria-label='"+ removeTags($('#consentStatement').text()) +"' role='article' tabindex='0'>"); statementWindow.document.write($('#consentStatement').text()); statementWindow.document.title = $('#statementTitle').text(); statementWindow.document.write("</div>"); statementWindow.document.write('<a id="backToApplication" href="javascript:close()" tabindex="0" role="link">'+ $("#backToApplication").text() +'</a>'); statementWindow.document.close(); setFocusOnFirstElement($('#TBE_theForm')); } function validateInput() { var userEmail = $('#email').val(); if (userEmail) { checkCandidate('CRCS', 'fr#CA#~#', userEmail, '76', '-1'); } else { return; } } function updateStepNumberAndMenuButtons(currentStep) { var stepTitle = $('div.oracletaleocwsv2-step.oracletaleocwsv2-active > div.oracletaleocwsv2-step-title'); if (stepTitle.length > 0) { var stepId = stepTitle.children('span.stepId'); if (stepId.length > 0) { stepId.text((currentStep + 1) + '. '); } else { stepTitle.prepend('<span class="stepId">' + (currentStep + 1) + '. ' + '</span>'); } } //if Candidate is not logged in and it is not Registration step, show Cancel button instead of Login if (currentStep > 0) { var loginButton = $('a.btn.btn-default.oracletaleocwsv2-btn-square.oracletaleocwsv2-btn-fa.fa-sign-in:first'); if (loginButton.length > 0) { loginButton.removeClass('fa-sign-in'); loginButton.addClass('fa-ban'); loginButton.attr('href', 'https://tre.tbe.taleo.net/tre01/ats/careers/v2/searchResults?org=CRCS&cws=76'); loginButton.text('Quitter'); var rethinkAppId = ''; if(rethinkAppId) { loginButton.click(function () { var formData = new FormData(); formData.append("_csrf", "v1:;1740153100563:;4pSEApiY7IcTSZO1OYx+rins4jSsp4pIelH4e14bIJU="); formData.append("rid", "-1"); formData.append("rethinkAppId", ""); $.ajax({ url: 'sendResponseToRethink', data: formData, type: 'POST', cache: false, contentType: false, processData: false, success: function (data) { return true; }, error: function (err) { return true; } }); }); } } } else { var cancelButton = $('a.btn.btn-default.oracletaleocwsv2-btn-square.oracletaleocwsv2-btn-fa.fa-ban:first'); if (cancelButton.length > 0) { cancelButton.removeClass('fa-ban'); cancelButton.addClass('fa-sign-in'); cancelButton.attr('href', 'https://tre.tbe.taleo.net/tre01/ats/careers/v2/candidateLogin?org=CRCS&cws=76'); cancelButton.text('Page de connexion'); } } } function updateStepForError() { } </script> <span class="text-danger" id="errorMessage"></span> <form method="post" action="https://tre.tbe.taleo.net/tre01/ats/careers/v2/voluntaryInfo?org=CRCS&cws=76&rid=-1" id='TBE_theForm' name='TBE_theForm' role="form" enctype='multipart/form-data'> <input type='hidden' name='org' value='CRCS'> <input type='hidden' name='act' value='add'> <input type='hidden' name='removeOldRequisitions' value='false'> <input type='hidden' name='WebPage' value='APPLY_V2'> <input type='hidden' name='WebVersion' value='4'> <input type='hidden' name='attNo' value=''> <input type='hidden' name='attDocType' value=''> <input type='hidden' name='attDocId' value=''> <input type='hidden' name='cws' value='76'> <input type="hidden" id="snapshotContent" name="snapshotContent" value=""/> <input type='hidden' id='hideLgn' value="false"> <input type='hidden' id='preCandidate' value="false"> <input type='hidden' name='rid' value='-1'> <input type='hidden' name='et' value='CAND'> <input type='hidden' name='extraParameter' value='824c46d632cc8565d730b3c6fa7f14d26038b0a9'> <div class="oracletaleocwsv2-step oracletaleocwsv2-active" tabindex="0" id="step-01"> <!--Step 1 div markup is in CwsRequisitionSummary.appendCwsV2RuntimeHTML --> <div class="oracletaleocwsv2-step-title" tabindex="0" role="heading" aria-label="Inscription / Connexion" > <input type="hidden" name="embeddedPageStepTitle" value="Inscription / Connexion"> <label class="title" id="navsteptitle"> Inscription / Connexion </label> </div> <!--/.step-title--> <div class="alert alert-warning"> Pour soumettre votre candidature, complétez les étapes suivantes. Les champs marqués d'un astérisque rouge (*) sont obligatoires. </div><section> <div class="container-fluid"> <div class="row"> <div class="col-xs-12 col-sm-12" tabindex="0"> <h2>Candidat avec un profil existant</h2> <p>Si vous êtes un candidat avec un profil existant, cliquer sur le bouton connexion en haut à droite de votre écran.</p> <h2>Nouveau candidat</h2> <p>Saisissez votre courriel et mot de passe si dessous, complétez votre profil et envoyer votre candidature. Votre adresse courriel sera votre identifiant pour revenir sur notre site et mettre à jour vos informations.</p> </div> </div> </div> </section> <h2 aria-level="2" role="heading" tabindex="0"> Enregistrement du courriel </h2> <p tabindex="0"> </p><div class="row"> <div class="col-xs-12"> <div class="oracletaleocwsv2-form-group-full"> <div style="display: inline-block" tabindex="0" role="checkbox" aria-labelledby="label-cwsLoginAsGuest" class="cwsLoginAsGuestdiv checkbox oracletaleocwsv2-custom-checkbox oracletaleocwsv2-ckbx-square " > <i class="fa"></i> <input name="cwsLoginAsGuest" id="cwsLoginAsGuest" data-on="Yes" data-off="No" type="checkbox" > </div> <span id="label-cwsLoginAsGuest">Continuer en tant qu'invité</span> <p></p> </div> </div> </div> <div class="row"> <div class="col-xs-12 col-sm-4"> <div class="form-group oracletaleocwsv2-form-group-full"> <label class="oracletaleocwsv2-required form-label" for="email">Courriel </label> <input type="email" class="form-control" required="required" id="email" name="email" value="" maxlength="75" tabindex="0" > <div class="oracletaleocwsv2-error-text"></div> </div> </div><input type="hidden" name="cwsPassword_3" value="**********"> <input type="hidden" name="cwsPassword_4" value="**********"> <input type="hidden" name="minPasswordLength" value="8"> <input type="hidden" name="nonAbcCharsInPassword" value="false"> <input type="hidden" name="minPasswordLengthError" value="Longueur minimale du mot de passe : 8"> <input type="hidden" name="nonAbcCharsInPasswordError" value="Le mot de passe doit contenir un caractère non alphabétique"> <div class="col-xs-12 col-sm-4"> <div class="form-group oracletaleocwsv2-form-group-full "> <label class="oracletaleocwsv2-required form-label" for="cwsPassword"> Mot de passe </label> <input required class='form-control' type='password' autocomplete='off' name="cwsPassword" id="cwsPassword" maxlength="30" tabIndex="0" > <div class="oracletaleocwsv2-error-text"></div> </div> </div> <div class="col-xs-12 col-sm-4"> <div class="form-group oracletaleocwsv2-form-group-full "> <label class="oracletaleocwsv2-required form-label" id="label_for_field_cwsPassword_2" for="cwsPassword_2"> Retaper le mot de passe : </label> <input required class='form-control' type='password' autocomplete='off' name="cwsPassword_2" id="cwsPassword_2" maxlength="30" tabIndex="0" > <div class="oracletaleocwsv2-error-text"></div> </div> </div> </div> </div><div class="oracletaleocwsv2-step" id="step-02"> <div class="oracletaleocwsv2-step-title" tabindex="0" role="heading" aria-label="Vos informations" > <input type="hidden" name="embeddedPageStepTitle" value="Vos informations"> <label class="title" id="navsteptitle"> Vos informations </label> </div> <!--/.step-title--><h2 aria-level="2" role="heading" tabindex="0"> Gagnez du temps </h2> <p tabindex="0">Servez-vous de votre curriculum vitae pour remplir des champs du formulaire de candidature.<br /><br />Les formats de fichiers suivants sont pris en charge : DOC, DOCX, RTF, PDF, HTML et TXT. Il est également nécessaire que les curriculum vitae au format PDF ne soient pas de type image. Cela signifie que le texte individuel doit pouvoir être surligné dans le document PDF.<br /><br />Vous pouvez téléverser jusqu’à 10MB de données.</p><div class="form-group oracletaleocwsv2-form-group-full oracletaleocwsv2-custom-input file-uploader" > <div class="form-group oracletaleocwsv2-form-group-large uploadProfileFormGroup"> <button type="button" class="btn btn-default btn-lg oracletaleocwsv2-btn-fa fa-folder-open oracletaleocwsv2-btn-block-mobile" onClick="callbackLocalSaveTime()"id="uploadButtonProfile" aria-label="Charger un curriculum vitae">Charger un curriculum vitae</button> </div> </div> <script> function callbackLocalSaveTime() { var x; var element = document.getElementById('saveTimeLocalForm'); if (typeof(element) != 'undefined' && element != null) { x = element; } else { x = document.createElement("FORM"); x.action = "https://tre.tbe.taleo.net/tre01/ats/careers/v2/attachResume?org=CRCS&cws=76&fileAttaching=true"; x.enctype = "multipart/form-data" x.method = "post"; x.name = "saveTimeLocalForm"; x.id = "saveTimeLocalForm"; var label = document.createElement("label"); label.setAttribute('class', 'oracletaleocwsv2-custom-file-upload'); var input2 = document.createElement('input'); input2.setAttribute('type', 'file'); input2.setAttribute('name', 'resume'); input2.setAttribute('id', 'resume'); input2.setAttribute('style', 'display:none;'); if('.doc,.docx,.rtf,.pdf,.txt,'.includes('.jpeg')) { input2.setAttribute('accept', 'capture=camera,image/jpeg,image/png,text/richtext,application/rtf,application/pdf,text/plain,application/msword,application/vnd.openxmlformats-officedocument.wordprocessingml.document'); } else { input2.setAttribute('accept', '.doc,.docx,.rtf,.pdf,.txt,'); } label.appendChild(input2); var input5 = document.createElement('input'); input5.setAttribute('type', 'hidden'); input5.setAttribute('value', 'v1:;1740153100563:;4pSEApiY7IcTSZO1OYx+rins4jSsp4pIelH4e14bIJU='); input5.setAttribute('name', '_csrf'); input5.setAttribute('id', '_csrf'); x.appendChild(label); x.appendChild(input5); populateEmailPassword(x); document.body.appendChild(x); } $('#saveTimeLocalForm').find('#resume ').change(handleFileSelect); $('#saveTimeLocalForm').find('#resume ').click(); } function getFileExtension(files){ var filename = files[0].name; var filetype = files[0].type; extension = filename.split('.').pop(); if(extension === "jpg" || extension ==="jpeg" || extension ==="png" || extension === "jfif" || extension ==="pjpeg" || extension ==="pjp") { return true; } else { return false; } } function handleFileSelect(evt) { var files = evt.target.files; // FileList object if (files.length > 0) { var f = files[0]; var supportedExtensions = '.doc,.docx,.rtf,.pdf,.txt,'; if (f.size > 10485760) { alert("Vous pouvez joindre un maximum de 10 Mo de donn\u00E9es. Votre curriculum vitae et les pi\u00E8ces jointes ne doivent pas d\u00E9passer 10 Mo."); } else if(!supportedExtensions.includes(f.name.split('.').pop())) { $('#saveTimeLocalForm').remove() alert("Vous avez tent\u00E9 de charger un type de fichier dont le format n\'est pas pris en charge pour un chargement. Vous pouvez charger des fichiers avec les extensions suivantes : .doc,.docx,.rtf,.pdf,.txt,\n\nVotre fichier n\'a pas \u00E9t\u00E9 charg\u00E9. R\u00E9essayez \u00E0 l\'aide d\'un type de fichier pris en charge."); } else { if(!getFileExtension(files)) { $('#saveTimeLocalForm').submit(); } else { if($('#TBE_theForm #resume').length > 0) { $('#TBE_theForm #resume').remove(); } $('#saveTimeLocalForm').find(":input").appendTo("#TBE_theForm"); $('#saveTimeLocalForm').remove() populateResume(files[0], $('#uploadButtonProfile')); } } } } function callbackSaveTime(token, fileUrl, fileName, fileSize) { closeUploadPopup(); var x = document.createElement("FORM"); x.action = "https://tre.tbe.taleo.net/tre01/ats/careers/v2/attachResume?org=CRCS&cws=76&fileAttaching=true"; x.method = "post"; x.name = "saveTimeForm"; x.id = "saveTimeForm"; var input1 = document.createElement('input'); input1.setAttribute('type', 'hidden'); input1.setAttribute('value', token); input1.setAttribute('name', 'gdriveOAuthToken'); input1.setAttribute('id', 'gdriveOAuthToken'); var input2 = document.createElement('input'); input2.setAttribute('type', 'hidden'); input2.setAttribute('value', fileUrl); input2.setAttribute('name', 'gdriveResumeFileUrl'); input2.setAttribute('id', 'gdriveResumeFileUrl'); var input3 = document.createElement('input'); input3.setAttribute('type', 'hidden'); input3.setAttribute('value', fileName); input3.setAttribute('name', 'gdriveFileName'); input3.setAttribute('id', 'gdriveFileName'); var input4 = document.createElement('input'); input4.setAttribute('type', 'hidden'); input4.setAttribute('value', 'resume'); input4.setAttribute('name', 'gdriveFieldType'); input4.setAttribute('id', 'gdriveFieldType'); var input5 = document.createElement('input'); input5.setAttribute('type', 'hidden'); input5.setAttribute('value', 'v1:;1740153100563:;4pSEApiY7IcTSZO1OYx+rins4jSsp4pIelH4e14bIJU='); input5.setAttribute('name', '_csrf'); input5.setAttribute('id', '_csrf'); x.appendChild(input1); x.appendChild(input2); x.appendChild(input3); x.appendChild(input4); x.appendChild(input5); populateEmailPassword(x); document.body.appendChild(x); if (fileSize > 10485760) { alert("Vous pouvez joindre un maximum de 10 Mo de donn\u00E9es. Votre curriculum vitae et les pi\u00E8ces jointes ne doivent pas d\u00E9passer 10 Mo."); } else { x.submit(); } } function populateEmailPassword(x) { var emailField = document.getElementById("email"); var passField = document.getElementById("cwsPassword"); if (emailField != null && typeof emailField !== 'undefined') { var emailVal = emailField.value; var input6 = document.createElement('input'); input6.setAttribute('type', 'hidden'); input6.setAttribute('value', emailVal); input6.setAttribute('name', 'inputEmail'); input6.setAttribute('id', 'inputEmail'); x.appendChild(input6); if (emailField != null && typeof passField !== 'undefined') { var passVal = passField.value; var input7 = document.createElement('input'); input7.setAttribute('type', 'hidden'); input7.setAttribute('value', passVal); input7.setAttribute('name', 'inputPass'); input7.setAttribute('id', 'inputPass'); x.appendChild(input7); if(passVal==="**********"){ var input8 = document.createElement('input'); var passVal = document.getElementsByName("cwsPassword_3")[0].value; input8.setAttribute('type', 'hidden'); input8.setAttribute('value', passVal); input8.setAttribute('name', 'inputEncPass'); input8.setAttribute('id', 'inputEncPass'); x.appendChild(input8); } } } var sourceFld = document.getElementById("source"); if (sourceFld != null && typeof sourceFld !== 'undefined') { var sourceFldOption = sourceFld[sourceFld.selectedIndex]; if (typeof sourceFldOption !== 'undefined') { var sourceValue = sourceFldOption.value; if (sourceValue != null && sourceValue !== -1) { var input7 = document.createElement('input'); input7.setAttribute('type', 'hidden'); input7.setAttribute('value', sourceValue); input7.setAttribute('name', 'source'); input7.setAttribute('id', 'source'); x.appendChild(input7); } } } var consentDate = document.getElementById("consentDate"); if (consentDate != null && typeof consentDate !== 'undefined') { var input10 = document.createElement('input'); input10.setAttribute('type', 'hidden'); input10.setAttribute('value', consentDate.value); input10.setAttribute('name', 'consentDate'); input10.setAttribute('id', 'consentDate'); x.appendChild(input10); } var cwsLoginAsGuest = document.getElementById("cwsLoginAsGuest"); if (cwsLoginAsGuest != null && typeof cwsLoginAsGuest !== 'undefined') { var input11 = document.createElement('input'); input11.setAttribute('type', 'hidden'); input11.setAttribute('value', cwsLoginAsGuest.value); input11.setAttribute('name', 'cwsLoginAsGuest'); input11.setAttribute('id', 'cwsLoginAsGuest'); x.appendChild(input11); } } </script><div class="row"> <div class="col-xs-12 col-sm-6"> <div class="form-group oracletaleocwsv2-form-group-full"> <label for="CUSTOM_1762" class="oracletaleocwsv2-required form-label" >Statut de candidat </label> <select aria-label="Statut de candidat" class="form-select" name="CUSTOM_1762" id="CUSTOM_1762" required="required" tabIndex="0" > <option value='-1' > Sélectionner </option> <option value="11173" > Employé actuel CRC </option> <option value="11174" > Ancien employé CRC </option> <option value="11175" > Bénévole actuel CRC </option> <option value="12252" > Ancien bénévole CRC </option> <option value="11176" > Délégué intl CRC actuel </option> <option value="12253" > Ancien délégué intl CRC </option> <option value="11177" > Candidat externe </option> <option value="12486" > CRC Readiness </option> </select> <div class="oracletaleocwsv2-error-text"></div> </div> </div><div class="col-xs-12 col-sm-6"> <div class="form-group oracletaleocwsv2-form-group-full"> <label for="CUSTOM_1788" class="oracletaleocwsv2-required form-label" >Langue de préférence </label> <select aria-label="Langue de préférence" class="form-select" name="CUSTOM_1788" id="CUSTOM_1788" required="required" tabIndex="0" > <option value='-1' > Sélectionner </option> <option value="12019" > Anglais </option> <option value="12020" > Français </option> </select> <div class="oracletaleocwsv2-error-text"></div> </div> </div><div class="col-xs-12 col-sm-6 "> <div class="form-group oracletaleocwsv2-form-group-full oracletaleocwsv2-custom-input oracletaleocwsv2-multiselect"> <label for="CUSTOM_983" class="oracletaleocwsv2-required form-label" >Profil linguistique </label> <div class="oracletaleocwsv2-popup oracletaleocwsv2-multiselect-popup"> <a href="#" class="oracletaleocwsv2-close-popup-trigger oracletaleocwsv2-revert-data oracletaleocwsv2-close-icon"><i class="fa fa-remove"></i></a> <div class="oracletaleocwsv2-popup-inner"> <div class="oracletaleocwsv2-top-content"> <h3>Profil linguistique</h3> <a class="oracletaleocwsv2-checkalltoggle oracletaleocwsv2-nonechecked" href=""> <i class="fa"></i> <span>Tout cocher/décocher</span> </a> </div> <!--/.top-content--> <div class="oracletaleocwsv2-popup-content"> <div class="oracletaleocwsv2-multiselect-content" data-name="CUSTOM_983"> <div class="oracletaleocwsv2-checkbox-wrapper"> <div class="checkbox "> <input type="checkbox" value="976" name="CUSTOM_983" tabIndex="0" > <label> Anglais - De base </label> </div> <!--/.checkbox--> </div> <!--checkbox-wrapper --> <div class="oracletaleocwsv2-checkbox-wrapper"> <div class="checkbox "> <input type="checkbox" value="977" name="CUSTOM_983" tabIndex="0" > <label> Anglais - Avancé </label> </div> <!--/.checkbox--> </div> <!--checkbox-wrapper --> <div class="oracletaleocwsv2-checkbox-wrapper"> <div class="checkbox "> <input type="checkbox" value="978" name="CUSTOM_983" tabIndex="0" > <label> Français - De base </label> </div> <!--/.checkbox--> </div> <!--checkbox-wrapper --> <div class="oracletaleocwsv2-checkbox-wrapper"> <div class="checkbox "> <input type="checkbox" value="979" name="CUSTOM_983" tabIndex="0" > <label> Français - Avancé </label> </div> <!--/.checkbox--> </div> <!--checkbox-wrapper --> <div class="oracletaleocwsv2-checkbox-wrapper"> <div class="checkbox "> <input type="checkbox" value="1020" name="CUSTOM_983" tabIndex="0" > <label> Espagnol - De base </label> </div> <!--/.checkbox--> </div> <!--checkbox-wrapper --> <div class="oracletaleocwsv2-checkbox-wrapper"> <div class="checkbox "> <input type="checkbox" value="1021" name="CUSTOM_983" tabIndex="0" > <label> Espagnol - Avancé </label> </div> <!--/.checkbox--> </div> <!--checkbox-wrapper --> <div class="oracletaleocwsv2-checkbox-wrapper"> <div class="checkbox "> <input type="checkbox" value="980" name="CUSTOM_983" tabIndex="0" > <label> Arabe - De base </label> </div> <!--/.checkbox--> </div> <!--checkbox-wrapper --> <div class="oracletaleocwsv2-checkbox-wrapper"> <div class="checkbox "> <input type="checkbox" value="981" name="CUSTOM_983" tabIndex="0" > <label> Arabe - Avancé </label> </div> <!--/.checkbox--> </div> <!--checkbox-wrapper --> <div class="oracletaleocwsv2-checkbox-wrapper"> <div class="checkbox "> <input type="checkbox" value="982" name="CUSTOM_983" tabIndex="0" > <label> Bengali - De base </label> </div> <!--/.checkbox--> </div> <!--checkbox-wrapper --> <div class="oracletaleocwsv2-checkbox-wrapper"> <div class="checkbox "> <input type="checkbox" value="983" name="CUSTOM_983" tabIndex="0" > <label> Bengali - Avancé </label> </div> <!--/.checkbox--> </div> <!--checkbox-wrapper --> <div class="oracletaleocwsv2-checkbox-wrapper"> <div class="checkbox "> <input type="checkbox" value="984" name="CUSTOM_983" tabIndex="0" > <label> Birman - De base </label> </div> <!--/.checkbox--> </div> <!--checkbox-wrapper --> <div class="oracletaleocwsv2-checkbox-wrapper"> <div class="checkbox "> <input type="checkbox" value="985" name="CUSTOM_983" tabIndex="0" > <label> Birman - Avancé </label> </div> <!--/.checkbox--> </div> <!--checkbox-wrapper --> <div class="oracletaleocwsv2-checkbox-wrapper"> <div class="checkbox "> <input type="checkbox" value="986" name="CUSTOM_983" tabIndex="0" > <label> Cantonais - De base </label> </div> <!--/.checkbox--> </div> <!--checkbox-wrapper --> <div class="oracletaleocwsv2-checkbox-wrapper"> <div class="checkbox "> <input type="checkbox" value="987" name="CUSTOM_983" tabIndex="0" > <label> Cantonais - Avancé </label> </div> <!--/.checkbox--> </div> <!--checkbox-wrapper --> <div class="oracletaleocwsv2-checkbox-wrapper"> <div class="checkbox "> <input type="checkbox" value="1879" name="CUSTOM_983" tabIndex="0" > <label> Croatian - Basic </label> </div> <!--/.checkbox--> </div> <!--checkbox-wrapper --> <div class="oracletaleocwsv2-checkbox-wrapper"> <div class="checkbox "> <input type="checkbox" value="1880" name="CUSTOM_983" tabIndex="0" > <label> Croatian - Advanced </label> </div> <!--/.checkbox--> </div> <!--checkbox-wrapper --> <div class="oracletaleocwsv2-checkbox-wrapper"> <div class="checkbox "> <input type="checkbox" value="1883" name="CUSTOM_983" tabIndex="0" > <label> Dari - Basic </label> </div> <!--/.checkbox--> </div> <!--checkbox-wrapper --> <div class="oracletaleocwsv2-checkbox-wrapper"> <div class="checkbox "> <input type="checkbox" value="1884" name="CUSTOM_983" tabIndex="0" > <label> Dari - Advanced </label> </div> <!--/.checkbox--> </div> <!--checkbox-wrapper --> <div class="oracletaleocwsv2-checkbox-wrapper"> <div class="checkbox "> <input type="checkbox" value="988" name="CUSTOM_983" tabIndex="0" > <label> Farsi ou persan - De base </label> </div> <!--/.checkbox--> </div> <!--checkbox-wrapper --> <div class="oracletaleocwsv2-checkbox-wrapper"> <div class="checkbox "> <input type="checkbox" value="989" name="CUSTOM_983" tabIndex="0" > <label> Farsi ou persan - Avancé </label> </div> <!--/.checkbox--> </div> <!--checkbox-wrapper --> <div class="oracletaleocwsv2-checkbox-wrapper"> <div class="checkbox "> <input type="checkbox" value="992" name="CUSTOM_983" tabIndex="0" > <label> Allemand - De base </label> </div> <!--/.checkbox--> </div> <!--checkbox-wrapper --> <div class="oracletaleocwsv2-checkbox-wrapper"> <div class="checkbox "> <input type="checkbox" value="993" name="CUSTOM_983" tabIndex="0" > <label> Allemand - Avancé </label> </div> <!--/.checkbox--> </div> <!--checkbox-wrapper --> <div class="oracletaleocwsv2-checkbox-wrapper"> <div class="checkbox "> <input type="checkbox" value="990" name="CUSTOM_983" tabIndex="0" > <label> Gujarati - De base </label> </div> <!--/.checkbox--> </div> <!--checkbox-wrapper --> <div class="oracletaleocwsv2-checkbox-wrapper"> <div class="checkbox "> <input type="checkbox" value="991" name="CUSTOM_983" tabIndex="0" > <label> Gujarati - Avancé </label> </div> <!--/.checkbox--> </div> <!--checkbox-wrapper --> <div class="oracletaleocwsv2-checkbox-wrapper"> <div class="checkbox "> <input type="checkbox" value="1318" name="CUSTOM_983" tabIndex="0" > <label> Créole haïtien – De base </label> </div> <!--/.checkbox--> </div> <!--checkbox-wrapper --> <div class="oracletaleocwsv2-checkbox-wrapper"> <div class="checkbox "> <input type="checkbox" value="1319" name="CUSTOM_983" tabIndex="0" > <label> Créole haïtien – Avancé </label> </div> <!--/.checkbox--> </div> <!--checkbox-wrapper --> <div class="oracletaleocwsv2-checkbox-wrapper"> <div class="checkbox "> <input type="checkbox" value="1895" name="CUSTOM_983" tabIndex="0" > <label> Hausa - Basic </label> </div> <!--/.checkbox--> </div> <!--checkbox-wrapper --> <div class="oracletaleocwsv2-checkbox-wrapper"> <div class="checkbox "> <input type="checkbox" value="1896" name="CUSTOM_983" tabIndex="0" > <label> Hausa - Advanced </label> </div> <!--/.checkbox--> </div> <!--checkbox-wrapper --> <div class="oracletaleocwsv2-checkbox-wrapper"> <div class="checkbox "> <input type="checkbox" value="1316" name="CUSTOM_983" tabIndex="0" > <label> Hébreu - De base </label> </div> <!--/.checkbox--> </div> <!--checkbox-wrapper --> <div class="oracletaleocwsv2-checkbox-wrapper"> <div class="checkbox "> <input type="checkbox" value="1317" name="CUSTOM_983" tabIndex="0" > <label> Hébreu - Avancé </label> </div> <!--/.checkbox--> </div> <!--checkbox-wrapper --> <div class="oracletaleocwsv2-checkbox-wrapper"> <div class="checkbox "> <input type="checkbox" value="994" name="CUSTOM_983" tabIndex="0" > <label> Hindi - De base </label> </div> <!--/.checkbox--> </div> <!--checkbox-wrapper --> <div class="oracletaleocwsv2-checkbox-wrapper"> <div class="checkbox "> <input type="checkbox" value="995" name="CUSTOM_983" tabIndex="0" > <label> Hindi - Avancé </label> </div> <!--/.checkbox--> </div> <!--checkbox-wrapper --> <div class="oracletaleocwsv2-checkbox-wrapper"> <div class="checkbox "> <input type="checkbox" value="1877" name="CUSTOM_983" tabIndex="0" > <label> Hungarian - Basic </label> </div> <!--/.checkbox--> </div> <!--checkbox-wrapper --> <div class="oracletaleocwsv2-checkbox-wrapper"> <div class="checkbox "> <input type="checkbox" value="1878" name="CUSTOM_983" tabIndex="0" > <label> Hungarian - Advanced </label> </div> <!--/.checkbox--> </div> <!--checkbox-wrapper --> <div class="oracletaleocwsv2-checkbox-wrapper"> <div class="checkbox "> <input type="checkbox" value="12414" name="CUSTOM_983" tabIndex="0" > <label> Indigenous Language/ Dialect - Cree </label> </div> <!--/.checkbox--> </div> <!--checkbox-wrapper --> <div class="oracletaleocwsv2-checkbox-wrapper"> <div class="checkbox "> <input type="checkbox" value="12415" name="CUSTOM_983" tabIndex="0" > <label> Indigenous Language/ Dialect - Inuktitut </label> </div> <!--/.checkbox--> </div> <!--checkbox-wrapper --> <div class="oracletaleocwsv2-checkbox-wrapper"> <div class="checkbox "> <input type="checkbox" value="12418" name="CUSTOM_983" tabIndex="0" > <label> Indigenous Language/Dialect - Mohawk (Kanien’keha) </label> </div> <!--/.checkbox--> </div> <!--checkbox-wrapper --> <div class="oracletaleocwsv2-checkbox-wrapper"> <div class="checkbox "> <input type="checkbox" value="12416" name="CUSTOM_983" tabIndex="0" > <label> Indigenous Language/ Dialect – Ojibway </label> </div> <!--/.checkbox--> </div> <!--checkbox-wrapper --> <div class="oracletaleocwsv2-checkbox-wrapper"> <div class="checkbox "> <input type="checkbox" value="12419" name="CUSTOM_983" tabIndex="0" > <label> Indigenous Language/Dialect - Secwepemc (Secwepemctsin) </label> </div> <!--/.checkbox--> </div> <!--checkbox-wrapper --> <div class="oracletaleocwsv2-checkbox-wrapper"> <div class="checkbox "> <input type="checkbox" value="12417" name="CUSTOM_983" tabIndex="0" > <label> Indigenous Language/ Dialect – Other </label> </div> <!--/.checkbox--> </div> <!--checkbox-wrapper --> <div class="oracletaleocwsv2-checkbox-wrapper"> <div class="checkbox "> <input type="checkbox" value="996" name="CUSTOM_983" tabIndex="0" > <label> Italien - De base </label> </div> <!--/.checkbox--> </div> <!--checkbox-wrapper --> <div class="oracletaleocwsv2-checkbox-wrapper"> <div class="checkbox "> <input type="checkbox" value="997" name="CUSTOM_983" tabIndex="0" > <label> Italien - Avancé </label> </div> <!--/.checkbox--> </div> <!--checkbox-wrapper --> <div class="oracletaleocwsv2-checkbox-wrapper"> <div class="checkbox "> <input type="checkbox" value="998" name="CUSTOM_983" tabIndex="0" > <label> Japonais - De base </label> </div> <!--/.checkbox--> </div> <!--checkbox-wrapper --> <div class="oracletaleocwsv2-checkbox-wrapper"> <div class="checkbox "> <input type="checkbox" value="999" name="CUSTOM_983" tabIndex="0" > <label> Japonais - Avancé </label> </div> <!--/.checkbox--> </div> <!--checkbox-wrapper --> <div class="oracletaleocwsv2-checkbox-wrapper"> <div class="checkbox "> <input type="checkbox" value="1000" name="CUSTOM_983" tabIndex="0" > <label> Javanais - De base </label> </div> <!--/.checkbox--> </div> <!--checkbox-wrapper --> <div class="oracletaleocwsv2-checkbox-wrapper"> <div class="checkbox "> <input type="checkbox" value="1001" name="CUSTOM_983" tabIndex="0" > <label> Javanais - Avancé </label> </div> <!--/.checkbox--> </div> <!--checkbox-wrapper --> <div class="oracletaleocwsv2-checkbox-wrapper"> <div class="checkbox "> <input type="checkbox" value="1002" name="CUSTOM_983" tabIndex="0" > <label> Kannara - De base </label> </div> <!--/.checkbox--> </div> <!--checkbox-wrapper --> <div class="oracletaleocwsv2-checkbox-wrapper"> <div class="checkbox "> <input type="checkbox" value="1003" name="CUSTOM_983" tabIndex="0" > <label> Kannara - Avancé </label> </div> <!--/.checkbox--> </div> <!--checkbox-wrapper --> <div class="oracletaleocwsv2-checkbox-wrapper"> <div class="checkbox "> <input type="checkbox" value="1004" name="CUSTOM_983" tabIndex="0" > <label> Coréen - De base </label> </div> <!--/.checkbox--> </div> <!--checkbox-wrapper --> <div class="oracletaleocwsv2-checkbox-wrapper"> <div class="checkbox "> <input type="checkbox" value="1005" name="CUSTOM_983" tabIndex="0" > <label> Coréen - Avancé </label> </div> <!--/.checkbox--> </div> <!--checkbox-wrapper --> <div class="oracletaleocwsv2-checkbox-wrapper"> <div class="checkbox "> <input type="checkbox" value="1006" name="CUSTOM_983" tabIndex="0" > <label> Malais - De base </label> </div> <!--/.checkbox--> </div> <!--checkbox-wrapper --> <div class="oracletaleocwsv2-checkbox-wrapper"> <div class="checkbox "> <input type="checkbox" value="1007" name="CUSTOM_983" tabIndex="0" > <label> Malais - Avancé </label> </div> <!--/.checkbox--> </div> <!--checkbox-wrapper --> <div class="oracletaleocwsv2-checkbox-wrapper"> <div class="checkbox "> <input type="checkbox" value="1008" name="CUSTOM_983" tabIndex="0" > <label> Malais - De base </label> </div> <!--/.checkbox--> </div> <!--checkbox-wrapper --> <div class="oracletaleocwsv2-checkbox-wrapper"> <div class="checkbox "> <input type="checkbox" value="1009" name="CUSTOM_983" tabIndex="0" > <label> Mandarin - Avancé </label> </div> <!--/.checkbox--> </div> <!--checkbox-wrapper --> <div class="oracletaleocwsv2-checkbox-wrapper"> <div class="checkbox "> <input type="checkbox" value="1010" name="CUSTOM_983" tabIndex="0" > <label> Marathi - De base </label> </div> <!--/.checkbox--> </div> <!--checkbox-wrapper --> <div class="oracletaleocwsv2-checkbox-wrapper"> <div class="checkbox "> <input type="checkbox" value="1011" name="CUSTOM_983" tabIndex="0" > <label> Marathi - Avancé </label> </div> <!--/.checkbox--> </div> <!--checkbox-wrapper --> <div class="oracletaleocwsv2-checkbox-wrapper"> <div class="checkbox "> <input type="checkbox" value="1382" name="CUSTOM_983" tabIndex="0" > <label> Pashtu - De base </label> </div> <!--/.checkbox--> </div> <!--checkbox-wrapper --> <div class="oracletaleocwsv2-checkbox-wrapper"> <div class="checkbox "> <input type="checkbox" value="1383" name="CUSTOM_983" tabIndex="0" > <label> Pashtu - Avancé </label> </div> <!--/.checkbox--> </div> <!--checkbox-wrapper --> <div class="oracletaleocwsv2-checkbox-wrapper"> <div class="checkbox "> <input type="checkbox" value="1885" name="CUSTOM_983" tabIndex="0" > <label> Persian - Basic </label> </div> <!--/.checkbox--> </div> <!--checkbox-wrapper --> <div class="oracletaleocwsv2-checkbox-wrapper"> <div class="checkbox "> <input type="checkbox" value="1886" name="CUSTOM_983" tabIndex="0" > <label> Persian - Advanced </label> </div> <!--/.checkbox--> </div> <!--checkbox-wrapper --> <div class="oracletaleocwsv2-checkbox-wrapper"> <div class="checkbox "> <input type="checkbox" value="1012" name="CUSTOM_983" tabIndex="0" > <label> Polonais - De base </label> </div> <!--/.checkbox--> </div> <!--checkbox-wrapper --> <div class="oracletaleocwsv2-checkbox-wrapper"> <div class="checkbox "> <input type="checkbox" value="1013" name="CUSTOM_983" tabIndex="0" > <label> Polonais - Avancé </label> </div> <!--/.checkbox--> </div> <!--checkbox-wrapper --> <div class="oracletaleocwsv2-checkbox-wrapper"> <div class="checkbox "> <input type="checkbox" value="1014" name="CUSTOM_983" tabIndex="0" > <label> Portugais - De base </label> </div> <!--/.checkbox--> </div> <!--checkbox-wrapper --> <div class="oracletaleocwsv2-checkbox-wrapper"> <div class="checkbox "> <input type="checkbox" value="1015" name="CUSTOM_983" tabIndex="0" > <label> Portugais - Avancé </label> </div> <!--/.checkbox--> </div> <!--checkbox-wrapper --> <div class="oracletaleocwsv2-checkbox-wrapper"> <div class="checkbox "> <input type="checkbox" value="1016" name="CUSTOM_983" tabIndex="0" > <label> Portugais - De base </label> </div> <!--/.checkbox--> </div> <!--checkbox-wrapper --> <div class="oracletaleocwsv2-checkbox-wrapper"> <div class="checkbox "> <input type="checkbox" value="1017" name="CUSTOM_983" tabIndex="0" > <label> Pendjabi - Avancé </label> </div> <!--/.checkbox--> </div> <!--checkbox-wrapper --> <div class="oracletaleocwsv2-checkbox-wrapper"> <div class="checkbox "> <input type="checkbox" value="1018" name="CUSTOM_983" tabIndex="0" > <label> Russe - De base </label> </div> <!--/.checkbox--> </div> <!--checkbox-wrapper --> <div class="oracletaleocwsv2-checkbox-wrapper"> <div class="checkbox "> <input type="checkbox" value="1019" name="CUSTOM_983" tabIndex="0" > <label> Russe - Avancé </label> </div> <!--/.checkbox--> </div> <!--checkbox-wrapper --> <div class="oracletaleocwsv2-checkbox-wrapper"> <div class="checkbox "> <input type="checkbox" value="1881" name="CUSTOM_983" tabIndex="0" > <label> Serbian - Basic </label> </div> <!--/.checkbox--> </div> <!--checkbox-wrapper --> <div class="oracletaleocwsv2-checkbox-wrapper"> <div class="checkbox "> <input type="checkbox" value="1882" name="CUSTOM_983" tabIndex="0" > <label> Serbian - Advanced </label> </div> <!--/.checkbox--> </div> <!--checkbox-wrapper --> <div class="oracletaleocwsv2-checkbox-wrapper"> <div class="checkbox "> <input type="checkbox" value="2039" name="CUSTOM_983" tabIndex="0" > <label> Sinhala - Basic </label> </div> <!--/.checkbox--> </div> <!--checkbox-wrapper --> <div class="oracletaleocwsv2-checkbox-wrapper"> <div class="checkbox "> <input type="checkbox" value="12050" name="CUSTOM_983" tabIndex="0" > <label> Sinhala - Advanced </label> </div> <!--/.checkbox--> </div> <!--checkbox-wrapper --> <div class="oracletaleocwsv2-checkbox-wrapper"> <div class="checkbox "> <input type="checkbox" value="1635" name="CUSTOM_983" tabIndex="0" > <label> Swahili - Basic </label> </div> <!--/.checkbox--> </div> <!--checkbox-wrapper --> <div class="oracletaleocwsv2-checkbox-wrapper"> <div class="checkbox "> <input type="checkbox" value="1636" name="CUSTOM_983" tabIndex="0" > <label> Swahili - Advanced </label> </div> <!--/.checkbox--> </div> <!--checkbox-wrapper --> <div class="oracletaleocwsv2-checkbox-wrapper"> <div class="checkbox "> <input type="checkbox" value="1887" name="CUSTOM_983" tabIndex="0" > <label> Tajiiq - Basic </label> </div> <!--/.checkbox--> </div> <!--checkbox-wrapper --> <div class="oracletaleocwsv2-checkbox-wrapper"> <div class="checkbox "> <input type="checkbox" value="1888" name="CUSTOM_983" tabIndex="0" > <label> Tajiiq - Advanced </label> </div> <!--/.checkbox--> </div> <!--checkbox-wrapper --> <div class="oracletaleocwsv2-checkbox-wrapper"> <div class="checkbox "> <input type="checkbox" value="1024" name="CUSTOM_983" tabIndex="0" > <label> Tamil - De base </label> </div> <!--/.checkbox--> </div> <!--checkbox-wrapper --> <div class="oracletaleocwsv2-checkbox-wrapper"> <div class="checkbox "> <input type="checkbox" value="1025" name="CUSTOM_983" tabIndex="0" > <label> Tamil - Avancé </label> </div> <!--/.checkbox--> </div> <!--checkbox-wrapper --> <div class="oracletaleocwsv2-checkbox-wrapper"> <div class="checkbox "> <input type="checkbox" value="1026" name="CUSTOM_983" tabIndex="0" > <label> Telugu - De base </label> </div> <!--/.checkbox--> </div> <!--checkbox-wrapper --> <div class="oracletaleocwsv2-checkbox-wrapper"> <div class="checkbox "> <input type="checkbox" value="1027" name="CUSTOM_983" tabIndex="0" > <label> Telugu - Avancé </label> </div> <!--/.checkbox--> </div> <!--checkbox-wrapper --> <div class="oracletaleocwsv2-checkbox-wrapper"> <div class="checkbox "> <input type="checkbox" value="1022" name="CUSTOM_983" tabIndex="0" > <label> Thaïlandais - De base </label> </div> <!--/.checkbox--> </div> <!--checkbox-wrapper --> <div class="oracletaleocwsv2-checkbox-wrapper"> <div class="checkbox "> <input type="checkbox" value="1023" name="CUSTOM_983" tabIndex="0" > <label> Thaïlandais - Avancé </label> </div> <!--/.checkbox--> </div> <!--checkbox-wrapper --> <div class="oracletaleocwsv2-checkbox-wrapper"> <div class="checkbox "> <input type="checkbox" value="1028" name="CUSTOM_983" tabIndex="0" > <label> Turc - De base </label> </div> <!--/.checkbox--> </div> <!--checkbox-wrapper --> <div class="oracletaleocwsv2-checkbox-wrapper"> <div class="checkbox "> <input type="checkbox" value="1029" name="CUSTOM_983" tabIndex="0" > <label> Turc - Avancé </label> </div> <!--/.checkbox--> </div> <!--checkbox-wrapper --> <div class="oracletaleocwsv2-checkbox-wrapper"> <div class="checkbox "> <input type="checkbox" value="12315" name="CUSTOM_983" tabIndex="0" > <label> Ukrainien - De base </label> </div> <!--/.checkbox--> </div> <!--checkbox-wrapper --> <div class="oracletaleocwsv2-checkbox-wrapper"> <div class="checkbox "> <input type="checkbox" value="12316" name="CUSTOM_983" tabIndex="0" > <label> Ukrainien - Avancé </label> </div> <!--/.checkbox--> </div> <!--checkbox-wrapper --> <div class="oracletaleocwsv2-checkbox-wrapper"> <div class="checkbox "> <input type="checkbox" value="1030" name="CUSTOM_983" tabIndex="0" > <label> Urdu - De base </label> </div> <!--/.checkbox--> </div> <!--checkbox-wrapper --> <div class="oracletaleocwsv2-checkbox-wrapper"> <div class="checkbox "> <input type="checkbox" value="1031" name="CUSTOM_983" tabIndex="0" > <label> Urdu - Avancé </label> </div> <!--/.checkbox--> </div> <!--checkbox-wrapper --> <div class="oracletaleocwsv2-checkbox-wrapper"> <div class="checkbox "> <input type="checkbox" value="1032" name="CUSTOM_983" tabIndex="0" > <label> Vietnamien - De base </label> </div> <!--/.checkbox--> </div> <!--checkbox-wrapper --> <div class="oracletaleocwsv2-checkbox-wrapper"> <div class="checkbox "> <input type="checkbox" value="1033" name="CUSTOM_983" tabIndex="0" > <label> Vietnamien - Avancé </label> </div> <!--/.checkbox--> </div> <!--checkbox-wrapper --> <div class="oracletaleocwsv2-checkbox-wrapper"> <div class="checkbox "> <input type="checkbox" value="1034" name="CUSTOM_983" tabIndex="0" > <label> Wu - De base </label> </div> <!--/.checkbox--> </div> <!--checkbox-wrapper --> <div class="oracletaleocwsv2-checkbox-wrapper"> <div class="checkbox "> <input type="checkbox" value="1035" name="CUSTOM_983" tabIndex="0" > <label> Wu - Avancé </label> </div> <!--/.checkbox--> </div> <!--checkbox-wrapper --> </div> <!--row--> </div> <!--/.popup-content--> <div class="oracletaleocwsv2-bottom-content oracletaleocwsv2-button-navigation"> <a class="btn btn-primary btn-lg oracletaleocwsv2-close-popup-trigger">Enregistrer</a> <button class="btn btn-link btn-lg oracletaleocwsv2-close-popup-trigger oracletaleocwsv2-revert-data">Annuler</button> </div> </div> <!--/.popup-inner--> </div> <!--/.popup.multiselect-popup--> <div class="input-group oracletaleocwsv2-popup-trigger oracletaleocwsv2-multiselect-trigger"> <input type="text" id="CUSTOM_983" name="CUSTOM_983_total" tabindex="-1" class="form-control oracletaleocwsv2-multiselect-input" placeholder="Sélectionnez toutes les réponses applicables..." required="required" > <span class="input-group-btn"> <button aria-label="Profil linguistique" tabindex="0" class="btn btn-default oracletaleocwsv2-popup-trigger oracletaleocwsv2-multiselect-trigger" type="button"><i class="fa fa-list-ul"></i></button> </span> </div> <div class="oracletaleocwsv2-error-text"></div> </div> <script type="text/javascript"> $(document).on("focusin", "input#CUSTOM_983", function(event) { $(this).prop('readonly', true); }); $(document).on("focusout", "input#CUSTOM_983", function(event) { $(this).prop('readonly', false); }); </script> <!--/.form-group.multiselect--> </div><div class="col-xs-12 col-sm-6 "> <div class="form-group oracletaleocwsv2-form-group-full"> <div><span class="oracletaleocwsv2-text-above-field-label"><h2>Informations personnelles</h2></span></div> <label aria-label="Prénom légal" class="oracletaleocwsv2-required form-label" id=firstName for="firstName">Prénom légal</label> <input aria-label="Prénom légal" class="form-control" type="text" name="firstName" id="firstName" value="" maxlength="30" tabIndex="0" required="required" > <div class="oracletaleocwsv2-error-text"></div> </div> </div><div class="col-xs-12 col-sm-6 "> <div class="form-group oracletaleocwsv2-form-group-full"> <label aria-label="Nom de famille légal" class="oracletaleocwsv2-required form-label" id=lastName for="lastName">Nom de famille légal</label> <input aria-label="Nom de famille légal" class="form-control" type="text" name="lastName" id="lastName" value="" maxlength="30" tabIndex="0" required="required" > <div class="oracletaleocwsv2-error-text"></div> </div> </div><div class="col-xs-12 col-sm-6 "> <div class="form-group oracletaleocwsv2-form-group-full"> <div><span class="oracletaleocwsv2-text-above-field-label"><p> </p></span></div> <label aria-label="Téléphone cellulaire" class="oracletaleocwsv2-required form-label" id=cellPhone for="cellPhone">Téléphone cellulaire</label> <input aria-label="Téléphone cellulaire" class="form-control errorEnabledField " type="text" name="cellPhone" id="cellPhone" value="" maxlength="30" tabIndex="0" required="required" additionalParams > <div class="oracletaleocwsv2-error-text"></div> </div> </div><div class="col-xs-12 col-sm-6 "> <div class="form-group oracletaleocwsv2-form-group-full"> <label aria-label="Adresse postale" class="oracletaleocwsv2-required form-label" id=address for="address">Adresse postale</label> <input aria-label="Adresse postale" class="form-control" type="text" name="address" id="address" value="" maxlength="100" tabIndex="0" required="required" > <div class="oracletaleocwsv2-error-text"></div> </div> </div><div class="col-xs-12 col-sm-6 "> <div class="form-group oracletaleocwsv2-form-group-full"> <label aria-label="Ville" class="oracletaleocwsv2-required form-label" id=city for="city">Ville</label> <input aria-label="Ville" class="form-control" type="text" name="city" id="city" value="" maxlength="30" tabIndex="0" required="required" > <div class="oracletaleocwsv2-error-text"></div> </div> </div><div class="col-xs-12 col-sm-6"> <div class="form-group oracletaleocwsv2-form-group-full"> <label for="state" class="oracletaleocwsv2-required form-label" >Province/État </label> <select aria-label="Province/État" class="form-select" name="state" id="state" required="required" tabIndex="0" > <option value='' > Sélectionner </option> <option value="-------CANADA-------" > -------CANADA------- </option> <option value="AB" > AB </option> <option value="BC" > BC </option> <option value="MB" > MB </option> <option value="NB" > NB </option> <option value="NL" > NL </option> <option value="NW" > NW </option> <option value="NS" > NS </option> <option value="NU" > NU </option> <option value="ON" > ON </option> <option value="PE" > PE </option> <option value="QC" > QC </option> <option value="SK" > SK </option> <option value="YT" > YT </option> <option value="-----UNITED STATES-----" > -----UNITED STATES----- </option> <option value="US-AK" > US-AK </option> <option value="US-AL" > US-AL </option> <option value="US-AR" > US-AR </option> <option value="US-AZ" > US-AZ </option> <option value="US-CA" > US-CA </option> <option value="US-CO" > US-CO </option> <option value="US-CT" > US-CT </option> <option value="US-DC" > US-DC </option> <option value="US-DE" > US-DE </option> <option value="US-FL" > US-FL </option> <option value="US-GA" > US-GA </option> <option value="US-HI" > US-HI </option> <option value="US-IA" > US-IA </option> <option value="US-ID" > US-ID </option> <option value="US-IL" > US-IL </option> <option value="US-IN" > US-IN </option> <option value="US-KS" > US-KS </option> <option value="US-KY" > US-KY </option> <option value="US-LA" > US-LA </option> <option value="US-ME" > US-ME </option> <option value="US-MA" > US-MA </option> <option value="US-MD" > US-MD </option> <option value="US-MI" > US-MI </option> <option value="US-MN" > US-MN </option> <option value="US-MO" > US-MO </option> <option value="US-MS" > US-MS </option> <option value="US-MT" > US-MT </option> <option value="US-NC" > US-NC </option> <option value="US-ND" > US-ND </option> <option value="US-NE" > US-NE </option> <option value="US-NH" > US-NH </option> <option value="US-NJ" > US-NJ </option> <option value="US-NM" > US-NM </option> <option value="US-NV" > US-NV </option> <option value="US-NY" > US-NY </option> <option value="US-OH" > US-OH </option> <option value="US-OK" > US-OK </option> <option value="US-OR" > US-OR </option> <option value="US-PA" > US-PA </option> <option value="US-RI" > US-RI </option> <option value="US-SD" > US-SD </option> <option value="US-SC" > US-SC </option> <option value="US-TN" > US-TN </option> <option value="US-TX" > US-TX </option> <option value="US-UT" > US-UT </option> <option value="US-VT" > US-VT </option> <option value="US-VA" > US-VA </option> <option value="US-WA" > US-WA </option> <option value="US-WV" > US-WV </option> <option value="US-WI" > US-WI </option> <option value="US-WY" > US-WY </option> <option value="Other" > Other </option> </select> <div class="oracletaleocwsv2-error-text"></div> </div> </div><div class="col-xs-12 col-sm-6 "> <div class="form-group oracletaleocwsv2-form-group-full"> <label aria-label="Code postal/ZIP" class="oracletaleocwsv2-required form-label" id=zipCode for="zipCode">Code postal/ZIP</label> <input aria-label="Code postal/ZIP" class="form-control" type="text" name="zipCode" id="zipCode" value="" maxlength="10" tabIndex="0" required="required" > <div class="oracletaleocwsv2-error-text"></div> </div> </div><div class="col-xs-12 col-sm-6"> <div class="form-group oracletaleocwsv2-form-group-full"> <label for="country" class="oracletaleocwsv2-required form-label" >Pays </label> <select aria-label="Pays" class="form-select" name="country" id="country" required="required" tabIndex="0" > <option value='-1' > Sélectionner </option> <option value="189" > Afghanistan </option> <option value="190" > Albanie </option> <option value="191" > Algérie </option> <option value="192" > Samoa américaines </option> <option value="193" > Andorre </option> <option value="194" > Angola </option> <option value="195" > Anguilla </option> <option value="196" > Antarctique </option> <option value="197" > Antigua </option> <option value="198" > Argentine </option> <option value="199" > Arménie </option> <option value="200" > Aruba </option> <option value="201" > Australie </option> <option value="202" > Autriche </option> <option value="203" > Azerbaïdjan </option> <option value="204" > Bahamas </option> <option value="205" > Bahreïn </option> <option value="206" > Bangladesh </option> <option value="207" > Barbade </option> <option value="208" > Bélarus </option> <option value="209" > Belgique </option> <option value="210" > Belize </option> <option value="211" > Bénin </option> <option value="212" > Bermudes </option> <option value="213" > Bhoutan </option> <option value="214" > Bolivie </option> <option value="215" > Bosnie </option> <option value="216" > Botswana </option> <option value="217" > Brésil </option> <option value="218" > Brunéi Darussalam </option> <option value="219" > Bulgarie </option> <option value="220" > Burkina Faso </option> <option value="221" > Burundi </option> <option value="222" > Cambodge </option> <option value="223" > Cameroun </option> <option value="224" > Canada </option> <option value="225" > Îles Caïmans </option> <option value="10164" > Central African Republic </option> <option value="226" > Tchad </option> <option value="227" > Chili </option> <option value="228" > Chine </option> <option value="229" > Colombie </option> <option value="230" > Comores </option> <option value="231" > Congo </option> <option value="232" > Costa Rica </option> <option value="233" > Croatie </option> <option value="234" > Cuba </option> <option value="235" > Chypre </option> <option value="236" > République tchèque </option> <option value="237" > Danemark </option> <option value="238" > République dominicaine </option> <option value="239" > Équateur </option> <option value="240" > Égypte </option> <option value="241" > El Salvador </option> <option value="242" > Guinée équatoriale </option> <option value="243" > Érythrée </option> <option value="244" > Estonie </option> <option value="245" > Éthiopie </option> <option value="246" > Fidji </option> <option value="247" > Finlande </option> <option value="248" > France </option> <option value="249" > Gabon </option> <option value="250" > Gambie </option> <option value="251" > Géorgie </option> <option value="252" > Allemagne </option> <option value="253" > Ghana </option> <option value="254" > Grèce </option> <option value="255" > Groenland </option> <option value="256" > Grenade </option> <option value="257" > Guadeloupe </option> <option value="258" > Guam </option> <option value="259" > Guatemala </option> <option value="260" > Guinée </option> <option value="261" > Guyane </option> <option value="262" > Haïti </option> <option value="263" > Honduras </option> <option value="264" > Hong Kong </option> <option value="265" > Hongrie </option> <option value="266" > Islande </option> <option value="267" > Inde </option> <option value="268" > Indonésie </option> <option value="269" > Iran </option> <option value="270" > Irak </option> <option value="271" > Irlande </option> <option value="272" > Israël </option> <option value="273" > Italie </option> <option value="10096" > Ivory Coast </option> <option value="274" > Jamaïque </option> <option value="275" > Japon </option> <option value="276" > Jordanie </option> <option value="277" > Kazakhstan </option> <option value="1384" > Kenya/KN </option> <option value="278" > Corée du Nord </option> <option value="279" > Corée du Sud </option> <option value="280" > Koweït </option> <option value="281" > Kirghizistan </option> <option value="282" > République démocratique populaire du Laos </option> <option value="283" > Lettonie </option> <option value="284" > Liban </option> <option value="285" > Libéria </option> <option value="286" > Libye </option> <option value="287" > Liechtenstein </option> <option value="288" > Lituanie </option> <option value="289" > Luxembourg </option> <option value="290" > Macao </option> <option value="291" > Macédoine </option> <option value="292" > Madagascar </option> <option value="293" > Malawi </option> <option value="294" > Malaisie </option> <option value="295" > Maldives </option> <option value="10915" > Mali </option> <option value="296" > Malte </option> <option value="297" > Mexique </option> <option value="298" > Micronésie </option> <option value="299" > Moldavie </option> <option value="300" > Monaco </option> <option value="301" > Mongolie </option> <option value="302" > Maroc </option> <option value="303" > Mozambique </option> <option value="304" > Myanmar </option> <option value="305" > Namibie </option> <option value="306" > Népal </option> <option value="307" > Pays-Bas </option> <option value="308" > Nouvelle-Zélande </option> <option value="309" > Nicaragua </option> <option value="310" > Niger </option> <option value="311" > Nigéria </option> <option value="312" > Norvège </option> <option value="313" > Oman </option> <option value="314" > Pakistan </option> <option value="315" > Palaos </option> <option value="316" > Palestine </option> <option value="317" > Panama </option> <option value="318" > Papouasie-Nouvelle-Guinée </option> <option value="319" > Paraguay </option> <option value="320" > Pérou </option> <option value="321" > Philippines </option> <option value="322" > Pologne </option> <option value="323" > Portugal </option> <option value="324" > Puerto Rico </option> <option value="325" > Qatar </option> <option value="326" > Roumanie </option> <option value="327" > Russie </option> <option value="328" > Rwanda </option> <option value="329" > Sainte-Lucie </option> <option value="330" > Saint-Vincent-et-les-Grenadines </option> <option value="331" > Samoa </option> <option value="332" > Saint-Marin </option> <option value="333" > São Tomé e Príncipe </option> <option value="334" > Arabie saoudite </option> <option value="335" > Sénégal </option> <option value="336" > Serbie </option> <option value="337" > Sierra Leone </option> <option value="338" > Singapour </option> <option value="339" > Slovaquie </option> <option value="340" > Slovénie </option> <option value="341" > Somalie </option> <option value="342" > Afrique du Sud </option> <option value="343" > Espagne </option> <option value="344" > Sri Lanka </option> <option value="345" > Soudan </option> <option value="346" > Suriname </option> <option value="347" > Suède </option> <option value="348" > Suisse </option> <option value="349" > Syrie </option> <option value="350" > Taïwan </option> <option value="351" > Tadjikistan </option> <option value="352" > Tanzanie </option> <option value="353" > Thaïlande </option> <option value="354" > Togo </option> <option value="355" > Trinité-et-Tobago </option> <option value="356" > Tunisie </option> <option value="357" > Turquie </option> <option value="358" > Turkménistan </option> <option value="359" > Tuvalu </option> <option value="360" > Ouganda </option> <option value="361" > Ukraine </option> <option value="362" > Émirats arabes unis </option> <option value="363" > Royaume-Uni </option> <option value="364" > États-Unis </option> <option value="365" > Uruguay </option> <option value="366" > Ouzbékistan </option> <option value="367" > Vatican </option> <option value="368" > Venezuela </option> <option value="369" > Vietnam </option> <option value="370" > Yémen </option> <option value="371" > Zambie </option> <option value="372" > Zimbabwe </option> </select> <div class="oracletaleocwsv2-error-text"></div> </div> </div><div class="col-xs-12 col-sm-6"> <div class="form-group oracletaleocwsv2-form-group-full"> <label for="CUSTOM_1760" class="oracletaleocwsv2-required form-label" >Légalement admissible à travailler au Canada? </label> <select aria-label="Légalement admissible à travailler au Canada?" class="form-select" name="CUSTOM_1760" id="CUSTOM_1760" required="required" tabIndex="0" > <option value='-1' > Sélectionner </option> <option value="11170" > Oui </option> <option value="11171" > Non </option> </select> <div class="oracletaleocwsv2-error-text"></div> <div><span class="oracletaleocwsv2-text-below-field"><meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css"> <style> body {font-family: Arial, Helvetica, sans-serif;} /* The Modal (background) */ .modal { display: none; /* Hidden by default */ position: fixed; /* Stay in place */ z-index: 1; /* Sit on top */ padding-top: 100px; /* Location of the box */ left: 0; top: 0; width: 100%; /* Full width */ height: 100%; /* Full height */ overflow: auto; /* Enable scroll if needed */ background-color: rgb(0,0,0); /* Fallback color */ background-color: rgba(0,0,0,0.4); /* Black w/ opacity */ } /* Modal Content */ .modal-content { background-color: #fefefe; margin: auto; padding: 20px; border: 1px solid #888; width: 80%; } /* The Close Button */ .close { color: #aaaaaa; float: right; font-size: 28px; font-weight: bold; } .close:hover, .close:focus { color: #000; text-decoration: none; cursor: pointer; } .btn { border: 1px solid #000; color: #000; padding: 5px 5px; font-size: 12px; cursor: pointer; } /* Darker background on mouse-over */ .btn:hover { background-color: #ff0000; color: #fff; border: 1px solid #000; } </style> </head> <body> <!-- Trigger/Open The Modal --> <button class="btn" id="myBtn"><i class="fa fa-info-circle"></i> Important</button> <!-- The Modal --> <div id="myModal" class="modal"> <!-- Modal content --> <div class="modal-content"> <span class="close">×</span> <p><center>IMPORTANT</center></p> <p>Nous tenons à assurer une expérience positive à toute personne qui postule à un emploi auprès de notre organisation. Pour ce faire, veuillez vous assurer que vous êtes admissible à travailler pour nous, avant de présenter votre candidature. Si vous n’êtes pas citoyen(ne) ou résident(e) permanent(e) du Canada, nous vous encourageons à examiner attentivement votre visa pour savoir si vous êtes admissible à occuper le poste pour lequel vous présentez votre candidature. La situation de chaque personne est unique et il est de votre responsabilité de vous assurer que vous vous conformez aux exigences spécifiques de votre visa.</p> <p>Un permis d’études ou de travail vous accordant l’autorisation de travailler au Canada pourrait restreindre votre capacité à travailler dans certains secteurs. Consultez les sections « Conditions » et « Remarques/Observations » de votre document pour vous assurer que vous êtes admissible à occuper le poste convoité à la Croix-Rouge canadienne. Renseignez-vous sur les restrictions concernant le nombre d’heures de travail que vous êtes autorisé(e) à effectuer, celles concernant les employeurs pour lesquels ou encore les secteurs dans lesquels vous pouvez travailler. Par exemple, certains permis d’études ou de travail interdisent au ou à la titulaire du visa d’occuper des postes dans les domaines de la garde d’enfants ou des services de santé. Certains visas d’études limitent également le type et la durée de l’emploi occupé, conformément aux alinéas R186(F), (V), ou (W) du Règlement sur l’immigration et la protection des réfugiés.</p> <p>Nous ne sommes pas en mesure de vous fournir des conseils juridiques, ni d’interpréter les conditions qui s’appliquent à votre visa. Si vous avez des préoccupations ou des questions concernant les types d’emplois que vous pouvez occuper ou leur durée, nous vous encourageons à communiquer avec Immigration, Réfugiés et Citoyenneté Canada (IRCC) par courriel ou par téléphone en composant le 1 888 242-2100.<p> <p>Veuillez examiner attentivement vos documents afin de vérifier votre admissibilité à ce poste.</p> </div> </div> <script> // Get the modal var modal = document.getElementById("myModal"); // Get the button that opens the modal var btn = document.getElementById("myBtn"); // Get the <span> element that closes the modal var span = document.getElementsByClassName("close")[0]; // When the user clicks the button, open the modal btn.onclick = function() { modal.style.display = "block"; } // When the user clicks on <span> (x), close the modal span.onclick = function() { modal.style.display = "none"; } // When the user clicks anywhere outside of the modal, close it window.onclick = function(event) { if (event.target == modal) { modal.style.display = "none"; } } </script> </body></span></div> </div> </div><div class="col-xs-12 col-sm-6"> <div class="form-group oracletaleocwsv2-form-group-full"> <label for="legalStatus" class="oracletaleocwsv2-required form-label" >Statut juridique </label> <select aria-label="Statut juridique" class="form-select" name="legalStatus" id="legalStatus" required="required" tabIndex="0" > <option value='-1' > Sélectionner </option> <option value="441" > Peut travailler au Canada </option> <option value="442" > - Ne peut que travailler pour employeur actuel </option> <option value="443" > Besoin d’être parrainé </option> <option value="1297" > Admissibilité au Canada est inconnue </option> </select> <div class="oracletaleocwsv2-error-text"></div> </div> </div><div class="col-xs-12 col-sm-6"> <div class="form-group oracletaleocwsv2-form-group-full"> <label for="CUSTOM_1340" class="oracletaleocwsv2-required form-label" >Expérience Croix-Rouge </label> <select aria-label="Expérience Croix-Rouge" class="form-select" name="CUSTOM_1340" id="CUSTOM_1340" required="required" tabIndex="0" > <option value='-1' > Sélectionner </option> <option value="2274" > Aucune expérience </option> <option value="12403" > Oui - Expérience de travail ou de volontariat avec la Croix-Rouge </option> </select> <div class="oracletaleocwsv2-error-text"></div> </div> </div> </div><h2 aria-level="2" role="heading" tabindex="0"> Source de référence </h2> <p tabindex="0">Comment avez-vous entendu parler de nous?</p><div class="row"> <div class="col-xs-12 col-sm-6"> <div class="form-group oracletaleocwsv2-form-group-full"> <label class="oracletaleocwsv2-required form-label" for="source">Source</label> <select required="required" class="form-control" name='source' id="source" > <option value='-1'>-- Aucun --</option> <option value="89" > AFP-Association of Fundraising Professionals </option> <option value="1" > Site Web de la Croix-Rouge canadienne </option> <option value="150" > Care4Nurses </option> <option value="52" > Charity Village </option> <option value="2" > Présentation d'un employé </option> <option value="149" > Equitek / Centre de Ressources Communautaires </option> <option value="86" > Facebook </option> <option value="54" > FedNet - Extranet de la Fédération internationale </option> <option value="140" > Government - Please specify </option> <option value="120" > Liste de bénévoles du gouvernement du Canada </option> <option value="107" > Santé Canada </option> <option value="7" > Indeed.com </option> <option value="51" > Candidat Interne / InfoSite </option> <option value="64" > Guichetemplois.gc.ca - Service Canada </option> <option value="139" > Job fair - Please specify </option> <option value="50" > LinkedIn </option> <option value="101" > MSF </option> <option value="146" > Nation Talk </option> <option value="90" > Ordre des infirmières et infirmiers du Québec (OIIQ) </option> <option value="5" > Autres (veuillez préciser) </option> <option value="73" > ASPC </option> <option value="115" > Ordre professionnel (veuillez préciser) </option> <option value="79" > Télé/radio/presse </option> <option value="85" > Twitter </option> <option value="108" > Université (veuillez préciser) </option> <option value="55" > Workinnonprofits.ca </option> </select> <div class="oracletaleocwsv2-error-text"></div> </div> <!--/.oracletaleocwsv2-form-group--> </div><div class="col-xs-12 col-sm-6 "> <div class="form-group oracletaleocwsv2-form-group-full"> <label aria-label="Autre (veuillez préciser)" class="form-label" id=CUSTOM_292 for="CUSTOM_292">Autre (veuillez préciser)</label> <input aria-label="Autre (veuillez préciser)" class="form-control" type="text" name="CUSTOM_292" id="CUSTOM_292" value="" tabIndex="0" > <div class="oracletaleocwsv2-error-text"></div> </div> </div><div class="col-xs-12 col-sm-6 "> <div class="form-group oracletaleocwsv2-form-group-full"> <label aria-label="Recommandé par" class="form-label" id=referredBy for="referredBy">Recommandé par</label> <input aria-label="Recommandé par" class="form-control errorEnabledField " type="text" name="referredBy" id="referredBy" value="" maxlength="50" tabIndex="0" additionalParams > <div class="oracletaleocwsv2-error-text"></div> </div> </div> </div><div class="row"> <div class="col-xs-12 col-sm-6"> <div class="form-group oracletaleocwsv2-form-group-full"> <div><span class="oracletaleocwsv2-text-above-field-label"><h2>Attestation du candidat</h2> <p><a href="https://cdn.redcross.ca/prodmedia/crc/Taleo/English/CandidateDataPrivacyConsentJune2022FR.html" target="_blank">Cliquer ici pour voir les conditions</a>.</p></span></div> <input type='hidden' class='cwsv2_required_checkbox_container' value="" id='CUSTOM_838_CUSTOM_838_checkbox_container' name='CUSTOM_838_CUSTOM_838_checkbox_container'> <label for="CUSTOM_838" id="CUSTOM_838" class="oracletaleocwsv2-required form-label" >J’accepte</label> <div tabIndex="0" role="checkbox" aria-labelledby="CUSTOM_838" class="checkbox oracletaleocwsv2-custom-checkbox oracletaleocwsv2-ckbx-square "> <i class="fa"></i> <input type="checkbox" name='CUSTOM_838' id='CUSTOM_838' tabIndex='0' data-on="Oui" data-off="Non" > </div> <div class="oracletaleocwsv2-error-text"></div> </div> </div> </div> </div> <div class="oracletaleocwsv2-step" id="step-03"> <input type='hidden' name='embeddedPageType' value='APRCE_V2'> <input type='hidden' name='embeddedPageVersion' value='0'> <div class="oracletaleocwsv2-step-title" tabindex="0" role="heading" aria-label="Autres informations" > <input type="hidden" name="embeddedPageStepTitle" value="Autres informations"> <label class="title" id="navsteptitle"> Autres informations </label> </div> <!--/.step-title--> <div class="alert alert-warning"> Veuillez noter que ces questions sont uniquement utilisées à des fins de présélection. </div><h2 aria-level="2" role="heading" tabindex="0"> Pièces jointes </h2> <p tabindex="0">Chargez toutes les pièces jointes supplémentaires.<br /> <br /> Remarque : Vous pouvez joindre un maximum de 10 Mo de données. Votre curriculum vitae et les pièces jointes ne doivent pas dépasser 10 Mo.</p><script type="text/javascript"> // The Browser API key obtained from the Google Developers Console. var developerKey = ''; // The Client ID obtained from the Google Developers Console. Replace with your own Client ID. var clientId = ''; var maxResumeSize = 10485760; var maxTotalAttachmentSizeIncludingResume = 10485760; var sizeConstraintErrorMessage = 'Vous pouvez joindre un maximum de 10 Mo de donn\u00E9es. Votre curriculum vitae et les pi\u00E8ces jointes ne doivent pas d\u00E9passer 10 Mo.'; // Scope to use to access user's photos. var scope = ['https://www.googleapis.com/auth/drive.readonly']; var pickerApiLoaded = false; var oauthToken; var textFieldId; var attachmentType; var mimeTypes; // Use the API Loader script to load google.picker and gapi.auth. function onApiLoad(context, attachmentTextFieldId, attachmentType1, mimeTypes1) { closeUploadPopup(); textFieldId = attachmentTextFieldId; attachmentType = attachmentType1; mimeTypes = mimeTypes1; if (attachmentType.indexOf("attachment") >= 0) { textFieldId = $(context).parents('.input-group').find('.oracletaleocwsv2-file-input').attr("id"); } if (!$('#gdriveOAuthToken').val()) { gapi.client.setApiKey(developerKey); gapi.load('auth', {'callback': onAuthApiLoad}); } gapi.load('picker', {'callback': onPickerApiLoad}); gapi.client.load('drive', 'v2'); } function onAuthApiLoad() { window.gapi.auth.authorize( { 'client_id': clientId, 'scope': scope, 'immediate': false }, handleAuthResult); } function onPickerApiLoad() { pickerApiLoaded = true; createPicker(); } function handleAuthResult(authResult) { if (authResult && !authResult.error) { oauthToken = authResult.access_token; $('#TBE_theForm').append('<input type="hidden" name="gdriveOAuthToken" id = "gdriveOAuthToken">'); $('#gdriveOAuthToken').val(oauthToken); createPicker(); } } // Create and render a Picker object function createPicker() { if (pickerApiLoaded && oauthToken) { var customDocView = new google.picker.View(google.picker.ViewId.DOCS); customDocView.setMimeTypes(mimeTypes); var picker = new google.picker.PickerBuilder(). addView(customDocView). setOAuthToken(oauthToken). setDeveloperKey(developerKey). setCallback(pickerCallback). build(); picker.setVisible(true); } } // A simple callback implementation. function pickerCallback(data) { var url = 'nothing'; if (data[google.picker.Response.ACTION] == google.picker.Action.PICKED) { var doc = data[google.picker.Response.DOCUMENTS][0]; //check total attachment size checkAttachmentSizeGoogle(doc); } } function processGoogleDriveAttachment(doc) { url = doc[google.picker.Document.URL]; var name = doc[google.picker.Document.NAME]; var fileUrl = "https://www.googleapis.com/drive/v2/files/" + doc[google.picker.Document.ID] + "?alt=media"; if (attachmentType == 'profilePicture') { var request = gapi.client.drive.files.get({ 'fileId': doc[google.picker.Document.ID] }); request.execute(function(resp) { $('#profilePicture2').attr("src", resp.webContentLink); $('#profilePicture1').attr("src", resp.webContentLink); }); } //reset the input type file, ggogle drive file will be used $('#' + textFieldId).parents('.form-group').find('[type=file]').val('') //document.getElementById('googleDriveFileUploadText').value = name; if (attachmentType == "resume") { $('#' + textFieldId).parents('.oracletaleocwsv2-dynamic-content-resume').find('[id=' + textFieldId + '][type=text]').val(name).change(); } else if (attachmentType.indexOf('attachment') >= 0) { $('#' + textFieldId).parents('.oracletaleocwsv2-dynamic-content-attachment').find('[id=' + textFieldId + '][type=text]').val(name).change(); } else if (attachmentType.indexOf('profile') >= 0) { $('#' + textFieldId).parents('.oracletaleocwsv2-dynamic-content-profile_picture').find('[id=' + textFieldId + '][type=text]').val(name).change(); } //get suffix counter for the attachment field name var fieldTypeId = $('#'+ textFieldId).attr("id"); var attachmentIndex = ""; if (attachmentType != 'resume' && attachmentType != 'profilePicture') { attachmentIndex = fieldTypeId.substr("attachment".length, 1); if (!attachmentIndex) { $('.oracletaleocwsv2-dynamic-content-attachment .oracletaleocwsv2-hiddenfile').find("input[type='file'][name='attachment" + $('.oracletaleocwsv2-instance[data-type=attachment]').length + "']").each(function() { $(this).remove(); }); $('.oracletaleocwsv2-dynamic-content-attachment .oracletaleocwsv2-hiddenfile').find("input[type='file'][name='attachmentSize" + $('.oracletaleocwsv2-instance[data-type=attachment]').length + "']").each(function() { $(this).remove(); }); } else { //remove file input type which stores local file $('.oracletaleocwsv2-dynamic-content-attachment .oracletaleocwsv2-hiddenfile').find("input[type='file'][name='attachment" + attachmentIndex + "']").each(function () { $(this).remove(); }); $('.oracletaleocwsv2-dynamic-content-attachment .oracletaleocwsv2-hiddenfile').find("input[type='file'][name='attachmentSize" + attachmentIndex + "']").each(function () { $(this).remove(); }); } } else if (attachmentType == 'profilePicture') { $('.oracletaleocwsv2-dynamic-content-profile_picture .oracletaleocwsv2-hiddenfile').find("input[type='file'][name='profilePicture']").each(function() { $(this).remove(); }); $('.oracletaleocwsv2-dynamic-content-profile_picture .oracletaleocwsv2-hiddenfile').find("input[type='file'][name='profilePictureSize']").each(function() { $(this).remove(); }); } else { $('.oracletaleocwsv2-dynamic-content-resume .oracletaleocwsv2-hiddenfile').find("input[type='file'][name='resume']").each(function() { $(this).remove(); }); $('.oracletaleocwsv2-dynamic-content-resume .oracletaleocwsv2-hiddenfile').find("input[type='file'][name='resumeSize']").each(function() { $(this).remove(); }); } upsertAttachmentHiddenField(attachmentType, textFieldId, attachmentIndex, 'FileUrl', fileUrl); upsertAttachmentHiddenField(attachmentType, textFieldId, attachmentIndex, 'FileName', name); upsertAttachmentHiddenField(attachmentType, textFieldId, attachmentIndex, 'FieldType', attachmentType); upsertAttachmentHiddenField(attachmentType, textFieldId, attachmentIndex, 'CloudDriveSource', "googleDrive"); } function checkAttachmentSizeGoogle(doc) { var request = gapi.client.drive.files.get({ 'fileId': doc[google.picker.Document.ID] }); request.execute(function(resp) { if (checkAttachmentSizeCommon(resp.fileSize, attachmentType, maxResumeSize, maxTotalAttachmentSizeIncludingResume, sizeConstraintErrorMessage, textFieldId)) { processGoogleDriveAttachment(doc); } }); } function checkAttachmentSizeLocal(fileElement, fileTypeId, fileSize) { if (fileTypeId.indexOf("resume") > -1) { attachmentType = "resume"; textFieldId = "resume"; } if (fileTypeId.indexOf("attachment") > -1) { attachmentType = "attachment"; textFieldId = "attachment"; } if (attachmentType == 'resume' && maxResumeSize > 0) { if (fileSize > maxResumeSize) { alert(sizeConstraintErrorMessage); return false; } } if (attachmentType == 'resume') { //check if the hidden field already exists if($(fileElement).parent().find('input[type="hidden"][id="resumeSize"]').length > 0) { //if ($("input[type='hidden'][id='resumeSize']").length > 0) { $("input[type='hidden'][id='resumeSize']").val(fileSize); } else { $(fileElement).after($('<input>').attr({ type: 'hidden', id: 'resumeSize', name: 'resumeSize' })); $(fileElement).siblings('#resumeSize').val(fileSize); } } else if (attachmentType.indexOf("attachment") >= 0){ //get suffix counter for the attachment field name //var fieldTypeId = $('#' + textFieldId).attr("id"); var attachmentIndex = fileTypeId.substr("attachment".length, 1); var fileAttachmentSizeFieldName = 'attachmentSize' + attachmentIndex; //check if the hidden field already exists if($(fileElement).parent().find("input[type='hidden'][id='" + fileAttachmentSizeFieldName + "']").length > 0) { //if ($("input[type='hidden'][id='" + fileAttachmentSizeFieldName + "']").length > 0) { $(fileElement).parent().find("input[type='hidden'][id='" + fileAttachmentSizeFieldName + "']").val(fileSize); } else { //var fileAttachmentSizeFieldName = 'attachmentSize'; $(fileElement).after($('<input>').attr({ type: 'hidden', id: fileAttachmentSizeFieldName, name: fileAttachmentSizeFieldName })); $(fileElement).siblings('#' + fileAttachmentSizeFieldName).val(fileSize); } //var attachmentIndex = $('[name=currentAttachmentIndex]').val(); } var totalAttachmentSize = getAttachmentSize(); if (totalAttachmentSize > maxTotalAttachmentSizeIncludingResume) { alert(sizeConstraintErrorMessage); return false; } return true; } </script> <script type="text/javascript"> var maxResumeSize = 10485760; var maxTotalAttachmentSizeIncludingResume = 10485760; var sizeConstraintErrorMessage = 'Vous pouvez joindre un maximum de 10 Mo de donn\u00E9es. Votre curriculum vitae et les pi\u00E8ces jointes ne doivent pas d\u00E9passer 10 Mo.'; var textFieldId; var attachmentType; function handleDropboxDownloadRequest(context, attachmentTextFieldId, attachmentType1, extensions) { closeUploadPopup(); textFieldId = attachmentTextFieldId; attachmentType = attachmentType1; if (attachmentType.indexOf("attachment") >= 0) { textFieldId = $(context).parents('.input-group').find('.oracletaleocwsv2-file-input').attr("id"); } //TODO: add similar flag for google drive if (!$('#isDropboxFile').val()) { $('#TBE_theForm').append('<input type="hidden" name="isDropboxFile" id = "isDropboxFile" value = "true">'); } //extensions.split is not working , it produces array of double quoted strings, which is ignored by dropbox. using hard-coded extensions //any change in supported extensions need to be updated here var fileExtension; if (attachmentType1.indexOf("resume") >= 0) { fileExtension = ['.doc','.docx','.rtf','.pdf','.txt']; if(extensions.includes('.jpeg')) { fileExtension = extensions.split(","); } } else if (attachmentType1.indexOf("attachment") >= 0) { fileExtension = ['.gif', '.rtf', '.doc', '.pdf', '.zip', '.docx', '.csv', '.txt', '.gz', '.xlsx', '.xls', '.ppt', '.pptx']; if(extensions.includes('.jpeg')) { fileExtension = extensions.split(","); } } else {//profile picture fileExtension = ['.jpeg', '.jpg', '.png']; } var options = { // Required. Called when a user selects an item in the Chooser. success: function(files) { checkDropboxAttachmentSize(files); }, // Optional. Called when the user closes the dialog without selecting a file // and does not include any parameters. cancel: function() { }, // Optional. "preview" (default) is a preview link to the document for sharing, // "direct" is an expiring link to download the contents of the file. For more // information about link types, see Link types below. linkType: "direct", // or "preview" // Optional. A value of false (default) limits selection to a single file, while // true enables multiple file selection. multiselect: false, // or true // Optional. This is a list of file extensions. If specified, the user will // only be able to select files with these extensions. You may also specify // file types, such as "video" or "images" in the list. For more information, // see File types below. By default, all extensions are allowed. //extensions: extensions.split(",") extensions: fileExtension }; closeUploadPopup(); Dropbox.choose(options); } function processDropboxAttachment(files) { fileUrl = files[0].link; if (attachmentType == 'profilePicture') { $('#profilePicture2').attr("src", fileUrl); $('#profilePicture1').attr("src", fileUrl); } var name = files[0].name; //reset the input type file, ggogle drive file will be used $('#' + textFieldId).parents('.form-group').find('[type=file]').val('') //document.getElementById('googleDriveFileUploadText').value = name; if (attachmentType == "resume") { $('#' + textFieldId).parents('.oracletaleocwsv2-dynamic-content-resume').find('[id=' + textFieldId + '][type=text]').val(name).change(); } else if (attachmentType.indexOf('attachment') >= 0) { $('#' + textFieldId).parents('.oracletaleocwsv2-dynamic-content-attachment').find('[id=' + textFieldId + '][type=text]').val(name).change(); } else if (attachmentType.indexOf('profile') >= 0) { $('#' + textFieldId).parents('.oracletaleocwsv2-dynamic-content-profile_picture').find('[id=' + textFieldId + '][type=text]').val(name).change(); } //get suffix counter for the attachment field name var fieldTypeId = $('#'+ textFieldId).attr("id"); var attachmentIndex = ""; if (attachmentType != 'resume' && attachmentType != 'profilePicture') { attachmentIndex = fieldTypeId.substr("attachment".length, 1); if (!attachmentIndex) { $('.oracletaleocwsv2-dynamic-content-attachment .oracletaleocwsv2-hiddenfile').find("input[type='file'][name='attachment" + $('.oracletaleocwsv2-instance[data-type=attachment]').length + "']").each(function() { $(this).remove(); }); $('.oracletaleocwsv2-dynamic-content-attachment .oracletaleocwsv2-hiddenfile').find("input[type='file'][name='attachmentSize" + $('.oracletaleocwsv2-instance[data-type=attachment]').length + "']").each(function() { $(this).remove(); }); } else { //remove file input type which stores local file $('.oracletaleocwsv2-dynamic-content-attachment .oracletaleocwsv2-hiddenfile').find("input[type='file'][name='attachment" + attachmentIndex + "']").each(function () { $(this).remove(); }); $('.oracletaleocwsv2-dynamic-content-attachment .oracletaleocwsv2-hiddenfile').find("input[type='file'][name='attachmentSize" + attachmentIndex + "']").each(function () { $(this).remove(); }); } } else if (attachmentType == "resume") { $('.oracletaleocwsv2-dynamic-content-resume .oracletaleocwsv2-hiddenfile').find("input[type='file'][name='resume']").each(function() { $(this).remove(); }); $('.oracletaleocwsv2-dynamic-content-resume .oracletaleocwsv2-hiddenfile').find("input[type='file'][name='resumeSize']").each(function() { $(this).remove(); }); } else {//profile_picture $('.oracletaleocwsv2-dynamic-content-profile_picture .oracletaleocwsv2-hiddenfile').find("input[type='file'][name='profilePicture']").each(function() { $(this).remove(); }); $('.oracletaleocwsv2-dynamic-content-profile_picture .oracletaleocwsv2-hiddenfile').find("input[type='file'][name='profilePictureSize']").each(function() { $(this).remove(); }); } upsertAttachmentHiddenField(attachmentType, textFieldId, attachmentIndex, 'FileUrl', fileUrl); upsertAttachmentHiddenField(attachmentType, textFieldId, attachmentIndex, 'FileName', name); upsertAttachmentHiddenField(attachmentType, textFieldId, attachmentIndex, 'FieldType', attachmentType); upsertAttachmentHiddenField(attachmentType, textFieldId, attachmentIndex, 'CloudDriveSource', "dropbox"); } function checkDropboxAttachmentSize(files) { var fileSizeInBytes = files[0].bytes; if (checkAttachmentSizeCommon(fileSizeInBytes, attachmentType, maxResumeSize, maxTotalAttachmentSizeIncludingResume, sizeConstraintErrorMessage, textFieldId)) { processDropboxAttachment(files); } } //TODO: Duplicate method - remove function checkAttachmentSizeLocal(fileElement, fileTypeId, fileSize) { if (fileTypeId.indexOf("resume") > -1) { attachmentType = "resume"; textFieldId = "resume"; } if (fileTypeId.indexOf("attachment") > -1) { attachmentType = "attachment"; textFieldId = "attachment"; } if (attachmentType == 'resume' && maxResumeSize > 0) { if (fileSize > maxResumeSize) { alert(sizeConstraintErrorMessage); return false; } } if (attachmentType == 'resume') { //check if the hidden field already exists if($(fileElement).parent().find('input[type="hidden"][id="resumeSize"]').length > 0) { //if ($("input[type='hidden'][id='resumeSize']").length > 0) { $("input[type='hidden'][id='resumeSize']").val(fileSize); } else { $(fileElement).after($('<input>').attr({ type: 'hidden', id: 'resumeSize', name: 'resumeSize' })); $(fileElement).siblings('#resumeSize').val(fileSize); } } else { //get suffix counter for the attachment field name //var fieldTypeId = $('#' + textFieldId).attr("id"); var attachmentIndex = fileTypeId.substr("attachment".length, 1); var fileAttachmentSizeFieldName = 'attachmentSize' + attachmentIndex; //check if the hidden field already exists if($(fileElement).parent().find("input[type='hidden'][id='" + fileAttachmentSizeFieldName + "']").length > 0) { //if ($("input[type='hidden'][id='" + fileAttachmentSizeFieldName + "']").length > 0) { $(fileElement).parent().find("input[type='hidden'][id='" + fileAttachmentSizeFieldName + "']").val(fileSize); } else { //var fileAttachmentSizeFieldName = 'attachmentSize'; $(fileElement).after($('<input>').attr({ type: 'hidden', id: fileAttachmentSizeFieldName, name: fileAttachmentSizeFieldName })); $(fileElement).siblings('#' + fileAttachmentSizeFieldName).val(fileSize); } //var attachmentIndex = $('[name=currentAttachmentIndex]').val(); } var totalAttachmentSize = getAttachmentSize(); if (totalAttachmentSize > maxTotalAttachmentSizeIncludingResume) { alert(sizeConstraintErrorMessage); return false; } return true; } </script> <input type='hidden' name='cwsMaxAttachmentCount' value='6' aria-hidden="true"> <input type="hidden" name="deleteAttachmentId" value="" aria-hidden="true"> <input type="hidden" name="deleteDraftAttachmentId" value="" aria-hidden="true"> <input type='hidden' name='currentAttachmentIndex' value='0' aria-hidden="true"> <div class="oracletaleocwsv2-dynamic-content oracletaleocwsv2-dynamic-content-attachment"> <div class="oracletaleocwsv2-hiddenfile"> <input type="file" accept=".gif, .rtf, .doc, .pdf, .zip, .docx, .csv, .txt, .gz, .xlsx, .xls, .ppt, .pptx, " name="attachment_template" class="" aria-label="attachment_template"> </div> <div class="oracletaleocwsv2-attachment-template" data-type="attachment"> <div class="oracletaleocwsv2-accordion-group"> <div class="oracletaleocwsv2-accordion"> <div class="oracletaleocwsv2-accordion-block"> <div class="oracletaleocwsv2-accordion-head" tabindex="0"> <h4 class="oracletaleocwsv2-head-title"></h4> <div></div> <div class="oracletaleocwsv2-head-secondaryinfo"></div> </div> <!--/.oracletaleocwsv2-accordion-head --> <div class="oracletaleocwsv2-accordion-content"> <div> <p></p> </div> <div class="oracletaleocwsv2-btn-grouped oracletaleocwsv2-units-2"> <div class="oracletaleocwsv2-btn-grouped-unit"> <a class="btn btn-secondary oracletaleocwsv2-btn-long oracletaleocwsv2-btn-fa fa-edit oracletaleocwsv2-edit-info-trigger" href="#">Modifier</a> </div> <div class="oracletaleocwsv2-btn-grouped-unit"> <a class="btn btn-danger oracletaleocwsv2-btn-long oracletaleocwsv2-btn-fa fa-remove oracletaleocwsv2-remove-info-trigger" title="Voulez-vous procéder à la suppression?" href="#">Supprimer</a> </div> </div> </div> <!--/.oracletaleocwsv2-accordion-content--> </div> <!--/.oracletaleocwsv2-accordion-block--> </div> <!--/.oracletaleocwsv2-accordion--> </div> <!--/.oracletaleocwsv2-accordion-group --> <div class="well oracletaleocwsv2-snapshot-display-none"> <div class="row"> <div class="form-group oracletaleocwsv2-form-group-full oracletaleocwsv2-custom-input file-uploader"> <label class="form-label" for="uploaded_attachment">Pièce jointe</label> <div class="input-group"> <input type="text" readonly onchange="addButtonEnableDisable(this, 'Extension du fichier :', 'Pris en charge :', 'Type de fichier non pris en charge :')" id="attachment" name="uploaded_attachment" placeholder="Aucun fichier choisi..." class="form-control oracletaleocwsv2-file-input" aria-label="attachment"> <div class="form-group oracletaleocwsv2-form-group-large uploadButtonFormGroup" id="uploadedButtonAttachmentDiv0"> <span class="input-group-btn"> <button class="oracletaleocwsv2-file-trigger btn btn-default btn-lg oracletaleocwsv2-btn-fa fa-folder-open oracletaleocwsv2-btn-block-mobile file-upload-flex-button" name="uploadButtonAttachment" type="button" aria-label="Parcourir">Parcourir</button> </span> </div> </div> <label class="form-label" for="description">Description</label> <input type="text" class="form-control" name="description" size=38 id="description" aria-label="Description"> </div> </div> <div class="oracletaleocwsv2-btn-grouped oracletaleocwsv2-units-2"> <div class="oracletaleocwsv2-btn-grouped-unit"> <a aria-label="Enregistrer" disabled="disabled" class="btn btn-primary oracletaleocwsv2-btn-long oracletaleocwsv2-btn-fa fa-save oracletaleocwsv2-save-edit-trigger" href="#">Enregistrer</a> </div> <div class="oracletaleocwsv2-btn-grouped-unit"> <a aria-label="Annuler" class="btn btn-default oracletaleocwsv2-btn-long oracletaleocwsv2-btn-fa fa-ban oracletaleocwsv2-close-edit-trigger" href="#">Annuler</a> </div> </div> </div> </div> <a aria-label="Ajouter une pièce jointe" class="btn btn-default btn-lg oracletaleocwsv2-btn-fa fa-plus-circle oracletaleocwsv2-add-attachment-trigger oracletaleocwsv2-btn-block-mobile" href="" >Ajouter une pièce jointe</a> </div> </div> <div class="oracletaleocwsv2-step" id="step-04"> <input type='hidden' name='esignaturePageType' value='ESIGE_V2'> <input type='hidden' name='esignaturePageVersion' value='3'> <div class="oracletaleocwsv2-step-title" tabindex="0" role="heading" aria-label="Envoyer" > <input type="hidden" name="embeddedPageStepTitle" value="Envoyer"> <label class="title" id="navsteptitle"> Envoyer </label> </div> <!--/.step-title--> <div class="alert alert-warning"> Terminé! Veuillez cliquer sur Envoyer. </div><div class="oracletaleocwsv2-accordion-group"> <div class="oracletaleocwsv2-accordion"> <div class="oracletaleocwsv2-accordion-block"> <div class="oracletaleocwsv2-accordion-head" tabindex="0"> <h2 class="oracletaleocwsv2-head-title" role="heading" aria-label="Révision de la candidature">Révision de la candidature</h2> </div> <!--/.oracletaleocwsv2-accordion-head --> <div class="oracletaleocwsv2-accordion-content snapshotContentDiv" tabindex="0" style="display: none;"> <fieldset> <div id="oracletaleocwsv2-step-01-review"> <div class="oracletaleocwsv2-step-title" role="heading">1 . Inscription / Connexion</div> <p>Pour soumettre votre candidature, complétez les étapes suivantes. Les champs marqués d'un astérisque rouge (*) sont obligatoires.</p> <!--/.step-title--> <!--/.alert--> <div class="row" role="contentinfo" aria-label="Application review section"> <div class="col-xs-12 col-sm-12"> <h2>Candidat avec un profil existant</h2> <p>Si vous êtes un candidat avec un profil existant, cliquer sur le bouton connexion en haut à droite de votre écran.</p> <h2>Nouveau candidat</h2> <p>Saisissez votre courriel et mot de passe si dessous, complétez votre profil et envoyer votre candidature. Votre adresse courriel sera votre identifiant pour revenir sur notre site et mettre à jour vos informations.</p> </div> </div> <h2 role="heading" tabindex="0" aria-label="Enregistrement du courriel">Enregistrement du courriel</h2> <div class="row" role="table"> <div class="col-xs-12 col-sm-6"> <div class="form-group oracletaleocwsv2-form-group-full oracletaleocwsv2-display-group" tabindex="0" role="cell"> <span class="oracletaleocwsv2-display-group-label" role="heading" aria-label="Courriel">Courriel</span> <div data-source="email" class="oracletaleocwsv2-display-group-info"></div> </div> </div> <!--/.col-xs-12--> <!--end of section --> <!--/.col-xs-12--> <!--/.col-xs-12--> </div> <!--/.row--> </div> </fieldset> <fieldset> <div id="oracletaleocwsv2-step-02-review"> <div class="oracletaleocwsv2-step-title" role="heading">2 . Vos informations</div> <!--/.step-title--> <!--/.alert--> <div class="row" role="table"> <div class="col-xs-12 col-sm-6"> <div class="form-group oracletaleocwsv2-form-group-full oracletaleocwsv2-display-group" tabindex="0" role="cell"> <span class="oracletaleocwsv2-display-group-label" role="heading" aria-label="Statut de candidat">Statut de candidat</span> <div data-source="CUSTOM_1762" class="oracletaleocwsv2-display-group-info"></div> </div> </div> <!--/.col-xs-12--> <div class="col-xs-12 col-sm-6"> <div class="form-group oracletaleocwsv2-form-group-full oracletaleocwsv2-display-group" tabindex="0" role="cell"> <span class="oracletaleocwsv2-display-group-label" role="heading" aria-label="Langue de préférence">Langue de préférence</span> <div data-source="CUSTOM_1788" class="oracletaleocwsv2-display-group-info"></div> </div> </div> <!--/.col-xs-12--> <div class="col-xs-12 col-sm-6"> <div class="form-group oracletaleocwsv2-form-group-full oracletaleocwsv2-display-group" tabindex="0" role="cell"> <span class="oracletaleocwsv2-display-group-label" role="heading" aria-label="Profil linguistique">Profil linguistique</span> <div data-source="CUSTOM_983" class="oracletaleocwsv2-display-group-info"></div> </div> </div> <!--/.col-xs-12--> <div class="col-xs-12 col-sm-6"> <div class="form-group oracletaleocwsv2-form-group-full oracletaleocwsv2-display-group" tabindex="0" role="cell"> <p role="contentinfo" aria-label="Content" tabindex="0"><h2>Informations personnelles</h2></p> <span class="oracletaleocwsv2-display-group-label" role="heading" aria-label="Prénom légal">Prénom légal</span> <div data-source="firstName" class="oracletaleocwsv2-display-group-info"></div> </div> </div> <!--/.col-xs-12--> <div class="col-xs-12 col-sm-6"> <div class="form-group oracletaleocwsv2-form-group-full oracletaleocwsv2-display-group" tabindex="0" role="cell"> <span class="oracletaleocwsv2-display-group-label" role="heading" aria-label="Nom de famille légal">Nom de famille légal</span> <div data-source="lastName" class="oracletaleocwsv2-display-group-info"></div> </div> </div> <!--/.col-xs-12--> <div class="col-xs-12 col-sm-6"> <div class="form-group oracletaleocwsv2-form-group-full oracletaleocwsv2-display-group" tabindex="0" role="cell"> <p role="contentinfo" aria-label="Content" tabindex="0"><p> </p></p> <span class="oracletaleocwsv2-display-group-label" role="heading" aria-label="Téléphone cellulaire">Téléphone cellulaire</span> <div data-source="cellPhone" class="oracletaleocwsv2-display-group-info"></div> </div> </div> <!--/.col-xs-12--> <div class="col-xs-12 col-sm-6"> <div class="form-group oracletaleocwsv2-form-group-full oracletaleocwsv2-display-group" tabindex="0" role="cell"> <span class="oracletaleocwsv2-display-group-label" role="heading" aria-label="Adresse postale">Adresse postale</span> <div data-source="address" class="oracletaleocwsv2-display-group-info"></div> </div> </div> <!--/.col-xs-12--> <div class="col-xs-12 col-sm-6"> <div class="form-group oracletaleocwsv2-form-group-full oracletaleocwsv2-display-group" tabindex="0" role="cell"> <span class="oracletaleocwsv2-display-group-label" role="heading" aria-label="Ville">Ville</span> <div data-source="city" class="oracletaleocwsv2-display-group-info"></div> </div> </div> <!--/.col-xs-12--> <div class="col-xs-12 col-sm-6"> <div class="form-group oracletaleocwsv2-form-group-full oracletaleocwsv2-display-group" tabindex="0" role="cell"> <span class="oracletaleocwsv2-display-group-label" role="heading" aria-label="Province/État">Province/État</span> <div data-source="state" class="oracletaleocwsv2-display-group-info"></div> </div> </div> <!--/.col-xs-12--> <div class="col-xs-12 col-sm-6"> <div class="form-group oracletaleocwsv2-form-group-full oracletaleocwsv2-display-group" tabindex="0" role="cell"> <span class="oracletaleocwsv2-display-group-label" role="heading" aria-label="Code postal/ZIP">Code postal/ZIP</span> <div data-source="zipCode" class="oracletaleocwsv2-display-group-info"></div> </div> </div> <!--/.col-xs-12--> <div class="col-xs-12 col-sm-6"> <div class="form-group oracletaleocwsv2-form-group-full oracletaleocwsv2-display-group" tabindex="0" role="cell"> <span class="oracletaleocwsv2-display-group-label" role="heading" aria-label="Pays">Pays</span> <div data-source="country" class="oracletaleocwsv2-display-group-info"></div> </div> </div> <!--/.col-xs-12--> <div class="col-xs-12 col-sm-6"> <div class="form-group oracletaleocwsv2-form-group-full oracletaleocwsv2-display-group" tabindex="0" role="cell"> <span class="oracletaleocwsv2-display-group-label" role="heading" aria-label="Légalement admissible à travailler au Canada?">Légalement admissible à travailler au Canada?</span> <div data-source="CUSTOM_1760" class="oracletaleocwsv2-display-group-info"></div> <p role="contentinfo" aria-label="Content" tabindex="0"><meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css"> <style> body {font-family: Arial, Helvetica, sans-serif;} /* The Modal (background) */ .modal { display: none; /* Hidden by default */ position: fixed; /* Stay in place */ z-index: 1; /* Sit on top */ padding-top: 100px; /* Location of the box */ left: 0; top: 0; width: 100%; /* Full width */ height: 100%; /* Full height */ overflow: auto; /* Enable scroll if needed */ background-color: rgb(0,0,0); /* Fallback color */ background-color: rgba(0,0,0,0.4); /* Black w/ opacity */ } /* Modal Content */ .modal-content { background-color: #fefefe; margin: auto; padding: 20px; border: 1px solid #888; width: 80%; } /* The Close Button */ .close { color: #aaaaaa; float: right; font-size: 28px; font-weight: bold; } .close:hover, .close:focus { color: #000; text-decoration: none; cursor: pointer; } .btn { border: 1px solid #000; color: #000; padding: 5px 5px; font-size: 12px; cursor: pointer; } /* Darker background on mouse-over */ .btn:hover { background-color: #ff0000; color: #fff; border: 1px solid #000; } </style> </head> <body> <!-- Trigger/Open The Modal --> <button class="btn" id="myBtn"><i class="fa fa-info-circle"></i> Important</button> <!-- The Modal --> <div id="myModal" class="modal"> <!-- Modal content --> <div class="modal-content"> <span class="close">×</span> <p><center>IMPORTANT</center></p> <p>Nous tenons à assurer une expérience positive à toute personne qui postule à un emploi auprès de notre organisation. Pour ce faire, veuillez vous assurer que vous êtes admissible à travailler pour nous, avant de présenter votre candidature. Si vous n’êtes pas citoyen(ne) ou résident(e) permanent(e) du Canada, nous vous encourageons à examiner attentivement votre visa pour savoir si vous êtes admissible à occuper le poste pour lequel vous présentez votre candidature. La situation de chaque personne est unique et il est de votre responsabilité de vous assurer que vous vous conformez aux exigences spécifiques de votre visa.</p> <p>Un permis d’études ou de travail vous accordant l’autorisation de travailler au Canada pourrait restreindre votre capacité à travailler dans certains secteurs. Consultez les sections « Conditions » et « Remarques/Observations » de votre document pour vous assurer que vous êtes admissible à occuper le poste convoité à la Croix-Rouge canadienne. Renseignez-vous sur les restrictions concernant le nombre d’heures de travail que vous êtes autorisé(e) à effectuer, celles concernant les employeurs pour lesquels ou encore les secteurs dans lesquels vous pouvez travailler. Par exemple, certains permis d’études ou de travail interdisent au ou à la titulaire du visa d’occuper des postes dans les domaines de la garde d’enfants ou des services de santé. Certains visas d’études limitent également le type et la durée de l’emploi occupé, conformément aux alinéas R186(F), (V), ou (W) du Règlement sur l’immigration et la protection des réfugiés.</p> <p>Nous ne sommes pas en mesure de vous fournir des conseils juridiques, ni d’interpréter les conditions qui s’appliquent à votre visa. Si vous avez des préoccupations ou des questions concernant les types d’emplois que vous pouvez occuper ou leur durée, nous vous encourageons à communiquer avec Immigration, Réfugiés et Citoyenneté Canada (IRCC) par courriel ou par téléphone en composant le 1 888 242-2100.<p> <p>Veuillez examiner attentivement vos documents afin de vérifier votre admissibilité à ce poste.</p> </div> </div> <script> // Get the modal var modal = document.getElementById("myModal"); // Get the button that opens the modal var btn = document.getElementById("myBtn"); // Get the <span> element that closes the modal var span = document.getElementsByClassName("close")[0]; // When the user clicks the button, open the modal btn.onclick = function() { modal.style.display = "block"; } // When the user clicks on <span> (x), close the modal span.onclick = function() { modal.style.display = "none"; } // When the user clicks anywhere outside of the modal, close it window.onclick = function(event) { if (event.target == modal) { modal.style.display = "none"; } } </script> </body></p> </div> </div> <!--/.col-xs-12--> <div class="col-xs-12 col-sm-6"> <div class="form-group oracletaleocwsv2-form-group-full oracletaleocwsv2-display-group" tabindex="0" role="cell"> <span class="oracletaleocwsv2-display-group-label" role="heading" aria-label="Statut juridique">Statut juridique</span> <div data-source="legalStatus" class="oracletaleocwsv2-display-group-info"></div> </div> </div> <!--/.col-xs-12--> <div class="col-xs-12 col-sm-6"> <div class="form-group oracletaleocwsv2-form-group-full oracletaleocwsv2-display-group" tabindex="0" role="cell"> <span class="oracletaleocwsv2-display-group-label" role="heading" aria-label="Expérience Croix-Rouge">Expérience Croix-Rouge</span> <div data-source="CUSTOM_1340" class="oracletaleocwsv2-display-group-info"></div> </div> </div> <!--/.col-xs-12--> <!--end of section --> <!--/.col-xs-12--> <!--/.col-xs-12--> </div> <!--/.row--> <h2 role="heading" tabindex="0" aria-label="Source de référence">Source de référence</h2> <p tabindex="0" role="note" aria-label="Content">Comment avez-vous entendu parler de nous?</p> <div class="row" role="table"> <div class="col-xs-12 col-sm-6"> <div class="form-group oracletaleocwsv2-form-group-full oracletaleocwsv2-display-group" tabindex="0" role="cell"> <span class="oracletaleocwsv2-display-group-label" role="heading" aria-label="Source">Source</span> <div data-source="source" class="oracletaleocwsv2-display-group-info"></div> </div> </div> <!--/.col-xs-12--> <div class="col-xs-12 col-sm-6"> <div class="form-group oracletaleocwsv2-form-group-full oracletaleocwsv2-display-group" tabindex="0" role="cell"> <span class="oracletaleocwsv2-display-group-label" role="heading" aria-label="Autre (veuillez préciser)">Autre (veuillez préciser)</span> <div data-source="CUSTOM_292" class="oracletaleocwsv2-display-group-info"></div> </div> </div> <!--/.col-xs-12--> <div class="col-xs-12 col-sm-6"> <div class="form-group oracletaleocwsv2-form-group-full oracletaleocwsv2-display-group" tabindex="0" role="cell"> <span class="oracletaleocwsv2-display-group-label" role="heading" aria-label="Recommandé par">Recommandé par</span> <div data-source="referredBy" class="oracletaleocwsv2-display-group-info"></div> </div> </div> <!--/.col-xs-12--> <!--end of section --> <!--/.col-xs-12--> <!--/.col-xs-12--> </div> <!--/.row--> <div class="row" role="table"> <div class="col-xs-12 col-sm-6"> <div class="form-group oracletaleocwsv2-form-group-full oracletaleocwsv2-display-group" tabindex="0" role="cell"> <p role="contentinfo" aria-label="Content" tabindex="0"><h2>Attestation du candidat</h2> <p><a href="https://cdn.redcross.ca/prodmedia/crc/Taleo/English/CandidateDataPrivacyConsentJune2022FR.html" target="_blank">Cliquer ici pour voir les conditions</a>.</p></p> <span class="oracletaleocwsv2-display-group-label" role="heading" aria-label="J’accepte">J’accepte</span> <div data-source="CUSTOM_838" class="oracletaleocwsv2-display-group-info"></div> </div> </div> <!--/.col-xs-12--> <!--end of section --> <!--/.col-xs-12--> <!--/.col-xs-12--> </div> <!--/.row--> </div> </fieldset> <fieldset> <div id="oracletaleocwsv2-step-03-review"> <div class="oracletaleocwsv2-step-title" role="heading">3 . Autres informations</div> <p>Veuillez noter que ces questions sont uniquement utilisées à des fins de présélection.</p> <!--/.step-title--> <!--/.alert--> <h2 role="heading" tabindex="0" aria-label="Pièces jointes">Pièces jointes</h2> <p tabindex="0" role="note" aria-label="Content">Chargez toutes les pièces jointes supplémentaires. Remarque : Vous pouvez joindre un maximum de 10 Mo de données. Votre curriculum vitae et les pièces jointes ne doivent pas dépasser 10 Mo.</p> <div class="oracletaleocwsv2-attachments-list" tabindex="0"></div> </div> </fieldset> </div> <!--/.oracletaleocwsv2-accordion-content--> </div> <!--/.oracletaleocwsv2-accordion-block--> </div> <!--/.oracletaleocwsv2-accordion--> </div> </div> <div class="oracletaleocwsv2-button-navigation oracletaleocwsv2-application-navigation clearfix"> <a href="https://tre.tbe.taleo.net/tre01/ats/careers/v2/searchResults?org=CRCS&cws=76" class="btn btn-default btn-lg oracletaleocwsv2-btn-arrow-nav oracletaleocwsv2-arrow-nav-prev" aria-label="previous"><i class="fa fa-arrow-left"></i></a> <a href="#" class="btn btn-primary btn-lg oracletaleocwsv2-btn-arrow-nav oracletaleocwsv2-arrow-nav-next" aria-label="next"><i class="fa fa-arrow-right"></i></a> <button type="submit" onclick="return checkForm(this, '#TBE_theForm', 'oracletaleocwsv2-spinner');" class="btn btn-primary btn-lg">Soumettre</button> <script type='text/javascript'> $(document).ready(function () { $('input,select,textarea').on("input propertychange", function () { $('.save_draft_label').hide(); }); updateFormActionForRethinkData(); }); function updateFormActionForRethinkData() { var reThinkReference = ''; if (reThinkReference) { var actionURL = $("#TBE_theForm").attr('action') + '&rethinkAppId=' + reThinkReference; $("#TBE_theForm").attr('action', actionURL); } } function saveDraft(buttonElement, formElement, spinnerId) { var save_draft_sucess = '\u00C9bauche enregistr\u00E9e'; var save_draft_error = 'Erreur de soumission de donn\u00E9es'; var formData = new FormData(); $('.btn-save-app-draft').attr('disabled', 'disabled'); $('input[type!=file],select,textarea,input:hidden[type!=file]').each(function () { if ($(this).attr('name') !== 'snapshotContent' && $(this).attr('name') !== undefined) { if ($(this).val() !== "") { if($(this).attr('type')=='checkbox'){ if($(this).prop('checked')){ formData.append($(this).attr('name'), $(this).val()); } }else{ formData.append($(this).attr('name'), $(this).val()); } } } }); for (var i = 0; i < $('input:file').length; i++) { if ($('input:file').get(i).files.length != 0) { var isprocessed = null; isprocessed = $('input:file').get(i).getAttribute('isProcessed'); if (isprocessed == null) { formData.append($('input:file').get(i).name, $('input:file').get(i).files[0]); } } } $.ajax({ url: 'saveDraftData', data: formData, cache: false, contentType: false, processData: false, timeout: 180000, type: 'POST', success: function (data) { var response; try{ response = $.parseJSON(data); }catch(e){ $('.save_draft_label').text(save_draft_error).css('font-weight', 'bold'); $('.btn-save-app-draft').removeAttr('disabled'); $('.save_draft_label').show(); return; } var key; var value = null; if (response) { var $container = $(".oracletaleocwsv2-instance[data-type='attachment']"); var hideLog = response["hideLogin"]; if(hideLog != undefined){ if(hideLog == 1){ document.getElementById('hideLgn').value = 'true'; document.getElementById('preCandidate').value = 'true'; }else if(hideLog == 0){ document.getElementById('hideLgn').value = 'false'; } } for (var j = 0; j < $container.length; j++) { key = "attachment" + j; value = response[key]; if (value != null && value != undefined) { var draftAttachmentId = $container[j].children[name = 'draftAttachmentId']; if (draftAttachmentId != null || draftAttachmentId != undefined) { draftAttachmentId.setAttribute('value', value); } else { //for the new documents no draftAttachmentId is available //so need to create one var $hiddenInput = $('<input/>', {type: 'hidden', value: value, name: 'draftAttachmentId'}); $hiddenInput.appendTo($container[j]); } } } for (var i = 0; i < $('input:file').length; i++) { if ($('input:file').get(i).files.length != 0) { $('input:file').get(i).setAttribute('isProcessed', true); } } //clean all the processed deleted attachmnets id's //note:we need to clean deletedAttachmentId as well otherwise it will fail during submission $('#deleteDraftAttachmentId').attr('value', '') $('#deleteAttachmentId').attr('value', '') var $currentPage = $('.oracletaleocwsv2-step.oracletaleocwsv2-active'); var curStep = $currentPage.attr('id'); if (curStep == 'step-02') { if(hideLog==1){ $('.oracletaleocwsv2-arrow-nav-prev').attr('disabled', 'disabled'); } } $('.save_draft_label').text(save_draft_sucess).css('font-weight', 'bold'); $('.save_draft_label').show(); $('.btn-save-app-draft').removeAttr('disabled'); } else { $('.save_draft_label').text(save_draft_error).css('font-weight', 'bold'); $('.btn-save-app-draft').removeAttr('disabled'); $('.save_draft_label').show(); } }, error: function (request, status, error) { $('.save_draft_label').text(save_draft_error).css('font-weight', 'bold'); $('.btn-save-app-draft').removeAttr('disabled'); $('.save_draft_label').show(); } }); } </script> </div> <div class="save_draft_label text-danger" style="float: right;display: none;padding-right:5em;margin-top: -1.5em;"> <b>\u00C9bauche enregistr\u00E9e</b></div> <!--/.button-navitation--> </form> </div> <!--/.col-xs-12--> </div> <!--/.row--> <!--/.container-fluid--> </section> </div> <footer> <style> .footer { background-color: #3d3e3f; color: #fff; font-family: Arial, sans-serif; font-size: 13px; padding: 15px; text-align: center; } .footer-inner { margin: 0 auto; max-width: 1200px; } .footer a { color: #c0c0c0; } .footer a:hover { color: #fff; text-decoration: underline; } .footer ul { list-style-type: none; margin: 0 -8px; padding: 0; } .footer ul li { display: inline-block; margin: 0 8px; } @media(min-width: 768px) { .footer { text-align: left; } .footer ul { text-align: right; } } </style> <div class="footer"> <div class="footer-inner"> <div class="row"> <div class="col-xs-12 col-sm-6"> <p>Tous droits réservés © Croix-Rouge canadienne 1999 - 2020. Numéro d'enregistrement d'organisme de bienfaisance : 119219814RR0001</p> </div> <div class="col-xs-12 col-sm-6"> <ul> <li> <a href="https://www.croixrouge.ca/nos-champs-d-action/interventions-en-cours/covid-19-%e2%80%93-nouveau-coronavirus/foire-aux-questions-sur-les-possibilites-de-carrieres-et-les-processus-de-candidatures-et-de-recrute" target="blank_">FAQ</a> </li> <li> <a href="https://www.croixrouge.ca/a-propos-de-nous/communiquez-avec-nous">Communiquez avec nous</a> </li> <li> <a href="https://tre.tbe.taleo.net/dispatcher/servlet/DispatcherServlet?org=CRCS&act=redirectCws&cws=75">English</a> </li> </ul> </div> </div> </div> </div> </footer> <script type='text/javascript' src="//statictre.tbe.taleo.net/tre01/ats/cacheable/R25A00_25-02-10-14-49-27-25.A_prod/dwr-cws/engine.js"></script> <script type="text/javascript" src="//statictre.tbe.taleo.net/tre01/ats/cacheable/R25A00_25-02-10-14-49-27-25.A_prod/dwr-cws/interface/CwsDWRFacade.js"></script> <script type='text/javascript'> CwsDWRFacade._path = 'https://tre.tbe.taleo.net/tre01/ats/dwr-cws'; var DWRFacade = CwsDWRFacade; </script> <script type="text/javascript"> $(function () { if (typeof moveToNextStep !== 'undefined') { $('.oracletaleocwsv2-arrow-nav-next').trigger('click'); } }); $("[data-bs-toggle='modal']").click(function () { var d_tar = $(this).attr('data-target'); $(d_tar).show(); var modal_he = $(d_tar).find('.modal-dialog .modal-content').height(); var win_height = $(window).height(); var marr = win_height - modal_he; $('.modal-dialog').css('margin-top', marr / 2); }); </script> <script type="text/javascript"> // This is needed for fixing beforeShow // (function ($) { // $.extend($.datepicker, { // // // Reference the orignal function so we can override it and call it later // _inlineDatepicker2: $.datepicker._inlineDatepicker, // // // Override the _inlineDatepicker method // _inlineDatepicker: function (target, inst) { // // // Call the original // this._inlineDatepicker2(target, inst); // // var beforeShow = $.datepicker._get(inst, 'beforeShow'); // // if (beforeShow) { // beforeShow.apply(target, [target, inst]); // } // } // }); // }(jQuery)); // The following needed to re-purpose Today button for Clean behavior (function ($) { $.extend($.datepicker, { // Reference the orignal function so we can override it and call it later if needed _gotoToday2: $.datepicker._gotoToday, // Override the _gotoToday method - clean and close _gotoToday: function (target, inst) { $(target).closest('.form-group').find('.input-group input').val(''); $(target).fadeOut(); } }); }(jQuery)); </script> <script type="text/javascript"> //jQuery Calendar jQuery(document).ready(function($) { $('.oracletaleocwsv2-datepicker.oracletaleocwsv2-datepicker-single').datepicker({ beforeShowDay:function(date) { try { var thisDate = $.datepicker.parseDate('y-mm-dd', $(this).closest('.form-group').find('.input-group input').val()); return [true, thisDate && date.getTime() == thisDate.getTime() ? "oracletaleocwsv2-dp-highlight" : ""]; } catch (e) {} return [true, ''];}, onSelect:function(dateText, inst) { $(this).closest('.form-group').find('.input-group input').val(dateText).change(); $(this).datepicker(); $(this).fadeOut(); }, altField:'',altFormat:'',appendText:'',changeMonth:true,changeYear:true,closeText:'\'Fermer\'',constrainInput:true,currentText:'Effacer',dateFormat:'y-mm-dd',monthYearDateFormat:'y-MM',dayNames:['Dimanche', 'Lundi', 'Mardi', 'Mercredi', 'Jeudi', 'Vendredi', 'Samedi'],dayNamesShort:['Dimanche', 'Lundi', 'Mardi', 'Mercredi', 'Jeudi', 'Vendredi', 'Samedi'],dayNamesMin:['Di','Lu','Ma','Me','Je','Ve','Sa'],defaultDate:null,duration:'normal',firstDay:0,gotoCurrent:false,hideIfNoPrevNext:false,isRTL:false,maxDate:null,minDate:null,monthNames:['Janvier', 'Février', 'Mars', 'Avril', 'Mai', 'Juin', 'Juillet', 'Août', 'Septembre', 'Octobre', 'Novembre', 'Décembre'],monthNamesShort:['Jan', 'Fév', 'Mar', 'Avr', 'Mai', 'Jun', 'Jul', 'Aoû', 'Sep', 'Oct', 'Nov', 'Déc'],navigationAsDateFormat:false,nextText:'Suivant',numberOfMonths:1,prevText:'Précédent',shortYearCutoff:'+10',showAnim:'show',showButtonPanel:true,showCurrentAtPos:0,showMonthAfterYear:false,showOptions:{},showOtherMonths:false,stepMonths:1,yearRange:'1930:2090'});}); </script> <script type="text/javascript"> //jQuery Calendar jQuery(document).ready(function($) { $('.oracletaleocwsv2-datepicker.oracletaleocwsv2-datepicker-range').datepicker({ beforeShowDay:function(date) { try { var date1 = $.datepicker.parseDate('y-mm-dd', $(this).closest('.form-group').find('.form-inline .input-group .oracletaleocwsv2-to-field').val()); var date2 = $.datepicker.parseDate('y-mm-dd', $(this).closest('.form-group').find('.form-inline .input-group .oracletaleocwsv2-from-field').val()); return [true, date1 && ((date.getTime() == date1.getTime()) || (date2 && date >= date1 && date <= date2)) ? "oracletaleocwsv2-dp-highlight" : ""]; } catch (e) {} return [true, ''];}, onSelect:function(dateText, inst) { //populate the appropriate text boxes based on datepicker selection var date1 = ""; var date2 = ""; try { date1 = $.datepicker.parseDate('y-mm-dd', $(this).closest('.form-group').find('.form-inline .input-group .oracletaleocwsv2-to-field').val()); date2 = $.datepicker.parseDate('y-mm-dd', $(this).closest('.form-group').find('.form-inline .input-group .oracletaleocwsv2-from-field').val()); } catch (e) {} if (!date1 || date2) { $(this).closest('.form-group').find('.form-inline .input-group .oracletaleocwsv2-to-field').val(dateText); $(this).closest('.form-group').find('.form-inline .input-group .oracletaleocwsv2-from-field').val(""); $(this).datepicker(); } else { $(this).closest('.form-group').find('.form-inline .input-group .oracletaleocwsv2-from-field').val(dateText); $(this).datepicker(); $(this).fadeOut(); } }, altField:'',altFormat:'',appendText:'',changeMonth:true,changeYear:true,closeText:'\'Fermer\'',constrainInput:true,currentText:'Effacer',dateFormat:'y-mm-dd',monthYearDateFormat:'y-MM',dayNames:['Dimanche', 'Lundi', 'Mardi', 'Mercredi', 'Jeudi', 'Vendredi', 'Samedi'],dayNamesShort:['Dimanche', 'Lundi', 'Mardi', 'Mercredi', 'Jeudi', 'Vendredi', 'Samedi'],dayNamesMin:['Di','Lu','Ma','Me','Je','Ve','Sa'],defaultDate:null,duration:'normal',firstDay:0,gotoCurrent:false,hideIfNoPrevNext:false,isRTL:false,maxDate:null,minDate:null,monthNames:['Janvier', 'Février', 'Mars', 'Avril', 'Mai', 'Juin', 'Juillet', 'Août', 'Septembre', 'Octobre', 'Novembre', 'Décembre'],monthNamesShort:['Jan', 'Fév', 'Mar', 'Avr', 'Mai', 'Jun', 'Jul', 'Aoû', 'Sep', 'Oct', 'Nov', 'Déc'],navigationAsDateFormat:false,nextText:'Suivant',numberOfMonths:1,prevText:'Précédent',shortYearCutoff:'+10',showAnim:'show',showButtonPanel:true,showCurrentAtPos:0,showMonthAfterYear:false,showOptions:{},showOtherMonths:false,stepMonths:1,yearRange:'1930:2090'});}); </script> <script type="text/javascript"> //Org today's date function getOrgTodayDate() { var todayDay = 21 var todayMonth = 1 var todayYear = 2025 var todayDate = new Date(todayYear, todayMonth, todayDay); return todayDate; } </script> <script type="text/javascript"> function checkForm(buttonElement, formElement, spinnerId) { var snapVal = $("div.snapshotContentDiv").html(); $('input#snapshotContent').val(snapVal); if (!validateFormInput(formElement)) { return false; } $(".fa-ban").attr('disabled', true); $(buttonElement).attr('disabled', true); $('#' + spinnerId).css('display', 'inline-block'); $(formElement).submit(); //chrome and safari needs this return false; //since we are submitting form above return false to prevent browser onclick submit } function isValidationRequiredForCurrentActiveStep(element) { if (!element) return; var currentActiveStepinApplyRequisition = $(".oracletaleocwsv2-step.oracletaleocwsv2-active"); if (!currentActiveStepinApplyRequisition.length) return true; var currentStep = $(element).closest(".oracletaleocwsv2-step"); if (!currentStep.length) return true; var elementStepNo = parseInt(currentStep[0].id.replace("step-", "")); var activeStepNo = parseInt(currentActiveStepinApplyRequisition[0].id.replace("step-", "")); return elementStepNo <= activeStepNo; } // Overriding standard messages jQuery.extend(jQuery.validator.messages, { required: "Champ obligatoire", email: "Entrez un courriel valide", email_valid: "Entrez un courriel valide", date: "Entrez une date valide", equalTo: "La valeur ne correspond pas", number: "Entrez un numéro valide" }); // Overriding standard required method to check for -1's jQuery.validator.methods.required = function(value, element, param) { if ("select" === element.nodeName.toLowerCase()) { var val = $(element).val(); return (val && val.length > 0 && val != "-1") || $(element).is(":disabled"); } return checkable(element) ? getLength(value, element) > 0 : $.trim(value).length > 0; } function getLength(value, element) { switch (element.nodeName.toLowerCase()) { case "select": return $("option:selected", element).length; case "input": if (checkable(element)) { return findByName(element.name).filter(":checked").length; } } return value.length; } function findByName(name) { return $('#oracletaleocwsv2-wrapper').find("[name='" + name + "']"); } function checkable(element) { return /radio|checkbox/i.test(element.type); } function getFocus(fieldName) { fieldName.focus(); } // field itself checks for maxlength jQuery.validator.methods.maxlength = function(value, element, param) { return true; } function validateFormInput(elementToValidate) { // if elementToValidate is not form, need to call initialize on the parent form var formElement = elementToValidate; if (!$(formElement).is('form')) { formElement = $(elementToValidate).closest('form'); } var validator = $(formElement).validate({ rules: { required: true, cwsPassword_2: { equalTo: '#cwsPassword' }, newPassword2: { equalTo: '#newPassword1' }, email: { email_valid: true }, cwsv2_profile_picture_upload_content_required: { profile_picture_upload_required: true }, cwsv2_resume_upload_content_required: { resume_upload_required: true }, cwsv2_work_history: { min_work_history: true }, cwsv2_education_history: { min_education_history: true }, cwsv2_residence_history: { min_residence_history: true }, cwsv2_reference: { min_reference: true }, cwsv2_certificate: { min_cert_and_license: true }, cc305Date: { cc305_date: true }, cwsPassword: { minlength: $('[name=minPasswordLength]').val(), cwsPassword_valid: true }, newPassword1: { minlength: $('[name=minPasswordLength]').val(), cwsPassword_valid: true } }, messages: { email: { email_valid: "Entrez un courriel valide" }, cc305Date: { cc305_date: "Date non valide" }, cwsv2_work_history: { min_work_history: "Un historique d'emploi supplémentaire est requis" }, cwsv2_education_history: { min_education_history: "Un historique d'études supplémentaire est requis" }, cwsv2_residence_history: { min_residence_history: "Un historique de résidence supplémentaire est requis" }, cwsv2_reference: { min_reference: "Une référence supplémentaire est requise" }, cwsv2_certificate: { min_cert_and_license: "Une certification ou une licence supplémentaire est requise" }, cwsv2_profile_picture_upload_content_required: { profile_picture_upload_required: "Champ obligatoire" }, cwsv2_resume_upload_content_required: { resume_upload_required: "Champ obligatoire" }, cwsPassword: { minlength: $('[name=minPasswordLengthError]').val(), cwsPassword_valid: $('[name=nonAbcCharsInPasswordError]').val() }, newPassword1: { minlength: $('[name=minPasswordLengthError]').val(), cwsPassword_valid: $('[name=nonAbcCharsInPasswordError]').val() }, consentAgreement_checkbox_container: "Cochez ce champ pour être en mesure d'enregistrer l'alerte d'emploi." }, ignoreTitle: true, ignore: ":hidden:not('#cwsv2_work_history, #cwsv2_education_history, #cwsv2_residence_history, #cwsv2_reference, #cwsv2_certificate, #cwsv2_profile_picture_upload_content_required, #cwsv2_resume_upload_content_required, .cwsv2_validate_rlent_date, .cwsv2_validate_rlent_date_from_to, .cwsv2_work_history_instance, .cwsv2_education_history_instance, .cwsv2_residence_history_instance, .cwsv2_reference_instance, .cwsv2_certificate_instance, .cwsv2_double_entry_field_container, .cwsv2_encrypted_integer_container, .cwsv2_required_checkbox_container, .cwsv2_force_validation'),.cwsv2_ignore_validation", errorClass: "text-danger", errorElement: 'label', focusInvalid: false, errorPlacement: function (label, elem) { if (($(elem).attr("required") && $(elem).attr("aria-label")) !== undefined) { var prevAriaValue = $(elem).attr("aria-label") + " " + $(elem).attr("required"); } else { var prevAriaValue = ""; } label.attr({"for": elem, "role":"alert", "tabindex":"0", "aria-live":"polite", "aria-label":prevAriaValue}); var siblingPlaceholder = elem.nextAll('.oracletaleocwsv2-error-text:first'); var siblingPlaceholderInput = elem.nextAll('.oracletaleocwsv2-error-text:first').prevAll().find('input,textarea,select').filter('[required]:visible').first().focus(); getFocus(siblingPlaceholderInput); siblingPlaceholder.css("display", "block"); if (siblingPlaceholder.length > 0) { siblingPlaceholder.html(label); } else { var parentPlaceholder = elem.parent().nextAll('.oracletaleocwsv2-error-text:first'); var parentPlaceholderInput = elem.nextAll('.oracletaleocwsv2-error-text:first').prevAll().find('input,textarea,select').filter('[required]:visible').first().focus(); parentPlaceholder.css("display", "block"); if (parentPlaceholder.length > 0) { parentPlaceholder.html(label); getFocus(elem); } else { label.insertAfter(elem); } } }, invalidHandler: function (form, validator) { if (!validator.numberOfInvalids()) return; var errorElement = $(validator.errorList[0].element); var displayElement = errorElement; // if error element is hidden, scroll to its last sibling button or instance if (errorElement.is(":visible")) { displayElement = errorElement.parent(); getFocus(errorElement); } else { displayElement = errorElement.siblings('.btn:last'); getFocus(displayElement); } if (!displayElement.is(":visible")) { displayElement = errorElement.closest('.oracletaleocwsv2-instance'); } if (!displayElement.is(":visible")) { displayElement = errorElement.closest(":visible"); } $('html, body').animate({ scrollTop: displayElement.offset().top }, 1000); } }); jQuery.validator.addMethod("email_valid", function(value, element) { if (this.optional(element)) { return true; } for (var k = 0; k < value.length; k++) { var ch = value.charAt(k); if (" \r\n\t[]".indexOf(ch) >= 0) { return false; } } var index = value.indexOf('@'); if (index <= 0) { return false; } var index2 = value.indexOf('.', index); if (index2 <= index) { return false; } return true; }); jQuery.validator.addMethod("cwsPassword_valid", function (value, element) { var checkNonAlpha = $('[name=nonAbcCharsInPassword]').val(); if (checkNonAlpha == "true") { var passwd = $.trim(value); return this.optional(element) || !((/^[a-zA-Z]+$/).test(passwd)) || (/^[*]{10,10}$/).test(value); } else { return true; } }); jQuery.validator.addMethod("min_education_history", function(value, element) { if (!isValidationRequiredForCurrentActiveStep(element)) { return true; } var educationContent = $('.oracletaleocwsv2-step.oracletaleocwsv2-active').children('.oracletaleocwsv2-dynamic-content-education'); if (educationContent === undefined || educationContent.length === 0) { var webPage = $('#TBE_theForm').find('input[name="WebPage"]').val(); if(webPage == "MYINF_V2"){ educationContent = $('.oracletaleocwsv2-dynamic-content-education'); } } if (educationContent.length > 0) { var educationLength = $('.oracletaleocwsv2-instance[data-type=education]').length; var minEducation = $('[name=cwsMinEducationCount]').val(); if (educationLength >= minEducation) { return true; } else { return false; } } return true; }); jQuery.validator.addMethod("min_work_history", function(value, element) { if (!isValidationRequiredForCurrentActiveStep(element)) { return true; } var workContent = $('.oracletaleocwsv2-step.oracletaleocwsv2-active').children('.oracletaleocwsv2-dynamic-content-work'); if (workContent === undefined || workContent.length === 0) { var webPage = $('#TBE_theForm').find('input[name="WebPage"]').val(); if(webPage == "MYINF_V2"){ workContent = $('.oracletaleocwsv2-dynamic-content-work'); } } if (workContent.length > 0) { var workLength = $('.oracletaleocwsv2-instance[data-type=work]').length; var minWork = $('[name=cwsMinWorkCount]').val(); if (workLength >= minWork) { return true; } else { return false; } } return true; }); function hasRequiredFields(element, classSelector) { var containsRequired; $(element).siblings(classSelector).children('.well').find('input, select, textarea').each(function(i) { if ($(this).prop('required')) { containsRequired = true; return false; } }); return containsRequired; } jQuery.validator.addMethod("min_residence_history", function(value, element) { if (!isValidationRequiredForCurrentActiveStep(element)) { return true; } var residenceContent = $('.oracletaleocwsv2-step.oracletaleocwsv2-active').children('.oracletaleocwsv2-dynamic-content-residence'); if (residenceContent === undefined || residenceContent.length === 0) { var webPage = $('#TBE_theForm').find('input[name="WebPage"]').val(); if(webPage === "MYINF_V2"){ residenceContent = $('.oracletaleocwsv2-dynamic-content-residence'); } } if (residenceContent.length > 0) { var residenceLength = $('.oracletaleocwsv2-instance[data-type=residence]').length; var minResidence = $('[name=cwsMinResidenceCount]').val(); if (residenceLength >= minResidence) { return true; } else { return false; } } return true; }); jQuery.validator.addMethod("min_reference", function(value, element) { if (!isValidationRequiredForCurrentActiveStep(element)) { return true; } var referenceContent = $('.oracletaleocwsv2-step.oracletaleocwsv2-active').children('.oracletaleocwsv2-dynamic-content-reference'); if ( referenceContent === undefined || referenceContent.length === 0) { var webPage = $('#TBE_theForm').find('input[name="WebPage"]').val(); if(webPage === "MYINF_V2"){ referenceContent = $('.oracletaleocwsv2-dynamic-content-reference'); } } if (referenceContent.length > 0) { var referenceLength = $('.oracletaleocwsv2-instance[data-type=reference]').length; var minReference = $('[name=cwsMinReferenceCount]').val(); if (referenceLength >= minReference) { return true; } else { return false; } } return true; }); jQuery.validator.addMethod("min_cert_and_license", function(value, element) { if (!isValidationRequiredForCurrentActiveStep(element)) { return true; } var certContent = $('.oracletaleocwsv2-step.oracletaleocwsv2-active').children('.oracletaleocwsv2-dynamic-content-certificate'); if (certContent === undefined || certContent.length === 0) { var webPage = $('#TBE_theForm').find('input[name="WebPage"]').val(); if(webPage === "MYINF_V2"){ certContent = $('.oracletaleocwsv2-dynamic-content-certificate'); } } if (certContent.length > 0) { var certLength = $('.oracletaleocwsv2-instance[data-type=certificate]').length; var minCert = $('[name=cwsMinCertificateCount]').val(); if (certLength >= minCert) { return true; } else { return false; } } return true; }); jQuery.validator.addMethod("validate_date_no_future", function(value, element) { if (!isValidationRequiredForCurrentActiveStep(element)) { return true; } var isValid = true; var monthYear = $(element).val(); var delimiterPos = monthYear.search("/"); var month = monthYear.substring(0, delimiterPos); var year = monthYear.substring(delimiterPos + 1, monthYear.length); var d = new Date(); //incrementing month as it is 0 based var currentMonth = d.getMonth() + 1; var currentYear = d.getFullYear(); var elementId = $(element).attr("id"); var isEducationDateTo = (elementId.indexOf("EDUCATION_dateTo") >= 0); if (isEducationDateTo) { var isEducationDateToValid = (year <= (currentYear + 5) ) || (year == 9000); if (!isEducationDateToValid) { isValid = false; } } else { var isDateToInFuture = (month > currentMonth && year >= currentYear) && !((elementId == "workDateTo" || elementId == "dateTo") && year == 9000); if (isDateToInFuture) { isValid = false; } } return isValid; }, "Date future impossible"); jQuery.validator.addMethod("validate_from_less_than_to_date", function(value, element) { if (!isValidationRequiredForCurrentActiveStep(element)) { return true; } var isValid = true; if ($(element).attr("id").search("ateFrom") > 0) { return isValid; } var toDateVal = $(element).val(); if (!toDateVal) { return isValid; } var delimiterPos = toDateVal.search("/"); var toMonth = toDateVal.substring(0, delimiterPos); var toYear = toDateVal.substring(delimiterPos + 1, toDateVal.length); var fromDateVal = $(element).parents('.well').find("input[type='hidden'][id*='ateFrom']").val(); if (fromDateVal) { var delimiterPosFrom = fromDateVal.search("/"); if (delimiterPosFrom > 0) { var fromMonth = fromDateVal.substring(0, delimiterPosFrom); var fromYear = fromDateVal.substring(delimiterPosFrom + 1, fromDateVal.length); var fromDate = new Date(); fromDate.setMonth(fromMonth - 1); fromDate.setYear(fromYear); fromDate.setDate(15); fromDate.setHours(0); fromDate.setMinutes(0); fromDate.setSeconds(0); var toDate = new Date(); toDate.setMonth(toMonth - 1); toDate.setYear(toYear); toDate.setDate(15); toDate.setHours(0); toDate.setMinutes(0); toDate.setSeconds(0); if (fromDate > toDate) { isValid = false; } } } return isValid; }, "La date de début ne peut pas être postérieure à la date de fin."); jQuery.validator.addMethod("resume_upload_required", function(value, element) { if (!isValidationRequiredForCurrentActiveStep(element)) { return true; } var resumeContent = $(element).closest('.oracletaleocwsv2-dynamic-content-resume'); if (resumeContent.length > 0 && resumeContent.is(':visible')) { var resumeLength = $('.oracletaleocwsv2-instance[data-type=resume]').length; if (resumeLength >= 1) { return true; } else { return false; } } return true; }); jQuery.validator.addMethod("profile_picture_upload_required", function(value, element) { if (!isValidationRequiredForCurrentActiveStep(element)) { return true; } var profilePictureContent = $(element).closest('.oracletaleocwsv2-dynamic-content-profile_picture'); if (profilePictureContent.length > 0 && profilePictureContent.is(':visible')) { var profilePictureLength = $('.oracletaleocwsv2-instance[data-type=profile_picture]').length; if (profilePictureLength >= 1) { return true; } else { return false; } } return true; }); jQuery.validator.addMethod("cc305_date", function(value, element) { var noIssue = true; if ($(element).val().trim() == "") { noIssue = false; } var oldVal = $(element).val(); $(element).datepicker("setDate", $(element).val()); if (oldVal != $(element).val()) { $(element).val(oldVal); noIssue = false; } return this.optional( element ) || noIssue; }); jQuery.validator.addMethod("todays_date", function(value, element) { if ($(element).val().trim() == "") { return true; } var currentVal = $(element).val(); var todayDate = $.datepicker.formatDate('y-mm-dd', getOrgTodayDate()); if (currentVal != todayDate) { return false; } return true; }); jQuery.validator.addMethod("valid_date", function(value, element) { if ($(element).val().trim() == "") { return true; } var parsedDate = undefined; try { parsedDate = $.datepicker.parseDate('y-mm-dd', $(element).val()); } catch (e) { } if (parsedDate == undefined) { return false; } return true; }); jQuery.validator.addMethod("education_history_required_instance", function(value, element) { if (!isValidationRequiredForCurrentActiveStep(element)) { return true; } var educationInstanceContent = $('.oracletaleocwsv2-step.oracletaleocwsv2-active').find('.cwsv2_education_history_instance'); var isValid = true; if (educationInstanceContent.length > 0) { $(element).closest('.oracletaleocwsv2-instance').children('.well').find('input, select, textarea').each(function(i) { if ($(this).prop('required')) { var element = this; var value = $(this).val(); if ("select" === element.nodeName.toLowerCase()) { var val = $(element).val(); isValid = (val && val.length > 0 && val != "-1") || $(element).is(":disabled"); } else { isValid = checkable(element) ? getLength(value, element) > 0 : $.trim(value).length > 0; } if (!isValid) { return false; } } }); } return isValid; }, "Champs obligatoires manquants"); jQuery.validator.addMethod("work_history_required_instance", function(value, element) { if (!isValidationRequiredForCurrentActiveStep(element)) { return true; } var workInstanceContent = $('.oracletaleocwsv2-step.oracletaleocwsv2-active').find('.cwsv2_work_history_instance'); var isValid = true; if (workInstanceContent.length > 0) { $(element).closest('.oracletaleocwsv2-instance').children('.well').find('input, select, textarea').each(function(i) { if ($(this).prop('required')) { var element = this; var value = $(this).val(); if ("select" === element.nodeName.toLowerCase()) { var val = $(element).val(); isValid = (val && val.length > 0 && val != "-1") || $(element).is(":disabled"); } else { isValid = checkable(element) ? getLength(value, element) > 0 : $.trim(value).length > 0; } if (!isValid) { return false; } } }); } return isValid; }, "Champs obligatoires manquants"); jQuery.validator.addMethod("residence_history_required_instance", function(value, element) { if (!isValidationRequiredForCurrentActiveStep(element)) { return true; } var residenceInstanceContent = $('.oracletaleocwsv2-step.oracletaleocwsv2-active').find('.cwsv2_residence_history_instance'); var isValid = true; if (residenceInstanceContent.length > 0) { $(element).closest('.oracletaleocwsv2-instance').children('.well').find('input, select, textarea').each(function(i) { if ($(this).prop('required')) { var element = this; var value = $(this).val(); if ("select" === element.nodeName.toLowerCase()) { var val = $(element).val(); isValid = (val && val.length > 0 && val != "-1") || $(element).is(":disabled"); } else { isValid = checkable(element) ? getLength(value, element) > 0 : $.trim(value).length > 0; } if (!isValid) { return false; } } }); } return isValid; }, "Champs obligatoires manquants"); jQuery.validator.addMethod("reference_required_instance", function(value, element) { if (!isValidationRequiredForCurrentActiveStep(element)) { return true; } var referenceInstanceContent = $('.oracletaleocwsv2-step.oracletaleocwsv2-active').find('.cwsv2_reference_instance'); var isValid = true; if (referenceInstanceContent.length > 0) { isValid = validateRequiredFields(element); } return isValid; }, "Champs obligatoires manquants"); jQuery.validator.addMethod("cert_and_license_required_instance", function(value, element) { if (!isValidationRequiredForCurrentActiveStep(element)) { return true; } var certInstanceContent = $('.oracletaleocwsv2-step.oracletaleocwsv2-active').find('.cwsv2_certificate_instance'); var isValid = true; if (certInstanceContent.length > 0) { isValid = validateRequiredFields(element); } return isValid; }, "Champs obligatoires manquants"); var validateRequiredFields = function(element) { var isValid = true; $(element).closest('.oracletaleocwsv2-instance').children('.well').find('input, select, textarea').each(function(i) { if ($(this).prop('required')) { var element = this; var value = $(this).val(); if ("select" === element.nodeName.toLowerCase()) { var val = $(element).val(); isValid = (val && val.length > 0 && val != "-1") || $(element).is(":disabled"); } else { isValid = checkable(element) ? getLength(value, element) > 0 : $.trim(value).length > 0; } if (!isValid) { return false; } } }); return isValid; }; jQuery.validator.addMethod("cwsv2_double_entry_field_validation", function(value, element) { if (!isValidationRequiredForCurrentActiveStep(element)) { return true; } var divContainer = $(element).parent(); if (divContainer.is(':visible')) { var isChanged = divContainer.find('[id*="_CHANGED"]'); if (isChanged.val() == "true") { var isValidationValue = divContainer.find('[id*="_validated"]'); if (isValidationValue.length < 1) { var maskedId = "[id*=\"masked_\"]"; var fieldToValidate = divContainer.find(".cwsv2_double_entry_field:not('" + maskedId + "')"); var checkField = $(element).siblings("#" + $(fieldToValidate).attr('id') + "_checkField:not('" + maskedId + "')"); if (checkField.length > 0) { return $(fieldToValidate).val() == $(checkField).val(); } } } } return true; }, "La valeur ne correspond pas"); jQuery.validator.addMethod("cwsv2_encrypted_integer_validation", function(value, element) { if (!isValidationRequiredForCurrentActiveStep(element)) { return true; } var divContainer = $(element).parent(); if (divContainer.is(':visible')) { var isChanged = divContainer.find('[id*="_CHANGED"]'); if (isChanged.val() == "true") { var isValidationValue = divContainer.find('[id*="_validated"]'); if (isValidationValue.length < 1) { var maskedId = "[id*=\"masked_\"]"; var fieldToValidate = divContainer.find(".cwsv2_encrypted_integer:not('" + maskedId + "')"); if (fieldToValidate.length > 0) { return this.optional(fieldToValidate.get(0)) || /^-?(?:\d+|\d{1,3}(?:,\d{3})+)?(?:\.\d+)?$/.test(fieldToValidate.val()); } } } } return true; }, "Entrez un numéro valide"); jQuery.validator.addMethod("cwsv2_required_checkbox_validation", function(value, element) { if (!isValidationRequiredForCurrentActiveStep(element)) { return true; } var checkboxElementContainer = $(element).parent(); if (checkboxElementContainer.is(':visible')) { var checkboxElement = $(checkboxElementContainer).find('input[type="checkbox"]'); if (checkboxElement.length > 0) { return $(checkboxElement).is(':checked'); } } return true; }, "Cette case doit être cochée"); jQuery.validator.addClassRules({ cwsv2_work_history_instance: { work_history_required_instance: true }, cwsv2_validate_rlent_date: { validate_date_no_future: true }, cwsv2_validate_rlent_date_from_to: { validate_from_less_than_to_date: true }, cwsv2_education_history_instance: { education_history_required_instance: true }, cwsv2_residence_history_instance: { residence_history_required_instance: true }, cwsv2_reference_instance: { reference_required_instance: true }, cwsv2_certificate_instance: { cert_and_license_required_instance: true }, cwsv2_double_entry_field_container: { cwsv2_double_entry_field_validation: true }, cwsv2_decimal: { number: true }, cwsv2_integer: { number: true }, cwsv2_encrypted_integer_container: { cwsv2_encrypted_integer_validation: true }, cwsv2_required_checkbox_container: { cwsv2_required_checkbox_validation: true }, cwsv2_email: { email_valid: true } }); // if element is form, use full form validation, if element is section, validate only its contents if ($(elementToValidate).is('form')) { if (!$(elementToValidate).valid()) { return false; } } else { var status = true; $(elementToValidate).find("input, select, textarea").each(function () { if (!validator.element($(this))) { status = false; } }); return status; } return true; } </script> <script> // Same code as in csrfInclude.jsp var TBE_OBJ ={}; TBE_OBJ.CSRF={}; TBE_OBJ.CSRF.enabled=false; TBE_OBJ.CSRF.tokenParam = '_csrf'; TBE_OBJ.CSRF.tokenValue = 'v1:;1740153100563:;4pSEApiY7IcTSZO1OYx+rins4jSsp4pIelH4e14bIJU='; TBE_OBJ.CSRF.enabled=true; var jq = $; if (typeof $ == 'undefined') { jq = jQuery; } if(typeof jq !=='undefined') { jq(document).ready(function () { appendCsrfTokenToForms(TBE_OBJ.CSRF.tokenParam, TBE_OBJ.CSRF.tokenValue,'tre.tbe.taleo.net'); }); } </script> <script> $('.scroll').jscroll({ nextSelector: 'a.jscroll-next:last', loadingHtml: "", callback: function(){ if(window.fbAsyncInit) { fbAsyncInit(); } } }); // if two jscroll objects on one page, they should be initialized separately $('.scroll-my-jobs').jscroll({ nextSelector: 'a.jscroll-next:last', autoTrigger: false, loadingHtml: "" }); $('.scroll-suggested-jobs').jscroll({ nextSelector: 'a.jscroll-next:last', autoTrigger: false, loadingHtml: "" }); $(function () { $('.orderbyPicker').on('change', function () { var colSelected = $(this).find("option:selected").val(); var sortSelected = $('.sortOrderbyPicker').find("option:selected").val(); location.href = colSelected + "&" + sortSelected; }); }); $(function () { $('.sortOrderbyPicker').on('change', function () { var sortSelected = $('.orderbyPicker').find("option:selected").val(); var selected = $(this).find("option:selected").val(); location.href = sortSelected + "&" + selected; }); }); </script> </body> </html>