<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="utf-8">
<title>The End niv2- @todo</title>
<meta name="description" content="@todo">
<!-- Mobile Specific Metas -->
<meta name="viewport" content="initial-scale=1.0, width=device-width" />
<link rel="stylesheet" href="static/res/css/style_1024.css" />
</head>
<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">
<header id="header_hpn2" class="clearfix">
<div id="btnMenu">
<button id="btnInfo" class="btn">INFO</button>
<button id="btnChoice" class="btn">Choice</button>
</div>
<form id="form_search" action="/" method="get">
<!--
<input type="search" placeholder="Rechercher" name="search" value="Rechercher" />
-->
<input type="text" name="search" value="Recherche" onfocus="if(this.value == this.defaultValue) this.value = '';" onblur="if(this.value == '') this.value = this.defaultValue; " /><!--
this comment corrects the white-space (display: inline);
--><input type="submit" value="OK" />
</form>
</header>
<section>
<div id="table_tag">
<!-- Put real code -->
<!-- Test - to remove
-->
<div style="height: 200px">
</div>
<!--/Test-->
<!-- Arrows -->
<ul id="nav_arrow">
<li id="arrowTop" >
<a href="/">
<img alt="Go top" src="static/res/img/footer/arrowTop.png" />
</a>
</li>
<li id="arrowBottom">
<a href="/">
<img alt="Go bottom" src="static/res/img/footer/arrowBottom.png" />
</a>
</li>
<li id="arrowLeft">
<a href="/">
<img alt="Go left" src="static/res/img/footer/arrowLeft.png" />
</a>
</li>
<li id="arrowRight">
<a href="/">
<img alt="Go right" src="static/res/img/footer/arrowRight.png" />
</a>
</li>
</ul>
<!-- /Arrow -->
</div>
</section>
</div>
</div>
<!-- Metanav FranceTV -->
<script src="http://static.francetv.fr/js/jquery.metanav-min.js" charset="utf-8"></script>
<!-- JavaScript -->
</body>
</html>