crea/inte-crea/recherche.html
author Raphael Velt <raph.velt@gmail.com>
Wed, 26 Oct 2011 16:51:02 +0200
changeset 211 7d0146012cd5
child 212 37dd17a1e48b
permissions -rw-r--r--
Debut integration page de recherche
Ignore whitespace changes - Everywhere: Within whitespace: At end of lines:
211
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
     1
<!doctype html>
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
     2
<html>
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
     3
<head>
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
     4
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
     5
    <title>Plateforme LDT : Résultats de Recherche</title>
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
     6
    <link rel="stylesheet" href="css/ldt-commun.css" type="text-css" />
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
     7
    <link rel="stylesheet" href="css/ldt-recherche.css" type="text-css" />
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
     8
</head>
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
     9
<body>
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
    10
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
    11
    <div id="general_container">
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
    12
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
    13
<!-- BARRE DE TITRE COMMUNE -->
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
    14
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
    15
        <ul class="floatlist" id="title_bar">
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
    16
            <li id="li_h1">
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
    17
                <h1><a href="#"><b>Lignes</b> de temps</a></h1>
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
    18
            </li>
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
    19
            <li id="li_search">
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
    20
                <form id="form_search">
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
    21
                    <input id="search_text" name="q" value="" />
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
    22
                    <input id="search_submit" type="submit" value="Rechercher" />
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
    23
                </form>
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
    24
            <li id="li_annotation">
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
    25
                <div class="fl">
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
    26
                    <a href="#"><img src="img/annot_icon.png" id="annot_icon" /></a>
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
    27
                </div>
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
    28
                <div class="fl">
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
    29
                    <a href="#">Annoter</a>
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
    30
                </div>
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
    31
            </li>
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
    32
            <li id="li_connexion">
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
    33
                <a href="#">Connexion</a>
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
    34
            </li>
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
    35
        </ul>
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
    36
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
    37
