integration/home.html
author obledc
Tue, 10 Sep 2013 13:25:16 +0200
changeset 42 de4e97ded3c6
parent 28 10a958322a62
permissions -rw-r--r--
new
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>
28
10a958322a62 Small modifications for screenshots
veltr
parents: 21
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" value="Présidentielles Sarkozy Hollande" />
20
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"/>
21
c2dd00471b2d maj retour.
Anthony Ly <anthonyly.com@gmail.com>
parents: 20
diff changeset
    38
                            <a class="plus-button home" title="Annoter" href="#"> </a>
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>
21
c2dd00471b2d maj retour.
Anthony Ly <anthonyly.com@gmail.com>
parents: 20
diff changeset
    49
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">
28
10a958322a62 Small modifications for screenshots
veltr
parents: 21
diff changeset
    53
                    <h2>SE CONNECTER</h2>
2
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 -->
21
c2dd00471b2d maj retour.
Anthony Ly <anthonyly.com@gmail.com>
parents: 20
diff changeset
   141
                <div class="cluster-wrap">
c2dd00471b2d maj retour.
Anthony Ly <anthonyly.com@gmail.com>
parents: 20
diff changeset
   142
                    <a href="#" class="cluster-arrow arrow-left"></a>
c2dd00471b2d maj retour.
Anthony Ly <anthonyly.com@gmail.com>
parents: 20
diff changeset
   143
                    <a href="#" class="cluster-arrow arrow-right"></a>
c2dd00471b2d maj retour.
Anthony Ly <anthonyly.com@gmail.com>
parents: 20
diff changeset
   144
                    <div class="cluster-containment">
c2dd00471b2d maj retour.
Anthony Ly <anthonyly.com@gmail.com>
parents: 20
diff changeset
   145
                        <div class="cluster-visible">
c2dd00471b2d maj retour.
Anthony Ly <anthonyly.com@gmail.com>
parents: 20
diff changeset
   146
                        
c2dd00471b2d maj retour.
Anthony Ly <anthonyly.com@gmail.com>
parents: 20
diff changeset
   147
                            <ul class="cluster">
c2dd00471b2d maj retour.
Anthony Ly <anthonyly.com@gmail.com>
parents: 20
diff changeset
   148
                                <li><a title="Afficher le cluster" href="#">Début</a></li>
c2dd00471b2d maj retour.
Anthony Ly <anthonyly.com@gmail.com>
parents: 20
diff changeset
   149
                                <li><a title="Afficher le cluster" href="#">affaire de Karachi</a></li>
c2dd00471b2d maj retour.
Anthony Ly <anthonyly.com@gmail.com>
parents: 20
diff changeset
   150
                                <li><a title="Afficher le cluster" href="#">Syrie</a></li>
c2dd00471b2d maj retour.
Anthony Ly <anthonyly.com@gmail.com>
parents: 20
diff changeset
   151
                                <li><a title="Afficher le cluster" href="#">affaire de Karachi</a></li>
c2dd00471b2d maj retour.
Anthony Ly <anthonyly.com@gmail.com>
parents: 20
diff changeset
   152
                                <li><a title="Afficher le cluster" href="#">Syrie</a></li>
c2dd00471b2d maj retour.
Anthony Ly <anthonyly.com@gmail.com>
parents: 20
diff changeset
   153
                                <li><a title="Afficher le cluster" href="#">affaire de Karachi</a></li>
c2dd00471b2d maj retour.
Anthony Ly <anthonyly.com@gmail.com>
parents: 20
diff changeset
   154
                                <li><a title="Afficher le cluster" href="#">Syrie</a></li>
c2dd00471b2d maj retour.
Anthony Ly <anthonyly.com@gmail.com>
parents: 20
diff changeset
   155
                                <li><a title="Afficher le cluster" href="#">affaire de Karachi</a></li>
c2dd00471b2d maj retour.
Anthony Ly <anthonyly.com@gmail.com>
parents: 20
diff changeset
   156
                                <li><a title="Afficher le cluster" href="#">Syrie</a></li>
c2dd00471b2d maj retour.
Anthony Ly <anthonyly.com@gmail.com>
parents: 20
diff changeset
   157
                                <li><a title="Afficher le cluster" href="#">affaire de Karachi</a></li>
c2dd00471b2d maj retour.
Anthony Ly <anthonyly.com@gmail.com>
parents: 20
diff changeset
   158
                                <li><a title="Afficher le cluster" href="#">Syrie</a></li>
c2dd00471b2d maj retour.
Anthony Ly <anthonyly.com@gmail.com>
parents: 20
diff changeset
   159
                                <li><a title="Afficher le cluster" href="#">Fin</a></li>
c2dd00471b2d maj retour.
Anthony Ly <anthonyly.com@gmail.com>
parents: 20
diff changeset
   160
                            </ul>
c2dd00471b2d maj retour.
Anthony Ly <anthonyly.com@gmail.com>
parents: 20
diff changeset
   161
                        </div>
c2dd00471b2d maj retour.
Anthony Ly <anthonyly.com@gmail.com>
parents: 20
diff changeset
   162
                    </div>
c2dd00471b2d maj retour.
Anthony Ly <anthonyly.com@gmail.com>
parents: 20
diff changeset
   163
                    
c2dd00471b2d maj retour.
Anthony Ly <anthonyly.com@gmail.com>
parents: 20
diff changeset
   164
                </div>
2
6e47ed0c413c maj periplus front
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
   165
6e47ed0c413c maj periplus front
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
   166
                <div class="content clearfix">
6e47ed0c413c maj periplus front
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
   167
                    
6e47ed0c413c maj periplus front
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
   168
6e47ed0c413c maj periplus front
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
   169
                    <div class="content-left">
14
1d931d99393b correction retours
Anthony Ly <anthonyly.com@gmail.com>
parents: 11
diff changeset
   170
                        <div class="widget-wrapper">
1d931d99393b correction retours
Anthony Ly <anthonyly.com@gmail.com>
parents: 11
diff changeset
   171
                            <div class="widget-wrap">
1d931d99393b correction retours
Anthony Ly <anthonyly.com@gmail.com>
parents: 11
diff changeset
   172
           
