@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=EB+Garamond&family=Manrope:wght@300;700&display=swap");
@import url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.2/webfonts/fa-solid-900.woff2");
@import url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.2/webfonts/fa-solid-900.ttf");
@import url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.2/css/all.min.css");
:root {
  --bleu: #7acede;
  --vert: #009957;
  --orange: #f68830;
  --dark: #003a48;
  --bleu-50: #7acede80;
  --vert-50: #00995780;
  --orange-50: #f6883080;
  --dark-50: #003a4880;
  --blanc: #fff;
  --blanc-off: #f4f4f4;
  --noir: #000;
  --noir-off: #1b1b1b;
  --font-100: 300 16px Carlito, Calibri, Arial, sans-serif;
  --font-300: 600 16px Carlito, Calibri, Arial, sans-serif;
  --font-500: 300 24px "EB Garamond", "Times New Roman", Times, serif;
  --font-700: 300 24px "Manrope", Carlito, Calibri, Arial, sans-serif;
  --font-900: 700 32px "Manrope", Carlito, Calibri, Arial, sans-serif;
  --text-color: var(--noir, #000);
  --bora: 0.5em;
  --bora-max: 999px;
}

.uppercase {
  text-transform: uppercase;
}

.align-center {
  text-align: center;
}

.note {
  font-size: 0.9em;
}
.note--it {
  font-style: italic;
}

.flex {
  display: flex;
}

.flex-col {
  flex-direction: column;
}

.justify-center {
  justify-content: center;
}

.flex-025 {
  flex: 0 0.25 4em;
}

.gap-1 {
  gap: 0.25em;
}

.gap-2 {
  gap: 0.5em;
}

.gap-3 {
  gap: 0.75em;
}

.gap-4 {
  gap: 1em;
}

.gap-5 {
  gap: 1.25em;
}

.gap-6 {
  gap: 1.5em;
}

.gap-7 {
  gap: 1.75em;
}

.gap-8 {
  gap: 2em;
}

.gap-9 {
  gap: 2.25em;
}

.gap-10 {
  gap: 2.5em;
}

.gap-11 {
  gap: 2.75em;
}

.gap-12 {
  gap: 3em;
}

.gap-13 {
  gap: 3.25em;
}

.gap-14 {
  gap: 3.5em;
}

.gap-15 {
  gap: 3.75em;
}

.gap-16 {
  gap: 4em;
}

.gap-17 {
  gap: 4.25em;
}

.gap-18 {
  gap: 4.5em;
}

.gap-19 {
  gap: 4.75em;
}

.gap-20 {
  gap: 5em;
}

.gap-21 {
  gap: 5.25em;
}

.gap-22 {
  gap: 5.5em;
}

.gap-23 {
  gap: 5.75em;
}

.gap-24 {
  gap: 6em;
}

.gap-25 {
  gap: 6.25em;
}

.gap-26 {
  gap: 6.5em;
}

.gap-27 {
  gap: 6.75em;
}

.gap-28 {
  gap: 7em;
}

.gap-29 {
  gap: 7.25em;
}

.gap-30 {
  gap: 7.5em;
}

.gap-31 {
  gap: 7.75em;
}

.gap-32 {
  gap: 8em;
}

.mb-0 {
  margin-bottom: 0em;
}

.mt-0 {
  margin-top: 0em;
}

.ml-0 {
  margin-left: 0em;
}

.mr-0 {
  margin-right: 0em;
}

.mi-0 {
  margin-inline: 0em;
}

.mk-0 {
  margin-block: 0em;
}

.pb-0 {
  padding-bottom: 0em;
}

.pt-0 {
  padding-top: 0em;
}

.pl-0 {
  padding-left: 0em;
}

.pr-0 {
  padding-right: 0em;
}

.pi-0 {
  padding-inline: 0em;
}

.pk-0 {
  padding-block: 0em;
}

.pk-0.pk-0 > .container.container {
  padding-block: 0em;
}

.mb-1 {
  margin-bottom: 0.25em;
}

.mt-1 {
  margin-top: 0.25em;
}

.ml-1 {
  margin-left: 0.25em;
}

.mr-1 {
  margin-right: 0.25em;
}

.mi-1 {
  margin-inline: 0.25em;
}

.mk-1 {
  margin-block: 0.25em;
}

.pb-1 {
  padding-bottom: 0.25em;
}

.pt-1 {
  padding-top: 0.25em;
}

.pl-1 {
  padding-left: 0.25em;
}

.pr-1 {
  padding-right: 0.25em;
}

.pi-1 {
  padding-inline: 0.25em;
}

.pk-1 {
  padding-block: 0.25em;
}

.pk-1.pk-1 > .container.container {
  padding-block: 0.25em;
}

.mb-2 {
  margin-bottom: 0.5em;
}

.mt-2 {
  margin-top: 0.5em;
}

.ml-2 {
  margin-left: 0.5em;
}

.mr-2 {
  margin-right: 0.5em;
}

.mi-2 {
  margin-inline: 0.5em;
}

.mk-2 {
  margin-block: 0.5em;
}

.pb-2 {
  padding-bottom: 0.5em;
}

.pt-2 {
  padding-top: 0.5em;
}

.pl-2 {
  padding-left: 0.5em;
}

.pr-2 {
  padding-right: 0.5em;
}

.pi-2 {
  padding-inline: 0.5em;
}

.pk-2 {
  padding-block: 0.5em;
}

.pk-2.pk-2 > .container.container {
  padding-block: 0.5em;
}

.mb-3 {
  margin-bottom: 0.75em;
}

.mt-3 {
  margin-top: 0.75em;
}

.ml-3 {
  margin-left: 0.75em;
}

.mr-3 {
  margin-right: 0.75em;
}

.mi-3 {
  margin-inline: 0.75em;
}

.mk-3 {
  margin-block: 0.75em;
}

.pb-3 {
  padding-bottom: 0.75em;
}

.pt-3 {
  padding-top: 0.75em;
}

.pl-3 {
  padding-left: 0.75em;
}

.pr-3 {
  padding-right: 0.75em;
}

.pi-3 {
  padding-inline: 0.75em;
}

.pk-3 {
  padding-block: 0.75em;
}

.pk-3.pk-3 > .container.container {
  padding-block: 0.75em;
}

.mb-4 {
  margin-bottom: 1em;
}

.mt-4 {
  margin-top: 1em;
}

.ml-4 {
  margin-left: 1em;
}

.mr-4 {
  margin-right: 1em;
}

.mi-4 {
  margin-inline: 1em;
}

.mk-4 {
  margin-block: 1em;
}

.pb-4 {
  padding-bottom: 1em;
}

.pt-4 {
  padding-top: 1em;
}

.pl-4 {
  padding-left: 1em;
}

.pr-4 {
  padding-right: 1em;
}

.pi-4 {
  padding-inline: 1em;
}

.pk-4 {
  padding-block: 1em;
}

.pk-4.pk-4 > .container.container {
  padding-block: 1em;
}

.mb-5 {
  margin-bottom: 1.25em;
}

.mt-5 {
  margin-top: 1.25em;
}

.ml-5 {
  margin-left: 1.25em;
}

.mr-5 {
  margin-right: 1.25em;
}

.mi-5 {
  margin-inline: 1.25em;
}

.mk-5 {
  margin-block: 1.25em;
}

.pb-5 {
  padding-bottom: 1.25em;
}

.pt-5 {
  padding-top: 1.25em;
}

.pl-5 {
  padding-left: 1.25em;
}

.pr-5 {
  padding-right: 1.25em;
}

.pi-5 {
  padding-inline: 1.25em;
}

.pk-5 {
  padding-block: 1.25em;
}

.pk-5.pk-5 > .container.container {
  padding-block: 1.25em;
}

.mb-6 {
  margin-bottom: 1.5em;
}

.mt-6 {
  margin-top: 1.5em;
}

.ml-6 {
  margin-left: 1.5em;
}

.mr-6 {
  margin-right: 1.5em;
}

.mi-6 {
  margin-inline: 1.5em;
}

.mk-6 {
  margin-block: 1.5em;
}

.pb-6 {
  padding-bottom: 1.5em;
}

.pt-6 {
  padding-top: 1.5em;
}

.pl-6 {
  padding-left: 1.5em;
}

.pr-6 {
  padding-right: 1.5em;
}

.pi-6 {
  padding-inline: 1.5em;
}

.pk-6 {
  padding-block: 1.5em;
}

.pk-6.pk-6 > .container.container {
  padding-block: 1.5em;
}

.mb-7 {
  margin-bottom: 1.75em;
}

.mt-7 {
  margin-top: 1.75em;
}

.ml-7 {
  margin-left: 1.75em;
}

.mr-7 {
  margin-right: 1.75em;
}

.mi-7 {
  margin-inline: 1.75em;
}

.mk-7 {
  margin-block: 1.75em;
}

.pb-7 {
  padding-bottom: 1.75em;
}

.pt-7 {
  padding-top: 1.75em;
}

.pl-7 {
  padding-left: 1.75em;
}

.pr-7 {
  padding-right: 1.75em;
}

.pi-7 {
  padding-inline: 1.75em;
}

.pk-7 {
  padding-block: 1.75em;
}

.pk-7.pk-7 > .container.container {
  padding-block: 1.75em;
}

.mb-8 {
  margin-bottom: 2em;
}

.mt-8 {
  margin-top: 2em;
}

.ml-8 {
  margin-left: 2em;
}

.mr-8 {
  margin-right: 2em;
}

.mi-8 {
  margin-inline: 2em;
}

.mk-8 {
  margin-block: 2em;
}

.pb-8 {
  padding-bottom: 2em;
}

.pt-8 {
  padding-top: 2em;
}

.pl-8 {
  padding-left: 2em;
}

.pr-8 {
  padding-right: 2em;
}

.pi-8 {
  padding-inline: 2em;
}

.pk-8 {
  padding-block: 2em;
}

.pk-8.pk-8 > .container.container {
  padding-block: 2em;
}

.mb-9 {
  margin-bottom: 2.25em;
}

.mt-9 {
  margin-top: 2.25em;
}

.ml-9 {
  margin-left: 2.25em;
}

.mr-9 {
  margin-right: 2.25em;
}

.mi-9 {
  margin-inline: 2.25em;
}

.mk-9 {
  margin-block: 2.25em;
}

.pb-9 {
  padding-bottom: 2.25em;
}

.pt-9 {
  padding-top: 2.25em;
}

.pl-9 {
  padding-left: 2.25em;
}

.pr-9 {
  padding-right: 2.25em;
}

.pi-9 {
  padding-inline: 2.25em;
}

.pk-9 {
  padding-block: 2.25em;
}

.pk-9.pk-9 > .container.container {
  padding-block: 2.25em;
}

.mb-10 {
  margin-bottom: 2.5em;
}

.mt-10 {
  margin-top: 2.5em;
}

.ml-10 {
  margin-left: 2.5em;
}

.mr-10 {
  margin-right: 2.5em;
}

.mi-10 {
  margin-inline: 2.5em;
}

.mk-10 {
  margin-block: 2.5em;
}

.pb-10 {
  padding-bottom: 2.5em;
}

.pt-10 {
  padding-top: 2.5em;
}

.pl-10 {
  padding-left: 2.5em;
}

.pr-10 {
  padding-right: 2.5em;
}

.pi-10 {
  padding-inline: 2.5em;
}

.pk-10 {
  padding-block: 2.5em;
}

.pk-10.pk-10 > .container.container {
  padding-block: 2.5em;
}

.mb-11 {
  margin-bottom: 2.75em;
}

.mt-11 {
  margin-top: 2.75em;
}

.ml-11 {
  margin-left: 2.75em;
}

.mr-11 {
  margin-right: 2.75em;
}

.mi-11 {
  margin-inline: 2.75em;
}

.mk-11 {
  margin-block: 2.75em;
}

.pb-11 {
  padding-bottom: 2.75em;
}

.pt-11 {
  padding-top: 2.75em;
}

.pl-11 {
  padding-left: 2.75em;
}

.pr-11 {
  padding-right: 2.75em;
}

.pi-11 {
  padding-inline: 2.75em;
}

.pk-11 {
  padding-block: 2.75em;
}

.pk-11.pk-11 > .container.container {
  padding-block: 2.75em;
}

.mb-12 {
  margin-bottom: 3em;
}

.mt-12 {
  margin-top: 3em;
}

.ml-12 {
  margin-left: 3em;
}

.mr-12 {
  margin-right: 3em;
}

.mi-12 {
  margin-inline: 3em;
}

.mk-12 {
  margin-block: 3em;
}

.pb-12 {
  padding-bottom: 3em;
}

.pt-12 {
  padding-top: 3em;
}

.pl-12 {
  padding-left: 3em;
}

.pr-12 {
  padding-right: 3em;
}

.pi-12 {
  padding-inline: 3em;
}

.pk-12 {
  padding-block: 3em;
}

.pk-12.pk-12 > .container.container {
  padding-block: 3em;
}

.mb-13 {
  margin-bottom: 3.25em;
}

.mt-13 {
  margin-top: 3.25em;
}

.ml-13 {
  margin-left: 3.25em;
}

.mr-13 {
  margin-right: 3.25em;
}

.mi-13 {
  margin-inline: 3.25em;
}

.mk-13 {
  margin-block: 3.25em;
}

.pb-13 {
  padding-bottom: 3.25em;
}

.pt-13 {
  padding-top: 3.25em;
}

.pl-13 {
  padding-left: 3.25em;
}

.pr-13 {
  padding-right: 3.25em;
}

.pi-13 {
  padding-inline: 3.25em;
}

.pk-13 {
  padding-block: 3.25em;
}

.pk-13.pk-13 > .container.container {
  padding-block: 3.25em;
}

.mb-14 {
  margin-bottom: 3.5em;
}

.mt-14 {
  margin-top: 3.5em;
}

.ml-14 {
  margin-left: 3.5em;
}

.mr-14 {
  margin-right: 3.5em;
}

.mi-14 {
  margin-inline: 3.5em;
}

.mk-14 {
  margin-block: 3.5em;
}

.pb-14 {
  padding-bottom: 3.5em;
}

.pt-14 {
  padding-top: 3.5em;
}

.pl-14 {
  padding-left: 3.5em;
}

.pr-14 {
  padding-right: 3.5em;
}

.pi-14 {
  padding-inline: 3.5em;
}

.pk-14 {
  padding-block: 3.5em;
}

.pk-14.pk-14 > .container.container {
  padding-block: 3.5em;
}

.mb-15 {
  margin-bottom: 3.75em;
}

.mt-15 {
  margin-top: 3.75em;
}

.ml-15 {
  margin-left: 3.75em;
}

.mr-15 {
  margin-right: 3.75em;
}

.mi-15 {
  margin-inline: 3.75em;
}

.mk-15 {
  margin-block: 3.75em;
}

.pb-15 {
  padding-bottom: 3.75em;
}

.pt-15 {
  padding-top: 3.75em;
}

.pl-15 {
  padding-left: 3.75em;
}

.pr-15 {
  padding-right: 3.75em;
}

.pi-15 {
  padding-inline: 3.75em;
}

.pk-15 {
  padding-block: 3.75em;
}

.pk-15.pk-15 > .container.container {
  padding-block: 3.75em;
}

.mb-16 {
  margin-bottom: 4em;
}

.mt-16 {
  margin-top: 4em;
}

.ml-16 {
  margin-left: 4em;
}

.mr-16 {
  margin-right: 4em;
}

.mi-16 {
  margin-inline: 4em;
}

.mk-16 {
  margin-block: 4em;
}

.pb-16 {
  padding-bottom: 4em;
}

.pt-16 {
  padding-top: 4em;
}

.pl-16 {
  padding-left: 4em;
}

.pr-16 {
  padding-right: 4em;
}

.pi-16 {
  padding-inline: 4em;
}

.pk-16 {
  padding-block: 4em;
}

.pk-16.pk-16 > .container.container {
  padding-block: 4em;
}

.mb-17 {
  margin-bottom: 4.25em;
}

.mt-17 {
  margin-top: 4.25em;
}

.ml-17 {
  margin-left: 4.25em;
}

.mr-17 {
  margin-right: 4.25em;
}

.mi-17 {
  margin-inline: 4.25em;
}

.mk-17 {
  margin-block: 4.25em;
}

.pb-17 {
  padding-bottom: 4.25em;
}

.pt-17 {
  padding-top: 4.25em;
}

.pl-17 {
  padding-left: 4.25em;
}

.pr-17 {
  padding-right: 4.25em;
}

.pi-17 {
  padding-inline: 4.25em;
}

.pk-17 {
  padding-block: 4.25em;
}

.pk-17.pk-17 > .container.container {
  padding-block: 4.25em;
}

.mb-18 {
  margin-bottom: 4.5em;
}

.mt-18 {
  margin-top: 4.5em;
}

.ml-18 {
  margin-left: 4.5em;
}

.mr-18 {
  margin-right: 4.5em;
}

.mi-18 {
  margin-inline: 4.5em;
}

.mk-18 {
  margin-block: 4.5em;
}

.pb-18 {
  padding-bottom: 4.5em;
}

.pt-18 {
  padding-top: 4.5em;
}

.pl-18 {
  padding-left: 4.5em;
}

.pr-18 {
  padding-right: 4.5em;
}

.pi-18 {
  padding-inline: 4.5em;
}

.pk-18 {
  padding-block: 4.5em;
}

.pk-18.pk-18 > .container.container {
  padding-block: 4.5em;
}

.mb-19 {
  margin-bottom: 4.75em;
}

.mt-19 {
  margin-top: 4.75em;
}

.ml-19 {
  margin-left: 4.75em;
}

.mr-19 {
  margin-right: 4.75em;
}

.mi-19 {
  margin-inline: 4.75em;
}

.mk-19 {
  margin-block: 4.75em;
}

.pb-19 {
  padding-bottom: 4.75em;
}

.pt-19 {
  padding-top: 4.75em;
}

.pl-19 {
  padding-left: 4.75em;
}

.pr-19 {
  padding-right: 4.75em;
}

.pi-19 {
  padding-inline: 4.75em;
}

.pk-19 {
  padding-block: 4.75em;
}

.pk-19.pk-19 > .container.container {
  padding-block: 4.75em;
}

.mb-20 {
  margin-bottom: 5em;
}

.mt-20 {
  margin-top: 5em;
}

.ml-20 {
  margin-left: 5em;
}

.mr-20 {
  margin-right: 5em;
}

.mi-20 {
  margin-inline: 5em;
}

.mk-20 {
  margin-block: 5em;
}

.pb-20 {
  padding-bottom: 5em;
}

.pt-20 {
  padding-top: 5em;
}

.pl-20 {
  padding-left: 5em;
}

.pr-20 {
  padding-right: 5em;
}

.pi-20 {
  padding-inline: 5em;
}

.pk-20 {
  padding-block: 5em;
}

.pk-20.pk-20 > .container.container {
  padding-block: 5em;
}

.mb-21 {
  margin-bottom: 5.25em;
}

.mt-21 {
  margin-top: 5.25em;
}

.ml-21 {
  margin-left: 5.25em;
}

.mr-21 {
  margin-right: 5.25em;
}

.mi-21 {
  margin-inline: 5.25em;
}

.mk-21 {
  margin-block: 5.25em;
}

.pb-21 {
  padding-bottom: 5.25em;
}

.pt-21 {
  padding-top: 5.25em;
}

.pl-21 {
  padding-left: 5.25em;
}

.pr-21 {
  padding-right: 5.25em;
}

.pi-21 {
  padding-inline: 5.25em;
}

.pk-21 {
  padding-block: 5.25em;
}

.pk-21.pk-21 > .container.container {
  padding-block: 5.25em;
}

.mb-22 {
  margin-bottom: 5.5em;
}

.mt-22 {
  margin-top: 5.5em;
}

.ml-22 {
  margin-left: 5.5em;
}

.mr-22 {
  margin-right: 5.5em;
}

.mi-22 {
  margin-inline: 5.5em;
}

.mk-22 {
  margin-block: 5.5em;
}

.pb-22 {
  padding-bottom: 5.5em;
}

.pt-22 {
  padding-top: 5.5em;
}

.pl-22 {
  padding-left: 5.5em;
}

.pr-22 {
  padding-right: 5.5em;
}

.pi-22 {
  padding-inline: 5.5em;
}

.pk-22 {
  padding-block: 5.5em;
}

.pk-22.pk-22 > .container.container {
  padding-block: 5.5em;
}

.mb-23 {
  margin-bottom: 5.75em;
}

.mt-23 {
  margin-top: 5.75em;
}

.ml-23 {
  margin-left: 5.75em;
}

.mr-23 {
  margin-right: 5.75em;
}

.mi-23 {
  margin-inline: 5.75em;
}

.mk-23 {
  margin-block: 5.75em;
}

.pb-23 {
  padding-bottom: 5.75em;
}

.pt-23 {
  padding-top: 5.75em;
}

.pl-23 {
  padding-left: 5.75em;
}

.pr-23 {
  padding-right: 5.75em;
}

.pi-23 {
  padding-inline: 5.75em;
}

.pk-23 {
  padding-block: 5.75em;
}

.pk-23.pk-23 > .container.container {
  padding-block: 5.75em;
}

.mb-24 {
  margin-bottom: 6em;
}

.mt-24 {
  margin-top: 6em;
}

.ml-24 {
  margin-left: 6em;
}

.mr-24 {
  margin-right: 6em;
}

.mi-24 {
  margin-inline: 6em;
}

.mk-24 {
  margin-block: 6em;
}

.pb-24 {
  padding-bottom: 6em;
}

.pt-24 {
  padding-top: 6em;
}

.pl-24 {
  padding-left: 6em;
}

.pr-24 {
  padding-right: 6em;
}

.pi-24 {
  padding-inline: 6em;
}

.pk-24 {
  padding-block: 6em;
}

.pk-24.pk-24 > .container.container {
  padding-block: 6em;
}

.mb-25 {
  margin-bottom: 6.25em;
}

.mt-25 {
  margin-top: 6.25em;
}

.ml-25 {
  margin-left: 6.25em;
}

.mr-25 {
  margin-right: 6.25em;
}

.mi-25 {
  margin-inline: 6.25em;
}

.mk-25 {
  margin-block: 6.25em;
}

.pb-25 {
  padding-bottom: 6.25em;
}

.pt-25 {
  padding-top: 6.25em;
}

.pl-25 {
  padding-left: 6.25em;
}

.pr-25 {
  padding-right: 6.25em;
}

.pi-25 {
  padding-inline: 6.25em;
}

.pk-25 {
  padding-block: 6.25em;
}

.pk-25.pk-25 > .container.container {
  padding-block: 6.25em;
}

.mb-26 {
  margin-bottom: 6.5em;
}

.mt-26 {
  margin-top: 6.5em;
}

.ml-26 {
  margin-left: 6.5em;
}

.mr-26 {
  margin-right: 6.5em;
}

.mi-26 {
  margin-inline: 6.5em;
}

.mk-26 {
  margin-block: 6.5em;
}

.pb-26 {
  padding-bottom: 6.5em;
}

.pt-26 {
  padding-top: 6.5em;
}

.pl-26 {
  padding-left: 6.5em;
}

.pr-26 {
  padding-right: 6.5em;
}

.pi-26 {
  padding-inline: 6.5em;
}

.pk-26 {
  padding-block: 6.5em;
}

.pk-26.pk-26 > .container.container {
  padding-block: 6.5em;
}

.mb-27 {
  margin-bottom: 6.75em;
}

.mt-27 {
  margin-top: 6.75em;
}

.ml-27 {
  margin-left: 6.75em;
}

.mr-27 {
  margin-right: 6.75em;
}

.mi-27 {
  margin-inline: 6.75em;
}

.mk-27 {
  margin-block: 6.75em;
}

.pb-27 {
  padding-bottom: 6.75em;
}

.pt-27 {
  padding-top: 6.75em;
}

.pl-27 {
  padding-left: 6.75em;
}

.pr-27 {
  padding-right: 6.75em;
}

.pi-27 {
  padding-inline: 6.75em;
}

.pk-27 {
  padding-block: 6.75em;
}

.pk-27.pk-27 > .container.container {
  padding-block: 6.75em;
}

.mb-28 {
  margin-bottom: 7em;
}

.mt-28 {
  margin-top: 7em;
}

.ml-28 {
  margin-left: 7em;
}

.mr-28 {
  margin-right: 7em;
}

.mi-28 {
  margin-inline: 7em;
}

.mk-28 {
  margin-block: 7em;
}

.pb-28 {
  padding-bottom: 7em;
}

.pt-28 {
  padding-top: 7em;
}

.pl-28 {
  padding-left: 7em;
}

.pr-28 {
  padding-right: 7em;
}

.pi-28 {
  padding-inline: 7em;
}

.pk-28 {
  padding-block: 7em;
}

.pk-28.pk-28 > .container.container {
  padding-block: 7em;
}

.mb-29 {
  margin-bottom: 7.25em;
}

.mt-29 {
  margin-top: 7.25em;
}

.ml-29 {
  margin-left: 7.25em;
}

.mr-29 {
  margin-right: 7.25em;
}

.mi-29 {
  margin-inline: 7.25em;
}

.mk-29 {
  margin-block: 7.25em;
}

.pb-29 {
  padding-bottom: 7.25em;
}

.pt-29 {
  padding-top: 7.25em;
}

.pl-29 {
  padding-left: 7.25em;
}

.pr-29 {
  padding-right: 7.25em;
}

.pi-29 {
  padding-inline: 7.25em;
}

.pk-29 {
  padding-block: 7.25em;
}

.pk-29.pk-29 > .container.container {
  padding-block: 7.25em;
}

.mb-30 {
  margin-bottom: 7.5em;
}

.mt-30 {
  margin-top: 7.5em;
}

.ml-30 {
  margin-left: 7.5em;
}

.mr-30 {
  margin-right: 7.5em;
}

.mi-30 {
  margin-inline: 7.5em;
}

.mk-30 {
  margin-block: 7.5em;
}

.pb-30 {
  padding-bottom: 7.5em;
}

.pt-30 {
  padding-top: 7.5em;
}

.pl-30 {
  padding-left: 7.5em;
}

.pr-30 {
  padding-right: 7.5em;
}

.pi-30 {
  padding-inline: 7.5em;
}

.pk-30 {
  padding-block: 7.5em;
}

.pk-30.pk-30 > .container.container {
  padding-block: 7.5em;
}

.mb-31 {
  margin-bottom: 7.75em;
}

.mt-31 {
  margin-top: 7.75em;
}

.ml-31 {
  margin-left: 7.75em;
}

.mr-31 {
  margin-right: 7.75em;
}

.mi-31 {
  margin-inline: 7.75em;
}

.mk-31 {
  margin-block: 7.75em;
}

.pb-31 {
  padding-bottom: 7.75em;
}

.pt-31 {
  padding-top: 7.75em;
}

.pl-31 {
  padding-left: 7.75em;
}

.pr-31 {
  padding-right: 7.75em;
}

.pi-31 {
  padding-inline: 7.75em;
}

.pk-31 {
  padding-block: 7.75em;
}

.pk-31.pk-31 > .container.container {
  padding-block: 7.75em;
}

.mb-32 {
  margin-bottom: 8em;
}

.mt-32 {
  margin-top: 8em;
}

.ml-32 {
  margin-left: 8em;
}

.mr-32 {
  margin-right: 8em;
}

.mi-32 {
  margin-inline: 8em;
}

.mk-32 {
  margin-block: 8em;
}

.pb-32 {
  padding-bottom: 8em;
}

.pt-32 {
  padding-top: 8em;
}

.pl-32 {
  padding-left: 8em;
}

.pr-32 {
  padding-right: 8em;
}

.pi-32 {
  padding-inline: 8em;
}

.pk-32 {
  padding-block: 8em;
}

.pk-32.pk-32 > .container.container {
  padding-block: 8em;
}

.mi-a {
  margin-inline: auto;
}

.mk-a {
  margin-block: auto;
}

.mr-a {
  margin-right: auto;
}

.ml-a {
  margin-left: auto;
}

.txt-bleu.txt-bleu {
  color: color-mix(in srgb, var(--bleu) 70%, var(--dark));
}

.txt-vert.txt-vert {
  color: var(--vert);
}

.txt-orange.txt-orange {
  color: var(--orange);
}

.txt-dark.txt-dark {
  color: var(--dark);
}

mark .hl-bleu {
  background: var(--bleu);
  color: var(--noir);
}
mark .txt-vert {
  background: var(--vert);
  color: var(--noir);
}
mark .txt-orange {
  background: var(--orange);
  color: var(--noir);
}
mark .txt-dark {
  background: var(--dark);
  color: var(--blanc);
}

.checklist {
  list-style-type: "✔ ";
}
.checklist li:not(:last-child) {
  padding-bottom: 1em;
}

.dashlist {
  list-style-type: "- ";
  margin-block: 1em;
}
.dashlist li:not(:last-child) {
  padding-bottom: 0.5em;
}

.bits {
  --bits-size: clamp(2em, 6vw, 6em);
  position: relative;
}
.bits img {
  object-fit: cover;
  width: 100% !important;
  height: auto !important;
}
.bits:after {
  content: "";
  position: absolute;
  width: var(--bits-size, 6em);
  height: var(--bits-size, 6em);
  background-repeat: no-repeat;
  background-size: cover;
}
.bits.bits--flip:after {
  scale: -1 1;
  translate: -100%;
}
.bits.bits--flip[class*=right]:after {
  translate: 100%;
}
.bits.bits--flip[class*=left]:after {
  translate: -100%;
}
.bits.bits--top:after {
  top: 0;
  left: 50%;
  transform: translateX(-50%);
}
.bits.bits--top:not(.bits--flush):after {
  transform: translate(-50%, -50%);
}
.bits.bits--bottom:after {
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
}
.bits.bits--bottom:not(.bits--flush):after {
  transform: translate(-50%, 50%);
}
.bits.bits--left:after {
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}
.bits.bits--left:not(.bits--flush):after {
  transform: translate(-50%, -50%);
}
.bits.bits--right:after {
  top: 50%;
  right: 0;
  transform: translateY(-50%);
}
.bits.bits--right:not(.bits--flush):after {
  transform: translate(50%, -50%);
}
.bits.bits--top-left:after {
  top: 0;
  left: 0;
}
.bits.bits--top-left:not(.bits--flush):after {
  transform: translate(-50%, -50%);
}
.bits.bits--top-right:after {
  top: 0;
  right: 0;
}
.bits.bits--top-right:not(.bits--flush):after {
  transform: translate(50%, -50%);
}
.bits.bits--bottom-left:after {
  bottom: 0;
  left: 0;
}
.bits.bits--bottom-left:not(.bits--flush):after {
  transform: translate(-50%, 50%);
}
.bits.bits--bottom-right:after {
  bottom: 0;
  right: 0;
}
.bits.bits--bottom-right:not(.bits--flush):after {
  transform: translate(50%, 50%);
}
.bits.bits--carre:after {
  background-image: url("https://cdn.ca.yapla.com/company/CPYdNZRxWi163lmbLnVjgAqMF/asset/images/Stationnement%20%C3%A9coresponsable/carre.svg");
}
.bits.bits--rond:after {
  background-image: url("https://cdn.ca.yapla.com/company/CPYdNZRxWi163lmbLnVjgAqMF/asset/images/Stationnement%20%C3%A9coresponsable/rond.svg");
}
.bits.bits--feuille:after {
  background-image: url("https://cdn.ca.yapla.com/company/CPYdNZRxWi163lmbLnVjgAqMF/asset/images/Stationnement%20%C3%A9coresponsable/feuille.svg");
}
.bits.bits--goutte:after {
  background-image: url("https://cdn.ca.yapla.com/company/CPYdNZRxWi163lmbLnVjgAqMF/asset/images/Stationnement%20%C3%A9coresponsable/goutte.svg");
}
.bits.bits--all-h:after {
  background-image: url("https://cdn.ca.yapla.com/company/CPYdNZRxWi163lmbLnVjgAqMF/asset/images/Stationnement%20%C3%A9coresponsable/pictos.svg");
  width: max(100%, 4 * var(--bits-size));
  height: max(25%, var(--bits-size));
}
.bits.bits--all-v:after {
  background-image: url("https://cdn.ca.yapla.com/company/CPYdNZRxWi163lmbLnVjgAqMF/asset/images/Stationnement%20%C3%A9coresponsable/pictos-v.svg");
  height: max(100%, 4 * var(--bits-size));
  width: max(25%, var(--bits-size));
}

.line-scripts {
  height: 0 !important;
  width: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  visibility: hidden;
  opacity: 0;
}

/* :root {
	--primary: var(--orange, #f68830);
	--secondary: var(--dark, #003a48);
} */
:root {
  --primary: #00000000;
  --secondary: #00000000;
}

.list-result-wrapper > .row {
  display: contents;
}
.list-result-wrapper > .row:before, .list-result-wrapper > .row:after {
  display: none;
}
.list-result-wrapper div[data-article-id] {
  float: none;
}

.eventsList > .row,
.eventsList > .row .mod-eventflash__item {
  display: contents;
}
.eventsList > .row:before, .eventsList > .row:after,
.eventsList > .row .mod-eventflash__item:before,
.eventsList > .row .mod-eventflash__item:after {
  display: none;
}
.eventsList div:has(> .mod-eventflash__item) {
  float: none;
}

html,
body {
  margin: 0;
  padding: 0;
  height: 100%;
  min-height: 100%;
}
@media (prefers-reduced-motion: no-preference) {
  html,
  body {
    scroll-behavior: smooth;
  }
}

html {
  scroll-padding-top: 6rem;
  height: auto;
  overflow-x: clip;
}
html:has(.in) {
  overflow-y: scroll;
}

body {
  line-height: 1.4;
}
body:has(.in) {
  overflow: hidden;
  max-height: 100vh;
  max-height: 100dvh;
}

html,
body,
#site-wrapper,
.site-inner {
  width: 100vw;
  min-width: 100vw;
  max-width: 100vw;
  box-sizing: border-box;
}

.site-inner {
  overflow: clip;
}

::selection {
  background-color: var(--orange-50);
}

h1,
h2 {
  line-height: 1.4;
}

h1 {
  font-size: clamp(2rem, 8vw, 4.2rem);
}

h2 {
  font-size: clamp(1.5rem, 6vw, 3rem);
}

.titre {
  font: var(--font-900);
}

.breadcrumb,
.sur-titre {
  font: var(--font-700);
  text-transform: uppercase;
}

.breadcrumb {
  font-size: 1em;
}

.sous-titre {
  font: var(--font-500);
}

p,
li {
  font: var(--font-100) inherit;
}
p strong,
li strong {
  font: var(--font-300) inherit;
  font-weight: 600;
}

h1,
h2,
h3,
h4,
h5,
h6,
p {
  color: inherit;
  max-width: 80ch;
}

a {
  color: inherit;
  font-weight: bold;
}
a:hover {
  color: inherit;
}

.btn-primary,
.btn--dse {
  display: inline-block;
  background: var(--vert);
  color: var(--blanc);
  padding: 0.7em 1em;
  /* margin-top: 1em; */
  border-radius: var(--bora-max);
  text-decoration: none;
}
.btn-primary:hover,
.btn--dse:hover {
  background: var(--dark);
  color: var(--blanc);
  text-decoration: none;
}
.btn-primary.btn--wide,
.btn--dse.btn--wide {
  padding-inline: 4em;
}
.btn-primary.over-dark:hover,
.btn--dse.over-dark:hover {
  background: var(--orange);
}
.btn-primary.btn--targets,
.btn--dse.btn--targets {
  font-weight: bold;
  border: 2px solid var(--vert);
}
.btn-primary.btn--targets:not(.active),
.btn--dse.btn--targets:not(.active) {
  background: none;
  border: 2px solid currentColor;
}
.btn-primary.btn--targets:hover,
.btn--dse.btn--targets:hover {
  background: var(--vert);
}

.btn--dse.btn-default, .btn--dse.dark,
.btn.btn-default,
.btn.dark {
  background: var(--dark);
}
.btn--dse.btn-default:hover, .btn--dse.dark:hover,
.btn.btn-default:hover,
.btn.dark:hover {
  background: var(--vert);
  color: var(--blanc);
}

button,
.btn {
  display: inline-block;
  padding: 0.5em 1em;
  color: var(--blanc);
  background-color: var(--orange);
  border: none;
  border-radius: var(--bora-max);
  font-weight: bold;
}
button.ghost,
.btn.ghost {
  background: none;
}

iframe {
  max-width: 100%;
}

.entete {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 1em 2em;
}
.entete .line.site_line__item:has(.les-certifies) {
  margin-left: auto;
}
.entete .container {
  width: auto;
}
.entete .mod-header-logo {
  width: clamp(6em, 14vw, 8em);
  padding: 0;
}
.entete .les-certifies {
  display: inline-block;
  padding: 0.6em 1em;
  color: var(--blanc);
  background-color: var(--orange);
  border-radius: var(--bora-max);
  transition: transform 500ms ease;
}
.entete .navbar-toggle {
  display: flex;
  flex-direction: column;
  gap: 0.6em;
}
.entete .navbar-toggle[aria-expanded=true] {
  margin-bottom: 1.4em;
}
.entete .navbar-toggle[aria-expanded=true] .icon-bar {
  margin-top: 1.4em;
}
.entete .navbar-toggle[aria-expanded=true] .icon-bar:last-of-type {
  margin-top: -1.4em;
}
.entete .navbar-toggle .icon-bar {
  width: 6em;
  height: 0.4em;
  border-radius: 0.2em;
  background-color: var(--dark);
}

@media (max-width: 2000px) {
  .navbar-header {
    float: none;
  }
  .navbar-toggle {
    display: block;
  }
  .navbar-fixed-top .navbar-collapse,
  .navbar-static-top .navbar-collapse,
  .navbar-fixed-bottom .navbar-collapse {
    padding-right: 15px;
    padding-left: 15px;
  }
  .navbar-collapse.collapse {
    display: none !important;
  }
  .navbar-collapse.collapse.in {
    display: block !important;
    margin-top: 0px;
  }
}
@media (min-width: 2000px) {
  .navbar-header {
    float: left;
  }
  .navbar-toggle {
    display: none;
  }
  .navbar-fixed-top .navbar-collapse,
  .navbar-static-top .navbar-collapse,
  .navbar-fixed-bottom .navbar-collapse {
    display: block !important;
  }
}
.les-certifies {
  white-space: nowrap;
}

.navbar,
.zone-menu {
  position: unset;
}
@media screen and (orientation: portrait) {
  .navbar,
  .zone-menu {
    padding: 0;
  }
}

.line-menu {
  background: none;
}
.line-menu::after {
  display: none;
}

.line:has(+ .line-menu .in) .les-certifies {
  position: fixed;
  z-index: 102;
  top: 3.75em;
  right: 11.125em;
}

.navbar .navbar-header {
  position: relative;
  z-index: 102;
  transform: scale(0.7);
}
.navbar .navbar-header:hover {
  border-radius: var(--bora);
  outline: 2px dashed var(--dark-50);
  outline-offset: 0.2em;
}
.navbar .navbar-header:has(+ .in) {
  position: fixed;
  top: 2em;
  right: 3em;
}
.navbar .navbar-collapse.navbar-collapse {
  position: fixed;
  display: block !important;
  right: 0;
  top: 0;
  bottom: 0;
  min-width: min(100vw, 50ch);
  max-width: min(100vw, 70ch);
  z-index: 101;
  background: white;
  padding-top: 10em;
  transform: translateX(100%);
  transition: transform 500ms ease;
}
.navbar .navbar-collapse.navbar-collapse.collapsing {
  height: auto !important;
}
.navbar .navbar-collapse.navbar-collapse.in, .navbar .navbar-collapse.navbar-collapse:focus-within {
  transform: translateX(0);
  box-shadow: 1px 1px 0.8em -0.2em rgba(0, 0, 0, 0.2), 1px 1px 1.4em 0em rgba(0, 0, 0, 0.1);
}

#mainMenu .navbar-nav {
  max-height: 100%;
  overflow-y: auto;
  padding-inline: 2em;
}
#mainMenu .navbar-nav li a {
  color: var(--dark);
  padding: 0.5em;
}
#mainMenu .navbar-nav li a.child-link {
  color: var(--vert) !important;
}
#mainMenu .navbar-nav li a:hover, #mainMenu .navbar-nav li a:focus-visible {
  background-color: var(--blanc-off);
  box-shadow: 0px 1px var(--dark);
}
#mainMenu .navbar-nav li a:only-child {
  position: relative;
  padding: 0.5em;
  width: calc(100% - 1em);
  margin-left: 1em;
  text-decoration: underline;
}
#mainMenu .navbar-nav li a:only-child::before {
  content: "↬";
  position: absolute;
  left: -1em;
  color: var(--vert);
}
#mainMenu .navbar-nav li a:has(~ ul) {
  pointer-events: none;
}
#mainMenu .navbar-nav > li {
  display: flex;
  justify-content: flex-start;
  gap: 0 1em;
  flex-wrap: wrap;
  width: 100%;
  /* &:has(+ .menu-type-separator), */
  /* &:has(.dropdown-menu) {
     } */
}
#mainMenu .navbar-nav > li:last-child a {
  margin-bottom: 0.5em;
}
#mainMenu .navbar-nav > li.menu-type-separator {
  background: color-mix(in srgb, var(--blanc-off), transparent 60%);
}
#mainMenu .navbar-nav > li.menu-type-separator {
  position: relative;
  margin-bottom: 2em;
}
#mainMenu .navbar-nav > li.menu-type-separator:not(:last-child):after {
  content: ". . .";
  content: "⭘ ⭘ ⭘";
  content: "￮ ￮ ￮";
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: -1.5em;
  z-index: 9999;
  text-align: center;
  /* letter-spacing: 1em; */
  font-weight: bold;
  background-clip: text;
  color: transparent;
  background-image: linear-gradient(90deg, var(--orange), var(--orange) 33%, var(--bleu) 33%, var(--bleu) 66%, var(--vert) 66%, var(--vert));
}
#mainMenu .navbar-nav > li > .dropdown-menu {
  display: block;
  position: relative;
  padding: 0.5em 1em 0;
  border-top: 1px dotted var(--dark);
  box-shadow: none;
}
#mainMenu .navbar-nav li,
#mainMenu .navbar-nav .dropdown-menu {
  background: none;
}
#mainMenu .navbar-nav li.active {
  color: var(--orange);
}

