h1, h2, h3, h4, h5, p {
  margin: 0;
  padding: 0;
}

h1, h2, h3, h4, h5,
em, strong {
  font-size: inherit;
  font-style: normal;
  font-weight: 400;
}

a {
  color: inherit;
}

ul {
  margin: 0;
  padding: 0;
}

.no-select {
  -webkit-touch-callout: none !important;
  -webkit-user-select: none !important;
  -khtml-user-select: none !important;
  -moz-user-select: none !important;
  -ms-user-select: none !important;
  user-select: none !important;
  -webkit-tap-highlight-color: transparent !important;
}

.clear {
  display: block;
  float: none;
  clear: both;
}

html {
  width: 100%;
  height: 100%;
  padding: 0;
  margin: 0;
}

body {
  width: 100%;
  min-height: 100%;
  padding: 0;
  margin: 0;
  -webkit-font-smoothing: antialiased;
}

::-webkit-scrollbar {
  display: none;
}

* {
  scrollbar-width: none;
}

:root {
  --FS14: 14px;
  --LH14: normal;
  --LH14_2: calc(19/14);
  --FS16: 16px;
  --LH16: normal;
  --LH16_2: calc(23/16);
  --LH16_3: calc(20/16);
  --FS20: 20px;
  --LH20: normal;
  --FS22: 22px;
  --LH22: normal;
  --FS25: 25px;
  --LH25: calc(40/25);
  --LH25_2: calc(30/25);
  --LH25_3: calc(36/25);
  --FS27: 27px;
  --LH27: normal;
  --FS28: 28px;
  --LH28: normal;
  --LH28_2: calc(36/28);
  --FS30: 30px;
  --LH30: calc(37/30);
  --FS32: 32px;
  --LH32: normal;
  --LH32_2: calc(40/32);
  --FS34: 34px;
  --LH34: calc(55/34);
  --LH34_2: calc(45/34);
  --FS40: 40px;
  --LH40: calc(45/40);
  --FS84: calc(84px * 0.9);
  --LH84: normal;
  --FS14: calc(14 * 0.04rem);
  --FS16: calc(16 * 0.04rem);
  --FS20: calc(20 * 0.04rem);
  --FS22: calc(22 * 0.04rem);
  --FS25: calc(25 * 0.04rem);
  --FS27: calc(27 * 0.04rem);
  --FS28: calc(28 * 0.04rem);
  --FS30: calc(30 * 0.04rem);
  --FS32: calc(32 * 0.04rem);
  --FS34: calc(34 * 0.04rem);
  --FS40: calc(40 * 0.04rem);
  --FS84: calc(84 * 0.9 * 0.04rem);
}

@keyframes wiggle {
  0% {
    transform: rotate(-8deg);
  }
  5% {
    transform: rotate(-12deg);
  }
  15% {
    transform: rotate(-4deg);
  }
  20% {
    transform: rotate(-8deg);
  }
  25% {
    transform: rotate(-10deg);
  }
  35% {
    transform: rotate(-6deg);
  }
  40% {
    transform: rotate(-8deg);
  }
}
:root {
  --COLOR_1: #FDC2DC;
  --COLOR_2: #FF8599;
  --COLOR_3: #FFF3B6;
  --COLOR_4: #B4B8FF;
  --GRID_MARGIN: 0px;
  --COLUMN_WIDTH: 0px;
  --GRID_GUTTER: 20px;
  --P2: calc(2 * 0.04rem);
  --P6: calc(6 * 0.04rem);
  --P9: calc(9 * 0.04rem);
  --P12: calc(12 * 0.04rem);
  --P16: calc(16 * 0.04rem);
  --P18: calc(18 * 0.04rem);
  --P20: calc(20 * 0.04rem);
  --P24: calc(24 * 0.04rem);
  --P26: calc(26 * 0.04rem);
  --P32: calc(32 * 0.04rem);
  --P36: calc(36 * 0.04rem);
  --P40: calc(40 * 0.04rem);
  --P45: calc(45 * 0.04rem);
  --P50: calc(50 * 0.04rem);
  --P55: calc(55 * 0.04rem);
  --P60: calc(60 * 0.04rem);
  --P70: calc(70 * 0.04rem);
  --P81: calc(81 * 0.04rem);
  --P96: calc(96 * 0.04rem);
  --P120: calc(120 * 0.04rem);
  --P514: calc(514 * 0.04rem);
}

@media (max-width: 1280px) {
  :root {
    --P2: calc(2 * 0.04rem);
    --P6: calc(6 * 0.04rem);
    --P9: calc(9 * 0.04rem);
    --P12: calc(12 * 0.04rem);
    --P16: calc(16 * 0.04rem);
    --P18: calc(18 * 0.04rem);
    --P20: calc(20 * 0.04rem);
    --P24: calc(24 * 0.04rem);
    --P26: calc(26 * 0.04rem);
    --P32: calc(32 * 0.04rem);
    --P36: calc(36 * 0.04rem);
    --P40: calc(40 * 0.04rem);
    --P45: calc(45 * 0.04rem);
    --P50: calc(50 * 0.04rem);
    --P55: calc(55 * 0.04rem);
    --P60: calc(60 * 0.04rem);
    --P70: calc(70 * 0.04rem);
    --P81: calc(81 * 0.04rem);
    --P96: calc(96 * 0.04rem);
    --P120: calc(120 * 0.04rem);
    --P514: calc(514 * 0.04rem);
  }
}
.preload * {
  transition: none !important;
}

#debug-grid {
  display: grid;
  visibility: hidden;
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  padding: 0 var(--GRID_MARGIN);
  box-sizing: border-box;
  grid-template-columns: repeat(8, 1fr);
  column-gap: var(--GRID_GUTTER);
  z-index: 10000;
  pointer-events: none;
}
#debug-grid .col {
  height: 100%;
  grid-column-end: span 1;
  background-color: rgba(0, 255, 255, 0.2);
}

html {
  font-family: "Maison";
  font-size: 25px;
  line-height: normal;
  overflow-x: hidden;
  visibility: hidden;
}

body {
  display: flex;
  flex-direction: column;
  color: #000000;
  background-color: #FFFFFF !important;
  height: 100dvh;
}
body #main {
  flex-grow: 1;
}