1d931d99393b correction retours
Anthony Ly <anthonyly.com@gmail.com>
parents: 11
diff changeset
   173
                                <div class="widget affichage">
1d931d99393b correction retours
Anthony Ly <anthonyly.com@gmail.com>
parents: 11
diff changeset
   174
                                    <h3><a href="#">AFFICHAGE</a></h3>
1d931d99393b correction retours
Anthony Ly <anthonyly.com@gmail.com>
parents: 11
diff changeset
   175
                                    <div class="widget-inner">
1d931d99393b correction retours
Anthony Ly <anthonyly.com@gmail.com>
parents: 11
diff changeset
   176
                                        
1d931d99393b correction retours
Anthony Ly <anthonyly.com@gmail.com>
parents: 11
diff changeset
   177
                                        <ul class="clearfix">
1d931d99393b correction retours
Anthony Ly <anthonyly.com@gmail.com>
parents: 11
diff changeset
   178
                                            <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
   179
                                            <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
   180
                                        </ul>
1d931d99393b correction retours
Anthony Ly <anthonyly.com@gmail.com>
parents: 11
diff changeset
   181
                                    </div>
1d931d99393b correction retours
Anthony Ly <anthonyly.com@gmail.com>
parents: 11
diff changeset
   182
                                </div><!-- affichage -->
21
c2dd00471b2d maj retour.
Anthony Ly <anthonyly.com@gmail.com>
parents: 20
diff changeset
   183
c2dd00471b2d maj retour.
Anthony Ly <anthonyly.com@gmail.com>
parents: 20
diff changeset
   184
                            <div class="widget filtre">
c2dd00471b2d maj retour.
Anthony Ly <anthonyly.com@gmail.com>
parents: 20
diff changeset
   185
                                <h3><a href="#">FILTRES</a></h3>
c2dd00471b2d maj retour.
Anthony Ly <anthonyly.com@gmail.com>
parents: 20
diff changeset
   186
                                <div class="widget-inner">
c2dd00471b2d maj retour.
Anthony Ly <anthonyly.com@gmail.com>
parents: 20
diff changeset
   187
                                    <form action="#" class="filtre-date">
c2dd00471b2d maj retour.
Anthony Ly <anthonyly.com@gmail.com>
parents: 20
diff changeset
   188
                                        <p>
c2dd00471b2d maj retour.
Anthony Ly <anthonyly.com@gmail.com>
parents: 20
diff changeset
   189
                                            <label for="">De :</label>
c2dd00471b2d maj retour.
Anthony Ly <anthonyly.com@gmail.com>
parents: 20
diff changeset
   190
                                            <input type="text" name="dateBegin" class="dateBegin" />
c2dd00471b2d maj retour.
Anthony Ly <anthonyly.com@gmail.com>
parents: 20
diff changeset
   191
                                        </p>
c2dd00471b2d maj retour.
Anthony Ly <anthonyly.com@gmail.com>
parents: 20
diff changeset
   192
                                        <p>
c2dd00471b2d maj retour.
Anthony Ly <anthonyly.com@gmail.com>
parents: 20
diff changeset
   193
                                            <label for="">à :</label>
c2dd00471b2d maj retour.
Anthony Ly <anthonyly.com@gmail.com>
parents: 20
diff changeset
   194
                                            <input type="text" name="dateEnd" class="dateEnd" />
c2dd00471b2d maj retour.
Anthony Ly <anthonyly.com@gmail.com>
parents: 20
diff changeset
   195
                                        </p>
c2dd00471b2d maj retour.
Anthony Ly <anthonyly.com@gmail.com>
parents: 20
diff changeset
   196
                                    </form>
c2dd00471b2d maj retour.
Anthony Ly <anthonyly.com@gmail.com>
parents: 20
diff changeset
   197
                                    <h4>Catégories :</h4>
c2dd00471b2d maj retour.
Anthony Ly <anthonyly.com@gmail.com>
parents: 20
diff changeset
   198
                                    <form action="#" class="filtre-categorie">
28
10a958322a62 Small modifications for screenshots
veltr
parents: 21
diff changeset
   199
                                        <p><input type="checkbox" checked> <label for="">International</label> </p>
10a958322a62 Small modifications for screenshots
veltr
parents: 21
diff changeset
   200
                                        <p><input type="checkbox" checked> <label for="">France</label> </p>
10a958322a62 Small modifications for screenshots
veltr
parents: 21
diff changeset
   201
                                        <p><input type="checkbox" checked> <label for="">Economie</label> </p>
10a958322a62 Small modifications for screenshots
veltr
parents: 21
diff changeset
   202
                                        <p><input type="checkbox" checked> <label for="">Culture</label> </p>
21
c2dd00471b2d maj retour.
Anthony Ly <anthonyly.com@gmail.com>
parents: 20
diff changeset
   203
                                    </form>
c2dd00471b2d maj retour.
Anthony Ly <anthonyly.com@gmail.com>
parents: 20
diff changeset
   204
                                </div>
c2dd00471b2d maj retour.
Anthony Ly <anthonyly.com@gmail.com>
parents: 20
diff changeset
   205
                            </div><!-- filtre -->
c2dd00471b2d maj retour.
Anthony Ly <anthonyly.com@gmail.com>
parents: 20
diff changeset
   206
                            <div class="widget links">
28
10a958322a62 Small modifications for screenshots
veltr
parents: 21
diff changeset
   207
                                <h3><a href="#">DOSSIERS ASSOCIES</a></h3>
21
c2dd00471b2d maj retour.
Anthony Ly <anthonyly.com@gmail.com>
parents: 20
diff changeset
   208
                                <div class="widget-inner">
c2dd00471b2d maj retour.
Anthony Ly <anthonyly.com@gmail.com>
parents: 20
diff changeset
   209
                                    <ul>
28
10a958322a62 Small modifications for screenshots
veltr
parents: 21
diff changeset
   210
<!--                                        <li><a href="#">« Corruption »</a></li>
21
c2dd00471b2d maj retour.
Anthony Ly <anthonyly.com@gmail.com>
parents: 20
diff changeset
   211
                                        <li><a href="#">« Corruption »</a></li>
