<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
<title>Festival d’Art Lyrique d'Aix en Provence › Webdoc player</title>
<link rel="stylesheet" type="text/css" href="css/styles.css" />
</head>
<body>
<div class="top-bar">
<div class="tags">
<h3 class="tags-title">Tags</h3>
<ul class="tag-list"></ul>
</div>
<h1 class="project-title">Rigoletto, histoire d’une malédiction</h1>
</div>
<div class="main-video" style="background:#101010;">
<img src="../creation/Links/bc30-1000pxl.jpg" style="margin: 80px 0" />
<ul class="pictolist">
<li class="picto video">
<a href="#"></a>
</li>
<li class="picto audio">
<a href="#"></a>
</li>
<li class="picto slideshow">
<a href="#"></a>
</li>
<li class="picto text">
<a href="#"></a>
</li>
<li class="picto quote">
<a href="#"></a>
</li>
<li class="picto link">
<a href="#"></a>
</li>
</ul>
</div>
<div class="bottom-bar">
<div class="play-button">
<a href="#"></a>
</div>
<div class="chapters-bar">
<ul class="chapters-list">
<li class="chapter" style="left: 0; width: 100px;">
<div class="chapter-block"></div>
<div class="chapter-title">Histoire et contexte</div>
</li>
</ul>
</div>
</div>
</body>
</html>