footer {
  position: relative;
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  font-size: var(--FS14);
  line-height: var(--LH14_2);
  padding-top: var(--P70);
  padding-bottom: var(--GRID_GUTTER);
  box-sizing: border-box;
}
footer::before {
  content: "";
  display: block;
  position: absolute;
  width: 100vw;
  height: 1px;
  top: calc(var(--P70) - var(--GRID_GUTTER));
  left: 50%;
  transform: translateX(-50%);
  background: #000000;
}
footer #footer-container {
  display: flex;
  justify-content: space-between;
}
footer .left {
  display: flex;
  gap: var(--P55);
  padding-left: var(--GRID_GUTTER);
  box-sizing: border-box;
}
footer .right {
  padding-right: var(--GRID_GUTTER);
  box-sizing: border-box;
}
footer .right .networks {
  display: flex;
  flex-wrap: wrap;
  gap: var(--P16);
  line-height: 1;
  margin-bottom: var(--P26);
}
footer .right .networks .network {
  display: flex;
  align-items: flex-end;
  text-underline-offset: 0.4em;
}
footer .right .networks .network svg {
  display: block;
  width: var(--P12);
  height: auto;
  margin-right: 0.5em;
  margin-bottom: 0.2em;
}
footer .right .networks .network svg path {
  fill: var(--COLOR_4);
}
footer .right #footer-menu a {
  display: block;
  text-decoration: none;
  margin-bottom: var(--P2);
}
footer .right #footer-menu a:hover {
  text-decoration: underline;
}

#cnarep-logo {
  position: fixed;
  display: block;
  top: var(--P20);
  right: var(--P20);
  z-index: 1000;
}
#cnarep-logo img {
  width: var(--P96);
  height: auto;
}
#cnarep-logo img.alpha {
  display: none;
}

picture {
  display: block;
  width: 100%;
  font-size: var(--FS20);
  line-height: 1;
}
picture img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
picture legend {
  font-size: var(--FS16);
  line-height: var(LH16_2);
}

#go-back {
  display: flex;
  align-items: center;
  text-decoration: none;
  padding-top: var(--P2);
}
#go-back svg {
  display: block;
  width: var(--P45);
  height: auto;
  margin-right: var(--P16);
}
#go-back svg circle {
  fill: var(--COLOR_2);
}
#go-back span {
  text-transform: capitalize;
}

.textarea,
.details {
  font-family: "Maison";
}
.textarea span.label-pink,
.textarea span.label-yellow,
.textarea span.label-purple,
.details span.label-pink,
.details span.label-yellow,
.details span.label-purple {
  display: inline-block;
  border: 2px solid;
  border-radius: 0.25em;
  padding: 0em 0.3em;
  box-sizing: border-box;
  line-height: calc(var(--lh) * 0.8);
  padding-top: 0.2em;
}
.textarea span.label-pink,
.details span.label-pink {
  color: #FFF3B6;
  background-color: #FF8599;
}
.textarea span.label-yellow,
.details span.label-yellow {
  color: black;
  border-color: #FF8599;
  background-color: #FFF3B6;
}
.textarea span.label-purple,
.details span.label-purple {
  transform: rotate(-8deg);
  color: black;
  border-color: transparent;
  background-color: #B4B8FF;
}
.textarea span.label-purple:hover,
.details span.label-purple:hover {
  animation: wiggle 1s ease-in-out;
  cursor: default;
}
.textarea p:not(:last-child),
.textarea ul:not(:last-child),
.details p:not(:last-child),
.details ul:not(:last-child) {
  margin-bottom: 1.25em;
}
.textarea h3,
.details h3 {
  font-size: var(--FS34);
  line-height: var(--LH34_2);
  margin-bottom: 0.9em;
}
.textarea ul,
.details ul {
  padding-left: var(--COLUMN_WIDTH);
  box-sizing: border-box;
  list-style: none;
}
.textarea ul li,
.details ul li {
  position: relative;
  padding-left: calc(var(--P26) + var(--P16));
}
.textarea ul li::before,
.details ul li::before {
  content: "";
  position: absolute;
  display: block;
  width: var(--P26);
  height: var(--P26);
  left: 0;
  mask-image: url("../vectos/arrow.svg");
  mask-size: contain;
  mask-repeat: no-repeat;
  mask-position: center;
  background-color: var(--COLOR_4);
}
.textarea em,
.details em {
  font-family: "Maison Italic";
  font-style: italic;
}
.textarea em strong,
.details em strong {
  font-family: "Maison Bold";
}
.textarea strong,
.details strong {
  font-family: "Maison Bold";
}
.textarea strong em,
.details strong em {
  font-style: italic;
}
.textarea details,
.details details {
  padding-left: var(--COLUMN_WIDTH);
  box-sizing: border-box;
}
.textarea details summary,
.details details summary {
  cursor: pointer;
  list-style: none; /* Firefox */
}
.textarea details summary::-webkit-details-marker,
.details details summary::-webkit-details-marker {
  display: none; /* Chrome, Safari */
}
.textarea details summary::before,
.details details summary::before {
  content: "";
  display: inline-block;
  width: var(--P26);
  height: var(--P26);
  margin-right: var(--P16);
  mask-image: url("../vectos/arrow.svg");
  mask-size: contain;
  mask-repeat: no-repeat;
  mask-position: center;
  background-color: var(--COLOR_2);
  transform: rotate(-45deg) translateY(var(--P6));
}
.textarea details[open] summary::before,
.details details[open] summary::before {
  transform: none;
}

.website {
  display: inline-flex;
  text-decoration: none;
  margin-top: var(--P24);
  font-size: var(--FS25);
  line-height: 1;
}
.website svg {
  margin-top: 0.75em;
  margin-right: 1em;
  display: block;
  width: var(--P40);
  height: auto;
}
.website svg path {
  fill: #000000;
}
.website span {
  display: block;
  height: fit-content;
  padding: 0.3em;
  padding-bottom: 0.2em;
  box-sizing: border-box;
  border: 2px solid;
  border-radius: 0.25em;
  transform: rotate(-8deg);
  color: black;
  border-color: transparent;
  background-color: #B4B8FF;
}
.website span:hover {
  animation: wiggle 1s ease-in-out;
}

#main {
  display: flex;
  height: 100%;
}

