{"id":150,"date":"2026-09-07T18:40:21","date_gmt":"2026-09-07T16:40:21","guid":{"rendered":"https:\/\/alexandre-bourasseau.fr\/?page_id=150"},"modified":"2026-10-10T15:10:07","modified_gmt":"2026-10-10T13:10:07","slug":"actu-aero-2","status":"publish","type":"page","link":"https:\/\/alexandre-bourasseau.fr\/index.php\/actu-aero-2\/","title":{"rendered":"Le journal a\u00e9ronautique en 5 minutes !"},"content":{"rendered":"<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"1024\" src=\"https:\/\/alexandre-bourasseau.fr\/wp-content\/uploads\/2026\/10\/Logo-1024x1024.png\" alt=\"\" class=\"wp-image-255\" style=\"width:439px;height:auto\" srcset=\"https:\/\/alexandre-bourasseau.fr\/wp-content\/uploads\/2026\/10\/Logo-1024x1024.png 1024w, https:\/\/alexandre-bourasseau.fr\/wp-content\/uploads\/2026\/10\/Logo-150x150.png 150w, https:\/\/alexandre-bourasseau.fr\/wp-content\/uploads\/2026\/10\/Logo-300x300.png 300w, https:\/\/alexandre-bourasseau.fr\/wp-content\/uploads\/2026\/10\/Logo-768x768.png 768w, https:\/\/alexandre-bourasseau.fr\/wp-content\/uploads\/2026\/10\/Logo.png 1254w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n<\/div>\n\n\n<!-- =========================================================\n     ACTU AERO \u2014 LECTEUR V5\n     Bloc HTML personnalis\u00e9 WordPress\n     V5 : horloge a\u00e9roport + localisation IP approximative\n     ========================================================= -->\n\n<div id=\"actu-aero-app\">\n\n  <div class=\"aa-bg-grid\"><\/div>\n  <div class=\"aa-bg-glow\"><\/div>\n\n  <div class=\"aa-content\">\n\n    <!-- =====================================================\n         EN-T\u00caTE\n         ===================================================== -->\n\n    <header class=\"aa-header\">\n\n      <div class=\"aa-brand\">\n\n        <div class=\"aa-mic\" aria-hidden=\"true\">\n\n          <svg viewBox=\"0 0 24 24\">\n            <path d=\"M12 2a3 3 0 0 0-3 3v7a3 3 0 0 0 6 0V5a3 3 0 0 0-3-3Z\"><\/path>\n            <path d=\"M19 10v2a7 7 0 0 1-14 0v-2\"><\/path>\n            <path d=\"M12 19v3\"><\/path>\n            <path d=\"M8 22h8\"><\/path>\n          <\/svg>\n\n          <img decoding=\"async\" id=\"aa-logo\" class=\"aa-logo aa-hidden\" src=\"\" alt=\"Echo du Tarmac\">\n\n        <\/div>\n\n        <div>\n\n          <div class=\"aa-kicker\">\n            ECHO DU TARMAC \u2022 LE PODCAST\n          <\/div>\n\n          <h2>\n            Votre actualit\u00e9 a\u00e9ronautique\n          <\/h2>\n\n          <p class=\"aa-intro\">\n            Retrouvez les derni\u00e8res \u00e9ditions de Echo du Tarmac et choisissez directement\n            l\u2019\u00e9mission que vous souhaitez \u00e9couter.\n          <\/p>\n\n        <\/div>\n\n      <\/div>\n\n    <\/header>\n\n\n    <!-- =====================================================\n         HORLOGE A\u00c9ROPORT V5\n         ===================================================== -->\n\n    <section class=\"aa-airport-clock\" id=\"aa-airport-clock\" aria-label=\"Heure locale du visiteur\">\n\n      <div class=\"aa-clock-location\">\n\n        <span class=\"aa-clock-dot\"><\/span>\n\n        <div>\n\n          <div class=\"aa-clock-label\">\n            HEURE LOCALE\n          <\/div>\n\n          <div class=\"aa-clock-city\" id=\"aa-clock-city\">\n            LOCALISATION&#8230;\n          <\/div>\n\n        <\/div>\n\n      <\/div>\n\n\n      <div class=\"aa-clock-display\" aria-live=\"off\">\n\n        <div class=\"aa-flap\">\n          <span id=\"aa-hour\">&#8212;<\/span>\n        <\/div>\n\n        <span class=\"aa-clock-separator\">\n          :\n        <\/span>\n\n        <div class=\"aa-flap\">\n          <span id=\"aa-minute\">&#8212;<\/span>\n        <\/div>\n\n        <span class=\"aa-clock-separator\">\n          :\n        <\/span>\n\n        <div class=\"aa-flap aa-flap-seconds\">\n          <span id=\"aa-second\">&#8212;<\/span>\n        <\/div>\n\n      <\/div>\n\n    <\/section>\n\n\n    <!-- =====================================================\n         CHARGEMENT\n         ===================================================== -->\n\n    <section id=\"aa-loading\" class=\"aa-loading\" aria-live=\"polite\">\n\n      <div class=\"aa-spinner\"><\/div>\n\n      <div>\n\n        <strong>\n          Pr\u00e9paration du dernier \u00e9pisode&#8230;\n        <\/strong>\n\n        <span>\n          Synchronisation automatique des \u00e9missions\n        <\/span>\n\n      <\/div>\n\n    <\/section>\n\n\n    <!-- =====================================================\n         ERREUR\n         ===================================================== -->\n\n    <section id=\"aa-error\" class=\"aa-error aa-hidden\" aria-live=\"polite\">\n\n      <div class=\"aa-error-plane\">\n        \u2708\n      <\/div>\n\n      <strong>\n        Impossible de charger les \u00e9missions\n      <\/strong>\n\n      <span id=\"aa-error-message\">\n        Une erreur est survenue.\n      <\/span>\n\n      <button id=\"aa-retry\" type=\"button\">\n        R\u00e9essayer\n      <\/button>\n\n    <\/section>\n\n\n    <!-- =====================================================\n         INTERFACE\n         ===================================================== -->\n\n    <div id=\"aa-interface\" class=\"aa-hidden\">\n\n      <!-- ===================================================\n           \u00c9MISSION\n           =================================================== -->\n\n      <section class=\"aa-episode\">\n\n        <div class=\"aa-episode-head\">\n\n          <div class=\"aa-episode-heading\">\n\n            <div class=\"aa-status\">\n              <i><\/i>\n              \u00c9MISSION S\u00c9LECTIONN\u00c9E\n            <\/div>\n\n            <h3 id=\"aa-title\">\n              Echo du Tarmac\n            <\/h3>\n\n            <div id=\"aa-date\" class=\"aa-date\"><\/div>\n\n          <\/div>\n\n          <div class=\"aa-plane\" aria-hidden=\"true\">\n            \u2708\n          <\/div>\n\n        <\/div>\n\n\n        <!-- DESCRIPTION -->\n\n        <div id=\"aa-description\" class=\"aa-description\"><\/div>\n\n\n        <!-- REPRISE DE LECTURE -->\n\n        <div id=\"aa-resume\" class=\"aa-resume aa-hidden\">\n\n          <div>\n\n            <strong>\n              Reprendre votre \u00e9coute ?\n            <\/strong>\n\n            <span id=\"aa-resume-text\"><\/span>\n\n          <\/div>\n\n          <button id=\"aa-resume-button\" type=\"button\">\n            Reprendre\n          <\/button>\n\n        <\/div>\n\n\n        <!-- =================================================\n             LECTEUR AUDIO\n             ================================================= -->\n\n        <div class=\"aa-player\">\n\n          <button id=\"aa-play\" class=\"aa-play\" type=\"button\" aria-label=\"Lecture ou pause\">\n            <span id=\"aa-play-icon\">\n              \u25b6\n            <\/span>\n          <\/button>\n\n\n          <div class=\"aa-player-main\">\n\n            <div class=\"aa-player-info\">\n\n              <span id=\"aa-current\">\n                0:00\n              <\/span>\n\n              <span id=\"aa-audio-status\" class=\"aa-audio-status\">\n                Pr\u00eat \u00e0 \u00e9couter\n              <\/span>\n\n              <span id=\"aa-duration\">\n                &#8211;:&#8211;\n              <\/span>\n\n            <\/div>\n\n\n            <div class=\"aa-progress-wrap\">\n\n              <div id=\"aa-progress-fill\" class=\"aa-progress-fill\"><\/div>\n\n              <input id=\"aa-progress\" type=\"range\" min=\"0\" max=\"100\" step=\"0.1\" value=\"0\" aria-label=\"Position dans l\u2019\u00e9mission\">\n\n            <\/div>\n\n          <\/div>\n\n\n          <button id=\"aa-volume\" class=\"aa-volume\" type=\"button\" aria-label=\"Couper le son\">\n            \ud83d\udd0a\n          <\/button>\n\n        <\/div>\n\n\n        <!-- =================================================\n             CONTR\u00d4LES\n             ================================================= -->\n\n        <div class=\"aa-controls\">\n\n          <div class=\"aa-skip\">\n\n            <button id=\"aa-back\" type=\"button\">\n              \u21ba&nbsp; 15 s\n            <\/button>\n\n            <button id=\"aa-forward\" type=\"button\">\n              15 s &nbsp;\u21bb\n            <\/button>\n\n          <\/div>\n\n\n          <div class=\"aa-secondary-controls\">\n\n            <button id=\"aa-share\" class=\"aa-share\" type=\"button\">\n\n              <span aria-hidden=\"true\">\n                \u2197\n              <\/span>\n\n              <span id=\"aa-share-text\">\n                Partager\n              <\/span>\n\n            <\/button>\n\n\n            <div class=\"aa-speed\">\n\n              <label for=\"aa-speed\">\n                Vitesse\n              <\/label>\n\n              <select id=\"aa-speed\">\n\n                <option value=\"0.75\">\n                  0,75x\n                <\/option>\n\n                <option value=\"1\" selected=\"\">\n                  1x\n                <\/option>\n\n                <option value=\"1.25\">\n                  1,25x\n                <\/option>\n\n                <option value=\"1.5\">\n                  1,5x\n                <\/option>\n\n                <option value=\"2\">\n                  2x\n                <\/option>\n\n              <\/select>\n\n            <\/div>\n\n          <\/div>\n\n        <\/div>\n\n\n        <audio id=\"aa-audio\" preload=\"metadata\"><\/audio>\n\n\n        <!-- =================================================\n             NAVIGATION ENTRE \u00c9MISSIONS\n             ================================================= -->\n\n        <div class=\"aa-navigation\">\n\n          <button id=\"aa-newer\" type=\"button\">\n\n            <span class=\"aa-nav-arrow\">\n              \u2190\n            <\/span>\n\n            <span class=\"aa-nav-copy\">\n\n              <small>\n                PLUS R\u00c9CENTE\n              <\/small>\n\n              <strong id=\"aa-newer-date\"><\/strong>\n\n            <\/span>\n\n          <\/button>\n\n\n          <button id=\"aa-older\" type=\"button\">\n\n            <span class=\"aa-nav-copy aa-nav-right\">\n\n              <small>\n                PLUS ANCIENNE\n              <\/small>\n\n              <strong id=\"aa-older-date\"><\/strong>\n\n            <\/span>\n\n            <span class=\"aa-nav-arrow\">\n              \u2192\n            <\/span>\n\n          <\/button>\n\n        <\/div>\n\n      <\/section>\n\n\n      <!-- ===================================================\n           ARCHIVES\n           =================================================== -->\n\n      <section class=\"aa-archives\">\n\n        <div class=\"aa-archives-head\">\n\n          <div>\n\n            <div class=\"aa-archive-kicker\">\n              ARCHIVES\n            <\/div>\n\n            <h4>\n              Retrouver une \u00e9mission\n            <\/h4>\n\n          <\/div>\n\n          <div id=\"aa-count\" class=\"aa-count\"><\/div>\n\n        <\/div>\n\n\n        <div class=\"aa-date-search\">\n\n          <div class=\"aa-field\">\n\n            <label for=\"aa-date-picker\">\n              Choisir une date\n            <\/label>\n\n            <div class=\"aa-input-wrap\">\n\n              <span class=\"aa-input-icon\" aria-hidden=\"true\">\n                \ud83d\udcc5\n              <\/span>\n\n              <input id=\"aa-date-picker\" type=\"date\" aria-label=\"Rechercher une \u00e9mission par date\">\n\n            <\/div>\n\n          <\/div>\n\n\n          <div class=\"aa-or\">\n            OU\n          <\/div>\n\n\n          <div class=\"aa-field aa-field-wide\">\n\n            <label for=\"aa-select\">\n              Parcourir toutes les \u00e9missions\n            <\/label>\n\n            <div class=\"aa-select-wrap\">\n\n              <span class=\"aa-input-icon\" aria-hidden=\"true\">\n                \ud83c\udf99\n              <\/span>\n\n              <select id=\"aa-select\" aria-label=\"Choisir une \u00e9mission\"><\/select>\n\n              <span class=\"aa-select-arrow\" aria-hidden=\"true\">\n                \u25bc\n              <\/span>\n\n            <\/div>\n\n          <\/div>\n\n        <\/div>\n\n\n        <div id=\"aa-date-message\" class=\"aa-date-message\" aria-live=\"polite\"><\/div>\n\n      <\/section>\n\n\n      <!-- ===================================================\n           PIED DE PAGE\n           =================================================== -->\n\n      <footer class=\"aa-footer\">\n\n        <div class=\"aa-sync\">\n\n          <i><\/i>\n\n          Synchronisation automatique avec Echo du Tarmac\n\n        <\/div>\n\n\n        <a href=\"https:\/\/www.podcastics.com\/podcast\/actu-aero\/\" target=\"_blank\" rel=\"noopener noreferrer\">\n          Toutes les \u00e9missions\n          <span>\u2192<\/span>\n        <\/a>\n\n      <\/footer>\n\n    <\/div>\n\n  <\/div>\n\n<\/div>\n\n\n<style>\n\n\/* ==========================================================\n   BASE\n   ========================================================== *\/\n\n#actu-aero-app,\n#actu-aero-app * {\n  box-sizing: border-box;\n}\n\n#actu-aero-app {\n\n  --aa-blue: #42c8ff;\n  --aa-blue2: #168fdb;\n  --aa-navy: #02132c;\n  --aa-panel: rgba(0,19,48,.70);\n  --aa-white: #ffffff;\n  --aa-muted: rgba(255,255,255,.62);\n\n  position: relative;\n\n  width: 100%;\n  max-width: 1020px;\n\n  margin: 32px auto;\n\n  overflow: hidden;\n\n  border-radius: 28px;\n\n  color: var(--aa-white);\n\n  font-family:\n    -apple-system,\n    BlinkMacSystemFont,\n    \"Segoe UI\",\n    Roboto,\n    Helvetica,\n    Arial,\n    sans-serif;\n\n  background:\n    radial-gradient(\n      circle at 92% 0%,\n      rgba(56,194,255,.34),\n      transparent 34%\n    ),\n    linear-gradient(\n      135deg,\n      #020d20 0%,\n      #03234a 53%,\n      #07588c 100%\n    );\n\n  border:\n    1px solid rgba(73,199,255,.24);\n\n  box-shadow:\n    0 28px 70px rgba(0,21,49,.25);\n}\n\n#actu-aero-app::before {\n\n  content: \"\";\n\n  position: absolute;\n  z-index: 4;\n\n  top: 0;\n  left: 8%;\n\n  width: 84%;\n  height: 2px;\n\n  background:\n    linear-gradient(\n      90deg,\n      transparent,\n      #35c5ff,\n      #fff,\n      #35c5ff,\n      transparent\n    );\n}\n\n\n\/* ==========================================================\n   FOND\n   ========================================================== *\/\n\n.aa-bg-grid {\n\n  position: absolute;\n  inset: 0;\n\n  pointer-events: none;\n\n  opacity: .035;\n\n  background-image:\n    linear-gradient(\n      rgba(255,255,255,.9) 1px,\n      transparent 1px\n    ),\n    linear-gradient(\n      90deg,\n      rgba(255,255,255,.9) 1px,\n      transparent 1px\n    );\n\n  background-size: 48px 48px;\n}\n\n.aa-bg-glow {\n\n  position: absolute;\n\n  top: -220px;\n  right: -170px;\n\n  width: 480px;\n  height: 480px;\n\n  border-radius: 50%;\n\n  pointer-events: none;\n\n  background:\n    rgba(52,196,255,.18);\n\n  filter: blur(80px);\n}\n\n.aa-content {\n\n  position: relative;\n  z-index: 2;\n\n  padding: 42px;\n}\n\n\n\/* ==========================================================\n   HEADER\n   ========================================================== *\/\n\n.aa-brand {\n\n  display: flex;\n\n  align-items: center;\n\n  gap: 25px;\n\n  margin-bottom: 25px;\n}\n\n.aa-mic {\n\n  position: relative;\n\n  display: flex;\n\n  flex: 0 0 80px;\n\n  width: 80px;\n  height: 80px;\n\n  align-items: center;\n  justify-content: center;\n\n  overflow: hidden;\n\n  border-radius: 23px;\n\n  background:\n    linear-gradient(\n      145deg,\n      rgba(66,200,255,.22),\n      rgba(255,255,255,.04)\n    );\n\n  border:\n    1px solid rgba(70,200,255,.32);\n}\n\n.aa-mic svg {\n\n  width: 38px;\n  height: 38px;\n\n  fill: none;\n\n  stroke: var(--aa-blue);\n\n  stroke-width: 1.8;\n\n  stroke-linecap: round;\n  stroke-linejoin: round;\n}\n\n.aa-logo {\n\n  position: absolute;\n\n  inset: 0;\n\n  width: 100%;\n  height: 100%;\n\n  padding: 7px;\n\n  object-fit: contain;\n\n  background: #061c3b;\n}\n\n.aa-kicker {\n\n  margin-bottom: 7px;\n\n  color: var(--aa-blue);\n\n  font-size: 11px;\n\n  font-weight: 800;\n\n  letter-spacing: 2px;\n}\n\n#actu-aero-app h2 {\n\n  margin: 0 0 10px !important;\n\n  padding: 0 !important;\n\n  color: #fff !important;\n\n  font-size: clamp(28px,4vw,39px);\n\n  line-height: 1.08;\n\n  font-weight: 800;\n\n  letter-spacing: -.5px;\n}\n\n.aa-intro {\n\n  max-width: 730px;\n\n  margin: 0 !important;\n\n  color: rgba(255,255,255,.67) !important;\n\n  font-size: 14px;\n\n  line-height: 1.65;\n}\n\n\n\/* ==========================================================\n   V5 \u2014 HORLOGE A\u00c9ROPORT\n   ========================================================== *\/\n\n.aa-airport-clock {\n\n  position: relative;\n\n  display: flex;\n\n  align-items: center;\n  justify-content: space-between;\n\n  gap: 25px;\n\n  margin: 0 0 28px;\n\n  padding: 15px 18px;\n\n  overflow: hidden;\n\n  border-radius: 17px;\n\n  background:\n    linear-gradient(\n      110deg,\n      rgba(0,9,25,.82),\n      rgba(5,43,80,.60)\n    );\n\n  border:\n    1px solid rgba(66,200,255,.19);\n\n  box-shadow:\n    inset 0 1px 0 rgba(255,255,255,.025),\n    0 12px 30px rgba(0,0,0,.08);\n}\n\n\n\/* ligne sup\u00e9rieure fa\u00e7on terminal *\/\n\n.aa-airport-clock::before {\n\n  content: \"\";\n\n  position: absolute;\n\n  top: 0;\n  left: 20px;\n  right: 20px;\n\n  height: 1px;\n\n  background:\n    linear-gradient(\n      90deg,\n      transparent,\n      rgba(66,200,255,.65),\n      transparent\n    );\n}\n\n\n\/* localisation *\/\n\n.aa-clock-location {\n\n  display: flex;\n\n  align-items: center;\n\n  gap: 11px;\n\n  min-width: 0;\n}\n\n.aa-clock-dot {\n\n  flex: 0 0 7px;\n\n  width: 7px;\n  height: 7px;\n\n  border-radius: 50%;\n\n  background: var(--aa-blue);\n\n  box-shadow:\n    0 0 11px var(--aa-blue);\n}\n\n.aa-clock-label {\n\n  margin-bottom: 3px;\n\n  color:\n    rgba(255,255,255,.38);\n\n  font-size: 8px;\n\n  font-weight: 800;\n\n  letter-spacing: 1.7px;\n}\n\n.aa-clock-city {\n\n  max-width: 330px;\n\n  overflow: hidden;\n\n  color: var(--aa-blue);\n\n  font-size: 11px;\n\n  font-weight: 800;\n\n  letter-spacing: 1.5px;\n\n  text-overflow: ellipsis;\n\n  white-space: nowrap;\n}\n\n\n\/* horloge *\/\n\n.aa-clock-display {\n\n  display: flex;\n\n  flex: 0 0 auto;\n\n  align-items: center;\n\n  font-variant-numeric:\n    tabular-nums;\n}\n\n\n\/* chaque palette *\/\n\n.aa-flap {\n\n  position: relative;\n\n  display: flex;\n\n  width: 52px;\n  height: 45px;\n\n  align-items: center;\n  justify-content: center;\n\n  overflow: hidden;\n\n  border-radius: 7px;\n\n  border:\n    1px solid rgba(255,255,255,.09);\n\n  color: #fff;\n\n  background:\n    linear-gradient(\n      180deg,\n      #081a30 0%,\n      #07172a 49%,\n      #020d1a 50%,\n      #051426 100%\n    );\n\n  box-shadow:\n    inset 0 1px 0 rgba(255,255,255,.055),\n    inset 0 -1px 0 rgba(0,0,0,.45),\n    0 7px 17px rgba(0,0,0,.22);\n\n  font-family:\n    \"Courier New\",\n    Courier,\n    monospace;\n\n  font-size: 23px;\n\n  font-weight: 700;\n\n  letter-spacing: 1px;\n\n  text-shadow:\n    0 0 10px rgba(66,200,255,.20);\n\n  transform-style:\n    preserve-3d;\n}\n\n\n\/* s\u00e9paration m\u00e9canique horizontale *\/\n\n.aa-flap::after {\n\n  content: \"\";\n\n  position: absolute;\n\n  z-index: 2;\n\n  top: 50%;\n  left: 0;\n  right: 0;\n\n  height: 1px;\n\n  background:\n    rgba(0,0,0,.85);\n\n  box-shadow:\n    0 1px 0 rgba(255,255,255,.045);\n\n  pointer-events: none;\n}\n\n\n\/* petite ombre centrale *\/\n\n.aa-flap::before {\n\n  content: \"\";\n\n  position: absolute;\n\n  z-index: 1;\n\n  top: calc(50% - 4px);\n  left: 0;\n  right: 0;\n\n  height: 8px;\n\n  pointer-events: none;\n\n  background:\n    linear-gradient(\n      180deg,\n      transparent,\n      rgba(0,0,0,.18),\n      transparent\n    );\n}\n\n\n.aa-flap span {\n\n  position: relative;\n\n  z-index: 3;\n}\n\n\n\/* secondes en bleu *\/\n\n.aa-flap-seconds {\n\n  color: var(--aa-blue);\n\n  border-color:\n    rgba(66,200,255,.18);\n}\n\n\n\/* deux-points *\/\n\n.aa-clock-separator {\n\n  margin: 0 6px;\n\n  color:\n    rgba(66,200,255,.72);\n\n  font-family:\n    \"Courier New\",\n    Courier,\n    monospace;\n\n  font-size: 22px;\n\n  font-weight: 700;\n\n  animation:\n    aa-clock-blink 1s steps(1) infinite;\n}\n\n\n@keyframes aa-clock-blink {\n\n  0%,\n  49% {\n    opacity: 1;\n  }\n\n  50%,\n  100% {\n    opacity: .30;\n  }\n\n}\n\n\n\/* effet palette *\/\n\n.aa-flap.aa-flip {\n\n  animation:\n    aa-flap-change .18s ease;\n}\n\n\n@keyframes aa-flap-change {\n\n  0% {\n    transform:\n      perspective(180px)\n      rotateX(0deg);\n  }\n\n  45% {\n    transform:\n      perspective(180px)\n      rotateX(-17deg);\n\n    filter:\n      brightness(.72);\n  }\n\n  100% {\n    transform:\n      perspective(180px)\n      rotateX(0deg);\n\n    filter:\n      brightness(1);\n  }\n\n}\n\n\n\/* ==========================================================\n   LOADING\n   ========================================================== *\/\n\n.aa-loading {\n\n  display: flex;\n\n  min-height: 150px;\n\n  align-items: center;\n  justify-content: center;\n\n  gap: 17px;\n\n  padding: 25px;\n\n  border-radius: 21px;\n\n  background: rgba(0,13,34,.54);\n\n  border:\n    1px solid rgba(70,195,255,.16);\n}\n\n.aa-spinner {\n\n  width: 33px;\n  height: 33px;\n\n  border-radius: 50%;\n\n  border:\n    3px solid rgba(60,195,255,.14);\n\n  border-top-color:\n    var(--aa-blue);\n\n  animation:\n    aa-spin .8s linear infinite;\n}\n\n@keyframes aa-spin {\n\n  to {\n    transform: rotate(360deg);\n  }\n}\n\n.aa-loading strong {\n\n  display: block;\n\n  margin-bottom: 5px;\n\n  font-size: 14px;\n}\n\n.aa-loading span {\n\n  display: block;\n\n  color: rgba(255,255,255,.48);\n\n  font-size: 11px;\n}\n\n\n\/* ==========================================================\n   ERREUR\n   ========================================================== *\/\n\n.aa-error {\n\n  padding: 32px;\n\n  text-align: center;\n\n  border-radius: 21px;\n\n  background: rgba(0,13,34,.55);\n\n  border:\n    1px solid rgba(70,195,255,.17);\n}\n\n.aa-error-plane {\n\n  margin-bottom: 10px;\n\n  color: var(--aa-blue);\n\n  font-size: 32px;\n}\n\n.aa-error strong,\n.aa-error span {\n\n  display: block;\n}\n\n.aa-error span {\n\n  margin: 7px 0 18px;\n\n  color: var(--aa-muted);\n\n  font-size: 12px;\n}\n\n#aa-retry {\n\n  padding: 10px 18px !important;\n\n  border:\n    1px solid rgba(66,200,255,.35) !important;\n\n  border-radius: 30px !important;\n\n  cursor: pointer;\n\n  color: var(--aa-blue) !important;\n\n  background:\n    rgba(66,200,255,.09) !important;\n}\n\n\n\/* ==========================================================\n   \u00c9MISSION\n   ========================================================== *\/\n\n.aa-episode {\n\n  padding: 29px;\n\n  border-radius: 22px;\n\n  background:\n    linear-gradient(\n      125deg,\n      rgba(10,81,148,.70),\n      rgba(0,14,37,.73)\n    );\n\n  border:\n    1px solid rgba(75,198,255,.21);\n\n  box-shadow:\n    inset 0 1px 0 rgba(255,255,255,.03);\n}\n\n.aa-episode-head {\n\n  display: flex;\n\n  justify-content: space-between;\n\n  gap: 20px;\n}\n\n.aa-status {\n\n  display: flex;\n\n  align-items: center;\n\n  gap: 7px;\n\n  margin-bottom: 9px;\n\n  color: var(--aa-blue);\n\n  font-size: 9px;\n\n  font-weight: 800;\n\n  letter-spacing: 1.6px;\n}\n\n.aa-status i {\n\n  width: 7px;\n  height: 7px;\n\n  border-radius: 50%;\n\n  background: var(--aa-blue);\n\n  box-shadow:\n    0 0 12px var(--aa-blue);\n}\n\n#actu-aero-app h3 {\n\n  margin: 0 !important;\n\n  padding: 0 !important;\n\n  color: #fff !important;\n\n  font-size:\n    clamp(21px,3vw,28px);\n\n  line-height: 1.25;\n\n  font-weight: 780;\n}\n\n.aa-date {\n\n  margin-top: 8px;\n\n  color:\n    rgba(255,255,255,.59);\n\n  font-size: 12px;\n}\n\n.aa-plane {\n\n  color: var(--aa-blue);\n\n  font-size: 33px;\n\n  transform:\n    rotate(-12deg);\n}\n\n\n\/* ==========================================================\n   DESCRIPTION\n   ========================================================== *\/\n\n.aa-description {\n\n  max-width: 850px;\n\n  margin-top: 24px;\n\n  padding-top: 20px;\n\n  border-top:\n    1px solid rgba(255,255,255,.08);\n\n  color:\n    rgba(255,255,255,.76);\n\n  font-size: 12px;\n\n  line-height: 1.65;\n}\n\n.aa-description p {\n\n  margin:\n    0 0 13px !important;\n\n  padding: 0 !important;\n\n  color:\n    rgba(255,255,255,.76) !important;\n\n  font-size: inherit;\n\n  line-height: 1.65;\n}\n\n.aa-description p:first-child {\n\n  color: #fff !important;\n\n  font-weight: 700;\n}\n\n.aa-description ul,\n.aa-description ol {\n\n  display: grid;\n\n  gap: 10px;\n\n  margin:\n    11px 0 5px !important;\n\n  padding:\n    0 0 0 3px !important;\n\n  list-style: none !important;\n}\n\n.aa-description li {\n\n  position: relative;\n\n  margin: 0 !important;\n\n  padding:\n    0 0 0 20px !important;\n\n  color:\n    rgba(255,255,255,.77) !important;\n\n  line-height: 1.55;\n\n  list-style: none !important;\n}\n\n.aa-description li::before {\n\n  content: \"\";\n\n  position: absolute;\n\n  top: .65em;\n  left: 1px;\n\n  width: 7px;\n  height: 7px;\n\n  transform:\n    translateY(-50%);\n\n  border-radius: 50%;\n\n  background:\n    var(--aa-blue);\n\n  box-shadow:\n    0 0 9px rgba(66,200,255,.32);\n}\n\n.aa-description strong,\n.aa-description b {\n\n  color: #fff;\n\n  font-weight: 700;\n}\n\n\n\/* ==========================================================\n   REPRISE\n   ========================================================== *\/\n\n.aa-resume {\n\n  display: flex;\n\n  align-items: center;\n  justify-content: space-between;\n\n  gap: 20px;\n\n  margin-top: 20px;\n\n  padding: 13px 16px;\n\n  border-radius: 13px;\n\n  background:\n    rgba(65,199,255,.09);\n\n  border:\n    1px solid rgba(65,199,255,.19);\n}\n\n.aa-resume strong {\n\n  display: block;\n\n  margin-bottom: 2px;\n\n  font-size: 11px;\n}\n\n.aa-resume span {\n\n  color:\n    rgba(255,255,255,.55);\n\n  font-size: 10px;\n}\n\n#aa-resume-button {\n\n  flex: 0 0 auto;\n\n  padding:\n    8px 13px !important;\n\n  border: 0 !important;\n\n  border-radius:\n    20px !important;\n\n  cursor: pointer;\n\n  color:\n    #042344 !important;\n\n  background:\n    var(--aa-blue) !important;\n\n  font-size: 10px;\n\n  font-weight: 800;\n}\n\n\n\/* ==========================================================\n   PLAYER\n   ========================================================== *\/\n\n.aa-player {\n\n  display: flex;\n\n  align-items: center;\n\n  gap: 16px;\n\n  margin-top: 24px;\n\n  padding: 17px;\n\n  border-radius: 18px;\n\n  background:\n    rgba(0,8,25,.62);\n\n  border:\n    1px solid rgba(255,255,255,.06);\n}\n\n.aa-play {\n\n  display: flex !important;\n\n  flex: 0 0 54px;\n\n  width: 54px !important;\n  height: 54px !important;\n\n  align-items: center;\n  justify-content: center;\n\n  padding:\n    0 0 0 3px !important;\n\n  border: 0 !important;\n\n  border-radius:\n    50% !important;\n\n  cursor: pointer;\n\n  color:\n    #032449 !important;\n\n  background:\n    linear-gradient(\n      135deg,\n      #62d7ff,\n      #1795e3\n    ) !important;\n\n  box-shadow:\n    0 8px 25px rgba(28,179,240,.25);\n\n  transition:\n    transform .18s ease;\n}\n\n.aa-play:hover {\n\n  transform:\n    scale(1.06);\n}\n\n.aa-player-main {\n\n  flex: 1;\n\n  min-width: 0;\n}\n\n.aa-player-info {\n\n  display: grid;\n\n  grid-template-columns:\n    auto 1fr auto;\n\n  align-items: center;\n\n  gap: 12px;\n\n  margin-bottom: 8px;\n\n  color:\n    rgba(255,255,255,.55);\n\n  font-size: 9px;\n\n  font-variant-numeric:\n    tabular-nums;\n}\n\n.aa-audio-status {\n\n  overflow: hidden;\n\n  text-align: center;\n\n  text-overflow: ellipsis;\n\n  white-space: nowrap;\n\n  color:\n    rgba(66,200,255,.72);\n}\n\n.aa-progress-wrap {\n\n  position: relative;\n\n  display: flex;\n\n  height: 18px;\n\n  align-items: center;\n}\n\n.aa-progress-wrap::before {\n\n  content: \"\";\n\n  position: absolute;\n\n  z-index: 0;\n\n  left: 0;\n  right: 0;\n\n  height: 4px;\n\n  border-radius: 10px;\n\n  background:\n    rgba(255,255,255,.17);\n}\n\n.aa-progress-fill {\n\n  position: absolute;\n\n  z-index: 1;\n\n  left: 0;\n\n  width: 0%;\n  height: 4px;\n\n  pointer-events: none;\n\n  border-radius: 10px;\n\n  background:\n    linear-gradient(\n      90deg,\n      #27baff,\n      #6edcff\n    );\n}\n\n#aa-progress {\n\n  position: relative;\n\n  z-index: 2;\n\n  width: 100%;\n  height: 18px;\n\n  margin: 0 !important;\n\n  cursor: pointer;\n\n  opacity: .01;\n}\n\n.aa-volume {\n\n  flex: 0 0 43px;\n\n  width: 43px !important;\n  height: 43px !important;\n\n  padding: 0 !important;\n\n  border: 0 !important;\n\n  border-radius:\n    50% !important;\n\n  cursor: pointer;\n\n  color: #fff !important;\n\n  background:\n    rgba(255,255,255,.065) !important;\n}\n\n\n\/* ==========================================================\n   CONTR\u00d4LES\n   ========================================================== *\/\n\n.aa-controls {\n\n  display: flex;\n\n  align-items: center;\n  justify-content: space-between;\n\n  gap: 15px;\n\n  margin-top: 13px;\n}\n\n.aa-skip,\n.aa-secondary-controls {\n\n  display: flex;\n\n  align-items: center;\n\n  gap: 8px;\n}\n\n.aa-controls button {\n\n  min-height: 35px;\n\n  padding:\n    0 13px !important;\n\n  border:\n    1px solid rgba(255,255,255,.08) !important;\n\n  border-radius:\n    30px !important;\n\n  cursor: pointer;\n\n  color:\n    rgba(255,255,255,.77) !important;\n\n  background:\n    rgba(255,255,255,.045) !important;\n\n  font-size: 10px;\n}\n\n.aa-controls button:hover {\n\n  border-color:\n    rgba(66,200,255,.30) !important;\n\n  color:\n    var(--aa-blue) !important;\n}\n\n.aa-share {\n\n  display: flex;\n\n  align-items: center;\n\n  gap: 6px;\n}\n\n.aa-speed {\n\n  display: flex;\n\n  align-items: center;\n\n  gap: 7px;\n}\n\n.aa-speed label {\n\n  color:\n    rgba(255,255,255,.43);\n\n  font-size: 9px;\n}\n\n#aa-speed {\n\n  min-height: 35px;\n\n  padding: 0 10px;\n\n  border:\n    1px solid rgba(255,255,255,.10);\n\n  border-radius: 9px;\n\n  background: #082c58;\n\n  color: #fff;\n\n  font-size: 10px;\n}\n\n\n\/* ==========================================================\n   NAVIGATION\n   ========================================================== *\/\n\n.aa-navigation {\n\n  display: grid;\n\n  grid-template-columns:\n    1fr 1fr;\n\n  gap: 12px;\n\n  margin-top: 20px;\n\n  padding-top: 18px;\n\n  border-top:\n    1px solid rgba(255,255,255,.07);\n}\n\n.aa-navigation button {\n\n  display: flex !important;\n\n  align-items: center;\n\n  gap: 10px;\n\n  min-height: 51px;\n\n  padding:\n    8px 12px !important;\n\n  border:\n    1px solid rgba(255,255,255,.06) !important;\n\n  border-radius:\n    12px !important;\n\n  cursor: pointer;\n\n  color:\n    #fff !important;\n\n  background:\n    rgba(255,255,255,.025) !important;\n\n  text-align: left;\n}\n\n.aa-navigation button:last-child {\n\n  justify-content: flex-end;\n\n  text-align: right;\n}\n\n.aa-navigation button:hover:not(:disabled) {\n\n  border-color:\n    rgba(66,200,255,.23) !important;\n\n  background:\n    rgba(66,200,255,.06) !important;\n}\n\n.aa-navigation button:disabled {\n\n  opacity: .25;\n\n  cursor: default;\n}\n\n.aa-nav-arrow {\n\n  color: var(--aa-blue);\n\n  font-size: 18px;\n}\n\n.aa-nav-copy {\n\n  display: flex;\n\n  flex-direction: column;\n}\n\n.aa-nav-copy small {\n\n  margin-bottom: 2px;\n\n  color:\n    rgba(255,255,255,.38);\n\n  font-size: 7px;\n\n  font-weight: 800;\n\n  letter-spacing: 1px;\n}\n\n.aa-nav-copy strong {\n\n  color: var(--aa-blue);\n\n  font-size: 11px;\n}\n\n\n\/* ==========================================================\n   ARCHIVES\n   ========================================================== *\/\n\n.aa-archives {\n\n  margin-top: 19px;\n\n  padding: 25px;\n\n  border-radius: 21px;\n\n  background:\n    rgba(0,13,35,.49);\n\n  border:\n    1px solid rgba(70,195,255,.15);\n}\n\n.aa-archives-head {\n\n  display: flex;\n\n  align-items: center;\n  justify-content: space-between;\n\n  gap: 15px;\n\n  margin-bottom: 21px;\n}\n\n.aa-archive-kicker {\n\n  margin-bottom: 4px;\n\n  color: var(--aa-blue);\n\n  font-size: 9px;\n\n  font-weight: 800;\n\n  letter-spacing: 1.6px;\n}\n\n#actu-aero-app h4 {\n\n  margin: 0 !important;\n\n  padding: 0 !important;\n\n  color: #fff !important;\n\n  font-size: 16px;\n}\n\n.aa-count {\n\n  padding: 5px 10px;\n\n  border-radius: 30px;\n\n  color: var(--aa-blue);\n\n  background:\n    rgba(66,200,255,.10);\n\n  font-size: 10px;\n}\n\n\n\/* ==========================================================\n   RECHERCHE\n   ========================================================== *\/\n\n.aa-date-search {\n\n  display: grid;\n\n  grid-template-columns:\n    minmax(180px,.7fr)\n    auto\n    minmax(280px,1.3fr);\n\n  align-items: end;\n\n  gap: 13px;\n}\n\n.aa-field {\n\n  min-width: 0;\n}\n\n.aa-field label {\n\n  display: block;\n\n  margin-bottom: 7px;\n\n  color:\n    rgba(255,255,255,.53);\n\n  font-size: 10px;\n}\n\n.aa-input-wrap,\n.aa-select-wrap {\n\n  position: relative;\n}\n\n.aa-input-icon {\n\n  position: absolute;\n\n  z-index: 3;\n\n  top: 50%;\n  left: 14px;\n\n  transform:\n    translateY(-50%);\n\n  pointer-events: none;\n\n  font-size: 13px;\n}\n\n#aa-date-picker,\n#aa-select {\n\n  width: 100%;\n\n  min-height: 52px;\n\n  margin: 0 !important;\n\n  border:\n    1px solid rgba(70,198,255,.23) !important;\n\n  border-radius:\n    13px !important;\n\n  outline: none;\n\n  background:\n    #082b56 !important;\n\n  color:\n    #fff !important;\n\n  font-family: inherit;\n\n  font-size: 11px;\n}\n\n#aa-date-picker {\n\n  padding:\n    0 12px 0 43px !important;\n\n  color-scheme: dark;\n}\n\n#aa-select {\n\n  padding:\n    0 43px !important;\n\n  appearance: none;\n\n  -webkit-appearance: none;\n\n  cursor: pointer;\n}\n\n#aa-date-picker:focus,\n#aa-select:focus {\n\n  border-color:\n    var(--aa-blue) !important;\n\n  box-shadow:\n    0 0 0 3px rgba(66,200,255,.10);\n}\n\n.aa-select-arrow {\n\n  position: absolute;\n\n  top: 50%;\n  right: 16px;\n\n  transform:\n    translateY(-50%);\n\n  pointer-events: none;\n\n  color: var(--aa-blue);\n\n  font-size: 8px;\n}\n\n.aa-or {\n\n  padding-bottom: 18px;\n\n  color:\n    rgba(255,255,255,.27);\n\n  font-size: 8px;\n\n  font-weight: 800;\n\n  letter-spacing: 1px;\n}\n\n.aa-date-message {\n\n  min-height: 16px;\n\n  margin-top: 9px;\n\n  color:\n    rgba(66,200,255,.72);\n\n  font-size: 9px;\n}\n\n\n\/* ==========================================================\n   FOOTER\n   ========================================================== *\/\n\n.aa-footer {\n\n  display: flex;\n\n  align-items: center;\n  justify-content: space-between;\n\n  gap: 20px;\n\n  margin-top: 23px;\n}\n\n.aa-sync {\n\n  display: flex;\n\n  align-items: center;\n\n  gap: 7px;\n\n  color:\n    rgba(255,255,255,.42);\n\n  font-size: 9px;\n}\n\n.aa-sync i {\n\n  width: 6px;\n  height: 6px;\n\n  border-radius: 50%;\n\n  background:\n    var(--aa-blue);\n\n  box-shadow:\n    0 0 9px var(--aa-blue);\n}\n\n.aa-footer a {\n\n  color:\n    var(--aa-blue) !important;\n\n  text-decoration:\n    none !important;\n\n  font-size: 10px;\n\n  font-weight: 750;\n}\n\n.aa-footer a span {\n\n  display: inline-block;\n\n  margin-left: 3px;\n\n  transition:\n    transform .15s ease;\n}\n\n.aa-footer a:hover span {\n\n  transform:\n    translateX(3px);\n}\n\n\n\/* ==========================================================\n   UTILITAIRE\n   ========================================================== *\/\n\n.aa-hidden {\n\n  display: none !important;\n}\n\n\n\/* ==========================================================\n   TABLETTE\n   ========================================================== *\/\n\n@media (max-width: 760px) {\n\n  .aa-content {\n\n    padding:\n      28px 22px;\n  }\n\n\n  .aa-date-search {\n\n    grid-template-columns:\n      1fr;\n  }\n\n\n  .aa-or {\n\n    padding: 0;\n\n    text-align: center;\n  }\n\n}\n\n\n\/* ==========================================================\n   MOBILE\n   ========================================================== *\/\n\n@media (max-width: 600px) {\n\n  #actu-aero-app {\n\n    margin:\n      18px auto;\n\n    border-radius:\n      20px;\n  }\n\n\n  .aa-content {\n\n    padding:\n      23px 16px;\n  }\n\n\n  .aa-brand {\n\n    align-items:\n      flex-start;\n\n    gap:\n      14px;\n\n    margin-bottom:\n      20px;\n  }\n\n\n  .aa-mic {\n\n    flex-basis:\n      57px;\n\n    width:\n      57px;\n\n    height:\n      57px;\n\n    border-radius:\n      16px;\n  }\n\n\n  .aa-mic svg {\n\n    width:\n      27px;\n\n    height:\n      27px;\n  }\n\n\n  #actu-aero-app h2 {\n\n    font-size:\n      23px;\n  }\n\n\n  .aa-intro {\n\n    font-size:\n      12px;\n  }\n\n\n  \/* HORLOGE MOBILE *\/\n\n  .aa-airport-clock {\n\n    align-items:\n      flex-start;\n\n    flex-direction:\n      column;\n\n    gap:\n      13px;\n\n    margin-bottom:\n      22px;\n\n    padding:\n      14px;\n  }\n\n\n  .aa-clock-display {\n\n    width: 100%;\n\n    justify-content:\n      center;\n  }\n\n\n  .aa-clock-city {\n\n    max-width:\n      240px;\n  }\n\n\n  .aa-flap {\n\n    width:\n      47px;\n\n    height:\n      42px;\n\n    font-size:\n      21px;\n  }\n\n\n  .aa-clock-separator {\n\n    margin:\n      0 5px;\n\n    font-size:\n      20px;\n  }\n\n\n  .aa-episode {\n\n    padding:\n      19px;\n  }\n\n\n  .aa-plane {\n\n    display:\n      none;\n  }\n\n\n  .aa-description {\n\n    margin-top:\n      20px;\n\n    padding-top:\n      17px;\n\n    font-size:\n      11.5px;\n  }\n\n\n  .aa-description ul,\n  .aa-description ol {\n\n    gap:\n      9px;\n  }\n\n\n  .aa-description li {\n\n    padding-left:\n      18px !important;\n  }\n\n\n  .aa-player {\n\n    gap:\n      10px;\n\n    padding:\n      12px;\n  }\n\n\n  .aa-play {\n\n    flex-basis:\n      47px;\n\n    width:\n      47px !important;\n\n    height:\n      47px !important;\n  }\n\n\n  .aa-volume {\n\n    flex-basis:\n      38px;\n\n    width:\n      38px !important;\n\n    height:\n      38px !important;\n  }\n\n\n  .aa-audio-status {\n\n    display:\n      none;\n  }\n\n\n  .aa-player-info {\n\n    grid-template-columns:\n      auto 1fr;\n  }\n\n\n  .aa-player-info #aa-duration {\n\n    text-align:\n      right;\n  }\n\n\n  .aa-controls {\n\n    align-items:\n      flex-start;\n\n    flex-direction:\n      column;\n  }\n\n\n  .aa-secondary-controls {\n\n    width:\n      100%;\n\n    justify-content:\n      space-between;\n  }\n\n\n  .aa-navigation {\n\n    grid-template-columns:\n      1fr;\n  }\n\n\n  .aa-resume {\n\n    align-items:\n      flex-start;\n\n    flex-direction:\n      column;\n  }\n\n\n  .aa-archives {\n\n    padding:\n      19px;\n  }\n\n\n  .aa-footer {\n\n    align-items:\n      flex-start;\n\n    flex-direction:\n      column;\n  }\n\n}\n\n\n\/* ==========================================================\n   TR\u00c8S PETIT \u00c9CRAN\n   ========================================================== *\/\n\n@media (max-width: 400px) {\n\n  .aa-brand {\n\n    flex-direction:\n      column;\n  }\n\n\n  .aa-flap {\n\n    width:\n      41px;\n\n    height:\n      39px;\n\n    font-size:\n      19px;\n  }\n\n\n  .aa-clock-separator {\n\n    margin:\n      0 3px;\n  }\n\n\n  .aa-skip {\n\n    width:\n      100%;\n  }\n\n\n  .aa-skip button {\n\n    flex:\n      1;\n  }\n\n\n  .aa-secondary-controls {\n\n    align-items:\n      flex-start;\n\n    flex-direction:\n      column;\n  }\n\n}\n\n<\/style>\n\n\n<!-- =========================================================\n     V5 \u2014 JAVASCRIPT DE L'HORLOGE\n     Le JavaScript du lecteur reste g\u00e9r\u00e9 par le PHP V4.\n     ========================================================= -->\n\n<script id=\"actu-aero-v5-clock\">\n\n(function () {\n\n  \"use strict\";\n\n\n  \/* ========================================================\n     \u00c9L\u00c9MENTS\n     ======================================================== *\/\n\n  var hour =\n    document.getElementById(\n      \"aa-hour\"\n    );\n\n  var minute =\n    document.getElementById(\n      \"aa-minute\"\n    );\n\n  var second =\n    document.getElementById(\n      \"aa-second\"\n    );\n\n  var city =\n    document.getElementById(\n      \"aa-clock-city\"\n    );\n\n\n  if (\n    !hour ||\n    !minute ||\n    !second ||\n    !city\n  ) {\n\n    return;\n  }\n\n\n  \/* ========================================================\n     VARIABLES\n     ======================================================== *\/\n\n  var timezone = null;\n\n  var previousHour = \"\";\n  var previousMinute = \"\";\n  var previousSecond = \"\";\n\n\n  \/* ========================================================\n     MODIFICATION D'UNE PALETTE\n     ======================================================== *\/\n\n  function setFlap(\n    element,\n    value,\n    previous\n  ) {\n\n    if (value === previous) {\n      return;\n    }\n\n\n    element.textContent =\n      value;\n\n\n    var flap =\n      element.parentElement;\n\n\n    if (!flap) {\n      return;\n    }\n\n\n    flap.classList.remove(\n      \"aa-flip\"\n    );\n\n\n    \/*\n     * Force le navigateur \u00e0 recalculer\n     * l'\u00e9l\u00e9ment pour rejouer l'animation.\n     *\/\n\n    void flap.offsetWidth;\n\n\n    flap.classList.add(\n      \"aa-flip\"\n    );\n\n  }\n\n\n  \/* ========================================================\n     AFFICHAGE DE L'HEURE\n     ======================================================== *\/\n\n  function updateClock() {\n\n    var now =\n      new Date();\n\n\n    var options = {\n\n      hour:\n        \"2-digit\",\n\n      minute:\n        \"2-digit\",\n\n      second:\n        \"2-digit\",\n\n      hour12:\n        false\n\n    };\n\n\n    \/*\n     * Si la localisation IP nous a donn\u00e9\n     * un fuseau horaire valide, on l'utilise.\n     *\n     * Sinon, Intl utilise automatiquement\n     * le fuseau horaire du navigateur.\n     *\/\n\n    if (timezone) {\n\n      options.timeZone =\n        timezone;\n    }\n\n\n    var parts;\n\n\n    try {\n\n      parts =\n        new Intl.DateTimeFormat(\n          \"fr-FR\",\n          options\n        ).formatToParts(now);\n\n    }\n\n    catch (error) {\n\n      \/*\n       * En cas de fuseau invalide :\n       * retour \u00e0 l'heure locale du navigateur.\n       *\/\n\n      timezone = null;\n\n      delete options.timeZone;\n\n\n      parts =\n        new Intl.DateTimeFormat(\n          \"fr-FR\",\n          options\n        ).formatToParts(now);\n\n    }\n\n\n    var values = {};\n\n\n    parts.forEach(\n      function (part) {\n\n        values[part.type] =\n          part.value;\n\n      }\n    );\n\n\n    var h =\n      values.hour || \"--\";\n\n    var m =\n      values.minute || \"--\";\n\n    var s =\n      values.second || \"--\";\n\n\n    setFlap(\n      hour,\n      h,\n      previousHour\n    );\n\n\n    setFlap(\n      minute,\n      m,\n      previousMinute\n    );\n\n\n    setFlap(\n      second,\n      s,\n      previousSecond\n    );\n\n\n    previousHour =\n      h;\n\n    previousMinute =\n      m;\n\n    previousSecond =\n      s;\n\n  }\n\n\n  \/* ========================================================\n     NOM DU FUSEAU EN FALLBACK\n     ======================================================== *\/\n\n  function browserTimezoneName() {\n\n    try {\n\n      var detected =\n        Intl\n        .DateTimeFormat()\n        .resolvedOptions()\n        .timeZone;\n\n\n      if (!detected) {\n\n        return \"HEURE LOCALE\";\n      }\n\n\n      \/*\n       * Exemple :\n       *\n       * America\/New_York -> NEW YORK\n       * Europe\/Paris     -> PARIS\n       *\/\n\n      var pieces =\n        detected.split(\"\/\");\n\n\n      var name =\n        pieces[\n          pieces.length - 1\n        ];\n\n\n      name =\n        name.replace(\n          \/_\/g,\n          \" \"\n        );\n\n\n      return name\n        .toLocaleUpperCase(\n          \"fr-FR\"\n        );\n\n    }\n\n    catch (error) {\n\n      return \"HEURE LOCALE\";\n    }\n\n  }\n\n\n  \/* ========================================================\n     LOCALISATION IP APPROXIMATIVE\n     ======================================================== *\/\n\n  function detectLocation() {\n\n    \/*\n     * IMPORTANT :\n     *\n     * Il ne s'agit PAS de la g\u00e9olocalisation\n     * GPS du navigateur.\n     *\n     * Aucune fen\u00eatre de permission GPS\n     * ne doit appara\u00eetre.\n     *\n     * Le service externe estime la ville\n     * depuis l'adresse IP publique.\n     *\/\n\n\n    fetch(\n      \"https:\/\/ipapi.co\/json\/\",\n      {\n\n        method:\n          \"GET\",\n\n        mode:\n          \"cors\",\n\n        cache:\n          \"no-store\"\n\n      }\n    )\n\n\n    .then(\n      function (response) {\n\n        if (!response.ok) {\n\n          throw new Error(\n            \"Localisation indisponible\"\n          );\n        }\n\n\n        return response.json();\n\n      }\n    )\n\n\n    .then(\n      function (data) {\n\n\n        \/* -----------------------------------------------\n           VILLE\n           ----------------------------------------------- *\/\n\n        if (\n          data &&\n          data.city\n        ) {\n\n          city.textContent =\n            String(\n              data.city\n            )\n            .toLocaleUpperCase(\n              \"fr-FR\"\n            );\n\n        }\n\n        else {\n\n          city.textContent =\n            browserTimezoneName();\n        }\n\n\n        \/* -----------------------------------------------\n           FUSEAU HORAIRE\n           ----------------------------------------------- *\/\n\n        if (\n          data &&\n          data.timezone\n        ) {\n\n          timezone =\n            String(\n              data.timezone\n            );\n\n        }\n\n\n        \/*\n         * Actualisation imm\u00e9diate apr\u00e8s\n         * r\u00e9ception du fuseau.\n         *\/\n\n        updateClock();\n\n      }\n    )\n\n\n    .catch(\n      function () {\n\n        \/*\n         * Si le service externe ne r\u00e9pond pas,\n         * l'horloge continue de fonctionner\n         * avec le fuseau du navigateur.\n         *\/\n\n        city.textContent =\n          browserTimezoneName();\n\n      }\n    );\n\n  }\n\n\n  \/* ========================================================\n     D\u00c9MARRAGE\n     ======================================================== *\/\n\n\n  \/*\n   * Affiche imm\u00e9diatement l'heure locale\n   * du navigateur.\n   *\/\n\n  city.textContent =\n    browserTimezoneName();\n\n\n  updateClock();\n\n\n  \/*\n   * Mise \u00e0 jour toutes les secondes.\n   *\/\n\n  window.setInterval(\n    updateClock,\n    1000\n  );\n\n\n  \/*\n   * Puis tentative de d\u00e9tection plus pr\u00e9cise\n   * de la ville via IP.\n   *\/\n\n  detectLocation();\n\n\n})();\n\n<\/script>\n","protected":false},"excerpt":{"rendered":"<p>ECHO DU TARMAC \u2022 LE PODCAST Votre actualit\u00e9 a\u00e9ronautique Retrouvez les derni\u00e8res \u00e9ditions de Echo du Tarmac et choisissez directement l\u2019\u00e9mission que vous souhaitez \u00e9couter. HEURE LOCALE LOCALISATION&#8230; &#8212; : &#8212; : &#8212; Pr\u00e9paration du dernier \u00e9pisode&#8230; Synchronisation automatique des \u00e9missions \u2708 Impossible de charger les \u00e9missions Une erreur est survenue. R\u00e9essayer \u00c9MISSION S\u00c9LECTIONN\u00c9E Echo [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":160,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-150","page","type-page","status-publish","has-post-thumbnail","hentry"],"_links":{"self":[{"href":"https:\/\/alexandre-bourasseau.fr\/index.php\/wp-json\/wp\/v2\/pages\/150","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/alexandre-bourasseau.fr\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/alexandre-bourasseau.fr\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/alexandre-bourasseau.fr\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/alexandre-bourasseau.fr\/index.php\/wp-json\/wp\/v2\/comments?post=150"}],"version-history":[{"count":34,"href":"https:\/\/alexandre-bourasseau.fr\/index.php\/wp-json\/wp\/v2\/pages\/150\/revisions"}],"predecessor-version":[{"id":257,"href":"https:\/\/alexandre-bourasseau.fr\/index.php\/wp-json\/wp\/v2\/pages\/150\/revisions\/257"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/alexandre-bourasseau.fr\/index.php\/wp-json\/wp\/v2\/media\/160"}],"wp:attachment":[{"href":"https:\/\/alexandre-bourasseau.fr\/index.php\/wp-json\/wp\/v2\/media?parent=150"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}