c2dd00471b2d maj retour.
Anthony Ly <anthonyly.com@gmail.com>
parents: 20
diff changeset
   212
                                        <li><a href="#">« Corruption »</a></li>
28
10a958322a62 Small modifications for screenshots
veltr
parents: 21
diff changeset
   213
                                        <li><a href="#">« Corruption »</a></li> -->
21
c2dd00471b2d maj retour.
Anthony Ly <anthonyly.com@gmail.com>
parents: 20
diff changeset
   214
                                    </ul>
c2dd00471b2d maj retour.
Anthony Ly <anthonyly.com@gmail.com>
parents: 20
diff changeset
   215
                                </div>
c2dd00471b2d maj retour.
Anthony Ly <anthonyly.com@gmail.com>
parents: 20
diff changeset
   216
                            </div><!-- links -->
c2dd00471b2d maj retour.
Anthony Ly <anthonyly.com@gmail.com>
parents: 20
diff changeset
   217
                            
14
1d931d99393b correction retours
Anthony Ly <anthonyly.com@gmail.com>
parents: 11
diff changeset
   218
                            </div>
2
6e47ed0c413c maj periplus front
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
   219
                        </div>
6e47ed0c413c maj periplus front
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
   220
                    </div>
6e47ed0c413c maj periplus front
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
   221
6e47ed0c413c maj periplus front
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
   222
                    <div class="content-right">
20
c86141a8570d maj retours / modifications
Anthony Ly <anthonyly.com@gmail.com>
parents: 19
diff changeset
   223
                        
c86141a8570d maj retours / modifications
Anthony Ly <anthonyly.com@gmail.com>
parents: 19
diff changeset
   224
                            <div id="treemap">
c86141a8570d maj retours / modifications
Anthony Ly <anthonyly.com@gmail.com>
parents: 19
diff changeset
   225
                                <div id="actus" class="actus">
c86141a8570d maj retours / modifications
Anthony Ly <anthonyly.com@gmail.com>
parents: 19
diff changeset
   226
                                </div> <!-- actus -->
c86141a8570d maj retours / modifications
Anthony Ly <anthonyly.com@gmail.com>
parents: 19
diff changeset
   227
                            </div>
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
c86141a8570d maj retours / modifications
Anthony Ly <anthonyly.com@gmail.com>
parents: 19
diff changeset
   230
                            <div id="liste">
c86141a8570d maj retours / modifications
Anthony Ly <anthonyly.com@gmail.com>
parents: 19
diff changeset
   231
                                <div class="articles">
c86141a8570d maj retours / modifications
Anthony Ly <anthonyly.com@gmail.com>
parents: 19
diff changeset
   232
                        
c86141a8570d maj retours / modifications
Anthony Ly <anthonyly.com@gmail.com>
parents: 19
diff changeset
   233
                            <div class="tooltip"></div>
c86141a8570d maj retours / modifications
Anthony Ly <anthonyly.com@gmail.com>
parents: 19
diff changeset
   234
                            
c86141a8570d maj retours / modifications
Anthony Ly <anthonyly.com@gmail.com>
parents: 19
diff changeset
   235
                            <div class="article">
c86141a8570d maj retours / modifications
Anthony Ly <anthonyly.com@gmail.com>
parents: 19
diff changeset
   236
                                <div class="inner-article clearfix">
c86141a8570d maj retours / modifications
Anthony Ly <anthonyly.com@gmail.com>
parents: 19
diff changeset
   237
                                    <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
   238
                                    <p class="number-article">
c86141a8570d maj retours / modifications
Anthony Ly <anthonyly.com@gmail.com>
parents: 19
diff changeset
   239
                                        <a href="#">48 articles | 320 annotations </a>
c86141a8570d maj retours / modifications
Anthony Ly <anthonyly.com@gmail.com>
parents: 19
diff changeset
   240
                                        <a title="ajouter une annotation" class="add-annotation" href="#"></a>
c86141a8570d maj retours / modifications
Anthony Ly <anthonyly.com@gmail.com>
parents: 19
diff changeset
   241
                                    </p>
c86141a8570d maj retours / modifications
Anthony Ly <anthonyly.com@gmail.com>
parents: 19
diff changeset
   242
c86141a8570d maj retours / modifications
Anthony Ly <anthonyly.com@gmail.com>
parents: 19
diff changeset
   243
                                    <div class="article-annotations">
c86141a8570d maj retours / modifications
Anthony Ly <anthonyly.com@gmail.com>
parents: 19
diff changeset
   244
                                        <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
   245
                                        <a title="title" class="green" href="#" style="width:20%;"></a>
c86141a8570d maj retours / modifications
Anthony Ly <anthonyly.com@gmail.com>
parents: 19
diff changeset
   246
                                        <a title="title" class="red" href="#" style="width:40%;"></a>
c86141a8570d maj retours / modifications
Anthony Ly <anthonyly.com@gmail.com>
parents: 19
diff changeset
   247
                                        <a title="title" class="empty" href="#" style="width:20%;"></a>
c86141a8570d maj retours / modifications
Anthony Ly <anthonyly.com@gmail.com>
parents: 19
diff changeset
   248
                                    </div>
c86141a8570d maj retours / modifications
Anthony Ly <anthonyly.com@gmail.com>
parents: 19
diff changeset
   249
                                    <div class="article-content">
c86141a8570d maj retours / modifications
Anthony Ly <anthonyly.com@gmail.com>
parents: 19
diff changeset
   250
                                        <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
   251
                                    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
   252
                       
c86141a8570d maj retours / modifications
Anthony Ly <anthonyly.com@gmail.com>
parents: 19
diff changeset
   253
                                        </p>
c86141a8570d maj retours / modifications
Anthony Ly <anthonyly.com@gmail.com>
parents: 19
diff changeset
   254
c86141a8570d maj retours / modifications
Anthony Ly <anthonyly.com@gmail.com>
parents: 19
diff changeset
   255
                                        <ul class="links">
c86141a8570d maj retours / modifications
Anthony Ly <anthonyly.com@gmail.com>
parents: 19
diff changeset
   256
                                            <ul>
c86141a8570d maj retours / modifications
Anthony Ly <anthonyly.com@gmail.com>
parents: 19
diff changeset
   257
                                                <li><a href="#">Karachi crise</a></li>
