<!doctype html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Polemic Tweet “TweetCast”</title>
<script type="text/javascript" src="js/jquery-1.6.4.min.js"></script>
<script type="text/javascript" src="config.js"></script>
<script type="text/javascript">
if( typeof STANDALONE_APP == "undefined" || !STANDALONE_APP) {
document.write('<script type="text/javascript" src="/socket.io/socket.io.js"><' + '/script>');
}
</script>
<script type="text/javascript" src="js/raphael-min.js"></script>
<script type="text/javascript" src="js/jquery.mousewheel.min.js"></script>
<script type="text/javascript" src="js/underscore-min.js"></script>
<script type="text/javascript" src="js/script.js"></script>
<link rel="stylesheet" href="css/style.css" type="text/css" />
</head>
<body>
<div id="container">
<div id="colgauche">
<div class="barre">
<img id="headlogo" src="img/head_logo.gif" width="171" height="63" />
<ul class="menu">
<li>
<a class="menuLink" href="#">Accueil</a>
</li>
<li>
<a class="menuLink" href="#">Programme</a>
</li>
<li>
<a class="menuLink" href="#">A propos</a>
</li>
</ul>
</div>
<div id="twwWrap">
<div id="tweetWriter">
<h3>Annotations polémiques</h3>
</div>
</div>
<div id="tweetviz">
<div class="barre">
<form id="recherche">
<input autocomplete="off" class="greyed" id="inp_q" value="Rechercher" />
<input id="inp_submit" type="submit" />
<input id="inp_reset" type="reset" />
<div id="time_controls">
<div id="time_legende"></div>
<div id="time_scale"></div>
<a href="#" id="time_zoomout"></a>
<a href="#" id="time_zoomin"></a>
</div>
<div id="recherche_annot">
Recherche par annotation : <span id="rech_list_annot"></span><br />
</div>
</form>
</div>
<ul id="tweetlist"></ul>
<div id="timeline"></div>
<div id="scrollcont">
<div id="scrollin"></div>
</div>
</div>
</div>
<div id="coldroite">
<div id="vlWrap">
<div id="videoLivePlayer"></div>
</div>
<div id="out_fleche">
<div id="in_fleche"></div>
</div>
<ul id="accordeon">
<li><h3>Nuage de mots-clés</h3></li>
<li class="deplie" id="motscles"></li>
</ul>
</div>
</div>
<div id="hovertweet">
<div id="hovercontent"></div>
<div id="hoverarrow"></div>
</div>
</body>
</html>