#main-menu {
  position: relative;
  width: calc(var(--COLUMN_WIDTH) * 2 + var(--GRID_GUTTER) * 1);
  flex-grow: 0;
  flex-shrink: 0;
  height: 100%;
  overflow: scroll;
  font-size: var(--FS32);
  line-height: 1;
  background-color: var(--COLOR_1);
  transition: width ease-in-out 250ms;
}
#main-menu #main-menu-container {
  width: 100%;
  height: 100%;
}
#main-menu #main-menu-subcontainer {
  width: calc(var(--COLUMN_WIDTH) * 2 + var(--GRID_GUTTER) * 1);
  padding: var(--P12);
  padding-top: calc(var(--P12) + var(--P50) + var(--P70));
  box-sizing: border-box;
  transition: opacity ease-in-out 250ms;
}
#main-menu a {
  display: block;
  width: fit-content;
  padding: var(--P6) var(--P12);
  padding-top: var(--P12);
  box-sizing: border-box;
  border-radius: 0.25em;
  background-color: var(--COLOR_3);
  text-decoration: none;
}
#main-menu a.sel, #main-menu a:hover {
  background-color: var(--COLOR_2);
}
#main-menu #main-menu-top {
  position: absolute;
  top: var(--P16);
  right: var(--P12);
  height: fit-content;
}
#main-menu #main-menu-top #main-menu-btn {
  background-color: var(--COLOR_2);
  cursor: pointer;
}
#main-menu #main-menu-switch {
  display: flex;
  justify-content: space-between;
  width: 100%;
  height: fit-content;
  margin-bottom: var(--P70);
  padding: 0 var(--P20);
  box-sizing: border-box;
}
#main-menu #main-menu-links {
  width: 100%;
  height: fit-content;
  padding: 0 var(--P20);
  padding-left: var(--P40);
  padding-right: 0;
  box-sizing: border-box;
}
#main-menu #main-menu-links a {
  width: 100%;
  margin-bottom: var(--P24);
  padding: 0 !important;
  border-radius: unset;
  background-color: unset;
}
#main-menu #main-menu-links a span {
  display: block;
  width: fit-content;
  padding: var(--P6) var(--P12);
  padding-top: var(--P9);
  box-sizing: border-box;
  border-radius: 0.25em;
  background-color: var(--COLOR_3);
}
#main-menu #main-menu-links a span:nth-child(2) {
  margin-left: auto;
  margin-top: calc(-1 * var(--P6));
}
#main-menu #main-menu-links a.sel span, #main-menu #main-menu-links a:hover span {
  background-color: var(--COLOR_2);
}
#main-menu.closed {
  overflow: hidden;
  width: calc(var(--COLUMN_WIDTH) / 2);
}
#main-menu.closed #main-menu-subcontainer {
  opacity: 0;
  pointer-events: none;
}
#main-menu.closed #main-menu-top {
  top: var(--P40);
  right: unset;
  left: 50%;
  transform: translateX(-50%) rotate(90deg);
}

#second-menu {
  width: calc(var(--COLUMN_WIDTH) * 2 + var(--GRID_GUTTER) * 2);
  flex-grow: 0;
  flex-shrink: 0;
  height: 100%;
  overflow: visible;
  background-color: var(--COLOR_4);
  transition: width ease-in-out 250ms;
}
#second-menu #second-menu-container {
  width: 100%;
  height: 100%;
}
#second-menu #second-menu-subcontainer {
  height: 100%;
  overflow: scroll;
}
#second-menu #second-menu-subcontainer #second-menu-subcontainer-2 {
  width: calc(var(--COLUMN_WIDTH) * 2 + var(--GRID_GUTTER) * 2);
  transition: opacity ease-in-out 250ms;
}
#second-menu.closed {
  width: calc(var(--COLUMN_WIDTH) / 3);
}
#second-menu.closed #second-menu-eye {
  top: var(--P26) !important;
  right: var(--P9) !important;
}
#second-menu.closed #second-menu-eye img {
  width: var(--P36) !important;
}
#second-menu.closed #second-menu-subcontainer-2 {
  opacity: 0;
  pointer-events: none;
}

#container {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  height: 100%;
  overflow: scroll;
  padding: var(--GRID_GUTTER);
  padding-top: var(--P16);
  padding-bottom: 0;
  box-sizing: border-box;
}

#header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  margin-bottom: var(--P45);
  padding-right: var(--COLUMN_WIDTH);
  padding-left: var(--GRID_GUTTER);
  box-sizing: border-box;
}
#header #go-back {
  font-size: var(--FS20);
  line-height: 1;
  align-self: flex-start;
}

.carrousel {
  position: relative;
  width: 100%;
  border: var(--P6) solid var(--COLOR_2);
  box-sizing: border-box;
  cursor: pointer;
}
.carrousel .carrousel-container {
  aspect-ratio: 1.5;
}
.carrousel .carrousel-container picture {
  position: absolute;
  height: 100%;
  overflow: hidden;
  z-index: 0;
}
.carrousel .carrousel-container picture legend {
  position: absolute;
  bottom: 0;
  transform: translateY(100%);
  padding-top: calc(var(--P6) + var(--P6));
}
.carrousel .carrousel-container picture.sel {
  z-index: 1;
  overflow: visible;
}
.carrousel button {
  all: unset;
  pointer-events: none;
  position: absolute;
  bottom: calc(-1 * var(--P6));
  left: var(--P9);
  padding: var(--P9) var(--P20);
  padding-top: var(--P12);
  box-sizing: border-box;
  border-top-left-radius: 1.5em;
  border-top-right-radius: 1.5em;
  font-size: var(--FS16);
  line-height: 1;
  text-decoration: none;
  background-color: var(--COLOR_2);
  z-index: 2;
}

#section-events,
#section-actus {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}
#section-events::after,
#section-actus::after {
  display: block;
  content: "";
  position: absolute;
  width: 100%;
  height: 1px;
  left: 0;
  bottom: 0;
  background-color: #FFFFFF;
}
#section-events a.event,
#section-events a.actu,
#section-actus a.event,
#section-actus a.actu {
  display: block;
  position: relative;
  width: 50%;
  height: auto;
  flex-grow: 0;
  flex-shrink: 0;
  padding: var(--P24) var(--P32);
  padding-bottom: var(--P70);
  box-sizing: border-box;
  text-decoration: none;
  transition: width ease-in-out 250ms;
  border-bottom: 1px solid #000000;
}
#section-events a.event:nth-child(2n+1),
#section-events a.actu:nth-child(2n+1),
#section-actus a.event:nth-child(2n+1),
#section-actus a.actu:nth-child(2n+1) {
  padding-left: var(--P45);
}
#section-events a.event.actu,
#section-events a.actu.actu,
#section-actus a.event.actu,
#section-actus a.actu.actu {
  width: 33.3333333333%;
}
#section-events a.event:hover,
#section-events a.actu:hover,
#section-actus a.event:hover,
#section-actus a.actu:hover {
  background-color: var(--COLOR_3);
}
#section-events a.event.event .content h4,
#section-events a.actu.event .content h4,
#section-actus a.event.event .content h4,
#section-actus a.actu.event .content h4 {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  min-height: 2em;
}
#section-events a.event.past,
#section-events a.actu.past,
#section-actus a.event.past,
#section-actus a.actu.past {
  opacity: 0.5;
}
#section-events a.event .dates,
#section-events a.actu .dates,
#section-actus a.event .dates,
#section-actus a.actu .dates {
  display: flex;
  justify-content: space-between;
  margin-bottom: var(--P45);
  font-family: "Maison Mono";
  font-size: var(--FS32);
  line-height: var(--LH32);
}
#section-events a.event .dates .left,
#section-events a.actu .dates .left,
#section-actus a.event .dates .left,
#section-actus a.actu .dates .left {
  display: flex;
  gap: var(--P16);
}
#section-events a.event .dates .left .date,
#section-events a.actu .dates .left .date,
#section-actus a.event .dates .left .date,
#section-actus a.actu .dates .left .date {
  position: relative;
  text-transform: uppercase;
}
#section-events a.event .dates .left .date:not(:first-child)::after,
#section-events a.actu .dates .left .date:not(:first-child)::after,
#section-actus a.event .dates .left .date:not(:first-child)::after,
#section-actus a.actu .dates .left .date:not(:first-child)::after {
  display: block;
  content: "";
  position: absolute;
  top: 0;
  left: calc(-0.5 * var(--P16));
  width: 1px;
  height: 100%;
  background-color: #000000;
}
#section-events a.event .content h4,
#section-events a.actu .content h4,
#section-actus a.event .content h4,
#section-actus a.actu .content h4 {
  font-size: var(--FS20);
  line-height: var(--LH20);
  text-transform: uppercase;
}
#section-events a.event .content h5,
#section-events a.event .content .loc,
#section-events a.event .content .desc_short,
#section-events a.actu .content h5,
#section-events a.actu .content .loc,
#section-events a.actu .content .desc_short,
#section-actus a.event .content h5,
#section-actus a.event .content .loc,
#section-actus a.event .content .desc_short,
#section-actus a.actu .content h5,
#section-actus a.actu .content .loc,
#section-actus a.actu .content .desc_short {
  font-size: var(--FS14);
  line-height: var(--LH14_2);
}
#section-events a.event .content .types,
#section-events a.actu .content .types,
#section-actus a.event .content .types,
#section-actus a.actu .content .types {
  font-size: var(--FS16);
  line-height: var(--LH16);
  margin-bottom: var(--P6);
}
#section-events a.event .content .types .type,
#section-events a.actu .content .types .type,
#section-actus a.event .content .types .type,
#section-actus a.actu .content .types .type {
  text-decoration: underline;
}
#section-events a.event .content .types .type:not(:first-child),
#section-events a.actu .content .types .type:not(:first-child),
#section-actus a.event .content .types .type:not(:first-child),
#section-actus a.actu .content .types .type:not(:first-child) {
  margin-left: 1em;
}
#section-events a.event .content picture,
#section-events a.actu .content picture,
#section-actus a.event .content picture,
#section-actus a.actu .content picture {
  margin-top: var(--P24);
  margin-bottom: var(--P16);
  aspect-ratio: 300/200;
  border: 5px solid var(--COLOR_2);
  box-sizing: border-box;
  background-color: var(--COLOR_1);
}
#section-events a.event::after,
#section-events a.actu::after,
#section-actus a.event::after,
#section-actus a.actu::after {
  display: block;
  content: "";
  position: absolute;
  top: 0;
  right: -1px;
  width: 1px;
  height: 100%;
  background-color: #000000;
  z-index: 1;
}