c86141a8570d maj retours / modifications
Anthony Ly <anthonyly.com@gmail.com>
parents: 19
diff changeset
   258
                                                <li><a href="#">Karachi crise</a></li>
c86141a8570d maj retours / modifications
Anthony Ly <anthonyly.com@gmail.com>
parents: 19
diff changeset
   259
                                                <li><a href="#">Karachi crise</a></li>
c86141a8570d maj retours / modifications
Anthony Ly <anthonyly.com@gmail.com>
parents: 19
diff changeset
   260
                                            </ul>
6
a3e60d7addb3 ajout des boutons annotations / montage
Anthony Ly <anthonyly.com@gmail.com>
parents: 5
diff changeset
   261
                                        </ul>
2
6e47ed0c413c maj periplus front
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
   262
                                    </div>
6e47ed0c413c maj periplus front
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
   263
                                </div>
20
c86141a8570d maj retours / modifications
Anthony Ly <anthonyly.com@gmail.com>
parents: 19
diff changeset
   264
                            </div><!--article -->
c86141a8570d maj retours / modifications
Anthony Ly <anthonyly.com@gmail.com>
parents: 19
diff changeset
   265
c86141a8570d maj retours / modifications
Anthony Ly <anthonyly.com@gmail.com>
parents: 19
diff changeset
   266
                            <div class="article">
c86141a8570d maj retours / modifications
Anthony Ly <anthonyly.com@gmail.com>
parents: 19
diff changeset
   267
                                <div class="inner-article clearfix">
c86141a8570d maj retours / modifications
Anthony Ly <anthonyly.com@gmail.com>
parents: 19
diff changeset
   268
                                    <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
   269
                                    <p class="number-article">
c86141a8570d maj retours / modifications
Anthony Ly <anthonyly.com@gmail.com>
parents: 19
diff changeset
   270
                                        <a href="#">48 articles | 320 annotations </a>
c86141a8570d maj retours / modifications
Anthony Ly <anthonyly.com@gmail.com>
parents: 19
diff changeset
   271
                                        <a title="ajouter une annotation" class="add-annotation" href="#"></a>
c86141a8570d maj retours / modifications
Anthony Ly <anthonyly.com@gmail.com>
parents: 19
diff changeset
   272
                                    </p>
c86141a8570d maj retours / modifications
Anthony Ly <anthonyly.com@gmail.com>
parents: 19
diff changeset
   273
c86141a8570d maj retours / modifications
Anthony Ly <anthonyly.com@gmail.com>
parents: 19
diff changeset
   274
                                    <div class="article-annotations">
c86141a8570d maj retours / modifications
Anthony Ly <anthonyly.com@gmail.com>
parents: 19
diff changeset
   275
                                        <a title="title" class="blue" href="#" style="width:20%;"></a>
c86141a8570d maj retours / modifications
Anthony Ly <anthonyly.com@gmail.com>
parents: 19
diff changeset
   276
                                        <a title="title" class="green" href="#" style="width:20%;"></a>
c86141a8570d maj retours / modifications
Anthony Ly <anthonyly.com@gmail.com>
parents: 19
diff changeset
   277
                                        <a title="title" class="red" href="#" style="width:40%;"></a>
c86141a8570d maj retours / modifications
Anthony Ly <anthonyly.com@gmail.com>
parents: 19
diff changeset
   278
                                        <a title="title" class="empty" href="#" style="width:20%;"></a>
c86141a8570d maj retours / modifications
Anthony Ly <anthonyly.com@gmail.com>
parents: 19
diff changeset
   279
                                    </div>
c86141a8570d maj retours / modifications
Anthony Ly <anthonyly.com@gmail.com>
parents: 19
diff changeset
   280
                                    <div class="article-content">
c86141a8570d maj retours / modifications
Anthony Ly <anthonyly.com@gmail.com>
parents: 19
diff changeset
   281
                                        <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
   282
                                        <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
   283
                                    tempor incididunt ut labore et dolore magna aliqua. 
c86141a8570d maj retours / modifications
Anthony Ly <anthonyly.com@gmail.com>
parents: 19
diff changeset
   284
                       
c86141a8570d maj retours / modifications
Anthony Ly <anthonyly.com@gmail.com>
parents: 19
diff changeset
   285
                                        </p>
c86141a8570d maj retours / modifications
Anthony Ly <anthonyly.com@gmail.com>
parents: 19
diff changeset
   286
c86141a8570d maj retours / modifications
Anthony Ly <anthonyly.com@gmail.com>
parents: 19
diff changeset
   287
                                        <ul class="links">
c86141a8570d maj retours / modifications
Anthony Ly <anthonyly.com@gmail.com>
parents: 19
diff changeset
   288
                                            <ul>
c86141a8570d maj retours / modifications
Anthony Ly <anthonyly.com@gmail.com>
parents: 19
diff changeset
   289
                                                <li><a href="#">Karachi crise</a></li>
c86141a8570d maj retours / modifications
Anthony Ly <anthonyly.com@gmail.com>
parents: 19
diff changeset
   290
                                                <li><a href="#">Karachi crise</a></li>
c86141a8570d maj retours / modifications
Anthony Ly <anthonyly.com@gmail.com>
parents: 19
diff changeset
   291
                                                <li><a href="#">Karachi crise</a></li>
c86141a8570d maj retours / modifications
Anthony Ly <anthonyly.com@gmail.com>
parents: 19
diff changeset
   292
                                            </ul>
6
a3e60d7addb3 ajout des boutons annotations / montage
Anthony Ly <anthonyly.com@gmail.com>
parents: 5
diff changeset
   293
                                        </ul>
2
6e47ed0c413c maj periplus front
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
   294
                                    </div>
6e47ed0c413c maj periplus front
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
   295
                                </div>
20
c86141a8570d maj retours / modifications
Anthony Ly <anthonyly.com@gmail.com>
parents: 19
diff changeset
   296
                            </div><!--article -->
c86141a8570d maj retours / modifications
Anthony Ly <anthonyly.com@gmail.com>
parents: 19
diff changeset
   297
                            <div class="article">