@media (max-width: 991px) {
  .navbar-nav > li {
    flex-direction: column;
  }
  .navbar-nav > li a {
    text-overflow: ellipsis;
    overflow: clip;
  }
  .navbar-nav > li > .dropdown-menu {
    right: auto;
    left: auto;
  }
}
@media (max-width: 600px) {
  .navbar-collapse.in {
    width: calc(100vw - 2em);
  }
}
.site-footer {
  position: relative;
  z-index: 1;
  padding: min(4vw, 6em) min(4vw, 3em) 1em;
  background: var(--dark);
  color: var(--blanc);
}

.line-site-footer .container {
  margin: 0;
}
.line-site-footer .row {
  display: flex;
  flex-wrap: wrap;
  gap: 2em;
}
.line-site-footer .row > div {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 0;
  width: auto;
  flex: 1 1 30%;
}
.line-site-footer .zone-html {
  float: none !important;
}
.line-site-footer .zone-html[data-zone-alias=DSE] {
  padding-right: clamp(0.5em, 3vw, 6em);
}
.line-site-footer .zone-html[data-zone-alias=DSE] img {
  display: block;
  max-width: max(20ch, 80%);
  /* margin: auto; */
  margin: auto;
}
.line-site-footer .zone-html[data-zone-alias=Infolettre] {
  padding-left: 4em;
  border-left: 2px solid var(--blanc);
}
@media screen and (orientation: portrait) {
  .line-site-footer .zone-html[data-zone-alias=Infolettre] {
    padding: 2em 0;
    border-left: 0;
    border-block: 2px solid var(--blanc);
  }
}
.line-site-footer .zone-html[data-zone-alias=Infolettre], .line-site-footer .zone-html[data-zone-alias=Infolettre] * {
  color: var(--blanc);
}
.line-site-footer .zone-menu {
  min-width: min(60ch, 100%);
}
@media screen and (orientation: portrait) {
  .line-site-footer .zone-menu {
    width: 100%;
  }
  .line-site-footer .zone-menu .nav {
    max-height: none !important;
  }
  .line-site-footer .zone-menu .nav li {
    width: 100%;
  }
}
.line-site-footer .zone-menu:before, .line-site-footer .zone-menu:after {
  display: none;
}
.line-site-footer .zone-menu .nav {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  gap: 1em;
  max-height: 60ch;
  color: var(--blanc);
}
.line-site-footer .zone-menu .nav:before, .line-site-footer .zone-menu .nav:after {
  display: none;
}
.line-site-footer .zone-menu .nav > li > a {
  font-size: 1.4em;
  text-transform: uppercase;
  margin-block: 0.5em 0.7em;
}
.line-site-footer .zone-menu .nav > li a {
  padding: 0;
  font-size: 1.2em;
  max-width: 20ch;
  text-wrap: wrap;
  white-space: normal;
}
.line-site-footer .zone-menu .nav a {
  color: inherit;
}
.line-site-footer .zone-menu .nav a.child-link {
  display: block;
}
.line-site-footer .zone-menu .nav a.dropdown-toggle {
  display: none;
}
.line-site-footer .zone-menu .nav a:hover {
  background: none;
  color: var(--orange);
}
.line-site-footer .zone-menu .nav .dropdown-menu {
  position: relative;
  display: block;
  float: none;
  background: none;
  box-shadow: none;
  border: none;
}

