crea/inte-crea/recherche.html
author veltr
Mon, 07 Nov 2011 13:04:54 +0100
changeset 213 d2e1bc8cf390
parent 212 37dd17a1e48b
child 224 a79a94e14d4d
permissions -rw-r--r--
Modif compatibilite IE 9
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>
213
d2e1bc8cf390 Modif compatibilite IE 9
veltr
parents: 212
diff changeset
     6
    <link rel="stylesheet" href="css/ldt-commun.css" type="text/css" />
d2e1bc8cf390 Modif compatibilite IE 9
veltr
parents: 212
diff changeset
     7
    <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
     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
212
37dd17a1e48b Integration de la page groupes
Raphael Velt <raph.velt@gmail.com>
parents: 211
diff changeset
    37
<!-- TABLE POUR ALIGNER À LA VERTICALE -->
37dd17a1e48b Integration de la page groupes
Raphael Velt <raph.velt@gmail.com>
parents: 211
diff changeset
    38
213
d2e1bc8cf390 Modif compatibilite IE 9
veltr
parents: 212
diff changeset
    39
    <table id="tbl_rech">
212
37dd17a1e48b Integration de la page groupes
Raphael Velt <raph.velt@gmail.com>
parents: 211
diff changeset
    40
    <tr>
37dd17a1e48b Integration de la page groupes
Raphael Velt <raph.velt@gmail.com>
parents: 211
diff changeset
    41
211
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
    42
<!-- LISTE DES RÉSULTATS -->
212
37dd17a1e48b Integration de la page groupes
Raphael Velt <raph.velt@gmail.com>
parents: 211
diff changeset
    43
        <td>
211
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
    44
        <ul class="floatlist" id="liste_resultats">
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
    45
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
    46
    <!-- titre "Résultats de recherche" et options -->
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
    47
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
    48
            <li id="li_haut_resultats">
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
    49
                <ul class="floatlist" id="ul_haut_resultats">
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
    50
                    <li id="title_resultats">
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
    51
                        <h2>Résultats de la recherche</h2>
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
    52
                    </li>
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
                        <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
    55
                    </li>
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
    56
                    <li id="resultats_options">options</li>
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
    57
                </ul>
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
    58
            </li>
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
    59
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
    60
    <!-- Médias trouvés -->
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
    61
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
    62
        <!-- Média -->
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
    63
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
    64
            <li class="li_result_media">
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
    65
                <div class="titre_result_media">
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
    66
                    <div class="h3_result_media">
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
    67
                        <h3>L'Open Data, et moi, et moi</h3>
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
    68
                    </div>
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
    69
                    <div class="duree_result_media">
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
    70
                        <p>03:31:12</p>
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
    71
                    </div>
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
    72
                    <div class="graphe_result_media">
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
    73
                        <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
    74
                    </div>
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
        
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
    77
        <!-- Segments du média -->
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
    78
        
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
    79
                <ul class="floatlist list_segments">
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
    80
212
37dd17a1e48b Integration de la page groupes
Raphael Velt <raph.velt@gmail.com>
parents: 211
diff changeset
    81
                    <li class="li_segment selected">
211
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
    82
                        <div class="left_segment">
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
    83
                            <div class="color_zone" style="background: #f49af5;"></div>
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
    84
                            <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
    85
                            <p class="duree_segment">00:15:14</p>
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
    86
                        </div>
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
    87
                        <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
    88
                        <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
    89
                    </li>
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
    90
212
37dd17a1e48b Integration de la page groupes
Raphael Velt <raph.velt@gmail.com>
parents: 211
diff changeset
    91
                    <li class="li_segment">
211
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
    92
                        <div class="left_segment">
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
    93
                            <div class="color_zone" style="background: #adfba1;"></div>
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
    94
                            <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
    95
                            <p class="duree_segment">00:15:14</p>
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
    96
                        </div>
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
    97
                        <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
    98
                        <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
    99
                    </li>
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
   100
                    
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
   101
                    <li class="plus_result">
212
37dd17a1e48b Integration de la page groupes
Raphael Velt <raph.velt@gmail.com>
parents: 211
diff changeset
   102
                        <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
   103
                    </li>
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
                </ul>
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
   106
            </li>
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
   107
            
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
   108
        <!-- Fin du média -->
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
   109
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
   110
        <!-- Média -->
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
   111
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
   112
            <li class="li_result_media">
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
   113
                <div class="titre_result_media">
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
   114
                    <div class="h3_result_media">
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
   115
                        <h3>L'Open Data, et moi, et moi</h3>
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
   116
                    </div>
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
   117
                    <div class="duree_result_media">
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
   118
                        <p>03:31:12</p>
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
   119
                    </div>
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
   120
                    <div class="graphe_result_media">
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
   121
                        <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
   122
                    </div>
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
        
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
   125
        <!-- Segments du média -->
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
   126
        
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
   127
                <ul class="floatlist list_segments">
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
   128
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
   129
                    <li class="li_segment">
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
   130
                        <div class="left_segment">
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
   131
                            <div class="color_zone" style="background: #f49af5;"></div>
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
   132
                            <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
   133
                            <p class="duree_segment">00:15:14</p>
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
   134
                        </div>
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
   135
                        <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
   136
                        <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
   137
                    </li>
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
   138
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
   139
                    <li class="li_segment">
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
   140
                        <div class="left_segment">
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
   141
                            <div class="color_zone" style="background: #adfba1;"></div>
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
   142
                            <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
   143
                            <p class="duree_segment">00:15:14</p>
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
   144
                        </div>
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
   145
                        <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
   146
                        <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
   147
                    </li>
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
   148
                    
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
   149
                    <li class="plus_result">