c86141a8570d maj retours / modifications
Anthony Ly <anthonyly.com@gmail.com>
parents: 19
diff changeset
   298
                                <div class="inner-article clearfix">
c86141a8570d maj retours / modifications
Anthony Ly <anthonyly.com@gmail.com>
parents: 19
diff changeset
   299
                                    <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
   300
                                    <p class="number-article">
c86141a8570d maj retours / modifications
Anthony Ly <anthonyly.com@gmail.com>
parents: 19
diff changeset
   301
                                        <a href="#">48 articles | 320 annotations </a>
c86141a8570d maj retours / modifications
Anthony Ly <anthonyly.com@gmail.com>
parents: 19
diff changeset
   302
                                        <a title="ajouter une annotation" class="add-annotation" href="#"></a>
c86141a8570d maj retours / modifications
Anthony Ly <anthonyly.com@gmail.com>
parents: 19
diff changeset
   303
                                    </p>
2
6e47ed0c413c maj periplus front
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
   304
20
c86141a8570d maj retours / modifications
Anthony Ly <anthonyly.com@gmail.com>
parents: 19
diff changeset
   305
                                    <div class="article-annotations">
c86141a8570d maj retours / modifications
Anthony Ly <anthonyly.com@gmail.com>
parents: 19
diff changeset
   306
                                        <a title="title" class="blue" href="#" style="width:20%;"></a>
c86141a8570d maj retours / modifications
Anthony Ly <anthonyly.com@gmail.com>
parents: 19
diff changeset
   307
                                        <a title="title" class="green" href="#" style="width:20%;"></a>
c86141a8570d maj retours / modifications
Anthony Ly <anthonyly.com@gmail.com>
parents: 19
diff changeset
   308
                                        <a title="title" class="red" href="#" style="width:40%;"></a>
c86141a8570d maj retours / modifications
Anthony Ly <anthonyly.com@gmail.com>
parents: 19
diff changeset
   309
                                        <a title="title" class="empty" href="#" style="width:20%;"></a>
c86141a8570d maj retours / modifications
Anthony Ly <anthonyly.com@gmail.com>
parents: 19
diff changeset
   310
                                    </div>
c86141a8570d maj retours / modifications
Anthony Ly <anthonyly.com@gmail.com>
parents: 19
diff changeset
   311
                                    <div class="article-content">
c86141a8570d maj retours / modifications
Anthony Ly <anthonyly.com@gmail.com>
parents: 19
diff changeset
   312
                                        <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
   313
                                    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
   314
                       
c86141a8570d maj retours / modifications
Anthony Ly <anthonyly.com@gmail.com>
parents: 19
diff changeset
   315
                                        </p>
c86141a8570d maj retours / modifications
Anthony Ly <anthonyly.com@gmail.com>
parents: 19
diff changeset
   316
c86141a8570d maj retours / modifications
Anthony Ly <anthonyly.com@gmail.com>
parents: 19
diff changeset
   317
                                        <ul class="links">
c86141a8570d maj retours / modifications
Anthony Ly <anthonyly.com@gmail.com>
parents: 19
diff changeset
   318
                                            <ul>
c86141a8570d maj retours / modifications
Anthony Ly <anthonyly.com@gmail.com>
parents: 19
diff changeset
   319
                                                <li><a href="#">Karachi crise</a></li>
c86141a8570d maj retours / modifications
Anthony Ly <anthonyly.com@gmail.com>
parents: 19
diff changeset
   320
                                                <li><a href="#">Karachi crise</a></li>
c86141a8570d maj retours / modifications
Anthony Ly <anthonyly.com@gmail.com>
parents: 19
diff changeset
   321
                                                <li><a href="#">Karachi crise</a></li>
c86141a8570d maj retours / modifications
Anthony Ly <anthonyly.com@gmail.com>
parents: 19
diff changeset
   322
                                            </ul>
6
a3e60d7addb3 ajout des boutons annotations / montage
Anthony Ly <anthonyly.com@gmail.com>
parents: 5
diff changeset
   323
                                        </ul>
2
6e47ed0c413c maj periplus front
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
   324
                                    </div>
6e47ed0c413c maj periplus front
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
   325
                                </div>
20
c86141a8570d maj retours / modifications
Anthony Ly <anthonyly.com@gmail.com>
parents: 19
diff changeset
   326
                            </div><!--article -->
c86141a8570d maj retours / modifications
Anthony Ly <anthonyly.com@gmail.com>
parents: 19
diff changeset
   327
c86141a8570d maj retours / modifications
Anthony Ly <anthonyly.com@gmail.com>
parents: 19
diff changeset
   328
                            <div class="article">
c86141a8570d maj retours / modifications
Anthony Ly <anthonyly.com@gmail.com>
parents: 19
diff changeset
   329
                                <div class="inner-article clearfix">
c86141a8570d maj retours / modifications
Anthony Ly <anthonyly.com@gmail.com>
parents: 19
diff changeset
   330
                                    <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
   331
                                    <p class="number-article">
c86141a8570d maj retours / modifications
Anthony Ly <anthonyly.com@gmail.com>
parents: 19
diff changeset
   332
                                        <a href="#">48 articles | 320 annotations </a>
c86141a8570d maj retours / modifications
Anthony Ly <anthonyly.com@gmail.com>
parents: 19
diff changeset
   333
                                        <a title="ajouter une annotation" class="add-annotation" href="#"></a>
c86141a8570d maj retours / modifications
Anthony Ly <anthonyly.com@gmail.com>
parents: 19
diff changeset
   334
                                    </p>
c86141a8570d maj retours / modifications
Anthony Ly <anthonyly.com@gmail.com>
parents: 19
diff changeset
   335
c86141a8570d maj retours / modifications
Anthony Ly <anthonyly.com@gmail.com>
parents: 19
diff changeset
   336
                                    <div class="article-annotations">
c86141a8570d maj retours / modifications
Anthony Ly <anthonyly.com@gmail.com>
parents: 19
diff changeset
   337
                                        <a title="title" class="blue" href="#" style="width:20%;"></a>
c86141a8570d maj retours / modifications
Anthony Ly <anthonyly.com@gmail.com>
parents: 19
diff changeset
   338
                                        <a title="title" class="green" href="#" style="width:20%;"></a>
