<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>France 5, quelles croquettes pour nos bêtes, 8 octobre 2017</title>
<style>
body {
text-align: center;
margin:0;
padding:0;
}
h1 {
margin:0 0 .1em 0;
padding:.5em;
color:white;
background:#004588;
}
h2 {
margin:0;
padding:.5em;
color:white;
background:#004588;
}
.video {
margin:.5em;
padding:0;
display: inline-block;
background:#004588;
border: 3px solid #004588;
}
video {
margin:.1em;
padding:.2em;
}
footer {
position: fixed;
bottom: 0;
width: 100%;
background:#004588;
}
</style>
</head>
<body>
<h1>Vidéos extraites du reportage diffusé sur France 5, le 8 octobre 2017.</h1>
<div class="video">
<h2>Les glucides</h2>
<video width="380" height="240" controls>
<source src="01glucides.mp4" type="video/mp4">
</video>
</div>
<div class="video">
<h2>La composition</h2>
<video width="380" height="240" controls>
<source src="02composition.mp4" type="video/mp4">
</video>
</div>
<div class="video">
<h2>Bruxelles</h2>
<video width="380" height="240" controls>
<source src="03bruxelles.mp4" type="video/mp4">
</video>
</div>
<footer>
</footer>
</body>
</html>