SPB Git forge
spboucher.ai ↗

spb/uqo-eval

Public
55commits 2branches 0releases
134.4 MBsize
maindefault branch
yesterdaylast push
TypeScript 90.1% JavaScript 3.2% Python 3.2% CSS 1.8% HTML 1.8%

Conformité UQO (audit docs/CONFORMITE-UQO.md, zone de protection du logo, clause logo/cadre pédagogique dans les conditions) + manuel d'utilisation illustré /guide (HTML + PDF, couleurs UQO, 17 captures, mention IMM1003/IMM1033)

Simon-Pierre Boucher committed 1 mo ago (Aug 28, 2026) parent 5f6e30b

26 changed files +491 −8

added docs/CONFORMITE-UQO.md +84 −0
@@ -0,0 +1,84 @@
1 +# Conformité aux normes de l'UQO — audit UQO Éval
2 +
3 +Référence : **Guide de normes graphiques UQO, décembre 2025** (`assets/uqo/GuideDeNormes_UQO.pdf`,
4 +téléchargé depuis uqo.ca/docs/11068) et `assets/uqo/BRANDING.md`. Audit du 2026-08-28.
5 +
6 +## 1. Logo — provenance et intégrité
7 +
8 +| Règle du guide | Application dans UQO Éval | Statut |
9 +|---|---|---|
10 +| Utiliser les fichiers officiels (jamais redessiner) | Tous les logos proviennent des ZIP officiels de la DCR (`uqo.ca/medias/logos`) : EPS masters + SVG blancs du header officiel de uqo.ca. Les PNG sont des conversions Ghostscript 600 dpi des EPS officiels, sans retouche. | ✅ |
11 +| Proportions originales, aucune modification/distorsion | Le logo est toujours dimensionné par la hauteur seule (`h-* w-auto` en CSS, `{ height }` en pdfkit) — le ratio natif 2123:853 est préservé partout. Aucune rotation, ombre, contour, recoloration ni effet. | ✅ |
12 +| Intensité 100 %, jamais tramé | Logo affiché à opacité 100 % partout (site + PDF). | ✅ |
13 +
14 +## 2. Déclinaisons de couleur (guide p. 7)
15 +
16 +| Contexte | Fond | Version utilisée | Statut |
17 +|---|---|---|---|
18 +| Header du site | papier `#f4f5f3` (trame ≈ 4 %, sous le seuil de 10 %) | logo **bleu** PMS 7469 (`UQO_couleur.png`) | ✅ |
19 +| Héro d'accueil, menu mobile, footer institutionnel | encre `#0d1b24` (fond foncé) | logo **blanc** (`uqo-blanc.svg`, SVG officiel de uqo.ca) | ✅ |
20 +| PDF — bandeaux encre (rapport standard, parc) | encre `#16181b` | logo **blanc** (`UQO_blanc.png`, dérivé de l'EPS officiel `UQO_BLANC.eps`) | ✅ |
21 +| PDF — pages blanches (rapport professionnel) | blanc | logo **bleu** (`UQO_couleur.png`) | ✅ |
22 +
23 +## 3. Zone de protection (guide p. 8 — marge = intérieur du « U »)
24 +
25 +L'intérieur du « U » représente ≈ 18 % de la hauteur du logo. Marges appliquées entre le
26 +logo et le wordmark « Éval » (et tout autre élément) :
27 +
28 +| Emplacement | Hauteur du logo | Marge appliquée | Statut |
29 +|---|---|---|---|
30 +| Header site | 26 px | 12 px (`gap-3`) | ✅ |
31 +| Héro accueil | 34 px | 14 px (`gap-3.5`) | ✅ |
32 +| Menu mobile | 24 px | 12 px (`gap-3`) | ✅ |
33 +| Footer institutionnel | 36 px | 16 px (`gap-4`) | ✅ |
34 +| PDF (bandeaux et page titre) | 14-38 pt | 8 pt × échelle à 10 pt × échelle | ✅ |
35 +
36 +## 4. Couleurs officielles (guide p. 14)
37 +
38 +- Couleur principale du site et des PDF : **bleu PMS 7469 — #006085** (RGB officiel 0/96/133).
39 + Le vert historique n'est utilisé nulle part (interdit par le guide).
40 +- Accents : **turquoise #2BCCAE** et **corail #EA6047 / #ED7265** — couleurs complémentaires
41 + officielles du guide (p. 14), utilisées comme couleurs d'accent secondaires seulement.
42 +- Le gris de la mention officielle (#414042) est respecté dans les fichiers officiels non modifiés.
43 +
44 +## 5. Mention pédagogique — inventaire des surfaces
45 +
46 +La nature **pédagogique, universitaire et expérimentale** de la plateforme et la mention des
47 +cours **IMM1003 — Éléments d'évaluation immobilière** et **IMM1033 — Méthodes du coût en
48 +évaluation immobilière** (enseignés par Simon-Pierre Boucher, UQO) apparaissent sur :
49 +
50 +- [x] Header (sous-titre « Laboratoire pédagogique d'évaluation immobilière »)
51 +- [x] Bandeau défilant (ticker) — « Cours IMM1003 · IMM1033 — UQO »
52 +- [x] Héro de la page d'accueil (kicker) + disclaimer encadré de la section Laboratoire
53 +- [x] Chaque fiche d'estimation (disclaimer sous l'estimation + section « Aller plus loin »)
54 +- [x] Mode étudiant (en-tête « IMM1003 / IMM1033 »)
55 +- [x] Footer institutionnel (toutes les pages) : avertissement + mention des deux cours
56 +- [x] Les 4 rapports PDF : bandeau/page titre, encart méthodologie, pied de CHAQUE page
57 +- [x] Métadonnées PDF (champ Author)
58 +- [x] Page contact (cadre pédagogique complet + avertissement OEAQ)
59 +- [x] Conditions d'utilisation (« Objet » réécrit : vocation pédagogique + cours ; clause logo UQO)
60 +- [x] Méthodologie (introduction + guide pédagogique, sections 08-09)
61 +- [x] Attribution de la carte (« plateforme pédagogique »)
62 +- [x] Prompt système de l'assistante Éva
63 +- [x] JSON-LD (EducationalOrganization, parentOrganization = UQO)
64 +- [x] Manuel d'utilisation (`/guide`)
65 +
66 +## 6. Autorisation d'usage (guide — « qui peut utiliser le logo »)
67 +
68 +Le guide réserve l'usage du logo aux unités administratives et au personnel de l'UQO ;
69 +étudiants et externes doivent soumettre leur maquette à la **DCR** pour approbation écrite
70 +(uqo.ca/dcr, 819-595-3900). UQO Éval est développée dans le cadre de cours donnés à l'UQO
71 +par leur enseignant ; cette clause est reprise dans les Conditions d'utilisation du site.
72 +**Action recommandée : soumettre une maquette de la plateforme à la DCR pour approbation
73 +formelle avant toute diffusion publique large.**
74 +
75 +## 7. Écarts assumés (documentés)
76 +
77 +- **Typographie** : le guide recommande la police institutionnelle Switzer pour les
78 + communications de l'UQO ; la plateforme utilise Space Grotesk / Inter / JetBrains Mono
79 + (design system « terminal éditorial » propre au laboratoire). La signature UQO elle-même
80 + n'est jamais recomposée en texte — seuls les fichiers officiels sont affichés.
81 +- **Wordmark composé « UQO Éval »** : le nom du laboratoire juxtapose le logo officiel et le
82 + mot « Éval » (séparés par la zone de protection, sans modification du logo). Le guide
83 + interdit d'intégrer le logo « dans une phrase » ; la juxtaposition marque/produit est un
84 + cas limite à valider avec la DCR (voir point 6).
added public/guide/img/01-accueil.png +0 −0

Binary file not shown.

added public/guide/img/02-recherche.png +0 −0

Binary file not shown.

added public/guide/img/03-estimation.png +0 −0

Binary file not shown.

added public/guide/img/04-mode-etudiant.png +0 −0

Binary file not shown.

added public/guide/img/05-comparables.png +0 −0

Binary file not shown.

added public/guide/img/06-carte.png +0 −0

Binary file not shown.

added public/guide/img/07-stats.png +0 −0

Binary file not shown.

added public/guide/img/08-municipalite.png +0 −0

Binary file not shown.

added public/guide/img/09-parc.png +0 −0

Binary file not shown.

added public/guide/img/10-assistant.png +0 −0

Binary file not shown.

added public/guide/img/11-eva-chat.png +0 −0

Binary file not shown.

added public/guide/img/12-methodologie.png +0 −0

Binary file not shown.

added public/guide/img/13-manuelle.png +0 −0

Binary file not shown.

added public/guide/img/14-mobile-accueil.png +0 −0

Binary file not shown.

added public/guide/img/15-mobile-estimation.png +0 −0

Binary file not shown.

added public/guide/img/16-rapport-pdf.png +0 −0

Binary file not shown.

added public/guide/img/17-rapport-pro-pdf.png +0 −0

Binary file not shown.

added public/guide/index.html +389 −0
@@ -0,0 +1,389 @@
1 +<!doctype html>
2 +<html lang="fr-CA">
3 +<head>
4 +<meta charset="utf-8">
5 +<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover">
6 +<title>Manuel d'utilisation — UQO Éval · Laboratoire pédagogique d'évaluation immobilière</title>
7 +<meta name="description" content="Manuel d'utilisation illustré de la plateforme UQO Éval : recherche d'adresse, estimation, mode étudiant, comparables, carte, statistiques, parc, assistante Éva, rapports PDF — cours IMM1003 · IMM1033, UQO.">
8 +<link rel="icon" href="/favicon.svg">
9 +<style>
10 + /* ============ UQO Éval — manuel d'utilisation (couleurs officielles UQO) ============
11 + Bleu PMS 7469 #006085 · turquoise #2BCCAE · corail #ED7265 · encre #16181b · papier #f4f5f3 */
12 + :root{
13 + --bleu:#006085; --bleu-fonce:#00465f; --turquoise:#2bccae; --corail:#ed7265;
14 + --encre:#16181b; --encre-nuit:#0d1b24; --papier:#f4f5f3; --surface:#ffffff;
15 + --gris:#4b5258; --gris-2:#8b9297; --ligne:rgba(22,24,27,.14);
16 + }
17 + *{box-sizing:border-box;margin:0}
18 + html{scroll-behavior:smooth}
19 + body{background:var(--papier);color:var(--encre);font:15px/1.6 Inter,-apple-system,"Segoe UI",system-ui,sans-serif;-webkit-font-smoothing:antialiased}
20 + .mono{font-family:"JetBrains Mono",ui-monospace,SFMono-Regular,monospace}
21 + .wrap{max-width:960px;margin:0 auto;padding:0 22px}
22 + a{color:var(--bleu)}
23 + img.shot{width:100%;height:auto;display:block;border:1px solid rgba(22,24,27,.5);border-radius:2px}
24 + figure{margin:22px 0 8px}
25 + figcaption{font-family:"JetBrains Mono",monospace;font-size:10.5px;text-transform:uppercase;letter-spacing:.08em;color:var(--gris-2);margin-top:8px}
26 + /* couverture */
27 + header.cover{background:var(--encre-nuit);color:#e9edee;padding:56px 0 40px}
28 + .cover .logo{display:flex;align-items:flex-end;gap:16px}
29 + .cover .logo img{height:52px;width:auto}
30 + .cover .logo .eval{font-family:"Space Grotesk",Inter,sans-serif;font-weight:700;font-size:44px;line-height:.9;letter-spacing:-.04em;color:var(--turquoise)}
31 + .kick{display:inline-flex;align-items:center;gap:10px;font-family:"JetBrains Mono",monospace;font-size:11.5px;font-weight:500;text-transform:uppercase;letter-spacing:.16em;color:var(--turquoise);margin-top:26px}
32 + .kick::before{content:"";width:22px;height:2px;background:var(--turquoise)}
33 + h1{font-family:"Space Grotesk",Inter,sans-serif;font-weight:700;font-size:clamp(34px,6vw,58px);line-height:1;letter-spacing:-.03em;text-transform:uppercase;margin-top:14px}
34 + .cover p.lede{max-width:620px;margin-top:16px;color:rgba(233,237,238,.75);font-size:15.5px}
35 + .cover .cours{margin-top:22px;border-left:3px solid var(--turquoise);padding:8px 0 8px 16px;font-size:13.5px;color:rgba(233,237,238,.85)}
36 + .cover .cours b{color:#fff}
37 + .bar{height:8px;background:var(--bleu);position:relative}
38 + .bar::after{content:"";position:absolute;left:0;top:0;bottom:0;width:30%;background:var(--turquoise)}
39 + /* avis pédagogique */
40 + .avis{background:var(--surface);border:1px solid var(--ligne);border-left:4px solid var(--bleu);padding:16px 18px;margin:28px 0;font-size:13.5px;color:var(--gris)}
41 + .avis b{color:var(--encre)}
42 + /* sommaire */
43 + nav.toc{margin:34px 0 8px}
44 + nav.toc ol{list-style:none;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:2px 28px}
45 + nav.toc a{display:flex;gap:10px;align-items:baseline;padding:9px 2px;border-bottom:1px solid var(--ligne);text-decoration:none;color:var(--encre);font-weight:600;font-size:13.5px}
46 + nav.toc a:hover{color:var(--bleu)}
47 + nav.toc .n{font-family:"JetBrains Mono",monospace;font-size:10.5px;font-weight:700;color:var(--bleu)}
48 + /* sections */
49 + section{margin:46px 0;page-break-inside:avoid}
50 + .sec-head{border-top:2px solid var(--encre);padding-top:12px}
51 + .sec-num{font-family:"JetBrains Mono",monospace;font-size:11px;font-weight:700;letter-spacing:.1em;color:var(--bleu);text-transform:uppercase}
52 + h2{font-family:"Space Grotesk",Inter,sans-serif;font-weight:700;font-size:clamp(21px,3vw,28px);letter-spacing:-.02em;text-transform:uppercase;line-height:1.05;margin-top:6px}
53 + h3{font-family:"Space Grotesk",Inter,sans-serif;font-weight:700;font-size:15.5px;letter-spacing:-.01em;margin:18px 0 4px}
54 + section p{max-width:760px;color:var(--gris);margin-top:10px}
55 + section p b, section li b{color:var(--encre)}
56 + ul.pts{margin:10px 0 0;padding-left:0;list-style:none;max-width:760px}
57 + ul.pts li{position:relative;padding:7px 0 7px 22px;border-bottom:1px solid var(--ligne);color:var(--gris);font-size:14px}
58 + ul.pts li::before{content:"";position:absolute;left:2px;top:14px;width:8px;height:8px;background:var(--turquoise)}
59 + .astuce{background:#dcebf2;border-left:4px solid var(--bleu);padding:12px 16px;margin-top:14px;font-size:13.5px;color:var(--bleu-fonce);max-width:760px}
60 + .astuce b{color:var(--bleu-fonce)}
61 + .grid2{display:grid;gap:20px;grid-template-columns:1fr 1fr}
62 + @media(max-width:760px){.grid2{grid-template-columns:1fr}}
63 + .formule{font-family:"JetBrains Mono",monospace;font-size:12px;background:var(--surface);border-left:3px solid var(--bleu);padding:10px 14px;margin-top:12px;overflow-x:auto;white-space:nowrap;max-width:760px}
64 + table.tbl{border-collapse:collapse;width:100%;max-width:760px;margin-top:12px;font-size:13.5px}
65 + table.tbl th{font-family:"JetBrains Mono",monospace;font-size:10px;text-transform:uppercase;letter-spacing:.1em;color:var(--gris-2);text-align:left;padding:8px 10px 6px;border-bottom:1.5px solid var(--encre)}
66 + table.tbl td{padding:8px 10px;border-bottom:1px solid var(--ligne);color:var(--gris)}
67 + table.tbl td:first-child{color:var(--encre);font-weight:600}
68 + /* pied */
69 + footer.fin{background:var(--encre-nuit);color:rgba(233,237,238,.75);padding:40px 0;margin-top:56px}
70 + footer.fin .logo{display:flex;align-items:flex-end;gap:14px}
71 + footer.fin .logo img{height:34px;width:auto}
72 + footer.fin .logo .eval{font-family:"Space Grotesk",Inter,sans-serif;font-weight:700;font-size:28px;line-height:.9;letter-spacing:-.04em;color:var(--turquoise)}
73 + footer.fin p{max-width:720px;margin-top:14px;font-size:13px}
74 + footer.fin b{color:#fff}
75 + .retour{display:inline-block;margin-top:18px;font-family:"JetBrains Mono",monospace;font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--turquoise)}
76 + /* impression / PDF */
77 + @media print{
78 + body{background:#fff}
79 + header.cover{page-break-after:always}
80 + section{page-break-inside:auto}
81 + figure{page-break-inside:avoid}
82 + nav.toc{page-break-after:always}
83 + .retour{display:none}
84 + }
85 +</style>
86 +</head>
87 +<body>
88 +
89 +<!-- ================= COUVERTURE ================= -->
90 +<header class="cover">
91 + <div class="wrap">
92 + <div class="logo">
93 + <img src="/uqo/uqo-blanc.svg" alt="UQO — Université du Québec en Outaouais">
94 + <span class="eval">Éval</span>
95 + </div>
96 + <span class="kick">Manuel d'utilisation</span>
97 + <h1>Le laboratoire pédagogique<br>d'évaluation immobilière</h1>
98 + <p class="lede">Ce manuel présente, écran par écran, toutes les fonctionnalités de la plateforme
99 + <b style="color:#fff">UQO Éval</b> (www.uqo-eval.app) : recherche d'une propriété, lecture d'une
100 + estimation, mode étudiant, comparables, carte, statistiques, parc immobilier, assistante IA
101 + et rapports PDF.</p>
102 + <div class="cours">
103 + Développée dans le cadre des cours <b>IMM1003 — Éléments d'évaluation immobilière</b> et
104 + <b>IMM1033 — Méthodes du coût en évaluation immobilière</b>, enseignés par
105 + <b>Simon-Pierre Boucher</b> — Université du Québec en Outaouais.
106 + </div>
107 + </div>
108 +</header>
109 +<div class="bar"></div>
110 +
111 +<div class="wrap">
112 +
113 + <div class="avis">
114 + <b>Avis important — plateforme pédagogique.</b> UQO Éval est destinée à des fins
115 + <b>pédagogiques, universitaires et expérimentales</b>. Les estimations sont produites par des
116 + modèles statistiques appliqués à des données publiques (rôles d'évaluation MAMH, transactions
117 + publiées) ; elles ne constituent pas une évaluation immobilière professionnelle certifiée au
118 + sens des normes de l'Ordre des évaluateurs agréés du Québec (OEAQ) et ne doivent fonder aucune
119 + décision réelle d'achat, de vente ou de financement.
120 + </div>
121 +
122 + <!-- ================= SOMMAIRE ================= -->
123 + <nav class="toc" aria-label="Sommaire">
124 + <ol>
125 + <li><a href="#s1"><span class="n">01</span> La page d'accueil</a></li>
126 + <li><a href="#s2"><span class="n">02</span> Analyser une propriété (recherche)</a></li>
127 + <li><a href="#s3"><span class="n">03</span> Lire le rapport de valeur</a></li>
128 + <li><a href="#s4"><span class="n">04</span> Le mode étudiant 🎓</a></li>
129 + <li><a href="#s5"><span class="n">05</span> Les comparables, expliqués</a></li>
130 + <li><a href="#s6"><span class="n">06</span> Estimation sans adresse (plan B)</a></li>
131 + <li><a href="#s7"><span class="n">07</span> La carte interactive</a></li>
132 + <li><a href="#s8"><span class="n">08</span> Statistiques &amp; municipalités</a></li>
133 + <li><a href="#s9"><span class="n">09</span> Le parc immobilier</a></li>
134 + <li><a href="#s10"><span class="n">10</span> Éva — l'assistante pédagogique</a></li>
135 + <li><a href="#s11"><span class="n">11</span> Les rapports PDF</a></li>
136 + <li><a href="#s12"><span class="n">12</span> La méthodologie</a></li>
137 + <li><a href="#s13"><span class="n">13</span> Mobile, langue et témoins</a></li>
138 + <li><a href="#s14"><span class="n">14</span> Lexique &amp; limites</a></li>
139 + </ol>
140 + </nav>
141 +
142 + <!-- ================= 01 ACCUEIL ================= -->
143 + <section id="s1">
144 + <div class="sec-head"><span class="sec-num">01 — Point de départ</span>
145 + <h2>La page d'accueil</h2></div>
146 + <p>L'accueil regroupe l'action principale — <b>Analyser une propriété</b> — et le contexte de
147 + marché : l'indice mensuel UQO Éval par type de propriété, les dernières ventes réelles
148 + captées, la chaîne de calcul en six étapes, la grille des fonctionnalités du laboratoire et
149 + l'exploration par municipalité.</p>
150 + <figure><img class="shot" src="img/01-accueil.png" alt="Page d'accueil UQO Éval : logo UQO, titre « Comprendre la valeur. Pas juste l'obtenir. », champ de recherche d'adresse et compteurs de données">
151 + <figcaption>Accueil — le héros, le champ « Analyser une propriété » et les preuves de données (3 747 008 propriétés, 745 119 ventes réelles).</figcaption></figure>
152 + <ul class="pts">
153 + <li><b>Bandeau défilant</b> : les chiffres clés de la plateforme et la mention des cours IMM1003 · IMM1033.</li>
154 + <li><b>Indice UQO Éval</b> : trajectoire mensuelle du marché (unifamiliale, condo, plex) — le même indice qui sert à l'ajustement temporel des comparables.</li>
155 + <li><b>Dernières ventes réelles</b> : chaque vente publiée mène à l'estimation complète de la propriété.</li>
156 + </ul>
157 + </section>
158 +
159 + <!-- ================= 02 RECHERCHE ================= -->
160 + <section id="s2">
161 + <div class="sec-head"><span class="sec-num">02 — Le geste principal</span>
162 + <h2>Analyser une propriété</h2></div>
163 + <p>Tapez une adresse dans le champ du héros : la recherche plein-texte (tolérante aux fautes)
164 + interroge <b>3,7 millions d'unités d'évaluation</b>. Choisissez la bonne suggestion puis
165 + cliquez <b>Analyser →</b> — la fiche d'estimation s'ouvre.</p>
166 + <figure><img class="shot" src="img/02-recherche.png" alt="Recherche d'adresse : « 1075 chemin sainte-foy » tapé dans le champ, suggestion « 1075 Chemin Sainte-Foy — Québec » affichée">
167 + <figcaption>La recherche : suggestions en direct pendant la frappe — numéro, rue, municipalité.</figcaption></figure>
168 + <div class="astuce"><b>Astuce.</b> Le format le plus fiable : « numéro rue municipalité »
169 + (ex. <span class="mono">861 route Elgin Saint-Pamphile</span>). Dans une tour à condos,
170 + précisez l'appartement si possible — plusieurs unités partagent le même point géographique.</div>
171 + </section>
172 +
173 + <!-- ================= 03 RAPPORT DE VALEUR ================= -->
174 + <section id="s3">
175 + <div class="sec-head"><span class="sec-num">03 — L'écran central</span>
176 + <h2>Lire le rapport de valeur</h2></div>
177 + <p>La fiche d'estimation présente, dans l'ordre : la <b>valeur estimée</b> en grands chiffres,
178 + l'<b>intervalle de confiance P10-P90</b> (avec la position de l'évaluation municipale),
179 + l'<b>indice de confiance A-D</b>, puis les sections numérotées — portrait du registre,
180 + transparence du calcul, marché local, historique 2021-2026 et comparables.</p>
181 + <figure><img class="shot" src="img/03-estimation.png" alt="Fiche d'estimation : adresse, valeur estimée en grands chiffres, fourchette P10-P90, boutons Mode étudiant et Rapport PDF, cadran de confiance">
182 + <figcaption>Le masthead du rapport : valeur, fourchette, confiance, écart vs rôle — et les trois boutons d'action.</figcaption></figure>
183 + <table class="tbl">
184 + <tr><th>Élément</th><th>Ce qu'il signifie</th></tr>
185 + <tr><td>Valeur estimée</td><td>Le point central de l'estimation hybride : 65 % modèle hédonique + 35 % comparables ajustés (quand les deux existent).</td></tr>
186 + <tr><td>Intervalle P10-P90</td><td>80 % des propriétés semblables se vendent dans cette fourchette. Étroit = marché liquide ; large = marché mince ou propriété atypique.</td></tr>
187 + <tr><td>Indice A-D</td><td>A ≥ 75 (très fiable) · B ≥ 60 (fiable) · C ≥ 45 (indicative) · D &lt; 45 (peu fiable — prudence).</td></tr>
188 + <tr><td>Écart vs rôle</td><td>Différence entre l'estimation et l'évaluation municipale 2026 — le rôle est fixé 18-24 mois avant son entrée en vigueur.</td></tr>
189 + <tr><td>Portrait du registre</td><td>Bâtiment, terrain à l'échelle, composition de la valeur au rôle (terrain vs bâtiment) — données officielles MAMH.</td></tr>
190 + <tr><td>Historique 2021-2026</td><td>La valeur estimée recalculée pour chacun des six millésimes du rôle, avec variation annuelle.</td></tr>
191 + </table>
192 + </section>
193 +
194 + <!-- ================= 04 MODE ÉTUDIANT ================= -->
195 + <section id="s4">
196 + <div class="sec-head"><span class="sec-num">04 — Le cœur pédagogique</span>
197 + <h2>Le mode étudiant 🎓</h2></div>
198 + <p>Cliquez <b>« 🎓 Mode étudiant — Voir l'analyse »</b> sur n'importe quelle fiche : le panneau
199 + <b>Analyse pédagogique</b> apparaît et décompose le calcul <b>avec les vrais chiffres de la
200 + propriété analysée</b> — rien n'est inventé, chaque règle est celle du moteur. Le réglage est
201 + mémorisé sur votre appareil.</p>
202 + <figure><img class="shot" src="img/04-mode-etudiant.png" alt="Panneau Analyse pédagogique : pourquoi ces comparables, formule de pondération, les trois ajustements, combinaison 65/35, décomposition de l'indice de confiance, trois notions à ne pas confondre">
203 + <figcaption>Le panneau d'analyse pédagogique — six blocs, de la sélection des comparables aux notions de valeur.</figcaption></figure>
204 + <ul class="pts">
205 + <li><b>Pourquoi ces comparables ?</b> Rayon adaptatif de 2,2 km (élargi si le marché est mince), même famille de type, superficie ±20 % — les 12 meilleures ventes retenues.</li>
206 + <li><b>Pondération</b> : chaque comparable pèse selon trois gaussiennes — proximité (σ = 1 500 m), récence (σ = 24 mois), similarité de superficie (σ = 25 %).</li>
207 + <li><b>Les trois ajustements en dollars</b> : marché (indice mensuel), superficie (50 % du $/m², plafonné ±25 %), âge (0,5 %/an, plafonné ±10 %).</li>
208 + <li><b>Combinaison finale</b> : barre 65/35 et équation complète avec les montants réels du dossier.</li>
209 + <li><b>Indice de confiance décomposé</b> : base, comparables, dispersion, modèle, pénalité de largeur — ligne par ligne jusqu'au score final.</li>
210 + <li><b>Trois notions à ne pas confondre</b> : valeur marchande, prix demandé, prix de transaction — et le rôle d'évaluation.</li>
211 + </ul>
212 + <div class="formule">poids = exp(−(distance∕1500 m)²) × exp(−(mois∕24)²) × exp(−(Δaire∕25 %)²)</div>
213 + </section>
214 +
215 + <!-- ================= 05 COMPARABLES ================= -->
216 + <section id="s5">
217 + <div class="sec-head"><span class="sec-num">05 — La preuve</span>
218 + <h2>Les comparables, expliqués</h2></div>
219 + <p>La section <b>Comparables utilisés</b> croise une carte et un tableau synchronisés (survolez
220 + une ligne : la pastille s'allume sur la carte). Pour chaque vente : adresse, date,
221 + <b>distance</b>, prix payé, <b>prix au m²</b>, superficie, année de construction, les
222 + <b>trois ajustements en dollars</b>, le <b>prix ajusté</b> et le <b>poids</b> dans la médiane.</p>
223 + <figure><img class="shot" src="img/05-comparables.png" alt="Section comparables : carte des ventes autour de la propriété et tableau détaillé avec ajustements en dollars et poids">
224 + <figcaption>Carte + tableau des 12 comparables — chaque ajustement (marché, superficie, âge) affiché en dollars.</figcaption></figure>
225 + </section>
226 +
227 + <!-- ================= 06 MANUELLE ================= -->
228 + <section id="s6">
229 + <div class="sec-head"><span class="sec-num">06 — Plan B</span>
230 + <h2>Estimation sans adresse</h2></div>
231 + <p>Pas d'adresse précise ? En bas de l'accueil, décrivez la propriété — <b>municipalité</b> (obligatoire),
232 + <b>type</b>, superficie habitable, année de construction, terrain — et la plateforme estime à partir
233 + des comparables du secteur. Sans le modèle hédonique pré-calculé, l'estimation repose sur les
234 + comparables seuls : l'indice de confiance le reflète.</p>
235 + <figure><img class="shot" src="img/13-manuelle.png" alt="Formulaire d'estimation manuelle : municipalité, type de propriété, superficie habitable, année, terrain">
236 + <figcaption>Le formulaire « Pas d'adresse ? Décrivez la propriété » — accessible aussi via /estimation/manuelle.</figcaption></figure>
237 + </section>
238 +
239 + <!-- ================= 07 CARTE ================= -->
240 + <section id="s7">
241 + <div class="sec-head"><span class="sec-num">07 — Analyse géographique</span>
242 + <h2>La carte interactive</h2></div>
243 + <p><b>UQO Éval Maps</b> (menu « Carte ») affiche les <b>valeurs estimées</b> — jamais des prix
244 + demandés — sur une carte 3D. Zoomez sur un quartier : les pastilles apparaissent ; cliquez-en
245 + une pour ouvrir la fiche d'estimation. Les grappes bleues regroupent les secteurs denses.</p>
246 + <figure><img class="shot" src="img/06-carte.png" alt="Carte interactive UQO Éval Maps : pastilles de valeurs estimées sur fond de carte 3D">
247 + <figcaption>UQO Éval Maps — recherche par carte, pastilles encre à liseré turquoise, grappes bleu UQO.</figcaption></figure>
248 + </section>
249 +
250 + <!-- ================= 08 STATS ================= -->
251 + <section id="s8">
252 + <div class="sec-head"><span class="sec-num">08 — Le marché en chiffres</span>
253 + <h2>Statistiques provinciales &amp; municipalités</h2></div>
254 + <div class="grid2">
255 + <figure><img class="shot" src="img/07-stats.png" alt="Tableau de bord des statistiques provinciales">
256 + <figcaption>/stats — valeur totale du parc (2,01 billions $), tendances, répartitions, palmarès, rapports PDF.</figcaption></figure>
257 + <figure><img class="shot" src="img/08-municipalite.png" alt="Page municipalité de Gatineau : agrégats et palmarès locaux">
258 + <figcaption>Chaque municipalité (1 097) a sa page : valeur médiane, types, palmarès local.</figcaption></figure>
259 + </div>
260 + <p>Le tableau de bord <b>/stats</b> agrège tout le rôle d'évaluation 2026 ; les pages
261 + <b>/municipalites</b> et <b>/municipalite/[nom]</b> déclinent les mêmes agrégats ville par
262 + ville, avec le détail par type de propriété.</p>
263 + </section>
264 +
265 + <!-- ================= 09 PARC ================= -->
266 + <section id="s9">
267 + <div class="sec-head"><span class="sec-num">09 — Multi-propriétés</span>
268 + <h2>Le parc immobilier</h2></div>
269 + <p>L'outil <b>Parc immobilier</b> agrège jusqu'à <b>40 propriétés</b> : ajoutez les adresses une
270 + à une, puis « Évaluer mon parc » — valeur totale, fourchette cumulée, confiance pondérée,
271 + croissance 2021→2026 et <b>rapport PDF consolidé</b>. La liste est conservée sur votre appareil.</p>
272 + <figure><img class="shot" src="img/09-parc.png" alt="Page parc immobilier : constructeur de liste d'adresses et bouton Évaluer mon parc">
273 + <figcaption>Le constructeur de parc — utile pour comparer un échantillon de propriétés en exercice.</figcaption></figure>
274 + </section>
275 +
276 + <!-- ================= 10 ÉVA ================= -->
277 + <section id="s10">
278 + <div class="sec-head"><span class="sec-num">10 — Tutrice virtuelle</span>
279 + <h2>Éva — l'assistante pédagogique</h2></div>
280 + <p>La bulle <b>Éva</b> (en bas à droite, sur toutes les pages) ouvre une conversation avec
281 + l'assistante IA de la plateforme (propulsée par Claude). Branchée sur <b>12 outils du moteur</b>,
282 + elle retrouve une adresse, l'évalue et <b>explique chaque chiffre</b> : choix des comparables,
283 + ajustements, écart vs rôle, tendance du secteur. Demandez-lui aussi les concepts du cours —
284 + valeur marchande vs prix demandé, méthode des comparables, AVM…</p>
285 + <div class="grid2">
286 + <figure><img class="shot" src="img/10-assistant.png" alt="Page de présentation d'Éva, l'assistante pédagogique">
287 + <figcaption>/assistant — présentation d'Éva et exemples de questions.</figcaption></figure>
288 + <figure><img class="shot" src="img/11-eva-chat.png" alt="Fenêtre de conversation d'Éva ouverte en plein écran">
289 + <figcaption>La conversation s'ouvre en plein écran ; l'historique reste sur votre appareil.</figcaption></figure>
290 + </div>
291 + <div class="astuce"><b>Exemples.</b> « Combien vaut le 1075, chemin Sainte-Foy à Québec — et
292 + pourquoi ? » · « Explique-moi les ajustements de cette estimation » · « Quelle est la
293 + différence entre valeur marchande et évaluation municipale ? »</div>
294 + </section>
295 +
296 + <!-- ================= 11 PDF ================= -->
297 + <section id="s11">
298 + <div class="sec-head"><span class="sec-num">11 — Livrables</span>
299 + <h2>Les rapports PDF</h2></div>
300 + <p>Chaque fiche offre deux rapports 100 % vectoriels, aux couleurs de l'UQO, portant le
301 + <b>logo officiel UQO</b> et la mention <b>« généré dans le cadre des cours IMM1003 ·
302 + IMM1033 — Simon-Pierre Boucher, UQO »</b> en page titre et au pied de chaque page :</p>
303 + <div class="grid2">
304 + <figure><img class="shot" src="img/16-rapport-pdf.png" alt="Rapport PDF standard : bandeau UQO Éval, valeur estimée, fiche du registre, historique">
305 + <figcaption>Rapport standard (2 p.) — valeur, fiche du registre, historique, plan radar des comparables, méthodologie.</figcaption></figure>
306 + <figure><img class="shot" src="img/17-rapport-pro-pdf.png" alt="Rapport PDF professionnel : page titre avec logo UQO et conclusion de valeur">
307 + <figcaption>Rapport professionnel (6 p.) — structure de rapport d'évaluation : mandat, définition de la valeur, grille d'ajustement, réconciliation, conditions limitatives, attestation.</figcaption></figure>
308 + </div>
309 + <p>S'ajoutent le <b>rapport de parc consolidé</b> (outil Parc) et les <b>rapports statistiques
310 + provinciaux</b> (page Stats). Tous rappellent que l'estimation est un AVM pédagogique — pas un
311 + rapport OEAQ.</p>
312 + </section>
313 +
314 + <!-- ================= 12 MÉTHODOLOGIE ================= -->
315 + <section id="s12">
316 + <div class="sec-head"><span class="sec-num">12 — Le calcul, en entier</span>
317 + <h2>La méthodologie</h2></div>
318 + <p>La page <b>Méthodologie</b> documente tout au niveau d'un rapport technique : données sources,
319 + fusion spatiale transaction↔unité (99,88 % d'appariement), modèle hédonique LightGBM
320 + (18 variables, MdAPE 11,0 %), validation selon la norme <b>IAAO</b>, moteur en ligne, indice de
321 + marché, limites connues — puis le <b>guide pédagogique</b> : méthode des comparables, méthode
322 + hédonique, méthode du coût (IMM1033), prix au m², ajustement temporel, AVM, intervalle de
323 + confiance, biais des modèles automatisés et lecture critique d'une estimation.</p>
324 + <figure><img class="shot" src="img/12-methodologie.png" alt="Page méthodologie : « Voici exactement comment le prix est calculé », chaîne de calcul en six étapes">
325 + <figcaption>La méthodologie — 9 sections, des données sources à la lecture critique.</figcaption></figure>
326 + </section>
327 +
328 + <!-- ================= 13 MOBILE ================= -->
329 + <section id="s13">
330 + <div class="sec-head"><span class="sec-num">13 — Partout</span>
331 + <h2>Mobile, langue et témoins</h2></div>
332 + <div class="grid2">
333 + <figure><img class="shot" src="img/14-mobile-accueil.png" alt="Accueil sur téléphone : logo UQO, titre, champ Analyser, barre d'onglets">
334 + <figcaption>Mobile — barre d'onglets Analyser · Marché · Ventes · Méthode.</figcaption></figure>
335 + <figure><img class="shot" src="img/15-mobile-estimation.png" alt="Fiche d'estimation sur téléphone : valeur, fourchette, boutons Mode étudiant et PDF">
336 + <figcaption>La fiche complète (mode étudiant inclus) sur téléphone.</figcaption></figure>
337 + </div>
338 + <ul class="pts">
339 + <li><b>FR / EN</b> : bouton de langue dans l'en-tête (et le menu mobile) — toute l'interface est bilingue.</li>
340 + <li><b>Témoins (Loi 25)</b> : la plateforme n'utilise que des témoins essentiels et, si vous l'acceptez, un témoin de préférence de langue. Aucun pisteur publicitaire. Réglages modifiables via « Préférences de témoins » au pied de page.</li>
341 + <li><b>Aucun compte requis</b> : tout fonctionne sans inscription ; le parc et le mode étudiant sont mémorisés localement sur votre appareil.</li>
342 + </ul>
343 + </section>
344 +
345 + <!-- ================= 14 LEXIQUE ================= -->
346 + <section id="s14">
347 + <div class="sec-head"><span class="sec-num">14 — Référence rapide</span>
348 + <h2>Lexique &amp; limites</h2></div>
349 + <table class="tbl">
350 + <tr><th>Terme</th><th>Définition</th></tr>
351 + <tr><td>Valeur marchande</td><td>Prix le plus probable sur un marché libre et concurrentiel — ce que la plateforme estime.</td></tr>
352 + <tr><td>Prix demandé</td><td>Prix affiché par le vendeur — une stratégie de mise en marché, pas une mesure de valeur.</td></tr>
353 + <tr><td>Prix de transaction</td><td>Prix réellement payé — la seule mesure directe du marché (745 119 observées).</td></tr>
354 + <tr><td>Valeur au rôle</td><td>Évaluation municipale servant à la taxe foncière, fixée 18-24 mois avant son entrée en vigueur.</td></tr>
355 + <tr><td>Modèle hédonique</td><td>Régression (ici LightGBM) qui décompose le prix en « prix implicites » des caractéristiques.</td></tr>
356 + <tr><td>AVM</td><td>Automated Valuation Model — système d'estimation de masse ; UQO Éval en est un, encadré par la norme IAAO.</td></tr>
357 + <tr><td>P10-P90</td><td>Intervalle contenant 80 % des issues probables, issu de la régression quantile.</td></tr>
358 + <tr><td>MdAPE</td><td>Erreur absolue médiane en pourcentage — 11,0 % pour le modèle en validation.</td></tr>
359 + </table>
360 + <h3>Ce que la plateforme ne voit pas</h3>
361 + <p>Rénovations intérieures, état d'entretien, garages, piscines et nuisances locales n'apparaissent
362 + pas dans les données ouvertes du rôle. Dans les marchés minces, la dispersion augmente — l'indice
363 + de confiance le signale. Réflexe d'évaluateur : toujours confronter l'estimation aux comparables
364 + affichés, au rôle et au contexte.</p>
365 + </section>
366 +
367 + <a class="retour" href="/">← Retour à la plateforme</a>
368 +</div>
369 +
370 +<!-- ================= PIED ================= -->
371 +<footer class="fin">
372 + <div class="wrap">
373 + <div class="logo">
374 + <img src="/uqo/uqo-blanc.svg" alt="UQO — Université du Québec en Outaouais">
375 + <span class="eval">Éval</span>
376 + </div>
377 + <p><b>UQO Éval — laboratoire pédagogique d'évaluation immobilière</b> · www.uqo-eval.app<br>
378 + Manuel d'utilisation généré dans le cadre des cours <b>IMM1003 — Éléments d'évaluation
379 + immobilière</b> et <b>IMM1033 — Méthodes du coût en évaluation immobilière</b>, enseignés par
380 + Simon-Pierre Boucher (Université du Québec en Outaouais).</p>
381 + <p>Plateforme à vocation pédagogique, universitaire et expérimentale — les estimations ne
382 + constituent pas une évaluation immobilière professionnelle certifiée (OEAQ). Logo et signature
383 + UQO : propriété de l'Université du Québec en Outaouais, utilisés conformément au Guide de
384 + normes graphiques (déc. 2025). Données : rôles d'évaluation foncière du Québec (MAMH, données
385 + ouvertes) et transactions publiques.</p>
386 + </div>
387 +</footer>
388 +</body>
389 +</html>
added public/guide/uqo-eval-manuel.pdf +0 −0

Binary file not shown.

modified src/app/HomeClient.tsx +1 −1
@@ -127,7 +127,7 @@ export default function HomeClient({
127 127 {/* ================= HÉRO — terminal encre pleine largeur ================= */}
128 128 <section className="bleed vp-dark">
129 129 <div className="mx-auto max-w-6xl px-4 pb-10 pt-12 sm:px-6 sm:pb-14 sm:pt-16">
130 − <div className="flex items-end gap-2.5">
130 + <div className="flex items-end gap-3.5">
131 131 {/* logo officiel UQO — version blanche sur encre */}
132 132 {/* eslint-disable-next-line @next/next/no-img-element */}
133 133 <img src="/uqo/uqo-blanc.svg" alt="UQO" className="h-[34px] w-auto" />
modified src/app/conditions/ConditionsClient.tsx +8 −4
@@ -6,7 +6,8 @@ const FR = [
6 6 {
7 7 title: "Objet et acceptation",
8 8 paras: [
9 − "UQO Éval (uqo-eval.app) est une plateforme d'estimation statistique de la valeur de propriétés situées au Québec, exploitée par Simon-Pierre Boucher (contact@spboucher.ai). En accédant au site ou en utilisant ses fonctionnalités — recherche d'adresse, estimation, rapport PDF — vous acceptez les présentes conditions d'utilisation. Si vous ne les acceptez pas, veuillez ne pas utiliser le service.",
9 + "UQO Éval (uqo-eval.app) est un laboratoire pédagogique d'évaluation immobilière : une plateforme à vocation pédagogique, universitaire et expérimentale, développée et exploitée par Simon-Pierre Boucher dans le cadre des cours IMM1003 — Éléments d'évaluation immobilière et IMM1033 — Méthodes du coût en évaluation immobilière, enseignés à l'Université du Québec en Outaouais (UQO). En accédant au site ou en utilisant ses fonctionnalités — recherche d'adresse, estimation, mode étudiant, rapport PDF — vous acceptez les présentes conditions d'utilisation. Si vous ne les acceptez pas, veuillez ne pas utiliser le service.",
10 + "La plateforme sert à explorer et à comprendre les mécanismes de l'évaluation immobilière à des fins d'apprentissage. Elle n'est pas un service commercial d'évaluation.",
10 11 ],
11 12 },
12 13 {
@@ -37,7 +38,8 @@ const FR = [
37 38 {
38 39 title: "Propriété intellectuelle",
39 40 paras: [
40 − "La marque UQO Éval, l'interface, les modèles, les rapports PDF et la présentation des résultats sont la propriété de Simon-Pierre Boucher. Les données publiques sous-jacentes demeurent régies par leurs licences respectives (dont la licence des données ouvertes du gouvernement du Québec).",
41 + "L'interface, les modèles, les rapports PDF et la présentation des résultats sont la propriété de Simon-Pierre Boucher. Les données publiques sous-jacentes demeurent régies par leurs licences respectives (dont la licence des données ouvertes du gouvernement du Québec).",
42 + "Le logo et la signature « UQO » sont la propriété exclusive de l'Université du Québec en Outaouais. Ils sont utilisés ici dans le cadre des activités d'enseignement des cours IMM1003 et IMM1033, conformément au Guide de normes graphiques de l'UQO (déclinaisons de couleur officielles, proportions originales, zone de protection) et sous réserve de l'approbation de la Direction des communications et du recrutement (DCR) de l'UQO. Toute réutilisation du logo UQO hors de la plateforme requiert une autorisation écrite de la DCR (uqo.ca/dcr).",
41 43 ],
42 44 },
43 45 {
@@ -58,7 +60,8 @@ const EN = [
58 60 {
59 61 title: "Purpose and acceptance",
60 62 paras: [
61 − "UQO Éval (uqo-eval.app) is a statistical property-value estimation platform for Québec, operated by Simon-Pierre Boucher (contact@spboucher.ai). By accessing the site or using its features — address search, estimates, PDF reports — you accept these terms of service. If you do not accept them, please do not use the service.",
63 + "UQO Éval (uqo-eval.app) is a real-estate valuation teaching laboratory: an educational, academic and experimental platform developed and operated by Simon-Pierre Boucher for courses IMM1003 — Fundamentals of Real-Estate Appraisal and IMM1033 — Cost Approaches in Real-Estate Appraisal, taught at the Université du Québec en Outaouais (UQO). By accessing the site or using its features — address search, estimates, student mode, PDF reports — you accept these terms of service. If you do not accept them, please do not use the service.",
64 + "The platform exists to explore and understand the mechanics of real-estate valuation for learning purposes. It is not a commercial appraisal service.",
62 65 ],
63 66 },
64 67 {
@@ -89,7 +92,8 @@ const EN = [
89 92 {
90 93 title: "Intellectual property",
91 94 paras: [
92 − "The UQO Éval brand, interface, models, PDF reports and presentation of results are the property of Simon-Pierre Boucher. The underlying public data remains governed by its respective licences (including the Québec government open-data licence).",
95 + "The interface, models, PDF reports and presentation of results are the property of Simon-Pierre Boucher. The underlying public data remains governed by its respective licences (including the Québec government open-data licence).",
96 + "The UQO logo and signature are the exclusive property of the Université du Québec en Outaouais, used here for the teaching activities of courses IMM1003 and IMM1033 in accordance with UQO's graphic standards guide (official colour versions, original proportions, protection zone) and subject to approval by UQO's communications directorate (DCR). Any reuse of the UQO logo outside the platform requires written authorization from the DCR (uqo.ca/dcr).",
93 97 ],
94 98 },
95 99 {
modified src/app/layout.tsx +1 −1
@@ -118,7 +118,7 @@ export default function RootLayout({ children }: LayoutProps<"/">) {
118 118 <div className="relative mx-auto flex h-14 max-w-6xl items-center gap-6 px-4 sm:px-6">
119 119 <Link
120 120 href="/"
121 − className="relative flex items-end gap-1.5 after:absolute after:-inset-2 after:content-['']"
121 + className="relative flex items-end gap-3 after:absolute after:-inset-2 after:content-['']"
122 122 aria-label="UQO Éval — accueil"
123 123 >
124 124 {/* eslint-disable-next-line @next/next/no-img-element */}
modified src/components/FooterNav.tsx +3 −0
@@ -27,6 +27,9 @@ export default function FooterNav() {
27 27 <Link href="/methodologie" className={cls}>
28 28 {fr ? "Méthodologie" : "Methodology"}
29 29 </Link>
30 + <a href="/guide/index.html" className={cls}>
31 + {fr ? "Guide d'utilisation" : "User guide"}
32 + </a>
30 33 <Link href="/conditions" className={cls}>
31 34 {fr ? "Conditions d'utilisation" : "Terms of service"}
32 35 </Link>
modified src/components/HeaderNav.tsx +1 −1
@@ -88,7 +88,7 @@ export default function HeaderNav() {
88 88 <div className="flex h-14 shrink-0 items-center justify-between border-b border-[rgba(245,243,238,0.18)] px-4">
89 89 <Link
90 90 href="/"
91 − className="flex items-end gap-1.5"
91 + className="flex items-end gap-3"
92 92 aria-label="UQO Éval — accueil"
93 93 >
94 94 {/* eslint-disable-next-line @next/next/no-img-element */}
modified src/components/UqoFooter.tsx +4 −1
@@ -11,7 +11,7 @@ export default function UqoFooter() {
11 11 <footer className="ka-footer" id="contact">
12 12 <div className="container">
13 13 {/* logo officiel UQO (version blanche, proportions natives) + wordmark */}
14 − <div className="flex items-end gap-3">
14 + <div className="flex items-end gap-4">
15 15 {/* eslint-disable-next-line @next/next/no-img-element */}
16 16 <img
17 17 src="/uqo/uqo-blanc.svg"
@@ -54,6 +54,9 @@ export default function UqoFooter() {
54 54 : "Developed for courses IMM1003 — Fundamentals of Real-Estate Appraisal and IMM1033 — Cost Approaches in Real-Estate Appraisal, taught by Simon-Pierre Boucher (Université du Québec en Outaouais)."}
55 55 </p>
56 56 <ul className="sites">
57 + <li>
58 + <a href="/guide/index.html">{fr ? "Guide d'utilisation" : "User guide"}</a>
59 + </li>
57 60 <li>
58 61 <Link href="/methodologie">{fr ? "Méthodologie" : "Methodology"}</Link>
59 62 </li>
60 63