body.main-menu-closed #container #section-events a.event,
body.main-menu-closed #container #section-actus a.event,
body.second-menu-closed #container #section-events a.event,
body.second-menu-closed #container #section-actus a.event {
  width: 33.3333333333%;
}
body.main-menu-closed #container #section-events a.event:nth-child(2n+1),
body.main-menu-closed #container #section-actus a.event:nth-child(2n+1),
body.second-menu-closed #container #section-events a.event:nth-child(2n+1),
body.second-menu-closed #container #section-actus a.event:nth-child(2n+1) {
  padding-left: var(--P32);
}
body.main-menu-closed #container #section-events a.event:nth-child(3n+1),
body.main-menu-closed #container #section-actus a.event:nth-child(3n+1),
body.second-menu-closed #container #section-events a.event:nth-child(3n+1),
body.second-menu-closed #container #section-actus a.event:nth-child(3n+1) {
  padding-left: var(--P45);
}

.content-blocks {
  font-size: var(--FS25);
  line-height: var(--LH25);
  --lh: var(--LH25);
}
.content-blocks > *:not(:last-child) {
  margin-bottom: 1.25em;
}
.content-blocks > *:not(:last-child).carrousel:has(legend) {
  margin-bottom: 2em;
}
.content-blocks > *:last-child.carrousel:has(legend) {
  margin-bottom: 0.75em;
}
.content-blocks .textarea,
.content-blocks .details {
  width: 100%;
  padding-left: var(--GRID_GUTTER);
  padding-right: var(--COLUMN_WIDTH);
  box-sizing: border-box;
}
.content-blocks .textarea .textarea,
.content-blocks .details .textarea {
  padding: 0;
}
.content-blocks .carrousel {
  position: relative;
  width: calc(var(--COLUMN_WIDTH) * 3 + var(--GRID_GUTTER) * 1);
  margin-left: auto;
}

.template-template-actu #container #header .infos h1 {
  font-size: var(--FS16);
  line-height: var(--LH16_3);
  text-decoration: underline;
  text-transform: uppercase;
}
.template-template-actu #container #header .infos .types {
  font-size: var(--FS16);
  line-height: var(--LH16);
  margin-bottom: var(--P2);
}
.template-template-actu #container #header .infos .types .type:not(:first-child) {
  margin-left: 1em;
}
.template-template-actu #container #header .infos .desc {
  display: none;
  font-size: var(--FS14);
  line-height: var(--LH14);
}
.template-template-actu #container #header .date {
  font-family: "Maison Mono";
  font-size: var(--FS32);
  line-height: var(--LH32);
  text-transform: uppercase;
}

.template-template-actus footer {
  display: none;
}
.template-template-actus #section-actus {
  overflow: scroll;
}

.template-template-assos #header,
.template-template-page #header {
  padding-top: var(--P6);
}
.template-template-assos #header h1,
.template-template-page #header h1 {
  font-size: var(--FS40);
  line-height: var(--LH40);
}

.template-template-cnarep #header {
  display: block;
}
.template-template-cnarep #header #headband {
  position: relative;
  padding: var(--P12) 0;
  padding-bottom: var(--P9);
  margin-top: var(--P16);
  font-family: "Maison Italic";
  font-style: italic;
  font-size: var(--FS34);
  line-height: 1;
  background-color: var(--COLOR_2);
  color: var(--COLOR_3);
}
.template-template-cnarep #header #headband .city {
  white-space: nowrap;
}
.template-template-cnarep #header #headband .city::before {
  content: "| ";
}
.template-template-cnarep #header #headband::after {
  content: "";
  display: block;
  position: absolute;
  width: 100vw;
  height: calc(100% + 2px);
  top: -1px;
  left: 50%;
  transform: translateX(-50%);
  border-top: 1px solid #000000;
  border-bottom: 1px solid #000000;
  background-color: inherit;
  z-index: -1;
}
.template-template-cnarep #contents {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.template-template-cnarep #contents .left {
  width: calc(var(--COLUMN_WIDTH) * 3 + var(--GRID_GUTTER) * 2);
  padding-left: var(--GRID_GUTTER);
  box-sizing: border-box;
}
.template-template-cnarep #contents .left h1 {
  margin-bottom: var(--P40);
  font-size: var(--FS84);
  line-height: var(--LH84);
}
.template-template-cnarep #contents .left .address {
  font-size: var(--FS25);
  line-height: var(--LH25_2);
}
.template-template-cnarep #contents .left .website {
  display: flex;
  align-items: center;
}
.template-template-cnarep #contents .left .website .logo {
  display: inline-block;
  height: var(--P81);
  width: auto;
  margin-right: 1em;
  filter: grayscale(1);
}
.template-template-cnarep #contents .right {
  width: calc(var(--COLUMN_WIDTH) * 3 + var(--GRID_GUTTER) * 1);
  padding-top: var(--P16);
}
.template-template-cnarep #contents .right .infos {
  margin-bottom: var(--P40);
  font-size: var(--FS25);
  line-height: var(--LH25_2);
  padding-right: var(--P120);
  box-sizing: border-box;
}
.template-template-cnarep #contents .right .networks {
  display: flex;
  flex-wrap: wrap;
  gap: var(--P26);
  font-size: var(--FS25);
  line-height: 1;
}
.template-template-cnarep #contents .right .networks .network {
  display: flex;
  align-items: flex-end;
  text-underline-offset: 0.4em;
}
.template-template-cnarep #contents .right .networks .network svg {
  display: block;
  width: var(--P26);
  height: auto;
  margin-right: 0.5em;
  margin-bottom: 0.2em;
}
.template-template-cnarep #contents .right .networks .network svg path {
  fill: var(--COLOR_4);
}
.template-template-cnarep #contents .right .carrousel {
  margin-top: var(--P60);
}
.template-template-cnarep #contents .content-blocks {
  width: 100%;
  flex-grow: 0;
  flex-shrink: 0;
  margin-top: var(--P60);
}

