/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v8.4.14,
* Autoprefixer: v10.4.7
* Browsers: last 4 version
*/

html {
  font-size: 0.625em; /* fallback IE8+ */
  font-size: 0.625em; /* IE9-IE11 math fixing. See http://bit.ly/1g4X0bX */
}

/* Box sizing rules */
*,
*::before,
*::after {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

/* Remove default padding */
ul,
ol {
  padding: 0;
  list-style: none;
  margin: 0;
}

/* Remove default style */
a {
  text-decoration: none;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

/* Remove default margin */
body,
h1,
h2,
h3,
h4,
p,
ul[class],
ol[class],
li,
figure,
figcaption,
blockquote,
dl,
dd {
  margin: 0;
}

/* Set core body defaults */
body {
  min-height: 100vh;
  scroll-behavior: smooth;
  text-rendering: optimizeSpeed;
  line-height: 1.5;
}

/* A elements that don't have a class get default styles */
a:not([class]) {
  -webkit-text-decoration-skip: ink;
          text-decoration-skip-ink: auto;
}

/* Make images easier to work with */
img {
  max-width: 100%;
  display: block;
}

/* Inherit fonts for inputs and buttons */
input,
button,
textarea,
select {
  font: inherit;
}

/* Remove font style on address */
address {
  font-style: normal;
}

/* Remove all animations and transitions for people that prefer not to see them */
@media (prefers-reduced-motion: reduce) {
  * {
    -webkit-animation-duration: 0.01ms !important;
            animation-duration: 0.01ms !important;
    -webkit-animation-iteration-count: 1 !important;
            animation-iteration-count: 1 !important;
    -webkit-transition-duration: 0.01ms !important;
         -o-transition-duration: 0.01ms !important;
            transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
}
/* Text meant only for screen readers. */
.screen-reader-text {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  -webkit-clip-path: inset(50%);
          clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  word-wrap: normal !important;
}

.screen-reader-text:focus {
  background-color: #eee;
  clip: auto !important;
  -webkit-clip-path: none;
          clip-path: none;
  color: #444;
  display: block;
  font-size: 1em;
  height: auto;
  left: 5px;
  line-height: normal;
  padding: 15px 23px 14px;
  text-decoration: none;
  top: 5px;
  width: auto;
  z-index: 100000; /* Above WP toolbar. */
}

/* Image replacement technique 2012 H5BP  - https://css-tricks.com/the-image-replacement-museum/ */
.ir {
  font: 0/0 a;
  color: transparent;
  border: 0;
  text-shadow: none;
}

@font-face {
  font-family: "Abel Pro";
  src: url("../fonts/AbelPro-Regular.eot");
  src: url("../fonts/AbelPro-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/AbelPro-Regular.woff2") format("woff2"), url("../fonts/AbelPro-Regular.woff") format("woff"), url("../fonts/AbelPro-Regular.ttf") format("truetype"), url("../fonts/AbelPro-Regular.svg#AbelPro-Regular") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lacquer";
  src: url("../fonts/Lacquer-Regular.eot");
  src: url("../fonts/Lacquer-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/Lacquer-Regular.woff2") format("woff2"), url("../fonts/Lacquer-Regular.woff") format("woff"), url("../fonts/Lacquer-Regular.ttf") format("truetype"), url("../fonts/Lacquer-Regular.svg#Lacquer-Regular") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
header {
  position: relative;
  z-index: 999;
}
header.header .img-hero, header.header-fp .img-hero {
  position: relative;
}
header.header .img-hero img, header.header-fp .img-hero img {
  width: 100%;
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
}
header.header .img-hero h1, header.header-fp .img-hero h1 {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  text-align: center;
}
header.header .img-hero h1 strong, header.header-fp .img-hero h1 strong {
  position: absolute;
  visibility: hidden;
}
header.header .img-hero h1 svg, header.header-fp .img-hero h1 svg {
  -webkit-animation: 1.5s ease-in-out apparition;
          animation: 1.5s ease-in-out apparition;
  width: 50%;
  height: auto;
}
@media (min-width: 992px) {
  header.header .img-hero h1 svg, header.header-fp .img-hero h1 svg {
    width: initial;
  }
}
header.header .menu-bar, header.header-fp .menu-bar {
  padding-top: 1rem;
  padding-bottom: 0.7rem;
  background-color: white;
  -webkit-box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.2);
          box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.2);
}
@media (min-width: 576px) {
  header.header .menu-bar, header.header-fp .menu-bar {
    padding-top: 1.5rem;
    padding-bottom: 1rem;
  }
}
header.header .menu-bar .container, header.header-fp .menu-bar .container {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr)[3];
  grid-template-columns: repeat(3, 1fr);
}
@media (min-width: 576px) {
  header.header .menu-bar .container, header.header-fp .menu-bar .container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}
header.header .menu-bar .container .logo, header.header-fp .menu-bar .container .logo {
  -ms-grid-column: 2;
  -ms-grid-column-span: 1;
  grid-column: 2/3;
  -ms-grid-row: 1;
  grid-row: 1;
  margin: 0 auto;
}
@media (min-width: 576px) {
  header.header .menu-bar .container .logo, header.header-fp .menu-bar .container .logo {
    grid-column: initial;
    grid-row: initial;
    margin: 0;
  }
}
header.header .menu-bar .container .logo img, header.header-fp .menu-bar .container .logo img {
  width: 5rem;
}
@media (min-width: 576px) {
  header.header .menu-bar .container .logo img, header.header-fp .menu-bar .container .logo img {
    width: initial;
  }
}
header.header .menu-bar .container .container-burger.is-active ~ .central-block, header.header-fp .menu-bar .container .container-burger.is-active ~ .central-block {
  left: 0;
}
header.header .menu-bar .container .central-block, header.header-fp .menu-bar .container .central-block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  position: absolute;
  width: 100vw;
  height: 101vh;
  top: 0rem;
  left: 100vw;
  background-color: rgba(255, 255, 255, 0.9);
  z-index: 100;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  padding: 3rem;
  padding-top: 6rem;
}
@media (min-width: 576px) {
  header.header .menu-bar .container .central-block, header.header-fp .menu-bar .container .central-block {
    position: initial;
    width: initial;
    height: initial;
    background-color: transparent;
    padding: 0;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
header.header .menu-bar .container .central-block strong, header.header-fp .menu-bar .container .central-block strong {
  font-family: "Abel Pro", sans-serif;
  font-weight: normal;
  text-transform: uppercase;
  color: #0078BF;
  position: relative;
  mix-blend-mode: multiply;
  letter-spacing: 20%;
  font-size: 1.8rem;
  line-height: 2.5rem;
  margin-right: 5rem;
}
@media (min-width: 576px) {
  header.header .menu-bar .container .central-block strong, header.header-fp .menu-bar .container .central-block strong {
    font-size: 1.4rem;
    line-height: 1.7rem;
    margin-right: 0;
  }
}
header.header .menu-bar .container .central-block strong::before, header.header-fp .menu-bar .container .central-block strong::before {
  content: attr(data-before);
  color: #FFE800;
  position: absolute;
  top: 0.2rem;
  left: 0.2rem;
  mix-blend-mode: multiply;
  width: 100%;
}
header.header .menu-bar .container .central-block nav, header.header-fp .menu-bar .container .central-block nav {
  margin-top: 1.5rem;
}
@media (min-width: 576px) {
  header.header .menu-bar .container .central-block nav, header.header-fp .menu-bar .container .central-block nav {
    margin-top: 1.1rem;
  }
}
header.header .menu-bar .container .central-block nav .central-menu, header.header-fp .menu-bar .container .central-block nav .central-menu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  row-gap: 2rem;
}
@media (min-width: 576px) {
  header.header .menu-bar .container .central-block nav .central-menu, header.header-fp .menu-bar .container .central-block nav .central-menu {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}
header.header .menu-bar .container .central-block nav .central-menu > li > a, header.header-fp .menu-bar .container .central-block nav .central-menu > li > a {
  color: #1E1E1E;
  font-size: 2rem;
  text-decoration: none;
  font-weight: 500;
}
@media (min-width: 576px) {
  header.header .menu-bar .container .central-block nav .central-menu > li > a, header.header-fp .menu-bar .container .central-block nav .central-menu > li > a {
    font-size: 1.6rem;
  }
}
header.header .menu-bar .container .central-block nav .central-menu > li.menu-item-type-post_type > a:hover, header.header .menu-bar .container .central-block nav .central-menu > li.menu-item-type-post_type > a:focus, header.header-fp .menu-bar .container .central-block nav .central-menu > li.menu-item-type-post_type > a:hover, header.header-fp .menu-bar .container .central-block nav .central-menu > li.menu-item-type-post_type > a:focus {
  color: #FFE800;
}
header.header .menu-bar .container .central-block nav .central-menu > li.menu-item-type-custom, header.header-fp .menu-bar .container .central-block nav .central-menu > li.menu-item-type-custom {
  position: relative;
  cursor: pointer;
}
header.header .menu-bar .container .central-block nav .central-menu > li.menu-item-type-custom > a, header.header-fp .menu-bar .container .central-block nav .central-menu > li.menu-item-type-custom > a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  pointer-events: none;
}
header.header .menu-bar .container .central-block nav .central-menu > li.menu-item-type-custom > a::after, header.header-fp .menu-bar .container .central-block nav .central-menu > li.menu-item-type-custom > a::after {
  content: "";
  background-image: url("../img/arrow-item-menu.svg");
  background-repeat: no-repeat;
  background-size: contain;
  display: block;
  width: 1.2rem;
  height: 0.9rem;
  margin-top: 0.3rem;
  margin-left: 0.5rem;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
header.header .menu-bar .container .central-block nav .central-menu > li.menu-item-type-custom.active .sub-menu, header.header-fp .menu-bar .container .central-block nav .central-menu > li.menu-item-type-custom.active .sub-menu {
  opacity: 100%;
  pointer-events: all;
  height: 7.2rem;
}
@media (min-width: 576px) {
  header.header .menu-bar .container .central-block nav .central-menu > li.menu-item-type-custom.active .sub-menu, header.header-fp .menu-bar .container .central-block nav .central-menu > li.menu-item-type-custom.active .sub-menu {
    height: initial;
  }
}
header.header .menu-bar .container .central-block nav .central-menu > li.menu-item-type-custom.active > a::after, header.header-fp .menu-bar .container .central-block nav .central-menu > li.menu-item-type-custom.active > a::after {
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
}
header.header .menu-bar .container .central-block nav .central-menu > li.menu-item-type-custom .sub-menu, header.header-fp .menu-bar .container .central-block nav .central-menu > li.menu-item-type-custom .sub-menu {
  pointer-events: none;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  margin-top: 0.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  height: 0;
  overflow: hidden;
  transition: all 0.3s ease-in-out;
}
@media (min-width: 576px) {
  header.header .menu-bar .container .central-block nav .central-menu > li.menu-item-type-custom .sub-menu, header.header-fp .menu-bar .container .central-block nav .central-menu > li.menu-item-type-custom .sub-menu {
    position: absolute;
    opacity: 0%;
    height: initial;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
  }
}
header.header .menu-bar .container .central-block nav .central-menu > li.menu-item-type-custom .sub-menu > li, header.header-fp .menu-bar .container .central-block nav .central-menu > li.menu-item-type-custom .sub-menu > li {
  height: 3.2rem;
  width: auto;
  background-color: #FFE800;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
@media (min-width: 576px) {
  header.header .menu-bar .container .central-block nav .central-menu > li.menu-item-type-custom .sub-menu > li, header.header-fp .menu-bar .container .central-block nav .central-menu > li.menu-item-type-custom .sub-menu > li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
header.header .menu-bar .container .central-block nav .central-menu > li.menu-item-type-custom .sub-menu > li a, header.header-fp .menu-bar .container .central-block nav .central-menu > li.menu-item-type-custom .sub-menu > li a {
  font-size: 1.2rem;
  line-height: 1.1rem;
  font-weight: 500;
  color: #1E1E1E;
  text-decoration: none;
}
header.header .menu-bar .container .central-block nav .central-menu > li.menu-item-type-custom .sub-menu > li a:hover, header.header .menu-bar .container .central-block nav .central-menu > li.menu-item-type-custom .sub-menu > li a:focus, header.header-fp .menu-bar .container .central-block nav .central-menu > li.menu-item-type-custom .sub-menu > li a:hover, header.header-fp .menu-bar .container .central-block nav .central-menu > li.menu-item-type-custom .sub-menu > li a:focus {
  color: #0078BF;
}
header.header .menu-bar .container .central-block nav .central-menu > li.menu-item-type-custom .sub-menu > li.menu-item-64 a, header.header-fp .menu-bar .container .central-block nav .central-menu > li.menu-item-type-custom .sub-menu > li.menu-item-64 a {
  text-wrap: nowrap;
}
header.header .menu-bar .container .central-block nav .central-menu > li.menu-item-type-custom .sub-menu > li + li, header.header-fp .menu-bar .container .central-block nav .central-menu > li.menu-item-type-custom .sub-menu > li + li {
  margin-left: 0.3rem;
}
@media (min-width: 576px) {
  header.header .menu-bar .container .central-block nav .central-menu > li + li, header.header-fp .menu-bar .container .central-block nav .central-menu > li + li {
    margin-left: 2.5rem;
  }
}
@media (min-width: 992px) {
  header.header .menu-bar .container .central-block nav .central-menu > li + li, header.header-fp .menu-bar .container .central-block nav .central-menu > li + li {
    margin-left: 3.5rem;
  }
}
header.header .menu-bar .container .socials, header.header-fp .menu-bar .container .socials {
  -ms-grid-row-align: center;
      align-self: center;
  -ms-grid-column: 1;
  -ms-grid-column-span: 1;
  grid-column: 1/2;
  -ms-grid-row: 1;
  grid-row: 1;
}
@media (min-width: 576px) {
  header.header .menu-bar .container .socials, header.header-fp .menu-bar .container .socials {
    grid-column: initial;
    grid-row: initial;
  }
}
header.header .menu-bar .container .socials nav ul li, header.header-fp .menu-bar .container .socials nav ul li {
  width: 2rem;
  height: 2rem;
}
header.header .menu-bar .container .socials nav ul li a, header.header-fp .menu-bar .container .socials nav ul li a {
  display: block;
  width: 100%;
  height: 100%;
}
header.header .menu-bar .container .socials nav ul li a img, header.header-fp .menu-bar .container .socials nav ul li a img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
header.header .menu-bar .container .socials nav ul li a:hover, header.header .menu-bar .container .socials nav ul li a:focus, header.header-fp .menu-bar .container .socials nav ul li a:hover, header.header-fp .menu-bar .container .socials nav ul li a:focus {
  -webkit-transform: scale(1.2);
      -ms-transform: scale(1.2);
          transform: scale(1.2);
}
header.header .menu-bar .container .socials nav ul li + li, header.header-fp .menu-bar .container .socials nav ul li + li {
  margin-left: 0.8rem;
}
header.header .menu-bar.is-fixed, header.header-fp .menu-bar.is-fixed {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 999;
}
header.header-fp .container-burger {
  top: -13px;
}

body.pages header {
  position: sticky;
  top: 0;
  z-index: 999;
}

@-webkit-keyframes apparition {
  from {
    opacity: 0;
    -webkit-transform: scale(0);
            transform: scale(0);
  }
  to {
    opacity: 100%;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}

@keyframes apparition {
  from {
    opacity: 0;
    -webkit-transform: scale(0);
            transform: scale(0);
  }
  to {
    opacity: 100%;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
.container-burger {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  cursor: pointer;
  z-index: 9999;
  margin-left: auto;
  position: absolute;
  right: 0;
  top: -4px;
}
@media (min-width: 576px) {
  .container-burger {
    display: none;
  }
}
.container-burger svg {
  -webkit-transition: -webkit-transform 500ms cubic-bezier(0.4, 0, 0.2, 1);
  transition: -webkit-transform 500ms cubic-bezier(0.4, 0, 0.2, 1);
  -o-transition: transform 500ms cubic-bezier(0.4, 0, 0.2, 1);
  transition: transform 500ms cubic-bezier(0.4, 0, 0.2, 1);
  transition: transform 500ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 500ms cubic-bezier(0.4, 0, 0.2, 1);
}
.container-burger.active svg {
  -webkit-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
          transform: rotate(90deg);
}
.container-burger path {
  -webkit-transition: stroke-dasharray 500ms cubic-bezier(0.4, 0, 0.2, 1), stroke-dashoffset 500ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 500ms cubic-bezier(0.4, 0, 0.2, 1);
  transition: stroke-dasharray 500ms cubic-bezier(0.4, 0, 0.2, 1), stroke-dashoffset 500ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 500ms cubic-bezier(0.4, 0, 0.2, 1);
  -o-transition: transform 500ms cubic-bezier(0.4, 0, 0.2, 1), stroke-dasharray 500ms cubic-bezier(0.4, 0, 0.2, 1), stroke-dashoffset 500ms cubic-bezier(0.4, 0, 0.2, 1);
  transition: transform 500ms cubic-bezier(0.4, 0, 0.2, 1), stroke-dasharray 500ms cubic-bezier(0.4, 0, 0.2, 1), stroke-dashoffset 500ms cubic-bezier(0.4, 0, 0.2, 1);
  transition: transform 500ms cubic-bezier(0.4, 0, 0.2, 1), stroke-dasharray 500ms cubic-bezier(0.4, 0, 0.2, 1), stroke-dashoffset 500ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 500ms cubic-bezier(0.4, 0, 0.2, 1);
}
.container-burger path:nth-child(1) {
  -webkit-transform-origin: 36% 40%;
      -ms-transform-origin: 36% 40%;
          transform-origin: 36% 40%;
}
.container-burger path:nth-child(2) {
  stroke-dasharray: 29 299;
}
.container-burger path:nth-child(3) {
  -webkit-transform-origin: 35% 63%;
      -ms-transform-origin: 35% 63%;
          transform-origin: 35% 63%;
}
.container-burger path:nth-child(4) {
  stroke-dasharray: 29 299;
}
.container-burger path:nth-child(5) {
  -webkit-transform-origin: 61% 52%;
      -ms-transform-origin: 61% 52%;
          transform-origin: 61% 52%;
}
.container-burger path:nth-child(6) {
  -webkit-transform-origin: 62% 52%;
      -ms-transform-origin: 62% 52%;
          transform-origin: 62% 52%;
}
.container-burger.active path:nth-child(1) {
  -webkit-transform: translateX(9px) translateY(1px) rotate(45deg);
      -ms-transform: translateX(9px) translateY(1px) rotate(45deg);
          transform: translateX(9px) translateY(1px) rotate(45deg);
}
.container-burger.active path:nth-child(2) {
  stroke-dasharray: 225 299;
  stroke-dashoffset: -72px;
}
.container-burger.active path:nth-child(3) {
  -webkit-transform: translateX(9px) translateY(1px) rotate(-45deg);
      -ms-transform: translateX(9px) translateY(1px) rotate(-45deg);
          transform: translateX(9px) translateY(1px) rotate(-45deg);
}
.container-burger.active path:nth-child(4) {
  stroke-dasharray: 225 299;
  stroke-dashoffset: -72px;
}
.container-burger.active path:nth-child(5) {
  -webkit-transform: translateX(9px) translateY(1px) rotate(-45deg);
      -ms-transform: translateX(9px) translateY(1px) rotate(-45deg);
          transform: translateX(9px) translateY(1px) rotate(-45deg);
}
.container-burger.active path:nth-child(6) {
  -webkit-transform: translateX(9px) translateY(1px) rotate(45deg);
      -ms-transform: translateX(9px) translateY(1px) rotate(45deg);
          transform: translateX(9px) translateY(1px) rotate(45deg);
}
.container-burger.active ~ .menu-menu-principal-container {
  right: 0;
}

body.home main {
  background-image: url("../img/background-fp.png");
  background-repeat: no-repeat;
  background-position: center 85vh;
  background-size: 289%;
}
@media (min-width: 576px) {
  body.home main {
    background-size: 100%;
    background-position: 0 37%;
  }
}
@media (min-width: 1441px) {
  body.home main {
    background-size: 92%;
  }
}
body.home .container {
  position: relative;
  z-index: 1;
}

section.agenda-fp {
  margin-bottom: 9rem;
}
@media (min-width: 576px) {
  section.agenda-fp {
    padding-bottom: 12rem;
    margin-bottom: 0;
  }
}
@media (min-width: 992px) {
  section.agenda-fp {
    padding-bottom: 19rem;
  }
}
section.agenda-fp ul {
  display: block;
  position: relative;
  width: 100%;
  height: 20rem;
}
@media (min-width: 576px) {
  section.agenda-fp ul {
    height: 28rem;
  }
}
@media (min-width: 768px) {
  section.agenda-fp ul {
    height: 44rem;
  }
}
section.agenda-fp ul li {
  width: 68%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
section.agenda-fp ul li .parallelogram {
  width: 100%;
  height: 100%;
  position: relative;
  -webkit-clip-path: polygon(100% 0, 0 0, 0 100%, 45% 100%);
          clip-path: polygon(100% 0, 0 0, 0 100%, 45% 100%);
}
section.agenda-fp ul li .parallelogram img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
section.agenda-fp ul li .parallelogram .content {
  position: absolute;
  opacity: 100%;
  width: 60%;
  height: 100%;
  top: 0;
  left: 0;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
@media (min-width: 768px) {
  section.agenda-fp ul li .parallelogram .content {
    opacity: 0;
  }
  section.agenda-fp ul li .parallelogram .content:hover, section.agenda-fp ul li .parallelogram .content:focus {
    opacity: 100%;
  }
}
section.agenda-fp ul li .parallelogram .content::before {
  content: "";
  display: block;
  background-color: #0078BF;
  opacity: 0.75;
  z-index: 0;
  width: 170%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
section.agenda-fp ul li .parallelogram .content .content-infos .title-infos-single span {
  display: none;
}
@media (min-width: 576px) {
  section.agenda-fp ul li .parallelogram .content .content-infos .title-infos-single span {
    display: inline-block;
  }
}
section.agenda-fp ul li:nth-child(2) {
  left: initial;
  right: 0;
}
section.agenda-fp ul li:nth-child(2) .parallelogram {
  -webkit-clip-path: polygon(100% 0, 55% 0, 0% 100%, 100% 100%);
          clip-path: polygon(100% 0, 55% 0, 0% 100%, 100% 100%);
}
section.agenda-fp ul li:nth-child(2) .parallelogram .content {
  left: initial;
  right: 0;
}
section.agenda-fp ul li:nth-child(2) .parallelogram .content::before {
  left: -70%;
}
section.agenda-fp ul li:nth-child(2) .parallelogram .content .content-infos {
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  text-align: end;
}
section.agenda-fp ul li:nth-child(2) .parallelogram .content .content-infos strong {
  -ms-flex-item-align: initial;
      -ms-grid-row-align: initial;
      align-self: initial;
  max-width: 78%;
}
@media (min-width: 576px) {
  section.agenda-fp ul li:nth-child(2) .parallelogram .content .content-infos strong {
    max-width: 100%;
  }
}
section.agenda-fp ul li:nth-child(2) .parallelogram .content .content-infos strong::after {
  margin-left: auto;
}
section.agenda-fp ul li:nth-child(2) .parallelogram .content .content-infos a {
  -ms-flex-item-align: end;
      align-self: flex-end;
}
@media (min-width: 576px) {
  section.agenda-fp ul li:nth-child(2) .parallelogram .content .content-infos {
    padding-left: 2rem;
    padding-right: 2rem;
    text-align: start;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
}
@media (min-width: 576px) and (min-width: 768px) {
  section.agenda-fp ul li:nth-child(2) .parallelogram .content .content-infos {
    padding-left: 8rem;
    padding-right: 7rem;
  }
}
@media (min-width: 576px) {
  section.agenda-fp ul li:nth-child(2) .parallelogram .content .content-infos strong {
    -ms-flex-item-align: start;
        align-self: flex-start;
  }
  section.agenda-fp ul li:nth-child(2) .parallelogram .content .content-infos strong::after {
    margin-left: 0;
  }
  section.agenda-fp ul li:nth-child(2) .parallelogram .content .content-infos a {
    -ms-flex-item-align: start;
        align-self: flex-start;
  }
}
section.agenda-fp .comment {
  right: 0;
  bottom: 0;
  z-index: 100;
  width: 52%;
}
@media (min-width: 992px) {
  section.agenda-fp .comment {
    width: initial;
  }
}
section.agenda-fp .comment img {
  width: 6rem;
}
@media (min-width: 992px) {
  section.agenda-fp .comment img {
    width: initial;
  }
}
section.menus-fp {
  margin-bottom: 6rem;
}
@media (min-width: 576px) {
  section.menus-fp {
    margin-bottom: 12rem;
  }
}
@media (min-width: 768px) {
  section.menus-fp {
    margin-bottom: 31rem;
  }
}
@media (min-width: 992px) {
  section.menus-fp {
    margin-bottom: 4rem;
  }
}
section.menus-fp .menus {
  margin-top: 3rem;
}
section.menus-fp .menus .first-menu {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  row-gap: 1.5rem;
}
@media (min-width: 576px) {
  section.menus-fp .menus .first-menu {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-column-gap: 3rem;
       -moz-column-gap: 3rem;
            column-gap: 3rem;
  }
}
@media (min-width: 768px) {
  section.menus-fp .menus .first-menu {
    -webkit-column-gap: 9rem;
       -moz-column-gap: 9rem;
            column-gap: 9rem;
  }
}
section.menus-fp .menus .first-menu > li {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
section.menus-fp .menus .first-menu > li h3 {
  margin-top: 1.5rem;
  font-family: "Abel Pro", sans-serif;
  font-size: 2rem;
  line-height: 2rem;
  color: #0078BF;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-column-gap: 0.8rem;
     -moz-column-gap: 0.8rem;
          column-gap: 0.8rem;
  position: relative;
  text-align: center;
  cursor: pointer;
}
@media (min-width: 992px) {
  section.menus-fp .menus .first-menu > li h3 {
    font-size: 2.4rem;
  }
}
section.menus-fp .menus .first-menu > li h3.active svg {
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
}
section.menus-fp .menus .first-menu > li h3.active ~ .second-menu {
  opacity: 100%;
  height: 100%;
}
@media (min-width: 576px) {
  section.menus-fp .menus .first-menu > li h3.active ~ .second-menu {
    opacity: 100%;
    height: initial;
  }
}
section.menus-fp .menus .first-menu > li h3.active ~ .second-menu li a {
  pointer-events: all;
}
section.menus-fp .menus .first-menu > li h3 svg {
  margin-top: 0.3rem;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
section.menus-fp .menus .first-menu > li h3::before {
  content: "";
  position: absolute;
  z-index: -1;
  background-color: #FFE800;
  width: 105%;
  height: 142%;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
section.menus-fp .menus .first-menu .second-menu {
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  opacity: 0;
  height: 0;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  background-color: rgba(255, 232, 1, 0.9);
  padding-top: 2rem;
  padding-bottom: 2rem;
  padding-right: 3rem;
  padding-left: 2rem;
  margin-top: 1rem;
}
@media (min-width: 576px) {
  section.menus-fp .menus .first-menu .second-menu {
    height: initial;
  }
}
section.menus-fp .menus .first-menu .second-menu li {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-column-gap: 0.8rem;
     -moz-column-gap: 0.8rem;
          column-gap: 0.8rem;
}
section.menus-fp .menus .first-menu .second-menu li a {
  font-size: 1.6rem;
  line-height: 3rem;
  font-weight: 500;
  color: #1E1E1E;
  text-decoration: none;
  pointer-events: none;
}
section.menus-fp .menus .first-menu .second-menu li a:hover, section.menus-fp .menus .first-menu .second-menu li a:focus {
  color: #0078BF;
}
section.menus-fp .comment {
  right: 20%;
  bottom: -9%;
}
@media (min-width: 992px) {
  section.menus-fp .comment {
    bottom: -14%;
  }
}
section.menus-fp .comment img {
  width: 6rem;
}
@media (min-width: 992px) {
  section.menus-fp .comment img {
    width: initial;
  }
}
section.news-fp {
  min-height: 82rem;
  background-image: url("../img/cie-des-coins-deco.png");
  background-repeat: no-repeat;
  background-position: 2vw 100%;
  background-size: 150%;
  mix-blend-mode: multiply;
}
@media (min-width: 576px) {
  section.news-fp {
    background-size: 70%;
  }
}
@media (min-width: 1441px) {
  section.news-fp {
    background-size: 60%;
    min-height: 100rem;
  }
}
section.news-fp .list-news li {
  -webkit-box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.2);
          box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.2);
  height: 30rem;
  width: 90%;
  border-radius: 1rem;
  mix-blend-mode: multiply;
  margin: 0 auto;
  margin-top: 3rem;
}
@media (min-width: 576px) {
  section.news-fp .list-news li {
    position: absolute;
    width: 43.5rem;
    height: 38rem;
    -webkit-transform: scale(0.8);
        -ms-transform: scale(0.8);
            transform: scale(0.8);
    margin: 0;
    margin-top: 0;
  }
}
@media (min-width: 992px) {
  section.news-fp .list-news li {
    -webkit-transform: scale(1);
        -ms-transform: scale(1);
            transform: scale(1);
  }
}
section.news-fp .list-news li .cards {
  width: 100%;
  height: 100%;
  position: relative;
  border-radius: 1rem;
  overflow: hidden;
}
section.news-fp .list-news li .cards::before {
  content: "";
  display: block;
  background-color: #FFE800;
  opacity: 0.7;
  z-index: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
section.news-fp .list-news li .cards img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
section.news-fp .list-news li .cards .content {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
section.news-fp .list-news li .cards .content .content-infos {
  padding: 4rem;
}
section.news-fp .list-news li .cards .content .content-infos strong {
  font-size: 1.4rem;
}
@media (min-width: 768px) {
  section.news-fp .list-news li .cards .content .content-infos strong {
    font-size: 1.6rem;
  }
}
section.news-fp .list-news li .cards .content .content-infos h3.title-infos-single {
  font-size: 3.6rem;
  line-height: 4rem;
}
section.news-fp .list-news li .cards .content .content-infos h3.title-infos-single span {
  margin-top: 1rem;
}
@media (min-width: 576px) {
  section.news-fp .list-news li .cards .content .content-infos h3.title-infos-single span {
    margin-top: 3rem;
  }
}
@media (min-width: 576px) {
  section.news-fp .list-news li:first-child {
    top: 13vw;
    right: 23vw;
  }
}
@media (min-width: 992px) {
  section.news-fp .list-news li:first-child {
    top: 5vw;
  }
}
section.news-fp .list-news li:first-child .content-infos strong {
  color: #1E1E1E;
}
section.news-fp .list-news li:first-child .content-infos strong::after {
  background-color: #1E1E1E;
}
section.news-fp .list-news li:first-child .content-infos h3.title-infos-single {
  color: #1E1E1E;
  font-weight: 500;
}
section.news-fp .list-news li:first-child .content-infos h3.title-infos-single span {
  color: #0078BF;
  font-weight: 500;
}
section.news-fp .list-news li:first-child .content-infos a {
  color: #1E1E1E;
  font-weight: 500;
  border: 0.1rem solid #1E1E1E;
}
section.news-fp .list-news li:first-child .content-infos a:hover, section.news-fp .list-news li:first-child .content-infos a:focus {
  color: #0078BF;
  border: 0.1rem solid #0078BF;
}
@media (min-width: 576px) {
  section.news-fp .list-news li:last-child {
    top: 47vw;
    right: 0;
  }
}
@media (min-width: 992px) {
  section.news-fp .list-news li:last-child {
    top: 30vw;
  }
}
@media (min-width: 1200px) {
  section.news-fp .list-news li:last-child {
    top: 25vw;
  }
}
@media (min-width: 1441px) {
  section.news-fp .list-news li:last-child {
    top: 22vw;
    right: 13rem;
  }
}
section.news-fp .list-news li:last-child .cards::before {
  background-color: #0078BF;
}
section.news-fp .list-news li:last-child .cards .content-infos strong {
  -ms-flex-item-align: end;
      align-self: flex-end;
}
section.news-fp .list-news li:last-child .cards .content-infos h3.title-infos-single {
  font-weight: 500;
}
section.news-fp .list-news li:last-child .cards .content-infos h3.title-infos-single span {
  color: #FFE800;
  font-weight: 500;
}
section.news-fp .comment {
  right: 0;
  top: 0;
}
section.news-fp .comment img {
  width: 6rem;
}
@media (min-width: 992px) {
  section.news-fp .comment img {
    width: initial;
  }
}
@media (min-width: 1200px) {
  section.news-fp .comment {
    top: 5rem;
  }
}
section .content-infos {
  position: relative;
  height: 100%;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  z-index: 100;
  padding: 0.5rem;
  padding-bottom: 1rem;
}
@media (min-width: 576px) {
  section .content-infos {
    padding-top: 5rem;
    padding-bottom: 2rem;
    padding-left: 2rem;
    padding-right: 2rem;
  }
}
@media (min-width: 768px) {
  section .content-infos {
    padding-left: 6rem;
    padding-right: 7rem;
  }
}
@media (min-width: 992px) {
  section .content-infos {
    padding-top: 6rem;
    padding-bottom: 6rem;
  }
}
section .content-infos strong {
  -ms-flex-item-align: start;
      align-self: flex-start;
  font-size: 1.2rem;
  line-height: 1.2em;
  color: white;
  text-transform: uppercase;
}
@media (min-width: 576px) {
  section .content-infos strong {
    font-size: 1.4rem;
    line-height: initial;
  }
}
@media (min-width: 768px) {
  section .content-infos strong {
    font-size: 1.6rem;
  }
}
section .content-infos strong::after {
  content: "";
  display: block;
  width: 60%;
  height: 0.1rem;
  background-color: white;
  margin-top: 0.5rem;
}
@media (min-width: 576px) {
  section .content-infos strong::after {
    margin-top: 0;
  }
}
section .content-infos > span {
  color: #FFE800;
  font-weight: 500;
  font-size: 1.5rem;
  line-height: 2.5rem;
}
@media (min-width: 576px) {
  section .content-infos > span {
    font-size: 2rem;
    line-height: 2.7rem;
  }
}
section .content-infos a {
  -ms-flex-item-align: start;
      align-self: flex-start;
  padding: 0.6rem;
  padding-top: 0;
  padding-bottom: 0;
  color: white;
  font-size: 1.4rem;
  text-decoration: none;
  border: 0.1rem solid white;
}
@media (min-width: 576px) {
  section .content-infos a {
    padding: 1rem;
    padding-top: 0.4rem;
    padding-bottom: 0.5rem;
    font-size: 1.8rem;
  }
}
section .content-infos a:hover, section .content-infos a:focus {
  color: #FFE800;
  border: 0.1rem solid #FFE800;
}

.hero-sd {
  width: 100%;
  margin: 0 auto;
  margin-bottom: 6rem;
}
@media (min-width: 576px) {
  .hero-sd {
    width: 86%;
  }
}
@media (min-width: 768px) {
  .hero-sd {
    margin-bottom: 9rem;
  }
}
@media (min-width: 1200px) {
  .hero-sd {
    width: 56%;
  }
}
.hero-sd .subtitle-sd {
  margin-top: 1rem;
  font-size: 1.8rem;
}
@media (min-width: 576px) {
  .hero-sd .subtitle-sd {
    margin-top: 3rem;
    font-size: 2rem;
  }
}
@media (min-width: 992px) {
  .hero-sd .subtitle-sd {
    font-size: 2.2rem;
  }
}

#page-sd article .wp-block-table {
  width: 100%;
  margin: 0 auto;
}
@media (min-width: 992px) {
  #page-sd article .wp-block-table {
    width: 52%;
  }
}
#page-sd article .wp-block-table tr, #page-sd article .wp-block-table td {
  border: none;
}
#page-sd article .wp-block-table tbody tr:nth-child(1) {
  font-weight: 500;
  font-size: 1.6rem;
  line-height: 1em;
}
@media (min-width: 576px) {
  #page-sd article .wp-block-table tbody tr:nth-child(1) {
    font-size: 2.4rem;
  }
}
#page-sd article .wp-block-table tbody tr:nth-child(2) {
  font-weight: 700;
  font-size: 1.4rem;
  line-height: 1em;
}
@media (min-width: 576px) {
  #page-sd article .wp-block-table tbody tr:nth-child(2) {
    font-size: 1.7rem;
  }
}
#page-sd article .wp-block-table tbody td {
  padding: 0.2em;
}
#page-sd article .wp-block-table tbody td + td {
  border-left: 0.1rem solid #FFE800;
}
#page-sd article .wp-block-gallery, #page-sd article .wp-block-table {
  margin-bottom: 2.5rem;
  margin-top: 1.5rem;
}
@media (min-width: 576px) {
  #page-sd article .wp-block-gallery, #page-sd article .wp-block-table {
    margin-top: 3rem;
    margin-bottom: 3rem;
  }
}
#page-sd article h2 {
  font-size: 3.8rem;
  line-height: 4.5rem;
  margin-bottom: 1.5rem;
  color: #0078BF;
  display: block;
  position: relative;
  text-align: center;
  text-decoration: underline;
  -webkit-text-decoration-color: #FFE800;
          text-decoration-color: #FFE800;
}
@media (min-width: 576px) {
  #page-sd article h2 {
    font-size: 5.5rem;
    line-height: 5.5rem;
    text-align: start;
    display: inline-block;
    text-decoration: none;
  }
}
#page-sd article h2::before {
  content: "";
  position: absolute;
  width: calc(100% + 1rem);
  height: 1.5rem;
  bottom: 0;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  background-color: #FFE800;
  z-index: -1;
  display: none;
}
@media (min-width: 576px) {
  #page-sd article h2::before {
    display: block;
  }
}
#page-sd article h3 {
  font-size: 2.4rem;
  line-height: 2.6rem;
  margin-bottom: 0.5rem;
  color: #0078BF;
}
@media (min-width: 768px) {
  #page-sd article h3 {
    font-size: 2.6rem;
    line-height: 3rem;
  }
}
#page-sd article ul {
  list-style: disc;
  margin-left: 2.5rem;
}
#page-sd article ul li ul {
  list-style: circle;
}
#page-sd article .wp-block-group + .wp-block-group {
  margin-top: 3rem;
}
@media (min-width: 576px) {
  #page-sd article .wp-block-group + .wp-block-group {
    margin-top: 6rem;
  }
}
#page-sd article p + .wp-block-columns {
  margin-top: 3rem;
}
#page-sd article div.wp-block-image {
  margin-top: 3rem;
}
#page-sd article p + div.wp-block-image {
  margin-top: 1.5rem;
}
#page-sd article .wp-block-group + .wp-block-heading {
  margin-top: 6rem;
}
#page-sd article ul + h3 {
  margin-top: 3rem;
}
#page-sd article p + h3 {
  margin-top: 3rem;
}
#page-sd article figure.columns-default .size-large, #page-sd article figure.columns-2 .size-large {
  height: 20rem;
  -webkit-box-flex: initial;
      -ms-flex-positive: initial;
          flex-grow: initial;
}
@media (min-width: 768px) {
  #page-sd article figure.columns-default .size-large, #page-sd article figure.columns-2 .size-large {
    height: 30rem;
    width: 30% !important;
  }
}
#page-sd article figure.columns-default .size-large img, #page-sd article figure.columns-2 .size-large img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
#page-sd article figure.columns-4 .size-large, #page-sd article figure.columns-3 .size-large, #page-sd article figure.columns-5 .size-large {
  height: 20rem !important;
}
@media (min-width: 768px) {
  #page-sd article figure.columns-4 .size-large, #page-sd article figure.columns-3 .size-large, #page-sd article figure.columns-5 .size-large {
    height: 30rem !important;
  }
}
#page-sd article figure.columns-default .wp-block-image {
  width: 100% !important;
}
@media (min-width: 576px) {
  #page-sd article figure.columns-default .wp-block-image {
    width: 60% !important;
  }
}
@media (min-width: 768px) {
  #page-sd article figure.columns-default .wp-block-image {
    width: 30% !important;
  }
}
#page-sd article figure a img {
  -webkit-filter: grayscale(0);
          filter: grayscale(0);
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
#page-sd article figure a:hover img, #page-sd article figure a:focus img {
  -webkit-filter: grayscale(1);
          filter: grayscale(1);
}
#page-sd article .wp-block-file {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: 3rem;
}
#page-sd article .wp-block-file a {
  display: inline-block;
}
#page-sd article .wp-block-file a:first-child {
  visibility: hidden;
  width: 0px;
  display: block;
  height: 0px;
}
#page-sd article .wp-block-file a.wp-block-file__button {
  font-size: 2.4rem;
  line-height: 2.5rem;
  color: #0078BF;
  font-weight: 700;
  position: relative;
  display: inline-block;
  text-align: center;
  background: transparent;
  text-decoration: none;
}
#page-sd article .wp-block-file a.wp-block-file__button::before {
  content: "";
  width: 115%;
  height: 5rem;
  position: absolute;
  background-color: #FFE800;
  mix-blend-mode: multiply;
  top: 50%;
  left: -7%;
  -webkit-transform: translate(0%, -50%);
      -ms-transform: translate(0%, -50%);
          transform: translate(0%, -50%);
  -webkit-clip-path: polygon(20% 0%, 23% 0, 13% 100%, 10% 100%);
          clip-path: polygon(20% 0%, 23% 0, 13% 100%, 10% 100%);
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
#page-sd article .wp-block-file a.wp-block-file__button::after {
  content: "";
  width: 115%;
  height: 5rem;
  position: absolute;
  background-color: #FFE800;
  mix-blend-mode: multiply;
  top: 50%;
  right: -16%;
  -webkit-transform: translate(0%, -50%);
      -ms-transform: translate(0%, -50%);
          transform: translate(0%, -50%);
  -webkit-clip-path: polygon(80% 0%, 77% 0, 67% 100%, 70% 100%);
          clip-path: polygon(80% 0%, 77% 0, 67% 100%, 70% 100%);
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
#page-sd article .wp-block-file a.wp-block-file__button:hover::before, #page-sd article .wp-block-file a.wp-block-file__button:focus::before {
  -webkit-clip-path: polygon(20% 0%, 55% 0, 45% 100%, 10% 100%);
          clip-path: polygon(20% 0%, 55% 0, 45% 100%, 10% 100%);
}
#page-sd article .wp-block-file a.wp-block-file__button:hover::after, #page-sd article .wp-block-file a.wp-block-file__button:focus::after {
  -webkit-clip-path: polygon(80% 0%, 48% 0, 38% 100%, 70% 100%);
          clip-path: polygon(80% 0%, 48% 0, 38% 100%, 70% 100%);
}
#page-sd article .wp-block-file * + .wp-block-file__button {
  margin-left: 0;
}
#page-sd article + article {
  margin-top: 6rem;
}

