integration/home.html
author Anthony Ly <anthonyly.com@gmail.com>
Tue, 27 Nov 2012 18:08:06 +0100
changeset 20 c86141a8570d
parent 19 81a605180745
child 21 c2dd00471b2d
permissions -rw-r--r--
maj retours / modifications
Ignore whitespace changes - Everywhere: Within whitespace: At end of lines:
2
6e47ed0c413c maj periplus front
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
     1
<!DOCTYPE html>
6e47ed0c413c maj periplus front
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
     2
<!--[if lt IE 7]>      <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
6e47ed0c413c maj periplus front
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
     3
<!--[if IE 7]>         <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
6e47ed0c413c maj periplus front
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
     4
<!--[if IE 8]>         <html class="no-js lt-ie9"> <![endif]-->
6e47ed0c413c maj periplus front
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
     5
<!--[if gt IE 8]><!--> <html class="no-js"> <!--<![endif]-->
6e47ed0c413c maj periplus front
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
     6
    <head>
6e47ed0c413c maj periplus front
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
     7
        <meta charset="utf-8">
6e47ed0c413c maj periplus front
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
     8
        <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
6e47ed0c413c maj periplus front
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
     9
        <title>Home</title>
6e47ed0c413c maj periplus front
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
    10
        <link rel="stylesheet" href="css/reset.css" />
18
bf333fd74eee réorganisation css
Anthony Ly <anthonyly.com@gmail.com>
parents: 14
diff changeset
    11
        <link rel="stylesheet" href="css/common.css" />
bf333fd74eee réorganisation css
Anthony Ly <anthonyly.com@gmail.com>
parents: 14
diff changeset
    12
        <link rel="stylesheet" href="css/home.css" />
20
c86141a8570d maj retours / modifications
Anthony Ly <anthonyly.com@gmail.com>
parents: 19
diff changeset
    13
        <link rel="stylesheet" href="css/article.css" />
18
bf333fd74eee réorganisation css
Anthony Ly <anthonyly.com@gmail.com>
parents: 14
diff changeset
    14
        <link rel="stylesheet" href="css/ui-red/jquery-ui.css">
2
6e47ed0c413c maj periplus front
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
    15
        <script src="js/vendor/modernizr-2.6.1.min.js"></script>
6e47ed0c413c maj periplus front
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
    16
    </head>
6e47ed0c413c maj periplus front
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
    17
    <body>
6e47ed0c413c maj periplus front
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
    18
20
c86141a8570d maj retours / modifications
Anthony Ly <anthonyly.com@gmail.com>
parents: 19
diff changeset
    19
        
2
6e47ed0c413c maj periplus front
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
    20
6e47ed0c413c maj periplus front
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
    21
        <div class="wrap">
20
c86141a8570d maj retours / modifications
Anthony Ly <anthonyly.com@gmail.com>
parents: 19
diff changeset
    22
2
6e47ed0c413c maj periplus front
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
    23
            <div class="header">
14
1d931d99393b correction retours
Anthony Ly <anthonyly.com@gmail.com>
parents: 11
diff changeset
    24
                <div class="logo">
1d931d99393b correction retours
Anthony Ly <anthonyly.com@gmail.com>
parents: 11
diff changeset
    25
                  <div class="date">
1d931d99393b correction retours
Anthony Ly <anthonyly.com@gmail.com>
parents: 11
diff changeset
    26
                      <span class="year">5</span>
1d931d99393b correction retours
Anthony Ly <anthonyly.com@gmail.com>
parents: 11
diff changeset
    27
                      <span class="text">années archivées</span>
1d931d99393b correction retours
Anthony Ly <anthonyly.com@gmail.com>
parents: 11
diff changeset
    28
                  </div>
1d931d99393b correction retours
Anthony Ly <anthonyly.com@gmail.com>
parents: 11
diff changeset
    29
                </div>
2
6e47ed0c413c maj periplus front
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
    30
6e47ed0c413c maj periplus front
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
    31
                <div class="recherche-wrap">
6e47ed0c413c maj periplus front
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
    32
                    <h1><img src="img/mediapart-by-periplus.jpg" alt="" /></h1>
6e47ed0c413c maj periplus front
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
    33
                    <form action="#">
6e47ed0c413c maj periplus front
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
    34
                        <p >
20
c86141a8570d maj retours / modifications
Anthony Ly <anthonyly.com@gmail.com>
parents: 19
diff changeset
    35
                            <a data-trace-id="" data-trace-type="search" data-trace-view="head-search-snap" href="#" class="photo"></a>
c86141a8570d maj retours / modifications
Anthony Ly <anthonyly.com@gmail.com>
parents: 19
diff changeset
    36
                            <input  data-trace-id="" data-trace-type="search" data-trace-view="head-search-query" name="recherche" placeholder="Rechercher" class="input-recherche" type="text" />
c86141a8570d maj retours / modifications
Anthony Ly <anthonyly.com@gmail.com>
parents: 19
diff changeset
    37
                            <input data-trace-id="" data-trace-type="search" data-trace-view="head-search-submit" type="submit" value="" class="recherche-submit"/>
5
16413123bc8c ajout date picker / avancement
Anthony Ly <anthonyly.com@gmail.com>
parents: 2
diff changeset
    38
                           
2
6e47ed0c413c maj periplus front
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
    39
                        </p>
6e47ed0c413c maj periplus front
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
    40
                    </form>
6e47ed0c413c maj periplus front
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
    41
                </div>
6e47ed0c413c maj periplus front
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
    42
6e47ed0c413c maj periplus front
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
    43
                <ul class="header-menu">
20
c86141a8570d maj retours / modifications
Anthony Ly <anthonyly.com@gmail.com>
parents: 19
diff changeset
    44
                    <li><a data-trace-id="" data-trace-type="navigation" data-trace-view="navigation-home" title="accueil" class="home" href="#"></a></li>
c86141a8570d maj retours / modifications
Anthony Ly <anthonyly.com@gmail.com>
parents: 19
diff changeset
    45
                    <li><a data-trace-id="" data-trace-type="navigation" data-trace-view="navigation-international" href="#">INTERNATIONAL</a></li>
c86141a8570d maj retours / modifications
Anthony Ly <anthonyly.com@gmail.com>
parents: 19
diff changeset
    46
                    <li><a data-trace-id="" data-trace-type="navigation" data-trace-view="navigation-france" href="#">FRANCE</a></li>
c86141a8570d maj retours / modifications
Anthony Ly <anthonyly.com@gmail.com>
parents: 19
diff changeset
    47
                    <li><a data-trace-id="" data-trace-type="navigation" data-trace-view="navigation-economie" href="#">ECONOMIE</a></li>
c86141a8570d maj retours / modifications
Anthony Ly <anthonyly.com@gmail.com>
parents: 19
diff changeset
    48
                    <li><a data-trace-id="" data-trace-type="navigation" data-trace-view="navigation-culture" href="#">CULTURE</a></li>
c86141a8570d maj retours / modifications
Anthony Ly <anthonyly.com@gmail.com>
parents: 19
diff changeset
    49
                    <li><a data-trace-id="" data-trace-type="navigation" data-trace-view="navigation-cluster" href="#">CLUSTER X</a></li>
2
6e47ed0c413c maj periplus front
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
    50
                </ul>
6e47ed0c413c maj periplus front
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
    51
6e47ed0c413c maj periplus front
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
    52
                <div class="login-wrap">
6e47ed0c413c maj periplus front
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
    53
                    <h2>CONNECTER VOUS</h2>
6e47ed0c413c maj periplus front
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
    54
                    <form action="#">
