<!DOCTYPE html>
<html id="html">
	<head>
		<meta charset="utf-8" />
        <title>Actu</title>
		<link rel="stylesheet" type="text/css" href="style/style.css">
		<script type="text/javascript" src="script/scripts.js"></script>
		<script type="text/javascript" src="script/jsweetalert.js"></script>
		<link rel="stylesheet" type="text/css" href="style/style_sweetalert.css">
		<?php Include('script/rotation.php'); ?>
	</head>

	<body onload="retourne()"><!-- Il faut ajouter l'appelle a la fonction retourne au chargement de la page pour eviter un bug d'appui sur le bouton -->
		<div id="entete">
            <img src="img/accueil.png" class="bouton_entete" onclick="self.location.href='index.php'">
            <img src="img/retour.png" class="bouton_entete" onclick="javascript:history.go(-1)">
            <img src="img/rotation.png" class="bouton_entete" onclick="retourne()">
			<p id="titre">
				<!-- Titre de la page affichee dans l'entete -->
				Actu
			</p>
			<img src="img/aide.png" class="bouton_entete_help" onclick="swal('Aide', 'blablabla','info');">
		</div>
		<div id="contenu">
			<!-- Le contenu doit etre écrit ci-dessous -->
			<a data-flip-widget="mag" href="https://flipboard.com/@flipboardfr/geek-chic-2us2r5h5z">View my Flipboard Magazine.</a><script src="https://cdn.flipboard.com/web/buttons/js/flbuttons.min.js" type="text/javascript"></script>


		</div>
		<div id="flipboard"></div>
		<script>
  (function () {
    var width = 0,
        flipboard = document.getElementById('flipboard');
    width = flipboard.getBoundingClientRect().width ? flipboard.getBoundingClientRect().width : flipboard.offsetWidth;
    if (width > 800) {
      flipboard.innerHTML = '<iframe width="100%" frameborder="0" height="600px" marginheight="0" marginwidth="0" scrolling="no" src="https://flipboard.com/@flipboardfr/geek-chic-2us2r5h5z"></iframe>'
    }
  })();
</script>
	</body>
</html>