.nav-anchors {
  margin-bottom: 9rem;
}
@media (min-width: 768px) {
  .nav-anchors {
    margin-bottom: 13rem;
  }
}
.nav-anchors ul {
  width: 100%;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-column-gap: 1rem;
     -moz-column-gap: 1rem;
          column-gap: 1rem;
  row-gap: 1.5rem;
}
@media (min-width: 1200px) {
  .nav-anchors ul {
    row-gap: 2rem;
  }
}
.nav-anchors ul li a {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  text-decoration: none;
  max-width: 19.9rem;
}
.nav-anchors ul li a .img {
  position: relative;
}
.nav-anchors ul li a .img svg {
  width: 155px;
  height: 156px;
}
@media (min-width: 1200px) {
  .nav-anchors ul li a .img svg {
    width: initial;
    height: initial;
  }
}
.nav-anchors ul li a .img svg path {
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.nav-anchors ul li a .img img {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 13.2rem;
  height: 13.2rem;
  border-radius: 50%;
  -o-object-fit: cover;
     object-fit: cover;
  z-index: -1;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
@media (min-width: 1200px) {
  .nav-anchors ul li a .img img {
    width: 17.9rem;
    height: 17.9rem;
  }
}
.nav-anchors ul li a .txts {
  text-align: center;
  line-height: 0.5em;
}
.nav-anchors ul li a .txts span {
  font-size: 1.4rem;
  line-height: 1.5rem;
  font-weight: 500;
  color: #F6A04D;
}
.nav-anchors ul li a .txts strong {
  font-weight: normal;
  font-family: "Abel Pro", sans-serif;
  font-size: 2rem;
  line-height: 2.8rem;
  margin-top: 0.5rem;
  color: #1E1E1E;
  position: relative;
  display: inline-block;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
@media (min-width: 1200px) {
  .nav-anchors ul li a .txts strong {
    font-size: 2.3rem;
    line-height: 3.1rem;
  }
}
.nav-anchors ul li a .txts strong::after {
  content: "";
  display: block;
  width: 110%;
  height: 0.5rem;
  position: absolute;
  bottom: -0.1rem;
  left: 50%;
  background-color: #F6A04D;
  -webkit-transform: translate(-50%, 0);
      -ms-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
  z-index: -1;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.nav-anchors ul li a:hover .img svg path, .nav-anchors ul li a:focus .img svg path {
  fill: #F6A04D;
}
.nav-anchors ul li a:hover .txts strong, .nav-anchors ul li a:focus .txts strong {
  color: white;
}
.nav-anchors ul li a:hover .txts strong::after, .nav-anchors ul li a:focus .txts strong::after {
  height: 115%;
}

.page-id-27 .hero-sd .subtitle-sd {
  position: relative;
}
.page-id-27 .hero-sd .subtitle-sd .link-comment {
  position: absolute;
  bottom: -3.8rem;
  right: 3rem;
}
@media (min-width: 576px) {
  .page-id-27 .hero-sd .subtitle-sd .link-comment {
    right: 23rem;
  }
}
.page-id-27 .hero-sd .subtitle-sd .link-comment a {
  position: relative;
}
.page-id-27 .hero-sd .subtitle-sd .link-comment a img {
  position: absolute;
  top: 0;
  left: -6.2rem;
  -webkit-transform: scale(-1, 1) rotate(-60deg) scale(0.7);
      -ms-transform: scale(-1, 1) rotate(-60deg) scale(0.7);
          transform: scale(-1, 1) rotate(-60deg) scale(0.7);
}
.page-id-27 .hero-sd .subtitle-sd .link-comment a:hover img, .page-id-27 .hero-sd .subtitle-sd .link-comment a:focus img {
  top: -0.5rem;
  -webkit-transform: scale(-1, 1) rotate(-70deg) scale(0.7);
      -ms-transform: scale(-1, 1) rotate(-70deg) scale(0.7);
          transform: scale(-1, 1) rotate(-70deg) scale(0.7);
}
.page-id-27 .main .cies-list article section.header {
  margin-bottom: 3rem;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 100%;
  position: relative;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
@media (min-width: 768px) {
  .page-id-27 .main .cies-list article section.header {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    height: 42rem;
    margin-bottom: 12rem;
  }
}
.page-id-27 .main .cies-list article section.header .header-left {
  width: 100%;
  height: 100%;
  position: relative;
}
.page-id-27 .main .cies-list article section.header .header-left img {
  width: 100%;
  height: 25rem;
  -o-object-fit: cover;
     object-fit: cover;
}
@media (min-width: 576px) {
  .page-id-27 .main .cies-list article section.header .header-left img {
    height: 30rem;
  }
}
@media (min-width: 768px) {
  .page-id-27 .main .cies-list article section.header .header-left img {
    width: 82%;
    height: 100%;
  }
}
@media (min-width: 1200px) {
  .page-id-27 .main .cies-list article section.header .header-left img {
    width: 72%;
  }
}
.page-id-27 .main .cies-list article section.header .header-bk {
  width: 100%;
  height: 100%;
  background-color: white;
  -webkit-transform: skew(-32deg, 0deg);
      -ms-transform: skew(-32deg, 0deg);
          transform: skew(-32deg, 0deg);
  position: absolute;
  top: 0;
  right: -58%;
  display: none;
}
@media (min-width: 768px) {
  .page-id-27 .main .cies-list article section.header .header-bk {
    display: block;
  }
}
@media (min-width: 1200px) {
  .page-id-27 .main .cies-list article section.header .header-bk {
    right: -61%;
  }
}
.page-id-27 .main .cies-list article section.header .header-bk::before {
  content: "";
  width: 1.5rem;
  height: 120%;
  position: absolute;
  background-color: #F6A04D;
  top: 50%;
  left: -0.75rem;
  -webkit-transform: translate(0%, -50%);
      -ms-transform: translate(0%, -50%);
          transform: translate(0%, -50%);
  opacity: 0.8;
}
.page-id-27 .main .cies-list article section.header .header-right {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  z-index: 10;
  margin-top: 1.5rem;
  row-gap: 1.5rem;
}
@media (min-width: 576px) {
  .page-id-27 .main .cies-list article section.header .header-right {
    margin-top: 3rem;
  }
}
@media (min-width: 768px) {
  .page-id-27 .main .cies-list article section.header .header-right {
    margin-top: 0;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    row-gap: 0;
  }
}
.page-id-27 .main .cies-list article section.header .header-right .header-right-top, .page-id-27 .main .cies-list article section.header .header-right .header-right-bottom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media (min-width: 768px) {
  .page-id-27 .main .cies-list article section.header .header-right .header-right-top, .page-id-27 .main .cies-list article section.header .header-right .header-right-bottom {
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
  }
}
.page-id-27 .main .cies-list article section.header .header-right .header-right-top {
  max-width: 100%;
}
@media (min-width: 768px) {
  .page-id-27 .main .cies-list article section.header .header-right .header-right-top {
    max-width: 27%;
  }
}
.page-id-27 .main .cies-list article section.header .header-right .header-right-top strong {
  font-size: 2.2rem;
  color: #F6A04D;
  font-weight: 500;
  text-align: center;
}
@media (min-width: 768px) {
  .page-id-27 .main .cies-list article section.header .header-right .header-right-top strong {
    text-align: end;
  }
}
.page-id-27 .main .cies-list article section.header .header-right .header-right-middle {
  max-width: 100%;
  text-align: center;
}
@media (min-width: 768px) {
  .page-id-27 .main .cies-list article section.header .header-right .header-right-middle {
    text-align: end;
    max-width: 28%;
  }
}
.page-id-27 .main .cies-list article section.header .header-right .header-right-middle p {
  font-size: 1.8rem;
  line-height: 2.3rem;
}
@media (min-width: 768px) {
  .page-id-27 .main .cies-list article section.header .header-right .header-right-middle p {
    font-size: 2.2rem;
    line-height: 2.7rem;
  }
}
.page-id-27 .main .cies-list article section.header .header-right .header-right-bottom {
  max-width: 100%;
}
@media (min-width: 768px) {
  .page-id-27 .main .cies-list article section.header .header-right .header-right-bottom {
    max-width: 55%;
  }
}
.page-id-27 .main .cies-list article section.header .header-right .header-right-bottom p {
  font-size: 2.2rem;
  font-weight: 500;
  margin-bottom: 1rem;
  text-align: center;
}
@media (min-width: 768px) {
  .page-id-27 .main .cies-list article section.header .header-right .header-right-bottom p {
    font-size: 2.5rem;
    text-align: initial;
  }
}
.page-id-27 .main .cies-list article section.header .header-right .header-right-bottom ul {
  -webkit-column-gap: 1rem;
     -moz-column-gap: 1rem;
          column-gap: 1rem;
}
@media (min-width: 768px) {
  .page-id-27 .main .cies-list article section.header .header-right .header-right-bottom ul {
    -webkit-column-gap: 0.5rem;
       -moz-column-gap: 0.5rem;
            column-gap: 0.5rem;
  }
}
.page-id-27 .main .cies-list article section.header .header-right .header-right-bottom ul li a img {
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  -webkit-transform: scale(0.8);
      -ms-transform: scale(0.8);
          transform: scale(0.8);
}
.page-id-27 .main .cies-list article section.header .header-right .header-right-bottom ul li a:hover img, .page-id-27 .main .cies-list article section.header .header-right .header-right-bottom ul li a:focus img {
  -webkit-transform: scale(1);
      -ms-transform: scale(1);
          transform: scale(1);
}
.page-id-27 .main .cies-list article section.content .content-blocks {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.page-id-27 .main .cies-list article section.content .content-blocks .infos li, .page-id-27 .main .cies-list article section.content .content-blocks .contact li {
  font-size: 1.6rem;
  line-height: 2.2rem;
}
@media (min-width: 768px) {
  .page-id-27 .main .cies-list article section.content .content-blocks .infos li, .page-id-27 .main .cies-list article section.content .content-blocks .contact li {
    font-size: 1.8rem;
    line-height: 2.5rem;
  }
}
.page-id-27 .main .cies-list article section.content ul {
  margin-left: 1.4rem;
  list-style: disc;
}
@media (min-width: 576px) {
  .page-id-27 .main .cies-list article section.content ul {
    margin-left: 2.5rem;
  }
}
.page-id-27 .main .cies-list article section.content .infos, .page-id-27 .main .cies-list article section.content .contact {
  display: inline-block;
  margin-top: 3rem;
  max-width: 100%;
}
@media (min-width: 768px) {
  .page-id-27 .main .cies-list article section.content .infos, .page-id-27 .main .cies-list article section.content .contact {
    max-width: 55%;
  }
}
.page-id-27 .main .cies-list article section.content .infos p, .page-id-27 .main .cies-list article section.content .infos li, .page-id-27 .main .cies-list article section.content .infos h3, .page-id-27 .main .cies-list article section.content .contact p, .page-id-27 .main .cies-list article section.content .contact li, .page-id-27 .main .cies-list article section.content .contact h3 {
  font-size: 1.8rem;
  line-height: 2.5rem;
}
.page-id-27 .main .cies-list article section.content .infos h3, .page-id-27 .main .cies-list article section.content .contact h3 {
  font-weight: 700;
}
.page-id-27 .main .cies-list article section.content .infos ul + h3, .page-id-27 .main .cies-list article section.content .contact ul + h3 {
  margin-top: 1rem;
}
.page-id-27 .main .cies-list article section.content .infos li + li, .page-id-27 .main .cies-list article section.content .contact li + li {
  margin-top: 0.2rem;
}
.page-id-27 .main .cies-list article section.content .infos {
  background-color: #FAC694;
  padding: 3rem;
}
.page-id-27 .main .cies-list article section.content .infos a {
  color: #1E1E1E;
}
.page-id-27 .main .cies-list article section.content .infos a:hover, .page-id-27 .main .cies-list article section.content .infos a:focus {
  color: #F6A04D;
}
.page-id-27 .main .cies-list article section.content .contact {
  padding: 1.5rem;
  border: 0.2rem solid #F6A04D;
  border-radius: 0.5rem;
}
.page-id-27 .main .cies-list article section.content .contact h3 {
  -webkit-column-gap: 1.2rem;
     -moz-column-gap: 1.2rem;
          column-gap: 1.2rem;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 1rem;
  text-transform: uppercase;
  color: #F6A04D;
}
.page-id-27 .main .cies-list article section.content .contact a {
  color: #F6A04D;
  font-weight: 700;
  text-decoration: none;
}
.page-id-27 .main .cies-list article section.content .contact a:hover, .page-id-27 .main .cies-list article section.content .contact a:focus {
  color: #FAC694;
}
.page-id-27 .main .cies-list article + article {
  padding-top: 9rem;
}
@media (min-width: 768px) {
  .page-id-27 .main .cies-list article + article {
    padding-top: 13rem;
  }
}
.page-id-27 .footer {
  text-align: center;
}
@media (min-width: 576px) {
  .page-id-27 .footer {
    text-align: initial;
  }
}

.page-id-45 {
  position: relative;
}
.page-id-45::before {
  content: "";
  position: fixed;
  inset: 0;
  z-index: -1;
  background-repeat: no-repeat;
  background-size: cover;
  opacity: 1;
  -webkit-transition: opacity 0.6s ease;
  -o-transition: opacity 0.6s ease;
  transition: opacity 0.6s ease;
  background-image: url("../img/diagonales/diagonales-yellow.svg");
}
.page-id-45 #page-sd .nav-anchors ul li a .txts strong::after {
  background-color: #FFE800;
}
.page-id-45 #page-sd .nav-anchors ul li a:hover .img svg path, .page-id-45 #page-sd .nav-anchors .nav-anchors ul li a:focus .img svg path {
  fill: #FFE800;
}
.page-id-45 #page-sd .nav-anchors ul li a:hover .txts strong, .page-id-45 #page-sd .nav-anchors ul li a:focus .txts strong {
  color: #1E1E1E;
}
.page-id-45 #page-sd .nav-anchors ul li a .txts strong {
  margin-top: -1.5rem;
}
@media (min-width: 576px) {
  .page-id-45 #page-sd .nav-anchors ul li a .txts strong {
    margin-top: 0.5rem;
  }
}
.page-id-45 #page-sd .main article h2.title-sd {
  margin-bottom: 1rem;
}
.page-id-45 #page-sd .main article .wp-block-group + .wp-block-group {
  margin-top: 3rem;
}
.page-id-45 #page-sd .main article + article {
  padding-top: 6rem;
  margin-top: 0;
}
@media (min-width: 576px) {
  .page-id-45 #page-sd .main article + article {
    padding-top: 9rem;
  }
}
@media (min-width: 768px) {
  .page-id-45 #page-sd .main article + article {
    padding-top: 13rem;
  }
}
.page-id-45 #page-sd .footer {
  text-align: center;
}
@media (min-width: 576px) {
  .page-id-45 #page-sd .footer {
    text-align: initial;
  }
}