c86141a8570d maj retours / modifications
Anthony Ly <anthonyly.com@gmail.com>
parents: 19
diff changeset
   339
                                        <a title="title" class="red" href="#" style="width:40%;"></a>
c86141a8570d maj retours / modifications
Anthony Ly <anthonyly.com@gmail.com>
parents: 19
diff changeset
   340
                                        <a title="title" class="empty" href="#" style="width:20%;"></a>
c86141a8570d maj retours / modifications
Anthony Ly <anthonyly.com@gmail.com>
parents: 19
diff changeset
   341
                                    </div>
c86141a8570d maj retours / modifications
Anthony Ly <anthonyly.com@gmail.com>
parents: 19
diff changeset
   342
                                    <div class="article-content">
c86141a8570d maj retours / modifications
Anthony Ly <anthonyly.com@gmail.com>
parents: 19
diff changeset
   343
                                        <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
   344
                                        <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
   345
                                    tempor incididunt ut labore et dolore magna aliqua. 
c86141a8570d maj retours / modifications
Anthony Ly <anthonyly.com@gmail.com>
parents: 19
diff changeset
   346
                       
c86141a8570d maj retours / modifications
Anthony Ly <anthonyly.com@gmail.com>
parents: 19
diff changeset
   347
                                        </p>
c86141a8570d maj retours / modifications
Anthony Ly <anthonyly.com@gmail.com>
parents: 19
diff changeset
   348
c86141a8570d maj retours / modifications
Anthony Ly <anthonyly.com@gmail.com>
parents: 19
diff changeset
   349
                                        <ul class="links">
c86141a8570d maj retours / modifications
Anthony Ly <anthonyly.com@gmail.com>
parents: 19
diff changeset
   350
                                            <ul>
c86141a8570d maj retours / modifications
Anthony Ly <anthonyly.com@gmail.com>
parents: 19
diff changeset
   351
                                                <li><a href="#">Karachi crise</a></li>
c86141a8570d maj retours / modifications
Anthony Ly <anthonyly.com@gmail.com>
parents: 19
diff changeset
   352
                                                <li><a href="#">Karachi crise</a></li>
c86141a8570d maj retours / modifications
Anthony Ly <anthonyly.com@gmail.com>
parents: 19
diff changeset
   353
                                                <li><a href="#">Karachi crise</a></li>
c86141a8570d maj retours / modifications
Anthony Ly <anthonyly.com@gmail.com>
parents: 19
diff changeset
   354
                                            </ul>
6
a3e60d7addb3 ajout des boutons annotations / montage
Anthony Ly <anthonyly.com@gmail.com>
parents: 5
diff changeset
   355
                                        </ul>
2
6e47ed0c413c maj periplus front
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
   356
                                    </div>
6e47ed0c413c maj periplus front
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
   357
                                </div>
20
c86141a8570d maj retours / modifications
Anthony Ly <anthonyly.com@gmail.com>
parents: 19
diff changeset
   358
                            </div><!--article -->
c86141a8570d maj retours / modifications
Anthony Ly <anthonyly.com@gmail.com>
parents: 19
diff changeset
   359
                            <div class="article">
c86141a8570d maj retours / modifications
Anthony Ly <anthonyly.com@gmail.com>
parents: 19
diff changeset
   360
                                <div class="inner-article clearfix">
c86141a8570d maj retours / modifications
Anthony Ly <anthonyly.com@gmail.com>
parents: 19
diff changeset
   361
                                    <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
   362
                                    <p class="number-article">
c86141a8570d maj retours / modifications
Anthony Ly <anthonyly.com@gmail.com>
parents: 19
diff changeset
   363
                                        <a href="#">48 articles | 320 annotations </a>
c86141a8570d maj retours / modifications
Anthony Ly <anthonyly.com@gmail.com>
parents: 19
diff changeset
   364
                                        <a title="ajouter une annotation" class="add-annotation" href="#"></a>
c86141a8570d maj retours / modifications
Anthony Ly <anthonyly.com@gmail.com>
parents: 19
diff changeset
   365
                                    </p>
c86141a8570d maj retours / modifications
Anthony Ly <anthonyly.com@gmail.com>
parents: 19
diff changeset
   366
c86141a8570d maj retours / modifications
Anthony Ly <anthonyly.com@gmail.com>
parents: 19
diff changeset
   367
                                    <div class="article-annotations">
c86141a8570d maj retours / modifications
Anthony Ly <anthonyly.com@gmail.com>
parents: 19
diff changeset
   368
                                        <a title="title" class="blue" href="#" style="width:20%;"></a>
c86141a8570d maj retours / modifications
Anthony Ly <anthonyly.com@gmail.com>
parents: 19
diff changeset
   369
                                        <a title="title" class="green" href="#" style="width:20%;"></a>
c86141a8570d maj retours / modifications
Anthony Ly <anthonyly.com@gmail.com>
parents: 19
diff changeset
   370
                                        <a title="title" class="red" href="#" style="width:40%;"></a>
c86141a8570d maj retours / modifications
Anthony Ly <anthonyly.com@gmail.com>
parents: 19
diff changeset
   371
                                        <a title="title" class="empty" href="#" style="width:20%;"></a>
c86141a8570d maj retours / modifications
Anthony Ly <anthonyly.com@gmail.com>
parents: 19
diff changeset
   372
                                    </div>
c86141a8570d maj retours / modifications
Anthony Ly <anthonyly.com@gmail.com>
parents: 19
diff changeset
   373
                                    <div class="article-content">
c86141a8570d maj retours / modifications
Anthony Ly <anthonyly.com@gmail.com>
parents: 19
diff changeset
   374
                                        <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
   375
                                    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
   376
                       
c86141a8570d maj retours / modifications
Anthony Ly <anthonyly.com@gmail.com>
parents: 19
diff changeset
   377
                                        </p>
c86141a8570d maj retours / modifications
Anthony Ly <anthonyly.com@gmail.com>
parents: 19
diff changeset
   378
c86141a8570d maj retours / modifications
Anthony Ly <anthonyly.com@gmail.com>
parents: 19
diff changeset
   379
                                        <ul class="links">
