61 <div class="dossier-documentaire"> |
61 <div class="dossier-documentaire"> |
62 <div class="dossier-documentaire-inner"> |
62 <div class="dossier-documentaire-inner"> |
63 <h2>MES DOSSIERS</h2> |
63 <h2>MES DOSSIERS</h2> |
64 <ul> |
64 <ul> |
65 <li class="clearfix"> |
65 <li class="clearfix"> |
66 <a href="#"> |
66 <a title="Voir le dossier" href="#"> |
67 <img src="img/documentaire-visuel.jpg" alt="" /> |
67 <img src="img/documentaire-visuel.jpg" alt="" /> |
68 <span class="documentaire-texte"> |
68 <span class="documentaire-texte"> |
69 <h3>Terrorisme</h3> |
69 <h3>Terrorisme</h3> |
70 <p>relation entre elation entre</p> |
70 <p>relation entre elation entre</p> |
71 </span> |
71 </span> |
72 </a> |
72 </a> |
73 </li> |
73 </li> |
74 <li class="clearfix"> |
74 <li class="clearfix"> |
75 <a href="#"> |
75 <a title="Voir le dossier" href="#"> |
76 <img src="img/documentaire-visuel.jpg" alt="" /> |
76 <img src="img/documentaire-visuel.jpg" alt="" /> |
77 <span class="documentaire-texte"> |
77 <span class="documentaire-texte"> |
78 <h3>Terrorisme</h3> |
78 <h3>Terrorisme</h3> |
79 <p>relation entre elation entre</p> |
79 <p>relation entre elation entre</p> |
80 </span> |
80 </span> |
81 </a> |
81 </a> |
82 </li> |
82 </li> |
83 <li class="clearfix"> |
83 <li class="clearfix"> |
84 <a href="#"> |
84 <a title="Voir le dossier" href="#"> |
85 <img src="img/documentaire-visuel.jpg" alt="" /> |
85 <img src="img/documentaire-visuel.jpg" alt="" /> |
86 <span class="documentaire-texte"> |
86 <span class="documentaire-texte"> |
87 <h3>Terrorisme</h3> |
87 <h3>Terrorisme</h3> |
88 <p>relation entre elation entre</p> |
88 <p>relation entre elation entre</p> |
89 </span> |
89 </span> |
90 </a> |
90 </a> |
91 </li> |
91 </li> |
92 <li class="clearfix"> |
92 <li class="clearfix"> |
93 <a href="#"> |
93 <a title="Nouveau dossier documentaire" href="#"> |
94 <img src="img/documentaire-nouveau-dossier.jpg" alt="" /> |
94 <img src="img/documentaire-nouveau-dossier.jpg" alt="" /> |
95 <span class="documentaire-texte"> |
95 <span class="documentaire-texte"> |
96 <h3>NOUVEAU DOSSIER</h3> |
96 <h3>NOUVEAU DOSSIER</h3> |
97 <p>Creér un dossier documentaire</p> |
97 <p>Creér un dossier documentaire</p> |
98 </span> |
98 </span> |
99 </a> |
99 </a> |
100 </li> |
100 </li> |
101 |
101 |
102 </ul> |
102 </ul> |
103 <a class="documentaire-lien" href="#"></a> |
103 <a class="documentaire-lien" title="Voir les dossiers" href="#"></a> |
104 <h2></h2> |
104 <h2></h2> |
105 <ul> |
105 <ul> |
106 <li class="clearfix"> |
106 <li class="clearfix"> |
107 <a href="#"> |
107 <atitle="Voir le dossier" href="#"> |
108 <img src="img/documentaire-visuel.jpg" alt="" /> |
108 <img src="img/documentaire-visuel.jpg" alt="" /> |
109 <span class="documentaire-texte"> |
109 <span class="documentaire-texte"> |
110 <h3>Terrorisme</h3> |
110 <h3>Terrorisme</h3> |
111 <p>relation entre elation entre</p> |
111 <p>relation entre elation entre</p> |
112 </span> |
112 </span> |
113 </a> |
113 </a> |
114 </li> |
114 </li> |
115 <li class="clearfix"> |
115 <li class="clearfix"> |
116 <a href="#"> |
116 <a title="Voir le dossier" href="#"> |
117 <img src="img/documentaire-visuel.jpg" alt="" /> |
117 <img src="img/documentaire-visuel.jpg" alt="" /> |
118 <span class="documentaire-texte"> |
118 <span class="documentaire-texte"> |
119 <h3>Terrorisme</h3> |
119 <h3>Terrorisme</h3> |
120 <p>relation entre elation entre</p> |
120 <p>relation entre elation entre</p> |
121 </span> |
121 </span> |
122 </a> |
122 </a> |
123 </li> |
123 </li> |
124 </ul> |
124 </ul> |
125 <a class="documentaire-lien" href="#"></a> |
125 <a class="documentaire-lien" title="Voir les dossiers" href="#"></a> |
126 </div> |
126 </div> |
127 </div><!--dossier-documentaire--> |
127 </div><!--dossier-documentaire--> |
128 </div><!-- header --> |
128 </div><!-- header --> |
129 |
129 |
130 <div class="content-wrap clearfix"> |
130 <div class="content-wrap clearfix"> |
131 <div class="frise"> |
131 <div class="frise"> |
132 <div id="slider-range"> |
132 <div class="streamgraph"></div> |
133 <div class="voile-left"></div> |
133 <div id="slider-range"></div> |
134 <div class="voile-right"></div> |
|
135 </div> |
|
136 </div><!-- frise --> |
134 </div><!-- frise --> |
137 |
135 |
138 |
136 |
139 <div class="content clearfix"> |
137 <div class="content clearfix"> |
140 |
138 |
254 </ul> |
252 </ul> |
255 |
253 |
256 </div> |
254 </div> |
257 </div> |
255 </div> |
258 </div><!--article --> |
256 </div><!--article --> |
259 <div class="article"> |
257 |
260 <div class="inner-article clearfix"> |
|
261 <h2><a href="#"> Affaire Lorem »</a></h2> |
|
262 <p class="author"> |
|
263 48 articles |
|
264 </p> |
|
265 <div class="article-content"> |
|
266 <p class="resume">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod |
|
267 tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, |
|
268 |
|
269 </p> |
|
270 |
|
271 <ul class="links"> |
|
272 <ul> |
|
273 <li><a href="#">Karachi crise</a></li> |
|
274 <li><a href="#">Karachi crise</a></li> |
|
275 <li><a href="#">Karachi crise</a></li> |
|
276 </ul> |
|
277 </ul> |
|
278 |
|
279 <ul class="annotations clearfix"> |
|
280 <li> |
|
281 <a class="comment number" href="#"> |
|
282 <span class="number-value">354</span> |
|
283 </a> |
|
284 </li> |
|
285 <li><a class="comment add" href="#"></a></li> |
|
286 <li><a class="value plus" href="#"> |
|
287 <span class="inner-signe"></span> |
|
288 <span class="inner-value" style="height:20%;"></span> |
|
289 </a></li> |
|
290 <li><a class="value moins" href="#"> |
|
291 <span class="inner-signe"></span> |
|
292 <span class="inner-value" style="height:40%;"></span> |
|
293 </a></li> |
|
294 <li><a class="value egal" href="#"> |
|
295 <span class="inner-signe"></span> |
|
296 <span class="inner-value" style="height:70%;"></span> |
|
297 </a></li> |
|
298 <li><a class="value unknow" href="#"> |
|
299 <span class="inner-signe"></span> |
|
300 <span class="inner-value" style="height:100%;"></span> |
|
301 </a></li> |
|
302 </ul> |
|
303 </div> |
|
304 </div> |
|
305 </div><!--article --> |
|
306 |
|
307 <div class="article"> |
|
308 <div class="inner-article clearfix"> |
|
309 <h2><a href="#"> Affaire Lorem »</a></h2> |
|
310 <p class="author"> |
|
311 48 articles |
|
312 </p> |
|
313 <div class="article-content"> |
|
314 <div class="article-visuel-wrap"><img class="article-visuel" src="img/visuel-article.jpg" alt="" /></div> |
|
315 <p class="resume">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod |
|
316 tempor incididunt ut labore et dolore magna aliqua. |
|
317 |
|
318 </p> |
|
319 |
|
320 <ul class="links"> |
|
321 <ul> |
|
322 <li><a href="#">Karachi crise</a></li> |
|
323 <li><a href="#">Karachi crise</a></li> |
|
324 <li><a href="#">Karachi crise</a></li> |
|
325 </ul> |
|
326 </ul> |
|
327 |
|
328 <ul class="annotations clearfix"> |
|
329 <li> |
|
330 <a class="comment number" href="#"> |
|
331 <span class="number-value">354</span> |
|
332 </a> |
|
333 </li> |
|
334 <li><a class="comment add" href="#"></a></li> |
|
335 <li><a class="value plus" href="#"> |
|
336 <span class="inner-signe"></span> |
|
337 <span class="inner-value" style="height:20%;"></span> |
|
338 </a></li> |
|
339 <li><a class="value moins" href="#"> |
|
340 <span class="inner-signe"></span> |
|
341 <span class="inner-value" style="height:40%;"></span> |
|
342 </a></li> |
|
343 <li><a class="value egal" href="#"> |
|
344 <span class="inner-signe"></span> |
|
345 <span class="inner-value" style="height:70%;"></span> |
|
346 </a></li> |
|
347 <li><a class="value unknow" href="#"> |
|
348 <span class="inner-signe"></span> |
|
349 <span class="inner-value" style="height:100%;"></span> |
|
350 </a></li> |
|
351 </ul> |
|
352 |
|
353 </div> |
|
354 </div> |
|
355 </div><!--article --> |
|
356 <div class="article"> |
|
357 <div class="inner-article clearfix"> |
|
358 <h2><a href="#"> Affaire Lorem »</a></h2> |
|
359 <p class="author"> |
|
360 48 articles |
|
361 </p> |
|
362 <div class="article-content"> |
|
363 <p class="resume">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod |
|
364 tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, |
|
365 |
|
366 </p> |
|
367 |
|
368 <ul class="links"> |
|
369 <ul> |
|
370 <li><a href="#">Karachi crise</a></li> |
|
371 <li><a href="#">Karachi crise</a></li> |
|
372 <li><a href="#">Karachi crise</a></li> |
|
373 </ul> |
|
374 </ul> |
|
375 |
|
376 <ul class="annotations clearfix"> |
|
377 <li> |
|
378 <a class="comment number" href="#"> |
|
379 <span class="number-value">354</span> |
|
380 </a> |
|
381 </li> |
|
382 <li><a class="comment add" href="#"></a></li> |
|
383 <li><a class="value plus" href="#"> |
|
384 <span class="inner-signe"></span> |
|
385 <span class="inner-value" style="height:20%;"></span> |
|
386 </a></li> |
|
387 <li><a class="value moins" href="#"> |
|
388 <span class="inner-signe"></span> |
|
389 <span class="inner-value" style="height:40%;"></span> |
|
390 </a></li> |
|
391 <li><a class="value egal" href="#"> |
|
392 <span class="inner-signe"></span> |
|
393 <span class="inner-value" style="height:70%;"></span> |
|
394 </a></li> |
|
395 <li><a class="value unknow" href="#"> |
|
396 <span class="inner-signe"></span> |
|
397 <span class="inner-value" style="height:100%;"></span> |
|
398 </a></li> |
|
399 </ul> |
|
400 </div> |
|
401 </div> |
|
402 </div><!--article --> |
|
403 |
|
404 <div class="article"> |
|
405 <div class="inner-article clearfix"> |
|
406 <h2><a href="#"> Affaire Lorem »</a></h2> |
|
407 <p class="author"> |
|
408 48 articles |
|
409 </p> |
|
410 <div class="article-content"> |
|
411 <div class="article-visuel-wrap"><img class="article-visuel" src="img/visuel-article.jpg" alt="" /></div> |
|
412 <p class="resume">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod |
|
413 tempor incididunt ut labore et dolore magna aliqua. |
|
414 |
|
415 </p> |
|
416 |
|
417 <ul class="links"> |
|
418 <ul> |
|
419 <li><a href="#">Karachi crise</a></li> |
|
420 <li><a href="#">Karachi crise</a></li> |
|
421 <li><a href="#">Karachi crise</a></li> |
|
422 </ul> |
|
423 </ul> |
|
424 |
|
425 <ul class="annotations clearfix"> |
|
426 <li> |
|
427 <a class="comment number" href="#"> |
|
428 <span class="number-value">354</span> |
|
429 </a> |
|
430 </li> |
|
431 <li><a class="comment add" href="#"></a></li> |
|
432 <li><a class="value plus" href="#"> |
|
433 <span class="inner-signe"></span> |
|
434 <span class="inner-value" style="height:20%;"></span> |
|
435 </a></li> |
|
436 <li><a class="value moins" href="#"> |
|
437 <span class="inner-signe"></span> |
|
438 <span class="inner-value" style="height:40%;"></span> |
|
439 </a></li> |
|
440 <li><a class="value egal" href="#"> |
|
441 <span class="inner-signe"></span> |
|
442 <span class="inner-value" style="height:70%;"></span> |
|
443 </a></li> |
|
444 <li><a class="value unknow" href="#"> |
|
445 <span class="inner-signe"></span> |
|
446 <span class="inner-value" style="height:100%;"></span> |
|
447 </a></li> |
|
448 </ul> |
|
449 |
|
450 </div> |
|
451 </div> |
|
452 </div><!--article --> |
|
453 <div class="article"> |
|
454 <div class="inner-article clearfix"> |
|
455 <h2><a href="#"> Affaire Lorem »</a></h2> |
|
456 <p class="author"> |
|
457 48 articles |
|
458 </p> |
|
459 <div class="article-content"> |
|
460 <p class="resume">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod |
|
461 tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, |
|
462 |
|
463 </p> |
|
464 |
|
465 <ul class="links"> |
|
466 <ul> |
|
467 <li><a href="#">Karachi crise</a></li> |
|
468 <li><a href="#">Karachi crise</a></li> |
|
469 <li><a href="#">Karachi crise</a></li> |
|
470 </ul> |
|
471 </ul> |
|
472 |
|
473 <ul class="annotations clearfix"> |
|
474 <li> |
|
475 <a class="comment number" href="#"> |
|
476 <span class="number-value">354</span> |
|
477 </a> |
|
478 </li> |
|
479 <li><a class="comment add" href="#"></a></li> |
|
480 <li><a class="value plus" href="#"> |
|
481 <span class="inner-signe"></span> |
|
482 <span class="inner-value" style="height:20%;"></span> |
|
483 </a></li> |
|
484 <li><a class="value moins" href="#"> |
|
485 <span class="inner-signe"></span> |
|
486 <span class="inner-value" style="height:40%;"></span> |
|
487 </a></li> |
|
488 <li><a class="value egal" href="#"> |
|
489 <span class="inner-signe"></span> |
|
490 <span class="inner-value" style="height:70%;"></span> |
|
491 </a></li> |
|
492 <li><a class="value unknow" href="#"> |
|
493 <span class="inner-signe"></span> |
|
494 <span class="inner-value" style="height:100%;"></span> |
|
495 </a></li> |
|
496 </ul> |
|
497 </div> |
|
498 </div> |
|
499 </div><!--article --> |
|
500 |
|
501 <div class="article"> |
|
502 <div class="inner-article clearfix"> |
|
503 <h2><a href="#"> Affaire Lorem »</a></h2> |
|
504 <p class="author"> |
|
505 48 articles |
|
506 </p> |
|
507 <div class="article-content"> |
|
508 <div class="article-visuel-wrap"><img class="article-visuel" src="img/visuel-article.jpg" alt="" /></div> |
|
509 <p class="resume">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod |
|
510 tempor incididunt ut labore et dolore magna aliqua. |
|
511 |
|
512 </p> |
|
513 |
|
514 <ul class="links"> |
|
515 <ul> |
|
516 <li><a href="#">Karachi crise</a></li> |
|
517 <li><a href="#">Karachi crise</a></li> |
|
518 <li><a href="#">Karachi crise</a></li> |
|
519 </ul> |
|
520 </ul> |
|
521 |
|
522 <ul class="annotations clearfix"> |
|
523 <li> |
|
524 <a class="comment number" href="#"> |
|
525 <span class="number-value">354</span> |
|
526 </a> |
|
527 </li> |
|
528 <li><a class="comment add" href="#"></a></li> |
|
529 <li><a class="value plus" href="#"> |
|
530 <span class="inner-signe"></span> |
|
531 <span class="inner-value" style="height:20%;"></span> |
|
532 </a></li> |
|
533 <li><a class="value moins" href="#"> |
|
534 <span class="inner-signe"></span> |
|
535 <span class="inner-value" style="height:40%;"></span> |
|
536 </a></li> |
|
537 <li><a class="value egal" href="#"> |
|
538 <span class="inner-signe"></span> |
|
539 <span class="inner-value" style="height:70%;"></span> |
|
540 </a></li> |
|
541 <li><a class="value unknow" href="#"> |
|
542 <span class="inner-signe"></span> |
|
543 <span class="inner-value" style="height:100%;"></span> |
|
544 </a></li> |
|
545 </ul> |
|
546 |
|
547 </div> |
|
548 </div> |
|
549 </div><!--article --> |
|
550 |
258 |
551 |
259 |
552 </div><!-- articles --> |
260 </div><!-- articles --> |
553 |
261 |
554 <div class="pagination"> |
262 <div class="pagination"> |