web/non-supporte.html
author Edwin Razafimahatratra <edwin@robotalismsoft.com>
Thu, 24 Jan 2013 16:30:41 +0100
changeset 103 be6c1f9cc258
child 105 7a033d177687
permissions -rw-r--r--
resync
Ignore whitespace changes - Everywhere: Within whitespace: At end of lines:
103
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
     1
<!DOCTYPE html>
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
     2
<html lang="fr"
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
     3
      xmlns:og="http://ogp.me/ns#"
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
     4
      xmlns:fb="https://www.facebook.com/2008/fbml">
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
     5
	<head>
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
     6
		<meta charset="UTF-8">
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
     7
		<title>THE END, ETC. UNE EXPÉRIENCE WEB DE LAETITIA MASSON</title>
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
     8
		
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
     9
		<meta name="description" content="Géraldine Michelon présente The End, etc. Un projet écrit et réalisé par Laetitia Masson. Une coproduction France Télévisions - Memo Prod avec la participation du Centre national du cinéma et de l'image animée, Incandescence et Institut de recherche et de l'innovation du Centre Georges Pompidou, en association avec France Inter.">
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
    10
		
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
    11
		<meta name="keywords" content="The End, etc, The End, Laetitia Masson, France Télévisions, CNC, Centre national du cinéma et de l'image animée, Nouvelles écritures, Memo Prod, Incandescence, IRI, Institut de recherche et de l'innovation du Centre Georges Pompidou, France Inter, expérience, une expérience de cinéma, film, production Géraldine Michelon, Œuvre en ligne, musique Jean-Louis Murat, engagement, désangagement, Élodie Bouchez, Aurore Clément, Haïm Cohen, Fred et Farid, Denis Jeambar, Jérôme Kircher, Elliot Perlman, Christian Tortu, Philippe Venere, André Wilms, La Marseillaise, L'Internationale, l'idée, Ni Dieu ni maître, Fiction, Portraits ">	
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
    12
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
    13
		<link rel="icon" href="static/res/img/favicon.ico" />		
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
    14
		
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
    15
		<!-- Mobile Specific Metas -->
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
    16
		<meta name="viewport" content="user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, width=device-width" />
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
    17
		
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
    18
		<!-- Site Optimization for Facebook -->
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
    19
        <meta property="og:title" content="The End, etc." />
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
    20
		<meta property="og:type" content="website" />
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
    21
		<meta property="og:image" content="https://www.clients.incandescence.com/theend/theend_fb.jpg" />
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
    22
		<meta property="og:site_name" content="The End, etc." />
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
    23
        <meta property="og:description" content="The End, etc. : une expérience web de Laetitia Masson"/>		
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
    24
		
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
    25
		<link rel="stylesheet" href="static/res/css/style_nonsupporte.css" />
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
    26
		
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
    27
	</head>
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
    28
	<body id="mobilhp">
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
    29
		<!-- div content - site takes the full height of browser -->	
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
    30
		<div id="content">
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
    31
		
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
    32
			<!-- div content_top - the elements takes the full height of "content_top" -->				
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
    33
			<div id="content_top">
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
    34
				
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
    35
				<header id="top">
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
    36
					<div class="strut"></div>
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
    37
					<div id="title_hp">
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
    38
						<h1>UNE EXPÉRIENCE DE CINÉMA THE END, ETC. DE LAETITIA MASSON</h1>
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
    39
					</div>
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
    40
				</header>	
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
    41
				
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
    42
				<section id="middle" >
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
    43
					<div class="strut"></div><!--
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
    44
					--><div class="fullScreen_vcentering">
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
    45
						<p id="txt_phone">Pour composer votre film, rendez-vous sur une tablette ou mettez à jour votre navigateur internet pour disposer de la dernière version.</p>
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
    46
					</div>
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
    47
				</section>
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
    48
			</div>
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
    49
			<!-- /div content_top -->				
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
    50
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
    51
			<footer id="footer" class="clearfix">
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
    52
				<ul class="logo_partners floatL">
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
    53
					<li>UNE CO-PRODUCTION
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
    54
						<ul>
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
    55
							<li>
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
    56
								<a href="http://www.francetv.fr/nouvelles-ecritures" target="_blank">
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
    57
									<img alt="Nouvelles écritures" src="static/res/img/footer/francetv.png" />
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
    58
								</a>
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
    59
							</li><!--
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
    60
							--><li>
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
    61
								<a href="http://www.memoprod.fr" target="_blank">
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
    62
									<img alt="Memo prod." src="static/res/img/footer/memoprod.png" />
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
    63
								</a>
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
    64
							</li>
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
    65
						</ul>
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
    66
					</li><!--
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
    67
					--><li>AVEC LE SOUTIEN DE
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
    68
						<ul>
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
    69
							<li>
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
    70
								<a href="http://www.cnc.fr" target="_blank">
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
    71
									<img alt="CNC" src="static/res/img/footer/cnc.png" />
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
    72
								</a>
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
    73
							</li><!--
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
    74
							--><li>
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
    75
								<a href="http://www.incandescence.com" target="_blank">
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
    76
									<img alt="Incandescence" src="static/res/img/footer/inc.png" />		
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
    77
								</a>
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
    78
							</li><!--
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
    79
							--><li>
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
    80
								<a href="http://www.iri.centrepompidou.fr" target="_blank">
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
    81
									<img alt="iri Centre Pompidou" src="static/res/img/footer/iri.png" />		
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
    82
								</a>
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
    83
							</li>
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
    84
						</ul>
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
    85
					</li>
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
    86
				</ul>
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
    87
				<ul class="logo_partners floatL">
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
    88
					<li>EN PARTENARIAT AVEC
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
    89
						<ul>
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
    90
							<li class="txt_hidden logo_bg">
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
    91
								<a href="http://www.franceinter.fr/" target="_blank">www.franceinter.fr									
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
    92
								</a>
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
    93
							</li>
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
    94
						</ul>
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
    95
					</li>	
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
    96
				</ul>
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
    97
				<ul id="socialMedia" class="floatR">
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
    98
					<li><a class="pointer" onclick="popup('popUpDiv', 'content')">Mentions légales</a></li><!--
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
    99
					--><li class="socialLogo"><a id="sharefb" target="_blank"><img alt="Partager The End sur Facebook" src="static/res/img/footer/facebook.png"/></a></li><!--
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
   100
					--><li class="socialLogo"><a id="sharetw" target="_blank"><img alt="Partager The End sur Twitter" src="static/res/img/footer/twitter.png"/></a></li>
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
   101
				</ul>				
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
   102
			</footer>
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
   103
			<section id="popUpDiv" style="display:none;">
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
   104
				<div id="popUpTitle">
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
   105
					<h2>Mentions Légales</h2>
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
   106
					<a id="popUpClose" class="pointer" onclick="popup('popUpDiv', 'content')">
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
   107
						<img alt="Fermer" src="static/res/img/popUpClose.png"/>
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
   108
					</a>
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
   109
				</div>
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
   110
				<div id="popUpTxtScroll">				
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
   111
					<p><span class="gris">Editeur :</span> FRANCE TELEVISIONS<br>
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
   112
					<span class="gris">Siège social :</span> 7, Esplanade Henri de France 75015 PARIS<br>
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
   113
					<span class="gris">RCS de Paris :</span> 432 766 947<br>
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
   114
					<span class="gris">Directeur de la Publication :</span> Rémy Pflimlin<br>
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
   115
					<span class="gris">Tel :</span> (+33) 08 90 71 02 02 (0.15 €/min)</p>
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
   116
					<p><span class="gris">Hébergeur :</span> FRANCE OXALIDE<br>
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
   117
					<span class="gris">Siège social :</span> 25, Boulevard de Strasbourg 75010 Paris<br>
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
   118
					<span class="gris">Tel :</span> + 33(0)1 75 771 660</p>
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
   119
					<h3>DONNEES PERSONNELLES</h3>
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
   120
					<p>En application de la loi n°78-17 du 6 janvier 1978 relative à l’informatique, aux fichiers et aux libertés, chaque internaute dispose des droits d’opposition (article 38 de la loi), d’accès (articles 39, 41 et 42 de la loi) et de rectification (article 40 de la loi) des données le concernant. </p>
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
   121
					<p>Ainsi, il peut exiger que soient rectifiées, complétées, clarifiées, mises à jour ou effacées les informations le concernant qui sont inexactes, incomplètes, équivoques, périmées, ou dont la collecte ou l’utilisation, la communication ou la conservation est interdite.</p>
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
   122
					<p>Chaque internaute peut exercer ces droits :<br>
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
   123
					- soit en accédant à son compte à l’aide de son e-mail et de son mot de passe à l’adresse suivante : http://www.leclubfrancetelevisions.fr<br>
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
   124
					- soit en écrivant à FranceTélévisions - A l’attention de Monsieur le Responsable du Service Inscription Internet - 7 Esplanade Henri de France 75015 Paris.</p>
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
   125
					<h3>CREDITS</h3>
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
   126
					<p>Les dépêches de presse et contenus graphiques d’agence utilisés dans la préparation des informations sont la propriété intellectuelle des différentes agences partenaires de francetvinfo (AFP, Reuters, MaxpPPP, Sipa, Getty).</p>
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
   127
					<h3>LOGICIELS</h3>
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
   128
					<p>Certains sites de France Télévisions sont créés à partir des logiciels libres (sous licence GPL) de publication Spip (http://www.uzine.net/spip) et Drupal (http://drupal.org).</p>
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
   129
				</div>
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
   130
			</section>	
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
   131
		</div>	
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
   132
		<div id="blanket" style="display:none;"></div>
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
   133
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
   134
		<!-- JavaScript -->		
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
   135
		<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
   136
        <script src="static/res/js/popup.js"></script>
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
   137
        <script>        
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
   138
        	$(function() {
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
   139
        		var resize = function() {
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
   140
            		popupPosition('popUpDiv', 'content');
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
   141
        		}
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
   142
				$(window).resize(resize);
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
   143
				window.onorientationchange = resize;
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
   144
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
   145
    			// Set the share url
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
   146
        		var replaceAll = function(txt, replace, with_this) {
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
   147
 					return txt.replace(new RegExp(replace, 'g'),with_this);
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
   148
				}    			
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
   149
            	var urlToShare = document.URL.replace("mindex.html", "");
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
   150
            	var urlToShareTw = replaceAll(urlToShare, ":", "%3A");
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
   151
            	urlToShareTw = replaceAll(urlToShareTw, "/", "%2F");    			
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
   152
            	$("#sharefb").attr('href', "http://www.facebook.com/share.php?u=" + urlToShare);
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
   153
            	$("#sharetw").attr('href', "https://twitter.com/share?url=" + urlToShareTw);
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
   154
            	console.log(urlToShare);
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
   155
            	console.log(urlToShareTw);				
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
   156
			});
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
   157
		</script>
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
   158
	</body>
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff changeset
   159
</html>