20
c86141a8570d maj retours / modifications
Anthony Ly <anthonyly.com@gmail.com>
parents: 19
diff changeset
    55
                        <p><input data-trace-id="" data-trace-type="login" data-trace-view="login-login"  type="text" name="identifiant" placeholder="Identifiant" /></p> 
2
6e47ed0c413c maj periplus front
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
    56
                        <p class="submit-wrap">
20
c86141a8570d maj retours / modifications
Anthony Ly <anthonyly.com@gmail.com>
parents: 19
diff changeset
    57
                            <input data-trace-id="" data-trace-type="login" data-trace-view="login-password" class="password" type="password" name="password"/>
c86141a8570d maj retours / modifications
Anthony Ly <anthonyly.com@gmail.com>
parents: 19
diff changeset
    58
                            <input data-trace-id="" data-trace-type="login" data-trace-view="login-submit" class="submit-button" type="submit" value="OK" />
2
6e47ed0c413c maj periplus front
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
    59
                        </p>
6e47ed0c413c maj periplus front
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
    60
                    </form>
20
c86141a8570d maj retours / modifications
Anthony Ly <anthonyly.com@gmail.com>
parents: 19
diff changeset
    61
                    <p class="password-lost"><a data-trace-id="" data-trace-type="login" data-trace-view="login-password-lost" href="">Mot de passe oublié ?</a> </p>
2
6e47ed0c413c maj periplus front
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
    62
6e47ed0c413c maj periplus front
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
    63
6e47ed0c413c maj periplus front
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
    64
                </div>
20
c86141a8570d maj retours / modifications
Anthony Ly <anthonyly.com@gmail.com>
parents: 19
diff changeset
    65
                <a data-trace-id="" data-trace-type="dossiers-documentaires" data-trace-view="open-dossiers-documentaires" href="#" class="dossier-button">DOSSIERS DOCUMENTAIRES</a>
2
6e47ed0c413c maj periplus front
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
    66
6e47ed0c413c maj periplus front
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
    67
                <div class="dossier-documentaire">
6e47ed0c413c maj periplus front
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
    68
                    <div class="dossier-documentaire-inner">
6e47ed0c413c maj periplus front
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
    69
                        <h2>MES DOSSIERS</h2>
6e47ed0c413c maj periplus front
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
    70
                        <ul>
6e47ed0c413c maj periplus front
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
    71
                            <li class="clearfix">
20
c86141a8570d maj retours / modifications
Anthony Ly <anthonyly.com@gmail.com>
parents: 19
diff changeset
    72
                                <a data-trace-id="" data-trace-type="dossiers-documentaires" data-trace-view="link-dossiers-documentaires" data-trace-weight="1" href="#">
2
6e47ed0c413c maj periplus front
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
    73
                                <img src="img/documentaire-visuel.jpg" alt="" />
6e47ed0c413c maj periplus front
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
    74
                                <span class="documentaire-texte">
6e47ed0c413c maj periplus front
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
    75
                                    <h3>Terrorisme</h3>
6e47ed0c413c maj periplus front
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
    76
                                    <p>relation entre elation entre</p>
6e47ed0c413c maj periplus front
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
    77
                                </span>
6e47ed0c413c maj periplus front
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
    78
                                </a>
6e47ed0c413c maj periplus front
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
    79
                            </li>
6e47ed0c413c maj periplus front
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
    80
                            <li class="clearfix">
6e47ed0c413c maj periplus front
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
    81
                                <a href="#">
6e47ed0c413c maj periplus front
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
    82
                                <img src="img/documentaire-visuel.jpg" alt="" />
6e47ed0c413c maj periplus front
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
    83
                                <span class="documentaire-texte">
6e47ed0c413c maj periplus front
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
    84
                                    <h3>Terrorisme</h3>
6e47ed0c413c maj periplus front
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
    85
                                    <p>relation entre elation entre</p>
6e47ed0c413c maj periplus front
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
    86
                                </span>
6e47ed0c413c maj periplus front
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
    87
                                </a>
6e47ed0c413c maj periplus front
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
    88
                            </li>
6e47ed0c413c maj periplus front
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
    89
                            <li class="clearfix">
6e47ed0c413c maj periplus front
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
    90
                                <a href="#">
6e47ed0c413c maj periplus front
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
    91
                                <img src="img/documentaire-visuel.jpg" alt="" />
6e47ed0c413c maj periplus front
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
    92
                                <span class="documentaire-texte">
6e47ed0c413c maj periplus front
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
    93
                                    <h3>Terrorisme</h3>
6e47ed0c413c maj periplus front
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
    94
                                    <p>relation entre elation entre</p>
6e47ed0c413c maj periplus front
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
    95
                                </span>
6e47ed0c413c maj periplus front
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
    96
                                </a>
6e47ed0c413c maj periplus front
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
    97
                            </li>
6e47ed0c413c maj periplus front
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
    98
                            <li class="clearfix">
20
c86141a8570d maj retours / modifications
Anthony Ly <anthonyly.com@gmail.com>
parents: 19
diff changeset
    99
                                <a  data-trace-id="" data-trace-type="dossiers-documentaires" data-trace-view="new-dossiers-documentaires" data-trace-weight="1" href="#">
2
6e47ed0c413c maj periplus front
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
   100
                                <img src="img/documentaire-nouveau-dossier.jpg" alt="" />
6e47ed0c413c maj periplus front
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
   101
                                <span class="documentaire-texte">
6e47ed0c413c maj periplus front
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
   102
                                    <h3>NOUVEAU DOSSIER</h3>
6e47ed0c413c maj periplus front
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
   103
                                    <p>Creér un dossier documentaire</p>
6e47ed0c413c maj periplus front
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
   104
                                </span>
6e47ed0c413c maj periplus front
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
   105
                                </a>
6e47ed0c413c maj periplus front
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
   106
                            </li>
6e47ed0c413c maj periplus front
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
   107
6e47ed0c413c maj periplus front
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
   108
                        </ul>
20
c86141a8570d maj retours / modifications
Anthony Ly <anthonyly.com@gmail.com>
parents: 19
diff changeset
   109
                        <a data-trace-id="" data-trace-type="dossiers-documentaires" data-trace-view="more-dossiers-documentaires" data-trace-weight="1" class="documentaire-lien" href="#"></a>
2
6e47ed0c413c maj periplus front
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
   110
                        <h2></h2>
6e47ed0c413c maj periplus front
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
   111
                        <ul>
6e47ed0c413c maj periplus front
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
   112
                            <li class="clearfix">
6e47ed0c413c maj periplus front
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
   113
                                <a href="#">
6e47ed0c413c maj periplus front
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
   114
                                <img src="img/documentaire-visuel.jpg" alt="" />
6e47ed0c413c maj periplus front
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
   115
                                <span class="documentaire-texte">
6e47ed0c413c maj periplus front
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
   116
                                    <h3>Terrorisme</h3>
6e47ed0c413c maj periplus front
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
   117
                                    <p>relation entre elation entre</p>
6e47ed0c413c maj periplus front
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
   118
                                </span>
6e47ed0c413c maj periplus front
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
   119
                                </a>
6e47ed0c413c maj periplus front
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
   120
                            </li>
6e47ed0c413c maj periplus front
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
   121
                            <li class="clearfix">
6e47ed0c413c maj periplus front
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
   122
                                <a href="#">
6e47ed0c413c maj periplus front
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
   123
                                <img src="img/documentaire-visuel.jpg" alt="" />
6e47ed0c413c maj periplus front
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
   124
                                <span class="documentaire-texte">
