1 <!DOCTYPE html> |
1 |
2 <html lang="fr"> |
2 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> |
|
3 <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr"> |
3 <head> |
4 <head> |
4 <meta charset="UTF-8"> |
5 <title>THE END, ETC. UNE EXPÉRIENCE WEB DE LAETITIA MASSON</title> |
5 <title>THE END, ETC. UNE EXPÉRIENCE WEB DE LAETITIA MASSON</title> |
|
6 |
|
7 <meta name="description" content="MEMO PROD présente THE END, ETC. Une coproduction FRANCE TÉLÉVISIONS - MEMO PROD avec la participation du CENTRE NATIONAL DU CINÉMA ET DE L’IMAGE ANIMÉE. Un projet écrit et réalisé par LAETITIA MASSON"> |
|
8 |
6 |
9 <link rel="icon" href="static/res/img/favicon.ico" /> |
7 <meta name="description" content="MEMO PROD présente THE END, ETC. Une coproduction FRANCE TÉLÉVISIONS - MEMO PROD avec la participation du CENTRE NATIONAL DU CINÉMA ET DE L’IMAGE ANIMÉE. Un projet écrit et réalisé par LAETITIA MASSON" /> |
10 |
8 <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> |
11 <!-- Mobile Specific Metas --> |
9 <meta http-equiv="Content-Language" content="fr" /> |
12 <meta name="viewport" content="user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, width=device-width" /> |
10 |
13 |
11 <link href="static/res/img/favicon.ico" rel="icon" type="image/x-icon"/> |
14 |
12 <link href="static/res/css/style_base.css" rel="stylesheet" type="text/css" /> |
15 <link rel="stylesheet" href="static/res/css/style_nonsupporte.css" /> |
|
16 <!--[if lte IE 7]> |
|
17 <style> |
|
18 #footer li a { |
|
19 zoom: 1; |
|
20 display: inline; |
|
21 } |
|
22 </style> |
|
23 <![endif]--> |
|
24 |
13 |
25 </head> |
14 </head> |
26 <body id="mobilhp"> |
15 <body> |
27 <!-- div content - site takes the full height of browser --> |
16 <!-- div content - site takes the full height of browser --> |
28 <div id="content"> |
17 <div id="content"> |
29 |
|
30 <!-- div content_top - the elements takes the full height of "content_top" --> |
|
31 <div id="content_top"> |
|
32 |
18 |
33 <div id="top"> |
19 <div id="top"> |
34 <div id="title_hp"> |
20 <div id="title_hp"> |
35 <h1>UNE EXPÉRIENCE DE CINÉMA THE END, ETC. DE LAETITIA MASSON</h1> |
21 <h1>UNE EXPÉRIENCE DE CINÉMA THE END, ETC. DE LAETITIA MASSON</h1> |
36 </div> |
22 </div> |
37 </div> |
23 </div> |
38 |
24 |
39 <div id="middle" > |
25 <div id="middle" > |
40 <div class="fullScreen_vcentering"> |
26 <p class="big_link">Pour composer votre film, rendez-vous sur une tablette ou mettez à jour votre navigateur internet pour disposer de la dernière version.</p> |
41 <p class="big_link">Pour composer votre film, rendez-vous sur une tablette ou mettez à jour votre navigateur internet pour disposer de la dernière version.</p> |
|
42 </div> |
|
43 </div> |
|
44 </div> |
27 </div> |
45 <!-- /div content_top --> |
|
46 |
28 |
47 <div id="footer" class="clearfix"> |
29 <div id="footer" class="clearfix"> |
48 <ul class="logo_partners floatL"> |
30 <ul class="logo_partners margin_ulRight"> |
49 <li>UNE CO-PRODUCTION |
31 <li>UNE CO-PRODUCTION</li> |
50 <ul> |
32 |
51 <li> |
33 <li id="nouvelles" class="floatL"> |
52 <a href="http://www.francetv.fr/nouvelles-ecritures" target="_blank"> |
34 <a href="http://www.francetv.fr/nouvelles-ecritures" target="_blank">Nouvelles ecritures</a> |
53 <img alt="Nouvelles écritures" src="static/res/img/footer/francetv.png" /> |
35 </li> |
54 </a> |
36 <li id="memoprod" class="floatL margin_logoLeft"> |
55 </li> |
37 <a href="http://www.memoprod.fr" target="_blank">Memo prod.</a> |
56 <li> |
38 </li> |
57 <a href="http://www.memoprod.fr" target="_blank"> |
39 </ul> |
58 <img alt="Memo prod." src="static/res/img/footer/memoprod.png" /> |
40 <ul class="logo_partners margin_ulRight"> |
59 </a> |
41 <li>AVEC LE SOUTIEN DE</li> |
60 </li> |
42 |
61 </ul> |
43 <li id="cnc" class="floatL"> |
62 </li><!-- |
44 <a href="http://www.cnc.fr" target="_blank">CNC</a> |
63 --><li>AVEC LE SOUTIEN DE |
45 </li> |
64 <ul> |
46 <li id="incandescence" class="floatL margin_logoLeft"> |
65 <li> |
47 <a href="http://www.incandescence.com" target="_blank">Incandescence</a> |
66 <a href="http://www.cnc.fr" target="_blank"> |
48 </li> |
67 <img alt="CNC" src="static/res/img/footer/cnc.png" /> |
49 <li id="iri" class="floatL margin_logoLeft"> |
68 </a> |
50 <a href="http://www.iri.centrepompidou.fr" target="_blank">IRI</a> |
69 </li><!-- |
|
70 --><li> |
|
71 <a href="http://www.incandescence.com" target="_blank"> |
|
72 <img alt="Incandescence" src="static/res/img/footer/inc.png" /> |
|
73 </a> |
|
74 </li><!-- |
|
75 --><li> |
|
76 <a href="http://www.iri.centrepompidou.fr" target="_blank"> |
|
77 <img alt="iri Centre Pompidou" src="static/res/img/footer/iri.png" /> |
|
78 </a> |
|
79 </li> |
|
80 </ul> |
|
81 </li> |
51 </li> |
82 </ul> |
52 </ul> |
83 <ul class="logo_partners floatL"> |
53 |
84 <li>EN PARTENARIAT AVEC |
54 <ul class="logo_partners"> |
85 <ul> |
55 <li>EN PARTENARIAT AVEC</li> |
86 <li class="txt_hidden logo_bg"> |
56 <li id="franceinter"> |
87 <a href="http://www.franceinter.fr/" target="_blank">www.franceinter.fr</a> |
57 <a href="http://www.franceinter.fr/" target="_blank">France Inter</a> |
88 </li> |
|
89 </ul> |
|
90 </li> |
58 </li> |
91 </ul> |
59 </ul> |
92 </div> |
60 </div> |
|
61 </div> |
93 </body> |
62 </body> |
94 </html> |
63 </html> |