.page-id-39 #page-sd .main article .wp-block-group + .wp-block-group {
  margin-top: 0;
  padding-top: 6rem;
}
@media (min-width: 576px) {
  .page-id-39 #page-sd .main article .wp-block-group + .wp-block-group {
    padding-top: 10rem;
  }
}

.page-id-35 #page-sd .main article .wp-block-gallery {
  width: 80%;
  margin: 0 auto;
  margin-top: 3rem;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media (min-width: 576px) {
  .page-id-35 #page-sd .main article .wp-block-gallery {
    width: 100%;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
}
@media (min-width: 768px) {
  .page-id-35 #page-sd .main article .wp-block-gallery {
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    -webkit-column-gap: 3rem;
       -moz-column-gap: 3rem;
            column-gap: 3rem;
  }
}
@media (min-width: 992px) {
  .page-id-35 #page-sd .main article .wp-block-gallery {
    -webkit-column-gap: 6rem;
       -moz-column-gap: 6rem;
            column-gap: 6rem;
  }
}
@media (min-width: 1200px) {
  .page-id-35 #page-sd .main article .wp-block-gallery {
    width: 80%;
  }
}
.page-id-35 #page-sd .main article .wp-block-gallery .size-large {
  height: initial !important;
  -webkit-box-flex: initial;
      -ms-flex-positive: initial;
          flex-grow: initial;
}

