/* cmsms stylesheet: styles modified: mercredi 20 mai 2026 09:47:44 */
@charset "UTF-8";
@import url("https://use.typekit.net/yhr6byj.css");
* {
  margin: 0;
  padding: 0;
}

html {
  box-sizing: border-box;
}

*, *:before, *:after {
  box-sizing: inherit;
  border-radius: 0;
}

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}

body {
  line-height: 1;
}

ol, ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
  content: "";
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

h1, h2, h3, h4, h5, h6 {
  font-weight: 200;
}

br {
  padding: 0;
}

/*********************************************
  BREAKPOINTS
**********************************************/
.selectric-wrapper {
  position: relative;
  cursor: pointer;
}

.selectric-responsive {
  width: 100%;
}

.selectric {
  border: 0px solid #f6f6f6;
  border-radius: 0px;
  background: #f6f6f6;
  position: relative;
  overflow: hidden;
  height: 48px;
}
.selectric .label {
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin: 0 48px 0 10px;
  font-size: 0.887rem;
  line-height: 48px;
  color: #d85a31;
  height: 48px;
  user-select: none;
  font-family: "Open Sans", sans-serif;
  padding: 0.5em;
}
.selectric .button {
  display: block;
  position: absolute;
  right: 0;
  top: 0;
  width: 48px;
  height: 48px;
  line-height: 48px;
  background-color: #d85a31;
  color: #f6f6f6;
  border: 0px solid #d85a31;
  text-align: center;
  font: 0/0 a;
  *font: 20px/48px Lucida Sans Unicode, Arial Unicode MS, Arial;
}
.selectric .button:after {
  content: " ";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  width: 0;
  height: 0;
  border: 4px solid transparent;
  border-top-color: #f6f6f6;
  border-bottom: none;
}

.selectric-focus .selectric {
  border-color: #c3c3c3;
}

.selectric-hover .selectric {
  border-color: rgb(220.5, 220.5, 220.5);
}
.selectric-hover .selectric .button {
  color: rgb(179.9346938776, 69.8775510204, 34.0653061224);
}
.selectric-open {
  z-index: 9999;
}
.selectric-open .selectric {
  border-color: rgb(220.5, 220.5, 220.5);
}
.selectric-open .selectric-items {
  display: block;
}

.selectric-disabled {
  filter: alpha(opacity=50);
  opacity: 0.5;
  cursor: default;
  user-select: none;
}

.selectric-hide-select {
  position: relative;
  overflow: hidden;
  width: 0;
  height: 0;
}
.selectric-hide-select select {
  position: absolute;
  left: -100%;
}
.selectric-hide-select.selectric-is-native {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 10;
}
.selectric-hide-select.selectric-is-native select {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  border: none;
  z-index: 1;
  box-sizing: border-box;
  opacity: 0;
}

.selectric-input {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  margin: 0 !important;
  padding: 0 !important;
  width: 1px !important;
  height: 1px !important;
  outline: none !important;
  border: none !important;
  *font: 0/0 a !important;
  background: none !important;
}

.selectric-temp-show {
  position: absolute !important;
  visibility: hidden !important;
  display: block !important;
}

/* Items box */
.selectric-items {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  background: #f6f6f6;
  border: 1px solid rgb(220.5, 220.5, 220.5);
  z-index: -1;
  box-shadow: 0 0 10px -6px;
}
.selectric-items .selectric-scroll {
  height: 100%;
  overflow: auto;
}
.selectric-above .selectric-items {
  top: auto;
  bottom: 100%;
}
.selectric-items ul, .selectric-items li {
  list-style: none;
  padding: 0;
  margin: 0;
  font-size: 0.887rem;
  line-height: 20px;
  min-height: 20px;
}
.selectric-items li {
  display: block;
  padding: 10px;
  color: #666;
  cursor: pointer;
}
.selectric-items li.selected {
  background: #E0E0E0;
  color: #444;
}
.selectric-items li.highlighted {
  background: #d85a31;
  color: #ffffff;
}
.selectric-items li:hover {
  background: #d85a31;
  color: #ffffff;
}
.selectric-items .disabled {
  filter: alpha(opacity=50);
  opacity: 0.5;
  cursor: default !important;
  background: none !important;
  color: #666 !important;
  user-select: none;
}
.selectric-items .selectric-group .selectric-group-label {
  font-weight: bold;
  padding-left: 10px;
  cursor: default;
  user-select: none;
  background: none;
  color: #444;
}
.selectric-items .selectric-group.disabled li {
  filter: alpha(opacity=100);
  opacity: 1;
}
.selectric-items .selectric-group li {
  padding-left: 25px;
}

.transitionsContainerDefault {
  display: none;
}
.transitionsContainerDefault .transitionBlockDefault {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  background-color: #ffffff;
  z-index: 100000;
  display: flex;
  flex-flow: row wrap;
  align-items: center;
  justify-content: center;
}

.transitionsContainerDefault.ie {
  display: none;
}
.transitionsContainerDefault.ie .transitionBlockDefault {
  position: fixed;
  width: 100%;
  height: 100%;
  background-color: #ffffff;
  opacity: 0;
  z-index: 100000;
}

/*********************************************
  UTILS
*********************************************/
* {
  box-sizing: border-box;
}

.clear {
  clear: both;
}

::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #7b7b7b;
}

::-moz-placeholder { /* Firefox 19+ */
  color: #7b7b7b;
}

:-ms-input-placeholder { /* IE 10+ */
  color: #7b7b7b !important;
}

:-ms-textarea-placeholder { /* IE 10+ */
  color: #7b7b7b !important;
}

:-moz-placeholder { /* Firefox 18- */
  color: #7b7b7b;
}

.bold, strong {
  font-weight: 600;
}

img {
  display: block;
  text-align: center;
  margin: auto;
  max-width: 100%;
  width: auto;
  height: auto;
}

div, p, li, td, th, label {
  font-family: itc-avant-garde-gothic-pro, sans-serif;
  font-size: 0.887rem;
  line-height: 1.6em;
  font-weight: 200;
  color: #000000;
}

a {
  font-family: itc-avant-garde-gothic-pro, sans-serif;
  font-size: 0.887rem;
  line-height: 1.6em;
  color: #000000;
}

a {
  text-decoration: none;
}

h1, h2, h3, h4, h5, h6 {
  font-family: muli, sans-serif;
  color: #000000;
  margin-bottom: 1em;
}

h1, h1 > a {
  font-family: muli, sans-serif;
  font-size: 2.618rem;
  line-height: 1.2em;
  font-weight: 200;
}

h2, h2 > a {
  font-family: muli, sans-serif;
  font-size: 2.058rem;
  line-height: 1.2em;
  font-weight: 200;
}

h3, h3 > a {
  font-family: muli, sans-serif;
  font-size: 1.272rem;
  line-height: 1.2em;
  font-weight: 200;
}

h4, h4 > a {
  font-family: muli, sans-serif;
  font-size: 1rem;
  line-height: 1.2em;
  font-weight: 200;
}

main, svg, button {
  padding: 0;
}

main {
  display: block;
}

body {
  min-width: 320px;
}

.sep {
  border: 1px solid #eeeeee;
  margin-bottom: 60px;
}

input[type=text], input[type=date], input[type=number], input[type=email], textarea {
  font-size: 0.887rem;
  font-family: itc-avant-garde-gothic-pro, sans-serif;
  font-weight: 200;
  outline: none;
  -webkit-appearance: none;
  padding: 10px 12px;
  border: none;
  background-color: #ffffff;
}

input[type=submit], button {
  border: none;
  -webkit-appearance: none;
}

.checkboxContainer {
  line-height: 1;
}
.checkboxContainer label, .checkboxContainer div, .checkboxContainer a {
  line-height: 1;
}
.checkboxContainer label {
  padding-left: 0.2em;
  color: #000000;
}
.checkboxContainer .pretty {
  margin-right: 0;
}

.captcha {
  text-align: center;
  margin-top: 20px;
  width: 100%;
  position: relative;
}
.captcha .g-recaptcha {
  text-align: center;
  margin: auto;
  display: inline-block;
}
.captcha .g-recaptcha > div {
  right: 0;
}

/*********************************************
  STRUCTURE
**********************************************/
.fullWidth {
  width: 100%;
  display: flex;
  flex-flow: row wrap;
  position: relative;
}
.fullWidth__wrapper {
  position: relative;
  width: 100%;
  padding: 60px 80px;
}
@media (max-width: 749px) {
  .fullWidth__wrapper {
    padding: 60px 5%;
  }
}
.fullWidth__wrapper--1200 {
  max-width: 1120px;
  margin: 0 auto;
}
@media (max-width: 1199px) {
  .fullWidth__wrapper--1200 {
    padding: 60px 5%;
  }
}
.fullWidth__wrapper--1600 {
  max-width: 1520px;
  margin: 0 auto;
}
@media all and (max-width: 1600px) {
  .fullWidth__wrapper--1600 {
    padding: 60px 5%;
  }
}
.fullWidth__wrapper.right {
  justify-content: flex-end;
}
.fullWidth__wrapper.left {
  justify-content: flex-start;
  margin: 0;
}
.fullWidth__wrapper.center {
  justify-content: center;
}
.fullWidth--1600 {
  max-width: 1600px;
  margin: 0 auto;
}
.fullWidth--1200 {
  max-width: 1200px;
  margin: 0 auto;
}

.halfWidth {
  width: 50%;
  position: relative;
  display: flex;
  flex-flow: row wrap;
  align-items: center;
}
@media (max-width: 749px) {
  .halfWidth {
    width: 100%;
    min-height: auto;
  }
}
.halfWidth.width25 {
  width: 25%;
}
.halfWidth.width25 .halfWidth__wrapper {
  padding: 60px 80px;
}
@media (max-width: 749px) {
  .halfWidth.width25 .halfWidth__wrapper {
    padding: 60px 5%;
  }
}
.halfWidth.width25 .halfWidth__wrapper.right {
  justify-content: flex-end;
}
.halfWidth.width25 .halfWidth__wrapper.center {
  justify-content: center;
}
.halfWidth.width30 {
  width: 30%;
}
.halfWidth.width30 .halfWidth__wrapper {
  padding: 60px 80px;
}
@media (max-width: 749px) {
  .halfWidth.width30 .halfWidth__wrapper {
    padding: 60px 5%;
  }
}
.halfWidth.width30 .halfWidth__wrapper.right {
  justify-content: flex-end;
}
.halfWidth.width30 .halfWidth__wrapper.center {
  justify-content: center;
}
.halfWidth.width33 {
  width: 33.333%;
}
.halfWidth.width33 .halfWidth__wrapper {
  padding: 60px 80px;
}
@media (max-width: 749px) {
  .halfWidth.width33 .halfWidth__wrapper {
    padding: 60px 5%;
  }
}
.halfWidth.width33 .halfWidth__wrapper.right {
  justify-content: flex-end;
}
.halfWidth.width33 .halfWidth__wrapper.center {
  justify-content: center;
}
.halfWidth.width40 {
  width: 40%;
}
.halfWidth.width40 .halfWidth__wrapper {
  padding: 60px 80px;
}
@media (max-width: 749px) {
  .halfWidth.width40 .halfWidth__wrapper {
    padding: 60px 5%;
  }
}
.halfWidth.width40 .halfWidth__wrapper.right {
  justify-content: flex-end;
}
.halfWidth.width40 .halfWidth__wrapper.center {
  justify-content: center;
}
.halfWidth.width60 {
  width: 60%;
}
.halfWidth.width60 .halfWidth__wrapper {
  padding: 60px 80px;
}
@media (max-width: 749px) {
  .halfWidth.width60 .halfWidth__wrapper {
    padding: 60px 5%;
  }
}
.halfWidth.width60 .halfWidth__wrapper.right {
  justify-content: flex-end;
}
.halfWidth.width60 .halfWidth__wrapper.center {
  justify-content: center;
}
.halfWidth.width66 {
  width: 66.666%;
}
.halfWidth.width66 .halfWidth__wrapper {
  padding: 60px 80px;
}
@media (max-width: 749px) {
  .halfWidth.width66 .halfWidth__wrapper {
    padding: 60px 5%;
  }
}
.halfWidth.width66 .halfWidth__wrapper.right {
  justify-content: flex-end;
}
.halfWidth.width66 .halfWidth__wrapper.center {
  justify-content: center;
}
.halfWidth.width70 {
  width: 70%;
}
.halfWidth.width70 .halfWidth__wrapper {
  padding: 60px 80px;
}
@media (max-width: 749px) {
  .halfWidth.width70 .halfWidth__wrapper {
    padding: 60px 5%;
  }
}
.halfWidth.width70 .halfWidth__wrapper.right {
  justify-content: flex-end;
}
.halfWidth.width70 .halfWidth__wrapper.center {
  justify-content: center;
}
.halfWidth.width75 {
  width: 75%;
}
.halfWidth.width75 .halfWidth__wrapper {
  padding: 60px 80px;
}
@media (max-width: 749px) {
  .halfWidth.width75 .halfWidth__wrapper {
    padding: 60px 5%;
  }
}
.halfWidth.width75 .halfWidth__wrapper.right {
  justify-content: flex-end;
}
.halfWidth.width75 .halfWidth__wrapper.center {
  justify-content: center;
}
.halfWidth__wrapper {
  position: relative;
  width: 100%;
  padding: 60px 80px;
}
@media (max-width: 749px) {
  .halfWidth__wrapper {
    padding: 60px 5%;
  }
}
.halfWidth__wrapper.right {
  justify-content: flex-end;
}
.halfWidth__wrapper.center {
  justify-content: center;
}

.thirdWidth {
  width: 33.333%;
  position: relative;
  display: flex;
  flex-flow: row wrap;
  align-items: center;
}
@media (max-width: 749px) {
  .thirdWidth {
    width: 100%;
    min-height: auto;
  }
}
.thirdWidth__wrapper {
  padding: 60px 80px;
  width: 100%;
}
@media (max-width: 749px) {
  .thirdWidth__wrapper {
    padding: 60px 5%;
  }
}

.quarterWidth {
  width: 25%;
  position: relative;
  display: flex;
  flex-flow: row wrap;
  align-items: center;
}
@media (max-width: 749px) {
  .quarterWidth {
    width: 50%;
    min-height: auto;
  }
}
@media (max-width: 599px) {
  .quarterWidth {
    width: 100%;
    min-height: auto;
  }
}
.quarterWidth__wrapper {
  padding: 60px 80px;
}
@media (max-width: 749px) {
  .quarterWidth__wrapper {
    padding: 60px 5%;
  }
}

.fixedWidth {
  position: relative;
  display: flex;
  flex-flow: row wrap;
  width: 370px;
}
.fixedWidth__wrapper {
  width: 100%;
  padding: 60px 80px;
}
@media (max-width: 749px) {
  .fixedWidth__wrapper {
    padding: 60px 5%;
  }
}
.fixedWidth:first-child .fixedWidth__wrapper {
  padding-right: 0;
}
.fixedWidth:last-child .fixedWidth__wrapper {
  padding-left: 0;
}

.floatWidth {
  position: relative;
  display: flex;
  flex-flow: row wrap;
}
.floatWidth__wrapper {
  padding: 60px 80px;
}
@media (max-width: 749px) {
  .floatWidth__wrapper {
    padding: 60px 5%;
  }
}

/*********************************************
  BUTTONS
**********************************************/
.buttonContainer {
  vertical-align: middle;
}
.buttonContainer.center {
  text-align: center;
}
.buttonContainer.right {
  text-align: right;
}
.buttonContainer .button {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  font-family: muli, sans-serif;
  font-size: 0.887rem;
  color: #ffffff;
  padding: 0.8em 1em;
  border-radius: 30px;
  text-decoration: none;
  text-align: center;
  font-weight: 400;
  cursor: pointer;
  overflow: hidden;
}
.buttonContainer .button.big {
  padding: 14px 22px;
  text-transform: uppercase;
}
.buttonContainer .button.amazing {
  padding: 14px 30px;
  font-size: 0.75rem;
}
.buttonContainer .button img, .buttonContainer .button svg {
  vertical-align: middle;
  width: 16px;
  height: 16px;
}
.buttonContainer .button img + span, .buttonContainer .button svg + span, .buttonContainer .button span + img, .buttonContainer .button span + svg {
  padding-left: 10px;
}

/*********************************************
  HEADER
*********************************************/
@media (max-width: 1049px) {
  .sidr-open #responsive-menu-button {
    position: absolute;
  }
}
.sidr-inner > ul li a {
  font-size: 1rem;
  padding-top: 6px !important;
  padding-bottom: 6px !important;
  font-weight: 400;
}

/*********************************************
  COPYRIGHT
*********************************************/
footer .copyright--white svg {
  fill: #ffffff;
}
footer .copyright {
  position: absolute;
  width: 30px;
  bottom: 30px;
  right: 20px;
}
@media (max-width: 599px) {
  footer .copyright {
    width: 15px;
  }
}

/*********************************************
  FORMS
*********************************************/
.form__row {
  width: 100%;
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
}
.form__row + .form__row {
  margin-top: 10px;
}
.form__row .buttonContainer {
  width: 100%;
  margin-top: 20px;
}
.form__item {
  width: calc(50% - 10px);
  margin-bottom: 40px;
}
@media (max-width: 424px) {
  .form__item {
    width: 100%;
  }
  .form__item + .form__item {
    margin-top: 10px;
  }
}
.form__item--large {
  width: 100%;
}
.form__item--small {
  width: calc(33.333% - 10px);
}
.form__item__withoutBd {
  margin-bottom: 0;
}
.form__item__label {
  display: block;
  margin-bottom: 5px;
  color: #7b7b7b;
  font-size: 0.887rem;
}
.form__item__input {
  width: 100%;
  border: 1px solid #eeeeee !important;
  padding: 7px 0 !important;
}
.form__item__input--big {
  padding: 14px 22px;
}
.form__item__textarea {
  width: 100%;
  max-width: 100%;
  height: 120px;
  border: none;
  padding: 7px 15px;
  border-radius: 5px;
}

/*********************************************
  WYSIWYG
*********************************************/
.wysiwyg {
  width: 100%;
}
.wysiwyg h3 {
  margin-bottom: 1em;
  color: inherit;
}
.wysiwyg p {
  font-family: itc-avant-garde-gothic-pro, sans-serif;
  margin-bottom: 1em;
  color: inherit;
}
.wysiwyg ul {
  list-style-type: disc;
  margin-bottom: 1em;
  margin-left: 40px;
  color: inherit;
}
.wysiwyg strong {
  font-weight: 500;
  color: inherit;
}
.wysiwyg img {
  max-width: 100%;
  height: auto;
  display: inline-block;
  width: inherit;
}
.wysiwyg table {
  width: 100% !important;
}
.wysiwyg table tr:nth-child(even) {
  background: #ffffff;
}
.wysiwyg table tr {
  background: #eeeeee;
}
.wysiwyg table tr td {
  padding: 10px 0;
}
.wysiwyg table tr td:first-child {
  padding-left: 10px;
}

/*********************************************
  SLICK
*********************************************/
.slick-dots {
  margin: 20px auto;
  text-align: center;
}
.slick-dots li {
  display: inline-block;
}
.slick-dots li button {
  width: 16px;
  height: 16px;
  background-color: #000000;
  border: none;
  font-size: 0;
  cursor: pointer;
}
.slick-dots li + li {
  margin-left: 10px;
}

/*********************************************
  SLICK
*********************************************/
.slick-dots li button {
  background-color: #eeeeee;
  transition: all 0.4s ease;
}
.slick-dots li.slick-active button, .slick-dots li:hover button {
  background-color: #ff9c00;
  transform: scale(1.4);
}

/*********************************************
  BURGER MENU
*********************************************/
@media (max-width: 599px) {
  .burgerContainer {
    display: block !important;
  }
}
.burgerContainer {
  /* IE11 FIX */
}
.burgerContainer.ie .menu > div {
  position: relative;
  left: -80vw;
}
.burgerContainer .outer-menu {
  position: absolute;
  width: calc(100% - 2em);
  left: 20px;
  top: 10px;
  z-index: 100;
}
.burgerContainer .outer-menu.toggled {
  position: fixed;
}

/*********************************************
  WYSIWYG
*********************************************/
.wysiwyg em {
  font-weight: 500;
  color: #000000 !important;
}
.wysiwyg h3, .wysiwyg ul {
  line-height: 1.8em;
  margin-bottom: 2em;
}
.wysiwyg p {
  line-height: 1.8;
  margin-bottom: 1em;
}
.wysiwyg ul {
  list-style: none; /* Remove default bullets */
}
.wysiwyg ul li::before {
  content: "•"; /* Add content: \2022 is the CSS Code/unicode for a bullet */
  font-weight: bold; /* If you want it to be bold */
  display: inline-block; /* Needed to add space between the bullet and the text */
  width: 1em; /* Also needed for space (tweak if needed) */
  margin-left: -1em; /* Also needed for space (tweak if needed) */
  color: #000000;
}

/*********************************************
  JS SOCIALS
*********************************************/
#shareIcons .jssocials-share-link {
  color: #eeeeee;
  background-color: transparent;
  font-size: 0.887rem;
  border-radius: 80px;
  padding: 0.2em 0.2em;
}
#shareIcons .jssocials-share-link:hover {
  color: #ff9c00;
}

/*********************************************
  PRETTY CHECKBOXES
*********************************************/
.pretty.p-default input:checked ~ .state label:after {
  background-color: #ff9c00 !important;
}

.pretty.p-default input:checked ~ .state label:after {
  background-color: #ff9c00 !important;
}

.state.p-default label {
  white-space: normal;
  line-height: 1.2em;
}
.state.p-default label::before {
  top: 0;
}
.state.p-default label::after {
  top: 0;
}

/*********************************************
  GOOGLE MAPS
*********************************************/
.gm-style .markerIllu img {
  width: 200px;
  margin-top: 20px;
  margin-bottom: 20px;
}

.gm-style .paragraph, .gm-style .googleLinks {
  text-align: center;
  text-transform: uppercase;
  color: #000000;
  font-family: muli, sans-serif;
  font-weight: 400;
}
.gm-style .paragraph a, .gm-style .googleLinks a {
  font-family: muli, sans-serif;
  font-weight: 400;
  color: #000000;
}

/*********************************************
  MICROMODALS
*********************************************/
/**************************\
Basic Modal Styles
/**************************/
.modal {
  font-family: -apple-system, BlinkMacSystemFont, avenir next, avenir, helvetica neue, helvetica, ubuntu, roboto, noto, segoe ui, arial, sans-serif;
}

.modal__overlay {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.6);
  display: flex;
  justify-content: center;
  align-items: center;
}

.modal__container {
  background-color: #fff;
  padding: 30px;
  max-width: 500px;
  max-height: 100vh;
  border-radius: 4px;
  overflow-y: auto;
  box-sizing: border-box;
}

.modal__header {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.modal__title {
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 600;
  font-size: 1.25rem;
  line-height: 1.25;
  color: #00449e;
  box-sizing: border-box;
}

.modal__close {
  background: transparent;
  border: 0;
}

.modal__header .modal__close:before {
  content: "✕";
}

.modal__content {
  margin-top: 2rem;
  margin-bottom: 2rem;
  line-height: 1.5;
  color: rgba(0, 0, 0, 0.8);
}

.modal__btn {
  font-size: 0.875rem;
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  background-color: #e6e6e6;
  color: rgba(0, 0, 0, 0.8);
  border-radius: 0.25rem;
  border-style: none;
  border-width: 0;
  cursor: pointer;
  -webkit-appearance: button;
  text-transform: none;
  overflow: visible;
  line-height: 1.15;
  margin: 0;
  will-change: transform;
  -moz-osx-font-smoothing: grayscale;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  transition: -webkit-transform 0.25s ease-out;
  transition: transform 0.25s ease-out;
  transition: transform 0.25s ease-out, -webkit-transform 0.25s ease-out;
}

.modal__btn:focus, .modal__btn:hover {
  -webkit-transform: scale(1.05);
  transform: scale(1.05);
}

.modal__btn-primary {
  background-color: #00449e;
  color: #fff;
}

/**************************\
  MICROMODALS
  Demo Animation Style
\**************************/
.modal {
  display: none;
}

.modal.is-open {
  display: block;
}

@keyframes mmfadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes mmfadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@keyframes mmslideIn {
  from {
    transform: translateY(15%);
  }
  to {
    transform: translateY(0);
  }
}
@keyframes mmslideOut {
  from {
    transform: translateY(0);
  }
  to {
    transform: translateY(-10%);
  }
}
.micromodal-slide {
  display: none;
}

.micromodal-slide.is-open {
  display: block;
}

.micromodal-slide[aria-hidden=false] .modal__overlay {
  animation: mmfadeIn 0.3s cubic-bezier(0, 0, 0.2, 1);
}

.micromodal-slide[aria-hidden=false] .modal__container {
  animation: mmslideIn 0.3s cubic-bezier(0, 0, 0.2, 1);
}

.micromodal-slide[aria-hidden=true] .modal__overlay {
  animation: mmfadeOut 0.3s cubic-bezier(0, 0, 0.2, 1);
}

.micromodal-slide[aria-hidden=true] .modal__container {
  animation: mmslideOut 0.3s cubic-bezier(0, 0, 0.2, 1);
}

.micromodal-slide .modal__container,
.micromodal-slide .modal__overlay {
  will-change: transform;
}

/***********************/
/*** MICROMODAL - me ***/
/***********************/
.modal__overlay {
  z-index: 1000;
}

.modal__container {
  z-index: 1001;
}

/***************************/
/*** NEWSLETTER MAILCHIMP ***/
/***************************/
/* MailChimp Form Embed Code - Classic - 12/17/2015 v10.7 */
#mc_embed_signup form {
  display: block;
  position: relative;
  text-align: left;
  margin: 20px;
}

#mc_embed_signup h2 {
  font-weight: bold;
  padding: 0;
  margin: 15px 0;
  font-size: 1.4em;
}

#mc_embed_signup input {
  border: 1px solid #ABB0B2;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}

#mc_embed_signup input[type=checkbox] {
  -webkit-appearance: checkbox;
}

#mc_embed_signup input[type=radio] {
  -webkit-appearance: radio;
}

#mc_embed_signup input:focus {
  border-color: #333;
}

#mc_embed_signup .button {
  clear: both;
  background-color: #aaa;
  border: 0 none;
  border-radius: 4px;
  transition: all 0.23s ease-in-out 0s;
  color: #FFFFFF;
  cursor: pointer;
  display: inline-block;
  font-size: 15px;
  font-weight: normal;
  height: 32px;
  line-height: 32px;
  margin: 0 5px 10px 0;
  padding: 0 22px;
  text-align: center;
  text-decoration: none;
  vertical-align: top;
  white-space: nowrap;
  width: fit-content;
  width: -moz-fit-content;
}

#mc_embed_signup .button:hover {
  background-color: #777;
}

#mc_embed_signup .small-meta {
  font-size: 11px;
}

#mc_embed_signup .nowrap {
  white-space: nowrap;
}

#mc_embed_signup .mc-field-group {
  clear: left;
  position: relative;
  width: 96%;
  padding-bottom: 3%;
  min-height: 50px;
  display: grid;
}

#mc_embed_signup .size1of2 {
  clear: none;
  float: left;
  display: inline-block;
  width: 46%;
  margin-right: 4%;
}

* html #mc_embed_signup .size1of2 {
  margin-right: 2%; /* Fix for IE6 double margins. */
}

#mc_embed_signup .mc-field-group label {
  display: block;
  margin-bottom: 3px;
}

#mc_embed_signup .mc-field-group input {
  display: block;
  width: 100%;
  padding: 8px 0;
  text-indent: 2%;
}

#mc_embed_signup .mc-field-group select {
  display: inline-block;
  width: 99%;
  padding: 5px 0;
  margin-bottom: 2px;
}

#mc_embed_signup .mc-address-fields-group {
  display: flex;
  flex-direction: row;
  justify-content: space-evenly;
  width: 96%;
  gap: 15px;
}

#mc_embed_signup .datefield, #mc_embed_signup .phonefield-us {
  padding: 5px 0;
}

#mc_embed_signup .datefield input, #mc_embed_signup .phonefield-us input {
  display: inline;
  width: 60px;
  margin: 0 2px;
  letter-spacing: 1px;
  text-align: center;
  padding: 5px 0 2px 0;
}

#mc_embed_signup .phonefield-us .phonearea input, #mc_embed_signup .phonefield-us .phonedetail1 input {
  width: 40px;
}

#mc_embed_signup .datefield .monthfield input, #mc_embed_signup .datefield .dayfield input {
  width: 30px;
}

#mc_embed_signup .datefield label, #mc_embed_signup .phonefield-us label {
  display: none;
}

#mc_embed_signup .indicates-required {
  text-align: right;
  font-size: 11px;
  margin-right: 4%;
}

#mc_embed_signup .asterisk {
  color: #e85c41;
  font-size: 150%;
  font-weight: normal;
  position: relative;
  top: 5px;
}

#mc_embed_signup .clear {
  clear: both;
}

#mc_embed_signup .foot {
  display: grid;
  grid-template-columns: 3fr 1fr;
  width: 96%;
  align-items: center;
}

@media screen and (max-width: 400px) {
  #mc_embed_signup .foot {
    display: grid;
    grid-template-columns: 1fr;
    width: 100%;
    align-items: center;
  }
}
@media screen and (max-width: 400px) {
  #mc_embed_signup .referralBadge {
    width: 50%;
  }
}
#mc_embed_signup .brandingLogo {
  justify-self: right;
}

@media screen and (max-width: 400px) {
  #mc_embed_signup .brandingLogo {
    justify-self: left;
  }
}
#mc_embed_signup .mc-field-group.input-group ul {
  margin: 0;
  padding: 5px 0;
  list-style: none;
}

#mc_embed_signup .mc-field-group.input-group ul li {
  display: block;
  padding: 3px 0;
  margin: 0;
}

#mc_embed_signup .mc-field-group.input-group label {
  display: inline;
}

#mc_embed_signup .mc-field-group.input-group input {
  display: inline;
  width: auto;
  border: none;
}

#mc_embed_signup div#mce-responses {
  float: left;
  top: -1.4em;
  padding: 0em 0.5em 0em 0.5em;
  overflow: hidden;
  width: 90%;
  margin: 0 5%;
  clear: both;
}

#mc_embed_signup div.response {
  margin: 1em 0;
  padding: 1em 0.5em 0.5em 0;
  font-weight: bold;
  float: left;
  top: -1.5em;
  z-index: 1;
  width: 80%;
}

#mc_embed_signup #mce-error-response {
  display: none;
}

#mc_embed_signup #mce-success-response {
  color: #529214;
  display: none;
}

#mc_embed_signup label.error {
  display: block;
  float: none;
  width: auto;
  margin-left: 1.05em;
  text-align: left;
  padding: 0.5em 0;
}

#mc_embed_signup .helper_text {
  color: #8d8985;
  margin-top: 2px;
  display: inline-block;
  padding: 3px;
  background-color: rgba(255, 255, 255, 0.85);
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  font-size: 14px;
  font-weight: normal;
  z-index: 1;
}

#mc-embedded-subscribe {
  clear: both;
  width: auto;
  display: block;
  margin: 1em 0 1em 5%;
}

#mc_embed_signup #num-subscribers {
  font-size: 1.1em;
}

#mc_embed_signup #num-subscribers span {
  padding: 0.5em;
  border: 1px solid #ccc;
  margin-right: 0.5em;
  font-weight: bold;
}

#mc_embed_signup #mc-embedded-subscribe-form div.mce_inline_error {
  display: inline-block;
  margin: 2px 0 1em 0;
  padding: 3px;
  background-color: rgba(255, 255, 255, 0.85);
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  font-size: 14px;
  font-weight: normal;
  z-index: 1;
  color: #e85c41;
}

#mc_embed_signup #mc-embedded-subscribe-form input.mce_inline_error {
  border: 2px solid #e85c41;
}

#mc_embed_signup {
  background: #fff;
  clear: left;
  font: 14px Helvetica, Arial, sans-serif;
  width: 600px;
}

#mc-embedded-subscribe-form input[type=checkbox] {
  display: inline;
  width: auto;
  margin-right: 10px;
}

#mergeRow-gdpr {
  margin-top: 20px;
}

#mergeRow-gdpr fieldset label {
  font-weight: normal;
}

#mc-embedded-subscribe-form .mc_fieldset {
  border: none;
  min-height: 0px;
  padding-bottom: 0px;
}

/*********************************************
  COOKIE CONSENT
*********************************************/
:root {
  --cc-font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
  --cc-font-size:16px;
  --cc-bg:#fff;
  --cc-z-index:2147483647;
  --cc-text:#2d4156;
  --cc-border-radius:.45rem;
  --cc-btn-primary-bg:#2d4156;
  --cc-btn-primary-text:var(--cc-bg);
  --cc-btn-primary-hover-bg:#1d2e38;
  --cc-btn-primary-hover-text:var(--cc-btn-primary-text);
  --cc-btn-secondary-bg:#eaeff2;
  --cc-btn-secondary-text:var(--cc-text);
  --cc-btn-secondary-hover-bg:#d8e0e6;
  --cc-btn-secondary-hover-text:var(--cc-btn-secondary-text);
  --cc-btn-border-radius:0.375rem;
  --cc-toggle-bg-off:#919ea6;
  --cc-toggle-bg-on:var(--cc-btn-primary-bg);
  --cc-toggle-bg-readonly:#d5dee2;
  --cc-toggle-knob-bg:#fff;
  --cc-toggle-knob-icon-color:#ecf2fa;
  --cc-block-text:var(--cc-text);
  --cc-cookie-category-block-bg:#f0f4f7;
  --cc-cookie-category-block-bg-hover:#e9eff4;
  --cc-section-border:#f1f3f5;
  --cc-cookie-table-border:#e9edf2;
  --cc-overlay-bg:#040608;
  --cc-overlay-opacity:.85;
  --cc-consent-modal-box-shadow:0 0.625rem 1.875rem rgba(2,2,3,.28);
  --cc-webkit-scrollbar-bg:#cfd5db;
  --cc-webkit-scrollbar-bg-hover:#9199a0;
}

.c_darkmode {
  --cc-bg:#181b1d;
  --cc-text:#d8e5ea;
  --cc-btn-primary-bg:#a6c4dd;
  --cc-btn-primary-text:#000;
  --cc-btn-primary-hover-bg:#c2dff7;
  --cc-btn-primary-hover-text:var(--cc-btn-primary-text);
  --cc-btn-secondary-bg:#33383c;
  --cc-btn-secondary-text:var(--cc-text);
  --cc-btn-secondary-hover-bg:#3e454a;
  --cc-btn-secondary-hover-text:var(--cc-btn-secondary-text);
  --cc-toggle-bg-off:#667481;
  --cc-toggle-bg-on:var(--cc-btn-primary-bg);
  --cc-toggle-bg-readonly:#454c54;
  --cc-toggle-knob-bg:var(--cc-cookie-category-block-bg);
  --cc-toggle-knob-icon-color:var(--cc-bg);
  --cc-block-text:#b3bfc5;
  --cc-cookie-category-block-bg:#23272a;
  --cc-cookie-category-block-bg-hover:#2b3035;
  --cc-section-border:#292d31;
  --cc-cookie-table-border:#2b3035;
  --cc-webkit-scrollbar-bg:#667481;
  --cc-webkit-scrollbar-bg-hover:#9199a0;
}

#cc--main {
  z-index: 2147483647;
  z-index: var(--cc-z-index);
}

.cc_div *, .cc_div :after, .cc_div :before, .cc_div :hover {
  animation: none;
  background: none;
  border: none;
  border-radius: unset;
  box-shadow: none;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: inherit;
  float: none;
  font-family: inherit;
  font-size: 1em;
  font-style: inherit;
  font-variant: normal;
  font-weight: inherit;
  height: auto;
  letter-spacing: unset;
  line-height: 1.2;
  margin: 0;
  padding: 0;
  text-align: left;
  text-decoration: none;
  text-transform: none;
  transition: none;
  vertical-align: baseline;
  visibility: unset;
}

.cc_div {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #2d4156;
  color: var(--cc-text);
  font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
  font-family: var(--cc-font-family);
  font-size: 16px;
  font-size: var(--cc-font-size);
  font-weight: 400;
  text-rendering: optimizeLegibility;
}

#c-ttl, #s-bl td:before, #s-ttl, .cc_div .b-tl, .cc_div .c-bn {
  font-weight: 600;
}

#cm, #s-bl .act .b-acc, #s-inr, .cc_div .b-tl, .cc_div .c-bl {
  border-radius: 0.45rem;
  border-radius: var(--cc-border-radius);
}

#s-bl .act .b-acc {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.cc_div a, .cc_div button, .cc_div input {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  overflow: hidden;
}

.cc_div a {
  border-bottom: 1px solid;
}

.cc_div a:hover {
  border-color: transparent;
  text-decoration: none;
}

.cc_div .c-bn > span {
  pointer-events: none;
}

#cm-ov, #cs-ov, .c--anim #cm, .c--anim #s-cnt, .c--anim #s-inr {
  transition: visibility 0.25s linear, opacity 0.25s ease, transform 0.25s ease !important;
}

.c--anim .c-bn {
  transition: background-color 0.25s ease !important;
}

.c--anim #cm.bar.slide, .c--anim #cm.bar.slide + #cm-ov, .c--anim .bar.slide #s-inr, .c--anim .bar.slide + #cs-ov {
  transition: visibility 0.4s ease, opacity 0.4s ease, transform 0.4s ease !important;
}

#cm.bar.slide, .cc_div .bar.slide #s-inr {
  opacity: 1;
  transform: translateX(100%);
}

#cm.bar.top.slide, .cc_div .bar.left.slide #s-inr {
  opacity: 1;
  transform: translateX(-100%);
}

#cm.slide, .cc_div .slide #s-inr {
  transform: translateY(1.6em);
}

#cm.top.slide {
  transform: translateY(-1.6em);
}

#cm.bar.slide {
  transform: translateY(100%);
}

#cm.bar.top.slide {
  transform: translateY(-100%);
}

.show--consent .c--anim #cm, .show--consent .c--anim #cm.bar, .show--settings .c--anim #s-inr, .show--settings .c--anim .bar.slide #s-inr {
  opacity: 1;
  transform: scale(1);
  visibility: visible !important;
}

.show--consent .c--anim #cm.box.middle, .show--consent .c--anim #cm.cloud.middle {
  transform: scale(1) translateY(-50%);
}

.show--settings .c--anim #s-cnt {
  visibility: visible !important;
}

.force--consent.show--consent .c--anim #cm-ov, .show--settings .c--anim #cs-ov {
  opacity: 0.85 !important;
  opacity: var(--cc-overlay-opacity) !important;
  visibility: visible !important;
}

#cm {
  background: #fff;
  background: var(--cc-bg);
  bottom: 1.25em;
  box-shadow: 0 0.625em 1.875em #000;
  box-shadow: 0 0.625rem 1.875rem rgba(2, 2, 3, 0.28);
  box-shadow: var(--cc-consent-modal-box-shadow);
  font-family: inherit;
  line-height: normal;
  max-width: 24.2em;
  opacity: 0;
  padding: 1em 1.4em 1.3em;
  position: fixed;
  right: 1.25em;
  transform: scale(0.95);
  visibility: hidden;
  width: 100%;
  z-index: 1;
}

#cc_div #cm {
  display: block !important;
}

#c-ttl {
  font-size: 1.05em;
  margin-bottom: 0.7em;
}

.cloud #c-ttl {
  margin-top: -0.15em;
}

#c-txt {
  font-size: 0.9em;
  line-height: 1.5em;
}

.cc_div #c-bns {
  display: flex;
  justify-content: space-between;
  margin-top: 1.4em;
}

.cc_div .c-bn {
  background: #eaeff2;
  background: var(--cc-btn-secondary-bg);
  border-radius: 0.375rem;
  border-radius: var(--cc-btn-border-radius);
  color: #2d4156;
  color: var(--cc-btn-secondary-text);
  cursor: pointer;
  display: inline-block;
  flex: 1;
  font-size: 0.82em;
  padding: 1em 1.7em;
  text-align: center;
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  -o-user-select: none;
  user-select: none;
}

#c-bns button + button, #s-c-bn, #s-cnt button + button {
  float: right;
  margin-left: 0.5rem;
}

#s-cnt #s-rall-bn {
  float: none;
}

#cm .c_link:active, #cm .c_link:hover, #s-c-bn:active, #s-c-bn:hover, #s-cnt button + button:active, #s-cnt button + button:hover {
  background: #d8e0e6;
  background: var(--cc-btn-secondary-hover-bg);
  color: #2d4156;
  color: var(--cc-btn-secondary-hover-text);
}

#s-cnt {
  display: table;
  height: 100%;
  left: 0;
  position: fixed;
  top: 0;
  visibility: hidden;
  width: 100%;
  z-index: 101;
}

#s-bl {
  outline: none;
  scrollbar-width: thin;
}

#s-bl .title {
  margin-top: 1.4em;
}

#s-bl .b-bn, #s-bl .title:first-child {
  margin-top: 0;
}

#s-bl .b-acc .p {
  margin-top: 0;
  padding: 1em;
}

#s-cnt .b-bn .b-tl {
  background: none;
  display: block;
  font-family: inherit;
  font-size: 0.95em;
  padding: 1.3em 6.4em 1.3em 2.7em;
  position: relative;
  transition: background-color 0.25s ease;
  width: 100%;
}

#s-cnt .b-bn .b-tl.exp {
  cursor: pointer;
}

#s-cnt .act .b-bn .b-tl {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

#s-cnt .b-bn .b-tl:active, #s-cnt .b-bn .b-tl:hover {
  background: #e9eff4;
  background: var(--cc-cookie-category-block-bg-hover);
}

#s-bl .b-bn {
  position: relative;
}

#s-bl .c-bl {
  border: 1px solid #f1f3f5;
  border: 1px solid var(--cc-section-border);
  margin-bottom: 0.4rem;
  padding: 1em;
  transition: background-color 0.25s ease;
}

#s-bl .c-bl:hover {
  background: #f0f4f7;
  background: var(--cc-cookie-category-block-bg);
}

#s-bl .c-bl:last-child {
  margin-bottom: 0.5em;
}

#s-bl .c-bl:first-child {
  border: none;
  margin-bottom: 2em;
  margin-top: 0;
  padding: 0;
  transition: none;
}

#s-bl .c-bl:not(.b-ex):first-child:hover {
  background: transparent;
  background: unset;
}

#s-bl .c-bl.b-ex {
  background: #f0f4f7;
  background: var(--cc-cookie-category-block-bg);
  border: none;
  padding: 0;
  transition: none;
}

#s-bl .c-bl.b-ex + .c-bl {
  margin-top: 2em;
}

#s-bl .c-bl.b-ex + .c-bl.b-ex {
  margin-top: 0;
}

#s-bl .c-bl.b-ex:first-child {
  margin-bottom: 1em;
  margin-bottom: 0.5em;
}

#s-bl .b-acc {
  display: none;
  margin-bottom: 0;
  max-height: 0;
  overflow: hidden;
  padding-top: 0;
}

#s-bl .act .b-acc {
  display: block;
  max-height: 100%;
  overflow: hidden;
}

#s-cnt .p {
  color: #2d4156;
  color: var(--cc-block-text);
  font-size: 0.9em;
  line-height: 1.5em;
  margin-top: 0.85em;
}

.cc_div .b-tg .c-tgl:disabled {
  cursor: not-allowed;
}

#c-vln {
  display: table-cell;
  position: relative;
  vertical-align: middle;
}

#cs {
  bottom: 0;
  left: 0;
  padding: 0 1.7em;
  position: fixed;
  right: 0;
  top: 0;
  width: 100%;
}

#cs, #s-inr {
  height: 100%;
}

#s-inr {
  box-shadow: 0 13px 27px -5px rgba(3, 6, 9, 0.26);
  margin: 0 auto;
  max-width: 45em;
  opacity: 0;
  overflow: hidden;
  padding-bottom: 4.75em;
  padding-top: 4.75em;
  position: relative;
  transform: scale(0.96);
  visibility: hidden;
}

#s-bns, #s-hdr, #s-inr {
  background: #fff;
  background: var(--cc-bg);
}

#s-bl {
  display: block;
  height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
  overflow-y: overlay;
  padding: 1.3em 1.6em;
  width: 100%;
}

#s-bns {
  border-top: 1px solid #f1f3f5;
  border-top: 1px solid var(--cc-section-border);
  bottom: 0;
  height: 4.75em;
  left: 0;
  padding: 1em 1.8em;
  position: absolute;
  right: 0;
}

.cc_div .cc-link {
  border-bottom: 1px solid #2d4156;
  border-bottom: 1px solid var(--cc-btn-primary-bg);
  color: #2d4156;
  color: var(--cc-btn-primary-bg);
  cursor: pointer;
  display: inline;
  font-weight: 600;
  padding-bottom: 0;
  text-decoration: none;
}

.cc_div .cc-link:active, .cc_div .cc-link:hover {
  border-color: transparent;
}

#c-bns button:first-child, #s-bns button:first-child {
  background: #2d4156;
  background: var(--cc-btn-primary-bg);
  color: #fff;
  color: var(--cc-btn-primary-text);
}

#c-bns.swap button:first-child {
  background: #eaeff2;
  background: var(--cc-btn-secondary-bg);
  color: #2d4156;
  color: var(--cc-btn-secondary-text);
}

#c-bns.swap button:last-child {
  background: #2d4156;
  background: var(--cc-btn-primary-bg);
  color: #fff;
  color: var(--cc-btn-primary-text);
}

.cc_div .b-tg .c-tgl:checked ~ .c-tg {
  background: #2d4156;
  background: var(--cc-toggle-bg-on);
}

#c-bns button:first-child:active, #c-bns button:first-child:hover, #c-bns.swap button:last-child:active, #c-bns.swap button:last-child:hover, #s-bns button:first-child:active, #s-bns button:first-child:hover {
  background: #1d2e38;
  background: var(--cc-btn-primary-hover-bg);
  color: #fff;
  color: var(--cc-btn-primary-hover-text);
}

#c-bns.swap button:first-child:active, #c-bns.swap button:first-child:hover {
  background: #d8e0e6;
  background: var(--cc-btn-secondary-hover-bg);
  color: #2d4156;
  color: var(--cc-btn-secondary-hover-text);
}

#s-hdr {
  border-bottom: 1px solid #f1f3f5;
  border-bottom: 1px solid var(--cc-section-border);
  display: table;
  height: 4.75em;
  padding: 0 1.8em;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 2;
}

#s-hdr, #s-ttl {
  vertical-align: middle;
}

#s-ttl {
  display: table-cell;
  font-size: 1em;
}

#s-c-bn {
  font-size: 1.45em;
  font-weight: 400;
  height: 1.7em;
  margin: 0;
  overflow: hidden;
  padding: 0;
  position: relative;
  width: 1.7em;
}

#s-c-bnc {
  display: table-cell;
  vertical-align: middle;
}

.cc_div span.t-lb {
  opacity: 0;
  overflow: hidden;
  pointer-events: none;
  position: absolute;
  top: 0;
  z-index: -1;
}

#c_policy__text {
  height: 31.25em;
  margin-top: 1.25em;
  overflow-y: auto;
}

#c-s-in {
  height: 100%;
  height: calc(100% - 2.5em);
  max-height: 37.5em;
  position: relative;
  top: 50%;
  transform: translateY(-50%);
}

@media screen and (min-width: 688px) {
  #s-bl::-webkit-scrollbar {
    background: transparent;
    border-radius: 0 0.25em 0.25em 0;
    height: 100%;
    width: 0.8em;
  }
  #s-bl::-webkit-scrollbar-thumb {
    background: #cfd5db;
    background: var(--cc-webkit-scrollbar-bg);
    border: 0.25em solid #fff;
    border: 0.25em solid var(--cc-bg);
    border-radius: 100em;
  }
  #s-bl::-webkit-scrollbar-thumb:hover {
    background: #9199a0;
    background: var(--cc-webkit-scrollbar-bg-hover);
  }
  #s-bl::-webkit-scrollbar-button {
    height: 5px;
    width: 10px;
  }
}
.cc_div .b-tg {
  bottom: 0;
  display: inline-block;
  margin: auto;
  right: 0;
  right: 1.2em;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  vertical-align: middle;
}

.cc_div .b-tg, .cc_div .b-tg .c-tgl {
  cursor: pointer;
  position: absolute;
  top: 0;
}

.cc_div .b-tg .c-tgl {
  border: 0;
  display: block;
  left: 0;
  margin: 0;
}

.cc_div .b-tg .c-tg {
  background: #919ea6;
  background: var(--cc-toggle-bg-off);
  pointer-events: none;
  position: absolute;
  transition: background-color 0.25s ease, box-shadow 0.25s ease;
}

.cc_div .b-tg, .cc_div .b-tg .c-tg, .cc_div .b-tg .c-tgl, .cc_div span.t-lb {
  border-radius: 4em;
  height: 1.5em;
  width: 3.4em;
}

.cc_div .b-tg .c-tg.c-ro {
  cursor: not-allowed;
}

.cc_div .b-tg .c-tgl ~ .c-tg.c-ro {
  background: #d5dee2;
  background: var(--cc-toggle-bg-readonly);
}

.cc_div .b-tg .c-tgl ~ .c-tg.c-ro:after {
  box-shadow: none;
}

.cc_div .b-tg .c-tg:after {
  background: #fff;
  background: var(--cc-toggle-knob-bg);
  border: none;
  border-radius: 100%;
  box-shadow: 0 1px 2px rgba(24, 32, 35, 0.36);
  box-sizing: content-box;
  content: "";
  display: block;
  height: 1.25em;
  left: 0.125em;
  position: relative;
  top: 0.125em;
  transition: transform 0.25s ease;
  width: 1.25em;
}

.cc_div .b-tg .c-tgl:checked ~ .c-tg:after {
  transform: translateX(1.9em);
}

#s-bl table, #s-bl td, #s-bl th {
  border: none;
}

#s-bl tbody tr {
  transition: background-color 0.25s ease;
}

#s-bl tbody tr:hover {
  background: #e9eff4;
  background: var(--cc-cookie-category-block-bg-hover);
}

#s-bl table {
  border-collapse: collapse;
  margin: 0;
  overflow: hidden;
  padding: 0;
  text-align: left;
  width: 100%;
}

#s-bl caption {
  border-bottom: 1px solid #e9edf2;
  border-bottom: 1px solid var(--cc-cookie-table-border);
  font-size: 0.9em;
  font-weight: 600;
  padding: 0.5rem 1rem;
}

#s-bl td, #s-bl th {
  font-size: 0.8em;
  padding: 0.8em 0.625em 0.8em 1.2em;
  text-align: left;
  vertical-align: top;
}

#s-bl th {
  font-family: inherit;
  font-weight: 600;
  padding: 1em 1rem;
}

#s-bl thead tr:first-child {
  border-bottom: 1px solid #e9edf2;
  border-bottom: 1px solid var(--cc-cookie-table-border);
}

.force--consent #cs, .force--consent #s-cnt {
  width: 100vw;
}

#cm-ov, #cs-ov {
  background: #070707;
  background: #040608;
  background: var(--cc-overlay-bg);
  bottom: 0;
  display: none;
  left: 0;
  opacity: 0;
  position: fixed;
  right: 0;
  top: 0;
  transition: none;
  visibility: hidden;
}

.c--anim #cs-ov, .force--consent .c--anim #cm-ov, .force--consent.show--consent #cm-ov, .show--settings #cs-ov {
  display: block;
}

#cs-ov {
  z-index: 2;
}

.force--consent .cc_div {
  bottom: 0;
  left: 0;
  position: fixed;
  top: 0;
  transition: visibility 0.25s linear;
  visibility: hidden;
  width: 100%;
  width: 100vw;
}

.force--consent.show--consent .c--anim .cc_div, .force--consent.show--settings .c--anim .cc_div {
  visibility: visible;
}

.force--consent #cm {
  position: absolute;
}

.force--consent #cm.bar {
  max-width: 100vw;
  width: 100vw;
}

html.force--consent.show--consent {
  overflow-y: hidden !important;
}

html.force--consent.show--consent, html.force--consent.show--consent body {
  height: auto !important;
  overflow-x: hidden !important;
}

.cc_div .act .b-bn .exp:before, .cc_div .b-bn .exp:before {
  border: solid #2d4156;
  border: solid var(--cc-btn-secondary-text);
  border-width: 0 2px 2px 0;
  content: "";
  display: inline-block;
  left: 1.2em;
  margin-right: 15px;
  padding: 0.2em;
  position: absolute;
  top: 50%;
  transform: translateY(-50%) rotate(45deg);
}

.cc_div .act .b-bn .b-tl:before {
  transform: translateY(-20%) rotate(225deg);
}

.cc_div .on-i:before {
  border: solid #ecf2fa;
  border: solid var(--cc-toggle-knob-icon-color);
  border-width: 0 2px 2px 0;
  display: inline-block;
  left: 0.75em;
  padding: 0.1em 0.1em 0.45em;
  top: 0.37em;
}

#s-c-bn:after, #s-c-bn:before, .cc_div .on-i:before {
  content: "";
  margin: 0 auto;
  position: absolute;
  transform: rotate(45deg);
}

#s-c-bn:after, #s-c-bn:before {
  background: #2d4156;
  background: var(--cc-btn-secondary-text);
  border-radius: 1em;
  height: 0.6em;
  left: 0.82em;
  top: 0.58em;
  width: 1.5px;
}

#s-c-bn:after {
  transform: rotate(-45deg);
}

.cc_div .off-i, .cc_div .on-i {
  display: block;
  height: 100%;
  position: absolute;
  right: 0;
  text-align: center;
  transition: opacity 0.15s ease;
  width: 50%;
}

.cc_div .on-i {
  left: 0;
  opacity: 0;
}

.cc_div .off-i:after, .cc_div .off-i:before {
  background: #ecf2fa;
  background: var(--cc-toggle-knob-icon-color);
  content: " ";
  display: block;
  height: 0.7em;
  margin: 0 auto;
  position: absolute;
  right: 0.8em;
  top: 0.42em;
  transform-origin: center;
  width: 0.09375em;
}

.cc_div .off-i:before {
  transform: rotate(45deg);
}

.cc_div .off-i:after {
  transform: rotate(-45deg);
}

.cc_div .b-tg .c-tgl:checked ~ .c-tg .on-i {
  opacity: 1;
}

.cc_div .b-tg .c-tgl:checked ~ .c-tg .off-i {
  opacity: 0;
}

#cm.box.middle, #cm.cloud.middle {
  bottom: auto;
  top: 50%;
  transform: translateY(-37%);
}

#cm.box.middle.zoom, #cm.cloud.middle.zoom {
  transform: scale(0.95) translateY(-50%);
}

#cm.box.center, #cm.cloud {
  left: 1em;
  margin: 0 auto;
  right: 1em;
}

#cm.cloud {
  max-width: 50em;
  overflow: hidden;
  padding: 1.2em 1.7em;
  text-align: center;
  width: unset;
}

.cc_div .cloud #c-inr {
  display: table;
  width: 100%;
}

.cc_div .cloud #c-inr-i {
  display: table-cell;
  padding-right: 2.4em;
  vertical-align: top;
  width: 70%;
}

.cc_div .cloud #c-txt {
  font-size: 0.85em;
}

.cc_div .cloud #c-bns {
  display: table-cell;
  min-width: 170px;
  vertical-align: middle;
}

#cm.cloud .c-bn {
  margin: 0.5rem 0 0;
  width: 100%;
}

#cm.cloud .c-bn:first-child {
  margin: 0;
}

#cm.cloud.left {
  margin-right: 1.25em;
}

#cm.cloud.right {
  margin-left: 1.25em;
}

#cm.bar {
  border-radius: 0;
  bottom: 0;
  left: 0;
  max-width: 100%;
  padding: 2em;
  position: fixed;
  right: 0;
  width: 100%;
}

#cm.bar #c-inr {
  margin: 0 auto;
  max-width: 32em;
}

#cm.bar #c-bns {
  max-width: 33.75em;
}

#cm.bar #cs {
  padding: 0;
}

.cc_div .bar #c-s-in {
  height: 100%;
  max-height: 100%;
  top: 0;
  transform: none;
}

.cc_div .bar #s-bl, .cc_div .bar #s-bns, .cc_div .bar #s-hdr {
  padding-left: 1.4em;
  padding-right: 1.4em;
}

.cc_div .bar #cs {
  padding: 0;
}

.cc_div .bar #s-inr {
  border-radius: 0;
  margin: 0 0 0 auto;
  max-width: 32em;
}

.cc_div .bar.left #s-inr {
  margin-left: 0;
  margin-right: auto;
}

.cc_div .bar #s-bl table, .cc_div .bar #s-bl tbody, .cc_div .bar #s-bl td, .cc_div .bar #s-bl th, .cc_div .bar #s-bl thead, .cc_div .bar #s-bl tr, .cc_div .bar #s-cnt {
  display: block;
}

.cc_div .bar #s-bl caption {
  border-bottom: 1px solid #e9edf2;
  border-bottom: 1px solid var(--cc-cookie-table-border);
  border-top: 0;
  display: block;
}

.cc_div .bar #s-bl thead tr {
  left: -9999px;
  position: absolute;
  top: -9999px;
}

.cc_div .bar #s-bl tr {
  border-top: 1px solid #e9edf2;
  border-top: 1px solid var(--cc-cookie-table-border);
}

.cc_div .bar #s-bl td {
  border: none;
  padding-left: 35%;
  position: relative;
}

.cc_div .bar #s-bl td:before {
  color: #2d4156;
  color: var(--cc-text);
  content: attr(data-column);
  left: 1rem;
  overflow: hidden;
  padding-right: 0.625em;
  position: absolute;
  text-overflow: ellipsis;
  white-space: nowrap;
}

#cm.top {
  bottom: auto;
  top: 1.25em;
}

#cm.left {
  left: 1.25em;
  right: auto;
}

#cm.right {
  left: auto;
  right: 1.25em;
}

#cm.bar.left, #cm.bar.right {
  left: 0;
  right: 0;
}

#cm.bar.top {
  top: 0;
}

@media (prefers-reduced-motion) {
  #cc--main #cm, #cc--main #s-cnt, #cc--main #s-inr {
    transition: none !important;
  }
}
@media screen and (max-width: 688px) {
  #cm, #cm.cloud, #cm.left, #cm.right {
    bottom: 1em;
    display: block;
    left: 1em;
    margin: 0;
    max-width: 100%;
    padding: 1.2em !important;
    right: 1em;
    width: auto;
  }
  .force--consent #cm, .force--consent #cm.cloud {
    max-width: 100vw;
    width: auto;
  }
  #cm.top {
    bottom: auto;
    top: 1em;
  }
  #cm.bottom {
    bottom: 1em;
    top: auto;
  }
  #cm.bar.bottom {
    bottom: 0;
  }
  #cm.cloud .c-bn {
    font-size: 0.85em;
  }
  #s-bns, .cc_div .bar #s-bns {
    padding: 1em 1.3em;
  }
  .cc_div .bar #s-inr {
    max-width: 100%;
    width: 100%;
  }
  .cc_div .cloud #c-inr-i {
    padding-right: 0;
  }
  #cs {
    border-radius: 0;
    padding: 0;
  }
  #c-s-in {
    height: 100%;
    max-height: 100%;
    top: 0;
    transform: none;
  }
  .cc_div .b-tg {
    right: 1.1em;
    transform: scale(1.1);
  }
  #s-inr {
    border-radius: 0;
    margin: 0;
    padding-bottom: 7.9em;
  }
  #s-bns {
    height: 7.9em;
  }
  #s-bl, .cc_div .bar #s-bl {
    padding: 1.2em;
  }
  #s-hdr, .cc_div .bar #s-hdr {
    padding: 0 1.2em;
  }
  #s-bl table {
    width: 100%;
  }
  #s-inr.bns-t {
    padding-bottom: 10.5em;
  }
  .bns-t #s-bns {
    height: 10.5em;
  }
  .cc_div .bns-t .c-bn {
    font-size: 0.83em;
    padding: 0.9em 1.6em;
  }
  #s-cnt .b-bn .b-tl {
    padding-bottom: 1.2em;
    padding-top: 1.2em;
  }
  #s-bl table, #s-bl tbody, #s-bl td, #s-bl th, #s-bl thead, #s-bl tr, #s-cnt {
    display: block;
  }
  #s-bl caption {
    border-bottom: 0;
    display: block;
  }
  #s-bl thead tr {
    left: -9999px;
    position: absolute;
    top: -9999px;
  }
  #s-bl tr {
    border-top: 1px solid #e9edf2;
    border-top: 1px solid var(--cc-cookie-table-border);
  }
  #s-bl td {
    border: none;
    padding-left: 35%;
    position: relative;
  }
  #s-bl td:before {
    color: #2d4156;
    color: var(--cc-text);
    content: attr(data-column);
    left: 1rem;
    overflow: hidden;
    padding-right: 0.625em;
    position: absolute;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  #cm .c-bn, .cc_div .c-bn {
    margin-right: 0;
    width: 100%;
  }
  #s-cnt #s-rall-bn {
    margin-left: 0;
  }
  .cc_div #c-bns {
    flex-direction: column;
  }
  #c-bns button + button, #s-cnt button + button {
    float: unset;
    margin-left: 0;
    margin-top: 0.625em;
  }
  #cm.box, #cm.cloud {
    left: 1em;
    right: 1em;
    width: auto;
  }
  #cm.cloud.left, #cm.cloud.right {
    margin: 0;
  }
  .cc_div .cloud #c-bns, .cc_div .cloud #c-inr, .cc_div .cloud #c-inr-i {
    display: block;
    min-width: unset;
    width: auto;
  }
  .cc_div .cloud #c-txt {
    font-size: 0.9em;
  }
  .cc_div .cloud #c-bns {
    margin-top: 1.625em;
  }
}
/*********************************************
  COOKIE CONSENT - override me
*********************************************/
:root {
  --cc-bg: #fff;
  --cc-text: #2d4156;
  --cc-border-radius: .35em;
  --cc-btn-primary-bg: #2d4156;
  --cc-btn-primary-text: var(--cc-bg);
  --cc-btn-primary-hover-bg: #1d2e38;
  --cc-btn-secondary-bg: #eaeff2;
  --cc-btn-secondary-text: var(--cc-text);
  --cc-btn-secondary-hover-bg: #d8e0e6;
  --cc-btn-border-radius: 4px;
  --cc-toggle-bg-off: #919ea6;
  --cc-toggle-bg-on: var(--cc-btn-primary-bg);
  --cc-toggle-bg-readonly: #d5dee2;
  --cc-toggle-knob-bg: #fff;
  --cc-toggle-knob-icon-color: #ecf2fa;
  --cc-block-text: var(--cc-text);
  --cc-cookie-category-block-bg: #f0f4f7;
  --cc-cookie-category-block-bg-hover: #e9eff4;
  --cc-section-border: #f1f3f5;
  --cc-cookie-table-border: #e9edf2;
  --cc-overlay-bg: rgba(4, 6, 8, .85);
  --cc-webkit-scrollbar-bg: #cfd5db;
  --cc-webkit-scrollbar-bg-hover: #9199a0;
}

/*********************************************
  MAGNIFIC POPUP - override me
*********************************************/
.mfp-bottom-bar {
  display: none;
}

/*********************************************
  MAIN LIB
*********************************************/
.outer-menu {
  position: fixed;
  right: 1em;
  top: 1em;
  z-index: 1;
}
.outer-menu .checkbox-toggle {
  position: absolute;
  top: 0;
  left: 0;
  right: 1em;
  z-index: 2;
  cursor: pointer;
  width: 60px;
  height: 60px;
  opacity: 0;
}
.outer-menu .checkbox-toggle:checked + .hamburger > div {
  transform: rotate(135deg);
  background: #ffffff;
}
.outer-menu .checkbox-toggle:checked + .hamburger > div:before, .outer-menu .checkbox-toggle:checked + .hamburger > div:after {
  top: 0;
  transform: rotate(90deg);
  background: #ffffff;
}
.outer-menu .checkbox-toggle:checked + .hamburger > div:after {
  opacity: 0;
}
.outer-menu .checkbox-toggle:checked ~ .menu {
  pointer-events: auto;
  visibility: visible;
}
.outer-menu .checkbox-toggle:checked ~ .menu > .containerMenu {
  transform: translateX(0);
  transition-duration: 0.5s;
  pointer-events: auto;
}
.outer-menu .checkbox-toggle:checked ~ .menu > .containerMenu > div {
  opacity: 1;
  transition: opacity 0.4s ease;
}
.outer-menu .checkbox-toggle:checked:hover + .hamburger > div {
  transform: rotate(225deg);
}
.outer-menu .hamburger {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 60px;
  height: 60px;
  padding: 0.5em 1em;
  background: transparent;
  border-radius: 0 0.12em 0.12em 0;
  cursor: pointer;
  transition: box-shadow 0.4s ease;
  backface-visibility: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
}
.outer-menu .hamburger > div {
  position: relative;
  flex: none;
  width: 100%;
  height: 2px;
  background: #009cdd;
  transition: all 0.4s ease;
  display: flex;
  align-items: center;
  justify-content: center;
}
.outer-menu .hamburger > div:before, .outer-menu .hamburger > div:after {
  content: "";
  position: absolute;
  z-index: 1;
  top: -10px;
  left: 0;
  width: 100%;
  height: 2px;
  background: inherit;
  transition: all 0.4s ease;
}
.outer-menu .hamburger > div:after {
  top: 10px;
}
.outer-menu .menu {
  display: flex !important;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  visibility: hidden;
  overflow: hidden;
  backface-visibility: hidden;
  outline: 1px solid transparent;
  display: flex;
  align-items: center;
  justify-content: center;
}
.outer-menu .menu .containerMenu {
  width: 150%;
  height: 150%;
  width: 260vw;
  height: 260vw;
  min-height: 100vh;
  color: #009cdd;
  background: rgba(0, 106, 155, 0.98);
  border-radius: 50%;
  flex: none;
  transition: all 0.4s ease;
  transform: translateX(100%);
  transition-duration: 0.75s;
  pointer-events: none;
  backface-visibility: hidden;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-flow: column wrap;
}
@media screen and (max-width: 300px) {
  .outer-menu .menu .containerMenu {
    height: 125%;
  }
}
.outer-menu .menu .containerMenu > div {
  overflow-y: auto;
  max-height: 80vh;
}
.outer-menu .menu .containerMenu > div > div, .outer-menu .menu .containerMenu > div .burgerMenu {
  text-align: center;
  max-width: 100%;
  max-height: 100vh;
  opacity: 1;
  transition: opacity 0.4s ease;
  overflow-y: auto;
  flex: none;
  display: flex;
  align-items: center;
  justify-content: center;
}
.outer-menu .menu .containerMenu > div > div > ul, .outer-menu .menu .containerMenu > div .burgerMenu > ul {
  list-style: none;
  padding: 0 1em;
  margin: 0;
  display: block;
  max-height: 100vh;
}
.outer-menu .menu .containerMenu > div > div > ul > li, .outer-menu .menu .containerMenu > div .burgerMenu > ul > li {
  padding: 0;
  margin: 0.3em;
  font-size: 24px;
  display: block;
}
@media all and (max-height: 600px) {
  .outer-menu .menu .containerMenu > div > div > ul > li, .outer-menu .menu .containerMenu > div .burgerMenu > ul > li {
    margin: 0.2em 1em;
  }
}
.outer-menu .menu .containerMenu > div > div > ul > li > a, .outer-menu .menu .containerMenu > div > div > ul > li a, .outer-menu .menu .containerMenu > div .burgerMenu > ul > li > a, .outer-menu .menu .containerMenu > div .burgerMenu > ul > li a {
  position: relative;
  display: inline;
  cursor: pointer;
  transition: color 0.4s ease;
  font-size: 1rem;
}
.outer-menu .menu .containerMenu > div > div > ul > li > a:hover, .outer-menu .menu .containerMenu > div > div > ul > li > a.currentpage, .outer-menu .menu .containerMenu > div > div > ul > li > a.activeparent, .outer-menu .menu .containerMenu > div > div > ul > li a:hover, .outer-menu .menu .containerMenu > div > div > ul > li a.currentpage, .outer-menu .menu .containerMenu > div > div > ul > li a.activeparent, .outer-menu .menu .containerMenu > div .burgerMenu > ul > li > a:hover, .outer-menu .menu .containerMenu > div .burgerMenu > ul > li > a.currentpage, .outer-menu .menu .containerMenu > div .burgerMenu > ul > li > a.activeparent, .outer-menu .menu .containerMenu > div .burgerMenu > ul > li a:hover, .outer-menu .menu .containerMenu > div .burgerMenu > ul > li a.currentpage, .outer-menu .menu .containerMenu > div .burgerMenu > ul > li a.activeparent {
  color: #009cdd;
}
.outer-menu .menu .containerMenu > div > div > ul > li > a:hover:after, .outer-menu .menu .containerMenu > div > div > ul > li > a.currentpage:after, .outer-menu .menu .containerMenu > div > div > ul > li > a.activeparent:after, .outer-menu .menu .containerMenu > div > div > ul > li a:hover:after, .outer-menu .menu .containerMenu > div > div > ul > li a.currentpage:after, .outer-menu .menu .containerMenu > div > div > ul > li a.activeparent:after, .outer-menu .menu .containerMenu > div .burgerMenu > ul > li > a:hover:after, .outer-menu .menu .containerMenu > div .burgerMenu > ul > li > a.currentpage:after, .outer-menu .menu .containerMenu > div .burgerMenu > ul > li > a.activeparent:after, .outer-menu .menu .containerMenu > div .burgerMenu > ul > li a:hover:after, .outer-menu .menu .containerMenu > div .burgerMenu > ul > li a.currentpage:after, .outer-menu .menu .containerMenu > div .burgerMenu > ul > li a.activeparent:after {
  width: 100%;
}
.outer-menu .menu .containerMenu > div > div > ul > li > a:after, .outer-menu .menu .containerMenu > div > div > ul > li a:after, .outer-menu .menu .containerMenu > div .burgerMenu > ul > li > a:after, .outer-menu .menu .containerMenu > div .burgerMenu > ul > li a:after {
  content: "";
  position: absolute;
  z-index: 1;
  bottom: -0.15em;
  left: 0;
  width: 0;
  height: 2px;
  background: #009cdd;
  transition: width 0.4s ease;
}

.hidden {
  display: none !important;
}

/*********************************************
  my mixins
*********************************************/
/*********************************************
  COMMONS
*********************************************/
main {
  position: relative;
  overflow: hidden;
}

a {
  color: #ff9c00;
}
a:hover {
  color: #ff9c00;
}

::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #7b7b7b;
}

::-moz-placeholder { /* Firefox 19+ */
  color: #7b7b7b;
}

:-ms-input-placeholder { /* IE 10+ */
  color: #7b7b7b;
}

:-moz-placeholder { /* Firefox 18- */
  color: #7b7b7b;
}

div, p, li, td, th, a {
  color: #000000;
}

h1, h2, h3, h4, h5, h6 {
  text-transform: uppercase;
  color: #000000;
  font-family: muli, sans-serif;
}

.hide {
  display: none;
}

input[type=text], input[type=password], input[type=date], input[type=number], input[type=email], .form__item__textarea, select {
  color: #000000;
  padding: 1em;
  background: #fafafa;
  border: none !important;
  border-bottom: 1px solid #eeeeee !important;
  padding: 7px !important;
}
input[type=text]::placeholder, input[type=password]::placeholder, input[type=date]::placeholder, input[type=number]::placeholder, input[type=email]::placeholder, .form__item__textarea::placeholder, select::placeholder {
  color: #eeeeee;
}

ul.error {
  background: #972500;
  width: 100%;
  max-width: calc(100% - 80px);
  padding: 20px;
  margin-bottom: 40px;
}
ul.error li {
  color: #ffffff;
}

select {
  border: none;
  width: 100%;
}

/*********************************************
  WRAPPER
*********************************************/
.wrapper {
  position: relative;
  max-width: 1560px;
  margin-left: auto;
  margin-right: auto;
  padding: 0;
}
@media screen and (max-width: 1660px) {
  .wrapper {
    max-width: none;
    width: 100%;
    padding: 0px 50px;
  }
}
@media (max-width: 1049px) {
  .wrapper {
    padding: 0 5%;
  }
}

.wrapperLeft {
  position: relative;
  max-width: 1660px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 275px !important;
}
@media (max-width: 1199px) {
  .wrapperLeft {
    padding-left: 220px !important;
  }
}
@media (max-width: 1049px) {
  .wrapperLeft {
    padding-left: 50px !important;
    padding-right: 50px !important;
  }
}
@media (max-width: 599px) {
  .wrapperLeft {
    padding-left: 5% !important;
    padding-right: 5% !important;
  }
}
.wrapperLeft--spaceright {
  padding-right: 100px !important;
}
@media (max-width: 1199px) {
  .wrapperLeft--spaceright {
    padding-right: 50px !important;
  }
}
@media (max-width: 599px) {
  .wrapperLeft--spaceright {
    padding-left: 5% !important;
    padding-right: 5% !important;
  }
}

div, section, img {
  position: relative;
}

.maintitle {
  position: relative;
  font-size: 1.618rem;
  text-transform: uppercase;
  font-weight: 800;
  margin-bottom: 2em;
  color: #4a4a4a;
  font-family: muli, sans-serif;
  line-height: 1.2;
  padding-top: 20px;
  max-width: 600px;
}
@media (max-width: 1049px) {
  .maintitle {
    font-size: 1.272rem;
    margin-bottom: 1em;
  }
}
.maintitle strong {
  font-weight: 800;
}
.maintitle em {
  font-weight: normal;
}
.maintitle:before {
  content: "";
  position: absolute;
  left: 0px;
  top: 0;
  width: 100px;
  height: 6px;
  background: #F4D821;
}
.maintitle--nodeco:before {
  display: none;
}
.maintitle--decoblue:before {
  background-color: #009cdd;
}
.maintitle--decored:before {
  background-color: #D94A27;
}
.maintitle--decogreen:before {
  background-color: #43A15B;
}
.maintitle--decogray:before {
  background-color: #EAEAEA;
}
.maintitle--center {
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}
.maintitle--center:before {
  left: 50%;
  transform: translateX(-50%);
}
.maintitle--white {
  color: #ffffff;
}
.maintitle--white * {
  color: #ffffff;
}
.maintitle--small {
  font-size: 1.272rem;
  margin-bottom: 1.2em;
}
@media (max-width: 1049px) {
  .maintitle--small {
    font-size: 1.1rem;
    margin-bottom: 0.7em;
  }
}
.maintitle--small:before {
  display: none;
}
.maintitle--xsmall {
  font-size: 1.1rem;
  margin-bottom: 1.2em;
}
@media (max-width: 1049px) {
  .maintitle--xsmall {
    font-size: 1rem;
    margin-bottom: 0.7em;
  }
}
.maintitle--xsmall:before {
  display: none;
}
.maintitle--xxsmall {
  font-size: 1rem;
  margin-bottom: 1.2em;
}
@media (max-width: 1049px) {
  .maintitle--xxsmall {
    font-size: 0.887rem;
    margin-bottom: 0.7em;
  }
}
.maintitle--xxsmall:before {
  display: none;
}
.maintitle--page {
  font-size: 2.618rem;
}
@media (max-width: 1049px) {
  .maintitle--page {
    font-size: 2.058rem;
  }
}

/*********************************************
  PAGINATION
*********************************************/
.pagination {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 20px;
}
.pagination li {
  margin: 0 3px;
}
.pagination li a {
  display: block;
  padding: 10px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  background: #eeeeee;
}

/*********************************************
  MAIN MENU
*********************************************/
.menuContainer {
  position: fixed;
  top: 90px;
  left: 0;
  width: 225px;
  z-index: 9000;
}
@media (max-width: 1199px) {
  .menuContainer {
    width: 170px;
  }
}
@media (max-width: 1049px) {
  .menuContainer {
    top: 0;
    width: 50px;
    height: 70px;
    position: absolute;
  }
}
.menuContainer__btn {
  position: relative;
  z-index: 3;
  background: #009cdd;
}
@media (max-width: 1049px) {
  .menuContainer__btn {
    display: none;
  }
}
.menuContainer__btn .menuBtn {
  cursor: pointer;
  position: relative;
  padding: 10px 0;
  text-transform: uppercase;
  color: #ffffff;
  font-size: 1.1rem;
  font-family: muli, sans-serif;
  font-weight: bold;
  text-align: left;
  display: block;
  transition: all 0.2s ease;
}
@media (max-width: 1049px) {
  .menuContainer__btn .menuBtn {
    height: 70px;
  }
}
.menuContainer__btn .menuBtn .text {
  padding-left: 30px;
  position: relative;
  display: inline-block;
}
@media (max-width: 1199px) {
  .menuContainer__btn .menuBtn .text {
    padding-left: 15px;
  }
}
.menuContainer__btn .menuBtn span.svg {
  position: absolute;
  right: 35px;
  top: calc(50% - 10px);
  display: block;
  transition: all 0.2s ease;
}
.menuContainer__btn .menuBtn span.svg svg {
  fill: #ffffff;
  height: 20px;
  width: 20px;
  transform: rotate(0deg);
  transition: transform 0.4s ease;
}
.menuContainer__btn .menuBtn.opened span.svg svg {
  transform: rotate(180deg);
}
.menuContainer__nav {
  position: relative;
  z-index: 2;
}
.menuContainer__nav ul {
  padding: 10px 30px;
  background-color: #ffffff;
  position: relative;
  display: block;
  pointer-events: none;
  height: 0;
  opacity: 0;
  transform: translateY(-10px);
  transition: opacity 0.4s ease, transform 0.4s ease;
}
@media (max-width: 1199px) {
  .menuContainer__nav ul {
    padding: 15px 15px;
  }
}
.menuContainer__nav ul.active {
  pointer-events: auto;
  height: auto;
  opacity: 1;
  transform: translateY(0);
}
.menuContainer__nav ul li {
  margin-bottom: 15px;
}
.menuContainer__nav ul li a {
  position: relative;
  display: block;
  color: #7b7b7b;
  padding-left: 0;
  transition: color 0.2s ease, padding-left 0.4s ease;
}
.menuContainer__nav ul li a:after {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 10px;
  height: 10px;
  background-color: #d85a31;
  opacity: 0;
  transition: opacity 0.2s ease;
}
.menuContainer__nav ul li a.currentpage, .menuContainer__nav ul li a.activeparent, .menuContainer__nav ul li a:focus, .menuContainer__nav ul li a:hover {
  color: #000000;
  padding-left: 16px;
}
.menuContainer__nav ul li a.currentpage:after, .menuContainer__nav ul li a.activeparent:after, .menuContainer__nav ul li a:focus:after, .menuContainer__nav ul li a:hover:after {
  opacity: 1;
  transition: opacity 0.2s ease 0.1s;
}

/*********************************************
  BREADCRUMBS
*********************************************/
.breadcrumbsContainer {
  width: 100%;
}
.breadcrumbsContainer .fullWidth__wrapper {
  padding: 5px 80px;
}

.breadcrumbs {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-family: muli, sans-serif;
  font-size: 0.887rem;
  color: #000000;
  margin-bottom: 1em;
  display: flex;
  align-items: center;
}
.breadcrumbs li {
  display: flex;
  align-items: center;
}
.breadcrumbs .sep {
  background: #ff9c00;
  height: 5px;
  width: 5px;
  border-radius: 5px;
  display: inline-block;
  margin: 0 5px;
}
.breadcrumbs .breadcrumb {
  font-family: muli, sans-serif;
  color: #000000;
  font-size: 0.887rem;
}
.breadcrumbs span {
  display: inline-block;
}
.breadcrumbs .current {
  font-weight: 500;
}
.breadcrumbs a {
  font-family: muli, sans-serif;
  font-size: 0.887rem;
  color: #000000;
}
.breadcrumbs a:hover {
  color: #ff9c00;
}

/*********************************************
  BURGER
*********************************************/
.burgerContainer {
  left: 8px;
  top: -30px;
  /* IE11 FIX */
}
.burgerContainer.ie .menu > div {
  position: relative;
  left: -80vw;
}
@media (max-width: 1049px) {
  .burgerContainer {
    display: block !important;
  }
}
.burgerContainer .outer-menu {
  position: absolute;
  width: calc(100% - 2em);
  left: 0;
  top: 7px;
}
.burgerContainer .outer-menu.toggled {
  position: fixed;
}
.burgerContainer .hamburger {
  width: 50px;
  height: 50px;
  padding: 0.5em 10px;
}
.burgerContainer .hamburger > div {
  background: #009cdd !important;
}
.burgerContainer .hamburger > div:before, .burgerContainer .hamburger > div:after {
  background: #009cdd !important;
}
.burgerContainer .burgerMenu svg {
  display: none;
}
.burgerContainer .burgerMenu ul li a {
  color: #ffffff !important;
  font-size: 1.272rem !important;
}
.burgerContainer .burgerMenu ul li a:hover {
  color: #ff9c00 !important;
}
.burgerContainer .burgerMenu ul li ul li a {
  padding: 0 0.5em;
  font-size: 0.887rem !important;
}
.burgerContainer .burgerMenu ul li ul li a:hover {
  color: #ff9c00 !important;
}
.burgerContainer .headerContactContainer {
  width: auto;
}

/*********************************************
Besoin d'espace ?
*********************************************/
.needSpaceContainer {
  background: #e8d02e;
  padding: 120px 0;
}
.needSpaceContainer__wrapper {
  display: grid;
  grid-template-columns: 1fr 2fr;
  align-items: flex-end;
  padding-right: 100px;
}
@media (max-width: 1199px) {
  .needSpaceContainer__wrapper {
    grid-template-columns: 1fr;
  }
}
@media (max-width: 1199px) {
  .needSpaceContainer__wrapper {
    padding-right: 50px;
  }
}
@media (max-width: 424px) {
  .needSpaceContainer__wrapper {
    padding: 0 20px !important;
  }
}
.needSpaceContainer__left {
  padding: 0 13%;
  height: 100%;
}
@media (max-width: 1199px) {
  .needSpaceContainer__left {
    margin-bottom: 50px;
    text-align: center;
  }
  .needSpaceContainer__left .buttonContainer {
    text-align: center !important;
  }
}
.needSpaceContainer__left__title {
  font-size: 2.058rem;
  text-transform: uppercase;
  margin-bottom: 30px;
  font-weight: 800;
  color: #ffffff;
  position: relative;
}
.needSpaceContainer__left__description {
  line-height: 2em;
  color: #ffffff;
  margin-bottom: 30px;
}
.needSpaceContainer__advantages__list {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 40px;
}
@media (max-width: 599px) {
  .needSpaceContainer__advantages__list {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 424px) {
  .needSpaceContainer__advantages__list {
    grid-template-columns: 1fr;
  }
}
.needSpaceContainer__advantages__list__item svg {
  width: 25px;
  height: 25px;
  filter: invert(51%) sepia(5%) saturate(4898%) hue-rotate(14deg) brightness(87%) contrast(67%);
}
.needSpaceContainer__advantages__list__item svg image {
  width: 100%;
  height: 100%;
  filter: invert(51%) sepia(5%) saturate(4898%) hue-rotate(14deg) brightness(87%) contrast(67%);
}
.needSpaceContainer__advantages__list__item__title {
  color: #ffffff;
  font-weight: 800;
  margin-bottom: 10px;
}
.needSpaceContainer__advantages__list__item__description {
  font-size: 0.75rem;
}

/*********************************************
Message d'erreur
*********************************************/
.orderContainer__detail__content__errors {
  margin-bottom: 30px;
}
.orderContainer__detail__content__errors__list {
  background: #972500;
  padding: 15px;
}
.orderContainer__detail__content__errors__list__item {
  text-align: center;
  color: #ffffff;
}
.orderContainer__detail__content__errors.alert .orderContainer__detail__content__errors__list {
  background: #eeeeee;
  border: 1px solid #d85a31;
  padding: 15px;
}
.orderContainer__detail__content__errors.alert .orderContainer__detail__content__errors__list__item {
  text-align: center;
  color: #d85a31;
}

/*********************************************
Avantages
*********************************************/
.advantage {
  margin: 60px 0;
}
.advantage li {
  display: flex;
  align-items: center;
  margin-bottom: 13px;
}
.advantage li svg {
  fill: #ff9c00;
  width: 20px;
  height: 20px;
  filter: invert(52%) sepia(98%) saturate(531%) hue-rotate(358deg) brightness(103%) contrast(108%);
}
.advantage li svg image {
  width: 100%;
  filter: invert(52%) sepia(98%) saturate(531%) hue-rotate(358deg) brightness(103%) contrast(108%);
}
.advantage li span {
  color: #7b7b7b;
  font-weight: 600;
  margin-left: 15px;
}

/*********************************************
  HEADER
*********************************************/
.headContainer {
  position: relative;
  z-index: 5;
  background: none;
  height: 100px;
}
@media (max-width: 1199px) {
  .headContainer {
    height: 70px;
  }
}
.headContainer__top {
  position: relative;
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
.headContainer__top__logo {
  display: block;
  position: fixed;
  top: 25px;
  left: 0;
  z-index: 1000;
}
@media (max-width: 1049px) {
  .headContainer__top__logo {
    position: relative;
    top: unset;
  }
}
.headContainer__top__logo__link {
  display: inline-block;
  height: 40px;
  width: 200px;
  padding-left: 35px;
}
@media (max-width: 1049px) {
  .headContainer__top__logo__link {
    height: 40px;
    width: 140px;
    margin-left: 70px;
    padding-left: 0;
  }
}
.headContainer__top__logo__link #animlogo {
  position: relative;
  width: 100%;
  height: 100%;
}
.headContainer__top__logo__link img {
  margin-left: 0;
  max-height: 100%;
}
.headContainer__top__connection {
  width: 100px;
}
@media (max-width: 1199px) {
  .headContainer__top__connection {
    width: 50px;
  }
}
.headContainer__top__connection__link {
  height: 100px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #e8d02e;
  transition: background-color 0.2s ease;
}
@media (max-width: 1199px) {
  .headContainer__top__connection__link {
    height: 70px;
  }
}
.headContainer__top__connection__link svg {
  fill: #ffffff;
  width: 25px;
  height: 25px;
}
@media (max-width: 1199px) {
  .headContainer__top__connection__link svg {
    height: 17px;
    width: 17px;
  }
}
.headContainer__top__connection__link:focus, .headContainer__top__connection__link:hover {
  background-color: #f4d547;
}
.headContainer__top__socials {
  position: absolute;
  top: 120px;
  right: 32px;
}
@media (max-width: 1199px) {
  .headContainer__top__socials {
    right: 8px;
    top: 80px;
  }
}
.headContainer__top__socials > ul {
  width: 100%;
  position: relative;
}
.headContainer__top__socials > ul li a {
  display: block;
  padding: 10px;
  text-align: center;
}
.headContainer__top__socials > ul li a svg {
  fill: #ffffff !important;
  max-height: 15px;
  max-width: 15px;
}
.headContainer__banner {
  display: grid;
  grid-template-columns: 1fr 2fr 100px;
  align-items: flex-end;
}
@media (max-width: 1199px) {
  .headContainer__banner {
    grid-template-columns: 1fr 2fr 50px;
  }
}
.headContainer__banner__text {
  padding: 0 15% 80px;
}
@media (max-width: 899px) {
  .headContainer__banner__text {
    grid-column-start: 1;
    grid-column-end: 4;
    padding: 80px 100px 20px 50px;
    text-align: center;
  }
}
@media (max-width: 599px) {
  .headContainer__banner__text {
    padding: 50px 50px 20px 0;
  }
}
@media (max-width: 424px) {
  .headContainer__banner__text {
    padding: 50px 20px 20px 20px;
  }
}
.headContainer__banner__text__title {
  font-size: 1.618rem;
  text-transform: uppercase;
  color: #009cdd;
  margin-bottom: 0;
  font-weight: 800;
}
@media (max-width: 899px) {
  .headContainer__banner__text__title {
    text-align: center;
  }
}
.headContainer__banner__text__subtitle {
  font-size: 4.236rem;
  color: #4a4a4a;
  letter-spacing: 1px;
  text-transform: initial;
  line-height: 1em;
  text-indent: -3px;
  margin-bottom: 0;
}
@media (max-width: 899px) {
  .headContainer__banner__text__subtitle {
    text-align: center;
  }
}
@media (max-width: 1449px) {
  .headContainer__banner__text__subtitle {
    font-size: 2.618rem;
    text-indent: 0;
  }
}
.headContainer__banner__text__subtitle2 {
  font-size: 1rem;
  color: #ff9c00;
  margin-bottom: 2em;
}
@media (max-width: 899px) {
  .headContainer__banner__text__subtitle2 {
    text-align: center;
  }
}
@media (max-width: 1449px) {
  .headContainer__banner__text__subtitle2 {
    text-indent: 0;
  }
}
@media (max-width: 899px) {
  .headContainer__banner__illustration {
    grid-column-start: 1;
    grid-column-end: 3;
  }
}
@media (max-width: 424px) {
  .headContainer__banner__illustration {
    grid-column-start: 1;
    grid-column-end: 4;
  }
}
.headContainer__banner__illustration img {
  width: 100%;
  height: auto;
}
@media (max-width: 424px) {
  .headContainer__banner__socials {
    display: none;
  }
}
.headContainer__banner__socials__list, .headContainer__banner__socials ul {
  padding-bottom: 150px;
  position: relative;
}
@media (max-width: 1049px) {
  .headContainer__banner__socials__list, .headContainer__banner__socials ul {
    padding-bottom: 75px;
  }
}
.headContainer__banner__socials__list:after, .headContainer__banner__socials ul:after {
  content: " ";
  position: absolute;
  width: 2px;
  height: 140px;
  bottom: 0;
  left: 50%;
  background: #eeeeee;
}
@media (max-width: 1049px) {
  .headContainer__banner__socials__list:after, .headContainer__banner__socials ul:after {
    height: 65px;
  }
}
.headContainer__banner__socials__list__item__link, .headContainer__banner__socials__list__item a, .headContainer__banner__socials__list li__link, .headContainer__banner__socials__list li a, .headContainer__banner__socials ul__item__link, .headContainer__banner__socials ul__item a, .headContainer__banner__socials ul li__link, .headContainer__banner__socials ul li a {
  display: block;
  padding: 30px;
  text-align: center;
}
@media (max-width: 1199px) {
  .headContainer__banner__socials__list__item__link, .headContainer__banner__socials__list__item a, .headContainer__banner__socials__list li__link, .headContainer__banner__socials__list li a, .headContainer__banner__socials ul__item__link, .headContainer__banner__socials ul__item a, .headContainer__banner__socials ul li__link, .headContainer__banner__socials ul li a {
    padding: 10px;
  }
}
.headContainer__banner__socials__list__item__link svg, .headContainer__banner__socials__list__item a svg, .headContainer__banner__socials__list li__link svg, .headContainer__banner__socials__list li a svg, .headContainer__banner__socials ul__item__link svg, .headContainer__banner__socials ul__item a svg, .headContainer__banner__socials ul li__link svg, .headContainer__banner__socials ul li a svg {
  fill: #7b7b7b !important;
  max-height: 15px;
  max-width: 15px;
  transition: fill 0.2s ease;
}
.headContainer__banner__socials__list__item__link:focus svg, .headContainer__banner__socials__list__item__link:hover svg, .headContainer__banner__socials__list__item a:focus svg, .headContainer__banner__socials__list__item a:hover svg, .headContainer__banner__socials__list li__link:focus svg, .headContainer__banner__socials__list li__link:hover svg, .headContainer__banner__socials__list li a:focus svg, .headContainer__banner__socials__list li a:hover svg, .headContainer__banner__socials ul__item__link:focus svg, .headContainer__banner__socials ul__item__link:hover svg, .headContainer__banner__socials ul__item a:focus svg, .headContainer__banner__socials ul__item a:hover svg, .headContainer__banner__socials ul li__link:focus svg, .headContainer__banner__socials ul li__link:hover svg, .headContainer__banner__socials ul li a:focus svg, .headContainer__banner__socials ul li a:hover svg {
  fill: #484848 !important;
}
.headContainer__banner__socials__list__item__link.social-fb:focus svg, .headContainer__banner__socials__list__item__link.social-fb:hover svg, .headContainer__banner__socials__list__item a.social-fb:focus svg, .headContainer__banner__socials__list__item a.social-fb:hover svg, .headContainer__banner__socials__list li__link.social-fb:focus svg, .headContainer__banner__socials__list li__link.social-fb:hover svg, .headContainer__banner__socials__list li a.social-fb:focus svg, .headContainer__banner__socials__list li a.social-fb:hover svg, .headContainer__banner__socials ul__item__link.social-fb:focus svg, .headContainer__banner__socials ul__item__link.social-fb:hover svg, .headContainer__banner__socials ul__item a.social-fb:focus svg, .headContainer__banner__socials ul__item a.social-fb:hover svg, .headContainer__banner__socials ul li__link.social-fb:focus svg, .headContainer__banner__socials ul li__link.social-fb:hover svg, .headContainer__banner__socials ul li a.social-fb:focus svg, .headContainer__banner__socials ul li a.social-fb:hover svg {
  fill: #009cdd !important;
}
.headContainer__banner__socials__list__item__link.social-lk:focus svg, .headContainer__banner__socials__list__item__link.social-lk:hover svg, .headContainer__banner__socials__list__item a.social-lk:focus svg, .headContainer__banner__socials__list__item a.social-lk:hover svg, .headContainer__banner__socials__list li__link.social-lk:focus svg, .headContainer__banner__socials__list li__link.social-lk:hover svg, .headContainer__banner__socials__list li a.social-lk:focus svg, .headContainer__banner__socials__list li a.social-lk:hover svg, .headContainer__banner__socials ul__item__link.social-lk:focus svg, .headContainer__banner__socials ul__item__link.social-lk:hover svg, .headContainer__banner__socials ul__item a.social-lk:focus svg, .headContainer__banner__socials ul__item a.social-lk:hover svg, .headContainer__banner__socials ul li__link.social-lk:focus svg, .headContainer__banner__socials ul li__link.social-lk:hover svg, .headContainer__banner__socials ul li a.social-lk:focus svg, .headContainer__banner__socials ul li a.social-lk:hover svg {
  fill: #56a96d !important;
}
.headContainer__banner__socials__list__item__link.social-tw:focus svg, .headContainer__banner__socials__list__item__link.social-tw:hover svg, .headContainer__banner__socials__list__item a.social-tw:focus svg, .headContainer__banner__socials__list__item a.social-tw:hover svg, .headContainer__banner__socials__list li__link.social-tw:focus svg, .headContainer__banner__socials__list li__link.social-tw:hover svg, .headContainer__banner__socials__list li a.social-tw:focus svg, .headContainer__banner__socials__list li a.social-tw:hover svg, .headContainer__banner__socials ul__item__link.social-tw:focus svg, .headContainer__banner__socials ul__item__link.social-tw:hover svg, .headContainer__banner__socials ul__item a.social-tw:focus svg, .headContainer__banner__socials ul__item a.social-tw:hover svg, .headContainer__banner__socials ul li__link.social-tw:focus svg, .headContainer__banner__socials ul li__link.social-tw:hover svg, .headContainer__banner__socials ul li a.social-tw:focus svg, .headContainer__banner__socials ul li a.social-tw:hover svg {
  fill: #e8d02e !important;
}
.headContainer__banner__socials__list__item__link.social-in:focus svg, .headContainer__banner__socials__list__item__link.social-in:hover svg, .headContainer__banner__socials__list__item a.social-in:focus svg, .headContainer__banner__socials__list__item a.social-in:hover svg, .headContainer__banner__socials__list li__link.social-in:focus svg, .headContainer__banner__socials__list li__link.social-in:hover svg, .headContainer__banner__socials__list li a.social-in:focus svg, .headContainer__banner__socials__list li a.social-in:hover svg, .headContainer__banner__socials ul__item__link.social-in:focus svg, .headContainer__banner__socials ul__item__link.social-in:hover svg, .headContainer__banner__socials ul__item a.social-in:focus svg, .headContainer__banner__socials ul__item a.social-in:hover svg, .headContainer__banner__socials ul li__link.social-in:focus svg, .headContainer__banner__socials ul li__link.social-in:hover svg, .headContainer__banner__socials ul li a.social-in:focus svg, .headContainer__banner__socials ul li a.social-in:hover svg {
  fill: #d85a31 !important;
}
.headContainer__contact {
  display: grid;
  grid-template-columns: 1fr 2fr 100px;
}
@media (max-width: 1199px) {
  .headContainer__contact {
    grid-template-columns: 1fr 2fr 50px;
  }
}
@media (max-width: 899px) {
  .headContainer__contact {
    grid-template-columns: 1fr 50px;
  }
}
@media (max-width: 424px) {
  .headContainer__contact {
    grid-template-columns: 1fr;
    padding: 20px 20px 0;
  }
}
.headContainer__contact__btn__link {
  display: flex;
  text-transform: uppercase;
  justify-content: space-between;
  align-items: center;
  color: #ffffff;
  font-size: 1rem;
  padding: 30px 20px;
  font-weight: 600;
  letter-spacing: 2px;
  background-color: #d85a31;
  transition: color 0.2s ease, background-color 0.2s ease;
}
.headContainer__contact__btn__link svg {
  fill: #ffffff;
  width: 20px;
  height: 20px;
  transform: translateX(0);
  transition: fill 0.2s ease, transform 0.2s ease;
}
.headContainer__contact__btn__link:focus, .headContainer__contact__btn__link:hover {
  color: #ffffff;
  background-color: rgb(137.0530612245, 53.2244897959, 25.9469387755);
}
.headContainer__contact__btn__link:focus svg, .headContainer__contact__btn__link:hover svg {
  fill: #ffffff;
  transform: translateX(-10px);
}
.headContainer .svgAll-link:focus .svgAll, .headContainer .svgAll-link:hover .svgAll {
  fill: #ff9c00;
  transform: scale(0.92);
}
.headContainer .svgAll {
  position: absolute;
  bottom: 10px;
  width: 65px;
  height: 65px;
  left: calc(50% + 200px);
  fill: #000000;
  transform: scale(1);
  transition: fill 0.2s ease, transform 0.2s ease;
}
@media (max-width: 1199px) {
  .headContainer .svgAll {
    left: calc(50% + 120px);
  }
}
@media (max-width: 899px) {
  .headContainer .svgAll {
    display: none;
  }
}

/*********************************************
  FOOTER
*********************************************/
.footerContainer {
  position: relative;
  padding: 80px 0 60px;
}
@media (max-width: 1199px) {
  .footerContainer {
    padding: 60px 0;
  }
}
.footerContainer:before {
  content: " ";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 2px;
  width: 100%;
  background-image: linear-gradient(90deg, #ff9c00 33.33%, #56a96d 33.33%, #e8d02e 66.66%, #009cdd 66.66%);
}
.footerContainer__wrapper {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
}
@media (max-width: 899px) {
  .footerContainer__wrapper {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (max-width: 599px) {
  .footerContainer__wrapper {
    grid-template-columns: 1fr;
  }
}
.footerContainer__privacy {
  grid-column: 1/6;
  text-align: center;
  margin-top: 40px;
}
@media (max-width: 899px) {
  .footerContainer__privacy {
    grid-column: 1/4;
  }
}
@media (max-width: 599px) {
  .footerContainer__privacy {
    grid-column: 1/2;
  }
}
.footerContainer__privacy a {
  font-size: 0.75rem;
  color: grey;
}
.footerContainer__privacy a:hover {
  color: #000000;
}
.footerContainer__payments {
  position: relative;
  margin-left: auto;
  margin-right: auto;
  margin-top: 20px;
  margin-bottom: 20px;
  grid-column: 1/6;
}
@media (max-width: 899px) {
  .footerContainer__payments {
    grid-column: 1/4;
  }
}
@media (max-width: 599px) {
  .footerContainer__payments {
    grid-column: 1/2;
  }
}
.footerContainer__payments__list {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0;
}
.footerContainer__payments__list__item {
  margin: 0px 6px;
}
.footerContainer__payments__list__item img {
  height: 25px;
}
.footerContainer .copyright {
  bottom: -20px;
  width: 30px;
}
.footerContainer__logo {
  text-align: left;
  padding-right: 35px;
}
@media (max-width: 899px) {
  .footerContainer__logo {
    grid-column: 1/4;
    text-align: center;
    margin-bottom: 50px;
    width: 100%;
    padding-right: 0;
  }
}
@media (max-width: 599px) {
  .footerContainer__logo {
    grid-column: 1/2;
  }
}
.footerContainer__logo img {
  margin: 0 0 15px;
  max-width: 140px;
}
@media (max-width: 899px) {
  .footerContainer__logo img {
    margin: auto;
  }
}
.footerContainer__logo__socials, .footerContainer__logo ul {
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  max-width: 140px;
}
@media (max-width: 899px) {
  .footerContainer__logo__socials, .footerContainer__logo ul {
    margin: auto;
    margin-top: 20px;
  }
}
.footerContainer__logo__socials__item__link, .footerContainer__logo__socials__item a, .footerContainer__logo__socials li__link, .footerContainer__logo__socials li a, .footerContainer__logo ul__item__link, .footerContainer__logo ul__item a, .footerContainer__logo ul li__link, .footerContainer__logo ul li a {
  display: block;
}
.footerContainer__logo__socials__item__link svg, .footerContainer__logo__socials__item a svg, .footerContainer__logo__socials li__link svg, .footerContainer__logo__socials li a svg, .footerContainer__logo ul__item__link svg, .footerContainer__logo ul__item a svg, .footerContainer__logo ul li__link svg, .footerContainer__logo ul li a svg {
  fill: #7b7b7b !important;
  max-height: 15px;
  max-width: 15px;
  transition: fill 0.2s ease;
}
.footerContainer__logo__socials__item__link svg, .footerContainer__logo__socials__item a svg, .footerContainer__logo__socials li__link svg, .footerContainer__logo__socials li a svg, .footerContainer__logo ul__item__link svg, .footerContainer__logo ul__item a svg, .footerContainer__logo ul li__link svg, .footerContainer__logo ul li a svg {
  fill: #7b7b7b !important;
  max-height: 15px;
  max-width: 15px;
  transition: fill 0.2s ease;
}
.footerContainer__logo__socials__item__link:focus svg, .footerContainer__logo__socials__item__link:hover svg, .footerContainer__logo__socials__item a:focus svg, .footerContainer__logo__socials__item a:hover svg, .footerContainer__logo__socials li__link:focus svg, .footerContainer__logo__socials li__link:hover svg, .footerContainer__logo__socials li a:focus svg, .footerContainer__logo__socials li a:hover svg, .footerContainer__logo ul__item__link:focus svg, .footerContainer__logo ul__item__link:hover svg, .footerContainer__logo ul__item a:focus svg, .footerContainer__logo ul__item a:hover svg, .footerContainer__logo ul li__link:focus svg, .footerContainer__logo ul li__link:hover svg, .footerContainer__logo ul li a:focus svg, .footerContainer__logo ul li a:hover svg {
  fill: #484848 !important;
}
.footerContainer__logo__socials__item__link.social-fb:focus svg, .footerContainer__logo__socials__item__link.social-fb:hover svg, .footerContainer__logo__socials__item a.social-fb:focus svg, .footerContainer__logo__socials__item a.social-fb:hover svg, .footerContainer__logo__socials li__link.social-fb:focus svg, .footerContainer__logo__socials li__link.social-fb:hover svg, .footerContainer__logo__socials li a.social-fb:focus svg, .footerContainer__logo__socials li a.social-fb:hover svg, .footerContainer__logo ul__item__link.social-fb:focus svg, .footerContainer__logo ul__item__link.social-fb:hover svg, .footerContainer__logo ul__item a.social-fb:focus svg, .footerContainer__logo ul__item a.social-fb:hover svg, .footerContainer__logo ul li__link.social-fb:focus svg, .footerContainer__logo ul li__link.social-fb:hover svg, .footerContainer__logo ul li a.social-fb:focus svg, .footerContainer__logo ul li a.social-fb:hover svg {
  fill: #009cdd !important;
}
.footerContainer__logo__socials__item__link.social-lk:focus svg, .footerContainer__logo__socials__item__link.social-lk:hover svg, .footerContainer__logo__socials__item a.social-lk:focus svg, .footerContainer__logo__socials__item a.social-lk:hover svg, .footerContainer__logo__socials li__link.social-lk:focus svg, .footerContainer__logo__socials li__link.social-lk:hover svg, .footerContainer__logo__socials li a.social-lk:focus svg, .footerContainer__logo__socials li a.social-lk:hover svg, .footerContainer__logo ul__item__link.social-lk:focus svg, .footerContainer__logo ul__item__link.social-lk:hover svg, .footerContainer__logo ul__item a.social-lk:focus svg, .footerContainer__logo ul__item a.social-lk:hover svg, .footerContainer__logo ul li__link.social-lk:focus svg, .footerContainer__logo ul li__link.social-lk:hover svg, .footerContainer__logo ul li a.social-lk:focus svg, .footerContainer__logo ul li a.social-lk:hover svg {
  fill: #56a96d !important;
}
.footerContainer__logo__socials__item__link.social-tw:focus svg, .footerContainer__logo__socials__item__link.social-tw:hover svg, .footerContainer__logo__socials__item a.social-tw:focus svg, .footerContainer__logo__socials__item a.social-tw:hover svg, .footerContainer__logo__socials li__link.social-tw:focus svg, .footerContainer__logo__socials li__link.social-tw:hover svg, .footerContainer__logo__socials li a.social-tw:focus svg, .footerContainer__logo__socials li a.social-tw:hover svg, .footerContainer__logo ul__item__link.social-tw:focus svg, .footerContainer__logo ul__item__link.social-tw:hover svg, .footerContainer__logo ul__item a.social-tw:focus svg, .footerContainer__logo ul__item a.social-tw:hover svg, .footerContainer__logo ul li__link.social-tw:focus svg, .footerContainer__logo ul li__link.social-tw:hover svg, .footerContainer__logo ul li a.social-tw:focus svg, .footerContainer__logo ul li a.social-tw:hover svg {
  fill: #e8d02e !important;
}
.footerContainer__logo__socials__item__link.social-in:focus svg, .footerContainer__logo__socials__item__link.social-in:hover svg, .footerContainer__logo__socials__item a.social-in:focus svg, .footerContainer__logo__socials__item a.social-in:hover svg, .footerContainer__logo__socials li__link.social-in:focus svg, .footerContainer__logo__socials li__link.social-in:hover svg, .footerContainer__logo__socials li a.social-in:focus svg, .footerContainer__logo__socials li a.social-in:hover svg, .footerContainer__logo ul__item__link.social-in:focus svg, .footerContainer__logo ul__item__link.social-in:hover svg, .footerContainer__logo ul__item a.social-in:focus svg, .footerContainer__logo ul__item a.social-in:hover svg, .footerContainer__logo ul li__link.social-in:focus svg, .footerContainer__logo ul li__link.social-in:hover svg, .footerContainer__logo ul li a.social-in:focus svg, .footerContainer__logo ul li a.social-in:hover svg {
  fill: #d85a31 !important;
}
.footerContainer__links {
  padding-right: 35px;
}
@media (max-width: 899px) {
  .footerContainer__links {
    padding: 0 15px;
    text-align: center;
  }
}
.footerContainer__links ul li {
  margin-bottom: 20px;
}
.footerContainer__links ul li a {
  position: relative;
  display: block;
  color: #000000;
  font-weight: normal;
  padding-left: 0;
  transition: padding-left 0.4s ease;
}
.footerContainer__links ul li a:after {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 10px;
  height: 10px;
  background-color: #d85a31;
  opacity: 0;
  transition: opacity 0.2s ease;
}
.footerContainer__links ul li a.currentpage, .footerContainer__links ul li a.activeparent, .footerContainer__links ul li a:focus, .footerContainer__links ul li a:hover {
  color: #000000;
  padding-left: 16px;
}
.footerContainer__links ul li a.currentpage:after, .footerContainer__links ul li a.activeparent:after, .footerContainer__links ul li a:focus:after, .footerContainer__links ul li a:hover:after {
  opacity: 1;
  transition: opacity 0.2s ease 0.1s;
}
@media (max-width: 899px) {
  .footerContainer__connection {
    grid-column: 1/4;
    padding: 0 15px;
    text-align: center;
    margin-top: 50px;
  }
}
@media (max-width: 599px) {
  .footerContainer__connection {
    grid-column: 1/2;
  }
}
.footerContainer__connection__btn {
  transition: color 0.2s ease;
}
.footerContainer__connection__btn:focus, .footerContainer__connection__btn:hover {
  color: #ffffff !important;
}
.footerContainer__connection__btn:focus:before, .footerContainer__connection__btn:hover:before {
  background: #009cdd !important;
}

/*********************************************
  BUTTONS
*********************************************/
.buttonContainer .button {
  position: relative;
  z-index: 2;
  border-radius: 8px;
  background-color: transparent;
  text-transform: uppercase;
  font-size: 0.887rem;
  font-weight: 400;
  padding: 15px 30px;
  width: auto;
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  overflow: initial;
  transition: color 0.2s ease;
}
.buttonContainer .button:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: transparent;
  transform: scaleY(0);
  transform-origin: center;
  transition: transform 0.2s ease, background 0.2s ease;
}
.buttonContainer .button:focus:before, .buttonContainer .button:hover:before, .buttonContainer .button:active:before {
  transform: scaleY(1);
}
.buttonContainer .button.thin {
  padding: 10px 30px !important;
}
.buttonContainer .button.bg {
  border: none;
  padding: 30px 30px;
  border-radius: 0;
  transition: color 0.2s ease, background 0.2s ease;
}
.buttonContainer .button.bg--blue {
  background: #009cdd;
}
.buttonContainer .button.bg--blue svg {
  fill: white;
  width: 30px;
  height: 30px;
}
.buttonContainer .button.bg--blue:focus:before, .buttonContainer .button.bg--blue:hover:before {
  background: #005477;
}
.buttonContainer .button.bg--green {
  background: #56a96d;
}
.buttonContainer .button.bg--green svg {
  fill: white;
  width: 30px;
  height: 30px;
}
.buttonContainer .button.bg--green:focus:before, .buttonContainer .button.bg--green:hover:before {
  background: rgb(60.2, 118.3, 76.3);
}
.buttonContainer .button.bg--orange {
  background: #d85a31;
}
.buttonContainer .button.bg--orange svg {
  fill: white;
  width: 30px;
  height: 30px;
}
.buttonContainer .button.bg--orange:focus:before, .buttonContainer .button.bg--orange:hover:before {
  background: rgb(158.493877551, 61.5510204082, 30.006122449);
}
.buttonContainer .button.bg--orange2 {
  background: #ff9c00;
}
.buttonContainer .button.bg--orange2 svg {
  fill: white;
  width: 30px;
  height: 30px;
}
.buttonContainer .button.bg--orange2:focus:before, .buttonContainer .button.bg--orange2:hover:before {
  background: rgb(178.5, 109.2, 0);
}
.buttonContainer .button.bg--yellow {
  background: #e8d02e;
}
.buttonContainer .button.bg--yellow svg {
  fill: white;
  width: 30px;
  height: 30px;
}
.buttonContainer .button.bg--yellow:focus:before, .buttonContainer .button.bg--yellow:hover:before {
  background: rgb(181.5237068966, 160.6788793103, 19.9762931034);
}
.buttonContainer .button.bg--darkGrey {
  background: #4a4a4a;
}
.buttonContainer .button.bg--darkGrey svg {
  fill: white;
  width: 30px;
  height: 30px;
}
.buttonContainer .button.bg--darkGrey:focus:before, .buttonContainer .button.bg--darkGrey:hover:before {
  background: rgb(35.75, 35.75, 35.75);
}
.buttonContainer .button.txt {
  font-size: 1.272rem;
  font-weight: 600;
  letter-spacing: 1px;
}
.buttonContainer .button.txt--black {
  color: #000000;
}
.buttonContainer .button.txt--white {
  color: #ffffff;
}
.buttonContainer .button.txt--blue {
  color: #009cdd;
}
.buttonContainer .button.border {
  border: 1px solid #000000;
  padding: 15px 40px;
  border-radius: 0;
}
.buttonContainer .button.border--lightgray {
  border-color: #eeeeee;
}
.buttonContainer .button.empty {
  border: none;
  background: none;
  padding: 0;
}
.buttonContainer .button.round:after {
  content: "";
  position: absolute;
  right: -10px;
  bottom: -10px;
  width: 6px;
  height: 6px;
  border-radius: 5px;
  transition: transform 0.3s ease, width 0.3s ease;
}
.buttonContainer .button.round:focus:after, .buttonContainer .button.round:hover:after, .buttonContainer .button.round:active:after {
  width: 50px;
}
.buttonContainer .button.round--green:after {
  background: #56a96d;
}
.buttonContainer .button.round--blue:after {
  background: #009cdd;
}
.buttonContainer .button.round--gray:after {
  background: #7b7b7b;
}
.buttonContainer .button.round--yellow:after {
  background: #e8d02e;
}
.buttonContainer .button.round--white:after {
  background: #ffffff;
}

.backlink {
  font-family: muli, sans-serif;
  font-weight: bold;
  color: #000000;
}
.backlink svg {
  position: relative;
  left: 0;
  fill: #000000;
  transition: left 0.2s ease, fill 0.2s ease, transform 0.2s ease;
}
.backlink span {
  font-family: muli, sans-serif;
  font-weight: bold;
  color: #000000;
  transition: color 0.2s ease;
}
.backlink:focus svg, .backlink:hover svg {
  left: -5px;
  fill: #ff9c00;
}
.backlink:focus span, .backlink:hover span {
  color: #ff9c00;
}

.bottomlink span {
  color: #000000;
  transition: color 0.2s ease;
}
.bottomlink svg {
  position: relative;
  top: 0;
  fill: #000000;
  transition: top 0.2s ease, fill 0.2s ease, transform 0.2s ease;
}
.bottomlink:focus span, .bottomlink:hover span {
  color: #ff9c00;
}
.bottomlink:focus svg, .bottomlink:hover svg {
  top: 5px;
  fill: #ff9c00 !important;
}

.newbutton {
  text-decoration: none;
  cursor: pointer;
  outline: none;
  display: inline-block;
  appearance: none;
  font-size: 1rem;
  font-family: muli, sans-serif;
  font-weight: 800;
  line-height: 1;
  text-transform: uppercase;
  text-decoration: none;
  padding: 16px 22px;
  box-shadow: none;
  border-radius: 0;
  min-width: 200px;
  text-align: center;
  color: #ffffff;
  background-color: #F4D821;
  transition: color 0.2s ease, background-color 0.2s ease;
}
@media screen and (max-width: 1000px) {
  .newbutton {
    padding: 16px 16px;
    font-size: 0.887rem;
    min-width: 200px;
  }
}
@media screen and (max-width: 500px) {
  .newbutton {
    font-size: 0.75rem;
  }
}
.newbutton:focus, .newbutton:hover {
  text-decoration: none;
  outline: none;
  color: #ffffff;
  background-color: #F4D821;
}
.newbutton:active {
  outline: none;
  color: #ffffff;
  background-color: #F4D821;
}
.newbutton.disabled:focus, .newbutton.disabled:hover, .newbutton:disabled:focus, .newbutton:disabled:hover {
  cursor: not-allowed;
  opacity: 0.5;
  color: inherit;
  background-color: inherit;
}
.newbutton i.material-icons {
  font-size: 1rem;
}
.newbutton--whatsapp {
  position: fixed;
  bottom: 80px;
  right: 80px;
  z-index: 300;
}
@media (max-width: 1199px) {
  .newbutton--whatsapp {
    bottom: 70px;
    right: 40px;
  }
}
@media (max-width: 899px) {
  .newbutton--whatsapp {
    right: 20px;
  }
}
.newbutton--whatsapp img {
  width: 25px;
  height: 25px;
}
.newbutton--whatsapp:hover img {
  margin-left: 20px;
}
.newbutton--small {
  padding: 14px 18px;
  min-width: 120px;
  font-size: 0.887rem;
}
.newbutton--green, .formationsPage .formations__aside__itemsContainer__item:nth-child(4n+3) .formations__aside__itemsContainer__item__button {
  background-color: #43A15B;
}
.newbutton--green:focus, .formationsPage .formations__aside__itemsContainer__item:nth-child(4n+3) .formations__aside__itemsContainer__item__button:focus, .newbutton--green:hover, .formationsPage .formations__aside__itemsContainer__item:nth-child(4n+3) .formations__aside__itemsContainer__item__button:hover {
  background-color: #43A15B;
}
.newbutton--lightgreen {
  background: #BBD301;
}
.newbutton--lightgreen:focus, .newbutton--lightgreen:hover {
  background: #BBD301;
}
.newbutton--red, .formationsPage .formations__aside__itemsContainer__item:nth-child(4n+1) .formations__aside__itemsContainer__item__button {
  background-color: #D94A27;
}
.newbutton--red:focus, .formationsPage .formations__aside__itemsContainer__item:nth-child(4n+1) .formations__aside__itemsContainer__item__button:focus, .newbutton--red:hover, .formationsPage .formations__aside__itemsContainer__item:nth-child(4n+1) .formations__aside__itemsContainer__item__button:hover {
  background-color: #D94A27;
}
.newbutton--yellow {
  background-color: #e8d02e;
}
.newbutton--yellow:focus, .newbutton--yellow:hover {
  background-color: #e8d02e;
}
.newbutton--blue, .formationsPage .formations__aside__itemsContainer__item:nth-child(4n+2) .formations__aside__itemsContainer__item__button {
  background-color: #009cdd;
}
.newbutton--blue:focus, .formationsPage .formations__aside__itemsContainer__item:nth-child(4n+2) .formations__aside__itemsContainer__item__button:focus, .newbutton--blue:hover, .formationsPage .formations__aside__itemsContainer__item:nth-child(4n+2) .formations__aside__itemsContainer__item__button:hover {
  background-color: #009cdd;
}
.newbutton--gray {
  background-color: rgb(212.5, 212.5, 212.5);
}
.newbutton--gray:focus, .newbutton--gray:hover {
  background-color: rgb(212.5, 212.5, 212.5);
}
.newbutton--darkGray {
  background-color: #4a4a4a;
}
.newbutton--darkGray:focus, .newbutton--darkGray:hover {
  background-color: #4a4a4a;
}
.newbutton--lower {
  text-transform: none;
}
.newbutton--lower span {
  text-transform: none;
}
.newbutton--textandarrow {
  line-height: 1.4;
  min-width: 0;
  text-align: left;
  vertical-align: middle;
  display: flex;
  align-items: center;
  justify-content: space-between;
  transition: none;
}
.newbutton--textandarrow span {
  vertical-align: middle;
}
.newbutton--textandarrow svg {
  position: relative;
  vertical-align: middle;
  width: 22px;
  height: 22px;
  fill: #ffffff;
  margin-left: 30px;
  transform: translateX(0);
  transition: transform 0.2s ease;
}
.newbutton--textandarrow:focus svg, .newbutton--textandarrow:hover svg {
  transform: translateX(4px);
}
.newbutton--moretexthover {
  line-height: 1;
  min-width: 0;
  text-align: left;
  vertical-align: middle;
  display: flex;
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  text-transform: none;
  transition: none;
}
.newbutton--moretexthover span {
  vertical-align: middle;
  overflow: hidden;
  width: 0;
  height: 0;
  opacity: 0;
  transition: none;
  transition-delay: 0s;
}
.newbutton--moretexthover .arrowright {
  position: relative;
  vertical-align: middle;
  fill: #ffffff;
  overflow: hidden;
  width: 0;
  height: 0;
  margin-left: 0;
  opacity: 0;
  transition: none;
  transition-delay: 0s;
}
.newbutton--moretexthover .more {
  position: relative;
  vertical-align: middle;
  fill: #ffffff;
  width: 22px;
  height: 22px;
  display: inline-block;
  padding: 3px;
}
.newbutton--moretexthover:focus span, .newbutton--moretexthover:hover span {
  display: inline-block;
  width: auto;
  height: auto;
  opacity: 1;
  transition: opacity 0.2s ease;
  transition-delay: 0.1s;
}
.newbutton--moretexthover:focus .arrowright, .newbutton--moretexthover:hover .arrowright {
  display: inline-block;
  width: 22px;
  height: 22px;
  margin-left: 30px;
  opacity: 1;
  transition: opacity 0.2s ease, margin-left 0.2s ease;
  transition-delay: 0s;
}
.newbutton--moretexthover:focus .more, .newbutton--moretexthover:hover .more {
  display: none;
}
.newbutton--arrowonly {
  line-height: 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  height: 160px;
  transition: none;
}
@media (max-width: 1199px) {
  .newbutton--arrowonly {
    height: 120px;
  }
}
.newbutton--arrowonly svg {
  position: relative;
  vertical-align: middle;
  width: 30px;
  height: 40px;
  fill: #ffffff;
  transform: scale(1);
  transition: transform 0.2s ease;
}
@media (max-width: 1199px) {
  .newbutton--arrowonly svg {
    width: 21px;
    height: 28px;
  }
}
.newbutton--arrowonly:focus svg, .newbutton--arrowonly:hover svg {
  transform: scale(1.05);
}
.newbutton--arrowonly--small {
  height: auto;
  padding: 30px 22px;
}
@media (max-width: 1199px) {
  .newbutton--arrowonly--small {
    height: auto;
  }
}
@media (max-width: 599px) {
  .newbutton--arrowonly--small {
    padding: 20px 12px;
  }
}
.newbutton--arrowonly--small svg {
  width: 16px;
  height: 20px;
}
@media (max-width: 1199px) {
  .newbutton--arrowonly--small svg {
    width: 11.2px;
    height: 14px;
  }
}
.newbutton--arrowonly--xsmall {
  height: auto;
  padding: 10px 22px;
}
@media (max-width: 1199px) {
  .newbutton--arrowonly--xsmall {
    height: auto;
  }
}
@media (max-width: 599px) {
  .newbutton--arrowonly--xsmall {
    padding: 10px 12px;
  }
}
.newbutton--arrowonly--xsmall svg {
  width: 14px;
  height: 16px;
}
@media (max-width: 1199px) {
  .newbutton--arrowonly--xsmall svg {
    width: 9.8px;
    height: 11.2px;
  }
}
.newbutton--arrowonly--square {
  min-width: 0;
  width: 30px;
  height: 30px;
  padding: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  line-height: 1;
  font-size: 1.618rem;
  text-transform: uppercase;
  font-weight: bold;
  color: #ffffff;
  background-color: #646464;
}
.newbutton--arrowonly--square.disabled {
  opacity: 0.6;
  cursor: not-allowed;
}
.newbutton--arrowonly--square:focus, .newbutton--arrowonly--square:hover {
  background-color: #646464;
}
.newbutton--arrowonly--square:focus.disabled, .newbutton--arrowonly--square:hover.disabled {
  opacity: 0.6;
  cursor: not-allowed;
  color: #ffffff;
  background-color: #646464;
}
.newbutton--textarrowhover {
  line-height: 1.4;
  min-width: 0;
  vertical-align: middle;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  text-transform: uppercase;
  font-size: 1.1rem;
  transition: none;
}
.newbutton--textarrowhover span {
  vertical-align: middle;
}
.newbutton--textarrowhover svg {
  position: relative;
  vertical-align: middle;
  fill: #ffffff;
  opacity: 0;
  width: 22px;
  height: 22px;
  margin-top: 10px;
}
.newbutton--backlink {
  padding: 0;
  line-height: 1.4;
  min-width: 0;
  text-align: left;
  vertical-align: middle;
  display: inline-flex;
  align-items: center;
  transition: none;
  background: none;
}
.newbutton--backlink svg {
  position: relative;
  vertical-align: middle;
  width: 44px;
  height: 44px;
  fill: #ffffff;
  background-color: #D94A27;
  padding: 15px 15px;
  transform: translateX(0) rotate(180deg);
  transition: transform 0.2s ease;
}
.newbutton--backlink span {
  margin-left: 20px;
  vertical-align: middle;
  color: #343434;
}
.newbutton--backlink:focus, .newbutton--backlink:hover {
  background: none;
}
.newbutton--backlink:focus svg, .newbutton--backlink:hover svg {
  transform: translateX(-4px) rotate(180deg);
}

/*********************************************
  ARTICLE card
*********************************************/
.article {
  position: relative;
  width: 100%;
}
.article .article__link__imgContainer:before {
  display: none !important;
}
.article:nth-child(4n+1) a {
  position: relative;
}
.article:nth-child(4n+1) a:before {
  position: absolute;
  content: " ";
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  transition: background 0.2s ease;
}
.article:nth-child(4n+1) a:focus .button:after, .article:nth-child(4n+1) a:hover .button:after {
  width: 50px;
}
.article:nth-child(4n+1) .article__link__imgContainer:before {
  background: rgba(0, 156, 221, 0.5);
}
@supports (mix-blend-mode: multiply) {
  .article:nth-child(4n+1) .article__link__imgContainer:before {
    background: #009cdd;
  }
}
.article:nth-child(4n+1) a:focus .article__link__imgContainer:before, .article:nth-child(4n+1) a:hover .article__link__imgContainer:before {
  background: rgba(0, 156, 221, 0.5);
}
@supports (mix-blend-mode: multiply) {
  .article:nth-child(4n+1) a:focus .article__link__imgContainer:before, .article:nth-child(4n+1) a:hover .article__link__imgContainer:before {
    background: rgb(0, 138, 195.5);
  }
}
.article:nth-child(4n+1) .article__link__contentContainer__type {
  color: #009cdd;
}
.article:nth-child(4n+2) a {
  position: relative;
}
.article:nth-child(4n+2) a:before {
  position: absolute;
  content: " ";
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  transition: background 0.2s ease;
}
.article:nth-child(4n+2) a:focus .button:after, .article:nth-child(4n+2) a:hover .button:after {
  width: 50px;
}
.article:nth-child(4n+2) .article__link__imgContainer:before {
  background: rgba(255, 156, 0, 0.5);
}
@supports (mix-blend-mode: multiply) {
  .article:nth-child(4n+2) .article__link__imgContainer:before {
    background: #ff9c00;
  }
}
.article:nth-child(4n+2) a:focus .article__link__imgContainer:before, .article:nth-child(4n+2) a:hover .article__link__imgContainer:before {
  background: rgba(255, 156, 0, 0.5);
}
@supports (mix-blend-mode: multiply) {
  .article:nth-child(4n+2) a:focus .article__link__imgContainer:before, .article:nth-child(4n+2) a:hover .article__link__imgContainer:before {
    background: rgb(229.5, 140.4, 0);
  }
}
.article:nth-child(4n+2) .article__link__contentContainer__type {
  color: #ff9c00;
}
.article:nth-child(4n+3) a {
  position: relative;
}
.article:nth-child(4n+3) a:before {
  position: absolute;
  content: " ";
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  transition: background 0.2s ease;
}
.article:nth-child(4n+3) a:focus .button:after, .article:nth-child(4n+3) a:hover .button:after {
  width: 50px;
}
.article:nth-child(4n+3) .article__link__imgContainer:before {
  background: rgba(123, 123, 123, 0.5);
}
@supports (mix-blend-mode: multiply) {
  .article:nth-child(4n+3) .article__link__imgContainer:before {
    background: #7b7b7b;
  }
}
.article:nth-child(4n+3) a:focus .article__link__imgContainer:before, .article:nth-child(4n+3) a:hover .article__link__imgContainer:before {
  background: rgba(123, 123, 123, 0.5);
}
@supports (mix-blend-mode: multiply) {
  .article:nth-child(4n+3) a:focus .article__link__imgContainer:before, .article:nth-child(4n+3) a:hover .article__link__imgContainer:before {
    background: rgb(110.25, 110.25, 110.25);
  }
}
.article:nth-child(4n+3) .article__link__contentContainer__type {
  color: #7b7b7b;
}
.article:nth-child(4n+4) a {
  position: relative;
}
.article:nth-child(4n+4) a:before {
  position: absolute;
  content: " ";
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  transition: background 0.2s ease;
}
.article:nth-child(4n+4) a:focus .button:after, .article:nth-child(4n+4) a:hover .button:after {
  width: 50px;
}
.article:nth-child(4n+4) .article__link__imgContainer:before {
  background: rgba(244, 213, 71, 0.5);
}
@supports (mix-blend-mode: multiply) {
  .article:nth-child(4n+4) .article__link__imgContainer:before {
    background: #f4d547;
  }
}
.article:nth-child(4n+4) a:focus .article__link__imgContainer:before, .article:nth-child(4n+4) a:hover .article__link__imgContainer:before {
  background: rgba(244, 213, 71, 0.5);
}
@supports (mix-blend-mode: multiply) {
  .article:nth-child(4n+4) a:focus .article__link__imgContainer:before, .article:nth-child(4n+4) a:hover .article__link__imgContainer:before {
    background: rgb(242.5615384615, 207.5076923077, 46.9384615385);
  }
}
.article:nth-child(4n+4) .article__link__contentContainer__type {
  color: #f4d547;
}
.article--small {
  margin-bottom: 20px;
}
@media (max-width: 599px) {
  .article--small .article__link {
    flex-direction: row;
    justify-content: space-between;
    align-items: stretch;
  }
}
.article--small .article__link__imgContainer {
  width: 20%;
  max-height: 200px;
}
@media (max-width: 599px) {
  .article--small .article__link__imgContainer {
    width: 20%;
    max-height: 100%;
  }
}
.article--small .article__link__contentContainer {
  width: 80%;
  padding: 15px 10px;
  padding-right: 15px;
}
@media (max-width: 1299px) {
  .article--small .article__link__contentContainer {
    padding: 30px 30px;
  }
}
@media (max-width: 899px) {
  .article--small .article__link__contentContainer {
    padding: 20px 20px;
  }
}
@media (max-width: 599px) {
  .article--small .article__link__contentContainer {
    padding: 20px 20px;
    width: 80%;
  }
}
.article--small .article__link__contentContainer__type {
  font-size: 0.75rem;
}
.article--small .article__link__contentContainer__title {
  font-size: 1rem;
}
.article--small .article__link__contentContainer .button {
  font-size: 0.887rem;
}
.article__link {
  display: flex;
  height: 100%;
  justify-content: space-between;
  background-color: rgb(243.1, 243.1, 243.1);
}
@media (max-width: 599px) {
  .article__link {
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
  }
}
.article__link:focus .article__link__imgContainer:before, .article__link:hover .article__link__imgContainer:before {
  background: rgba(86, 169, 109, 0.5);
}
@supports (mix-blend-mode: multiply) {
  .article__link:focus .article__link__imgContainer:before, .article__link:hover .article__link__imgContainer:before {
    background: rgb(75.68, 148.72, 95.92);
  }
}
.article__link:focus .button:after, .article__link:hover .button:after {
  width: 50px;
}
.article__link__imgContainer {
  position: relative;
  width: 35%;
  max-height: 300px;
  overflow: hidden;
}
@media (max-width: 599px) {
  .article__link__imgContainer {
    width: 100%;
  }
}
.article__link__imgContainer:before {
  z-index: 4;
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: rgba(86, 169, 109, 0.5);
}
@supports (mix-blend-mode: multiply) {
  .article__link__imgContainer:before {
    background: #56a96d;
    mix-blend-mode: multiply;
  }
}
.article__link__imgContainer:before {
  transition: background 0.2s ease;
}
.article__link__imgContainer__img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.article__link__contentContainer {
  width: 65%;
  padding: 40px 40px;
}
@media (max-width: 899px) {
  .article__link__contentContainer {
    padding: 40px 20px;
  }
}
@media (max-width: 599px) {
  .article__link__contentContainer {
    padding: 30px 20px;
    width: 100%;
  }
}
.article__link__contentContainer * {
  color: #343434;
  position: relative;
  z-index: 2;
}
.article__link__contentContainer__date {
  display: block;
  margin-bottom: 10px;
}
.article__link__contentContainer__type {
  display: inline-block;
  text-transform: uppercase;
  font-weight: bold;
  margin-bottom: 0.3em;
}
.article__link__contentContainer__speaker {
  display: inline-block;
  margin-bottom: 0.3em;
}
.article__link__contentContainer__title {
  font-weight: 600;
  margin-bottom: 5px;
}
.article__link__contentContainer__content {
  margin-bottom: 1em;
}
/*********************************************
  SEARCH
*********************************************/
.search {
  position: relative;
}
.search form {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  width: 300px;
  margin-bottom: 40px;
  margin-left: auto;
}
.search form .search-label {
  display: none;
}
.search form .search-input {
  appearance: none;
  background: none;
  border: none !important;
  height: 40px;
  padding: 8px 10px !important;
  background-color: rgb(248.2, 248.2, 248.2) !important;
  color: #343434;
  width: 260px;
}
.search form .search-input::placeholder {
  color: #767676;
}
.search form .search-button {
  appearance: none;
  background: none;
  padding: 0;
  position: absolute;
  z-index: 3;
  right: 0;
  top: 0;
  width: 30px;
  height: 40px;
  font-size: 0;
  cursor: pointer;
}
.search form .search-svg {
  margin-left: 10px;
  position: relative;
  z-index: 2;
  width: 30px;
  height: 40px;
  fill: #343434;
  padding: 5px;
}

.vue__time-picker {
  display: inline-block;
  position: relative;
  font-size: 1em;
  width: 100%;
  font-family: sans-serif;
  vertical-align: middle;
}

.vue__time-picker * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.vue__time-picker input.display-time {
  border: 1px solid #d2d2d2;
  width: 10em;
  height: 2.2em;
  padding: 0.3em 0.5em;
  font-size: 1em;
}

.vue__time-picker input.has-custom-icon {
  padding-left: 1.8em;
}

.vue__time-picker input.display-time.invalid:not(.skip-error-style) {
  border-color: #c03;
  outline-color: #c03;
}

.vue__time-picker input.display-time.disabled, .vue__time-picker input.display-time:disabled {
  color: #d2d2d2;
}

.vue__time-picker .controls {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  z-index: 3;
  -webkit-box-orient: horizontal;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  pointer-events: none;
}

.vue__time-picker .controls, .vue__time-picker .controls > * {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
}

.vue__time-picker .controls > * {
  cursor: pointer;
  width: auto;
  -webkit-box-orient: vertical;
  -ms-flex-flow: column nowrap;
  flex-flow: column nowrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 0 0.35em;
  color: #d2d2d2;
  line-height: 100%;
  font-style: normal;
  pointer-events: auto;
  -webkit-transition: color 0.2s, opacity 0.2s;
  transition: color 0.2s, opacity 0.2s;
}

.vue__time-picker .controls > :hover {
  color: #797979;
}

.vue__time-picker .controls > :active, .vue__time-picker .controls > :focus {
  outline: 0;
}

.vue__time-picker .controls .char {
  font-size: 1.1em;
  line-height: 100%;
  -webkit-margin-before: -0.15em;
}

.vue__time-picker .custom-icon {
  z-index: 2;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 1.8em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column nowrap;
  flex-flow: column nowrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  pointer-events: none;
}

.vue__time-picker .controls img, .vue__time-picker .controls svg, .vue__time-picker .custom-icon img, .vue__time-picker .custom-icon svg {
  display: inline-block;
  vertical-align: middle;
  margin: 0;
  border: 0;
  outline: 0;
  max-width: 1em;
  height: auto;
}

.vue__time-picker .time-picker-overlay {
  z-index: 4;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.vue__time-picker-dropdown, .vue__time-picker .dropdown {
  position: absolute;
  z-index: 5;
  top: calc(2.2em + 2px);
  left: 0;
  background: #fff;
  -webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.15);
  box-shadow: 0 1px 6px rgba(0, 0, 0, 0.15);
  width: 10em;
  height: 10em;
  font-weight: 400;
}

.vue__time-picker-dropdown {
  position: fixed;
  z-index: 100;
}

.vue__time-picker-dropdown.drop-up, .vue__time-picker .dropdown.drop-up {
  top: auto;
  bottom: calc(2.2em + 1px);
}

.vue__time-picker-dropdown .select-list, .vue__time-picker .dropdown .select-list {
  width: 10em;
  height: 10em;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.vue__time-picker-dropdown .select-list:active, .vue__time-picker-dropdown .select-list:focus, .vue__time-picker .dropdown .select-list:active, .vue__time-picker .dropdown .select-list:focus {
  outline: 0;
}

.vue__time-picker-dropdown ul, .vue__time-picker .dropdown ul {
  padding: 0;
  margin: 0;
  list-style: none;
  outline: 0;
  -webkit-box-flex: 1;
  -ms-flex: 1 1 0.00001px;
  flex: 1 1 0.00001px;
  overflow-x: hidden;
  overflow-y: auto;
}

.vue__time-picker-dropdown ul.apms, .vue__time-picker-dropdown ul.minutes, .vue__time-picker-dropdown ul.seconds, .vue__time-picker .dropdown ul.apms, .vue__time-picker .dropdown ul.minutes, .vue__time-picker .dropdown ul.seconds {
  border-left: 1px solid #fff;
}

.vue__time-picker-dropdown ul li, .vue__time-picker .dropdown ul li {
  list-style: none;
  text-align: center;
  padding: 0.3em 0;
  color: #161616;
}

.vue__time-picker-dropdown ul li:not(.hint):not([disabled]):focus, .vue__time-picker-dropdown ul li:not(.hint):not([disabled]):hover, .vue__time-picker .dropdown ul li:not(.hint):not([disabled]):focus, .vue__time-picker .dropdown ul li:not(.hint):not([disabled]):hover {
  background: rgba(0, 0, 0, 0.08);
  color: #161616;
  cursor: pointer;
}

.vue__time-picker-dropdown ul li:not([disabled]).active, .vue__time-picker-dropdown ul li:not([disabled]).active:focus, .vue__time-picker-dropdown ul li:not([disabled]).active:hover, .vue__time-picker .dropdown ul li:not([disabled]).active, .vue__time-picker .dropdown ul li:not([disabled]).active:focus, .vue__time-picker .dropdown ul li:not([disabled]).active:hover {
  background: #41b883;
  color: #fff;
}

.vue__time-picker-dropdown ul li[disabled], .vue__time-picker-dropdown ul li[disabled]:hover, .vue__time-picker .dropdown ul li[disabled], .vue__time-picker .dropdown ul li[disabled]:hover {
  background: transparent;
  opacity: 0.3;
  cursor: not-allowed;
}

.vue__time-picker-dropdown .hint, .vue__time-picker .dropdown .hint {
  color: #a5a5a5;
  cursor: default;
  font-size: 0.8em;
}

.vuecal__weekdays-headings {
  border-bottom: 1px solid #ddd;
  margin-bottom: -1px;
}

.vuecal--view-with-time .vuecal__weekdays-headings, .vuecal--week-numbers .vuecal__weekdays-headings {
  padding-left: 3em;
}

.vuecal--view-with-time.vuecal--twelve-hour .vuecal__weekdays-headings {
  font-size: 0.9em;
  padding-left: 4em;
}

.vuecal--overflow-x.vuecal--view-with-time .vuecal__weekdays-headings {
  padding-left: 0;
}

.vuecal__heading {
  width: 100%;
  height: 2.8em;
  font-weight: 400;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  text-align: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
  overflow: hidden;
}

.vuecal__heading > .vuecal__flex {
  width: 100%;
  height: 100%;
  -webkit-box-align: initial !important;
  -ms-flex-align: initial !important;
  align-items: normal !important;
}

.vuecal--sticky-split-labels .vuecal__heading {
  height: 3.4em;
}

.vuecal--day-view .vuecal__heading, .vuecal--month-view .vuecal__heading, .vuecal--week-view .vuecal__heading {
  width: 14.2857%;
}

.vuecal--hide-weekends.vuecal--day-view .vuecal__heading, .vuecal--hide-weekends.vuecal--month-view .vuecal__heading, .vuecal--hide-weekends.vuecal--week-view .vuecal__heading, .vuecal--years-view .vuecal__heading {
  width: 20%;
}

.vuecal--year-view .vuecal__heading {
  width: 33.33%;
}

.vuecal__heading .weekday-label {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.vuecal--small .vuecal__heading .small, .vuecal--xsmall .vuecal__heading .xsmall {
  display: block;
}

.vuecal--small .vuecal__heading .full, .vuecal--small .vuecal__heading .xsmall, .vuecal--xsmall .vuecal__heading .full, .vuecal--xsmall .vuecal__heading .small, .vuecal__heading .small, .vuecal__heading .xsmall {
  display: none;
}

.vuecal .vuecal__split-days-headers {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

@media screen and (max-width: 550px) {
  .vuecal__heading {
    line-height: 1.2;
  }
  .vuecal--small .vuecal__heading .small, .vuecal--xsmall .vuecal__heading .xsmall, .vuecal__heading .small {
    display: block;
  }
  .vuecal--small .vuecal__heading .full, .vuecal--small .vuecal__heading .xsmall, .vuecal--xsmall .vuecal__heading .full, .vuecal--xsmall .vuecal__heading .small, .vuecal__heading .full, .vuecal__heading .xsmall {
    display: none;
  }
  .vuecal--overflow-x .vuecal__heading .full, .vuecal--small.vuecal--overflow-x .vuecal__heading .small, .vuecal--xsmall.vuecal--overflow-x .vuecal__heading .xsmall {
    display: block;
  }
  .vuecal--overflow-x .vuecal__heading .small, .vuecal--overflow-x .vuecal__heading .xsmall, .vuecal--small.vuecal--overflow-x .vuecal__heading .full, .vuecal--small.vuecal--overflow-x .vuecal__heading .xsmall, .vuecal--xsmall.vuecal--overflow-x .vuecal__heading .full, .vuecal--xsmall.vuecal--overflow-x .vuecal__heading .small {
    display: none;
  }
}
@media screen and (max-width: 450px) {
  .vuecal--small .vuecal__heading .xsmall, .vuecal--xsmall .vuecal__heading .xsmall, .vuecal__heading .xsmall {
    display: block;
  }
  .vuecal--small .vuecal__heading .full, .vuecal--small .vuecal__heading .small, .vuecal--xsmall .vuecal__heading .full, .vuecal--xsmall .vuecal__heading .small, .vuecal__heading .full, .vuecal__heading .small {
    display: none;
  }
  .vuecal--small.vuecal--overflow-x .vuecal__heading .small, .vuecal--xsmall.vuecal--overflow-x .vuecal__heading .xsmall {
    display: block;
  }
  .vuecal--small.vuecal--overflow-x .vuecal__heading .full, .vuecal--small.vuecal--overflow-x .vuecal__heading .xsmall, .vuecal--xsmall.vuecal--overflow-x .vuecal__heading .full, .vuecal--xsmall.vuecal--overflow-x .vuecal__heading .small {
    display: none;
  }
}
.vuecal__header button {
  outline: none;
  font-family: inherit;
}

.vuecal__menu {
  padding: 0;
  margin: 0;
  list-style-type: none;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  background-color: rgba(0, 0, 0, 0.02);
}

.vuecal__view-btn {
  background: none;
  border: none;
  padding: 0.3em 1em;
  height: 2.2em;
  font-size: 1.3em;
  border-bottom: 0 solid currentColor;
  cursor: pointer;
  color: inherit;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}

.vuecal__view-btn--active {
  border-bottom-width: 2px;
  background: hsla(0, 0%, 100%, 0.15);
}

.vuecal__title-bar {
  background-color: rgba(0, 0, 0, 0.1);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  font-size: 1.4em;
  line-height: 1.3;
  min-height: 2em;
}

.vuecal--xsmall .vuecal__title-bar {
  font-size: 1.3em;
}

.vuecal__title {
  position: relative;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.vuecal__title button {
  cursor: pointer;
  background: none;
  border: none;
}

.vuecal__title button.slide-fade--left-leave-active, .vuecal__title button.slide-fade--right-leave-active {
  width: 100%;
}

.vuecal__today-btn {
  position: relative;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 0.8em;
  background: none;
  border: none;
}

.vuecal__today-btn span.default {
  font-size: 0.8em;
  padding: 3px 6px;
  text-transform: uppercase;
  cursor: pointer;
}

.vuecal__arrow {
  cursor: pointer;
  position: relative;
  z-index: 1;
  background: none;
  border: none;
  white-space: nowrap;
}

.vuecal__arrow--prev {
  margin-left: 0.6em;
}

.vuecal__arrow--next {
  margin-right: 0.6em;
}

.vuecal__arrow i.angle {
  display: inline-block;
  border: solid currentColor;
  border-width: 0 2px 2px 0;
  padding: 0.25em;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.vuecal__arrow--prev i.angle {
  border-width: 2px 0 0 2px;
}

.vuecal__arrow--highlighted, .vuecal__today-btn--highlighted, .vuecal__view-btn--highlighted {
  position: relative;
  background-color: rgba(0, 0, 0, 0.04);
}

.vuecal__arrow--highlighted *, .vuecal__today-btn--highlighted *, .vuecal__view-btn--highlighted * {
  pointer-events: none;
}

.vuecal__arrow--highlighted:after, .vuecal__arrow--highlighted:before, .vuecal__today-btn--highlighted:after, .vuecal__today-btn--highlighted:before, .vuecal__view-btn--highlighted:after, .vuecal__view-btn--highlighted:before {
  content: "";
  background-color: inherit;
  -webkit-animation: sonar 0.8s ease-out infinite;
  animation: sonar 0.8s ease-out infinite;
  position: absolute;
  top: 50%;
  left: 50%;
  pointer-events: none;
}

.vuecal__arrow--highlighted:before, .vuecal__today-btn--highlighted:before, .vuecal__view-btn--highlighted:before {
  width: 3em;
  height: 3em;
  border-radius: 3em;
  margin-top: -1.5em;
  margin-left: -1.5em;
}

.vuecal__arrow--highlighted:after, .vuecal__today-btn--highlighted:after, .vuecal__view-btn--highlighted:after {
  -webkit-animation-duration: 1.5s;
  animation-duration: 1.5s;
  -webkit-animation-delay: 0.1s;
  animation-delay: 0.1s;
  width: 2.6em;
  height: 2.6em;
  border-radius: 2.6em;
  margin-top: -1.3em;
  margin-left: -1.3em;
}

@-webkit-keyframes sonar {
  0%, 20% {
    opacity: 1;
  }
  to {
    -webkit-transform: scale(2.5);
    transform: scale(2.5);
    opacity: 0;
  }
}
@keyframes sonar {
  0%, 20% {
    opacity: 1;
  }
  to {
    -webkit-transform: scale(2.5);
    transform: scale(2.5);
    opacity: 0;
  }
}
@media screen and (max-width: 450px) {
  .vuecal__title {
    font-size: 0.9em;
  }
  .vuecal__view-btn {
    padding-left: 0.6em;
    padding-right: 0.6em;
  }
}
@media screen and (max-width: 350px) {
  .vuecal__view-btn {
    font-size: 1.1em;
  }
}
.vuecal__event {
  color: #666;
  background-color: hsla(0, 0%, 97.3%, 0.8);
  position: relative;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  left: 0;
  width: 100%;
  z-index: 1;
  -webkit-transition: left 0.3s, width 0.3s, -webkit-box-shadow 0.3s;
  transition: left 0.3s, width 0.3s, -webkit-box-shadow 0.3s;
  transition: box-shadow 0.3s, left 0.3s, width 0.3s;
  transition: box-shadow 0.3s, left 0.3s, width 0.3s, -webkit-box-shadow 0.3s;
  overflow: hidden;
}

.vuecal--no-time .vuecal__event {
  min-height: 8px;
}

.vuecal:not(.vuecal--dragging-event) .vuecal__event:hover {
  z-index: 2;
}

.vuecal__cell .vuecal__event * {
  -webkit-user-select: text;
  -moz-user-select: text;
  -ms-user-select: text;
  user-select: text;
}

.vuecal--view-with-time .vuecal__event:not(.vuecal__event--all-day) {
  position: absolute;
}

.vuecal--view-with-time .vuecal__bg .vuecal__event--all-day {
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: 0;
  opacity: 0.6;
  width: auto;
  right: 0;
}

.vuecal--view-with-time .vuecal__all-day .vuecal__event--all-day {
  position: relative;
  left: 0;
}

.vuecal__event--background {
  z-index: 0;
}

.vuecal__event--focus, .vuecal__event:focus {
  -webkit-box-shadow: 1px 1px 6px rgba(0, 0, 0, 0.2);
  box-shadow: 1px 1px 6px rgba(0, 0, 0, 0.2);
  z-index: 3;
  outline: none;
}

.vuecal__event.vuecal__event--dragging {
  opacity: 0.7;
}

.vuecal__event.vuecal__event--static {
  opacity: 0;
  -webkit-transition: opacity 0.1s;
  transition: opacity 0.1s;
}

@-moz-document url-prefix() {
  .vuecal__event.vuecal__event--dragging {
    opacity: 1;
  }
}
.vuecal__event-resize-handle {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 1em;
  background-color: hsla(0, 0%, 100%, 0.3);
  opacity: 0;
  -webkit-transform: translateY(110%);
  transform: translateY(110%);
  -webkit-transition: 0.3s;
  transition: 0.3s;
  cursor: ns-resize;
}

.vuecal__event--focus .vuecal__event-resize-handle, .vuecal__event--resizing .vuecal__event-resize-handle, .vuecal__event:focus .vuecal__event-resize-handle, .vuecal__event:hover .vuecal__event-resize-handle {
  opacity: 1;
  -webkit-transform: translateY(0);
  transform: translateY(0);
}

.vuecal__event--dragging .vuecal__event-resize-handle {
  display: none;
}

.vuecal__event-delete {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  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;
  height: 1.4em;
  line-height: 1.4em;
  background-color: rgba(221, 51, 51, 0.85);
  color: #fff;
  z-index: 0;
  cursor: pointer;
  -webkit-transform: translateY(-110%);
  transform: translateY(-110%);
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.vuecal__event .vuecal__event-delete {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.vuecal--full-height-delete .vuecal__event-delete {
  height: auto;
  bottom: 0;
}

.vuecal--full-height-delete .vuecal__event-delete:before {
  content: "";
  width: 1.7em;
  height: 1.8em;
  display: block;
  background-image: url('data:image/svg+xml;utf8,<svg width="512" height="512" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><path d="M12 1.5a10.5 10.5 0 100 21 10.5 10.5 0 000-21zm5 14.1c.2 0 .2.2.2.2l-.1.3-1 1-.3.1h-.2L12 13.5l-3.5 3.6h-.3-.3l-1-1v-.4-.2l3.6-3.6-3.6-3.5A.4.4 0 017 8l1-1 .3-.2c.1 0 .2 0 .2.2l3.6 3.5L15.6 7l.2-.2c.1 0 .2 0 .3.2l1 1v.5L13.5 12z" fill="%23fff" opacity=".9"/></svg>');
}

.vuecal__event--deletable .vuecal__event-delete {
  -webkit-transform: translateY(0);
  transform: translateY(0);
  z-index: 1;
}

.vuecal__event--deletable.vuecal__event--dragging .vuecal__event-delete {
  opacity: 0;
  -webkit-transition: none;
  transition: none;
}

.vuecal--month-view .vuecal__event-title {
  font-size: 0.85em;
}

.vuecal--short-events .vuecal__event-title {
  text-align: left;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  padding: 0 3px;
}

.vuecal__event-content, .vuecal__event-title {
  -webkit-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto;
}

.vuecal__event-title--edit {
  border-bottom: 1px solid transparent;
  text-align: center;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  color: inherit;
  background-image: url('data:image/svg+xml;utf8,<svg viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><path d="M442 150l-39 39-80-80 39-39q6-6 15-6t15 6l50 50q6 6 6 15t-6 15zM64 368l236-236 80 80-236 236H64v-80z" fill="%23000" opacity=".4"/></svg>');
  background-repeat: no-repeat;
  background-position: 120% 0.15em;
  background-size: 0.4em;
  outline: none;
  width: 100%;
}

.vuecal__event-title--edit:focus, .vuecal__event-title--edit:hover {
  border-color: rgba(0, 0, 0, 0.4);
  background-position: 99% 0.15em;
  background-size: 1.2em;
}

.vuecal__cell {
  position: relative;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center;
  -webkit-transition: background-color 0.15s ease-in-out;
  transition: background-color 0.15s ease-in-out;
}

.vuecal__cells.month-view .vuecal__cell, .vuecal__cells.week-view .vuecal__cell {
  width: 14.2857%;
}

.vuecal--hide-weekends .vuecal__cells.month-view .vuecal__cell, .vuecal--hide-weekends .vuecal__cells.week-view .vuecal__cell, .vuecal__cells.years-view .vuecal__cell {
  width: 20%;
}

.vuecal__cells.year-view .vuecal__cell {
  width: 33.33%;
}

.vuecal__cells.day-view .vuecal__cell {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.vuecal--overflow-x.vuecal--day-view .vuecal__cell {
  width: auto;
}

.vuecal--click-to-navigate .vuecal__cell:not(.vuecal__cell--disabled) {
  cursor: pointer;
}

.vuecal--day-view.vuecal--no-time .vuecal__cell:not(.vuecal__cell--has-splits), .vuecal--view-with-time .vuecal__cell, .vuecal--week-view.vuecal--no-time .vuecal__cell:not(.vuecal__cell--has-splits) {
  display: block;
}

.vuecal__cell.vuecal__cell--has-splits {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.vuecal__cell:before {
  content: "";
  position: absolute;
  z-index: 0;
  top: 0;
  left: 0;
  right: -1px;
  bottom: -1px;
  border: 1px solid hsla(0, 0%, 76.9%, 0.25);
}

.vuecal--overflow-x.vuecal--day-view .vuecal__cell:before {
  bottom: 0;
}

.vuecal__cell--current, .vuecal__cell--today {
  background-color: rgba(240, 240, 255, 0.4);
  z-index: 1;
}

.vuecal__cell--selected {
  background-color: rgba(235, 255, 245, 0.4);
  z-index: 2;
}

.vuecal--day-view .vuecal__cell--selected {
  background: none;
}

.vuecal__cell--out-of-scope {
  color: rgba(0, 0, 0, 0.25);
}

.vuecal__cell--disabled {
  color: rgba(0, 0, 0, 0.25);
  cursor: not-allowed;
}

.vuecal__cell--highlighted:not(.vuecal__cell--has-splits), .vuecal__cell-split.vuecal__cell-split--highlighted {
  background-color: rgba(0, 0, 0, 0.04);
  -webkit-transition-duration: 5ms;
  transition-duration: 5ms;
}

.vuecal__cell-content {
  position: relative;
  width: 100%;
  height: 100%;
  outline: none;
}

.vuecal--month-view .vuecal__cell-content, .vuecal--year-view .vuecal__cell-content, .vuecal--years-view .vuecal__cell-content {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.vuecal__cell-split {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  height: 100%;
  position: relative;
  -webkit-transition: background-color 0.15s ease-in-out;
  transition: background-color 0.15s ease-in-out;
}

.vuecal__cell-events {
  width: 100%;
}

.vuecal__cell-events-count {
  left: 50%;
  top: 65%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  min-width: 12px;
  height: 12px;
  line-height: 12px;
  padding: 0 3px;
  background: #999;
  color: #fff;
  border-radius: 12px;
  font-size: 10px;
}

.vuecal__cell-events-count, .vuecal__cell .vuecal__special-hours {
  position: absolute;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.vuecal__cell .vuecal__special-hours {
  left: 0;
  right: 0;
}

.vuecal--overflow-x.vuecal--week-view .vuecal__cell, .vuecal__cell-split {
  overflow: hidden;
}

.vuecal__no-event {
  padding-top: 1em;
  color: #aaa;
  justify-self: flex-start;
  margin-bottom: auto;
}

.vuecal__all-day .vuecal__no-event {
  display: none;
}

.vuecal__now-line {
  position: absolute;
  left: 0;
  width: 100%;
  height: 0;
  color: red;
  border-top: 1px solid currentColor;
  opacity: 0.6;
  z-index: 1;
}

.vuecal__now-line:before {
  content: "";
  position: absolute;
  top: -6px;
  left: 0;
  border: 5px solid transparent;
  border-left-color: currentColor;
}

.vuecal {
  height: 100%;
  -webkit-box-shadow: 0 0 0 1px inset rgba(0, 0, 0, 0.08);
  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.08);
}

.vuecal *, .vuecal--has-touch :not(.vuecal__event-title--edit) {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.vuecal--has-touch :not(.vuecal__event-title--edit) {
  -webkit-touch-callout: none;
}

.vuecal .clickable {
  cursor: pointer;
}

.vuecal--drag-creating-event, .vuecal--resizing-event {
  cursor: ns-resize;
}

.vuecal--dragging-event {
  cursor: move;
  cursor: -webkit-grabbing;
  cursor: grabbing;
}

.vuecal .dragging-helper {
  position: absolute;
  width: 60px;
  height: 40px;
  background: rgba(138, 190, 230, 0.8);
  border: 1px solid #61a9e0;
  z-index: 10;
}

.vuecal--xsmall {
  font-size: 0.9em;
}

.vuecal__flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
}

.vuecal__flex[column] {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.vuecal__flex[column], .vuecal__flex[grow] {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
}

.vuecal__flex[grow] {
  width: 100%;
}

.vuecal__flex[wrap] {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.vuecal__split-days-headers.slide-fade--right-leave-active {
  display: none;
}

.vuecal--week-numbers.vuecal--month-view .vuecal__split-days-headers {
  margin-left: 3em;
}

.vuecal--day-view:not(.vuecal--overflow-x) .vuecal__split-days-headers {
  margin-left: 3em;
  height: 2.2em;
}

.vuecal--day-view.vuecal--twelve-hour:not(.vuecal--overflow-x) .vuecal__split-days-headers {
  margin-left: 4em;
}

.vuecal__split-days-headers .day-split-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -ms-flex-preferred-size: 0;
  flex-basis: 0;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 100%;
}

.vuecal__split-days-headers .vuecal--day-view.vuecal--overflow-x.vuecal--sticky-split-labels .day-split-header {
  height: 1.5em;
}

.vuecal__body {
  position: relative;
  overflow: hidden;
}

.vuecal__all-day {
  min-height: 1.7em;
  margin-bottom: -1px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}

.vuecal__all-day-text {
  width: 3em;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: #999;
  padding-right: 2px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  border-bottom: 1px solid #ddd;
  -webkit-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto;
}

.vuecal__all-day-text span {
  font-size: 0.85em;
  text-align: right;
  line-height: 1.1;
}

.vuecal--twelve-hour .vuecal__all-day > span {
  width: 4em;
}

.vuecal__bg {
  overflow: auto;
  overflow-x: hidden;
  -webkit-overflow-scrolling: touch;
  min-height: 60px;
  position: relative;
  width: 100%;
  margin-bottom: 1px;
}

.vuecal--no-time .vuecal__bg {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  overflow: auto;
}

.vuecal__week-numbers {
  width: 3em;
  -ms-flex-negative: 0 !important;
  flex-shrink: 0 !important;
}

.vuecal__week-numbers .vuecal__week-number-cell {
  opacity: 0.4;
  font-size: 0.9em;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  justify-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.vuecal__scrollbar-check {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  overflow: scroll;
  visibility: hidden;
  z-index: -1;
}

.vuecal__scrollbar-check div {
  height: 120%;
}

.vuecal__time-column {
  width: 3em;
  height: 100%;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}

.vuecal--twelve-hour .vuecal__time-column {
  width: 4em;
  font-size: 0.9em;
}

.vuecal--overflow-x.vuecal--week-view .vuecal__time-column {
  margin-top: 2.8em;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
}

.vuecal--overflow-x.vuecal--week-view.vuecal--sticky-split-labels .vuecal__time-column {
  margin-top: 3.4em;
}

.vuecal--overflow-x.vuecal--day-view.vuecal--sticky-split-labels .vuecal__time-column {
  margin-top: 1.5em;
}

.vuecal__time-column .vuecal__time-cell {
  color: #999;
  text-align: right;
  padding-right: 2px;
  font-size: 0.9em;
}

.vuecal__time-column .vuecal__time-cell-line:before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  border-top: 1px solid hsla(0, 0%, 76.9%, 0.3);
}

.vuecal__cells {
  margin: 0 1px 1px 0;
}

.vuecal--overflow-x.vuecal--day-view .vuecal__cells {
  margin: 0;
}

.vuecal--events-on-month-view.vuecal--short-events .vuecal__cells {
  width: 99.9%;
}

.vuecal--overflow-x.vuecal--day-view .vuecal__cells, .vuecal--overflow-x.vuecal--week-view .vuecal__cells {
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  overflow: auto;
}

.slide-fade--left-enter-active, .slide-fade--left-leave-active, .slide-fade--right-enter-active, .slide-fade--right-leave-active {
  -webkit-transition: 0.25s ease-out;
  transition: 0.25s ease-out;
}

.slide-fade--left-enter, .slide-fade--right-leave-to {
  -webkit-transform: translateX(-15px);
  transform: translateX(-15px);
  opacity: 0;
}

.slide-fade--left-leave-to, .slide-fade--right-enter {
  -webkit-transform: translateX(15px);
  transform: translateX(15px);
  opacity: 0;
}

.slide-fade--left-leave-active, .slide-fade--right-leave-active {
  position: absolute !important;
  height: 100%;
}

.vuecal__title-bar .slide-fade--left-leave-active, .vuecal__title-bar .slide-fade--right-leave-active {
  left: 0;
  right: 0;
  height: auto;
}

.vuecal__heading .slide-fade--left-leave-active, .vuecal__heading .slide-fade--right-leave-active {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.vuecal--green-theme .vuecal__cell-events-count, .vuecal--green-theme .vuecal__menu {
  background-color: #42b983;
  color: #fff;
}

.vuecal--green-theme .vuecal__title-bar {
  background-color: #e4f5ef;
}

.vuecal--green-theme .vuecal__cell--current, .vuecal--green-theme .vuecal__cell--today {
  background-color: rgba(240, 240, 255, 0.4);
}

.vuecal--green-theme:not(.vuecal--day-view) .vuecal__cell--selected {
  background-color: rgba(235, 255, 245, 0.4);
}

.vuecal--green-theme .vuecal__cell--selected:before {
  border-color: rgba(66, 185, 131, 0.5);
}

.vuecal--green-theme .vuecal__cell--highlighted:not(.vuecal__cell--has-splits), .vuecal--green-theme .vuecal__cell-split--highlighted {
  background-color: rgba(195, 255, 225, 0.5);
}

.vuecal--green-theme .vuecal__arrow--highlighted, .vuecal--green-theme .vuecal__today-btn--highlighted, .vuecal--green-theme .vuecal__view-btn--highlighted {
  background-color: rgba(136, 236, 191, 0.25);
}

.vuecal--blue-theme .vuecal__cell-events-count, .vuecal--blue-theme .vuecal__menu {
  background-color: rgba(66, 163, 185, 0.8);
  color: #fff;
}

.vuecal--blue-theme .vuecal__title-bar {
  background-color: rgba(0, 165, 188, 0.3);
}

.vuecal--blue-theme .vuecal__cell--current, .vuecal--blue-theme .vuecal__cell--today {
  background-color: rgba(240, 240, 255, 0.4);
}

.vuecal--blue-theme:not(.vuecal--day-view) .vuecal__cell--selected {
  background-color: rgba(235, 253, 255, 0.4);
}

.vuecal--blue-theme .vuecal__cell--selected:before {
  border-color: rgba(115, 191, 204, 0.5);
}

.vuecal--blue-theme .vuecal__cell--highlighted:not(.vuecal__cell--has-splits), .vuecal--blue-theme .vuecal__cell-split--highlighted {
  background-color: rgba(0, 165, 188, 0.06);
}

.vuecal--blue-theme .vuecal__arrow--highlighted, .vuecal--blue-theme .vuecal__today-btn--highlighted, .vuecal--blue-theme .vuecal__view-btn--highlighted {
  background-color: rgba(66, 163, 185, 0.2);
}

.vuecal--rounded-theme .vuecal__weekdays-headings {
  border: none;
}

.vuecal--rounded-theme .vuecal__cell, .vuecal--rounded-theme .vuecal__cell:before {
  background: none;
  border: none;
}

.vuecal--rounded-theme .vuecal__cell--out-of-scope {
  opacity: 0.4;
}

.vuecal--rounded-theme .vuecal__cell-content {
  width: 30px;
  height: 30px;
  -webkit-box-flex: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  border: 1px solid transparent;
  border-radius: 30px;
  color: #333;
}

.vuecal--rounded-theme.vuecal--day-view .vuecal__cell-content {
  width: auto;
  background: none;
}

.vuecal--rounded-theme.vuecal--year-view .vuecal__cell {
  width: 33.33%;
}

.vuecal--rounded-theme.vuecal--year-view .vuecal__cell-content {
  width: 85px;
}

.vuecal--rounded-theme.vuecal--years-view .vuecal__cell-content {
  width: 52px;
}

.vuecal--rounded-theme .vuecal__cell {
  background-color: transparent !important;
}

.vuecal--rounded-theme.vuecal--green-theme:not(.vuecal--day-view) .vuecal__cell-content {
  background-color: #f1faf7;
}

.vuecal--rounded-theme.vuecal--green-theme:not(.vuecal--day-view) .vuecal__cell--today .vuecal__cell-content {
  background-color: #42b983;
  color: #fff;
}

.vuecal--rounded-theme.vuecal--green-theme .vuecal--day-view .vuecal__cell--today:before {
  background-color: rgba(66, 185, 131, 0.05);
}

.vuecal--rounded-theme.vuecal--green-theme:not(.vuecal--day-view) .vuecal__cell--selected .vuecal__cell-content {
  border-color: #42b983;
}

.vuecal--rounded-theme.vuecal--green-theme .vuecal__cell--highlighted:not(.vuecal__cell--has-splits), .vuecal--rounded-theme.vuecal--green-theme .vuecal__cell-split--highlighted {
  background-color: rgba(195, 255, 225, 0.5);
}

.vuecal--rounded-theme.vuecal--blue-theme:not(.vuecal--day-view) .vuecal__cell-content {
  background-color: rgba(100, 182, 255, 0.2);
}

.vuecal--rounded-theme.vuecal--blue-theme:not(.vuecal--day-view) .vuecal__cell--today .vuecal__cell-content {
  background-color: #8fb7e4;
  color: #fff;
}

.vuecal--rounded-theme.vuecal--blue-theme .vuecal--day-view .vuecal__cell--today:before {
  background-color: rgba(143, 183, 228, 0.1);
}

.vuecal--rounded-theme.vuecal--blue-theme:not(.vuecal--day-view) .vuecal__cell--selected .vuecal__cell-content {
  border-color: #61a9e0;
}

.vuecal--rounded-theme.vuecal--blue-theme .vuecal__cell--highlighted:not(.vuecal__cell--has-splits), .vuecal--rounded-theme.vuecal--blue-theme .vuecal__cell-split--highlighted {
  background-color: rgba(0, 165, 188, 0.06);
}

.vuecal--date-picker .vuecal__title-bar {
  font-size: 1.2em;
}

.vuecal--date-picker .vuecal__heading {
  height: 2.2em;
  font-weight: 500;
  opacity: 0.4;
}

.vuecal--date-picker .vuecal__weekdays-headings {
  border: none;
}

.vuecal--date-picker .vuecal__body {
  margin-left: 1px;
}

.vuecal--date-picker .vuecal__cell, .vuecal--date-picker .vuecal__cell:before {
  background: none;
  border: none;
}

.vuecal--date-picker .vuecal__cell-content {
  height: 26px;
  -webkit-box-flex: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  border: 1px solid transparent;
  border-radius: 25px;
  -webkit-transition: background-color 0.2s cubic-bezier(0.39, 0.58, 0.57, 1);
  transition: background-color 0.2s cubic-bezier(0.39, 0.58, 0.57, 1);
}

.vuecal--date-picker.vuecal--years-view .vuecal__cell-content {
  -webkit-box-flex: 0;
  -ms-flex: 0;
  flex: 0;
  padding: 0 4px;
  height: 24px;
}

.vuecal--date-picker.vuecal--year-view .vuecal__cell-content {
  -webkit-box-flex: 0;
  -ms-flex: 0;
  flex: 0;
  padding: 0 15px;
}

.vuecal--date-picker.vuecal--month-view .vuecal__cell-content {
  width: 26px;
}

.vuecal--date-picker:not(.vuecal--day-view) .vuecal__cell-content:hover {
  background-color: rgba(0, 0, 0, 0.1);
}

.vuecal--date-picker:not(.vuecal--day-view) .vuecal__cell--selected .vuecal__cell-content {
  background-color: #42b982;
  color: #fff;
}

.vuecal--date-picker:not(.vuecal--day-view) .vuecal__cell--current .vuecal__cell-content, .vuecal--date-picker:not(.vuecal--day-view) .vuecal__cell--today .vuecal__cell-content {
  border-color: #42b982;
}

.vuecal__event.already {
  background-color: rgba(164, 230, 210, 0.9);
  border: 1px solid #90d2be;
}

.vuecal__event.already2 {
  background-color: rgba(255, 220, 159, 0.9);
  border: 1px solid #efb665;
}

.vuecal__event.battement {
  border: 1px solid #d0d0d0;
}

.paymentForm.withPopup {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100vw;
  height: 100vh;
  z-index: 1000;
  display: none;
}
.paymentForm.withPopup .layer {
  z-index: 1;
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100vw;
  height: 100vh;
  background: rgba(0, 0, 0, 0.3);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 60px;
}
@media (max-width: 599px) {
  .paymentForm.withPopup .layer {
    padding: 20px;
  }
}
.paymentForm.withPopup .allInfos .close {
  position: absolute;
  top: 0;
  right: 0;
  width: 65px;
  height: 65px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.paymentForm.withPopup .allInfos .close svg {
  fill: #ff9c00;
  width: 30px;
  height: 30px;
}
.paymentForm .allInfos {
  background: white;
  padding: 40px 60px;
  max-height: 80vh;
  min-width: 800px;
  width: 800px;
  overflow-y: scroll;
  position: relative;
}
@media (max-width: 899px) {
  .paymentForm .allInfos {
    min-width: auto;
    width: 95%;
  }
}
@media (max-width: 599px) {
  .paymentForm .allInfos {
    padding: 40px 30px;
  }
}
.paymentForm .allInfos h2 {
  font-size: 1.618rem;
  margin-bottom: 0;
  color: #009cdd;
}
.paymentForm .allInfos h3 {
  font-size: 1rem;
  margin-bottom: 20px;
}
.paymentForm .allInfos .sep {
  margin-bottom: 20px;
}
.paymentForm .feedbackBlock {
  background: #56a96d;
  padding: 20px;
  text-align: center;
}
.paymentForm .feedbackBlock p {
  color: #ffffff;
}
.paymentForm .feedbackBlock .buttonContainer {
  margin-top: 20px;
}
.paymentForm .feedbackBlock .buttonContainer a {
  padding: 10px 30px !important;
}
.paymentForm form {
  width: 100%;
}
@media (max-width: 749px) {
  .paymentForm form {
    margin-top: 0;
  }
}
.paymentForm form #errors p {
  padding: 20px;
  background: #972500;
  color: #ffffff;
  text-align: center;
  margin: auto;
  margin-bottom: 30px;
  max-width: 700px;
}
.paymentForm form #errors ul {
  padding: 20px;
  background: #972500;
  text-align: center;
  margin: auto;
  margin-bottom: 30px;
  max-width: 700px;
}
.paymentForm form #errors ul li {
  color: #ffffff;
}
.paymentForm form .infoBlockForm {
  display: grid;
  grid-template-columns: 1fr;
  justify-content: space-between;
}
.paymentForm form .infoBlockForm > fieldset {
  width: 100%;
}
.paymentForm form .infoBlockForm > fieldset h3 {
  margin-bottom: 45px;
}
.paymentForm form .infoBlockForm > fieldset h3 svg {
  width: 15px;
  height: 15px;
}
@media (max-width: 599px) {
  .paymentForm form .infoBlockForm > fieldset h3 {
    margin-top: 40px;
    margin-bottom: 10px;
  }
}
@media (max-width: 1199px) {
  .paymentForm form .infoBlockForm > fieldset.montantBlock {
    padding-right: 40px;
  }
}
.paymentForm form .infoBlockForm > fieldset.montantBlock h4 {
  color: #56a96d;
}
.paymentForm form .infoBlockForm > fieldset.montantBlock h4 svg {
  fill: #56a96d;
}
.paymentForm form .infoBlockForm > fieldset.cardBlock {
  margin: 40px 0 0;
}
.paymentForm form .infoBlockForm > fieldset.cardBlock h4 {
  color: #56a96d;
}
.paymentForm form .infoBlockForm > fieldset.cardBlock h4 svg {
  fill: #56a96d;
}
.paymentForm form .infoBlockForm > fieldset.factuBlock h4 {
  color: #56a96d;
}
.paymentForm form .infoBlockForm > fieldset.factuBlock h4 svg {
  fill: #56a96d;
}
.paymentForm form .infoBlockForm > fieldset.allInputs {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 20px;
  margin: 40px 0 0;
}
@media (max-width: 599px) {
  .paymentForm form .infoBlockForm > fieldset.allInputs {
    grid-template-columns: 1fr;
  }
}
.paymentForm form .infoBlockForm > fieldset.allInputs h4 {
  color: #56a96d;
}
.paymentForm form .infoBlockForm > fieldset.allInputs h4 svg {
  fill: #56a96d;
}
.paymentForm form .infoBlockForm > fieldset.allInputs .maxWidth {
  grid-column-start: 1;
  grid-column-end: 3;
}
@media (max-width: 599px) {
  .paymentForm form .infoBlockForm > fieldset.allInputs .maxWidth {
    grid-column: auto;
  }
}
.paymentForm form .infoBlockForm > fieldset.allInputs .twoInputs {
  display: grid;
  grid-template-columns: 1fr 2fr;
  gap: 0 10px;
}
@media (max-width: 599px) {
  .paymentForm form .infoBlockForm > fieldset.allInputs .twoInputs {
    grid-template-columns: 1fr;
  }
}
.paymentForm form .infoBlockForm > fieldset.allInputs label {
  display: block;
}
.paymentForm form .infoBlockForm > fieldset input {
  border: 1px solid #eeeeee;
  border-radius: 4px;
  width: 100%;
  margin-bottom: 30px;
  background: #fafafa;
}
.paymentForm form .infoBlockForm > fieldset input.error {
  border-bottom: 1px solid #972500 !important;
}
.paymentForm form .infoBlockForm > fieldset .pretty {
  margin-bottom: 15px;
}
.paymentForm form .infoBlockForm > fieldset .conditions * {
  font-size: 11px;
}
.paymentForm form .infoBlockForm > fieldset .miChamps {
  width: 42.5%;
  display: inline-block;
}
.paymentForm form .infoBlockForm > fieldset .tier {
  display: inline-block;
  width: 30%;
}
.paymentForm form .infoBlockForm > fieldset .tier input {
  width: 90%;
}
.paymentForm form .infoBlockForm > fieldset .tier2 {
  display: inline-block;
  width: 60%;
}
.paymentForm form .infoBlockForm > fieldset .tier2 input {
  width: 74%;
}
.paymentForm form .infoBlockForm > fieldset button {
  background: #009cdd !important;
  color: #ffffff !important;
  padding: 12px 50px !important;
  border-radius: 4px !important;
}
.paymentForm form .infoBlockForm .typePayment {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 7px;
  justify-content: flex-start;
  margin-bottom: 20px;
}
@media (max-width: 1449px) {
  .paymentForm form .infoBlockForm .typePayment {
    justify-content: space-between;
  }
}
@media (max-width: 749px) {
  .paymentForm form .infoBlockForm .typePayment {
    grid-template-columns: 1fr;
  }
}
.paymentForm form .infoBlockForm .typePayment li {
  background: #f6f6f6;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  padding: 20px;
  text-align: center;
  cursor: pointer;
}
.paymentForm form .infoBlockForm .typePayment li#selected {
  background-color: #009cdd;
  color: #ffffff;
}
.paymentForm form .infoBlockForm .typePayment li.bancontact {
  background: url(../../assets/images/Bancontact_logo.svg) no-repeat center top 20px #f6f6f6;
  padding-top: 60px;
  -webkit-background-size: 47px;
  background-size: 47px;
}
.paymentForm form .infoBlockForm .typePayment li.visa {
  background: url(../../assets/images/credit-card.svg) no-repeat center top 20px #f6f6f6;
  padding-top: 60px;
  -webkit-background-size: 39px;
  background-size: 39px;
}
.paymentForm form .infoBlockForm .typePayment li.paypal {
  background: url(../../assets/images/paypal.svg) no-repeat center top 20px #f6f6f6;
  padding-top: 60px;
  -webkit-background-size: 39px;
  background-size: 39px;
}
.paymentForm form .infoBlockForm .paymentMethod {
  display: none;
  background: #f6f6f6;
  padding: 20px;
  border-radius: 4px;
  text-align: center;
}
.paymentForm form .infoBlockForm .paymentMethod #cardNumber, .paymentForm form .infoBlockForm .paymentMethod #expiryDate, .paymentForm form .infoBlockForm .paymentMethod #cardCvc {
  border: 1px solid #eeeeee;
  border-radius: 4px;
  width: 75%;
  margin: auto;
  background: #ffffff;
  margin-bottom: 30px;
  padding: 10px 12px;
}

/*********************************************
  HOMEPAGE
*********************************************/
@media (max-width: 1049px) {
  .homePage .headContainer__top__logo {
    visibility: hidden;
    opacity: 0;
    width: 0;
    height: 0;
  }
}
.homePage .mainbanner {
  position: relative;
  z-index: 3;
  height: 100vh;
  min-height: 680px;
  margin-top: -100px;
  background-color: #484848;
}
@media screen and (max-width: 1200px) {
  .homePage .mainbanner {
    margin-top: -70px;
  }
}
.homePage .mainbanner__sliderContainer {
  z-index: 1;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  pointer-events: none;
}
.homePage .mainbanner__sliderContainer:before {
  z-index: 2;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(49, 49, 49, 0.65);
  pointer-events: none;
}
.homePage .mainbanner__sliderContainer.slick-slider {
  display: block;
  overflow: hidden;
  margin-top: -6px;
  margin-bottom: -6px;
}
.homePage .mainbanner__sliderContainer .slick-list {
  height: 100%;
}
.homePage .mainbanner__sliderContainer .slick-list .slick-track {
  display: flex;
  justify-content: space-between;
  align-items: stretch;
  margin-left: auto;
  margin-right: auto;
  height: 100%;
}
.homePage .mainbanner__sliderContainer .slick-list .slick-track .slick-slide {
  height: auto;
}
@media screen and (max-width: 800px) {
  .homePage .mainbanner__sliderContainer .slick-list .slick-track .slick-slide {
    height: 100%;
  }
}
.homePage .mainbanner__sliderContainer .slick-list .slick-track .slick-slide > div {
  height: 100%;
}
.homePage .mainbanner__sliderContainer__img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.homePage .mainbanner__wrapper {
  z-index: 2;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-end;
  height: 100%;
}
@media (max-width: 899px) {
  .homePage .mainbanner__wrapper {
    align-items: center;
  }
}
.homePage .mainbanner__contentContainer {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 550px;
  max-width: 100%;
}
@media (max-width: 1199px) {
  .homePage .mainbanner__contentContainer {
    width: 460px;
  }
}
@media (max-width: 899px) {
  .homePage .mainbanner__contentContainer {
    width: 550px;
  }
}
.homePage .mainbanner__contentContainer__logo {
  margin-left: 0;
  width: 350px;
  margin-bottom: 20px;
}
@media (max-width: 1199px) {
  .homePage .mainbanner__contentContainer__logo {
    width: 300px;
  }
}
@media (max-width: 899px) {
  .homePage .mainbanner__contentContainer__logo {
    width: 220px;
  }
}
.homePage .mainbanner__contentContainer__title {
  font-weight: 700;
  font-size: 2.058rem;
  color: #ffffff;
  text-transform: none;
  margin-bottom: 0.2em;
}
@media (max-width: 1199px) {
  .homePage .mainbanner__contentContainer__title {
    font-size: 1.618rem;
  }
}
.homePage .mainbanner__contentContainer__title .uptitle {
  font-weight: 700;
  font-size: 2.058rem;
  color: #ffffff;
  text-transform: none;
}
@media (max-width: 1199px) {
  .homePage .mainbanner__contentContainer__title .uptitle {
    font-size: 1.618rem;
  }
}
.homePage .mainbanner__contentContainer__text {
  font-weight: lighter;
  font-size: 1.618rem;
  color: #ffffff;
}
@media (max-width: 1199px) {
  .homePage .mainbanner__contentContainer__text {
    font-size: 1.272rem;
  }
}
@keyframes appearFade {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.homePage .mainbanner .scroll-downs {
  position: absolute;
  z-index: 3;
  bottom: 20px;
  left: 50%;
  transform: translateX(-50%) scale(0.6);
  pointer-events: none;
  width: 34px;
  height: 55px;
  opacity: 0;
  animation-name: appearFade;
  animation-delay: 3s;
  animation-duration: 0.3s;
  animation-iteration-count: 1;
  animation-fill-mode: forwards;
  animation-timing-function: ease;
}
@media (max-width: 1449px) {
  .homePage .mainbanner .scroll-downs {
    left: calc(50% - 65px);
    bottom: 50px;
  }
}
@media (max-width: 899px) {
  .homePage .mainbanner .scroll-downs {
    bottom: 200px;
    left: 50%;
    transform: translateX(-50%) scale(0.6);
  }
}
@keyframes mousebounce {
  0%, 35% {
    bottom: 0;
  }
  50% {
    bottom: -20px;
  }
  80%, 100% {
    bottom: 0;
  }
}
.homePage .mainbanner .scroll-downs .mousey {
  width: 3px;
  padding: 10px 15px;
  height: 35px;
  border: 3px solid #fff;
  border-radius: 25px;
  opacity: 0.75;
  box-sizing: content-box;
  animation: mousebounce 2.7s ease 2s infinite;
}
@keyframes mousescroll {
  0% {
    opacity: 0;
  }
  10% {
    transform: translateY(0);
    opacity: 1;
  }
  100% {
    transform: translateY(15px);
    opacity: 0;
  }
}
.homePage .mainbanner .scroll-downs .mousey .scroller {
  width: 3px;
  height: 10px;
  border-radius: 25%;
  background-color: #fff;
  animation-name: mousescroll;
  animation-duration: 2s;
  animation-timing-function: ease;
  animation-iteration-count: infinite;
}
.homePage .introlink {
  position: relative;
  z-index: 4;
  margin-top: -130px;
}
.homePage .introlink__wrapper {
  z-index: 2;
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
@media (max-width: 899px) {
  .homePage .introlink__wrapper {
    flex-direction: column-reverse;
    justify-content: flex-start;
    align-items: center;
  }
}
.homePage .introlink__imgContainer__img {
  width: 550px;
}
@media (max-width: 1199px) {
  .homePage .introlink__imgContainer__img {
    width: 460px;
  }
}
@media (max-width: 899px) {
  .homePage .introlink__imgContainer__img {
    width: 550px;
  }
}
.homePage .services {
  position: relative;
  padding-top: 20px;
  padding-bottom: 50px;
}
@media (max-width: 1049px) {
  .homePage .services {
    padding-top: 50px;
  }
}
.homePage .services__maintitle {
  max-width: 420px;
}
.homePage .services__itemsContainer {
  position: relative;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 40px;
}
@media (max-width: 1449px) {
  .homePage .services__itemsContainer {
    gap: 20px;
  }
}
@media (max-width: 899px) {
  .homePage .services__itemsContainer {
    grid-template-columns: repeat(1, 1fr);
  }
}
.homePage .services__itemsContainer__item {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 100px 10px 40px;
}
@media (max-width: 1199px) {
  .homePage .services__itemsContainer__item {
    padding: 80px 0 40px;
    min-height: 600px;
  }
}
@media (max-width: 899px) {
  .homePage .services__itemsContainer__item {
    padding: 40px 30px;
    min-height: 200px;
  }
}
.homePage .services__itemsContainer__item__title {
  z-index: 3;
  color: #343434;
  margin-bottom: 0.3em !important;
}
.homePage .services__itemsContainer__item__subtitle {
  z-index: 3;
  font-family: muli, sans-serif;
  font-weight: bold;
  font-size: 1.272rem;
  color: #343434;
}
.homePage .services__itemsContainer__item__text {
  z-index: 3;
  font-family: muli, sans-serif;
  font-weight: normal;
  font-size: 1rem;
  color: #767676;
  line-height: 1.6;
  margin-top: 30px;
  margin-bottom: 10px;
}
@media (max-width: 899px) {
  .homePage .services__itemsContainer__item__text {
    max-width: calc(100% - 70px);
    margin-bottom: 0;
  }
}
.homePage .services__itemsContainer__item__button {
  z-index: 3;
  margin-top: auto;
}
@media (max-width: 899px) {
  .homePage .services__itemsContainer__item__button {
    margin-top: 20px;
  }
}
.homePage .pole {
  position: relative;
  padding-top: 50px;
  background-color: #484848;
}
.homePage .pole__deco {
  z-index: 1;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  max-width: 80%;
  pointer-events: none;
  max-height: 500px;
}
.homePage .pole__wrapper {
  z-index: 2;
}
.homePage .pole__content {
  display: flex;
  align-items: flex-start;
  justify-content: center;
}
@media (max-width: 1049px) {
  .homePage .pole__content {
    align-items: flex-end;
  }
}
@media (max-width: 899px) {
  .homePage .pole__content {
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
  }
}
.homePage .pole__content__contentContainer {
  padding-top: 60px;
  width: 50%;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
}
@media (max-width: 899px) {
  .homePage .pole__content__contentContainer {
    width: 100%;
    padding-top: 20px;
    padding-bottom: 20px;
  }
}
@media (max-width: 599px) {
  .homePage .pole__content__contentContainer {
    width: 100%;
    display: block;
  }
}
.homePage .pole__content__contentContainer__line {
  display: grid;
  gap: 12px;
  grid-template-columns: 16px auto;
  align-items: flex-start;
  justify-content: flex-start;
  margin-bottom: 2em;
  max-width: 400px;
  margin-left: auto;
  margin-right: auto;
}
@media (max-width: 899px) {
  .homePage .pole__content__contentContainer__line {
    max-width: 500px;
  }
}
.homePage .pole__content__contentContainer__line__icon {
  position: relative;
  top: 5px;
  display: inline-block;
  width: 16px;
  height: 16px;
  fill: #FF9C01;
}
.homePage .pole__content__contentContainer__line__text {
  display: inline-block;
  text-transform: uppercase;
  text-align: left;
  font-family: muli, sans-serif;
  font-weight: normal;
  font-size: 1rem;
  color: #ffffff;
}
.homePage .pole__content__contentContainer__button {
  width: auto;
  display: inline-flex;
  max-width: 400px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 20px;
}
.homePage .pole__content__imagesContainer {
  width: 50%;
  display: grid;
  align-items: flex-start;
  grid-template-columns: repeat(2, 1fr);
  gap: 40px;
  margin-bottom: -50px;
}
@media (max-width: 899px) {
  .homePage .pole__content__imagesContainer {
    margin-bottom: -20px;
  }
}
@media (max-width: 599px) {
  .homePage .pole__content__imagesContainer {
    gap: 20px;
    width: 100%;
  }
}
.homePage .pole__content__imagesContainer__img--1 {
  margin-top: 80px;
}
@media (max-width: 599px) {
  .homePage .pole__content__imagesContainer__img--1 {
    margin-top: 30px;
  }
}
.homePage .community {
  position: relative;
  padding-top: 50px;
  padding-bottom: 50px;
}
.homePage .community__deco {
  z-index: 1;
  position: absolute;
  top: 0;
  bottom: 0;
  left: calc(100% - 100px);
  width: 50vw;
  pointer-events: none;
  background-color: #F4D821;
}
@media (max-width: 1199px) {
  .homePage .community__deco {
    left: calc(100% - 50px);
  }
}
@media (max-width: 599px) {
  .homePage .community__deco {
    left: 95%;
  }
}
.homePage .community__wrapper {
  z-index: 2;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  align-items: flex-start;
  gap: 140px;
}
@media (max-width: 1449px) {
  .homePage .community__wrapper {
    gap: 60px;
  }
}
@media (max-width: 899px) {
  .homePage .community__wrapper {
    grid-template-columns: repeat(1, 1fr);
  }
}
.homePage .community__imagesContainer {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px;
}
@media (max-width: 899px) {
  .homePage .community__imagesContainer {
    padding-right: 20px;
    order: 2;
    max-width: 500px;
    margin-left: auto;
    margin-right: auto;
  }
}
.homePage .community__imagesContainer__img--2 {
  transform: translateY(50px);
}
@media (max-width: 899px) {
  .homePage .community__imagesContainer__img--2 {
    transform: translateY(-50px);
  }
}
.homePage .community__contentContainer {
  padding-top: 100px;
  padding-right: 40px;
}
@media (max-width: 899px) {
  .homePage .community__contentContainer {
    padding-top: 0;
    padding-right: 20px;
    order: 1;
    max-width: 500px;
    margin-left: auto;
    margin-right: auto;
  }
}
.homePage .community__contentContainer__text {
  font-family: muli, sans-serif;
  font-size: 1rem;
  line-height: 2;
  margin-bottom: 2em;
}
.homePage .community__contentContainer__citation {
  font-family: muli, sans-serif;
  font-weight: bold;
  text-transform: uppercase;
  font-style: italic;
  font-size: 0.887rem;
  margin-bottom: 4em;
  color: #009cdd;
}
@media (max-width: 899px) {
  .homePage .community__contentContainer__citation {
    margin-bottom: 2em;
  }
}
.homePage .community__contentContainer__button {
  width: auto;
}
.homePage .creativity {
  position: relative;
  padding-top: 150px;
  padding-bottom: 50px;
}
@media (max-width: 1199px) {
  .homePage .creativity {
    padding-top: 80px;
  }
}
.homePage .creativity__wrapper {
  z-index: 2;
  display: grid;
  grid-template-columns: 1fr 1fr;
  align-items: flex-start;
  gap: 50px;
}
@media (max-width: 899px) {
  .homePage .creativity__wrapper {
    grid-template-columns: repeat(1, 1fr);
  }
}
.homePage .creativity__contentContainer {
  padding-right: 60px;
}
@media (max-width: 1449px) {
  .homePage .creativity__contentContainer {
    padding-right: 0;
  }
}
@media (max-width: 899px) {
  .homePage .creativity__contentContainer {
    max-width: 500px;
    margin-left: auto;
    margin-right: auto;
  }
}
.homePage .creativity__contentContainer__text {
  font-family: muli, sans-serif;
  font-size: 1rem;
  line-height: 2;
  margin-bottom: 2em;
}
.homePage .creativity__contentContainer__citation {
  font-family: muli, sans-serif;
  font-weight: bold;
  text-transform: uppercase;
  font-style: italic;
  font-size: 0.887rem;
  margin-bottom: 4em;
  color: #009cdd;
}
@media (max-width: 899px) {
  .homePage .creativity__contentContainer__citation {
    margin-bottom: 0;
  }
}
.homePage .creativity__imgContainer {
  position: relative;
}
@media (max-width: 899px) {
  .homePage .creativity__imgContainer {
    max-width: 500px;
    margin-left: auto;
    margin-right: auto;
  }
}
.homePage .creativity__imgContainer:before {
  content: "";
  position: absolute;
  z-index: 1;
  bottom: 0;
  right: -50px;
  width: 300px;
  height: 300px;
  pointer-events: none;
  background-color: #009cdd;
}
@media (max-width: 599px) {
  .homePage .creativity__imgContainer:before {
    width: 200px;
    height: 200px;
  }
}
.homePage .creativity__imgContainer__img {
  z-index: 2;
  width: 600px;
  margin-left: 0;
}
.homePage .creativity__imgContainer__button {
  z-index: 2;
  width: auto;
  margin-top: 10px;
}
.homePage .lastnews {
  position: relative;
  padding-top: 150px;
  padding-bottom: 50px;
}
@media (max-width: 1199px) {
  .homePage .lastnews {
    padding-top: 100px;
  }
}
@media (max-width: 899px) {
  .homePage .lastnews {
    padding-top: 80px;
  }
}
.homePage .lastnews__wrapper {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
}
@media (max-width: 899px) {
  .homePage .lastnews__wrapper {
    align-items: center;
  }
}
.homePage .lastnews__titleContainer {
  z-index: 3;
}
@media (max-width: 899px) {
  .homePage .lastnews__titleContainer {
    margin-left: auto;
    margin-right: auto;
  }
}
.homePage .lastnews__itemsContainer {
  z-index: 2;
  position: relative;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  align-items: stretch;
  gap: 50px;
  width: 100%;
  margin-bottom: 40px;
}
@media (max-width: 1449px) {
  .homePage .lastnews__itemsContainer {
    margin-top: 0;
    padding-right: 0;
    grid-template-columns: repeat(1, 1fr);
  }
}
@media (max-width: 899px) {
  .homePage .lastnews__itemsContainer {
    margin-top: 30px;
  }
}
.homePage .lastnews__buttonContainer {
  z-index: 3;
}
@media (max-width: 899px) {
  .homePage .lastnews__buttonContainer {
    margin-left: auto;
    margin-right: auto;
  }
}
.homePage .newsletter {
  position: relative;
  padding-top: 80px;
  padding-bottom: 80px;
  background-color: #F8F8F8;
}
.homePage .newsletter__wrapper {
  z-index: 2;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  align-items: flex-start;
  gap: 50px;
}
@media (max-width: 899px) {
  .homePage .newsletter__wrapper {
    grid-template-columns: repeat(1, 1fr);
  }
}
.homePage .newsletter__contentContainer {
  padding-right: 60px;
}
@media (max-width: 899px) {
  .homePage .newsletter__contentContainer {
    max-width: 500px;
    margin-left: auto;
    margin-right: auto;
    padding-right: 0;
  }
}
.homePage .newsletter__contentContainer__maintitle {
  margin-bottom: 0.4em;
}
.homePage .newsletter__contentContainer__subtitle {
  font-family: muli, sans-serif;
  font-weight: bold;
  font-size: 1rem;
  text-transform: uppercase;
  margin-bottom: 0.8em;
}
.homePage .newsletter__contentContainer__text {
  font-family: muli, sans-serif;
  font-size: 1rem;
  line-height: 2;
}
.homePage .newsletter__formContainer {
  position: relative;
  width: 100%;
}
@media (max-width: 899px) {
  .homePage .newsletter__formContainer {
    max-width: 500px;
    margin-left: auto;
    margin-right: auto;
    padding-right: 0;
  }
}
.homePage .newsletter__formContainer__deco {
  z-index: 1;
  position: absolute;
  top: -130px;
  left: 0;
  width: 160px;
  pointer-events: none;
}
@media (max-width: 899px) {
  .homePage .newsletter__formContainer__deco {
    top: inherit;
    bottom: -50px;
    right: 0;
    left: inherit;
  }
}
.homePage .newsletter__formContainer__form {
  width: 100%;
  z-index: 2;
}
.homePage .newsletter__formContainer__form #mc_embed_signup {
  width: 100%;
  background: none;
}
.homePage .newsletter__formContainer__form #mc_embed_signup form {
  width: 100%;
  padding: 0;
  margin: 0;
}
.homePage .newsletter__formContainer__form #mc_embed_signup form #mc_embed_signup_scroll > .indicates-required {
  display: none;
}
.homePage .newsletter__formContainer__form #mc_embed_signup form #mc_embed_signup_scroll > .mc-field-group {
  padding-bottom: 5px;
  width: 100% !important;
  margin: 0;
}
.homePage .newsletter__formContainer__form #mc_embed_signup form #mc_embed_signup_scroll > .mc-field-group > input {
  outline: none;
  appearance: none;
  border: none !important;
  width: 100%;
  font-family: muli, sans-serif;
  font-weight: normal;
  background: #ffffff;
  color: #343434;
  padding: 10px 14px !important;
  height: 40px;
  line-height: 40px;
}
.homePage .newsletter__formContainer__form #mc_embed_signup form #mc_embed_signup_scroll > .mc-field-group > input::placeholder {
  color: #767676;
}
.homePage .newsletter__formContainer__form #mc_embed_signup form #mc_embed_signup_scroll > .mc-field-group > .helper_text {
  display: none;
}
.homePage .newsletter__formContainer__form #mc_embed_signup form #mc_embed_signup_scroll #mergeRow-gdpr .content__gdpr > p {
  font-size: 0.887rem;
  color: #767676;
}
.homePage .newsletter__formContainer__form #mc_embed_signup form #mc_embed_signup_scroll .optionalParent .button {
  margin-top: 10px;
}

/*********************************************
  About page
*********************************************/
@media (max-width: 1049px) {
  .aboutPage .heading {
    padding-top: 50px;
  }
}
.aboutPage .heading__title {
  margin-bottom: 0.5em;
  max-width: 500px;
}
.aboutPage .heading__text {
  max-width: 600px;
}
.aboutPage .piliersContainer {
  margin: 100px 0;
}
.aboutPage .piliersContainer__wrapper {
  z-index: 2;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  align-items: flex-start;
  gap: 140px;
}
@media (max-width: 1449px) {
  .aboutPage .piliersContainer__wrapper {
    gap: 60px;
  }
}
@media (max-width: 899px) {
  .aboutPage .piliersContainer__wrapper {
    grid-template-columns: repeat(1, 1fr);
  }
}
.aboutPage .piliersContainer__deco {
  z-index: 1;
  position: absolute;
  top: 0;
  bottom: 0;
  left: calc(100% - 80px);
  width: 50vw;
  pointer-events: none;
  background-color: #009cdd;
}
@media (max-width: 1199px) {
  .aboutPage .piliersContainer__deco {
    left: calc(100% - 30px);
  }
}
@media (max-width: 599px) {
  .aboutPage .piliersContainer__deco {
    left: 98%;
  }
}
.aboutPage .piliersContainer__list {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  align-items: flex-start;
  gap: 40px;
  row-gap: 60px;
}
@media (max-width: 599px) {
  .aboutPage .piliersContainer__list {
    grid-template-columns: 1fr;
    gap: 60px;
  }
}
.aboutPage .piliersContainer__list__item {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  align-items: flex-start;
  gap: 30px;
}
@media (max-width: 1299px) {
  .aboutPage .piliersContainer__list__item {
    grid-template-columns: 1fr;
  }
}
@media (max-width: 599px) {
  .aboutPage .piliersContainer__list__item {
    row-gap: 20px;
  }
}
.aboutPage .piliersContainer__list__item__image {
  position: relative;
}
.aboutPage .piliersContainer__list__item__image:before {
  content: "";
  display: block;
  padding-top: 100%;
}
@media (max-width: 599px) {
  .aboutPage .piliersContainer__list__item__image:before {
    padding-top: 60%;
  }
}
.aboutPage .piliersContainer__list__item__image img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media (max-width: 1199px) {
  .aboutPage .piliersContainer__list__item__content {
    padding: 0;
  }
}
.aboutPage .piliersContainer__list__item__content__text ul {
  margin-left: 20px;
}
.aboutPage .accessContainer {
  margin: 100px 0;
}
.aboutPage .accessContainer__deco {
  z-index: 1;
  position: absolute;
  top: 0;
  bottom: 0;
  left: calc(100% - 80px);
  width: 50vw;
  pointer-events: none;
  background-color: #D94A27;
}
@media (max-width: 1199px) {
  .aboutPage .accessContainer__deco {
    left: calc(100% - 30px);
  }
}
@media (max-width: 599px) {
  .aboutPage .accessContainer__deco {
    left: 98%;
  }
}
.aboutPage .accessContainer__infos {
  display: grid;
  grid-template-columns: 6fr 4fr;
  gap: 40px;
}
@media (max-width: 599px) {
  .aboutPage .accessContainer__infos {
    grid-template-columns: 1fr;
  }
}
.aboutPage .accessContainer__infos__right img {
  width: 100%;
}
.aboutPage .accessContainer__infos__right__title {
  margin-top: 2em;
}
.aboutPage .aboutContainer {
  margin: 100px 0;
}
.aboutPage .aboutContainer__team__itemsContainer {
  position: relative;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  column-gap: 80px;
  row-gap: 50px;
}
@media (max-width: 1199px) {
  .aboutPage .aboutContainer__team__itemsContainer {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (max-width: 899px) {
  .aboutPage .aboutContainer__team__itemsContainer {
    column-gap: 40px;
  }
}
@media (max-width: 599px) {
  .aboutPage .aboutContainer__team__itemsContainer {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 424px) {
  .aboutPage .aboutContainer__team__itemsContainer {
    column-gap: 20px;
  }
}
.aboutPage .aboutContainer__team__itemsContainer__item {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
}
.aboutPage .aboutContainer__team__itemsContainer__item__imgContainer {
  width: 100%;
  position: relative;
  overflow: hidden;
}
.aboutPage .aboutContainer__team__itemsContainer__item__imgContainer:hover .aboutContainer__team__itemsContainer__item__imgContainer__img2 {
  opacity: 1 !important;
}
.aboutPage .aboutContainer__team__itemsContainer__item__imgContainer:before {
  content: "";
  display: block;
  padding-top: 130%;
}
.aboutPage .aboutContainer__team__itemsContainer__item__imgContainer__img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.aboutPage .aboutContainer__team__itemsContainer__item__imgContainer__img2 {
  transition: opacity 0.5s ease;
  opacity: 0;
  display: block;
  z-index: 1;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.aboutPage .aboutContainer__team__itemsContainer__item__separator {
  margin-top: 20px;
  margin-bottom: 20px;
  height: 4px;
  width: 40px;
  background-color: #009cdd;
}
.aboutPage .aboutContainer__team__itemsContainer__item__title {
  padding-top: 0;
  text-transform: none;
  font-family: muli, sans-serif;
  color: #343434;
  font-size: 1.1rem;
  font-weight: bold;
  margin-bottom: 0.2em;
}
.aboutPage .aboutContainer__team__itemsContainer__item__role {
  font-family: muli, sans-serif;
  color: #767676;
  font-size: 1rem;
  font-weight: normal;
  margin-bottom: 0.2em;
}
.aboutPage .mapContainer {
  min-height: 500px;
  position: relative;
  z-index: 1;
  overflow: auto;
}
.aboutPage .mapContainer #map {
  width: 100%;
  height: 500px;
}
.aboutPage .partnersContainer {
  margin: 100px 0;
}
.aboutPage .partnersContainer__all {
  padding-top: 30px;
  grid-column-start: 1;
  grid-column-end: 4;
}
@media (max-width: 899px) {
  .aboutPage .partnersContainer__all {
    grid-column-start: inherit;
    grid-column-end: inherit;
    width: 100%;
  }
}
.aboutPage .partnersContainer__all__list {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 40px;
}
@media (max-width: 1049px) {
  .aboutPage .partnersContainer__all__list {
    gap: 15px;
  }
}
@media (max-width: 899px) {
  .aboutPage .partnersContainer__all__list {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (max-width: 599px) {
  .aboutPage .partnersContainer__all__list {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 424px) {
  .aboutPage .partnersContainer__all__list {
    grid-template-columns: 1fr;
  }
}
.aboutPage .partnersContainer__all__list__item {
  background: #FCFCFC;
  position: relative;
  min-height: 250px;
  overflow: hidden;
  display: flex;
  align-items: center;
}
@media (max-width: 899px) {
  .aboutPage .partnersContainer__all__list__item {
    grid-column-start: inherit;
    grid-column-end: inherit;
    width: 100%;
  }
}
.aboutPage .partnersContainer__all__list__item__logo {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  align-self: stretch;
  transition: all 0.3s ease;
}
.aboutPage .partnersContainer__all__list__item__logo__link {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  padding: 50px;
  transition: all 0.3s ease;
}
.aboutPage .partnersContainer__all__list__item__logo__link img, .aboutPage .partnersContainer__all__list__item__logo__link svg {
  width: auto;
  max-width: 100%;
  transition: opacity 0.3s ease, width 0.3s ease, max-width 0.3s ease;
}
.aboutPage .partnersContainer__all__list__item__description {
  position: absolute;
  background: #ffffff;
  text-align: center;
  padding: 20px 5px;
  height: 100%;
  left: 0;
  right: 0;
  bottom: -100%;
  z-index: 1;
  transition: bottom 0.3s ease;
}
.aboutPage .partnersContainer__all__list__item__description__name {
  font-size: 1rem;
  font-weight: 600;
  margin-bottom: 10px;
}
.aboutPage .partnersContainer__all__list__item__description__name a {
  font-size: 1rem;
  font-weight: 600;
}
.aboutPage .partnersContainer__all__list__item__description__type {
  font-size: 0.75rem;
  margin-bottom: 10px;
  text-transform: initial;
}
.aboutPage .partnersContainer__all__list__item__description__socials ul {
  width: 100%;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
.aboutPage .partnersContainer__all__list__item__description__socials ul li a {
  display: block;
  padding: 10px;
  text-align: center;
}
.aboutPage .partnersContainer__all__list__item__description__socials ul li a svg {
  fill: #7b7b7b !important;
  max-height: 15px;
  max-width: 15px;
  transition: fill 0.2s ease;
}
.aboutPage .partnersContainer__all__list__item__description__socials ul li a:focus svg, .aboutPage .partnersContainer__all__list__item__description__socials ul li a:hover svg {
  fill: #484848 !important;
}
.aboutPage .partnersContainer__all__list__item:hover {
  align-items: flex-start;
}
.aboutPage .partnersContainer__all__list__item:hover .partnersContainer__all__list__item__logo {
  align-self: flex-start;
}
.aboutPage .partnersContainer__all__list__item:hover .partnersContainer__all__list__item__logo__link {
  align-items: flex-start;
  padding-top: 30px;
}
.aboutPage .partnersContainer__all__list__item:hover .partnersContainer__all__list__item__description {
  bottom: -50%;
}

/*********************************************
  Partners page
*********************************************/
.partnersPage .partnersContainer__wrapper {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  align-items: flex-start;
  margin-bottom: 80px;
  padding-right: 100px;
}
@media (max-width: 1199px) {
  .partnersPage .partnersContainer__wrapper {
    padding-right: 50px;
  }
}
@media (max-width: 899px) {
  .partnersPage .partnersContainer__wrapper {
    grid-template-columns: repeat(1, 1fr);
    margin-bottom: 50px;
  }
}
@media (max-width: 424px) {
  .partnersPage .partnersContainer__wrapper {
    padding: 0 20px !important;
  }
}
.partnersPage .partnersContainer__left {
  padding-right: 50px;
  padding-top: 50px;
}
@media (max-width: 899px) {
  .partnersPage .partnersContainer__left {
    padding-right: 0px;
    width: 100%;
  }
}
.partnersPage .partnersContainer__left__title {
  margin-bottom: 1em;
  max-width: 500px;
}
.partnersPage .partnersContainer__left__text {
  font-family: muli, sans-serif;
  font-size: 1rem;
  line-height: 2;
  margin-bottom: 2em;
  color: #343434;
}
.partnersPage .partnersContainer__left__text * {
  font-family: muli, sans-serif;
  font-size: 1rem;
  color: #343434;
  line-height: 2;
}
@media (max-width: 899px) {
  .partnersPage .partnersContainer__illustration {
    width: 100%;
  }
}
.partnersPage .partnersContainer__all {
  padding-top: 30px;
  grid-column-start: 1;
  grid-column-end: 4;
}
@media (max-width: 899px) {
  .partnersPage .partnersContainer__all {
    grid-column-start: inherit;
    grid-column-end: inherit;
    width: 100%;
  }
}
.partnersPage .partnersContainer__all__list {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 40px;
}
@media (max-width: 1049px) {
  .partnersPage .partnersContainer__all__list {
    gap: 15px;
  }
}
@media (max-width: 899px) {
  .partnersPage .partnersContainer__all__list {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (max-width: 599px) {
  .partnersPage .partnersContainer__all__list {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 424px) {
  .partnersPage .partnersContainer__all__list {
    grid-template-columns: 1fr;
  }
}
.partnersPage .partnersContainer__all__list__item {
  background: #FCFCFC;
  position: relative;
  min-height: 250px;
  overflow: hidden;
  display: flex;
  align-items: center;
}
@media (max-width: 899px) {
  .partnersPage .partnersContainer__all__list__item {
    grid-column-start: inherit;
    grid-column-end: inherit;
    width: 100%;
  }
}
.partnersPage .partnersContainer__all__list__item__logo {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  align-self: stretch;
  transition: all 0.3s ease;
}
.partnersPage .partnersContainer__all__list__item__logo__link {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  padding: 50px;
  transition: all 0.3s ease;
}
.partnersPage .partnersContainer__all__list__item__logo__link img, .partnersPage .partnersContainer__all__list__item__logo__link svg {
  width: auto;
  max-width: 100%;
  transition: opacity 0.3s ease, width 0.3s ease, max-width 0.3s ease;
}
.partnersPage .partnersContainer__all__list__item__description {
  position: absolute;
  background: #ffffff;
  text-align: center;
  padding: 20px 5px;
  height: 100%;
  left: 0;
  right: 0;
  bottom: -100%;
  z-index: 1;
  transition: bottom 0.3s ease;
}
.partnersPage .partnersContainer__all__list__item__description__name {
  font-size: 1rem;
  font-weight: 600;
  margin-bottom: 10px;
}
.partnersPage .partnersContainer__all__list__item__description__name a {
  font-size: 1rem;
  font-weight: 600;
}
.partnersPage .partnersContainer__all__list__item__description__type {
  font-size: 0.75rem;
  margin-bottom: 10px;
  text-transform: initial;
}
.partnersPage .partnersContainer__all__list__item__description__socials ul {
  width: 100%;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
.partnersPage .partnersContainer__all__list__item__description__socials ul li a {
  display: block;
  padding: 10px;
  text-align: center;
}
.partnersPage .partnersContainer__all__list__item__description__socials ul li a svg {
  fill: #7b7b7b !important;
  max-height: 15px;
  max-width: 15px;
  transition: fill 0.2s ease;
}
.partnersPage .partnersContainer__all__list__item__description__socials ul li a:focus svg, .partnersPage .partnersContainer__all__list__item__description__socials ul li a:hover svg {
  fill: #484848 !important;
}
.partnersPage .partnersContainer__all__list__item:hover {
  align-items: flex-start;
}
.partnersPage .partnersContainer__all__list__item:hover .partnersContainer__all__list__item__logo {
  align-self: flex-start;
}
.partnersPage .partnersContainer__all__list__item:hover .partnersContainer__all__list__item__logo__link {
  align-items: flex-start;
  padding-top: 30px;
}
.partnersPage .partnersContainer__all__list__item:hover .partnersContainer__all__list__item__description {
  bottom: -50%;
}

/*********************************************
  Partner page
*********************************************/
.partnerPage .partnerContainer__block {
  display: grid;
  grid-template-columns: 1fr 2fr;
  padding-bottom: 110px;
}
@media (max-width: 899px) {
  .partnerPage .partnerContainer__block {
    grid-template-columns: 1fr;
    padding-bottom: 60px;
  }
}
.partnerPage .partnerContainer__block__left {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
@media (max-width: 1049px) {
  .partnerPage .partnerContainer__block__left {
    padding: 0 0 0 0;
  }
}
.partnerPage .partnerContainer__block__left__back {
  margin-top: 80px;
  margin-left: 0;
  margin-right: auto;
  margin-bottom: 20px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.partnerPage .partnerContainer__block__left__back svg {
  transform: rotate(90deg);
  height: 40px;
  width: 40px;
}
.partnerPage .partnerContainer__block__left__back span {
  margin-left: 15px;
  text-transform: uppercase;
  font-weight: 600;
}
.partnerPage .partnerContainer__block__left__logo {
  margin: auto auto;
  max-width: 200px;
  max-height: 200px;
}
@media (max-width: 1199px) {
  .partnerPage .partnerContainer__block__left__logo {
    max-width: 80%;
  }
}
@media (max-width: 899px) {
  .partnerPage .partnerContainer__block__left__logo {
    max-width: 200px;
    max-height: 200px;
    margin-top: 20px;
    margin-bottom: 20px;
  }
}
@media (max-width: 599px) {
  .partnerPage .partnerContainer__block__left__logo {
    max-width: 160px;
    max-height: 160px;
  }
}
.partnerPage .partnerContainer__block__illustration {
  background-color: #F7FAF9;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 50px;
}
.partnerPage .partnerContainer__block__illustration__img {
  margin: auto auto;
  max-width: 480px;
  max-height: 400px;
}
@media (max-width: 899px) {
  .partnerPage .partnerContainer__block__illustration__img {
    max-width: 400px;
    max-height: 400px;
  }
}
@media (max-width: 599px) {
  .partnerPage .partnerContainer__block__illustration__img {
    max-width: 80%;
    max-height: 260px;
  }
}
@media (max-width: 424px) {
  .partnerPage .partnerContainer__block__illustration__img {
    max-width: 90%;
    max-height: 260px;
  }
}
.partnerPage .partnerContainer__block__website__buttonContainer .button {
  display: block;
  width: 100%;
}
.partnerPage .partnerContainer__block__website__infosContainer {
  padding: 40px 30px;
}
@media (max-width: 899px) {
  .partnerPage .partnerContainer__block__website__infosContainer {
    padding: 40px 0px;
  }
}
.partnerPage .partnerContainer__block__website__infosContainer__line {
  display: grid;
  gap: 22px;
  grid-template-columns: 16px auto;
  align-items: flex-start;
  justify-content: flex-start;
  margin-bottom: 1em;
}
.partnerPage .partnerContainer__block__website__infosContainer__line svg {
  position: relative;
  top: 5px;
  display: inline-block;
  width: 16px;
  height: 16px;
  fill: #343434;
}
.partnerPage .partnerContainer__block__website__infosContainer__line span, .partnerPage .partnerContainer__block__website__infosContainer__line a {
  display: inline-block;
  text-align: left;
  font-family: muli, sans-serif;
  font-weight: bold;
  font-size: 1rem;
  color: #343434;
}
.partnerPage .partnerContainer__block__description {
  padding: 110px 40px 0px;
}
@media (max-width: 899px) {
  .partnerPage .partnerContainer__block__description {
    padding: 0;
  }
}
.partnerPage .partnerContainer__block__description__block__title {
  font-weight: normal;
  max-width: 50%;
}
.partnerPage .partnerContainer__block__description__block__text {
  column-count: 2;
  column-gap: 60px;
}
@media (max-width: 1199px) {
  .partnerPage .partnerContainer__block__description__block__text {
    column-count: 1;
  }
}
.partnerPage .partnerContainer__block__description__block__text p {
  font-size: 1rem;
}
.partnerPage .partnerContainer__block__description__block__text * {
  font-family: muli, sans-serif;
  font-size: 1rem;
  color: #343434;
  line-height: 2;
}

/*********************************************
  Formations page
*********************************************/
@media (max-width: 1049px) {
  .formationsPage .heading {
    padding-top: 50px;
  }
}
.formationsPage .heading__title {
  margin-bottom: 0.5em;
  max-width: 500px;
}
.formationsPage .heading__text {
  max-width: 600px;
}
.formationsPage .search {
  margin-top: 60px;
}
.formationsPage .results {
  position: relative;
  margin-bottom: 40px;
}
.formationsPage .results > .wrapperLeft {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
}
.formationsPage .results__articlesContainer {
  width: 100%;
}
.formationsPage .results__articlesContainer .article {
  margin-bottom: 30px;
}
.formationsPage .results__buttonContainer {
  padding-top: 40px;
  margin-left: auto;
  margin-right: auto;
}
.formationsPage .formations {
  padding-top: 40px;
  margin-bottom: 40px;
}
.formationsPage .formations.js-hidden {
  display: none;
}
.formationsPage .formations__wrapper {
  position: relative;
  display: grid;
  grid-template-columns: 5fr 2fr;
  gap: 40px;
}
@media (max-width: 1299px) {
  .formationsPage .formations__wrapper {
    grid-template-columns: 1fr;
  }
}
.formationsPage .formations__itemsContainer {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
}
.formationsPage .formations__itemsContainer .article {
  margin-bottom: 30px;
}
.formationsPage .formations__itemsContainer .article__link__imgContainer:before {
  display: none !important;
}
.formationsPage .formations__aside {
  position: relative;
}
.formationsPage .formations__aside__title {
  margin-bottom: 2em;
}
.formationsPage .formations__aside__itemsContainer {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
}
@media (max-width: 1299px) {
  .formationsPage .formations__aside__itemsContainer {
    width: 100%;
  }
}
.formationsPage .formations__aside__itemsContainer__item {
  display: flex;
  flex-wrap: wrap;
  border-bottom: 1px solid #DEDEDE;
  margin-bottom: 20px;
  width: 100%;
}
.formationsPage .formations__aside__itemsContainer__item:nth-child(4n+1) .formations__aside__itemsContainer__item__contentContainer__type {
  color: #D94A27;
}
.formationsPage .formations__aside__itemsContainer__item:nth-child(4n+2) .formations__aside__itemsContainer__item__contentContainer__type {
  color: #009cdd;
}
.formationsPage .formations__aside__itemsContainer__item:nth-child(4n+3) .formations__aside__itemsContainer__item__contentContainer__type {
  color: #43A15B;
}
.formationsPage .formations__aside__itemsContainer__item:nth-child(4n+4) .formations__aside__itemsContainer__item__contentContainer__type {
  color: #F4D821;
}
.formationsPage .formations__aside__itemsContainer__item__img {
  width: 60px;
  margin-top: 0;
  padding: 0;
}
.formationsPage .formations__aside__itemsContainer__item__contentContainer {
  width: calc(100% - 60px);
  padding-left: 15px;
  padding-bottom: 15px;
}
.formationsPage .formations__aside__itemsContainer__item__contentContainer__type {
  padding-top: 0;
  padding-bottom: 0;
  margin-bottom: 0;
}
.formationsPage .formations__aside__itemsContainer__item__contentContainer__title {
  padding-top: 0;
  padding-bottom: 0;
  margin-bottom: 0.1em;
}
.formationsPage .formations__aside__itemsContainer__item__button {
  margin-left: auto;
}
.formationsPage .formationsContainer {
  margin-bottom: 180px;
}
.formationsPage .formationsContainer__wrapper {
  display: flex;
  flex-flow: row wrap;
  align-items: center;
}
.formationsPage .formationsContainer__left {
  padding: 0 80px 80px 80px;
  width: 40%;
}
@media (max-width: 1449px) {
  .formationsPage .formationsContainer__left {
    width: 30%;
    padding: 0 30px 80px 30px;
  }
}
@media (max-width: 1199px) {
  .formationsPage .formationsContainer__left {
    width: 100%;
    padding: 50px 40px 30px 40px;
  }
}
.formationsPage .formationsContainer__left__title {
  font-size: 3.756rem;
  text-transform: uppercase;
  margin-bottom: 60px;
  font-weight: 800;
  color: #4a4a4a;
  position: relative;
}
@media (max-width: 1449px) {
  .formationsPage .formationsContainer__left__title {
    font-size: 2.058rem;
  }
}
.formationsPage .formationsContainer__left__title:before {
  content: " ";
  position: absolute;
  left: 0;
  bottom: -30px;
  width: 100px;
  height: 2px;
  background: #4a4a4a;
}
.formationsPage .formationsContainer__left__text {
  max-width: 700px;
}
.formationsPage .formationsContainer__left__text p {
  line-height: 2em;
}
.formationsPage .formationsContainer__events {
  width: 60%;
}
@media (max-width: 1449px) {
  .formationsPage .formationsContainer__events {
    width: 70%;
  }
}
@media (max-width: 1199px) {
  .formationsPage .formationsContainer__events {
    width: 100%;
  }
}
@media (max-width: 1049px) {
  .formationsPage .formationsContainer__events {
    padding-right: 50px;
  }
}
@media (max-width: 424px) {
  .formationsPage .formationsContainer__events {
    padding: 0 20px !important;
  }
}
.formationsPage .formationsContainer__events__list .pageSlick {
  display: grid;
  width: 100%;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-flow: row;
}
@media (max-width: 749px) {
  .formationsPage .formationsContainer__events__list .pageSlick {
    display: block;
  }
}
.formationsPage .formationsContainer__events__list__item--1 {
  grid-column: 1;
  grid-row: 1/4;
}
.formationsPage .formationsContainer__events__list__item--1 > a {
  background: #eeeeee;
}
.formationsPage .formationsContainer__events__list__item--1 > a * {
  color: #4a4a4a !important;
}
.formationsPage .formationsContainer__events__list__item--2 {
  grid-column: 2/4;
}
.formationsPage .formationsContainer__events__list__item--2 > a {
  background: #d85a31;
}
.formationsPage .formationsContainer__events__list__item--2 > a * {
  color: #ffffff !important;
}
.formationsPage .formationsContainer__events__list__item--3 {
  grid-column: 2/4;
}
.formationsPage .formationsContainer__events__list__item--3 > a {
  background: #009cdd;
}
.formationsPage .formationsContainer__events__list__item--3 > a * {
  color: #ffffff !important;
}
.formationsPage .formationsContainer__events__list__item--4 > a {
  background: #4a4a4a;
}
.formationsPage .formationsContainer__events__list__item--4 > a * {
  color: #ffffff !important;
}
.formationsPage .formationsContainer__events__list__item--5 > a {
  background: #ffffff;
}
.formationsPage .formationsContainer__events__list__item--5 > a * {
  color: #4a4a4a !important;
}
.formationsPage .formationsContainer__events__list__item__link {
  padding: 40px;
  height: 100%;
  display: grid;
  grid-template-columns: 1fr;
  align-content: stretch;
}
.formationsPage .formationsContainer__events__list__item__link:focus .formationsContainer__events__list__item__link__infos__type,
.formationsPage .formationsContainer__events__list__item__link:focus .formationsContainer__events__list__item__link__infos__date,
.formationsPage .formationsContainer__events__list__item__link:focus .formationsContainer__events__list__item__link__content__title,
.formationsPage .formationsContainer__events__list__item__link:focus .formationsContainer__events__list__item__link__content__description, .formationsPage .formationsContainer__events__list__item__link:hover .formationsContainer__events__list__item__link__infos__type,
.formationsPage .formationsContainer__events__list__item__link:hover .formationsContainer__events__list__item__link__infos__date,
.formationsPage .formationsContainer__events__list__item__link:hover .formationsContainer__events__list__item__link__content__title,
.formationsPage .formationsContainer__events__list__item__link:hover .formationsContainer__events__list__item__link__content__description {
  transform: translateY(-10px);
}
.formationsPage .formationsContainer__events__list__item__link:focus .formationsContainer__events__list__item__link__infos__type, .formationsPage .formationsContainer__events__list__item__link:hover .formationsContainer__events__list__item__link__infos__type {
  transition: transform 0.3s ease;
}
.formationsPage .formationsContainer__events__list__item__link:focus .formationsContainer__events__list__item__link__infos__date, .formationsPage .formationsContainer__events__list__item__link:hover .formationsContainer__events__list__item__link__infos__date {
  transition: transform 0.3s ease 0.05s;
}
.formationsPage .formationsContainer__events__list__item__link:focus .formationsContainer__events__list__item__link__content__title, .formationsPage .formationsContainer__events__list__item__link:hover .formationsContainer__events__list__item__link__content__title {
  transition: transform 0.3s ease 0.1s;
}
.formationsPage .formationsContainer__events__list__item__link:focus .formationsContainer__events__list__item__link__content__description, .formationsPage .formationsContainer__events__list__item__link:hover .formationsContainer__events__list__item__link__content__description {
  transition: transform 0.3s ease 0.15s;
}
.formationsPage .formationsContainer__events__list__item__link:focus .button:after, .formationsPage .formationsContainer__events__list__item__link:hover .button:after {
  width: 50px;
}
.formationsPage .formationsContainer__events__list__item__link__infos {
  margin-bottom: 40px;
  align-self: flex-start;
}
.formationsPage .formationsContainer__events__list__item__link__infos__type {
  display: block;
  font-weight: 600;
  text-transform: uppercase;
  transform: translateY(0);
  transition: transform 0.3s ease;
}
.formationsPage .formationsContainer__events__list__item__link__infos__date {
  display: block;
  transform: translateY(0);
  transition: transform 0.3s ease;
}
.formationsPage .formationsContainer__events__list__item__link__content {
  align-self: center;
}
.formationsPage .formationsContainer__events__list__item__link__content__title {
  font-size: 1.272rem;
  margin-bottom: 10px;
  font-weight: 600;
  transform: translateY(0);
  transition: transform 0.3s ease;
}
.formationsPage .formationsContainer__events__list__item__link__content__description {
  line-height: 1.6em;
  transform: translateY(0);
  transition: transform 0.3s ease;
}
.formationsPage .formationsContainer__events__list__item__link .buttonContainer {
  margin-top: 40px;
  align-self: flex-end;
}

/*********************************************
  Formation page
*********************************************/
.formationPage .formationContainer__wrapper {
  padding-right: 100px;
  display: grid;
  grid-template-columns: 1fr 1fr;
  margin-bottom: 120px;
}
@media (max-width: 1199px) {
  .formationPage .formationContainer__wrapper {
    padding-right: 50px;
  }
}
@media (max-width: 749px) {
  .formationPage .formationContainer__wrapper {
    grid-template-columns: 1fr;
  }
}
@media (max-width: 424px) {
  .formationPage .formationContainer__wrapper {
    padding: 0 20px !important;
  }
}
.formationPage .formationContainer__back {
  margin-top: 40px;
}
@media (max-width: 749px) {
  .formationPage .formationContainer__back {
    order: 3;
  }
}
.formationPage .formationContainer__left {
  background: linear-gradient(90deg, #ffffff 60%, #FAFAFA 60%);
  padding: 40px 40px 120px 0;
  display: grid;
  grid-template-columns: 1fr;
  align-items: flex-start;
}
@media (max-width: 749px) {
  .formationPage .formationContainer__left {
    padding: 0;
    padding-bottom: 40px;
    order: 1;
    background: none;
    margin-top: 40px;
  }
}
.formationPage .formationContainer__left__illustration {
  padding-top: 140px;
}
@media (max-width: 749px) {
  .formationPage .formationContainer__left__illustration {
    padding-top: 0;
  }
}
.formationPage .formationContainer__left__illustration iframe {
  margin-top: 20px;
}
.formationPage .formationContainer__right {
  background: #FAFAFA;
  padding: 40px 40px 120px 0px;
  display: grid;
  grid-template-columns: 1fr;
}
@media (max-width: 1199px) {
  .formationPage .formationContainer__right {
    padding: 40px 30px 50px;
  }
}
@media (max-width: 749px) {
  .formationPage .formationContainer__right {
    order: 2;
  }
}
.formationPage .formationContainer__right__infos {
  text-align: right;
  padding-bottom: 40px;
  min-height: 140px;
}
@media (max-width: 749px) {
  .formationPage .formationContainer__right__infos {
    min-height: 0;
  }
}
.formationPage .formationContainer__right__infos__type {
  display: block;
  font-weight: 600;
  text-transform: uppercase;
}
.formationPage .formationContainer__right__infos__date {
  display: block;
  font-family: muli, sans-serif;
  font-size: 0.887rem;
  font-weight: normal;
  text-transform: uppercase;
  color: #343434;
}
.formationPage .formationContainer__right__infos__speaker {
  font-family: muli, sans-serif;
  font-size: 0.887rem;
  font-weight: normal;
  text-transform: uppercase;
  color: #343434;
}
.formationPage .formationContainer__right__content {
  padding-right: 20px;
}
@media (max-width: 1199px) {
  .formationPage .formationContainer__right__content {
    padding-right: 0;
  }
}
.formationPage .formationContainer__right__content__type {
  font-family: muli, sans-serif;
  font-size: 1rem;
  font-weight: bold;
  text-transform: uppercase;
  color: #D94A27;
  padding-top: 10px;
}
.formationPage .formationContainer__right__content__subtitle {
  line-height: 1.6em;
  margin-bottom: 1em;
}
.formationPage .formationContainer__right__content__description {
  line-height: 1.6em;
}
.formationPage .formationContainer__right__content__infos {
  background: #ffffff;
  padding: 30px;
  margin-top: 30px;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 15px;
}
@media (max-width: 1599px) {
  .formationPage .formationContainer__right__content__infos {
    grid-template-columns: 1fr;
    gap: 35px;
  }
}
.formationPage .formationContainer__right__content__infos__presentiel__title h2 {
  margin-bottom: 0.6em;
  font-size: 1.1rem;
  font-weight: bold;
  font-family: muli, sans-serif;
  color: #343434;
}
.formationPage .formationContainer__right__content__infos__presentiel__title p {
  font-family: muli, sans-serif;
  color: #343434;
  text-transform: uppercase;
  font-size: 0.887rem;
}
.formationPage .formationContainer__right__content__infos__presentiel__title p strong {
  font-size: 0.887rem;
  font-weight: bold;
  font-family: muli, sans-serif;
  color: #343434;
  text-transform: uppercase;
}
.formationPage .formationContainer__right__content .buttonContainer {
  width: 100%;
}
.formationPage .formationContainer__right__content .buttonContainer button {
  width: 100%;
}

/*********************************************
  News page
*********************************************/
.newsPage .newsContainer__wrapper {
  padding-right: 100px;
}
@media (max-width: 1199px) {
  .newsPage .newsContainer__wrapper {
    padding-right: 50px;
  }
}
@media (max-width: 424px) {
  .newsPage .newsContainer__wrapper {
    padding: 0 20px !important;
  }
}
.newsPage .newsContainer__header {
  display: grid;
  grid-template-columns: 1fr 1fr;
  align-items: center;
  padding-top: 80px;
}
@media (max-width: 749px) {
  .newsPage .newsContainer__header {
    grid-template-columns: 1fr;
    margin-bottom: 50px;
  }
}
.newsPage .newsContainer__header__title {
  padding-right: 40px;
}
.newsPage .newsContainer__header__title__text:before {
  top: inherit;
  bottom: -20px;
}
.newsPage .newsContainer__header__description {
  max-width: 700px;
}
.newsPage .newsContainer__header__description p {
  line-height: 2em;
}
.newsPage .newsContainer__results {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  margin-bottom: 40px;
}
.newsPage .newsContainer__results__articlesContainer {
  width: 100%;
}
.newsPage .newsContainer__results__articlesContainer .article {
  margin-bottom: 30px;
}
.newsPage .newsContainer__results__buttonContainer {
  padding-top: 40px;
  margin-left: auto;
  margin-right: auto;
}
.newsPage .newsContainer__itemsContainer {
  z-index: 2;
  position: relative;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  align-items: stretch;
  gap: 50px;
  width: 100%;
  margin-bottom: 40px;
}
@media (max-width: 1449px) {
  .newsPage .newsContainer__itemsContainer {
    margin-top: 0;
    padding-right: 0;
    grid-template-columns: repeat(1, 1fr);
  }
}
@media (max-width: 899px) {
  .newsPage .newsContainer__itemsContainer {
    margin-top: 30px;
  }
}
.newsPage .newsContainer__itemsContainer.js-hidden {
  display: none;
}
.newsPage .newsContainer__oldest {
  display: grid;
  grid-template-columns: 1fr 2fr;
  margin-bottom: 180px;
}
@media (max-width: 899px) {
  .newsPage .newsContainer__oldest {
    grid-template-columns: 1fr;
  }
}
.newsPage .newsContainer__oldest.js-hidden {
  display: none;
}
.newsPage .newsContainer__oldest__title {
  padding: 0 80px 80px;
}
@media (max-width: 899px) {
  .newsPage .newsContainer__oldest__title {
    padding: 0 0 40px 0;
  }
}
.newsPage .newsContainer__oldest__title__text:before {
  top: inherit;
  bottom: -20px;
}
.newsPage .newsContainer__oldest__news .article {
  margin-bottom: 30px;
}

/*********************************************
  New page
*********************************************/
.newPage .newContainer__wrapper {
  padding-right: 100px;
}
@media (max-width: 1199px) {
  .newPage .newContainer__wrapper {
    padding-right: 50px;
  }
}
@media (max-width: 424px) {
  .newPage .newContainer__wrapper {
    padding: 0 20px !important;
  }
}
.newPage .newContainer__detail {
  display: grid;
  grid-template-columns: 1fr 75px 1fr 75px;
  margin-bottom: 120px;
}
@media (max-width: 1449px) {
  .newPage .newContainer__detail {
    grid-template-columns: 2fr 60px 3fr 60px;
    margin-bottom: 100px;
  }
}
@media (max-width: 1049px) {
  .newPage .newContainer__detail {
    grid-template-columns: 1fr 75px 1fr;
  }
}
@media (max-width: 899px) {
  .newPage .newContainer__detail {
    grid-template-columns: 1fr 1fr;
    gap: 30px;
  }
}
@media (max-width: 749px) {
  .newPage .newContainer__detail {
    grid-template-columns: 1fr;
  }
}
@media (max-width: 899px) {
  .newPage .newContainer__detail__illustration {
    order: 2;
    margin-top: 50px;
  }
}
.newPage .newContainer__detail__illustration iframe {
  margin-top: 20px;
}
@media (max-width: 899px) {
  .newPage .newContainer__detail__illustration iframe {
    height: 200px;
    max-width: 100%;
  }
}
.newPage .newContainer__detail__illustration__gallery {
  margin-top: 20px;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 20px;
}
@media (max-width: 749px) {
  .newPage .newContainer__detail__illustration__gallery {
    grid-template-columns: repeat(3, 1fr);
    gap: 10px;
  }
}
@media (max-width: 424px) {
  .newPage .newContainer__detail__illustration__gallery {
    grid-template-columns: repeat(2, 1fr);
  }
}
.newPage .newContainer__detail__share {
  display: grid;
  grid-template-columns: 1fr;
  align-items: center;
  justify-content: center;
}
@media (max-width: 899px) {
  .newPage .newContainer__detail__share {
    order: 3;
  }
}
.newPage .newContainer__detail__share .jssocials-shares {
  display: grid;
  grid-template-columns: 1fr;
  align-items: center;
  justify-content: center;
}
@media (max-width: 899px) {
  .newPage .newContainer__detail__share .jssocials-shares {
    display: flex;
  }
}
.newPage .newContainer__detail__share .jssocials-shares > div {
  text-align: center;
  margin: 0 0 10px 0;
}
.newPage .newContainer__detail__share .jssocials-shares > div .jssocials-share-link {
  color: #4a4a4a !important;
}
.newPage .newContainer__detail__content {
  padding-top: 150px;
  padding-right: 80px;
}
@media (max-width: 1449px) {
  .newPage .newContainer__detail__content {
    padding-right: 40px;
  }
}
@media (max-width: 1199px) {
  .newPage .newContainer__detail__content {
    padding-top: 30px;
  }
}
@media (max-width: 1049px) {
  .newPage .newContainer__detail__content {
    padding-right: 0;
  }
}
@media (max-width: 899px) {
  .newPage .newContainer__detail__content {
    order: 1;
  }
}
.newPage .newContainer__detail__content__date {
  font-size: 0.75rem;
  color: #7b7b7b;
}
@media (max-width: 1049px) {
  .newPage .newContainer__detail__content__title {
    margin-bottom: 2em;
  }
}
.newPage .newContainer__detail__content__title:before {
  top: inherit;
  bottom: -20px;
}
.newPage .newContainer__detail__content__subtitle {
  font-weight: 600;
  text-transform: initial;
  font-size: 1rem;
  margin-bottom: 15px;
}
.newPage .newContainer__detail__content__chapeau {
  margin-bottom: 1em;
}
.newPage .newContainer__detail__navigation {
  padding-top: 150px;
}
@media (max-width: 1049px) {
  .newPage .newContainer__detail__navigation {
    grid-column: 1/5;
  }
}
@media (max-width: 899px) {
  .newPage .newContainer__detail__navigation {
    order: 4;
    grid-column: auto;
    padding-top: 0;
  }
}
@media (max-width: 1049px) {
  .newPage .newContainer__detail__navigation__list {
    display: flex;
    justify-content: flex-end;
  }
}
@media (max-width: 424px) {
  .newPage .newContainer__detail__navigation__list {
    justify-content: center;
    align-items: stretch;
  }
}
.newPage .newContainer__detail__navigation__list__item:first-child a {
  background: #009cdd;
}
.newPage .newContainer__detail__navigation__list__item:first-child a svg {
  transform: rotate(-180deg);
  top: 0;
}
@media (max-width: 1049px) {
  .newPage .newContainer__detail__navigation__list__item:first-child a svg {
    margin-right: 10px;
  }
}
@media (max-width: 424px) {
  .newPage .newContainer__detail__navigation__list__item:first-child a svg {
    margin-right: 0px;
    margin: auto;
    margin-bottom: 10px;
  }
}
.newPage .newContainer__detail__navigation__list__item:first-child a span {
  align-self: flex-end;
  padding-bottom: 10px;
}
@media (max-width: 1049px) {
  .newPage .newContainer__detail__navigation__list__item:first-child a span {
    padding-bottom: 0;
    align-self: center;
  }
}
.newPage .newContainer__detail__navigation__list__item:first-child a:focus svg, .newPage .newContainer__detail__navigation__list__item:first-child a:hover svg {
  top: -5px;
}
.newPage .newContainer__detail__navigation__list__item:nth-child(2) a {
  background: #ff9c00;
}
.newPage .newContainer__detail__navigation__list__item:nth-child(2) a span {
  align-self: flex-start;
  padding-top: 10px;
}
@media (max-width: 1049px) {
  .newPage .newContainer__detail__navigation__list__item:nth-child(2) a span {
    padding-top: 0;
    align-self: center;
    order: 2;
  }
}
.newPage .newContainer__detail__navigation__list__item:nth-child(2) a svg {
  top: 0;
}
@media (max-width: 1049px) {
  .newPage .newContainer__detail__navigation__list__item:nth-child(2) a svg {
    order: 1;
    margin-right: 10px;
  }
}
@media (max-width: 424px) {
  .newPage .newContainer__detail__navigation__list__item:nth-child(2) a svg {
    margin-right: 0px;
    margin: auto;
    margin-bottom: 10px;
  }
}
.newPage .newContainer__detail__navigation__list__item:nth-child(2) a:focus svg, .newPage .newContainer__detail__navigation__list__item:nth-child(2) a:hover svg {
  top: 5px;
}
.newPage .newContainer__detail__navigation__list__item:last-child a {
  background: #56a96d;
  height: 65px;
  padding-top: 5px;
}
@media (max-width: 1049px) {
  .newPage .newContainer__detail__navigation__list__item:last-child a {
    height: auto;
    padding: 15px;
  }
}
.newPage .newContainer__detail__navigation__list__item:last-child a svg {
  transform: rotate(90deg);
  left: 0;
}
@media (max-width: 1049px) {
  .newPage .newContainer__detail__navigation__list__item:last-child a svg {
    margin-right: 10px;
  }
}
@media (max-width: 424px) {
  .newPage .newContainer__detail__navigation__list__item:last-child a svg {
    margin-right: 0px;
    margin: auto;
    margin-bottom: 10px;
  }
}
.newPage .newContainer__detail__navigation__list__item:last-child a span {
  align-self: flex-end;
  padding-bottom: 10px;
}
@media (max-width: 1049px) {
  .newPage .newContainer__detail__navigation__list__item:last-child a span {
    padding-bottom: 0;
    align-self: center;
  }
}
.newPage .newContainer__detail__navigation__list__item:last-child a:focus svg, .newPage .newContainer__detail__navigation__list__item:last-child a:hover svg {
  left: -5px;
}
.newPage .newContainer__detail__navigation__list__item__link {
  height: 100px;
  width: 100%;
  display: grid;
  grid-template-columns: 1fr;
  justify-content: center;
  align-items: stretch;
}
@media (max-width: 1049px) {
  .newPage .newContainer__detail__navigation__list__item__link {
    grid-template-columns: 40px 1fr;
    height: auto;
    padding: 15px;
  }
}
@media (max-width: 424px) {
  .newPage .newContainer__detail__navigation__list__item__link {
    grid-template-columns: 1fr;
    justify-content: center;
    height: 100% !important;
  }
}
.newPage .newContainer__detail__navigation__list__item__link svg {
  position: relative;
  fill: #ffffff;
  width: 30px;
  height: 30px;
  margin: auto;
  transition: left 0.2s ease, top 0.2s ease;
}
.newPage .newContainer__detail__navigation__list__item__link span {
  font-size: 0.75rem;
  line-height: 1em;
  color: #ffffff;
  display: block;
  text-align: center;
}
@media (max-width: 1449px) {
  .newPage .newContainer__detail__navigation__list__item__link span {
    font-size: 0.6rem;
  }
}
@media (max-width: 1049px) {
  .newPage .newContainer__detail__navigation__list__item__link span {
    font-size: 0.75rem;
  }
}
.newPage .newContainer__oldest {
  display: grid;
  grid-template-columns: 1fr 2fr;
  margin-bottom: 180px;
}
@media (max-width: 899px) {
  .newPage .newContainer__oldest {
    grid-template-columns: 1fr;
  }
}
.newPage .newContainer__oldest__title {
  padding: 0 80px 80px;
}
@media (max-width: 899px) {
  .newPage .newContainer__oldest__title {
    padding: 0 0 40px 0;
  }
}
.newPage .newContainer__oldest__title__text:before {
  top: inherit;
  bottom: -20px;
}
.newPage .newContainer__oldest__news {
  padding-left: 54px;
}
@media (max-width: 899px) {
  .newPage .newContainer__oldest__news {
    padding: 0;
  }
}
.newPage .newContainer__oldest__news .article {
  margin-bottom: 30px;
}

/*********************************************
  Rooms page
*********************************************/
@media (max-width: 899px) {
  .roomsPage .heading {
    padding-top: 50px;
  }
}
.roomsPage .heading__wrapper {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  align-items: flex-end;
}
@media (max-width: 1449px) {
  .roomsPage .heading__wrapper {
    grid-template-columns: 2fr 3fr;
  }
}
@media (max-width: 899px) {
  .roomsPage .heading__wrapper {
    grid-template-columns: repeat(1, 1fr);
  }
}
.roomsPage .heading__title {
  margin-bottom: 50px;
  max-width: 500px;
}
.roomsPage .maincontent {
  padding-bottom: 60px;
}
.roomsPage .maincontent__wrapper {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  align-items: flex-start;
}
@media (max-width: 1449px) {
  .roomsPage .maincontent__wrapper {
    grid-template-columns: 2fr 3fr;
  }
}
@media (max-width: 899px) {
  .roomsPage .maincontent__wrapper {
    grid-template-columns: repeat(1, 1fr);
  }
}
.roomsPage .maincontent__left {
  padding-top: 80px;
  padding-bottom: 80px;
  padding-right: 100px;
}
@media (max-width: 1449px) {
  .roomsPage .maincontent__left {
    padding-right: 40px;
  }
}
@media (max-width: 1299px) {
  .roomsPage .maincontent__left {
    padding-right: 20px;
  }
}
@media (max-width: 899px) {
  .roomsPage .maincontent__left {
    padding-right: 0;
    order: 2;
  }
}
.roomsPage .maincontent__left:before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: -50vw;
  pointer-events: none;
  z-index: -1;
  background-color: #FAFAFA;
}
.roomsPage .maincontent__left__text {
  font-family: muli, sans-serif;
  font-size: 1rem;
  line-height: 2;
  margin-bottom: 2em;
}
.roomsPage .maincontent__left__citation {
  font-family: muli, sans-serif;
  font-weight: bold;
  text-transform: uppercase;
  font-style: italic;
  font-size: 0.887rem;
  margin-bottom: 4em;
  color: #009cdd;
}
@media (max-width: 899px) {
  .roomsPage .maincontent__left__citation {
    margin-bottom: 2em;
  }
}
.roomsPage .maincontent__left__filters {
  text-align: center;
}
.roomsPage .maincontent__left__filters__title--1 {
  margin-bottom: 2em;
}
.roomsPage .maincontent__left__filters__title--2 {
  margin-bottom: 1em;
  padding-bottom: 0.9em;
}
.roomsPage .maincontent__left__filters__title--2:before {
  display: block;
  top: inherit;
  bottom: 0;
  width: 80px;
}
.roomsPage .maincontent__left__filters__subtitle {
  color: rgba(52, 52, 52, 0.4);
  padding-bottom: 0;
  padding-top: 0;
  margin-bottom: 1em;
}
.roomsPage .maincontent__left__filters__choiceContainer {
  display: flex;
  justify-content: center;
  align-items: center;
}
.roomsPage .maincontent__left__filters__choiceContainer__button {
  font-weight: normal;
}
.roomsPage .maincontent__left__filters__choiceContainer__text::-webkit-outer-spin-button, .roomsPage .maincontent__left__filters__choiceContainer__text::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.roomsPage .maincontent__left__filters__choiceContainer__text {
  -moz-appearance: textfield;
  outline: none;
  appearance: none;
  border: none;
  text-align: center;
  font-size: 1rem;
  font-weight: 900;
  font-family: muli, sans-serif;
  width: 70px;
  margin-left: 5px;
  margin-right: 5px;
  background: #ffffff;
  height: 30px;
  line-height: 30px;
}
.roomsPage .maincontent__left__filters__button {
  margin-top: 20px;
  margin-left: auto;
  margin-right: auto;
}
.roomsPage .maincontent__right {
  padding-top: 80px;
  padding-left: 50px;
}
@media (max-width: 1449px) {
  .roomsPage .maincontent__right {
    padding-left: 40px;
  }
}
@media (max-width: 1299px) {
  .roomsPage .maincontent__right {
    padding-left: 20px;
  }
}
@media (max-width: 899px) {
  .roomsPage .maincontent__right {
    padding-left: 0;
    order: 1;
    padding-top: 60px;
    padding-bottom: 60px;
  }
}
.roomsPage .maincontent__right__services {
  position: relative;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 50px;
}
@media (max-width: 1449px) {
  .roomsPage .maincontent__right__services {
    gap: 40px;
  }
}
@media (max-width: 1299px) {
  .roomsPage .maincontent__right__services {
    gap: 20px;
  }
}
@media (max-width: 899px) {
  .roomsPage .maincontent__right__services {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (max-width: 599px) {
  .roomsPage .maincontent__right__services {
    grid-template-columns: repeat(2, 1fr);
  }
}
.roomsPage .maincontent__right__services__item {
  position: relative;
  display: grid;
  grid-template-columns: 40px 1fr;
  align-items: center;
  gap: 20px;
}
.roomsPage .maincontent__right__services__item svg {
  background-color: #F8F8F8;
  margin-left: auto;
  width: 50px;
  height: 50px;
  padding: 10px;
  fill: #009cdd;
}
.roomsPage .maincontent__right__services__item span {
  font-family: muli, sans-serif;
  font-size: 0.887rem;
  font-weight: bold;
  text-transform: uppercase;
  color: #343434;
  word-break: break-word;
  line-height: 1.5;
}
@media (max-width: 1449px) {
  .roomsPage .maincontent__right__services__item span {
    font-size: 0.75rem;
  }
}
.roomsPage .rooms {
  padding-bottom: 80px;
}
.roomsPage .rooms__wrapper {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-items: flex-start;
  align-items: center;
}
.roomsPage .rooms__itemsContainer {
  position: relative;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 50px;
}
@media (max-width: 899px) {
  .roomsPage .rooms__itemsContainer {
    grid-template-columns: repeat(1, 1fr);
  }
}
@media (max-width: 599px) {
  .roomsPage .rooms__itemsContainer {
    width: 100%;
  }
}
.roomsPage .rooms__itemsContainer__item:nth-child(4n+1) .rooms__itemsContainer__item__link__titleContainer {
  background-color: #009cdd;
}
.roomsPage .rooms__itemsContainer__item:nth-child(4n+1) .disposition__textContainer__text {
  color: #009cdd;
}
.roomsPage .rooms__itemsContainer__item:nth-child(4n+1) .rooms__itemsContainer__item__link__infos__text svg {
  fill: #009cdd;
}
.roomsPage .rooms__itemsContainer__item:nth-child(4n+2) .rooms__itemsContainer__item__link__titleContainer {
  background-color: #F4D821;
}
.roomsPage .rooms__itemsContainer__item:nth-child(4n+2) .disposition__textContainer__text {
  color: #F4D821;
}
.roomsPage .rooms__itemsContainer__item:nth-child(4n+2) .rooms__itemsContainer__item__link__infos__text svg {
  fill: #F4D821;
}
.roomsPage .rooms__itemsContainer__item:nth-child(4n+3) .rooms__itemsContainer__item__link__titleContainer {
  background-color: #43A15B;
}
.roomsPage .rooms__itemsContainer__item:nth-child(4n+3) .disposition__textContainer__text {
  color: #43A15B;
}
.roomsPage .rooms__itemsContainer__item:nth-child(4n+3) .rooms__itemsContainer__item__link__infos__text svg {
  fill: #43A15B;
}
.roomsPage .rooms__itemsContainer__item:nth-child(4n+4) .rooms__itemsContainer__item__link__titleContainer {
  background-color: #D94A27;
}
.roomsPage .rooms__itemsContainer__item:nth-child(4n+4) .disposition__textContainer__text {
  color: #D94A27;
}
.roomsPage .rooms__itemsContainer__item:nth-child(4n+4) .rooms__itemsContainer__item__link__infos__text svg {
  fill: #D94A27;
}
.roomsPage .rooms__itemsContainer__item:focus .rooms__itemsContainer__item__link__infos, .roomsPage .rooms__itemsContainer__item:hover .rooms__itemsContainer__item__link__infos {
  opacity: 1;
}
.roomsPage .rooms__itemsContainer__item__link {
  width: 100%;
  height: 100%;
}
.roomsPage .rooms__itemsContainer__item__link__titleContainer {
  z-index: 3;
  padding: 15px 15px;
  background-color: #F4D821;
  text-align: center;
}
.roomsPage .rooms__itemsContainer__item__link__titleContainer__title {
  color: #ffffff;
  font-size: 1rem;
  font-weight: 900;
  margin-bottom: 0;
  padding: 0;
}
.roomsPage .rooms__itemsContainer__item__link__imgContainer {
  z-index: 1;
  width: 100%;
  height: 300px;
  background-color: #F4F4F4;
}
@media (max-width: 599px) {
  .roomsPage .rooms__itemsContainer__item__link__imgContainer {
    height: 200px;
  }
}
.roomsPage .rooms__itemsContainer__item__link__imgContainer__img {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.roomsPage .rooms__itemsContainer__item__link__dispositionsContainer {
  z-index: 3;
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 20px;
  background-color: #F4F4F4;
  padding: 15px 15px;
}
@media (max-width: 424px) {
  .roomsPage .rooms__itemsContainer__item__link__dispositionsContainer {
    gap: 5px;
  }
}
.roomsPage .rooms__itemsContainer__item__link__dispositionsContainer .disposition {
  display: flex;
  flex-direction: column;
  justify-items: flex-start;
  align-items: center;
  opacity: 1;
  transition: opacity 0.4s ease;
}
.roomsPage .rooms__itemsContainer__item__link__dispositionsContainer .disposition.disabled {
  visibility: hidden;
  display: none;
}
.roomsPage .rooms__itemsContainer__item__link__dispositionsContainer .disposition.js-inactive {
  opacity: 0.2;
}
.roomsPage .rooms__itemsContainer__item__link__dispositionsContainer .disposition__icon {
  position: relative;
  width: 50px;
  height: 35px;
  fill: #343434;
}
@media (max-width: 424px) {
  .roomsPage .rooms__itemsContainer__item__link__dispositionsContainer .disposition__icon {
    max-width: 100%;
    height: 30px;
  }
}
.roomsPage .rooms__itemsContainer__item__link__dispositionsContainer .disposition__textContainer {
  padding-top: 5px;
}
@media (max-width: 424px) {
  .roomsPage .rooms__itemsContainer__item__link__dispositionsContainer .disposition__textContainer {
    padding-top: 8px;
  }
}
.roomsPage .rooms__itemsContainer__item__link__dispositionsContainer .disposition__textContainer__text {
  font-size: 0.887rem;
  color: #343434;
  font-weight: bold;
}
.roomsPage .rooms__itemsContainer__item__link__dispositionsContainer .disposition__textContainer__svg {
  width: 12px;
  height: 12px;
  fill: #343434;
}
.roomsPage .rooms__itemsContainer__item__link__infos {
  z-index: 2;
  background: rgba(255, 255, 255, 0.8);
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  opacity: 0;
  transition: opacity 0.3s ease;
}
.roomsPage .rooms__itemsContainer__item__link__infos__text {
  font-size: 0.887rem;
  color: #343434;
  text-transform: uppercase;
  font-weight: bold;
  display: flex;
  justify-items: center;
  align-items: center;
}
.roomsPage .rooms__itemsContainer__item__link__infos__text--partenaires {
  flex-direction: column;
}
.roomsPage .rooms__itemsContainer__item__link__infos__text span {
  font-weight: 900;
  font-family: muli, sans-serif;
  text-transform: uppercase;
}
.roomsPage .rooms__itemsContainer__item__link__infos__text svg {
  margin-left: 10px;
  width: 20px;
  height: 20px;
  fill: #343434;
}
.roomsPage .rooms__itemsContainer__item__link__infos__text img {
  margin-top: 5px;
  width: 70px;
}

/*********************************************
  Room page
*********************************************/
.roomPage .roomContainer {
  padding-bottom: 100px;
}
.roomPage .roomContainer__wrapper {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
}
.roomPage .roomContainer__heading {
  padding-top: 80px;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  margin-bottom: 60px;
}
@media (max-width: 899px) {
  .roomPage .roomContainer__heading {
    flex-direction: column;
  }
}
.roomPage .roomContainer__heading__description {
  margin-left: 60px;
  max-width: 560px;
}
@media (max-width: 899px) {
  .roomPage .roomContainer__heading__description {
    margin-left: 0;
  }
}
.roomPage .roomContainer__media {
  position: relative;
  width: 100%;
}
@media (max-width: 899px) {
  .roomPage .roomContainer__media {
    margin-bottom: 20px;
  }
}
.roomPage .roomContainer__media.with-video {
  margin-bottom: -18%;
}
@media (max-width: 899px) {
  .roomPage .roomContainer__media.with-video {
    margin-bottom: 20px;
  }
}
.roomPage .roomContainer__media.with-video .roomContainer__media__gallery {
  transform: translateY(calc(-50% + 3px));
}
@media (max-width: 899px) {
  .roomPage .roomContainer__media.with-video .roomContainer__media__gallery {
    margin-top: 20px;
    transform: translateY(0);
  }
}
.roomPage .roomContainer__media__video {
  width: calc(50% + 40px);
  height: 400px;
}
@media (max-width: 899px) {
  .roomPage .roomContainer__media__video {
    width: 100%;
  }
}
.roomPage .roomContainer__media__gallery {
  padding-left: 100px;
  position: relative;
  display: grid;
  gap: 20px;
  width: 100%;
  grid-template-columns: repeat(4, 1fr);
  grid-template-rows: auto;
  grid-template-areas: ". . first second" "third fourth fifth sixth";
}
@media (max-width: 899px) {
  .roomPage .roomContainer__media__gallery {
    padding-left: 0;
    grid-template-columns: repeat(3, 1fr);
    grid-template-areas: "first second third" "fourth fifth sixth";
  }
}
.roomPage .roomContainer__media__gallery__item a img {
  transform: scale(1);
  transition: transform 0.2s ease;
}
.roomPage .roomContainer__media__gallery__item a:focus img, .roomPage .roomContainer__media__gallery__item a:hover img {
  transform: scale(1.03);
}
.roomPage .roomContainer__media__gallery__item--1 {
  grid-area: first;
}
.roomPage .roomContainer__media__gallery__item--2 {
  grid-area: second;
}
.roomPage .roomContainer__media__gallery__item--3 {
  grid-area: third;
}
.roomPage .roomContainer__media__gallery__item--4 {
  grid-area: fourth;
}
.roomPage .roomContainer__media__gallery__item--5 {
  grid-area: fifth;
}
.roomPage .roomContainer__media__gallery__item--6 {
  grid-area: sixth;
}
.roomPage .roomContainer__prices {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: auto;
  margin-right: auto;
  margin-top: 30px;
}
@media (max-width: 899px) {
  .roomPage .roomContainer__prices {
    margin-top: 0;
  }
}
@media (max-width: 599px) {
  .roomPage .roomContainer__prices {
    flex-direction: column;
    justify-items: flex-start;
    align-items: center;
  }
}
.roomPage .roomContainer__prices > div {
  border-right: 2px solid #ff9c00;
  padding: 0 40px;
  font-family: muli, sans-serif;
  font-size: 1.1rem;
  color: #7b7b7b;
}
@media (max-width: 599px) {
  .roomPage .roomContainer__prices > div {
    padding: 20px 0px;
    border: none;
    border-bottom: 2px solid #f4d547;
    margin-bottom: 10px;
    text-align: center;
  }
}
.roomPage .roomContainer__prices > div:last-child {
  border-right: none;
}
.roomPage .roomContainer__prices > div span {
  display: block;
  font-family: muli, sans-serif;
  font-weight: 900;
  font-size: 1.618rem;
  color: #343434;
}
.roomPage .roomContainer__prices > div span small {
  font-size: 0.6rem;
  text-transform: uppercase;
  font-weight: lighter;
}
.roomPage .roomContainer__avantages {
  margin-top: 80px;
  padding-top: 60px;
  padding-bottom: 60px;
}
@media (max-width: 599px) {
  .roomPage .roomContainer__avantages {
    margin-top: 60px;
    padding-top: 40px;
    padding-bottom: 40px;
  }
}
.roomPage .roomContainer__avantages:before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: -50vw;
  width: 200vw;
  pointer-events: none;
  background-color: #F8F8F8;
  z-index: -1;
}
.roomPage .roomContainer__avantages__itemsContainer {
  position: relative;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 30px;
}
@media (max-width: 1299px) {
  .roomPage .roomContainer__avantages__itemsContainer {
    gap: 20px;
  }
}
@media (max-width: 899px) {
  .roomPage .roomContainer__avantages__itemsContainer {
    gap: 30px;
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (max-width: 599px) {
  .roomPage .roomContainer__avantages__itemsContainer {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 424px) {
  .roomPage .roomContainer__avantages__itemsContainer {
    column-gap: 15px;
    row-gap: 30px;
  }
}
.roomPage .roomContainer__avantages__itemsContainer__item {
  position: relative;
  display: grid;
  grid-template-columns: 40px 1fr;
  align-items: center;
  gap: 20px;
}
@media (max-width: 424px) {
  .roomPage .roomContainer__avantages__itemsContainer__item {
    gap: 15px;
  }
}
.roomPage .roomContainer__avantages__itemsContainer__item svg {
  margin-left: auto;
  width: 50px;
  height: 50px;
  padding: 10px;
  fill: #000000;
}
@media (max-width: 424px) {
  .roomPage .roomContainer__avantages__itemsContainer__item svg {
    width: 30px;
    height: 30px;
    padding: 0;
  }
}
.roomPage .roomContainer__avantages__itemsContainer__item svg image {
  width: 30px;
  height: 30px;
  fill: #000000;
}
@media (max-width: 424px) {
  .roomPage .roomContainer__avantages__itemsContainer__item svg image {
    width: 30px;
    height: 30px;
  }
}
.roomPage .roomContainer__avantages__itemsContainer__item span {
  font-family: muli, sans-serif;
  font-size: 0.887rem;
  font-weight: bold;
  text-transform: uppercase;
  color: #343434;
  word-break: break-word;
  line-height: 1.5;
}
@media (max-width: 1449px) {
  .roomPage .roomContainer__avantages__itemsContainer__item span {
    font-size: 0.75rem;
  }
}
.roomPage .roomContainer__disposition {
  margin-top: 80px;
  display: flex;
  align-items: flex-start;
  width: 100%;
}
@media (max-width: 899px) {
  .roomPage .roomContainer__disposition {
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
  }
}
.roomPage .roomContainer__disposition--pas-reservable .roomContainer__disposition__itemsContainer__item {
  cursor: auto !important;
}
.roomPage .roomContainer__disposition__heading {
  width: 35%;
  padding-right: 40px;
  margin-top: 60px;
}
@media (max-width: 899px) {
  .roomPage .roomContainer__disposition__heading {
    width: 100%;
    padding-right: 0;
    margin-top: 0;
    margin-bottom: 40px;
  }
}
.roomPage .roomContainer__disposition__heading__title {
  margin-bottom: 0 !important;
}
.roomPage .roomContainer__disposition__heading__persons {
  margin-top: 30px;
  font-family: muli, sans-serif;
  color: #767676;
  font-weight: bold;
  text-transform: uppercase;
  font-size: 1rem;
}
.roomPage .roomContainer__disposition__heading__persons #info-persons {
  font-family: muli, sans-serif;
  color: #343434;
  font-weight: bold;
  text-transform: uppercase;
  font-size: 1rem;
}
.roomPage .roomContainer__disposition__heading__subtitle {
  margin-bottom: 1em;
  padding-bottom: 0.9em;
  color: #767676;
}
.roomPage .roomContainer__disposition__heading__choiceContainer {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 20px;
  margin-top: 20px;
}
.roomPage .roomContainer__disposition__heading__choiceContainer__button {
  font-weight: normal;
}
.roomPage .roomContainer__disposition__heading__choiceContainer__text::-webkit-outer-spin-button, .roomPage .roomContainer__disposition__heading__choiceContainer__text::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.roomPage .roomContainer__disposition__heading__choiceContainer__text {
  -moz-appearance: textfield;
  outline: none;
  appearance: none;
  border: none;
  text-align: center;
  font-size: 1rem;
  font-weight: 900;
  font-family: muli, sans-serif;
  width: 70px;
  margin-left: 5px;
  margin-right: 5px;
  background: #ffffff;
  height: 30px;
  line-height: 30px;
}
.roomPage .roomContainer__disposition__heading__button {
  margin-top: 60px;
  width: auto;
  display: inline-flex;
  font-size: 0.75rem !important;
}
@media (max-width: 899px) {
  .roomPage .roomContainer__disposition__heading__button {
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 20px;
  }
}
.roomPage .roomContainer__disposition__heading__button span {
  font-size: 0.75rem !important;
}
.roomPage .roomContainer__disposition__itemsContainer {
  width: 65%;
  position: relative;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
}
@media (max-width: 899px) {
  .roomPage .roomContainer__disposition__itemsContainer {
    width: 100%;
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (max-width: 599px) {
  .roomPage .roomContainer__disposition__itemsContainer {
    grid-template-columns: repeat(2, 1fr);
  }
}
.roomPage .roomContainer__disposition__itemsContainer__item {
  aspect-ratio: 1;
  background-color: #eeeeee;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  transform: scale(1);
  transition: transform 0.3s ease;
}
.roomPage .roomContainer__disposition__itemsContainer__item:nth-child(4n+1) {
  background-color: #009cdd;
}
.roomPage .roomContainer__disposition__itemsContainer__item:nth-child(4n+2) {
  background-color: #F4D821;
}
.roomPage .roomContainer__disposition__itemsContainer__item:nth-child(4n+3) {
  background-color: #43A15B;
}
.roomPage .roomContainer__disposition__itemsContainer__item:nth-child(4n+4) {
  background-color: #D94A27;
}
.roomPage .roomContainer__disposition__itemsContainer__item {
  cursor: not-allowed;
  opacity: 0.2;
}
.roomPage .roomContainer__disposition__itemsContainer__item.js-active-item {
  opacity: 1;
  cursor: pointer;
}
.roomPage .roomContainer__disposition__itemsContainer__item.js-current {
  transform: scale(1.04);
}
.roomPage .roomContainer__disposition__itemsContainer__item__title {
  z-index: 4;
  position: absolute;
  top: 0;
  right: 0;
  background-color: rgba(255, 255, 255, 0.2);
  font-size: 0.887rem;
  color: #ffffff;
  font-weight: bold;
  padding: 8px 16px;
}
.roomPage .roomContainer__disposition__itemsContainer__item__icon {
  width: 40px;
  height: 40px;
  margin-bottom: 20px;
  fill: #ffffff;
}
.roomPage .roomContainer__disposition__itemsContainer__item__text {
  font-size: 0.887rem;
  color: #ffffff;
  text-transform: uppercase;
  font-weight: bold;
}
.roomPage .roomContainer__disposition__itemsContainer__item__text svg {
  width: 20px;
  height: 20px;
  fill: #ffffff;
}
.roomPage .roomContainer__buttons {
  margin-top: 40px;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  width: 100%;
}
@media (max-width: 899px) {
  .roomPage .roomContainer__buttons {
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
  }
}
@media (max-width: 899px) {
  .roomPage .roomContainer__buttons__button--reservable {
    margin-left: auto;
    margin-right: auto;
  }
}

/*********************************************
  BUREAUX
*********************************************/
.bureauxPage .bureau {
  width: 100%;
  padding: 50px 0 100px;
}
.bureauxPage .bureau__container {
  width: 100%;
  display: flex;
  gap: 200px;
}
@media (max-width: 1449px) {
  .bureauxPage .bureau__container {
    gap: 200px;
  }
}
@media (max-width: 1199px) {
  .bureauxPage .bureau__container {
    gap: 100px;
  }
}
@media (max-width: 1049px) {
  .bureauxPage .bureau__container {
    flex-direction: column;
    align-items: center;
  }
}
.bureauxPage .bureau__container__left {
  width: fit-content;
  height: 365px;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-column-gap: 20px;
}
@media (max-width: 424px) {
  .bureauxPage .bureau__container__left {
    grid-column-gap: 10px;
  }
}
.bureauxPage .bureau__container__left__imgContainer {
  width: 220px;
  height: 100%;
}
.bureauxPage .bureau__container__left__imgContainer__img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
.bureauxPage .bureau__container__left__imgContainer:first-child img {
  transform: translateY(-50px);
}
.bureauxPage .bureau__container__right__contentContainer__text {
  max-width: 550px;
}
.bureauxPage .bureaux {
  padding: 50px 0 100px;
}
.bureauxPage .bureaux__contentContainer {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 100px 50px;
}
@media (max-width: 1449px) {
  .bureauxPage .bureaux__contentContainer {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 50px;
  }
}
.bureauxPage .bureaux__contentContainer__title {
  margin: 50px 0 0 50px;
  max-width: 400px;
}
@media (max-width: 899px) {
  .bureauxPage .bureaux__contentContainer__title {
    margin: 0;
  }
}
.bureauxPage .bureaux__contentContainer__officeContainer {
  width: 100%;
  max-width: 700px;
  display: grid;
  grid-template-columns: 3fr 2fr;
  border-top: 2px solid #009cdd;
  padding-top: 20px;
  gap: 20px;
}
.bureauxPage .bureaux__contentContainer__officeContainer:first-child {
  grid-column: 2;
}
@media (max-width: 899px) {
  .bureauxPage .bureaux__contentContainer__officeContainer {
    grid-template-columns: 2fr 3fr;
  }
}
@media (max-width: 599px) {
  .bureauxPage .bureaux__contentContainer__officeContainer {
    display: flex;
    flex-direction: column-reverse;
    align-items: center;
    gap: 20px;
  }
}
.bureauxPage .bureaux__contentContainer__officeContainer__left {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
@media (max-width: 599px) {
  .bureauxPage .bureaux__contentContainer__officeContainer__left {
    justify-content: flex-start;
    align-items: center;
  }
}
.bureauxPage .bureaux__contentContainer__officeContainer__left__infos {
  width: fit-content;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 5px 20px;
}
@media (max-width: 899px) {
  .bureauxPage .bureaux__contentContainer__officeContainer__left__infos {
    grid-template-columns: 1fr;
  }
}
@media (max-width: 599px) {
  .bureauxPage .bureaux__contentContainer__officeContainer__left__infos {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 424px) {
  .bureauxPage .bureaux__contentContainer__officeContainer__left__infos {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
  }
}
.bureauxPage .bureaux__contentContainer__officeContainer__left__infos__title {
  font-weight: bold;
  color: #292929;
  margin-bottom: 5px;
}
.bureauxPage .bureaux__contentContainer__officeContainer__left__infos__place {
  font-weight: bold;
  text-transform: uppercase;
  font-size: 1.272rem;
  color: #A8A8A8;
  font-family: muli, sans-serif;
}
.bureauxPage .bureaux__contentContainer__officeContainer__left__infos__price {
  font-weight: bold;
  color: #292929;
  font-size: 1.272rem;
  font-family: muli, sans-serif;
}
.bureauxPage .bureaux__contentContainer__officeContainer__left__optionContainer {
  margin-left: 20px;
  width: calc(100% - 20px);
}
.bureauxPage .bureaux__contentContainer__officeContainer__left__optionContainer ul {
  list-style-image: url(/assets/images/2024/coworking/icon-list.svg);
  margin: 0;
  width: 100%;
}
.bureauxPage .bureaux__contentContainer__officeContainer__left__optionContainer ul li {
  color: #292929;
  margin-bottom: 5px;
}
.bureauxPage .bureaux__contentContainer__officeContainer__left__optionContainer ul li:before {
  display: none;
}
.bureauxPage .bureaux__contentContainer__officeContainer__left__buttonContainer {
  width: fit-content;
}
.bureauxPage .bureaux__contentContainer__officeContainer__right {
  width: 100%;
  height: 350px;
  position: relative;
}
.bureauxPage .bureaux__contentContainer__officeContainer__right__img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
.bureauxPage .bureaux__contentContainer__officeContainer__right__content {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  z-index: 40;
  gap: 20px;
}
.bureauxPage .bureaux__contentContainer__officeContainer__right__content svg {
  stroke: #ffffff;
  width: 2.058rem;
  height: 2.058rem;
}
.bureauxPage .bureaux__contentContainer__officeContainer__right__content span {
  color: #ffffff;
  font-size: 1rem;
  font-weight: 400;
}
.bureauxPage .bureaux__contentContainer__officeContainer__right__content {
  background-color: rgba(0, 0, 0, 0.1);
}
.bureauxPage .bureaux__contentContainer__officeContainer__right__gallery {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 45;
}
.bureauxPage .bureaux__contentContainer__officeContainer__right__gallery__item {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
}
.bureauxPage .bureaux__contentContainer__officeContainer__right__gallery__item a {
  width: 100%;
  height: 100%;
}
.bureauxPage .bureaux__contentContainer__officeContainer__right__gallery__item a img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
.bureauxPage .services {
  width: 100%;
  background-color: #484848;
  padding: 100px 0;
}
.bureauxPage .services__contentContainer {
  z-index: 40;
}
@media (max-width: 899px) {
  .bureauxPage .services__contentContainer__title {
    margin-bottom: 50px;
  }
}
.bureauxPage .services__contentContainer__servicesContainer {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 100px;
  list-style-image: url("/assets/images/2024/coworking/icon-list.svg");
}
@media (max-width: 899px) {
  .bureauxPage .services__contentContainer__servicesContainer {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 50px;
  }
}
.bureauxPage .services__contentContainer__servicesContainer__services {
  width: 100%;
}
.bureauxPage .services__contentContainer__servicesContainer__services__title {
  font-size: 1.272rem;
  font-weight: bold;
  color: #ffffff;
  line-height: 1.8;
}
.bureauxPage .services__deco {
  position: absolute;
  bottom: 0;
  left: 0;
  width: auto;
  max-height: 100%;
  z-index: 30;
}
/*********************************************
  Formules page = page solution
*********************************************/
@media (max-width: 1049px) {
  .formulesPage .solutions {
    padding-top: 50px;
  }
}
.formulesPage .solutions__title {
  max-width: 500px;
}
.formulesPage .solutions__contentContainer {
  position: relative;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px;
  margin-bottom: 50px;
}
@media (max-width: 1449px) {
  .formulesPage .solutions__contentContainer {
    grid-template-columns: repeat(1, 1fr);
  }
}
@media (max-width: 899px) {
  .formulesPage .solutions__contentContainer {
    grid-template-columns: repeat(1, 1fr);
  }
}
.formulesPage .solutions__contentContainer__itemsContainer {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
}
.formulesPage .solutions__contentContainer__itemsContainer__heading {
  width: 100%;
}
.formulesPage .solutions__contentContainer__itemsContainer__heading__button {
  width: 100%;
  padding-top: 30px;
  padding-bottom: 30px;
  margin-bottom: 20px;
  pointer-events: none;
}
@media (max-width: 749px) {
  .formulesPage .solutions__contentContainer__itemsContainer__heading__button {
    padding-top: 30px !important;
    padding-bottom: 30px !important;
  }
}
@media (max-width: 424px) {
  .formulesPage .solutions__contentContainer__itemsContainer__heading__button {
    padding-top: 16px !important;
    padding-bottom: 16px !important;
  }
}
.formulesPage .solutions__contentContainer__itemsContainer__row {
  position: relative;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px;
  margin-bottom: 50px;
}
@media (max-width: 899px) {
  .formulesPage .solutions__contentContainer__itemsContainer__row {
    grid-template-columns: repeat(1, 1fr);
  }
}
.formulesPage .solutions__contentContainer__itemsContainer__row--bureaux {
  margin-bottom: 0;
}
.formulesPage .solutions__contentContainer__itemsContainer__row__item {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 40px 30px;
  min-height: 700px;
}
@media (max-width: 1199px) {
  .formulesPage .solutions__contentContainer__itemsContainer__row__item {
    padding: 80px 40px 40px;
    min-height: 600px;
  }
}
@media (max-width: 899px) {
  .formulesPage .solutions__contentContainer__itemsContainer__row__item {
    padding: 40px 30px;
    min-height: 200px;
  }
}
.formulesPage .solutions__contentContainer__itemsContainer__row__item:before {
  content: "";
  z-index: 2;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background-color: rgba(52, 52, 52, 0.85);
  pointer-events: none;
}
.formulesPage .solutions__contentContainer__itemsContainer__row__item__bcg {
  z-index: 1;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: no-repeat center center/cover;
  pointer-events: none;
}
.formulesPage .solutions__contentContainer__itemsContainer__row__item__title {
  z-index: 3;
  color: #ffffff;
  margin-bottom: 0.3em !important;
}
.formulesPage .solutions__contentContainer__itemsContainer__row__item__subtitle {
  z-index: 3;
  font-family: muli, sans-serif;
  font-weight: bold;
  font-size: 1.272rem;
  color: #ffffff;
}
.formulesPage .solutions__contentContainer__itemsContainer__row__item__text {
  z-index: 3;
  font-family: muli, sans-serif;
  font-weight: normal;
  font-size: 1rem;
  color: #ffffff;
  line-height: 1.6;
  margin-top: 30px;
  margin-bottom: 30px;
}
@media (max-width: 899px) {
  .formulesPage .solutions__contentContainer__itemsContainer__row__item__text {
    max-width: calc(100% - 70px);
    margin-bottom: 0;
  }
}
.formulesPage .solutions__contentContainer__itemsContainer__row__item__button {
  z-index: 3;
  margin-top: auto;
}
@media (max-width: 899px) {
  .formulesPage .solutions__contentContainer__itemsContainer__row__item__button {
    position: absolute;
    bottom: 40px;
    right: 30px;
  }
}
.formulesPage .services {
  padding-top: 30px;
  padding-bottom: 80px;
}
.formulesPage .services__title {
  max-width: 560px;
}
.formulesPage .services__itemsContainer {
  position: relative;
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 50px;
}
@media (max-width: 1449px) {
  .formulesPage .services__itemsContainer {
    grid-template-columns: repeat(4, 1fr);
  }
}
@media (max-width: 1299px) {
  .formulesPage .services__itemsContainer {
    gap: 20px;
  }
}
@media (max-width: 899px) {
  .formulesPage .services__itemsContainer {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (max-width: 599px) {
  .formulesPage .services__itemsContainer {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 424px) {
  .formulesPage .services__itemsContainer {
    gap: 15px;
  }
}
.formulesPage .services__itemsContainer__item {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 20px;
  background-color: #F5F5F5;
  aspect-ratio: 1;
}
@media (max-width: 424px) {
  .formulesPage .services__itemsContainer__item {
    padding: 15px;
  }
}
.formulesPage .services__itemsContainer__item:last-child {
  grid-column: 3;
}
@media (max-width: 1449px) {
  .formulesPage .services__itemsContainer__item:last-child {
    grid-column: inherit;
  }
}
.formulesPage .services__itemsContainer__item svg {
  margin-left: auto;
  width: 30px;
  height: 30px;
  fill: #D94A27;
}
.formulesPage .services__itemsContainer__item span {
  margin-top: auto;
  padding-top: 15px;
  font-family: muli, sans-serif;
  font-size: 0.75rem;
  font-weight: bold;
  text-transform: uppercase;
  color: #000000;
  word-break: break-word;
  line-height: 1.5;
}
@media (max-width: 899px) {
  .formulesPage .services__itemsContainer__item span {
    padding-top: 10px;
  }
}
@media (max-width: 424px) {
  .formulesPage .services__itemsContainer__item span {
    font-size: 0.6rem;
  }
}
.formulesPage .skills {
  padding-top: 30px;
  padding-bottom: 80px;
}
.formulesPage .skills__title {
  max-width: 520px;
}
.formulesPage .skills__itemsContainer {
  position: relative;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  padding-bottom: 50px;
  padding-right: 100px;
}
@media (max-width: 1049px) {
  .formulesPage .skills__itemsContainer {
    padding-right: 0;
  }
}
@media (max-width: 599px) {
  .formulesPage .skills__itemsContainer {
    grid-template-columns: repeat(1, 1fr);
    padding-bottom: 0;
  }
}
.formulesPage .skills__itemsContainer__item {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 40px 40px;
  background-color: #F5F5F5;
}
@media (max-width: 599px) {
  .formulesPage .skills__itemsContainer__item {
    padding: 40px 30px;
  }
}
.formulesPage .skills__itemsContainer__item:first-child {
  background-color: #009cdd;
}
@media (max-width: 599px) {
  .formulesPage .skills__itemsContainer__item:first-child {
    margin-right: 50px;
  }
}
.formulesPage .skills__itemsContainer__item:nth-child(2) {
  background-color: #56a96d;
  transform: translateY(50px);
}
@media (max-width: 599px) {
  .formulesPage .skills__itemsContainer__item:nth-child(2) {
    transform: translateY(0);
    margin-left: 50px;
  }
}
.formulesPage .skills__itemsContainer__item__title {
  color: #ffffff;
  margin-bottom: 0.3em !important;
}
.formulesPage .skills__itemsContainer__item__text {
  font-family: muli, sans-serif;
  font-weight: normal;
  font-size: 1rem;
  color: #ffffff;
  line-height: 1.6;
  margin-top: 30px;
}
.formulesPage .skills__buttonContainer {
  text-align: center;
  margin-top: 50px;
}
.formulesPage .skills__buttonContainer__button {
  display: inline-flex;
}
.formulesPage .modals .modal#modal-2 .modal__container__list {
  grid-template-columns: 1fr;
}
@media (max-width: 1299px) {
  .formulesPage .modals .modal#modal-2 .modal__container__list {
    grid-template-columns: 1fr;
  }
}
.formulesPage .modals .modal#modal-2 .modal__container__list__item {
  width: 25%;
  margin-left: auto;
  margin-right: auto;
}
@media (max-width: 1299px) {
  .formulesPage .modals .modal#modal-2 .modal__container__list__item {
    width: 50%;
  }
}
@media (max-width: 599px) {
  .formulesPage .modals .modal#modal-2 .modal__container__list__item {
    width: 100%;
  }
}
.formulesPage .modals .modal#modal-4 .modal__container__list {
  grid-template-columns: 1fr;
}
@media (max-width: 1299px) {
  .formulesPage .modals .modal#modal-4 .modal__container__list {
    grid-template-columns: 1fr;
  }
}
.formulesPage .modals .modal#modal-4 .modal__container__list__item {
  width: 25%;
  margin-left: auto;
  margin-right: auto;
}
@media (max-width: 1299px) {
  .formulesPage .modals .modal#modal-4 .modal__container__list__item {
    width: 50%;
  }
}
@media (max-width: 599px) {
  .formulesPage .modals .modal#modal-4 .modal__container__list__item {
    width: 100%;
  }
}
.formulesPage .modals .modal__overlay {
  background-color: rgba(52, 52, 52, 0.85);
}
.formulesPage .modals .modal__container {
  background: none;
  padding: 0;
  border-radius: 0;
  max-height: 90vh;
  max-width: 1660px;
  width: 100%;
  padding-left: 50px;
  padding-right: 50px;
}
@media (max-width: 599px) {
  .formulesPage .modals .modal__container {
    padding-left: 5%;
    padding-right: 5%;
  }
}
.formulesPage .modals .modal__container__close {
  position: absolute;
  top: 0;
  right: 50px;
  height: 38px;
  width: 38px;
  padding: 10px;
  background: none;
  z-index: 5;
  cursor: pointer;
}
@media (max-width: 599px) {
  .formulesPage .modals .modal__container__close {
    right: 5%;
  }
}
.formulesPage .modals .modal__container__close svg {
  height: 18px;
  width: 18px;
  fill: #ffffff;
}
.formulesPage .modals .modal__container__heading {
  position: relative;
  z-index: 2;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}
.formulesPage .modals .modal__container__heading__title {
  padding-top: 0;
  margin-bottom: 0.2em;
}
.formulesPage .modals .modal__container__heading__text {
  font-family: muli, sans-serif;
  text-transform: none;
  font-size: 1.272rem;
  color: #ffffff;
  font-weight: 900;
  margin-bottom: 2em;
}
.formulesPage .modals .modal__container__list {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 20px;
  align-items: flex-start;
}
@media (max-width: 1299px) {
  .formulesPage .modals .modal__container__list {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 599px) {
  .formulesPage .modals .modal__container__list {
    grid-template-columns: 1fr;
  }
}
.formulesPage .modals .modal__container__list__item__link {
  background: #eeeeee;
  display: block;
  padding: 30px;
  text-align: center;
  transition: background 0.2s ease;
}
.formulesPage .modals .modal__container__list__item__link:hover {
  background: #56a96d;
}
.formulesPage .modals .modal__container__list__item__link:hover .modal__container__list__link__number {
  color: #ffffff;
  border-bottom: 2px solid #ffffff;
}
.formulesPage .modals .modal__container__list__item__link:hover .modal__container__list__link__number sup {
  color: #ffffff;
}
.formulesPage .modals .modal__container__list__item__link:hover .modal__container__list__link__price sup {
  color: #ffffff;
}
.formulesPage .modals .modal__container__list__item__link:hover .modal__container__list__link__content__line div {
  color: #ffffff;
}
.formulesPage .modals .modal__container__list__item__link:hover .modal__container__list__link__content__line div svg {
  fill: #ffffff;
}
.formulesPage .modals .modal__container__list__item__link:hover .modal__container__list__link__content__line div svg.red {
  fill: #ffffff;
}
.formulesPage .modals .modal__container__list__item__link:hover .buttonContainer span {
  background: #ffffff;
  color: #000000;
}
.formulesPage .modals .modal__container__list__item__link:hover .buttonContainer span:before {
  display: none !important;
}
.formulesPage .modals .modal__container__list__item__link__title {
  font-size: 1.1rem;
  color: #343434;
  font-weight: bold;
  padding-top: 0;
  padding-bottom: 15px;
  margin-bottom: 15px;
}
.formulesPage .modals .modal__container__list__item__link__title:before {
  display: block;
  top: inherit;
  bottom: -3px;
  width: 60px;
}
.formulesPage .modals .modal__container__list__item__link__number {
  text-transform: uppercase;
  border-bottom: 2px solid #56a96d;
  padding-bottom: 8px;
  margin-bottom: 15px;
  display: inline-block;
  transition: color 0.2s ease, border-bottom 0.2s ease;
}
.formulesPage .modals .modal__container__list__item__link__number sup {
  font-size: 0.6rem;
  vertical-align: super;
  transition: color 0.2s ease;
}
.formulesPage .modals .modal__container__list__item__link__price {
  line-height: 1.2;
  margin-bottom: 20px;
  font-size: 2.058rem;
  font-weight: 500;
  transition: color 0.2s ease;
}
.formulesPage .modals .modal__container__list__item__link__price sup {
  font-size: 0.75rem;
  vertical-align: super;
  transition: color 0.2s ease;
}
.formulesPage .modals .modal__container__list__item__link__content {
  margin-bottom: 20px;
}
.formulesPage .modals .modal__container__list__item__link__content__line {
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
}
.formulesPage .modals .modal__container__list__item__link__content__line div {
  margin-bottom: 12px;
  text-align: left;
  line-height: 1em;
  transition: color 0.2s ease;
}
.formulesPage .modals .modal__container__list__item__link__content__line div:last-child {
  padding-left: 5px;
  text-align: right;
  margin-bottom: 8px;
  font-weight: 500;
}
.formulesPage .modals .modal__container__list__item__link__content__line div svg {
  fill: #F4D821;
  width: 15px;
  height: 15px;
  transition: fill 0.2s ease;
}
.formulesPage .modals .modal__container__list__item__link__content__line div svg.cross {
  width: 13px;
  height: 13px;
  fill: #D94A27;
}
.formulesPage .modals .modal__container__list__item__link .buttonContainer .button.bg.bg--green.thin {
  padding: 10px 10px !important;
  font-size: 0.75rem;
  font-weight: bold;
  transition: background 0.2s ease, color 0.2s ease;
}
.formulesPage .modals .modal__container__list__item__link .buttonContainer .button.bg.bg--green.thin:before {
  display: none !important;
}
.formulesPage {
  /*
  //.formulesContainer {
  //
  //	&__wrapper {
  //		padding: 120px 100px 80px;
  //
  //		@include tablet-big-down {
  //			padding-right: 50px;
  //		}
  //		@include phone-small-down {
  //			padding: 0 20px !important;
  //		}
  //	}
  //
  //	&__roomrenting {
  //		padding: 0 100px 0 30px;
  //
  //		@include tablet-big-down {
  //			padding-right: 50px;
  //		}
  //		@include phone-small-down {
  //			padding: 50px 20px !important;
  //		}
  //
  //		&__wrapper {
  //			padding: 80px 0 80px;
  //
  //			@include tablet-big-down {
  //				padding-right: 0;
  //			}
  //			@include phone-small-down {
  //				padding: 0 !important;
  //			}
  //		}
  //
  //		&__title {
  //			font-size: $xx-large;
  //			text-transform: uppercase;
  //			margin-bottom: 60px;
  //			font-weight: 800;
  //			color: $darkGrey;
  //			position: relative;
  //
  //			@include desktop-down {
  //				font-size: $x-large;
  //			}
  //
  //			&:before {
  //				content: ' ';
  //				position: absolute;
  //				left: 0;
  //				bottom: -30px;
  //				width: 100px;
  //				height: 2px;
  //				background: $darkOrange;
  //			}
  //		}
  //
  //		&__desc {
  //			font-weight: 500;
  //			margin-bottom: 20px;
  //		}
  //
  //		&__list {
  //			margin-top: 40px;
  //
  //			&__item {
  //				display: flex;
  //				flex-wrap: nowrap;
  //				justify-content: space-between;
  //				margin-bottom: 30px;
  //				align-items: center;
  //
  //				@include tablet-big-down2 {
  //					flex-flow: row wrap;
  //				}
  //
  //				&__name {
  //					background: $grey;
  //					padding: 20px 40px;
  //					min-width: 300px;
  //
  //					@include tablet-big-down2 {
  //						width: 100%;
  //						margin-bottom: 5px;
  //					}
  //
  //					p {
  //						text-transform: uppercase;
  //						color: $white;
  //						font-weight: 700;
  //						text-align: center;
  //
  //						span {
  //							font-weight: 400;
  //							display: inline-block;
  //							font-size: $small;
  //						}
  //
  //					}
  //				}
  //
  //				&__price {
  //					min-width: 15%;
  //					@include tablet-big-down2 {
  //						width: 23%;
  //					}
  //
  //					@include phone-down {
  //						width: 50%;
  //						margin-bottom: 10px;
  //					}
  //
  //					p {
  //						text-transform: uppercase;
  //						font-weight: 500;
  //						font-size: $x-large;
  //						line-height: 1em;
  //
  //						@include tablet-portrait-down {
  //							font-size: $normal;
  //						}
  //
  //						&:last-child {
  //							font-size: $normal;
  //							font-weight: 300;
  //							color: $darkGrey;
  //
  //							@include tablet-portrait-down {
  //								font-size: $x-small;
  //							}
  //						}
  //					}
  //				}
  //
  //			}
  //		}
  //	}
  //
  //
  //	&__coworking {
  //		padding: 0 100px 0 30px;
  //
  //		@include tablet-big-down {
  //			padding-right: 50px;
  //		}
  //
  //		@include phone-small-down {
  //			padding: 50px 20px !important;
  //		}
  //
  //		&__wrapper {
  //			padding: 80px 0 80px;
  //			display: grid;
  //			grid-template-columns: 1fr 1fr;
  //			gap: 20px;
  //
  //			@include tablet-big-down2 {
  //				grid-template-columns: 1fr 2fr;
  //			}
  //
  //			@include tablet-big-down {
  //				padding-right: 0;
  //			}
  //
  //			@include tablet-portrait-down {
  //				grid-template-columns: 1fr;
  //			}
  //
  //			@include phone-small-down {
  //				padding: 0 !important;
  //			}
  //		}
  //
  //		&__infos {
  //			&__title {
  //				font-size: $xx-large;
  //				text-transform: uppercase;
  //				margin-bottom: 60px;
  //				font-weight: 800;
  //				color: $darkGrey;
  //				position: relative;
  //
  //				@include desktop-down {
  //					font-size: $x-large;
  //				}
  //
  //				&:before {
  //					content: ' ';
  //					position: absolute;
  //					left: 0;
  //					bottom: -30px;
  //					width: 100px;
  //					height: 2px;
  //					background: $orange;
  //				}
  //			}
  //
  //			&__desc {
  //				font-weight: 500;
  //				margin-bottom: 20px;
  //			}
  //		}
  //
  //		&__prices {
  //			display: grid;
  //			grid-template-columns: 1fr 1fr;
  //			gap: 20px;
  //
  //			@include phone-down {
  //				grid-template-columns: 1fr;
  //			}
  //
  //			&__item {
  //				&__link {
  //					background: $lightGrey;
  //					display: block;
  //					padding: 30px;
  //					text-align: center;
  //
  //					transition: background .2s $ease;
  //
  //					&:hover {
  //						background: $orange;
  //
  //						.formulesContainer__coworking__prices__item {
  //							&__number {
  //								color: $white;
  //								border-bottom: 2px solid $white;
  //
  //								sup {
  //									color: $white;
  //								}
  //							}
  //
  //							&__price {
  //								p {
  //									color: $white;
  //
  //									sup {
  //										color: $white;
  //									}
  //								}
  //							}
  //
  //							&__include {
  //								> div {
  //
  //									div {
  //										color: $white;
  //
  //										svg {
  //											fill: $white;
  //										}
  //									}
  //								}
  //							}
  //						}
  //
  //						.buttonContainer {
  //							span {
  //								background: $white;
  //								color: $black;
  //
  //								//nothing on hover
  //								&:before {
  //									display: none !important;
  //								}
  //							}
  //						}
  //					}
  //				}
  //
  //				&__number {
  //					text-transform: uppercase;
  //					border-bottom: 2px solid $orange;
  //					padding-bottom: 8px;
  //					margin-bottom: 15px;
  //					display: inline-block;
  //
  //					transition: color .2s $ease;
  //
  //					sup {
  //						font-size: $xx-small;
  //						vertical-align: super;
  //
  //						transition: color .2s $ease;
  //					}
  //				}
  //
  //				&__price {
  //					margin-bottom: 15px;
  //
  //					p {
  //						font-size: $xx-large;
  //						font-weight: 500;
  //
  //						transition: color .2s $ease;
  //
  //						sup {
  //							font-size: $x-small;
  //							vertical-align: super;
  //
  //							transition: color .2s $ease;
  //						}
  //					}
  //				}
  //
  //				&__include {
  //					margin-bottom: 20px;
  //
  //					> div {
  //						display: flex;
  //						flex-wrap: nowrap;
  //						justify-content: space-between;
  //
  //						div {
  //							margin-bottom: 12px;
  //							text-align: left;
  //							line-height: 1em;
  //
  //							transition: color .2s $ease;
  //
  //							&:last-child {
  //								padding-left: 5px;
  //								text-align: right;
  //								margin-bottom: 8px;
  //								font-weight: 500;
  //							}
  //
  //							svg {
  //								fill: $green;
  //								width: 15px;
  //								height: 15px;
  //
  //								transition: fill .2s $ease;
  //							}
  //						}
  //					}
  //				}
  //
  //				.buttonContainer {
  //					span {
  //						transition: background .2s $ease, color .2s $ease;
  //
  //						//nothing on hover
  //						&:before {
  //							display: none !important;
  //						}
  //					}
  //				}
  //			}
  //		}
  //	}
  //
  //	&__prices {
  //		padding: 0 100px 0 30px;
  //		background: $darkWhite;
  //
  //		@include tablet-big-down {
  //			padding-right: 50px;
  //		}
  //
  //		@include phone-small-down {
  //			padding: 0 20px !important;
  //		}
  //
  //		&__wrapper {
  //			padding: 80px 0 80px;
  //		}
  //
  //		&__bureaux {
  //			&__title {
  //				font-size: $xx-large;
  //				text-transform: uppercase;
  //				margin-bottom: 60px;
  //				font-weight: 800;
  //				color: $darkGrey;
  //				position: relative;
  //
  //				@include desktop-down {
  //					font-size: $x-large;
  //				}
  //
  //				&:before {
  //					content: ' ';
  //					position: absolute;
  //					left: 0;
  //					bottom: -30px;
  //					width: 100px;
  //					height: 2px;
  //					background: $green;
  //				}
  //			}
  //
  //			&__desc {
  //				font-weight: 500;
  //				margin-bottom: 20px;
  //			}
  //
  //			&__list {
  //				display: grid;
  //				grid-template-columns: repeat(4, 1fr);
  //				gap: 20px;
  //				align-items: flex-start;
  //
  //				@include tablet-big-down2 {
  //					grid-template-columns: repeat(2, 1fr);
  //				}
  //
  //				@include phone-down {
  //					grid-template-columns: 1fr;
  //				}
  //
  //				&__item {
  //					&__link {
  //						background: $lightGrey;
  //						display: block;
  //						padding: 30px;
  //						text-align: center;
  //
  //						transition: background .2s $ease;
  //
  //						&:hover {
  //							background: $green;
  //
  //							.formulesContainer__prices__bureaux__list__item {
  //								&__number {
  //									color: $white;
  //									border-bottom: 2px solid $white;
  //
  //									sup {
  //										color: $white;
  //									}
  //								}
  //
  //								&__price {
  //									p {
  //										color: $white;
  //
  //										sup {
  //											color: $white;
  //										}
  //									}
  //								}
  //
  //								&__include {
  //									> div {
  //										div {
  //											color: $white;
  //
  //											svg {
  //												fill: $white;
  //											}
  //										}
  //									}
  //								}
  //							}
  //
  //							.buttonContainer {
  //								span {
  //									background: $white;
  //									color: $black;
  //
  //									//nothing on hover
  //									&:before {
  //										display: none !important;
  //									}
  //								}
  //							}
  //						}
  //					}
  //
  //					&__number {
  //						text-transform: uppercase;
  //						border-bottom: 2px solid $green;
  //						padding-bottom: 8px;
  //						margin-bottom: 15px;
  //						display: inline-block;
  //
  //						transition: color .2s $ease, border-bottom .2s $ease;
  //
  //						sup {
  //							font-size: $xx-small;
  //							vertical-align: super;
  //
  //							transition: color .2s $ease;
  //						}
  //					}
  //
  //					&__price {
  //						margin-bottom: 15px;
  //
  //						p {
  //							font-size: $xx-large;
  //							font-weight: 500;
  //
  //							transition: color .2s $ease;
  //
  //							sup {
  //								font-size: $x-small;
  //								vertical-align: super;
  //
  //								transition: color .2s $ease;
  //							}
  //						}
  //					}
  //
  //					&__include {
  //						margin-bottom: 20px;
  //
  //						> div {
  //
  //							display: flex;
  //							flex-wrap: nowrap;
  //							justify-content: space-between;
  //
  //							div {
  //								margin-bottom: 12px;
  //								text-align: left;
  //								line-height: 1em;
  //
  //								transition: color .2s $ease;
  //
  //								&:last-child {
  //									padding-left: 5px;
  //									text-align: right;
  //									margin-bottom: 8px;
  //									font-weight: 500;
  //								}
  //
  //								svg {
  //									fill: $green;
  //									width: 15px;
  //									height: 15px;
  //
  //									transition: fill .2s $ease;
  //								}
  //							}
  //						}
  //					}
  //
  //					.buttonContainer {
  //						span {
  //							transition: background .2s $ease, color .2s $ease;
  //
  //							//nothing on hover
  //							&:before {
  //								display: none !important;
  //							}
  //						}
  //					}
  //				}
  //			}
  //
  //			&--others {
  //				display: grid;
  //				grid-template-columns: 1fr 1fr;
  //				gap: 20px;
  //				margin-top: 80px;
  //
  //				@include tablet-big-down2 {
  //					grid-template-columns: 1fr;
  //				}
  //
  //				.formulesContainer__prices__bureaux__others {
  //					&__title {
  //						font-size: $xx-large;
  //						text-transform: uppercase;
  //						margin-bottom: 60px;
  //						font-weight: 800;
  //						color: $darkGrey;
  //						position: relative;
  //
  //						@include desktop-down {
  //							font-size: $x-large;
  //						}
  //
  //						&:before {
  //							content: ' ';
  //							position: absolute;
  //							left: 0;
  //							bottom: -30px;
  //							width: 100px;
  //							height: 2px;
  //							background: $green;
  //						}
  //					}
  //
  //					&__desc {
  //						font-weight: 500;
  //						margin-bottom: 20px;
  //					}
  //
  //					&__infos {
  //						display: grid;
  //						grid-template-columns: 1fr 1fr;
  //
  //						@include phone-down {
  //							grid-template-columns: 1fr;
  //						}
  //
  //						&__img {
  //							margin-top: 80px;
  //
  //							@include phone-down {
  //								display: none;
  //							}
  //						}
  //
  //						&__prices {
  //							&__link {
  //								background: $lightGrey;
  //								display: block;
  //								padding: 30px;
  //								text-align: center;
  //
  //								transition: background .2s $ease;
  //
  //								&:hover {
  //									background: $green;
  //
  //									.formulesContainer__prices__bureaux__others__infos__prices {
  //										&__number {
  //											color: $white;
  //											border-bottom: 2px solid $white;
  //
  //											sup {
  //												color: $white;
  //											}
  //										}
  //
  //										&__price {
  //											p {
  //												color: $white;
  //
  //												sup {
  //													color: $white;
  //												}
  //											}
  //										}
  //
  //										&__include {
  //											> div {
  //
  //												div {
  //													color: $white;
  //
  //													svg {
  //														fill: $white;
  //													}
  //												}
  //											}
  //										}
  //									}
  //
  //									.buttonContainer {
  //										span {
  //											background: $white;
  //											color: $black;
  //
  //											//nothing on hover
  //											&:before {
  //												display: none !important;
  //											}
  //										}
  //									}
  //								}
  //							}
  //
  //							&__price {
  //								margin-bottom: 15px;
  //
  //								p {
  //									font-size: $xx-large;
  //									font-weight: 500;
  //
  //									transition: color .2s $ease;
  //
  //									sup {
  //										font-size: $x-small;
  //										vertical-align: super;
  //
  //										transition: color .2s $ease;
  //									}
  //								}
  //							}
  //
  //							&__include {
  //								margin-bottom: 20px;
  //
  //								> div {
  //									display: flex;
  //									flex-wrap: nowrap;
  //									justify-content: space-between;
  //
  //									div {
  //										margin-bottom: 12px;
  //										line-height: 1em;
  //										text-align: left;
  //
  //										transition: color .2s $ease;
  //
  //										&:last-child {
  //											padding-left: 5px;
  //											text-align: right;
  //											margin-bottom: 8px;
  //											font-weight: 500;
  //										}
  //
  //										svg {
  //											fill: $green;
  //											width: 15px;
  //											height: 15px;
  //
  //											transition: fill .2s $ease;
  //										}
  //									}
  //								}
  //							}
  //
  //							.buttonContainer {
  //								span {
  //									transition: background .2s $ease, color .2s $ease;
  //
  //									//nothing on hover
  //									&:before {
  //										display: none !important;
  //									}
  //								}
  //							}
  //						}
  //					}
  //
  //					&--dedicated {
  //						.formulesContainer__prices__bureaux__others {
  //							&__title {
  //								&:before {
  //									background: $yellow;
  //								}
  //							}
  //
  //							&__infos {
  //								&__prices {
  //									&__link {
  //										&:hover {
  //											background: $yellow;
  //										}
  //									}
  //								}
  //							}
  //						}
  //					}
  //
  //					&--shared {
  //						.formulesContainer__prices__bureaux__others {
  //							&__title {
  //								&:before {
  //									background: $blue;
  //								}
  //							}
  //
  //							&__infos {
  //								&__prices {
  //									&__link {
  //										&:hover {
  //											background: $blue;
  //										}
  //									}
  //								}
  //							}
  //						}
  //					}
  //				}
  //			}
  //		}
  //	}
  //
  //	&__header {
  //		display: grid;
  //		grid-template-columns: repeat(4, 1fr);
  //		gap: 20px;
  //		align-items: flex-start;
  //
  //		@include desktop-down {
  //			grid-template-columns: repeat(3, 1fr);
  //		}
  //
  //		@include tablet-portrait-down {
  //			grid-template-columns: 1fr 1fr;
  //			margin-bottom: 50px;
  //		}
  //
  //		@include phone-down {
  //			grid-template-columns: 1fr;
  //		}
  //
  //		&__text {
  //			padding: 0 30px;
  //
  //			@include desktop-down {
  //				grid-column: 1/4;
  //				margin-bottom: 30px;
  //			}
  //
  //			@include tablet-portrait-down {
  //				padding: 50px 0 20px;
  //				grid-column: 1/2;
  //			}
  //
  //			&__title {} // .maintitle--page
  //
  //			&__description {
  //				margin-bottom: 25px;
  //
  //				p {
  //					line-height: 2em;
  //					margin-bottom: 15px;
  //				}
  //			}
  //		}
  //
  //		&__bureaux {
  //
  //			@include tablet-portrait-down {
  //				margin-bottom: 30px;
  //			}
  //
  //			&--fix {
  //				.formulesContainer__header__bureaux__title {
  //					color: $green;
  //				}
  //			}
  //
  //			&--dedicate {
  //				margin-top: 80px;
  //
  //				@include tablet-portrait-down {
  //					margin-top: 0;
  //				}
  //
  //				.formulesContainer__header__bureaux__title {
  //					color: $yellow;
  //				}
  //			}
  //
  //			&--shared {
  //				.formulesContainer__header__bureaux__title {
  //					color: $blue;
  //				}
  //			}
  //
  //			&__title {
  //				margin-top: 20px;
  //				font-weight: 800;
  //				margin-bottom: 0;
  //			}
  //
  //			&__avantages {
  //				font-weight: 500;
  //				margin-bottom: 20px;
  //			}
  //
  //			&__desc {
  //				margin-bottom: 20px;
  //
  //				* {
  //					color: $grey;
  //				}
  //			}
  //		}
  //
  //	}
  //
  //}
  */
}

/*********************************************
  Vide page
*********************************************/
.videPage .newContainer__wrapper {
  padding-right: 100px;
}
@media (max-width: 1199px) {
  .videPage .newContainer__wrapper {
    padding-right: 50px;
  }
}
@media (max-width: 424px) {
  .videPage .newContainer__wrapper {
    padding: 0 20px !important;
  }
}
.videPage .newContainer__detail {
  display: grid;
  grid-template-columns: 1fr 75px 1fr 75px;
  margin-bottom: 120px;
}
@media (max-width: 1049px) {
  .videPage .newContainer__detail {
    grid-template-columns: 1fr 75px 1fr;
  }
}
@media (max-width: 899px) {
  .videPage .newContainer__detail {
    grid-template-columns: 1fr 1fr;
    gap: 30px;
  }
}
@media (max-width: 749px) {
  .videPage .newContainer__detail {
    grid-template-columns: 1fr;
  }
}
@media (max-width: 899px) {
  .videPage .newContainer__detail__illustration {
    order: 2;
    margin-top: 50px;
  }
}
.videPage .newContainer__detail__illustration iframe {
  margin-top: 20px;
}
@media (max-width: 899px) {
  .videPage .newContainer__detail__illustration iframe {
    height: 200px;
    max-width: 100%;
  }
}
.videPage .newContainer__detail__illustration__gallery {
  margin-top: 20px;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 20px;
}
@media (max-width: 749px) {
  .videPage .newContainer__detail__illustration__gallery {
    grid-template-columns: repeat(3, 1fr);
    gap: 10px;
  }
}
@media (max-width: 424px) {
  .videPage .newContainer__detail__illustration__gallery {
    grid-template-columns: repeat(2, 1fr);
  }
}
.videPage .newContainer__detail__share {
  display: grid;
  grid-template-columns: 1fr;
  align-items: center;
  justify-content: center;
}
@media (max-width: 899px) {
  .videPage .newContainer__detail__share {
    order: 3;
  }
}
.videPage .newContainer__detail__share .jssocials-shares {
  display: grid;
  grid-template-columns: 1fr;
  align-items: center;
  justify-content: center;
}
@media (max-width: 899px) {
  .videPage .newContainer__detail__share .jssocials-shares {
    display: flex;
  }
}
.videPage .newContainer__detail__share .jssocials-shares > div {
  text-align: center;
  margin: 0 0 10px 0;
}
.videPage .newContainer__detail__share .jssocials-shares > div .jssocials-share-link {
  color: #4a4a4a !important;
}
.videPage .newContainer__detail__content {
  padding-top: 150px;
  padding-right: 80px;
}
@media (max-width: 1199px) {
  .videPage .newContainer__detail__content {
    padding-top: 30px;
  }
}
@media (max-width: 1049px) {
  .videPage .newContainer__detail__content {
    padding-right: 0;
  }
}
@media (max-width: 899px) {
  .videPage .newContainer__detail__content {
    order: 1;
  }
}
.videPage .newContainer__detail__content__title {
  font-size: 2.058rem;
  text-transform: uppercase;
  margin-bottom: 60px;
  font-weight: 800;
  color: #4a4a4a;
  position: relative;
}
@media (max-width: 1199px) {
  .videPage .newContainer__detail__content__title {
    font-size: 1.618rem;
  }
}
.videPage .newContainer__detail__content__title:before {
  content: " ";
  position: absolute;
  left: 0;
  bottom: -30px;
  width: 100px;
  height: 2px;
  background: #e8d02e;
}
.videPage .newContainer__detail__content__subtitle {
  font-weight: 600;
  text-transform: initial;
  font-size: 1rem;
  margin-bottom: 15px;
}

/*********************************************
  Connexion page
*********************************************/
.connexionPage .connexionContainer {
  padding-bottom: 50px;
}
.connexionPage .connexionContainer__wrapper {
  display: grid;
  grid-template-columns: 1fr 1fr 100px;
  align-items: center;
  padding: 0;
}
@media (max-width: 1049px) {
  .connexionPage .connexionContainer__wrapper {
    grid-template-columns: 1fr;
  }
}
@media (max-width: 424px) {
  .connexionPage .connexionContainer__wrapper {
    padding: 0 20px !important;
  }
}
.connexionPage .connexionContainer__detail {
  display: grid;
  grid-template-columns: 1fr;
  justify-content: center;
  align-items: center;
  padding: 25px;
}
@media (max-width: 1199px) {
  .connexionPage .connexionContainer__detail {
    grid-column: 1/3;
    padding-right: 0;
    padding-left: 0;
  }
}
.connexionPage .connexionContainer__detail__content {
  width: 350px;
  margin: auto;
}
@media (max-width: 424px) {
  .connexionPage .connexionContainer__detail__content {
    width: 100%;
  }
}
.connexionPage .connexionContainer__detail__content__title {
  font-size: 2.058rem;
  text-transform: uppercase;
  margin-bottom: 60px;
  font-weight: 800;
  color: #4a4a4a;
  position: relative;
}
.connexionPage .connexionContainer__detail__content__title:before {
  content: " ";
  position: absolute;
  left: 0;
  bottom: -30px;
  width: 100px;
  height: 2px;
  background: #e8d02e;
}
.connexionPage .connexionContainer__detail__content__text {
  margin-bottom: 30px;
}
.connexionPage .connexionContainer__detail__content__text .alert-danger {
  background: #972500;
  padding: 10px;
  margin-bottom: 10px;
  color: #ffffff;
}
.connexionPage .connexionContainer__detail__content__text form {
  width: 100%;
}
.connexionPage .connexionContainer__detail__content__text form .row {
  margin-bottom: 40px;
  display: grid;
  grid-template-columns: 1fr;
}
.connexionPage .connexionContainer__detail__content__text form .row label {
  color: #7b7b7b;
}
.connexionPage .connexionContainer__detail__content__text form .row label.link {
  color: #000000;
}
.connexionPage .connexionContainer__detail__content__text form .row label.link input {
  width: auto;
}
.connexionPage .connexionContainer__detail__content__text form .row .forgot {
  margin-top: 10px;
  text-decoration: underline;
  font-size: 0.75rem;
}
.connexionPage .connexionContainer__detail__content__text form .action {
  display: grid;
  grid-template-columns: 1fr 1fr;
  align-items: center;
  justify-content: space-between;
}
@media (max-width: 424px) {
  .connexionPage .connexionContainer__detail__content__text form .action {
    grid-template-columns: 1fr;
  }
  .connexionPage .connexionContainer__detail__content__text form .action .buttonContainer {
    text-align: center;
    margin-top: 30px;
  }
}
.connexionPage .connexionContainer__detail__content__text form .action .row {
  margin-bottom: 0;
}
.connexionPage .connexionContainer__detail__content__forgot {
  font-weight: normal;
}
.connexionPage .connexionContainer__detail__content__register {
  margin-top: 60px;
}
@media (max-width: 1199px) {
  .connexionPage .connexionContainer__illustration {
    grid-column: 1/3;
    padding-right: 0;
  }
}
.connexionPage .connexionContainer__illustration img {
  width: 100%;
  height: auto;
}

/*********************************************
  Text page
*********************************************/
.textPage .newContainer__wrapper {
  padding-right: 100px;
}
@media (max-width: 1199px) {
  .textPage .newContainer__wrapper {
    padding-right: 50px;
  }
}
@media (max-width: 424px) {
  .textPage .newContainer__wrapper {
    padding: 0 20px !important;
  }
}
.textPage .newContainer__detail {
  display: grid;
  grid-template-columns: 1fr;
  margin-bottom: 120px;
}
.textPage .newContainer__detail__content {
  padding: 150px 80px 0;
}
@media (max-width: 1449px) {
  .textPage .newContainer__detail__content {
    padding: 150px 30px 0;
  }
}
@media (max-width: 1049px) {
  .textPage .newContainer__detail__content {
    padding: 50px 0;
  }
}
.textPage .newContainer__detail__content__title {
  font-size: 2.058rem;
  text-transform: uppercase;
  margin-bottom: 60px;
  font-weight: 800;
  color: #4a4a4a;
  position: relative;
}
.textPage .newContainer__detail__content__title:before {
  content: " ";
  position: absolute;
  left: 0;
  bottom: -30px;
  width: 100px;
  height: 2px;
  background: #e8d02e;
}
.textPage .newContainer__detail__content__subtitle {
  font-weight: 600;
  text-transform: initial;
  font-size: 1rem;
  margin-bottom: 15px;
}
.textPage .newContainer #mams_changesettingsform .coworkingContainer, .textPage .newContainer .mams_div .coworkingContainer {
  display: grid;
  gap: 30px;
  grid-template-columns: repeat(2, 1fr);
  margin-bottom: 30px;
}
@media (max-width: 599px) {
  .textPage .newContainer #mams_changesettingsform .coworkingContainer, .textPage .newContainer .mams_div .coworkingContainer {
    grid-template-columns: 1fr;
  }
}
@media (max-width: 599px) {
  .textPage .newContainer #mams_changesettingsform .coworkingContainer__left h4, .textPage .newContainer .mams_div .coworkingContainer__left h4 {
    margin-bottom: 0;
  }
}
.textPage .newContainer #mams_changesettingsform .coworkingContainer__right, .textPage .newContainer .mams_div .coworkingContainer__right {
  background-color: #BBD301;
  padding: 15px 20px;
  display: grid;
  gap: 20px;
  grid-template-columns: 40px auto;
  justify-self: flex-start;
  align-items: center;
}
.textPage .newContainer #mams_changesettingsform .coworkingContainer__right__number, .textPage .newContainer .mams_div .coworkingContainer__right__number {
  font-size: 2.618rem;
  color: #ffffff;
  font-weight: 500;
  margin-bottom: 0;
}
.textPage .newContainer #mams_changesettingsform .coworkingContainer__right__text, .textPage .newContainer .mams_div .coworkingContainer__right__text {
  font-weight: 500;
  text-transform: uppercase;
  color: #ffffff;
  margin-bottom: 0;
}
.textPage .newContainer #mams_changesettingsform h4, .textPage .newContainer .mams_div h4 {
  color: #ff9c00;
  margin-bottom: 50px;
}
.textPage .newContainer #mams_changesettingsform .alert-danger, .textPage .newContainer .mams_div .alert-danger {
  background: #972500;
  padding: 10px;
  margin-bottom: 20px;
  text-align: center;
  color: #ffffff;
}
.textPage .newContainer #mams_changesettingsform .alert-info, .textPage .newContainer .mams_div .alert-info {
  background: #56a96d;
  padding: 10px;
  margin-bottom: 20px;
  text-align: center;
  color: #ffffff;
}
.textPage .newContainer #mams_changesettingsform .accountActions, .textPage .newContainer .mams_div .accountActions {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  align-items: stretch;
  gap: 30px;
  margin: 0;
}
@media (max-width: 1049px) {
  .textPage .newContainer #mams_changesettingsform .accountActions, .textPage .newContainer .mams_div .accountActions {
    gap: 10px;
  }
}
@media (max-width: 899px) {
  .textPage .newContainer #mams_changesettingsform .accountActions, .textPage .newContainer .mams_div .accountActions {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 424px) {
  .textPage .newContainer #mams_changesettingsform .accountActions, .textPage .newContainer .mams_div .accountActions {
    grid-template-columns: 1fr;
  }
}
.textPage .newContainer #mams_changesettingsform .accountActions__item, .textPage .newContainer .mams_div .accountActions__item {
  height: auto;
  list-style-type: none;
}
.textPage .newContainer #mams_changesettingsform .accountActions__item:before, .textPage .newContainer .mams_div .accountActions__item:before {
  display: none;
}
.textPage .newContainer #mams_changesettingsform .accountActions__item__link, .textPage .newContainer .mams_div .accountActions__item__link {
  display: grid;
  grid-template-columns: 1fr;
  justify-content: center;
  text-align: center;
  padding: 60px 30px;
  background: #eeeeee;
  height: 100%;
  transition: all 0.2s ease;
}
.textPage .newContainer #mams_changesettingsform .accountActions__item__link:hover, .textPage .newContainer .mams_div .accountActions__item__link:hover {
  background: #ff9c00;
}
.textPage .newContainer #mams_changesettingsform .accountActions__item__link:hover svg, .textPage .newContainer .mams_div .accountActions__item__link:hover svg {
  fill: #ffffff;
}
.textPage .newContainer #mams_changesettingsform .accountActions__item__link:hover span, .textPage .newContainer .mams_div .accountActions__item__link:hover span {
  color: #ffffff;
}
.textPage .newContainer #mams_changesettingsform .accountActions__item__link svg, .textPage .newContainer .mams_div .accountActions__item__link svg {
  height: 30px;
  width: 30px;
  fill: #000000;
  margin: auto;
  margin-bottom: 20px;
  transition: all 0.2s ease;
}
.textPage .newContainer #mams_changesettingsform .accountActions__item__link span, .textPage .newContainer .mams_div .accountActions__item__link span {
  transition: all 0.2s ease;
}
.textPage .newContainer #mams_changesettingsform form .fields, .textPage .newContainer .mams_div form .fields {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  align-items: flex-start;
  gap: 30px;
}
@media (max-width: 1049px) {
  .textPage .newContainer #mams_changesettingsform form .fields, .textPage .newContainer .mams_div form .fields {
    gap: 10px;
  }
}
@media (max-width: 899px) {
  .textPage .newContainer #mams_changesettingsform form .fields, .textPage .newContainer .mams_div form .fields {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 599px) {
  .textPage .newContainer #mams_changesettingsform form .fields, .textPage .newContainer .mams_div form .fields {
    grid-template-columns: 1fr;
  }
}
.textPage .newContainer #mams_changesettingsform form .fields label, .textPage .newContainer .mams_div form .fields label {
  color: #7b7b7b;
}
.textPage .newContainer #mams_changesettingsform form .fields label.link, .textPage .newContainer .mams_div form .fields label.link {
  color: #000000;
}
.textPage .newContainer #mams_changesettingsform form .fields label.link input, .textPage .newContainer .mams_div form .fields label.link input {
  width: auto;
}
.textPage .newContainer #mams_changesettingsform form .fields input, .textPage .newContainer .mams_div form .fields input {
  width: 100%;
  margin: 0;
  height: 30px;
  border: none !important;
  border-bottom: 1px solid #eeeeee !important;
}
.textPage .newContainer #mams_changesettingsform form .fields div span, .textPage .newContainer .mams_div form .fields div span {
  font-size: 0.6rem;
}
.textPage .newContainer #mams_changesettingsform form .actions, .textPage .newContainer .mams_div form .actions {
  margin-top: 30px;
}

.banner {
  width: 100%;
  height: 600px;
}
.banner__wrapper {
  max-width: 100%;
}
.banner__contentContainer {
  height: 500px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  z-index: 20;
  margin-left: 200px;
}
@media (max-width: 899px) {
  .banner__contentContainer {
    margin-left: 0;
  }
}
.banner__contentContainer__title {
  font-size: 3.756rem;
  font-weight: bold;
  color: #ffffff;
  margin-bottom: 0;
}
@media (max-width: 899px) {
  .banner__contentContainer__title {
    font-size: 2.618rem;
  }
}
@media (max-width: 599px) {
  .banner__contentContainer__title {
    font-size: 1.618rem;
  }
}
.banner__contentContainer__subtitle {
  font-size: 1.618rem;
  font-weight: bold;
  color: #ffffff;
  margin-bottom: 30px;
  text-transform: none;
}
@media (max-width: 899px) {
  .banner__contentContainer__subtitle {
    font-size: 1.272rem;
  }
}
@media (max-width: 599px) {
  .banner__contentContainer__subtitle {
    font-size: 1rem;
  }
}
.banner__contentContainer__text {
  max-width: 700px;
}
.banner__contentContainer__text p {
  color: #ffffff;
  font-size: 1rem;
}
@media (max-width: 599px) {
  .banner__contentContainer__text p {
    font-size: 0.75rem;
  }
}
.banner__imgContainer {
  position: absolute;
  top: -100px;
  left: 0;
  width: 100%;
  height: 600px;
  z-index: 1;
}
.banner__imgContainer__img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  opacity: 0.68;
}
.banner__imgContainer:after {
  content: "";
  width: 100%;
  height: 600px;
  background-color: rgba(39, 39, 39, 0.8);
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
}

.contact {
  width: 100%;
  padding: 100px 0;
}
.contact__contentContainer {
  width: 100%;
  z-index: 20;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 20px;
}
.contact__contentContainer__text {
  width: 100%;
  max-width: 700px;
  margin-bottom: 10px;
}
.contact__contentContainer__text p {
  text-transform: uppercase;
  color: #ffffff;
  font-size: 1.272rem;
  width: fit-content;
  text-align: center;
}
.contact__contentContainer__title {
  color: #ffffff;
  font-size: 1.618rem;
  text-transform: uppercase;
  font-weight: bold;
}
.contact__contentContainer__imgButtonContainer {
  display: grid;
  grid-template-columns: 120px auto;
  grid-column-gap: 20px;
}
.contact__contentContainer__imgButtonContainer__imgContainer {
  width: 120px;
  height: 120px;
}
.contact__contentContainer__imgButtonContainer__imgContainer__img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
.contact__contentContainer__imgButtonContainer__buttonContainer {
  width: 100%;
  display: grid;
  grid-template-columns: 1fr;
  grid-row-gap: 20px;
}
.contact__imgContainer {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
}
.contact__imgContainer__img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
.contact__imgContainer:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
  background: rgba(0, 0, 0, 0.65);
  z-index: 15;
}

.services-avantages {
  width: 100%;
  background-color: #484848;
  padding: 100px 0;
}
.services-avantages__contentContainer {
  z-index: 40;
}
@media (max-width: 899px) {
  .services-avantages__contentContainer__title {
    margin-bottom: 50px;
  }
}
.services-avantages__contentContainer__servicesContainer {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 100px;
}
@media (max-width: 1299px) {
  .services-avantages__contentContainer__servicesContainer {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 899px) {
  .services-avantages__contentContainer__servicesContainer {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 50px;
  }
}
.services-avantages__contentContainer__servicesContainer__services {
  width: 100%;
}
.services-avantages__contentContainer__servicesContainer__services__title {
  font-size: 1.272rem;
  font-weight: bold;
  color: #ffffff;
  line-height: 1.8;
}
.services-avantages__contentContainer__servicesContainer__services__content p {
  color: #ffffff;
}
.services-avantages__contentContainer__servicesContainer__services__content ul {
  list-style-image: url("/assets/images/2024/coworking/icon-list.svg");
  margin-left: 18px;
}
.services-avantages__contentContainer__servicesContainer__services__content ul li {
  color: #ffffff;
  line-height: 1.8;
}
.services-avantages__contentContainer__servicesContainer__services__content ul li:before {
  display: none;
}
.services-avantages__deco {
  position: absolute;
  bottom: 0;
  left: 0;
  width: auto;
  max-height: 100%;
  z-index: 30;
}

/*********************************************
  Reservation page
*********************************************/
.orderPage .vuecal__cell {
  background-color: rgb(187.4, 220.6, 196.6);
}
.orderPage .vuecal__cell--out-of-scope {
  background-color: #ffffff;
}
.orderPage .vuecal__cell--out-of-scope .vuecal__cell-date {
  color: rgb(148.5, 148.5, 148.5);
}
.orderPage .vuecal__cell--disabled {
  background-color: rgb(255, 214.9867549669, 202);
}
.orderPage .vuecal__cell--disabled .vuecal__cell-date {
  color: #eeeeee;
}
.orderPage .vuecal__cell--selected {
  background-color: #ff9c00;
}
.orderPage .vuecal__cell--selected .vuecal__cell-date {
  color: #ffffff;
  font-weight: 500;
}
.orderPage .orderContainer__wrapper {
  padding-right: 100px;
}
@media (max-width: 1199px) {
  .orderPage .orderContainer__wrapper {
    padding-right: 50px;
  }
}
@media (max-width: 424px) {
  .orderPage .orderContainer__wrapper {
    padding: 0 20px !important;
  }
}
.orderPage .orderContainer__detail {
  display: grid;
  grid-template-columns: 1fr;
  margin-bottom: 120px;
}
.orderPage .orderContainer__detail__content {
  padding: 50px 80px 0;
}
@media (max-width: 1449px) {
  .orderPage .orderContainer__detail__content {
    padding: 50px 30px 0;
  }
}
@media (max-width: 1049px) {
  .orderPage .orderContainer__detail__content {
    padding: 50px 0;
  }
}
.orderPage .orderContainer__detail__content__title {
  font-size: 2.058rem;
  text-transform: uppercase;
  margin-bottom: 60px;
  font-weight: 800;
  color: #4a4a4a;
  position: relative;
}
.orderPage .orderContainer__detail__content__title:before {
  content: " ";
  position: absolute;
  left: 0;
  bottom: -30px;
  width: 100px;
  height: 2px;
  background: #e8d02e;
}
.orderPage .orderContainer__detail__content .sep {
  border: 1px solid #eeeeee;
  margin-bottom: 60px;
}
.orderPage .orderContainer__detail__content__history__list {
  background: #f6f6f6;
  padding: 50px;
}
@media (max-width: 899px) {
  .orderPage .orderContainer__detail__content__history__list {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
    padding: 0;
    background: none;
  }
}
@media (max-width: 599px) {
  .orderPage .orderContainer__detail__content__history__list {
    grid-template-columns: 1fr;
  }
}
.orderPage .orderContainer__detail__content__history__list__item {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  justify-content: space-between;
  align-items: stretch;
  padding-bottom: 40px;
  margin-bottom: 40px;
  border-bottom: 1px solid #7b7b7b;
}
@media (max-width: 899px) {
  .orderPage .orderContainer__detail__content__history__list__item {
    background: #f6f6f6;
    padding: 20px;
    display: block;
    border-bottom: 1px solid #ff9c00;
  }
}
@media (max-width: 599px) {
  .orderPage .orderContainer__detail__content__history__list__item {
    margin-bottom: 20px;
  }
}
.orderPage .orderContainer__detail__content__history__list__item__infos {
  border-right: 1px solid #ff9c00;
  padding: 0 30px;
}
@media (max-width: 899px) {
  .orderPage .orderContainer__detail__content__history__list__item__infos {
    border: none;
    padding: 0;
  }
}
.orderPage .orderContainer__detail__content__history__list__item__infos:first-child {
  padding-left: 0;
}
.orderPage .orderContainer__detail__content__history__list__item__infos:last-child {
  padding-right: 0;
  border: none;
}
.orderPage .orderContainer__detail__content__history__list__item__infos__name {
  color: #7b7b7b;
  font-weight: 400;
}
.orderPage .orderContainer__detail__content__history__list__item__infos__result {
  color: #4a4a4a;
  text-transform: uppercase;
  font-size: 1rem;
  font-weight: 400;
}
@media (max-width: 899px) {
  .orderPage .orderContainer__detail__content__history__list__item__infos__result {
    margin-left: 15px;
  }
}
.orderPage .orderContainer__detail__content__history__list__item__infos__result__link {
  display: flex;
  flex-flow: row wrap;
  align-items: center;
  justify-content: flex-start;
}
@media (max-width: 899px) {
  .orderPage .orderContainer__detail__content__history__list__item__infos__result__link {
    color: #ff9c00;
  }
}
.orderPage .orderContainer__detail__content__history__list__item__infos__result__link:hover svg {
  fill: #ff9c00;
}
.orderPage .orderContainer__detail__content__history__list__item__infos__result__link span {
  margin-right: 10px;
}
.orderPage .orderContainer__detail__content__history__list__item__infos__result__link svg {
  fill: #000000;
  width: 15px;
  height: 15px;
}
.orderPage .orderContainer__detail__content__history__list__item__infos__result .green {
  color: #56a96d;
}
.orderPage .orderContainer__detail__content__history__list__item__infos__result .red {
  color: #972500;
}
.orderPage .orderContainer__detail__content__subtitle {
  font-weight: 600;
  text-transform: initial;
  font-size: 1rem;
  margin-bottom: 15px;
}
.orderPage .orderContainer__detail__content__errors {
  margin-bottom: 30px;
}
.orderPage .orderContainer__detail__content__errors__list {
  background: #972500;
  padding: 15px;
}
.orderPage .orderContainer__detail__content__errors__list__item {
  text-align: center;
  color: #ffffff;
}
.orderPage .orderContainer__detail__content__stages {
  margin-bottom: 70px;
}
.orderPage .orderContainer__detail__content__stages__list {
  display: flex;
  flex-flow: nowrap;
  align-items: center;
  justify-content: center;
}
@media (max-width: 899px) {
  .orderPage .orderContainer__detail__content__stages__list {
    justify-content: space-between;
  }
}
.orderPage .orderContainer__detail__content__stages__list__item {
  text-align: center;
  margin: 0 40px;
  width: 12%;
  position: relative;
}
@media (max-width: 1449px) {
  .orderPage .orderContainer__detail__content__stages__list__item {
    width: 9%;
  }
}
@media (max-width: 1049px) {
  .orderPage .orderContainer__detail__content__stages__list__item {
    width: 4%;
  }
}
@media (max-width: 899px) {
  .orderPage .orderContainer__detail__content__stages__list__item {
    width: 18%;
    margin: 0;
  }
}
.orderPage .orderContainer__detail__content__stages__list__item:before {
  position: absolute;
  content: " ";
  width: calc(100% - 20px);
  height: 2px;
  background: #eeeeee;
  top: 26px;
  left: calc(-50% + 19px);
  z-index: 2;
}
@media (max-width: 1449px) {
  .orderPage .orderContainer__detail__content__stages__list__item:before {
    left: calc(-50% - 0px);
  }
}
@media (max-width: 1049px) {
  .orderPage .orderContainer__detail__content__stages__list__item:before {
    width: 100%;
    left: calc(-50% - 16px);
  }
}
@media (max-width: 899px) {
  .orderPage .orderContainer__detail__content__stages__list__item:before {
    display: none;
  }
}
.orderPage .orderContainer__detail__content__stages__list__item:after {
  position: absolute;
  content: " ";
  width: calc(100% - 20px);
  height: 2px;
  background: #eeeeee;
  top: 26px;
  right: calc(-50% + 19px);
  z-index: 2;
}
@media (max-width: 1449px) {
  .orderPage .orderContainer__detail__content__stages__list__item:after {
    right: calc(-50% - 0px);
  }
}
@media (max-width: 1049px) {
  .orderPage .orderContainer__detail__content__stages__list__item:after {
    width: 100%;
    right: calc(-50% - 33px);
  }
}
@media (max-width: 899px) {
  .orderPage .orderContainer__detail__content__stages__list__item:after {
    display: none;
  }
}
.orderPage .orderContainer__detail__content__stages__list__item.active:before {
  background: #d85a31;
}
.orderPage .orderContainer__detail__content__stages__list__item.active:after {
  background: #d85a31;
}
.orderPage .orderContainer__detail__content__stages__list__item.active .orderContainer__detail__content__stages__list__item__name {
  color: #000000;
}
.orderPage .orderContainer__detail__content__stages__list__item:first-child {
  margin-left: 0;
}
.orderPage .orderContainer__detail__content__stages__list__item:first-child:before {
  display: none;
}
.orderPage .orderContainer__detail__content__stages__list__item:first-child.active .orderContainer__detail__content__stages__list__item__number {
  border: 2px solid #d85a31;
  background: #d85a31;
  color: #ffffff;
}
.orderPage .orderContainer__detail__content__stages__list__item:nth-child(2).active .orderContainer__detail__content__stages__list__item__number {
  border: 2px solid #f4d547;
  background: #f4d547;
  color: #ffffff;
}
.orderPage .orderContainer__detail__content__stages__list__item:nth-child(3).active .orderContainer__detail__content__stages__list__item__number {
  border: 2px solid #ff9c00;
  background: #ff9c00;
  color: #ffffff;
}
.orderPage .orderContainer__detail__content__stages__list__item:nth-child(4).active .orderContainer__detail__content__stages__list__item__number {
  border: 2px solid #009cdd;
  background: #009cdd;
  color: #ffffff;
}
.orderPage .orderContainer__detail__content__stages__list__item:last-child {
  margin-right: 0;
}
.orderPage .orderContainer__detail__content__stages__list__item:last-child:after {
  display: none;
}
.orderPage .orderContainer__detail__content__stages__list__item:last-child.active .orderContainer__detail__content__stages__list__item__number {
  border: 2px solid #56a96d;
  background: #56a96d;
  color: #ffffff;
}
.orderPage .orderContainer__detail__content__stages__list__item__number {
  border: 2px solid #eeeeee;
  background: #ffffff;
  padding: 14px 0;
  width: 50px;
  height: 50px;
  margin: auto;
  text-align: center;
  margin-bottom: 10px;
  position: relative;
  z-index: 3;
  color: #eeeeee;
  font-weight: 400;
}
.orderPage .orderContainer__detail__content__stages__list__item__name {
  text-transform: uppercase;
  font-weight: 400;
  color: #eeeeee;
}
@media (max-width: 1049px) {
  .orderPage .orderContainer__detail__content__stages__list__item__name {
    display: none;
  }
}
.orderPage .orderContainer__detail__content__current {
  display: grid;
  grid-template-columns: 1fr 2fr 1fr;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 70px;
}
.orderPage .orderContainer__detail__content__current__prev .in {
  display: flex;
  flex-flow: nowrap;
  justify-content: flex-start;
  align-items: center;
}
.orderPage .orderContainer__detail__content__current__prev .in svg {
  width: 65px;
  height: 65px;
  margin-right: 10px;
  transform: rotate(90deg);
}
.orderPage .orderContainer__detail__content__current__prev .in span {
  display: inline-block;
  text-transform: uppercase;
  color: #7b7b7b;
  font-weight: 400;
  font-size: 0.75rem;
  line-height: 1.2em;
}
@media (max-width: 749px) {
  .orderPage .orderContainer__detail__content__current__prev .in span {
    display: none;
  }
}
.orderPage .orderContainer__detail__content__current__title {
  text-align: center;
}
.orderPage .orderContainer__detail__content__current__title h1 {
  margin-bottom: 0;
  font-weight: 400;
}
.orderPage .orderContainer__detail__content__current__title h1 .nb {
  display: inline-block;
  font-size: 3.756rem;
  border-right: 1px solid #f4d547;
  padding-right: 7px;
  margin-right: 7px;
}
@media (max-width: 749px) {
  .orderPage .orderContainer__detail__content__current__title h1 .nb {
    font-size: 2.058rem;
  }
}
.orderPage .orderContainer__detail__content__current__title h1 .txt {
  display: inline-block;
  color: #7b7b7b;
  font-size: 1.618rem;
}
@media (max-width: 749px) {
  .orderPage .orderContainer__detail__content__current__title h1 .txt {
    font-size: 1rem;
  }
}
.orderPage .orderContainer__detail__content__current__next .in {
  display: flex;
  flex-flow: nowrap;
  justify-content: flex-end;
  align-items: center;
}
.orderPage .orderContainer__detail__content__current__next .in svg {
  width: 65px;
  height: 65px;
  margin-left: 10px;
  transform: rotate(-90deg);
}
.orderPage .orderContainer__detail__content__current__next .in span {
  display: inline-block;
  text-transform: uppercase;
  color: #7b7b7b;
  font-weight: 400;
  font-size: 0.75rem;
  line-height: 1.2em;
  text-align: right;
}
@media (max-width: 749px) {
  .orderPage .orderContainer__detail__content__current__next .in span {
    display: none;
  }
}
.orderPage .orderContainer__detail__content__stage1 {
  margin-bottom: 70px;
}
.orderPage .orderContainer__detail__content__stage1 .buttonContainer {
  margin-top: 40px;
}
.orderPage .orderContainer__detail__content__stage1 .buttonContainer button:disabled,
.orderPage .orderContainer__detail__content__stage1 .buttonContainer button[disabled] {
  background: #c3c3c3;
  color: #b5b1b1;
  cursor: not-allowed;
}
.orderPage .orderContainer__detail__content__stage1__rooms {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 40px;
}
@media (max-width: 1449px) {
  .orderPage .orderContainer__detail__content__stage1__rooms {
    gap: 20px;
  }
}
@media (max-width: 1049px) {
  .orderPage .orderContainer__detail__content__stage1__rooms {
    grid-template-columns: 1fr 1fr;
    gap: 20px;
  }
}
@media (max-width: 599px) {
  .orderPage .orderContainer__detail__content__stage1__rooms {
    grid-template-columns: 1fr;
  }
}
.orderPage .orderContainer__detail__content__stage1__rooms__item {
  background: #fafafa;
  padding: 40px;
}
@media (max-width: 1449px) {
  .orderPage .orderContainer__detail__content__stage1__rooms__item {
    padding: 20px;
  }
}
.orderPage .orderContainer__detail__content__stage1__rooms__item h2 {
  text-align: right;
  color: #7b7b7b;
  font-weight: 600;
  font-size: 1.272rem;
}
.orderPage .orderContainer__detail__content__stage1__rooms__item__prices {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
  justify-content: center;
  text-align: center;
  margin: 60px 0;
}
.orderPage .orderContainer__detail__content__stage1__rooms__item__prices > div {
  padding: 0 5px;
}
.orderPage .orderContainer__detail__content__stage1__rooms__item__prices > div:nth-child(2n+1) {
  border-right: 2px solid #eeeeee;
}
.orderPage .orderContainer__detail__content__stage1__rooms__item__prices > div:last-child {
  border-right: none;
}
.orderPage .orderContainer__detail__content__stage1__rooms__item__prices > div span {
  font-weight: 400;
  font-size: 1.272rem;
  color: #4a4a4a;
  margin-right: 5px;
  display: block;
  margin-bottom: 8px;
}
.orderPage .orderContainer__detail__content__stage1__rooms__item__prices > div {
  font-size: 0.75rem;
  color: #7b7b7b;
  line-height: 1em;
  margin-bottom: 7px;
}
.orderPage .orderContainer__detail__content__stage1__rooms__item__mainoptions__item {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  align-items: flex-start;
  padding-bottom: 10px;
  margin-bottom: 20px;
  border-bottom: 2px solid #eeeeee;
}
.orderPage .orderContainer__detail__content__stage1__rooms__item__mainoptions__item__title {
  text-transform: uppercase;
  color: #7b7b7b;
  font-weight: 400;
}
.orderPage .orderContainer__detail__content__stage1__rooms__item__mainoptions__item__result {
  color: #7b7b7b;
  font-weight: 400;
  max-width: 50%;
  text-align: right;
}
.orderPage .orderContainer__detail__content__stage1__rooms__item.active {
  box-shadow: -1px -1px 35px 2px rgba(0, 0, 0, 0.18);
  -webkit-box-shadow: -1px -1px 35px 2px rgba(0, 0, 0, 0.18);
  -moz-box-shadow: -1px -1px 35px 2px rgba(0, 0, 0, 0.18);
}
.orderPage .orderContainer__detail__content__stage1__rooms__item.active h2 {
  color: #4a4a4a;
}
.orderPage .orderContainer__detail__content__stage1__rooms__item.active .orderContainer__detail__content__stage1__rooms__item__prices > div span {
  color: #009cdd !important;
}
.orderPage .orderContainer__detail__content__stage1__rooms__item.active .orderContainer__detail__content__stage1__rooms__item__mainoptions__item__result {
  color: #4a4a4a;
}
.orderPage .orderContainer__detail__content__stage2 {
  margin-bottom: 70px;
  display: grid;
  grid-template-columns: 1fr 2fr;
  gap: 80px;
}
@media (max-width: 1449px) {
  .orderPage .orderContainer__detail__content__stage2 {
    gap: 20px;
  }
}
@media (max-width: 899px) {
  .orderPage .orderContainer__detail__content__stage2 {
    grid-template-columns: 1fr;
  }
}
.orderPage .orderContainer__detail__content__stage2 .buttonContainer {
  margin-top: 40px;
}
.orderPage .orderContainer__detail__content__stage2 .buttonContainer button:disabled,
.orderPage .orderContainer__detail__content__stage2 .buttonContainer button[disabled] {
  background: #c3c3c3;
  color: #b5b1b1;
  cursor: not-allowed;
}
@media (max-width: 899px) {
  .orderPage .orderContainer__detail__content__stage2__calendar {
    order: 1;
  }
}
.orderPage .orderContainer__detail__content__stage2__infos {
  background: #ff9c00;
  padding: 50px;
}
@media (max-width: 1049px) {
  .orderPage .orderContainer__detail__content__stage2__infos {
    padding: 20px;
  }
}
@media (max-width: 899px) {
  .orderPage .orderContainer__detail__content__stage2__infos {
    order: 2;
  }
}
.orderPage .orderContainer__detail__content__stage2__infos__day {
  text-align: center;
  margin-bottom: 40px;
}
.orderPage .orderContainer__detail__content__stage2__infos__day span {
  display: block;
  line-height: 1em;
}
.orderPage .orderContainer__detail__content__stage2__infos__day__number {
  font-size: 8.236rem;
  color: #ffffff;
}
.orderPage .orderContainer__detail__content__stage2__infos__day__month {
  text-transform: uppercase;
  font-size: 1rem;
  color: #ffffff;
}
.orderPage .orderContainer__detail__content__stage2__infos__day__year {
  text-transform: uppercase;
  font-size: 0.75rem;
  color: #ffffff;
}
.orderPage .orderContainer__detail__content__stage2__infos__persons {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 40px;
}
.orderPage .orderContainer__detail__content__stage2__infos__persons__number select {
  background: rgba(255, 255, 255, 0.5);
  padding: 5px !important;
}
.orderPage .orderContainer__detail__content__stage2__infos__persons__name {
  text-transform: uppercase;
  color: #ffffff;
  font-weight: 400;
}
.orderPage .orderContainer__detail__content__stage2__infos__schedule {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 40px;
}
.orderPage .orderContainer__detail__content__stage2__infos__schedule__from label {
  display: block;
  text-transform: uppercase;
  color: #ffffff;
  font-weight: 400;
}
.orderPage .orderContainer__detail__content__stage2__infos__schedule__from input {
  background: rgba(255, 255, 255, 0.5);
  padding: 5px !important;
  width: 100%;
}
.orderPage .orderContainer__detail__content__stage2__infos__schedule__to label {
  display: block;
  text-transform: uppercase;
  color: #ffffff;
  font-weight: 400;
}
.orderPage .orderContainer__detail__content__stage2__infos__schedule__to input {
  background: rgba(255, 255, 255, 0.5);
  padding: 5px !important;
  width: 100%;
}
.orderPage .orderContainer__detail__content__stage2__infos__schedule__matinee {
  grid-column-start: 1;
  grid-column-end: 3;
}
.orderPage .orderContainer__detail__content__stage2__infos__schedule__matinee label {
  color: #ffffff;
}
.orderPage .orderContainer__detail__content__stage2__infos__schedule__matinee .pretty .state label:before {
  border-color: #ffffff;
}
.orderPage .orderContainer__detail__content__stage2__infos__schedule__matinee .pretty.p-default input:checked ~ .state label:after {
  background: #ffffff !important;
}
.orderPage .orderContainer__detail__content__stage2__infos .buttonContainer {
  width: 100%;
}
.orderPage .orderContainer__detail__content__stage2__infos .buttonContainer button {
  width: 100%;
}
.orderPage .orderContainer__detail__content__stage2__infos .buttonContainer button:disabled,
.orderPage .orderContainer__detail__content__stage2__infos .buttonContainer button[disabled] {
  background-color: #9e6101;
  color: #523404;
  cursor: not-allowed;
}
.orderPage .orderContainer__detail__content__stage3 {
  margin-bottom: 70px;
}
.orderPage .orderContainer__detail__content__stage3 h2 {
  text-transform: uppercase;
  color: #4a4a4a;
  line-height: 1.2em;
  margin-bottom: 0;
}
.orderPage .orderContainer__detail__content__stage3 h3 {
  text-transform: initial;
  font-size: 1rem;
  color: #7b7b7b;
  line-height: 1em;
  margin-bottom: 30px;
}
.orderPage .orderContainer__detail__content__stage3__disposition {
  margin-bottom: 80px;
}
.orderPage .orderContainer__detail__content__stage3__disposition__list {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 40px;
}
@media (max-width: 1449px) {
  .orderPage .orderContainer__detail__content__stage3__disposition__list {
    gap: 10px;
  }
}
@media (max-width: 1199px) {
  .orderPage .orderContainer__detail__content__stage3__disposition__list {
    grid-template-columns: 1fr 1fr;
  }
}
@media (max-width: 599px) {
  .orderPage .orderContainer__detail__content__stage3__disposition__list {
    grid-template-columns: 1fr;
  }
}
.orderPage .orderContainer__detail__content__stage3__disposition__list__item {
  border: 1px solid #eeeeee;
  text-align: center;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 80px 0;
}
.orderPage .orderContainer__detail__content__stage3__disposition__list__item svg {
  max-width: 100%;
}
.orderPage .orderContainer__detail__content__stage3__disposition__list__item.active {
  border: 1px solid #f4d547;
  background: #f4d547;
}
.orderPage .orderContainer__detail__content__stage3__disposition__list__item.active svg {
  fill: #ffffff;
}
.orderPage .orderContainer__detail__content__stage3__disposition__list__item span {
  position: absolute;
  top: 40px;
  right: 40px;
  display: inline-block;
  color: #4a4a4a;
  text-transform: uppercase;
  font-weight: 400;
}
.orderPage .orderContainer__detail__content__stage3__options {
  margin-bottom: 80px;
}
.orderPage .orderContainer__detail__content__stage3__options__list {
  width: 100%;
}
.orderPage .orderContainer__detail__content__stage3__options__list thead tr {
  border-bottom: 1px solid #4a4a4a;
}
.orderPage .orderContainer__detail__content__stage3__options__list thead th {
  text-align: left;
  text-transform: uppercase;
  font-weight: 400;
  padding: 10px 20px;
  font-size: 1rem;
}
.orderPage .orderContainer__detail__content__stage3__options__list tbody tr {
  border-bottom: 1px solid #eeeeee;
}
.orderPage .orderContainer__detail__content__stage3__options__list tbody td {
  padding: 10px 20px;
}
.orderPage .orderContainer__detail__content__stage3__options__list tbody td h4 {
  text-transform: uppercase;
  color: #4a4a4a;
  line-height: 1.2em;
  margin-bottom: 5px;
  font-weight: 400;
}
.orderPage .orderContainer__detail__content__stage3__options__list tbody td p {
  text-transform: initial;
  font-size: 0.75rem;
  color: #7b7b7b;
  line-height: 1em;
}
.orderPage .orderContainer__detail__content__stage3__options__list tbody td p.gift {
  color: #56a96d;
  font-weight: bold;
}
.orderPage .orderContainer__detail__content__stage3__options__list tbody td select {
  width: 100px;
}
.orderPage .orderContainer__detail__content__stage3__options__list select:disabled,
.orderPage .orderContainer__detail__content__stage3__options__list select[disabled] {
  background: #c3c3c3;
  color: #b5b1b1;
  cursor: not-allowed;
}
@media (max-width: 599px) {
  .orderPage .orderContainer__detail__content__stage3__options__list table, .orderPage .orderContainer__detail__content__stage3__options__list thead, .orderPage .orderContainer__detail__content__stage3__options__list tbody, .orderPage .orderContainer__detail__content__stage3__options__list th, .orderPage .orderContainer__detail__content__stage3__options__list td, .orderPage .orderContainer__detail__content__stage3__options__list tr {
    display: block;
  }
  .orderPage .orderContainer__detail__content__stage3__options__list {
    /* Hide table headers (but not display: none;, for accessibility) */
  }
  .orderPage .orderContainer__detail__content__stage3__options__list thead tr {
    position: absolute;
    top: -9999px;
    left: -9999px;
  }
  .orderPage .orderContainer__detail__content__stage3__options__list tr {
    border: 1px solid #ccc;
  }
  .orderPage .orderContainer__detail__content__stage3__options__list td {
    /* Behave  like a "row" */
    border: none;
    border-bottom: 1px solid #eee;
    position: relative;
    padding-left: 50% !important;
  }
  .orderPage .orderContainer__detail__content__stage3__options__list td:before {
    /* Now like a table header */
    position: absolute;
    /* Top/left values mimic padding */
    top: 6px;
    left: 6px;
    width: 45%;
    padding-right: 10px;
    white-space: nowrap;
    font-weight: 500;
  }
  .orderPage .orderContainer__detail__content__stage3__options__list td:nth-of-type(1):before {
    content: "Choisir ?";
  }
  .orderPage .orderContainer__detail__content__stage3__options__list td:nth-of-type(2):before {
    content: "Options";
  }
  .orderPage .orderContainer__detail__content__stage3__options__list td:nth-of-type(3):before {
    content: "Quantité";
  }
  .orderPage .orderContainer__detail__content__stage3__options__list td:nth-of-type(4):before {
    content: "Prix";
  }
}
.orderPage .orderContainer__detail__content__stage3__message__form {
  display: grid;
  grid-template-columns: 2fr 1fr;
  gap: 40px;
  align-items: flex-end;
  justify-content: space-between;
}
@media (max-width: 599px) {
  .orderPage .orderContainer__detail__content__stage3__message__form {
    grid-template-columns: 1fr;
  }
}
.orderPage .orderContainer__detail__content__stage3__message__form textarea {
  width: 100%;
  border: 1px solid #eeeeee;
}
.orderPage .orderContainer__detail__content__stage3__message__form button:disabled,
.orderPage .orderContainer__detail__content__stage3__message__form button[disabled] {
  background: #c3c3c3;
  color: #b5b1b1;
  cursor: not-allowed;
}
.orderPage .orderContainer__detail__content__stage4 {
  margin-bottom: 70px;
  display: grid;
  grid-template-columns: 1fr 2fr;
  gap: 80px;
}
@media (max-width: 1449px) {
  .orderPage .orderContainer__detail__content__stage4 {
    gap: 30px;
  }
}
@media (max-width: 899px) {
  .orderPage .orderContainer__detail__content__stage4 {
    grid-template-columns: 1fr;
  }
}
.orderPage .orderContainer__detail__content__stage4 .buttonContainer {
  margin-top: 40px;
}
@media (max-width: 899px) {
  .orderPage .orderContainer__detail__content__stage4 .buttonContainer {
    order: 3;
  }
}
.orderPage .orderContainer__detail__content__stage4 .buttonContainer button:disabled,
.orderPage .orderContainer__detail__content__stage4 .buttonContainer button[disabled] {
  background: #c3c3c3;
  color: #b5b1b1;
  cursor: not-allowed;
}
.orderPage .orderContainer__detail__content__stage4__infos {
  background: #ff9c00;
  padding: 50px;
}
@media (max-width: 1449px) {
  .orderPage .orderContainer__detail__content__stage4__infos {
    padding: 30px;
  }
}
@media (max-width: 899px) {
  .orderPage .orderContainer__detail__content__stage4__infos {
    order: 2;
  }
}
.orderPage .orderContainer__detail__content__stage4__infos__resume__company {
  margin-bottom: 0;
  color: #ffffff;
}
.orderPage .orderContainer__detail__content__stage4__infos__resume__contactperson {
  color: #ffffff;
}
.orderPage .orderContainer__detail__content__stage4__infos__resume__address {
  margin: 25px 0;
}
.orderPage .orderContainer__detail__content__stage4__infos__resume__address p {
  color: #ffffff;
}
.orderPage .orderContainer__detail__content__stage4__infos__resume__vat span {
  font-weight: 500;
  color: #ffffff;
}
.orderPage .orderContainer__detail__content__stage4__infos__resume__vat {
  color: #ffffff;
}
.orderPage .orderContainer__detail__content__stage4__infos__resume__contact__phone, .orderPage .orderContainer__detail__content__stage4__infos__resume__contact__mail {
  color: #ffffff;
}
.orderPage .orderContainer__detail__content__stage4__infos__resume__contact__phone span, .orderPage .orderContainer__detail__content__stage4__infos__resume__contact__mail span {
  font-weight: 500;
  color: #ffffff;
}
.orderPage .orderContainer__detail__content__stage4__infos .buttonContainer {
  width: 100%;
  margin-top: 40px;
}
.orderPage .orderContainer__detail__content__stage4__infos .buttonContainer button {
  width: 100%;
}
.orderPage .orderContainer__detail__content__stage4__infos .buttonContainer button:disabled,
.orderPage .orderContainer__detail__content__stage4__infos .buttonContainer button[disabled] {
  background-color: #9e6101;
  color: #523404;
  cursor: not-allowed;
}
@media (max-width: 899px) {
  .orderPage .orderContainer__detail__content__stage4__form {
    order: 1;
  }
}
.orderPage .orderContainer__detail__content__stage4__form__inputs {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 20px;
}
@media (max-width: 599px) {
  .orderPage .orderContainer__detail__content__stage4__form__inputs {
    grid-template-columns: 1fr;
  }
}
.orderPage .orderContainer__detail__content__stage4__form__inputs label {
  display: block;
  text-transform: uppercase;
  font-weight: 400;
}
.orderPage .orderContainer__detail__content__stage4__form__inputs input {
  background: #fafafa;
  padding: 5px !important;
  width: 100%;
}
.orderPage .orderContainer__detail__content__stage4__form__inputs input:disabled, .orderPage .orderContainer__detail__content__stage4__form__inputs input[disabled] {
  opacity: 0.3;
  cursor: not-allowed;
}
.orderPage .orderContainer__detail__content__stage4__form__inputsAddress {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 20px;
  margin-top: 50px;
}
@media (max-width: 599px) {
  .orderPage .orderContainer__detail__content__stage4__form__inputsAddress {
    grid-template-columns: 1fr;
    margin-top: 20px;
  }
}
.orderPage .orderContainer__detail__content__stage4__form__inputsAddress .with2 {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  justify-content: space-between;
  gap: 0 20px;
}
@media (max-width: 599px) {
  .orderPage .orderContainer__detail__content__stage4__form__inputsAddress .with2 {
    grid-template-columns: 1fr;
    gap: 20px;
  }
}
.orderPage .orderContainer__detail__content__stage4__form__inputsAddress .with2 .widthBig {
  grid-column-start: 1;
  grid-column-end: 3;
}
@media (max-width: 599px) {
  .orderPage .orderContainer__detail__content__stage4__form__inputsAddress .with2 .widthBig {
    grid-column: auto;
  }
}
.orderPage .orderContainer__detail__content__stage4__form__inputsAddress .with2 .widthBig2 {
  grid-column-start: 2;
  grid-column-end: 4;
}
@media (max-width: 599px) {
  .orderPage .orderContainer__detail__content__stage4__form__inputsAddress .with2 .widthBig2 {
    grid-column: auto;
  }
}
.orderPage .orderContainer__detail__content__stage4__form__inputsAddress label {
  display: block;
  text-transform: uppercase;
  font-weight: 400;
}
.orderPage .orderContainer__detail__content__stage4__form__inputsAddress input {
  background: #fafafa;
  padding: 5px !important;
  width: 100%;
}
.orderPage .orderContainer__detail__content__stage5__resume {
  border: 1px solid #eeeeee;
  padding: 60px;
  margin-bottom: 60px;
}
@media (max-width: 424px) {
  .orderPage .orderContainer__detail__content__stage5__resume {
    padding: 30px;
  }
}
.orderPage .orderContainer__detail__content__stage5__resume h2 span {
  font-size: 1rem;
}
.orderPage .orderContainer__detail__content__stage5__resume__content {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: 40px;
}
@media (max-width: 899px) {
  .orderPage .orderContainer__detail__content__stage5__resume__content {
    display: block;
  }
}
.orderPage .orderContainer__detail__content__stage5__resume__content__infos {
  border-right: 1px solid #ff9c00;
  flex-grow: 4;
  padding: 0 30px;
}
@media (max-width: 899px) {
  .orderPage .orderContainer__detail__content__stage5__resume__content__infos {
    border-right: none;
    padding: 0;
  }
}
.orderPage .orderContainer__detail__content__stage5__resume__content__infos:first-child {
  padding-left: 0;
}
.orderPage .orderContainer__detail__content__stage5__resume__content__infos:last-child {
  padding-right: 0;
  border: none;
}
.orderPage .orderContainer__detail__content__stage5__resume__content__infos__name {
  color: #7b7b7b;
  font-weight: 400;
}
.orderPage .orderContainer__detail__content__stage5__resume__content__infos__result {
  color: #4a4a4a;
  text-transform: uppercase;
  font-size: 1rem;
  font-weight: 400;
}
.orderPage .orderContainer__detail__content__stage5__resume__disposition {
  margin-bottom: 40px;
}
.orderPage .orderContainer__detail__content__stage5__resume__disposition__name {
  color: #7b7b7b;
  font-weight: 400;
}
.orderPage .orderContainer__detail__content__stage5__resume__disposition__result {
  color: #4a4a4a;
  text-transform: uppercase;
  font-size: 1rem;
  font-weight: 400;
}
.orderPage .orderContainer__detail__content__stage5__resume__options {
  margin-bottom: 80px;
}
.orderPage .orderContainer__detail__content__stage5__resume__options__name {
  color: #7b7b7b;
  font-weight: 400;
}
.orderPage .orderContainer__detail__content__stage5__resume__options__result {
  padding-left: 40px;
}
.orderPage .orderContainer__detail__content__stage5__resume__options__result li {
  list-style-type: disc;
  color: #4a4a4a;
  text-transform: uppercase;
  font-size: 1rem;
  font-weight: 400;
}
.orderPage .orderContainer__detail__content__stage5__resume__options__result li span {
  font-size: 0.75rem;
  font-weight: 300;
  color: #000000;
  text-transform: initial;
}
.orderPage .orderContainer__detail__content__stage5__resume__total {
  border-top: 1px solid #eeeeee;
  padding-top: 40px;
}
.orderPage .orderContainer__detail__content__stage5__resume__total p {
  text-align: right;
  font-size: 1.272rem;
  font-weight: bold;
  text-transform: uppercase;
}
.orderPage .orderContainer__detail__content__stage5__resume__total p.infoPrix {
  font-size: 0.887rem;
}
.orderPage .orderContainer__detail__content__stage5__resume .buttonContainer {
  margin-top: 40px;
}
.orderPage .orderContainer__detail__content__stage5__confirmation {
  border: 1px solid #eeeeee;
  border-radius: 20px;
  padding: 30px;
}
.orderPage .orderContainer__detail__content__stage5__confirmation__header {
  background-color: #eaf3e3;
  padding: 30px;
  display: flex;
  flex-flow: row wrap;
  align-items: center;
  justify-content: center;
  border-radius: 10px;
  margin: 3em 0;
}
.orderPage .orderContainer__detail__content__stage5__confirmation__header__icon {
  width: 2em;
  height: 2em;
  fill: #7da260;
  margin-right: 1em;
}
.orderPage .orderContainer__detail__content__stage5__confirmation__header__text {
  color: #7da260;
  font-size: 1.272rem;
  text-transform: uppercase;
}
.orderPage .orderContainer__detail__content__stage5__confirmation__content p {
  font-size: 0.75rem;
  margin: auto;
  text-align: center;
  max-width: 500px;
  margin-bottom: 1em;
}
.orderPage .orderContainer__detail__content__stage5__confirmation__content .buttonContainer {
  margin-top: 30px;
}

/*********************************************
  COWORKING
*********************************************/
.coworkingPage .formules {
  width: 100%;
  margin-bottom: 150px;
}
.coworkingPage .formules__contentContainer {
  width: 100%;
  display: grid;
  grid-template-columns: 1fr 3fr;
  grid-column-gap: 100px;
}
@media (max-width: 899px) {
  .coworkingPage .formules__contentContainer {
    display: flex;
    flex-direction: column;
  }
}
.coworkingPage .formules__contentContainer__formuleContainer {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-column-gap: 50px;
}
@media (max-width: 599px) {
  .coworkingPage .formules__contentContainer__formuleContainer {
    grid-template-columns: 1fr;
    grid-row-gap: 50px;
  }
}
.coworkingPage .formules__contentContainer__formuleContainer__container {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  align-self: stretch;
}
.coworkingPage .formules__contentContainer__formuleContainer__container__imgContainer {
  width: 100%;
  height: 200px;
  margin-bottom: 30px;
}
.coworkingPage .formules__contentContainer__formuleContainer__container__imgContainer__img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
.coworkingPage .formules__contentContainer__formuleContainer__container__title {
  color: #484848;
  font-size: 2.058rem;
  font-weight: bold;
  margin-bottom: 5px;
}
.coworkingPage .formules__contentContainer__formuleContainer__container__subtitle {
  text-transform: none;
  color: #484848;
  font-weight: bold;
  font-size: 1rem;
  margin-bottom: 20px;
}
.coworkingPage .formules__contentContainer__formuleContainer__container__text {
  color: #484848;
  margin-bottom: 50px;
}
.coworkingPage .formules__contentContainer__formuleContainer__container__buttonContainer {
  margin-top: auto;
}
.coworkingPage .connect-collab {
  width: 100%;
}
.coworkingPage .connect-collab__contentContainer {
  width: 100%;
  display: grid;
  grid-template-columns: 1fr 3fr;
  grid-column-gap: 100px;
  padding-bottom: 100px;
}
@media (max-width: 899px) {
  .coworkingPage .connect-collab__contentContainer {
    display: flex;
    flex-direction: column;
    gap: 50px;
  }
}
.coworkingPage .connect-collab__contentContainer__title {
  margin-bottom: 0;
}
.coworkingPage .connect-collab__slickContainer {
  width: 100%;
  height: 400px;
}
@media (max-width: 899px) {
  .coworkingPage .connect-collab__slickContainer {
    height: 300px;
  }
}
.coworkingPage .connect-collab__slickContainer:after {
  content: "";
  display: block;
  width: 100%;
  height: 6px;
  position: absolute;
  left: 0;
  bottom: 0;
  background-color: #E2D401;
}
.coworkingPage .connect-collab__slickContainer.slick-slider {
  display: block;
  overflow: hidden;
  margin-top: -6px;
}
.coworkingPage .connect-collab__slickContainer .slick-list {
  height: 100%;
}
.coworkingPage .connect-collab__slickContainer .slick-list .slick-track {
  display: flex;
  justify-content: space-between;
  align-items: stretch;
  margin-left: auto;
  margin-right: auto;
  height: 100%;
}
.coworkingPage .connect-collab__slickContainer .slick-list .slick-track .slick-slide {
  height: auto;
}
@media screen and (max-width: 800px) {
  .coworkingPage .connect-collab__slickContainer .slick-list .slick-track .slick-slide {
    height: 100%;
  }
}
.coworkingPage .connect-collab__slickContainer .slick-list .slick-track .slick-slide > div {
  height: 100%;
}
.coworkingPage .connect-collab__slickContainer__imgContainer {
  display: block;
  width: 100%;
  height: 100%;
  padding: 0 10px;
  transition: width ease 0.4s;
}
.coworkingPage .connect-collab__slickContainer__imgContainer__img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
.coworkingPage .modals .modal#bureau_dédié .modal__container__list {
  grid-template-columns: 1fr;
}
@media (max-width: 1299px) {
  .coworkingPage .modals .modal#bureau_dédié .modal__container__list {
    grid-template-columns: 1fr;
  }
}
.coworkingPage .modals .modal#bureau_dédié .modal__container__list__item {
  width: 25%;
  margin-left: auto;
  margin-right: auto;
}
@media (max-width: 1299px) {
  .coworkingPage .modals .modal#bureau_dédié .modal__container__list__item {
    width: 50%;
  }
}
@media (max-width: 599px) {
  .coworkingPage .modals .modal#bureau_dédié .modal__container__list__item {
    width: 100%;
  }
}
.coworkingPage .modals .modal#adresse_professionel .modal__container__list {
  grid-template-columns: 1fr;
}
@media (max-width: 1299px) {
  .coworkingPage .modals .modal#adresse_professionel .modal__container__list {
    grid-template-columns: 1fr;
  }
}
.coworkingPage .modals .modal#adresse_professionel .modal__container__list__item {
  width: 25%;
  margin-left: auto;
  margin-right: auto;
}
@media (max-width: 1299px) {
  .coworkingPage .modals .modal#adresse_professionel .modal__container__list__item {
    width: 50%;
  }
}
@media (max-width: 599px) {
  .coworkingPage .modals .modal#adresse_professionel .modal__container__list__item {
    width: 100%;
  }
}
.coworkingPage .modals .modal__overlay {
  background-color: rgba(52, 52, 52, 0.85);
}
.coworkingPage .modals .modal__container {
  background: none;
  padding: 0;
  border-radius: 0;
  max-height: 90vh;
  max-width: 1660px;
  width: 100%;
  padding-left: 50px;
  padding-right: 50px;
}
@media (max-width: 599px) {
  .coworkingPage .modals .modal__container {
    padding-left: 5%;
    padding-right: 5%;
  }
}
.coworkingPage .modals .modal__container__close {
  position: absolute;
  top: 0;
  right: 50px;
  height: 38px;
  width: 38px;
  padding: 10px;
  background: none;
  z-index: 5;
  cursor: pointer;
}
@media (max-width: 599px) {
  .coworkingPage .modals .modal__container__close {
    right: 5%;
  }
}
.coworkingPage .modals .modal__container__close svg {
  height: 18px;
  width: 18px;
  fill: #ffffff;
}
.coworkingPage .modals .modal__container__heading {
  position: relative;
  z-index: 2;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}
.coworkingPage .modals .modal__container__heading__title {
  padding-top: 0;
  margin-bottom: 0.2em;
}
.coworkingPage .modals .modal__container__heading__text {
  font-family: muli, sans-serif;
  text-transform: none;
  font-size: 1.272rem;
  color: #ffffff;
  font-weight: 900;
  margin-bottom: 2em;
}
.coworkingPage .modals .modal__container__list {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 20px;
  align-items: flex-start;
}
@media (max-width: 1299px) {
  .coworkingPage .modals .modal__container__list {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 599px) {
  .coworkingPage .modals .modal__container__list {
    grid-template-columns: 1fr;
  }
}
.coworkingPage .modals .modal__container__list__item__link {
  background: #eeeeee;
  display: block;
  padding: 30px;
  text-align: center;
  transition: background 0.2s ease;
}
.coworkingPage .modals .modal__container__list__item__link:hover {
  background: #56a96d;
}
.coworkingPage .modals .modal__container__list__item__link:hover .modal__container__list__link__number {
  color: #ffffff;
  border-bottom: 2px solid #ffffff;
}
.coworkingPage .modals .modal__container__list__item__link:hover .modal__container__list__link__number sup {
  color: #ffffff;
}
.coworkingPage .modals .modal__container__list__item__link:hover .modal__container__list__link__price sup {
  color: #ffffff;
}
.coworkingPage .modals .modal__container__list__item__link:hover .modal__container__list__link__content__line div {
  color: #ffffff;
}
.coworkingPage .modals .modal__container__list__item__link:hover .modal__container__list__link__content__line div svg {
  fill: #ffffff;
}
.coworkingPage .modals .modal__container__list__item__link:hover .modal__container__list__link__content__line div svg.red {
  fill: #ffffff;
}
.coworkingPage .modals .modal__container__list__item__link:hover .buttonContainer span {
  background: #ffffff;
  color: #000000;
}
.coworkingPage .modals .modal__container__list__item__link:hover .buttonContainer span:before {
  display: none !important;
}
.coworkingPage .modals .modal__container__list__item__link__title {
  font-size: 1.1rem;
  color: #343434;
  font-weight: bold;
  padding-top: 0;
  padding-bottom: 15px;
  margin-bottom: 15px;
}
.coworkingPage .modals .modal__container__list__item__link__title:before {
  display: block;
  top: inherit;
  bottom: -3px;
  width: 60px;
}
.coworkingPage .modals .modal__container__list__item__link__number {
  text-transform: uppercase;
  border-bottom: 2px solid #56a96d;
  padding-bottom: 8px;
  margin-bottom: 15px;
  display: inline-block;
  transition: color 0.2s ease, border-bottom 0.2s ease;
}
.coworkingPage .modals .modal__container__list__item__link__number sup {
  font-size: 0.6rem;
  vertical-align: super;
  transition: color 0.2s ease;
}
.coworkingPage .modals .modal__container__list__item__link__price {
  line-height: 1.2;
  margin-bottom: 20px;
  font-size: 2.058rem;
  font-weight: 500;
  transition: color 0.2s ease;
}
.coworkingPage .modals .modal__container__list__item__link__price sup {
  font-size: 0.75rem;
  vertical-align: super;
  transition: color 0.2s ease;
}
.coworkingPage .modals .modal__container__list__item__link__content {
  margin-bottom: 20px;
}
.coworkingPage .modals .modal__container__list__item__link__content__line {
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
}
.coworkingPage .modals .modal__container__list__item__link__content__line div {
  margin-bottom: 12px;
  text-align: left;
  line-height: 1em;
  transition: color 0.2s ease;
}
.coworkingPage .modals .modal__container__list__item__link__content__line div:last-child {
  padding-left: 5px;
  text-align: right;
  margin-bottom: 8px;
  font-weight: 500;
}
.coworkingPage .modals .modal__container__list__item__link__content__line div svg {
  fill: #F4D821;
  width: 15px;
  height: 15px;
  transition: fill 0.2s ease;
}
.coworkingPage .modals .modal__container__list__item__link__content__line div svg.cross {
  width: 13px;
  height: 13px;
  fill: #D94A27;
}
.coworkingPage .modals .modal__container__list__item__link .buttonContainer .button.bg.bg--green.thin {
  padding: 10px 10px !important;
  font-size: 0.75rem;
  font-weight: bold;
  transition: background 0.2s ease, color 0.2s ease;
}
.coworkingPage .modals .modal__container__list__item__link .buttonContainer .button.bg.bg--green.thin:before {
  display: none !important;
}

/*********************************************
  Reservation page
*********************************************/
.reserveCoworkingPage .vuecal__cell {
  background-color: rgb(187.4, 220.6, 196.6);
}
.reserveCoworkingPage .vuecal__cell--out-of-scope {
  background-color: #ffffff;
}
.reserveCoworkingPage .vuecal__cell--out-of-scope .vuecal__cell-date {
  color: rgb(148.5, 148.5, 148.5);
}
.reserveCoworkingPage .vuecal__cell--disabled {
  background-color: rgb(255, 214.9867549669, 202);
}
.reserveCoworkingPage .vuecal__cell--disabled .vuecal__cell-date {
  color: #eeeeee;
}
.reserveCoworkingPage .vuecal__cell--selected {
  background-color: #ff9c00;
}
.reserveCoworkingPage .vuecal__cell--selected .vuecal__cell-date {
  color: #ffffff;
  font-weight: 500;
}
.reserveCoworkingPage .coworkingContainer__wrapper {
  padding-right: 100px;
}
@media (max-width: 1199px) {
  .reserveCoworkingPage .coworkingContainer__wrapper {
    padding-right: 50px;
  }
}
@media (max-width: 424px) {
  .reserveCoworkingPage .coworkingContainer__wrapper {
    padding: 0 20px !important;
  }
}
.reserveCoworkingPage .coworkingContainer__detail {
  display: grid;
  grid-template-columns: 1fr;
  margin-bottom: 120px;
}
.reserveCoworkingPage .coworkingContainer__detail__content {
  padding: 50px 80px 0;
}
@media (max-width: 1449px) {
  .reserveCoworkingPage .coworkingContainer__detail__content {
    padding: 50px 30px 0;
  }
}
@media (max-width: 1049px) {
  .reserveCoworkingPage .coworkingContainer__detail__content {
    padding: 50px 0;
  }
}
.reserveCoworkingPage .coworkingContainer__detail__content__title {
  font-size: 2.058rem;
  text-transform: uppercase;
  margin-bottom: 60px;
  font-weight: 800;
  color: #4a4a4a;
  position: relative;
}
.reserveCoworkingPage .coworkingContainer__detail__content__title:before {
  content: " ";
  position: absolute;
  left: 0;
  bottom: -30px;
  width: 100px;
  height: 2px;
  background: #e8d02e;
}
.reserveCoworkingPage .coworkingContainer__detail__content .sep {
  border: 1px solid #eeeeee;
  margin-bottom: 60px;
}
.reserveCoworkingPage .coworkingContainer__detail__content__history__list {
  background: #f6f6f6;
  padding: 50px;
}
@media (max-width: 899px) {
  .reserveCoworkingPage .coworkingContainer__detail__content__history__list {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
    padding: 0;
    background: none;
  }
}
@media (max-width: 599px) {
  .reserveCoworkingPage .coworkingContainer__detail__content__history__list {
    grid-template-columns: 1fr;
  }
}
.reserveCoworkingPage .coworkingContainer__detail__content__history__list__item {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  justify-content: space-between;
  align-items: stretch;
  padding-bottom: 40px;
  margin-bottom: 40px;
  border-bottom: 1px solid #7b7b7b;
}
@media (max-width: 899px) {
  .reserveCoworkingPage .coworkingContainer__detail__content__history__list__item {
    background: #f6f6f6;
    padding: 20px;
    display: block;
    border-bottom: 1px solid #ff9c00;
  }
}
@media (max-width: 599px) {
  .reserveCoworkingPage .coworkingContainer__detail__content__history__list__item {
    margin-bottom: 20px;
  }
}
.reserveCoworkingPage .coworkingContainer__detail__content__history__list__item__infos {
  border-right: 1px solid #ff9c00;
  padding: 0 30px;
}
@media (max-width: 899px) {
  .reserveCoworkingPage .coworkingContainer__detail__content__history__list__item__infos {
    border: none;
    padding: 0;
  }
}
.reserveCoworkingPage .coworkingContainer__detail__content__history__list__item__infos:first-child {
  padding-left: 0;
}
.reserveCoworkingPage .coworkingContainer__detail__content__history__list__item__infos:last-child {
  padding-right: 0;
  border: none;
}
.reserveCoworkingPage .coworkingContainer__detail__content__history__list__item__infos__name {
  color: #7b7b7b;
  font-weight: 400;
}
.reserveCoworkingPage .coworkingContainer__detail__content__history__list__item__infos__result {
  color: #4a4a4a;
  text-transform: uppercase;
  font-size: 1rem;
  font-weight: 400;
}
@media (max-width: 899px) {
  .reserveCoworkingPage .coworkingContainer__detail__content__history__list__item__infos__result {
    margin-left: 15px;
  }
}
.reserveCoworkingPage .coworkingContainer__detail__content__history__list__item__infos__result__link {
  display: flex;
  flex-flow: row wrap;
  align-items: center;
  justify-content: flex-start;
}
@media (max-width: 899px) {
  .reserveCoworkingPage .coworkingContainer__detail__content__history__list__item__infos__result__link {
    color: #ff9c00;
  }
}
.reserveCoworkingPage .coworkingContainer__detail__content__history__list__item__infos__result__link:hover svg {
  fill: #ff9c00;
}
.reserveCoworkingPage .coworkingContainer__detail__content__history__list__item__infos__result__link span {
  margin-right: 10px;
}
.reserveCoworkingPage .coworkingContainer__detail__content__history__list__item__infos__result__link svg {
  fill: #000000;
  width: 15px;
  height: 15px;
}
.reserveCoworkingPage .coworkingContainer__detail__content__history__list__item__infos__result .green {
  color: #56a96d;
}
.reserveCoworkingPage .coworkingContainer__detail__content__history__list__item__infos__result .red {
  color: #972500;
}
.reserveCoworkingPage .coworkingContainer__detail__content__subtitle {
  font-weight: 600;
  text-transform: initial;
  font-size: 1rem;
  margin-bottom: 15px;
}
.reserveCoworkingPage .coworkingContainer__detail__content__errors {
  margin-bottom: 30px;
}
.reserveCoworkingPage .coworkingContainer__detail__content__errors__list {
  background: #972500;
  padding: 15px;
}
.reserveCoworkingPage .coworkingContainer__detail__content__errors__list__item {
  text-align: center;
  color: #ffffff;
}
.reserveCoworkingPage .coworkingContainer__detail__content__stages {
  margin-bottom: 70px;
}
.reserveCoworkingPage .coworkingContainer__detail__content__stages__list {
  display: flex;
  flex-flow: nowrap;
  align-items: center;
  justify-content: center;
}
@media (max-width: 899px) {
  .reserveCoworkingPage .coworkingContainer__detail__content__stages__list {
    justify-content: space-between;
  }
}
.reserveCoworkingPage .coworkingContainer__detail__content__stages__list__item {
  text-align: center;
  margin: 0 40px;
  width: 12%;
  position: relative;
}
@media (max-width: 1449px) {
  .reserveCoworkingPage .coworkingContainer__detail__content__stages__list__item {
    width: 9%;
  }
}
@media (max-width: 1049px) {
  .reserveCoworkingPage .coworkingContainer__detail__content__stages__list__item {
    width: 4%;
  }
}
@media (max-width: 899px) {
  .reserveCoworkingPage .coworkingContainer__detail__content__stages__list__item {
    width: 18%;
    margin: 0;
  }
}
.reserveCoworkingPage .coworkingContainer__detail__content__stages__list__item:before {
  position: absolute;
  content: " ";
  width: calc(100% - 20px);
  height: 2px;
  background: #eeeeee;
  top: 26px;
  left: calc(-50% + 19px);
  z-index: 2;
}
@media (max-width: 1449px) {
  .reserveCoworkingPage .coworkingContainer__detail__content__stages__list__item:before {
    left: calc(-50% - 0px);
  }
}
@media (max-width: 1049px) {
  .reserveCoworkingPage .coworkingContainer__detail__content__stages__list__item:before {
    width: 100%;
    left: calc(-50% - 16px);
  }
}
@media (max-width: 899px) {
  .reserveCoworkingPage .coworkingContainer__detail__content__stages__list__item:before {
    display: none;
  }
}
.reserveCoworkingPage .coworkingContainer__detail__content__stages__list__item:after {
  position: absolute;
  content: " ";
  width: calc(100% - 20px);
  height: 2px;
  background: #eeeeee;
  top: 26px;
  right: calc(-50% + 19px);
  z-index: 2;
}
@media (max-width: 1449px) {
  .reserveCoworkingPage .coworkingContainer__detail__content__stages__list__item:after {
    right: calc(-50% - 0px);
  }
}
@media (max-width: 1049px) {
  .reserveCoworkingPage .coworkingContainer__detail__content__stages__list__item:after {
    width: 100%;
    right: calc(-50% - 33px);
  }
}
@media (max-width: 899px) {
  .reserveCoworkingPage .coworkingContainer__detail__content__stages__list__item:after {
    display: none;
  }
}
.reserveCoworkingPage .coworkingContainer__detail__content__stages__list__item.active:before {
  background: #d85a31;
}
.reserveCoworkingPage .coworkingContainer__detail__content__stages__list__item.active:after {
  background: #d85a31;
}
.reserveCoworkingPage .coworkingContainer__detail__content__stages__list__item.active .coworkingContainer__detail__content__stages__list__item__name {
  color: #000000;
}
.reserveCoworkingPage .coworkingContainer__detail__content__stages__list__item:first-child {
  margin-left: 0;
}
.reserveCoworkingPage .coworkingContainer__detail__content__stages__list__item:first-child:before {
  display: none;
}
.reserveCoworkingPage .coworkingContainer__detail__content__stages__list__item:first-child.active .coworkingContainer__detail__content__stages__list__item__number {
  border: 2px solid #d85a31;
  background: #d85a31;
  color: #ffffff;
}
.reserveCoworkingPage .coworkingContainer__detail__content__stages__list__item:nth-child(2).active .coworkingContainer__detail__content__stages__list__item__number {
  border: 2px solid #f4d547;
  background: #f4d547;
  color: #ffffff;
}
.reserveCoworkingPage .coworkingContainer__detail__content__stages__list__item:nth-child(3).active .coworkingContainer__detail__content__stages__list__item__number {
  border: 2px solid #ff9c00;
  background: #ff9c00;
  color: #ffffff;
}
.reserveCoworkingPage .coworkingContainer__detail__content__stages__list__item:nth-child(4).active .coworkingContainer__detail__content__stages__list__item__number {
  border: 2px solid #009cdd;
  background: #009cdd;
  color: #ffffff;
}
.reserveCoworkingPage .coworkingContainer__detail__content__stages__list__item:last-child {
  margin-right: 0;
}
.reserveCoworkingPage .coworkingContainer__detail__content__stages__list__item:last-child:after {
  display: none;
}
.reserveCoworkingPage .coworkingContainer__detail__content__stages__list__item:last-child.active .coworkingContainer__detail__content__stages__list__item__number {
  border: 2px solid #56a96d;
  background: #56a96d;
  color: #ffffff;
}
.reserveCoworkingPage .coworkingContainer__detail__content__stages__list__item__number {
  border: 2px solid #eeeeee;
  background: #ffffff;
  padding: 14px 0;
  width: 50px;
  height: 50px;
  margin: auto;
  text-align: center;
  margin-bottom: 10px;
  position: relative;
  z-index: 3;
  color: #eeeeee;
  font-weight: 400;
}
.reserveCoworkingPage .coworkingContainer__detail__content__stages__list__item__name {
  text-transform: uppercase;
  font-weight: 400;
  color: #eeeeee;
}
@media (max-width: 1049px) {
  .reserveCoworkingPage .coworkingContainer__detail__content__stages__list__item__name {
    display: none;
  }
}
.reserveCoworkingPage .coworkingContainer__detail__content__current {
  display: grid;
  grid-template-columns: 1fr 2fr 1fr;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 70px;
}
.reserveCoworkingPage .coworkingContainer__detail__content__current__prev .in {
  display: flex;
  flex-flow: nowrap;
  justify-content: flex-start;
  align-items: center;
}
.reserveCoworkingPage .coworkingContainer__detail__content__current__prev .in svg {
  width: 65px;
  height: 65px;
  margin-right: 10px;
  transform: rotate(90deg);
}
.reserveCoworkingPage .coworkingContainer__detail__content__current__prev .in span {
  display: inline-block;
  text-transform: uppercase;
  color: #7b7b7b;
  font-weight: 400;
  font-size: 0.75rem;
  line-height: 1.2em;
}
@media (max-width: 749px) {
  .reserveCoworkingPage .coworkingContainer__detail__content__current__prev .in span {
    display: none;
  }
}
.reserveCoworkingPage .coworkingContainer__detail__content__current__title {
  text-align: center;
}
.reserveCoworkingPage .coworkingContainer__detail__content__current__title h1 {
  margin-bottom: 0;
  font-weight: 400;
}
.reserveCoworkingPage .coworkingContainer__detail__content__current__title h1 .nb {
  display: inline-block;
  font-size: 3.756rem;
  border-right: 1px solid #f4d547;
  padding-right: 7px;
  margin-right: 7px;
}
@media (max-width: 749px) {
  .reserveCoworkingPage .coworkingContainer__detail__content__current__title h1 .nb {
    font-size: 2.058rem;
  }
}
.reserveCoworkingPage .coworkingContainer__detail__content__current__title h1 .txt {
  display: inline-block;
  color: #7b7b7b;
  font-size: 1.618rem;
}
@media (max-width: 749px) {
  .reserveCoworkingPage .coworkingContainer__detail__content__current__title h1 .txt {
    font-size: 1rem;
  }
}
.reserveCoworkingPage .coworkingContainer__detail__content__current__next .in {
  display: flex;
  flex-flow: nowrap;
  justify-content: flex-end;
  align-items: center;
}
.reserveCoworkingPage .coworkingContainer__detail__content__current__next .in svg {
  width: 65px;
  height: 65px;
  margin-left: 10px;
  transform: rotate(-90deg);
}
.reserveCoworkingPage .coworkingContainer__detail__content__current__next .in span {
  display: inline-block;
  text-transform: uppercase;
  color: #7b7b7b;
  font-weight: 400;
  font-size: 0.75rem;
  line-height: 1.2em;
  text-align: right;
}
@media (max-width: 749px) {
  .reserveCoworkingPage .coworkingContainer__detail__content__current__next .in span {
    display: none;
  }
}
.reserveCoworkingPage .coworkingContainer__detail__content__stage1 {
  margin-bottom: 70px;
}
.reserveCoworkingPage .coworkingContainer__detail__content__stage1 .buttonContainer {
  margin-top: 40px;
}
.reserveCoworkingPage .coworkingContainer__detail__content__stage1 .buttonContainer button:disabled,
.reserveCoworkingPage .coworkingContainer__detail__content__stage1 .buttonContainer button[disabled] {
  background: #c3c3c3;
  color: #b5b1b1;
  cursor: not-allowed;
}
.reserveCoworkingPage .coworkingContainer__detail__content__stage1__rooms {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 40px;
}
@media (max-width: 1449px) {
  .reserveCoworkingPage .coworkingContainer__detail__content__stage1__rooms {
    gap: 20px;
  }
}
@media (max-width: 1049px) {
  .reserveCoworkingPage .coworkingContainer__detail__content__stage1__rooms {
    grid-template-columns: 1fr 1fr;
    gap: 20px;
  }
}
@media (max-width: 599px) {
  .reserveCoworkingPage .coworkingContainer__detail__content__stage1__rooms {
    grid-template-columns: 1fr;
  }
}
.reserveCoworkingPage .coworkingContainer__detail__content__stage1__rooms__item {
  background: #fafafa;
  padding: 40px;
}
@media (max-width: 1449px) {
  .reserveCoworkingPage .coworkingContainer__detail__content__stage1__rooms__item {
    padding: 20px;
  }
}
.reserveCoworkingPage .coworkingContainer__detail__content__stage1__rooms__item h2 {
  text-align: right;
  color: #7b7b7b;
  font-weight: 600;
  font-size: 1.272rem;
}
.reserveCoworkingPage .coworkingContainer__detail__content__stage1__rooms__item__prices {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
  justify-content: center;
  text-align: center;
  margin: 60px 0;
}
.reserveCoworkingPage .coworkingContainer__detail__content__stage1__rooms__item__prices > div {
  padding: 0 5px;
}
.reserveCoworkingPage .coworkingContainer__detail__content__stage1__rooms__item__prices > div:nth-child(2n+1) {
  border-right: 2px solid #eeeeee;
}
.reserveCoworkingPage .coworkingContainer__detail__content__stage1__rooms__item__prices > div:last-child {
  border-right: none;
}
.reserveCoworkingPage .coworkingContainer__detail__content__stage1__rooms__item__prices > div span {
  font-weight: 400;
  font-size: 1.272rem;
  color: #4a4a4a;
  margin-right: 5px;
  display: block;
  margin-bottom: 8px;
}
.reserveCoworkingPage .coworkingContainer__detail__content__stage1__rooms__item__prices > div {
  font-size: 0.75rem;
  color: #7b7b7b;
  line-height: 1em;
  margin-bottom: 7px;
}
.reserveCoworkingPage .coworkingContainer__detail__content__stage1__rooms__item__mainoptions__item {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  align-items: flex-start;
  padding-bottom: 10px;
  margin-bottom: 20px;
  border-bottom: 2px solid #eeeeee;
}
.reserveCoworkingPage .coworkingContainer__detail__content__stage1__rooms__item__mainoptions__item__title {
  text-transform: uppercase;
  color: #7b7b7b;
  font-weight: 400;
}
.reserveCoworkingPage .coworkingContainer__detail__content__stage1__rooms__item__mainoptions__item__result {
  color: #7b7b7b;
  font-weight: 400;
  max-width: 50%;
  text-align: right;
}
.reserveCoworkingPage .coworkingContainer__detail__content__stage1__rooms__item.active {
  box-shadow: -1px -1px 35px 2px rgba(0, 0, 0, 0.18);
  -webkit-box-shadow: -1px -1px 35px 2px rgba(0, 0, 0, 0.18);
  -moz-box-shadow: -1px -1px 35px 2px rgba(0, 0, 0, 0.18);
}
.reserveCoworkingPage .coworkingContainer__detail__content__stage1__rooms__item.active h2 {
  color: #4a4a4a;
}
.reserveCoworkingPage .coworkingContainer__detail__content__stage1__rooms__item.active .coworkingContainer__detail__content__stage1__rooms__item__prices > div span {
  color: #009cdd !important;
}
.reserveCoworkingPage .coworkingContainer__detail__content__stage1__rooms__item.active .coworkingContainer__detail__content__stage1__rooms__item__mainoptions__item__result {
  color: #4a4a4a;
}
.reserveCoworkingPage .coworkingContainer__detail__content__stage2 {
  margin-bottom: 70px;
  display: grid;
  grid-template-columns: 1fr 2fr;
  gap: 80px;
}
@media (max-width: 1449px) {
  .reserveCoworkingPage .coworkingContainer__detail__content__stage2 {
    gap: 20px;
  }
}
@media (max-width: 899px) {
  .reserveCoworkingPage .coworkingContainer__detail__content__stage2 {
    grid-template-columns: 1fr;
  }
}
.reserveCoworkingPage .coworkingContainer__detail__content__stage2 .buttonContainer {
  margin-top: 40px;
}
.reserveCoworkingPage .coworkingContainer__detail__content__stage2 .buttonContainer button:disabled,
.reserveCoworkingPage .coworkingContainer__detail__content__stage2 .buttonContainer button[disabled] {
  background: #c3c3c3;
  color: #b5b1b1;
  cursor: not-allowed;
}
@media (max-width: 899px) {
  .reserveCoworkingPage .coworkingContainer__detail__content__stage2__calendar {
    order: 1;
  }
}
.reserveCoworkingPage .coworkingContainer__detail__content__stage2__infos {
  background: #ff9c00;
  padding: 50px;
}
@media (max-width: 1049px) {
  .reserveCoworkingPage .coworkingContainer__detail__content__stage2__infos {
    padding: 20px;
  }
}
@media (max-width: 899px) {
  .reserveCoworkingPage .coworkingContainer__detail__content__stage2__infos {
    order: 2;
  }
}
.reserveCoworkingPage .coworkingContainer__detail__content__stage2__infos__day {
  text-align: center;
  margin-bottom: 40px;
}
.reserveCoworkingPage .coworkingContainer__detail__content__stage2__infos__day span {
  display: block;
  line-height: 1em;
}
.reserveCoworkingPage .coworkingContainer__detail__content__stage2__infos__day__number {
  font-size: 8.236rem;
  color: #ffffff;
}
.reserveCoworkingPage .coworkingContainer__detail__content__stage2__infos__day__month {
  text-transform: uppercase;
  font-size: 1rem;
  color: #ffffff;
}
.reserveCoworkingPage .coworkingContainer__detail__content__stage2__infos__day__year {
  text-transform: uppercase;
  font-size: 0.75rem;
  color: #ffffff;
}
.reserveCoworkingPage .coworkingContainer__detail__content__stage2__infos__persons {
  margin-bottom: 40px;
}
.reserveCoworkingPage .coworkingContainer__detail__content__stage2__infos__persons__number select {
  background: rgba(255, 255, 255, 0.5);
  padding: 5px !important;
}
.reserveCoworkingPage .coworkingContainer__detail__content__stage2__infos__persons__name {
  text-transform: uppercase;
  color: #ffffff;
  font-weight: 400;
}
.reserveCoworkingPage .coworkingContainer__detail__content__stage2__infos__schedule {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 40px;
}
.reserveCoworkingPage .coworkingContainer__detail__content__stage2__infos__schedule__from label {
  display: block;
  text-transform: uppercase;
  color: #ffffff;
  font-weight: 400;
}
.reserveCoworkingPage .coworkingContainer__detail__content__stage2__infos__schedule__from input {
  background: rgba(255, 255, 255, 0.5);
  padding: 5px !important;
  width: 100%;
}
.reserveCoworkingPage .coworkingContainer__detail__content__stage2__infos__schedule__to label {
  display: block;
  text-transform: uppercase;
  color: #ffffff;
  font-weight: 400;
}
.reserveCoworkingPage .coworkingContainer__detail__content__stage2__infos__schedule__to input {
  background: rgba(255, 255, 255, 0.5);
  padding: 5px !important;
  width: 100%;
}
.reserveCoworkingPage .coworkingContainer__detail__content__stage2__infos__schedule__matinee {
  grid-column-start: 1;
  grid-column-end: 3;
}
.reserveCoworkingPage .coworkingContainer__detail__content__stage2__infos__schedule__matinee label {
  color: #ffffff;
}
.reserveCoworkingPage .coworkingContainer__detail__content__stage2__infos__schedule__matinee .pretty .state label:before {
  border-color: #ffffff;
}
.reserveCoworkingPage .coworkingContainer__detail__content__stage2__infos__schedule__matinee .pretty.p-default input:checked ~ .state label:after {
  background: #ffffff !important;
}
.reserveCoworkingPage .coworkingContainer__detail__content__stage2__infos .buttonContainer {
  width: 100%;
}
.reserveCoworkingPage .coworkingContainer__detail__content__stage2__infos .buttonContainer button {
  width: 100%;
}
.reserveCoworkingPage .coworkingContainer__detail__content__stage2__infos .buttonContainer button:disabled,
.reserveCoworkingPage .coworkingContainer__detail__content__stage2__infos .buttonContainer button[disabled] {
  background-color: #9e6101;
  color: #523404;
  cursor: not-allowed;
}
.reserveCoworkingPage .coworkingContainer__detail__content__stage3 {
  margin-bottom: 70px;
}
.reserveCoworkingPage .coworkingContainer__detail__content__stage3 h2 {
  text-transform: uppercase;
  color: #4a4a4a;
  line-height: 1.2em;
  margin-bottom: 0;
}
.reserveCoworkingPage .coworkingContainer__detail__content__stage3 h3 {
  text-transform: initial;
  font-size: 1rem;
  color: #7b7b7b;
  line-height: 1em;
  margin-bottom: 30px;
}
.reserveCoworkingPage .coworkingContainer__detail__content__stage3__disposition {
  margin-bottom: 80px;
}
.reserveCoworkingPage .coworkingContainer__detail__content__stage3__disposition__list {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 40px;
}
@media (max-width: 1449px) {
  .reserveCoworkingPage .coworkingContainer__detail__content__stage3__disposition__list {
    gap: 10px;
  }
}
@media (max-width: 1199px) {
  .reserveCoworkingPage .coworkingContainer__detail__content__stage3__disposition__list {
    grid-template-columns: 1fr 1fr;
  }
}
@media (max-width: 599px) {
  .reserveCoworkingPage .coworkingContainer__detail__content__stage3__disposition__list {
    grid-template-columns: 1fr;
  }
}
.reserveCoworkingPage .coworkingContainer__detail__content__stage3__disposition__list__item {
  border: 1px solid #eeeeee;
  text-align: center;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 80px 0;
}
.reserveCoworkingPage .coworkingContainer__detail__content__stage3__disposition__list__item svg {
  max-width: 100%;
}
.reserveCoworkingPage .coworkingContainer__detail__content__stage3__disposition__list__item.active {
  border: 1px solid #f4d547;
  background: #f4d547;
}
.reserveCoworkingPage .coworkingContainer__detail__content__stage3__disposition__list__item.active svg {
  fill: #ffffff;
}
.reserveCoworkingPage .coworkingContainer__detail__content__stage3__disposition__list__item span {
  position: absolute;
  top: 40px;
  right: 40px;
  display: inline-block;
  color: #4a4a4a;
  text-transform: uppercase;
  font-weight: 400;
}
.reserveCoworkingPage .coworkingContainer__detail__content__stage3__options {
  margin-bottom: 80px;
}
.reserveCoworkingPage .coworkingContainer__detail__content__stage3__options__list {
  width: 100%;
}
.reserveCoworkingPage .coworkingContainer__detail__content__stage3__options__list thead tr {
  border-bottom: 1px solid #4a4a4a;
}
.reserveCoworkingPage .coworkingContainer__detail__content__stage3__options__list thead th {
  text-align: left;
  text-transform: uppercase;
  font-weight: 400;
  padding: 10px 20px;
  font-size: 1rem;
}
.reserveCoworkingPage .coworkingContainer__detail__content__stage3__options__list tbody tr {
  border-bottom: 1px solid #eeeeee;
}
.reserveCoworkingPage .coworkingContainer__detail__content__stage3__options__list tbody td {
  padding: 10px 20px;
}
.reserveCoworkingPage .coworkingContainer__detail__content__stage3__options__list tbody td h4 {
  text-transform: uppercase;
  color: #4a4a4a;
  line-height: 1.2em;
  margin-bottom: 5px;
  font-weight: 400;
}
.reserveCoworkingPage .coworkingContainer__detail__content__stage3__options__list tbody td p {
  text-transform: initial;
  font-size: 0.75rem;
  color: #7b7b7b;
  line-height: 1em;
}
.reserveCoworkingPage .coworkingContainer__detail__content__stage3__options__list tbody td p.gift {
  color: #56a96d;
  font-weight: bold;
}
.reserveCoworkingPage .coworkingContainer__detail__content__stage3__options__list tbody td select {
  width: 100px;
}
.reserveCoworkingPage .coworkingContainer__detail__content__stage3__options__list select:disabled,
.reserveCoworkingPage .coworkingContainer__detail__content__stage3__options__list select[disabled] {
  background: #c3c3c3;
  color: #b5b1b1;
  cursor: not-allowed;
}
@media (max-width: 599px) {
  .reserveCoworkingPage .coworkingContainer__detail__content__stage3__options__list table, .reserveCoworkingPage .coworkingContainer__detail__content__stage3__options__list thead, .reserveCoworkingPage .coworkingContainer__detail__content__stage3__options__list tbody, .reserveCoworkingPage .coworkingContainer__detail__content__stage3__options__list th, .reserveCoworkingPage .coworkingContainer__detail__content__stage3__options__list td, .reserveCoworkingPage .coworkingContainer__detail__content__stage3__options__list tr {
    display: block;
  }
  .reserveCoworkingPage .coworkingContainer__detail__content__stage3__options__list {
    /* Hide table headers (but not display: none;, for accessibility) */
  }
  .reserveCoworkingPage .coworkingContainer__detail__content__stage3__options__list thead tr {
    position: absolute;
    top: -9999px;
    left: -9999px;
  }
  .reserveCoworkingPage .coworkingContainer__detail__content__stage3__options__list tr {
    border: 1px solid #ccc;
  }
  .reserveCoworkingPage .coworkingContainer__detail__content__stage3__options__list td {
    /* Behave  like a "row" */
    border: none;
    border-bottom: 1px solid #eee;
    position: relative;
    padding-left: 50% !important;
  }
  .reserveCoworkingPage .coworkingContainer__detail__content__stage3__options__list td:before {
    /* Now like a table header */
    position: absolute;
    /* Top/left values mimic padding */
    top: 6px;
    left: 6px;
    width: 45%;
    padding-right: 10px;
    white-space: nowrap;
    font-weight: 500;
  }
  .reserveCoworkingPage .coworkingContainer__detail__content__stage3__options__list td:nth-of-type(1):before {
    content: "Choisir ?";
  }
  .reserveCoworkingPage .coworkingContainer__detail__content__stage3__options__list td:nth-of-type(2):before {
    content: "Options";
  }
  .reserveCoworkingPage .coworkingContainer__detail__content__stage3__options__list td:nth-of-type(3):before {
    content: "Quantité";
  }
  .reserveCoworkingPage .coworkingContainer__detail__content__stage3__options__list td:nth-of-type(4):before {
    content: "Prix";
  }
}
.reserveCoworkingPage .coworkingContainer__detail__content__stage3__message__form {
  display: grid;
  grid-template-columns: 2fr 1fr;
  gap: 40px;
  align-items: flex-end;
  justify-content: space-between;
}
@media (max-width: 599px) {
  .reserveCoworkingPage .coworkingContainer__detail__content__stage3__message__form {
    grid-template-columns: 1fr;
  }
}
.reserveCoworkingPage .coworkingContainer__detail__content__stage3__message__form textarea {
  width: 100%;
  border: 1px solid #eeeeee;
}
.reserveCoworkingPage .coworkingContainer__detail__content__stage3__message__form button:disabled,
.reserveCoworkingPage .coworkingContainer__detail__content__stage3__message__form button[disabled] {
  background: #c3c3c3;
  color: #b5b1b1;
  cursor: not-allowed;
}
.reserveCoworkingPage .coworkingContainer__detail__content__stage4 {
  margin-bottom: 70px;
  gap: 80px;
}
@media (max-width: 1449px) {
  .reserveCoworkingPage .coworkingContainer__detail__content__stage4 {
    gap: 30px;
  }
}
@media (max-width: 899px) {
  .reserveCoworkingPage .coworkingContainer__detail__content__stage4 {
    grid-template-columns: 1fr;
  }
}
.reserveCoworkingPage .coworkingContainer__detail__content__stage4 .buttonContainer {
  margin-top: 40px;
}
@media (max-width: 899px) {
  .reserveCoworkingPage .coworkingContainer__detail__content__stage4 .buttonContainer {
    order: 3;
  }
}
.reserveCoworkingPage .coworkingContainer__detail__content__stage4 .buttonContainer button:disabled,
.reserveCoworkingPage .coworkingContainer__detail__content__stage4 .buttonContainer button[disabled] {
  background: #c3c3c3;
  color: #b5b1b1;
  cursor: not-allowed;
}
.reserveCoworkingPage .coworkingContainer__detail__content__stage4__infos {
  background: #ff9c00;
  padding: 50px;
}
@media (max-width: 1449px) {
  .reserveCoworkingPage .coworkingContainer__detail__content__stage4__infos {
    padding: 30px;
  }
}
@media (max-width: 899px) {
  .reserveCoworkingPage .coworkingContainer__detail__content__stage4__infos {
    order: 2;
  }
}
.reserveCoworkingPage .coworkingContainer__detail__content__stage4__infos__resume__company {
  margin-bottom: 0;
  color: #ffffff;
}
.reserveCoworkingPage .coworkingContainer__detail__content__stage4__infos__resume__contactperson {
  color: #ffffff;
}
.reserveCoworkingPage .coworkingContainer__detail__content__stage4__infos__resume__address {
  margin: 25px 0;
}
.reserveCoworkingPage .coworkingContainer__detail__content__stage4__infos__resume__address p {
  color: #ffffff;
}
.reserveCoworkingPage .coworkingContainer__detail__content__stage4__infos__resume__vat span {
  font-weight: 500;
  color: #ffffff;
}
.reserveCoworkingPage .coworkingContainer__detail__content__stage4__infos__resume__vat {
  color: #ffffff;
}
.reserveCoworkingPage .coworkingContainer__detail__content__stage4__infos__resume__contact__phone, .reserveCoworkingPage .coworkingContainer__detail__content__stage4__infos__resume__contact__mail {
  color: #ffffff;
}
.reserveCoworkingPage .coworkingContainer__detail__content__stage4__infos__resume__contact__phone span, .reserveCoworkingPage .coworkingContainer__detail__content__stage4__infos__resume__contact__mail span {
  font-weight: 500;
  color: #ffffff;
}
.reserveCoworkingPage .coworkingContainer__detail__content__stage4__infos .buttonContainer {
  width: 100%;
  margin-top: 40px;
}
.reserveCoworkingPage .coworkingContainer__detail__content__stage4__infos .buttonContainer button {
  width: 100%;
}
.reserveCoworkingPage .coworkingContainer__detail__content__stage4__infos .buttonContainer button:disabled,
.reserveCoworkingPage .coworkingContainer__detail__content__stage4__infos .buttonContainer button[disabled] {
  background-color: #9e6101;
  color: #523404;
  cursor: not-allowed;
}
@media (max-width: 899px) {
  .reserveCoworkingPage .coworkingContainer__detail__content__stage4__form {
    order: 1;
  }
}
.reserveCoworkingPage .coworkingContainer__detail__content__stage4__form__inputs {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 20px;
}
@media (max-width: 599px) {
  .reserveCoworkingPage .coworkingContainer__detail__content__stage4__form__inputs {
    grid-template-columns: 1fr;
  }
}
.reserveCoworkingPage .coworkingContainer__detail__content__stage4__form__inputs label {
  display: block;
  text-transform: uppercase;
  font-weight: 400;
}
.reserveCoworkingPage .coworkingContainer__detail__content__stage4__form__inputs input {
  background: #fafafa;
  padding: 5px !important;
  width: 100%;
}
.reserveCoworkingPage .coworkingContainer__detail__content__stage4__form__inputs input:disabled, .reserveCoworkingPage .coworkingContainer__detail__content__stage4__form__inputs input[disabled] {
  opacity: 0.3;
  cursor: not-allowed;
}
.reserveCoworkingPage .coworkingContainer__detail__content__stage4__form__inputsAddress {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 20px;
  margin-top: 50px;
}
@media (max-width: 599px) {
  .reserveCoworkingPage .coworkingContainer__detail__content__stage4__form__inputsAddress {
    grid-template-columns: 1fr;
    margin-top: 20px;
  }
}
.reserveCoworkingPage .coworkingContainer__detail__content__stage4__form__inputsAddress .with2 {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  justify-content: space-between;
  gap: 0 20px;
}
@media (max-width: 599px) {
  .reserveCoworkingPage .coworkingContainer__detail__content__stage4__form__inputsAddress .with2 {
    grid-template-columns: 1fr;
    gap: 20px;
  }
}
.reserveCoworkingPage .coworkingContainer__detail__content__stage4__form__inputsAddress .with2 .widthBig {
  grid-column-start: 1;
  grid-column-end: 3;
}
@media (max-width: 599px) {
  .reserveCoworkingPage .coworkingContainer__detail__content__stage4__form__inputsAddress .with2 .widthBig {
    grid-column: auto;
  }
}
.reserveCoworkingPage .coworkingContainer__detail__content__stage4__form__inputsAddress .with2 .widthBig2 {
  grid-column-start: 2;
  grid-column-end: 4;
}
@media (max-width: 599px) {
  .reserveCoworkingPage .coworkingContainer__detail__content__stage4__form__inputsAddress .with2 .widthBig2 {
    grid-column: auto;
  }
}
.reserveCoworkingPage .coworkingContainer__detail__content__stage4__form__inputsAddress label {
  display: block;
  text-transform: uppercase;
  font-weight: 400;
}
.reserveCoworkingPage .coworkingContainer__detail__content__stage4__form__inputsAddress input {
  background: #fafafa;
  padding: 5px !important;
  width: 100%;
}
.reserveCoworkingPage .coworkingContainer__detail__content__stage5__resume {
  border: 1px solid #eeeeee;
  padding: 60px;
  margin-bottom: 60px;
}
@media (max-width: 424px) {
  .reserveCoworkingPage .coworkingContainer__detail__content__stage5__resume {
    padding: 30px;
  }
}
.reserveCoworkingPage .coworkingContainer__detail__content__stage5__resume h2 span {
  font-size: 1rem;
}
.reserveCoworkingPage .coworkingContainer__detail__content__stage5__resume__content {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: 40px;
}
@media (max-width: 899px) {
  .reserveCoworkingPage .coworkingContainer__detail__content__stage5__resume__content {
    display: block;
  }
}
.reserveCoworkingPage .coworkingContainer__detail__content__stage5__resume__content__infos {
  border-right: 1px solid #ff9c00;
  flex-grow: 4;
  padding: 0 30px;
}
@media (max-width: 899px) {
  .reserveCoworkingPage .coworkingContainer__detail__content__stage5__resume__content__infos {
    border-right: none;
    padding: 0;
  }
}
.reserveCoworkingPage .coworkingContainer__detail__content__stage5__resume__content__infos:first-child {
  padding-left: 0;
}
.reserveCoworkingPage .coworkingContainer__detail__content__stage5__resume__content__infos:last-child {
  padding-right: 0;
  border: none;
}
.reserveCoworkingPage .coworkingContainer__detail__content__stage5__resume__content__infos__name {
  color: #7b7b7b;
  font-weight: 400;
}
.reserveCoworkingPage .coworkingContainer__detail__content__stage5__resume__content__infos__result {
  color: #4a4a4a;
  text-transform: uppercase;
  font-size: 1rem;
  font-weight: 400;
}
.reserveCoworkingPage .coworkingContainer__detail__content__stage5__resume__disposition {
  margin-bottom: 40px;
}
.reserveCoworkingPage .coworkingContainer__detail__content__stage5__resume__disposition__name {
  color: #7b7b7b;
  font-weight: 400;
}
.reserveCoworkingPage .coworkingContainer__detail__content__stage5__resume__disposition__result {
  color: #4a4a4a;
  text-transform: uppercase;
  font-size: 1rem;
  font-weight: 400;
}
.reserveCoworkingPage .coworkingContainer__detail__content__stage5__resume__options {
  margin-bottom: 80px;
}
.reserveCoworkingPage .coworkingContainer__detail__content__stage5__resume__options__name {
  color: #7b7b7b;
  font-weight: 400;
}
.reserveCoworkingPage .coworkingContainer__detail__content__stage5__resume__options__result {
  padding-left: 40px;
}
.reserveCoworkingPage .coworkingContainer__detail__content__stage5__resume__options__result li {
  list-style-type: disc;
  color: #4a4a4a;
  text-transform: uppercase;
  font-size: 1rem;
  font-weight: 400;
}
.reserveCoworkingPage .coworkingContainer__detail__content__stage5__resume__options__result li span {
  font-size: 0.75rem;
  font-weight: 300;
  color: #000000;
  text-transform: initial;
}
.reserveCoworkingPage .coworkingContainer__detail__content__stage5__resume__total {
  border-top: 1px solid #eeeeee;
  padding-top: 40px;
}
.reserveCoworkingPage .coworkingContainer__detail__content__stage5__resume__total p {
  text-align: right;
  font-size: 1.272rem;
  font-weight: bold;
  text-transform: uppercase;
}
.reserveCoworkingPage .coworkingContainer__detail__content__stage5__resume__total p.infoPrix {
  font-size: 0.887rem;
}
.reserveCoworkingPage .coworkingContainer__detail__content__stage5__resume .buttonContainer {
  margin-top: 40px;
}
.reserveCoworkingPage .coworkingContainer__detail__content__stage5__confirmation {
  border: 1px solid #eeeeee;
  border-radius: 20px;
  padding: 30px;
}
.reserveCoworkingPage .coworkingContainer__detail__content__stage5__confirmation__header {
  background-color: #eaf3e3;
  padding: 30px;
  display: flex;
  flex-flow: row wrap;
  align-items: center;
  justify-content: center;
  border-radius: 10px;
  margin: 3em 0;
}
.reserveCoworkingPage .coworkingContainer__detail__content__stage5__confirmation__header__icon {
  width: 2em;
  height: 2em;
  fill: #7da260;
  margin-right: 1em;
}
.reserveCoworkingPage .coworkingContainer__detail__content__stage5__confirmation__header__text {
  color: #7da260;
  font-size: 1.272rem;
  text-transform: uppercase;
}
.reserveCoworkingPage .coworkingContainer__detail__content__stage5__confirmation__content p {
  font-size: 0.75rem;
  margin: auto;
  text-align: center;
  max-width: 500px;
  margin-bottom: 1em;
}
.reserveCoworkingPage .coworkingContainer__detail__content__stage5__confirmation__content .buttonContainer {
  margin-top: 30px;
}

/*********************************************
  Contact page
*********************************************/
.contactPage .contactContainer__wrapper {
  display: grid;
  grid-template-columns: 1fr 1fr 100px;
  align-items: flex-end;
  margin-bottom: 120px;
}
@media (max-width: 1199px) {
  .contactPage .contactContainer__wrapper {
    grid-template-columns: 1fr 1fr 50px;
  }
}
@media (max-width: 899px) {
  .contactPage .contactContainer__wrapper {
    grid-template-columns: 1fr;
    padding-right: 50px;
  }
}
@media (max-width: 424px) {
  .contactPage .contactContainer__wrapper {
    padding: 0 20px !important;
  }
}
.contactPage .contactContainer__left {
  padding-top: 160px;
  padding-right: 80px;
  height: 100%;
}
@media (max-width: 1199px) {
  .contactPage .contactContainer__left {
    padding-top: 160px;
    padding-right: 60px;
  }
}
@media (max-width: 899px) {
  .contactPage .contactContainer__left {
    padding-top: 50px;
    padding-right: 0;
  }
}
.contactPage .contactContainer__left__form {
  display: none;
  margin-bottom: 20px;
}
@media (max-width: 899px) {
  .contactPage .contactContainer__left__form {
    display: flex;
  }
}
.contactPage .contactContainer__left__title {
  max-width: 500px;
  margin-bottom: 1em;
}
.contactPage .contactContainer__left__text {
  margin-bottom: 30px;
}
@media (max-width: 899px) {
  .contactPage .contactContainer__left form {
    display: none;
    margin-bottom: 60px;
  }
}
.contactPage .contactContainer__map {
  height: 100%;
  background: linear-gradient(90deg, #ffffff 100px, #4a4a4a 10%);
  display: flex;
  align-items: center;
  padding: 160px 80px 80px 0;
  flex-flow: row wrap;
  align-content: flex-start;
}
@media (max-width: 1599px) {
  .contactPage .contactContainer__map {
    padding: 160px 20px 80px 0;
  }
}
@media (max-width: 1199px) {
  .contactPage .contactContainer__map {
    background: #4a4a4a;
    padding: 160px 0 80px 0;
  }
}
@media (max-width: 899px) {
  .contactPage .contactContainer__map {
    padding: 50px 0 0 0;
  }
}
.contactPage .contactContainer__map__infos {
  width: 100%;
  padding-left: 180px;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 10px;
  margin-bottom: 50px;
}
@media (max-width: 1599px) {
  .contactPage .contactContainer__map__infos {
    padding-left: 120px;
  }
}
@media (max-width: 1199px) {
  .contactPage .contactContainer__map__infos {
    padding: 0 20px;
  }
}
@media (max-width: 899px) {
  .contactPage .contactContainer__map__infos {
    padding: 0 50px;
  }
}
@media (max-width: 599px) {
  .contactPage .contactContainer__map__infos {
    grid-template-columns: 1fr;
    text-align: center;
  }
}
.contactPage .contactContainer__map__infos div {
  border-right: 2px solid #f4d547;
  padding-right: 10px;
}
.contactPage .contactContainer__map__infos div:last-child {
  border: none;
}
@media (max-width: 599px) {
  .contactPage .contactContainer__map__infos div {
    border: none;
    padding-right: 0;
    padding-bottom: 10px;
    border-bottom: 2px solid #f4d547;
    margin-bottom: 10px;
  }
}
.contactPage .contactContainer__map__infos div svg {
  fill: #ffffff !important;
  width: 20px;
  height: 20px;
  margin-bottom: 10px;
}
@media (max-width: 599px) {
  .contactPage .contactContainer__map__infos div svg {
    margin-bottom: 7px;
  }
}
.contactPage .contactContainer__map__infos div p, .contactPage .contactContainer__map__infos div a {
  color: #ffffff;
}
.contactPage .contactContainer__map #map {
  width: 100%;
  height: 400px;
}
.contactPage .contactContainer__map #map > div > .gm-style > div:last-child > .gmnoprint {
  display: none !important;
}
.contactPage .contactContainer__map #map > div > .gm-style > div:last-child > .gm-style-cc {
  display: none !important;
}
.contactPage .contactContainer__map__img {
  margin-top: 40px;
  width: 100%;
}
.contactPage .contactContainer__socials {
  height: 100%;
  background: #009cdd;
  display: flex;
  align-items: center;
}
.contactPage .contactContainer__socials__list, .contactPage .contactContainer__socials ul {
  width: 100%;
  position: relative;
}
@media (max-width: 899px) {
  .contactPage .contactContainer__socials__list, .contactPage .contactContainer__socials ul {
    display: flex;
    justify-content: center;
  }
}
.contactPage .contactContainer__socials__list__item__link, .contactPage .contactContainer__socials__list__item a, .contactPage .contactContainer__socials__list li__link, .contactPage .contactContainer__socials__list li a, .contactPage .contactContainer__socials ul__item__link, .contactPage .contactContainer__socials ul__item a, .contactPage .contactContainer__socials ul li__link, .contactPage .contactContainer__socials ul li a {
  display: block;
  padding: 30px;
  text-align: center;
}
@media (max-width: 1199px) {
  .contactPage .contactContainer__socials__list__item__link, .contactPage .contactContainer__socials__list__item a, .contactPage .contactContainer__socials__list li__link, .contactPage .contactContainer__socials__list li a, .contactPage .contactContainer__socials ul__item__link, .contactPage .contactContainer__socials ul__item a, .contactPage .contactContainer__socials ul li__link, .contactPage .contactContainer__socials ul li a {
    padding: 15px;
  }
}
.contactPage .contactContainer__socials__list__item__link svg, .contactPage .contactContainer__socials__list__item a svg, .contactPage .contactContainer__socials__list li__link svg, .contactPage .contactContainer__socials__list li a svg, .contactPage .contactContainer__socials ul__item__link svg, .contactPage .contactContainer__socials ul__item a svg, .contactPage .contactContainer__socials ul li__link svg, .contactPage .contactContainer__socials ul li a svg {
  fill: #ffffff !important;
  max-height: 15px;
  max-width: 15px;
}

/*********************************************
  Accompagnement page
*********************************************/
.accompagnementPage .wysiwyg *:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
}
.accompagnementPage .wysiwyg ul li:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
}
.accompagnementPage .banner__contentContainer {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: 1fr;
  align-items: end;
  margin-left: 0;
  padding-bottom: 90px;
}
@media (max-width: 899px) {
  .accompagnementPage .banner__contentContainer {
    grid-template-columns: repeat(1, 1fr);
    grid-template-rows: repeat(2, 1fr);
    padding-bottom: 40px;
    align-items: center;
  }
}
.accompagnementPage .banner__contentContainer__left__contentContainer {
  margin-bottom: 110px;
}
@media (max-width: 899px) {
  .accompagnementPage .banner__contentContainer__left__contentContainer {
    margin-bottom: 20px;
  }
}
.accompagnementPage .banner__contentContainer__left__contentContainer__title {
  margin-bottom: 0.2em;
  max-width: 500px;
  font-weight: bold;
}
@media (max-width: 749px) {
  .accompagnementPage .banner__contentContainer__left__contentContainer__title {
    font-size: 1.618rem;
  }
}
.accompagnementPage .banner__contentContainer__left__contentContainer__subtitle {
  color: #ffffff;
  font-size: 1.618rem;
  font-weight: 500;
}
@media (max-width: 749px) {
  .accompagnementPage .banner__contentContainer__left__contentContainer__subtitle {
    font-size: 1.272rem;
  }
}
.accompagnementPage .banner__contentContainer__left__button {
  margin: 0;
}
.accompagnementPage .banner__contentContainer__right__text {
  max-width: 600px;
  font-size: 1rem;
  font-weight: 400;
  font-family: itc-avant-garde-gothic-pro, sans-serif;
  color: #ffffff;
}
.accompagnementPage .qui__wrapper {
  display: flex;
  align-items: center;
  flex-direction: column;
  padding: 0 0 90px 0;
}
@media (max-width: 899px) {
  .accompagnementPage .qui__wrapper {
    padding-bottom: 60px;
  }
}
@media (max-width: 599px) {
  .accompagnementPage .qui__wrapper {
    padding: 0 0 50px 0;
  }
}
.accompagnementPage .qui__title:before {
  width: 60px;
}
.accompagnementPage .qui__listing {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 50px;
  width: 100%;
}
@media (max-width: 1299px) {
  .accompagnementPage .qui__listing {
    gap: 15px;
  }
}
@media (max-width: 899px) {
  .accompagnementPage .qui__listing {
    grid-template-columns: repeat(1, 1fr);
    grid-template-rows: repeat(3, 1fr);
    row-gap: 40px;
  }
}
.accompagnementPage .qui__listing__item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-direction: column;
  gap: 20px;
  background-color: #F9FAFB;
  padding: 40px 30px;
  text-align: center;
}
@media (max-width: 1199px) {
  .accompagnementPage .qui__listing__item {
    padding: 40px 20px;
  }
}
.accompagnementPage .qui__listing__item__title {
  color: #080808;
  font-family: muli, sans-serif;
  font-weight: 700;
  font-size: 1.1rem;
  margin-bottom: 0;
  max-width: 400px;
}
.accompagnementPage .qui__listing__item__text {
  font-family: itc-avant-garde-gothic-pro, sans-serif;
  font-size: 0.887rem;
  max-width: 400px;
  color: #000000;
  margin-bottom: 20px;
}
.accompagnementPage .comment {
  background-color: #FAFAFA;
}
.accompagnementPage .comment__wrapper {
  display: flex;
  align-items: center;
  flex-direction: column;
  padding: 100px 0;
}
@media (max-width: 899px) {
  .accompagnementPage .comment__wrapper {
    padding: 50px 0;
  }
}
.accompagnementPage .comment__heading {
  max-width: 480px;
  align-self: self-start;
}
.accompagnementPage .comment__listing {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  column-gap: 60px;
  margin-top: 80px;
}
@media (max-width: 899px) {
  .accompagnementPage .comment__listing {
    grid-template-columns: 1fr;
    grid-template-rows: repeat(4, auto);
    row-gap: 50px;
  }
}
.accompagnementPage .comment__listing__item--content {
  display: flex;
  flex-direction: column;
  gap: 60px;
}
@media (max-width: 899px) {
  .accompagnementPage .comment__listing__item--content {
    gap: 50px;
  }
}
.accompagnementPage .comment__listing__item--content:first-child {
  padding-bottom: 60px;
}
@media (max-width: 899px) {
  .accompagnementPage .comment__listing__item--content:first-child {
    padding-bottom: 0;
  }
}
.accompagnementPage .comment__listing__item--content:last-child {
  padding-top: 60px;
}
@media (max-width: 899px) {
  .accompagnementPage .comment__listing__item--content:last-child {
    padding-top: 0;
  }
}
@media (max-width: 899px) {
  .accompagnementPage .comment__listing__item--image--2 {
    order: 4;
  }
}
@media (max-width: 899px) {
  .accompagnementPage .comment__listing__item__imageContainer {
    max-width: 500px;
    margin: auto;
  }
}
.accompagnementPage .comment__listing__item__block__titleContainer {
  display: flex;
  align-items: flex-end;
  gap: 15px;
  margin-bottom: 15px;
}
.accompagnementPage .comment__listing__item__block__titleContainer__number {
  font-size: 3.756rem;
  font-family: itc-avant-garde-gothic-pro, sans-serif;
  color: #E9E9E9;
  line-height: 0.7;
}
@media (max-width: 599px) {
  .accompagnementPage .comment__listing__item__block__titleContainer__number {
    font-size: 2.618rem;
  }
}
.accompagnementPage .comment__listing__item__block__titleContainer__title {
  font-family: muli, sans-serif;
  font-weight: 500;
  color: #484848;
  font-size: 1.1rem;
  line-height: 1;
  margin-bottom: 0;
}
.accompagnementPage .comment__listing__item__block__content {
  max-width: 400px;
}
.accompagnementPage .comment__listing__item__block__content ul li, .accompagnementPage .comment__listing__item__block__content ol li {
  margin-bottom: 10px;
}
.accompagnementPage .comment__listing__item__block__content p:last-child a.newbutton {
  padding: 16px 22px;
}
@media screen and (max-width: 1000px) {
  .accompagnementPage .comment__listing__item__block__content p:last-child a.newbutton {
    padding: 16px 16px;
  }
}
.accompagnementPage .obtenir {
  background: #F4F4F4;
  position: relative;
}
.accompagnementPage .obtenir__wrapper {
  display: flex;
  align-items: center;
  flex-direction: column;
  padding: 90px 0;
}
@media (max-width: 899px) {
  .accompagnementPage .obtenir__wrapper {
    padding: 50px 0;
  }
}
.accompagnementPage .obtenir__deco {
  z-index: 1;
  position: absolute;
  top: -40px;
  right: 10%;
  width: 160px;
  pointer-events: none;
}
@media (max-width: 899px) {
  .accompagnementPage .obtenir__deco {
    visibility: hidden;
  }
}
.accompagnementPage .obtenir__title {
  align-self: self-start;
  max-width: 350px;
}
.accompagnementPage .obtenir__listing {
  display: flex;
  width: 100%;
  gap: 20px;
}
@media (max-width: 1299px) {
  .accompagnementPage .obtenir__listing {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(2, 1fr);
  }
}
@media (max-width: 599px) {
  .accompagnementPage .obtenir__listing {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: repeat(4, 1fr);
  }
}
.accompagnementPage .obtenir__listing__item {
  display: flex;
  align-items: center;
  flex-direction: column;
  background: #ffffff;
  text-align: center;
  padding: 60px 15px 55px;
  gap: 25px;
  width: 100%;
}
.accompagnementPage .obtenir__listing__item__imageContainer__img {
  width: 75px;
  aspect-ratio: 1;
}
.accompagnementPage .obtenir__listing__item__title::first-letter {
  text-transform: capitalize;
}
.accompagnementPage .obtenir__listing__item__title {
  text-transform: lowercase;
  font-size: 1.1rem;
  font-weight: bold;
  font-family: muli, sans-serif;
  color: #2E2E2E;
  margin: 0;
}
.accompagnementPage .obtenir__listing__item__text {
  font-family: itc-avant-garde-gothic-pro, sans-serif;
  font-weight: 200;
  font-size: 0.887rem;
  max-width: 300px;
  text-align: center;
}
.accompagnementPage .contact__wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.accompagnementPage .contact {
  background-color: #505050;
}
.accompagnementPage .contact__contentContainer__title {
  max-width: 350px;
  font-weight: bold;
  font-size: 1.618rem;
}
.accompagnementPage .contact__contentContainer__main {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  align-items: center;
}
@media (max-width: 899px) {
  .accompagnementPage .contact__contentContainer__main {
    grid-template-columns: 1fr;
    grid-template-rows: repeat(2, 1fr);
    row-gap: 25px;
  }
}
@media (max-width: 899px) {
  .accompagnementPage .contact__contentContainer__main__left {
    display: flex;
    justify-content: center;
    order: 2;
  }
}
.accompagnementPage .contact__contentContainer__main__left__button {
  color: #094D21;
}
.accompagnementPage .contact__contentContainer__main__right__text {
  max-width: 800px;
  font-weight: 500;
  font-family: itc-avant-garde-gothic-pro, sans-serif;
  font-size: 1.1rem;
  color: #ffffff;
}
@media (max-width: 899px) {
  .accompagnementPage .contact__contentContainer__main__right__text {
    max-width: 400px;
    text-align: center;
  }
}

/*********************************************
  ERREUR 404
*********************************************/
.erreur404Page .breadcrumb {
  display: none;
}
.erreur404Page .footerContainer {
  display: none !important;
}
.erreur404Page .error > .wrapper {
  height: 600px;
  height: 80vh;
  max-height: 700px;
  min-height: 300px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.erreur404Page .error__contentContainer {
  z-index: 2;
  text-align: center;
}
.erreur404Page .error__contentContainer__404 {
  margin-bottom: 0px;
  color: #D94A27;
  font-weight: bold;
  font-size: 2.618rem;
}
@media screen and (max-width: 1000px) {
  .erreur404Page .error__contentContainer__404 {
    font-size: 2.058rem;
  }
}
.erreur404Page .error__contentContainer__title {
  margin-bottom: 40px;
  color: #F4D821;
  font-size: 1.618rem;
}
@media screen and (max-width: 1000px) {
  .erreur404Page .error__contentContainer__title {
    font-size: 1.272rem;
  }
}

/*# sourceMappingURL=styles.1.css.map */