6e47ed0c413c maj periplus front
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
   125
                                    <h3>Terrorisme</h3>
6e47ed0c413c maj periplus front
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
   126
                                    <p>relation entre elation entre</p>
6e47ed0c413c maj periplus front
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
   127
                                </span>
6e47ed0c413c maj periplus front
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
   128
                                </a>
6e47ed0c413c maj periplus front
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
   129
                            </li>
6e47ed0c413c maj periplus front
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
   130
                        </ul>
6e47ed0c413c maj periplus front
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
   131
                        <a class="documentaire-lien" href="#"></a>
6e47ed0c413c maj periplus front
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
   132
                    </div>
6e47ed0c413c maj periplus front
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
   133
                </div><!--dossier-documentaire-->
6e47ed0c413c maj periplus front
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
   134
            </div><!-- header -->
6e47ed0c413c maj periplus front
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
   135
6e47ed0c413c maj periplus front
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
   136
            <div class="content-wrap clearfix">
6e47ed0c413c maj periplus front
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
   137
                <div class="frise">
8
dfdefb4dae2c Added test streamgraph with random data
veltr
parents: 6
diff changeset
   138
                    <div class="streamgraph"></div>
9
86ddd934464a Paired streamgraph with slider
veltr
parents: 8
diff changeset
   139
                    <div id="slider-range"></div>
6
a3e60d7addb3 ajout des boutons annotations / montage
Anthony Ly <anthonyly.com@gmail.com>
parents: 5
diff changeset
   140
                </div><!-- frise -->
5
16413123bc8c ajout date picker / avancement
Anthony Ly <anthonyly.com@gmail.com>
parents: 2
diff changeset
   141
2
6e47ed0c413c maj periplus front
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
   142
6e47ed0c413c maj periplus front
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
   143
                <div class="content clearfix">
6e47ed0c413c maj periplus front
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
   144
                    
6e47ed0c413c maj periplus front
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
   145
6e47ed0c413c maj periplus front
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
   146
                    <div class="content-left">
14
1d931d99393b correction retours
Anthony Ly <anthonyly.com@gmail.com>
parents: 11
diff changeset
   147
                        <div class="widget-wrapper">
1d931d99393b correction retours
Anthony Ly <anthonyly.com@gmail.com>
parents: 11
diff changeset
   148
                            <div class="widget-wrap">
1d931d99393b correction retours
Anthony Ly <anthonyly.com@gmail.com>
parents: 11
diff changeset
   149
           
1d931d99393b correction retours
Anthony Ly <anthonyly.com@gmail.com>
parents: 11
diff changeset
   150
                                <div class="widget affichage">
1d931d99393b correction retours
Anthony Ly <anthonyly.com@gmail.com>
parents: 11
diff changeset
   151
                                    <h3><a href="#">AFFICHAGE</a></h3>
1d931d99393b correction retours
Anthony Ly <anthonyly.com@gmail.com>
parents: 11
diff changeset
   152
                                    <div class="widget-inner">
1d931d99393b correction retours
Anthony Ly <anthonyly.com@gmail.com>
parents: 11
diff changeset
   153
                                        
1d931d99393b correction retours
Anthony Ly <anthonyly.com@gmail.com>
parents: 11
diff changeset
   154
                                        <ul class="clearfix">
1d931d99393b correction retours
Anthony Ly <anthonyly.com@gmail.com>
parents: 11
diff changeset
   155
                                            <li><a  title="Passer en vue Treemap" class="treemap active" href="#"><span class="visuel"></span><span class="fonction">Treemap</span> </a></li>
1d931d99393b correction retours
Anthony Ly <anthonyly.com@gmail.com>
parents: 11
diff changeset
   156
                                            <li><a  title="Passer en vue Liste" class="liste" href="#"><span class="visuel"></span><span class="fonction">Liste</span> </a></li>
1d931d99393b correction retours
Anthony Ly <anthonyly.com@gmail.com>
parents: 11
diff changeset
   157
                                        </ul>
1d931d99393b correction retours
Anthony Ly <anthonyly.com@gmail.com>
parents: 11
diff changeset
   158
                                    </div>
1d931d99393b correction retours
Anthony Ly <anthonyly.com@gmail.com>
parents: 11
diff changeset
   159
                                </div><!-- affichage -->
1d931d99393b correction retours
Anthony Ly <anthonyly.com@gmail.com>
parents: 11
diff changeset
   160
                            </div>
2
6e47ed0c413c maj periplus front
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
   161
                        </div>
6e47ed0c413c maj periplus front
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
   162
                    </div>
6e47ed0c413c maj periplus front
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
   163
6e47ed0c413c maj periplus front
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
   164
                    <div class="content-right">
20
c86141a8570d maj retours / modifications
Anthony Ly <anthonyly.com@gmail.com>
parents: 19
diff changeset
   165
                        
c86141a8570d maj retours / modifications
Anthony Ly <anthonyly.com@gmail.com>
parents: 19
diff changeset
   166
                            <div id="treemap">
c86141a8570d maj retours / modifications
Anthony Ly <anthonyly.com@gmail.com>
parents: 19
diff changeset
   167
                                <div id="actus" class="actus">
c86141a8570d maj retours / modifications
Anthony Ly <anthonyly.com@gmail.com>
parents: 19
diff changeset
   168
                                </div> <!-- actus -->
c86141a8570d maj retours / modifications
Anthony Ly <anthonyly.com@gmail.com>
parents: 19
diff changeset
   169
                            </div>
c86141a8570d maj retours / modifications
Anthony Ly <anthonyly.com@gmail.com>
parents: 19
diff changeset
   170
                        
c86141a8570d maj retours / modifications
Anthony Ly <anthonyly.com@gmail.com>
parents: 19
diff changeset
   171
c86141a8570d maj retours / modifications
Anthony Ly <anthonyly.com@gmail.com>
parents: 19
diff changeset
   172
                            <div id="liste">
c86141a8570d maj retours / modifications
Anthony Ly <anthonyly.com@gmail.com>
parents: 19
diff changeset
   173
                                <div class="articles">
c86141a8570d maj retours / modifications
Anthony Ly <anthonyly.com@gmail.com>
parents: 19
diff changeset
   174
                        
c86141a8570d maj retours / modifications
Anthony Ly <anthonyly.com@gmail.com>
parents: 19
diff changeset
   175
                            <div class="tooltip"></div>
c86141a8570d maj retours / modifications
Anthony Ly <anthonyly.com@gmail.com>
parents: 19
diff changeset
   176
                            
c86141a8570d maj retours / modifications
Anthony Ly <anthonyly.com@gmail.com>
parents: 19
diff changeset
   177
                            <div class="article">
c86141a8570d maj retours / modifications
Anthony Ly <anthonyly.com@gmail.com>
parents: 19
diff changeset
   178
                                <div class="inner-article clearfix">
c86141a8570d maj retours / modifications
Anthony Ly <anthonyly.com@gmail.com>
parents: 19
diff changeset
   179
                                    <h2><a title="Lire l'article" href="#"> Affaire Lorem »</a></h2>
c86141a8570d maj retours / modifications
Anthony Ly <anthonyly.com@gmail.com>
parents: 19
diff changeset
   180
                                    <p class="number-article">
c86141a8570d maj retours / modifications
Anthony Ly <anthonyly.com@gmail.com>
parents: 19
diff changeset
   181
                                        <a href="#">48 articles | 320 annotations </a>
c86141a8570d maj retours / modifications
Anthony Ly <anthonyly.com@gmail.com>
parents: 19
diff changeset
   182
                                        <a title="ajouter une annotation" class="add-annotation" href="#"></a>