.template-template-cnareps #container {
  padding: 0;
}
.template-template-cnareps #container #section-top {
  display: flex;
}
.template-template-cnareps #container #section-top .left {
  position: relative;
  width: calc(var(--COLUMN_WIDTH) * 3 + var(--GRID_GUTTER) * 3);
  height: 100dvh;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background-color: var(--COLOR_4);
}
.template-template-cnareps #container #section-top .left svg {
  display: block;
  width: 100%;
  height: auto;
}
.template-template-cnareps #container #section-top .left svg rect {
  fill: var(--COLOR_4);
}
.template-template-cnareps #container #section-top .left svg path {
  fill: var(--COLOR_1);
  stroke: var(--COLOR_2);
  stroke-width: 6px;
}
.template-template-cnareps #container #section-top .left svg circle.hover {
  fill: var(--COLOR_2);
  stroke: #000000;
  stroke-width: 5px;
}
.template-template-cnareps #container #section-top .left img {
  position: absolute;
  top: 0;
  opacity: 0.5;
  transform: scale(1.05) translateX(50px) translateY(10px);
}
.template-template-cnareps #container #section-top .right {
  width: calc(var(--COLUMN_WIDTH) * 3 + var(--GRID_GUTTER) * 3);
  flex-grow: 1;
  padding-top: var(--P40);
  box-sizing: border-box;
  height: 100dvh;
  overflow: scroll;
}
.template-template-cnareps #container #section-top .right h1 {
  font-size: var(--FS40);
  line-height: var(--LH40);
  padding-left: calc(var(--GRID_GUTTER) * 2);
  padding-right: calc(var(--COLUMN_WIDTH) - var(--GRID_GUTTER));
  box-sizing: border-box;
  margin-bottom: var(--P40);
}
.template-template-cnareps #container #section-cnareps h2 {
  font-size: var(--FS34);
  line-height: 1;
  padding: var(--P20) calc(var(--GRID_GUTTER) * 2);
  padding-bottom: var(--P16);
  background-color: var(--COLOR_3);
}
.template-template-cnareps #container #section-cnareps .cnarep {
  display: block;
  padding: var(--P12) calc(var(--GRID_GUTTER) * 2);
  padding-top: var(--P16);
  font-size: var(--FS25);
  line-height: 1;
  text-decoration: none;
  border-top: 1px solid #000000;
  position: relative;
}
.template-template-cnareps #container #section-cnareps .cnarep .city {
  white-space: nowrap;
}
.template-template-cnareps #container #section-cnareps .cnarep .city::before {
  content: "| ";
}
.template-template-cnareps #container #section-cnareps .cnarep .hover {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: var(--P12) calc(var(--GRID_GUTTER) * 2);
  padding-top: var(--P16);
  box-sizing: border-box;
  font-family: "Maison Italic";
  font-style: italic;
  color: var(--COLOR_3);
  background-color: var(--COLOR_2);
  font-size: calc(var(--FS25) * 0.98);
  visibility: hidden;
}
.template-template-cnareps #container #section-cnareps .cnarep:hover .hover {
  visibility: visible;
}
.template-template-cnareps #container #section-chrono .textarea {
  padding: var(--P32) var(--P55);
  box-sizing: border-box;
  columns: 2;
  background-color: var(--COLOR_3);
  font-size: var(--FS25);
  line-height: var(--LH25);
  --lh: var(--LH25);
}
.template-template-cnareps #container footer {
  padding: var(--GRID_GUTTER);
}
.template-template-cnareps #container footer::before {
  top: 0;
}

