{"id":22595,"date":"2025-10-27T14:56:02","date_gmt":"2025-10-27T18:56:02","guid":{"rendered":"https:\/\/cdrhpnq-fnhrdcq.ca\/centres-de-services-en-communautes-et-en-milieux-urbains\/"},"modified":"2026-06-01T09:55:35","modified_gmt":"2026-06-01T13:55:35","slug":"directory-etsc","status":"publish","type":"page","link":"https:\/\/cdrhpnq-fnhrdcq.ca\/en\/directory-etsc\/","title":{"rendered":"Directory : Employment and Training Service Centre"},"content":{"rendered":"\n<section id=\"wp-block-themeisle-blocks-advanced-columns-335a2f03\" class=\"wp-block-themeisle-blocks-advanced-columns alignfull has-1-columns has-desktop-equal-layout has-tablet-equal-layout has-mobile-equal-layout has-vertical-flex-start\"><div class=\"wp-block-themeisle-blocks-advanced-columns-overlay\"><\/div><div class=\"innerblocks-wrap\">\n<div id=\"wp-block-themeisle-blocks-advanced-column-5d90343f\" class=\"wp-block-themeisle-blocks-advanced-column\"><\/div>\n<\/div><\/section>\n\n\n\n<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n<meta charset=\"UTF-8\">\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n<!-- title handled by WordPress -->\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Urbanist:wght@300;400;500;600;700;800;900&#038;display=swap\" rel=\"stylesheet\">\n<style>\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   RESET\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}\nhtml{scroll-behavior:smooth;-webkit-font-smoothing:antialiased}\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   TOKENS\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n:root{\n  --ocre:      #f1c872;\n  --ocre-2:    #d9a942;\n  --ocre-3:    #a37820;\n  --vert:      #7b724a;\n  --vert-2:    #524c30;\n  --vert-3:    #302c19;\n  --blanc:     #ece4d9;\n  --blanc-2:   #ddd2c0;\n  --blanc-3:   #cec0a8;\n\n  --page-bg:   #e8dfd3;\n  --card:      #ffffff;\n  --card-2:    #faf8f5;\n\n  --ink:       #1c1a12;\n  --ink-2:     #4a4530;\n  --ink-3:     #8a8068;\n  --border:    rgba(0,0,0,.07);\n\n  --avatar:    96px;\n  --r:         20px;\n  --max:       1100px;\n  --timeline-w: 3px;\n  --connector-dash: 8px 6px;\n}\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   FIXED BACKGROUND LAYER\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\nbody{\n  font-family:'Urbanist',system-ui,sans-serif;\n  color:var(--ink);\n  background:var(--page-bg);\n  overflow-x:hidden;\n}\n\n#bg-canvas{\n  position:fixed;\n  inset:0;\n  z-index:0;\n  pointer-events:none;\n  overflow:hidden;\n}\n#bg-canvas img{\n  position:absolute;\n  top:50%;left:50%;\n  transform:translate(-50%,-50%);\n  width:60%;height:auto;\n  object-fit:contain;\n  opacity:.09;\n}\n\n#page{\n  position:relative;\n  z-index:1;\n}\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   HERO\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.hero-shell{\n  max-width:calc(var(--max) + 96px);\n  margin:0 auto 18px;\n  padding:96px 32px 0;\n}\n.hero{\n  position:relative;\n  isolation:isolate;\n  overflow:hidden;\n  min-height:0;\n  padding:42px 40px 46px;\n  border-radius:36px;\n  background:\n    radial-gradient(circle at 16% 18%, rgba(255,255,255,.62), transparent 24%),\n    radial-gradient(circle at 80% 16%, rgba(241,200,114,.14), transparent 20%),\n    linear-gradient(135deg, #f3ebdd 0%, #efe2cb 52%, #ead9bd 100%);\n  border:1px solid rgba(163,120,32,.12);\n  box-shadow:0 18px 42px rgba(74,69,48,.1), inset 0 1px 0 rgba(255,255,255,.72);\n}\n.hero::before{\n  content:'';\n  position:absolute;\n  inset:18px;\n  border-radius:30px;\n  border:1px solid rgba(255,255,255,.34);\n  pointer-events:none;\n  z-index:0;\n}\n.hero::after{\n  content:'';\n  position:absolute;\n  inset:24px auto auto 24px;\n  width:240px;\n  height:240px;\n  background:radial-gradient(circle, rgba(255,255,255,.28), transparent 72%);\n  filter:blur(8px);\n  z-index:0;\n}\n.hero-grid{\n  position:relative;\n  z-index:3;\n  display:grid;\n  grid-template-columns:minmax(0,1.08fr) minmax(320px,420px);\n  gap:34px;\n  align-items:start;\n}\n.hero-copy-wrap{max-width:680px}\n.hero-eyebrow{\n  display:inline-flex;\n  align-items:center;\n  gap:10px;\n  padding:9px 15px;\n  border-radius:999px;\n  background:rgba(255,249,239,.5);\n  border:1px solid rgba(163,120,32,.14);\n  box-shadow:0 1px 0 rgba(255,255,255,.68) inset;\n  color:#7a6b43;\n  font-size:14px;\n  font-weight:700;\n}\n.hero-dot{\n  width:9px;\n  height:9px;\n  flex-shrink:0;\n  border-radius:50%;\n  background:#e2bd67;\n  box-shadow:0 0 0 5px rgba(241,200,114,.15);\n}\n.hero-title{\n  margin:20px 0 14px;\n  color:#342d1f;\n  font-size:clamp(42px,6vw,66px);\n  line-height:1.02;\n  letter-spacing:-.05em;\n  font-weight:900;\n  position:relative;\n  z-index:4;\n  text-shadow:0 1px 0 rgba(255,255,255,.28);\n}\n.hero .hero-title,\n.hero h1.hero-title,\n#page .hero-title{\n  color:#342d1f !important;\n}\n.hero-lead{\n  max-width:24ch;\n  margin-bottom:14px;\n  color:#585033;\n  font-size:clamp(19px,2.3vw,26px);\n  line-height:1.32;\n  font-weight:600;\n}\n.hero-body{\n  max-width:34ch;\n  color:rgba(52,45,31,.8);\n  font-size:clamp(17px,1.7vw,20px);\n  line-height:1.72;\n}\n.hero-tags{\n  display:flex;\n  flex-wrap:wrap;\n  gap:12px;\n  margin:24px 0 22px;\n}\n.hero-tags span{\n  display:inline-flex;\n  align-items:center;\n  min-height:42px;\n  padding:10px 16px;\n  border-radius:999px;\n  background:rgba(255,250,241,.48);\n  border:1px solid rgba(163,120,32,.14);\n  color:#8d7942;\n  font-size:14px;\n  font-weight:700;\n}\n.hero-note{\n  display:flex;\n  align-items:flex-start;\n  gap:14px;\n  max-width:610px;\n}\n.hero-note-bar{\n  width:4px;\n  height:94px;\n  flex-shrink:0;\n  border-radius:999px;\n  background:linear-gradient(180deg, #e7bf68, rgba(231,191,104,.15));\n}\n.hero-note p{\n  color:rgba(74,69,48,.86);\n  font-size:17px;\n  line-height:1.72;\n}\n.hero-actions{\n  display:flex;\n  flex-wrap:wrap;\n  gap:12px;\n  margin-top:22px;\n}\n.hero-cta{\n  display:inline-flex;\n  align-items:center;\n  justify-content:center;\n  min-height:46px;\n  padding:12px 18px;\n  border-radius:14px;\n  text-decoration:none;\n  font-size:14px;\n  font-weight:800;\n  transition:transform .18s, box-shadow .18s, background .18s, color .18s, border-color .18s;\n}\n.hero-cta:hover{transform:translateY(-2px)}\n.hero-cta-primary{\n  background:#3b341f;\n  border:1px solid #3b341f;\n  color:#f0ce7f;\n  box-shadow:0 10px 18px rgba(48,44,25,.12);\n}\n.hero-cta-primary:hover{\n  background:#2f2918;\n  border-color:#2f2918;\n}\n.hero-cta-secondary{\n  background:rgba(255,255,255,.6);\n  border:1px solid rgba(82,76,48,.12);\n  color:#5a5136;\n}\n.hero-cta-secondary:hover{\n  background:rgba(255,255,255,.78);\n  border-color:rgba(82,76,48,.18);\n}\n.hero-panel{\n  position:relative;\n  z-index:3;\n  padding:24px 24px 22px;\n  border-radius:28px;\n  background:rgba(255,255,255,.92);\n  backdrop-filter:blur(16px);\n  -webkit-backdrop-filter:blur(16px);\n  border:1px solid rgba(163,120,32,.14);\n  box-shadow:0 16px 34px rgba(59,45,17,.09);\n}\n.hero-panel-tabs{\n  display:flex;\n  flex-wrap:wrap;\n  gap:10px;\n  margin-bottom:18px;\n}\n.hero-panel-tabs span{\n  display:inline-flex;\n  align-items:center;\n  min-height:40px;\n  padding:8px 16px;\n  border-radius:999px;\n  background:#f7efe3;\n  border:1px solid rgba(163,120,32,.12);\n  color:#5e4d24;\n  font-size:13px;\n  font-weight:800;\n}\n.hero-panel h2{\n  color:#342d1f;\n  font-size:clamp(26px,2.8vw,36px);\n  line-height:1.12;\n  letter-spacing:-.03em;\n  margin-bottom:16px;\n}\n.hero-panel p{\n  color:var(--ink-2);\n  font-size:17px;\n  line-height:1.68;\n}\n.hero-list{\n  display:grid;\n  gap:14px;\n  margin:22px 0 18px;\n}\n.hero-item{\n  display:flex;\n  align-items:flex-start;\n  gap:14px;\n  padding:15px 16px 15px 14px;\n  border-radius:18px;\n  background:rgba(248,244,237,.94);\n  border:1px solid rgba(163,120,32,.1);\n}\n.hero-item span{\n  width:10px;\n  height:10px;\n  flex-shrink:0;\n  margin-top:9px;\n  border-radius:50%;\n  background:#94814a;\n}\n.hero-item p{font-size:16px}\n.hero-item strong{color:#302c19}\n.hero-panel-foot{\n  color:rgba(74,69,48,.88);\n  font-size:16px;\n  line-height:1.7;\n}\n.hero-watermark{\n  position:absolute;\n  left:34px;\n  bottom:18px;\n  z-index:0;\n  pointer-events:none;\n  user-select:none;\n  color:rgba(82,76,48,.045);\n  font-size:clamp(68px,8vw,112px);\n  font-weight:900;\n  line-height:.9;\n  letter-spacing:-.07em;\n}\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   STICKY SEARCH BAR\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.bar-wrap{\n  position:sticky;top:0;z-index:200;\n  padding:10px 32px;\n}\n.bar{\n  max-width:var(--max);\n  margin:0 auto;\n  background:rgba(232,223,211,.88);\n  backdrop-filter:blur(20px) saturate(1.4);\n  -webkit-backdrop-filter:blur(20px) saturate(1.4);\n  border:1px solid rgba(255,255,255,.6);\n  border-radius:16px;\n  padding:10px 16px;\n  display:flex;gap:10px;align-items:center;flex-wrap:wrap;\n  box-shadow:0 4px 24px rgba(30,26,10,.09),0 1px 0 rgba(255,255,255,.8) inset;\n}\n.search-wrap{position:relative;flex:1 1 240px}\n.search-wrap svg{\n  position:absolute;left:12px;top:50%;transform:translateY(-50%);\n  width:14px;height:14px;color:var(--ink-3);pointer-events:none;\n}\n#q{\n  width:100%;\n  background:rgba(255,255,255,.7);\n  border:1px solid rgba(0,0,0,.1);\n  color:var(--ink);\n  padding:9px 12px 9px 36px;\n  border-radius:10px;\n  font-family:'Urbanist',sans-serif;font-size:16px;font-weight:500;\n  outline:none;\n  transition:border-color .18s,background .18s,box-shadow .18s;\n}\n#q::placeholder{color:var(--ink-3)}\n#q:focus{\n  border-color:var(--vert);\n  background:#fff;\n  box-shadow:0 0 0 3px rgba(123,114,74,.12);\n}\n.lang-tog{\n  display:flex;gap:2px;\n  background:rgba(0,0,0,.06);\n  border-radius:10px;padding:3px;\n}\n.lang-tog button{\n  border:none;background:transparent;\n  color:var(--ink-2);padding:7px 14px;\n  border-radius:8px;\n  font-family:'Urbanist',sans-serif;font-size:13px;font-weight:700;\n  cursor:pointer;transition:all .15s;\n}\n.lang-tog button[aria-pressed=\"true\"]{\n  background:var(--vert-3);color:var(--ocre);\n  box-shadow:0 1px 4px rgba(0,0,0,.15);\n}\n.csv-btn{\n  display:flex;align-items:center;gap:6px;\n  background:rgba(0,0,0,.06);border:none;\n  color:var(--ink-2);padding:8px 14px;\n  border-radius:10px;\n  font-family:'Urbanist',sans-serif;font-size:13px;font-weight:700;\n  cursor:pointer;transition:all .15s;\n}\n.csv-btn:hover{background:var(--vert-3);color:var(--ocre)}\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   DEPT NAV\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.dept-nav{\n  max-width:var(--max);margin:28px auto 0;\n  padding:0 32px;\n  display:flex;flex-wrap:wrap;gap:7px;\n}\n.dept-nav a{\n  font-size:13px;font-weight:700;\n  padding:6px 14px;\n  background:rgba(255,255,255,.65);\n  border:1px solid rgba(0,0,0,.08);\n  border-radius:8px;\n  color:var(--vert-2);text-decoration:none;\n  backdrop-filter:blur(8px);\n  transition:all .15s;\n}\n.dept-nav a:hover{\n  background:var(--vert-3);color:var(--ocre);\n  border-color:var(--vert-3);\n}\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   DEPT SECTION\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.dept-block{\n  max-width:var(--max);\n  margin:0 auto;\n  padding:52px 32px 8px;\n}\n.dept-block + .dept-block{\n  padding-top:48px;\n  border-top:1px solid rgba(0,0,0,.07);\n  margin-top:12px;\n}\n.dept-hd{\n  display:flex;align-items:center;gap:14px;\n  margin-bottom:40px;\n}\n.dept-pip{\n  width:5px;height:44px;border-radius:3px;flex-shrink:0;\n}\n.dept-title{\n  font-size:24px;font-weight:800;\n  letter-spacing:-.02em;\n  color:var(--vert-3);flex:1;\n}\n.dept-pill{\n  font-size:11px;font-weight:800;\n  letter-spacing:.06em;text-transform:uppercase;\n  padding:4px 12px;border-radius:20px;\n  flex-shrink:0;\n}\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   TIMELINE ZIGZAG LAYOUT (APNQL-style)\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.timeline{\n  position:relative;\n  padding:0 0 20px;\n}\n\n\/* Vertical center line *\/\n.timeline::before{\n  content:'';\n  position:absolute;\n  left:50%;\n  top:0;\n  bottom:0;\n  width:var(--timeline-w);\n  background:var(--ocre);\n  opacity:.35;\n  transform:translateX(-50%);\n  border-radius:2px;\n}\n\n\/* \u2500\u2500 CARD WRAPPER \u2014 handles positioning \u2500\u2500 *\/\n.tl-item{\n  position:relative;\n  width:50%;\n  padding:0 0 14px;\n}\n\/* Left-aligned cards (odd) *\/\n.tl-item.tl-left{\n  margin-left:0;\n  padding-right:52px;\n  padding-left:36px;\n}\n\/* Right-aligned cards (even) *\/\n.tl-item.tl-right{\n  margin-left:50%;\n  padding-left:52px;\n}\n\n\/* \u2500\u2500 Horizontal connector line \u2500\u2500 *\/\n.tl-item::after{\n  content:'';\n  position:absolute;\n  top:calc(var(--avatar) \/ 2 + 2px);\n  height:2px;\n  border-top:2px dashed var(--ocre);\n  opacity:.35;\n}\n.tl-item.tl-left::after{\n  right:0;\n  width:52px;\n}\n.tl-item.tl-right::after{\n  left:0;\n  width:52px;\n}\n\n\/* \u2500\u2500 Dot on timeline \u2500\u2500 *\/\n.tl-item::before{\n  content:'';\n  position:absolute;\n  top:calc(var(--avatar) \/ 2 - 5px);\n  width:12px;\n  height:12px;\n  border-radius:50%;\n  background:var(--ocre);\n  border:3px solid var(--page-bg);\n  z-index:2;\n  box-shadow:0 0 0 2px rgba(241,200,114,.3);\n}\n.tl-item.tl-left::before{\n  right:-6px;\n}\n.tl-item.tl-right::before{\n  left:-6px;\n}\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   CARD\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.card{\n  background:var(--card);\n  border:1.5px solid var(--ocre);\n  border-radius:var(--r);\n  padding:22px 22px 22px calc(var(--avatar) * 0.5 + 24px);\n  min-height:130px;\n  position:relative;\n  overflow:visible;\n  box-shadow:0 1px 3px rgba(0,0,0,.04);\n  transition:\n    box-shadow .3s cubic-bezier(.2,.8,.2,1),\n    transform  .3s cubic-bezier(.2,.8,.2,1);\n\n  \/* scroll reveal *\/\n  opacity:0;\n  transform:translateY(16px);\n}\n.card.in{\n  opacity:1;transform:translateY(0);\n  transition:\n    opacity   .22s ease-out,\n    transform .22s ease-out,\n    box-shadow .3s cubic-bezier(.2,.8,.2,1);\n}\n.card:hover{\n  box-shadow:\n    0 8px 24px rgba(163,120,32,.12),\n    0 20px 48px rgba(0,0,0,.08);\n  transform:translateY(-5px) !important;\n}\n\/* Left accent strip *\/\n.card::before{\n  content:'';\n  position:absolute;left:0;top:16px;bottom:16px;\n  width:4px;border-radius:0 3px 3px 0;\n  transition:height .2s;\n}\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   AVATAR\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.av-wrap{\n  position:absolute;\n  left:-34px;\n  top:50%;transform:translateY(-50%);\n  width:var(--avatar);height:var(--avatar);\n  z-index:2;\n  filter:drop-shadow(0 4px 12px rgba(0,0,0,.14));\n}\n.av-ring{\n  position:absolute;inset:0;width:100%;height:100%;\n  transition:transform .5s cubic-bezier(.2,.8,.2,1);\n}\n.card:hover .av-ring{transform:rotate(20deg)}\n.av-inner{\n  position:absolute;inset:11px;\n  border-radius:50%;\n  display:flex;align-items:center;justify-content:center;\n  overflow:hidden;\n}\n.av-inner img{\n  width:100%;height:100%;\n  object-fit:cover;\n  border-radius:50%;\n}\n.initials{\n  font-size:20px;font-weight:900;\n  letter-spacing:.01em;\n  user-select:none;\n  line-height:1;\n}\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   CARD CONTENT\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.exec-tag{\n  position:absolute;top:13px;right:14px;\n  font-size:9px;font-weight:800;\n  letter-spacing:.09em;text-transform:uppercase;\n  padding:3px 9px;border-radius:20px;\n}\n.absent-tag{\n  display:inline-block;\n  font-size:9px;font-weight:800;\n  letter-spacing:.07em;text-transform:uppercase;\n  padding:2px 7px;border-radius:20px;\n  background:rgba(0,0,0,.05);color:var(--ink-3);\n  margin-left:6px;vertical-align:middle;\n}\n\n.c-name{\n  overflow-wrap:anywhere;\n  font-size:18px;font-weight:800;\n  letter-spacing:-.01em;\n  line-height:1.2;margin-bottom:4px;\n  color:var(--ink);\n}\n.c-name .ln{\n  text-transform:uppercase;\n  letter-spacing:.04em;\n}\n.c-role{\n  font-size:14px;font-weight:500;\n  color:var(--ink-3);line-height:1.4;\n  margin-bottom:14px;\n}\n.c-sep{height:1px;background:var(--border);margin-bottom:12px}\n\n.c-contacts{display:flex;flex-direction:column;gap:7px}\n.c-row{\n  overflow-wrap:anywhere;\n  display:flex;align-items:flex-start;gap:8px;\n  font-size:14px;color:var(--ink-2);line-height:1.3;\n}\n.c-row svg{width:15px;height:15px;flex-shrink:0;margin-top:2px}\n.c-row a{\n  color:inherit;text-decoration:none;word-break:break-all;\n  transition:color .15s;\n}\n.c-row a:hover{color:var(--vert)}\n.ext-s{font-size:12px;color:var(--ink-3)}\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   DEPT COLOR THEMES\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.d-rh  {--a:#c49630; --ai:#f1c872; --at:#302c19; --pb:#fdf3dc; --pt:#9e7520;}\n.d-ti  {--a:#c49630; --ai:#f1c872; --at:#302c19; --pb:#fdf3dc; --pt:#9e7520;}\n.d-lin {--a:#c49630; --ai:#f1c872; --at:#302c19; --pb:#fdf3dc; --pt:#9e7520;}\n.d-dir {--a:#7b724a; --ai:#7b724a; --at:#f1c872; --pb:#eef0e6; --pt:#302c19;}\n.d-sou {--a:#7b724a; --ai:#7b724a; --at:#f1c872; --pb:#eef0e6; --pt:#302c19;}\n.d-rep {--a:#7b724a; --ai:#7b724a; --at:#f1c872; --pb:#eef0e6; --pt:#302c19;}\n.d-urb {--a:#b07828; --ai:#ece4d9; --at:#302c19; --pb:#fceedd; --pt:#804010;}\n.d-fin {--a:#4e6840; --ai:#ece4d9; --at:#302c19; --pb:#e6f0de; --pt:#2c4018;}\n.d-com {--a:#c49630; --ai:#ece4d9; --at:#302c19; --pb:#fdf3dc; --pt:#9e7520;}\n.d-int {--a:#b07828; --ai:#f1c872; --at:#302c19; --pb:#fceedd; --pt:#804010;}\n\n.card[class*=\"d-\"]::before  {background:var(--a)}\n.card[class*=\"d-\"] .av-inner{background:var(--ai)}\n.card[class*=\"d-\"] .initials{color:var(--at)}\n.card[class*=\"d-\"]:hover    {box-shadow:0 8px 24px rgba(163,120,32,.15),0 20px 48px rgba(0,0,0,.1)}\n.exec-tag[class*=\"d-\"]      {background:var(--pb);color:var(--pt)}\n.c-row[class*=\"d-\"] svg     {color:var(--a)}\n.dept-pip[class*=\"d-\"]      {background:var(--a)}\n.dept-pill[class*=\"d-\"]     {background:var(--pb);color:var(--pt)}\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   EMPTY \/ SCROLL-TOP\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.empty{\n  text-align:center;padding:80px 20px;\n  color:var(--ink-3);font-size:15px;\n}\n.scroll-top{\n  max-width:var(--max);margin:0 auto;\n  text-align:center;padding:56px 32px;\n}\n.scroll-top a{\n  display:inline-flex;align-items:center;gap:8px;\n  font-size:13px;font-weight:700;\n  color:var(--vert-2);text-decoration:none;\n  padding:11px 24px;\n  background:rgba(255,255,255,.7);\n  border:1px solid rgba(0,0,0,.1);\n  border-radius:12px;\n  backdrop-filter:blur(8px);\n  transition:all .18s;\n}\n.scroll-top a:hover{\n  background:var(--vert-3);color:var(--ocre);\n  border-color:var(--vert-3);\n}\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   RESPONSIVE\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n@media(max-width:1024px){\n  .hero-shell{\n    padding-top:88px;\n  }\n  .hero{\n    padding:34px 30px 38px;\n  }\n  .hero-grid{\n    grid-template-columns:1fr;\n    gap:24px;\n  }\n  .hero-copy-wrap,\n  .hero-panel{\n    max-width:none;\n  }\n  .hero-panel{\n    max-width:640px;\n  }\n  .hero-watermark{\n    left:28px;\n    bottom:16px;\n    font-size:96px;\n  }\n}\n\n@media(max-width:800px){\n  :root{--avatar:84px}\n\n  .hero-shell{\n    margin:0 auto 10px;\n    padding:84px 16px 0;\n  }\n  .hero{\n    min-height:0;\n    padding:28px 18px 32px;\n    border-radius:28px;\n  }\n  .hero-grid{\n    grid-template-columns:1fr;\n    gap:22px;\n  }\n  .hero-title{\n    margin:18px 0 12px;\n    font-size:clamp(38px,12vw,54px);\n  }\n  .hero-lead,\n  .hero-body{\n    max-width:none;\n  }\n  .hero-note-bar{height:78px}\n  .hero-panel{\n    padding:20px;\n    border-radius:24px;\n  }\n  .hero-panel p,\n  .hero-item p,\n  .hero-panel-foot,\n  .hero-note p{\n    font-size:16px;\n  }\n  .hero-watermark{\n    left:18px;\n    bottom:10px;\n    font-size:72px;\n  }\n\n  .timeline::before{\n    left:24px;\n  }\n  .tl-item{\n    width:100%;\n    padding:0 0 12px;\n  }\n  .tl-item.tl-left,\n  .tl-item.tl-right{\n    margin-left:0;\n    padding-left:72px;\n    padding-right:0;\n  }\n  \/* connector *\/\n  .tl-item::after{\n    left:24px !important;\n    right:auto !important;\n    width:36px !important;\n  }\n  \/* dot *\/\n  .tl-item::before{\n    left:18px !important;\n    right:auto !important;\n  }\n\n  .dept-block{padding:36px 16px 8px}\n  .dept-nav{padding-left:16px;padding-right:16px;gap:6px}\n  .dept-nav a{font-size:11px;padding:4px 10px}\n  .bar-wrap{padding:8px 16px}\n  .bar{padding:8px 12px;gap:8px}\n  #q{font-size:16px}\n  .dept-hd{padding:0}\n  .dept-title{font-size:17px}\n}\n\n@media(max-width:390px){\n  :root{--avatar:72px}\n  .hero-shell{\n    padding-top:76px;\n  }\n  .hero-eyebrow{\n    font-size:12px;\n    padding:8px 12px;\n  }\n  .hero-tags{\n    gap:10px;\n    margin:22px 0 20px;\n  }\n  .hero-tags span{\n    min-height:38px;\n    padding:8px 12px;\n    font-size:12px;\n  }\n  .hero-actions{\n    flex-direction:column;\n    align-items:stretch;\n  }\n  .hero-cta{\n    width:100%;\n  }\n  .hero-watermark{\n    display:none;\n  }\n  .lang-tog button{padding:6px 10px;font-size:12px}\n  .csv-btn span{display:none}\n  .c-name{font-size:14px}\n  .c-role{font-size:11px}\n  .c-row{font-size:11px}\n\n  .dept-block{padding:28px 12px 4px}\n  .tl-item.tl-left,\n  .tl-item.tl-right{\n    padding-left:62px;\n  }\n  .av-wrap{left:-24px}\n}\n<\/style>\n<\/head>\n\n<body>\n\n<!-- \u2500\u2500\u2500 FIXED BACKGROUND \u2500\u2500\u2500 -->\n<div id=\"bg-canvas\"><img decoding=\"async\" src=\"https:\/\/cdrhpnq-fnhrdcq.ca\/wp-content\/uploads\/2023\/12\/33-2.png\" alt=\"\" loading=\"eager\"><\/div>\n\n<!-- \u2500\u2500\u2500 ALL SCROLLING CONTENT \u2500\u2500\u2500 -->\n<div id=\"page\">\n\n<div id=\"top\" style=\"height:1px\"><\/div>\n\n<section class=\"hero-shell\" aria-label=\"Introduction to ETSCs\">\n  <div class=\"hero\">\n    <div class=\"hero-grid\">\n      <div class=\"hero-copy-wrap\">\n        <div class=\"hero-eyebrow\">\n          <span class=\"hero-dot\"><\/span>\n          <span id=\"hero-kicker\">CDRHPNQ \u2022 ETSC<\/span>\n        <\/div>\n        <h1 class=\"hero-title\" id=\"hero-title\">Employment and Training Service Centres (ETSCs)<\/h1>\n        <p class=\"hero-lead\" id=\"hero-lead\">Service centres created to support First Nations and Inuit community members.<\/p>\n        <p class=\"hero-body\" id=\"hero-body\">ETSCs help connect people with employment and training opportunities, whether they live in remote areas or in urban settings.<\/p>\n\n        <div class=\"hero-tags\" aria-label=\"Points cl\u00e9s\">\n          <span id=\"hero-tag-1\">Employment<\/span>\n          <span id=\"hero-tag-2\">Training<\/span>\n          <span id=\"hero-tag-3\">First Nations<\/span>\n          <span id=\"hero-tag-4\">Inuit<\/span>\n        <\/div>\n\n        <div class=\"hero-note\">\n          <span class=\"hero-note-bar\" aria-hidden=\"true\"><\/span>\n          <p id=\"hero-note\">Established through the Indigenous Skills and Employment Training Program (ISET), these centres play a vital role across communities and urban settings.<\/p>\n        <\/div>\n\n        <div class=\"hero-actions\">\n          <a class=\"hero-cta hero-cta-primary\" href=\"#dir\" id=\"hero-cta-1\">Browse centres<\/a>\n          <a class=\"hero-cta hero-cta-secondary\" href=\"#dept-nav\" id=\"hero-cta-2\">View categories<\/a>\n        <\/div>\n      <\/div>\n\n      <aside class=\"hero-panel\">\n        <div class=\"hero-panel-tabs\">\n          <span id=\"hero-pill-1\">ETSC<\/span>\n          <span id=\"hero-pill-2\">Service centres<\/span>\n        <\/div>\n        <h2 id=\"hero-panel-title\">Why ETSCs?<\/h2>\n        <p id=\"hero-panel-copy\">Employment and Training Service Centres (ETSCs) were created to address the unique needs of First Nations and Inuit community members, whether they live in remote areas or in urban settings.<\/p>\n\n        <div class=\"hero-list\">\n          <div class=\"hero-item\">\n            <span aria-hidden=\"true\"><\/span>\n            <p id=\"hero-item-1\"><strong>Supporting access<\/strong> to employment and training opportunities for First Nations and Inuit.<\/p>\n          <\/div>\n          <div class=\"hero-item\">\n            <span aria-hidden=\"true\"><\/span>\n            <p id=\"hero-item-2\"><strong>Bridging gaps<\/strong> in employment and skills between Indigenous and non-Indigenous populations.<\/p>\n          <\/div>\n          <div class=\"hero-item\">\n            <span aria-hidden=\"true\"><\/span>\n            <p id=\"hero-item-3\"><strong>Assisting employers<\/strong> in integrating members of First Nations and Inuit communities into their workforce.<\/p>\n          <\/div>\n        <\/div>\n\n        <p class=\"hero-panel-foot\" id=\"hero-panel-foot\">Established through the Indigenous Skills and Employment Training Program (ISET), these centres play a vital role in local workforce development.<\/p>\n      <\/aside>\n    <\/div>\n\n    <div class=\"hero-watermark\" id=\"hero-watermark\" aria-hidden=\"true\">ETSC<\/div>\n  <\/div>\n<\/section>\n\n<!-- SEARCH -->\n<div class=\"bar-wrap\" id=\"dir\">\n  <div class=\"bar\">\n    <div class=\"search-wrap\">\n      <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n        <circle cx=\"11\" cy=\"11\" r=\"8\"\/><path d=\"m21 21-4.35-4.35\"\/>\n      <\/svg>\n      <input id=\"q\" type=\"text\" placeholder=\"Search (centre, representative, location, email)\" autocomplete=\"off\">\n    <\/div>\n    <div class=\"lang-tog\" role=\"group\">\n      <button id=\"btn-fr\" type=\"button\" aria-pressed=\"false\">FR<\/button>\n      <button id=\"btn-en\" type=\"button\" aria-pressed=\"true\">EN<\/button>\n    <\/div>\n    <button class=\"csv-btn\" id=\"csvBtn\" type=\"button\">\n      <svg width=\"13\" height=\"13\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n        <path d=\"M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4\"\/>\n        <polyline points=\"7 10 12 15 17 10\"\/>\n        <line x1=\"12\" y1=\"15\" x2=\"12\" y2=\"3\"\/>\n      <\/svg>\n      CSV\n    <\/button>\n  <\/div>\n<\/div>\n\n<!-- DEPT NAV -->\n<nav class=\"dept-nav\" id=\"dept-nav\"><\/nav>\n\n<!-- RESULTS -->\n<main id=\"results\"><\/main>\n\n<div class=\"scroll-top\">\n  <a href=\"#top\">\n    <svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"18 15 12 9 6 15\"\/><\/svg>\n    Back to top\n  <\/a>\n<\/div>\n\n<\/div>\n\n<!-- \u2500\u2500\u2500 DATA \u2500\u2500\u2500 -->\n<script type=\"text\/plain\" id=\"data\">\nBureau r\u00e9gional | Regional Office\nCDRHPNQ-FNHRDCQ \u2013 Bureau r\u00e9gional \/ Regional Office\t\tBureau r\u00e9gional\tRegional Office\t2 River Rd, P.O. Box 2010, Kahnawake (Qu\u00e9bec) J0L 1B0\t450-638-4171; 1-833-237-4767\t\tinfo@cdrhpnq.qc.ca\t450-638-4090\nCentres urbains | Urban Service Centres\nCSEF Gatineau \u2013 Centre de service urbain de Gatineau\t\tCentres urbains\tUrban Service Centres\t85C Promenade du Portage, Gatineau, QC J8X 2K2\t819-718-0948\t\t\t\nCSEF Qu\u00e9bec \u2013 Centre de service urbain de Qu\u00e9bec\t\tRepr\u00e9sentant\u00b7e : Monique Collard\tRepresentative: Monique Collard\t95 rue de l\u2019Ours, Wendake, QC G0A 4V0\t418-845-5656\t\t\t418-845-5757\nCSEF Montr\u00e9al \u2013 Centre de service urbain de Montr\u00e9al\t\tRepr\u00e9sentant\u00b7e : Fanny St-Pierre\tRepresentative: Fanny St-Pierre\t2 River Road, Kahnawake, QC J0L 1B0\t514-283-0901\t\t\t514-283-0158\nCSEF Val d\u2019Or \u2013 Centre de service urbain de Val-d\u2019Or\t\tRepr\u00e9sentant\u00b7e : Fanny St-Pierre\tRepresentative: Fanny St-Pierre\t190 Av. Perrault, Val-d'Or, QC J9P 2H5\t819-874-6605\t\t\t\nCSEF Sept-\u00celes \u2013 Centre de service urbain de Sept-\u00celes\t\tRepr\u00e9sentant\u00b7e : Monique Collard\tRepresentative: Monique Collard\t161 rue P\u00e8re-Divet, Sept-\u00celes, QC G4R 3P8\t418-845-5656\t\t\t418-845-5757\nCentres en communaut\u00e9 | Community Service Centres\nCentre de service de Mashteuiatsh\t\tRepr\u00e9sentant\u00b7e : Nathalie Larouche\tRepresentative: Nathalie Larouche\t124, rue Pileu, Mashteuiatsh, QC G0W 2H0\t418-275-5386 poste 1313\t\t\t\nCentre de service Wolastoquiyk Wahsipekuk\t\tRepr\u00e9sentant\u00b7e : \u00c0 venir\tRepresentative: \u00c0 venir\t217, avenue de la Gr\u00e8ve, C.P. 10, Cacouna, QC G0L 1G0\t418-860-2393\t\t\t\nCentre de service de Pessamit\t\tRepr\u00e9sentant\u00b7e : Robert St-Onge\tRepresentative: Robert St-Onge\t44, rue Messek, bureau 216, Pessamit, QC G0H 1B0\t418-567-4741 poste 1114\t\t\t\nCentre de service d\u2019Odanak\t\tRepr\u00e9sentant\u00b7e : Eleanor Hoff\tRepresentative: Eleanor Hoff\t104, rue Sibosis, Odanak, QC J0G 1H0\t450-568-2810 poste 229\t\t\t450-568-3553\nCentre de service d\u2019Ekuanitshit (Mingan)\t\tRepr\u00e9sentant\u00b7e : Pauline Bellefleur\tRepresentative: Pauline Bellefleur\t35, rue Manitou, Ekuanitshit (Mingan), QC G0G 1V0\t418-949-2234\t\t\t\nCentre de service d\u2019Essipit\t\tCentres en communaut\u00e9\tCommunity Service Centres\t32, rue de la R\u00e9serve, Essipit, QC G0T 1K0\t418-233-2509 poste 255\t\t\t\nCentre de service de Gesgapegiag\t\tRepr\u00e9sentant\u00b7e : Sue Helen Caplin\tRepresentative: Sue Helen Caplin\t100 Perron Blvd., Gesgapegiag, QC\t418-759-5424\t\t\t\nCentre de service de Gespeg\t\tRepr\u00e9sentant\u00b7e : V\u00e9ronique Jeannotte\tRepresentative: V\u00e9ronique Jeannotte\t34, Mont\u00e9e de Corte-Real, Gasp\u00e9, QC\t418-368-6005 poste 127\t\t\t\nCentre de service de Kahnawake\t\tRepr\u00e9sentant\u00b7e : Angie Marquis\tRepresentative: Angie Marquis\tP.O. Box 1110, 2 River Road, 3rd Floor \u2013 Kahnaw\u00e0:ke Business Complex, Kahnawake, QC J0L 1B0\t450-638-4280 poste 235\t\t\t\nCentre de service de Kanesatake\t\tRepr\u00e9sentant\u00b7e : Michelle Lamouche\tRepresentative: Michelle Lamouche\t14C Joseph Swan Road, Kanesatake, QC J0N 1E0\t450-479-8373 poste 302\t\t\t\nCentre de service de Kawawachikamach\t\tRepr\u00e9sentant\u00b7e : Louise M. Mameanskum\tRepresentative: Louise M. Mameanskum\tP.O. Box 5111, Kawawachikamach, QC G0G 2Z0\t418-585-2686\t\t\t\nCentre de service de Kebaowek\t\tRepr\u00e9sentant\u00b7e : Mary-Ann P\u00e9nosway\tRepresentative: Mary-Ann P\u00e9nosway\t110 Ogima St, MRC T\u00e9miscamingue, QC J0Z 3R1\t819-627-3455 poste 8340\t\t\t\nCentre de service de Kitcisakik\t\tRepr\u00e9sentant\u00b7e : Mary-Ann P\u00e9nosway\tRepresentative: Mary-Ann P\u00e9nosway\tCP 5206, Val-d\u2019Or, QC J9P 7C6\t819-736-3001 poste 8340\t\t\t\nCSEF Kitigan Zibi\t\tRepr\u00e9sentant\u00b7e : Janet Brascoupe\tRepresentative: Janet Brascoupe\tP.O. Box 309, 1 Paganakomin Mikan, Maniwaki, QC J9E 3C9\t819-449-5170\t\t\t\nCSEF Lac Simon\t\tRepr\u00e9sentant\u00b7e : Ariane Niquay\tRepresentative: Ariane Niquay\t1025, boulevard Cicip, C.P. 139, Lac Simon, QC J0Y 3M0\t819-736-2125 poste 262\t\t\t\nListuguj Mi\u2019gmaq Development Centre\t\tRepr\u00e9sentant\u00b7e : Jennifer LaBillois-Metallic\tRepresentative: Jennifer LaBillois-Metallic\t2, Pacific Drive, P.O. Box 173, Listuguj, QC G0C 2R0\t418-788-1347\t\t\t\nCSEF Long Point Winneway\t\tRepr\u00e9sentant\u00b7e : Linda Polson\tRepresentative: Linda Polson\t12, Kakinwawigak Mikana, P.O. Box 1, Winneway (Via Laforce), QC J0Z 2J0\t819-722-2441 poste 241\t\t\t\nCSEF Nutashkuan\t\tRepr\u00e9sentant\u00b7e : Kelly-Joyce Mestokosho\tRepresentative: Kelly-Joyce Mestokosho\t78, rue Mashkush, Natashquan, QC G0G 2E0\t418-726-3529\t\t\t\nCSEF Pakua Shipi\t\tRepr\u00e9sentant\u00b7e : \u00c0 venir\tRepresentative: \u00c0 venir\t9, rue Innu, C.P. 178, Pakua Shipu, QC G0C 2R0\t418-947-2253\t\t\t\nPremi\u00e8re Nation Abitibi Formation Emploi et D\u00e9veloppement Social\t\tRepr\u00e9sentant\u00b7e : Lise Kistabish\tRepresentative: Lise Kistabish\t55, rue Migwan, Pikogan, QC J9T 3A3\t819-732-6591 poste 2359\t\t\t\nCSEF Uashat mak Mani Utenam\t\tRepr\u00e9sentant\u00b7e : Annie Cyr\tRepresentative: Annie Cyr\t265, boul. des Montagnais, C.P. 8000, Uashat, QC G4R 4L9\t418-962-0327 poste 5224\t\t\t\nCSEF Unamen Shipu\t\tRepr\u00e9sentant\u00b7e : Marie-Doris Bellefleur\tRepresentative: Marie-Doris Bellefleur\t90, rue du Large, Unamen Shipu (La Romaine), QC G0G 1M0\t418-229-2004 poste 231\t\t\t\nCSEF Wendake\t\tCentres en communaut\u00e9\tCommunity Service Centres\t100, rue de l\u2019Ours, Wendake, QC G0A 4V0\t418-842-1026 poste 4309\t\t\t\nCSEF Wolf Lake\t\tRepr\u00e9sentant\u00b7e : Carolyn Hunter McDonald\tRepresentative: Carolyn Hunter McDonald\t5, avenue Riordon, Temiscaming, QC J0Z 3R0\t613-986-0563\t\t\t\nCSEF Wolinak\t\tCentres en communaut\u00e9\tCommunity Service Centres\t10120, Kolipaio, W\u00f4linak, QC G0X 1B0\t\t\t\t\nCSEF Barriere Lake\t\tRepr\u00e9sentant\u00b7e : Gracy Wawatie\tRepresentative: Gracy Wawatie\tAlgonquin General Delivery, Rapid Lake, QC J0W 2C0\t819-435-2181 poste 5\t\t\t\nCentre de service de Matimekush-Lac John\t\tRepr\u00e9sentant\u00b7e : David Andr\u00e9\tRepresentative: David Andr\u00e9\t170, rue Pearce Lake, Shefferville, QC G0G 2T0\t418-585-2601 poste 218\t\t\t\n<\/script>\n\n<script>\n(function(){\n'use strict';\n\n\/* \u2500\u2500 Dept config \u2500\u2500 *\/\nconst DCLS = {\n  'bureau r?gional':'d-dir',\n  'bureau regional':'d-dir',\n  'centres urbains':'d-urb',\n  'urbain':'d-urb',\n  'urban':'d-urb',\n  'centres en communaut?':'d-rep',\n  'communaut?':'d-rep',\n  'communautes':'d-rep',\n  'community':'d-rep'\n};\nfunction dCls(fr){\n  const fl=fr.toLowerCase();\n  for(const[k,v] of Object.entries(DCLS)) if(fl.includes(k)) return v;\n  return 'd-rh';\n}\n\n\/* \u2500\u2500 Ring SVG per dept \u2500\u2500 *\/\nconst RPAL={\n  'd-rh': ['#7b724a','#ece4d9'],\n  'd-ti': ['#7b724a','#ece4d9'],\n  'd-lin':['#7b724a','#ece4d9'],\n  'd-dir':['#f1c872','#ece4d9'],\n  'd-sou':['#f1c872','#ece4d9'],\n  'd-rep':['#f1c872','#ece4d9'],\n  'd-urb':['#f1c872','#7b724a'],\n  'd-fin':['#f1c872','#7b724a'],\n  'd-com':['#f1c872','#7b724a'],\n  'd-int':['#f1c872','#7b724a'],\n};\nfunction ring(cls){\n  const[c1,c2]=RPAL[cls]||['#f1c872','#7b724a'];\n  const n=30, r=40, cx=48, cy=48, dr=3.2;\n  let d='';\n  for(let i=0;i<n;i++){\n    const a=(i\/n)*Math.PI*2-Math.PI\/2;\n    d+=`<circle cx=\"${(cx+r*Math.cos(a)).toFixed(1)}\" cy=\"${(cy+r*Math.sin(a)).toFixed(1)}\" r=\"${dr}\" fill=\"${i%2===0?c1:c2}\" opacity=\"${i%2===0?1:.6}\"\/>`;\n  }\n  return `<svg class=\"av-ring\" viewBox=\"0 0 96 96\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">${d}<\/svg>`;\n}\n\n\/* \u2500\u2500 Parse \u2500\u2500 *\/\nconst raw=document.getElementById('data').textContent.trim();\nconst lines=raw.split(\/\\r?\\n\/).map(l=>l.trim()).filter(Boolean);\n\/* FIX: removed 'Sup' (matched \"Support\" in job titles) and added \\b word boundaries *\/\nconst HDR=\/\\b(First Name|Last Name|Fonction|Position|Courriel|Email|Pr?nom|Nom|Lieu|Location|Phone|No de poste|Extension|Fax|T?l?copieur)\\b\/i;\nconst dmap=new Map();\nlet dFr='Direction',dEn='Administration';\nconst people=[];\n\nfor(const line of lines){\n  \/* Dept headers: no tabs + contains pipe \u2014 but exclude lines where pipe is in location field *\/\n  if(!line.includes('\\t')&&line.includes('|')){\n    const[fr,en]=line.split('|').map(s=>s.trim());\n    dFr=fr;dEn=en||fr;\n    if(!dmap.has(dFr)) dmap.set(dFr,{fr:dFr,en:dEn,cls:dCls(dFr)});\n    continue;\n  }\n  if(HDR.test(line)) continue;\n  let p=line.split('\\t'); while(p.length<9)p.push('');\n  p=p.slice(0,9).map(s=>(s||'').trim());\n  let[fn,ln,pFr,pEn,loc,ph,ext,em,fax]=p;\n  const vacant=\/^vacant$\/i.test(fn)||\/^vacant$\/i.test(ln);\n  if(vacant){fn='Vacant';ln='';}\n  const isE=s=>\/@\/.test(s||'');\n  if(!isE(em)&&isE(ext)){em=ext;ext='';}\n  if(!isE(em)&&isE(ph)){em=ph;ph='';}\n  let notes='';\n  const m=\/\\(([^)]+)\\)\/.exec(ln);\n  if(m){notes=m[1].toLowerCase();ln=ln.replace(\/\\([^)]+\\)\/g,'').trim();}\n  if(!dmap.has(dFr)) dmap.set(dFr,{fr:dFr,en:dEn,cls:dCls(dFr)});\n  people.push({fn,ln,pFr,pEn,loc:loc||'',ph:ph||'',ext:ext||'',em:em||'',fax:fax||'',dk:dFr,notes,vacant,absent:!vacant&&notes.includes('absent')});\n}\n\n\/* exec *\/\nconst nrm=s=>(s||'').normalize('NFD').replace(\/[\\u0300-\\u036f]\/g,'').toLowerCase().replace(\/[^a-z0-9]+\/g,'');\nconst exec=new Set();\npeople.forEach(p=>{p.exec=exec.has(nrm(`${p.fn} ${p.ln}`));});\n\n\/* sort *\/\nconst col=new Intl.Collator('fr',{sensitivity:'base'});\nconst CO=['KARL','LAURENCE'];\nfunction srt(list,dk){\n  return[...list].sort((a,b)=>{\n    if(a.vacant!==b.vacant) return a.vacant?1:-1;\n    if(a.absent!==b.absent) return a.absent?1:-1;\n    if(dk==='Service des communications'){\n      const ia=CO.indexOf(a.fn),ib=CO.indexOf(b.fn);\n      if(ia!==-1&&ib!==-1) return ia-ib;\n      if(ia!==-1) return-1; if(ib!==-1) return 1;\n    }\n    const c=col.compare(a.ln,b.ln); return c||col.compare(a.fn,b.fn);\n  });\n}\n\n\/* phone *\/\nfunction fmt(s){\n  if(!s) return '';\n  const d=s.replace(\/\\D+\/g,'');\n  if(d.length===10) return `(${d.slice(0,3)}) ${d.slice(3,6)}-${d.slice(6)}`;\n  if(d.length===11) return `+${d[0]} (${d.slice(1,4)}) ${d.slice(4,7)}-${d.slice(7)}`;\n  return s;\n}\nconst slg=s=>s.normalize('NFD').replace(\/[\\u0300-\\u036f]\/g,'').toLowerCase().replace(\/[^a-z0-9]+\/g,'-').replace(\/(^-|-$)\/g,'');\n\n\/* icons *\/\nconst IPH=`<svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M22 16.92v3a2 2 0 01-2.18 2 19.79 19.79 0 01-8.63-3.07A19.5 19.5 0 013.07 9.8 19.79 19.79 0 01.02 1.18 2 2 0 012 0h3a2 2 0 012 1.72 12.05 12.05 0 00.7 2.81 2 2 0 01-.45 2.11L6.09 7.91a16 16 0 006 6l1.27-1.27a2 2 0 012.11-.45 12.05 12.05 0 002.81.7A2 2 0 0122 16.92z\"\/><\/svg>`;\nconst IEM=`<svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z\"\/><polyline points=\"22,6 12,13 2,6\"\/><\/svg>`;\nconst ILO=`<svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0118 0z\"\/><circle cx=\"12\" cy=\"10\" r=\"3\"\/><\/svg>`;\n\n\/* card *\/\nfunction mkCard(p,lang,cls,idx){\n  const role=(lang==='fr'?p.pFr:p.pEn)||'?';\n  const PHOTO='https:\/\/cdrhpnq-fnhrdcq.ca\/wp-content\/uploads\/2026\/03\/photoprofil_annuaire_siteweb104px.png';\n  const ini=((p.fn.replace(\/[^a-zA-Z\u00c0-\u00ff]\/g,'')[0]||'')+(p.ln.replace(\/[^a-zA-Z\u00c0-\u00ff]\/g,'')[0]||'')).toUpperCase();\n  const ph=fmt(p.ph);\n  const phStr=ph?(p.ext?`${ph} <span class=\"ext-s\">p.${p.ext}<\/span>`:ph):'';\n  const faxStr=p.fax?(lang==='fr'?`Fax : ${p.fax}`:`Fax: ${p.fax}`):'';\n  const side=idx%2===0?'tl-left':'tl-right';\n\n  return `<div class=\"tl-item ${side}\">\n    <div class=\"card ${cls}\">\n      <div class=\"av-wrap\">\n        ${ring(cls)}\n        <div class=\"av-inner\"><img decoding=\"async\" src=\"${PHOTO}\" alt=\"${ini}\" loading=\"lazy\"><\/div>\n      <\/div>\n      <p class=\"c-name\">${p.fn}${p.ln?` <span class=\"ln\">${p.ln}<\/span>`:''}<\/p>\n      <p class=\"c-role\">${role}<\/p>\n      <div class=\"c-sep\"><\/div>\n      <div class=\"c-contacts\">\n        ${phStr?`<div class=\"c-row ${cls}\">${IPH}<span>${phStr}<\/span><\/div>`:''}\n        ${faxStr?`<div class=\"c-row ${cls}\">${IPH}<span>${faxStr}<\/span><\/div>`:''}\n        ${p.em?`<div class=\"c-row ${cls}\">${IEM}<a href=\"mailto:${p.em}\" onclick=\"window.open('mailto:${p.em}');return false;\">${p.em}<\/a><\/div>`:''}\n        ${p.loc?`<div class=\"c-row ${cls}\">${ILO}<span>${p.loc}<\/span><\/div>`:''}\n      <\/div>\n    <\/div>\n  <\/div>`;\n}\n\n\/* filter\/group *\/\nfunction filt(q){\n  if(!q) return people;\n  const lq=q.toLowerCase();\n  return people.filter(p=>[p.fn,p.ln,p.pFr,p.pEn,p.loc,p.em,p.ph,p.fax].join(' ').toLowerCase().includes(lq));\n}\nfunction grp(rows){\n  const m=new Map();\n  rows.forEach(p=>{if(!m.has(p.dk))m.set(p.dk,[]);m.get(p.dk).push(p);});\n  for(const[dk,list]of m.entries()) m.set(dk,srt(list,dk));\n  return m;\n}\n\n\/* render *\/\nlet lang='en';\nconst $r=document.getElementById('results');\nconst $nav=document.getElementById('dept-nav');\nconst $q=document.getElementById('q');\n\nfunction render(){\n  const q=($q.value||'').trim();\n  const rows=filt(q);\n  const g=grp(rows);\n  const keys=[...g.keys()];\n\n  $nav.innerHTML=keys.map(k=>{\n    const d=dmap.get(k);\n    return `<a href=\"#d-${slg(k)}\">${lang==='fr'?d.fr:d.en}<\/a>`;\n  }).join('');\n\n  if(!rows.length){\n    $r.innerHTML=`<div class=\"empty\">${lang==='fr'?`Aucun r\u00e9sultat pour \u00ab ${q} \u00bb`:`No results for \"${q}\"`}<\/div>`;\n    return;\n  }\n\n  $r.innerHTML=keys.map((k,si)=>{\n    const d=dmap.get(k);\n    const list=g.get(k);\n    const lbl=lang==='fr'?d.fr:d.en;\n    const mbr=lang==='fr'?`${list.length} centre${list.length>1?'s':''}`:\n                           `${list.length} centre${list.length>1?'s':''}`;\n    return `<div class=\"dept-block${si>0?' border-top':''}\" id=\"d-${slg(k)}\">\n      <div class=\"dept-hd\">\n        <div class=\"dept-pip ${d.cls}\"><\/div>\n        <h2 class=\"dept-title\">${lbl}<\/h2>\n        <span class=\"dept-pill ${d.cls}\">${mbr}<\/span>\n      <\/div>\n      <div class=\"timeline\">${list.map((p,i)=>mkCard(p,lang,d.cls,i)).join('')}<\/div>\n    <\/div>`;\n  }).join('');\n\n  \/* scroll reveal *\/\n  const io=new IntersectionObserver(entries=>{\n    entries.forEach(e=>{if(e.isIntersecting){e.target.classList.add('in');io.unobserve(e.target);}});\n  },{threshold:.07,rootMargin:'0px 0px -28px 0px'});\n  document.querySelectorAll('.card:not(.in)').forEach(c=>io.observe(c));\n}\n\n\/* csv *\/\ndocument.getElementById('csvBtn').addEventListener('click',()=>{\n  const rows=filt($q.value.trim());\n  const hdr=['Centre','Information (FR)','Information (EN)','Adresse','T?l?phone','Poste','T?l?copieur','Courriel','Section'];\n  const body=rows.map(r=>[r.fn,r.pFr,r.pEn,r.loc,r.ph,r.ext,r.fax,r.em,(dmap.get(r.dk)||{}).fr||r.dk].map(v=>`\"${(v||'').replace(\/\"\/g,'\"\"')}\"`).join(','));\n  const a=document.createElement('a');\n  a.href=URL.createObjectURL(new Blob([[hdr.join(','),...body].join('\\n')],{type:'text\/csv;charset=utf-8;'}));\n  a.download='employment_training_service_centres.csv';a.click();\n});\n\n\/* lang *\/\nconst HERO_COPY={\n  \"fr\": {\n    \"kicker\": \"CDRHPNQ \u2022 CSEF\",\n    \"title\": \"Centres de services | CSEF\",\n    \"lead\": \"Des centres de services en emploi et en formation des Premi\u00e8res Nations pour vous accompagner dans votre recherche d\u2019emploi.\",\n    \"body\": \"Les CSEF regroupent les points de service en communaut\u00e9s et en milieux urbains, avec les coordonn\u00e9es utiles pour joindre le bon centre.\",\n    \"tags\": [\n      \"Communaut\u00e9s\",\n      \"Milieux urbains\",\n      \"Emploi\",\n      \"Formation\"\n    ],\n    \"note\": \"Les centres sont l\u00e0 pour r\u00e9pondre aux besoins des membres des Premi\u00e8res Nations et Inuit, qu\u2019ils vivent dans des communaut\u00e9s \u00e9loign\u00e9es ou en milieu urbain.\",\n    \"cta1\": \"Parcourir les centres\",\n    \"cta2\": \"Voir les cat\u00e9gories\",\n    \"pill1\": \"CSEF\",\n    \"pill2\": \"Centres de services\",\n    \"panelTitle\": \"Pourquoi des CSEF?\",\n    \"panelCopy\": \"Les Centres de services en emploi et en formation ont \u00e9t\u00e9 cr\u00e9\u00e9s pour r\u00e9pondre aux besoins uniques des membres des Premi\u00e8res Nations et Inuit.\",\n    \"item1\": \"<strong>Accompagnement<\/strong> dans les d\u00e9marches d\u2019emploi, de formation et de d\u00e9veloppement des comp\u00e9tences.\",\n    \"item2\": \"<strong>Services adapt\u00e9s<\/strong> aux r\u00e9alit\u00e9s des communaut\u00e9s \u00e9loign\u00e9es et des milieux urbains.\",\n    \"item3\": \"<strong>R\u00e9seau de proximit\u00e9<\/strong> pour rep\u00e9rer rapidement le centre, l\u2019adresse et les coordonn\u00e9es utiles.\",\n    \"panelFoot\": \"Des centres n\u00e9s gr\u00e2ce au Programme de formation pour les comp\u00e9tences et l\u2019emploi destin\u00e9 aux Autochtones (FCEA).\",\n    \"watermark\": \"CSEF\",\n    \"search\": \"Recherche (centre, repr\u00e9sentant, lieu, courriel)\"\n  },\n  \"en\": {\n    \"kicker\": \"CDRHPNQ \u2022 ETSC\",\n    \"title\": \"Employment and Training Service Centres (ETSCs)\",\n    \"lead\": \"Service centres created to support First Nations and Inuit community members.\",\n    \"body\": \"ETSCs help connect people with employment and training opportunities, whether they live in remote areas or in urban settings.\",\n    \"tags\": [\n      \"Employment\",\n      \"Training\",\n      \"First Nations\",\n      \"Inuit\"\n    ],\n    \"note\": \"Established through the Indigenous Skills and Employment Training Program (ISET), these centres play a vital role across communities and urban settings.\",\n    \"cta1\": \"Browse centres\",\n    \"cta2\": \"View categories\",\n    \"pill1\": \"ETSC\",\n    \"pill2\": \"Service centres\",\n    \"panelTitle\": \"Why ETSCs?\",\n    \"panelCopy\": \"Employment and Training Service Centres (ETSCs) were created to address the unique needs of First Nations and Inuit community members, whether they live in remote areas or in urban settings.\",\n    \"item1\": \"<strong>Supporting access<\/strong> to employment and training opportunities for First Nations and Inuit.\",\n    \"item2\": \"<strong>Bridging gaps<\/strong> in employment and skills between Indigenous and non-Indigenous populations.\",\n    \"item3\": \"<strong>Assisting employers<\/strong> in integrating members of First Nations and Inuit communities into their workforce.\",\n    \"panelFoot\": \"Established through the Indigenous Skills and Employment Training Program (ISET), these centres play a vital role in local workforce development.\",\n    \"watermark\": \"ETSC\",\n    \"search\": \"Search (centre, representative, location, email)\"\n  }\n};\n\nfunction setHeroLang(l){\n  const copy=HERO_COPY[l]||HERO_COPY.fr;\n  $q.placeholder=copy.search;\n  document.getElementById('hero-kicker').textContent=copy.kicker;\n  document.getElementById('hero-title').textContent=copy.title;\n  document.getElementById('hero-lead').textContent=copy.lead;\n  document.getElementById('hero-body').textContent=copy.body;\n  document.getElementById('hero-tag-1').textContent=copy.tags[0];\n  document.getElementById('hero-tag-2').textContent=copy.tags[1];\n  document.getElementById('hero-tag-3').textContent=copy.tags[2];\n  document.getElementById('hero-tag-4').textContent=copy.tags[3];\n  document.getElementById('hero-note').textContent=copy.note;\n  document.getElementById('hero-cta-1').textContent=copy.cta1;\n  document.getElementById('hero-cta-2').textContent=copy.cta2;\n  document.getElementById('hero-pill-1').textContent=copy.pill1;\n  document.getElementById('hero-pill-2').textContent=copy.pill2;\n  document.getElementById('hero-panel-title').textContent=copy.panelTitle;\n  document.getElementById('hero-panel-copy').textContent=copy.panelCopy;\n  document.getElementById('hero-item-1').innerHTML=copy.item1;\n  document.getElementById('hero-item-2').innerHTML=copy.item2;\n  document.getElementById('hero-item-3').innerHTML=copy.item3;\n  document.getElementById('hero-panel-foot').textContent=copy.panelFoot;\n  document.getElementById('hero-watermark').textContent=copy.watermark;\n}\n\n$q.addEventListener('input',render);\ndocument.getElementById('btn-fr').addEventListener('click',function(){\n  lang='fr';this.setAttribute('aria-pressed','true');\n  document.getElementById('btn-en').setAttribute('aria-pressed','false');\n  setHeroLang('fr'); render();\n});\ndocument.getElementById('btn-en').addEventListener('click',function(){\n  lang='en';this.setAttribute('aria-pressed','true');\n  document.getElementById('btn-fr').setAttribute('aria-pressed','false');\n  setHeroLang('en'); render();\n});\n\nsetHeroLang(lang);\nrender();\n})();\n<\/script>\n<\/body>\n<\/html>\n\n\n\n\n<h2 class=\"wp-block-heading\" id=\"h-need-help\"><strong>Need Help?<\/strong><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Can\u2019t find the right person or notice an error in the information?<br>Write to the Communications Service at : <strong><a>info@cdrhpnq.qc.ca<\/a><\/strong><\/p>\n\n\n\n<p class=\"has-text-align-center has-small-font-size wp-block-paragraph\"><\/p>\n\n\n\n<div style=\"height:100px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p class=\"has-text-align-center has-small-font-size wp-block-paragraph\"><\/p>\n\n\n\n<div id=\"wp-block-themeisle-blocks-advanced-columns-3a9117ee\" class=\"wp-block-themeisle-blocks-advanced-columns alignfull has-1-columns has-desktop-equal-layout has-tablet-equal-layout has-mobile-collapsedRows-layout has-reverse-columns-mobile has-vertical-center ticss-c00aadba animated fadeIn delay-200ms\"><div class=\"wp-block-themeisle-blocks-advanced-columns-overlay\"><\/div><div class=\"innerblocks-wrap\">\n<div id=\"wp-block-themeisle-blocks-advanced-column-3e01017c\" class=\"wp-block-themeisle-blocks-advanced-column\">\n<h1 id=\"wp-block-themeisle-blocks-advanced-heading-5d5675df\" class=\"wp-block-themeisle-blocks-advanced-heading wp-block-themeisle-blocks-advanced-heading-5d5675df\">Join Us<\/h1>\n\n\n\n<div class=\"wp-block-buttons is-content-justification-center is-layout-flex wp-container-core-buttons-is-layout-fe48e5de wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button is-style-fill\"><a class=\"wp-block-button__link has-grey-200-background-color has-background wp-element-button\" href=\"https:\/\/www.facebook.com\/cdrhpnqfnhrdcq\/\" target=\"_blank\" rel=\"noreferrer noopener\">Our Facebook Page<\/a><\/div>\n<\/div>\n<\/div>\n<\/div><\/div>\n\n\n\n<div style=\"height:100px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n<div class=\"aligncenter is-style-icons animated fadeIn wp-block-themeisle-blocks-sharing-icons\" id=\"wp-block-themeisle-blocks-sharing-icons-1c0444dc\"><div class=\"social-icons-wrap\"><a class=\"social-icon is-facebook\" aria-label=\"Share on Facebook\" href=\"https:\/\/www.facebook.com\/sharer\/sharer.php?u=https:\/\/cdrhpnq-fnhrdcq.ca\/en\/wp-json\/wp\/v2\/pages\/22595&#038;title=Directory%20:%20Employment%20and%20Training%20Service%20Centre\" target=\"_blank\"><svg aria-hidden=\"true\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 512 512\"><!--!Font Awesome Free 6.6.0 by @fontawesome - https:\/\/fontawesome.com License - https:\/\/fontawesome.com\/license\/free Copyright 2024 Fonticons, Inc.--><path d=\"M512 256C512 114.6 397.4 0 256 0S0 114.6 0 256C0 376 82.7 476.8 194.2 504.5V334.2H141.4V256h52.8V222.3c0-87.1 39.4-127.5 125-127.5c16.2 0 44.2 3.2 55.7 6.4V172c-6-.6-16.5-1-29.6-1c-42 0-58.2 15.9-58.2 57.2V256h83.6l-14.4 78.2H287V510.1C413.8 494.8 512 386.9 512 256h0z\"\/><\/svg><span class=\"v-line\"><\/span><\/a><a class=\"social-icon is-linkedin\" aria-label=\"Share on LinkedIn\" href=\"https:\/\/www.linkedin.com\/shareArticle?mini=true&#038;url=https:\/\/cdrhpnq-fnhrdcq.ca\/en\/wp-json\/wp\/v2\/pages\/22595&#038;title=Directory%20:%20Employment%20and%20Training%20Service%20Centre\" target=\"_blank\"><svg aria-hidden=\"true\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 448 512\"><!--!Font Awesome Free 6.6.0 by @fontawesome - https:\/\/fontawesome.com License - https:\/\/fontawesome.com\/license\/free Copyright 2024 Fonticons, Inc.--><path d=\"M100.3 448H7.4V148.9h92.9zM53.8 108.1C24.1 108.1 0 83.5 0 53.8a53.8 53.8 0 0 1 107.6 0c0 29.7-24.1 54.3-53.8 54.3zM447.9 448h-92.7V302.4c0-34.7-.7-79.2-48.3-79.2-48.3 0-55.7 37.7-55.7 76.7V448h-92.8V148.9h89.1v40.8h1.3c12.4-23.5 42.7-48.3 87.9-48.3 94 0 111.3 61.9 111.3 142.3V448z\"\/><\/svg><span class=\"v-line\"><\/span><\/a><a class=\"social-icon is-email\" aria-label=\"Share via Email\" href=\"mailto:?subject=Directory%20:%20Employment%20and%20Training%20Service%20Centre&#038;body=https:\/\/cdrhpnq-fnhrdcq.ca\/en\/wp-json\/wp\/v2\/pages\/22595\" target=\"_blank\"><svg aria-hidden=\"true\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 512 512\"><!--!Font Awesome Free 6.6.0 by @fontawesome - https:\/\/fontawesome.com License - https:\/\/fontawesome.com\/license\/free Copyright 2024 Fonticons, Inc.--><path d=\"M48 64C21.5 64 0 85.5 0 112c0 15.1 7.1 29.3 19.2 38.4L236.8 313.6c11.4 8.5 27 8.5 38.4 0L492.8 150.4c12.1-9.1 19.2-23.3 19.2-38.4c0-26.5-21.5-48-48-48L48 64zM0 176L0 384c0 35.3 28.7 64 64 64l384 0c35.3 0 64-28.7 64-64l0-208L294.4 339.2c-22.8 17.1-54 17.1-76.8 0L0 176z\"\/><\/svg><span class=\"v-line\"><\/span><\/a><a class=\"social-icon is-comments\" aria-label=\"Leave a comment\" href=\"#respond\"><svg aria-hidden=\"true\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 640 512\"><!--!Font Awesome Free 6.6.0 by @fontawesome - https:\/\/fontawesome.com License - https:\/\/fontawesome.com\/license\/free Copyright 2024 Fonticons, Inc.--><path d=\"M88.2 309.1c9.8-18.3 6.8-40.8-7.5-55.8C59.4 230.9 48 204 48 176c0-63.5 63.8-128 160-128s160 64.5 160 128s-63.8 128-160 128c-13.1 0-25.8-1.3-37.8-3.6c-10.4-2-21.2-.6-30.7 4.2c-4.1 2.1-8.3 4.1-12.6 6c-16 7.2-32.9 13.5-49.9 18c2.8-4.6 5.4-9.1 7.9-13.6c1.1-1.9 2.2-3.9 3.2-5.9zM208 352c114.9 0 208-78.8 208-176S322.9 0 208 0S0 78.8 0 176c0 41.8 17.2 80.1 45.9 110.3c-.9 1.7-1.9 3.5-2.8 5.1c-10.3 18.4-22.3 36.5-36.6 52.1c-6.6 7-8.3 17.2-4.6 25.9C5.8 378.3 14.4 384 24 384c43 0 86.5-13.3 122.7-29.7c4.8-2.2 9.6-4.5 14.2-6.8c15.1 3 30.9 4.5 47.1 4.5zM432 480c16.2 0 31.9-1.6 47.1-4.5c4.6 2.3 9.4 4.6 14.2 6.8C529.5 498.7 573 512 616 512c9.6 0 18.2-5.7 22-14.5c3.8-8.8 2-19-4.6-25.9c-14.2-15.6-26.2-33.7-36.6-52.1c-.9-1.7-1.9-3.4-2.8-5.1C622.8 384.1 640 345.8 640 304c0-94.4-87.9-171.5-198.2-175.8c4.1 15.2 6.2 31.2 6.2 47.8l0 .6c87.2 6.7 144 67.5 144 127.4c0 28-11.4 54.9-32.7 77.2c-14.3 15-17.3 37.6-7.5 55.8c1.1 2 2.2 4 3.2 5.9c2.5 4.5 5.2 9 7.9 13.6c-17-4.5-33.9-10.7-49.9-18c-4.3-1.9-8.5-3.9-12.6-6c-9.5-4.8-20.3-6.2-30.7-4.2c-12.1 2.4-24.8 3.6-37.8 3.6c-61.7 0-110-26.5-136.8-62.3c-16 5.4-32.8 9.4-50 11.8C279 439.8 350 480 432 480z\"\/><\/svg><span class=\"v-line\"><\/span><\/a><\/div><\/div><style type=\"text\/css\">#wp-block-themeisle-blocks-sharing-icons-1c0444dc {--icons-gap: 8.8px;--border-radius: 32.8px;}<\/style>\n\n\n<p class=\"has-text-align-center has-small-font-size wp-block-paragraph\"><\/p>\n\n\n\n<div style=\"height:100px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p class=\"has-text-align-center has-small-font-size wp-block-paragraph\"><\/p>\n\n\n<form role=\"search\" method=\"get\" action=\"https:\/\/cdrhpnq-fnhrdcq.ca\/en\/\" class=\"wp-block-search__button-outside wp-block-search__text-button wp-block-search\"    ><label class=\"wp-block-search__label\" for=\"wp-block-search__input-1\" >Rechercher<\/label><div class=\"wp-block-search__inside-wrapper\" ><input class=\"wp-block-search__input\" id=\"wp-block-search__input-1\" placeholder=\"\" value=\"\" type=\"search\" name=\"s\" required \/><button aria-label=\"Rechercher\" class=\"wp-block-search__button wp-element-button\" type=\"submit\" >Rechercher<\/button><\/div><\/form>\n\n<ul class=\"wp-block-latest-posts__list wp-block-latest-posts\"><li><a class=\"wp-block-latest-posts__post-title\" href=\"https:\/\/cdrhpnq-fnhrdcq.ca\/en\/fnhrdcq-30th-anniversary-mashteuiatsh\/\">FNHRDCQ\u2019s 30th Anniversary: A Day in Mashteuiatsh<\/a><\/li>\n<li><a class=\"wp-block-latest-posts__post-title\" href=\"https:\/\/cdrhpnq-fnhrdcq.ca\/en\/rma-2026-trois-rivieres-eng\/\">RMA 2026 in Trois-Rivi\u00e8res: Honouring Pathways and Celebrating Success<\/a><\/li>\n<li><a class=\"wp-block-latest-posts__post-title\" href=\"https:\/\/cdrhpnq-fnhrdcq.ca\/en\/30-years-action-rooted-in-who-we-are\/\">30th anniversary : 30 Years of Action, Rooted in Who We Are<\/a><\/li>\n<li><a class=\"wp-block-latest-posts__post-title\" href=\"https:\/\/cdrhpnq-fnhrdcq.ca\/en\/30th-anniversary-logos-visual-identity-fnhrdcq\/\">30th Anniversary of the FNHRDCQ | Logos and Visual Identity<\/a><\/li>\n<li><a class=\"wp-block-latest-posts__post-title\" href=\"https:\/\/cdrhpnq-fnhrdcq.ca\/en\/eng-gala-rma-2025\/\">GALA RMA 2025: An Evening of Pride, Light and Recognition<\/a><\/li>\n<\/ul>\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n","protected":false},"excerpt":{"rendered":"<p>CDRHPNQ \u2022 ETSC Employment and Training Service Centres (ETSCs) Service centres created to support First Nations and Inuit community members. ETSCs help connect people with employment and training opportunities, whether they live in remote areas or in urban settings. Employment Training First Nations Inuit Established through the Indigenous Skills and Employment Training Program (ISET), these [&hellip;]<\/p>\n","protected":false},"author":11,"featured_media":11709,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"_themeisle_gutenberg_block_has_review":false,"footnotes":""},"class_list":["post-22595","page","type-page","status-publish","has-post-thumbnail","hentry"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v27.8 (Yoast SEO v27.8) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>Directory : Employment and Training Service Centre - CDRHPNQ<\/title>\n<meta name=\"description\" content=\"Employment and Training Service Centres (ETSCs) were created to address the unique needs of First Nations and Inuit community members\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/cdrhpnq-fnhrdcq.ca\/en\/directory-etsc\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Directory : Employment and Training Service Centre\" \/>\n<meta property=\"og:description\" content=\"Employment and Training Service Centres (ETSCs) were created to address the unique needs of First Nations and Inuit community members\" \/>\n<meta property=\"og:url\" content=\"https:\/\/cdrhpnq-fnhrdcq.ca\/en\/directory-etsc\/\" \/>\n<meta property=\"og:site_name\" content=\"CDRHPNQ\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/cdrhpnqfnhrdcq\" \/>\n<meta property=\"article:modified_time\" content=\"2026-06-01T13:55:35+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/cdrhpnq-fnhrdcq.ca\/wp-content\/uploads\/2024\/04\/pmo-imt_image-1024x576.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1024\" \/>\n\t<meta property=\"og:image:height\" content=\"576\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"2 minutes\" \/>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Directory : Employment and Training Service Centre - CDRHPNQ","description":"Employment and Training Service Centres (ETSCs) were created to address the unique needs of First Nations and Inuit community members","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/cdrhpnq-fnhrdcq.ca\/en\/directory-etsc\/","og_locale":"en_US","og_type":"article","og_title":"Directory : Employment and Training Service Centre","og_description":"Employment and Training Service Centres (ETSCs) were created to address the unique needs of First Nations and Inuit community members","og_url":"https:\/\/cdrhpnq-fnhrdcq.ca\/en\/directory-etsc\/","og_site_name":"CDRHPNQ","article_publisher":"https:\/\/www.facebook.com\/cdrhpnqfnhrdcq","article_modified_time":"2026-06-01T13:55:35+00:00","og_image":[{"width":1024,"height":576,"url":"https:\/\/cdrhpnq-fnhrdcq.ca\/wp-content\/uploads\/2024\/04\/pmo-imt_image-1024x576.png","type":"image\/png"}],"twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/cdrhpnq-fnhrdcq.ca\/en\/directory-etsc\/","url":"https:\/\/cdrhpnq-fnhrdcq.ca\/en\/directory-etsc\/","name":"Directory : Employment and Training Service Centre - CDRHPNQ","isPartOf":{"@id":"https:\/\/cdrhpnq-fnhrdcq.ca\/en\/#website"},"primaryImageOfPage":{"@id":"https:\/\/cdrhpnq-fnhrdcq.ca\/en\/directory-etsc\/#primaryimage"},"image":{"@id":"https:\/\/cdrhpnq-fnhrdcq.ca\/en\/directory-etsc\/#primaryimage"},"thumbnailUrl":"https:\/\/cdrhpnq-fnhrdcq.ca\/wp-content\/uploads\/2024\/04\/pmo-imt_image.png","datePublished":"2025-10-27T18:56:02+00:00","dateModified":"2026-06-01T13:55:35+00:00","description":"Employment and Training Service Centres (ETSCs) were created to address the unique needs of First Nations and Inuit community members","breadcrumb":{"@id":"https:\/\/cdrhpnq-fnhrdcq.ca\/en\/directory-etsc\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/cdrhpnq-fnhrdcq.ca\/en\/directory-etsc\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/cdrhpnq-fnhrdcq.ca\/en\/directory-etsc\/#primaryimage","url":"https:\/\/cdrhpnq-fnhrdcq.ca\/wp-content\/uploads\/2024\/04\/pmo-imt_image.png","contentUrl":"https:\/\/cdrhpnq-fnhrdcq.ca\/wp-content\/uploads\/2024\/04\/pmo-imt_image.png","width":12191,"height":6858},{"@type":"BreadcrumbList","@id":"https:\/\/cdrhpnq-fnhrdcq.ca\/en\/directory-etsc\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Accueil","item":"https:\/\/cdrhpnq-fnhrdcq.ca\/en\/"},{"@type":"ListItem","position":2,"name":"Directory : Employment and Training Service Centre"}]},{"@type":"WebSite","@id":"https:\/\/cdrhpnq-fnhrdcq.ca\/en\/#website","url":"https:\/\/cdrhpnq-fnhrdcq.ca\/en\/","name":"CDRHPNQ-FNRHPNQ","description":"","publisher":{"@id":"https:\/\/cdrhpnq-fnhrdcq.ca\/en\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/cdrhpnq-fnhrdcq.ca\/en\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/cdrhpnq-fnhrdcq.ca\/en\/#organization","name":"CDRHPNQ","url":"https:\/\/cdrhpnq-fnhrdcq.ca\/en\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/cdrhpnq-fnhrdcq.ca\/en\/#\/schema\/logo\/image\/","url":"https:\/\/cdrhpnq-fnhrdcq.ca\/wp-content\/uploads\/2023\/04\/og_cdrhpnq.jpg","contentUrl":"https:\/\/cdrhpnq-fnhrdcq.ca\/wp-content\/uploads\/2023\/04\/og_cdrhpnq.jpg","width":1200,"height":630,"caption":"CDRHPNQ"},"image":{"@id":"https:\/\/cdrhpnq-fnhrdcq.ca\/en\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/cdrhpnqfnhrdcq"]}]}},"_links":{"self":[{"href":"https:\/\/cdrhpnq-fnhrdcq.ca\/en\/wp-json\/wp\/v2\/pages\/22595","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/cdrhpnq-fnhrdcq.ca\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/cdrhpnq-fnhrdcq.ca\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/cdrhpnq-fnhrdcq.ca\/en\/wp-json\/wp\/v2\/users\/11"}],"replies":[{"embeddable":true,"href":"https:\/\/cdrhpnq-fnhrdcq.ca\/en\/wp-json\/wp\/v2\/comments?post=22595"}],"version-history":[{"count":1,"href":"https:\/\/cdrhpnq-fnhrdcq.ca\/en\/wp-json\/wp\/v2\/pages\/22595\/revisions"}],"predecessor-version":[{"id":27361,"href":"https:\/\/cdrhpnq-fnhrdcq.ca\/en\/wp-json\/wp\/v2\/pages\/22595\/revisions\/27361"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/cdrhpnq-fnhrdcq.ca\/en\/wp-json\/wp\/v2\/media\/11709"}],"wp:attachment":[{"href":"https:\/\/cdrhpnq-fnhrdcq.ca\/en\/wp-json\/wp\/v2\/media?parent=22595"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}