<!-- LISTE DES RÉSULTATS -->
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
    38
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
    39
        <ul class="floatlist" id="liste_resultats">
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
    40
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
    41
    <!-- titre "Résultats de recherche" et options -->
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
    42
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
    43
            <li id="li_haut_resultats">
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
    44
                <ul class="floatlist" id="ul_haut_resultats">
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
    45
                    <li id="title_resultats">
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
    46
                        <h2>Résultats de la recherche</h2>
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
    47
                    </li>
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
    48
                    <li>
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
    49
                        <p id="p_nb_resultats">250 000 résultats</p>
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
    50
                    </li>
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
    51
                    <li id="resultats_options">options</li>
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
    52
                </ul>
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
    53
            </li>
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
    54
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
    55
    <!-- Médias trouvés -->
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
    56
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
    57
        <!-- Média -->
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
    58
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
    59
            <li class="li_result_media">
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
    60
                <div class="titre_result_media">
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
    61
                    <div class="h3_result_media">
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
    62
                        <h3>L'Open Data, et moi, et moi</h3>
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
    63
                    </div>
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
    64
                    <div class="duree_result_media">
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
    65
                        <p>03:31:12</p>
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
    66
                    </div>
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
    67
                    <div class="graphe_result_media">
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
    68
                        <img src="img/placeholder_media_graph.png" width="340" height="25" />
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
    69
                    </div>
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
    70
                </div>
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
    71
        
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
    72
        <!-- Segments du média -->
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
    73
        
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
    74
                <ul class="floatlist list_segments">
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
    75
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
    76
                    <li class="li_segment">
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
    77
                        <div class="left_segment">
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
    78
                            <div class="color_zone" style="background: #f49af5;"></div>
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
    79
                            <a href="#"><img src="img/placeholder_16_9.jpg" width="80" height="45" /></a>
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
    80
                            <p class="duree_segment">00:15:14</p>
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
    81
                        </div>
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
    82
                        <h4 class="title_segment"><a class="blue under" href="#">Lorem Ispum Dolor Sit Amet</a></h4>
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
    83
                        <p class="text_segment">Nemo enim ipsam voluptatem quia voluptas sit <span class="highlight">mot-clé</span> aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt.</h4>
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
    84
                    </li>
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
    85
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
    86
                    <li class="li_segment selected">
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
    87
                        <div class="left_segment">
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
    88
                            <div class="color_zone" style="background: #adfba1;"></div>
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
    89
                            <a href="#"><img src="img/placeholder_16_9.jpg" width="80" height="45" /></a>
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
    90
                            <p class="duree_segment">00:15:14</p>
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
    91
                        </div>
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
    92
                        <h4 class="title_segment"><a class="blue under" href="#">Lorem Ispum Dolor Sit Amet</a></h4>
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
    93
                        <p class="text_segment">Nemo enim ipsam voluptatem quia voluptas sit <span class="highlight">mot-clé</span> aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt.</h4>
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
    94
                    </li>
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
    95
                    
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
    96
                    <li class="plus_result">
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
    97
                        <p class="blue">+ de résultats dans ce média (16)</p>
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
    98
                    </li>
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
    99
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
   100
                </ul>
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
   101
            </li>
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
   102
            
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
   103
        <!-- Fin du média -->
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
   104
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
   105
        <!-- Média -->
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
   106
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
   107
            <li class="li_result_media">
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
   108
                <div class="titre_result_media">
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
   109
                    <div class="h3_result_media">
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
   110
                        <h3>L'Open Data, et moi, et moi</h3>
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
   111
                    </div>
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
   112
                    <div class="duree_result_media">
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
   113
                        <p>03:31:12</p>
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
   114
                    </div>
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
   115
                    <div class="graphe_result_media">
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
   116
                        <img src="img/placeholder_media_graph.png" width="340" height="25" />
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
   117
                    </div>
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
   118
                </div>
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
   119
        
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
   120
        <!-- Segments du média -->
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
   121
        
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
   122
                <ul class="floatlist list_segments">
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
   123
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
   124
                    <li class="li_segment">
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
   125
                        <div class="left_segment">
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
   126
                            <div class="color_zone" style="background: #f49af5;"></div>
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
   127
                            <a href="#"><img src="img/placeholder_16_9.jpg" width="80" height="45" /></a>
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
   128
                            <p class="duree_segment">00:15:14</p>
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
   129
                        </div>
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
   130
                        <h4 class="title_segment"><a class="blue under" href="#">Lorem Ispum Dolor Sit Amet</a></h4>
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
   131
                        <p class="text_segment">Nemo enim ipsam voluptatem quia voluptas sit <span class="highlight">mot-clé</span> aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt.</h4>
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
   132
                    </li>
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
   133
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
   134
                    <li class="li_segment">
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
   135
                        <div class="left_segment">
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
   136
                            <div class="color_zone" style="background: #adfba1;"></div>
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
   137
                            <a href="#"><img src="img/placeholder_16_9.jpg" width="80" height="45" /></a>
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
   138
                            <p class="duree_segment">00:15:14</p>
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
   139
                        </div>
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
   140
                        <h4 class="title_segment"><a class="blue under" href="#">Lorem Ispum Dolor Sit Amet</a></h4>
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
   141
                        <p class="text_segment">Nemo enim ipsam voluptatem quia voluptas sit <span class="highlight">mot-clé</span> aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt.</h4>
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
   142
                    </li>
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
   143
                    
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
   144
                    <li class="plus_result">
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
   145
                        <p class="blue">+ de résultats dans ce média (16)</p>
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
   146
                    </li>
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
   147
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
   148
                </ul>
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
   149
            </li>
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
   150
            
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
   151
        <!-- Fin du média -->
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
   152
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
   153
        <!-- Média -->
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
   154
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
   155
            <li class="li_result_media">
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
   156
                <div class="titre_result_media">
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
   157
                    <div class="h3_result_media">
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
   158
                        <h3>L'Open Data, et moi, et moi</h3>
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
   159
                    </div>
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
   160
                    <div class="duree_result_media">
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
   161
                        <p>03:31:12</p>
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
   162
                    </div>
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
   163
                    <div class="graphe_result_media">
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
   164
                        <img src="img/placeholder_media_graph.png" width="340" height="25" />
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
   165
                    </div>
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
   166
                </div>
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
   167
        
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
   168
        <!-- Segments du média -->
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
   169
        
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
   170
                <ul class="floatlist list_segments">
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
   171
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
   172
                    <li class="li_segment">
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
   173
                        <div class="left_segment">
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
   174
                            <div class="color_zone" style="background: #f49af5;"></div>
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
   175
                            <a href="#"><img src="img/placeholder_16_9.jpg" width="80" height="45" /></a>
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
   176
                            <p class="duree_segment">00:15:14</p>
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
   177
                        </div>
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
   178
                        <h4 class="title_segment"><a class="blue under" href="#">Lorem Ispum Dolor Sit Amet</a></h4>
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
   179
                        <p class="text_segment">Nemo enim ipsam voluptatem quia voluptas sit <span class="highlight">mot-clé</span> aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt.</h4>
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
   180
                    </li>
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
   181
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
   182
                    <li class="li_segment">
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
   183
                        <div class="left_segment">
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
   184
                            <div class="color_zone" style="background: #adfba1;"></div>
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
   185
                            <a href="#"><img src="img/placeholder_16_9.jpg" width="80" height="45" /></a>
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
   186
                            <p class="duree_segment">00:15:14</p>
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
   187
                        </div>
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
   188
                        <h4 class="title_segment"><a class="blue under" href="#">Lorem Ispum Dolor Sit Amet</a></h4>
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
   189
                        <p class="text_segment">Nemo enim ipsam voluptatem quia voluptas sit <span class="highlight">mot-clé</span> aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt.</h4>
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
   190
                    </li>
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
   191
                    
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
   192
                    <li class="plus_result">
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
   193
                        <p class="blue">+ de résultats dans ce média (16)</p>
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
   194
                    </li>
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
   195
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
   196
                </ul>
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
   197
            </li>
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
   198
            
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
   199
        <!-- Fin du média -->
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
   200
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
   201
        <!-- Fin des médias -->
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
   202
        
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
   203
        <li id="result_pagination">
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
   204
            <p>
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
   205
                <a class="pink" href="#">1</a>
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
   206
                .
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
   207
                <a class="blue under" href="#">2</a>
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
   208
                .
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
   209
                <a class="blue under" href="#">3</a>
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
   210
                .
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
   211
                <a class="blue under" href="#">4</a>
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
   212
                .
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
   213
                <a class="blue under" href="#">5</a>
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
   214
                .
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
   215
                <a class="blue under" href="#">6</a>
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
   216
                .
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
   217
                <a class="blue under" href="#">7</a>
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
   218
                .
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
   219
                <a class="blue under" href="#">Suivant</a>
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
   220
            </p>
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
   221
        </li>
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
   222
            
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
   223
        </ul>
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
   224
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
   225
<!-- APERÇU DU RÉSULTAT -->
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
   226
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
   227
<!-- FOOTER COMMUN -->
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
   228
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
   229
        <ul id="footer">
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
   230
            <li>
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
   231
                <a href="#">V.01.15</a>
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
   232
            </li>
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
   233
            <li>
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
   234
                <a href="#"> © &nbsp;2011 IRI</a>
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
   235
            </li>
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
   236
            <li>
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
   237
                <a href="#">Contact</a>
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
   238
            </li>
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
   239
            <li>
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
   240
                <a href="#">A propos</a>
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
   241
            </li>
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
   242
        </ul>
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
   243
        <div class="clear"></div>
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
   244
    </div>
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
   245
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
   246
</body>
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
   247
</html>