CINXE.COM
À propos de l'Office - Carrière - Office québécois de la langue française
<!DOCTYPE html> <html lang="fr"> <head><meta http-equiv="content-type" content="text/html; charset=utf-8" /><meta name="viewport" content="width=device-width, initial-scale=1.0" /><meta name="google-site-verification" content="Vd8LSxFY7OvtlVwQDDmAIoXKeoImrhUfDgBDdgXdhNI" /><link href="/includes/polices.css" rel="stylesheet" /><link rel="stylesheet" href="/includes/js/bootstrap-4.4.1/css/bootstrap.min.css" /><link rel="stylesheet" href="/feuille1.css" /><link rel="stylesheet" href="/includes/styles/en-tete.css" /><link rel="stylesheet" href="/includes/styles/pied-de-page.css" /><link rel="stylesheet" href="/includes/styles/icon-font.min.css" /> <script src="/includes/js/jquery.min.js"></script> <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png" /><link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png" /><link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png" /> <!--Date de mise à jour au bas des pages--> <script src="/ressources/formations-seances/calendrier/js/gestionTemoins.js" type="text/javascript"></script> <!--[if !IE]><!--> <script src="/includes/js/liens-externes.js" type="text/javascript"></script> <!--<![endif]--> <style type="text/css"> #message-special { margin: 30px auto; max-width: 1000px; border: 4px solid #F00; padding: 0 12px; text-align: center; background-color: #EEE; font-weight: bold; font-size: 1.1em; } .grecaptcha-badge { visibility: hidden; } </style> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" /> <meta name="REGION" content="100" /> <meta name="ORGANISME" content="710" /> <meta name="CATEGORIE" content="2,6,7,16" /> <style> #menu-a-propos-office { background-color: #efefef; padding: 10px; } div#coldroite h3 { color: #000; font-weight: normal; } </style> <link href="/includes/menu-gauche/mission/styles.css" rel="stylesheet" /> <title> À propos de l'Office - Carrière - Office québécois de la langue française </title></head> <body> <!-- Entête --> <a id="haut" class="sr-only" href="#division-generale">Aller directement au contenu</a> <!-- Entête PIV --> <div class="contenu-fluide piv"> <div class="contenu-fixe"> <!--<div class="ligne"> <div class="d-flex align-items-center"> <a href="#contenu" class="visuallyHidden" tabindex="1">Passer au contenu</a> </div> </div>--> <div class="ligne" id="entetePiv"> <div class="logoEtNomSite"> <a href="https://www.quebec.ca/" title="Québec.ca. Une nouvelle fenêtre s'ouvrira." target="_blank"><img id="pivImage" alt="Logo du gouvernement du Québec." src="/images/QUEBEC_blanc.svg" width="196" height="71"></a> <div> <a href="/accueil.aspx" class="identite">Office québécois de la langue française</a> </div> </div> <div class="d-flex justify-content-end align-items-center droite"> <a data-toggle="collapse" id="lienOuvre" href="#recherchePiv" role="button" aria-expanded="false" aria-controls="recherchePiv"> <img class="loupeRecherche" id="lienOuvreImage" alt="Bouton pour ouvrir la recherche." src="/images/recherche.svg" width="35" height="35"> </a> <div class="zoneMenu"> <div class="toggle_btn"> <span></span> </div> <div class="menu_mobile nav"> <div class="menu_mobile--piv"> <a href="/coordonnees.html">Nous joindre</a> <a href="/sommaire.html">Plan du site</a> </div> </div> </div> </div> <div id="recherchePiv" class="collapse"> <form action="/recherche/" method="get" name="recherche" id="recherche"> <div class="input-group my-3"> <input type="text" name="q" class="form-control" placeholder="Que cherchez-vous?" aria-label="Rechercher dans le site"> <div class="input-group-append"> <button class="btn btn-secondary" type="submit"> Rechercher </button> </div> </div> </form> </div> </div> </div> </div> <!-- Fin entête PIV --> <!-- Médias sociaux --> <div class="contenu-fluide"> <div id="logos-ms"> <p>Suivez-nous</p> <a href="https://www.facebook.com/OQLF.QC/" target="_blank" title="Suivez l'OQLF sur Facebook. Une nouvelle fenêtre s'ouvrira."> <img style="margin-right: 17px;" src="/images/accueil/logo-facebook.png" width="29" height="29" alt="Logo Facebook." /></a> <a href="https://www.instagram.com/oqlf.qc/" target="_blank" title="Suivez l'OQLF sur Instagram. Une nouvelle fenêtre s'ouvrira."> <img style="margin-right: 17px;" src="/images/accueil/logo-instagram.png" width="29" height="29" alt="Logo Instagram." /></a> <a href="https://www.linkedin.com/company/office-qu-b-cois-de-la-langue-fran-aise" target="_blank" title="Suivez l'OQLF sur Linkedin. Une nouvelle fenêtre s'ouvrira."> <img src="/images/accueil/logo-linkedin.png" width="29" height="29" alt="Logo Linkedin." /></a> <a href="https://www.youtube.com/user/FrancofeteOQLF" target="_blank" title="Voir la chaîne YouTube de l'OQLF. Une nouvelle fenêtre s'ouvrira."> <img style="margin-right: 17px;" src="/images/accueil/logo-youtube.png" width="42" height="29" alt="Logo YouTube." /></a> </div> </div> <!-- Fin médias sociaux --> <!-- <div id="message-special"> <p>Veuillez noter qu’en raison de travaux d’entretien, le site Web de l’Office québécois de la langue française<br /> ne sera pas accessible le 19 septembre, entre 8 h et 10 h.</p> <p>Nous nous excusons des inconvénients que cette situation peut causer et vous remercions de votre compréhension.</p> </div> --> <!-- Menu Office --> <div id="menu-office"> <ul> <li id="a-propos"><a class="actif">À propos de l’Office</a> <ul class="sous-menu-office"> <li><a href="/office/mission.html">Mission et rôle</a></li> <li><a href="/office/planification-strategique.html">Planification stratégique</a></li> <li><a href="/office/organigramme.html">Organigramme</a></li> <li><a href="/office/membres.html">Membres de l’Office</a></li> <li><a href="/office/rapports/">Rapports annuels</a></li> <li><a href="/office/communiques/">Salle de presse</a></li> <li><a href="/RDIPRP/">Accès à l’information</a></li> <li><a href="/office/declaration.html">Déclaration de services aux citoyennes et aux citoyens</a></li> <li><a href="/office/allegement-reglementaire-administratif.html">Allègement réglementaire et administratif</a></li> <li><a href="/office/carriere/">Carrière</a></li> </ul> </li> <li id="charte-lf"><a class=""><em>Charte de la langue française</em></a> <ul class="sous-menu-office"> <li> <a href="/charte/changementslegislatifs">Changements législatifs</a></li> <li> <a href="/charte/charte/">Textes de la loi</a></li> <li><a href="/charte/reglements/">Textes des règlements</a></li> <li><a href="/charte/reperes/reperes.html">Repères et jalons historiques</a></li> <li><a href="/charte/politique-directive-linguistiques/">Politique et directive linguistiques</a></li> <!-- <li><a href="/charte/questions_freq/">Questions les plus fréquentes</a> </li>--> </ul> </li> <li id="ressources"><a class="">Ressources</a> <ul class="sous-menu-office"> <li><a href="/ressources/services/">Services et ressources linguistiques</a></li> <li><a href="/ressources/formations-seances/">Formations et séances d’information</a></li> <li><a href="/ressources/bibliotheque/officialisation/">Officialisation linguistique</a></li> <li><a href="/ressources/promotion-francais/">Programme Le français, au cœur de nos ambitions</a></li> <li><a href="/ressources/divertissements/">Jeux linguistiques</a></li> <li><a href="/ressources/sociolinguistique/">Données sociolinguistiques</a> </ul> </li> <li id="vos-droits"><a class="">Vos droits et obligations</a> <ul class="sous-menu-office"> <!--<li><a href="/francisation/consommateurs/">Consommation</a></li> <li><a href="/francisation/travailleurs/">Travail</a></li>--> <li><a href="/francisation/entreprises/">Entreprises</a></li> <li><a href="/francisation/entreprises/memo-assistant-francisation/">Mémo, mon assistant pour la francisation</a></li> <li><a href="/francisation/admin_publ/">Administration publique</a></li> <li><a href="/francisation/ordres_prof/ordres.html">Ordres professionnels</a></li> <li><a href="/francisation/ti/">Vos droits et obligations relativement aux technologies de l’information</a></li> <li><a href="/francisation/respect/">Plaintes et dénonciations</a> </li> </ul> </li> </ul> </div> <div style="clear: both"></div> <!-- Fin Menu Office --> <!-- Fin Entête --> <!-- Division générale --> <div id="division-generale" class="contenu-fluide"> <div class="contenu-fixe"> <!-- Colonne gauche --> <div id="colgauche"> <section class="menu-gauche menu-gauche-sp"> <!-- <p class="col-gauche-titre col-titre">À propos de l'Office</p>--> <div class="d-flex flex-column h-100 p-3"> <nav class="conteneur-menu-gauche"> <ul><li><a href="/office/mission.html">Mission et rôle</a></li><li><a href="/office/planification-strategique.html">Planification stratégique</a></li><li><a href="/office/organigramme.html">Organigramme</a></li><li><a href="/office/membres.html">Membres de l'Office</a></li><li><a href="/office/rapports/">Rapports annuels</a></li><li><a href="/office/communiques/">Salle de presse</a></li><li><a href="/office/declaration.html">Déclaration de services aux citoyennes et aux citoyens</a></li><li><a href="/office/allegement-reglementaire-administratif.html">Allègement réglementaire et administratif</a></li><li><a href="/office/carriere/">Carrière</a></li></ul> </nav> <p class="lien-vitrine"><a href="https://vitrinelinguistique.oqlf.gouv.qc.ca/" class="liens-externes" target="_blank">Vitrine linguistique</a></p> </div> </section> <script> /* * Dans la page communiqués, lors de sous pages 2019, 2018 etc * Dans la page carriere, lors de sous pages * la logique du menu dans al fonction Creer_Menu() n'est pas capable * de gerer ces pages */ var chemin = window.location.pathname; var liens = document.querySelectorAll('.conteneur-menu-gauche ul li a'); for ( var i = 0; i < liens.length; i++ ) { var texte = liens[i].innerText; if ( (liens[i].href.includes('/office/communiques/') && chemin.includes("communiques")) || (liens[i].href.includes('/office/carriere/') && chemin.includes("carriere"))) { liens[i].parentElement.append(texte); liens[i].parentElement.removeChild(liens[i]); } } </script> </div> <!-- Fin Colonne gauche --> <!-- Colonne droite --> <div id="coldroite"> <section class="contenu-principale"> <div class="container"> <nav aria-label="breadcrumb"> <ol class="breadcrumb"> <li class="breadcrumb-item" aria-current="page"><a href="/accueil.aspx">Accueil</a></li> <li class="breadcrumb-item" aria-current="page"><a href="/office/mission.html">À propos de l'Office</a></li> <li class="breadcrumb-item active" aria-current="page">Carrière</li> </ol> </nav> <img src="../../images/office/Bandeau_Site-Web_OQLF_1000x200.jpg" width="725" /><br /> <br /> <h1 class="col-droite-titre col-titre">Carrière</h1> <p> Vous souhaitez contribuer à la promotion et à la protection de la langue française? Vous cherchez un milieu de travail dynamique et stimulant qui vous permettra de relever des défis et de vous réaliser? L’Office québécois de la langue française est l’employeur qui saura répondre à vos attentes! </p> <p> Nous offrons à notre personnel une diversité d’emplois, un environnement professionnel convivial et des conditions de travail avantageuses. </p> <p> En parcourant cette section, vous pourrez connaître les avantages d’une carrière à l’Office et la marche à suivre pour vous joindre à notre équipe. </p> <ul> <!-- <li><a href="mot-pdg.aspx">Mot de la présidente-directrice générale</a></li>--> <li><a href="avantages.aspx">Avantages d’une carrière à l’Office</a></li> <li><a href="faites-partie-equipe.aspx">Faites partie de l’équipe</a></li> <!-- <li><a href="emplois-disponibles.aspx">Emplois disponibles</a></li>--> </ul> <br /> <h2 class="col-droite-titre col-titre">Emplois disponibles</h2> <div class="encadre"> <p>Aucune offre n’est disponible actuellement. Revenez nous voir bientôt!</p> </div> <!-- <ul> <li> <h5> <a href="offres-emploi/26410SPC07102024-002A.pdf" target="_blank">Technicien ou technicienne en administration (PDF, 481 Ko)</a> à Montréal</h5> <p>Échéance : 23 octobre 2024</p> </li> </ul>--> <h3 style="margin-top: 35px;">Autres classes d’emplois – Fonction publique du Québec</h3> <p> Pour soumettre votre candidature à d’autres classes d’emplois à l’Office ou dans la fonction publique du Québec, rendez-vous sur le <a href="https://www.carrieres.gouv.qc.ca/appels-de-candidatures/appels-de-candidatures-en-cours/" title="Appels de candidatures en cours. Une nouvelle fenêtre s'ouvrira." target="_blank" class="liens-externes">portail Travailler dans la fonction publique</a>. </p> </div> </section> </div> <!-- Fin Colonne droite --> <div style="clear: both;"></div> </div> </div> <!-- Fin Division générale --> <!-- Pied de page --> <p class="dateMaJ" style="margin: 25px auto 60px auto; width: 100%; text-align: center;">Date de la dernière mise à jour : 2024-10-24</p> <div class="modal fade" id="sondageModal" tabindex="-1" role="dialog" aria-labelledby="sondage" aria-hidden="true" aria-describedby="description"> <div class="modal-dialog modal-dialog-centered" role="document"> <div class="modal-content"> <div class="modal-header border-bottom-0"> <h3 class="modal-title" id="exampleModalLabel">Sondage de satisfaction</h3> <button type="button" class="close" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true">×</span> </button> </div> <div class="modal-body py-0" id="description"> <p>Bonjour</p> <p>Nous vous invitons à répondre à quelques questions pour nous faire connaître votre opinion au sujet de ce site.</p> </div> <div class="modal-footer border-top-0"> <button type="button" class="btn btn-outline-primary btn-sm non-merci" data-dismiss="modal">Non merci</button> <button type="button" class="btn btn-primary btn-sm faire-sondage" data-dismiss="modal">Je participe</button> </div> </div> </div> </div> <!-- Division Liens rapides --> <div class="contenu-fluide liens-rapides"> <div class="contenu-fixe"> <h2>LIENS RAPIDES</h2> <div class="colonne-liens"> <h3>L'OFFICE</h3> <ul> <li><a href="/RDIPRP/">Accès à l’information</a></li> <li><a href="/ressources/promotion-francais/">Programme Le français, au cœur de nos ambitions</a></li> <li><a href="/office/carriere/">Carrière</a></li> <!--<li>Commissaire à la qualité des services</li>--> <li><a href="/office/declaration.html">Déclaration de services aux citoyennes et aux citoyens</a></li> <li><a href="/charte/questions_freq/">FAQ sur les changements législatifs</a></li> </ul> <h3>RESSOURCES LINGUISTIQUES</h3> <ul> <li><a href="https://vitrinelinguistique.oqlf.gouv.qc.ca/sujets-dinteret/feminisation-et-redaction-epicene" target="_blank" class="liens-externes">Autoformation en ligne sur la rédaction épicène</a></li> <li><a href="https://www.oqlf.gouv.qc.ca/ressources/bibliotheque/dictionnaires/index_lexvoc.html" title="Lien vers le page lexiques et vocabulaires" class="">Lexiques et vocabulaires</a></li> <li><a href="/ressources/bibliotheque/officialisation/">Officialisation linguistique</a></li> <li><a href="https://vitrinelinguistique.oqlf.gouv.qc.ca/a-propos-de-la-vitrine-linguistique/offre-de-services-linguistiques#c150799" target="_blank" class="liens-externes">Médias</a></li> <li><a href="https://vitrinelinguistique.oqlf.gouv.qc.ca" target="_blank" class="liens-externes"><em>Banque de dépannage linguistique</em> (BDL) et <br> <em>Grand dictionnaire terminologique</em> (GDT)</a><br /> </li> </ul> </div> <div class="colonne-liens"> <h3>PUBLICATIONS ET FORMULAIRES</h3> <ul> <li><a href="/francisation/entreprises/#formulaires">Formulaires à l’intention des entreprises</a></li> <li><a href="/office/rapports/rag2022-2023.pdf" target="_blank"><em>Rapport annuel 2022-2023</em></a> (PDF, 4,9 Mo)</li> <li><a href="/ressources/sociolinguistique/">Données sociolinguistiques</a></li> <li><a href="https://www.oqlf.gouv.qc.ca/charte/charte/">La <em>Charte</em> en anglais (Publications du Québec)</a></li> </ul> <h3>AUTRES SITES</h3> <ul> <li><a href="https://toponymie.gouv.qc.ca/ct/accueil.aspx" title="Une nouvelle fenêtre s'ouvrira." target="_blank" class="liens-externes">Commission de toponymie</a></li> <li><a href="https://www.francofete.qc.ca/creativite-lexicale" target="_blank" class="liens-externes">Concours de créativité lexicale</a></li> <li><a href="https://www.francofete.qc.ca/accueil.aspx" title="Une nouvelle fenêtre s'ouvrira." target="_blank" class="liens-externes">Francofête</a></li> <li><a href="https://www.francofete.qc.ca/merites/" title="Une nouvelle fenêtre s'ouvrira." target="_blank" class="liens-externes">Mérites du français</a></li> <li><a href="https://vitrinelinguistique.oqlf.gouv.qc.ca" title="Une nouvelle fenêtre s'ouvrira." target="_blank" class="liens-externes">Vitrine linguistique</a></li> </ul> </div> <div class="colonne-liens" style="margin-right: 0px;"> <h3>VOS DROITS ET OBLIGATIONS</h3> <ul> <li><a href="/francisation/ordres_prof/documents/guide-information-examen.pdf" title="PDF, 1,4 Mo." target="_blank">Guide de l’examen de français</a> (PDF, 1,4 Mo)</li> <li><a href="/francisation/respect/">Dépôt d’une plainte ou d’une dénonciation</a></li> </ul> <form action="/includes/ajax/infolettreDI.ashx" method="post" id="inscriptionInfolettre" class="border rounded p-3 mb-3 formulaire-abonnement"> <h2>Abonnez-vous!</h2> <p>Nos infolettres vous permettent d’avoir accès à plusieurs ressources.</p> <div class="form-content"> <input type="hidden" name="interets" value="f_evolutionlinguistique,f_droitobligation,f_Francisationentreprise,f_Francisationadmpublique,f_Francofete,f_Merites,f_Toponymie,f_outillinguistique"> <input type="hidden" name="source" value="OQLF"> <input type="hidden" name="inscrire" value="inscrire"> <div class="mb-2"> <input type="text" aria-label="Prénom" class="form-control form-control-sm" id="prenom" placeholder="Prénom" name="prenom"> </div> <div class="mb-2"> <input type="text" aria-label="Nom" class="form-control form-control-sm" id="nom" placeholder="Nom" name="nom"> </div> <div class="mb-2"> <input type="email" aria-label="Courriel" class="form-control form-control-sm" id="courriel" placeholder="Courriel" name="courriel" required> </div> <div class="pb-3"> <button type="submit" class="btn btn-primary btn-block g-recaptcha" data-sitekey='6Lef2GwcAAAAAA3xto2n2TkMZTHAnOvvpXSdo9q_' data-callback='retourRecaptcha' data-action='submit' disabled>Je veux m’abonner</button> </div> </div> <div class="p-3 bg-success text-white msg-liensRapides d-none">Voilà! C’est fait! <svg style="fill: #ffcb00;" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24"><path d="M12 0c-6.627 0-12 5.373-12 12s5.373 12 12 12 12-5.373 12-12-5.373-12-12-12zm3.5 8c.828 0 1.5.671 1.5 1.5s-.672 1.5-1.5 1.5-1.5-.671-1.5-1.5.672-1.5 1.5-1.5zm-7 0c.828 0 1.5.671 1.5 1.5s-.672 1.5-1.5 1.5-1.5-.671-1.5-1.5.672-1.5 1.5-1.5zm3.501 10c-2.801 0-4.874-1.846-6.001-3.566l.493-.493c1.512 1.195 3.174 1.931 5.508 1.931 2.333 0 3.994-.736 5.506-1.931l.493.493c-1.127 1.72-3.199 3.566-5.999 3.566z"/></svg> Nous vous remercions de votre inscription à nos infolettres. </div> <div class="p-3 bg-danger text-white msg-erreurLiensRapides d-none">Une erreur est survenue. Veuillez réessayer plus tard. Si le problème persiste, <a style="text-decoration: underline" href="/coordonnees.html">communiquez avec nous</a>.</div> </form> <script> $(function() { $("#inscriptionInfolettre").submit(function() { $.ajax({ type: "POST", url: "/includes/ajax/infolettreDI.ashx", data: $(this).serialize(), //contentType: 'application/x-www-form-urlencoded', //processData: false, dataType: "json", success: function(data, textStatus, jqXHR) { if (data.Success == true) { afficherSucces(); evenementAnalytics(); } else { afficherErreur("Échec DI"); } }, error: function(data, textStatus, jqXHR) { // Échec au niveau du service local afficherErreur("Échec service " + data.status); } }); return false; }); }); function retourRecaptcha(token) { var formulaire = $("#inscriptionInfolettre")[0]; var valide = false; if (typeof formulaire.reportValidity === "function") { valide = formulaire.reportValidity(); } else { valide = formulaire.checkValidity(); } if ( valide ) { $("#inscriptionInfolettre").submit(); } } function afficherSucces() { $('.form-content').fadeOut("slow", function() { $('.msg-liensRapides').removeClass('d-none'); }); } function afficherErreur(code) { $('.form-content').fadeOut("slow", function() { $('.msg-erreurLiensRapides').removeClass('d-none').append(" ("+code+")"); }); } function evenementAnalytics() { var pageTracker = _gat._getTracker("UA-21247666-3"); pageTracker._trackEvent("Infolettre", "Abonnement"); } function validateEmail(email) { const re = /^(([^<>()\[\]\\.,;:\s@"]+(\.[^<>()\[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/; return re.test(String(email).toLowerCase()); } var champs = document.querySelectorAll('.formulaire-abonnement input[type=email]'); for (var index = 0; index < champs.length; index++) { champs[index].addEventListener('input', function(e) { if (validateEmail(this.value)) { var submits = document.querySelectorAll('.formulaire-abonnement button[type=submit]'); for (var index = 0; index < submits.length; index++) { submits[index].removeAttribute('disabled'); }; } }); } /*var submits = document.querySelectorAll('.formulaire-abonnement button[type=submit]'); for (var index = 0; index < submits.length; index++) { submits[index].addEventListener('click', function(e) { e.preventDefault(); $('.form-content').fadeOut("slow", function() { $('.msg-erreurLiensRapides').removeClass('d-none'); }); }); }*/ </script> </div> <div style="clear: both;"></div> </div> </div> <!-- Fin Division Liens rapides --> <!-- Pied PIV --> <div id="pied-page"> <ul id="menu-pied"> <li><a href="/sommaire.html">Plan du site</a></li> <li><a href="/politique.html">Politique de confidentialité</a></li> <li><a href="/accessibilite.html">Accessibilité</a></li> <!--<li><a href="/coordonnees.html">Nous joindre</a></li>--> </ul> <div id="logo"> <a href="/accueil.aspx" title="Retour à l'accueil."> <img src="/images/OQLF_couleur.png" width="219" height="77" alt="Logo de l'Office québécois de la langue française." /></a> </div> <div id="credits"> <a href="https://www.quebec.ca/droit-auteur" title="Une nouvelle fenêtre s'ouvrira." target="_blank" class="liens-externes">© Gouvernement du Québec, 2024</a> </div> </div> <!-- Fin Pied PIV --> <!-- Fin Pied de page --> <div class="block-au-coin d-flex flex-column justify-content-end"> <div class="alerte align-items-center" role="alert"> <p class="alerte_msg"></p> <span class="fermer lnr lnr-cross"></span> </div> <a id="cRetour" class="cInvisible ml-auto" href="#haut" title="Retour vers le haut de la page." aria-label="Retour vers le haut de la page"></a> </div> <script> $.extend({ notificationContextuelle: function (message, style) { style = (typeof style !== "undefined") ? style : "neutre"; let msAvantDeDisparaitre = 6000; //6sec //var settings = $.extend({ // // Valeurs par défaut. // style: "neutre", // msAvantDeDisparaitre: 3200 //}, options); $(".alerte").addClass('afficher ' + style); $(".alerte").delay(msAvantDeDisparaitre).fadeOut(function () { $(this).removeClass('afficher'); }); $(".alerte_msg").html(message); $(".fermer").on('click', function () { $(".alerte").removeClass('afficher'); }) }, }); </script> <script src="/includes/js/bootstrap-4.4.1/js/bootstrap.min.js"></script> <!--Script Menu Mobile--> <script> var btn = document.querySelector('.toggle_btn'); var nav = document.querySelector('.nav'); btn.onclick = function () { nav.classList.toggle('nav_open'); btn.classList.toggle('toggle_btn_open'); } </script> <!--[if IE]> <script> var btn = document.querySelector('.toggle_btn'); var nav = document.querySelector('.nav'); btn.onclick = function() { if (nav.hasClass('nav_open')) { nav.removeClass('nav_open'); btn.removeClass('toggle_btn_open'); } else { nav.addClass('nav_open'); btn.addClass('toggle_btn_open'); } } </script> <![endif]--> <script> $(function() { /*script pour Lire la suite*/ $(".suite-actu,.suite-texte").hide(); $(".lire-suite").wrap('<a href="javascript:void(true)"></a>'); $(".lire-suite").click(function() { $(this).parent().next().toggle('fast'); if ($(this).find(".btn--lire-suite").text() === "[+]") { $(".btn--lire-suite" , this).attr('title', 'Cliquer pour lire moins.'); $(this).find(".btn--lire-suite").text("[–]"); } else { $(".btn--lire-suite" , this).attr('title', 'Cliquer pour lire plus.'); $(this).find(".btn--lire-suite").text("[+]"); } }); /* Toggle de la recherche du bandeau PIV */ /*$("#recherchePiv").hide(); $("a#lienOuvre img").wrap('<a href="javascript:void(true)"></a>').click(function() { $("#recherchePiv").toggle('fast'); });*/ /* Affichage ou masquage du bouton pour retourner en haut */ window.onscroll = function(ev) { document.getElementById("cRetour").className = (window.pageYOffset > 100) ? "cVisible" : "cInvisible"; }; // Placer le curseur dans le champ de recherche une fois affiché var $recherchePiv = $('#recherchePiv'); $recherchePiv.on('shown.bs.collapse', function () { $("input[type=text]", $(this)).focus(); }); $('form', $recherchePiv).on('submit', function () { $("button", $(this)).prepend('<span class="spinner-border spinner-border-sm" role="status" aria-hidden="true"></span>'); }); }); </script> <![if !IE]> <script defer src="/includes/js/cookieconsent-2.9.2/dist/cookieconsent.js"></script> <script defer src="/includes/js/cookieconsent-init.js"></script> <![endif]> <script type="text/plain" data-cookiecategory="analytics" src="/includes/js/gtm.js"></script> <script src="https://www.google.com/recaptcha/api.js"></script> <script> $(function () { /*effets sur le menu gris de l'en-tête*/ $("#menu-office li").click( function () { $(this).children("ul").toggle(); }); $("#menu-office li#a-propos").click( function () { $(this).css("background-color", "rgb(158 198 230)"); }); $("#menu-office li#charte-lf").click( function () { $(this).css("background-color", "rgb(158 198 230)"); }); $("#menu-office li#ressources").click( function () { $(this).css("background-color", "rgb(158 198 230)"); }); $("#menu-office li#vos-droits").click( function () { $(this).css("background-color", "rgb(158 198 230)"); }); $(document).mouseup( function (e) { if ($(e.target).closest("ul.sous-menu-office").length === 0) { $("ul.sous-menu-office").hide(); $("#menu-office > ul > li").css("background-color", "#dae6f0"); } }); /* // sondage pop-up lienPageWebModal = [ "/ressources/bibliotheque/dictionnaires/index_lexvoc.html", "/francisation/ordres_prof/ordres.html", "/charte/changementslegislatifs/", "/francisation/entreprises/", "/entreprises_certifiees/entreprises_certifiees.html", "/francisation/respect/plainte/formulaire_plainte.aspx", "/ressources/divertissements/", "/francisation/entreprises/entreprises_plus/demarche.html", "/ressources/services/", "/charte/charte/", "/coordonnees.html"]; $.each(lienPageWebModal, function (i, val) { if (location.pathname === val) { if (!lireTemoin("nePlusAfficher")) { $("#sondageModal").modal(); } return; } }) $("#sondageModal button").on("click", function () { ecrireTemoin("nePlusAfficher", true, 10000) }) $(".faire-sondage").on("click", function () { window.open('https://sondages.advanis.ca/siteweb', '_blank'); }) */ }); function OuvrirFenetre(url, largeur, hauteur) { window.open(url, 'oqlf', 'toolbar=no,location=no,directories=no,status=no,menubar=no,scrollbars=yes,resizable=no,width=' + largeur + ',height=' + hauteur); } </script> </body> </html>