.page-id-29 #page-sd .hero-sd .subtitle-sd {
  position: relative;
}
.page-id-29 #page-sd .hero-sd .subtitle-sd .link-comment {
  position: absolute;
  top: 4.2rem;
  right: 2.7rem;
}
@media (min-width: 576px) {
  .page-id-29 #page-sd .hero-sd .subtitle-sd .link-comment {
    top: 1.7rem;
    right: 0.8rem;
  }
}
@media (min-width: 768px) {
  .page-id-29 #page-sd .hero-sd .subtitle-sd .link-comment {
    top: -5.8rem;
    right: -7.2rem;
  }
}
.page-id-29 #page-sd .hero-sd .subtitle-sd .link-comment a {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.page-id-29 #page-sd .hero-sd .subtitle-sd .link-comment a:hover img, .page-id-29 #page-sd .hero-sd .subtitle-sd .link-comment a:focus img {
  -webkit-transform: rotate(151deg) translate(5rem);
      -ms-transform: rotate(151deg) translate(5rem);
          transform: rotate(151deg) translate(5rem);
}
.page-id-29 #page-sd .hero-sd .subtitle-sd .link-comment img {
  display: none;
  -webkit-transform: rotate(155deg) translate(4rem);
      -ms-transform: rotate(155deg) translate(4rem);
          transform: rotate(155deg) translate(4rem);
}
@media (min-width: 768px) {
  .page-id-29 #page-sd .hero-sd .subtitle-sd .link-comment img {
    display: block;
  }
}
.page-id-29 #page-sd .main .teammate-list {
  -ms-grid-columns: 1fr;
  grid-template-columns: 1fr;
  margin-bottom: 6rem;
  margin-top: 6rem;
}
@media (min-width: 576px) {
  .page-id-29 #page-sd .main .teammate-list {
    margin-top: 0;
    row-gap: 7.6rem;
  }
}
@media (min-width: 1023px) {
  .page-id-29 #page-sd .main .teammate-list {
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
    row-gap: 10.6rem;
  }
}
.page-id-29 #page-sd .main .teammate-list .teammate {
  width: 100%;
  margin: 0 auto;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
