<!DOCTYPE html> <html lang=“fr”>

<head>

<meta charset="utf-8">
<link href="https://gmpg.org/xfn/11" rel="profile">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

<link rel="preload" href="/assets/css/styles.css" as="style">
<link rel="preload" href="/assets/fonts/Optiker-K.woff2" as="font" type="font/woff2" crossorigin>
<link rel="preload" href="/assets/fonts/IBMPlexMono-Medium.woff2" as="font" type="font/woff2" crossorigin>

<!-- CSS -->
<link rel="stylesheet" href="/assets/css/styles.css">

<!-- SEO -->
<title>{% if page.title %}{{ page.title }} | {% endif %}{% if page.description %}{{ page.description }} -
  {% endif %}{{ site.name }}</title>

<meta name="subject" content="{{ site.subject }}">
{% if jekyll.version %}<meta name="generator" content="jekyll v{{ jekyll.version }}">{% endif %}
<meta itemprop="name" content="{% if page.title %}{{ page.title }}{% endif %} | {% if page.description %}{{ page.description }} - {% endif %}{{ site.name }}">
<meta itemprop="description" content="{{ site.subject }}">
<meta name="robots" content="{{ site.robots }}">

<!-- Profiles -->
<link href="/humans.txt" rel="author" type="text/plain" />
<link rel="icon" href="/assets/favicons/favicon.ico">
<link rel="apple-touch-icon" sizes="180x180" href="/assets/favicons//apple-icon-180x180.png">
<link rel="icon" type="image/png" sizes="192x192"  href="/assets/favicons//android-icon-192x192.png">
<link rel="icon" type="image/png" sizes="32x32" href="/assets/favicons/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="96x96" href="/assets/favicons/favicon-96x96.png">
<link rel="manifest" href="/assets/favicons/manifest.json">
<meta name="theme-color" content="#000000">

<script>
  if ("fonts" in document) {
    var Optiker = new FontFace("Optiker-K","url(/assets/fonts/Optiker-K.woff2) format('woff2')", {weight: "300"});
    var IBMPlexMonoBold = new FontFace("IBMPlexMono","url(/assets/fonts/IBMPlexMono-Medium.woff2) format('woff2')", {weight: "300",unicode-range: "U+0030-0039";});
    Promise.all([IBMPlexMonoBold.load(), Optiker.load()]).then(function (fonts) {
      fonts.forEach(function (font) {
        document.fonts.add(font);
      });
    });
  }
</script>

</head>

<body>

{{site.baseurl}}
<header class="wrapper">
  <h1>
    <a href="/">
      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" width="48"><path fill="#d6b900" d="M348.012 201.627c-7.942 6.151-32.335 13.735-39.437 20.84-22.866 22.842-40.65 49.982-52.583 79.495-11.921-29.513-29.717-56.653-52.571-79.495-7.103-7.112-25.884-21.252-33.833-27.404 5.114-40.463 54.519-96.267 86.404-128.151 31.896 31.884 86.906 90.507 92.02 134.715z" fill-opacity=".963" stroke="#555"/><g fill="#d44f4f" stroke="#555"><path d="M255.992 301.961c-11.403 28.212-17.447 58.604-17.447 89.525 0 2.637.036 5.286.144 7.923-24.335-60-72.27-107.587-131.934-131.705v-.012c-1.144-32.439 4.347-65.636 17.303-97.677 20.831 8.417 39.832 19.434 56.761 32.535a236.697 236.697 0 0122.601 19.916c22.854 22.842 40.651 49.983 52.572 79.495z"/><path d="M405.24 267.705c-84.745 34.257-145.841 115.895-149.236 213.15-1.011-28.79-7.068-56.22-17.315-81.445a193.863 193.863 0 01-.144-7.923c0-30.921 6.045-61.313 17.447-89.525 11.933-29.513 29.717-56.653 52.583-79.495a237.905 237.905 0 0122.589-19.904c16.942-13.113 35.942-24.13 56.785-32.547 12.956 32.041 18.435 65.238 17.291 97.677v.012z"/></g><path d="M494.5 250.4c2.8 0 5.6 0 8.5.1-4.6 131.8-115.2 234.9-247 230.3 3.4-97.3 64.5-178.9 149.2-213.2 27.6-11.2 57.8-17.3 89.2-17.3zm-255.8 149c10.2 25.2 16.3 52.7 17.3 81.4-131.8 4.6-242.4-98.5-247-230.3 2.8-.1 5.7-.1 8.5-.1 31.5 0 61.6 6.1 89.2 17.3 59.7 24.1 107.6 71.7 131.9 131.7z" fill="#2296aa" stroke="#555" stroke-width="2.2"/></svg>
      &nbsp;{{ site.name }}</a>&nbsp;<small>{{ site.title }}</small>
  </h1>
</header>

<div class="wrapper">
  {{ content }}
</div>

<script src=“/assets/js/van11y-accessible-tab-panel-aria.es6.js” defer></script> <script src=“/assets/js/van11y-accessible-hide-show-aria.es6.js” defer></script> <script>

// Vanilla JavaScript Scroll to Anchor
// @ https://perishablepress.com/vanilla-javascript-scroll-anchor/

(function () {
  scrollTo();
})();

function scrollTo() {
  const links = document.querySelectorAll('.anchor');
  links.forEach(each => (each.onclick = scrollAnchors));
}

function scrollAnchors(e, respond = null) {
  const distanceToTop = el => Math.floor(el.getBoundingClientRect().top);
  e.preventDefault();
  var targetID = (respond) ? respond.getAttribute('href') : this.getAttribute('href');
  const targetAnchor = document.querySelector(targetID);
  if (!targetAnchor) return;
  const originalTop = distanceToTop(targetAnchor);
  window.scrollBy({
    top: originalTop - 30,
    left: 0,
    behavior: 'smooth'
  });
  const checkIfDone = setInterval(function () {
    const atBottom = window.innerHeight + window.pageYOffset >= document.body.offsetHeight - 2;
    if (distanceToTop(targetAnchor) === 0 || atBottom) {
      targetAnchor.tabIndex = '-1';
      targetAnchor.focus();
      window.history.pushState('', '', targetID);
      clearInterval(checkIfDone);
    }
  }, 100);
}

</script>

{% if site.zone.livehouse == true %} <script src=“/assets/js/lighthouse.js”></script> <script>run();</script> {% endif %} </body> </html>