diff -r 9d5d9e6b7fbf -r e6483309fa52 web/hdalab/templates/facettes.html
--- a/web/hdalab/templates/facettes.html	Tue Feb 28 18:51:58 2012 +0100
+++ b/web/hdalab/templates/facettes.html	Wed Feb 29 16:14:01 2012 +0100
@@ -15,6 +15,7 @@
         <script src="{{STATIC_URL}}hdalab/lib/underscore-min.js"></script>
         <script src="{{STATIC_URL}}hdalab/lib/jquery-ui-1.8.16.custom.min.js"></script>
         <script src="{{STATIC_URL}}hdalab/lib/leaflet/leaflet.js"></script>
+        <script src="{{STATIC_URL}}hdalab/lib/ZeroClipboard.js"></script>
 
         <script src="{{STATIC_URL}}hdalab/js/gomina.js?v=1"></script>
         <script src="{{STATIC_URL}}hdalab/js/geojson_quickconv.js"></script>
@@ -27,109 +28,115 @@
             'tag_info': "{% url tag_info %}",
             'countries': "{{STATIC_URL}}hdalab/lib/countries.geo.json"
         };
+        ZeroClipboard.setMoviePath('{{STATIC_URL}}hdalab/lib/ZeroClipboard.swf');
         </script>
 {% endblock %}
-        
+
+{% block facettes_actif %}actif{% endblock %}
+
 {% block main_content %}
-            <h2 id="hdatitle">Recherche par facettes&nbsp;: <span id="sessionname"></span></h2>
-            <div id="apartager"><a href="#">Partager la session</a></div>
-            <ul id="partageurls">
-                <li id="partagero">Partagez en lecture seule en copiant ce lien : <span class="myurl" id="rourl">http://</span></li>
-                <li id="partagerw">Partagez en lecture-écriture en copiant ce lien : <span class="myurl" id="rwurl">http://</span></li>
+        <h2 id="hdatitle">Recherche par facettes&nbsp;: <span id="sessionname"></span></h2>
+        <div id="apartager"><a href="#">Partager la session</a></div>
+        <div id="partageurls">
+            <ul>
+                <li class="actif" id="partagero"><a href="#">En lecture seule</a></li>
+                <li id="partagerw"><a href="#">En lecture-écriture</a></li>
             </ul>
-            <div id="vues">
-                <h4 id="vuestitre">Mes vues :</h4>
-                <ul id="ongletsvues">
-                </ul>
-                <span id="nouvellevue"><a href="#">+</a></span>
+            <div id="zc-partageligne">
+                <label id="zc-partagelabel">Copier le lien&nbsp;: </label>
+                <input id="zc-partageinput" onfocus="select();" />
             </div>
-            <ul id="plusdevues">
-                <li id="nouv_resrech"><a href="#">Créer une vue sur des résultats de recherche</a></li>
-                <li id="nouv_liste"><a href="#">Créer une liste de notices</a></li>
+        </div>
+        <div id="vues">
+            <h4 id="vuestitre">Mes vues :</h4>
+            <ul id="ongletsvues">
+            </ul>
+            <span id="nouvellevue"><a href="#">+</a></span>
+        </div>
+        <ul id="plusdevues">
+            <li id="nouv_resrech"><a href="#">Créer une vue sur des résultats de recherche</a></li>
+            <li id="nouv_liste"><a href="#">Créer une liste de notices</a></li>
+        </ul>
+        <div id="waitcontainer">
+            <div id="waiting"></div>
+        </div>
+        <div id="bandefiltre">
+            <h4 id="filtertitle">
+                Filtres :
+            </h4>
+            <ul id="filters">
             </ul>
-            <div id="bandefiltre">
-                <h4 id="filtertitle">
-                    Filtres :
-                </h4>
-                <ul id="filters">
-                </ul>
+        </div>
+        <div id="timeline">
+            <ul id="dates"></ul>
+            <div id="dateheat"></div>
+            <div id="handle_0" class="handle">
+                <div class="handleinner"></div>
+            </div>
+            <div id="handle_1" class="handle">
+                <div class="handleinner"></div>
             </div>
-            <div id="timeline">
-                <ul id="dates"></ul>
-                <div id="dateheat"></div>
-                <div id="handle_0" class="handle">
-                    <div class="handleinner"></div>
+        </div>
+        <div id="leftcol">
+            <div id="bloc_gestvue">
+                <div class="barrebloc">
+                    <h2>Gérer la vue</h2>
                 </div>