@media (min-width: 576px) {
  .page-id-29 #page-sd .main .teammate-list .teammate {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    width: 46.2rem;
  }
}
@media (min-width: 1023px) {
  .page-id-29 #page-sd .main .teammate-list .teammate {
    margin: initial;
    -ms-grid-column-align: center;
        justify-self: center;
  }
}
.page-id-29 #page-sd .main .teammate-list .teammate .column-left {
  width: 80%;
  margin: 0 auto;
}
@media (min-width: 576px) {
  .page-id-29 #page-sd .main .teammate-list .teammate .column-left {
    width: calc(100% - 20.7rem);
    margin: initial;
  }
}
.page-id-29 #page-sd .main .teammate-list .teammate .column-left p {
  font-size: 1.6rem;
  line-height: 1.8rem;
  font-weight: 500;
  padding-right: 0.5rem;
}
.page-id-29 #page-sd .main .teammate-list .teammate .column-left h3 {
  font-size: 2rem;
  margin-top: 2rem;
  margin-bottom: 1rem;
  padding-right: 2.5rem;
}
.page-id-29 #page-sd .main .teammate-list .teammate .column-left .contact-list {
  padding-right: 4.5rem;
}
.page-id-29 #page-sd .main .teammate-list .teammate .column-left .contact-list li {
  font-size: 1.4rem;
  font-weight: 700;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.page-id-29 #page-sd .main .teammate-list .teammate .column-left .contact-list li img {
  width: 1.6rem;
  -o-object-fit: contain;
     object-fit: contain;
  margin-right: 0.5rem;
  margin-top: 0.2rem;
}
.page-id-29 #page-sd .main .teammate-list .teammate .column-left .contact-list li a {
  color: #1E1E1E;
  text-decoration: none;
  line-height: 1.2em;
}
.page-id-29 #page-sd .main .teammate-list .teammate .column-left .contact-list li a:hover, .page-id-29 #page-sd .main .teammate-list .teammate .column-left .contact-list li a:focus {
  color: #FFE800;
}
.page-id-29 #page-sd .main .teammate-list .teammate .column-left .contact-list li + li {
  margin-top: 1rem;
}
.page-id-29 #page-sd .main .teammate-list .teammate .column-right {
  width: 80%;
  height: 25rem;
  position: relative;
  z-index: -1;
  margin: 0 auto;
  margin-top: 3rem;
}
@media (min-width: 576px) {
  .page-id-29 #page-sd .main .teammate-list .teammate .column-right {
    width: 20.7rem;
    height: 30.6rem;
    margin: initial;
    margin-top: 0;
  }
}
.page-id-29 #page-sd .main .teammate-list .teammate .column-right .white {
  width: 100%;
  height: 100%;
  background-color: white;
  position: absolute;
  top: -0.2rem;
  left: -19.7rem;
  -webkit-transform: skew(-29deg, 0deg);
      -ms-transform: skew(-29deg, 0deg);
          transform: skew(-29deg, 0deg);
  display: none;
}
@media (min-width: 576px) {
  .page-id-29 #page-sd .main .teammate-list .teammate .column-right .white {
    display: block;
  }
}
.page-id-29 #page-sd .main .teammate-list .teammate .column-right .white::before {
  content: "";
  width: 1.5rem;
  position: absolute;
  background-color: #FFE800;
  -webkit-transform: translate(0%, -50%);
      -ms-transform: translate(0%, -50%);
          transform: translate(0%, -50%);
  opacity: 0.8;
  height: 85%;
  top: 29%;
  right: -8px;
}
.page-id-29 #page-sd .main .teammate-list .teammate .column-right img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.page-id-29 #page-sd .main .teammate-list .teammate + .teammate {
  margin-top: 3rem;
}
.page-id-29 #page-sd .main .teammate-list .teammate + .teammate::before {
  content: "";
  display: block;
  width: 100%;
  height: 0.2rem;
  background-color: #FFE800;
  margin-bottom: 3rem;
}
@media (min-width: 576px) {
  .page-id-29 #page-sd .main .teammate-list .teammate + .teammate {
    margin-top: 0;
  }
  .page-id-29 #page-sd .main .teammate-list .teammate + .teammate::before {
    content: none;
  }
}
.page-id-29 .footer {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
      -ms-flex-direction: column-reverse;
          flex-direction: column-reverse;
  margin-top: 9rem;
}
@media (min-width: 576px) {
  .page-id-29 .footer {
    margin-top: initial;
  }
}
@media (min-width: 768px) {
  .page-id-29 .footer {
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}
.page-id-29 .footer .img {
  width: 100%;
}
@media (min-width: 768px) {
  .page-id-29 .footer .img {
    width: 60%;
  }
}
.page-id-29 .footer .container-comment {
  width: 80%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 5rem;
}
@media (min-width: 768px) {
  .page-id-29 .footer .container-comment {
    width: 40%;
  }
}
.page-id-29 .footer .container-comment .comment {
  position: initial;
  -ms-flex-item-align: start;
      align-self: flex-start;
}
.page-id-29 .footer .container-comment .comment img {
  margin: 0 auto;
}

.page-id-49 #page-sd .main h2 {
  font-size: 3.8rem;
  line-height: 4rem;
  margin-bottom: 3rem;
}
.page-id-49 #page-sd .main .contact-infos {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  row-gap: 1.5rem;
}
@media (min-width: 576px) {
  .page-id-49 #page-sd .main .contact-infos {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}
.page-id-49 #page-sd .main .contact-infos li {
  position: relative;
}
@media (min-width: 576px) {
  .page-id-49 #page-sd .main .contact-infos li {
    position: initial;
  }
}
.page-id-49 #page-sd .main .contact-infos li.flex {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.page-id-49 #page-sd .main .contact-infos li img {
  width: 2.1rem;
  height: auto;
  margin-right: 1rem;
}
.page-id-49 #page-sd .main .contact-infos li.address.flex {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.page-id-49 #page-sd .main .contact-infos li.address img {
  width: 2.2rem;
}
.page-id-49 #page-sd .main .contact-infos li.address p + p {
  margin-top: 0.5rem;
}
.page-id-49 #page-sd .main .contact-infos li p, .page-id-49 #page-sd .main .contact-infos li a {
  font-size: 1.6rem;
  line-height: 2.1rem;
  font-weight: 500;
  color: #1E1E1E;
}
.page-id-49 #page-sd .main .contact-infos li a:hover, .page-id-49 #page-sd .main .contact-infos li a:focus {
  color: #0078BF;
}
.page-id-49 #page-sd .main .contact-infos li + li::before {
  content: "";
  display: block;
  width: 70%;
  height: 0.1rem;
  background-color: #FFE800;
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
  position: absolute;
  top: -2.3rem;
  left: 0;
}
@media (min-width: 576px) {
  .page-id-49 #page-sd .main .contact-infos li + li::before {
    width: 0.1rem;
    height: 100%;
    margin-left: 1.5rem;
    margin-right: 1.5rem;
    position: initial;
  }
}
.page-id-49 #page-sd .main .infos-more {
  margin-top: 6rem;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  row-gap: 1.5rem;
  -webkit-column-gap: 1.5rem;
     -moz-column-gap: 1.5rem;
          column-gap: 1.5rem;
}
@media (min-width: 768px) {
  .page-id-49 #page-sd .main .infos-more {
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    -webkit-column-gap: 0;
       -moz-column-gap: 0;
            column-gap: 0;
  }
}
.page-id-49 #page-sd .main .infos-more li h3 {
  font-size: 2rem;
  line-height: 2.6rem;
  font-weight: 500;
  margin-bottom: 0.7rem;
}
.page-id-49 #page-sd .main .infos-more li p, .page-id-49 #page-sd .main .infos-more li a {
  font-size: 1.4rem;
  line-height: 2rem;
  font-weight: 500;
}
.page-id-49 #page-sd .main .infos-more li nav ul li {
  width: 2.5rem;
}
.page-id-49 #page-sd .main .infos-more li nav ul li a img {
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.page-id-49 #page-sd .main .infos-more li nav ul li a:hover, .page-id-49 #page-sd .main .infos-more li nav ul li a:focus {
  -webkit-transform: scale(1.1);
      -ms-transform: scale(1.1);
          transform: scale(1.1);
}
.page-id-49 #page-sd .main .infos-more li nav ul li a:hover img, .page-id-49 #page-sd .main .infos-more li nav ul li a:focus img {
  -webkit-transform: scale(1.1);
      -ms-transform: scale(1.1);
          transform: scale(1.1);
}
.page-id-49 #page-sd .main .infos-more li nav ul li img {
  width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.page-id-49 #page-sd .main .infos-more li nav ul li + li {
  margin-left: 1rem;
}
.page-id-49 #page-sd .main .infos-more li.map {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-left: 0;
}
@media (min-width: 768px) {
  .page-id-49 #page-sd .main .infos-more li.map {
    margin-top: -20rem;
  }
}
.page-id-49 #page-sd .main .infos-more li.map svg {
  margin-left: 17rem;
}
.page-id-49 #page-sd .main .infos-more li.map svg a {
  -webkit-transform: scale(0.95);
      -ms-transform: scale(0.95);
          transform: scale(0.95);
}
.page-id-49 #page-sd .main .infos-more li.map svg a:hover, .page-id-49 #page-sd .main .infos-more li.map svg a:focus {
  -webkit-transform: scale(1);
      -ms-transform: scale(1);
          transform: scale(1);
}
.page-id-49 #page-sd .main .infos-more li.map img {
  -o-object-fit: contain;
     object-fit: contain;
  width: 40.2rem;
}
@media (min-width: 768px) {
  .page-id-49 #page-sd .main .infos-more > li + li {
    margin-left: 1rem;
  }
}
@media (min-width: 1200px) {
  .page-id-49 #page-sd .main .infos-more > li + li {
    margin-left: 6rem;
  }
}
.page-id-49 #page-sd .footer {
  margin-top: 10rem;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media (min-width: 576px) {
  .page-id-49 #page-sd .footer {
    margin-top: 15rem;
  }
}
.page-id-49 #page-sd .footer .container-comment {
  position: relative;
}
.page-id-49 #page-sd .footer .container-comment .comment {
  position: absolute;
  top: -10rem;
  left: -21rem;
}
@media (min-width: 992px) {
  .page-id-49 #page-sd .footer .container-comment .comment {
    top: -14rem;
    left: -31rem;
  }
}
.page-id-49 #page-sd .footer .container-comment .comment img {
  position: absolute;
  bottom: -6rem;
  right: 0;
}
.page-id-49 #page-sd .footer .container-comment .link-barres a:hover::before, .page-id-49 #page-sd .footer .container-comment .link-barres a:focus::before {
  -webkit-clip-path: polygon(20% 0%, 65.3% 0, 55.3% 100%, 10% 100%);
          clip-path: polygon(20% 0%, 65.3% 0, 55.3% 100%, 10% 100%);
}
.page-id-49 #page-sd .footer-img {
  width: 100%;
  height: 34rem;
  margin-top: 6rem;
}
.page-id-49 #page-sd .footer-img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.page-id-41 #page-sd .hero-sd .important-block {
  text-align: center;
  border: 0.2rem solid #AA60BF;
  border-radius: 0.5rem;
  padding: 1.5rem;
  width: 90%;
  margin: 0 auto;
  margin-top: 3rem;
}
@media (min-width: 576px) {
  .page-id-41 #page-sd .hero-sd .important-block {
    width: 85%;
    padding-left: 3rem;
    padding-right: 3rem;
    padding-bottom: 2rem;
  }
}
.page-id-41 #page-sd .hero-sd .important-block strong.flex {
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 2.4rem;
  line-height: 0.8em;
  font-weight: 700;
  text-transform: uppercase;
  color: #AA60BF;
  margin-bottom: 2.5rem;
}
.page-id-41 #page-sd .hero-sd .important-block strong.flex svg:first-child {
  margin-right: 1.5rem;
}
.page-id-41 #page-sd .hero-sd .important-block strong.flex svg:last-child {
  margin-left: 1.5rem;
}
.page-id-41 #page-sd .hero-sd .important-block p {
  font-size: 1.7rem;
  line-height: 2.2rem;
}
@media (min-width: 576px) {
  .page-id-41 #page-sd .hero-sd .important-block p {
    font-size: 2rem;
    line-height: 2.4rem;
  }
}
.page-id-41 #page-sd .main .calendar-block {
  margin-top: 3rem;
  margin-bottom: 3rem;
}
@media (min-width: 576px) {
  .page-id-41 #page-sd .main .calendar-block {
    margin-top: 6rem;
    margin-bottom: 6rem;
  }
}
@media (min-width: 768px) {
  .page-id-41 #page-sd .main .calendar-block {
    margin-top: 9rem;
    margin-bottom: 9rem;
  }
}
.page-id-41 #page-sd .main .calendar-block .calendar-content {
  margin: 0 auto;
  border: 0.2rem solid #AA60BF;
  border-radius: 0.5rem;
  padding: 3rem;
}
.page-id-41 #page-sd .main .calendar-block .calendar-content h2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 2.4rem;
  line-height: 0.8em;
  font-weight: 700;
  font-family: "futura-pt", sans-serif;
  text-transform: uppercase;
  color: #AA60BF;
}
.page-id-41 #page-sd .main .calendar-block .calendar-content h2::before {
  content: url("../img/calendar-violet.svg");
  position: initial;
  background-color: transparent;
  width: initial;
  height: initial;
  -webkit-transform: none;
      -ms-transform: none;
          transform: none;
  margin-right: 1rem;
}
.page-id-41 #page-sd .main .calendar-block .calendar-content .wp-block-separator {
  border-top: 0.2rem solid #AA60BF;
  margin-top: 2rem;
  margin-bottom: 2rem;
}
.page-id-41 #page-sd .main .container-comment .comment {
  top: -8rem;
  left: 2rem;
}
@media (min-width: 992px) {
  .page-id-41 #page-sd .main .container-comment .comment {
    left: 18rem;
  }
}
.page-id-41 #page-sd .main .container-comment .comment img {
  -webkit-transform: rotate(-47deg);
      -ms-transform: rotate(-47deg);
          transform: rotate(-47deg);
  bottom: -48px;
}
@media (min-width: 992px) {
  .page-id-41 #page-sd .main .container-comment .comment img {
    bottom: -60px;
  }
}
.page-id-41 #page-sd .main .last-paragraph {
  margin-top: 6rem;
}
@media (min-width: 576px) {
  .page-id-41 #page-sd .main .last-paragraph {
    margin-top: 12rem;
  }
}
.page-id-41 #page-sd .container-comment {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: 6rem;
  position: relative;
}
@media (min-width: 576px) {
  .page-id-41 #page-sd .container-comment {
    margin-top: 10rem;
  }
}
.page-id-41 #page-sd .container-comment .comment {
  top: -9rem;
  left: -4rem;
}
@media (min-width: 1200px) {
  .page-id-41 #page-sd .container-comment .comment {
    left: -20rem;
  }
}
.page-id-41 #page-sd .container-comment .comment img {
  position: absolute;
  right: 2rem;
  -webkit-transform: rotate(-30deg);
      -ms-transform: rotate(-30deg);
          transform: rotate(-30deg);
  width: 30%;
}
@media (min-width: 992px) {
  .page-id-41 #page-sd .container-comment .comment img {
    width: initial;
  }
}
@media (min-width: 1200px) {
  .page-id-41 #page-sd .container-comment .comment img {
    right: -8rem;
  }
}

.page-id-33 #page-sd .main .chrono {
  margin-top: 6rem;
}
.page-id-33 #page-sd .main .chrono ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  position: relative;
  width: 100%;
  margin: 0 auto;
  margin-top: 3rem;
  list-style: none;
}
@media (min-width: 576px) {
  .page-id-33 #page-sd .main .chrono ul {
    width: 72rem;
  }
}
@media (min-width: 768px) {
  .page-id-33 #page-sd .main .chrono ul {
    width: 90rem;
  }
}
@media (min-width: 992px) {
  .page-id-33 #page-sd .main .chrono ul {
    width: 110rem;
  }
}
@media (min-width: 1281px) {
  .page-id-33 #page-sd .main .chrono ul {
    width: 130rem;
  }
}
.page-id-33 #page-sd .main .chrono ul::after {
  content: none;
  display: block;
  width: 0.2rem;
  height: 87%;
  background-color: #FFE800;
  position: absolute;
  left: calc(50% - 0.1rem);
}
@media (min-width: 576px) {
  .page-id-33 #page-sd .main .chrono ul::after {
    content: "";
  }
}
.page-id-33 #page-sd .main .chrono ul li {
  width: 100%;
  position: relative;
}
@media (min-width: 576px) {
  .page-id-33 #page-sd .main .chrono ul li {
    width: 47.5%;
    text-align: end;
    height: 12.5rem;
  }
}
@media (min-width: 992px) {
  .page-id-33 #page-sd .main .chrono ul li {
    height: 15rem;
  }
}
.page-id-33 #page-sd .main .chrono ul li:nth-child(odd) {
  text-align: start;
  -ms-flex-item-align: end;
      align-self: flex-end;
}
@media (min-width: 576px) {
  .page-id-33 #page-sd .main .chrono ul li:nth-child(odd) {
    -ms-flex-item-align: end;
        align-self: flex-end;
  }
}
.page-id-33 #page-sd .main .chrono ul li:nth-child(odd)::before {
  right: initial;
  left: -8.7%;
}
@media (min-width: 992px) {
  .page-id-33 #page-sd .main .chrono ul li:nth-child(odd)::before {
    left: -8%;
  }
}
.page-id-33 #page-sd .main .chrono ul li::before {
  content: none;
  display: block;
  position: absolute;
  right: -8.7%;
  top: 0;
  background-color: #FFE800;
  border-radius: 50rem;
  width: 2.8rem;
  height: 2.8rem;
}
@media (min-width: 576px) {
  .page-id-33 #page-sd .main .chrono ul li::before {
    content: "";
  }
}
@media (min-width: 992px) {
  .page-id-33 #page-sd .main .chrono ul li::before {
    width: 3.4rem;
    height: 3.4rem;
    right: -8%;
  }
}
.page-id-33 #page-sd .main .chrono ul li strong {
  font-family: "futura-pt", sans-serif;
  color: #0078BF;
  font-size: 3rem;
  line-height: 2.6rem;
  margin-bottom: 0.5rem;
  font-weight: 700;
}
@media (min-width: 576px) {
  .page-id-33 #page-sd .main .chrono ul li .paragraphe {
    height: 8rem;
  }
}
@media (min-width: 992px) {
  .page-id-33 #page-sd .main .chrono ul li .paragraphe {
    height: 10rem;
  }
}
.page-id-33 #page-sd .main .chrono ul li .paragraphe p {
  font-size: 1.4rem;
  line-height: 1.9rem;
}
@media (min-width: 992px) {
  .page-id-33 #page-sd .main .chrono ul li .paragraphe p {
    font-size: initial;
    line-height: initial;
  }
}
.page-id-33 #page-sd .main .chrono ul li + li {
  margin-top: 3rem;
}
@media (min-width: 576px) {
  .page-id-33 #page-sd .main .chrono ul li + li {
    margin-top: 0;
  }
}
.page-id-33 #page-sd .main .figure {
  margin-top: 6rem;
}
@media (min-width: 576px) {
  .page-id-33 #page-sd .main .figure {
    margin-top: 0;
  }
}
.page-id-33 #page-sd .main .figure ul {
  list-style: none;
  margin-top: 3rem;
  margin-left: 0;
  -webkit-column-gap: 3rem;
     -moz-column-gap: 3rem;
          column-gap: 3rem;
  row-gap: 3rem;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.page-id-33 #page-sd .main .figure ul li {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 20rem;
  height: 20rem;
  border-radius: 100%;
  border: 0.1rem solid #FFE800;
  background-color: white;
}
@media (min-width: 576px) {
  .page-id-33 #page-sd .main .figure ul li {
    width: 30rem;
    height: 30rem;
    background-color: transparent;
  }
}
.page-id-33 #page-sd .main .figure ul li strong {
  font-family: "futura-pt", sans-serif;
  color: #0078BF;
  font-size: 3rem;
  line-height: 2.6rem;
  margin-bottom: 0.5rem;
  font-weight: 700;
}
.page-id-33 #page-sd .main .figure ul li > div {
  max-width: 17rem;
}
.page-id-33 #page-sd .main .figure ul li > div::before {
  content: "";
  width: 8rem;
  height: 0.1rem;
  display: block;
  background-color: #FFE800;
  margin: 0 auto;
  margin-bottom: 1rem;
  margin-top: 0.5rem;
}
.page-id-33 #page-sd .main .figure ul li > div p {
  text-align: center;
  font-size: 1.6rem;
  line-height: 1.8rem;
}