c86141a8570d maj retours / modifications
Anthony Ly <anthonyly.com@gmail.com>
parents: 19
diff changeset
   380
                                            <ul>
c86141a8570d maj retours / modifications
Anthony Ly <anthonyly.com@gmail.com>
parents: 19
diff changeset
   381
                                                <li><a href="#">Karachi crise</a></li>
c86141a8570d maj retours / modifications
Anthony Ly <anthonyly.com@gmail.com>
parents: 19
diff changeset
   382
                                                <li><a href="#">Karachi crise</a></li>
c86141a8570d maj retours / modifications
Anthony Ly <anthonyly.com@gmail.com>
parents: 19
diff changeset
   383
                                                <li><a href="#">Karachi crise</a></li>
c86141a8570d maj retours / modifications
Anthony Ly <anthonyly.com@gmail.com>
parents: 19
diff changeset
   384
                                            </ul>
6
a3e60d7addb3 ajout des boutons annotations / montage
Anthony Ly <anthonyly.com@gmail.com>
parents: 5
diff changeset
   385
                                        </ul>
2
6e47ed0c413c maj periplus front
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
   386
                                    </div>
6e47ed0c413c maj periplus front
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
   387
                                </div>
20
c86141a8570d maj retours / modifications
Anthony Ly <anthonyly.com@gmail.com>
parents: 19
diff changeset
   388
                            </div><!--article -->
c86141a8570d maj retours / modifications
Anthony Ly <anthonyly.com@gmail.com>
parents: 19
diff changeset
   389
c86141a8570d maj retours / modifications
Anthony Ly <anthonyly.com@gmail.com>
parents: 19
diff changeset
   390
                            <div class="article">
c86141a8570d maj retours / modifications
Anthony Ly <anthonyly.com@gmail.com>
parents: 19
diff changeset
   391
                                <div class="inner-article clearfix">
c86141a8570d maj retours / modifications
Anthony Ly <anthonyly.com@gmail.com>
parents: 19
diff changeset
   392
                                    <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
   393
                                    <p class="number-article">
c86141a8570d maj retours / modifications
Anthony Ly <anthonyly.com@gmail.com>
parents: 19
diff changeset
   394
                                        <a href="#">48 articles | 320 annotations </a>
c86141a8570d maj retours / modifications
Anthony Ly <anthonyly.com@gmail.com>
parents: 19
diff changeset
   395
                                        <a title="ajouter une annotation" class="add-annotation" href="#"></a>
c86141a8570d maj retours / modifications
Anthony Ly <anthonyly.com@gmail.com>
parents: 19
diff changeset
   396
                                    </p>
c86141a8570d maj retours / modifications
Anthony Ly <anthonyly.com@gmail.com>
parents: 19
diff changeset
   397
c86141a8570d maj retours / modifications
Anthony Ly <anthonyly.com@gmail.com>
parents: 19
diff changeset
   398
                                    <div class="article-annotations">
c86141a8570d maj retours / modifications
Anthony Ly <anthonyly.com@gmail.com>
parents: 19
diff changeset
   399
                                        <a title="title" class="blue" href="#" style="width:20%;"></a>
c86141a8570d maj retours / modifications
Anthony Ly <anthonyly.com@gmail.com>
parents: 19
diff changeset
   400
                                        <a title="title" class="green" href="#" style="width:20%;"></a>
c86141a8570d maj retours / modifications
Anthony Ly <anthonyly.com@gmail.com>
parents: 19
diff changeset
   401
                                        <a title="title" class="red" href="#" style="width:40%;"></a>
c86141a8570d maj retours / modifications
Anthony Ly <anthonyly.com@gmail.com>
parents: 19
diff changeset
   402
                                        <a title="title" class="empty" href="#" style="width:20%;"></a>
c86141a8570d maj retours / modifications
Anthony Ly <anthonyly.com@gmail.com>
parents: 19
diff changeset
   403
                                    </div>
c86141a8570d maj retours / modifications
Anthony Ly <anthonyly.com@gmail.com>
parents: 19
diff changeset
   404
                                    <div class="article-content">
c86141a8570d maj retours / modifications
Anthony Ly <anthonyly.com@gmail.com>
parents: 19
diff changeset
   405
                                        <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
   406
                                        <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
   407
                                    tempor incididunt ut labore et dolore magna aliqua. 
c86141a8570d maj retours / modifications
Anthony Ly <anthonyly.com@gmail.com>
parents: 19
diff changeset
   408
                       
c86141a8570d maj retours / modifications
Anthony Ly <anthonyly.com@gmail.com>
parents: 19
diff changeset
   409
                                        </p>
c86141a8570d maj retours / modifications
Anthony Ly <anthonyly.com@gmail.com>
parents: 19
diff changeset
   410
c86141a8570d maj retours / modifications
Anthony Ly <anthonyly.com@gmail.com>
parents: 19
diff changeset
   411
                                        <ul class="links">
c86141a8570d maj retours / modifications
Anthony Ly <anthonyly.com@gmail.com>
parents: 19
diff changeset
   412
                                            <ul>
c86141a8570d maj retours / modifications
Anthony Ly <anthonyly.com@gmail.com>
parents: 19
diff changeset
   413
                                                <li><a href="#">Karachi crise</a></li>
c86141a8570d maj retours / modifications
Anthony Ly <anthonyly.com@gmail.com>
parents: 19
diff changeset
   414
                                                <li><a href="#">Karachi crise</a></li>
c86141a8570d maj retours / modifications
Anthony Ly <anthonyly.com@gmail.com>
parents: 19
diff changeset
   415
                                                <li><a href="#">Karachi crise</a></li>
c86141a8570d maj retours / modifications
Anthony Ly <anthonyly.com@gmail.com>
parents: 19
diff changeset
   416
                                            </ul>
6
a3e60d7addb3 ajout des boutons annotations / montage
Anthony Ly <anthonyly.com@gmail.com>
parents: 5
diff changeset
   417
                                        </ul>
2
6e47ed0c413c maj periplus front
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
   418
                                    </div>
6e47ed0c413c maj periplus front
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
   419
                                </div>