.template-template-events footer {
  display: none;
}
.template-template-events #second-menu {
  position: relative;
}
.template-template-events #second-menu #second-menu-eye {
  position: absolute;
  top: var(--P20);
  right: var(--P18);
  cursor: pointer;
  z-index: 20;
}
.template-template-events #second-menu #second-menu-eye img {
  display: block;
  width: var(--P45);
  height: auto;
}
.template-template-events #second-menu #second-menu-container {
  position: relative;
  border-right: 1px solid #000000;
  background-color: inherit;
}
.template-template-events #second-menu #second-menu-subcontainer {
  position: relative;
  background-color: inherit;
  z-index: 15;
}
.template-template-events #second-menu #second-menu-top {
  padding: 0 var(--GRID_GUTTER);
  padding-top: var(--P45);
  padding-bottom: var(--P20);
  box-sizing: border-box;
  font-size: var(--FS30);
  line-height: var(--LH30);
  text-transform: uppercase;
}
.template-template-events #second-menu #second-menu-cnareps {
  font-size: var(--FS22);
  line-height: 1;
}
.template-template-events #second-menu #second-menu-cnareps a {
  display: block;
  padding: var(--P16) var(--GRID_GUTTER);
  padding-bottom: var(--P12);
  border-top: 1px solid #000000;
  box-sizing: border-box;
  text-decoration: none;
}
.template-template-events #second-menu #second-menu-cnareps a.sel, .template-template-events #second-menu #second-menu-cnareps a:hover {
  background-color: var(--COLOR_2);
}
.template-template-events #second-menu #months-container {
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  overflow: scroll;
  padding: var(--P20) 0;
  padding-bottom: calc(var(--P20) - 0.5em);
  box-sizing: border-box;
  transform: translateX(80%);
  font-size: var(--FS27);
  line-height: 10;
  z-index: 10;
  pointer-events: initial;
}
.template-template-events #second-menu #months-container .month {
  position: relative;
  height: var(--P60);
  min-height: var(--P60);
  margin-top: -0.5em;
  overflow: hidden;
  cursor: pointer;
}
.template-template-events #second-menu #months-container .month:nth-child(1) {
  z-index: 1;
}
.template-template-events #second-menu #months-container .month:nth-child(2) {
  z-index: 2;
}
.template-template-events #second-menu #months-container .month:nth-child(3) {
  z-index: 3;
}
.template-template-events #second-menu #months-container .month:nth-child(4) {
  z-index: 4;
}
.template-template-events #second-menu #months-container .month:nth-child(5) {
  z-index: 5;
}
.template-template-events #second-menu #months-container .month:nth-child(6) {
  z-index: 6;
}
.template-template-events #second-menu #months-container .month:nth-child(7) {
  z-index: 7;
}
.template-template-events #second-menu #months-container .month:nth-child(8) {
  z-index: 8;
}
.template-template-events #second-menu #months-container .month:nth-child(9) {
  z-index: 9;
}
.template-template-events #second-menu #months-container .month:nth-child(10) {
  z-index: 10;
}
.template-template-events #second-menu #months-container .month:nth-child(11) {
  z-index: 11;
}
.template-template-events #second-menu #months-container .month:nth-child(12) {
  z-index: 12;
}
.template-template-events #second-menu #months-container .month .month-split {
  display: flex;
  align-items: center;
  justify-content: center;
  width: var(--P60);
  height: var(--P60);
  margin-top: -0.5em;
  border-radius: 100%;
  border: 2px solid #000000;
  box-sizing: border-box;
  text-transform: uppercase;
  background-color: var(--COLOR_2);
}
.template-template-events #second-menu #months-container .month .month-split:not(:first-child) {
  visibility: hidden;
}
.template-template-events #second-menu #months-container .month .month-split:first-child {
  margin-top: 0;
}
.template-template-events #second-menu #months-container .month:hover .month-split:first-child {
  background-color: #000000;
  color: var(--COLOR_4);
  border-color: var(--COLOR_4);
}
.template-template-events #second-menu #months-container .month.sel .month-split {
  background-color: #000000;
  color: var(--COLOR_4);
  border-color: var(--COLOR_4);
}
.template-template-events #second-menu #months-container .month.sel.open .month-split:not(:first-child) {
  visibility: visible;
}
.template-template-events #container {
  padding-top: 0;
  padding-right: 0;
  padding-bottom: 0;
  box-sizing: border-box;
}
.template-template-events #container #section-intro {
  position: relative;
  padding-top: var(--P40);
  padding-bottom: var(--P70);
  padding-left: calc(var(--COLUMN_WIDTH) / 2);
  padding-right: calc(var(--COLUMN_WIDTH) + var(--GRID_GUTTER));
  box-sizing: border-box;
  border-bottom: 1px solid #000000;
}
.template-template-events #container #section-intro h2 {
  margin-bottom: var(--P20);
  font-size: var(--FS40);
  line-height: var(--LH40);
}
.template-template-events #container #section-intro .chapo {
  font-size: var(--FS16);
  line-height: var(--LH16_2);
}
.template-template-events #container #section-intro #link-hors-cadre {
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateX(50%) rotate(-90deg);
  transform-origin: center bottom;
  padding: var(--P6) var(--P20);
  padding-top: var(--P12);
  box-sizing: border-box;
  border-top-left-radius: 1.5em;
  border-top-right-radius: 1.5em;
  font-size: var(--FS20);
  line-height: 1;
  text-decoration: none;
  background-color: var(--COLOR_2);
  border: 2px solid var(--COLOR_2);
  border-bottom: none;
  box-sizing: border-box;
}
.template-template-events #container #section-intro #link-hors-cadre:hover {
  background-color: var(--COLOR_3);
  border-color: var(--COLOR_2);
}

.template-template-project #container #header h1 {
  font-size: var(--FS16);
  line-height: var(--LH16_3);
  text-decoration: underline;
  text-transform: uppercase;
}
.template-template-project #container #header .date {
  font-size: var(--FS32);
  line-height: var(--LH32);
  text-transform: uppercase;
}
.template-template-project #container #section-website {
  display: flex;
  justify-content: center;
  padding-left: calc(var(--COLUMN_WIDTH) * 3 + var(--GRID_GUTTER) * 3);
  box-sizing: border-box;
  margin-top: var(--P20);
}
.template-template-project #container #section-bottom {
  display: flex;
  justify-content: space-between;
  padding-left: var(--GRID_GUTTER);
  box-sizing: border-box;
  gap: var(--GRID_GUTTER);
  margin-top: var(--P40);
}
.template-template-project #container #section-bottom #distributions {
  flex-grow: 1;
}
.template-template-project #container #section-bottom #distributions #distrib-tabs {
  display: flex;
  gap: var(--P40);
  font-size: var(--FS25);
  line-height: 1;
  margin-bottom: var(--P40);
}
.template-template-project #container #section-bottom #distributions #distrib-tabs .tab {
  display: flex;
  align-items: flex-end;
  text-underline-offset: 0.4em;
  text-decoration: underline;
  cursor: pointer;
}
.template-template-project #container #section-bottom #distributions #distrib-tabs .tab svg {
  display: block;
  width: var(--P26);
  height: auto;
  margin-right: 0.5em;
  transform: rotate(-45deg);
}
.template-template-project #container #section-bottom #distributions #distrib-tabs .tab svg path {
  fill: var(--COLOR_2);
}
.template-template-project #container #section-bottom #distributions #distrib-tabs .tab.sel svg {
  transform: none;
  transform: translateY(-0.2em);
}
.template-template-project #container #section-bottom #distributions #distrib-contents .textarea {
  display: none;
  font-size: var(--FS25);
  line-height: var(--LH25);
}
.template-template-project #container #section-bottom #distributions #distrib-contents .textarea.sel {
  display: block;
}
.template-template-project #container #section-bottom .carrousel {
  width: calc(var(--COLUMN_WIDTH) * 3 + var(--GRID_GUTTER) * 1);
  flex-shrink: 0;
  height: fit-content;
}

