Pas de fichier 20112022.json          <script>

          // $("title").html($("h1").html()+" - France sire");

          $(".wrap").append('<div class="play-wrapper" data-poster=""><svg version="1.1" xmlns="http://www.w3.org/2000/svg"viewBox="0 0 485 485"xml:space="preserve"><g fill="#FFF"><path d="M413.974,71.026C368.171,25.225,307.274,0,242.5,0S116.829,25.225,71.026,71.026C25.225,116.829,0,177.726,0,242.5 s25.225,125.671,71.026,171.474C116.829,459.775,177.726,485,242.5,485s125.671-25.225,171.474-71.026 C459.775,368.171,485,307.274,485,242.5S459.775,116.829,413.974,71.026z M242.5,455C125.327,455,30,359.673,30,242.5  S125.327,30,242.5,30S455,125.327,455,242.5S359.673,455,242.5,455z"/><polygon points="181.062,336.575 343.938,242.5 181.062,148.425  "/></g></svg></div>');
        </script>
          <style>
        .infoscourse{flex-direction: row; display: flex; flex-flow: row wrap; background: white; padding: 20px; width: calc(100% - 40px);}
        .infoscourse h1{display: block; width: 100%;}
        .infoscourse h1 span{font-size: 16px; font-weight: normal;}
        .wrap {
      width: 380px;
      height: 213px;
      padding: 0;
      overflow: hidden;
      background-color: black;
      background-size: contain;
      background-position: center;
      background-repeat: no-repeat;
      position: relative;
  }
    .wraptxt{width: calc(100% - 400px); padding: 0 10px;}
    .wrap iframe {
      width: 380px;
      height: 213px;
      border: 0;
    }
    .wrap iframe.frame{
      display: none;}

      #videocourse_details table #table_title th{text-align: center;}

    @media (max-width: 480px) {
      .wraptxt{width: calc(100%); padding: 0;}
      .infoscourse h1{font-size: 20px;}
      .infoscourse h1 span{font-size: 14px;}
      table tr{background: white; border-bottom: 1px solid #6f0e65; padding: 5px 0;}
      #videocourse_details table thead{display: none;}
      #videocourse_details table tr td:first-child{width: 20px;}
      #videocourse_details table tr td:nth-child(2){width: calc(100% - 10px);}
      #videocourse_details table tr td:nth-child(3){width: calc(100% - 10px); margin-left: 20px;}
      .page_videocourse div#zone_videocourse{padding: 10px;}
      .wrap, .wrap iframe {
        width: 90vw;
        height: calc(90vw * 9 / 16);
      }
      .infoscourse{width: calc(100% - 40px);}
      #videocourse_list table{width: calc(100% - 10px); margin-left: 5px;}
    }

    .essentiel{background: #6f0e65; color: white; padding: 10px;}
    #zoneA .essentiel h2{color: white; }
    table tr{ vertical-align: top;}
    #videocourse_details table tr td:first-child{width: 20px;}

    table a{color: #6f0e65;}
    table i{color: #666666;}




    .wrap img{z-index: 99; height: 100%; width:auto; margin: 0 auto;}

    .play-wrapper{ position: absolute; top:0; left:0; width: 100%; height: 100%; margin: 0 auto; opacity: .5; text-align: center;}
    .play-wrapper svg{ position: relative; height: 50%; margin: 12.5% auto 0;}

  </style>