crea/inte-crea/recherche.html
author cavaliet
Thu, 31 Oct 2013 17:03:09 +0100
changeset 1251 be387ef9e1ec
parent 224 a79a94e14d4d
permissions -rw-r--r--
v1.51.10 : config polemic max elements
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>
224
a79a94e14d4d Debut integration page Player
veltr
parents: 213
diff changeset
     2
<html lang="fr">
211
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" />
224
a79a94e14d4d Debut integration page Player
veltr
parents: 213
diff changeset
     5
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
211
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
     6
    <title>Plateforme LDT : Résultats de Recherche</title>
213
d2e1bc8cf390 Modif compatibilite IE 9
veltr
parents: 212
diff changeset
     7
    <link rel="stylesheet" href="css/ldt-commun.css" type="text/css" />
d2e1bc8cf390 Modif compatibilite IE 9
veltr
parents: 212
diff changeset
     8
    <link rel="stylesheet" href="css/ldt-recherche.css" type="text/css" />
211
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
     9
</head>
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
    10
<body>
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
    11
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
    12
    <div id="general_container">
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
    13
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
    14
<!-- BARRE DE TITRE COMMUNE -->
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
    15
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
    16
        <ul class="floatlist" id="title_bar">
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
    17
            <li id="li_h1">
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
    18
                <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
    19
            </li>
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
    20
            <li id="li_search">
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
    21
                <form id="form_search">
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
    22
                    <input id="search_text" name="q" value="" />
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
    23
                    <input id="search_submit" type="submit" value="Rechercher" />
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
    24
                </form>
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
    25
            <li id="li_annotation">
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
    26
                <div class="fl">
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
    27
                    <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
    28
                </div>
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
    29
                <div class="fl">
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
    30
                    <a href="#">Annoter</a>
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
    31
                </div>
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
    32
            </li>
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
    33
            <li id="li_connexion">
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
    34
                <a href="#">Connexion</a>
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
    35
            </li>
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
    36
        </ul>
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
    37
212
37dd17a1e48b Integration de la page groupes
Raphael Velt <raph.velt@gmail.com>
parents: 211
diff changeset
    38
<!-- TABLE POUR ALIGNER À LA VERTICALE -->
37dd17a1e48b Integration de la page groupes
Raphael Velt <raph.velt@gmail.com>
parents: 211
diff changeset
    39
213
d2e1bc8cf390 Modif compatibilite IE 9
veltr
parents: 212
diff changeset
    40
    <table id="tbl_rech">
212
37dd17a1e48b Integration de la page groupes
Raphael Velt <raph.velt@gmail.com>
parents: 211
diff changeset
    41
    <tr>
37dd17a1e48b Integration de la page groupes
Raphael Velt <raph.velt@gmail.com>
parents: 211
diff changeset
    42
211
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
    43
<!-- LISTE DES RÉSULTATS -->
212
37dd17a1e48b Integration de la page groupes
Raphael Velt <raph.velt@gmail.com>
parents: 211
diff changeset
    44
        <td>
211
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
    45
        <ul class="floatlist" id="liste_resultats">
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
    46
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
    47
    <!-- titre "Résultats de recherche" et options -->
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
    48
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
    49
            <li id="li_haut_resultats">
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
    50
                <ul class="floatlist" id="ul_haut_resultats">
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
    51
                    <li id="title_resultats">
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
    52
                        <h2>Résultats de la recherche</h2>
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
                    <li>
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
    55
                        <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
    56
                    </li>
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
    57
                    <li id="resultats_options">options</li>
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
    58
                </ul>
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
    59
            </li>
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
    60
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
    61
    <!-- Médias trouvés -->
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
    62
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
    63
        <!-- Média -->
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
    64
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
    65
            <li class="li_result_media">
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
    66
                <div class="titre_result_media">
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
    67
                    <div class="h3_result_media">
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
    68
                        <h3>L'Open Data, et moi, et moi</h3>
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 class="duree_result_media">
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
    71
                        <p>03:31:12</p>
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
    72
                    </div>
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
    73
                    <div class="graphe_result_media">
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
    74
                        <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
    75
                    </div>
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
    76
                </div>
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
    77
        
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
    78
        <!-- Segments du média -->
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
    79
        
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
    80
                <ul class="floatlist list_segments">
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
    81
212
37dd17a1e48b Integration de la page groupes
Raphael Velt <raph.velt@gmail.com>
parents: 211
diff changeset
    82
                    <li class="li_segment selected">
211
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
    83
                        <div class="left_segment">
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
    84
                            <div class="color_zone" style="background: #f49af5;"></div>
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
    85
                            <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
    86
                            <p class="duree_segment">00:15:14</p>
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
    87
                        </div>
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
    88
                        <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
    89
                        <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
    90
                    </li>
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
    91
