<STYLE>
	@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@300;500;700&display=swap");

*,
*::before,
*::after {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

body {
  --color: rgba(30, 30, 30);
  --bgColor: rgba(245, 245, 245);
  min-height: 100vh;
  display: grid;
  align-content: center;
  gap: 2rem;
  padding: 2rem;
  font-family: "Poppins", sans-serif;
  color: var(--color);
  background: var(--bgColor);
}



ultm {
  --col-gap: 2rem;
  --row-gap: 2rem;
  --line-w: 0.25rem;
  display: grid;
  grid-template-columns: var(--line-w) 1fr;
  grid-auto-columns: max-content;
  column-gap: var(--col-gap);
  list-style: none;
  width: min(60rem, 90%);
  margin-inline: auto;
}

/* line */
ultm::before {
  content: "";
  grid-column: 1;
  grid-row: 1 / span 20;
  background: rgb(225, 225, 225);
  border-radius: calc(var(--line-w) / 2);
}

/* columns*/

/* row gaps */
ultm li:not(:last-child) {
  margin-bottom: var(--row-gap);
}

/* card */
ultm li {
  grid-column: 2;
  --inlineP: 1.5rem;
  margin-inline: var(--inlineP);
  grid-row: span 2;
  display: grid;
  grid-template-rows: min-content min-content min-content;
}

/* date */
ultm li .date {
  --dateH: 3rem;
  height: var(--dateH);
  margin-inline: calc(var(--inlineP) * -1);

  text-align: center;
  background-color: var(--accent-color);

  color: white;
  font-size: 1.25rem;
  font-weight: 700;

  display: grid;
  place-content: center;
  position: relative;

  border-radius: calc(var(--dateH) / 2) 0 0 calc(var(--dateH) / 2);
}

/* date flap */
ultm li .date::before {
  content: "";
  width: var(--inlineP);
  aspect-ratio: 1;
  background: var(--accent-color);
  background-image: linear-gradient(rgba(0, 0, 0, 0.2) 100%, transparent);
  position: absolute;
  top: 100%;

  clip-path: polygon(0 0, 100% 0, 0 100%);
  right: 0;
}

/* circle */
ultm li .date::after {
  content: "";
  position: absolute;
  width: 2rem;
  aspect-ratio: 1;
  background: var(--bgColor);
  border: 0.3rem solid var(--accent-color);
  border-radius: 50%;
  top: 50%;

  transform: translate(50%, -50%);
  right: calc(100% + var(--col-gap) + var(--line-w) / 2);
}

/* title descr */
ultm li .title,
ultm li .descr {
  background: var(--bgColor);
  position: relative;
  padding-inline: 1.5rem;
}
ultm li .title {
  overflow: hidden;
  padding-block-start: 1.5rem;
  padding-block-end: 1rem;
  font-weight: 500;
}
ultm li .descr {
  padding-block-end: 1.5rem;
  font-weight: 300;
}

/* shadows */
ultm li .title::before,
ultm li .descr::before {
  content: "";
  position: absolute;
  width: 90%;
  height: 0.5rem;
  background: rgba(0, 0, 0, 0.5);
  left: 50%;
  border-radius: 50%;
  filter: blur(4px);
  transform: translate(-50%, 50%);
}
ultm li .title::before {
  bottom: calc(100% + 0.125rem);
}

ultm li .descr::before {
  z-index: -1;
  bottom: 0.25rem;
}

@media (min-width: 40rem) {
  ultm {
    grid-template-columns: 1fr var(--line-w) 1fr;
  }
  ultm::before {
    grid-column: 2;
  }
  ultm li:nth-child(odd) {
    grid-column: 1;
  }
  ultm li:nth-child(even) {
    grid-column: 3;
  }

  /* start second card */
  ultm li:nth-child(2) {
    grid-row: 2/4;
  }

  ultm li:nth-child(odd) .date::before {
    clip-path: polygon(0 0, 100% 0, 100% 100%);
    left: 0;
  }

  ultm li:nth-child(odd) .date::after {
    transform: translate(-50%, -50%);
    left: calc(100% + var(--col-gap) + var(--line-w) / 2);
  }
  ultm li:nth-child(odd) .date {
    border-radius: 0 calc(var(--dateH) / 2) calc(var(--dateH) / 2) 0;
  }
}



</STYLE>Choisir une catégorie et une année <br><table width='100%'><tr><TD>-> Formule 1<br>---> <a href='https://www.carrera-fun.com/?page_id=&type=Formule 1&annee=2026'>2026</a><br>---> <a href='https://www.carrera-fun.com/?page_id=&type=Formule 1&annee=2025'>2025</a><br>---> <a href='https://www.carrera-fun.com/?page_id=&type=Formule 1&annee=2024'>2024</a><br>---> <a href='https://www.carrera-fun.com/?page_id=&type=Formule 1&annee=2023'>2023</a><br>---> <a href='https://www.carrera-fun.com/?page_id=&type=Formule 1&annee=2022'>2022</a><br>---> <a href='https://www.carrera-fun.com/?page_id=&type=Formule 1&annee=2021'>2021</a><br><br></TD><TD>-> Formule E<br>---> <a href='https://www.carrera-fun.com/?page_id=&type=Formule E&annee=2026'>2026</a><br>---> <a href='https://www.carrera-fun.com/?page_id=&type=Formule E&annee=2025'>2025</a><br>---> <a href='https://www.carrera-fun.com/?page_id=&type=Formule E&annee=2024'>2024</a><br>---> <a href='https://www.carrera-fun.com/?page_id=&type=Formule E&annee=2023'>2023</a><br>---> <a href='https://www.carrera-fun.com/?page_id=&type=Formule E&annee=2022'>2022</a><br>---> <a href='https://www.carrera-fun.com/?page_id=&type=Formule E&annee=2021'>2021</a><br><br></TD></TR></TABLE><br><ultm>
    <li style="--accent-color:#1111FF">
        <div class="date">08 mars 2026</div>
        <div class="title">Grand Prix dAustralie - Melbourne'</div>
        <div class="descr"><br><A HREF='https://www.carrera-fun.com/?page_id=7626&go43_level3=1&go43_param_1=HYB_AU_MELB'><img src='https://www.carrera-fun.com/wp-content/plugins/carrerago/includes/datas/hybrid_real/HYB_au_melbourne.svg' alt='' width=250></A></div>
    </li>    <li style="--accent-color:#FF1111">
        <div class="date">15 mars 2026</div>
        <div class="title">Grand Prix de Chine - Shanghai</div>
        <div class="descr"><br><A HREF='https://www.carrera-fun.com/?page_id=7626&go43_level3=1&go43_param_1=HYB_CN_SHANGHAI'><img src='https://www.carrera-fun.com/wp-content/plugins/carrerago/includes/datas/hybrid_real/HYB_cn_shanghai_f1.svg' alt='' width=250></A></div>
    </li>    <li style="--accent-color:#FBCA3E">
        <div class="date">29 mars 2026</div>
        <div class="title">Grand Prix du Japon - Suzuka</div>
        <div class="descr"><br><A HREF='https://www.carrera-fun.com/?page_id=7626&go43_level3=1&go43_param_1=HYB_JP_SUZUKA'><img src='https://www.carrera-fun.com/wp-content/plugins/carrerago/includes/datas/hybrid_real/HYB_jp_suzuka_f1.svg' alt='' width=250></A></div>
    </li>    <li style="--accent-color:#E24A68">
        <div class="date">12 avril 2026</div>
        <div class="title">Grand Prix de Bahrein - Sakhir</div>
        <div class="descr"><br><A HREF='https://www.carrera-fun.com/?page_id=7626&go43_level3=1&go43_param_1=HYB_BH_SAKHIR'><img src='https://www.carrera-fun.com/wp-content/plugins/carrerago/includes/datas/hybrid_real/HYB_bh_sakhir_f1.svg' alt='' width=250></A></div>
    </li>    <li style="--accent-color:#1B5F8C">
        <div class="date">19 avril 2026</div>
        <div class="title">Grand Prix dArabie saoudite - Djeddah'</div>
        <div class="descr"><br><A HREF='https://www.carrera-fun.com/?page_id=7626&go43_level3=1&go43_param_1=HYB_SA_DJEDDAH'><img src='https://www.carrera-fun.com/wp-content/plugins/carrerago/includes/datas/hybrid_real/HYB_sa_djeddah_f1.svg' alt='' width=250></A></div>
    </li>    <li style="--accent-color:#4CADAD">
        <div class="date">03 mai 2026</div>
        <div class="title">Grand Prix de Miami - Miami Gardens</div>
        <div class="descr"><br><A HREF='https://www.carrera-fun.com/?page_id=7626&go43_level3=1&go43_param_1=HYB_US_FL_MIAMI'><img src='https://www.carrera-fun.com/wp-content/plugins/carrerago/includes/datas/hybrid_real/HYB_us_fl_miami_f1.svg' alt='' width=250></A></div>
    </li>    <li style="--accent-color:#41006C">
        <div class="date">24 mai 2026</div>
        <div class="title">Grand Prix du Canada - Montreal</div>
        <div class="descr"><br><A HREF='https://www.carrera-fun.com/?page_id=7626&go43_level3=1&go43_param_1=HYB_CA_MONTREAL'><img src='https://www.carrera-fun.com/wp-content/plugins/carrerago/includes/datas/hybrid_real/HYB_ca_montreal_f1.svg' alt='' width=250></A></div>
    </li>    <li style="--accent-color:#41516C">
        <div class="date">07 juin 2026</div>
        <div class="title">Grand Prix de Monaco - Monaco</div>
        <div class="descr"><br><A HREF='https://www.carrera-fun.com/?page_id=7626&go43_level3=1&go43_param_1=HYB_MC_MONACO'><img src='https://www.carrera-fun.com/wp-content/plugins/carrerago/includes/datas/hybrid_real/HYB_mc_monaco_f1.svg' alt='' width=250></A></div>
    </li>    <li style="--accent-color:#1111FF">
        <div class="date">28 juin 2026</div>
        <div class="title">Grand Prix dAutriche - Spielberg'</div>
        <div class="descr"><br><A HREF='https://www.carrera-fun.com/?page_id=7626&go43_level3=1&go43_param_1=HYB_AT_SPIELB'><img src='https://www.carrera-fun.com/wp-content/plugins/carrerago/includes/datas/hybrid_real/HYB_at_spielberg_f1.svg' alt='' width=250></A></div>
    </li>    <li style="--accent-color:#FF1111">
        <div class="date">05 juillet 2026</div>
        <div class="title">Grand Prix de Grande-Bretagne - Silverstone</div>
        <div class="descr"><br><A HREF='https://www.carrera-fun.com/?page_id=7626&go43_level3=1&go43_param_1=HYB_GB_SILVER'><img src='https://www.carrera-fun.com/wp-content/plugins/carrerago/includes/datas/hybrid_real/HYB_gb_silverstone_f1.svg' alt='' width=250></A></div>
    </li>    <li style="--accent-color:#FBCA3E">
        <div class="date">19 juillet 2026</div>
        <div class="title">Grand Prix de Belgique - Spa-Francorchamps</div>
        <div class="descr"><br><A HREF='https://www.carrera-fun.com/?page_id=7626&go43_level3=1&go43_param_1=HYB_BE_SPA'><img src='https://www.carrera-fun.com/wp-content/plugins/carrerago/includes/datas/hybrid_real/HYB_be_spafrancorchamps_f1.svg' alt='' width=250></A></div>
    </li>    <li style="--accent-color:#E24A68">
        <div class="date">26 juillet 2026</div>
        <div class="title">Grand Prix de Hongrie - Budapest</div>
        <div class="descr"><br><A HREF='https://www.carrera-fun.com/?page_id=7626&go43_level3=1&go43_param_1=HYB_HU_BUDAPEST'><img src='https://www.carrera-fun.com/wp-content/plugins/carrerago/includes/datas/hybrid_real/HYB_hu_budapest_f1.svg' alt='' width=250></A></div>
    </li>    <li style="--accent-color:#1B5F8C">
        <div class="date">23 août 2026</div>
        <div class="title">Grand Prix des Pays-Bas - Zandvoort</div>
        <div class="descr"><br><A HREF='https://www.carrera-fun.com/?page_id=7626&go43_level3=1&go43_param_1=HYB_NL_ZANDVOORT'><img src='https://www.carrera-fun.com/wp-content/plugins/carrerago/includes/datas/hybrid_real/HYB_nl_zandvoort_f1.svg' alt='' width=250></A></div>
    </li>    <li style="--accent-color:#4CADAD">
        <div class="date">06 septembre 2026</div>
        <div class="title">Grand Prix dItalie - Monza'</div>
        <div class="descr"><br><A HREF='https://www.carrera-fun.com/?page_id=7626&go43_level3=1&go43_param_1=HYB_IT_MONZA'><img src='https://www.carrera-fun.com/wp-content/plugins/carrerago/includes/datas/hybrid_real/HYB_it_monza_f1.svg' alt='' width=250></A></div>
    </li>    <li style="--accent-color:#41006C">
        <div class="date">26 septembre 2026</div>
        <div class="title">Grand Prix dAzerbaidjan - Bakou'</div>
        <div class="descr"><br><A HREF='https://www.carrera-fun.com/?page_id=7626&go43_level3=1&go43_param_1=HYB_AZ_BAKOU'><img src='https://www.carrera-fun.com/wp-content/plugins/carrerago/includes/datas/hybrid_real/HYB_az_bakou_f1.svg' alt='' width=250></A></div>
    </li>    <li style="--accent-color:#41516C">
        <div class="date">11 octobre 2026</div>
        <div class="title">Grand Prix de Singapour - Marina Bay</div>
        <div class="descr"><br><A HREF='https://www.carrera-fun.com/?page_id=7626&go43_level3=1&go43_param_1=HYB_SG_SINGAPOUR'><img src='https://www.carrera-fun.com/wp-content/plugins/carrerago/includes/datas/hybrid_real/HYB_sg_singapour_f1.svg' alt='' width=250></A></div>
    </li>    <li style="--accent-color:#1111FF">
        <div class="date">25 octobre 2026</div>
        <div class="title">Grand Prix des Etats-Unis - Austin</div>
        <div class="descr"><br><A HREF='https://www.carrera-fun.com/?page_id=7626&go43_level3=1&go43_param_1=HYB_US_TX_AUSTIN'><img src='https://www.carrera-fun.com/wp-content/plugins/carrerago/includes/datas/hybrid_real/HYB_us_tx_austin_f1.svg' alt='' width=250></A></div>
    </li>    <li style="--accent-color:#FF1111">
        <div class="date">01 novembre 2026</div>
        <div class="title">Grand Prix de Mexico - Mexico</div>
        <div class="descr"><br><A HREF='https://www.carrera-fun.com/?page_id=7626&go43_level3=1&go43_param_1=HYB_MX_MEXICO'><img src='https://www.carrera-fun.com/wp-content/plugins/carrerago/includes/datas/hybrid_real/HYB_mx_mexico_f1.svg' alt='' width=250></A></div>
    </li>    <li style="--accent-color:#FBCA3E">
        <div class="date">08 novembre 2026</div>
        <div class="title">Grand Prix de Sao Paulo - S o Paulo</div>
        <div class="descr"><br><A HREF='https://www.carrera-fun.com/?page_id=7626&go43_level3=1&go43_param_1=HYB_BR_SAOPAULO'><img src='https://www.carrera-fun.com/wp-content/plugins/carrerago/includes/datas/hybrid_real/HYB_br_saopaulo_f1.svg' alt='' width=250></A></div>
    </li>    <li style="--accent-color:#E24A68">
        <div class="date">21 novembre 2026</div>
        <div class="title">Grand Prix de Las Vegas - Las Vegas</div>
        <div class="descr"><br><A HREF='https://www.carrera-fun.com/?page_id=7626&go43_level3=1&go43_param_1=HYB_US_NV_LASLEGAS'><img src='https://www.carrera-fun.com/wp-content/plugins/carrerago/includes/datas/hybrid_real/HYB_us_nv_lasvegas_f1_2023.svg' alt='' width=250></A></div>
    </li>    <li style="--accent-color:#1B5F8C">
        <div class="date">29 novembre 2026</div>
        <div class="title">Grand Prix du Qatar - Losail</div>
        <div class="descr"><br><A HREF='https://www.carrera-fun.com/?page_id=7626&go43_level3=1&go43_param_1=HYB_QA_LOSAIL'><img src='https://www.carrera-fun.com/wp-content/plugins/carrerago/includes/datas/hybrid_real/HYB_qa_losail_f1.svg' alt='' width=250></A></div>
    </li>    <li style="--accent-color:#4CADAD">
        <div class="date">06 décembre 2026</div>
        <div class="title">Grand Prix dAbou Dabi - Yas Marina'</div>
        <div class="descr"><br><A HREF='https://www.carrera-fun.com/?page_id=7626&go43_level3=1&go43_param_1=HYB_AE_ABUDAB'><img src='https://www.carrera-fun.com/wp-content/plugins/carrerago/includes/datas/hybrid_real/HYB_ae_abudhabi_yasmarina_f1.svg' alt='' width=250></A></div>
    </li></ultm>{"id":7629,"date":"2025-03-30T22:19:56","date_gmt":"2025-03-30T20:19:56","guid":{"rendered":"https:\/\/www.carrera-fun.com\/?page_id=7629"},"modified":"2025-03-30T22:20:15","modified_gmt":"2025-03-30T20:20:15","slug":"agenda-hybrid","status":"publish","type":"page","link":"https:\/\/www.carrera-fun.com\/?page_id=7629","title":{"rendered":"Agenda Hybrid"},"content":{"rendered":"\ntag_rc : <br>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_sitemap_exclude":false,"_sitemap_priority":"","_sitemap_frequency":"","footnotes":""},"class_list":["post-7629","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.carrera-fun.com\/index.php?rest_route=\/wp\/v2\/pages\/7629","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.carrera-fun.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.carrera-fun.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.carrera-fun.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.carrera-fun.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=7629"}],"version-history":[{"count":2,"href":"https:\/\/www.carrera-fun.com\/index.php?rest_route=\/wp\/v2\/pages\/7629\/revisions"}],"predecessor-version":[{"id":7669,"href":"https:\/\/www.carrera-fun.com\/index.php?rest_route=\/wp\/v2\/pages\/7629\/revisions\/7669"}],"wp:attachment":[{"href":"https:\/\/www.carrera-fun.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=7629"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}