.line-les-cres {
  padding-block: 3em;
}
.line-les-cres .list-result-wrapper {
  display: flex;
  align-items: center;
  justify-content: space-evenly;
  gap: 1em;
}
.line-les-cres .list-result-wrapper .row {
  display: contents;
}
.line-les-cres .list-result-wrapper .row div[data-article-id] {
  width: unset;
}
.line-les-cres .list-result-wrapper .row div[data-article-id] img {
  margin: 0;
  max-height: 8em;
}

.line-quebec {
  position: relative;
  padding-top: 4em;
  border-top: 2px solid color-mix(in srgb, var(--blanc), transparent 80%);
}
.line-quebec::before, .line-quebec::after {
  content: "";
  position: absolute;
  background: var(--dark);
  width: 3em;
  height: 1em;
  top: -0.5em;
}
.line-quebec::before {
  left: 0;
}
.line-quebec::after {
  right: 0;
}
.line-quebec .zone-image img {
  display: block;
  margin-left: auto;
  max-height: 4em;
}
.line-quebec .zone-html {
  padding-left: clamp(4em, 12vw, 8em);
}
.line-quebec .zone-html p {
  font-size: 1.4em;
}

.line-side-social {
  height: 0;
  display: flex;
}
@media (max-width: 991px) {
  .line-side-social {
    display: none;
  }
}
.line-side-social .content {
  position: fixed;
  top: 33vh;
  right: 1em;
  width: 33px;
  text-align: right;
  z-index: 100;
  /* p {
      margin-bottom: 5px;
    } */
}
.line-side-social .content ul {
  list-style-type: none;
  padding: 0;
}
.line-side-social .content ul li {
  margin-bottom: 0.5em;
}
.line-side-social .content a.facebook,
.line-side-social .content a.linkedin,
.line-side-social .content a.twitter,
.line-side-social .content a.youtube {
  /* position: relative; */
  display: inline-block;
  background-color: #fff;
  width: 32px;
  height: 32px;
  border-radius: 33px;
  background-size: 70px;
  background-position: -1px 0;
  background-repeat: no-repeat;
  text-decoration: none !important;
}
.line-side-social .content a.facebook:hover,
.line-side-social .content a.linkedin:hover,
.line-side-social .content a.twitter:hover,
.line-side-social .content a.youtube:hover {
  background-position-x: -37px;
}
.line-side-social .content a.facebook.facebook,
.line-side-social .content a.linkedin.facebook,
.line-side-social .content a.twitter.facebook,
.line-side-social .content a.youtube.facebook {
  background-image: url("https://cdn.ca.yapla.com/company/CPYdNZRxWi163lmbLnVjgAqMF/asset/images/Stationnement%20%C3%A9coresponsable/Pictogrammes/Facebook.svg");
}
.line-side-social .content a.facebook.linkedin,
.line-side-social .content a.linkedin.linkedin,
.line-side-social .content a.twitter.linkedin,
.line-side-social .content a.youtube.linkedin {
  background-image: url("https://cdn.ca.yapla.com/company/CPYdNZRxWi163lmbLnVjgAqMF/asset/images/Stationnement%20%C3%A9coresponsable/Pictogrammes/Linkedin.svg");
}
.line-side-social .content a.facebook.twitter,
.line-side-social .content a.linkedin.twitter,
.line-side-social .content a.twitter.twitter,
.line-side-social .content a.youtube.twitter {
  background-image: url("https://cdn.ca.yapla.com/company/CPYdNZRxWi163lmbLnVjgAqMF/asset/images/Stationnement%20%C3%A9coresponsable/Pictogrammes/Twitter.svg");
}
.line-side-social .content a.facebook.youtube,
.line-side-social .content a.linkedin.youtube,
.line-side-social .content a.twitter.youtube,
.line-side-social .content a.youtube.youtube {
  background-image: url("https://cdn.ca.yapla.com/company/CPYdNZRxWi163lmbLnVjgAqMF/asset/images/Stationnement%20%C3%A9coresponsable/Pictogrammes/Youtube.svg");
}
.line-side-social .content .btn {
  /* transition: none;
     transform: rotate(90deg);
     height: 32px;
     min-height: 0;
     position: absolute;
     display: table;
     right: calc(-110px + 0.375px);
     top: 270px;
     padding: 6px 20px 0px 20px !important;
     margin: 0; */
  min-width: auto;
  padding: 20px 6px;
  margin: 0;
  margin-left: 1px;
  background-color: #fff;
  color: var(--orange);
  font-weight: 400;
  border-color: var(--orange);
  white-space: nowrap !important;
  writing-mode: tb;
  line-height: inherit;
  border-width: 1px;
  border-radius: 50px;
}
.line-side-social .content .btn.btn-primary {
  color: var(--blanc);
  background: var(--orange);
}
.line-side-social .content .btn:hover {
  color: var(--dark);
  border-color: var(--dark);
  background-color: #fff;
}