.template-template-projects #container {
  display: block;
  padding: 0;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  flex-wrap: nowrap;
}
.template-template-projects #header {
  padding-left: calc(var(--GRID_GUTTER) + var(--COLUMN_WIDTH) / 2);
  padding-right: calc(var(--GRID_GUTTER) * 0 + var(--COLUMN_WIDTH));
  padding-top: var(--P6);
}
.template-template-projects #header h1 {
  font-size: var(--FS40);
  line-height: var(--LH40);
}
.template-template-projects footer {
  display: none;
}
.template-template-projects #container > .left {
  width: calc(var(--COLUMN_WIDTH) * 2 + var(--GRID_GUTTER) * 2);
  background-color: var(--COLOR_3);
  padding: var(--P26) var(--GRID_GUTTER);
  box-sizing: border-box;
  height: 100dvh;
  overflow: scroll;
}
.template-template-projects #container > .left .content-blocks {
  line-height: var(--LH25_2);
}
.template-template-projects #container > .left .content-blocks h3 {
  font-size: var(--FS30) !important;
  line-height: var(--LH30) !important;
}
.template-template-projects #container > .left .content-blocks .textarea {
  padding: 0;
}
.template-template-projects #container > .left .content-blocks .details, .template-template-projects #container > .left .content-blocks details {
  padding: 0;
}
.template-template-projects #container > .left .content-blocks .carrousel {
  width: 100%;
}
.template-template-projects #container > .left button {
  display: none;
}
.template-template-projects #container > .right {
  width: calc(var(--COLUMN_WIDTH) * 4 + var(--GRID_GUTTER) * 4);
  flex-grow: 1;
  padding-top: var(--P16);
  box-sizing: border-box;
  height: 100dvh;
  overflow: scroll;
}
.template-template-projects #section-projects {
  position: relative;
}
.template-template-projects #section-projects #projects-years {
  position: absolute;
  width: calc(215 * 0.04rem);
  height: calc(1em + 2 * var(--P9));
  border: 3px solid var(--COLOR_2);
  font-size: var(--FS25);
  line-height: 1;
  right: calc(var(--COLUMN_WIDTH) / 1);
  background-color: #FFFFFF;
  z-index: 2;
}
.template-template-projects #section-projects #projects-years svg {
  display: block;
  width: var(--P26);
  height: auto;
  position: absolute;
  transform: rotate(-45deg);
  top: var(--P9);
  left: var(--P9);
}
.template-template-projects #section-projects #projects-years svg path {
  fill: var(--COLOR_2);
}
.template-template-projects #section-projects #projects-years:has(:nth-child(2):hover) svg path {
  fill: #000000;
}
.template-template-projects #section-projects #projects-years a {
  display: block;
  padding: var(--P9);
  padding-top: var(--P12);
  text-decoration: none;
  font-family: "Maison Mono";
  text-transform: uppercase;
  text-align: right;
}
.template-template-projects #section-projects #projects-years a:hover {
  background-color: var(--COLOR_2);
}
.template-template-projects #section-projects #projects-years a:not(.sel) {
  display: none;
}
.template-template-projects #section-projects #projects-years:hover {
  height: unset;
}
.template-template-projects #section-projects #projects-years:hover svg {
  transform: none;
}
.template-template-projects #section-projects #projects-years:hover a:not(.sel) {
  display: block;
}
.template-template-projects #section-projects #projects-tabs {
  display: flex;
  gap: var(--GRID_GUTTER);
  padding: 0 calc(var(--GRID_GUTTER) * 2);
  box-sizing: border-box;
  border-bottom: 1px solid;
  padding-top: calc(var(--P40) + var(--P9) + var(--P40));
}
.template-template-projects #section-projects #projects-tabs a.status {
  display: block;
  padding: var(--P9) var(--P20);
  padding-top: var(--P12);
  box-sizing: border-box;
  border-top-left-radius: 1.5em;
  border-top-right-radius: 1.5em;
  font-size: var(--FS16);
  line-height: 1;
  text-transform: uppercase;
  text-decoration: none;
  cursor: pointer;
}
.template-template-projects #section-projects #projects-tabs a.status[slug=production] {
  background-color: var(--COLOR_2);
}
.template-template-projects #section-projects #projects-tabs a.status[slug=diffusion] {
  background-color: var(--COLOR_4);
}
.template-template-projects #section-projects #projects-tabs a.status[slug=appel] {
  background-color: var(--COLOR_3);
}
.template-template-projects #section-projects #projects-tabs:has(.status:nth-child(2)) .status.sel {
  border: 1px solid #000000;
  border-bottom: none;
}
.template-template-projects #section-projects #projects-list .project {
  display: none;
  text-decoration: none;
}
.template-template-projects #section-projects #projects-list .project.visible {
  display: block;
}
.template-template-projects #section-projects #projects-list .project:hover article {
  background-color: var(--color);
}
.template-template-projects #section-projects #projects-list .project:hover article .right {
  border: 4px solid var(--color);
  box-sizing: border-box;
}
.template-template-projects #section-projects #projects-list .project article {
  display: flex;
}
.template-template-projects #section-projects #projects-list .project article .left {
  display: flex;
  flex-direction: column;
  min-height: var(--P514);
  padding: var(--P26) var(--GRID_GUTTER);
  box-sizing: border-box;
  width: 50%;
  flex-shrink: 0;
  flex-grow: 0;
}
.template-template-projects #section-projects #projects-list .project article .left h3 {
  font-family: "Maison Mono";
  font-size: var(--FS32);
  line-height: var(--LH32);
  margin-bottom: var(--P55);
}
.template-template-projects #section-projects #projects-list .project article .left h2 {
  flex-grow: 1;
  font-size: var(--FS28);
  line-height: var(--LH28_2);
  text-transform: uppercase;
}
.template-template-projects #section-projects #projects-list .project article .left .textarea {
  font-size: var(--FS20);
  line-height: var(--LH20);
}
.template-template-projects #section-projects #projects-list .project article .right {
  width: 50%;
  flex-shrink: 0;
  flex-grow: 0;
}
.template-template-projects #section-projects #projects-list .project.odd article .left {
  order: 1;
}
.template-template-projects #section-projects #projects-list .project.odd article .right {
  order: 0;
}
.template-template-projects #section-projects #projects-list .project[status=production] {
  --color: var(--COLOR_2);
}
.template-template-projects #section-projects #projects-list .project[status=diffusion] {
  --color: var(--COLOR_4);
}
.template-template-projects #section-projects #projects-list .project[status=appel] {
  --color: var(--COLOR_3);
}
.template-template-projects #section-projects #projects-list #status-appel {
  padding: var(--P26) calc(var(--GRID_GUTTER) * 2);
  box-sizing: border-box;
  display: none;
}
.template-template-projects #section-projects #projects-list #status-appel.visible {
  display: block;
}
.template-template-projects #section-projects #projects-list #status-appel > h3 {
  font-family: "Maison Mono";
  font-size: var(--FS32);
  line-height: var(--LH32);
  margin-bottom: var(--P40);
}
.template-template-projects #section-projects #projects-list #status-appel .content-blocks > * {
  padding: 0;
}
.template-template-projects #section-projects #projects-list #status-appel .content-blocks > * details {
  padding: 0;
}