c86141a8570d maj retours / modifications
Anthony Ly <anthonyly.com@gmail.com>
parents: 19
diff changeset
   183
                                    </p>
c86141a8570d maj retours / modifications
Anthony Ly <anthonyly.com@gmail.com>
parents: 19
diff changeset
   184
c86141a8570d maj retours / modifications
Anthony Ly <anthonyly.com@gmail.com>
parents: 19
diff changeset
   185
                                    <div class="article-annotations">
c86141a8570d maj retours / modifications
Anthony Ly <anthonyly.com@gmail.com>
parents: 19
diff changeset
   186
                                        <a title="48 annotations" class="blue" href="#" style="width:20%;"></a>
c86141a8570d maj retours / modifications
Anthony Ly <anthonyly.com@gmail.com>
parents: 19
diff changeset
   187
                                        <a title="title" class="green" href="#" style="width:20%;"></a>
c86141a8570d maj retours / modifications
Anthony Ly <anthonyly.com@gmail.com>
parents: 19
diff changeset
   188
                                        <a title="title" class="red" href="#" style="width:40%;"></a>
c86141a8570d maj retours / modifications
Anthony Ly <anthonyly.com@gmail.com>
parents: 19
diff changeset
   189
                                        <a title="title" class="empty" href="#" style="width:20%;"></a>
c86141a8570d maj retours / modifications
Anthony Ly <anthonyly.com@gmail.com>
parents: 19
diff changeset
   190
                                    </div>
c86141a8570d maj retours / modifications
Anthony Ly <anthonyly.com@gmail.com>
parents: 19
diff changeset
   191
                                    <div class="article-content">
c86141a8570d maj retours / modifications
Anthony Ly <anthonyly.com@gmail.com>
parents: 19
diff changeset
   192
                                        <p class="resume">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
c86141a8570d maj retours / modifications
Anthony Ly <anthonyly.com@gmail.com>
parents: 19
diff changeset
   193
                                    tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
c86141a8570d maj retours / modifications
Anthony Ly <anthonyly.com@gmail.com>
parents: 19
diff changeset
   194
                       
c86141a8570d maj retours / modifications
Anthony Ly <anthonyly.com@gmail.com>
parents: 19
diff changeset
   195
                                        </p>
c86141a8570d maj retours / modifications
Anthony Ly <anthonyly.com@gmail.com>
parents: 19
diff changeset
   196
c86141a8570d maj retours / modifications
Anthony Ly <anthonyly.com@gmail.com>
parents: 19
diff changeset
   197
                                        <ul class="links">
c86141a8570d maj retours / modifications
Anthony Ly <anthonyly.com@gmail.com>
parents: 19
diff changeset
   198
                                            <ul>
c86141a8570d maj retours / modifications
Anthony Ly <anthonyly.com@gmail.com>
parents: 19
diff changeset
   199
                                                <li><a href="#">Karachi crise</a></li>
c86141a8570d maj retours / modifications
Anthony Ly <anthonyly.com@gmail.com>
parents: 19
diff changeset
   200
                                                <li><a href="#">Karachi crise</a></li>
c86141a8570d maj retours / modifications
Anthony Ly <anthonyly.com@gmail.com>
parents: 19
diff changeset
   201
                                                <li><a href="#">Karachi crise</a></li>
c86141a8570d maj retours / modifications
Anthony Ly <anthonyly.com@gmail.com>
parents: 19
diff changeset
   202
                                            </ul>
6
a3e60d7addb3 ajout des boutons annotations / montage
Anthony Ly <anthonyly.com@gmail.com>
parents: 5
diff changeset
   203
                                        </ul>
2
6e47ed0c413c maj periplus front
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
   204
                                    </div>
6e47ed0c413c maj periplus front
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
   205
                                </div>
20
c86141a8570d maj retours / modifications
Anthony Ly <anthonyly.com@gmail.com>
parents: 19
diff changeset
   206
                            </div><!--article -->
c86141a8570d maj retours / modifications
Anthony Ly <anthonyly.com@gmail.com>
parents: 19
diff changeset
   207
c86141a8570d maj retours / modifications
Anthony Ly <anthonyly.com@gmail.com>
parents: 19
diff changeset
   208
                            <div class="article">
c86141a8570d maj retours / modifications
Anthony Ly <anthonyly.com@gmail.com>
parents: 19
diff changeset
   209
                                <div class="inner-article clearfix">
c86141a8570d maj retours / modifications
Anthony Ly <anthonyly.com@gmail.com>
parents: 19
diff changeset
   210
                                    <h2><a title="Lire l'article" href="#"> Affaire Lorem »</a></h2>
c86141a8570d maj retours / modifications
Anthony Ly <anthonyly.com@gmail.com>
parents: 19
diff changeset
   211
                                    <p class="number-article">
c86141a8570d maj retours / modifications
Anthony Ly <anthonyly.com@gmail.com>
parents: 19
diff changeset
   212
                                        <a href="#">48 articles | 320 annotations </a>
c86141a8570d maj retours / modifications
Anthony Ly <anthonyly.com@gmail.com>
parents: 19
diff changeset
   213
                                        <a title="ajouter une annotation" class="add-annotation" href="#"></a>
c86141a8570d maj retours / modifications
Anthony Ly <anthonyly.com@gmail.com>
parents: 19
diff changeset
   214
                                    </p>
c86141a8570d maj retours / modifications
Anthony Ly <anthonyly.com@gmail.com>
parents: 19
diff changeset
   215
c86141a8570d maj retours / modifications
Anthony Ly <anthonyly.com@gmail.com>
parents: 19
diff changeset
   216
                                    <div class="article-annotations">
c86141a8570d maj retours / modifications
Anthony Ly <anthonyly.com@gmail.com>
parents: 19
diff changeset
   217
                                        <a title="title" class="blue" href="#" style="width:20%;"></a>
c86141a8570d maj retours / modifications
Anthony Ly <anthonyly.com@gmail.com>
parents: 19
diff changeset
   218
                                        <a title="title" class="green" href="#" style="width:20%;"></a>
c86141a8570d maj retours / modifications
Anthony Ly <anthonyly.com@gmail.com>
parents: 19
diff changeset
   219
                                        <a title="title" class="red" href="#" style="width:40%;"></a>
c86141a8570d maj retours / modifications
Anthony Ly <anthonyly.com@gmail.com>
parents: 19
diff changeset
   220
                                        <a title="title" class="empty" href="#" style="width:20%;"></a>
c86141a8570d maj retours / modifications
Anthony Ly <anthonyly.com@gmail.com>
parents: 19
diff changeset
   221
                                    </div>
c86141a8570d maj retours / modifications
Anthony Ly <anthonyly.com@gmail.com>
parents: 19
diff changeset
   222
                                    <div class="article-content">
c86141a8570d maj retours / modifications
Anthony Ly <anthonyly.com@gmail.com>
parents: 19
diff changeset
   223
                                        <div class="article-visuel-wrap"><img class="article-visuel" src="img/visuel-article.jpg" alt="" /></div>
c86141a8570d maj retours / modifications
Anthony Ly <anthonyly.com@gmail.com>
parents: 19
diff changeset
   224
                                        <p class="resume">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
c86141a8570d maj retours / modifications
Anthony Ly <anthonyly.com@gmail.com>
parents: 19
diff changeset
   225
                                    tempor incididunt ut labore et dolore magna aliqua. 
c86141a8570d maj retours / modifications
Anthony Ly <anthonyly.com@gmail.com>
parents: 19
diff changeset
   226
                       
