:root {
  --plyr-color-main: var(--green);
  --background-color: #feb195;
  --color-dark: #242222;
  --text-color: #242222;
  --primary-color: #ff5653;
  --primary-color-hover: #ffffff;
  --secondary-color-hover: #ffffff;
  --secondary-color: rgba(36, 34, 34, 0.89);
  --tertiary-color: #d9d9d9;
  --font-primary: "Roboto", sans-serif;
  --font-title: "Panton-BlackCaps", sans-serif;
  --font-secondary: "Baloo-Regular", sans-serif;
  --font-decorative: "Panton-Light", cursive;
  --line-height: 1.5;
  --border-radius: 2.8125rem;
  --transition-speed: 0.3s;
  --spacing-3xs: clamp(0.5rem, 0vw + 0.5rem, 100rem);
  --spacing-2xs: clamp(0.625rem, 0.54vw + 0.508rem, 100rem);
  --spacing-xs: clamp(0.75rem, 1.08vw + 0.516rem, 100rem);
  --spacing-sm: clamp(1rem, 1.41vw + 0.761rem, 100rem);
  --spacing-md: clamp(1.5rem, 2.49vw + 0.777rem, 100rem);
  --spacing-lg: clamp(2rem, 3.57vw + 0.794rem, 100rem);
  --spacing-xl: clamp(3rem, 5.73vw + 0.826rem, 100rem);
  --spacing-2xl: clamp(5rem, 7.89vw + 0.858rem, 100rem);
  --spacing-3xl: clamp(6rem, 12.86vw + 0.413rem, 100rem);
  --spacing-4xl: clamp(7rem, 17.51vw + 0.223rem, 100rem);
  --spacing-5xl: clamp(8rem, 35.03vw + 0.445rem, 100rem);
  --margin-page: clamp(1.5625rem, 12.91vw + -1.019rem, 100rem);
  --font-size-h1: clamp(1.9rem, 2.08vw + 2rem, 30rem);
  --font-size-h2: clamp(1.25rem, 0.79vw + 1.293rem, 25rem);
  --font-size-h3: clamp(1.125rem, 0.49vw + 1.118rem, 15rem);
  --font-size-p: clamp(1.125rem, 0.27vw + 1.071rem, 1.3125rem);
  --font-size-nav: clamp(1.125rem, 0.75vw + 0.771rem, 1.5rem);
  --font-size-btn-sm: clamp(1.125rem, 0.525vw + 0.54rem, 1.1rem);
  --font-size-small: clamp(1.125rem, 0.6vw + 0.6168rem, 1.2rem);
  --font-size-button: clamp(1.4rem, 0.73vw + 0.826rem, 1.5rem);
  --font-size-footer: calc(0.8 * clamp(1rem, 0.73vw + 0.826rem, 1.5rem));
  --column-gap: clamp(1rem, 1.41vw + 0.761rem, 2rem);
  --negative-margin-page: calc(-1 * (var(--margin-page)));
  --burgundy: #2e021a;
  --green: #073234;
  --pink: #f78763;
  --orange: #f59d24;
  --light-green: #acbc8a;
  --light-gray: #d9d9d9;
  --white: #ffffff;
  --black: #000000;
  --peach: #feb195;
  --pale-pink: #fef2ef;
  --icon-mobile-width: clamp(1.5625rem, 2.23vw + 1.121rem, 3.6rem);
  --logo-width: clamp(7rem, 6.49vw + 2.135rem, 9.4rem);
  --footer-bg: #f59d24;
  --footer-color: #2e021a;
  --width-platform: clamp(3rem, 1.25vw + 2.75rem, 4rem);
}
* {
  margin: 0;
  padding: 0;
}
html {
  box-sizing: border-box;
}
*,
:after,
:before {
  box-sizing: inherit;
}
body {
  font-family: var(--font-primary);
  color: var(--text-color);
  background-color: var(--background-color);
  line-height: var(--line-height);
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  margin-top: 0;
  font-size: var(--font-size-p);
}
main {
  flex-grow: 1;
}
main > * {
  margin: 0 var(--margin-page);
}
img,
video {
  display: block;
  width: 100%;
  max-width: 100%;
  height: auto;
  margin-left: auto;
  margin-right: auto;
}
a {
  color: inherit;
  text-decoration: none;
  cursor: pointer;
}
a:hover {
  text-decoration: none;
  filter: brightness(1.3);
}
a:hover img {
filter: brightness(0.75);}