.articles-lfv .list-result-wrapper,
.articles-lfv .eventsList {
  justify-content: center;
}

.articles-lfv,
.carousel-lfv {
  --columns: 3;
}
@media screen and (orientation: portrait) {
  .articles-lfv.articles-lfv.articles-lfv, .articles-lfv.carousel-lfv.carousel-lfv,
  .carousel-lfv.articles-lfv.articles-lfv,
  .carousel-lfv.carousel-lfv.carousel-lfv {
    --columns: 1;
  }
}
.articles-lfv.columns-2,
.carousel-lfv.columns-2 {
  --columns: 2;
}
.articles-lfv.columns-3,
.carousel-lfv.columns-3 {
  --columns: 3;
}
.articles-lfv.columns-4,
.carousel-lfv.columns-4 {
  --columns: 4;
}
.articles-lfv.columns-5,
.carousel-lfv.columns-5 {
  --columns: 5;
}
.articles-lfv.columns-6,
.carousel-lfv.columns-6 {
  --columns: 6;
}
.articles-lfv.center-vertical.center-vertical a,
.articles-lfv.center-vertical.center-vertical .news-intro,
.articles-lfv.center-vertical.center-vertical .intro,
.articles-lfv.center-vertical.center-vertical p.null,
.carousel-lfv.center-vertical.center-vertical a,
.carousel-lfv.center-vertical.center-vertical .news-intro,
.carousel-lfv.center-vertical.center-vertical .intro,
.carousel-lfv.center-vertical.center-vertical p.null {
  margin-top: auto;
}
.articles-lfv:not(.center-vertical) .news-intro,
.articles-lfv:not(.center-vertical) .intro,
.carousel-lfv:not(.center-vertical) .news-intro,
.carousel-lfv:not(.center-vertical) .intro {
  height: 100%;
}
.articles-lfv.bordered--head .news-tags-container,
.articles-lfv.bordered--head .news-title,
.articles-lfv.bordered--head .mod-eventflash__item-title,
.carousel-lfv.bordered--head .news-tags-container,
.carousel-lfv.bordered--head .news-title,
.carousel-lfv.bordered--head .mod-eventflash__item-title {
  border-left: 1px solid var(--text-color, currentColor);
  padding-left: 1rem;
}
.articles-lfv.bordered--head .news-tags-container:has(+ .e-date),
.articles-lfv.bordered--head .news-title:has(+ .e-date),
.articles-lfv.bordered--head .mod-eventflash__item-title:has(+ .e-date),
.carousel-lfv.bordered--head .news-tags-container:has(+ .e-date),
.carousel-lfv.bordered--head .news-title:has(+ .e-date),
.carousel-lfv.bordered--head .mod-eventflash__item-title:has(+ .e-date) {
  margin: 0;
}
.articles-lfv.bordered--head .news-tags-container:has(+ .itemInfos),
.articles-lfv.bordered--head .news-title:has(+ .itemInfos),
.articles-lfv.bordered--head .mod-eventflash__item-title:has(+ .itemInfos),
.carousel-lfv.bordered--head .news-tags-container:has(+ .itemInfos),
.carousel-lfv.bordered--head .news-title:has(+ .itemInfos),
.carousel-lfv.bordered--head .mod-eventflash__item-title:has(+ .itemInfos) {
  margin: 0;
}
.articles-lfv.bordered--date .news-published-date,
.articles-lfv.bordered--date .itemInfos,
.carousel-lfv.bordered--date .news-published-date,
.carousel-lfv.bordered--date .itemInfos {
  border-left: 1px solid var(--text-color, currentColor);
  padding-left: 1rem;
}
.articles-lfv.bordered--date .itemInfos,
.carousel-lfv.bordered--date .itemInfos {
  padding-block: 1em;
}
.articles-lfv.bordered .news-intro,
.articles-lfv.bordered .intro, .articles-lfv.bordered--intro .news-intro,
.articles-lfv.bordered--intro .intro,
.carousel-lfv.bordered .news-intro,
.carousel-lfv.bordered .intro,
.carousel-lfv.bordered--intro .news-intro,
.carousel-lfv.bordered--intro .intro {
  border-left: 1px solid var(--text-color, currentColor);
  padding-left: 1rem;
}
.articles-lfv.bordered .news-intro :last-child,
.articles-lfv.bordered .intro :last-child, .articles-lfv.bordered--intro .news-intro :last-child,
.articles-lfv.bordered--intro .intro :last-child,
.carousel-lfv.bordered .news-intro :last-child,
.carousel-lfv.bordered .intro :last-child,
.carousel-lfv.bordered--intro .news-intro :last-child,
.carousel-lfv.bordered--intro .intro :last-child {
  margin-bottom: 0;
}
.articles-lfv.padded,
.carousel-lfv.padded {
  --article-padding: 1.5rem;
}
.articles-lfv.padded div[data-article-id],
.articles-lfv.padded div:has(> .mod-eventflash__item),
.carousel-lfv.padded div[data-article-id],
.carousel-lfv.padded div:has(> .mod-eventflash__item) {
  padding: var(--article-padding, 1.5rem);
}
.articles-lfv:not(.padded) .news-intro,
.articles-lfv:not(.padded) .intro,
.carousel-lfv:not(.padded) .news-intro,
.carousel-lfv:not(.padded) .intro {
  margin: 0 1em 1em;
}
.articles-lfv .list-result-wrapper,
.articles-lfv .eventsList,
.carousel-lfv .list-result-wrapper,
.carousel-lfv .eventsList {
  display: flex;
  gap: 1em;
}
.articles-lfv div[data-article-id],
.articles-lfv div:has(> .mod-eventflash__item),
.carousel-lfv div[data-article-id],
.carousel-lfv div:has(> .mod-eventflash__item) {
  background: var(--blanc-off);
  padding: 0;
  box-shadow: var(--shadow);
  max-width: calc(100% / var(--columns, 3) - var(--article-padding, 0) * 2);
  min-width: min(100%, 40ch - var(--article-padding, 0) * 2);
}
.articles-lfv div[data-article-id]:has(a:hover), .articles-lfv div[data-article-id]:focus, .articles-lfv div[data-article-id]:focus-visible, .articles-lfv div[data-article-id]:focus-within,
.articles-lfv div:has(> .mod-eventflash__item):has(a:hover),
.articles-lfv div:has(> .mod-eventflash__item):focus,
.articles-lfv div:has(> .mod-eventflash__item):focus-visible,
.articles-lfv div:has(> .mod-eventflash__item):focus-within,
.carousel-lfv div[data-article-id]:has(a:hover),
.carousel-lfv div[data-article-id]:focus,
.carousel-lfv div[data-article-id]:focus-visible,
.carousel-lfv div[data-article-id]:focus-within,
.carousel-lfv div:has(> .mod-eventflash__item):has(a:hover),
.carousel-lfv div:has(> .mod-eventflash__item):focus,
.carousel-lfv div:has(> .mod-eventflash__item):focus-visible,
.carousel-lfv div:has(> .mod-eventflash__item):focus-within {
  outline: 2px dashed var(--dark-50);
  outline-offset: 0.2em;
}
.articles-lfv--images div[data-article-id],
.articles-lfv--images div:has(> .mod-eventflash__item),
.carousel-lfv--images div[data-article-id],
.carousel-lfv--images div:has(> .mod-eventflash__item) {
  display: grid;
  justify-items: center;
}
.articles-lfv--images div[data-article-id] > :last-child,
.articles-lfv--images div:has(> .mod-eventflash__item) > :last-child,
.carousel-lfv--images div[data-article-id] > :last-child,
.carousel-lfv--images div:has(> .mod-eventflash__item) > :last-child {
  margin-top: auto;
  margin-bottom: 0;
}

