diff --git a/parcoursup/api.js b/parcoursup/api.js
index 20b2c65..8766324 100644
--- a/parcoursup/api.js
+++ b/parcoursup/api.js
@@ -1,34 +1,35 @@
-export function buildURL(query, limit = 20, offset = 0, filters = {}) {
-  let url =
-    "https://data.enseignementsup-recherche.gouv.fr/api/explore/v2.1/catalog/datasets/fr-esr-parcoursup/records?"
+// Construire l'URL de requête vers l'API Parcoursup
+export function construireURL(requete, limite = 20, decalage = 0, filtres = {}) {
 
-  url += "limit=" + limit
-  url += "&offset=" + offset
+  var url = "https://data.enseignementsup-recherche.gouv.fr/api/explore/v2.1/catalog/datasets/fr-esr-parcoursup/records?"
+
+  url += "limit=" + limite
+  url += "&offset=" + decalage
 
   var conditions = []
 
-  if (query && query.trim() !== "") {
-    conditions.push("search(lib_for_voe_ins, '" + query + "')")
+  if (requete && requete.trim() !== "") {
+    conditions.push("search(lib_for_voe_ins, '" + requete + "')")
   }
 
-  if (filters.filiere && filters.filiere !== "") {
-    conditions.push("fili='" + filters.filiere + "'")
+  if (filtres.filiere && filtres.filiere !== "") {
+    conditions.push("fili='" + filtres.filiere + "'")
   }
 
-  if (filters.selectivite && filters.selectivite !== "") {
-    conditions.push("select_form='" + filters.selectivite + "'")
+  if (filtres.selectivite && filtres.selectivite !== "") {
+    conditions.push("select_form='" + filtres.selectivite + "'")
   }
 
-  if (filters.region && filters.region !== "") {
-    conditions.push("region_etab_aff='" + filters.region + "'")
+  if (filtres.region && filtres.region !== "") {
+    conditions.push("region_etab_aff='" + filtres.region + "'")
   }
 
-  if (filters.tauxMin && filters.tauxMin > 0) {
-    conditions.push("taux_acces_ens>=" + filters.tauxMin)
+  if (filtres.tauxMin && filtres.tauxMin > 0) {
+    conditions.push("taux_acces_ens>=" + filtres.tauxMin)
   }
 
-  if (filters.tauxMax && filters.tauxMax < 100) {
-    conditions.push("taux_acces_ens<=" + filters.tauxMax)
+  if (filtres.tauxMax && filtres.tauxMax < 100) {
+    conditions.push("taux_acces_ens<=" + filtres.tauxMax)
   }
 
   if (conditions.length > 0) {
@@ -38,19 +39,23 @@ export function buildURL(query, limit = 20, offset = 0, filters = {}) {
   return url
 }
 
-export async function fetchFormations(query, limit = 20, offset = 0, filters = {}) {
-  const url = buildURL(query, limit, offset, filters)
-  const response = await fetch(url)
+// Charger les formations depuis l'API Parcoursup
+export async function chargerFormations(requete, limite = 20, decalage = 0, filtres = {}) {
 
-  if (!response.ok) {
+  var url     = construireURL(requete, limite, decalage, filtres)
+  var reponse = await fetch(url)
+
+  if (!reponse.ok) {
     throw new Error("Erreur HTTP")
   }
 
-  return await response.json()
+  return await reponse.json()
 }
 
-export async function fetchFormationHistory(codUai, nomFormation) {
-  var datasets = {
+// Charger l'historique d'une formation sur plusieurs années
+export async function chargerHistoriqueFormation(codUai, nomFormation) {
+
+  var jeuDeDonnees = {
     2020: "fr-esr-parcoursup_2020",
     2021: "fr-esr-parcoursup_2021",
     2022: "fr-esr-parcoursup_2022",
@@ -59,54 +64,59 @@ export async function fetchFormationHistory(codUai, nomFormation) {
     2025: "fr-esr-parcoursup"
   }
 
-  var history = []
-  var searchName = nomFormation.substring(0, 40).replace(/'/g, "\\'")
-  var years = [2020, 2021, 2022, 2023, 2024, 2025]
+  var historique  = []
+  var nomCourt    = nomFormation.substring(0, 40).replace(/'/g, "\\'")
+  var annees      = [2020, 2021, 2022, 2023, 2024, 2025]
 
-  for (var i = 0; i < years.length; i++) {
-    var year = years[i]
-    var dataset = datasets[year]
+  for (var i = 0; i < annees.length; i++) {
+
+    var annee   = annees[i]
+    var dataset = jeuDeDonnees[annee]
 
     try {
+
       var url = "https://data.enseignementsup-recherche.gouv.fr/api/explore/v2.1/catalog/datasets/"
         + dataset + "/records?"
         + "limit=5"
-        + "&where=cod_uai%3D'" + codUai + "' AND search(lib_for_voe_ins, '" + searchName + "')"
+        + "&where=cod_uai%3D'" + codUai + "' AND search(lib_for_voe_ins, '" + nomCourt + "')"
         + "&select=cod_uai,lib_for_voe_ins,voe_tot,acc_tot,pct_sansmention,pct_ab,pct_b,pct_tb,pct_tbf,pct_bg,pct_bt,pct_bp"
 
-      var response = await fetch(url)
+      var reponse = await fetch(url)
 
-      if (response.ok) {
-        var data = await response.json()
+      if (reponse.ok) {
 
-        if (data.results && data.results.length > 0) {
-          var r = data.results[0]
-          var taux = 0
+        var donnees = await reponse.json()
 
-          if (r.voe_tot && r.voe_tot > 0) {
-            taux = Math.round((r.acc_tot / r.voe_tot) * 100)
+        if (donnees.results && donnees.results.length > 0) {
+
+          var ligne = donnees.results[0]
+          var taux  = 0
+
+          if (ligne.voe_tot && ligne.voe_tot > 0) {
+            taux = Math.round((ligne.acc_tot / ligne.voe_tot) * 100)
           }
 
-          history.push({
-            annee: year,
-            tauxAcces: taux,
-            candidats: r.voe_tot || 0,
-            admis: r.acc_tot || 0,
-            pctSansMention: r.pct_sansmention || 0,
-            pctAB: r.pct_ab || 0,
-            pctB: r.pct_b || 0,
-            pctTB: r.pct_tb || 0,
-            pctTBF: r.pct_tbf || 0,
-            pctGeneral: r.pct_bg || 0,
-            pctTechno: r.pct_bt || 0,
-            pctPro: r.pct_bp || 0
+          historique.push({
+            annee:          annee,
+            tauxAcces:      taux,
+            candidats:      ligne.voe_tot || 0,
+            admis:          ligne.acc_tot || 0,
+            pctSansMention: ligne.pct_sansmention || 0,
+            pctAB:          ligne.pct_ab || 0,
+            pctB:           ligne.pct_b || 0,
+            pctTB:          ligne.pct_tb || 0,
+            pctTBF:         ligne.pct_tbf || 0,
+            pctGeneral:     ligne.pct_bg || 0,
+            pctTechno:      ligne.pct_bt || 0,
+            pctPro:         ligne.pct_bp || 0
           })
         }
       }
+
     } catch (e) {
-      console.warn("Erreur pour " + year + ":", e)
+      console.warn("Erreur pour l'année " + annee + " :", e)
     }
   }
 
-  return history
+  return historique
 }
diff --git a/parcoursup/app.riot b/parcoursup/app.riot
index 34d8e93..6072d0b 100644
--- a/parcoursup/app.riot
+++ b/parcoursup/app.riot
@@ -9,7 +9,7 @@
         <a href="#/comparateur" class="header-badge badge-clickable" if={ state.selectedFormations.length > 0 }>
           { state.selectedFormations.length } sélection(s)
         </a>
-        <auth-panel user={ state.user } onauth={ onUserAuth } onlogout={ onUserLogout }></auth-panel>
+        <auth-panel user={ state.user } onauth={ surConnexion } onlogout={ surDeconnexion }></auth-panel>
       </div>
     </div>
   </header>
@@ -18,7 +18,7 @@
 
     <!-- ============== VUE RECHERCHE ============== -->
     <div if={ state.view === 'search' }>
-      <search-bar onsearch={ launchSearch }></search-bar>
+      <search-bar onsearch={ lancerRecherche }></search-bar>
 
       <p class="result-count" if={ state.hasSearched && !state.loading }>
         <b>{ state.query }</b> — { state.total } résultat(s)
@@ -32,16 +32,16 @@
             results={ state.results }
             hasSearched={ state.hasSearched }
             loading={ state.loading }
-            ondetail={ showDetail }
-            onselect={ addToSelection }>
+            ondetail={ afficherDetail }
+            onselect={ ajouterSelection }>
           </result-list>
 
           <div class="pagination" if={ state.total > state.limit }>
-            <button class="btn btn-outline" onclick={ previousPage } disabled={ state.page === 1 }>
+            <button class="btn btn-outline" onclick={ pagePrecedente } disabled={ state.page === 1 }>
               ← Précédent
             </button>
-            <span class="page-info">Page { state.page } / { getTotalPages() }</span>
-            <button class="btn btn-outline" onclick={ nextPage } disabled={ state.page === getTotalPages() }>
+            <span class="page-info">Page { state.page } / { nombreTotalPages() }</span>
+            <button class="btn btn-outline" onclick={ pageSuivante } disabled={ state.page === nombreTotalPages() }>
               Suivant →
             </button>
           </div>
@@ -53,7 +53,7 @@
     <div if={ state.view === 'detail' && state.selected }>
       <detail-view
         formation={ state.selected }
-        onback={ goToSearch }>
+        onback={ retourRecherche }>
       </detail-view>
     </div>
 
@@ -64,7 +64,7 @@
     <!-- ============== VUE COMPARATEUR ============== -->
     <div if={ state.view === 'comparateur' }>
 
-      <button class="btn btn-outline" onclick={ goToSearch } style="margin-bottom: 16px;">← Retour à la recherche</button>
+      <button class="btn btn-outline" onclick={ retourRecherche } style="margin-bottom: 16px;">← Retour à la recherche</button>
 
       <div class="detail-card comparateur-card" if={ state.selectedFormations.length > 0 }>
         <h2>Comparateur de formations</h2>
@@ -80,13 +80,13 @@
               max="20"
               step="0.1"
               value={ state.note }
-              oninput={ updateNote }
+              oninput={ mettreAJourNote }
             />
           </div>
 
           <div>
             <label><b>Série :</b></label><br />
-            <select onchange={ updateSerie }>
+            <select onchange={ mettreAJourSerie }>
               <option value="general" selected={ state.serie === 'general' }>Général</option>
               <option value="techno" selected={ state.serie === 'techno' }>Technologique</option>
               <option value="pro" selected={ state.serie === 'pro' }>Professionnel</option>
@@ -95,7 +95,7 @@
 
           <div>
             <label><b>Trier par :</b></label><br />
-            <select onchange={ updateSort }>
+            <select onchange={ mettreAJourTri }>
               <option value="nom" selected={ state.sortBy === 'nom' }>Nom</option>
               <option value="ville" selected={ state.sortBy === 'ville' }>Ville</option>
               <option value="taux" selected={ state.sortBy === 'taux' }>Taux d'accès</option>
@@ -104,11 +104,11 @@
           </div>
         </div>
 
-        <button class="btn btn-danger" onclick={ clearSelection }>Vider la sélection</button>
+        <button class="btn btn-danger" onclick={ viderSelection }>Vider la sélection</button>
 
         <hr />
 
-        <div each={ f in getSortedSelection() } key={ f.id } class={ getCardClass(f) }>
+        <div each={ f in obtenirSelectionTriee() } key={ f.id } class={ classeCarte(f) }>
           <h4>{ f.nom }</h4>
 
           <p><b>Établissement :</b> { f.etablissement }</p>
@@ -125,13 +125,13 @@
           </p>
 
           <p class="estimation-result">
-            <span class={ getEstimateClass(f) }>
-              { estimateFormation(f) }
+            <span class={ classeEstimation(f) }>
+              { estimerFormation(f) }
             </span>
-            <span class="estimation-detail">{ getEstimateDetail(f) }</span>
+            <span class="estimation-detail">{ detailEstimation(f) }</span>
           </p>
 
-          <button class="btn btn-small btn-outline" onclick={ () => removeFromSelection(f.id) }>
+          <button class="btn btn-small btn-outline" onclick={ retirerSelection.bind(this, f.id) }>
             Retirer
           </button>
         </div>
@@ -167,7 +167,7 @@
 
       onMounted() {
         var saved = localStorage.getItem('selectionFormations')
-        var self  = this
+        var soi = this
 
         // Charger la sélection locale si elle existe
         if (saved) {
@@ -181,15 +181,15 @@
         // Écouter les changements de connexion Firebase
         window.firebaseServices.onUserChanged(function(user) {
 
-          self.update({ user: user })
+          soi.update({ user: user })
 
           // Si un utilisateur vient de se connecter, charger sa sélection depuis Firestore
           if (user) {
             window.firebaseServices.loadUserData(user.uid)
-              .then(function(data) {
-                if (data && data.selection) {
-                  self.update({ selectedFormations: data.selection })
-                  localStorage.setItem('selectionFormations', JSON.stringify(data.selection))
+              .then(function(donnees) {
+                if (donnees && donnees.selection) {
+                  soi.update({ selectedFormations: donnees.selection })
+                  localStorage.setItem('selectionFormations', JSON.stringify(donnees.selection))
                 }
               })
               .catch(function(err) {
@@ -200,26 +200,26 @@
         })
 
         window.addEventListener('hashchange', function() {
-          self.handleRoute()
+          soi.gererRoute()
         })
 
-        this.handleRoute()
+        this.gererRoute()
       },
 
       // Appelée après une connexion ou inscription réussie
-      onUserAuth() {
+      surConnexion() {
         // L'écouteur onUserChanged dans onMounted gère automatiquement le reste
       },
 
       // Appelée après une déconnexion
-      onUserLogout() {
+      surDeconnexion() {
         // On vide la sélection : l'utilisateur doit se reconnecter pour retrouver ses formations
         this.update({ selectedFormations: [] })
         localStorage.removeItem('selectionFormations')
       },
 
       // Sauvegarder la sélection en local ET dans Firestore si connecté
-      async saveSelection(selection) {
+      async sauvegarderSelection(selection) {
 
         localStorage.setItem('selectionFormations', JSON.stringify(selection))
 
@@ -233,22 +233,22 @@
 
       },
 
-      handleRoute() {
-        var hash = window.location.hash || '#/'
-        var path = hash.slice(1) || '/'
+      gererRoute() {
+        var ancre = window.location.hash || '#/'
+        var chemin = ancre.slice(1) || '/'
 
-        if (path.startsWith('/formation/')) {
-          var id = decodeURIComponent(path.replace('/formation/', ''))
+        if (chemin.startsWith('/formation/')) {
+          var id = decodeURIComponent(chemin.replace('/formation/', ''))
           this.update({ view: 'detail' })
-          this.loadFormationById(id)
-        } else if (path === '/comparateur') {
+          this.chargerFormationParId(id)
+        } else if (chemin === '/comparateur') {
           this.update({ view: 'comparateur', selected: null })
         } else {
           this.update({ view: 'search', selected: null })
         }
       },
 
-      async loadFormationById(id) {
+      async chargerFormationParId(id) {
         var i
 
         for (i = 0; i < this.state.results.length; i++) {
@@ -266,168 +266,173 @@
         }
 
         try {
-          var parts = id.split('-')
-          var searchTerm = parts.slice(1).join(' ').substring(0, 30)
+          var parties = id.split('-')
+          var motCle  = parties.slice(1).join(' ').substring(0, 30)
 
-          if (searchTerm) {
-            var data = await window.fetchFormations(searchTerm, 10, 0)
+          if (motCle) {
+            var donnees = await window.chargerFormations(motCle, 10, 0)
 
-            if (data.results && data.results.length > 0) {
-              for (i = 0; i < data.results.length; i++) {
-                var f = window.createFormation(data.results[i])
-                if (f.id === id) {
-                  this.update({ selected: f })
+            if (donnees.results && donnees.results.length > 0) {
+              for (i = 0; i < donnees.results.length; i++) {
+                var formation = window.creerFormation(donnees.results[i])
+                if (formation.id === id) {
+                  this.update({ selected: formation })
                   return
                 }
               }
-              this.update({ selected: window.createFormation(data.results[0]) })
+              this.update({ selected: window.creerFormation(donnees.results[0]) })
             }
           }
-        } catch (error) {
-          console.error('Erreur chargement formation:', error)
+        } catch (erreur) {
+          console.error('Erreur chargement formation :', erreur)
         }
       },
 
-      showDetail(index) {
+      afficherDetail(index) {
         var formation = this.state.results[index]
         this.update({ selected: formation, view: 'detail' })
         window.location.hash = '#/formation/' + encodeURIComponent(formation.id)
       },
 
-      goToSearch() {
+      retourRecherche() {
         window.location.hash = '#/'
       },
 
-      async launchSearch(query, filters) {
+      async lancerRecherche(requete, filtres) {
         this.update({
           loading: true,
           hasSearched: true,
           selected: null,
           view: 'search',
-          query: query,
-          filters: filters || {},
+          query: requete,
+          filters: filtres || {},
           page: 1
         })
 
         window.location.hash = '#/'
-        await this.loadPage(1)
+        await this.chargerPage(1)
       },
 
-      async loadPage(page) {
+      async chargerPage(page) {
         this.update({ loading: true })
 
         try {
-          var offset = (page - 1) * this.state.limit
+          var decalage = (page - 1) * this.state.limit
 
-          var data = await window.fetchFormations(
+          var donnees = await window.chargerFormations(
             this.state.query,
             this.state.limit,
-            offset,
+            decalage,
             this.state.filters
           )
 
           var formations = []
 
-          if (data.results) {
-            for (var i = 0; i < data.results.length; i++) {
-              var raw = data.results[i]
-              formations.push(window.createFormation(raw))
+          if (donnees.results) {
+            for (var i = 0; i < donnees.results.length; i++) {
+              var brut = donnees.results[i]
+              formations.push(window.creerFormation(brut))
             }
           }
 
+          var total = 0
+
+          if (donnees.total_count) {
+            total = donnees.total_count
+          }
+
           this.update({
             results: formations,
-            total: data.total_count ? data.total_count : 0,
-            page: page,
+            total:   total,
+            page:    page,
             loading: false
           })
-        } catch (error) {
-          console.error(error)
+        } catch (erreur) {
+          console.error(erreur)
           this.update({
             results: [],
-            total: 0,
+            total:   0,
             loading: false
           })
         }
       },
 
-      getTotalPages() {
+      nombreTotalPages() {
         return Math.ceil(this.state.total / this.state.limit)
       },
 
-      async nextPage() {
-        if (this.state.page < this.getTotalPages()) {
-          await this.loadPage(this.state.page + 1)
+      async pageSuivante() {
+        if (this.state.page < this.nombreTotalPages()) {
+          await this.chargerPage(this.state.page + 1)
         }
       },
 
-      async previousPage() {
+      async pagePrecedente() {
         if (this.state.page > 1) {
-          await this.loadPage(this.state.page - 1)
+          await this.chargerPage(this.state.page - 1)
         }
       },
 
-      addToSelection(index) {
-        var formation = this.state.results[index]
-        var selection = this.state.selectedFormations.slice()
-
-        var exists = false
+      ajouterSelection(index) {
+        var formation  = this.state.results[index]
+        var selection  = this.state.selectedFormations.slice()
+        var dejaAjout  = false
 
         for (var i = 0; i < selection.length; i++) {
           if (selection[i].id === formation.id) {
-            exists = true
+            dejaAjout = true
           }
         }
 
-        if (!exists) {
+        if (!dejaAjout) {
           selection.push(formation)
           this.update({ selectedFormations: selection })
-          this.saveSelection(selection)
+          this.sauvegarderSelection(selection)
         }
       },
 
-      removeFromSelection(id) {
-        var newSelection = []
+      retirerSelection(id) {
+        var nouvelleSelection = []
 
         for (var i = 0; i < this.state.selectedFormations.length; i++) {
           var f = this.state.selectedFormations[i]
 
           if (f.id !== id) {
-            newSelection.push(f)
+            nouvelleSelection.push(f)
           }
         }
 
-        this.update({ selectedFormations: newSelection })
-        this.saveSelection(newSelection)
+        this.update({ selectedFormations: nouvelleSelection })
+        this.sauvegarderSelection(nouvelleSelection)
       },
 
-      clearSelection() {
+      viderSelection() {
         this.update({ selectedFormations: [] })
-        this.saveSelection([])
+        this.sauvegarderSelection([])
       },
 
-      updateNote(e) {
+      mettreAJourNote(e) {
         this.update({ note: Number(e.target.value) })
       },
 
-      updateSerie(e) {
+      mettreAJourSerie(e) {
         this.update({ serie: e.target.value })
       },
 
-      updateSort(e) {
+      mettreAJourTri(e) {
         this.update({ sortBy: e.target.value })
       },
 
-      getSortedSelection() {
+      obtenirSelectionTriee() {
         var selection = this.state.selectedFormations.slice()
+        var soi       = this
 
         if (this.state.sortBy === 'taux') {
           selection.sort(function(a, b) { return b.tauxAcces - a.tauxAcces })
         } else if (this.state.sortBy === 'ville') {
           selection.sort(function(a, b) { return a.ville.localeCompare(b.ville) })
         } else if (this.state.sortBy === 'estimation') {
-          var self = this
-          selection.sort(function(a, b) { return self.getScore(b) - self.getScore(a) })
+          selection.sort(function(a, b) { return soi.calculerScore(b) - soi.calculerScore(a) })
         } else {
           selection.sort(function(a, b) { return a.nom.localeCompare(b.nom) })
         }
@@ -435,77 +440,134 @@
         return selection
       },
 
-      getSeriePercent(f) {
-        if (this.state.serie === 'general') return f.pctGeneral || 0
-        if (this.state.serie === 'techno') return f.pctTechno || 0
-        if (this.state.serie === 'pro') return f.pctPro || 0
+      pourcentageSerie(f) {
+        if (this.state.serie === 'general') {
+          return f.pctGeneral || 0
+        }
+        if (this.state.serie === 'techno') {
+          return f.pctTechno  || 0
+        }
+        if (this.state.serie === 'pro') {
+          return f.pctPro     || 0
+        }
         return 0
       },
 
-      getScore(f) {
-        var score = 0
-        var note = this.state.note
+      calculerScore(f) {
+        var score     = 0
+        var note      = this.state.note
         var tauxAcces = f.tauxAcces || 0
-        var seriePct = this.getSeriePercent(f)
+        var pctSerie  = this.pourcentageSerie(f)
 
-        if (tauxAcces >= 80) score += 30
-        else if (tauxAcces >= 50) score += 24
-        else if (tauxAcces >= 30) score += 16
-        else if (tauxAcces >= 15) score += 8
-        else score += 2
+        if (tauxAcces >= 80) {
+          score += 30
+        } else if (tauxAcces >= 50) {
+          score += 24
+        } else if (tauxAcces >= 30) {
+          score += 16
+        } else if (tauxAcces >= 15) {
+          score += 8
+        } else {
+          score += 2
+        }
 
-        if (note >= 17) score += 40
-        else if (note >= 15) score += 32
-        else if (note >= 13) score += 22
-        else if (note >= 11) score += 14
-        else if (note >= 9) score += 6
-        else score += 0
+        if (note >= 17) {
+          score += 40
+        } else if (note >= 15) {
+          score += 32
+        } else if (note >= 13) {
+          score += 22
+        } else if (note >= 11) {
+          score += 14
+        } else if (note >= 9) {
+          score += 6
+        } else {
+          score += 0
+        }
 
-        if (seriePct >= 60) score += 30
-        else if (seriePct >= 40) score += 24
-        else if (seriePct >= 20) score += 16
-        else if (seriePct >= 5) score += 8
-        else score += 0
+        if (pctSerie >= 60) {
+          score += 30
+        } else if (pctSerie >= 40) {
+          score += 24
+        } else if (pctSerie >= 20) {
+          score += 16
+        } else if (pctSerie >= 5) {
+          score += 8
+        } else {
+          score += 0
+        }
 
         return score
       },
 
-      estimateFormation(f) {
-        var score = this.getScore(f)
+      estimerFormation(f) {
+        var score = this.calculerScore(f)
 
-        if (score >= 85) return 'Très favorable'
-        if (score >= 65) return 'Favorable'
-        if (score >= 45) return 'Possible'
-        if (score >= 25) return 'Difficile'
+        if (score >= 85) {
+          return 'Très favorable'
+        }
+        if (score >= 65) {
+          return 'Favorable'
+        }
+        if (score >= 45) {
+          return 'Possible'
+        }
+        if (score >= 25) {
+          return 'Difficile'
+        }
         return 'Très difficile'
       },
 
-      getEstimateClass(f) {
-        var result = this.estimateFormation(f)
+      classeEstimation(f) {
+        var resultat = this.estimerFormation(f)
 
-        if (result === 'Très favorable') return 'estimate tres-favorable'
-        if (result === 'Favorable') return 'estimate favorable'
-        if (result === 'Possible') return 'estimate possible'
-        if (result === 'Difficile') return 'estimate difficile'
+        if (resultat === 'Très favorable') {
+          return 'estimate tres-favorable'
+        }
+        if (resultat === 'Favorable') {
+          return 'estimate favorable'
+        }
+        if (resultat === 'Possible') {
+          return 'estimate possible'
+        }
+        if (resultat === 'Difficile') {
+          return 'estimate difficile'
+        }
         return 'estimate tres-difficile'
       },
 
-      getCardClass(f) {
-        var result = this.estimateFormation(f)
+      classeCarte(f) {
+        var resultat = this.estimerFormation(f)
 
-        if (result === 'Très favorable') return 'card card-tres-favorable'
-        if (result === 'Favorable') return 'card card-favorable'
-        if (result === 'Possible') return 'card card-possible'
-        if (result === 'Difficile') return 'card card-difficile'
+        if (resultat === 'Très favorable') {
+          return 'card card-tres-favorable'
+        }
+        if (resultat === 'Favorable') {
+          return 'card card-favorable'
+        }
+        if (resultat === 'Possible') {
+          return 'card card-possible'
+        }
+        if (resultat === 'Difficile') {
+          return 'card card-difficile'
+        }
         return 'card card-tres-difficile'
       },
 
-      getEstimateDetail(f) {
-        var tauxAcces = f.tauxAcces || 0
-        var seriePct = this.getSeriePercent(f)
-        var serieName = this.state.serie === 'general' ? 'Gén' : (this.state.serie === 'techno' ? 'Techno' : 'Pro')
+      detailEstimation(f) {
+        var tauxAcces  = f.tauxAcces || 0
+        var pctSerie   = this.pourcentageSerie(f)
+        var nomSerie   = ''
 
-        return 'Taux ' + tauxAcces + '% · ' + serieName + ' ' + seriePct + '% · Note ' + this.state.note + '/20'
+        if (this.state.serie === 'general') {
+          nomSerie = 'Gén'
+        } else if (this.state.serie === 'techno') {
+          nomSerie = 'Techno'
+        } else {
+          nomSerie = 'Pro'
+        }
+
+        return 'Taux ' + tauxAcces + '% · ' + nomSerie + ' ' + pctSerie + '% · Note ' + this.state.note + '/20'
       }
     }
   </script>
diff --git a/parcoursup/components/auth-panel.riot b/parcoursup/components/auth-panel.riot
index 5baf79d..4fa0727 100644
--- a/parcoursup/components/auth-panel.riot
+++ b/parcoursup/components/auth-panel.riot
@@ -2,37 +2,37 @@
 
   <!-- Bouton connexion dans le header (utilisateur non connecté) -->
   <div class="auth-header-btn" if={ !props.user }>
-    <button class="btn btn-auth" onclick={ openModal }>
-      <span class="auth-icon">👤</span> Connexion
+    <button class="btn btn-auth" onclick={ ouvrirModale }>
+      <span class="auth-icon"></span> Connexion
     </button>
   </div>
 
   <!-- Email + bouton déconnexion dans le header (utilisateur connecté) -->
   <div class="auth-user-info" if={ props.user }>
     <span class="auth-email">{ props.user.email }</span>
-    <button class="btn btn-auth-logout" onclick={ handleLogout }>Déconnexion</button>
+    <button class="btn btn-auth-logout" onclick={ seDeconnecter }>Déconnexion</button>
   </div>
 
   <!-- Modale d'authentification -->
-  <div class="auth-modal-overlay" if={ state.open } onclick={ closeOnOverlay }>
+  <div class="auth-modal-overlay" if={ state.visible } onclick={ cliquerFond }>
     <div class="auth-modal">
 
-      <button class="auth-modal-close" onclick={ closeModal }>✕</button>
+      <button class="auth-modal-close" onclick={ fermerModale }>✕</button>
 
       <h2 class="auth-modal-title">{ state.titre }</h2>
 
       <!-- Onglets Connexion / Inscription -->
       <div class="auth-tabs">
-        <button class={ state.classBtnLogin } onclick={ switchToLogin }>
+        <button class={ state.classBtnConnexion }   onclick={ afficherConnexion }>
           Connexion
         </button>
-        <button class={ state.classBtnRegister } onclick={ switchToRegister }>
+        <button class={ state.classBtnInscription } onclick={ afficherInscription }>
           Inscription
         </button>
       </div>
 
       <!-- Formulaire -->
-      <form onsubmit={ handleSubmit } class="auth-form">
+      <form onsubmit={ validerFormulaire } class="auth-form">
 
         <div class="auth-field">
           <label>Adresse e-mail</label>
@@ -56,11 +56,11 @@
         </div>
 
         <!-- Message d'erreur -->
-        <div class="auth-error" if={ state.error }>
-          { state.error }
+        <div class="auth-error" if={ state.erreur }>
+          { state.erreur }
         </div>
 
-        <button type="submit" class="btn btn-primary auth-submit" disabled={ state.loading }>
+        <button type="submit" class="btn btn-primary auth-submit" disabled={ state.chargement }>
           { state.labelBouton }
         </button>
 
@@ -72,93 +72,94 @@
     export default {
 
       state: {
-        open: false,
-        mode: 'login',
-        loading: false,
-        error: null,
-        titre: 'Connexion',
-        labelBouton: 'Se connecter',
-        classBtnLogin: 'auth-tab active',
-        classBtnRegister: 'auth-tab'
+        visible:            false,
+        mode:               'connexion',
+        chargement:         false,
+        erreur:             null,
+        titre:              'Connexion',
+        labelBouton:        'Se connecter',
+        classBtnConnexion:  'auth-tab active',
+        classBtnInscription: 'auth-tab'
       },
 
-      openModal() {
-        this.update({ open: true, error: null })
+      ouvrirModale() {
+        this.update({ visible: true, erreur: null })
       },
 
-      closeModal() {
-        this.update({ open: false, error: null })
+      fermerModale() {
+        this.update({ visible: false, erreur: null })
       },
 
-      closeOnOverlay(e) {
+      // Fermer si l'utilisateur clique en dehors de la modale
+      cliquerFond(e) {
         if (e.target === e.currentTarget) {
-          this.closeModal()
+          this.fermerModale()
         }
       },
 
-      switchToLogin() {
+      afficherConnexion() {
         this.update({
-          mode: 'login',
-          error: null,
-          titre: 'Connexion',
-          labelBouton: 'Se connecter',
-          classBtnLogin: 'auth-tab active',
-          classBtnRegister: 'auth-tab'
+          mode:                'connexion',
+          erreur:              null,
+          titre:               'Connexion',
+          labelBouton:         'Se connecter',
+          classBtnConnexion:   'auth-tab active',
+          classBtnInscription: 'auth-tab'
         })
       },
 
-      switchToRegister() {
+      afficherInscription() {
         this.update({
-          mode: 'register',
-          error: null,
-          titre: 'Créer un compte',
-          labelBouton: 'Créer le compte',
-          classBtnLogin: 'auth-tab',
-          classBtnRegister: 'auth-tab active'
+          mode:                'inscription',
+          erreur:              null,
+          titre:               'Créer un compte',
+          labelBouton:         'Créer le compte',
+          classBtnConnexion:   'auth-tab',
+          classBtnInscription: 'auth-tab active'
         })
       },
 
-      async handleSubmit(e) {
+      async validerFormulaire(e) {
         e.preventDefault()
 
-        var email    = e.target.email.value.trim()
-        var password = e.target.password.value
-        var services = window.firebaseServices
+        var email      = e.target.email.value.trim()
+        var password   = e.target.password.value
+        var services   = window.firebaseServices
 
-        this.update({ loading: true, error: null })
+        this.update({ chargement: true, erreur: null })
 
         try {
 
-          if (this.state.mode === 'register') {
+          if (this.state.mode === 'inscription') {
             await services.createAccount(email, password)
           } else {
             await services.login(email, password)
           }
 
-          this.update({ open: false, loading: false })
+          this.update({ visible: false, chargement: false })
           this.props.onauth && this.props.onauth()
 
         } catch (err) {
 
-          var message = 'Une erreur est survenue.'
+          var messageErreur = 'Une erreur est survenue.'
 
           if (err.code === 'auth/email-already-in-use') {
-            message = 'Cet e-mail est déjà utilisé.'
+            messageErreur = 'Cet e-mail est déjà utilisé.'
           } else if (err.code === 'auth/invalid-email') {
-            message = 'Adresse e-mail invalide.'
+            messageErreur = 'Adresse e-mail invalide.'
           } else if (err.code === 'auth/wrong-password' || err.code === 'auth/invalid-credential') {
-            message = 'E-mail ou mot de passe incorrect.'
+            messageErreur = 'E-mail ou mot de passe incorrect.'
           } else if (err.code === 'auth/weak-password') {
-            message = 'Le mot de passe doit faire au moins 6 caractères.'
+            messageErreur = 'Le mot de passe doit faire au moins 6 caractères.'
           } else if (err.code === 'auth/user-not-found') {
-            message = 'Aucun compte trouvé avec cet e-mail.'
+            messageErreur = 'Aucun compte trouvé avec cet e-mail.'
           }
 
-          this.update({ loading: false, error: message })
+          this.update({ chargement: false, erreur: messageErreur })
         }
       },
 
-      async handleLogout() {
+      async seDeconnecter() {
         try {
           await window.firebaseServices.logout()
           this.props.onlogout && this.props.onlogout()
diff --git a/parcoursup/components/detail-view.riot b/parcoursup/components/detail-view.riot
index 57a513a..bdaefc6 100644
--- a/parcoursup/components/detail-view.riot
+++ b/parcoursup/components/detail-view.riot
@@ -141,257 +141,288 @@
       </tbody>
     </table>
 
-    <!-- ===================== GRAPHIQUES CHARTS.CSS ===================== -->
+    <!-- ==================== GRAPHIQUES CHARTS.CSS ==================== -->
 
     <h2 class="charts-heading">Profil des admis</h2>
 
     <div class="charts-section">
       <div class="chart-wrapper">
         <h3>Répartition par type de bac</h3>
-        <div id="chart-bac" ref="chartBac"></div>
+        <div id="chart-bac" ref="graphBac"></div>
       </div>
 
       <div class="chart-wrapper">
         <h3>Mentions au bac des admis</h3>
-        <div id="chart-mentions" ref="chartMentions"></div>
+        <div id="chart-mentions" ref="graphMentions"></div>
       </div>
 
       <div class="chart-wrapper chart-full">
         <h3>Profil sociologique</h3>
-        <div id="chart-profil" ref="chartProfil"></div>
+        <div id="chart-profil" ref="graphProfil"></div>
       </div>
     </div>
 
-    <!-- ===================== ÉVOLUTION HISTORIQUE ===================== -->
+    <!-- ==================== ÉVOLUTION HISTORIQUE ==================== -->
 
     <h2 class="charts-heading">Évolution depuis 2020</h2>
 
-    <div if={ state.loadingHistory } class="message">
+    <div if={ state.chargementHistorique } class="message">
       Chargement de l'historique...
     </div>
 
-    <div if={ !state.loadingHistory && state.history.length === 0 } class="message">
+    <div if={ !state.chargementHistorique && state.historique.length === 0 } class="message">
       Aucune donnée historique disponible pour cette formation.
     </div>
 
-    <div class="charts-section" if={ state.history.length > 0 }>
+    <div class="charts-section" if={ state.historique.length > 0 }>
       <div class="chart-wrapper">
         <h3>Taux d'accès par année</h3>
-        <div id="chart-evolution-taux" ref="chartTaux"></div>
+        <div id="chart-evolution-taux" ref="graphTaux"></div>
       </div>
 
       <div class="chart-wrapper">
         <h3>Nombre de candidats et admis</h3>
-        <div id="chart-evolution-candidats" ref="chartCandidats"></div>
+        <div id="chart-evolution-candidats" ref="graphCandidats"></div>
       </div>
 
       <div class="chart-wrapper chart-full">
         <h3>Évolution des mentions au bac</h3>
-        <div ref="chartMentionsHist"></div>
+        <div ref="graphMentionsHist"></div>
       </div>
     </div>
 
-    <button onclick={ goBack } class="btn-retour">Retour à la liste</button>
+    <button onclick={ retourListe } class="btn-retour">Retour à la liste</button>
   </div>
 
   <script>
     export default {
-      state: {
-        history: [],
-        loadingHistory: false
-      },
 
-      safe(val) {
-        if (val === null || val === undefined || isNaN(val)) return 0
-        var v = val / 100
-        if (v > 1) return 1
-        if (v < 0) return 0
-        return Math.round(v * 100) / 100
+      state: {
+        historique:          [],
+        chargementHistorique: false
       },
 
       onMounted() {
-        this.renderCharts()
-        this.loadHistory()
+        this.afficherGraphiques()
+        this.chargerHistorique()
       },
 
       onUpdated() {
-        this.renderCharts()
-        if (this.state.history.length > 0) {
-          this.renderHistoryCharts()
+        this.afficherGraphiques()
+
+        if (this.state.historique.length > 0) {
+          this.afficherGraphiquesHistoriques()
         }
       },
 
       // Retour à la liste des résultats
-      goBack() {
+      retourListe() {
         this.props.onback()
       },
 
-      renderCharts() {
+      // Limiter une valeur entre 0 et 1 pour Charts.css
+      limiterValeur(val) {
+        if (val === null || val === undefined || isNaN(val)) {
+          return 0
+        }
+
+        var v = val / 100
+
+        if (v > 1) {
+          return 1
+        }
+        if (v < 0) {
+          return 0
+        }
+
+        return Math.round(v * 100) / 100
+      },
+
+      afficherGraphiques() {
         var f = this.props.formation
-        if (!f) return
+        if (!f) {
+          return
+        }
 
-        var chartBac = this.$('[ref="chartBac"]')
-        var chartMentions = this.$('[ref="chartMentions"]')
-        var chartProfil = this.$('[ref="chartProfil"]')
+        var graphBac      = this.$('[ref="graphBac"]')
+        var graphMentions = this.$('[ref="graphMentions"]')
+        var graphProfil   = this.$('[ref="graphProfil"]')
 
-        if (chartBac) {
-          chartBac.innerHTML = this.buildColumnChart([
-            { label: 'Général', value: f.pctGeneral, color: '#3d7fff' },
-            { label: 'Techno', value: f.pctTechno, color: '#f59e0b' },
-            { label: 'Pro', value: f.pctPro, color: '#10b981' }
+        if (graphBac) {
+          graphBac.innerHTML = this.construireGraphiqueColonnes([
+            { label: 'Général', valeur: f.pctGeneral, couleur: '#3d7fff' },
+            { label: 'Techno',  valeur: f.pctTechno,  couleur: '#f59e0b' },
+            { label: 'Pro',     valeur: f.pctPro,     couleur: '#10b981' }
           ])
         }
 
-        if (chartMentions) {
-          chartMentions.innerHTML = this.buildColumnChart([
-            { label: 'Sans', value: f.pctSansMention, color: '#94a3b8' },
-            { label: 'AB', value: f.pctAB, color: '#60a5fa' },
-            { label: 'Bien', value: f.pctB, color: '#34d399' },
-            { label: 'TB', value: f.pctTB, color: '#fbbf24' },
-            { label: 'TB Féli.', value: f.pctTBF, color: '#f472b6' }
+        if (graphMentions) {
+          graphMentions.innerHTML = this.construireGraphiqueColonnes([
+            { label: 'Sans',     valeur: f.pctSansMention, couleur: '#94a3b8' },
+            { label: 'AB',       valeur: f.pctAB,          couleur: '#60a5fa' },
+            { label: 'Bien',     valeur: f.pctB,           couleur: '#34d399' },
+            { label: 'TB',       valeur: f.pctTB,          couleur: '#fbbf24' },
+            { label: 'TB Féli.', valeur: f.pctTBF,         couleur: '#f472b6' }
           ])
         }
 
-        if (chartProfil) {
-          chartProfil.innerHTML = this.buildBarChart([
-            { label: 'Femmes', value: f.pctFemmes, color: '#a78bfa' },
-            { label: 'Boursiers', value: f.pctBoursiers, color: '#fb923c' },
-            { label: 'Néo-bac', value: f.pctNeoBac, color: '#2dd4bf' }
+        if (graphProfil) {
+          graphProfil.innerHTML = this.construireGraphiqueBarres([
+            { label: 'Femmes',    valeur: f.pctFemmes,    couleur: '#a78bfa' },
+            { label: 'Boursiers', valeur: f.pctBoursiers, couleur: '#fb923c' },
+            { label: 'Néo-bac',  valeur: f.pctNeoBac,    couleur: '#2dd4bf' }
           ])
         }
       },
 
-      async loadHistory() {
+      async chargerHistorique() {
         var f = this.props.formation
-        if (!f) return
+        if (!f) {
+          return
+        }
 
-        // Extraire le cod_uai de l'id (format: codUai-nomFormation)
         var codUai = f.id.split('-')[0]
 
-        if (!codUai || !window.fetchFormationHistory) return
+        if (!codUai || !window.chargerHistoriqueFormation) {
+          return
+        }
 
-        this.update({ loadingHistory: true })
+        this.update({ chargementHistorique: true })
 
         try {
-          var history = await window.fetchFormationHistory(codUai, f.nom)
-          this.update({ history: history, loadingHistory: false })
+          var historique = await window.chargerHistoriqueFormation(codUai, f.nom)
+          this.update({ historique: historique, chargementHistorique: false })
         } catch (e) {
-          console.error('Erreur historique:', e)
-          this.update({ history: [], loadingHistory: false })
+          console.error('Erreur chargement historique :', e)
+          this.update({ historique: [], chargementHistorique: false })
         }
       },
 
-      renderHistoryCharts() {
-        var hist = this.state.history
-        if (!hist || hist.length === 0) return
-
-        var chartTaux = this.$('[ref="chartTaux"]')
-        var chartCandidats = this.$('[ref="chartCandidats"]')
-        var chartMentionsHist = this.$('[ref="chartMentionsHist"]')
-
-        // Graphique : taux d'accès par année
-        if (chartTaux) {
-          var items = []
-          for (var i = 0; i < hist.length; i++) {
-            items.push({
-              label: '' + hist[i].annee,
-              value: hist[i].tauxAcces,
-              color: '#1a936f'
-            })
-          }
-          chartTaux.innerHTML = this.buildColumnChart(items)
+      afficherGraphiquesHistoriques() {
+        var historique = this.state.historique
+        if (!historique || historique.length === 0) {
+          return
         }
 
-        // Graphique : candidats vs admis (normalisé sur le max)
-        if (chartCandidats) {
-          var maxCandidats = 0
-          for (var i = 0; i < hist.length; i++) {
-            if (hist[i].candidats > maxCandidats) maxCandidats = hist[i].candidats
+        var graphTaux         = this.$('[ref="graphTaux"]')
+        var graphCandidats    = this.$('[ref="graphCandidats"]')
+        var graphMentionsHist = this.$('[ref="graphMentionsHist"]')
+
+        // Graphique : taux d'accès par année
+        if (graphTaux) {
+          var elementsAnnee = []
+
+          for (var i = 0; i < historique.length; i++) {
+            elementsAnnee.push({
+              label:   '' + historique[i].annee,
+              valeur:  historique[i].tauxAcces,
+              couleur: '#1a936f'
+            })
           }
 
-          var rows = ''
-          for (var i = 0; i < hist.length; i++) {
-            var h = hist[i]
-            var sizeCand  = 0
-            var sizeAdmis = 0
+          graphTaux.innerHTML = this.construireGraphiqueColonnes(elementsAnnee)
+        }
+
+        // Graphique : candidats vs admis
+        if (graphCandidats) {
+          var maxCandidats = 0
+
+          for (var i = 0; i < historique.length; i++) {
+            if (historique[i].candidats > maxCandidats) {
+              maxCandidats = historique[i].candidats
+            }
+          }
+
+          var lignes = ''
+
+          for (var i = 0; i < historique.length; i++) {
+            var h           = historique[i]
+            var tailleCand  = 0
+            var tailleAdmis = 0
 
             if (maxCandidats > 0) {
-              sizeCand  = Math.round((h.candidats / maxCandidats) * 100) / 100
-              sizeAdmis = Math.round((h.admis / maxCandidats) * 100) / 100
+              tailleCand  = Math.round((h.candidats / maxCandidats) * 100) / 100
+              tailleAdmis = Math.round((h.admis / maxCandidats) * 100) / 100
             }
 
-            rows += '<tr>'
-            rows += '<th scope="row">' + h.annee + '</th>'
-            rows += '<td style="--size: ' + sizeCand + '; --color: #2a5298;">'
-            rows += '<span class="data">' + h.candidats + '</span></td>'
-            rows += '<td style="--size: ' + sizeAdmis + '; --color: #1a936f;">'
-            rows += '<span class="data">' + h.admis + '</span></td>'
-            rows += '</tr>'
+            lignes += '<tr>'
+            lignes += '<th scope="row">' + h.annee + '</th>'
+            lignes += '<td style="--size: ' + tailleCand + '; --color: #2a5298;">'
+            lignes += '<span class="data">' + h.candidats + '</span></td>'
+            lignes += '<td style="--size: ' + tailleAdmis + '; --color: #1a936f;">'
+            lignes += '<span class="data">' + h.admis + '</span></td>'
+            lignes += '</tr>'
           }
 
-          chartCandidats.innerHTML = '<table class="charts-css column multiple show-labels show-primary-axis show-4-secondary-axes data-spacing-10">'
+          graphCandidats.innerHTML = '<table class="charts-css column multiple show-labels show-primary-axis show-4-secondary-axes data-spacing-10">'
             + '<thead><tr><th scope="col">Année</th><th scope="col">Candidats</th><th scope="col">Admis</th></tr></thead>'
-            + '<tbody>' + rows + '</tbody></table>'
+            + '<tbody>' + lignes + '</tbody></table>'
         }
 
         // Tableau : évolution des mentions
-        if (chartMentionsHist) {
-          var table = '<table class="detail-table">'
-          table += '<thead><tr><th>Année</th><th>Sans mention</th><th>AB</th><th>Bien</th><th>TB</th><th>TB Féli.</th></tr></thead>'
-          table += '<tbody>'
+        if (graphMentionsHist) {
+          var tableau = '<table class="detail-table">'
+          tableau += '<thead><tr><th>Année</th><th>Sans mention</th><th>AB</th><th>Bien</th><th>TB</th><th>TB Féli.</th></tr></thead>'
+          tableau += '<tbody>'
 
-          for (var i = 0; i < hist.length; i++) {
-            var h = hist[i]
-            table += '<tr>'
-            table += '<td><b>' + h.annee + '</b></td>'
-            table += '<td>' + h.pctSansMention + '%</td>'
-            table += '<td>' + h.pctAB + '%</td>'
-            table += '<td>' + h.pctB + '%</td>'
-            table += '<td>' + h.pctTB + '%</td>'
-            table += '<td>' + h.pctTBF + '%</td>'
-            table += '</tr>'
+          for (var i = 0; i < historique.length; i++) {
+            var h = historique[i]
+            tableau += '<tr>'
+            tableau += '<td><b>' + h.annee + '</b></td>'
+            tableau += '<td>' + h.pctSansMention + '%</td>'
+            tableau += '<td>' + h.pctAB + '%</td>'
+            tableau += '<td>' + h.pctB + '%</td>'
+            tableau += '<td>' + h.pctTB + '%</td>'
+            tableau += '<td>' + h.pctTBF + '%</td>'
+            tableau += '</tr>'
           }
 
-          table += '</tbody></table>'
-          chartMentionsHist.innerHTML = table
+          tableau += '</tbody></table>'
+          graphMentionsHist.innerHTML = tableau
         }
       },
 
-      buildColumnChart(items) {
-        var rows = ''
-        for (var i = 0; i < items.length; i++) {
-          var item = items[i]
-          var val = this.safe(item.value)
-          var display = item.value || 0
-          rows += '<tr>'
-          rows += '<th scope="row">' + item.label + '</th>'
-          rows += '<td style="--size: ' + val + '; --color: ' + item.color + ';">'
-          rows += '<span class="data">' + display + '%</span>'
-          rows += '</td></tr>'
+      construireGraphiqueColonnes(elements) {
+        var lignes = ''
+
+        for (var i = 0; i < elements.length; i++) {
+          var el      = elements[i]
+          var taille  = this.limiterValeur(el.valeur)
+          var affiche = el.valeur || 0
+
+          lignes += '<tr>'
+          lignes += '<th scope="row">' + el.label + '</th>'
+          lignes += '<td style="--size: ' + taille + '; --color: ' + el.couleur + ';">'
+          lignes += '<span class="data">' + affiche + '%</span>'
+          lignes += '</td></tr>'
         }
 
         return '<table class="charts-css column show-labels show-primary-axis show-4-secondary-axes data-spacing-10">'
           + '<thead><tr><th scope="col">Type</th><th scope="col">%</th></tr></thead>'
-          + '<tbody>' + rows + '</tbody></table>'
+          + '<tbody>' + lignes + '</tbody></table>'
       },
 
-      buildBarChart(items) {
-        var rows = ''
-        for (var i = 0; i < items.length; i++) {
-          var item = items[i]
-          var val = this.safe(item.value)
-          var display = item.value || 0
-          rows += '<tr>'
-          rows += '<th scope="row">' + item.label + '</th>'
-          rows += '<td style="--size: ' + val + '; --color: ' + item.color + ';">'
-          rows += '<span class="data">' + display + '%</span>'
-          rows += '</td></tr>'
+      construireGraphiqueBarres(elements) {
+        var lignes = ''
+
+        for (var i = 0; i < elements.length; i++) {
+          var el      = elements[i]
+          var taille  = this.limiterValeur(el.valeur)
+          var affiche = el.valeur || 0
+
+          lignes += '<tr>'
+          lignes += '<th scope="row">' + el.label + '</th>'
+          lignes += '<td style="--size: ' + taille + '; --color: ' + el.couleur + ';">'
+          lignes += '<span class="data">' + affiche + '%</span>'
+          lignes += '</td></tr>'
         }
 
         return '<table class="charts-css bar show-labels show-primary-axis show-4-secondary-axes data-spacing-14">'
           + '<thead><tr><th scope="col">Catégorie</th><th scope="col">%</th></tr></thead>'
-          + '<tbody>' + rows + '</tbody></table>'
+          + '<tbody>' + lignes + '</tbody></table>'
       }
+
     }
   </script>
+
 </detail-view>
diff --git a/parcoursup/components/map-view.riot b/parcoursup/components/map-view.riot
index ded32ae..e3a9805 100644
--- a/parcoursup/components/map-view.riot
+++ b/parcoursup/components/map-view.riot
@@ -1,112 +1,120 @@
 <map-view>
   <div class="map-box">
     <h3>Carte des formations</h3>
-    <div class="map" ref="map"></div>
+    <div class="map" ref="carte"></div>
   </div>
 
   <script>
     export default {
-      onMounted() {
-        var mapElement = this.$('div[ref="map"]')
 
-        this.map = L.map(mapElement).setView([46.8, 2.5], 6)
+      onMounted() {
+        var divCarte = this.$('div[ref="carte"]')
+
+        this.carte         = L.map(divCarte).setView([46.8, 2.5], 6)
+        this.groupeMarqueurs = L.layerGroup().addTo(this.carte)
+        this.marqueursIndex  = {}
 
         L.tileLayer('https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', {
           attribution: '&copy; OpenStreetMap contributors'
-        }).addTo(this.map)
+        }).addTo(this.carte)
 
-        this.markersLayer = L.layerGroup().addTo(this.map)
-        this.markersById = {}
-        this.refreshMarkers()
+        this.afficherMarqueurs()
 
-        var self = this
+        var composant = this
 
         setTimeout(function() {
-          if (self.map) self.map.invalidateSize()
+          if (composant.carte) {
+            composant.carte.invalidateSize()
+          }
         }, 200)
 
         setTimeout(function() {
-          if (self.map) self.map.invalidateSize()
+          if (composant.carte) {
+            composant.carte.invalidateSize()
+          }
         }, 500)
 
         window.mapFocus = function(id) {
-          self.focusFormation(id)
+          composant.centrerSurFormation(id)
         }
       },
 
       onUpdated() {
-        this.refreshMarkers()
+        this.afficherMarqueurs()
 
-        var self = this
+        var composant = this
 
-        if (this.map) {
+        if (this.carte) {
           setTimeout(function() {
-            self.map.invalidateSize()
+            composant.carte.invalidateSize()
           }, 100)
 
           setTimeout(function() {
-            self.map.invalidateSize()
+            composant.carte.invalidateSize()
           }, 300)
         }
       },
 
       onBeforeUnmount() {
-        if (this.map) {
-          this.map.remove()
-          this.map = null
+        if (this.carte) {
+          this.carte.remove()
+          this.carte = null
         }
         window.mapFocus = null
       },
 
-      refreshMarkers() {
-        if (!this.map || !this.markersLayer) {
+      afficherMarqueurs() {
+        if (!this.carte || !this.groupeMarqueurs) {
           return
         }
 
-        this.markersLayer.clearLayers()
-        this.markersById = {}
+        this.groupeMarqueurs.clearLayers()
+        this.marqueursIndex = {}
 
-        var points = []
-        var results = this.props.results || []
+        var coordonnees = []
+        var formations  = this.props.results || []
 
-        for (var i = 0; i < results.length; i++) {
-          var f = results[i]
+        for (var i = 0; i < formations.length; i++) {
+          var f = formations[i]
 
           if (f.latitude != null && f.longitude != null) {
-            var marker = L.marker([f.latitude, f.longitude])
-            marker.bindPopup('<b>' + f.nom + '</b><br>' + f.ville)
-            marker.addTo(this.markersLayer)
+            var marqueur = L.marker([f.latitude, f.longitude])
+            marqueur.bindPopup('<b>' + f.nom + '</b><br>' + f.ville)
+            marqueur.addTo(this.groupeMarqueurs)
 
-            this.markersById[f.id] = marker
-            points.push([f.latitude, f.longitude])
+            this.marqueursIndex[f.id] = marqueur
+            coordonnees.push([f.latitude, f.longitude])
           }
         }
 
-        if (points.length > 0) {
-          this.map.fitBounds(points, { padding: [20, 20] })
+        if (coordonnees.length > 0) {
+          this.carte.fitBounds(coordonnees, { padding: [20, 20] })
         } else {
-          this.map.setView([46.8, 2.5], 6)
+          this.carte.setView([46.8, 2.5], 6)
         }
       },
 
-      focusFormation(id) {
-        var marker = this.markersById[id]
+      centrerSurFormation(id) {
+        var marqueur = this.marqueursIndex[id]
 
-        if (marker && this.map) {
-          var mapEl = this.$('div[ref="map"]')
-          if (mapEl) {
-            mapEl.scrollIntoView({ behavior: 'smooth', block: 'center' })
+        if (marqueur && this.carte) {
+          var divCarte = this.$('div[ref="carte"]')
+
+          if (divCarte) {
+            divCarte.scrollIntoView({ behavior: 'smooth', block: 'center' })
           }
 
-          var self = this
+          var composant = this
 
           setTimeout(function() {
-            self.map.invalidateSize()
-            self.map.setView(marker.getLatLng(), 13, { animate: true })
-            marker.openPopup()
+            composant.carte.invalidateSize()
+            composant.carte.setView(marqueur.getLatLng(), 13, { animate: true })
+            marqueur.openPopup()
           }, 400)
         }
       }
+
     }
   </script>
+
 </map-view>
diff --git a/parcoursup/components/result-list.riot b/parcoursup/components/result-list.riot
index e84a631..5fa57f8 100644
--- a/parcoursup/components/result-list.riot
+++ b/parcoursup/components/result-list.riot
@@ -1,5 +1,6 @@
 <result-list>
   <div class="results">
+
     <div class="message" if={ props.results.length === 0 && props.hasSearched && !props.loading }>
       Aucun résultat trouvé
     </div>
@@ -8,26 +9,41 @@
       Chargement...
     </div>
 
-    <div each={ (f, i) in props.results } key={ f.id } class="card">
-      <h3>{ f.nom }</h3>
-      <p><b>Établissement :</b> { f.etablissement }</p>
-      <p><b>Ville :</b> { f.ville } ({ f.departement })</p>
-      <p><b>Filière :</b> { f.filiere }</p>
-      <p><b>Taux d'accès :</b> { f.tauxAcces }%</p>
+    <div each={ (formation, index) in props.results } key={ formation.id } class="card">
+      <h3>{ formation.nom }</h3>
+      <p><b>Établissement :</b> { formation.etablissement }</p>
+      <p><b>Ville :</b> { formation.ville } ({ formation.departement })</p>
+      <p><b>Filière :</b> { formation.filiere }</p>
+      <p><b>Taux d'accès :</b> { formation.tauxAcces }%</p>
 
-      <button onclick={ () => props.ondetail(i) }>Voir détail</button>
-      <button onclick={ () => props.onselect(i) }>Ajouter à la sélection</button>
-      <button onclick={ () => locateOnMap(f) } if={ f.latitude != null }>Localiser</button>
+      <button onclick={ afficherDetail.bind(this, index) }>Voir détail</button>
+      <button onclick={ ajouterALaSelection.bind(this, index) }>Ajouter à la sélection</button>
+      <button onclick={ localiserSurCarte.bind(this, formation) } if={ formation.latitude != null }>Localiser</button>
     </div>
+
   </div>
 
   <script>
     export default {
-      locateOnMap(f) {
+
+      // Déclencher l'affichage du détail d'une formation
+      afficherDetail(index) {
+        this.props.ondetail(index)
+      },
+
+      // Ajouter une formation à la sélection
+      ajouterALaSelection(index) {
+        this.props.onselect(index)
+      },
+
+      // Centrer la carte sur la formation
+      localiserSurCarte(formation) {
         if (window.mapFocus) {
-          window.mapFocus(f.id)
+          window.mapFocus(formation.id)
         }
       }
+
     }
   </script>
+
 </result-list>
diff --git a/parcoursup/formation.js b/parcoursup/formation.js
index 517af8d..eedec42 100644
--- a/parcoursup/formation.js
+++ b/parcoursup/formation.js
@@ -1,95 +1,97 @@
-export function createFormation(raw) {
+// Créer un objet formation à partir des données brutes de l'API
+export function creerFormation(brut) {
+
   var taux      = 0
   var latitude  = null
   var longitude = null
 
-  if (raw.voe_tot && raw.voe_tot > 0) {
-    taux = Math.round((raw.acc_tot / raw.voe_tot) * 100)
+  if (brut.voe_tot && brut.voe_tot > 0) {
+    taux = Math.round((brut.acc_tot / brut.voe_tot) * 100)
   }
 
-  if (raw.g_olocalisation_des_formations) {
-    latitude  = raw.g_olocalisation_des_formations.lat
-    longitude = raw.g_olocalisation_des_formations.lon
+  if (brut.g_olocalisation_des_formations) {
+    latitude  = brut.g_olocalisation_des_formations.lat
+    longitude = brut.g_olocalisation_des_formations.lon
   }
 
   return {
-    id: raw.cod_uai + "-" + raw.lib_for_voe_ins,
+    id:            brut.cod_uai + "-" + brut.lib_for_voe_ins,
 
-    nom: raw.lib_for_voe_ins,
-    etablissement: raw.g_ea_lib_vx,
-    ville: raw.ville_etab,
-    departement: raw.dep,
-    departementLib: raw.dep_lib,
-    region: raw.region_etab_aff,
-    academie: raw.acad_mies,
-    contrat: raw.contrat_etab,
+    nom:           brut.lib_for_voe_ins,
+    etablissement: brut.g_ea_lib_vx,
+    ville:         brut.ville_etab,
+    departement:   brut.dep,
+    departementLib: brut.dep_lib,
+    region:        brut.region_etab_aff,
+    academie:      brut.acad_mies,
+    contrat:       brut.contrat_etab,
 
-    filiere: raw.fili,
-    selectivite: raw.select_form,
+    filiere:       brut.fili,
+    selectivite:   brut.select_form,
 
-    capacite: raw.capa_fin,
-    candidats: raw.voe_tot,
-    admis: raw.acc_tot,
-    tauxAcces: taux,
+    capacite:      brut.capa_fin,
+    candidats:     brut.voe_tot,
+    admis:         brut.acc_tot,
+    tauxAcces:     taux,
 
-    latitude: latitude,
-    longitude: longitude,
+    latitude:      latitude,
+    longitude:     longitude,
 
-    pctFemmes: raw.pct_f,
-    pctBoursiers: raw.pct_bours,
-    pctNeoBac: raw.pct_neobac,
+    pctFemmes:     brut.pct_f,
+    pctBoursiers:  brut.pct_bours,
+    pctNeoBac:     brut.pct_neobac,
 
-    pctGeneral: raw.pct_bg,
-    pctTechno: raw.pct_bt,
-    pctPro: raw.pct_bp,
+    pctGeneral:    brut.pct_bg,
+    pctTechno:     brut.pct_bt,
+    pctPro:        brut.pct_bp,
 
-    pctSansMention: raw.pct_sansmention,
-    pctAB: raw.pct_ab,
-    pctB: raw.pct_b,
-    pctTB: raw.pct_tb,
-    pctTBF: raw.pct_tbf,
+    pctSansMention: brut.pct_sansmention,
+    pctAB:          brut.pct_ab,
+    pctB:           brut.pct_b,
+    pctTB:          brut.pct_tb,
+    pctTBF:         brut.pct_tbf,
 
-    pctDebutPhase: raw.pct_acc_debutpp,
-    pctDateBac: raw.pct_acc_datebac,
-    pctFinPhase: raw.pct_acc_finpp,
+    pctDebutPhase:  brut.pct_acc_debutpp,
+    pctDateBac:     brut.pct_acc_datebac,
+    pctFinPhase:    brut.pct_acc_finpp,
 
-    admisDebutPhase: raw.acc_debutpp,
-    admisDateBac: raw.acc_datebac,
-    admisFinPhase: raw.acc_finpp,
+    admisDebutPhase: brut.acc_debutpp,
+    admisDateBac:    brut.acc_datebac,
+    admisFinPhase:   brut.acc_finpp,
 
-    // phase principale
-    voePPGeneral: raw.nb_voe_pp_bg,
-    voePPTechno: raw.nb_voe_pp_bt,
-    voePPPro: raw.nb_voe_pp_bp,
-    voePPAutres: raw.nb_voe_pp_at,
-    voePPTotal: raw.nb_voe_pp,
+    // Phase principale
+    voePPGeneral:      brut.nb_voe_pp_bg,
+    voePPTechno:       brut.nb_voe_pp_bt,
+    voePPPro:          brut.nb_voe_pp_bp,
+    voePPAutres:       brut.nb_voe_pp_at,
+    voePPTotal:        brut.nb_voe_pp,
 
-    classesPPGeneral: raw.nb_cla_pp_bg,
-    classesPPTechno: raw.nb_cla_pp_bt,
-    classesPPPro: raw.nb_cla_pp_bp,
-    classesPPAutres: raw.nb_cla_pp_at,
-    classesPPTotal: raw.nb_cla_pp,
+    classesPPGeneral:  brut.nb_cla_pp_bg,
+    classesPPTechno:   brut.nb_cla_pp_bt,
+    classesPPPro:      brut.nb_cla_pp_bp,
+    classesPPAutres:   brut.nb_cla_pp_at,
+    classesPPTotal:    brut.nb_cla_pp,
 
-    propositionsPPGeneral: raw.prop_tot_bg,
-    propositionsPPTechno: raw.prop_tot_bt,
-    propositionsPPPro: raw.prop_tot_bp,
-    propositionsPPAutres: raw.prop_tot_at,
-    propositionsPPTotal: raw.prop_tot,
+    propositionsPPGeneral: brut.prop_tot_bg,
+    propositionsPPTechno:  brut.prop_tot_bt,
+    propositionsPPPro:     brut.prop_tot_bp,
+    propositionsPPAutres:  brut.prop_tot_at,
+    propositionsPPTotal:   brut.prop_tot,
 
-    acceptesPPGeneral: raw.acc_bg,
-    acceptesPPTechno: raw.acc_bt,
-    acceptesPPPro: raw.acc_bp,
-    acceptesPPAutres: raw.acc_at,
-    acceptesPPTotal: raw.acc_pp,
+    acceptesPPGeneral: brut.acc_bg,
+    acceptesPPTechno:  brut.acc_bt,
+    acceptesPPPro:     brut.acc_bp,
+    acceptesPPAutres:  brut.acc_at,
+    acceptesPPTotal:   brut.acc_pp,
 
-    // phase complémentaire
-    voePCGeneral: raw.nb_voe_pc_bg,
-    voePCTechno: raw.nb_voe_pc_bt,
-    voePCPro: raw.nb_voe_pc_bp,
-    voePCAutres: raw.nb_voe_pc_at,
-    voePCTotal: raw.nb_voe_pc,
+    // Phase complémentaire
+    voePCGeneral:  brut.nb_voe_pc_bg,
+    voePCTechno:   brut.nb_voe_pc_bt,
+    voePCPro:      brut.nb_voe_pc_bp,
+    voePCAutres:   brut.nb_voe_pc_at,
+    voePCTotal:    brut.nb_voe_pc,
 
-    classesPCTotal: raw.nb_cla_pc,
-    acceptesPCTotal: raw.acc_pc
+    classesPCTotal:  brut.nb_cla_pc,
+    acceptesPCTotal: brut.acc_pc
   }
 }
\ No newline at end of file
diff --git a/parcoursup/index.html b/parcoursup/index.html
index dd62f89..da008b8 100644
--- a/parcoursup/index.html
+++ b/parcoursup/index.html
@@ -23,8 +23,8 @@
     <script src="./app.riot" type="riot"></script>
 
     <script type="module">
-      import { fetchFormations, fetchFormationHistory } from './api.js'
-      import { createFormation } from './formation.js'
+      import { chargerFormations, chargerHistoriqueFormation } from './api.js'
+      import { creerFormation } from './formation.js'
       import {
         auth,
         db,
@@ -36,9 +36,9 @@
         loadUserData
       } from './firebase.js'
 
-      window.fetchFormations = fetchFormations
-      window.createFormation = createFormation
-      window.fetchFormationHistory = fetchFormationHistory
+      window.chargerFormations           = chargerFormations
+      window.creerFormation              = creerFormation
+      window.chargerHistoriqueFormation  = chargerHistoriqueFormation
 
       window.firebaseServices = {
         auth,