.text {
  line-height: 1.5em;
}
.text a {
  text-decoration: underline;
}
.text ol,
.text ul {
  margin-bottom: 1.5rem;
}
.text ol,
.text ul {
  margin-left: 1rem;
}
.text ol p,
.text ul p {
  margin-bottom: 0;
}
.text ul > li {
  list-style: disc;
}
.text ol > li {
  list-style: decimal;
}
.text ol ol,
.text ol ul,
.text ul ol,
.text ul ul {
  margin-bottom: 0;
}
li {
  list-style: none;
}
hr {
  border: 0;
  background: currentColor;
  height: 2px;
  width: 1.5rem;
  margin: 3rem auto;
}
h1,
h1 > p,
h2,
h2 > p,
h3,
h4,
h5,
h6 {
  font-family: var(--font-title, "Arial");
  letter-spacing: -0.03em;
  line-height: 105%;
}
h1 {
  font-size: 2rem;
}
h2 {
  font-size: 1.5rem;
}
@media screen and (min-width: 500px) {
  h1 {
    font-size: 2.5rem;
  }
  h2 {
    font-size: 2rem;
  }
}
@media screen and (min-width: 1200px) {
  h1 {
    font-size: 3rem;
  }
  h2 {
    font-size: 2.5rem;
  }
}
h1,
h1 > p {
  font-size: var(--font-size-h1);
  margin-bottom: var(--spacing-xs, 1rem);
  color: var(--green);
}
h2,
h2 > p {
  font-size: var(--font-size-h2);
  margin-bottom: var(--spacing-2xs, 0.8rem);
}
p,
ul {
  font-size: var(--font-size-p);
  margin-bottom: var(--spacing-3xs, 0.5rem);
  color: var(--text-color);
  letter-spacing: -0.01em;
  line-height: 150%;
}
ul {
  margin-bottom: 0;
}
li {
  margin-bottom: var(--spacing-3xs, 0.5rem);
}
button,
input,
textarea {
  font-family: var(--font-primary);
  font-size: var(--font-size-button, 1.1rem);
  border-radius: var(--border-radius, 2.8rem);
}
.grid-autofit {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  gap: var(--column-gap, 1.5rem);
}
.grid-responsive {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: var(--column-gap, 1.5rem);
}
@media (min-width: 768px) {
  .grid-responsive {
    grid-template-columns: repeat(8, 1fr);
  }
}
@media (min-width: 1024px) {
  .grid-responsive {
    grid-template-columns: repeat(12, 1fr);
  }
}
.box-shadow {
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  transition: box-shadow var(--transition-speed);
}
.box-shadow:hover {
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
}
.grid {
  --columns: 12;
  --gutter: 3rem;
  display: grid;
  grid-gap: var(--gutter);
  grid-template-columns: 1fr;
}
@media screen and (min-width: 60rem) {
  .grid {
    grid-template-columns: repeat(12, 1fr);
  }
  .grid > .column {
    grid-column: span var(--columns);
  }
}
.autogrid {
  --gutter: 3rem;
  --min: 10rem;
  display: grid;
  grid-gap: var(--gutter);
  grid-template-columns: repeat(auto-fit, minmax(var(--min), 1fr));
  grid-auto-flow: dense;
}
.footer::before {
  content: "";
  display: block;
  width: 100%;
  height: 142px;
  background-image: url('data:image/svg+xml; charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1440 142" fill="none"><path d="M1440 54.0073V142H0V30.3522C171.088 -22.0599 211.171 3.8806 254.411 31.8639C281.779 49.5753 310.411 68.105 374.324 68.105C409.564 68.105 433.536 61.1416 460.394 53.3399C494.605 43.4025 533.498 32.105 606.324 32.105C631.603 32.105 656.28 39.9888 682.246 48.2848C738.477 66.2501 800.759 86.1486 888.324 32.105C920.353 12.3369 952.843 21.0287 990.572 31.122C1032.94 42.4576 1081.93 55.561 1144.28 32.105C1327.81 -36.9262 1409.27 22.0812 1440 54.0073Z" fill="%23F59D24"/></svg>');
  background-repeat: no-repeat;
  background-size: cover;
  background-color: var(--peach);
}
.footer {
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  z-index: 1000;
  background-color: var(--peach);
  color: var(--text-clear);
}
.footer_legal,
.footer_menu {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: auto;
  font-family: var(--font-secondary);
}
.footer li {
  font-size: var(--font-size-nav);
}
.footer_legal li {
  font-size: var(--font-size-small);
}
.footer__link:hover {
  text-decoration: underline;
}
@media screen and (min-width: 700px) {
  .footer ul li {
    display: inline;
  }
  .footer ul {
    display: flex;
    gap: var(--spacing-md);
    margin-bottom: 0;
  }
}
.buttons-container {
  display: flex;
  align-items: flex-end;
  flex-direction: column;
}
.buttons-container > div:first-child {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-3xs, 0.5rem);
}
.button {
  font-family: var(--font-secondary);
  display: flex;
  align-self: center;
  margin: var(--spacing-md) auto 0 auto;
  padding: var(--spacing-2xs) var(--spacing-xs);
  background-color: var(--orange);
  font-size: var(--font-size-button);
  line-height: 100%;
  color: var(--burgundy);
  border: none;
  border-radius: var(--border-radius) var(--border-radius) var(--border-radius)
    var(--border-radius);
  cursor: pointer;
  transition: filter var(--transition-speed),
    background-color var(--transition-speed);
  text-transform: uppercase;
}
.button:hover {
  filter: brightness(1.3);
}
.button-info {
  background-color: var(--secondary-color);
  font-family: var(--font-title);
}
.button-info span:first-of-type {
  text-transform: uppercase;
  color: var(--primary-color);
}
.button-info span:nth-of-type(2) {
  color: var(--tertiary-color);
  text-transform: none;
}
.section-decoration-bottom svg,
.section-decoration-top svg {
  display: block;
}
.section-decoration-top {
  margin-bottom: -9px;
  position: relative;
  z-index: -1;
}
.section-decoration-bottom {
  position: relative;
  z-index: -1;
  margin-top: -9px;
}
.intro {
  max-width: 40rem;
}
.intro :not(:last-child) {
  margin-bottom: 1em;
}
.cta {
  background: var(--color-black);
  color: var(--color-white);
  display: inline-flex;
  justify-content: center;
  padding: 0.75rem 1.5rem;
  border: 4px solid var(--color-white);
  outline: 2px solid var(--color-black);
}
.box {
  background: var(--color-light);
  padding: 1.5rem;
  border: 4px solid var(--color-white);
  outline: 2px solid var(--color-light);
}
.pagination {
  display: flex;
  padding-top: 6rem;
}
.pagination > span {
  color: var(--color-text-grey);
}
.pagination > * {
  padding: 0.5rem;
  width: 3rem;
  text-align: center;
  border: 2px solid currentColor;
  margin-right: 1.5rem;
}
.pagination > a:hover {
  background: var(--color-black);
  color: var(--color-white);
  border-color: var(--color-black);
}
.note-excerpt {
  line-height: 1.5em;
}
.note-excerpt-title {
  color: var(--burgundy);
  font-family: Roboto;
}
.note-excerpt-date {
  color: var(--color-text-grey);
}
.text .codeblock {
  display: grid;
}
.text code {
  font-family: var(--font-family-mono);
  font-size: 1em;
  background: var(--color-light);
  padding: 0 0.5rem;
  display: inline-block;
  color: var(--color-black);
}
.text pre {
  margin: 3rem 0;
  background: var(--color-black);
  color: var(--color-white);
  padding: 1.5rem;
  overflow-x: scroll;
  overflow-y: hidden;
  line-height: 1.5rem;
}
.text pre code {
  padding: 0;
  background: 0 0;
  color: inherit;
}
.text hr {
  margin: 6rem 0;
}
.text dt {
  font-weight: 600;
}
.text blockquote {
  font-size: 1.25rem;
  line-height: 1.325em;
  border-left: 2px solid var(--color-black);
  padding-left: 1rem;
  margin: 3rem 0;
  max-width: 25rem;
}
.text blockquote footer {
  font-size: 0.875rem;
  font-style: italic;
}
.text figure {
  margin: 3rem 0;
}
.text figcaption {
  padding-top: 0.75rem;
  color: var(--color-text-grey);
}
.text figure ul {
  line-height: 0;
  display: grid;
  gap: 1.5rem;
  margin: 0;
  grid-template-columns: repeat(auto-fit, minmax(10rem, 1fr));
}
.text figure ul li {
  list-style: none;
}
.img[data-contain] img {
  object-fit: contain;
}
.img-caption,
.video-caption {
  padding-top: 0.75rem;
  line-height: 1.5em;
}
.map {
  --w: 2;
  --h: 1;
  padding-bottom: calc(100% / var(--w) * var(--h));
  position: relative;
  overflow: hidden;
  background: var(--color-black);
}
.map iframe {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}
.episode-info h3 {
  color: var(--burgundy);
  font-size: var(--font-size-nav);
  font-family: var(--font-secondary);
}
.langue-audio {
  color: var(--burgundy);
  font-family: var(--font-secondary);
  font-size: var(--font-size-small);
}
time {
  color: var(--burgundy);
  font-size: var(--font-size-small);
  font-family: var(--font-decorative);
}
.platform-container p {
  font-family: var(--font-secondary);
  text-align: center;
}
.hero-section a {
  font-family: var(--font-secondary);
  font-size: var(--font-size-btn-sm);
  text-align: center;
}
.hero-section button {
padding: var(--spacing-3xs) var(--spacing-2xs);}

