--- a/integration/v2/18-19-20-21-collection_vue_mosaique.html	Tue Jun 25 11:37:02 2013 +0200
+++ b/integration/v2/18-19-20-21-collection_vue_mosaique.html	Tue Jun 25 16:38:25 2013 +0200
@@ -55,17 +55,17 @@
                                     </td>
                                 </tr>
                                 <tr>
-                                    <th colspan="2">Description :</th>
+                                    <th colspan="2"><label for="description-collection">Description :</label></th>
                                 </tr>
                                 <tr>
                                     <td colspan="2">
-                                        <textarea name="" id=""></textarea>
+                                        <textarea name="" id="description-collection"></textarea>
                                     </td>
                                 </tr>
                             </tbody>
                         </table>
                     </div>
-                     <ul class="list-projets-2 in-popin">
+                     <ul class="list-projets-2 clearfix">
                         <li>
                             <div class="top clearfix">
                                 <img src="img/113x113.png" alt="">
@@ -157,16 +157,16 @@
                 <div class="filters-wrap float-left">
                     <ul class="filters">
                         <li class="box-shadow-2"><a class="display-keyword" data-keyword="azerty" href="#">
-                            Paris, musée Victor Hugo <a title="close" class="icon-action cross" href="#"></a>
+                            Paris, musée Victor Hugo <a class="icon-action cross" href="#"></a>
                         </a></li>
                         <li class="box-shadow-2"><a class="display-keyword" data-keyword="lorem"  href="#">
-                            Bonjour hello world lorem ipsum dolor <a title="circle" class="icon-action circle" href="#"></a>
+                            Bonjour hello world lorem ipsum dolor <a class="icon-action cross" href="#"></a>
                         </a></li>
-                        <li class="box-shadow-2 disabled"><a href="#">
-                            Paris, musée Victor Hugo <a title="close" class="icon-action cross" href="#"></a>
+                        <li class="box-shadow-2"><a class="display-keyword" data-keyword="ipsum" href="#">
+                            ipsum tag <a class="icon-action cross" href="#"></a>
                         </a></li>
-                        <li class="box-shadow-2 disabled"><a href="#">
-                            Paris, musée Victor Hugo <a title="circle" class="icon-action circle" href="#"></a>
+                        <li class="box-shadow-2"><a class="display-keyword" data-keyword="hello"  href="#">
+                            hello tag tag it <a class="icon-action cross" href="#"></a>
                         </a></li>
                     </ul>
                 </div>
@@ -198,7 +198,7 @@
                             <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Minus aut nostrum omnis cumque maxime delectus numquam natus sapiente enim reiciendis nulla animi praesentium odio cupiditate temporibus! Nisi alias eius animi.</p>
                         </div>
                     </li>
-                    <li class="item-masonry keyword-lorem">
+                    <li class="item-masonry keyword-ipsum">
                         <div class="curtain"></div>
                         <div class="visuel-project">
                             <img src="img/177x264.png" alt="">
@@ -250,7 +250,7 @@
                             <p>azerty qwerty allo hello azerty qwerty allo hello</p>
                         </div>
                     </li>
-                    <li class="item-masonry keyword-lorem">
+                    <li class="item-masonry keyword-hello">
                         <div class="curtain"></div>
                         <div class="visuel-project">
                             <img src="img/177x224.png" alt="">
@@ -302,7 +302,7 @@
                             <p>Lorem ipsum dolor</p>
                         </div>
                     </li>
-                    <li class="item-masonry keyword-lorem">
+                    <li class="item-masonry keyword-ipsum">
                         <div class="curtain"></div>
                         <div class="visuel-project">
                             <img src="img/177x232.png" alt="">
@@ -380,7 +380,7 @@
                             <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Minus aut nostrum omnis cumque maxime delectus numquam natus sapiente enim reiciendis nulla animi praesentium odio cupiditate temporibus! Nisi alias eius animi.</p>
                         </div>
                     </li>
-                    <li class="item-masonry keyword-azerty">
+                    <li class="item-masonry keyword-hello">
                         <div class="curtain"></div>
                         <div class="visuel-project">
                             <img src="img/177x264.png" alt="">