c86141a8570d maj retours / modifications
Anthony Ly <anthonyly.com@gmail.com>
parents: 19
diff changeset
   227
                                        </p>
c86141a8570d maj retours / modifications
Anthony Ly <anthonyly.com@gmail.com>
parents: 19
diff changeset
   228
c86141a8570d maj retours / modifications
Anthony Ly <anthonyly.com@gmail.com>
parents: 19
diff changeset
   229
                                        <ul class="links">
c86141a8570d maj retours / modifications
Anthony Ly <anthonyly.com@gmail.com>
parents: 19
diff changeset
   230
                                            <ul>
c86141a8570d maj retours / modifications
Anthony Ly <anthonyly.com@gmail.com>
parents: 19
diff changeset
   231
                                                <li><a href="#">Karachi crise</a></li>
c86141a8570d maj retours / modifications
Anthony Ly <anthonyly.com@gmail.com>
parents: 19
diff changeset
   232
                                                <li><a href="#">Karachi crise</a></li>
c86141a8570d maj retours / modifications
Anthony Ly <anthonyly.com@gmail.com>
parents: 19
diff changeset
   233
                                                <li><a href="#">Karachi crise</a></li>
c86141a8570d maj retours / modifications
Anthony Ly <anthonyly.com@gmail.com>
parents: 19
diff changeset
   234
                                            </ul>
6
a3e60d7addb3 ajout des boutons annotations / montage
Anthony Ly <anthonyly.com@gmail.com>
parents: 5
diff changeset
   235
                                        </ul>
2
6e47ed0c413c maj periplus front
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
   236
                                    </div>
6e47ed0c413c maj periplus front
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
   237
                                </div>
20
c86141a8570d maj retours / modifications
Anthony Ly <anthonyly.com@gmail.com>
parents: 19
diff changeset
   238
                            </div><!--article -->
c86141a8570d maj retours / modifications
Anthony Ly <anthonyly.com@gmail.com>
parents: 19
diff changeset
   239
                            <div class="article">
c86141a8570d maj retours / modifications
Anthony Ly <anthonyly.com@gmail.com>
parents: 19
diff changeset
   240
                                <div class="inner-article clearfix">
c86141a8570d maj retours / modifications
Anthony Ly <anthonyly.com@gmail.com>
parents: 19
diff changeset
   241
                                    <h2><a title="Lire l'article" href="#"> Affaire Lorem »</a></h2>
c86141a8570d maj retours / modifications
Anthony Ly <anthonyly.com@gmail.com>
parents: 19
diff changeset
   242
                                    <p class="number-article">
c86141a8570d maj retours / modifications
Anthony Ly <anthonyly.com@gmail.com>
parents: 19
diff changeset
   243
                                        <a href="#">48 articles | 320 annotations </a>
c86141a8570d maj retours / modifications
Anthony Ly <anthonyly.com@gmail.com>
parents: 19
diff changeset
   244
                                        <a title="ajouter une annotation" class="add-annotation" href="#"></a>
c86141a8570d maj retours / modifications
Anthony Ly <anthonyly.com@gmail.com>
parents: 19
diff changeset
   245
                                    </p>
2
6e47ed0c413c maj periplus front
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
   246
20
c86141a8570d maj retours / modifications
Anthony Ly <anthonyly.com@gmail.com>
parents: 19
diff changeset
   247
                                    <div class="article-annotations">
c86141a8570d maj retours / modifications
Anthony Ly <anthonyly.com@gmail.com>
parents: 19
diff changeset
   248
                                        <a title="title" class="blue" href="#" style="width:20%;"></a>
c86141a8570d maj retours / modifications
Anthony Ly <anthonyly.com@gmail.com>
parents: 19
diff changeset
   249
                                        <a title="title" class="green" href="#" style="width:20%;"></a>
c86141a8570d maj retours / modifications
Anthony Ly <anthonyly.com@gmail.com>
parents: 19
diff changeset
   250
                                        <a title="title" class="red" href="#" style="width:40%;"></a>
c86141a8570d maj retours / modifications
Anthony Ly <anthonyly.com@gmail.com>
parents: 19
diff changeset
   251
                                        <a title="title" class="empty" href="#" style="width:20%;"></a>
c86141a8570d maj retours / modifications
Anthony Ly <anthonyly.com@gmail.com>
parents: 19
diff changeset
   252
                                    </div>
c86141a8570d maj retours / modifications
Anthony Ly <anthonyly.com@gmail.com>
parents: 19
diff changeset
   253
                                    <div class="article-content">
c86141a8570d maj retours / modifications
Anthony Ly <anthonyly.com@gmail.com>
parents: 19
diff changeset
   254
                                        <p class="resume">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
c86141a8570d maj retours / modifications
Anthony Ly <anthonyly.com@gmail.com>
parents: 19
diff changeset
   255
                                    tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
c86141a8570d maj retours / modifications
Anthony Ly <anthonyly.com@gmail.com>
parents: 19
diff changeset
   256
                       
c86141a8570d maj retours / modifications
Anthony Ly <anthonyly.com@gmail.com>
parents: 19
diff changeset
   257
                                        </p>
c86141a8570d maj retours / modifications
Anthony Ly <anthonyly.com@gmail.com>
parents: 19
diff changeset
   258
c86141a8570d maj retours / modifications
Anthony Ly <anthonyly.com@gmail.com>
parents: 19
diff changeset
   259
                                        <ul class="links">
c86141a8570d maj retours / modifications
Anthony Ly <anthonyly.com@gmail.com>
parents: 19
diff changeset
   260
                                            <ul>
c86141a8570d maj retours / modifications
Anthony Ly <anthonyly.com@gmail.com>
parents: 19
diff changeset
   261
                                                <li><a href="#">Karachi crise</a></li>
c86141a8570d maj retours / modifications
Anthony Ly <anthonyly.com@gmail.com>
parents: 19
diff changeset
   262
                                                <li><a href="#">Karachi crise</a></li>
c86141a8570d maj retours / modifications
Anthony Ly <anthonyly.com@gmail.com>
parents: 19
diff changeset
   263
                                                <li><a href="#">Karachi crise</a></li>
c86141a8570d maj retours / modifications
Anthony Ly <anthonyly.com@gmail.com>
parents: 19
diff changeset
   264
                                            </ul>
6
a3e60d7addb3 ajout des boutons annotations / montage
Anthony Ly <anthonyly.com@gmail.com>
parents: 5
diff changeset
   265
                                        </ul>
2
6e47ed0c413c maj periplus front
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
   266
                                    </div>
6e47ed0c413c maj periplus front
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
   267
                                </div>
20
c86141a8570d maj retours / modifications
Anthony Ly <anthonyly.com@gmail.com>
parents: 19
diff changeset
   268
                            </div><!--article -->
c86141a8570d maj retours / modifications
Anthony Ly <anthonyly.com@gmail.com>
parents: 19
diff changeset
   269
c86141a8570d maj retours / modifications
Anthony Ly <anthonyly.com@gmail.com>
parents: 19
diff changeset
   270
                            <div class="article">
c86141a8570d maj retours / modifications
Anthony Ly <anthonyly.com@gmail.com>
parents: 19
diff changeset
   271
                                <div class="inner-article clearfix">
c86141a8570d maj retours / modifications
Anthony Ly <anthonyly.com@gmail.com>
parents: 19
diff changeset
   272
                                    <h2><a title="Lire l'article" href="#"> Affaire Lorem »</a></h2>
c86141a8570d maj retours / modifications
Anthony Ly <anthonyly.com@gmail.com>
parents: 19
diff changeset
   273
                                    <p class="number-article">