.page-id-33, .page-id-39, .page-id-37, .page-id-43 {
  position: relative;
}
.page-id-33::before, .page-id-39::before, .page-id-37::before, .page-id-43::before {
  content: "";
  position: fixed;
  inset: 0;
  z-index: -1;
  background-repeat: no-repeat;
  background-size: cover;
  opacity: 1;
  -webkit-transition: opacity 0.6s ease;
  -o-transition: opacity 0.6s ease;
  transition: opacity 0.6s ease;
  background-image: url("../img/diagonales/diagonales-yellow.svg");
}

body.page-id-27, body.page-id-47, body.page-id-41 {
  position: relative;
}
body.page-id-27::before, body.page-id-47::before, body.page-id-41::before {
  content: "";
  background-image: url("../img/pages/img-header-cies.png");
  z-index: -1;
  background-repeat: no-repeat;
  background-size: contain;
  opacity: 1;
  -webkit-transition: opacity 0.6s ease;
  -o-transition: opacity 0.6s ease;
  transition: opacity 0.6s ease;
  position: absolute;
  width: 90%;
  height: 62.3rem;
  top: 7.2rem;
  right: 0;
}
@media (min-width: 576px) {
  body.page-id-27::before, body.page-id-47::before, body.page-id-41::before {
    top: 11.2rem;
    width: 50%;
  }
}
@media (min-width: 1200px) {
  body.page-id-27::before, body.page-id-47::before, body.page-id-41::before {
    width: 73.5rem;
  }
}
body.page-id-47::before {
  background-image: url("../img/pages/img-header-locations.png");
}
body.page-id-41::before {
  background-image: url("../img/pages/img-header-residences.png");
}

body.blog .filters-bottom .agenda-year-filter label {
  font-size: 1.9rem;
}
body.blog h1.title-blog::after {
  right: 14.4rem;
}
@media (min-width: 576px) {
  body.blog h1.title-blog::after {
    right: 24.2rem;
  }
}

.filters-top {
  margin-bottom: 3rem;
}
.filters-top .agenda-filters {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-column-gap: 2rem;
     -moz-column-gap: 2rem;
          column-gap: 2rem;
  row-gap: 1.5rem;
  margin: 0 auto;
  width: 70%;
}

.filters-bottom {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  row-gap: 3rem;
}
@media (min-width: 576px) {
  .filters-bottom {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
  }
}
.filters-bottom .agenda-year-filter {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media (min-width: 576px) {
  .filters-bottom .agenda-year-filter {
    margin-right: 6rem;
  }
}
.filters-bottom .agenda-year-filter label {
  font-family: "Abel Pro", sans-serif;
  font-size: 2.2rem;
  line-height: 2.6rem;
  text-transform: uppercase;
  margin-right: 1.5rem;
}
.filters-bottom .agenda-year-filter label span {
  font-size: 3rem;
}
.filters-bottom .agenda-year-filter select {
  border: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: transparent;
  padding-left: 1rem;
  padding-right: 2.5rem;
  border-bottom: 0.2rem solid #1E1E1E;
  color: #0078BF;
  font-weight: 500;
  font-size: 2.4rem;
  line-height: 3.5rem;
}
.filters-bottom .agenda-year-filter svg {
  margin-left: -2rem;
}
.filters-bottom .agenda-search {
  width: 22rem;
  margin-bottom: 0.76rem;
}
.filters-bottom .agenda-search input {
  width: 100%;
  border: none;
  border-bottom: 0.2rem solid #1E1E1E;
  padding-left: 1rem;
  padding-right: 4rem;
  color: #0078BF;
  font-weight: 500;
  background: transparent;
}
.filters-bottom .agenda-search input::-webkit-input-placeholder {
  font-family: "Abel Pro", sans-serif;
  font-size: 2.5rem;
  line-height: 3.5rem;
  color: grey;
  font-weight: normal;
}
.filters-bottom .agenda-search input::-moz-placeholder {
  font-family: "Abel Pro", sans-serif;
  font-size: 2.5rem;
  line-height: 3.5rem;
  color: grey;
  font-weight: normal;
}
.filters-bottom .agenda-search input:-ms-input-placeholder {
  font-family: "Abel Pro", sans-serif;
  font-size: 2.5rem;
  line-height: 3.5rem;
  color: grey;
  font-weight: normal;
}
.filters-bottom .agenda-search input::-ms-input-placeholder {
  font-family: "Abel Pro", sans-serif;
  font-size: 2.5rem;
  line-height: 3.5rem;
  color: grey;
  font-weight: normal;
}
.filters-bottom .agenda-search input::placeholder {
  font-family: "Abel Pro", sans-serif;
  font-size: 2.5rem;
  line-height: 3.5rem;
  color: grey;
  font-weight: normal;
}
.filters-bottom .agenda-search input:focus {
  outline: none;
  border-bottom: 0.2rem solid #0078BF;
}
.filters-bottom .agenda-search svg {
  margin-left: -4rem;
}

.agenda-grid {
  width: 100%;
  margin: 0 auto;
  margin-bottom: 6rem;
}
@media (min-width: 576px) {
  .agenda-grid {
    margin-top: 6rem;
  }
}
@media (min-width: 992px) {
  .agenda-grid {
    margin-bottom: 14rem;
  }
}
@media (min-width: 1281px) {
  .agenda-grid {
    width: 81%;
  }
}
.agenda-grid .agenda-item {
  width: 77%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
@media (min-width: 576px) {
  .agenda-grid .agenda-item {
    width: 28rem;
  }
}
.agenda-grid .agenda-item article {
  width: 100%;
}
.agenda-grid .agenda-item article .content-top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.agenda-grid .agenda-item article .content-top .agenda-date {
  font-family: "Abel Pro", sans-serif;
  color: #0078BF;
  font-size: 3rem;
  line-height: 3.5rem;
}
.agenda-grid .agenda-item article .content-top .agenda-taxonomies {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 5px;
}
.agenda-grid .agenda-item article .content-top .agenda-taxonomies .tax-dot {
  width: 1.5rem;
  height: 1.5rem;
  border-radius: 50%;
  display: inline-block;
  mix-blend-mode: multiply;
}
.agenda-grid .agenda-item article .content-top .agenda-taxonomies .tax-dot:nth-child(n+2) {
  margin-left: -0.5rem;
}
.agenda-grid .agenda-item article .link-card {
  position: relative;
  width: 100%;
  height: 24.4rem;
  display: block;
  -webkit-box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.2);
          box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.2);
}
.agenda-grid .agenda-item article .link-card .content {
  width: 100%;
  height: 100%;
}
.agenda-grid .agenda-item article .link-card .content img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
@media (min-width: 768px) {
  .agenda-grid .agenda-item article .link-card:hover .content-infos, .agenda-grid .agenda-item article .link-card:focus .content-infos {
    opacity: 1;
  }
}
.agenda-grid .agenda-item article .link-card .content-infos {
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  padding-top: 2rem;
  padding-bottom: 2rem;
  padding-left: 3rem;
  padding-right: 3rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  text-align: center;
}
@media (min-width: 768px) {
  .agenda-grid .agenda-item article .link-card .content-infos {
    opacity: 0;
  }
}
.agenda-grid .agenda-item article .link-card .content-infos::before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-color: #0078BF;
  opacity: 0.75;
  z-index: -1;
}
.agenda-grid .agenda-item article .link-card .content-infos .title-infos-single {
  font-size: 3rem;
  line-height: 3.2rem;
}
.agenda-grid .agenda-item article .link-card .content-infos .title-infos-single span::before {
  content: "";
  width: 6rem;
  height: 0.1rem;
  background-color: white;
  display: block;
  margin: 0 auto;
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
}
.agenda-grid .agenda-item article .link-card .content-infos strong {
  color: #FFE800;
  font-size: 1.1rem;
  line-height: 1.4rem;
  display: inline-block;
  width: 8.6rem;
  margin: 0 auto;
}
.agenda-grid .agenda-item article .link-card .content-infos strong::after {
  content: none;
}

@media (max-width: 900px) {
  .agenda-item {
    width: 50%;
  }
}
@media (max-width: 600px) {
  .agenda-item {
    width: 100%;
  }
}
body.page-id-25,
body.blog, body.archive {
  position: relative;
}

body.page-id-25::before,
body.blog::before, body.archive::before {
  content: "";
  position: fixed;
  inset: 0;
  z-index: -1;
  background-repeat: no-repeat;
  background-size: cover;
  opacity: 1;
  -webkit-transition: opacity 0.6s ease;
  -o-transition: opacity 0.6s ease;
  transition: opacity 0.6s ease;
  background-image: url("../img/diagonales/diagonales-blog_all.svg");
}

/* Tous les articles/evenements */
body.filter-all::before {
  background-image: url("../img/diagonales/diagonales-blog_all.svg");
}

body.filter-cies-permanentes::before {
  background-image: url("../img/diagonales/diagonales-blog_cies.svg");
}

body.filter-evenements-du-37e::before {
  background-image: url("../img/diagonales/diagonales-blog_events.svg");
}

body.filter-residences::before {
  background-image: url("../img/diagonales/diagonales-blog_residences.svg");
}

body.filter-sorties-de-residence::before {
  background-image: url("../img/diagonales/diagonales-blog_sorties.svg");
}

body.filter-formations::before {
  background-image: url("../img/diagonales/diagonales-blog_formations.svg");
}

body.filter-locations::before {
  background-image: url("../img/diagonales/diagonales-blog_locations.svg");
}

body.filter-autres::before {
  background-image: url("../img/diagonales/diagonales-blog_others.svg");
}

body.filter-stages-workshops::before {
  background-image: url("../img/diagonales/diagonales-blog_stages.svg");
}

body.filter-actus-du-37e::before {
  background-image: url("../img/diagonales/diagonales-blog_actus-37e.svg");
}

body.filter-actus-permanentes::before {
  background-image: url("../img/diagonales/diagonales-blog_actus-perm.svg");
}

body.filter-ca-nous-interesse-et-vous::before {
  background-image: url("../img/diagonales/diagonales-blog_interesse.svg");
}

body.filter-focus-creation::before {
  background-image: url("../img/diagonales/diagonales-blog_focus.svg");
}

body.filter-recrutement::before {
  background-image: url("../img/diagonales/diagonales-blog_recrutement.svg");
}

body.filter-retrospective::before {
  background-image: url("../img/diagonales/diagonales-blog_retro.svg");
}

body.page-id-25 main,
body.blog main {
  position: relative;
}

body.page-id-25 main {
  padding-bottom: 20rem;
}

body.page-id-25 main::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: -2.4rem;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  z-index: -2;
  background-repeat: no-repeat;
  opacity: 1;
  -webkit-transition: opacity 0.6s ease;
  -o-transition: opacity 0.6s ease;
  transition: opacity 0.6s ease;
  background-image: url("../img/chapiteau/chap-agenda_all.png");
  background-size: 125%;
  background-position: -5px bottom;
  -webkit-transform: rotate(-1deg);
      -ms-transform: rotate(-1deg);
          transform: rotate(-1deg);
}
@media (min-width: 576px) {
  body.page-id-25 main::before {
    background-position: 0 bottom;
    background-size: 65%;
  }
}
@media (min-width: 768px) {
  body.page-id-25 main::before {
    -webkit-transform: rotate(-2deg);
        -ms-transform: rotate(-2deg);
            transform: rotate(-2deg);
  }
}
@media (min-width: 992px) {
  body.page-id-25 main::before {
    background-position: -12rem bottom;
  }
}

body.filter-cies-permanentes main::before {
  background-image: url("../img/chapiteau/chap-agenda_cies.png");
}

body.filter-evenements-du-37e main::before {
  background-image: url("../img/chapiteau/chap-agenda_events.png");
}

body.filter-residences main::before {
  background-image: url("../img/chapiteau/chap-agenda_residences.png");
}

body.filter-sorties-de-residence main::before {
  background-image: url("../img/chapiteau/chap-agenda_sorties.png");
}

body.filter-formations main::before {
  background-image: url("../img/chapiteau/chap-agenda_formations.png");
}

body.filter-locations main::before {
  background-image: url("../img/chapiteau/chap-agenda_locations.png");
}

body.filter-autres main::before {
  background-image: url("../img/chapiteau/chap-agenda_others.png");
}

body.filter-stages-workshops main::before {
  background-image: url("../img/chapiteau/chap-agenda_stages.png");
}

body.archive h1.title-blog::before, body.archive h1.title-blog::after {
  content: none;
}
body.archive h1.title-blog span {
  color: #FFE800;
  font-size: 5rem;
  display: block;
  text-align: start;
  line-height: 1.1em;
  font-family: "futura-pt", sans-serif;
  font-weight: 500;
  text-transform: capitalize;
}
body.archive section .agenda-grid {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-column-gap: 6rem;
     -moz-column-gap: 6rem;
          column-gap: 6rem;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  row-gap: 6rem;
}

.tax-filter, .all-filter {
  cursor: pointer;
  line-height: 1em;
  font-weight: 500;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  border: 0.2rem solid var(--tax-color);
  padding-top: 0.8rem;
  padding-bottom: 0.8rem;
  padding-left: 2rem;
  padding-right: 2rem;
  background-color: transparent;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  color: #1E1E1E;
  font-size: 1.6rem;
}
@media (min-width: 576px) {
  .tax-filter, .all-filter {
    font-size: 2rem;
  }
}
.tax-filter.active, .all-filter.active {
  background-color: var(--tax-color);
  color: white;
}

