Index: gc_lang/fr/webext/panel/lex_editor.css
==================================================================
--- gc_lang/fr/webext/panel/lex_editor.css
+++ gc_lang/fr/webext/panel/lex_editor.css
@@ -62,11 +62,13 @@
     font-variant: normal;
     color: hsl(210, 0%, 0%);
     cursor: auto;
 }
 
-
+/*
+    Main buttons
+*/
 #buttons {
     padding: 10px 0;
     justify-content: center;
 }
 .main_button {
@@ -183,11 +185,11 @@
 
 ul {
     margin-left: 30px;
 }
 
-input[type=text] {
+input[type=text].large {
     display: inline-block;
     width: 250px;
     padding: 5px 10px;
     border: 2px solid hsl(0, 0%, 80%);
     border-radius: 3px;
@@ -194,10 +196,23 @@
     height: 24px;
     background: transparent;
     font: normal 20px Tahoma, "Ubuntu Condensed";
     color: hsl(0, 0%, 20%);
 }
+
+input[type=text].medium {
+    display: inline-block;
+    width: 175px;
+    padding: 2px 5px;
+    border: 2px solid hsl(0, 0%, 80%);
+    border-radius: 3px;
+    height: 20px;
+    background: transparent;
+    font: normal 18px Tahoma, "Ubuntu Condensed";
+    color: hsl(0, 0%, 20%);
+}
+
 input[placeholder] {
     color: hsl(0, 0%, 50%);
 }
 
 
@@ -226,14 +241,42 @@
 
 #lexicon_page {
     
 }
 
+
+/*
+    Search page
+*/
 #search_page {
     display: none;
 }
 
+.button_search {
+    margin: 5px 0;
+    width: 100px;
+    padding: 5px 10px;
+    font-size: 16px;
+    background-color: hsl(150, 50%, 50%);
+    color: hsl(150, 50%, 96%);
+    border-radius: 3px;
+    text-align: center;
+    cursor: pointer;
+}
+.button_search:hover {
+    background-color: hsl(150, 60%, 40%);
+    color: hsl(150, 60%, 90%);
+    box-shadow: 0 0 2px hsl(150, 60%, 50%);
+}
+
+#search_table {
+    width: 600px;
+}
+
+/*
+    Information page
+*/
 #info_page {
     display: none;
 }
 
 #tags_table {

Index: gc_lang/fr/webext/panel/lex_editor.html
==================================================================
--- gc_lang/fr/webext/panel/lex_editor.html
+++ gc_lang/fr/webext/panel/lex_editor.html
@@ -32,11 +32,11 @@
 
       <div id="add_page">
         <div class="columns">
           <div id="word_generator">
             <h2>Nouveau mot (lemme)</h2>
-            <input type="text" id="lemma" name="lemma" maxlength="60" value="" placeholder="votre mot" pattern="^[a-zA-Zà-ö0-9À-Öø-ÿØ-ßĀ-ʯ._-]+$" autofocus />
+            <input type="text" id="lemma" class="large" name="lemma" maxlength="60" value="" placeholder="votre mot" pattern="^[a-zA-Zà-ö0-9À-Öø-ÿØ-ßĀ-ʯ._-]+$" autofocus />
 
             <div id="editor">
 
               <div id="sections">
                 <h3 class="category" id="select_nom" data-tag="N">Nom commun</h3>
@@ -60,11 +60,11 @@
                       <p><input type="radio" id="up_nom_pluriel_i" name="pluriel" value="i" /><label for="up_nom_pluriel_i"> invariable</label></p>
                     </div>
                   </div>
 
                   <h3>[optionnel] Autre forme (masculine, féminine, variante, etc.)</h3>
-                  <input type="text" id="lemma2" name="lemma2" maxlength="60" value="" pattern="^[a-zA-Zà-ö0-9À-Öø-ÿØ-ßĀ-ʯ._-]+$" placeholder="votre mot" />
+                  <input type="text" id="lemma2" class="large" name="lemma2" maxlength="60" value="" pattern="^[a-zA-Zà-ö0-9À-Öø-ÿØ-ßĀ-ʯ._-]+$" placeholder="votre mot" />
                   <div id="word_section2">
                     <p class="typeline">
                       <input type="radio" id="up_type_nom2" name="POS2" value=":N" /> <label class="widelabel" for="up_type_nom2">Nom</label>
                       <input type="radio" id="up_type_adj2" name="POS2" value=":A" /> <label class="widelabel" for="up_type_adj2">Adjectif</label>
                       <input type="radio" id="up_type_nomadj2" name="POS2" value=":N:A" /> <label class="widelabel" for="up_type_nomadj2">Nom &amp; adjectif</label>
@@ -162,11 +162,11 @@
                   </div>
 
                   <div class="block">
                     <h3>Verbe modèle [optionnel]</h3>
                     <p class="description">Indiquer un verbe qui doit servir de modèle n’est pas nécessaire pour la très grande majorité des verbes du 1ᵉʳ groupe et du 2ᵉ groupe. Faites-le seulement si les formes fléchies engendrées automatiquement ne vous satisfont pas.</p>
-                    <input type="text" id="verb_pattern" name="verb_pattern" maxlength="60" value="" placeholder="verbe modèle" pattern="^[a-zA-Zà-ö0-9À-Öø-ÿØ-ßĀ-ʯ-]+$" />
+                    <input type="text" id="verb_pattern" class="large" name="verb_pattern" maxlength="60" value="" placeholder="verbe modèle" pattern="^[a-zA-Zà-ö0-9À-Öø-ÿØ-ßĀ-ʯ-]+$" />
                     <details>
                       <p>Il est fortement recommandé d’appliquer les règles d’un verbe du même groupe que celui que vous créez. Mais aucune restriction n’est imposée.</p>
                       <p><b>Classification des groupes :</b></p>
                       <ul>
                         <li>