.line-section .list-result-wrapper,
.line-section .eventsList {
  flex-wrap: wrap;
  gap: 4rem;
  margin-top: 2em;
}
.line-section:nth-child(odd of .line-section) {
  background: var(--blanc-off);
}
.line-section:nth-child(odd of .line-section) div[data-article-id],
.line-section:nth-child(odd of .line-section) div:has(> .mod-eventflash__item) {
  background: var(--blanc);
}

.carousel-lfv {
  --shadow: 2px 2px 6px -4px color-mix(in srgb, var(--dark), transparent),
  	2px 2px 16px -8px color-mix(in srgb, var(--bleu), transparent);
  position: relative;
  padding-block: 4em;
  overflow: clip;
}
.carousel-lfv .list-result-wrapper {
  --gap: 1.5em;
  display: flex;
  gap: var(--gap);
  scroll-snap-type: inline proximity;
  scroll-padding-inline: calc(var(--gap) / 2);
  overflow-x: auto;
  padding-block: 0.5em;
}
.carousel-lfv .list-result-wrapper::-webkit-scrollbar {
  width: 0;
}
.carousel-lfv .list-result-wrapper > .row:first-child [data-article-id]:first-child {
  margin-inline-start: var(--gap, 0.5em);
  scroll-snap-align: none;
}
.carousel-lfv .list-result-wrapper > .row:last-child [data-article-id]:last-child {
  margin-inline-end: var(--gap, 0.5em);
  scroll-snap-align: none;
}
.carousel-lfv div[data-article-id] {
  flex-basis: calc(100% / var(--columns, 4) - var(--gap));
  flex-grow: 1;
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
  scroll-snap-align: center;
}
@media screen and (orientation: portrait) {
  .carousel-lfv div[data-article-id] {
    --columns: 1;
  }
}
.carousel-lfv .indicators {
  position: absolute;
  top: calc(100% + 1em);
  left: 0;
  right: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1em;
}
.carousel-lfv .indicators .indicator {
  display: inline-block;
  width: 1em;
  height: 1em;
  background: var(--dark);
  border-radius: 1em;
  box-shadow: var(--shadow);
  cursor: pointer;
}
.carousel-lfv .indicators .indicator.active {
  background: var(--orange);
}
.carousel-lfv .prev,
.carousel-lfv .next {
  position: absolute;
  color: var(--dark);
  font-size: 3em;
  font-weight: 800;
  padding: 0.5em;
  top: 50%;
  transform: translateY(-50%);
}
.carousel-lfv .prev {
  left: -1.5em;
}
.carousel-lfv .next {
  right: -1.5em;
}
@media screen and (orientation: portrait) {
  .carousel-lfv .prev,
  .carousel-lfv .next {
    display: none;
  }
}