c86141a8570d maj retours / modifications
Anthony Ly <anthonyly.com@gmail.com>
parents: 19
diff changeset
   274
                                        <a href="#">48 articles | 320 annotations </a>
c86141a8570d maj retours / modifications
Anthony Ly <anthonyly.com@gmail.com>
parents: 19
diff changeset
   275
                                        <a title="ajouter une annotation" class="add-annotation" href="#"></a>
c86141a8570d maj retours / modifications
Anthony Ly <anthonyly.com@gmail.com>
parents: 19
diff changeset
   276
                                    </p>
c86141a8570d maj retours / modifications
Anthony Ly <anthonyly.com@gmail.com>
parents: 19
diff changeset
   277
c86141a8570d maj retours / modifications
Anthony Ly <anthonyly.com@gmail.com>
parents: 19
diff changeset
   278
                                    <div class="article-annotations">
c86141a8570d maj retours / modifications
Anthony Ly <anthonyly.com@gmail.com>
parents: 19
diff changeset
   279
                                        <a title="title" class="blue" href="#" style="width:20%;"></a>
c86141a8570d maj retours / modifications
Anthony Ly <anthonyly.com@gmail.com>
parents: 19
diff changeset
   280
                                        <a title="title" class="green" href="#" style="width:20%;"></a>
c86141a8570d maj retours / modifications
Anthony Ly <anthonyly.com@gmail.com>
parents: 19
diff changeset
   281
                                        <a title="title" class="red" href="#" style="width:40%;"></a>
c86141a8570d maj retours / modifications
Anthony Ly <anthonyly.com@gmail.com>
parents: 19
diff changeset
   282
                                        <a title="title" class="empty" href="#" style="width:20%;"></a>
c86141a8570d maj retours / modifications
Anthony Ly <anthonyly.com@gmail.com>
parents: 19
diff changeset
   283
                                    </div>
c86141a8570d maj retours / modifications
Anthony Ly <anthonyly.com@gmail.com>
parents: 19
diff changeset
   284
                                    <div class="article-content">
c86141a8570d maj retours / modifications
Anthony Ly <anthonyly.com@gmail.com>
parents: 19
diff changeset
   285
                                        <div class="article-visuel-wrap"><img class="article-visuel" src="img/visuel-article.jpg" alt="" /></div>
c86141a8570d maj retours / modifications
Anthony Ly <anthonyly.com@gmail.com>
parents: 19
diff changeset
   286
                                        <p class="resume">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
c86141a8570d maj retours / modifications
Anthony Ly <anthonyly.com@gmail.com>
parents: 19
diff changeset
   287
                                    tempor incididunt ut labore et dolore magna aliqua. 
c86141a8570d maj retours / modifications
Anthony Ly <anthonyly.com@gmail.com>
parents: 19
diff changeset
   288
                       
c86141a8570d maj retours / modifications
Anthony Ly <anthonyly.com@gmail.com>
parents: 19
diff changeset
   289
                                        </p>
c86141a8570d maj retours / modifications
Anthony Ly <anthonyly.com@gmail.com>
parents: 19
diff changeset
   290
c86141a8570d maj retours / modifications
Anthony Ly <anthonyly.com@gmail.com>
parents: 19
diff changeset
   291
                                        <ul class="links">
c86141a8570d maj retours / modifications
Anthony Ly <anthonyly.com@gmail.com>
parents: 19
diff changeset
   292
                                            <ul>
c86141a8570d maj retours / modifications
Anthony Ly <anthonyly.com@gmail.com>
parents: 19
diff changeset
   293
                                                <li><a href="#">Karachi crise</a></li>
c86141a8570d maj retours / modifications
Anthony Ly <anthonyly.com@gmail.com>
parents: 19
diff changeset
   294
                                                <li><a href="#">Karachi crise</a></li>
c86141a8570d maj retours / modifications
Anthony Ly <anthonyly.com@gmail.com>
parents: 19
diff changeset
   295
                                                <li><a href="#">Karachi crise</a></li>
c86141a8570d maj retours / modifications
Anthony Ly <anthonyly.com@gmail.com>
parents: 19
diff changeset
   296
                                            </ul>
6
a3e60d7addb3 ajout des boutons annotations / montage
Anthony Ly <anthonyly.com@gmail.com>
parents: 5
diff changeset
   297
                                        </ul>
2
6e47ed0c413c maj periplus front
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
   298
                                    </div>
6e47ed0c413c maj periplus front
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
   299
                                </div>
20
c86141a8570d maj retours / modifications
Anthony Ly <anthonyly.com@gmail.com>
parents: 19
diff changeset
   300
                            </div><!--article -->
c86141a8570d maj retours / modifications
Anthony Ly <anthonyly.com@gmail.com>
parents: 19
diff changeset
   301
                            <div class="article">
c86141a8570d maj retours / modifications
Anthony Ly <anthonyly.com@gmail.com>
parents: 19
diff changeset
   302
                                <div class="inner-article clearfix">
c86141a8570d maj retours / modifications
Anthony Ly <anthonyly.com@gmail.com>
parents: 19
diff changeset
   303
                                    <h2><a title="Lire l'article" href="#"> Affaire Lorem »</a></h2>
c86141a8570d maj retours / modifications
Anthony Ly <anthonyly.com@gmail.com>
parents: 19
diff changeset
   304
                                    <p class="number-article">
c86141a8570d maj retours / modifications
Anthony Ly <anthonyly.com@gmail.com>
parents: 19
diff changeset
   305
                                        <a href="#">48 articles | 320 annotations </a>
c86141a8570d maj retours / modifications
Anthony Ly <anthonyly.com@gmail.com>
parents: 19
diff changeset
   306
                                        <a title="ajouter une annotation" class="add-annotation" href="#"></a>
c86141a8570d maj retours / modifications
Anthony Ly <anthonyly.com@gmail.com>
parents: 19
diff changeset
   307
                                    </p>
c86141a8570d maj retours / modifications
Anthony Ly <anthonyly.com@gmail.com>
parents: 19
diff changeset
   308
c86141a8570d maj retours / modifications
Anthony Ly <anthonyly.com@gmail.com>
parents: 19
diff changeset
   309
                                    <div class="article-annotations">
c86141a8570d maj retours / modifications
Anthony Ly <anthonyly.com@gmail.com>
parents: 19
diff changeset
   310
                                        <a title="title" class="blue" href="#" style="width:20%;"></a>
c86141a8570d maj retours / modifications
Anthony Ly <anthonyly.com@gmail.com>
parents: 19
diff changeset
   311
                                        <a title="title" class="green" href="#" style="width:20%;"></a>
c86141a8570d maj retours / modifications
Anthony Ly <anthonyly.com@gmail.com>
parents: 19
diff changeset
   312
                                        <a title="title" class="red" href="#" style="width:40%;"></a>
c86141a8570d maj retours / modifications
Anthony Ly <anthonyly.com@gmail.com>
parents: 19
diff changeset
   313
                                        <a title="title" class="empty" href="#" style="width:20%;"></a>
c86141a8570d maj retours / modifications
Anthony Ly <anthonyly.com@gmail.com>
parents: 19
diff changeset
   314
                                    </div>
c86141a8570d maj retours / modifications
Anthony Ly <anthonyly.com@gmail.com>
parents: 19
diff changeset
   315
                                    <div class="article-content">
c86141a8570d maj retours / modifications
Anthony Ly <anthonyly.com@gmail.com>
parents: 19
diff changeset
   316
                                        <p class="resume">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
c86141a8570d maj retours / modifications
Anthony Ly <anthonyly.com@gmail.com>
parents: 19
diff changeset
   317
                                    tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
