avec des icones c'est plus zoli :)

gestioncof/static/css/cof.css

@@ -807,7 +807,7 @@ input[type="text"], input[type=password] {
 }
 
 input#search_autocomplete {
- width: 600px;
+ width: 90%;
  font-size: 18px;
  height: 40px;
  padding: 10px 8px;
@@ -862,7 +862,11 @@ input#search_autocomplete:focus {
 }
 
 .yourlabs-autocomplete li.hilight a {color: #FFF; }
-.yourlabs-autocomplete { border: none; background: none; }
+.yourlabs-autocomplete { 
+    border: none; 
+    background: white; 
+    display: block;
+}
 .yourlabs-autocomplete.outer-container { position: relative; }
 
 .yourlabs-autocomplete.inner-container { 

gestioncof/templates/home.html

@@ -9,7 +9,7 @@
     <div class="home-menu row"> 
         <div class="{% if user.profile.is_buro %}col-sm-6 {% else %}col-sm-8 col-sm-offset-2 col-xs-12 {%endif%}normal-user-hm">
 <!--                {% if open_events %}
-            <h3 class="block-title">Événements</h3>
+            <h3 class="block-title">Événements<span class="pull-right glyphicon glyphicon-calendar"></span></h3>
             <div class="hm-block">
                 <ul>
                 {% for event in open_events %}
@@ -19,7 +19,7 @@
             </div>
             {% endif %} -->
             {% if open_surveys %}
-            <h3 class="block-title">Sondages en cours</h3>
+            <h3 class="block-title">Sondages en cours<span class="pull-right glyphicon glyphicon-stats"></span></h3>
             <div class="hm-block">
                 <ul>
                 {% for survey in open_surveys %}
@@ -32,7 +32,7 @@
 
             {% if user.profile.is_cof %}
             {% if open_tirages %}
-            <h3 class="block-title">Tirages du BdA</h3>
+            <h3 class="block-title">Tirages du BdA<span class="pull-right glyphicon glyphicon-th-list"></span></h3>
                 <div class="hm-block">
                 {% for tirage in open_tirages %}
                     <ul>
@@ -47,7 +47,7 @@
             {% endif %}
             {% endif %}
             
-            <h3 class="block-title">Divers</h3>
+            <h3 class="block-title">Divers<span class="pull-right glyphicon glyphicon-question-sign"></span></h3>
             <div class="hm-block">
                 <ul>
 
@@ -60,7 +60,7 @@
         </div>
         {% if user.profile.is_buro %}
         <div class="col-sm-6 buro-user-hm">
-            <h3 class="block-title">Administration</h3>
+            <h3 class="block-title">Administration<span class="pull-right glyphicon glyphicon-cog"></span></h3>
             <div class="hm-block">
                 <ul>
                     <h4>Général</h4>
@@ -78,7 +78,7 @@
                     {% endfor %}
                     </ul>
             </div>
-            <h3 class="block-title">Gestion tirages BDA</h3>
+            <h3 class="block-title">Gestion tirages BDA<span class="pull-right glyphicon glyphicon-list"></span></h3>
             <div class="hm-block">
                 {% if open_tirages %}
                     {% for tirage in open_tirages %}
@@ -93,7 +93,7 @@
                 {% endif %}
             </div>
 
-            <h3 class="block-title">Liens utiles</h3>
+            <h3 class="block-title">Liens utiles<span class="pull-right glyphicon glyphicon-link"></span></h3>
             <div class="hm-block">
                 <ul>
                     <li><a href="{% url "gestioncof.views.utile_cof" %}">Liens utiles du COF</a></li>

gestioncof/templates/registration.html

@@ -1,6 +1,8 @@
 {% extends "base_title.html" %}
 {% load staticfiles %}
 
+{% block page_size %}col-sm-8{% endblock %}
+
 {% block extra_head %}
 		<script src="{% static "js/jquery.min.js" %}" type="text/javascript"></script>
 		<script src="{% static "autocomplete_light/autocomplete.js" %}" type="text/javascript"></script>
@@ -10,7 +12,7 @@
     <h2>Inscription d'un nouveau membre</h2>
     <input type="text" name="q" id="search_autocomplete" spellcheck="false" />
     <div id="form-placeholder"></div>
-    <span class="yourlabs-autocomplete"></span>
+    <div class="yourlabs-autocomplete"></div>
     <script type="text/javascript">
         // On attend que la page soit prête pour executer le code
         $(document).ready(function() {
@@ -20,9 +22,7 @@
                 id: 'search_autocomplete',
                 choiceSelector: 'li:has(a)',
                 placeholder: "Chercher un utilisateur par nom, prénom ou identifiant clipper",
-                container: $("#main-content"),
                 box: $(".yourlabs-autocomplete"),
-                fixPosition: function() {},
             });
             $('input#search_autocomplete').bind(
                 'selectChoice',

gestioncof/templates/registration_form.html

@@ -1,3 +1,5 @@
+{% load bootstrap %}
+
     {% if login_clipper %}
         <h3>Inscription associée au compte clipper <tt>{{ login_clipper }}</tt></h3>
     {% elif member %}
@@ -5,18 +7,18 @@
     {% else %}
         <h3>Inscription d'un nouveau compte (extérieur ?)</h3>
     {% endif %}
-    <form id="profile" method="post" action="{% url 'gestioncof.views.registration' %}">
+    <form role="form" id="profile" method="post" action="{% url 'gestioncof.views.registration' %}">
         {% csrf_token %}
         <table>
-            {{ user_form.as_table }}
-            {{ profile_form.as_table }}
+            {{ user_form | bootstrap }}
+            {{ profile_form | bootstrap }}
         {% if event_forms %}
         </table>
         {% for event_form in event_forms %}
             <hr />
-            <h4>Inscription {{ event_form.event.title }} :</h2>
+            <h3>Inscription {{ event_form.event.title }} :</h2>
             <table>
-                {{ event_form.as_table }}
+                {{ event_form | bootstrap }}
             </table>
         {% endfor %}
         {% endif %}