.scrolled .line-buttons {
  padding-block: 0.5em;
}

.bannerize {
  position: relative;
}
.bannerize::before {
  content: "";
  position: absolute;
  inset: 0;
  background-image: url("https://cdn.ca.yapla.com/company/CPYdNZRxWi163lmbLnVjgAqMF/module/banner/2024-07_stationnement-eco_site-web_banniere-haut-de-page1-1722949395.JPG");
  background-size: cover;
  opacity: 0.05;
}

[class*=line-banner] :where(.zone-banner h1, .zone-banner p) {
  color: white;
  margin-inline: auto;
  margin-bottom: 0.5rem;
}
[class*=line-banner] .mod-banner__wrapper .mod-banner__img {
  position: relative;
  padding-block: 35vh;
  background-size: cover;
  background-position: bottom;
}
[class*=line-banner] .mod-banner__wrapper .mod-banner__img:before, [class*=line-banner] .mod-banner__wrapper .mod-banner__img:after {
  content: "";
  position: absolute;
}
[class*=line-banner] .mod-banner__wrapper .mod-banner__img:before {
  background-color: color-mix(in srgb, var(--dark) 80%, transparent);
  inset: 0;
}
[class*=line-banner] .mod-banner__wrapper .mod-banner__content {
  display: grid;
  text-align: center;
}
[class*=line-banner] .mod-banner__wrapper .mod-banner__content button.ghost {
  padding: 0.5rem 0.5em 0;
}

.line-buttons {
  position: sticky;
  top: 0;
  z-index: 99;
  background: var(--dark);
  padding-block: 4em;
  transition: padding 500ms ease;
}
.line-buttons .buttons {
  display: flex;
  justify-content: space-evenly;
}

.contexte-image-texte,
.groupe-image-texte {
  --padding: clamp(6em, 5vw, 8em);
  --texte-bg: var(--blanc-off);
  --image-bg: var(--dark);
  position: relative;
  display: grid;
  grid-template-columns: 1fr 1fr;
}
.contexte-image-texte.invert,
.groupe-image-texte.invert {
  --texte-color: var(--blanc-off);
  --texte-bg: var(--dark);
  --image-bg: var(--blanc-off);
}
.contexte-image-texte .container,
.groupe-image-texte .container {
  width: unset;
}
.contexte-image-texte .line-image,
.groupe-image-texte .line-image {
  position: relative;
  background-color: var(--image-bg);
  padding: var(--padding);
  padding-right: calc(var(--padding) * 2);
}
.contexte-image-texte .line-texte,
.groupe-image-texte .line-texte {
  --_padding: calc(var(--padding) / 2);
  display: flex;
  align-items: center;
}
.contexte-image-texte .line-texte > .container,
.groupe-image-texte .line-texte > .container {
  position: relative;
  background: var(--texte-bg);
  color: var(--texte-color);
  padding: var(--_padding);
  transform-origin: top;
  transform: translateX(calc(-2 * var(--_padding)));
  width: 120%;
  box-shadow: 4px 2px 4px -2px rgba(136, 136, 136, 0.5333333333), 8px 0px 8px -2px rgba(170, 170, 170, 0.6666666667);
}
.contexte-image-texte .line-texte > .container::after,
.groupe-image-texte .line-texte > .container::after {
  position: absolute;
  display: block;
  inset: 0;
  background: inherit;
  /* left: calc(100% - 4px); */
  /* width: var(--padding); */
  z-index: 999;
  transform: translateX(calc(100% - 4px));
  /* isolation: isolate; */
  box-shadow: inherit;
}

.contexte-texte-image,
.groupe-texte-image {
  --padding: clamp(4em, 5vw, 8em);
  --texte-bg: var(--blanc-off);
  --image-bg: var(--dark);
  position: relative;
  display: grid;
  grid-template-columns: 6fr 3fr;
}
.contexte-texte-image.invert,
.groupe-texte-image.invert {
  --texte-bg: var(--dark);
  --image-bg: var(--blanc-off);
}
.contexte-texte-image .container,
.groupe-texte-image .container {
  width: unset;
}
.contexte-texte-image .line-texte,
.groupe-texte-image .line-texte {
  --_padding: calc(var(--padding) / 2);
  display: flex;
  align-items: center;
}
.contexte-texte-image .line-texte > .container,
.groupe-texte-image .line-texte > .container {
  background: var(--texte-bg);
  padding-block: var(--_padding);
  padding-right: calc(var(--padding) * 4);
  padding-left: max(var(--_padding), 2em + 6vw);
  width: 100%;
  box-shadow: 4px 2px 4px -2px rgba(136, 136, 136, 0.5333333333), 8px 0px 8px -2px rgba(170, 170, 170, 0.6666666667);
}
.contexte-texte-image .line-image,
.groupe-texte-image .line-image {
  position: relative;
  display: flex;
  align-items: center;
  background-color: var(--image-bg);
  background-position: -100%;
  padding: var(--padding);
}
.contexte-texte-image .line-image > .container,
.groupe-texte-image .line-image > .container {
  position: absolute;
  width: clamp(var(--padding) * 5, 35vw, var(--padding) * 8);
  max-width: calc(var(--padding) * 6);
  top: 50%;
  left: 0;
  transform: translate(-50%, -50%);
}

body.en-construction {
  background-image: url("https://cdn.ca.yapla.com/company/CPYdNZRxWi163lmbLnVjgAqMF/asset/images/Stationnement%20%C3%A9coresponsable/path7034.png");
}
body.en-construction #site-wrapper {
  display: grid;
  min-height: 100%;
}
body.en-construction #site-wrapper #vue-config {
  display: contents;
}
body.en-construction #site-wrapper .site-inner {
  display: grid;
  place-items: center;
  min-height: 100%;
}
body.en-construction #site-wrapper .site-inner .poweredBy-wrapper {
  align-self: end;
  background: transparent !important;
}
body.en-construction #site-wrapper .site-inner .poweredBy-wrapper .poweredBy-link {
  background: white;
  padding: 0.5em;
  border-radius: 0.5em;
}
body.en-construction #site-wrapper main {
  max-width: min(80ch, 90vw);
  margin: 1em auto;
  padding: 2em;
  background: white;
  border-radius: 0.5em;
}

.line-objectifs {
  margin-block: max(8em, 15vh);
}
.line-objectifs .objectifs__wrapper {
  display: flex;
  align-items: center;
  gap: clamp(2em, 3vw, 4em);
  max-width: max(100ch, 50vw);
  margin: auto;
}
@media screen and (orientation: portrait) {
  .line-objectifs .objectifs__wrapper {
    flex-direction: column-reverse;
    max-width: 96vw;
  }
  .line-objectifs .objectifs__wrapper .objectifs__images {
    max-width: 50vw;
  }
  .line-objectifs .objectifs__wrapper .objectifs__objectifs {
    padding-bottom: 0;
  }
}
.line-objectifs .objectifs__images,
.line-objectifs .objectifs__objectifs {
  flex: 1;
}
.line-objectifs .objectifs__images {
  position: relative;
}
.line-objectifs .objectifs__images .pictos {
  position: absolute;
  bottom: 2em;
  right: -75%;
}
.line-objectifs .objectifs__objectifs {
  margin: auto;
  padding-bottom: 12em;
  /* line-height: 3; */
  font-weight: bold;
}
.line-objectifs .objectifs__objectifs h2 {
  color: var(--vert);
  font-weight: bold;
}
.line-objectifs .objectifs__liste {
  font-size: 1.2em;
  padding-left: 1.2em;
}
.line-objectifs .objectifs__liste li {
  margin-block: 1.4em;
}
.line-objectifs .objectifs__liste li:last-child {
  margin-bottom: 0;
}

@media screen and not (orientation: portrait) {
  .line-cible {
    padding-bottom: 6em;
  }
}
.line-cible .container {
  padding-block: 6em;
  background: var(--blanc-off);
}
.line-cible h2,
.line-cible h3 {
  color: var(--vert);
}
.line-cible h2 {
  font-weight: bold;
}
.line-cible .public-cible {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 2em 8em;
  max-width: min(100ch, 96vw);
  margin: auto;
}
@media screen and (orientation: portrait) {
  .line-cible .public-cible {
    grid-template-columns: 1fr;
    margin-top: 3em;
    gap: 3em;
  }
}
.line-cible .public-cible img {
  --width: 30%;
  width: var(--width);
  margin-inline: calc((100% - var(--width)) / 2);
  margin-bottom: 1em;
}
.line-cible .public-cible h3 {
  font-size: 1.2em;
  text-align: center;
  text-wrap: balance;
  text-transform: none;
}
.line-cible .public-cible p,
.line-cible .public-cible a {
  font-size: 1.2em;
}
.line-cible .public-cible p {
  text-align: justify;
  margin-block: 1em;
}
.line-cible .public-cible a {
  display: block;
  color: currentColor;
  margin-top: 0.5em;
}
.line-cible .public-cible a:first-of-type {
  margin-top: auto;
}

.line-en-video {
  padding-block: 6em;
  background: var(--dark);
  text-align: center;
}
.line-en-video h2 {
  margin-bottom: 2em;
  font-weight: bold;
  font-size: 2.2em;
  color: var(--blanc);
}
.line-en-video iframe {
  --width: min(100ch, 96vw);
  width: var(--width);
  height: calc(var(--width) * 9 / 16);
}

.les-engages {
  padding-block: 6em;
  text-align: center;
}
.les-engages .line-engages-header h2,
.les-engages .line-engages-header p {
  font-weight: bold;
}
.les-engages .line-engages-header h2 {
  color: var(--vert);
  font-size: 2.5em;
  margin-bottom: 0.5em;
}
.les-engages .line-engages-header p {
  font-size: 1.5em;
  max-width: 80ch;
  margin: auto;
}

.actualites {
  --padding: 5vw;
  position: relative;
  display: grid;
  grid-template-columns: 1fr 2fr;
}
.actualites .container {
  width: unset;
}
.actualites .line-actualites-header {
  position: relative;
  background-color: var(--dark);
  padding: var(--padding);
}
.actualites .line-actualites-header .zone-html {
  position: unset;
}
.actualites .line-actualites-header h2 {
  color: var(--blanc);
  padding-inline-end: var(--padding);
  font-weight: bold;
}
.actualites .line-actualites-header img {
  position: absolute;
  bottom: 0;
  left: calc(var(--padding) * 1.2);
  max-height: 60%;
  width: auto;
}
.actualites .line-actualites {
  padding: var(--padding) 6em;
  transform-origin: top;
  transform: translateX(-10em) scale(1.2);
  margin-bottom: calc(var(--padding) * 2);
}
.actualites .line-actualites .prev,
.actualites .line-actualites .next {
  color: var(--vert);
}
.actualites .line-actualites .indicators {
  display: none;
}
.actualites .line-actualites-liens {
  position: absolute;
  font-size: 1.5em;
  bottom: calc(var(--padding) / 2);
  right: var(--padding);
}
.actualites .line-actualites-liens .zone-html {
  display: flex;
  gap: 1em;
}