c86141a8570d maj retours / modifications
Anthony Ly <anthonyly.com@gmail.com>
parents: 19
diff changeset
   318
                       
c86141a8570d maj retours / modifications
Anthony Ly <anthonyly.com@gmail.com>
parents: 19
diff changeset
   319
                                        </p>
c86141a8570d maj retours / modifications
Anthony Ly <anthonyly.com@gmail.com>
parents: 19
diff changeset
   320
c86141a8570d maj retours / modifications
Anthony Ly <anthonyly.com@gmail.com>
parents: 19
diff changeset
   321
                                        <ul class="links">
c86141a8570d maj retours / modifications
Anthony Ly <anthonyly.com@gmail.com>
parents: 19
diff changeset
   322
                                            <ul>
c86141a8570d maj retours / modifications
Anthony Ly <anthonyly.com@gmail.com>
parents: 19
diff changeset
   323
                                                <li><a href="#">Karachi crise</a></li>
c86141a8570d maj retours / modifications
Anthony Ly <anthonyly.com@gmail.com>
parents: 19
diff changeset
   324
                                                <li><a href="#">Karachi crise</a></li>
c86141a8570d maj retours / modifications
Anthony Ly <anthonyly.com@gmail.com>
parents: 19
diff changeset
   325
                                                <li><a href="#">Karachi crise</a></li>
c86141a8570d maj retours / modifications
Anthony Ly <anthonyly.com@gmail.com>
parents: 19
diff changeset
   326
                                            </ul>
6
a3e60d7addb3 ajout des boutons annotations / montage
Anthony Ly <anthonyly.com@gmail.com>
parents: 5
diff changeset
   327
                                        </ul>
2
6e47ed0c413c maj periplus front
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
   328
                                    </div>
6e47ed0c413c maj periplus front
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
   329
                                </div>
20
c86141a8570d maj retours / modifications
Anthony Ly <anthonyly.com@gmail.com>
parents: 19
diff changeset
   330
                            </div><!--article -->
c86141a8570d maj retours / modifications
Anthony Ly <anthonyly.com@gmail.com>
parents: 19
diff changeset
   331
c86141a8570d maj retours / modifications
Anthony Ly <anthonyly.com@gmail.com>
parents: 19
diff changeset
   332
                            <div class="article">
c86141a8570d maj retours / modifications
Anthony Ly <anthonyly.com@gmail.com>
parents: 19
diff changeset
   333
                                <div class="inner-article clearfix">
c86141a8570d maj retours / modifications
Anthony Ly <anthonyly.com@gmail.com>
parents: 19
diff changeset
   334
                                    <h2><a title="Lire l'article" href="#"> Affaire Lorem »</a></h2>
c86141a8570d maj retours / modifications
Anthony Ly <anthonyly.com@gmail.com>
parents: 19
diff changeset
   335
                                    <p class="number-article">
c86141a8570d maj retours / modifications
Anthony Ly <anthonyly.com@gmail.com>
parents: 19
diff changeset
   336
                                        <a href="#">48 articles | 320 annotations </a>
c86141a8570d maj retours / modifications
Anthony Ly <anthonyly.com@gmail.com>
parents: 19
diff changeset
   337
                                        <a title="ajouter une annotation" class="add-annotation" href="#"></a>
c86141a8570d maj retours / modifications
Anthony Ly <anthonyly.com@gmail.com>
parents: 19
diff changeset
   338
                                    </p>
c86141a8570d maj retours / modifications
Anthony Ly <anthonyly.com@gmail.com>
parents: 19
diff changeset
   339
c86141a8570d maj retours / modifications
Anthony Ly <anthonyly.com@gmail.com>
parents: 19
diff changeset
   340
                                    <div class="article-annotations">
c86141a8570d maj retours / modifications
Anthony Ly <anthonyly.com@gmail.com>
parents: 19
diff changeset
   341
                                        <a title="title" class="blue" href="#" style="width:20%;"></a>
c86141a8570d maj retours / modifications
Anthony Ly <anthonyly.com@gmail.com>
parents: 19
diff changeset
   342
                                        <a title="title" class="green" href="#" style="width:20%;"></a>
c86141a8570d maj retours / modifications
Anthony Ly <anthonyly.com@gmail.com>
parents: 19
diff changeset
   343
                                        <a title="title" class="red" href="#" style="width:40%;"></a>
c86141a8570d maj retours / modifications
Anthony Ly <anthonyly.com@gmail.com>
parents: 19
diff changeset
   344
                                        <a title="title" class="empty" href="#" style="width:20%;"></a>
c86141a8570d maj retours / modifications
Anthony Ly <anthonyly.com@gmail.com>
parents: 19
diff changeset
   345
                                    </div>
c86141a8570d maj retours / modifications
Anthony Ly <anthonyly.com@gmail.com>
parents: 19
diff changeset
   346
                                    <div class="article-content">
c86141a8570d maj retours / modifications
Anthony Ly <anthonyly.com@gmail.com>
parents: 19
diff changeset
   347
                                        <div class="article-visuel-wrap"><img class="article-visuel" src="img/visuel-article.jpg" alt="" /></div>
c86141a8570d maj retours / modifications
Anthony Ly <anthonyly.com@gmail.com>
parents: 19
diff changeset
   348
                                        <p class="resume">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
c86141a8570d maj retours / modifications
Anthony Ly <anthonyly.com@gmail.com>
parents: 19
diff changeset
   349
                                    tempor incididunt ut labore et dolore magna aliqua. 
c86141a8570d maj retours / modifications
Anthony Ly <anthonyly.com@gmail.com>
parents: 19
diff changeset
   350
                       
c86141a8570d maj retours / modifications
Anthony Ly <anthonyly.com@gmail.com>
parents: 19
diff changeset
   351
                                        </p>
c86141a8570d maj retours / modifications
Anthony Ly <anthonyly.com@gmail.com>
parents: 19
diff changeset
   352
c86141a8570d maj retours / modifications
Anthony Ly <anthonyly.com@gmail.com>
parents: 19
diff changeset
   353
                                        <ul class="links">
c86141a8570d maj retours / modifications
Anthony Ly <anthonyly.com@gmail.com>
parents: 19
diff changeset
   354
                                            <ul>
c86141a8570d maj retours / modifications
Anthony Ly <anthonyly.com@gmail.com>
parents: 19
diff changeset
   355
                                                <li><a href="#">Karachi crise</a></li>
c86141a8570d maj retours / modifications
Anthony Ly <anthonyly.com@gmail.com>
parents: 19
diff changeset
   356
                                                <li><a href="#">Karachi crise</a></li>
c86141a8570d maj retours / modifications
Anthony Ly <anthonyly.com@gmail.com>
parents: 19
diff changeset
   357
                                                <li><a href="#">Karachi crise</a></li>
c86141a8570d maj retours / modifications
Anthony Ly <anthonyly.com@gmail.com>
parents: 19
diff changeset
   358
                                            </ul>
6
a3e60d7addb3 ajout des boutons annotations / montage
Anthony Ly <anthonyly.com@gmail.com>
parents: 5
diff changeset
   359
                                        </ul>
2
6e47ed0c413c maj periplus front
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
   360
                                    </div>
6e47ed0c413c maj periplus front
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
   361
                                </div>
20
c86141a8570d maj retours / modifications
Anthony Ly <anthonyly.com@gmail.com>
parents: 19
diff changeset
   362
                            </div><!--article -->
c86141a8570d maj retours / modifications
Anthony Ly <anthonyly.com@gmail.com>
parents: 19
diff changeset
   363
                            