@@ -211,13 +211,13 @@
                 </div>
                 <h3 class="category" id="select_autre" data-tag="X">Autre</h3>
                 <div id="section_autre" class="section">
                   <p>Indiquez les étiquettes grammaticales que vous voulez appliquer au mot. À utiliser seulement si vous savez ce que vous faites.</p>
                   <h3>Flexion</h3>
-                  <p><input type="text" id="flexion" name="flexion" maxlength="20" value="" pattern="^[a-zA-Zà-ö0-9À-Öø-ÿØ-ßĀ-ʯ._-]+$" placeholder="flexion" /></p>
+                  <p><input type="text" id="flexion" name="flexion" class="large" maxlength="20" value="" pattern="^[a-zA-Zà-ö0-9À-Öø-ÿØ-ßĀ-ʯ._-]+$" placeholder="flexion" /></p>
                   <h3>Étiquettes</h3>
-                  <p><input type="text" id="tags" name="tags" maxlength="20" value="" pattern="^:[a-zA-Zà-ö0-9À-Öø-ÿØ-ßĀ-ʯ:._-]+$" placeholder="étiquettes" /></p>
+                  <p><input type="text" id="tags" name="tags" class="large" maxlength="20" value="" pattern="^:[a-zA-Zà-ö0-9À-Öø-ÿØ-ßĀ-ʯ:._-]+$" placeholder="étiquettes" /></p>
                 </div>
               </div>
             </div>
           </div> <!-- #new_word_generator -->
           
@@ -249,17 +249,26 @@
       </div> <!-- #lexicon_page -->
 
 
       <div id="search_page">
         <div class="columns">
-          <div>
+          <div style="margin-right: 20px;">
             <h2>Recherche</h2>
 
-            <h3>Graphies similaires</h3>
+            <h3 style="margin-top: 20px;">Graphies similaires</h3>
+            <p><input id="search_similar" class="medium" type="text" /></p>
+            <p><div id="search_similar_button" class="button_search">Chercher</div></p>
+
+            <h3 style="margin-top: 20px;">Expressions régulières</h3>
+            <p><b>Flexion</b></p>
+            <p> <input id="search_flexion_pattern" class="medium" type="text" /></p>
 
-            <h3>Expressions régulières</h3>
+            <p><b>Étiquettes</b></p>
+            <p><input id="search_tags_pattern" class="medium" type="text" /></p>
+            <p><div id="search_regex_button" class="button_search">Chercher</div></p>
 
+            <p style="margin-top: 50px;">La recherche par expressions régulières peut générer un nombre gigantesque de résultats. Seules les 2000 premières occurrences trouvées seront affichées. La recherche peut être longue, parce tout le graphe de mots, qui contient 500 000 mots, sera parcouru si besoin.</p>
           </div>
 
           <div>
             <h2>Résultats</h2>
             <table id="search_table">
@@ -301,15 +310,17 @@
 
     </div>
 
 
     <script src="../grammalecte/graphspell/helpers.js"></script>
+    <script src="../grammalecte/graphspell/char_player.js"></script>
     <script src="../grammalecte/graphspell/str_transform.js"></script>
     <script src="../grammalecte/graphspell/dawg.js"></script>
     <script src="../grammalecte/graphspell/ibdawg.js"></script>
+    <script src="../grammalecte/graphspell/spellchecker.js"></script>
     <script src="../grammalecte/fr/conj.js"></script>
     <script src="../grammalecte/fr/conj_generator.js"></script>
     <script src="../grammalecte/fr/lexicographe.js"></script>
     <script src="lex_editor.js"></script>
   </body>
   
 </html>

Index: gc_lang/fr/webext/panel/lex_editor.js
==================================================================
--- gc_lang/fr/webext/panel/lex_editor.js
+++ gc_lang/fr/webext/panel/lex_editor.js
@@ -560,11 +560,15 @@
 const oSearch = {
 
     oSpellChecker: null,
 
     load: function () {
-        this.oSpellChecker = new SpellChecker("fr", "", "fr.json");
+        this.oSpellChecker = new SpellChecker("fr", browser.extension.getURL("")+"grammalecte/graphspell/_dictionaries", "fr.json");
+    },
+
+    loadOtherDictionaries: function () {
+        //TODO
     },
 
     listen: function () {
         document.getElementById("search_similar_button").addEventListener("click", () => { this.searchSimilar(); }, false);
         document.getElementById("search_regex_button").addEventListener("click", () => { this.searchRegex() }, false);
@@ -607,16 +611,16 @@
 }
 
 
 const oGenWordsTable = new Table("generated_words_table", ["Flexions", "Étiquettes"], "wait_progress");
 const oLexiconTable = new Table("lexicon_table", ["Flexions", "Lemmes", "Étiquettes"], "wait_progress", "num_entries");
-//const oSearchTable = new Table("search_table", ["Flexions", "Lemmes", "Étiquettes"], "wait_progress", "search_num_entries");
+const oSearchTable = new Table("search_table", ["Flexions", "Lemmes", "Étiquettes"], "wait_progress", "search_num_entries", false);
 const oTagsTable = new Table("tags_table", ["Étiquette", "Signification"], "wait_progress", "", false);
 
 
 oTagsInfo.load();
-//oSearch.load();
+oSearch.load();
 oBinaryDict.load();
 oBinaryDict.listen();
 oGenerator.listen();
 oTabulations.listen();
-//oSearch.listen();
+oSearch.listen();