--- a/web/non-supporte.html Fri Jan 25 11:34:50 2013 +0100
+++ b/web/non-supporte.html Fri Jan 25 18:20:49 2013 +0100
@@ -1,94 +1,63 @@
-<!DOCTYPE html>
-<html lang="fr">
+
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr">
<head>
- <meta charset="UTF-8">
- <title>THE END, ETC. UNE EXPÉRIENCE WEB DE LAETITIA MASSON</title>
-
- <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">
+ <title>THE END, ETC. UNE EXPÉRIENCE WEB DE LAETITIA MASSON</title>
- <link rel="icon" href="static/res/img/favicon.ico" />
-
- <!-- Mobile Specific Metas -->
- <meta name="viewport" content="user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, width=device-width" />
-
-
- <link rel="stylesheet" href="static/res/css/style_nonsupporte.css" />
- <!--[if lte IE 7]>
- <style>
- #footer li a {
- zoom: 1;
- display: inline;
- }
- </style>
- <![endif]-->
+ <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" />
+ <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
+ <meta http-equiv="Content-Language" content="fr" />
+
+ <link href="static/res/img/favicon.ico" rel="icon" type="image/x-icon"/>
+ <link href="static/res/css/style_base.css" rel="stylesheet" type="text/css" />
</head>
- <body id="mobilhp">
+ <body>
<!-- div content - site takes the full height of browser -->
<div id="content">
-
- <!-- div content_top - the elements takes the full height of "content_top" -->
- <div id="content_top">
- <div id="top">
- <div id="title_hp">
- <h1>UNE EXPÉRIENCE DE CINÉMA THE END, ETC. DE LAETITIA MASSON</h1>
- </div>
- </div>
+ <div id="top">
+ <div id="title_hp">
+ <h1>UNE EXPÉRIENCE DE CINÉMA THE END, ETC. DE LAETITIA MASSON</h1>
+ </div>
+ </div>
- <div id="middle" >
- <div class="fullScreen_vcentering">
- <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>
- </div>
- </div>
+ <div id="middle" >
+ <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>
</div>
- <!-- /div content_top -->
<div id="footer" class="clearfix">
- <ul class="logo_partners floatL">
- <li>UNE CO-PRODUCTION
- <ul>
- <li>
- <a href="http://www.francetv.fr/nouvelles-ecritures" target="_blank">
- <img alt="Nouvelles écritures" src="static/res/img/footer/francetv.png" />
- </a>
- </li>
- <li>
- <a href="http://www.memoprod.fr" target="_blank">
- <img alt="Memo prod." src="static/res/img/footer/memoprod.png" />
- </a>
- </li>
- </ul>
- </li><!--
- --><li>AVEC LE SOUTIEN DE
- <ul>
- <li>
- <a href="http://www.cnc.fr" target="_blank">
- <img alt="CNC" src="static/res/img/footer/cnc.png" />
- </a>
- </li><!--
- --><li>
- <a href="http://www.incandescence.com" target="_blank">
- <img alt="Incandescence" src="static/res/img/footer/inc.png" />
- </a>
- </li><!--
- --><li>
- <a href="http://www.iri.centrepompidou.fr" target="_blank">
- <img alt="iri Centre Pompidou" src="static/res/img/footer/iri.png" />
- </a>
- </li>
- </ul>
+ <ul class="logo_partners margin_ulRight">
+ <li>UNE CO-PRODUCTION</li>
+
+ <li id="nouvelles" class="floatL">
+ <a href="http://www.francetv.fr/nouvelles-ecritures" target="_blank">Nouvelles ecritures</a>
+ </li>
+ <li id="memoprod" class="floatL margin_logoLeft">
+ <a href="http://www.memoprod.fr" target="_blank">Memo prod.</a>
+ </li>
+ </ul>
+ <ul class="logo_partners margin_ulRight">
+ <li>AVEC LE SOUTIEN DE</li>
+
+ <li id="cnc" class="floatL">
+ <a href="http://www.cnc.fr" target="_blank">CNC</a>
+ </li>
+ <li id="incandescence" class="floatL margin_logoLeft">
+ <a href="http://www.incandescence.com" target="_blank">Incandescence</a>
+ </li>
+ <li id="iri" class="floatL margin_logoLeft">
+ <a href="http://www.iri.centrepompidou.fr" target="_blank">IRI</a>
</li>
</ul>
- <ul class="logo_partners floatL">
- <li>EN PARTENARIAT AVEC
- <ul>
- <li class="txt_hidden logo_bg">
- <a href="http://www.franceinter.fr/" target="_blank">www.franceinter.fr</a>
- </li>
- </ul>
+
+ <ul class="logo_partners">
+ <li>EN PARTENARIAT AVEC</li>
+ <li id="franceinter">
+ <a href="http://www.franceinter.fr/" target="_blank">France Inter</a>
</li>
</ul>
</div>
+ </div>
</body>
</html>
\ No newline at end of file