diff -r 7a7cfcba5bfe -r d1baf7ccecc8 cms/app-client/app/templates/tabs/thematiques.hbs
--- a/cms/app-client/app/templates/tabs/thematiques.hbs	Thu May 19 14:49:42 2016 +0200
+++ b/cms/app-client/app/templates/tabs/thematiques.hbs	Mon May 30 23:58:34 2016 +0200
@@ -1,60 +1,5 @@
-<div class="search-box">
-  {{input type="text" placeholder="Entrez une thématique" enter="updateUrl"}}
-</div>
+{{outlet}}
 
-<div class="tag-cloud">
-  <span {{action 'updateUrl' 'ipsum'}} class="popular">ipsum</span>
-  <span {{action 'Url' 'dolor'}} class="not-popular">dolor</span>
-  <span {{action 'updateUrl' 'sit'}} class="not-popular">sit</span>
-  <span {{action 'updateUrl' 'amet'}} class="popular">amet</span>
-  <span {{action 'updateUrl' 'consectetur'}} class="popular">consectetur</span>
-  <span {{action 'updateUrl' 'adipiscing'}} class="not-popular">adipiscing</span>
-  <span {{action 'updateUrl' 'elit'}} class="very-popular">elit</span>
-  <span {{action 'updateUrl' 'Curabitur'}} class="not-popular">Curabitur</span>
-  <span {{action 'updateUrl' 'non'}} class="popular">non</span>
-  <span {{action 'updateUrl' 'ipsum'}} class="not-popular">ipsum</span>
-  <span {{action 'updateUrl' 'dolor'}} class="very-popular">dolor</span>
-  <span {{action 'updateUrl' 'sit'}} class="not-popular">sit</span>
-  <span {{action 'updateUrl' 'amet'}} class="popular">amet</span>
-  <span {{action 'updateUrl' 'consectetur'}} class="popular">consectetur</span>
-  <span {{action 'updateUrl' 'adipiscing'}} class="not-popular">adipiscing</span>
-  <span {{action 'updateUrl' 'elit'}} class="not-popular">elit</span>
-  <span {{action 'updateUrl' 'Curabitur'}} class="popular">Curabitur</span>
-  <span {{action 'updateUrl' 'non'}} class="not-popular">non</span>
-  <span {{action 'updateUrl' 'ipsum'}} class="popular">ipsum</span>
-  <span {{action 'updateUrl' 'dolor'}} class="popular">dolor</span>
-  <span {{action 'updateUrl' 'sit'}} class="not-popular">sit</span>
-  <span {{action 'updateUrl' 'amet'}} class="not-popular">amet</span>
-  <span {{action 'updateUrl' 'consectetur'}} class="not-popular">consectetur</span>
-  <span {{action 'updateUrl' 'adipiscing'}} class="not-popular">adipiscing</span>
-  <span {{action 'updateUrl' 'elit'}} class="very-popular">elit</span>
-  <span {{action 'updateUrl' 'Curabitur'}} class="popular">Curabitur</span>
-  <span {{action 'updateUrl' 'non'}} class="very-popular">non</span>
-  <span {{action 'updateUrl' 'ipsum'}} class="popular">ipsum</span>
-  <span {{action 'updateUrl' 'dolor'}} class="not-popular">dolor</span>
-  <span {{action 'updateUrl' 'sit'}} class="not-popular">sit</span>
-  <span {{action 'updateUrl' 'amet'}} class="popular">amet</span>
-  <span {{action 'updateUrl' 'consectetur'}} class="popular">consectetur</span>
-  <span {{action 'updateUrl' 'adipiscing'}} class="not-popular">adipiscing</span>
-  <span {{action 'updateUrl' 'elit'}} class="very-popular">elit</span>
-  <span {{action 'updateUrl' 'Curabitur'}} class="not-popular">Curabitur</span>
-  <span {{action 'updateUrl' 'non'}} class="popular">non</span>
-  <span {{action 'updateUrl' 'ipsum'}} class="not-popular">ipsum</span>
-  <span {{action 'updateUrl' 'dolor'}} class="very-popular">dolor</span>
-  <span {{action 'updateUrl' 'sit'}} class="not-popular">sit</span>
-  <span {{action 'updateUrl' 'amet'}} class="popular">amet</span>
-  <span {{action 'updateUrl' 'consectetur'}} class="popular">consectetur</span>
-  <span {{action 'updateUrl' 'adipiscing'}} class="not-popular">adipiscing</span>
-  <span {{action 'updateUrl' 'elit'}} class="not-popular">elit</span>
-  <span {{action 'updateUrl' 'Curabitur'}} class="popular">Curabitur</span>
-  <span {{action 'updateUrl' 'non'}} class="not-popular">non</span>
-  <span {{action 'updateUrl' 'ipsum'}} class="popular">ipsum</span>
-  <span {{action 'updateUrl' 'dolor'}} class="popular">dolor</span>
-  <span {{action 'updateUrl' 'sit'}} class="not-popular">sit</span>
-  <span {{action 'updateUrl' 'amet'}} class="not-popular">amet</span>
-  <span {{action 'updateUrl' 'consectetur'}} class="not-popular">consectetur</span>
-  <span {{action 'updateUrl' 'adipiscing'}} class="not-popular">adipiscing</span>
-  <span {{action 'updateUrl' 'elit'}} class="very-popular">elit</span>
-  <span {{action 'updateUrl' 'Curabitur'}} class="popular">Curabitur</span>
-  <span {{action 'updateUrl' 'non'}} class="very-popular">non</span>
-</div>
+{{ filtering-component themes=model setQueryParameters=( action 'transitionTo' ) }}
+
+{{ sorting-component themes=model setQueryParameters=( action 'transitionTo' ) }}