.line-les-cres {
  padding-block: 6em;
  text-align: center;
}
.line-les-cres p {
  margin-inline: auto;
}

@media screen and (orientation: portrait) {
  .line-la-demarche {
    padding: 0;
  }
  .line-la-demarche .container {
    padding: 0;
  }
  .line-la-demarche .content {
    flex-direction: column;
    padding: 0 !important;
  }
  .line-la-demarche .content .image.image {
    transform: none;
  }
  .line-la-demarche .content .text.text {
    padding: 1em;
  }
}
.line-la-demarche .content {
  display: flex;
  align-items: center;
  padding-bottom: 3em;
}
.line-la-demarche .content > div {
  flex: 1;
}
.line-la-demarche .content .image {
  transform: scale(1.15);
  transform-origin: left;
  z-index: 1;
  flex: 4;
}
.line-la-demarche .content .text {
  padding: 4em;
  padding-left: 8em;
  background: var(--dark);
  color: var(--blanc);
  flex: 6;
}
.line-la-demarche .content .text p {
  font-size: 2rem;
  max-width: 60ch;
  line-height: 1.4;
}
.line-la-demarche .content .text p:not(:last-child) {
  margin-bottom: 1.5em;
}
.line-la-demarche .content .text p strong {
  font-size: 2.2rem;
}

.liste-cres {
  display: flex;
  align-items: center;
  gap: 4em;
  padding-block: 6em;
}
.liste-cres > div {
  flex: 1;
}
.liste-cres .container {
  width: auto;
}
.liste-cres .line-presentation p:not(:last-child) {
  margin-bottom: 1.5em;
}
.liste-cres .line-liste .list-result-wrapper {
  display: flex;
  flex-direction: column;
  align-content: space-evenly;
  gap: 4em;
  flex-wrap: wrap;
  max-height: 50vh;
}
.liste-cres .line-liste .list-result-wrapper div[data-article-id] {
  max-width: 12em;
}
.liste-cres .line-liste .list-result-wrapper div[data-article-id] a {
  text-wrap: nowrap;
}

.expertise.banner {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: 2em;
}
.expertise.banner:before, .expertise.banner:after {
  display: none;
}
.expertise.banner .container {
  width: auto;
}
.expertise.banner .line-image {
  --size: calc(4 * 6em);
}
.expertise.banner .line-image .zone-html .content > div {
  width: var(--size);
  height: var(--size);
}
.expertise.banner .line-image .zone-html .content > div img {
  object-fit: cover;
  height: 100% !important;
}
.expertise.banner .line-texte {
  padding: 2em;
  flex: 1 40ch;
}

.line-section {
  --article-padding: 3rem;
  padding-block: 4em;
  background: var(--blanc);
}
.line-section .news-title {
  padding-block: 1rem;
  color: var(--vert);
  font-size: 1em;
  text-transform: none;
}
.line-section .news-published-date {
  margin-bottom: 0;
  padding-top: 1rem;
  font-size: 1.2em;
  font-weight: bold;
}
.line-section .news-intro a {
  display: inline-block;
  color: currentColor;
  font-weight: bold;
  margin-top: 1em;
}
.line-section h2 {
  color: var(--vert);
  margin-bottom: 1em;
}

.les-medias h2 {
  color: var(--vert);
  margin-bottom: 1em;
}
.les-medias.line-communiques, .les-medias.line-revue {
  --article-padding: 3rem;
  padding-block: 4em;
}
.les-medias.line-communiques .list-result-wrapper, .les-medias.line-revue .list-result-wrapper {
  flex-wrap: wrap;
  gap: 4rem;
  margin-top: 2em;
}
.les-medias.line-communiques .news-title, .les-medias.line-revue .news-title {
  padding-block: 1rem;
  color: var(--vert);
  font-size: 1em;
  text-transform: none;
}
.les-medias.line-communiques .news-published-date, .les-medias.line-revue .news-published-date {
  margin-bottom: 0;
  padding-top: 1rem;
  font-size: 1.2em;
  font-weight: bold;
}
.les-medias.line-communiques .news-intro a, .les-medias.line-revue .news-intro a {
  display: inline-block;
  color: currentColor;
  font-weight: bold;
  margin-top: 1em;
}

.line:has(+ .line-scripts, + .site-footer) {
  padding-bottom: 6em;
}

.line-banner-contexte .pictos {
  display: flex;
  justify-content: center;
  margin-block: 2em;
}
.line-banner-contexte .pictos img {
  flex-basis: 10em;
  max-height: 10em;
  max-width: 30%;
}

.line-contexte-intro {
  text-align: center;
}
.line-contexte-intro p {
  margin: 1em auto;
}
.line-contexte-intro > .container {
  --padding: 4em;
  position: relative;
  max-width: 120ch;
  padding-bottom: var(--padding);
  background: var(--blanc-off);
  box-shadow: 0 calc(-1 * var(--padding)) var(--blanc-off);
}

.line-banner-nouvelle-approche .pictos {
  display: flex;
  justify-content: center;
  margin-block: 2em;
}
.line-banner-nouvelle-approche .pictos img {
  flex-basis: 10em;
  max-height: 10em;
  max-width: 30%;
}

@media screen and (orientation: portrait) {
  .line-nouvelle-approche-item .content .flex {
    flex-direction: column;
    align-items: center;
  }
  .line-nouvelle-approche-item .content .flex h2 {
    text-align: center;
  }
  .line-nouvelle-approche-item .content .flex img {
    max-height: 4em;
  }
}
.line-nouvelle-approche-intro {
  font-size: 1.8rem;
  margin-block: 6rem;
  /* 
  h2 {
     font-size: 2.4rem;
     max-width: 70ch;
  } */
  /* p {
     font-size: 1.8rem;
     max-width: 100ch;
   } */
}

.line-nouvelle-approche-item {
  padding-top: 4em;
  margin: 0;
  background: var(--blanc-off);
}

.line-nouvelle-approche-intro .zone-html > div,
.line-nouvelle-approche-item .zone-html > div {
  max-width: 100ch;
  margin: auto;
}

.line-systeme-devaluation {
  color: var(--blanc);
  background: var(--dark);
  padding-bottom: 8em;
}
@media screen and (orientation: portrait) {
  .line-systeme-devaluation .container {
    padding: 0;
  }
  .line-systeme-devaluation .container .systeme-devaluation {
    flex-direction: column;
    align-items: center;
    padding: 1em;
    padding-top: 12em;
  }
  .line-systeme-devaluation .container .systeme-devaluation img {
    transform: translateY(-75%) rotate(90deg);
    position: absolute;
  }
}
.line-systeme-devaluation .systeme-devaluation {
  display: flex;
  align-items: flex-start;
  gap: 4em;
}
.line-systeme-devaluation .systeme-devaluation img {
  max-height: 40ch;
}
.line-systeme-devaluation .systeme-devaluation h2 {
  font-weight: bold;
}
.line-systeme-devaluation hr {
  margin: 3em 6em;
  opacity: 0.5;
}
.line-systeme-devaluation p {
  margin-top: 2em;
}

.line-etapes-certification h2 {
  display: flex;
  gap: 1em;
  align-items: center;
  justify-content: center;
  margin-bottom: 1em;
  font-weight: bold;
}
.line-etapes-certification h2:before {
  content: "";
  display: inline-block;
  width: 4em;
  height: 4em;
  background-image: url("https://cdn.ca.yapla.com/company/CPYdNZRxWi163lmbLnVjgAqMF/asset/images/Stationnement%20%C3%A9coresponsable/carre-nobg.svg");
  background-size: cover;
}
.line-etapes-certification.etapes-oranges {
  --etapes-bg: #f6883030;
}
.line-etapes-certification.etapes-oranges h2 {
  color: var(--orange);
}
.line-etapes-certification.etapes-oranges h2:before {
  background-image: url("https://cdn.ca.yapla.com/company/CPYdNZRxWi163lmbLnVjgAqMF/asset/images/Stationnement%20%C3%A9coresponsable/carre-nobg.svg");
}
.line-etapes-certification.etapes-bleues {
  --etapes-bg: #7acede30;
}
.line-etapes-certification.etapes-bleues h2 {
  color: var(--bleu);
}
.line-etapes-certification.etapes-bleues h2:before {
  background-image: url("https://cdn.ca.yapla.com/company/CPYdNZRxWi163lmbLnVjgAqMF/asset/images/Stationnement%20%C3%A9coresponsable/rond-nobg.svg");
}
.line-etapes-certification.etapes-vertes {
  --etapes-bg: #00995730;
}
.line-etapes-certification.etapes-vertes h2 {
  color: var(--vert);
}
.line-etapes-certification.etapes-vertes h2:before {
  background-image: url("https://cdn.ca.yapla.com/company/CPYdNZRxWi163lmbLnVjgAqMF/asset/images/Stationnement%20%C3%A9coresponsable/feuille-nobg.svg");
}
.line-etapes-certification.offset {
  margin-top: -4em;
}
.line-etapes-certification.last > .container {
  padding-bottom: 4em;
}
.line-etapes-certification > .container {
  position: relative;
  padding-block: 2em;
  background: var(--blanc-off);
}
.line-etapes-certification .list-result-wrapper {
  --shadow: 0 2px var(--etapes-bg);
}
.line-etapes-certification div[data-article-id] {
  /* display: flex;
    align-items: center;
    gap: 4em; */
  display: grid;
  /* grid-auto-rows: 1fr; */
  grid-template-columns: 4em 1fr;
  /* grid-template-rows: repeat(2, 1fr); */
  gap: 0 4em;
  grid-template-areas: "img intro" "img link";
  box-shadow: var(--shadow);
  width: min(80ch, 100%);
  max-width: 80ch;
  margin: 0 auto 2em;
  padding: 1em 2em;
}
.line-etapes-certification div[data-article-id]:focus, .line-etapes-certification div[data-article-id]:focus-visible, .line-etapes-certification div[data-article-id]:focus-within {
  outline: 2px dashed var(--dark);
  outline-offset: 0.2em;
}
.line-etapes-certification div[data-article-id] .news-intro {
  grid-area: intro;
}
.line-etapes-certification div[data-article-id] > a:has(img) {
  /* flex: 0 0.25 4em; */
  grid-area: img;
  /* 
      float: left; */
  width: 4em;
  /* margin-right: 4em; */
}
.line-etapes-certification div[data-article-id] > a:has(img) img {
  margin: 0;
}
.line-etapes-certification div[data-article-id] > a:last-child {
  grid-area: link;
  /* margin-left: 8em; */
}

.line-le-processus {
  padding-block: 6em;
}
@media screen and (orientation: portrait) {
  .line-le-processus {
    padding-block: 2em;
  }
  .line-le-processus .flex {
    flex-direction: column-reverse;
    align-items: center;
    gap: 2em;
  }
  .line-le-processus .flex img {
    max-width: 80vw;
  }
}
.line-le-processus img {
  max-width: 25%;
  object-fit: cover;
}

.line-quoffre-la-demarche .content {
  display: flex;
  align-items: center;
  padding-bottom: 3em;
}
@media screen and (orientation: portrait) {
  .line-quoffre-la-demarche .content {
    display: block;
    padding: 0;
  }
  .line-quoffre-la-demarche .content .image.image {
    transform: none;
  }
  .line-quoffre-la-demarche .content .text.text {
    padding: 2em;
  }
  .line-quoffre-la-demarche .content .text.text::after {
    content: none;
  }
  .line-quoffre-la-demarche .content .text.text ul {
    padding-left: 1em;
  }
}
.line-quoffre-la-demarche .content > div {
  flex: 1;
}
.line-quoffre-la-demarche .content .image {
  transform: scale(1.15);
  transform-origin: left;
  z-index: 1;
  flex: 4;
}
.line-quoffre-la-demarche .content .text {
  padding: 4em;
  padding-left: 8em;
  background: var(--dark);
  color: var(--blanc);
  flex: 6;
}
.line-quoffre-la-demarche .content .text p {
  font-size: 2rem;
  max-width: 60ch;
  line-height: 1.4;
}
.line-quoffre-la-demarche .content .text p:not(:last-child) {
  margin-bottom: 1.5em;
}
.line-quoffre-la-demarche .content .text p strong {
  font-size: 2.2rem;
}

