/* French translation extra css */

body {
  font-size: clamp(16px, calc(15px + 10 * ((100vw - 360px) / 1600)), 24px);
}
h4.cnttag {
  font-size: clamp(19px, calc(15px + 55 * ((100vw - 360px) / 1600)), 53.5px);
}

@media (max-width: 767.9px) {
  div[data-page="3"] .slide-start .col-12,
  .text-tags p:not(:last-child) {
    margin-bottom: clamp(10px, 2vh, 30px) !important;
  }
}


.ftr-link {
  font-size: clamp(16px, calc(16px + 14 * ((100vw - 360px) / 1600)), 25px);
}

[data-page="13"][data-slide="1"] button.r::after,
[data-page="13"][data-slide="2"] button.r::after,
[data-page="13"][data-slide="3"] button.r::after,
[data-page="13"][data-slide="4"] button.r::after,
[data-page="13"][data-slide="5"] button.r::after,
[data-page="13"][data-slide="6"] button.r::after,
button.l::after {
  content: "PRÉCÉDENT";
}
[data-page="13"][data-slide="1"] button.l::after,
[data-page="13"][data-slide="2"] button.l::after,
[data-page="13"][data-slide="3"] button.l::after,
[data-page="13"][data-slide="4"] button.l::after,
[data-page="13"][data-slide="5"] button.l::after,
[data-page="13"][data-slide="6"] button.l::after,
button.r::after {
  content: "SUIVANT";
}

span.lh06-150 {
  line-height: .6;
  font-size: 150% !important;
}