212
37dd17a1e48b Integration de la page groupes
Raphael Velt <raph.velt@gmail.com>
parents: 211
diff changeset
    92
                    <li class="li_segment">
211
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
    93
                        <div class="left_segment">
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
    94
                            <div class="color_zone" style="background: #adfba1;"></div>
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
    95
                            <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
    96
                            <p class="duree_segment">00:15:14</p>
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
    97
                        </div>
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
    98
                        <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
    99
                        <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
   100
                    </li>
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
   101
                    
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
   102
                    <li class="plus_result">
212
37dd17a1e48b Integration de la page groupes
Raphael Velt <raph.velt@gmail.com>
parents: 211
diff changeset
   103
                        <p><a href="#" class="blue"><img src="img/plus.png" /> de résultats dans ce média (16)</a></p>
211
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
   104
                    </li>
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
   105
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
   106
                </ul>
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
   107
            </li>
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
   108
            
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
   109
        <!-- Fin du média -->
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
   110
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
   111
        <!-- Média -->
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
   112
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
   113
            <li class="li_result_media">
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
   114
                <div class="titre_result_media">
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
   115
                    <div class="h3_result_media">
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
   116
                        <h3>L'Open Data, et moi, et moi</h3>
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 class="duree_result_media">
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
   119
                        <p>03:31:12</p>
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
   120
                    </div>
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
   121
                    <div class="graphe_result_media">
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
   122
                        <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
   123
                    </div>
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
   124
                </div>
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
   125
        
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
   126
        <!-- Segments du média -->
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
   127
        
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
   128
                <ul class="floatlist list_segments">
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
   129
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
   130
                    <li class="li_segment">
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
   131
                        <div class="left_segment">
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
   132
                            <div class="color_zone" style="background: #f49af5;"></div>
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
   133
                            <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
   134
                            <p class="duree_segment">00:15:14</p>
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
   135
                        </div>
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
   136
                        <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
   137
                        <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
   138
                    </li>
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
   139
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
   140
                    <li class="li_segment">
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
   141
                        <div class="left_segment">
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
   142
                            <div class="color_zone" style="background: #adfba1;"></div>
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
   143
                            <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
   144
                            <p class="duree_segment">00:15:14</p>
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
   145
                        </div>
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
   146
                        <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
   147
                        <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
   148
                    </li>
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
   149
                    
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
   150
                    <li class="plus_result">
212
37dd17a1e48b Integration de la page groupes
Raphael Velt <raph.velt@gmail.com>
parents: 211
diff changeset
   151
                        <p><a href="#" class="blue"><img src="img/plus.png" /> de résultats dans ce média (16)</a></p>
211
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
   152
                    </li>
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
   153
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
   154
                </ul>
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
   155
            </li>
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
   156
            
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
   157
        <!-- Fin du média -->
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
   158
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
   159
        <!-- Média -->
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
   160
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
   161
            <li class="li_result_media">
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
   162
                <div class="titre_result_media">
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
   163
                    <div class="h3_result_media">
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
   164
                        <h3>L'Open Data, et moi, et moi</h3>
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 class="duree_result_media">
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
   167
                        <p>03:31:12</p>
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
   168
                    </div>
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
   169
                    <div class="graphe_result_media">
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
   170
                        <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
   171
                    </div>
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
   172
                </div>
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
   173
        
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
   174
        <!-- Segments du média -->
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
   175
        
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
   176
                <ul class="floatlist list_segments">
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
   177
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
   178
                    <li class="li_segment">
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
   179
                        <div class="left_segment">
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
   180
                            <div class="color_zone" style="background: #f49af5;"></div>
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
   181
                            <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
   182
                            <p class="duree_segment">00:15:14</p>
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
   183
                        </div>
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
   184
                        <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
   185
                        <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
   186
                    </li>
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
   187
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
   188
                    <li class="li_segment">
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
   189
                        <div class="left_segment">
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
   190
                            <div class="color_zone" style="background: #adfba1;"></div>
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
   191
                            <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
   192
                            <p class="duree_segment">00:15:14</p>
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
   193
                        </div>
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
   194
                        <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
   195
                        <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
   196
                    </li>
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
   197
                    
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
   198
                    <li class="plus_result">
212
37dd17a1e48b Integration de la page groupes
Raphael Velt <raph.velt@gmail.com>
parents: 211
diff changeset
   199
                        <p><a href="#" class="blue"><img src="img/plus.png" /> de résultats dans ce média (16)</a></p>
