<!doctype html>
<html lang="[% lh.language_tag() %]">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
<meta charset="utf-8">
<link rel="icon" type="image/png" href="images/favicon.png" />
<link rel="stylesheet" type="text/css" href="foundation/css/foundation.min.css">
<link rel="stylesheet" type="text/css" href="jquery-ui-1.12.1/jquery-ui.min.css" />
<link rel="stylesheet" type="text/css" href="css/style.css" />
<link type="text/css" rel="stylesheet" href="css/renater.css" />
<link type="text/css" rel="stylesheet" href="css/header.css" />
<link type="text/css" rel="stylesheet" href="css/footer.css" />
<link type="text/css" rel="stylesheet" href="css/fonts.css" />
<link rel="shortcut icon" href="images/favicon.png">
<script type="text/javascript" src="jquery-3.3.1.min.js"></script>
<script type="text/javascript" src="jquery-steps-1.1.0.min.js"></script>
<script type="text/javascript" src="jquery-ui-1.12.1/jquery-ui.min.js"></script>
<script type="text/javascript" src="jquery-validation-1.17.0.min.js"></script>
<script src="foundation/js/vendor/what-input.js"></script>
<script src="foundation/js/vendor/foundation.min.js"></script>
<script type="text/javascript" src="js/startup.js"></script>
<title>RENATER Access Check</title>
</head>
<body>
<header>
<div class="title-bar" data-responsive-toggle="main-menu" data-hide-for="medium">
<button class="menu-icon top-bar-right" type="button" data-toggle></button>
<div class="title-bar-title top-bar-right">Menu</div>
<div class="top-bar-left">
<a href="[% app.url %]" title="Accueil">
<img src="images/logo_renater.svg" alt="Logo RENATER" data-options="disable_for_touch:true">
</a>
</div>
</div>
<nav class="top-bar" id="main-menu">
<menu class="top-bar-left">
<ul class="menu" data-dropdown-menu>
<li class="menu-text hide-for-small-only">
<a href="[% app.url %]" title="Accueil">
<img src="images/logo_renater.svg" alt="Logo RENATER" data-options="disable_for_touch:true">
</a>
</li>
</ul>
</menu>
<menu class="top-bar-right">
<ul class="menu icon-top" data-back-button="<li class='js-drilldown-back'><a tabindex='0'>Back</a></li>" data-responsive-menu="drilldown medium-dropdown">
<li>
<a href="[% app.url %]" title="Accueil" data-tooltip >
<img class="hide-for-small-only home_img" src="images/home.svg" alt="Accueil" data-options="disable_for_touch:true"/>
<label class="show-for-small-only">Accueil</label>
</a>
</li>
<!-- SUPPORT -->
<li class="has-submenu">
<a href="#" title="Support" data-tooltip>
<img class="hide-for-small-only support_img" src="images/support.svg" alt="Support" data-options="disable_for_touch:true"/>
<label class="show-for-small-only">Support</label>
</a>
<ul class="submenu vertical" data-submenu>
<li>
<a href="user_guide">
<label>Guide utilisateur</label>
</a>
</li>
<li>
<a href="faq">
<label>FAQ</label>
</a>
</li>
</ul>
</li>
<!-- Contact -->
<li>
<a href="/contacts" title="Contact" data-tooltip >
<img class="hide-for-small-only home_img" src="images/contact.svg" alt="Contact" data-options="disable_for_touch:true"/>
<label class="show-for-small-only">Contact</label>
</a>
</li>
</ul>
</menu>
</nav>
</header>
<h1 class="row text-center">RENATER Access Check</h1>
<main class="row">
[% content %]
</main>
<div class="scroll-top-wrapper ">
<span class="scroll-top-inner">
<i class="fa fa-2x fa-arrow-up"></i>
</span>
</div>
<footer>
<article class="hide-for-small-only">
<p class="row">
<span class="small-1 columns text-left"><img src="images/logo_renater_blanc.png"/></span>
<span class="small-5 columns text-left">Réseau National de télécommunications <br/>pour la Technologie l’Enseignement et la Recherche.</span>
<span class="small-5 columns text-right">
<a href="https://www.facebook.com/gip.renater" target="_blank"><img src="images/facebook.svg"
alt="Facebook"
data-options="disable_for_touch:true"/></a>
<a href="https://twitter.com/RENATERnews" target="_blank"><img src="images/twitter.svg" alt="Twitter"
data-options="disable_for_touch:true"/></a>
</span>
</p>
</article>
<aside>
<p class="row small-collapse medium-uncollapse">
<span class="small-12 medium-5 columns text-left">© RENATER <?php echo date('Y') ?> - Tous droits réservés</span>
<span class="small-12 medium-7 columns">
<a href="legal" title="Mentions légales">Mentions légales</a> |
<a href="user_guide" title="Aide">Aide</a> |
<a href="#" data-open="about_reveal" title="À propos">À propos</a> |
<a id="feedback" class="tip-top" data-tooltip="" data-options="disable_for_touch:true" data-trigger-class="none"
aria-haspopup="true" target="_blank" href="https://feedback.renater.fr/?service=federation"
title="Retour utilisateurs">Retour utilisateurs</a> |
<a href="https://www.renater.fr/" target="_blank">www.renater.fr</a>
</span>
</p>
</aside>
</footer>
<div class="reveal" id="about_reveal" data-reveal>
<p class="text-center">eduGAIN Access Check [% app.version %] - <a href="mailto:[% app.support_email %]">contactez nous</a></p>
</div>
</body>
</html>