.line-comment-sengager h2 {
  color: var(--vert);
  text-align: center;
  margin-block: 4em 2em;
}
.line-comment-sengager div[data-article-id] {
  width: 100%;
  max-width: 100ch;
  padding: 2em 4em;
  margin-inline: auto;
  margin-bottom: 2em;
  background: var(--blanc-off);
}
.line-comment-sengager div[data-article-id]:focus, .line-comment-sengager div[data-article-id]:focus-visible, .line-comment-sengager div[data-article-id]:focus-within {
  outline: 2px dashed var(--dark);
  outline-offset: 0.2em;
}

.line-contactez-nous {
  text-align: center;
}
.line-contactez-nous h2 {
  margin-block: 2em;
}

.line-membres-comite {
  background: var(--dark);
  color: var(--blanc);
}

.membres-comite {
  align-items: center;
}
.membres-comite p,
.membres-comite li {
  font-size: 18px;
}

.membres-comite {
  display: flex;
  gap: 4em;
}
.membres-comite img {
  max-height: 40ch;
}
.membres-comite h2 {
  font-weight: bold;
}

.line-comite-dexperts.comite-dexperts {
  --article-padding: 3rem;
}
.line-comite-dexperts.comite-dexperts .list-result-wrapper {
  flex-wrap: wrap;
  gap: 4rem;
  margin-top: 2em;
  text-align: center;
}
.line-comite-dexperts.comite-dexperts .list-result-wrapper [data-article-id] > a {
  pointer-events: none;
}
.line-comite-dexperts.comite-dexperts .list-result-wrapper .news-intro {
  height: auto;
}
.line-comite-dexperts.comite-dexperts .list-result-wrapper .news-intro p:first-child {
  font-size: 1.4em;
  font-weight: bold;
  margin-bottom: 1em;
}
.line-comite-dexperts.comite-dexperts .list-result-wrapper .news-intro p:last-child {
  padding-top: 1.5em;
}

.line-membres-comite {
  --article-padding: 2em;
}
@media screen and (orientation: portrait) {
  .line-membres-comite .container {
    padding: 0 !important;
  }
  .line-membres-comite .membres-comite {
    flex-direction: column;
    gap: 1em;
    padding: 2em;
    padding-top: 8em;
  }
  .line-membres-comite .membres-comite img {
    transform: translateY(-75%) rotate(90deg);
    position: absolute;
  }
}
.line-membres-comite .list-result-wrapper {
  display: flex;
  flex-wrap: wrap;
  gap: 2em;
}
.line-membres-comite div[data-article-id] {
  background: var(--blanc-off);
  padding: var(--article-padding);
  text-align: center;
  max-width: calc(100% / var(--columns, 3) - var(--article-padding, 0));
}
.line-membres-comite div[data-article-id]:focus, .line-membres-comite div[data-article-id]:focus-visible, .line-membres-comite div[data-article-id]:focus-within {
  outline: 2px dashed var(--dark);
  outline-offset: 0.2em;
}
.line-membres-comite div[data-article-id] a:has(img) {
  display: inline-block;
  width: 70%;
  aspect-ratio: 3/4;
}
.line-membres-comite div[data-article-id] a:has(img) img {
  min-height: 100%;
  object-fit: cover;
}

.intro-comite {
  --gap-size: clamp(4em, 8vw, 10em);
  display: flex;
  align-items: center;
  gap: var(--gap-size);
}
.intro-comite img {
  max-width: var(--gap-size);
}
.intro-comite > div {
  margin-inline: auto;
  padding-block: 4em;
}

.line-contacts-regionaux {
  background: var(--dark);
  color: var(--blanc);
}
.line-contacts-regionaux .contacts-regionaux {
  --max-height: 40ch;
  --gap: 4em;
  display: flex;
  align-items: center;
  gap: var(--gap);
}
.line-contacts-regionaux .contacts-regionaux img {
  max-height: var(--max-height);
}
.line-contacts-regionaux .contacts-regionaux h2 {
  font-weight: bold;
  margin-inline: auto;
  padding-right: calc(var(--max-height) / 6 + var(--gap) / 2);
}

.line-contacts.contacts-regionaux {
  --article-padding: 3rem;
}
.line-contacts.contacts-regionaux .list-result-wrapper {
  flex-wrap: wrap;
  gap: 4rem;
  margin-top: 2em;
  text-align: center;
}
.line-contacts.contacts-regionaux .list-result-wrapper [data-article-id] > a {
  pointer-events: none;
}
.line-contacts.contacts-regionaux .list-result-wrapper .news-intro {
  height: auto;
  /* p:first-child {
    font-size: 1.4em;
    font-weight: bold;
    margin-bottom: 1em;
  } */
  /* p:last-child {
    // display: inline-block;
    padding-top: 1.5em;
  } */
}

.portrait-stationnement {
  aspect-ratio: 16/9;
}

/* .ressources {
  div[data-article-id] {
    h3 a,
    > a {
      pointer-events: none;
    }
  }
} */
.line-article.fiche-evaluation h2 {
  margin-block: 2em 1em;
  color: var(--vert);
}

.line-article {
  position: relative;
  padding: 0 !important;
}
.line-article .zone-article {
  position: unset;
  float: none;
}
.line-article .zone-article header {
  position: relative;
  background: var(--dark);
  padding-block: 6em;
  /* .article-back-to-list-histo {
    grid-area: back;
  } */
  /* .news-content.mod-article__content {
    display: contents;
  } */
}
.line-article .zone-article header > .container {
  display: grid;
  gap: 0 4em;
  grid-auto-columns: 1fr 1fr;
  grid-template-areas: "img title" "img objectif" "body body" "back back";
}
.line-article .zone-article header img {
  grid-area: img;
  justify-self: center;
}
.line-article .zone-article header h1 {
  grid-area: title;
  align-self: end;
  color: var(--vert);
  text-transform: uppercase;
  margin-bottom: 1em;
}
.line-article .zone-article header .objectif {
  grid-area: objectif;
  color: var(--blanc);
}
.line-article .zone-article header .mod-article__content {
  grid-area: body;
}
.line-article .zone-article header .custom__article-back-to-list-histo {
  position: absolute;
  top: 2em;
  left: 10vw;
  align-self: start;
  color: var(--blanc);
}
.line-article .zone-article .inner__wrapper {
  max-width: 100ch;
  margin-inline: auto;
}
.line-article ul {
  list-style-type: "-  ";
  padding: 0;
  font-size: 1.2em;
}
.line-article ul.leaf {
  list-style-type: "🌿  ";
}
.line-article ul.maple {
  list-style-type: "🍁  ";
}
.line-article ul.tree {
  list-style-type: "🌳  ";
}
.line-article ul li {
  margin-bottom: 0.5em;
}
.line-article .drawer {
  margin-bottom: 2em;
  padding: 1em;
  background: var(--blanc-off);
}
.line-article .drawer h3 {
  color: var(--vert);
  margin-bottom: 1em;
  padding-bottom: 0.5em;
  border-bottom: 1px solid var(--vert-50);
}
.line-article .drawer .credits {
  font-weight: bold;
}
.line-article .gallery {
  display: grid;
  gap: 2em;
  grid-template-columns: 1fr 1fr;
  margin-block: 4em;
}
.line-article .gallery figure {
  box-shadow: 1px 1px 2px 0px var(--dark-50);
  border-radius: 0 0 0.5em 0.5em;
  border-radius: 0.5em;
  overflow: clip;
}
.line-article .gallery img {
  width: 100%;
  height: auto;
  object-fit: cover;
}
.line-article .gallery figcaption {
  padding-block: 0.5em;
  background: var(--blanc-off);
  text-transform: uppercase;
  text-align: center;
  min-height: 100%;
}
.line-article .news-content.mod-article__content {
  padding-bottom: 6em;
}
.line-article .article-back-to-list-histo {
  position: absolute;
  bottom: 2em;
  left: 10vw;
}

.fiche-projet a {
  text-decoration: underline solid;
}
.fiche-projet h2 {
  margin-block: 2em 1em;
  color: var(--vert);
}

.line-article {
  position: relative;
  padding: 0 !important;
}
.line-article .zone-article {
  position: unset;
  float: none;
}
.line-article .zone-article header {
  position: relative;
  background: var(--dark);
  padding-block: 6em;
}
.line-article .zone-article header > .container {
  display: grid;
  gap: 0 4em;
  grid-auto-columns: 1fr 1fr;
  grid-template-areas: "img title" "img objectif" "body body" "back back";
}
@media screen and (orientation: portrait) {
  .line-article .zone-article header > .container {
    grid-template-areas: "img" "title" "objectif" "body" "back";
  }
}
.line-article .zone-article header img {
  grid-area: img;
  justify-self: center;
}
.line-article .zone-article header h1 {
  grid-area: title;
  align-self: end;
  color: var(--vert);
  text-transform: uppercase;
  margin-bottom: 1em;
}
@media screen and (orientation: portrait) {
  .line-article .zone-article header h1 {
    margin-top: 1em;
  }
}
.line-article .zone-article header .mod-article__content {
  grid-area: body;
}
.line-article .zone-article header .custom__article-back-to-list-histo {
  position: absolute;
  top: 2em;
  left: 10vw;
  align-self: start;
  color: var(--blanc);
}
.line-article .zone-article .inner__wrapper {
  max-width: min(90%, 100ch);
  margin-inline: auto;
}
.line-article .drawer {
  margin-bottom: 2em;
  padding: 1em;
  background: var(--blanc-off);
}
.line-article .drawer h3 {
  color: var(--vert);
  margin-bottom: 1em;
  padding-bottom: 0.5em;
  border-bottom: 1px solid var(--vert-50);
}
.line-article .drawer .credits {
  font-weight: bold;
}
.line-article .video__wrapper:not(:has(.video :first-child)) {
  display: none;
}
.line-article .video > iframe {
  flex: 1;
  min-height: min(50vh, 400px);
}
.line-article .projet {
  padding-block: 2em;
  margin-top: 3em;
  background: var(--blanc-off);
  box-shadow: 0px 50vw 0px 50vw var(--blanc-off);
}
.line-article .projet h2 {
  margin: 0;
}
.line-article .gallery {
  display: grid;
  gap: 2em;
  grid-template-columns: 1fr 1fr;
  margin-block: 4em;
}
@media screen and (orientation: portrait) {
  .line-article .gallery {
    grid-template-columns: 1fr;
  }
}
.line-article .gallery:last-child {
  margin-bottom: 0;
}
.line-article .gallery:not(:has(:first-child)) {
  display: none;
}
.line-article .gallery figure {
  box-shadow: 1px 1px 2px 0px var(--dark-50);
  border-radius: 0 0 0.5em 0.5em;
  border-radius: 0.5em;
  overflow: clip;
}
.line-article .gallery img {
  width: 100%;
  height: auto;
  object-fit: cover;
}
.line-article .gallery figcaption {
  padding-block: 0.5em;
  background: var(--blanc-off);
  text-transform: uppercase;
  text-align: center;
  min-height: 100%;
}
.line-article .news-content.mod-article__content {
  padding-bottom: 6em;
}
.line-article .article-back-to-list-histo {
  position: absolute;
  bottom: 2em;
  left: 10vw;
}

body #site-wrapper .site-inner .poweredBy-wrapper {
  background: var(--dark) !important;
  padding-block: 1em;
}
body #site-wrapper .site-inner .poweredBy-wrapper .poweredBy-link {
  background: white;
  padding: 0.5em 1em;
  border-radius: 0.5em;
}