equal
deleted
inserted
replaced
10 |
10 |
11 |
11 |
12 |
12 |
13 <link rel="stylesheet" href="css/reset.css" /> |
13 <link rel="stylesheet" href="css/reset.css" /> |
14 <link rel="stylesheet" href="css/style.css" /> |
14 <link rel="stylesheet" href="css/style.css" /> |
15 <link rel="stylesheet" href="css/ui-lightness/jquery-ui-1.8.24.custom.css"> |
15 <link rel="stylesheet" href="css/ui-red/jquery-ui-1.9.0.custom.min.css"> |
16 <script src="js/vendor/modernizr-2.6.1.min.js"></script> |
16 <script src="js/vendor/modernizr-2.6.1.min.js"></script> |
17 </head> |
17 </head> |
18 <body> |
18 <body> |
19 |
19 |
20 |
20 |
21 |
21 |
22 <div class="wrap"> |
22 <div class="wrap"> |
23 <div class="header"> |
23 <div class="header"> |
|
24 <div class="logo"> |
|
25 <div class="date"> |
|
26 <span class="year">5</span> |
|
27 <span class="text">années archivées</span> |
|
28 </div> |
|
29 </div> |
24 |
30 |
25 <div class="recherche-wrap"> |
31 <div class="recherche-wrap"> |
26 <h1><img src="img/mediapart-by-periplus.jpg" alt="" /></h1> |
32 <h1><img src="img/mediapart-by-periplus.jpg" alt="" /></h1> |
27 <form action="#"> |
33 <form action="#"> |
28 <p > |
34 <p > |
33 </p> |
39 </p> |
34 </form> |
40 </form> |
35 </div> |
41 </div> |
36 |
42 |
37 <ul class="header-menu"> |
43 <ul class="header-menu"> |
38 <li><a href="#"><img src="img/home-button.jpg" alt="" /> </a></li> |
44 <li><a title="accueil" class="home" href="#"></a></li> |
39 <li><a href="#">INTERNATIONAL</a></li> |
45 <li><a href="#">INTERNATIONAL</a></li> |
40 <li><a href="#">FRANCE</a></li> |
46 <li><a href="#">FRANCE</a></li> |
41 <li><a href="#">ECONOMIE</a></li> |
47 <li><a href="#">ECONOMIE</a></li> |
42 <li><a href="#">CULTURE</a></li> |
48 <li><a href="#">CULTURE</a></li> |
43 <li><a href="#">CLUSTER X</a></li> |
49 <li><a href="#">CLUSTER X</a></li> |
160 <div class="content clearfix"> |
166 <div class="content clearfix"> |
161 |
167 |
162 |
168 |
163 <div class="content-left"> |
169 <div class="content-left"> |
164 <h2> Affaire Bettencourt »</h2> |
170 <h2> Affaire Bettencourt »</h2> |
|
171 <div class="widget-wrapper"> |
165 <div class="widget-wrap"> |
172 <div class="widget-wrap"> |
166 <div class="widget recherche"> |
173 <div class="widget recherche"> |
167 <h3><a href="#">RECHERCHE</a></h3> |
174 <h3><a href="#">RECHERCHE</a></h3> |
168 <div class="widget-inner"> |
175 <div class="widget-inner"> |
169 <form action="#" method=""> |
176 <form action="#" method=""> |
224 <li><a title="Passer en vue Treemap" class="treemap active" href="#"><span class="visuel"></span><span class="fonction">Treemap</span> </a></li> |
231 <li><a title="Passer en vue Treemap" class="treemap active" href="#"><span class="visuel"></span><span class="fonction">Treemap</span> </a></li> |
225 <li><a title="Passer en vue Liste" class="liste" href="#"><span class="visuel"></span><span class="fonction">Liste</span> </a></li> |
232 <li><a title="Passer en vue Liste" class="liste" href="#"><span class="visuel"></span><span class="fonction">Liste</span> </a></li> |
226 </ul> |
233 </ul> |
227 </div> |
234 </div> |
228 </div><!-- affichage --> |
235 </div><!-- affichage --> |
|
236 </div><!-- widget-wrap --> |
229 </div> |
237 </div> |
230 </div> |
238 </div> |
231 |
239 |
232 <div class="content-right"> |
240 <div class="content-right"> |
233 |
241 |
411 </ul> |
419 </ul> |
412 </div> |
420 </div> |
413 <div class="footer-partenaire"> |
421 <div class="footer-partenaire"> |
414 <h2>Partenaires</h2> |
422 <h2>Partenaires</h2> |
415 <ul> |
423 <ul> |
416 <li><a href="#"><img src="img/logo-iri.jpg" alt="" /></a></li> |
424 <li><a title="iri" href="http://www.iri.centrepompidou.fr/" class="iri"></a></li> |
417 <li><a href="#"><img src="img/logo-cea.jpg" alt="" /></a></li> |
425 <li><a title="cea" href="http://www.cea.fr/" class="cea"></a></li> |
418 <li><a href="#"><img src="img/logo-alcatel.jpg" alt="" /></a></li> |
426 <li><a title="Alcatel" href="http://www.alcatel-lucent.com" class="alcatel"></a></li> |
419 </ul> |
427 </ul> |
420 </div> |
428 </div> |
421 <div class="footer-texte"> |
429 <div class="footer-texte"> |
422 <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod |
430 <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod |
423 tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, |
431 tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, |