211
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
   200
                    </li>
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
   201
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
   202
                </ul>
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
   203
            </li>
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
   204
            
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
   205
        <!-- Fin du média -->
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
        <!-- Fin des médias -->
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
        <li id="result_pagination">
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
   210
            <p>
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
   211
                <a class="pink" href="#">1</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="#">2</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="#">3</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="#">4</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="#">5</a>
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
   220
                .
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
   221
                <a class="blue under" href="#">6</a>
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
                <a class="blue under" href="#">7</a>
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
                <a class="blue under" href="#">Suivant</a>
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
   226
            </p>
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
   227
        </li>
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>
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
   230
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
   231
<!-- APERÇU DU RÉSULTAT -->
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
   232
212
37dd17a1e48b Integration de la page groupes
Raphael Velt <raph.velt@gmail.com>
parents: 211
diff changeset
   233
    <td id="result_preview">
37dd17a1e48b Integration de la page groupes
Raphael Velt <raph.velt@gmail.com>
parents: 211
diff changeset
   234
        <div id="preview_metadataplayer">
37dd17a1e48b Integration de la page groupes
Raphael Velt <raph.velt@gmail.com>
parents: 211
diff changeset
   235
            <img src="img/placeholder.png" width="300" height="200" />
37dd17a1e48b Integration de la page groupes
Raphael Velt <raph.velt@gmail.com>
parents: 211
diff changeset
   236
        </div>
37dd17a1e48b Integration de la page groupes
Raphael Velt <raph.velt@gmail.com>
parents: 211
diff changeset
   237
        <div id="tl_position">
37dd17a1e48b Integration de la page groupes
Raphael Velt <raph.velt@gmail.com>
parents: 211
diff changeset
   238
            <img src="img/pos_arrow.png" width="33" height="17" style="margin-left: 20px" />
37dd17a1e48b Integration de la page groupes
Raphael Velt <raph.velt@gmail.com>
parents: 211
diff changeset
   239
        </div>
37dd17a1e48b Integration de la page groupes
Raphael Velt <raph.velt@gmail.com>
parents: 211
diff changeset
   240
        <h4><a class="pink under b" href="#">Lorem Ipsum Dolor</a></h4>
37dd17a1e48b Integration de la page groupes
Raphael Velt <raph.velt@gmail.com>
parents: 211
diff changeset
   241
        <p class="bigmargin">De <span class="blue">00:02:11</span> à  <span class="blue">00:02:11</span></p>
37dd17a1e48b Integration de la page groupes
Raphael Velt <raph.velt@gmail.com>
parents: 211
diff changeset
   242
        <p class="bigmargin"s>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem …</p>
37dd17a1e48b Integration de la page groupes
Raphael Velt <raph.velt@gmail.com>
parents: 211
diff changeset
   243
        <h5>Mots-clés</h5>
37dd17a1e48b Integration de la page groupes
Raphael Velt <raph.velt@gmail.com>
parents: 211
diff changeset
   244
        <p class="b fl">: <a href="#" class="pink under">lorem</a> , <a href="#" class="pink under">ipsum</a> , <a href="#" class="pink under">quia</a> , <a href="#" class="pink under">dolor</a>
37dd17a1e48b Integration de la page groupes
Raphael Velt <raph.velt@gmail.com>
parents: 211
diff changeset
   245
        <h5>Groupes</h5>
37dd17a1e48b Integration de la page groupes
Raphael Velt <raph.velt@gmail.com>
parents: 211
diff changeset
   246
        <p class="b fl">: <a href="#" class="pink under">IRI</a> , <a href="#" class="pink under">Ars Industrialis</a> , <a href="#" class="pink under">RSLN</a>
37dd17a1e48b Integration de la page groupes
Raphael Velt <raph.velt@gmail.com>
parents: 211
diff changeset
   247
    </td>
37dd17a1e48b Integration de la page groupes
Raphael Velt <raph.velt@gmail.com>
parents: 211
diff changeset
   248
    
37dd17a1e48b Integration de la page groupes
Raphael Velt <raph.velt@gmail.com>
parents: 211
diff changeset
   249
    </tr>
37dd17a1e48b Integration de la page groupes
Raphael Velt <raph.velt@gmail.com>
parents: 211
diff changeset
   250
    </table>
37dd17a1e48b Integration de la page groupes
Raphael Velt <raph.velt@gmail.com>
parents: 211
diff changeset
   251
211
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
   252
<!-- FOOTER COMMUN -->
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
   253
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
   254
        <ul id="footer">
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
   255
            <li>
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
   256
                <a href="#">V.01.15</a>
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
   257
            </li>
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
   258
            <li>
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
   259
                <a href="#"> © &nbsp;2011 IRI</a>
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
   260
            </li>
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
   261
            <li>
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
   262
                <a href="#">Contact</a>
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
   263
            </li>
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
   264
            <li>
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
   265
                <a href="#">A propos</a>
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
   266
            </li>
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
   267
        </ul>
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
   268
        <div class="clear"></div>
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
   269
    </div>
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
   270
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
   271
</body>
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
   272
</html>