--- /dev/null	Thu Jan 01 00:00:00 1970 +0000
+++ b/src/hdalab/templates/help_popup.html	Fri Jan 09 11:51:40 2015 +0100
@@ -0,0 +1,46 @@
+{% load static %}
+{% load i18n %}
+
+<link rel="stylesheet" type="text/css" href="{% static 'hdalab/css/renkan_help.css' %}" />
+
+<div id="help-slideshow">
+		<a class="img-close" href="#">{% trans 'Fermer<br>ce didacticiel' %}</a>
+	  	<ul class="bjqs">
+	    	<li class="slide1">
+	    		<div class="slideShowTitle">{% trans 'Aide : Bienvenue !' %}</div>
+   				<div class="column-left">
+   					<p>{% trans 'Cet outil (RENKAN) vous permet de representer, spatialiser et organiser des collections de ressources du portails histoire des arts avec d’autres sites Web.<br><br>Vous pouvez déplacer chaque noeud en cliquant dessus et en déplacant votre curseur.' %}</p>
+   				</div>
+	   			<div class="column-center">
+	   				<p class="columnTitle">{% trans 'Légende' %}</p>
+	 				<label class="img-requete">{% trans 'Requête' %}</label>
+	 				<label class="img-ressource">{% trans 'Ressource' %}</label>
+	 				<label class="img-tag">{% trans 'Tag' %}</label>
+				</div>
+   			
+	   			<div class="column-right">
+					<p>{% trans 'En cliquant sur chaque noeud ou lien vous pouvez les déplacer,  éditer,  supprimer, agrandir, rétraicir, modifier en utilisant le menu circulaire comme ci dessous.' %}</p>
+		  			  <img src="{% static 'hdalab/img/menu.png' %}" class="img-menu">
+				</div>
+	    	</li>
+		    <li class="slide2">
+		    	<div class="slideShowTitle">{% trans 'Aide : Ajouter, Editer, Organiser, Enregistrer !' %}</div>
+	   			<div class="column-left">
+		  			<h1 class="columnTitle">{% trans '1. Ajouter' %}</h1>
+		  			<p>{% trans 'Une fois ce didacticiel fermer vous pouvez ajouter des ressources en faisant “drag and drop” a partir de n’importe qu’elle fenetre de navigation web.' %}</p><br>
+		   			<img src="{% static 'hdalab/img/extend.png' %}" class="img-extend" />
+		   			<p>{% trans 'En cliquant sur l’icone à gauche  vous pouvez ouvrir le panel de recherche pour retrouver des ressources du site HDA ou Wikipédia.' %}</p>
+	   			</div>
+	   			<div class="column-center">
+		    		<h1 class="columnTitle">{% trans '2. Editer et organiser' %}</h1>
+		    		<p>{% blocktrans %}Le Lorem Ipsum est simplement du faux texte employé dans la composition et la mise en page avant impression.<br><br>Le Lorem Ipsum est le faux texte standard de l'imprimerie depuis les années 1500, quand un peintre anonyme assembla ensemble des morceaux de texte pour réaliser un livre de texte.{% endblocktrans %}</p>
+				</div>
+	   			<div class="column-right">
+		  			<h1 class="columnTitle">{% trans '3. Enregistrer' %}</h1>
+		  			<p>{% trans 'En cliquant sur chaque noeud ou lien vous pouvez les déplacer,  éditer,  supprimer, agrandir, rétraicir, modifier en utilisant le menu circulaire comme ci dessous.' %}</p><br>
+	        		<img src="{% static 'hdalab/img/save.png' %}" class="img-save" />
+	        		<p>{% blocktrans %}Ensuite vous pouvez enregistrer en ciquant sur l’icone representant une disquette.{% endblocktrans %}</p>
+	   			</div>
+		    </li>
+	  	</ul>
+	</div>
\ No newline at end of file