212
37dd17a1e48b Integration de la page groupes
Raphael Velt <raph.velt@gmail.com>
parents: 211
diff changeset
   150
                        <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
   151
                    </li>
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
                </ul>
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
   154
            </li>
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
   155
            
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
   156
        <!-- Fin du média -->
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
   157
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
   158
        <!-- Média -->
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
   159
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
   160
            <li class="li_result_media">
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
   161
                <div class="titre_result_media">
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
   162
                    <div class="h3_result_media">
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
   163
                        <h3>L'Open Data, et moi, et moi</h3>
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
   164
                    </div>
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
   165
                    <div class="duree_result_media">
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
   166
                        <p>03:31:12</p>
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
   167
                    </div>
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
   168
                    <div class="graphe_result_media">
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
   169
                        <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
   170
                    </div>
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
        
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
   173
        <!-- Segments du média -->
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
   174
        
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
   175
                <ul class="floatlist list_segments">
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
   176
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
   177
                    <li class="li_segment">
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
   178
                        <div class="left_segment">
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
   179
                            <div class="color_zone" style="background: #f49af5;"></div>
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
   180
                            <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
   181
                            <p class="duree_segment">00:15:14</p>
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
   182
                        </div>
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
   183
                        <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
   184
                        <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
   185
                    </li>
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
   186
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
   187
                    <li class="li_segment">
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
   188
                        <div class="left_segment">
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
   189
                            <div class="color_zone" style="background: #adfba1;"></div>
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
   190
                            <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
   191
                            <p class="duree_segment">00:15:14</p>
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
   192
                        </div>
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
   193
                        <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
   194
                        <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
   195
                    </li>
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
   196
                    
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
   197
                    <li class="plus_result">
212
37dd17a1e48b Integration de la page groupes
Raphael Velt <raph.velt@gmail.com>
parents: 211
diff changeset
   198
                        <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
   199
                    </li>
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
                </ul>
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
   202
            </li>
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
   203
            
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
   204
        <!-- Fin du média -->
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
   205
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
   206
        <!-- Fin des médias -->
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
   207
        
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
   208
        <li id="result_pagination">
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
   209
            <p>
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
   210
                <a class="pink" href="#">1</a>
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
   211
                .
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
   212
                <a class="blue under" href="#">2</a>
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
   213
                .
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
   214
                <a class="blue under" href="#">3</a>
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
   215
                .
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
   216
                <a class="blue under" href="#">4</a>
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
   217
                .
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
   218
                <a class="blue under" href="#">5</a>
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
   219
                .
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
   220
                <a class="blue under" href="#">6</a>
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
   221
                .
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
   222
                <a class="blue under" href="#">7</a>
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
   223
                .
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
   224
                <a class="blue under" href="#">Suivant</a>
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
   225
            </p>
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
   226
        </li>
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
   227
            
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
   228
        </ul>
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
   229
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
   230
<!-- APERÇU DU RÉSULTAT -->
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
   231
212
37dd17a1e48b Integration de la page groupes
Raphael Velt <raph.velt@gmail.com>
parents: 211
diff changeset
   232
    <td id="result_preview">
37dd17a1e48b Integration de la page groupes
Raphael Velt <raph.velt@gmail.com>
parents: 211
diff changeset
   233
        <div id="preview_metadataplayer">
37dd17a1e48b Integration de la page groupes
Raphael Velt <raph.velt@gmail.com>
parents: 211
diff changeset
   234
            <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
   235
        </div>
37dd17a1e48b Integration de la page groupes
Raphael Velt <raph.velt@gmail.com>
parents: 211
diff changeset
   236
        <div id="tl_position">
37dd17a1e48b Integration de la page groupes
Raphael Velt <raph.velt@gmail.com>
parents: 211
diff changeset
   237
            <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
   238
        </div>
37dd17a1e48b Integration de la page groupes
Raphael Velt <raph.velt@gmail.com>
parents: 211
diff changeset
   239
        <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
   240
        <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
   241
        <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
   242
        <h5>Mots-clés</h5>
37dd17a1e48b Integration de la page groupes
Raphael Velt <raph.velt@gmail.com>
parents: 211
diff changeset
   243
        <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
   244
        <h5>Groupes</h5>
37dd17a1e48b Integration de la page groupes
Raphael Velt <raph.velt@gmail.com>
parents: 211
diff changeset
   245
        <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
   246
    </td>
37dd17a1e48b Integration de la page groupes
Raphael Velt <raph.velt@gmail.com>
parents: 211
diff changeset
   247
    
37dd17a1e48b Integration de la page groupes
Raphael Velt <raph.velt@gmail.com>
parents: 211
diff changeset
   248
    </tr>
37dd17a1e48b Integration de la page groupes
Raphael Velt <raph.velt@gmail.com>
parents: 211
diff changeset
   249
    </table>
37dd17a1e48b Integration de la page groupes
Raphael Velt <raph.velt@gmail.com>
parents: 211
diff changeset
   250
211
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
   251
<!-- FOOTER COMMUN -->
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
   252
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
   253
        <ul id="footer">
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
   254
            <li>
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
   255
                <a href="#">V.01.15</a>
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
   256
            </li>
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
                <a href="#"> © &nbsp;2011 IRI</a>
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
   259
            </li>
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
                <a href="#">Contact</a>
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
   262
            </li>
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
                <a href="#">A propos</a>
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
   265
            </li>
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
   266
        </ul>
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
   267
        <div class="clear"></div>
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
   268
    </div>
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
   269
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
   270
</body>
7d0146012cd5 Debut integration page de recherche
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
   271
</html>