.platforms ul {
  display: flex;
  gap: var(--spacing-md);
  justify-content: center;
}
.platforms svg {
height: 50px;
  width: auto;
}
.accordion details > summary::-webkit-details-marker,
.accordion details > summary::marker {
  display: none;
}
.accordion details > summary {
  list-style: none;
}
.accordion summary {
  cursor: pointer;
  position: relative;
}
.accordion-icon {
  fill: var(--primary-color);
  inset-block-start: 0.25rem;
  inset-inline: auto 0.5rem;
  position: absolute;
  transform-origin: center;
  transition: transform 0.2s ease-in;
}
.accordion-header::after {
  content: "";
  display: inline-block;
  width: 24px;
  height: 24px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath d='m24 24h-24v-24h24z' fill='none' opacity='.87'/%3E%3Cpath d='m16.59 8.59-4.59 4.58-4.59-4.58-1.41 1.41 6 6 6-6z'/%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  margin-left: 8px;
  vertical-align: middle;
}
.h1 {
  font-size: var(--font-size-h1);
}
.h2 {
  font-size: var(--font-size-h2);
}
.h3 {
  font-size: var(--font-size-h3);
}
.p {
  font-size: var(--font-size-p);
}
.nav-text {
  font-size: var(--font-size-nav);
}
.button-text {
  font-size: var(--font-size-button);
}
.margin-s {
  margin-bottom: 0.75rem;
}
.margin-m {
  margin-bottom: 1.5rem;
}
.margin-l {
  margin-bottom: 3rem;
}
.margin-xl {
  margin-bottom: 4.5rem;
}
.margin-xxl {
  margin-bottom: 6rem;
}
.align-center {
  text-align: center;
}
.bg-light {
  background-color: var(--color-light);
}
.color-grey {
  color: var(--color-text-grey);
}
.text-small {
  font-size: 0.875rem;
}
.text-medium {
  font-size: 1rem;
}
.text-large {
  font-size: 1.25rem;
}
.font-secondary {
  font-family: var(--font-secondary);
}
.underline {
  text-decoration: underline;
}
.full-width-padding {
  margin-left: 0;
  margin-right: 0;
  padding-left: var(--margin-page);
  padding-right: var(--margin-page);
}
.full-width {
  margin-left: 0;
  margin-right: 0;
  padding-left: 0;
  padding-right: 0;
}
.ml-mp {
  margin-left: var(--margin-page);
}
.mr-mp {
  margin-right: var(--margin-page);
}
.mt-0 {
  margin-top: 0;
}
.mb-0 {
  margin-bottom: 0;
}
.ml-0 {
  margin-left: 0;
}
.mr-0 {
  margin-right: 0;
}
.mt-3xs {
  margin-top: var(--spacing-3xs);
}
.mb-3xs {
  margin-bottom: var(--spacing-3xs);
}
.mt-2xs {
  margin-top: var(--spacing-2xs);
}
.mb-2xs {
  margin-bottom: var(--spacing-2xs);
}
.mt-xs {
  margin-top: var(--spacing-xs);
}
.mb-xs {
  margin-bottom: var(--spacing-xs);
}
.mt-sm {
  margin-top: var(--spacing-sm);
}
.mb-sm {
  margin-bottom: var(--spacing-sm);
}
.mt-md {
  margin-top: var(--spacing-md);
}
.mb-md {
  margin-bottom: var(--spacing-md);
}
.mt-lg {
  margin-top: var(--spacing-lg);
}
.mb-lg {
  margin-bottom: var(--spacing-lg);
}
.mt-xl {
  margin-top: var(--spacing-xl);
}
.mb-xl {
  margin-bottom: var(--spacing-xl);
}
.mt-2xl {
  margin-top: var(--spacing-2xl);
}
.mb-2xl {
  margin-bottom: var(--spacing-2xl);
}
.mt-3xl {
  margin-top: var(--spacing-3xl);
}
.mb-3xl {
  margin-bottom: var(--spacing-3xl);
}
.mt-4xl {
  margin-top: var(--spacing-4xl);
}
.mb-4xl {
  margin-bottom: var(--spacing-4xl);
}
.mt-5xl {
  margin-top: var(--spacing-5xl);
}
.mb-5xl {
  margin-bottom: var(--spacing-5xl);
}
.ml-3xs {
  margin-left: var(--spacing-3xs);
}
.mr-3xs {
  margin-right: var(--spacing-3xs);
}
.ml-2xs {
  margin-left: var(--spacing-2xs);
}
.mr-2xs {
  margin-right: var(--spacing-2xs);
}
.ml-xs {
  margin-left: var(--spacing-xs);
}
.mr-xs {
  margin-right: var(--spacing-xs);
}
.ml-sm {
  margin-left: var(--spacing-sm);
}
.mr-sm {
  margin-right: var(--spacing-sm);
}
.ml-md {
  margin-left: var(--spacing-md);
}
.mr-md {
  margin-right: var(--spacing-md);
}
.ml-lg {
  margin-left: var(--spacing-lg);
}
.mr-lg {
  margin-right: var(--spacing-lg);
}
.ml-xl {
  margin-left: var(--spacing-xl);
}
.mr-xl {
  margin-right: var(--spacing-xl);
}
.ml-2xl {
  margin-left: var(--spacing-2xl);
}
.mr-2xl {
  margin-right: var(--spacing-2xl);
}
.ml-3xl {
  margin-left: var(--spacing-3xl);
}
.mr-3xl {
  margin-right: var(--spacing-3xl);
}
.ml-4xl {
  margin-left: var(--spacing-4xl);
}
.mr-4xl {
  margin-right: var(--spacing-4xl);
}
.ml-5xl {
  margin-left: var(--spacing-5xl);
}
.mr-5xl {
  margin-right: var(--spacing-5xl);
}
.pt-0 {
  padding-top: 0;
}
.pb-0 {
  padding-bottom: 0;
}
.pl-0 {
  padding-left: 0;
}
.pr-0 {
  padding-right: 0;
}
.pt-3xs {
  padding-top: var(--spacing-3xs);
}
.pb-3xs {
  padding-bottom: var(--spacing-3xs);
}
.pt-2xs {
  padding-top: var(--spacing-2xs);
}
.pb-2xs {
  padding-bottom: var(--spacing-2xs);
}
.pt-xs {
  padding-top: var(--spacing-xs);
}
.pb-xs {
  padding-bottom: var(--spacing-xs);
}
.pt-sm {
  padding-top: var(--spacing-sm);
}
.pb-sm {
  padding-bottom: var(--spacing-sm);
}
.pt-md {
  padding-top: var(--spacing-md);
}
.pb-md {
  padding-bottom: var(--spacing-md);
}
.pt-lg {
  padding-top: var(--spacing-lg);
}
.pb-lg {
  padding-bottom: var(--spacing-lg);
}
.pt-xl {
  padding-top: var(--spacing-xl);
}
.pb-xl {
  padding-bottom: var(--spacing-xl);
}
.pt-2xl {
  padding-top: var(--spacing-2xl);
}
.pb-2xl {
  padding-bottom: var(--spacing-2xl);
}
.pt-3xl {
  padding-top: var(--spacing-3xl);
}
.pb-3xl {
  padding-bottom: var(--spacing-3xl);
}
.pt-4xl {
  padding-top: var(--spacing-4xl);
}
.pb-4xl {
  padding-bottom: var(--spacing-4xl);
}
.pt-5xl {
  padding-top: var(--spacing-5xl);
}
.pb-5xl {
  padding-bottom: var(--spacing-5xl);
}
.pl-3xs {
  padding-left: var(--spacing-3xs);
}
.pr-3xs {
  padding-right: var(--spacing-3xs);
}
.pl-2xs {
  padding-left: var(--spacing-2xs);
}
.pr-2xs {
  padding-right: var(--spacing-2xs);
}
.pl-xs {
  padding-left: var(--spacing-xs);
}
.pr-xs {
  padding-right: var(--spacing-xs);
}
.pl-sm {
  padding-left: var(--spacing-sm);
}
.pr-sm {
  padding-right: var(--spacing-sm);
}
.pl-md {
  padding-left: var(--spacing-md);
}
.pr-md {
  padding-right: var(--spacing-md);
}
.pl-lg {
  padding-left: var(--spacing-lg);
}
.pr-lg {
  padding-right: var(--spacing-lg);
}
.pl-xl {
  padding-left: var(--spacing-xl);
}
.pr-xl {
  padding-right: var(--spacing-xl);
}
.pl-2xl {
  padding-left: var(--spacing-2xl);
}
.pr-2xl {
  padding-right: var(--spacing-2xl);
}
.pl-3xl {
  padding-left: var(--spacing-3xl);
}
.pr-3xl {
  padding-right: var(--spacing-3xl);
}
.pl-4xl {
  padding-left: var(--spacing-4xl);
}
.pr-4xl {
  padding-right: var(--spacing-4xl);
}
.pl-5xl {
  padding-left: var(--spacing-5xl);
}
.pr-5xl {
  padding-right: var(--spacing-5xl);
}
.burgundy,
.burgundy p {
  color: var(--burgundy);
}
.green,
.green p {
  color: var(--green);
}
.pink,
.pink p {
  color: var(--pink);
}
.orange,
.orange p {
  color: var(--orange);
}
.light-green,
.light-green p {
  color: var(--light-green);
}
.light-gray,
.light-gray p {
  color: var(--light-gray);
}
.white {
  color: var(--white);
}
.black {
  color: var(--black);
}
.peach {
  color: var(--peach);
}
.pale-pink {
  color: var(--pale-pink);
}
.bg-burgundy {
  background-color: var(--burgundy);
}
.bg-green {
  background-color: var(--green);
}
.bg-pink {
  background-color: var(--pink);
}
.bg-orange {
  background-color: var(--orange);
}
.bg-light-green {
  background-color: var(--light-green);
}
.bg-light-gray {
  background-color: var(--light-gray);
}
.bg-white {
  background-color: var(--white);
}
.bg-black {
  background-color: var(--black);
}
.bg-peach {
  background-color: var(--peach);
}
.bg-pale-pink {
  background-color: var(--pale-pink);
}
.text-center {
  text-align: center;
}
.text-right {
  text-align: right;
}
.text-left {
  text-align: left;
}
.background-color {
  background-color: var(--background-color);
}
.background-color-dark {
  background-color: var(--color-dark);
}
.text-color {
  color: var(--text-color);
}
.line-height {
  line-height: var(--line-height);
}
.primary-color {
  color: var(--primary-color);
}
.background-primary-color {
  background-color: var(--primary-color);
}
.primary-color-hover:hover {
  color: var(--primary-color-hover);
}
.secondary-color {
  color: var(--secondary-color);
}
.secondary-color-hover:hover {
  color: var(--secondary-color-hover);
}
.tertiary-color {
  color: var(--tertiary-color);
}
.white {
  color: #fff;
}
.hidden {
  display: none !important;
}
.visible {
  display: block !important;
}
.margin-auto {
  margin-left: auto;
  margin-right: auto;
}
.flex {
  display: flex;
}
.flex-wrap {
  display: flex;
  flex-wrap: wrap;
}
.flex-col {
  display: flex;
  flex-direction: column;
}
.flex-center {
  display: flex;
  justify-content: center;
  align-items: center;
}
.flex-center-x {
  display: flex;
  justify-content: center;
}
.flex-between {
  display: flex;
  justify-content: space-between;
}
.flex-between-center {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.flex-space-around {
  display: flex;
  justify-content: space-around;
}
.flex-space-evenly {
  display: flex;
  justify-content: space-evenly;
}
.flex-start {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
}
.flex-end {
  display: flex;
  justify-content: flex-end;
  align-items: flex-end;
}
.flex-stretch {
  display: flex;
  align-items: stretch;
}
.flex-center-y {
  display: flex;
  align-items: center;
}
.flex-fixed-50 {
  flex-grow: 0;
  flex-shrink: 0;
  flex-basis: 50%;
}
.max-w-33 {
  max-width: 33.33%;
}
.transition {
  transition: all var(--transition-speed);
}
.flex-1 {
  flex: 1;
}
.flex-2 {
  flex: 2;
}
.flex-3 {
  flex: 3;
}
.flex-4 {
  flex: 4;
}
.flex-5 {
  flex: 5;
}
.flex-6 {
  flex: 6;
}
.flex-7 {
  flex: 7;
}
.flex-8 {
  flex: 8;
}
.flex-9 {
  flex: 9;
}
.align-left {
  text-align: left;
}
.align-center {
  text-align: center;
}
.align-right {
  text-align: right;
}
.align-justify {
  text-align: justify;
}
.image-block.align-left {
  margin-left: 0;
  margin-right: auto;
  display: block;
}
.image-block.align-right {
  margin-left: auto;
  margin-right: 0;
  display: block;
}
.image-block.align-center {
  margin-left: auto;
  margin-right: auto;
  display: block;
}
.width-desktop-10 {
  width: 10%;
}
.width-desktop-15 {
  width: 15%;
}
.width-desktop-20 {
  width: 20%;
}
.width-desktop-25 {
  width: 25%;
}
.width-desktop-30 {
  width: 30%;
}
.width-desktop-35 {
  width: 35%;
}
.width-desktop-40 {
  width: 40%;
}
.width-desktop-45 {
  width: 45%;
}
.width-desktop-50 {
  width: 50%;
}
.width-desktop-55 {
  width: 55%;
}
.width-desktop-60 {
  width: 60%;
}
.width-desktop-65 {
  width: 65%;
}
.width-desktop-70 {
  width: 70%;
}
.width-desktop-75 {
  width: 75%;
}
.width-desktop-80 {
  width: 80%;
}
.width-desktop-85 {
  width: 85%;
}
.width-desktop-90 {
  width: 90%;
}
.width-desktop-95 {
  width: 95%;
}
.width-desktop-100 {
  width: 100%;
}
.width-mobile-10 {
  width: 10%;
}
.width-mobile-mobile-15 {
  width: 15%;
}
.width-mobile-20 {
  width: 20%;
}
.width-mobile-25 {
  width: 25%;
}
.width-mobile-30 {
  width: 30%;
}
.width-mobile-35 {
  width: 35%;
}
.width-mobile-40 {
  width: 40%;
}
.width-mobile-45 {
  width: 45%;
}
.width-mobile-50 {
  width: 50%;
}
.width-mobile-55 {
  width: 55%;
}
.width-mobile-60 {
  width: 60%;
}
.width-mobile-65 {
  width: 65%;
}
.width-mobile-70 {
  width: 70%;
}
.width-mobile-75 {
  width: 75%;
}
.width-mobile-80 {
  width: 80%;
}
.width-mobile-85 {
  width: 85%;
}
.width-mobile-90 {
  width: 90%;
}
.width-mobile-95 {
  width: 95%;
}
.width-mobile-100 {
  width: 100%;
}
.gap-3xs {
  gap: var(--spacing-3xs, 0.5rem);
}
.gap-2xs {
  gap: var(--spacing-2xs, 0.6rem);
}
.gap-xs {
  gap: var(--spacing-xs, 0.7rem);
}
.gap-sm,
.nav-toggle .menu ul {
  gap: var(--spacing-sm, 1rem);
}
.gap-md {
  gap: var(--spacing-md, 1.3rem);
}
.gap-lg {
  gap: var(--spacing-lg, 1.5rem);
}
.gap-xl {
  gap: var(--spacing-xl, 2rem);
}
.gap-2xl {
  gap: var(--spacing-2xl, 2.4rem);
}
.gap-3xl {
  gap: var(--spacing-3xl, 3rem);
}
.gap-4xl {
  gap: var(--spacing-4xl, 3.7rem);
}
.gap-5xl {
  gap: var(--spacing-5xl, 7.5rem);
}
.flex-r {
  display: flex;
  flex-direction: column;
}
@media screen and (min-width: 600px) {
  .flex-r {
    flex-direction: row;
  }
}
.fs-sm {
  /* font-size: clamp(1rem, 0.6375vw + 0.65535rem, 1.275rem); */
    /* font-size: clamp(1rem, 0.5vw + 0.6rem, 1.275rem) !important; */
font-size: var(--font-size-small) !important;
}
.baloo {
  font-family: Baloo-Regular;
}

.panton {
  font-family: Panton-Light;
}

.italic {
  font-style: italic;
}


.note-excerpt {
  background-color: var(--light-gray);
  border-radius: var(--border-radius);
}

/* @media screen and (min-width:1200px) {
.episodes-section {
padding-bottom: var(--spacing-md);}} */

.episode-info {
  padding: var(--spacing-sm);
}


/* .column {display: flex;} */



.episode-info {margin-left: auto; margin-right: auto;}
 .note-excerpt {
  flex: 1; /* prend toute la hauteur disponible */
  display: flex;
  flex-direction: column;
}

.green-shape .note-excerpt {background-color:transparent}


@media screen and (min-width: 1600px) {
  .site__header {
margin-bottom: var(--spacing-sm);  }}

.episode-info {
  padding: var(--spacing-sm) !important;
}
.plyr {
max-width: 520px;
}