.template-template-jobs #header,
.template-template-publications #header {
  padding-top: var(--P6);
}
.template-template-jobs #header h1,
.template-template-publications #header h1 {
  font-size: var(--FS40);
  line-height: var(--LH40);
}
.template-template-jobs #section-jobs,
.template-template-jobs #section-publications,
.template-template-publications #section-jobs,
.template-template-publications #section-publications {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0;
}
.template-template-jobs #section-jobs .job,
.template-template-jobs #section-jobs .publication,
.template-template-jobs #section-publications .job,
.template-template-jobs #section-publications .publication,
.template-template-publications #section-jobs .job,
.template-template-publications #section-jobs .publication,
.template-template-publications #section-publications .job,
.template-template-publications #section-publications .publication {
  margin-bottom: var(--P55);
  break-inside: avoid;
  page-break-inside: avoid;
  -webkit-column-break-inside: avoid;
  -moz-column-break-inside: avoid;
}
.template-template-jobs #section-jobs .job:nth-child(2n+1),
.template-template-jobs #section-jobs .publication:nth-child(2n+1),
.template-template-jobs #section-publications .job:nth-child(2n+1),
.template-template-jobs #section-publications .publication:nth-child(2n+1),
.template-template-publications #section-jobs .job:nth-child(2n+1),
.template-template-publications #section-jobs .publication:nth-child(2n+1),
.template-template-publications #section-publications .job:nth-child(2n+1),
.template-template-publications #section-publications .publication:nth-child(2n+1) {
  padding-left: calc(var(--COLUMN_WIDTH) / 2);
  padding-right: calc(var(--P26) * 1.5);
  box-sizing: border-box;
}
.template-template-jobs #section-jobs .job:nth-child(2n+2),
.template-template-jobs #section-jobs .publication:nth-child(2n+2),
.template-template-jobs #section-publications .job:nth-child(2n+2),
.template-template-jobs #section-publications .publication:nth-child(2n+2),
.template-template-publications #section-jobs .job:nth-child(2n+2),
.template-template-publications #section-jobs .publication:nth-child(2n+2),
.template-template-publications #section-publications .job:nth-child(2n+2),
.template-template-publications #section-publications .publication:nth-child(2n+2) {
  padding-right: calc(var(--COLUMN_WIDTH) / 2);
  padding-left: calc(var(--P26) * 1.5);
  box-sizing: border-box;
}
.template-template-jobs #section-jobs .job h2,
.template-template-jobs #section-jobs .publication h2,
.template-template-jobs #section-publications .job h2,
.template-template-jobs #section-publications .publication h2,
.template-template-publications #section-jobs .job h2,
.template-template-publications #section-jobs .publication h2,
.template-template-publications #section-publications .job h2,
.template-template-publications #section-publications .publication h2 {
  position: relative;
  font-family: "Maison Bold";
  font-size: var(--FS25);
  line-height: var(--LH25);
}
.template-template-jobs #section-jobs .job h2::before,
.template-template-jobs #section-jobs .publication h2::before,
.template-template-jobs #section-publications .job h2::before,
.template-template-jobs #section-publications .publication h2::before,
.template-template-publications #section-jobs .job h2::before,
.template-template-publications #section-jobs .publication h2::before,
.template-template-publications #section-publications .job h2::before,
.template-template-publications #section-publications .publication h2::before {
  content: "";
  position: absolute;
  display: block;
  width: var(--P26);
  height: var(--P26);
  left: 0;
  transform: translateX(-150%) translateY(-25%);
  mask-image: url("../vectos/arrow.svg");
  mask-size: contain;
  mask-repeat: no-repeat;
  mask-position: center;
  background-color: var(--COLOR_4);
}
.template-template-jobs #section-jobs .job .textarea,
.template-template-jobs #section-jobs .publication .textarea,
.template-template-jobs #section-publications .job .textarea,
.template-template-jobs #section-publications .publication .textarea,
.template-template-publications #section-jobs .job .textarea,
.template-template-publications #section-jobs .publication .textarea,
.template-template-publications #section-publications .job .textarea,
.template-template-publications #section-publications .publication .textarea {
  font-size: var(--FS25);
  line-height: var(--LH25);
}

.template-template-contact #header {
  padding-top: var(--P6);
}
.template-template-contact #header h1 {
  font-size: var(--FS40);
  line-height: var(--LH40);
}
.template-template-contact #section-addresses {
  columns: 2;
  gap: var(--GRID_GUTTER);
  font-size: var(--FS25);
  line-height: var(--LH25_3);
  padding: 0 calc(var(--COLUMN_WIDTH) / 2);
  box-sizing: border-box;
  margin-bottom: var(--P70);
}
.template-template-contact #section-addresses .address {
  position: relative;
  page-break-inside: avoid;
  -webkit-column-break-inside: avoid;
  margin-bottom: 1em;
}
.template-template-contact #section-addresses .address::before {
  content: "";
  position: absolute;
  display: block;
  width: var(--P26);
  height: var(--P26);
  left: 0;
  transform: translateX(-150%) translateY(0%);
  mask-image: url("../vectos/arrow.svg");
  mask-size: contain;
  mask-repeat: no-repeat;
  mask-position: center;
  background-color: var(--COLOR_2);
}
.template-template-contact #section-form h2 {
  font-size: var(--FS40);
  line-height: var(--LH40);
  padding-left: var(--GRID_GUTTER);
  margin-bottom: var(--P45);
}
.template-template-contact #section-form h2 br {
  display: none;
}
.template-template-contact #section-form form {
  width: calc(var(--COLUMN_WIDTH) * 4 + var(--GRID_GUTTER) * 3);
  padding: 0 calc(var(--COLUMN_WIDTH) / 2);
  box-sizing: border-box;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  font-size: var(--FS25);
  line-height: var(--LH25);
}
.template-template-contact #section-form .input {
  display: block;
  width: calc(var(--COLUMN_WIDTH) * 1.5 + var(--GRID_GUTTER));
  margin-bottom: var(--P40);
}
.template-template-contact #section-form .input.textarea, .template-template-contact #section-form .input:nth-child(3), .template-template-contact #section-form .input:nth-child(4) {
  width: 100%;
}
.template-template-contact #section-form .input.submit {
  display: flex;
  justify-content: flex-end;
}
.template-template-contact #section-form .input.submit #submit {
  width: fit-content;
  height: fit-content;
  padding: var(--P6) var(--P16);
  padding-bottom: var(--P2);
  background-color: var(--COLOR_2);
  border-radius: 0.2em;
  border: 3px solid var(--COLOR_2);
  box-sizing: border-box;
  cursor: pointer;
}
.template-template-contact #section-form .input.submit #submit:hover {
  background-color: var(--COLOR_3);
}
.template-template-contact #section-form .input label {
  display: block;
  margin-bottom: var(--P2);
}
.template-template-contact #section-form .input input,
.template-template-contact #section-form .input textarea {
  display: block;
  border: none;
  outline: none;
  width: 100%;
  padding: var(--P9) var(--P9);
  border: 3px solid var(--COLOR_2);
  font-family: "Maison";
  font-size: var(--FS25);
  line-height: var(--LH25);
}
.template-template-contact #section-form .input input:not(textarea),
.template-template-contact #section-form .input textarea:not(textarea) {
  line-height: 1;
}
.template-template-contact #section-form .input textarea {
  height: 8em;
}
.template-template-contact #section-form .error {
  display: none;
  width: 100%;
  color: red;
}
.template-template-contact #section-form .error.visible {
  display: block;
}
.template-template-contact #section-form .error.ok {
  color: green;
}
.template-template-contact #section-form #required {
  font-size: 0.75em;
}