.bg-dark-green {
  background-color: #12272a;
  color: #fefefe; }

.bg-blue-electric {
  background-color: #11284a;
  color: #fefefe; }

.bg-primary {
  background-color: #00a852;
  color: #fefefe; }
  .bg-primary .button.primary {
    background-color: #fefefe;
    color: #00a852; }

.about-citation {
  background-color: #b5d9c3;
  padding: 2rem 1rem; }
  @media print, screen and (min-width: 64em) {
    .about-citation {
      padding: 5rem; } }
  .about-citation .about-citation-content {
    position: relative;
    padding: 5rem 0;
    font-size: 1.75rem; }
    @media print, screen and (min-width: 64em) {
      .about-citation .about-citation-content {
        padding: 0 8rem; } }
    .about-citation .about-citation-content::before {
      content: "";
      position: absolute;
      top: 0;
      left: 0;
      display: block;
      width: 5rem;
      height: 5rem;
      background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg version='1.1' id='Calque_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 52.1 42.6' enable-background='new 0 0 52.1 42.6' xml:space='preserve'%3E%3Cg%3E%3Cg%3E%3Cg%3E%3Cpath fill='%23039F4E' d='M50.8,1l-9.2,40.6H30L34.7,1H50.8 M22.1,1l-9.4,40.6H1.1L5.8,1H22.1 M52.1,0H33.8l-4.9,42.6h13.5L52.1,0 L52.1,0z M23.4,0H4.9L0,42.6h13.5L23.4,0L23.4,0z'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
      background-repeat: no-repeat;
      background-size: contain; }
      @media print, screen and (min-width: 64em) {
        .about-citation .about-citation-content::before {
          top: -1rem;
          left: 1rem; } }
    .about-citation .about-citation-content .author {
      text-transform: uppercase;
      font-size: 0.75rem;
      margin-bottom: 0; }

.about-keyfigures {
  background-color: #f5f5f5;
  padding: 2rem;
  text-align: center; }
  @media print, screen and (min-width: 64em) {
    .about-keyfigures {
      padding: 4rem; } }
  .about-keyfigures .about-keyfigures-item {
    position: relative;
    margin-top: 1rem; }
    .about-keyfigures .about-keyfigures-item::after {
      content: "";
      position: absolute;
      right: 0;
      top: 0;
      bottom: 20%;
      border-right: 1px solid #dee2e6;
      transform: skewX(-20deg); }
    .about-keyfigures .about-keyfigures-item:last-child::after {
      display: none; }

.about-highlights {
  padding: 2rem 1rem;
  background-color: #005926;
  color: #fefefe; }
  @media print, screen and (min-width: 40em) {
    .about-highlights {
      padding: 3rem 2rem; } }
  @media print, screen and (min-width: 64em) {
    .about-highlights {
      padding: 4rem; } }
  .about-highlights .about-highlights-cell {
    display: flex;
    align-items: stretch; }
    .about-highlights .about-highlights-cell .card-section {
      padding-top: 2rem;
      padding-bottom: 2rem; }
    .about-highlights .about-highlights-cell .picto {
      width: 80px;
      height: auto; }

.about-recruitment {
  background-color: #00a852;
  color: #fefefe; }
  .about-recruitment .about-recruitment-content {
    padding: 2rem 1rem; }
    @media print, screen and (min-width: 64em) {
      .about-recruitment .about-recruitment-content {
        padding: 4rem 0 4rem 4rem; } }
  .about-recruitment .button.primary {
    background-color: #fefefe;
    color: #00a852; }
  .about-recruitment .button.hollow {
    border-color: #fefefe;
    color: #fefefe; }

.about-rental .tabs-panel .cell {
  display: flex;
  align-items: stretch; }
  .about-rental .tabs-panel .cell .card-section {
    display: flex;
    flex-direction: column; }
    .about-rental .tabs-panel .cell .card-section .button {
      margin-top: auto; }

.about-rental-offer {
  background-color: #12272a;
  color: #fefefe; }
  .about-rental-offer .picto {
    width: 96px;
    height: auto; }

@media print, screen and (min-width: 64em) {
  .international-map {
    margin-top: -2rem; } }

.group-process .group-process-step {
  display: flex;
  flex-wrap: wrap;
  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 87 94' enable-background='new 0 0 87 94' xml:space='preserve'%3E%3Cg%3E%3Cpath fill='%23039F4E' d='M84.1,2L51.4,92H2.9L35.6,2H84.1 M87,0H34.2L0,94h52.8L87,0L87,0z'/%3E%3C/g%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-size: contain;
  height: 10rem;
  margin: 1rem 0; }
  .group-process .group-process-step .group-process-step-content {
    display: flex;
    align-items: center;
    margin-left: 5rem; }
    .group-process .group-process-step .group-process-step-content p {
      padding: 0.5rem 0;
      background-color: #12272a;
      margin-bottom: 0; }

.group-keyfigures {
  padding-left: 4rem;
  padding-right: 4rem; }
  .group-keyfigures .group-keyfigures-item {
    position: relative;
    margin-top: 1rem; }
    .group-keyfigures .group-keyfigures-item .stat {
      color: #00a852;
      font-size: 2.5rem; }
    .group-keyfigures .group-keyfigures-item::after {
      content: "";
      position: absolute;
      right: 0;
      top: 0;
      bottom: 20%;
      border-right: 1px solid #dee2e6;
      transform: skewX(-20deg); }
    .group-keyfigures .group-keyfigures-item:last-child::after {
      display: none; }

.section-square-cards .card {
  position: relative;
  width: 100%;
  margin-top: 1rem;
  color: #fefefe; }
  @media print, screen and (min-width: 64em) {
    .section-square-cards .card::after {
      content: '';
      display: block;
      padding-bottom: 100%; } }
  .section-square-cards .card .card-section {
    padding: 3rem 2rem; }
    @media print, screen and (min-width: 64em) {
      .section-square-cards .card .card-section {
        position: absolute;
        width: 100%;
        height: 100%; } }
    @media screen and (min-width: 75em) {
      .section-square-cards .card .card-section {
        padding: 3rem 4rem; } }
    .section-square-cards .card .card-section img {
      width: 72px;
      height: auto;
      margin-bottom: 1rem; }
    .section-square-cards .card .card-section .more-button {
      color: #fefefe;
      border-color: #fefefe; }
      @media print, screen and (min-width: 64em) {
        .section-square-cards .card .card-section .more-button {
          position: absolute;
          bottom: 3rem;
          left: 2rem; } }
      @media screen and (min-width: 75em) {
        .section-square-cards .card .card-section .more-button {
          bottom: 3rem;
          left: 4rem; } }
.accordion-title {
  border-left: none;
  border-right: none;
  line-height: 1.4;
  font-weight: 600;
  padding: 1.25rem 4rem 1.25rem 0;
  font-size: 1.25rem; }
  .accordion-title::before {
    content: '';
    display: inline-block;
    width: 24px;
    height: 24px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-plus'%3E%3Cline x1='12' y1='5' x2='12' y2='19'%3E%3C/line%3E%3Cline x1='5' y1='12' x2='19' y2='12'%3E%3C/line%3E%3C/svg%3E");
    background-size: cover; }
  .accordion-title.is-active::before {
    content: '';
    display: inline-block;
    width: 24px;
    height: 24px;
    background-size: cover; }

.is-active > .accordion-title::before {
  content: '';
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-minus'%3E%3Cline x1='5' y1='12' x2='19' y2='12'%3E%3C/line%3E%3C/svg%3E"); }

.accordion-content {
  border: none;
  padding: 1rem 4rem 1rem 0; }

.play-button {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 2;
  width: 4.5rem;
  height: 4.5rem;
  margin-top: -2.25rem;
  margin-left: -2.25rem;
  background: rgba(0, 168, 82, 0.2);
  border-radius: 50%;
  transition: all 0.25s ease-out; }
  .play-button:hover {
    transform: scale(1.2);
    background: rgba(0, 168, 82, 0.2); }
  .play-button::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: -1;
    border-radius: 50%;
    width: 4.875rem;
    height: 4.875rem;
    background: rgba(0, 168, 82, 0.3);
    transform: translate(-50%, -50%); }
  .play-button::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: -1;
    border-radius: 50%;
    width: 6rem;
    height: 6rem;
    background: #00a852;
    transform: translate(-50%, -50%);
    transform-origin: 0 0;
    animation: scaleUp 3s infinite;
    animation-delay: 1.5s;
    opacity: 0; }
  .play-button span {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 3.75rem;
    height: 3.75rem;
    border-radius: 50%;
    background-color: #00a852;
    background-image: url("data:image/svg+xml,%3Csvg aria-hidden='true' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath fill='%23ffffff' d='M424.4 214.7L72.4 6.6C43.8-10.3 0 6.1 0 47.9V464c0 37.5 40.7 60.1 72.4 41.3l352-208c31.4-18.5 31.5-64.1 0-82.6z'%3E%3C/path%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 1.25rem;
    transform: translate(-50%, -50%); }

@media screen and (min-width: 75em) {
  .grid-container.full .cell .play-button {
    left: 0;
    width: 9rem;
    height: 9rem;
    margin-top: -4.5rem;
    margin-left: -4.5rem; }
    .grid-container.full .cell .play-button::before {
      width: 9.375rem;
      height: 9.375rem; }
    .grid-container.full .cell .play-button::after {
      width: 12rem;
      height: 12rem; }
    .grid-container.full .cell .play-button span {
      width: 7.5rem;
      height: 7.5rem;
      background-size: 1.75rem; } }

.tns-testimonial .tns-outer {
  position: relative; }

.tns-testimonial .tns-controls {
  position: absolute;
  left: -2rem;
  right: -2rem;
  top: 50%;
  z-index: 1;
  outline: none; }
  .tns-testimonial .tns-controls > [aria-controls] {
    position: absolute;
    width: 3.75rem;
    height: 3.75rem;
    margin-top: -3.5rem;
    text-indent: -10000em;
    background-color: #00a852;
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg enable-background='new 0 0 60 60' version='1.1' viewBox='0 0 60 60' xml:space='preserve' xmlns='http://www.w3.org/2000/svg'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:none;stroke:%23ffffff;stroke-width:4;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;%7D%0A%3C/style%3E%3Cpolyline class='st0' points='43.5 3 16.5 30 43.5 57'/%3E%3C/svg%3E%0A");
    background-size: 1.5rem;
    background-repeat: no-repeat;
    background-position: center;
    transition: background-color 0.25s ease-out, color 0.25s ease-out; }
    .tns-testimonial .tns-controls > [aria-controls]:hover {
      background-color: #008f46; }
    .tns-testimonial .tns-controls > [aria-controls][data-controls='prev'] {
      left: 0;
      display: none; }
    .tns-testimonial .tns-controls > [aria-controls][data-controls='next'] {
      right: 0;
      transform: rotate(180deg); }

.urban {
  position: relative; }
  .urban .urban-button {
    position: absolute;
    z-index: 0;
    width: 2.5rem;
    height: 2.5rem;
    margin-top: -1.25rem;
    margin-left: -1.25rem;
    border-radius: 50%;
    border: 2px solid #fefefe;
    text-indent: -10000em;
    transition: all 0.25s ease-out; }
    .urban .urban-button::before {
      content: '';
      position: absolute;
      top: 50%;
      left: 50%;
      z-index: -1;
      border-radius: 50%;
      width: 4rem;
      height: 4rem;
      background: #fefefe;
      transform: translate(-50%, -50%);
      transform-origin: 0 0;
      animation: scaleUp 3s infinite;
      animation-delay: 1.5s;
      opacity: 0; }
    .urban .urban-button::after {
      content: '';
      position: absolute;
      top: 50%;
      left: 50%;
      z-index: 2;
      width: 2rem;
      height: 2rem;
      background: rgba(0, 168, 82, 0.5);
      border-radius: 50%;
      transform: translate(-50%, -50%); }
    .urban .urban-button:hover {
      background: #00a852;
      transform: scale(1.2); }
  .urban .urban-button-1 {
    left: 39.67%;
    top: 76.5%; }
  .urban .urban-button-2 {
    left: 43.53%;
    top: 17.8%; }
  .urban .urban-button-3 {
    left: 17.67%;
    top: 57.5%; }
  .urban .urban-button-4 {
    left: 76.17%;
    top: 27.75%; }
  .urban .urban-button-5 {
    left: 66.67%;
    top: 30%; }
  .urban .urban-button-6 {
    left: 39%;
    top: 43%; }
  .urban .urban-button-7 {
    left: 52.33%;
    top: 73.5%; }
  .urban .urban-button-8 {
    left: 69.13%;
    top: 66.8%; }
  .urban .urban-button-9 {
    left: 51.2%;
    top: 17.4%; }

@media screen and (min-width: 75em) {
  .switch-urban {
    margin-top: -4rem;
    margin-bottom: 2rem; } }

.switch-urban .switch-paddle {
  border-radius: 1rem; }
  .switch-urban .switch-paddle::after {
    border-radius: 1rem; }

.switch-urban::before, .switch-urban::after {
  content: "";
  display: inline-block;
  width: 1.5rem;
  height: 1.5rem;
  position: absolute;
  top: 0.25rem; }

.switch-urban::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23039f4e' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 12.79A9 9 0 1 1 11.21 3 7 7 0 0 0 21 12.79z'%3E%3C/path%3E%3C/svg%3E");
  left: 50%;
  margin-left: -4rem; }

.switch-urban::after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23039f4e' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='5'%3E%3C/circle%3E%3Cline x1='12' y1='1' x2='12' y2='3'%3E%3C/line%3E%3Cline x1='12' y1='21' x2='12' y2='23'%3E%3C/line%3E%3Cline x1='4.22' y1='4.22' x2='5.64' y2='5.64'%3E%3C/line%3E%3Cline x1='18.36' y1='18.36' x2='19.78' y2='19.78'%3E%3C/line%3E%3Cline x1='1' y1='12' x2='3' y2='12'%3E%3C/line%3E%3Cline x1='21' y1='12' x2='23' y2='12'%3E%3C/line%3E%3Cline x1='4.22' y1='19.78' x2='5.64' y2='18.36'%3E%3C/line%3E%3Cline x1='18.36' y1='5.64' x2='19.78' y2='4.22'%3E%3C/line%3E%3C/svg%3E");
  right: 50%;
  margin-right: -4rem; }

.testimonial {
  font-size: 1.5rem; }
  .testimonial::before, .testimonial::after {
    content: "";
    display: block;
    width: 65px;
    height: 50px;
    margin-bottom: 1rem;
    background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Calque_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0' y='0' viewBox='0 0 65 50' xml:space='preserve'%3E%3Cstyle%3E.st1%7Bfill:%23039f4e%7D%3C/style%3E%3Cdefs%3E%3Cpath id='SVGID_1_' d='M0 0h65v50H0z'/%3E%3C/defs%3E%3CclipPath id='SVGID_00000001643444318541286930000005791552976897426869_'%3E%3Cuse xlink:href='%23SVGID_1_' overflow='visible'/%3E%3C/clipPath%3E%3Cg clip-path='url(%23SVGID_00000001643444318541286930000005791552976897426869_)'%3E%3Cpath class='st1' d='M39.2 44.6c-3-3.4-4.4-7-4.4-10.9 0-11.5 7.9-22.6 23.7-33.3.6-.4 2-.7 2.8.2l1.5 1.9c.7 1.3-.2 2.4-.7 2.9-2.7 2.3-4.7 4.1-6 5.3-2.4 2.6-4.3 5.2-5.4 7.7-.3.6.4 1 .8 1.1 9 3 13.5 8.2 13.5 15.6 0 4.4-1.5 8-4.4 10.7-2.9 2.7-6.6 4.1-11 4.1-3.9.1-7.4-1.7-10.4-5.3zM4.9 44.6c-3-3.4-4.4-7-4.4-10.9C.5 22.2 8.4 11.1 24.2.4c.6-.4 2-.7 2.8.2l1.5 1.9c.7 1.3-.2 2.4-.7 2.9-2.7 2.3-4.7 4.1-6 5.3-2.4 2.6-4.3 5.2-5.4 7.7-.3.6.4 1 .8 1.1 9 3 13.5 8.2 13.5 15.6 0 4.4-1.5 8-4.4 10.7-2.9 2.7-6.6 4.1-11 4.1-3.9.1-7.4-1.7-10.4-5.3z'/%3E%3C/g%3E%3C/svg%3E");
    background-size: contain; }
  .testimonial::after {
    margin-left: auto;
    margin-top: 1rem;
    transform: rotate(180deg); }

body.dark {
  background-color: #0a0a0a;
  color: #fefefe; }

@keyframes scaleUp {
  from {
    transform: scale(0) translate(-50%, -50%);
    opacity: 1; }
  to {
    transform: scale(1) translate(-50%, -50%);
    opacity: 0; } }

.colors .color-item {
  width: 1.5rem;
  height: 1.5rem;
  border-radius: 50%;
  margin: 0 0.25rem;
  border: 1px solid rgba(10, 10, 10, 0.2); }
