--- a/cms/app-client/app/templates/tabs/thematiques.hbs	Tue Dec 15 17:23:35 2015 +0100
+++ b/cms/app-client/app/templates/tabs/thematiques.hbs	Thu Dec 17 12:11:06 2015 +0100
@@ -1,1 +1,60 @@
-<h2>Recherche par thematiques</h2>
+<div class="search-box">
+  <input type="text" placeholder="Entrez un mot clé">
+</div>
+
+<div class="tag-cloud">
+  <span class="popular">ipsum</span>
+  <span class="not-popular">dolor</span>
+  <span class="not-popular">sit</span>
+  <span class="popular">amet</span>
+  <span class="popular">consectetur</span>
+  <span class="not-popular">adipiscing</span>
+  <span class="very-popular">elit</span>
+  <span class="not-popular">Curabitur</span>
+  <span class="popular">non</span>
+  <span class="not-popular">ipsum</span>
+  <span class="very-popular">dolor</span>
+  <span class="not-popular">sit</span>
+  <span class="popular">amet</span>
+  <span class="popular">consectetur</span>
+  <span class="not-popular">adipiscing</span>
+  <span class="not-popular">elit</span>
+  <span class="popular">Curabitur</span>
+  <span class="not-popular">non</span>
+  <span class="popular">ipsum</span>
+  <span class="popular">dolor</span>
+  <span class="not-popular">sit</span>
+  <span class="not-popular">amet</span>
+  <span class="not-popular">consectetur</span>
+  <span class="not-popular">adipiscing</span>
+  <span class="very-popular">elit</span>
+  <span class="popular">Curabitur</span>
+  <span class="very-popular">non</span>
+  <span class="popular">ipsum</span>
+  <span class="not-popular">dolor</span>
+  <span class="not-popular">sit</span>
+  <span class="popular">amet</span>
+  <span class="popular">consectetur</span>
+  <span class="not-popular">adipiscing</span>
+  <span class="very-popular">elit</span>
+  <span class="not-popular">Curabitur</span>
+  <span class="popular">non</span>
+  <span class="not-popular">ipsum</span>
+  <span class="very-popular">dolor</span>
+  <span class="not-popular">sit</span>
+  <span class="popular">amet</span>
+  <span class="popular">consectetur</span>
+  <span class="not-popular">adipiscing</span>
+  <span class="not-popular">elit</span>
+  <span class="popular">Curabitur</span>
+  <span class="not-popular">non</span>
+  <span class="popular">ipsum</span>
+  <span class="popular">dolor</span>
+  <span class="not-popular">sit</span>
+  <span class="not-popular">amet</span>
+  <span class="not-popular">consectetur</span>
+  <span class="not-popular">adipiscing</span>
+  <span class="very-popular">elit</span>
+  <span class="popular">Curabitur</span>
+  <span class="very-popular">non</span>
+</div>