20
c86141a8570d maj retours / modifications
Anthony Ly <anthonyly.com@gmail.com>
parents: 19
diff changeset
   420
                            </div><!--article -->
c86141a8570d maj retours / modifications
Anthony Ly <anthonyly.com@gmail.com>
parents: 19
diff changeset
   421
                            
c86141a8570d maj retours / modifications
Anthony Ly <anthonyly.com@gmail.com>
parents: 19
diff changeset
   422
                          
c86141a8570d maj retours / modifications
Anthony Ly <anthonyly.com@gmail.com>
parents: 19
diff changeset
   423
                           
c86141a8570d maj retours / modifications
Anthony Ly <anthonyly.com@gmail.com>
parents: 19
diff changeset
   424
                        </div><!-- articles -->
c86141a8570d maj retours / modifications
Anthony Ly <anthonyly.com@gmail.com>
parents: 19
diff changeset
   425
                        <div class="pagination">
c86141a8570d maj retours / modifications
Anthony Ly <anthonyly.com@gmail.com>
parents: 19
diff changeset
   426
                            <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
   427
                        </div>
c86141a8570d maj retours / modifications
Anthony Ly <anthonyly.com@gmail.com>
parents: 19
diff changeset
   428
c86141a8570d maj retours / modifications
Anthony Ly <anthonyly.com@gmail.com>
parents: 19
diff changeset
   429
                            </div><!-- liste -->
c86141a8570d maj retours / modifications
Anthony Ly <anthonyly.com@gmail.com>
parents: 19
diff changeset
   430
                            
c86141a8570d maj retours / modifications
Anthony Ly <anthonyly.com@gmail.com>
parents: 19
diff changeset
   431
                        
2
6e47ed0c413c maj periplus front
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
   432
                        
6e47ed0c413c maj periplus front
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
   433
                        
6e47ed0c413c maj periplus front
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
   434
                    </div><!-- content-right -->
6e47ed0c413c maj periplus front
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
   435
                </div>
6e47ed0c413c maj periplus front
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
   436
                <div class="footer clearfix">
6e47ed0c413c maj periplus front
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
   437
                    <div class="footer-information">
6e47ed0c413c maj periplus front
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
   438
                        <h2>Information utiles</h2>
6e47ed0c413c maj periplus front
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
   439
                        <ul>
6e47ed0c413c maj periplus front
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
   440
                            <li>- <a href="#">Mentions légales</a></li>
6e47ed0c413c maj periplus front
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
   441
                            <li>- <a href="#">Mentions légales</a></li>
6e47ed0c413c maj periplus front
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
   442
                            <li>- <a href="#">Conditions d'utilisations générale</a></li>
6e47ed0c413c maj periplus front
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
   443
                            <li>- <a href="#">Le projet Periplus</a></li>
6e47ed0c413c maj periplus front
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
   444
                        </ul>
6e47ed0c413c maj periplus front
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
   445
                    </div>
6e47ed0c413c maj periplus front
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
   446
                    <div class="footer-raccourci">
6e47ed0c413c maj periplus front
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
   447
                        <h2>Raccourcis</h2>
6e47ed0c413c maj periplus front
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
   448
                        <ul>
6e47ed0c413c maj periplus front
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
   449
                            <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
   450
                            <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
   451
                            <li>- <a href="#">Conditions d'utilisations générale</a>
6e47ed0c413c maj periplus front
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
   452
                        </ul>
6e47ed0c413c maj periplus front
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
   453
                    </div>
6e47ed0c413c maj periplus front
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
   454
                    <div class="footer-partenaire">
6e47ed0c413c maj periplus front
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
   455
                        <h2>Partenaires</h2>
6e47ed0c413c maj periplus front
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
   456
                        <ul>
14
1d931d99393b correction retours
Anthony Ly <anthonyly.com@gmail.com>
parents: 11
diff changeset
   457
                            <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
   458
                            <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
   459
                            <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
   460
                        </ul>
6e47ed0c413c maj periplus front
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
   461
                    </div>
6e47ed0c413c maj periplus front
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
   462
                    <div class="footer-texte">
6e47ed0c413c maj periplus front
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
   463
                        <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
   464
                        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
   465
                        quis nostrud exercitation ullamco.
6e47ed0c413c maj periplus front
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
   466
                    </p>
6e47ed0c413c maj periplus front
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
   467
                    </div>
6e47ed0c413c maj periplus front
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
   468
                </div><!-- footer -->
6e47ed0c413c maj periplus front
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
   469
                
6e47ed0c413c maj periplus front
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
   470
            </div><!-- content-wrap -->
6e47ed0c413c maj periplus front
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
   471
            <div class="copyright">
6e47ed0c413c maj periplus front
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
   472
                &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
   473
            </div>
6e47ed0c413c maj periplus front
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
   474
        </div>
6e47ed0c413c maj periplus front
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
   475
        <!-- JavaScript -->
6e47ed0c413c maj periplus front
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
   476
        <script src="js/vendor/jquery-1.8.0.min.js"></script>
6e47ed0c413c maj periplus front
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
   477
        <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
   478
        <script src="js/vendor/dragslider.js"></script>
8
dfdefb4dae2c Added test streamgraph with random data
veltr
parents: 6
diff changeset
   479
        <script src="js/lib/raphael-min.js"></script>
dfdefb4dae2c Added test streamgraph with random data
veltr
parents: 6
diff changeset
   480
        <script src="js/lib/underscore-min.js"></script>
2
6e47ed0c413c maj periplus front
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
   481
        <script src="js/plugins.js"></script>
20
c86141a8570d maj retours / modifications
Anthony Ly <anthonyly.com@gmail.com>
parents: 19
diff changeset
   482
        <script src="js/treemap.js"></script>
2
6e47ed0c413c maj periplus front
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
   483
        <script src="js/main.js"></script>
8
dfdefb4dae2c Added test streamgraph with random data
veltr
parents: 6
diff changeset
   484
        <script src="js/streamgraph.js"></script>
20
c86141a8570d maj retours / modifications
Anthony Ly <anthonyly.com@gmail.com>
parents: 19
diff changeset
   485
        
2
6e47ed0c413c maj periplus front
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
   486
    </body>
6e47ed0c413c maj periplus front
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
   487
</html>