last version
authorcobled
Wed, 14 Aug 2013 16:37:26 +0200
changeset 38 b5bddcba23c1
parent 37 3848e1813a30
child 39 343b9fbc9da1
last version
alcatel/django/templates/article.html
alcatel/django/templates/clusterDoc.html
alcatel/django/templates/document/document.html
alcatel/django/templates/document/footer.html
alcatel/django/templates/document/header.html
alcatel/django/templates/document/index.html
alcatel/django/templates/document/menu.html
alcatel/django/templates/dossiersdocumentaire1.html
alcatel/django/templates/index-dossier.html
alcatel/django/templates/polls/index.html
alcatel/django/templates/registration/login.html
alcatel/static/css/annotation-article.css
alcatel/static/img/white_arrow_long.png
alcatel/static/js/jquery.ui.datepicker-fr.js
--- /dev/null	Thu Jan 01 00:00:00 1970 +0000
+++ b/alcatel/django/templates/article.html	Wed Aug 14 16:37:26 2013 +0200
@@ -0,0 +1,41 @@
+{% extends "base.html" %}
+{% comment %}
+
+Main page of django_consultant's website.
+
+{% endcomment %}
+	{% block head %}
+     {{block.super}}
+       <script type="text/javascript" src="{{ STATIC_URL }}libraries/jquery-1.6.4.min.js"></script>
+       <script type="text/javascript" src="{{ STATIC_URL }}js/recherche.js"></script>
+       <link rel="stylesheet" href="{{ STATIC_URL }}css/home.css" />
+       <link rel="stylesheet" href="{{ STATIC_URL }}css/article.css" />
+           <link rel="stylesheet" href="{{ STATIC_URL }}css/annotation-article.css" />
+     {% endblock %}
+ 
+     {% block contentleft %}  
+      {% endblock %} 
+    
+     {% block frise %}
+                
+                {% endblock %}
+                
+   {% block headermenu %}
+ 
+  <ul class="header-menu">
+                    <li><a href="http://localhost:8000"><img src="{{ STATIC_URL }}img/home-button.jpg" alt="" /> </a></li>
+                   
+                        <li><a href="#">Cluster ></a></li>
+                        <li><a href="#">{{cluster_title}}</a></li>
+                </ul>
+
+                   
+       
+            
+  
+ {% endblock %}
+ 
+         {% block contentright %}
+    		<OBJECT type="text/html" data="{{url_article}}" width="950px" height="650px" style="margin:0;overflow:auto;border: none;">
+         {% endblock %}
+	 
\ No newline at end of file
--- /dev/null	Thu Jan 01 00:00:00 1970 +0000
+++ b/alcatel/django/templates/clusterDoc.html	Wed Aug 14 16:37:26 2013 +0200
@@ -0,0 +1,133 @@
+
+
+{% extends "base.html" %}
+{% comment %}
+
+Main page of django_consultant's website.
+
+{% endcomment %}
+
+{% block head %}
+     {{block.super}}
+      <link rel="stylesheet" href="{{ STATIC_URL }}css/article.css" />
+      <script type="text/javascript" src="{{ STATIC_URL }}libraries/jquery-1.6.4.min.js"></script>
+      <script type="text/javascript" src="{{ STATIC_URL }}js/cluster.js"></script>
+       <script type="text/javascript" src="{{ STATIC_URL }}js/recherche.js"></script>
+       <script type="text/javascript" src="{{ STATIC_URL }}js/dossierdoc.js"></script>
+    {% endblock %}
+    
+    {% block headerdossier %}
+  <div class="header-documentaire">
+         <a class="retour" href="#">« Retour</a>
+  		<h2><span>Mon dossier documentaire: </span><span>{{mydossierDoc.dossierDocTitle}}</span></h2>
+  </div>
+ {% endblock %}
+ 
+    {% block body %}
+    	<body onLoad="articles({{ request.session.jsondocuments }});loadStreamgraph({{ request.session.jsonstreamgraphdossierdoc }});">
+    {% endblock %}
+    
+     {% block query %}                   
+                     <form id="ajaxtreemapdoc" method="post" action="/">{% csrf_token %}
+               			<input type="hidden"  id="filtre" name="filtre"  value="nok">
+                        <input type="hidden" id="requestType" name="requestType"  value="treemap">
+                        <input type="hidden" id="refresh" name="refresh"  value="nok">   
+                        
+                        <p >
+                            <a href="#" class="photo"></a>
+                            <input id="recherche_id" name="recherche" placeholder="Rechercher" class="input-recherche" type="text" title="Rechercher"/>
+                            <input id="recherche_button_doc" type="button" value="" class="recherche-submit"/>
+                            
+                        </p>
+                    </form>
+                         {% endblock %}
+                         
+    {% block contentleft %}
+            <div class="content-left documentaire">
+             {% block titleleft %} <h2 id="titleleft"> </h2> {% endblock %}
+              <div class="widget-wrapper">
+                        <div class="widget-wrap">
+                            <!--div class="widget recherche">
+                                <h3><a href="#">RECHERCHE</a></h3>
+                                <div class="widget-inner">
+                                    <form action="#" method="">
+                                        <p class="clearfix">
+                                            <input type="text" name="" placeholder="Rechercher" />
+                                            <input type="submit" title="Rechercher"   value="" />
+                                        </p>
+                                    </form>
+                                </div>
+                            </div--><!-- recherche -->
+                             <div class="widget affichage">
+                                <h3><a href="#"  class="open">AFFICHAGE</a></h3>
+                                <div class="widget-inner">
+                                    <ul class="clearfix">
+                                        <li><a title="Passer en vue Treemap" class="treemap active" href="#" ><span class="visuel"></span><span class="fonction">Treemap</span> </a></li>
+                                        <li id="listehref"><a title="Passer en vue Liste" class="liste" href="#" ><span class="visuel"></span><span class="fonction">Liste</span> </a></li>
+                                    </ul>
+                                </div>
+                            </div><!-- affichage -->
+                           
+                            <!--div class="widget filtre">
+                                <h3><a href="#" class="open">FILTRES</a></h3>
+                                <div class="widget-inner">
+                                    <form action="#" class="filtre-date">
+                                        <p>
+                                            <label for="">De :</label>
+                                            <input type="text" name="dateBegin" class="dateBegin" />
+                                        </p>
+                                        <p>
+                                            <label for="">à :</label>
+                                            <input type="text" name="dateEnd" class="dateEnd" />
+                                        </p>
+                                    </form>
+                                    <h4>Catégories :</h4>
+                                    <form action="#" class="filtre-categorie">
+                                        <p><input type="checkbox" checked="checked"> <label for="">International</label> </p>
+                                        <p><input type="checkbox" checked="checked"> <label for="">France</label> </p>
+                                        <p><input type="checkbox" checked="checked"> <label for="">Economie</label> </p>
+                                        <p><input type="checkbox" checked="checked"> <label for="">Culture</label> </p>
+                                    </form>
+                                </div>
+                            </div--><!-- filtre -->
+                            
+                             <div class="widget filtre">
+                                <h3><a href="#" class="open">FILTRES</a></h3>
+                                <div class="widget-inner">
+                                	
+                                      <form id="ajaxfiltrestreamgraph" method="post" action="/?next={{request.get_full_path}}">{% csrf_token %}
+                                        <input type="hidden" id="requestType"  name="requestType"  value="streamgraph"/>
+                                        <input type="hidden" id="filtre" name="filtre"  value="dossierDocOk"/>
+                                     </form>
+                     
+                                    <form id="ajaxfiltretreemap" method="post" action="/?next={{request.get_full_path}}" class="filtre-date">{% csrf_token %}
+                                    	<input type="hidden" id="requestType" name="requestType"  value="treemap">
+                                    	<input type="hidden" name="filtre"  value="dossierDocOk">
+                                        <p>
+                                            <label for="">De :</label>
+                                            <input id="pickeddatebegin" type="text" name="from_date" class="dateBegin" value="07/01/2007"/>
+                                        </p>
+                                        <p>
+                                            <label for="">à :</label>
+                                            <input id="pickeddateend" type="text" name="to_date" class="dateEnd" value="12/01/2012"/>
+                                        </p>
+                                    <!--/form-->
+                                    <h4>Catégories :</h4>                        	
+                                        <p><input type="checkbox" name="categories1" value="International" class="checkbox_category" checked="checked"/> <label for="">International</label> </p>
+                                        <p><input type="checkbox" name="categories2" value="France"        class="checkbox_category" checked="checked"/> <label for="">France</label> </p>
+                                        <p><input type="checkbox" name="categories3" value="Economie"      class="checkbox_category" checked="checked"/> <label for="">Economie</label> </p>
+                                        <p><input type="checkbox" name="categories4" value="Culture"       class="checkbox_category" checked="checked"/> <label for="">Culture</label> </p>
+                                    </form>
+                                </div>
+                            </div><!-- filtre -->
+                           
+                            </div>
+                        </div>
+                        </div>
+        {% endblock %}
+    
+     
+      {% block affichage %} {% endblock %}
+      
+        {% block filtrestreamgraph %}<input type="hidden" id="requestType"  name="requestType"  value="streamgraphUpdate"/>{% endblock %}
+         {% block filtretreemap %}<form id="ajaxfiltretreemapdoc" method="post" action="/" class="filtre-date"><input type="hidden" id="requestType"  name="requestType"  value="treemapUpdate"/>{% endblock %}
\ No newline at end of file
--- /dev/null	Thu Jan 01 00:00:00 1970 +0000
+++ b/alcatel/django/templates/document/document.html	Wed Aug 14 16:37:26 2013 +0200
@@ -0,0 +1,36 @@
+
+
+{% extends "base.html" %}
+{% comment %}
+
+This is the main template for all portal pages.
+
+{% endcomment %}
+
+{% block head %}
+    <title>Periplus | {% block title %}{% endblock %}</title>
+{% endblock %}
+
+{% block body %}
+
+    <header>
+        <h1>Periplus | Web Portal</h1>
+    </header>
+
+    <section>
+        <ul>
+            <li><a href="/">home</a></li>
+            <li><a href="/logout/">logout</a></li>
+        </ul>
+    </section>
+
+    {% block content %}{% endblock %}
+
+    <footer>
+        <span>&copy; 2012, Periplus partners</span>
+    </footer>
+
+{% endblock %}
+
+
+
--- /dev/null	Thu Jan 01 00:00:00 1970 +0000
+++ b/alcatel/django/templates/document/index.html	Wed Aug 14 16:37:26 2013 +0200
@@ -0,0 +1,63 @@
+
+
+{% extends "document/document.html" %}
+
+
+{% comment %}
+
+Main page of the portal.
+
+{% endcomment %}
+
+
+
+{% block head %}
+    <link rel="stylesheet" type="text/css" media="screen" href="{{ STATIC_URL }}treemap/design.css"/>
+	<script type="text/javascript" src="{{ STATIC_URL }}libraries/d3/d3.js"></script>
+	<script type="text/javascript" src="{{ STATIC_URL }}libraries/d3/d3.layout.js"></script>
+	<script type="text/javascript" src="{{ STATIC_URL }}libraries/jquery-1.6.4.min.js"></script>
+	<script type="text/javascript" src="{{ STATIC_URL }}libraries/jquery-ui-1.8.16.custom.min.js"></script>
+	<script type="text/javascript" src="{{ STATIC_URL }}libraries/pure_min.js"></script>
+	<script type="text/javascript" src="{{ STATIC_URL }}treemap/treemap.js"></script>
+	
+{% endblock %}
+
+
+    <section>
+        <h2>Welcome, {{ user.username }}</h2>
+        <p>This is the main page of the web portal.</p>
+    </section>
+    
+
+
+{% block content %}
+
+    <section>
+    	<h2>Filtres</h2>
+    	<button onclick="filterTreeMapData()">filtrer</button>
+    </section>
+    
+    <h1>Treemap et sa timeline sous forme de streamgraph</h1>
+	
+	<div id="streamgraphTimeline"></div>
+	
+	<div id="treemap"></div>
+	
+	<div id="streamgraphTemplate">
+		<img class="streamgraph_img" src="" alt=""/>
+		<p class="title"></p>
+	</div>
+	
+	<script type="text/javascript" src="{{ STATIC_URL }}treemap/donnees.js"> </script>
+	<script type="text/javascript" src="{{ STATIC_URL }}libraries/nco/relations.js"></script>
+	<script type="text/javascript" src="{{ STATIC_URL }}libraries/nco/couleurs.js"></script>
+	<script type="text/javascript" src="{{ STATIC_URL }}libraries/nco/streamgraph.js"></script>
+	<script type="text/javascript" src="{{ STATIC_URL }}libraries/nco/treemap.js"></script>
+	
+	
+{% endblock %}
+
+
+
+
+
--- /dev/null	Thu Jan 01 00:00:00 1970 +0000
+++ b/alcatel/django/templates/dossiersdocumentaire1.html	Wed Aug 14 16:37:26 2013 +0200
@@ -0,0 +1,90 @@
+
+
+{% extends "base.html" %}
+{% comment %}
+
+Main page of django_consultant's website.
+
+{% endcomment %}
+
+{% block head %}
+     {{block.super}}
+     <link rel="stylesheet" href="{{ STATIC_URL }}css/dossiers.css" />
+     <script type="text/javascript" src="{{ STATIC_URL }}libraries/jquery-1.6.4.min.js"></script>
+     <script type="text/javascript" src="{{ STATIC_URL }}js/dossierdoc.js"></script>
+    {% endblock %}
+    
+    {% block body %}
+    	<body onLoad="dossiers({{ request.session.json3 }});">
+    {% endblock %}
+    
+    
+    {% block frise %}
+         <div class="header-documentaire">
+          <a class="retour" href="#">« Retour</a>
+          <h2>Tous les Dossiers Documentaires : «Rechercher»</h2>
+        </div>
+    {% endblock %}
+                
+	 {% block contentleft %}
+            <div class="content-left documentaire">
+            
+              <div class="widget-wrapper">
+                        <div class="widget-wrap">
+                            <div class="widget recherche">
+                                <h3><a href="#">RECHERCHE</a></h3>
+                                <div class="widget-inner">
+                                    <form action="#" method="">
+                                        <p class="clearfix">
+                                            <input type="text" name="" placeholder="Rechercher" />
+                                            <input type="submit" title="Rechercher"   value="" />
+                                        </p>
+                                    </form>
+                                </div>
+                            </div><!-- recherche -->
+                            <div class="widget classer">
+                                <h3><a href="#">CLASSER</a></h3>
+                                <div class="widget-inner">
+                                    <form action="#" class="filtre-categorie">
+                                        <p><input type="checkbox"> <label for="">International</label> </p>
+                                        <p><input type="checkbox"> <label for="">International</label> </p>
+                                        <p><input type="checkbox"> <label for="">International</label> </p>
+                                    </form>
+                                </div>
+                            </div><!-- classer -->
+                            <div class="widget filtre">
+                                <h3><a href="#">FILTRES</a></h3>
+                                <div class="widget-inner">
+                                    <form action="#" class="filtre-date">
+                                        <p>
+                                            <label for="">De :</label>
+                                            <input type="text" name="dateBegin" class="dateBegin" />
+                                        </p>
+                                        <p>
+                                            <label for="">à :</label>
+                                            <input type="text" name="dateEnd" class="dateEnd" />
+                                        </p>
+                                    </form>
+                                    <h4>Catégories :</h4>
+                                    <form action="#" class="filtre-categorie">
+                                        <p><input type="checkbox"> <label for="">International</label> </p>
+                                        <p><input type="checkbox"> <label for="">International</label> </p>
+                                        <p><input type="checkbox"> <label for="">International</label> </p>
+                                    </form>
+                                </div>
+                            </div><!-- filtre -->
+                            <div class="widget links">
+                                <h3><a href="#">DOSSIER ASSOCIES</a></h3>
+                                <div class="widget-inner">
+                                    <ul>
+                                        <li><a href="#">« Corruption »</a></li>
+                                        <li><a href="#">« Corruption »</a></li>
+                                        <li><a href="#">« Corruption »</a></li>
+                                        <li><a href="#">« Corruption »</a></li>
+                                    </ul>
+                                </div>
+                            </div><!-- links -->
+                            </div>
+                        </div>
+                        </div>
+        {% endblock %}
\ No newline at end of file
--- /dev/null	Thu Jan 01 00:00:00 1970 +0000
+++ b/alcatel/django/templates/index-dossier.html	Wed Aug 14 16:37:26 2013 +0200
@@ -0,0 +1,124 @@
+{% extends "base.html" %}
+{% comment %}
+
+Main page of django_consultant's website.
+
+{% endcomment %}
+	{% block head %}
+     {{block.super}}
+      <link rel="stylesheet" href="{{ STATIC_URL }}css/article.css" />
+      <script type="text/javascript" src="{{ STATIC_URL }}js/dossierdoc.js"></script>
+      <script type="text/javascript" src="{{ STATIC_URL }}js/base.js"></script>
+    
+    {% endblock %}
+    {% block body %}
+    	<body onLoad="showResultsDossierDoc({{ request.session.jsontreemapdossierdoc }});loadStreamgraph({{ request.session.jsonstreamgraphdossierdoc }});setCategories({{ request.session.jsontreemapdossierdoc }}); ">
+    {% endblock %}
+ {% block headerdossier %}
+  <div class="header-documentaire">
+         <a class="retour" href="#">« Retour</a>
+  		<h2><span>Mon dossier documentaire: </span><span>{{mydossierDoc.dossierDocTitle}}</span></h2>
+  </div>
+ {% endblock %}
+ 
+ {% block query %}                   
+                     <form id="ajaxtreemapdoc" method="post" action="/">{% csrf_token %}
+               			<input type="hidden"  id="filtre" name="filtre"  value="nok">
+                        <input type="hidden" id="requestType" name="requestType"  value="treemap">
+                        <input type="hidden" id="refresh" name="refresh"  value="nok">   
+                        
+                        <p >
+                            <a href="#" class="photo"></a>
+                            <input id="recherche_id" name="recherche" placeholder="Rechercher" class="input-recherche" type="text" title="Rechercher"/>
+                            <input id="recherche_button_doc" type="button" value="" class="recherche-submit"/>
+                            
+                        </p>
+                    </form>
+                         {% endblock %}
+  {% block contentleft %}
+            <div class="content-left documentaire">
+            
+              <div class="widget-wrapper">
+                        <div class="widget-wrap">
+                            <!--div class="widget recherche">
+                                <h3><a href="#">RECHERCHE</a></h3>
+                                <div class="widget-inner">
+                                    <form action="#" method="">
+                                        <p class="clearfix">
+                                            <input type="text" name="" placeholder="Rechercher" />
+                                            <input type="submit" title="Rechercher"   value="" />
+                                        </p>
+                                    </form>
+                                </div>
+                            </div--><!-- recherche -->
+                             <div class="widget affichage">
+                                <h3><a href="#"  class="open">AFFICHAGE</a></h3>
+                                <div class="widget-inner">
+                                    <ul class="clearfix">
+                                        <li><a title="Passer en vue Treemap" class="treemap active" href="#" ><span class="visuel"></span><span class="fonction">Treemap</span> </a></li>
+                                        <li id="listehref"><a title="Passer en vue Liste" class="liste" href="#" ><span class="visuel"></span><span class="fonction">Liste</span> </a></li>
+                                    </ul>
+                                </div>
+                            </div><!-- affichage -->
+                           
+                            <!--div class="widget filtre">
+                                <h3><a href="#" class="open">FILTRES</a></h3>
+                                <div class="widget-inner">
+                                    <form action="#" class="filtre-date">
+                                        <p>
+                                            <label for="">De :</label>
+                                            <input type="text" name="dateBegin" class="dateBegin" />
+                                        </p>
+                                        <p>
+                                            <label for="">à :</label>
+                                            <input type="text" name="dateEnd" class="dateEnd" />
+                                        </p>
+                                    </form>
+                                    <h4>Catégories :</h4>
+                                    <form action="#" class="filtre-categorie">
+                                        <p><input type="checkbox" checked="checked"> <label for="">International</label> </p>
+                                        <p><input type="checkbox" checked="checked"> <label for="">France</label> </p>
+                                        <p><input type="checkbox" checked="checked"> <label for="">Economie</label> </p>
+                                        <p><input type="checkbox" checked="checked"> <label for="">Culture</label> </p>
+                                    </form>
+                                </div>
+                            </div--><!-- filtre -->
+                            
+                             <div class="widget filtre">
+                                <h3><a href="#" class="open">FILTRES</a></h3>
+                                <div class="widget-inner">
+                                	
+                                      <form id="ajaxfiltrestreamgraph" method="post" action="/?next={{request.get_full_path}}">{% csrf_token %}
+                                        <input type="hidden" id="requestType"  name="requestType"  value="streamgraph"/>
+                                        <input type="hidden" id="filtre" name="filtre"  value="dossierDocOk"/>
+                                     </form>
+                     
+                                    <form id="ajaxfiltretreemap" method="post" action="/?next={{request.get_full_path}}" class="filtre-date">{% csrf_token %}
+                                    	<input type="hidden" id="requestType" name="requestType"  value="treemap">
+                                    	<input type="hidden" name="filtre"  value="dossierDocOk">
+                                        <p>
+                                            <label for="">De :</label>
+                                            <input id="pickeddatebegin" type="text" name="from_date" class="dateBegin" value="07/01/2007"/>
+                                        </p>
+                                        <p>
+                                            <label for="">à :</label>
+                                            <input id="pickeddateend" type="text" name="to_date" class="dateEnd" value="12/01/2012"/>
+                                        </p>
+                                    <!--/form-->
+                                    <h4>Catégories :</h4>                        	
+                                        <p><input type="checkbox" name="categories1" value="International" class="checkbox_category" checked="checked"/> <label for="">International</label> </p>
+                                        <p><input type="checkbox" name="categories2" value="France"        class="checkbox_category" checked="checked"/> <label for="">France</label> </p>
+                                        <p><input type="checkbox" name="categories3" value="Economie"      class="checkbox_category" checked="checked"/> <label for="">Economie</label> </p>
+                                        <p><input type="checkbox" name="categories4" value="Culture"       class="checkbox_category" checked="checked"/> <label for="">Culture</label> </p>
+                                    </form>
+                                </div>
+                            </div><!-- filtre -->
+                           
+                            </div>
+                        </div>
+                        </div>
+        {% endblock %}
+                                
+	 
+               
+           
\ No newline at end of file
--- /dev/null	Thu Jan 01 00:00:00 1970 +0000
+++ b/alcatel/django/templates/polls/index.html	Wed Aug 14 16:37:26 2013 +0200
@@ -0,0 +1,9 @@
+{% if user_list %}
+    <ul>
+    {% for user in user_list %}
+        <li><a href="/document/{{ user.id }}/">{{ user.name }}</a></li>
+    {% endfor %}
+    </ul>
+{% else %}
+    <p>No user are defined.</p>
+{% endif %}
\ No newline at end of file
--- /dev/null	Thu Jan 01 00:00:00 1970 +0000
+++ b/alcatel/django/templates/registration/login.html	Wed Aug 14 16:37:26 2013 +0200
@@ -0,0 +1,47 @@
+
+
+{% extends "base.html" %}
+{% comment %}
+
+Login page to authenticate users.
+
+{% endcomment %}
+
+{% block head %}
+    <title>Django Consultants | Login</title>
+{% endblock %}
+
+{% block body %}
+    <header>
+        <h1>Page de login</h1>
+       
+    </header>
+
+    <section>
+        {% if form.errors %}
+            <p>Le login et le mot de passe ne correspondent pas, essayez a nouveau.</p>
+        {% endif %}
+
+        <form method="post" action=".">{% csrf_token %}
+            <p>
+                <label for="id_username">Username:</label>
+                {{ form.username }}
+            </p>
+            <p>
+                <label for="id_password">Password:</label>
+                {{ form.password }}
+            </p>
+            {% if next %}
+                <input type="hidden" name="next" value="{{ next }}" />
+            {% else %}
+                <input type="hidden" name="next" value="/periplus/" />
+            {% endif %}
+            <input type="submit" value="login" />
+        </form>
+    </section>
+{% endblock %}
+
+
+
+
+
--- /dev/null	Thu Jan 01 00:00:00 1970 +0000
+++ b/alcatel/static/css/annotation-article.css	Wed Aug 14 16:37:26 2013 +0200
@@ -0,0 +1,198 @@
+input::-moz-focus-inner /*Remove button padding in FF*/
+{ 
+    border: 0;
+    padding: 0;
+}
+
+/* TOP BAR */
+
+.periplus-barre {
+    height: 77px; border-bottom: 1px solid #c00000; box-shadow: 0 2px 4px rgba(0,0,0,.5);
+}
+
+.periplus-barre-haut, .periplus-barre-bas-interieur {
+    width: 967px; margin: 0 auto;
+}
+
+.periplus-barre-haut {
+    height: 44px;
+}
+
+.periplus-titre {
+    float: left; line-height: 20px; font-size: 17px; font-weight: bold; margin: 2px 0 0;
+}
+
+.periplus-titre h2 {
+    font-style: italic; color: #C00000;
+}
+
+.periplus-dossier-docu {    
+    float: right; height: 24px; line-height: 24px; border: 1px solid #197caa; margin: 9px 10px 0 0;
+}
+
+.periplus-dossier-docu a {
+     color: #197caa;
+}
+
+.periplus-dossier-docu li {
+    float: left;
+}
+
+.periplus-nom-dossier {
+    font-size: 15px; font-weight: bold; background: url(../img/icone-dossier.png) 3px center no-repeat;
+    padding: 0 6px 0 26px;
+}
+
+.periplus-fleche-article {
+    font-size: 22px; border-left: 1px solid #197caa;
+}
+
+.periplus-article-precedent {
+    padding: 0 3px 0 2px;
+}
+
+.periplus-article-suivant {
+    padding: 0 2px 0 3px;
+}
+
+.periplus-recherche {
+    width: 320px; margin: 0 auto;
+}
+
+.periplus-recherche-champ {
+    float: left; border: 1px solid; padding: 0 2px; margin: 9px 0 0; font-size: 14px; height: 24px; line-height: 24px; width: 240px;
+}
+
+.periplus-recherche-envoi {
+    float: left; border: none; padding: 0; margin: 9px 0 0 4px; background: #000000 url(../img/zoom-button.jpg) center no-repeat;
+    width: 54px; height: 26px; text-indent: -9999px;
+}
+
+.periplus-barre-bas {
+    height: 32px; background: #000000; color: #FFFFFF;
+}
+
+.periplus-barre-bas a {
+    color: #FFFFFF;
+}
+
+.periplus-home {
+    float: left; background-image: url("../img/home-sprite.png"); background-position: 0 -28px;
+    display: block; height: 28px; width: 28px; margin: 2px 10px 0 0;
+}
+
+.periplus-home:hover {
+    background-position: 0 0;
+}
+
+.periplus-fil-ariane {
+    float: left; line-height: 32px; font-size: 16px; font-weight: bold;
+}
+
+.periplus-fil-ariane li {
+    float: left;
+}
+
+.periplus-fil-ariane li:nth-child(n+2):before {
+    float: left; content: "›"; margin: 0 5px;
+}
+
+
+/* ANNOTATIONS */
+
+.content span {
+    background-image: inherit;
+}
+
+.annotation-frame {
+    position: absolute; float: left; clear: both; display: none; border: 2px solid;
+    margin: -4px 0 0 -4px; box-shadow: 0 0 4px #000000;
+}
+.annotation-area {
+    float: left; clear: both; width: 490px; padding: 2px; opacity: .2;
+}
+.annotation-form {
+    float: left; clear: both; width: 480px; padding: 7px; background: rgba(200,200,200,.9);
+}
+.annotation-form h3 {
+    color: #197CAA; font-size: 14px; font-weight: bold; margin: 4px 0;
+}
+.annotation-textarea {
+    height: 120px; resize: none; border: 1px solid #666; padding: 2px; width: 472px;
+}
+ul.annotation-tags-form {
+    font-size: 12px; border-radius: 0; border: 1px solid #666; margin-bottom: 5px;
+}
+.annotation-tags li {
+    float: left; padding: 2px; border: 1px solid #666; background: #cccccc; border-radius: 3px; margin-right: 2px;
+}
+.annotation-submit, a.annotation-remove {
+    width: 235px; height: 20px; line-height: 20px; font-size: 14px; text-align: center;
+    padding: 0; margin: 0; color: #ffffff; font-weight: bold; border: none; font-family: Arial, Helvetica, sans-serif;
+    float: left;
+}
+.annotation-submit:hover, .annotation-remove:hover {
+    opacity: .8;
+}
+.annotation-submit {
+    background: #197CAA; margin-left: 10px;
+}
+.annotation-remove {
+    background: #990000;
+}
+
+.annotation-list li {
+    margin-bottom: 5px; border: 2px solid; padding: 0 4px; font-size: 13px; cursor: hand;
+}
+.annotation-list h3 {
+    font-weight: bold; font-size: 14px; margin: 4px 0;
+}
+.annotation-list p {
+    margin: 4px 0;
+}
+.annotation-list li.selected {
+    background: #e0e0e0;
+}
+.annotation-text {
+    font-style: italic; color: #666;
+}
+.annotation-text b {
+    font-style: normal; color: #800;
+}
+.annotation-selected {
+    color: #ffffff;
+    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVQImWNgYGD4DwABBAEAfbLI3wAAAABJRU5ErkJggg==) !important;
+}
+
+.add-annotation {
+    position: absolute; background: #197CAA; color: #fffff; padding: 6px; border-radius: 3px;
+    font-size: 14px; font-weight: bold; color: #ffffff; cursor: hand; display: none;
+}
+
+.annotation-frame-box {
+    display: none;
+}
+
+.annotation-frame-box div {
+    position: absolute; background: rgba(200,200,200,0.5);
+}
+
+.annotation-fb-top {
+    top: 77px; left: 0; right: 0;
+}
+
+.annotation-fb-left {
+    left: 0;
+}
+
+.annotation-fb-right {
+    right: 0;
+}
+
+.annotation-fb-bottom {
+    left: 0; right: 0;
+}
+
+.annotation-longview {
+    display: none;
+}
Binary file alcatel/static/img/white_arrow_long.png has changed
--- /dev/null	Thu Jan 01 00:00:00 1970 +0000
+++ b/alcatel/static/js/jquery.ui.datepicker-fr.js	Wed Aug 14 16:37:26 2013 +0200
@@ -0,0 +1,27 @@
+// JavaScript Document
+jQuery(function($){
+$.datepicker.regional['fr'] = {
+closeText: 'Fermer',
+prevText: '&#x3c;Préc',
+nextText: 'Suiv&#x3e;',
+currentText: 'Aujourd\'hui',
+monthNames: ['Janvier','Fevrier','Mars','Avril','Mai','Juin',
+'Juillet','Aout','Septembre','Octobre','Novembre','Decembre'],
+monthNamesShort: ['Jan','Fev','Mar','Avr','Mai','Jun',
+'Jul','Aou','Sep','Oct','Nov','Dec'],
+dayNames: ['Dimanche','Lundi','Mardi','Mercredi','Jeudi','Vendredi','Samedi'],
+dayNamesShort: ['Dim','Lun','Mar','Mer','Jeu','Ven','Sam'],
+dayNamesMin: ['Di','Lu','Ma','Me','Je','Ve','Sa'],
+weekHeader: 'Sm',
+dateFormat: 'dd-mm-yy',
+firstDay: 1,
+isRTL: false,
+showMonthAfterYear: false,
+yearSuffix: '',
+minDate: 0,
+maxDate: '+12M +0D',
+numberOfMonths: 2,
+showButtonPanel: true
+};
+$.datepicker.setDefaults($.datepicker.regional['fr']);
+});
\ No newline at end of file