c86141a8570d maj retours / modifications
Anthony Ly <anthonyly.com@gmail.com>
parents: 19
diff changeset
   364
                          
c86141a8570d maj retours / modifications
Anthony Ly <anthonyly.com@gmail.com>
parents: 19
diff changeset
   365
                           
c86141a8570d maj retours / modifications
Anthony Ly <anthonyly.com@gmail.com>
parents: 19
diff changeset
   366
                        </div><!-- articles -->
c86141a8570d maj retours / modifications
Anthony Ly <anthonyly.com@gmail.com>
parents: 19
diff changeset
   367
                        <div class="pagination">
c86141a8570d maj retours / modifications
Anthony Ly <anthonyly.com@gmail.com>
parents: 19
diff changeset
   368
                            <a href="#" class="active">1</a>.<a href="#">2</a>.<a href="#">3</a>.<a href="#">Suivants »</a>
c86141a8570d maj retours / modifications
Anthony Ly <anthonyly.com@gmail.com>
parents: 19
diff changeset
   369
                        </div>
c86141a8570d maj retours / modifications
Anthony Ly <anthonyly.com@gmail.com>
parents: 19
diff changeset
   370
c86141a8570d maj retours / modifications
Anthony Ly <anthonyly.com@gmail.com>
parents: 19
diff changeset
   371
                            </div><!-- liste -->
c86141a8570d maj retours / modifications
Anthony Ly <anthonyly.com@gmail.com>
parents: 19
diff changeset
   372
                            
c86141a8570d maj retours / modifications
Anthony Ly <anthonyly.com@gmail.com>
parents: 19
diff changeset
   373
                        
2
6e47ed0c413c maj periplus front
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
   374
                        
6e47ed0c413c maj periplus front
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
   375
                        
6e47ed0c413c maj periplus front
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
   376
                    </div><!-- content-right -->
6e47ed0c413c maj periplus front
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
   377
                </div>
6e47ed0c413c maj periplus front
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
   378
                <div class="footer clearfix">
6e47ed0c413c maj periplus front
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
   379
                    <div class="footer-information">
6e47ed0c413c maj periplus front
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
   380
                        <h2>Information utiles</h2>
6e47ed0c413c maj periplus front
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
   381
                        <ul>
6e47ed0c413c maj periplus front
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
   382
                            <li>- <a href="#">Mentions légales</a></li>
6e47ed0c413c maj periplus front
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
   383
                            <li>- <a href="#">Mentions légales</a></li>
6e47ed0c413c maj periplus front
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
   384
                            <li>- <a href="#">Conditions d'utilisations générale</a></li>
6e47ed0c413c maj periplus front
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
   385
                            <li>- <a href="#">Le projet Periplus</a></li>
6e47ed0c413c maj periplus front
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
   386
                        </ul>
6e47ed0c413c maj periplus front
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
   387
                    </div>
6e47ed0c413c maj periplus front
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
   388
                    <div class="footer-raccourci">
6e47ed0c413c maj periplus front
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
   389
                        <h2>Raccourcis</h2>
6e47ed0c413c maj periplus front
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
   390
                        <ul>
6e47ed0c413c maj periplus front
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
   391
                            <li>- Année <a href="#">2009</a>, <a href="#">2009</a>, <a href="#">2009</a></li>
6e47ed0c413c maj periplus front
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
   392
                            <li>- <a href="#">International</a>, <a href="#">International</a>, <a href="#">International</a></li>
6e47ed0c413c maj periplus front
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
   393
                            <li>- <a href="#">Conditions d'utilisations générale</a>
6e47ed0c413c maj periplus front
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
   394
                        </ul>
6e47ed0c413c maj periplus front
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
   395
                    </div>
6e47ed0c413c maj periplus front
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
   396
                    <div class="footer-partenaire">
6e47ed0c413c maj periplus front
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
   397
                        <h2>Partenaires</h2>
6e47ed0c413c maj periplus front
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
   398
                        <ul>
14
1d931d99393b correction retours
Anthony Ly <anthonyly.com@gmail.com>
parents: 11
diff changeset
   399
                            <li><a title="iri" href="http://www.iri.centrepompidou.fr/" class="iri"></a></li>
1d931d99393b correction retours
Anthony Ly <anthonyly.com@gmail.com>
parents: 11
diff changeset
   400
                            <li><a title="cea" href="http://www.cea.fr/" class="cea"></a></li>
1d931d99393b correction retours
Anthony Ly <anthonyly.com@gmail.com>
parents: 11
diff changeset
   401
                            <li><a title="Alcatel" href="http://www.alcatel-lucent.com" class="alcatel"></a></li>
2
6e47ed0c413c maj periplus front
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
   402
                        </ul>
6e47ed0c413c maj periplus front
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
   403
                    </div>
6e47ed0c413c maj periplus front
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
   404
                    <div class="footer-texte">
6e47ed0c413c maj periplus front
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
   405
                        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
6e47ed0c413c maj periplus front
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
   406
                        tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
6e47ed0c413c maj periplus front
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
   407
                        quis nostrud exercitation ullamco.
6e47ed0c413c maj periplus front
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
   408
                    </p>
6e47ed0c413c maj periplus front
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
   409
                    </div>
6e47ed0c413c maj periplus front
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
   410
                </div><!-- footer -->
6e47ed0c413c maj periplus front
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
   411
                
6e47ed0c413c maj periplus front
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
   412
            </div><!-- content-wrap -->
6e47ed0c413c maj periplus front
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
   413
            <div class="copyright">
6e47ed0c413c maj periplus front
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
   414
                &copy; Mediapart &copy; Periplus | <a href="#">Mention légales</a> | <a href="#">Chartes éditoriale | <a href="#">CGV | <a href="#">Mediapart.fr</a>
6e47ed0c413c maj periplus front
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
   415
            </div>
6e47ed0c413c maj periplus front
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
   416
        </div>
6e47ed0c413c maj periplus front
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
   417
        <!-- JavaScript -->
6e47ed0c413c maj periplus front
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
   418
        <script src="js/vendor/jquery-1.8.0.min.js"></script>
6e47ed0c413c maj periplus front
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
   419
        <script src="js/vendor/jquery-ui-1.8.24.custom.min.js"></script>
6
a3e60d7addb3 ajout des boutons annotations / montage
Anthony Ly <anthonyly.com@gmail.com>
parents: 5
diff changeset
   420
        <script src="js/vendor/dragslider.js"></script>
8
dfdefb4dae2c Added test streamgraph with random data
veltr
parents: 6
diff changeset
   421
        <script src="js/lib/raphael-min.js"></script>
dfdefb4dae2c Added test streamgraph with random data
veltr
parents: 6
diff changeset
   422
        <script src="js/lib/underscore-min.js"></script>
2
6e47ed0c413c maj periplus front
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
   423
        <script src="js/plugins.js"></script>
20
c86141a8570d maj retours / modifications
Anthony Ly <anthonyly.com@gmail.com>
parents: 19
diff changeset
   424
        <script src="js/treemap.js"></script>
2
6e47ed0c413c maj periplus front
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
   425
        <script src="js/main.js"></script>
8
dfdefb4dae2c Added test streamgraph with random data
veltr
parents: 6
diff changeset
   426
        <script src="js/streamgraph.js"></script>
20
c86141a8570d maj retours / modifications
Anthony Ly <anthonyly.com@gmail.com>
parents: 19
diff changeset
   427
        
2
6e47ed0c413c maj periplus front
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
   428
    </body>
6e47ed0c413c maj periplus front
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
   429
</html>