-                <div id="handle_1" class="handle">
-                    <div class="handleinner"></div>
+                <div class="corpsbloc" id="gestvue">
+                    <div id="div_titrevue">
+                        <label>Nom : </label>
+                        <input id="titrevue" />
+                    </div>
+                    <h4>Blocs visibles :</h4>
                 </div>
             </div>
-            <div id="leftcol">
-                <div id="bloc_gestvue">
-                    <div class="barrebloc">
-                        <h2>Gérer la vue</h2>
-                    </div>
-                    <div class="corpsbloc" id="gestvue">
-                        <div id="div_titrevue">
-                            <label>Nom : </label>
-                            <input id="titrevue" />
-                        </div>
-                        <h4>Blocs visibles :</h4>
-                    </div>
+            <div class="bloc" id="bloc_map">
+                <div class="barrebloc">
+                    <h2>Pays</h2>
+                </div>
+                <div class="corpsbloc" id="map"></div>
+            </div>
+            <div class="bloc" id="bloc_tagcloud">
+                <div class="barrebloc">
+                    <h2>Nuage de mots-clés</h2>
                 </div>
-                <div class="bloc" id="bloc_map">
-                    <div class="barrebloc">
-                        <h2>Pays</h2>
-                    </div>
-                    <div class="corpsbloc" id="map"></div>
+                <div class="corpsbloc" id="tagcloud">
                 </div>
-                <div class="bloc" id="bloc_tagcloud">
-                    <div class="barrebloc">
-                        <h2>Nuage de mots-clés</h2>
-                    </div>
-                    <div class="corpsbloc" id="tagcloud">
-                    </div>
+            </div>
+            <div class="bloc" id="bloc_taginfo">
+                <div class="barrebloc">
+                    <h2>Information sur un mot-clé</h2>
                 </div>
-                <div class="bloc" id="bloc_taginfo">
-                    <div class="barrebloc">
-                        <h2>Information sur un mot-clé</h2>
-                    </div>
-                    <div class="corpsbloc" id="taginfo">
-                        <div id="tagcount"></div>
-                        <div id="tagsearchwrap"><input id="tagsearch" value="Rechercher un tag" /></div>
-                        <div id="tagdata"></div>
-                    </div>
+                <div class="corpsbloc" id="taginfo">
+                    <div id="tagcount"></div>
+                    <div id="tagsearchwrap"><input id="tagsearch" value="Rechercher un tag" /></div>
+                    <div id="tagdata"></div>
                 </div>
             </div>
-            <div id="rightcol">
-                <div class="bloc" id="bloc_notes">
-                    <div class="barrebloc">
-                        <h2>Notes</h2>
-                    </div>
-                    <div id="notes" class="corpsbloc"></div>
+        </div>
+        <div id="rightcol">
+            <div class="bloc" id="bloc_notes">
+                <div class="barrebloc">
+                    <h2>Notes</h2>
                 </div>
-                <div class="bloc" id="bloc_disciplines">
-                    <div class="barrebloc">
-                        <h2>Disciplines artistiques</h2>
-                    </div>
-                    <div id="disciplines" class="corpsbloc"></div>
+                <div id="notes" class="corpsbloc"></div>
+            </div>
+            <div class="bloc" id="bloc_disciplines">
+                <div class="barrebloc">
+                    <h2>Disciplines artistiques</h2>
                 </div>
-                <div class="bloc" id="bloc_notices">
-                    <div class="barrebloc">
-                        <h2>Résultats de recherche</h2>
-                    </div>
-                    <div class="corpsbloc">
-                        <div id="contentcount"></div>
-                        <div id="contents"></div>
-                    </div>
+                <div id="disciplines" class="corpsbloc"></div>
+            </div>
+            <div class="bloc" id="bloc_notices">
+                <div class="barrebloc">
+                    <h2>Résultats de recherche</h2>
                 </div>
-                
+                <div class="corpsbloc">
+                    <div id="contentcount"></div>
+                    <div id="contents"></div>
+                </div>
             </div>
         </div>
+    </div>
 
 {% endblock %}
-
-{% block footer%}
-{{block.super}}
-        <div id="lightboxbg"></div>
-{% endblock %}