diff -r a06fb50d574f -r 9d2a4916ee7a integration/v2/01.html
--- a/integration/v2/01.html	Tue Jun 18 11:48:49 2013 +0200
+++ b/integration/v2/01.html	Tue Jun 18 13:29:25 2013 +0200
@@ -22,8 +22,15 @@
             <div class="col-right">
                 <ul class="head-login clearfix">
                     <li>
-                        <form action="#">
-                            <p><input type="text" placeholder="Rechercher dans le site"></p>
+                        <form method="GET" action="/egonomy/allpictures/">
+                            <p>
+                                <input id="id_search" type="text" placeholder="Rechercher dans le site">
+                                <select class="search-type">
+                                    <option selected="" value="/egonomy/allpictures/">Images</option>
+                                    <option value="/egonomy/allfragments/">Fragments</option>
+                                </select>
+                            </p>
+                            <input type="hidden" name="field" value="all">
                         </form>
                     </li>
                     <li class="hello-user">Bonjour Anthony Ly</li>
@@ -76,7 +83,17 @@
             </div>
             <ul class="list-projets clearfix">
                 <li>
-                    <img src="img/225x225.png" alt="">
+                    <div class="fragment">                   
+                        <svg xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" viewBox="0.3548 0.232193846154 0.357 0.276812307692" height="100%" width="100%" preserveAspectRatio="none">
+                            <defs>
+                                <clipPath id="fragment-clip68">
+                                    <path d="M0.3548 0.2603L0.4172 0.4461L0.7053 0.4809L0.7118 0.3532Z"/>
+                                </clipPath>
+                            </defs>
+                            <image opacity=".3" height="1" width="1" preserveAspectRatio="none" y="0" x="0" xlink:href="http://egonomy.iri-research.org/static/media/images/27/99-007715.jpg"/>
+                            <image clip-path="url(#fragment-clip68)" height="1" width="1" preserveAspectRatio="none" y="0" x="0" xlink:href="http://egonomy.iri-research.org/static/media/images/27/99-007715.jpg"/>
+                        </svg>      
+                    </div><!-- ./fragment -->
                     <div>
                         <h3>Annotez, échangez réagissez</h3>
                         <p>Partagez votre vision en décrivant les euvres, en les regroupant, devenez critique d’Art!</p>
@@ -84,7 +101,17 @@
                     </div>
                 </li>
                 <li>
-                    <img src="img/225x225.png" alt="">
+                    <div class="fragment">                   
+                        <svg xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" viewBox="0.3548 0.232193846154 0.357 0.276812307692" height="100%" width="100%" preserveAspectRatio="none">
+                            <defs>
+                                <clipPath id="fragment-clip68">
+                                    <path d="M0.3548 0.2603L0.4172 0.4461L0.7053 0.4809L0.7118 0.3532Z"/>
+                                </clipPath>
+                            </defs>
+                            <image opacity=".3" height="1" width="1" preserveAspectRatio="none" y="0" x="0" xlink:href="http://egonomy.iri-research.org/static/media/images/27/99-007715.jpg"/>
+                            <image clip-path="url(#fragment-clip68)" height="1" width="1" preserveAspectRatio="none" y="0" x="0" xlink:href="http://egonomy.iri-research.org/static/media/images/27/99-007715.jpg"/>
+                        </svg>      
+                    </div><!-- ./fragment -->
                     <div>
                         <h3>Annotez, échangez réagissez</h3>
                         <p>Partagez votre vision en décrivant les euvres, en les regroupant, devenez critique d’Art!</p>
@@ -92,7 +119,17 @@
                     </div>
                 </li>
                 <li>
-                    <img src="img/225x225.png" alt="">
+                    <div class="fragment">                   
+                        <svg xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" viewBox="0.3548 0.232193846154 0.357 0.276812307692" height="100%" width="100%" preserveAspectRatio="none">
+                            <defs>
+                                <clipPath id="fragment-clip68">
+                                    <path d="M0.3548 0.2603L0.4172 0.4461L0.7053 0.4809L0.7118 0.3532Z"/>
+                                </clipPath>
+                            </defs>
+                            <image opacity=".3" height="1" width="1" preserveAspectRatio="none" y="0" x="0" xlink:href="http://egonomy.iri-research.org/static/media/images/27/99-007715.jpg"/>
+                            <image clip-path="url(#fragment-clip68)" height="1" width="1" preserveAspectRatio="none" y="0" x="0" xlink:href="http://egonomy.iri-research.org/static/media/images/27/99-007715.jpg"/>
+                        </svg>      
+                    </div><!-- ./fragment -->
                     <div>
                         <h3>Annotez, échangez réagissez</h3>
                         <p>Partagez votre vision en décrivant les euvres, en les regroupant, devenez critique d’Art!</p>
@@ -100,7 +137,17 @@
                     </div>
                 </li>
                 <li>
-                    <img src="img/225x225.png" alt="">
+                    <div class="fragment">                   
+                        <svg xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" viewBox="0.3548 0.232193846154 0.357 0.276812307692" height="100%" width="100%" preserveAspectRatio="none">
+                            <defs>
+                                <clipPath id="fragment-clip68">
+                                    <path d="M0.3548 0.2603L0.4172 0.4461L0.7053 0.4809L0.7118 0.3532Z"/>
+                                </clipPath>
+                            </defs>
+                            <image opacity=".3" height="1" width="1" preserveAspectRatio="none" y="0" x="0" xlink:href="http://egonomy.iri-research.org/static/media/images/27/99-007715.jpg"/>
+                            <image clip-path="url(#fragment-clip68)" height="1" width="1" preserveAspectRatio="none" y="0" x="0" xlink:href="http://egonomy.iri-research.org/static/media/images/27/99-007715.jpg"/>
+                        </svg>      
+                    </div><!-- ./fragment -->
                     <div>
                         <h3>Annotez, échangez réagissez</h3>
                         <p>Partagez votre vision en décrivant les euvres, en les regroupant, devenez critique d’Art!</p>