design : menu haut gauche (debut)
[auf_savoirs_en_partage_django.git] / auf_savoirs_en_partage / templates / container_base.html
1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
2 <html xmlns="http://www.w3.org/1999/xhtml">
3 <head>
4 <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
5 <title>Savoirs en partage - Agence universitaire de la Francophonie</title>
6 <script type="text/javascript" src="{{ MEDIA_URL }}js/jquery/jquery.js"></script>
7 <script type="text/javascript" src="{{ MEDIA_URL }}js/jquery/jquery-ui.js"></script>
8 <script type="text/javascript" src="{{ MEDIA_URL }}js/tabber.js"></script>
9 <script type="text/javascript" src="{{ MEDIA_URL }}js/pagination.js"></script>
10 <script type="text/javascript" src="{{ MEDIA_URL }}js/sep.js"></script>
11 <script type="text/javascript" src="{{ MEDIA_URL }}js/jquery/jquery.datepicker.js"></script>
12 <script type="text/javascript" src="{{ MEDIA_URL }}js/jquery/jquery.timepicker.js"></script>
13 <link href="{{ MEDIA_URL }}css/jquery/jquery.datepicker.css" rel="stylesheet" type="text/css" />
14 <link href="{{ MEDIA_URL }}css/jquery/jquery.timepicker.css" rel="stylesheet" type="text/css" />
15 <link href="{{ MEDIA_URL }}css/global.css" rel="stylesheet" type="text/css" />
16 <link href="{{ MEDIA_URL }}css/tabber.css" rel="stylesheet" type="text/css" />
17 <link rel="stylesheet" href="{{ MEDIA_URL }}js/jquery/css/smoothness/jquery-ui-1.8rc3.custom.css" type="text/css" media="all" />
18
19 <!--[if lt IE 7]>
20 <link href="/css/ie6.css" rel="stylesheet" type="text/css" media="screen" />
21 <script src="/js/DD_belatedPNG.js"></script>
22 <script>
23 DD_belatedPNG.fix('.top, .bottom, #col-droite, #contenu, .resultats');
24 </script>
25 <![endif]-->
26 </head>
27
28 <body>
29 <div id="fond">
30 <div id="enrobage" class="clearfix">
31 <div class="clearfix sous-menu gauche">
32 <a href="" class="bout-droit">Actualités</a>
33 <span>|</span>
34 <a href="">Agenda</a>
35 <span>|</span>
36 <a href="">Sites</a>
37 <span>|</span>
38 <a href="">Ressources</a>
39 <span>|</span>
40 <a href="">Chercheurs</a>
41 <span>|</span>
42 <a href="{% url savoirs.views.index %}" class="bout-gauche">Accueil</a>
43 </div>
44
45 <div class="clearfix sous-menu droite">
46 {% if user.is_authenticated %}
47 <a href="{% url django.contrib.auth.views.logout %}" class="bout-droit">Déconnexion</a>
48 {% else %}
49 <a href="{% url django.contrib.auth.views.login %}" class="bout-droit">Connexion</a>
50 {% endif %}
51 <span>|</span>
52 <a href="{% url savoirs.views.nous_contacter %}">Nous contacter</a>
53 <span>|</span>
54 <a href="{% url savoirs.views.a_propos %}" class="bout-gauche">À propos de</a>
55 </div>
56
57 <div id="logo">
58 <h1>
59 <a href="http://www.auf.org" title="Agence universitaire de la Francophonie">Agence universitaire de la Francophonie</a>
60 </h1>
61 </div>
62
63 <div id="sep-recherche">
64 <h2 class="slogan">Savoirs en partage
65 <span>Le portail des ressources scientifiques<br />et pédagogiques de l'AUF</span>
66 </h2>
67
68 <div class="boite-recherche">
69 <h3>Recherche <span>dans les ressources scientifiques</span></h3>
70
71 <form name="fRecherche" id="fRecherche" action="{% url savoirs.views.recherche %}" method="get">
72 <input name="q" id="recherche" type="text" value="{{ q|default:"" }}" />
73 <button title="Lancer la recherche" type="submit">&nbsp;</button>
74 </form>
75
76 <p>
77 <a href="{% url savoirs.views.avancee %}">Recherche avancée</a> |
78 <a href="{% url savoirs.views.conseils %}">Conseils</a>
79 </p>
80 </div>
81 </div>
82
83 <div id="col-menu">
84 {% load sep_menu %}
85 {% sep_menu %}
86 <img src="{{ MEDIA_URL }}img/col-droite-background-bottom.png" width="190" height="8" alt="bottom" align="bottom" class="bottom" />
87 </div>
88
89 <div id="contenu" class="clearfix">
90 <img src="{{ MEDIA_URL }}img/contenu-bkg-top.png" width="744" height="10" alt="top" align="top" class="top" />
91 <div class="clearfix">
92 {% block contenu %}
93 {% endblock %}
94 </div>
95 <!-- Fin block -->
96 <img src="{{ MEDIA_URL }}img/contenu-bkg-bottom.png" width="744" height="10" alt="bottom" align="bottom" class="bottom" />
97 </div>
98
99 <div class="clear"></div>
100 </div>
101 </div>
102 </body>
103 </html>