.all-filter {
  border: 0.2rem solid #0078BF;
}
.all-filter.active {
  background-color: #0078BF;
}

body.single main {
  margin-top: 1.5rem;
}
@media (min-width: 768px) {
  body.single main {
    margin-top: 6rem;
  }
}
body.single article section.header {
  margin-bottom: 6rem;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 100%;
  position: relative;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
@media (min-width: 768px) {
  body.single article section.header {
    margin-bottom: 12rem;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    height: 60rem;
  }
}
body.single article section.header .header-left {
  width: 100%;
  height: 22rem;
  position: relative;
  margin-bottom: 2rem;
}
@media (min-width: 768px) {
  body.single article section.header .header-left {
    height: 100%;
    margin-bottom: 0;
  }
}
body.single article section.header .header-left img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
@media (min-width: 768px) {
  body.single article section.header .header-left img {
    width: 75%;
  }
}
@media (min-width: 992px) {
  body.single article section.header .header-left img {
    width: 69%;
  }
}
body.single article section.header .header-bk {
  display: none;
  width: 100%;
  height: 100%;
  background-color: white;
  -webkit-transform: skew(-32deg, 0deg);
      -ms-transform: skew(-32deg, 0deg);
          transform: skew(-32deg, 0deg);
  position: absolute;
  top: 0;
  right: -54%;
}
@media (min-width: 768px) {
  body.single article section.header .header-bk {
    display: block;
  }
}
body.single article section.header .header-bk::before {
  content: "";
  width: 1.5rem;
  height: 120%;
  position: absolute;
  background-color: #FFE800;
  top: 50%;
  left: -0.75rem;
  -webkit-transform: translate(0%, -50%);
      -ms-transform: translate(0%, -50%);
          transform: translate(0%, -50%);
  opacity: 0.8;
}
body.single article section.header .header-right {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  z-index: 10;
}
@media (min-width: 768px) {
  body.single article section.header .header-right {
    padding-right: 1.5rem;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
  }
}
@media (min-width: 992px) {
  body.single article section.header .header-right {
    padding-right: 2rem;
  }
}
@media (min-width: 1200px) {
  body.single article section.header .header-right {
    padding-right: 7rem;
  }
}
@media (min-width: 768px) {
  body.single article section.header .header-right h1.title-single {
    max-width: 75%;
  }
}
body.single article section.header .header-right .tax-list {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  max-width: 100%;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  row-gap: 1rem;
  -webkit-column-gap: 1rem;
     -moz-column-gap: 1rem;
          column-gap: 1rem;
}
@media (min-width: 768px) {
  body.single article section.header .header-right .tax-list {
    max-width: 80%;
  }
}
body.single article section.header .header-right .tax-list a.tax-filter {
  color: #1E1E1E;
  text-decoration: none;
}
body.single article section.header .header-right .tax-list a.tax-filter:hover, body.single article section.header .header-right .tax-list a.tax-filter:focus {
  background-color: var(--tax-color);
  color: white;
}
body.single article section.header .header-right .header-right-top, body.single article section.header .header-right .header-right-bottom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0.5rem;
}
@media (min-width: 768px) {
  body.single article section.header .header-right .header-right-top, body.single article section.header .header-right .header-right-bottom {
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
    padding: 0;
  }
}
@media (min-width: 768px) {
  body.single article section.header .header-right .header-right-top {
    max-width: 45%;
  }
}
body.single article section.header .header-right .header-right-bottom {
  margin-top: 2rem;
}
@media (min-width: 768px) {
  body.single article section.header .header-right .header-right-bottom {
    max-width: 55%;
    margin-top: 0;
  }
}
body.single article section.header .header-right .header-right-bottom .infos {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  max-width: 100%;
  -webkit-column-gap: 3rem;
     -moz-column-gap: 3rem;
          column-gap: 3rem;
  row-gap: 1.5rem;
}
@media (min-width: 576px) {
  body.single article section.header .header-right .header-right-bottom .infos {
    max-width: 88%;
    row-gap: 2rem;
  }
}
@media (min-width: 768px) {
  body.single article section.header .header-right .header-right-bottom .infos {
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
  }
}
body.single article section.header .header-right .header-right-bottom .infos > div {
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-column-gap: 0.8rem;
     -moz-column-gap: 0.8rem;
          column-gap: 0.8rem;
}
body.single article section.header .header-right .header-right-bottom .infos > div > .img {
  width: 4.5rem;
  height: auto;
}
@media (min-width: 576px) {
  body.single article section.header .header-right .header-right-bottom .infos > div > .img {
    width: 5rem;
  }
}
body.single article section.header .header-right .header-right-bottom .infos > div > .img img {
  width: 100%;
  height: auto;
  -o-object-fit: contain;
     object-fit: contain;
}
body.single article section.header .header-right .header-right-bottom .infos > div span {
  font-family: "Abel Pro", sans-serif;
  font-size: 2.9rem;
  line-height: 3rem;
  color: #0078BF;
}
@media (min-width: 576px) {
  body.single article section.header .header-right .header-right-bottom .infos > div span {
    font-size: 3.8rem;
    line-height: 4rem;
  }
}
body.single article section.header .header-right .header-right-bottom .infos > div span::after {
  content: "";
  display: block;
  width: 100%;
  height: 0.5rem;
  background-color: #FFE800;
}
@media (min-width: 576px) {
  body.single article section.header .header-right .header-right-bottom .infos > div span::after {
    height: 0.8rem;
  }
}
body.single article section.header .header-right .header-right-bottom .infos .price .img {
  width: 4rem;
}
@media (min-width: 576px) {
  body.single article section.header .header-right .header-right-bottom .infos .price .img {
    width: 4.5rem;
  }
}
body.single article section.header .header-right .header-right-bottom .to-come {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  margin-top: 3rem;
}
@media (min-width: 576px) {
  body.single article section.header .header-right .header-right-bottom .to-come {
    -webkit-column-gap: 2.5rem;
       -moz-column-gap: 2.5rem;
            column-gap: 2.5rem;
  }
}
body.single article section.header .header-right .header-right-bottom .to-come .address {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-column-gap: 0.8rem;
     -moz-column-gap: 0.8rem;
          column-gap: 0.8rem;
}
body.single article section.header .header-right .header-right-bottom .to-come .address .img {
  width: 4.7rem;
  height: auto;
}
body.single article section.header .header-right .header-right-bottom .to-come .address .img img {
  width: 100%;
  height: auto;
  -o-object-fit: contain;
     object-fit: contain;
}
body.single article section.header .header-right .header-right-bottom .to-come .address p {
  font-family: "Abel Pro", sans-serif;
  color: #0078BF;
  font-size: 2.1rem;
  line-height: 2.4rem;
}
@media (min-width: 576px) {
  body.single article section.header .header-right .header-right-bottom .to-come .address p {
    font-size: 2.5rem;
    line-height: 3.2rem;
  }
}
body.single article section.header .header-right .header-right-bottom .to-come .address p strong {
  font-weight: normal;
  font-size: 2.5rem;
  line-height: 3.3rem;
}
@media (min-width: 576px) {
  body.single article section.header .header-right .header-right-bottom .to-come .address p strong {
    font-size: 3rem;
    line-height: 3.8rem;
  }
}
body.single article section.main h2 {
  font-family: "futura-pt", sans-serif;
  font-weight: 500;
  color: #0078BF;
  font-size: 3rem;
  line-height: 3.4rem;
  margin-bottom: 1rem;
}
@media (min-width: 768px) {
  body.single article section.main h2 {
    font-size: 3.5rem;
    line-height: 4rem;
  }
}
body.single article section.main h3 {
  display: inline;
  font-size: 1.6rem;
  font-weight: 500;
  font-family: "futura-pt", sans-serif;
  line-height: 1.8rem;
  position: relative;
  margin-bottom: 1.5rem;
  background-color: #FFE800;
}
@media (min-width: 576px) {
  body.single article section.main h3 {
    font-size: 2rem;
    line-height: 2rem;
  }
}
body.single article section.main h3::after {
  content: "\a";
  white-space: pre;
}
body.single article section.main p {
  font-size: 1.8rem;
  line-height: 2.5rem;
}
body.single article section.main * + h2 {
  margin-top: 6rem;
}
body.single article section.main * + h3 {
  margin-top: 1.5rem;
}
body.single article section.main h3 + * {
  margin-top: 1.5rem;
}
body.single article section.main iframe {
  display: block;
}
body.single article section.main h3 + h3 {
  margin-bottom: 0;
  margin-top: 0.5rem;
}
body.single article section.main p img, body.single article section.main figure img {
  margin: 0 auto;
  max-height: 30rem;
  -o-object-fit: contain;
     object-fit: contain;
}
@media (min-width: 576px) {
  body.single article section.main p img, body.single article section.main figure img {
    max-height: 60rem;
  }
}
body.single article section.main figcaption {
  text-align: center;
  font-style: italic;
  color: grey;
  font-size: 1.6rem;
  margin-top: 0.5rem;
}
body.single article section.main p img {
  margin-bottom: 3rem;
}
@media (min-width: 576px) {
  body.single article section.main p img {
    margin-bottom: 6rem;
  }
}
body.single article section.main figure {
  margin: 0 auto;
  margin-bottom: 3rem;
  width: 100% !important;
}
@media (min-width: 768px) {
  body.single article section.main figure {
    margin-bottom: 6rem;
  }
}
body.single article section.footer {
  margin-bottom: 6rem;
}
@media (min-width: 576px) {
  body.single article section.footer {
    margin-bottom: 9rem;
  }
}
body.single article section.footer .navigation {
  margin-top: 6rem;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
body.single article section.footer .navigation .link-comment a {
  text-decoration: none;
}

footer {
  background-color: #0078BF;
  padding-top: 3rem;
  padding-bottom: 1.5rem;
}
footer .container {
  color: white;
}
footer .container .footer-top {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 3rem;
  row-gap: 1.8rem;
}
@media (min-width: 576px) {
  footer .container .footer-top {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -ms-flex-pack: distribute;
        justify-content: space-around;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    row-gap: 1rem;
  }
}
@media (min-width: 992px) {
  footer .container .footer-top {
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}
footer .container .footer-top .contact-details ul li {
  font-size: 1.2rem;
  font-weight: 500;
  line-height: 1.4rem;
  -webkit-column-gap: 0.8rem;
     -moz-column-gap: 0.8rem;
          column-gap: 0.8rem;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
footer .container .footer-top .contact-details ul li svg path {
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
footer .container .footer-top .contact-details ul li:hover svg path, footer .container .footer-top .contact-details ul li:focus svg path {
  fill: #FFE800;
}
footer .container .footer-top .contact-details ul li a {
  color: white;
  text-decoration: none;
}
footer .container .footer-top .contact-details ul li a:hover, footer .container .footer-top .contact-details ul li a:focus {
  color: #FFE800;
}
footer .container .footer-top .contact-details ul li:first-child {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
footer .container .footer-top .contact-details ul li + li {
  margin-top: 1.4rem;
}
@media (min-width: 576px) {
  footer .container .footer-top .contact-details ul li + li {
    margin-top: 1.1rem;
  }
}
footer .container .footer-top .nl {
  text-align: center;
}
footer .container .footer-top .nl label {
  font-family: "Abel Pro", sans-serif;
  font-size: 1.6rem;
}
footer .container .footer-top .nl .inputs {
  position: relative;
}
footer .container .footer-top .nl .inputs input {
  margin-top: 0.5rem;
  width: 80%;
  border-radius: 50px;
  border: 0.1rem solid #FFE800;
  padding-left: 1.2rem;
  padding-right: 3.8rem;
  font-size: 1.4rem;
  font-weight: 500;
  color: #FFE800;
  background-color: rgb(0, 141, 223);
}
footer .container .footer-top .nl .inputs input::-webkit-input-placeholder {
  color: white;
  font-size: 1.1rem;
  font-weight: 500;
}
footer .container .footer-top .nl .inputs input::-moz-placeholder {
  color: white;
  font-size: 1.1rem;
  font-weight: 500;
}
footer .container .footer-top .nl .inputs input:-ms-input-placeholder {
  color: white;
  font-size: 1.1rem;
  font-weight: 500;
}
footer .container .footer-top .nl .inputs input::-ms-input-placeholder {
  color: white;
  font-size: 1.1rem;
  font-weight: 500;
}
footer .container .footer-top .nl .inputs input::placeholder {
  color: white;
  font-size: 1.1rem;
  font-weight: 500;
}
footer .container .footer-top .nl .inputs input.sib-default-btn {
  position: absolute;
  cursor: pointer;
  top: 0.1rem;
  right: 14%;
  width: 3rem;
  border-radius: 0;
  padding: 0.1rem;
  border: none;
  background-color: transparent;
  font-weight: 700;
  z-index: 10;
}
footer .container .footer-top nav ul {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: auto 1.5rem auto;
  grid-template-columns: repeat(2, auto);
  -webkit-column-gap: 1.5rem;
     -moz-column-gap: 1.5rem;
          column-gap: 1.5rem;
}
@media (min-width: 576px) {
  footer .container .footer-top nav ul {
    -ms-grid-columns: auto 3rem auto 3rem auto;
    grid-template-columns: repeat(3, auto);
    -ms-grid-rows: (1.9rem)[5];
    grid-template-rows: repeat(5, 1.9rem);
    -webkit-column-gap: 3rem;
       -moz-column-gap: 3rem;
            column-gap: 3rem;
  }
  footer .container .footer-top nav ul > *:nth-child(1) {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  footer .container .footer-top nav ul > *:nth-child(2) {
    -ms-grid-row: 1;
    -ms-grid-column: 3;
  }
  footer .container .footer-top nav ul > *:nth-child(3) {
    -ms-grid-row: 1;
    -ms-grid-column: 5;
  }
  footer .container .footer-top nav ul > *:nth-child(4) {
    -ms-grid-row: 2;
    -ms-grid-column: 1;
  }
  footer .container .footer-top nav ul > *:nth-child(5) {
    -ms-grid-row: 2;
    -ms-grid-column: 3;
  }
  footer .container .footer-top nav ul > *:nth-child(6) {
    -ms-grid-row: 2;
    -ms-grid-column: 5;
  }
  footer .container .footer-top nav ul > *:nth-child(7) {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
  }
  footer .container .footer-top nav ul > *:nth-child(8) {
    -ms-grid-row: 3;
    -ms-grid-column: 3;
  }
  footer .container .footer-top nav ul > *:nth-child(9) {
    -ms-grid-row: 3;
    -ms-grid-column: 5;
  }
  footer .container .footer-top nav ul > *:nth-child(10) {
    -ms-grid-row: 4;
    -ms-grid-column: 1;
  }
  footer .container .footer-top nav ul > *:nth-child(11) {
    -ms-grid-row: 4;
    -ms-grid-column: 3;
  }
  footer .container .footer-top nav ul > *:nth-child(12) {
    -ms-grid-row: 4;
    -ms-grid-column: 5;
  }
  footer .container .footer-top nav ul > *:nth-child(13) {
    -ms-grid-row: 5;
    -ms-grid-column: 1;
  }
  footer .container .footer-top nav ul > *:nth-child(14) {
    -ms-grid-row: 5;
    -ms-grid-column: 3;
  }
  footer .container .footer-top nav ul > *:nth-child(15) {
    -ms-grid-row: 5;
    -ms-grid-column: 5;
  }
}
footer .container .footer-top nav ul li {
  white-space: nowrap;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
footer .container .footer-top nav ul li a {
  text-decoration: none;
  color: white;
  font-size: 1.3rem;
  line-height: 2.5rem;
  font-weight: 500;
}
@media (min-width: 576px) {
  footer .container .footer-top nav ul li a {
    font-size: 1.2rem;
    line-height: 1.9rem;
  }
}
footer .container .footer-top nav ul li a:hover, footer .container .footer-top nav ul li a:focus {
  color: #FFE800;
}
footer .container .footer-bottom {
  margin: 0 auto;
}
footer .container .footer-bottom p {
  text-align: center;
  font-family: "Abel Pro", sans-serif;
  font-size: 1.1rem;
}
@media (min-width: 576px) {
  footer .container .footer-bottom p {
    font-size: 1.2rem;
  }
}
footer .container .footer-bottom p a {
  font-family: "futura-pt", sans-serif;
  color: #FFE800;
  font-weight: 500;
  text-decoration: none;
}

#sib_signup_form_1 {
  width: 90%;
}
@media (min-width: 576px) {
  #sib_signup_form_1 {
    width: 50%;
  }
}
@media (min-width: 768px) {
  #sib_signup_form_1 {
    width: 30%;
  }
}
@media (min-width: 992px) {
  #sib_signup_form_1 {
    width: 24%;
  }
}

html {
  scroll-behavior: smooth;
  max-width: 100%;
  overflow-x: clip;
}
html.burgerOpened {
  overflow-y: hidden;
  height: 100%;
}

body {
  font-weight: normal;
  font-size: 1.8rem;
  line-height: 2.5rem;
  font-family: "futura-pt", sans-serif;
  color: #1E1E1E;
  max-width: 100%;
  overflow-x: clip;
}
@media (min-width: 768px) {
  body {
    font-size: 2rem;
    line-height: 2.7rem;
  }
}
body:not(.blog, .home, .page-id-25) main {
  margin-bottom: 6rem;
}
@media (min-width: 768px) {
  body:not(.blog, .home, .page-id-25) main {
    margin-bottom: 9rem;
  }
}

main {
  margin-top: 6rem;
}

p + p {
  margin-top: 1rem;
}

section.footer {
  margin-top: 6rem;
}
@media (min-width: 768px) {
  section.footer {
    margin-top: 9rem;
  }
}

.container {
  padding: 0 1.5rem;
  max-width: 100%;
  margin: 0 auto;
}
@media (min-width: 992px) {
  .container {
    padding: 0 2rem;
    width: 100%;
    padding: 0 2rem;
  }
}
@media (min-width: 1200px) {
  .container {
    padding: 0 0rem;
    width: 90%;
  }
}
@media (min-width: 1441px) {
  .container {
    max-width: 1440px;
  }
}

.flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.grid {
  display: -ms-grid;
  display: grid;
}

.relative {
  position: relative;
}

.center {
  text-align: center;
}

h1, h2 {
  font-family: "Abel Pro", sans-serif;
  font-weight: normal;
  text-transform: uppercase;
}

h1.title-sd, h1.title-single {
  color: #0078BF;
  position: relative;
  mix-blend-mode: multiply;
}
h1.title-sd::before, h1.title-single::before {
  content: attr(data-before);
  color: #FFE800;
  position: absolute;
  top: 0.4rem;
  left: 0.4rem;
  mix-blend-mode: multiply;
  width: 100%;
}
h1.title-sd {
  font-size: 4.5rem;
  line-height: 4.5rem;
  letter-spacing: 10%;
  text-align: center;
}
@media (min-width: 576px) {
  h1.title-sd {
    font-size: 6rem;
    line-height: 6rem;
  }
}
@media (min-width: 992px) {
  h1.title-sd {
    font-size: 7rem;
    line-height: 7rem;
  }
}
@media (min-width: 1200px) {
  h1.title-sd {
    font-size: 9rem;
    line-height: 9rem;
  }
}
h1.title-blog {
  font-size: 6rem;
  line-height: 7rem;
  color: #0078BF;
  position: relative;
  display: inline-block;
  text-align: center;
  margin-bottom: 3rem;
}
@media (min-width: 576px) {
  h1.title-blog {
    font-size: 10rem;
    line-height: 10rem;
  }
}
h1.title-blog::before {
  content: "";
  width: 0.7rem;
  height: 105%;
  position: absolute;
  background-color: #FFE800;
  top: 39%;
  left: 0.3rem;
  -webkit-transform: translate(0%, -50%) rotate(16deg);
      -ms-transform: translate(0%, -50%) rotate(16deg);
          transform: translate(0%, -50%) rotate(16deg);
  mix-blend-mode: multiply;
}
@media (min-width: 576px) {
  h1.title-blog::before {
    height: 110%;
    left: 0.8rem;
  }
}
h1.title-blog::after {
  content: "";
  width: 0.7rem;
  height: 105%;
  position: absolute;
  background-color: #FFE800;
  top: 39%;
  right: 1.8rem;
  -webkit-transform: translate(0%, -50%) rotate(16deg);
      -ms-transform: translate(0%, -50%) rotate(16deg);
          transform: translate(0%, -50%) rotate(16deg);
  mix-blend-mode: multiply;
}
@media (min-width: 576px) {
  h1.title-blog::after {
    height: 110%;
    right: 3.2rem;
  }
}
h1.title-single {
  line-height: 4.6rem;
  letter-spacing: 10%;
  margin-bottom: 1.5rem;
  font-size: 4rem;
  text-align: center;
}
@media (min-width: 768px) {
  h1.title-single {
    font-size: 5rem;
    line-height: 5.5rem;
    text-align: end;
  }
}
h1.title-single::before {
  left: initial;
  right: -0.4rem;
}
h1.title-single span {
  display: block;
  font-family: "futura-pt", sans-serif;
  font-size: 2.4rem;
  line-height: 2.6rem;
  color: #0078BF;
  font-weight: 500;
  text-transform: none;
  letter-spacing: 0;
  margin-top: 1rem;
}
@media (min-width: 576px) {
  h1.title-single span {
    font-size: 2.8rem;
    line-height: 3.2rem;
  }
}

h2 {
  text-transform: none;
}
h2.title-single, h2.title-cards {
  font-family: "futura-pt", sans-serif;
}
h2.title-sd {
  font-size: 5.5rem;
  line-height: 5.5rem;
  margin-bottom: 1.5rem;
  color: #0078BF;
  display: inline-block;
  position: relative;
}
h2.title-sd::before {
  content: "";
  position: absolute;
  width: 110%;
  height: 1.7rem;
  bottom: 0;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  background-color: #FFE800;
  z-index: -1;
}
h2.title-cies {
  font-size: 5rem;
  line-height: 5rem;
  text-align: center;
  color: #F6A04D;
  margin-bottom: 0.5rem;
}
@media (min-width: 768px) {
  h2.title-cies {
    text-align: end;
    font-size: 5.5rem;
  }
}
h2.title-cies span {
  font-size: 0.35em;
  line-height: 2.4rem;
  font-family: "futura-pt", sans-serif;
  font-style: italic;
  color: #1E1E1E;
  display: block;
}
h2.title-infos {
  font-size: 3.8rem;
  line-height: 4rem;
  margin-bottom: 2rem;
}
h2.title-infos span {
  font-family: "futura-pt", sans-serif;
  font-size: 0.5em;
  line-height: 2.7rem;
  font-style: italic;
  display: block;
}
h2.title-single {
  font-family: "futura-pt", sans-serif;
  font-size: 3.8rem;
  line-height: 4rem;
  color: #0078BF;
  margin-bottom: 0.5rem;
}
h2.title-cards {
  font-family: "futura-pt", sans-serif;
  font-size: 3.9rem;
  line-height: 4.2rem;
}

h3 {
  font-weight: normal;
}
h3.title-infos-single {
  font-size: 2.4rem;
  line-height: 2.2rem;
  color: white;
}
@media (min-width: 576px) {
  h3.title-infos-single {
    font-size: 2.8rem;
    line-height: 3rem;
  }
}
@media (min-width: 768px) {
  h3.title-infos-single {
    font-size: 3.8rem;
    line-height: 4rem;
  }
}
h3.title-infos-single span {
  display: block;
  font-family: "futura-pt", sans-serif;
  font-size: 1.6rem;
  line-height: 1.8rem;
  margin-top: 0.5rem;
  font-weight: 400;
}
@media (min-width: 768px) {
  h3.title-infos-single span {
    font-size: 1.8rem;
    line-height: 2.4rem;
    margin-top: 1rem;
  }
}
h3.title-sd, h3.title-cies, h3.title-infos {
  font-size: 2.6rem;
  line-height: 3rem;
  margin-bottom: 0.5rem;
  color: #0078BF;
}
h3.title-cies {
  color: #F6A04D;
  text-align: center;
}
@media (min-width: 768px) {
  h3.title-cies {
    text-align: end;
  }
}
h3.title-infos {
  font-size: 2.2rem;
  line-height: 2.6rem;
  color: #1E1E1E;
  margin-bottom: 1rem;
}
h3.title-single {
  font-family: "futura-pt", sans-serif;
  font-size: 2.2rem;
  line-height: 2.2rem;
  margin-bottom: 1.5rem;
  position: relative;
  display: inline-block;
}
h3.title-single::before {
  content: "";
  position: absolute;
  width: 110%;
  height: 101%;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  background-color: #FFE800;
  z-index: -1;
}

h4.title-cies {
  font-weight: 700;
  font-size: 1.8rem;
  line-height: 2.5rem;
}

h5.title-cies {
  font-weight: 700;
  font-size: 2rem;
  line-height: 2.5rem;
  text-transform: uppercase;
  color: #F6A04D;
}

.h2-title-fp {
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  padding-top: 0.5rem;
  padding-bottom: 0;
  background-color: white;
  -webkit-box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.2);
          box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.2);
  display: inline-block;
}
@media (min-width: 576px) {
  .h2-title-fp {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}
.h2-title-fp .title-fp {
  text-transform: uppercase;
  font-size: 3rem;
  line-height: 3.5rem;
  letter-spacing: 40%;
  color: #0078BF;
  mix-blend-mode: multiply;
  position: relative;
}
@media (min-width: 768px) {
  .h2-title-fp .title-fp {
    font-size: 4.5rem;
    line-height: 4.5rem;
  }
}
.h2-title-fp .title-fp::before {
  content: attr(data-before);
  color: #FFE800;
  position: absolute;
  width: 100%;
  top: 0.3rem;
  left: 0.3rem;
  mix-blend-mode: multiply;
}
@media (min-width: 768px) {
  .h2-title-fp .title-fp::before {
    top: 0.4rem;
    left: 0.4rem;
  }
}

a:not(.not-sd) {
  color: #0078BF;
  text-decoration: underline;
}
a:not(.not-sd):hover, a:not(.not-sd):focus {
  color: #FFE800;
}

.link-barres {
  display: inline-block;
}
.link-barres a {
  font-size: 2.7rem;
  line-height: 2.8rem;
  color: #0078BF;
  font-weight: 700;
  position: relative;
  display: inline-block;
  text-align: center;
}
@media (min-width: 768px) {
  .link-barres a {
    font-size: 3.4rem;
    line-height: 3.5rem;
  }
}
.link-barres a::before {
  content: "";
  width: 115%;
  height: 6rem;
  position: absolute;
  background-color: #FFE800;
  mix-blend-mode: multiply;
  top: 50%;
  left: -19%;
  -webkit-transform: translate(0%, -50%);
      -ms-transform: translate(0%, -50%);
          transform: translate(0%, -50%);
  -webkit-clip-path: polygon(20% 0%, 23% 0, 13% 100%, 10% 100%);
          clip-path: polygon(20% 0%, 23% 0, 13% 100%, 10% 100%);
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.link-barres a::after {
  content: "";
  width: 115%;
  height: 6rem;
  position: absolute;
  background-color: #FFE800;
  mix-blend-mode: multiply;
  top: 50%;
  right: -30%;
  -webkit-transform: translate(0%, -50%);
      -ms-transform: translate(0%, -50%);
          transform: translate(0%, -50%);
  -webkit-clip-path: polygon(80% 0%, 77% 0, 67% 100%, 70% 100%);
          clip-path: polygon(80% 0%, 77% 0, 67% 100%, 70% 100%);
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.link-barres a:hover::before, .link-barres a:focus::before {
  -webkit-clip-path: polygon(20% 0%, 65% 0, 55% 100%, 10% 100%);
          clip-path: polygon(20% 0%, 65% 0, 55% 100%, 10% 100%);
}
.link-barres a:hover::after, .link-barres a:focus::after {
  -webkit-clip-path: polygon(80% 0%, 35.5% 0, 25.5% 100%, 70% 100%);
          clip-path: polygon(80% 0%, 35.5% 0, 25.5% 100%, 70% 100%);
}
.link-barres.sm a {
  font-size: 2.4rem;
  line-height: 2.5rem;
}
.link-barres.sm a::before {
  content: "";
  width: 115%;
  height: 5rem;
}
.link-barres.sm a::after {
  content: "";
  width: 115%;
  height: 5rem;
}

.footer {
  text-align: center;
}
@media (min-width: 576px) {
  .footer {
    text-align: initial;
  }
}

.link-comment {
  display: inline-block;
}
.link-comment a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: center;
}
.link-comment a span {
  font-family: "Lacquer", sans-serif;
  font-size: 2rem;
  line-height: 2.3rem;
  color: #0078BF;
  margin-bottom: 0.5rem;
}
@media (min-width: 576px) {
  .link-comment a span {
    font-size: 2.5rem;
    line-height: 3rem;
  }
}
.link-comment a img {
  width: 6rem;
}
@media (min-width: 576px) {
  .link-comment a img {
    width: initial;
  }
}
.link-comment a svg {
  width: 40%;
}
@media (min-width: 576px) {
  .link-comment a svg {
    width: 100%;
  }
}
.link-comment a img, .link-comment a svg {
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.link-comment a:hover img, .link-comment a:hover svg, .link-comment a:focus img, .link-comment a:focus svg {
  -webkit-transform: rotate(-10deg) translateX(1.5rem);
      -ms-transform: rotate(-10deg) translateX(1.5rem);
          transform: rotate(-10deg) translateX(1.5rem);
}
.link-comment.left a img, .link-comment.left a svg {
  -webkit-transform: scale(-1, 1);
      -ms-transform: scale(-1, 1);
          transform: scale(-1, 1);
}
.link-comment.left a:hover img, .link-comment.left a:hover svg, .link-comment.left a:focus img, .link-comment.left a:focus svg {
  -webkit-transform: scale(-1, 1) rotate(-10deg) translateX(1.5rem);
      -ms-transform: scale(-1, 1) rotate(-10deg) translateX(1.5rem);
          transform: scale(-1, 1) rotate(-10deg) translateX(1.5rem);
}

.comment {
  display: none;
  position: absolute;
  z-index: -1;
  line-height: 1em;
}
@media (min-width: 576px) {
  .comment {
    display: block;
  }
}
@media (min-width: 992px) {
  .comment {
    line-height: 1.5em;
  }
}
.comment span {
  font-family: "Lacquer", sans-serif;
  color: #FFE800;
  font-size: 1.8rem;
}
@media (min-width: 992px) {
  .comment span {
    font-size: 2.5rem;
  }
}

.back-to-top-container {
  position: fixed;
  bottom: 4rem;
  right: 0.3rem;
  z-index: 9999;
  opacity: 0;
  visibility: hidden;
  -webkit-transform: scale(0.85) translateY(25px);
      -ms-transform: scale(0.85) translateY(25px);
          transform: scale(0.85) translateY(25px);
  -webkit-animation: fadeUp ease-out forwards;
          animation: fadeUp ease-out forwards;
}
@media (min-width: 992px) {
  .back-to-top-container {
    right: 2rem;
  }
}
@-webkit-keyframes fadeUp {
  5%, 100% {
    opacity: 1;
    visibility: visible;
    -webkit-transform: scale(1) translateY(0);
            transform: scale(1) translateY(0);
  }
}
@keyframes fadeUp {
  5%, 100% {
    opacity: 1;
    visibility: visible;
    -webkit-transform: scale(1) translateY(0);
            transform: scale(1) translateY(0);
  }
}

.back-to-top {
  background: transparent;
  border: none;
  width: 3.8rem;
  height: 3.8rem;
  display: block;
  padding: 0;
  cursor: pointer;
}
.back-to-top svg {
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.back-to-top:hover svg {
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
}