33 <form action="#"> |
33 <form action="#"> |
34 <p > |
34 <p > |
35 <a data-trace-id="" data-trace-type="search" data-trace-view="head-search-snap" href="#" class="photo"></a> |
35 <a data-trace-id="" data-trace-type="search" data-trace-view="head-search-snap" href="#" class="photo"></a> |
36 <input data-trace-id="" data-trace-type="search" data-trace-view="head-search-query" name="recherche" placeholder="Rechercher" class="input-recherche" type="text" /> |
36 <input data-trace-id="" data-trace-type="search" data-trace-view="head-search-query" name="recherche" placeholder="Rechercher" class="input-recherche" type="text" /> |
37 <input data-trace-id="" data-trace-type="search" data-trace-view="head-search-submit" type="submit" value="" class="recherche-submit"/> |
37 <input data-trace-id="" data-trace-type="search" data-trace-view="head-search-submit" type="submit" value="" class="recherche-submit"/> |
38 |
38 <a class="plus-button home" title="Annoter" href="#"> </a> |
39 </p> |
39 </p> |
40 </form> |
40 </form> |
41 </div> |
41 </div> |
42 |
42 |
43 <ul class="header-menu"> |
43 <ul class="header-menu"> |
44 <li><a data-trace-id="" data-trace-type="navigation" data-trace-view="navigation-home" title="accueil" class="home" href="#"></a></li> |
44 <li><a data-trace-id="" data-trace-type="navigation" data-trace-view="navigation-home" title="accueil" class="home" href="#"></a></li> |
45 <li><a data-trace-id="" data-trace-type="navigation" data-trace-view="navigation-international" href="#">INTERNATIONAL</a></li> |
45 <li><a data-trace-id="" data-trace-type="navigation" data-trace-view="navigation-international" href="#">INTERNATIONAL</a></li> |
46 <li><a data-trace-id="" data-trace-type="navigation" data-trace-view="navigation-france" href="#">FRANCE</a></li> |
46 <li><a data-trace-id="" data-trace-type="navigation" data-trace-view="navigation-france" href="#">FRANCE</a></li> |
47 <li><a data-trace-id="" data-trace-type="navigation" data-trace-view="navigation-economie" href="#">ECONOMIE</a></li> |
47 <li><a data-trace-id="" data-trace-type="navigation" data-trace-view="navigation-economie" href="#">ECONOMIE</a></li> |
48 <li><a data-trace-id="" data-trace-type="navigation" data-trace-view="navigation-culture" href="#">CULTURE</a></li> |
48 <li><a data-trace-id="" data-trace-type="navigation" data-trace-view="navigation-culture" href="#">CULTURE</a></li> |
49 <li><a data-trace-id="" data-trace-type="navigation" data-trace-view="navigation-cluster" href="#">CLUSTER X</a></li> |
49 |
50 </ul> |
50 </ul> |
51 |
51 |
52 <div class="login-wrap"> |
52 <div class="login-wrap"> |
53 <h2>CONNECTER VOUS</h2> |
53 <h2>CONNECTER VOUS</h2> |
54 <form action="#"> |
54 <form action="#"> |
136 <div class="content-wrap clearfix"> |
136 <div class="content-wrap clearfix"> |
137 <div class="frise"> |
137 <div class="frise"> |
138 <div class="streamgraph"></div> |
138 <div class="streamgraph"></div> |
139 <div id="slider-range"></div> |
139 <div id="slider-range"></div> |
140 </div><!-- frise --> |
140 </div><!-- frise --> |
141 |
141 <div class="cluster-wrap"> |
|
142 <a href="#" class="cluster-arrow arrow-left"></a> |
|
143 <a href="#" class="cluster-arrow arrow-right"></a> |
|
144 <div class="cluster-containment"> |
|
145 <div class="cluster-visible"> |
|
146 |
|
147 <ul class="cluster"> |
|
148 <li><a title="Afficher le cluster" href="#">Début</a></li> |
|
149 <li><a title="Afficher le cluster" href="#">affaire de Karachi</a></li> |
|
150 <li><a title="Afficher le cluster" href="#">Syrie</a></li> |
|
151 <li><a title="Afficher le cluster" href="#">affaire de Karachi</a></li> |
|
152 <li><a title="Afficher le cluster" href="#">Syrie</a></li> |
|
153 <li><a title="Afficher le cluster" href="#">affaire de Karachi</a></li> |
|
154 <li><a title="Afficher le cluster" href="#">Syrie</a></li> |
|
155 <li><a title="Afficher le cluster" href="#">affaire de Karachi</a></li> |
|
156 <li><a title="Afficher le cluster" href="#">Syrie</a></li> |
|
157 <li><a title="Afficher le cluster" href="#">affaire de Karachi</a></li> |
|
158 <li><a title="Afficher le cluster" href="#">Syrie</a></li> |
|
159 <li><a title="Afficher le cluster" href="#">Fin</a></li> |
|
160 </ul> |
|
161 </div> |
|
162 </div> |
|
163 |
|
164 </div> |
142 |
165 |
143 <div class="content clearfix"> |
166 <div class="content clearfix"> |
144 |
167 |
145 |
168 |
146 <div class="content-left"> |
169 <div class="content-left"> |
155 <li><a title="Passer en vue Treemap" class="treemap active" href="#"><span class="visuel"></span><span class="fonction">Treemap</span> </a></li> |
178 <li><a title="Passer en vue Treemap" class="treemap active" href="#"><span class="visuel"></span><span class="fonction">Treemap</span> </a></li> |
156 <li><a title="Passer en vue Liste" class="liste" href="#"><span class="visuel"></span><span class="fonction">Liste</span> </a></li> |
179 <li><a title="Passer en vue Liste" class="liste" href="#"><span class="visuel"></span><span class="fonction">Liste</span> </a></li> |
157 </ul> |
180 </ul> |
158 </div> |
181 </div> |
159 </div><!-- affichage --> |
182 </div><!-- affichage --> |
|
183 |
|
184 <div class="widget classer"> |
|
185 <h3><a href="#">CLASSER</a></h3> |
|
186 <div class="widget-inner"> |
|
187 <form action="#" class="filtre-categorie"> |
|
188 <p><input type="checkbox"> <label for="">International</label> </p> |
|
189 <p><input type="checkbox"> <label for="">International</label> </p> |
|
190 <p><input type="checkbox"> <label for="">International</label> </p> |
|
191 </form> |
|
192 </div> |
|
193 </div><!-- classer --> |
|
194 <div class="widget filtre"> |
|
195 <h3><a href="#">FILTRES</a></h3> |
|
196 <div class="widget-inner"> |
|
197 <form action="#" class="filtre-date"> |
|
198 <p> |
|
199 <label for="">De :</label> |
|
200 <input type="text" name="dateBegin" class="dateBegin" /> |
|
201 </p> |
|
202 <p> |
|
203 <label for="">à :</label> |
|
204 <input type="text" name="dateEnd" class="dateEnd" /> |
|
205 </p> |
|
206 </form> |
|
207 <h4>Catégories :</h4> |
|
208 <form action="#" class="filtre-categorie"> |
|
209 <p><input type="checkbox"> <label for="">International</label> </p> |
|
210 <p><input type="checkbox"> <label for="">International</label> </p> |
|
211 <p><input type="checkbox"> <label for="">International</label> </p> |
|
212 </form> |
|
213 </div> |
|
214 </div><!-- filtre --> |
|
215 <div class="widget links"> |
|
216 <h3><a href="#">DOSSIER ASSOCIES</a></h3> |
|
217 <div class="widget-inner"> |
|
218 <ul> |
|
219 <li><a href="#">« Corruption »</a></li> |
|
220 <li><a href="#">« Corruption »</a></li> |
|
221 <li><a href="#">« Corruption »</a></li> |
|
222 <li><a href="#">« Corruption »</a></li> |
|
223 </ul> |
|
224 </div> |
|
225 </div><!-- links --> |
|
226 |
160 </div> |
227 </div> |
161 </div> |
228 </div> |
162 </div> |
229 </div> |
163 |
230 |
164 <div class="content-right"> |
231 <div class="content-right"> |