@charset "UTF-8";

@import url(main.css);



/*

This .scss loop will create "margin helpers" and "padding helpers" for use in your web projects.

It will generate several classes such as:



.m-r-10 which gives margin-right 10 pixels.

.m-r-15 gives MARGIN to the RIGHT 15 pixels.

.m-t-15 gives MARGIN to the TOP 15 pixels and so on.



.p-b-5 gives PADDING to the BOTTOM of 5 pixels

.p-l-40 gives PADDING to the LEFT of 40 pixels



The first letter is "m" or "p" for MARGIN or PADDING

Second letter is "t", "b", "l", or "r" for TOP, BOTTOM, LEFT, or RIGHT

Third letter is the number of spacing in pixels. Adjust the amounts generated by editing the $spaceamounts variable below.



*/

.m-t-5 {

  margin-top: 5px !important;

}



.p-t-5 {

  padding-top: 5px !important;

}



.m-b-5 {

  margin-bottom: 5px !important;

}



.p-b-5 {

  padding-bottom: 5px !important;

}



.m-l-5 {

  margin-left: 5px !important;

}



.p-l-5 {

  padding-left: 5px !important;

}



.m-r-5 {

  margin-right: 5px !important;

}



.p-r-5 {

  padding-right: 5px !important;

}



.m-t-10 {

  margin-top: 10px !important;

}



.p-t-10 {

  padding-top: 10px !important;

}



.m-b-10 {

  margin-bottom: 10px !important;

}



.p-b-10 {

  padding-bottom: 10px !important;

}



.m-l-10 {

  margin-left: 10px !important;

}



.p-l-10 {

  padding-left: 10px !important;

}



.m-r-10 {

  margin-right: 10px !important;

}



.p-r-10 {

  padding-right: 10px !important;

}



.m-t-15 {

  margin-top: 15px !important;

}



.p-t-15 {

  padding-top: 15px !important;

}



.m-b-15 {

  margin-bottom: 15px !important;

}



.p-b-15 {

  padding-bottom: 15px !important;

}



.m-l-15 {

  margin-left: 15px !important;

}



.p-l-15 {

  padding-left: 15px !important;

}



.m-r-15 {

  margin-right: 15px !important;

}



.p-r-15 {

  padding-right: 15px !important;

}



.m-t-20 {

  margin-top: 20px !important;

}



.p-t-20 {

  padding-top: 20px !important;

}



.m-b-20 {

  margin-bottom: 20px !important;

}



.p-b-20 {

  padding-bottom: 20px !important;

}



.m-l-20 {

  margin-left: 20px !important;

}



.p-l-20 {

  padding-left: 20px !important;

}



.m-r-20 {

  margin-right: 20px !important;

}



.p-r-20 {

  padding-right: 20px !important;

}



.m-t-25 {

  margin-top: 25px !important;

}



.p-t-25 {

  padding-top: 25px !important;

}



.m-b-25 {

  margin-bottom: 25px !important;

}



.p-b-25 {

  padding-bottom: 25px !important;

}



.m-l-25 {

  margin-left: 25px !important;

}



.p-l-25 {

  padding-left: 25px !important;

}



.m-r-25 {

  margin-right: 25px !important;

}



.p-r-25 {

  padding-right: 25px !important;

}



.m-t-30 {

  margin-top: 30px !important;

}



.p-t-30 {

  padding-top: 30px !important;

}



.m-b-30 {

  margin-bottom: 30px !important;

}



.p-b-30 {

  padding-bottom: 30px !important;

}



.m-l-30 {

  margin-left: 30px !important;

}



.p-l-30 {

  padding-left: 30px !important;

}



.m-r-30 {

  margin-right: 30px !important;

}



.p-r-30 {

  padding-right: 30px !important;

}



.m-t-35 {

  margin-top: 35px !important;

}



.p-t-35 {

  padding-top: 35px !important;

}



.m-b-35 {

  margin-bottom: 35px !important;

}



.p-b-35 {

  padding-bottom: 35px !important;

}



.m-l-35 {

  margin-left: 35px !important;

}



.p-l-35 {

  padding-left: 35px !important;

}



.m-r-35 {

  margin-right: 35px !important;

}



.p-r-35 {

  padding-right: 35px !important;

}



.m-t-40 {

  margin-top: 40px !important;

}



.p-t-40 {

  padding-top: 40px !important;

}



.m-b-40 {

  margin-bottom: 40px !important;

}



.p-b-40 {

  padding-bottom: 40px !important;

}



.m-l-40 {

  margin-left: 40px !important;

}



.p-l-40 {

  padding-left: 40px !important;

}



.m-r-40 {

  margin-right: 40px !important;

}



.p-r-40 {

  padding-right: 40px !important;

}



.m-t-45 {

  margin-top: 45px !important;

}



.p-t-45 {

  padding-top: 45px !important;

}



.m-b-45 {

  margin-bottom: 45px !important;

}



.p-b-45 {

  padding-bottom: 45px !important;

}



.m-l-45 {

  margin-left: 45px !important;

}



.p-l-45 {

  padding-left: 45px !important;

}



.m-r-45 {

  margin-right: 45px !important;

}



.p-r-45 {

  padding-right: 45px !important;

}



.m-t-50 {

  margin-top: 50px !important;

}



.p-t-50 {

  padding-top: 50px !important;

}



.m-b-50 {

  margin-bottom: 50px !important;

}



.p-b-50 {

  padding-bottom: 50px !important;

}



.m-l-50 {

  margin-left: 50px !important;

}



.p-l-50 {

  padding-left: 50px !important;

}



.m-r-50 {

  margin-right: 50px !important;

}



.p-r-50 {

  padding-right: 50px !important;

}



.m-t-75 {

  margin-top: 75px !important;

}



.p-t-75 {

  padding-top: 75px !important;

}



.m-b-75 {

  margin-bottom: 75px !important;

}



.p-b-75 {

  padding-bottom: 75px !important;

}



.m-l-75 {

  margin-left: 75px !important;

}



.p-l-75 {

  padding-left: 75px !important;

}



.m-r-75 {

  margin-right: 75px !important;

}



.p-r-75 {

  padding-right: 75px !important;

}



.m-t-100 {

  margin-top: 100px !important;

}



.p-t-100 {

  padding-top: 100px !important;

}



.m-b-100 {

  margin-bottom: 100px !important;

}



.p-b-100 {

  padding-bottom: 100px !important;

}



.m-l-100 {

  margin-left: 100px !important;

}



.p-l-100 {

  padding-left: 100px !important;

}



.m-r-100 {

  margin-right: 100px !important;

}



.p-r-100 {

  padding-right: 100px !important;

}



/*

  RUN GULP to generate the classes. Now you can use these helpers to customize spacing on HTML elements.

*/

input::placeholder {

  color: gray !important;

}



.header.is-new {

  height: 7.1rem;

  width: 100%;

  display: flex;

  position: fixed;

  top: 0;

  z-index: 1000;

  background: #FFFFFF 0% 0% no-repeat padding-box;

  box-shadow: 0px 3px 6px #00000029;

  opacity: 1;

}



.header.is-new .main-container {

  width: 100%;

  max-width: 1366px;

  display: flex;

  height: 4.4rem;

  justify-content: space-between;

  margin: auto;

  height: 100%;

}



.header.is-new .main-container .main-navigation {

  width: 60%;

  display: flex;

}



.header.is-new .main-container .main-navigation ul {

  display: flex;

  width: 100%;

  height: 100%;

  margin: 0;

}



.header.is-new .main-container .main-navigation ul li {

  padding: 0 1rem;

  list-style-type: none;

  display: flex;

  align-items: center;

  justify-content: center;

  position: relative;

}



.header.is-new .main-container .main-navigation ul li .dropdown {

  display: none;

}



.header.is-new .main-container .main-navigation ul li a {

  white-space: nowrap !important;

  height: 100% !important;

  width: 100% !important;

  display: flex !important;

  align-items: center !important;

  justify-content: center;

  color: black;

  font-weight: 300;

}



.header.is-new .main-container .main-navigation ul li a:hover {

  text-decoration: none;

}



.header.is-new .main-container .main-navigation ul li.active {

  font-weight: bold;

  border-top: 3px solid #181851;

}



.header.is-new .main-container .main-navigation ul li.active a {

  margin-top: -3px;

}



.header.is-new .main-container .main-navigation ul li.active a:hover {

  text-decoration: none;

}



.header.is-new .main-container .main-navigation ul li:hover,

.header.is-new .main-container .main-navigation ul li:active {

  border-top: 3px solid #181851;

}



.header.is-new .main-container .main-navigation ul li:hover .dropdown,

.header.is-new .main-container .main-navigation ul li:active .dropdown {

  position: absolute;

  background: white;

  top: 6.9rem;

  display: flex !important;

  flex-direction: column;

  margin: 0;

  padding: 0;

  width: 16rem;

  outline: 1px solid #F3F6F8;

  height: auto;

}



.header.is-new .main-container .main-navigation ul li:hover .dropdown li,

.header.is-new .main-container .main-navigation ul li:active .dropdown li {

  width: 100%;

  background: white;

  margin: 0;

  padding: 0;

  border-bottom: 1px solid #d2d2d2;

  height: 4.3rem;

}



.header.is-new .main-container .main-navigation ul li:hover .dropdown li a,

.header.is-new .main-container .main-navigation ul li:active .dropdown li a {

  height: 100%;

  display: flex;

  flex-direction: column;

  padding: 1rem;

  white-space: normal !important;

  text-align: center;

}



.header.is-new .main-container .main-navigation ul li:hover .dropdown li a:hover,

.header.is-new .main-container .main-navigation ul li:active .dropdown li a:hover {

  color: white;

  border: none !important;

  background: #181851;

  cursor: pointer;

  text-decoration: none;

}



.header.is-new .main-container .main-navigation ul li:hover .dropdown li:hover,

.header.is-new .main-container .main-navigation ul li:active .dropdown li:hover {

  border: none !important;

}



.header.is-new .main-container .main-navigation ul li:hover .dropdown:before,

.header.is-new .main-container .main-navigation ul li:active .dropdown:before {

  display: block;

  content: " ";

  background: linear-gradient(540deg, rgba(0, 0, 0, 0.26), transparent);

  width: 100%;

  height: 10px;

  position: absolute;

  z-index: 1;

}



.header.is-new .main-container .main-navigation ul li:hover a,

.header.is-new .main-container .main-navigation ul li:active a {

  margin-top: -3px;

}



.header.is-new .main-container .logo-container {

  width: 40%;

  display: flex;

  flex-direction: row;

}



.header.is-new .main-container .logo-container .tagline {

  width: fit-content;

  padding: 0;

  display: flex;

  align-items: center;

}



.header.is-new .main-container .logo-container .tagline p {

  margin: 0;

}



.header.is-new .main-container .logo-container a {

  height: 100%;

}



.header.is-new .main-container .logo-container a .logo {

  height: 100%;

  padding: 1rem;

  display: flex;

  align-items: center;

  justify-content: center;

}



.header.is-new .main-container .logo-container a .logo img {

  height: 73%;

}



@media (min-width: 20em) and (max-width: 64.0525em) {

  .header.is-new {

    display: none !important;

  }

}



@media print {

  .header.is-new {

    display: none;

  }

}



.header.is-mobile {

  display: none;

}



@media (min-width: 20em) and (max-width: 64.0525em) {

  .header.is-mobile {

    width: 100%;

    color: blue;

    display: flex;

    align-items: center;

    justify-content: space-between;

    flex-direction: row;

    position: relative;

    height: 6rem;

  }



  .header.is-mobile nav {

    top: 0;

    right: -20rem;

    background: white;

    width: 20rem;

    position: fixed;

    z-index: 1000000;

    transition: all 1s;

    padding-left: 1rem;

    padding-bottom: 1rem;

  }



  .header.is-mobile nav .close-button {

    height: 6rem;

    position: absolute;

    right: 1rem;

    width: 4rem;

    display: flex;

    align-items: center;

    justify-content: center;

  }



  .header.is-mobile nav ul {

    margin: 0 !important;

    padding: 0 !important;

    margin-top: 10rem !important;

  }



  .header.is-mobile nav ul li {

    padding: 1rem;

    list-style-type: none;

  }



  .header.is-mobile nav ul li a {

    font-size: 1.4rem;

  }



  .header.is-mobile nav ul li.active {

    font-weight: bold;

  }



  .header.is-mobile nav ul li:hover .dropdown {

    display: block;

    margin-top: 0 !important;

  }



  .header.is-mobile nav ul li:hover .dropdown li {

    padding-bottom: 0rem;

  }



  .header.is-mobile nav ul li:hover .dropdown li a {

    color: #9e9e9e;

  }



  .header.is-mobile nav ul.dropdown {

    display: none;

  }



  .header.is-mobile nav ul:hover {

    display: block;

  }



  .header.is-mobile nav.is-opened {

    transition: all 1s;

    right: 0;

  }



  .header.is-mobile .menu {

    padding: 1rem;

    position: fixed;

    right: 0;

    display: flex;

    top: 0;

    z-index: 10002;

    width: 100%;

    background: #181851;

    height: 7rem;

  }



  .header.is-mobile .menu .logo {

    padding: 1rem;

  }



  .header.is-mobile .menu .button {

    position: absolute;

    right: 0;

    top: 0;

    display: flex;

    flex-direction: column;

    height: 100%;

    transform: scale(1.3);

    width: 7rem;

    z-index: 1000;

  }



  .header.is-mobile .menu.is-home {

    background-color: #181851 !important;

  }



  .header.is-mobile .menu.is-home .button {

    height: 100%;

    width: 7rem;

  }



  .header.is-mobile .menu.is-home .button .icon {

    height: 100%;

    display: flex;

    align-content: center;

    justify-content: center;

  }



  .header.is-mobile .menu.is-home.is-fixed {

    background: #181851 !important;

  }

}



@media print {

  .header.is-mobile {

    display: none;

  }

}



.footer {

  background: #181953;

  margin: 0;

  color: #FFF;

  padding: 6vmin;

}



.footer .wrapper {

  width: 100%;

  max-width: 1366px;

  padding: 0 6rem;

  display: grid;

  grid-template-columns: 21% 56% 23%;

  margin: auto;

}



@media (min-width: 20em) and (max-width: 64.0525em) {

  .footer .wrapper {

    padding: 3rem 0;

  }

}



.footer .wrapper .title {

  font-weight: bold;

  margin-bottom: 1rem;

  font-size: 1.5rem;

}



@media (min-width: 20em) and (max-width: 64.0525em) {

  .footer .wrapper .title {

    font-size: 1.2rem;

    font-weight: 400;

    margin: 1rem 0px;

  }

}



@media (min-width: 20em) and (max-width: 64.0525em) {

  .footer .wrapper .title:nth-of-type(2) {

    margin-bottom: 0;

  }

}



.footer .wrapper .contact-section {

  display: flex;

  align-items: flex-start;

  justify-content: flex-start;

  flex-direction: column;

}



.footer .wrapper .contact-section a {

  color: white;

}



.footer .wrapper .contact-section i {

  font-size: 1.9rem;

  margin: 0.5rem;

}



@media (min-width: 20em) and (max-width: 64.0525em) {

  .footer .wrapper .contact-section i {

    font-size: 1.6rem;

  }

}



.footer .wrapper .contact-section .logo {

  width: 66%;

  margin-bottom: 1rem;

}



@media (min-width: 20em) and (max-width: 64.0525em) {

  .footer .wrapper .contact-section .logo {

    width: 50%;

    margin: 1rem;

  }

}



.footer .wrapper .contact-section .telephone,

.footer .wrapper .contact-section .mail {

  font-size: 1.2rem;

  margin-bottom: 1.1rem;

  font-weight: 300;

}



@media (min-width: 20em) and (max-width: 64.0525em) {



  .footer .wrapper .contact-section .telephone,

  .footer .wrapper .contact-section .mail {

    font-size: 1.2rem;

  }

}



@media (min-width: 20em) and (max-width: 64.0525em) {

  .footer .wrapper .contact-section .mail {

    margin-bottom: 2rem;

  }

}



.footer .wrapper .contact-section .made-in-france {

  height: 3.4rem;

}



.footer .wrapper .contact-section .made-in-france img {

  height: 100%;

  width: auto;

}



@media (min-width: 20em) and (max-width: 64.0525em) {

  .footer .wrapper .contact-section .made-in-france {

    height: 2.8rem;

  }

}



.footer .wrapper .nav-links {

  display: flex;

  flex-direction: row;

}



.footer .wrapper .nav-links>div {

  width: 33%;

}



.footer .wrapper .nav-links .items {

  padding: 0;

  font-weight: 300;

}



.footer .wrapper .nav-links .items li {

  list-style-type: none;

  color: #FFF;

  font-size: 1.2rem;

  margin-bottom: 0.4rem;

}



.footer .wrapper .nav-links .items li a {

  color: white;

}



.footer .wrapper .nav-links .items li a:hover {

  text-decoration: underline;

}



@media (min-width: 20em) and (max-width: 64.0525em) {

  .footer .wrapper .nav-links .items li {

    font-size: 1.2rem;

  }

}



@media (min-width: 20em) and (max-width: 64.0525em) {

  .footer .wrapper {

    display: flex;

    flex-direction: column;

  }



  .footer .wrapper .contact-section {

    align-items: center;

  }



  .footer .wrapper .contact-section .telephone,

  .footer .wrapper .contact-section .mail {

    display: flex;

    flex-direction: column;

    align-items: center;

  }



  .footer .wrapper .nav-links {

    display: flex;

    flex-direction: column;

    width: 90%;

    align-items: center;

    justify-content: center;

    text-align: center;

  }



  .footer .wrapper .nav-links>* {

    width: 100% !important;

    margin-top: 2vh;

  }



  .footer .wrapper .nav-links>* .title {

    margin: 3vh 0;

    font-size: 1.5rem;

    font-weight: bold;

  }

}



@media (min-width: 20em) and (max-width: 64.0525em) {

  .footer .wrapper {

    align-items: center;

    text-align: center;

  }

}



@media (min-width: 20em) and (max-width: 64.0525em) {

  .footer .wrapper .fourth {

    width: 100%;

    align-items: center;

    justify-content: center;

    display: flex;

    flex-direction: column;

  }

}



.footer .wrapper .fourth .social-section .social-links {

  display: flex;

}



.footer .wrapper .fourth .social-section .social-links .link {

  background: #10113C;

  width: 2rem;

  border-radius: 0.2rem;

  height: 2rem;

  display: flex;

  align-items: center;

  justify-content: center;

  margin-right: 1.3rem;

  padding: 1.6rem;

}



.footer .wrapper .fourth .social-section .social-links .link a {

  color: white;

  text-decoration: underline;

}



.footer .wrapper .fourth .newsletter-section .input {

  display: flex;

  margin-bottom: 2rem;

}



.footer .wrapper .fourth .newsletter-section .input input {

  border-radius: 1rem 0 0 1rem;

}



.footer .wrapper .fourth .newsletter-section .input button {

  border: none;

  height: 40px;

  border-radius: 0 6px 6px 0;

  background: #82BE00;

}



.footer .wrapper form {

  display: flex;

  flex-direction: column;

  align-items: flex-start;

  margin: 0;

}



.footer .wrapper form .sender {

  display: flex;

  margin-bottom: 1rem;

  width: 100%;

}



.footer .wrapper form .sender label {

  display: none;

}



.footer .wrapper form .sender button {

  margin: 0;

  border: none;

  padding: 0.5rem;

  font-size: 1.3rem;

  height: 40px;

  border-radius: 0 4px 4px 0;

  background: #82BE00;

}



@media (min-width: 20em) and (max-width: 64.0525em) {

  .footer .wrapper form .sender button {

    font-size: 1rem;

  }

}



.footer .wrapper form .sender input {

  border-radius: 4px 0 0 4px;

}



.footer .wrapper form .g-recaptcha {

  transform: scale(0.76);

  transform-origin: 0% 0%;

}



@media (min-width: 20em) and (max-width: 64.0525em) {

  .footer .wrapper form .g-recaptcha {

    transform-origin: 50% 0%;

  }

}



@media (min-width: 20em) and (max-width: 64.0525em) {

  .footer .wrapper form {

    width: 88%;

    margin: auto;

    align-items: center;

  }

}



@media print {

  .footer {

    display: none !important;

  }

}



html.rdv-is-opened {

  overflow: hidden;

  position: fixed;

}



@media (min-width: 20em) and (max-width: 64.0525em) {

  html.rdv-is-opened {

    height: 100%;

  }

}



html body {

  width: 100%;

  height: 100%;

  display: flex;

  justify-content: space-between;

  flex-direction: column;

  color: #707070;

  margin: 0 !important;

  padding: 0 !important;

  position: relative;

  background: white !important;

}



html body .main-tabs {

  position: fixed;

  right: 0;

  z-index: 1000;

  flex-direction: column;

  display: flex;

  align-items: flex-end;

  justify-content: center;

  top: 23rem;

}



html body .main-tabs .tab {

  margin-right: -10.8rem;

  width: 16rem;

  border-radius: 6px 0 0 6px;

  padding: 1rem;

  display: flex;

  color: white;

  flex-direction: row;

  transition: all 1s;

  align-items: center;

  height: 6rem;

  margin-bottom: 0.6rem;

}



html body .main-tabs .tab .icon {

  margin-right: 1rem;

  margin-left: 0.1rem;

  visibility: visible !important;

}



html body .main-tabs .tab .icon img {

  visibility: visible !important;

}



@media (min-width: 20em) and (max-width: 64.0525em) {

  html body .main-tabs .tab .icon {

    margin-left: initial;

  }

}



html body .main-tabs .tab .text a p {

  margin: 0;

  font-size: 1.4rem;

  visibility: hidden;

  opacity: 0;

  transition: all 1s;

  font-weight: bold;

  color: white;

}



html body .main-tabs .tab .text a p span {

  font-size: 1.1rem;

}



html body .main-tabs .tab.calcul-btn {

  background: #181851 !important;

}



html body .main-tabs .tab:nth-of-type(1) {

  background: #82BE00;

}



html body .main-tabs .tab:nth-of-type(2) {

  background: #B90F69;

}



html body .main-tabs .tab:nth-of-type(3) {

  background: #181851;

}



html body .main-tabs .tab:nth-of-type(3) img {

  filter: brightness(2);

}



html body .main-tabs .tab:hover {

  margin-right: initial;

}



html body .main-tabs .tab:hover .icon {

  opacity: 1;

  margin-left: 0;

  transition: all 1s;

  visibility: visible !important;

}



html body .main-tabs .tab:hover .icon img {

  visibility: visible !important;

}



html body .main-tabs .tab:hover .text a p {

  margin: 0;

  font-size: 1.4rem;

  color: white;

  visibility: visible;

  transition: all 1s;

  opacity: 1;

}



html body .main-tabs .tab:hover .text a p span {

  font-size: 1.1rem;

}



html body .main-tabs a:hover {

  text-decoration: none;

}



@media (min-width: 20em) and (max-width: 64.0525em) {

  html body .main-tabs {

    top: 11rem;

  }

}



html body .messages .mentions {

  padding: 1rem;

  margin: 0 1rem;

  font-size: 1.4rem;

}



html body .messages .checkbox.smaller label {

  font-size: 1.4rem !important;

}



html body .mapouter {

  position: relative;

  text-align: right;

  height: 100%;

  width: 100%;

}



html body .gmap_canvas {

  overflow: hidden;

  background: none !important;

  height: 100%;

  width: 100%;

}



html body .gmap_canvas .map-container {

  height: 100%;

}



html body .gmap_canvas .map-container iframe {

  margin-top: -6rem;

  height: 112% !important;

}



@media (min-width: 20em) and (max-width: 64.0525em) {

  html body .site-selector .title {

    font-size: 7.9vw;

  }

}



html body .site-selector .swiper-slide .location {

  font-size: 1.2rem;

}



html body .site-selector .swiper-slide .subtitle {

  font-size: 0.7rem;

}



html body .site-selector .swiper-slide .details .place,

html body .site-selector .swiper-slide .details .line,

html body .site-selector .swiper-slide .details .surface,

html body .site-selector .swiper-slide .details .from,

html body .site-selector .swiper-slide .details .fees {

  font-size: 0.6rem;

}



html body .bottom-bar {

  display: flex;

  align-items: center;

  justify-content: center;

  margin: 0;

  padding: 1rem;

  text-align: center;

  background: #10113C;

}



html body .bottom-bar p {

  margin: 0;

  padding: 0;

  width: 100%;

  height: 100%;

  display: flex;

  align-items: center;

  justify-content: center;

  color: white;

  font-size: 0.8rem;

}



@media (min-width: 20em) and (max-width: 64.0525em) {

  html body #quisommesnous {

    margin-top: 0;

  }

}



html body section.main-banner {

  height: 35rem;

  display: flex;

  align-items: center;

  justify-content: center;

  flex-direction: column;

  position: relative;

  margin-top: 7rem;

}



html body section.main-banner .text {

  position: absolute;

  z-index: 100;

  display: flex;

  align-items: center;

  justify-content: center;

  width: 100%;

  max-width: 1366px;

}



html body section.main-banner .text .wrapper {

  height: 100%;

  width: 60%;

  margin: auto;

  padding: 1vmin;

  display: flex;

  flex-direction: column;

  justify-content: center;

  align-items: center;

  color: white;

}



html body section.main-banner .text .wrapper h1 {

  font-size: 70px;

  font-weight: 700;

  margin: 0;

  text-transform: uppercase;

  color: white !important;

  text-align: center;

}



@media (min-width: 20em) and (max-width: 64.0525em) {

  html body section.main-banner .text .wrapper h1 {

    font-size: 3.1rem;

  }

}



html body section.main-banner .text .wrapper p {

  height: initial;

  font-size: 20px;

  margin-top: 10px;

}



@media (min-width: 20em) and (max-width: 64.0525em) {

  html body section.main-banner .text .wrapper p {

    font-size: 1.5rem;

  }

}



@media (min-width: 20em) and (max-width: 64.0525em) {

  html body section.main-banner .text .wrapper {

    width: 70%;

  }

}



html body section.main-banner .image {

  position: absolute;

  top: 0;

  left: 0;

  right: 0;

  bottom: 0;

}



html body section.main-banner .image img {

  height: 100%;

  width: 100%;

  object-fit: cover;

}



@media (min-width: 20em) and (max-width: 64.0525em) {

  html body section.main-banner {

    margin-top: 0;

  }

}



html body section.mentions-legales .wrapper,

html body section.politique-conf .wrapper {

  width: 100%;

  max-width: 1366px;

  margin: auto;

  padding: 1vmin;

  display: flex;

  flex-direction: column;

  justify-content: center;

  align-items: flex-start;

}



html body section.mentions-legales .wrapper h3,

html body section.politique-conf .wrapper h3 {

  font-weight: 400;

  font-size: 3rem;

  color: #181851;

  font-weight: bold;

  margin-bottom: 3rem;

}



@media (min-width: 20em) and (max-width: 64.0525em) {



  html body section.mentions-legales .wrapper h3,

  html body section.politique-conf .wrapper h3 {

    font-size: 2.2rem;

  }

}



html body section.mentions-legales .wrapper p,

html body section.mentions-legales .wrapper ul,

html body section.politique-conf .wrapper p,

html body section.politique-conf .wrapper ul {

  line-height: 1.5;

  font-weight: 300;

}



@media (min-width: 20em) and (max-width: 64.0525em) {



  html body section.mentions-legales .wrapper p,

  html body section.mentions-legales .wrapper ul,

  html body section.politique-conf .wrapper p,

  html body section.politique-conf .wrapper ul {

    font-size: 1.5rem;

  }

}



html body section.mentions-legales .wrapper li,

html body section.politique-conf .wrapper li {

  margin-bottom: 1rem;

}



html body section.mentions-legales .wrapper strong,

html body section.politique-conf .wrapper strong {

  color: #181851;

}



@media (min-width: 20em) and (max-width: 64.0525em) {



  html body section.mentions-legales .wrapper,

  html body section.politique-conf .wrapper {

    width: 100%;

    max-width: 100%;

    padding: 3rem;

  }

}



section.slider {

  margin-top: 6rem;

  height: 450px;

  position: relative;

  display: flex;

  align-items: center;

  background-color: black;

  justify-content: flex-start;

  background-size: cover;

  padding: 1rem;

  background-position: center;

  padding-bottom: 0;

  min-height: 50rem;

  background-image: url(../images/bureau.png);

}



section.slider .wrapper {

  width: 100%;

  max-width: 1366px;

  margin: auto;

  height: 100%;

  position: relative;

  display: flex;

  align-items: center;

  background-repeat: no-repeat;

  background-size: contain;

  background-position: right 1vmin;

  margin-bottom: 0;

}



section.slider .text {

  margin-left: 8rem;

  width: 56%;

}



section.slider .text .title {

  font-size: 40px;

  line-height: 5.5rem;

  color: white;

  text-shadow: 0px 3px 6px #0000006E !important;

}



@media (min-width: 20em) and (max-width: 64.0525em) {

  section.slider .text .title br {

    display: none;

  }

}



@media (min-width: 20em) and (max-width: 64.0525em) {

  section.slider .text .title {

    font-size: 2.8rem;

    line-height: 3.4rem;

  }

}



section.slider .text .excerpt {

  font-size: 18px !important;

  color: white;

  text-shadow: 0px 3px 6px #0000006E !important;

  width: 80%;

  line-height: 2.7rem;

  margin-bottom: 1rem;

}



@media (min-width: 20em) and (max-width: 64.0525em) {

  section.slider .text .excerpt {

    margin-top: 1rem;

    width: 100%;

    line-height: 6vw;

    font-size: 2rem !important;

  }

}



@media (min-width: 20em) and (max-width: 64.0525em) {

  section.slider .text .excerpt br {

    display: none;

  }

}



@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {

  section.slider .text .excerpt {

    line-height: 4vw;

    font-size: 2rem !important;

  }

}



section.slider .text .button {

  margin-top: 2rem;

}



@media (min-width: 20em) and (max-width: 64.0525em) {

  section.slider .text .button {

    font-size: 1.7rem;

  }

}



@media (min-width: 20em) and (max-width: 64.0525em) {

  section.slider .text {

    margin-left: 3rem;

    width: 75vw;

  }

}



section.slider .people {

  position: absolute;

  background-repeat: no-repeat;

  background-size: contain;

  background-position: center 11rem;

}



@media (min-width: 20em) and (max-width: 64.0525em) {

  section.slider .people {

    background: none;

    display: none;

  }

}



section.slider .m-exploitation {

  height: 53px;

  width: 40rem;

  flex-direction: row;

  display: none !important;

}



section.slider .m-exploitation p {

  opacity: 1;

  margin: 0;

  color: white;

}



section.slider.home {

  background-image: url("../images/home-banner-marcoussis.jpg");

}



section.slider.home:before {

  content: " ";

  background: black;

  background: linear-gradient(0deg, #00000085 0%, rgba(0, 0, 0, 0) 100%);

  height: 30%;

  width: 100%;

  position: absolute;

  left: 0;

  right: 0;

  bottom: 0;

}



@media (max-width: 440px) {

  section.slider.home:before {

    height: 60% !important;

  }

}



@media (min-width: 20em) and (max-width: 64.0525em) {

  section.slider.home {

    margin-top: 0;

    height: 60vh;

  }

}



section.slider.about-us .people {

  height: 57rem;

  width: 45rem;

  right: 0;

  bottom: 0px;

  background-position: bottom;

  background-image: url("../images/14456.png");

}



@media (min-width: 20em) and (max-width: 64.0525em) {

  section.slider {

    display: block;

    margin-top: 7rem;

    padding: 0;

    height: 40vh;

    display: block;

  }

}



@media print {

  section.slider {

    display: none !important;

  }

}



@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {

  section.slider {

    display: block;

  }

}



.generic-carousel {

  position: relative;

  padding: 0 6rem;

}



.generic-carousel .carousel.slide {

  padding-bottom: 3rem;

  height: 57rem;

  display: flex;

  align-items: center;

}



.generic-carousel .carousel.slide .carousel-inner .item .inner-wrapper {

  display: grid;

  grid-template-columns: 50% 50%;

  height: 100%;

  border-radius: 1rem;

  overflow: hidden;

}



.generic-carousel .carousel.slide .carousel-inner .item .inner-wrapper .image {

  height: 100%;

  position: relative;

}



.generic-carousel .carousel.slide .carousel-inner .item .inner-wrapper .image img {

  width: 100%;

  height: 100%;

  object-fit: cover;

  position: absolute;

  object-position: center;

}



@media (min-width: 20em) and (max-width: 64.0525em) {

  .generic-carousel .carousel.slide .carousel-inner .item .inner-wrapper .image {

    height: 26rem;

  }

}



.generic-carousel .carousel.slide .carousel-inner .item .inner-wrapper .text {

  height: 100%;

  background: #F3F6F8;

  display: flex;

  flex-direction: column;

  justify-content: center;

  padding-left: 7rem;

}



.generic-carousel .carousel.slide .carousel-inner .item .inner-wrapper .text h2 {

  font-size: 3rem;

  text-transform: inherit;

  font-weight: 300;

  margin-bottom: 0;

  color: #181851;

  text-align: center;

  text-align: left;

  font-size: 2.6rem;

}



.generic-carousel .carousel.slide .carousel-inner .item .inner-wrapper .text .location {

  margin-bottom: 2rem;

  margin-top: 0.5rem;

  display: block;

}



.generic-carousel .carousel.slide .carousel-inner .item .inner-wrapper .text p {

  position: relative;

  margin-right: 7rem;

  font-style: italic;

}



.generic-carousel .carousel.slide .carousel-inner .item .inner-wrapper .text p:before {

  position: absolute;

  content: " ";

  display: flex;

  align-items: center;

  justify-content: center;

  left: -4.2rem;

  top: -1.1rem;

  height: 2.4rem;

  width: 2.9rem;

  background-repeat: no-repeat;

  background-size: contain;

  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='26.016' height='22.764' viewBox='0 0 26.016 22.764'%3E %3Cpath id='TracÔö£┬«_195' data-name='TracÔö£┬« 195' d='M11.909-69.39v3.252A5.194,5.194,0,0,0,9.6-63.127a17.6,17.6,0,0,0-.769,5.735v1.011h4.175v9.756H3.252v-7.295q0-6.636,2.153-10.5A9.916,9.916,0,0,1,11.909-69.39Zm-16.26,0v3.252a5.194,5.194,0,0,0-2.307,3.01,17.6,17.6,0,0,0-.769,5.735v1.011h4.175v9.756h-9.756v-7.295q0-6.636,2.153-10.5A9.916,9.916,0,0,1-4.351-69.39Z' transform='translate(13.008 69.39)'/%3E %3C/svg%3E");

}



@media (min-width: 20em) and (max-width: 64.0525em) {

  .generic-carousel .carousel.slide .carousel-inner .item .inner-wrapper .text p:before {

    display: none;

  }

}



.generic-carousel .carousel.slide .carousel-inner .item .inner-wrapper .text p:after {

  position: absolute;

  content: " ";

  display: flex;

  align-items: center;

  justify-content: center;

  right: 1rem;

  bottom: -3rem;

  height: 2.4rem;

  width: 2.9rem;

  background-repeat: no-repeat;

  background-size: contain;

  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='26.016' height='22.764' viewBox='0 0 26.016 22.764'%3E %3Cpath id='Trac├®_196' data-name='Trac├® 196' d='M-11.909-46.626v-3.252A5,5,0,0,0-9.6-52.866a17.975,17.975,0,0,0,.769-5.8v-.967h-4.175V-69.39h9.756v7.295q0,6.68-2.175,10.547A9.827,9.827,0,0,1-11.909-46.626Zm16.26,0v-3.252a5,5,0,0,0,2.307-2.988,17.975,17.975,0,0,0,.769-5.8v-.967H3.252V-69.39h9.756v7.295q0,6.68-2.175,10.547A9.827,9.827,0,0,1,4.351-46.626Z' transform='translate(13.008 69.39)'/%3E %3C/svg%3E");

}



@media (min-width: 20em) and (max-width: 64.0525em) {

  .generic-carousel .carousel.slide .carousel-inner .item .inner-wrapper .text p:after {

    display: none;

  }

}



@media (min-width: 20em) and (max-width: 64.0525em) {

  .generic-carousel .carousel.slide .carousel-inner .item .inner-wrapper .text p {

    margin-right: 3rem;

  }

}



@media (min-width: 20em) and (max-width: 64.0525em) {

  .generic-carousel .carousel.slide .carousel-inner .item .inner-wrapper .text {

    padding-bottom: 2rem;

    padding-left: 3rem;

  }

}



@media (min-width: 20em) and (max-width: 64.0525em) {

  .generic-carousel .carousel.slide .carousel-inner .item .inner-wrapper {

    display: flex;

    flex-direction: column;

  }

}



@media (min-width: 20em) and (max-width: 64.0525em) {

  .generic-carousel .carousel.slide .carousel-inner {

    height: initial;

    margin-bottom: 1rem;

  }

}



.generic-carousel .carousel.slide .carousel-indicators {

  position: absolute;

  bottom: -3rem;

}



.generic-carousel .carousel.slide .carousel-indicators li {

  border: 1px solid #1F206B !important;

}



.generic-carousel .carousel.slide .carousel-indicators li.active {

  background: #1F206B;

}



@media (min-width: 20em) and (max-width: 64.0525em) {

  .generic-carousel .carousel.slide .carousel-indicators li {

    padding: 1rem;

  }

}



@media (min-width: 20em) and (max-width: 64.0525em) {

  .generic-carousel .carousel.slide .carousel-indicators {

    bottom: 0;

  }

}



@media (min-width: 20em) and (max-width: 64.0525em) {

  .generic-carousel .carousel.slide {

    height: initial;

  }

}



.generic-carousel .glyphicon-chevron-left {

  height: initial;

  width: initial;

  padding: initial;

  margin: initial;

  left: -22px !important;

}



.generic-carousel .glyphicon-chevron-left:before {

  display: block;

  content: " ";

  width: 6rem;

  height: 12rem;

  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13.549' height='24.364' viewBox='0 0 13.549 24.364'%3E %3Cpath id='Trac├®_213' data-name='Trac├® 213' d='M65.574,1234.931l12.469,12.411-6.083,5.477-6.386,5.75' transform='translate(78.77 1258.94) rotate(180)' fill='none' stroke='%237b7b7b' stroke-width='1'/%3E %3C/svg%3E");

  background-repeat: no-repeat;

  background-position: center;

  background-size: 100%;

  transform: scale(0.6);

}



@media (min-width: 20em) and (max-width: 64.0525em) {

  .generic-carousel .glyphicon-chevron-left:before {

    transform: scale(0.4);

  }

}



.generic-carousel .glyphicon-chevron-right {

  height: initial;

  width: initial;

  padding: initial;

  margin: initial;

  right: -22px !important;

}



.generic-carousel .glyphicon-chevron-right:before {

  display: block;

  content: " ";

  width: 6rem;

  height: 12rem;

  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13.549' height='24.364' viewBox='0 0 13.549 24.364'%3E %3Cpath id='Trac├®_212' data-name='Trac├® 212' d='M65.574,1234.931l12.469,12.411-12.469,11.227' transform='translate(-65.222 -1234.576)' fill='none' stroke='%237b7b7b' stroke-width='1'/%3E %3C/svg%3E");

  background-repeat: no-repeat;

  background-position: center;

  background-size: 100%;

  transform: scale(0.6);

}



@media (min-width: 20em) and (max-width: 64.0525em) {

  .generic-carousel .glyphicon-chevron-right:before {

    transform: scale(0.4);

  }

}



@media (min-width: 20em) and (max-width: 47.99em) {

  .generic-carousel {

    padding: 0;

    margin: 2rem 0;

  }

}



@media (min-width: 48em) and (max-width: 64.0525em) {

  .generic-carousel {

    width: 60vw;

  }

}



#newsletter-confirm-lightbox {

  position: fixed;

  z-index: 10000;

  height: 100%;

  width: 100%;

  background: white;

}



#newsletter-confirm-lightbox .header {

  height: 8rem;

  display: flex;

  flex-direction: row;

  justify-content: space-between;

}



#newsletter-confirm-lightbox .header .logo {

  height: 100%;

  display: flex;

}



#newsletter-confirm-lightbox .header .logo img {

  height: 60%;

  margin: 1.5rem;

}



#newsletter-confirm-lightbox .header .btn-rdv-close-newsletter {

  height: 100%;

  display: flex;

}



#newsletter-confirm-lightbox .header .btn-rdv-close-newsletter img {

  height: 60%;

  margin: 1.5rem;

}



#newsletter-confirm-lightbox .header .btn-rdv-close-newsletter:hover {

  cursor: pointer;

}



@media (min-width: 20em) and (max-width: 64.0525em) {

  #newsletter-confirm-lightbox .header {

    height: 6rem;

  }

}



#newsletter-confirm-lightbox .newsletter-confirm .wrapper {

  width: 38%;

  margin: auto;

  display: flex;

  align-items: center;

  justify-content: center;

  text-align: center;

}



#newsletter-confirm-lightbox .newsletter-confirm .wrapper form .sender input.form-control {

  width: 40%;

  margin: 1rem auto;

}



@media (min-width: 20em) and (max-width: 64.0525em) {

  #newsletter-confirm-lightbox .newsletter-confirm .wrapper form .sender input.form-control {

    width: 91%;

  }

}



#newsletter-confirm-lightbox .newsletter-confirm .wrapper form .sender button {

  margin: 1rem auto;

  border: none !important;

}



@media (min-width: 20em) and (max-width: 64.0525em) {

  #newsletter-confirm-lightbox .newsletter-confirm .wrapper form .sender button {

    font-size: 1.6rem !important;

  }

}



#newsletter-confirm-lightbox .newsletter-confirm .wrapper form .g-recaptcha div {

  margin: auto;

}



@media (min-width: 20em) and (max-width: 64.0525em) {

  #newsletter-confirm-lightbox .newsletter-confirm .wrapper {

    width: 90%;

    padding: 2.1rem;

  }

}



.is-outlined {

  border: 3px solid #1F206B;

}



.has-shadow,

section.plans-and-lots .wrapper .main .lots .lot:hover {

  box-shadow: 0px 0px 1rem rgba(0, 0, 0, 0.5);

}



.has-inner-shadow {

  box-shadow: inset 0px 0px 20px 0px rgba(0, 0, 0, 0.48);

}



.is-animated,

#nos-videos .wrapper .video_wrapper .video img,

#nos-videos .wrapper .video_wrapper .video:before,

#nos-videos .wrapper .video_wrapper .video:hover img,

#nos-videos .wrapper .video_wrapper .video:hover:before {

  transition: all 0.5s;

}

#formulaires-contact .form-wrapper .form-control-select{
  border-radius: 4px;
}


.has-white-gradient,

section#contacts #previewprojetsslide1 #formulaires-contact .wrapper form .form-wrapper .image:before {

  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&1+0,0+100;White+to+Transparent */

  background: -moz-linear-gradient(0deg, white 0%, rgba(255, 255, 255, 0) 22%);

  /* FF3.6-15 */

  background: -webkit-linear-gradient(0deg, white 0%, rgba(255, 255, 255, 0) 22%);

  /* Chrome10-25,Safari5.1-6 */

  background: linear-gradient(0deg, white 0%, rgba(255, 255, 255, 0) 22%);

  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#00ffffff', GradientType=1);

  /* IE6-9 fallback on horizontal gradient */

}



.fancybox-slide {

  background: black !important;

}



.fancybox-button.fancybox-button--close {

  margin-right: 2rem;

}



.fancybox-button.fancybox-button--close .svg path {

  fill: #1F206B !important;

}



span.anchor {

  z-index: 10000;

  height: 0;

  overflow: hidden;

}



span.anchor:target {

  padding-top: 9.3rem;

  margin-top: -9.3rem;

  z-index: -22;

}



#map {

  height: 100%;

}



#map-overlay {

  position: absolute;

  top: 0;

  width: 0;

  height: 0;

  z-index: 0;

  display: none;

}



.map-overlay-show {

  background-color: #f8f8f8;

  width: 25% !important;

  height: 100% !important;

}



.map-overlay-show .content {

  margin-top: 130px;

  text-align: left;

  padding-left: 10px;

}



.img_content {

  width: 150px;

}



.title_content {

  font-size: 20px;

  color: #133b88;

}



.subtitle_content {

  font-size: 10px;

}



.tel_content {

  color: #82BE00;

}



.contact_content {

  font-size: 15px;

  color: #133b88;

  margin-top: 10px;

}



.adresse_content {

  color: #ada5a5;

}



.close_pop_up_maps {

  position: absolute;

  color: #82BE00;

  top: 130px;

  right: 20px;

  width: 40px;

  cursor: pointer;

}



.dispo_content {

  font-size: 12px;

  padding-top: 18px;

}



.encours {

  font-size: 14px;

}



/*fancybox*/

.fancybox-container {

  position: absolute !important;

  border-radius: 6px;

  overflow: hidden;

  box-shadow: 0px 0px 1rem rgba(0, 0, 0, 0.5);

}



.fancybox-slide {

  padding: 0 !important;

}



.fancybox-inner {

  box-shadow: 0px 0px 42px 5px rgba(0, 0, 0, 0.5);

}



.fancybox-stage {

  background: white;

}



#map {

  height: 100%;

}



#map-overlay {

  position: absolute;

  top: 0;

  width: 0;

  height: 0;

  z-index: 0;

  display: none;

}



.map-overlay-show {

  background-color: #f8f8f8;

  width: 25% !important;

  height: 100% !important;

}



.map-overlay-show .content {

  margin-top: 130px;

  text-align: left;

  padding-left: 10px;

}



.img_content {

  width: 150px;

}



.title_content {

  font-size: 20px;

  color: #133b88;

}



.subtitle_content {

  font-size: 10px;

}



.tel_content {

  color: #82BE00;

}



.contact_content {

  font-size: 15px;

  color: #133b88;

  margin-top: 10px;

}



.adresse_content {

  color: #ada5a5;

}



.close_pop_up_maps {

  position: absolute;

  color: #82BE00;

  top: 130px;

  right: 20px;

  width: 40px;

  cursor: pointer;

}



.dispo_content {

  font-size: 12px;

  padding-top: 18px;

}



.encours {

  font-size: 14px;

}



.fancybox-container {

  position: absolute !important;

  border-radius: 6px;

  overflow: hidden;

  box-shadow: 0px 0px 1rem rgba(0, 0, 0, 0.5);

}



@media (min-width: 20em) and (max-width: 64.0525em) {

  .fancybox-container {

    position: fixed !important;

    height: 100vh;

    width: 100vw;

  }

}



.fancybox-slide {

  padding: 0 !important;

}



.fancybox-inner {

  box-shadow: 0px 0px 42px 5px rgba(0, 0, 0, 0.43);

}



.fancybox-stage {

  background: white;

}



#print_sheet {

  visibility: hidden;

  text-align: center;

  position: absolute;

  display: none;

}



textarea::placeholder {

  color: transparent !important;

}



h2.for-videos {

  width: 106rem;

  margin: auto;

  font-size: 2.2rem;

  border-bottom: 1px solid rebeccapurple;

  padding-bottom: 1rem;

  margin-bottom: 1rem;

}



h2.for-videos:nth-of-type(2) {

  margin-top: 2rem;

}



@media (min-width: 20em) and (max-width: 64.0525em) {

  h2.for-videos {

    width: 100%;

  }

}



section.site-selector {

  height: 35rem;

}



section.site-selector .wrapper {

  width: 100%;

  max-width: 1366px;

  height: 100%;

  margin: auto;

  padding: 0 5rem;

  display: flex;

  flex-direction: column;

  align-content: center;

  justify-content: space-between;

}



section.site-selector .wrapper .line1 {

  display: flex;

  align-items: flex-end;

  justify-content: space-around;

  padding-bottom: 3rem;

}



section.site-selector .wrapper .line1 .title {

  display: flex;

  align-items: center;

  width: 100%;

}



section.site-selector .wrapper .line1 .title h2 {

  font-weight: 300;

  font-size: 30px;

  color: #181851;

}



@media (min-width: 20em) and (max-width: 64.0525em) {

  section.site-selector .wrapper .line1 .title h2 {

    font-size: 2.4rem;

    margin-top: 6rem;

  }

}



section.site-selector .wrapper .line1 nav {

  height: 5rem;

  display: flex;

  align-items: flex-end;

  justify-content: flex-end;

  width: 100%;

  position: relative;

}



section.site-selector .wrapper .line1 nav ul {

  display: flex;

  align-items: center;

  justify-content: flex-end;

  width: 100%;

  height: 100%;

  margin: 0;

  padding: 0;

}



section.site-selector .wrapper .line1 nav ul li {

  height: 100%;

  margin: 1rem;

  list-style-type: none;

  text-align: center;

  flex-grow: 0;

  justify-content: flex-end;

  display: flex;

  align-items: center;

  padding: 0 1rem;

  white-space: nowrap;

}



section.site-selector .wrapper .line1 nav ul li a {

  color: #181851;

  font-size: 14px;

  height: 100%;

  display: flex;

  align-items: center;

  justify-content: center;

}



section.site-selector .wrapper .line1 nav ul li a:hover {

  text-decoration: none;

  cursor: pointer;

}



@media (min-width: 20em) and (max-width: 64.0525em) {

  section.site-selector .wrapper .line1 nav ul li a {

    font-size: 1.4rem;

  }

}



@media (min-width: 20em) and (max-width: 64.0525em) {

  section.site-selector .wrapper .line1 nav ul li {

    padding: 0 0.3rem;

  }

}



section.site-selector .wrapper .line1 nav ul li:hover {

  margin-botmaintom: -3px;

  border-top: 3px solid #181851;

}



@media (min-width: 20em) and (max-width: 64.0525em) {

  section.site-selector .wrapper .line1 nav ul {

    justify-content: flex-start;

    overflow-x: scroll;

    width: 90%;

    margin-right: auto;

    padding-right: 4rem;

    position: relative;

  }



  section.site-selector .wrapper .line1 nav ul a {

    font-size: 1.1rem;

  }

}



@media screen and (max-width: 600px) {

  section.site-selector .wrapper .line1 nav {

    height: 7rem;

  }

  section.site-selector .wrapper .line1 nav ul{
    flex-wrap: wrap;
  }

  section.site-selector .wrapper .line1 nav ul li{
    height: 25px !important;
    margin: 0 8px !important;
  }

  section.site-selector .wrapper .line1 nav ul li a#all-button{
    height: 25px;
  }


  /* section.site-selector .wrapper .line1 nav:after {

    overflow-x: scroll;

    content: " ";

    position: absolute;

    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 22 22'%3E %3Cdefs id='defs3051'%3E %3Cstyle type='text/css' id='current-color-scheme'%3E .ColorScheme-Text %7B color:%234d4d4d; %7D %3C/style%3E %3C/defs%3E %3Cpath style='fill:currentColor;fill-opacity:1;stroke:none' d='m7.707031 3l-.707031.707031 6.125 6.125 1.167969 1.167969-1.167969 1.167969-6.125 6.125.707031.707031 6.125-6.125 1.875-1.875-1.875-1.875-6.125-6.125' class='ColorScheme-Text' /%3E %3C/svg%3E");

    right: 0;

    width: 3rem;

    height: 3rem;

    top: 18%;

  } */

}



@media (min-width: 20em) and (max-width: 64.0525em) {

  section.site-selector .wrapper .line1 {

    flex-direction: column;

    padding-bottom: 0;

  }

}



section.site-selector .wrapper .line2 {

  position: relative;

  height: 22rem;

}



section.site-selector .wrapper .line2 .swiper-container .swiper-wrapper .swiper-slide {

  width: 30rem;

  height: 25rem;

  box-shadow: 0px 6px 10px #00000034;

  border-radius: 10px;

  opacity: 1;

  display: flex;

  flex-direction: column;

  justify-content: flex-end;

  align-items: flex-start;

  padding: 0.6rem;

  color: white;

  position: relative;

  overflow: hidden;

  transition: all 1s;

  min-height: initial !important;

  margin-right: 1.3rem;

}



section.site-selector .wrapper .line2 .swiper-container .swiper-wrapper .swiper-slide:after {

  position: absolute;

  content: " ";

  background: linear-gradient(0deg, #151646, transparent);

  height: 100%;

  width: 100%;

  left: 0;

  top: 0;

  z-index: -1;

}



section.site-selector .wrapper .line2 .swiper-container .swiper-wrapper .swiper-slide .location,

section.site-selector .wrapper .line2 .swiper-container .swiper-wrapper .swiper-slide .subtitle {

  transition: all 1s;

  margin-left: 0.4rem;

}



section.site-selector .wrapper .line2 .swiper-container .swiper-wrapper .swiper-slide .location {

  z-index: 1;

  font-size: 2rem;

  margin-bottom: 0.1rem;

}



@media (min-width: 20em) and (max-width: 64.0525em) {

  section.site-selector .wrapper .line2 .swiper-container .swiper-wrapper .swiper-slide .location {

    font-size: 2rem;

  }

}



section.site-selector .wrapper .line2 .swiper-container .swiper-wrapper .swiper-slide .subtitle {

  z-index: 2;

  font-size: 1.2rem;

  margin-bottom: 1rem;

}



@media (min-width: 20em) and (max-width: 64.0525em) {

  section.site-selector .wrapper .line2 .swiper-container .swiper-wrapper .swiper-slide .subtitle {

    font-size: 1.4rem;

  }

}

section .swiper-item .slide-details__home{
  text-align:left;
}



section.site-selector .wrapper .line2 .swiper-container .swiper-wrapper .swiper-slide .details {

  visibility: hidden;

  height: 0 !important;

  opacity: 0;

  transition: visibility 0s, opacity 0.5s linear;

}



section.site-selector .wrapper .line2 .swiper-container .swiper-wrapper .swiper-slide .details .line.surface p,

section.site-selector .wrapper .line2 .swiper-container .swiper-wrapper .swiper-slide .details .line.price p {

  margin: 0;

  padding: 0;

}



section.site-selector .wrapper .line2 .swiper-container .swiper-wrapper .swiper-slide .details .line.surface .dot,

section.site-selector .wrapper .line2 .swiper-container .swiper-wrapper .swiper-slide .details .line.price .dot {

  opacity: 0;

}



section.site-selector .wrapper .line2 .swiper-container .swiper-wrapper .swiper-slide img {

  position: absolute;

  height: 127.6%;

  width: 100%;

  left: 0;

  object-fit: cover;

  margin-top: 37px;

  object-position: bottom;

  z-index: -1;

  top: -6.1rem;

}



@media (min-width: 20em) and (max-width: 64.0525em) {

  section.site-selector .wrapper .line2 .swiper-container .swiper-wrapper .swiper-slide img {

    height: 137%;

    transform: scale(1.3);

  }

}



@media (min-width: 20em) and (max-width: 64.0525em) {

  section.site-selector .wrapper .line2 .swiper-container .swiper-wrapper .swiper-slide {

    width: 100% !important;

    height: 26rem;

    margin-bottom: 1.5rem;

    padding: 1.5rem;

  }

}



section.site-selector .wrapper .line2 .swiper-container .swiper-wrapper .swiper-slide:hover {

  height: 341px;

  cursor: pointer;

  transition: all 1s;

}



section.site-selector .wrapper .line2 .swiper-container .swiper-wrapper .swiper-slide:hover .location {

  bottom: 10.5rem;

  transition: all 1s;

}



@media (min-width: 20em) and (max-width: 64.0525em) {

  section.site-selector .wrapper .line2 .swiper-container .swiper-wrapper .swiper-slide:hover .location {

    margin: 0;

  }

}



section.site-selector .wrapper .line2 .swiper-container .swiper-wrapper .swiper-slide:hover .subtitle {

  bottom: 9.7rem;

  transition: all 1s;

}



@media (min-width: 20em) and (max-width: 64.0525em) {

  section.site-selector .wrapper .line2 .swiper-container .swiper-wrapper .swiper-slide:hover .subtitle {

    margin: 0;

  }

}



section.site-selector .wrapper .line2 .swiper-container .swiper-wrapper .swiper-slide:hover .details {

  height: initial !important;

  transition: all 1s;

  width: 97%;

  left: 0;

  margin: 0.5rem;

  visibility: visible;

  opacity: 1;

  transition: all 1s;

}



section.site-selector .wrapper .line2 .swiper-container .swiper-wrapper .swiper-slide:hover .details .statut {

  font-size: 1.1rem;

  font-weight: bold;

}



section.site-selector .wrapper .line2 .swiper-container .swiper-wrapper .swiper-slide:hover .details .line {

  margin-bottom: 0.5rem;

}



section.site-selector .wrapper .line2 .swiper-container .swiper-wrapper .swiper-slide:hover .details .line.surface,

section.site-selector .wrapper .line2 .swiper-container .swiper-wrapper .swiper-slide:hover .details .line.price,

section.site-selector .wrapper .line2 .swiper-container .swiper-wrapper .swiper-slide:hover .details .line.statut {

  display: flex;

  align-items: flex-end;

  justify-content: space-between;

}



section.site-selector .wrapper .line2 .swiper-container .swiper-wrapper .swiper-slide:hover .details .line.surface p,

section.site-selector .wrapper .line2 .swiper-container .swiper-wrapper .swiper-slide:hover .details .line.price p,

section.site-selector .wrapper .line2 .swiper-container .swiper-wrapper .swiper-slide:hover .details .line.statut p {

  margin: 0;

  padding: 0;

}



section.site-selector .wrapper .line2 .swiper-container .swiper-wrapper .swiper-slide:hover .details .line.surface .dot,

section.site-selector .wrapper .line2 .swiper-container .swiper-wrapper .swiper-slide:hover .details .line.price .dot,

section.site-selector .wrapper .line2 .swiper-container .swiper-wrapper .swiper-slide:hover .details .line.statut .dot {

  flex-grow: 1;

  margin: 0 0.2rem;

  opacity: 1;

  overflow: hidden;

  height: 0.9rem;

  color: transparent;

  position: relative;

}



section.site-selector .wrapper .line2 .swiper-container .swiper-wrapper .swiper-slide:hover .details .line.surface .dot:before,

section.site-selector .wrapper .line2 .swiper-container .swiper-wrapper .swiper-slide:hover .details .line.price .dot:before,

section.site-selector .wrapper .line2 .swiper-container .swiper-wrapper .swiper-slide:hover .details .line.statut .dot:before {

  width: 100%;

  color: gray;

  content: "................................................................................................................................................................................................................... ";

}



@media (min-width: 20em) and (max-width: 64.0525em) {



  section.site-selector .wrapper .line2 .swiper-container .swiper-wrapper .swiper-slide:hover .details .line.surface,

  section.site-selector .wrapper .line2 .swiper-container .swiper-wrapper .swiper-slide:hover .details .line.price,

  section.site-selector .wrapper .line2 .swiper-container .swiper-wrapper .swiper-slide:hover .details .line.statut {

    margin-left: 0;

  }

}



section.site-selector .wrapper .line2 .swiper-container .swiper-wrapper .swiper-slide:hover .details .line .place,

section.site-selector .wrapper .line2 .swiper-container .swiper-wrapper .swiper-slide:hover .details .line .from,

section.site-selector .wrapper .line2 .swiper-container .swiper-wrapper .swiper-slide:hover .details .line .surface,

section.site-selector .wrapper .line2 .swiper-container .swiper-wrapper .swiper-slide:hover .details .line .price {

  white-space: nowrap;

  font-size: 1.5rem;

}



@media (min-width: 20em) and (max-width: 64.0525em) {



  section.site-selector .wrapper .line2 .swiper-container .swiper-wrapper .swiper-slide:hover .details .line .place,

  section.site-selector .wrapper .line2 .swiper-container .swiper-wrapper .swiper-slide:hover .details .line .from,

  section.site-selector .wrapper .line2 .swiper-container .swiper-wrapper .swiper-slide:hover .details .line .surface,

  section.site-selector .wrapper .line2 .swiper-container .swiper-wrapper .swiper-slide:hover .details .line .price {

    font-size: 2rem;

  }

}



section.site-selector .wrapper .line2 .swiper-container .swiper-wrapper .swiper-slide:hover .details .line .price,

section.site-selector .wrapper .line2 .swiper-container .swiper-wrapper .swiper-slide:hover .details .line .surface {

  font-size: 2rem;

}



section.site-selector .wrapper .line2 .swiper-container .swiper-wrapper .swiper-slide:hover .details .fees {

  font-size: 1rem;

  margin-bottom: 0.5rem;

}



section.site-selector .wrapper .line2 .swiper-container .swiper-wrapper .swiper-slide:hover .details .fees p {

  margin: 0;

}



@media (min-width: 20em) and (max-width: 64.0525em) {

  section.site-selector .wrapper .line2 .swiper-container .swiper-wrapper .swiper-slide:hover .details .fees {

    margin-left: 0;

  }

}



section.site-selector .wrapper .line2 .swiper-container .swiper-wrapper .swiper-slide:hover .details .more-details {

  display: flex;

  justify-content: space-between;

  color: #181851;

  height: 3.7rem;

}



section.site-selector .wrapper .line2 .swiper-container .swiper-wrapper .swiper-slide:hover .details .more-details .button {

  margin: 0;

  flex-grow: 1;

  height: 3.6rem;

  border-radius: 6px;

  color: #181851 !important;

}



section.site-selector .wrapper .line2 .swiper-container .swiper-wrapper .swiper-slide:hover .details .more-details .button:nth-of-type(1) {

  background: white;

  margin-right: 0.4rem;

  white-space: nowrap;

  font-size: 1.7rem;

  display: flex;

  justify-content: flex-start;

  font-weight: 500;

}



section.site-selector .wrapper .line2 .swiper-container .swiper-wrapper .swiper-slide:hover .details .more-details .button:nth-of-type(1) .picto {

  height: 2rem;

  width: 2rem;

  display: flex;

  align-items: center;

  justify-content: center;

  padding: 1rem;

  margin-right: 1rem;

}



section.site-selector .wrapper .line2 .swiper-container .swiper-wrapper .swiper-slide:hover .details .more-details .button:nth-of-type(1) .picto i {

  font-size: 2.4rem;

  color: #181851;

}



section.site-selector .wrapper .line2 .swiper-container .swiper-wrapper .swiper-slide:hover .details .more-details .button:nth-of-type(1) .picto img {

  position: relative;

  margin: 0;

  padding: 0;

  height: 100%;

  width: 100%;

}



@media (min-width: 20em) and (max-width: 64.0525em) {

  section.site-selector .wrapper .line2 .swiper-container .swiper-wrapper .swiper-slide:hover .details .more-details .button:nth-of-type(1) {

    display: flex;

    align-items: center;

    justify-content: flex-start;

    font-size: 1.8rem;

    padding: 0;

    padding-left: 0px;

    padding-left: 1rem;

  }



  section.site-selector .wrapper .line2 .swiper-container .swiper-wrapper .swiper-slide:hover .details .more-details .button:nth-of-type(1) .picto i {

    font-size: 2.2rem;

  }

}



@media (min-width: 20em) and (max-width: 64.0525em) {

  section.site-selector .wrapper .line2 .swiper-container .swiper-wrapper .swiper-slide:hover .details .more-details .button:nth-of-type(1) {

    height: 100%;

  }

}



section.site-selector .wrapper .line2 .swiper-container .swiper-wrapper .swiper-slide:hover .details .more-details .button:nth-of-type(2) {

  background: #82BE00;

  width: 3.6rem;

  height: 3.6rem;

  position: relative;

}



section.site-selector .wrapper .line2 .swiper-container .swiper-wrapper .swiper-slide:hover .details .more-details .button:nth-of-type(2):after {

  content: " ";

  position: absolute;

  padding: 1rem;

  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='27.182' height='27.21' viewBox='0 0 27.182 27.21'%3E%3Cdefs%3E%3Cstyle%3E.a%7Bfill:%23fff;%7D%3C/style%3E%3C/defs%3E%3Cg transform='translate(-1.001 0)'%3E%3Cpath class='a' d='M229.713,387.547a.532.532,0,1,0,.752,0A.533.533,0,0,0,229.713,387.547Zm0,0' transform='translate(-217.301 -366.804)'/%3E%3Cpath class='a' d='M25.985,19.821,21.95,16.39a.545.545,0,0,0-.059-.043,2.641,2.641,0,0,0-3.305.363l-2.2,2.2a.53.53,0,0,1-.579.115,14.417,14.417,0,0,1-6.065-4.6,10.7,10.7,0,0,1-1.654-2.941.528.528,0,0,0-.032-.11A.529.529,0,0,1,8.17,10.8l2.2-2.2a2.641,2.641,0,0,0,.363-3.305l-.017-.025L7.8,1.217A2.657,2.657,0,0,0,3.69.778l-.441.441h0L1.676,2.793C-.2,4.668-.507,7.487.789,10.944a27.043,27.043,0,0,0,6.254,9.125,27.17,27.17,0,0,0,9.372,6.369c3.02,1.1,6.233,1.239,8.507-1.035L26.4,23.92A2.657,2.657,0,0,0,25.985,19.821Zm-4.693-2.6,4.031,3.428a.523.523,0,0,0,.059.043,1.6,1.6,0,0,1,.271,2.473l-.11.11-6.876-5.148.671-.671A1.584,1.584,0,0,1,21.291,17.225ZM6.914,1.8l.017.025L9.844,5.874a1.584,1.584,0,0,1-.225,1.971l-.65.65L4.317,1.655l.125-.125A1.6,1.6,0,0,1,6.914,1.8ZM16.779,25.44a26.1,26.1,0,0,1-8.985-6.123,25.972,25.972,0,0,1-6.01-8.747C.99,8.452.457,5.514,2.427,3.544L3.552,2.42,8.2,9.26l-.785.785a1.588,1.588,0,0,0-.364,1.692,11.8,11.8,0,0,0,1.718,3.17,15.589,15.589,0,0,0,6.627,5.1,1.59,1.59,0,0,0,1.737-.346l.77-.77,6.876,5.148-.614.614C22.058,26.764,18.985,26.246,16.779,25.44Zm0,0' transform='translate(1 0)'/%3E%3Cpath class='a' d='M100.344,258.255c-.561-.493-1.532-1.339-2.044-1.866a34.89,34.89,0,0,1-3.352-3.979.532.532,0,0,0-.874.606,35.988,35.988,0,0,0,3.463,4.115c.54.556,1.519,1.41,2.1,1.924a.531.531,0,0,0,.7-.8Zm0,0' transform='translate(-88.93 -238.78)'/%3E%3C/g%3E%3C/svg%3E");

  background-size: 50.9%;

  background-repeat: no-repeat;

  width: 100%;

  height: 100%;

  background-position: center;

}



@media (min-width: 20em) and (max-width: 64.0525em) {

  section.site-selector .wrapper .line2 .swiper-container .swiper-wrapper .swiper-slide:hover .details .more-details .button:nth-of-type(2):after {

    padding: 0;

    background-size: 36%;

  }

}



@media (min-width: 20em) and (max-width: 64.0525em) {

  section.site-selector .wrapper .line2 .swiper-container .swiper-wrapper .swiper-slide:hover .details .more-details .button:nth-of-type(2) {

    height: 100%;

  }

}



@media (min-width: 20em) and (max-width: 64.0525em) {

  section.site-selector .wrapper .line2 .swiper-container .swiper-wrapper .swiper-slide:hover .details .more-details {

    height: 4.7rem;

  }

}



@media (min-width: 20em) and (max-width: 64.0525em) {

  section.site-selector .wrapper .line2 .swiper-container .swiper-wrapper .swiper-slide:hover .details {

    padding: 0;

    width: 100%;

  }

}



@media (min-width: 20em) and (max-width: 64.0525em) {

  section.site-selector .wrapper .line2 .swiper-container .swiper-wrapper .swiper-slide:hover {

    height: 36rem;

  }



  section.site-selector .wrapper .line2 .swiper-container .swiper-wrapper .swiper-slide:hover .location {

    top: 12rem;

    font-size: 2.1rem;

  }



  section.site-selector .wrapper .line2 .swiper-container .swiper-wrapper .swiper-slide:hover .subtitle {

    top: 14rem;

    font-size: 1.7rem;

    margin-bottom: 2rem;

  }



  section.site-selector .wrapper .line2 .swiper-container .swiper-wrapper .swiper-slide:hover .details {

    top: 0;

    margin: 0 !important;

    padding: 0 !important;

    height: fit-content !important;

  }



  section.site-selector .wrapper .line2 .swiper-container .swiper-wrapper .swiper-slide:hover .details .place {

    font-size: 1.3rem !important;

  }



  section.site-selector .wrapper .line2 .swiper-container .swiper-wrapper .swiper-slide:hover .details .surface {

    font-size: 1.3rem;

  }



  section.site-selector .wrapper .line2 .swiper-container .swiper-wrapper .swiper-slide:hover .details .from {

    font-size: 1rem;

  }



  section.site-selector .wrapper .line2 .swiper-container .swiper-wrapper .swiper-slide:hover .details .price {

    font-size: 1.2rem;

  }



  section.site-selector .wrapper .line2 .swiper-container .swiper-wrapper .swiper-slide:hover .details .fees {

    font-size: 1rem !important;

  }

}



@media (min-width: 20em) and (max-width: 64.0525em) {

  section.site-selector .wrapper .line2 .swiper-container .swiper-wrapper {

    display: flex;

    flex-direction: column;

    transform: inherit;

  }

}



@media (min-width: 20em) and (max-width: 64.0525em) {

  section.site-selector .wrapper .line2 .swiper-container {

    height: initial;

    padding-top: 2rem;

  }

}



section.site-selector .wrapper .line2 .swiper-container-new {

  width: 100%;

  margin: auto;

  position: relative;

}



section.site-selector .wrapper .line2 .swiper-container-new .swiper-btn {

  position: absolute;

  padding: 1.6rem;

  display: flex;

  align-items: center;

  justify-content: center;

  background: red;

  top: 0;

  z-index: 100;

  height: 22rem;

}



section.site-selector .wrapper .line2 .swiper-container-new .swiper-btn.previous {

  left: 0;

  background: transparent;

}



section.site-selector .wrapper .line2 .swiper-container-new .swiper-btn.next {

  right: 0;

  background: transparent;

}



section.site-selector .wrapper .line2 .swiper-container-new .swiper-btn:hover {

  cursor: pointer;

}



@media (min-width: 20em) and (max-width: 64.0525em) {

  section.site-selector .wrapper .line2 .swiper-container-new .swiper-btn {

    display: none;

  }

}



section.site-selector .wrapper .line2 .swiper-container-new .swiper-wrapper {

  width: 93%;

}



section.site-selector .wrapper .line2 .swiper-container-new .swiper-wrapper .swiper-slide {

  width: 27rem;

  height: 25rem;

  box-shadow: 0px 6px 10px #00000034;

  border-radius: 10px;

  opacity: 1;

  display: flex;

  flex-direction: column;

  justify-content: flex-end;

  align-items: flex-start;

  padding: 0.6rem;

  color: white;

  position: relative;

  overflow: hidden;

  transition: all 1s;

  min-height: initial !important;

}



section.site-selector .wrapper .line2 .swiper-container-new .swiper-wrapper .swiper-slide img {

  position: absolute;

  height: 127.6%;

  width: 100%;

  left: 0;

  object-fit: cover;

  margin-top: 37px;

  object-position: bottom;

  z-index: -1;

  top: -6.1rem;

}



@media (min-width: 20em) and (max-width: 64.0525em) {

  section.site-selector .wrapper .line2 .swiper-container-new .swiper-wrapper .swiper-slide img {

    height: 137%;

    transform: scale(1.3);

  }

}



section.site-selector .wrapper .line2 .swiper-container-new .swiper-wrapper .swiper-slide:after {

  position: absolute;

  content: " ";

  background: linear-gradient(0deg, #151646, transparent);

  height: 100%;

  width: 100%;

  left: 0;

  top: 0;

  z-index: -1;

}



section.site-selector .wrapper .line2 .swiper-container-new .swiper-wrapper .swiper-slide .location,

section.site-selector .wrapper .line2 .swiper-container-new .swiper-wrapper .swiper-slide .subtitle {

  transition: all 1s;

  margin-left: 0.4rem;

}



section.site-selector .wrapper .line2 .swiper-container-new .swiper-wrapper .swiper-slide .location {

  z-index: 1;

  font-size: 2rem;

  margin-bottom: 0.1rem;

  text-align: left;

}



@media (min-width: 20em) and (max-width: 64.0525em) {

  section.site-selector .wrapper .line2 .swiper-container-new .swiper-wrapper .swiper-slide .location {

    font-size: 2rem;

  }

}



section.site-selector .wrapper .line2 .swiper-container-new .swiper-wrapper .swiper-slide .subtitle {

  z-index: 2;

  font-size: 1.2rem;

  margin-bottom: 1rem;

}



@media (min-width: 20em) and (max-width: 64.0525em) {

  section.site-selector .wrapper .line2 .swiper-container-new .swiper-wrapper .swiper-slide .subtitle {

    font-size: 1.4rem;

  }

}



section.site-selector .wrapper .line2 .swiper-container-new .swiper-wrapper .swiper-slide .details {

  visibility: hidden;

  height: 0 !important;

  opacity: 0;

  transition: visibility 0s, opacity 0.5s linear;

}



section.site-selector .wrapper .line2 .swiper-container-new .swiper-wrapper .swiper-slide .details .line.surface p,

section.site-selector .wrapper .line2 .swiper-container-new .swiper-wrapper .swiper-slide .details .line.price p {

  margin: 0;

  padding: 0;

}



section.site-selector .wrapper .line2 .swiper-container-new .swiper-wrapper .swiper-slide .details .line.surface .dot,

section.site-selector .wrapper .line2 .swiper-container-new .swiper-wrapper .swiper-slide .details .line.price .dot {

  opacity: 0;

}



section.site-selector .wrapper .line2 .swiper-container-new .swiper-wrapper .swiper-slide:hover {

  height: 341px;

  transition: all 1s;

}



section.site-selector .wrapper .line2 .swiper-container-new .swiper-wrapper .swiper-slide:hover .location {

  bottom: 10.5rem;

  transition: all 1s;

}



@media (min-width: 20em) and (max-width: 64.0525em) {

  section.site-selector .wrapper .line2 .swiper-container-new .swiper-wrapper .swiper-slide:hover .location {

    margin: 0;

  }

}



section.site-selector .wrapper .line2 .swiper-container-new .swiper-wrapper .swiper-slide:hover .subtitle {

  bottom: 9.7rem;

  transition: all 1s;

}



@media (min-width: 20em) and (max-width: 64.0525em) {

  section.site-selector .wrapper .line2 .swiper-container-new .swiper-wrapper .swiper-slide:hover .subtitle {

    margin: 0;

  }

}



section.site-selector .wrapper .line2 .swiper-container-new .swiper-wrapper .swiper-slide:hover .details {

  height: initial !important;

  transition: all 1s;

  width: 97%;

  left: 0;

  margin: 0.5rem;

  visibility: visible;

  opacity: 1;

  transition: all 1s;

}



section.site-selector .wrapper .line2 .swiper-container-new .swiper-wrapper .swiper-slide:hover .details .statut {

  font-size: 1.1rem;

  font-weight: bold;

}



section.site-selector .wrapper .line2 .swiper-container-new .swiper-wrapper .swiper-slide:hover .details .line {

  margin-bottom: 0.5rem;

}



section.site-selector .wrapper .line2 .swiper-container-new .swiper-wrapper .swiper-slide:hover .details .line.surface,

section.site-selector .wrapper .line2 .swiper-container-new .swiper-wrapper .swiper-slide:hover .details .line.price,

section.site-selector .wrapper .line2 .swiper-container-new .swiper-wrapper .swiper-slide:hover .details .line.statut {

  display: flex;

  align-items: flex-end;

  justify-content: space-between;

}



section.site-selector .wrapper .line2 .swiper-container-new .swiper-wrapper .swiper-slide:hover .details .line.surface p,

section.site-selector .wrapper .line2 .swiper-container-new .swiper-wrapper .swiper-slide:hover .details .line.price p,

section.site-selector .wrapper .line2 .swiper-container-new .swiper-wrapper .swiper-slide:hover .details .line.statut p {

  margin: 0;

  padding: 0;

}



section.site-selector .wrapper .line2 .swiper-container-new .swiper-wrapper .swiper-slide:hover .details .line.surface .dot,

section.site-selector .wrapper .line2 .swiper-container-new .swiper-wrapper .swiper-slide:hover .details .line.price .dot,

section.site-selector .wrapper .line2 .swiper-container-new .swiper-wrapper .swiper-slide:hover .details .line.statut .dot {

  flex-grow: 1;

  margin: 0 0.2rem;

  opacity: 1;

  overflow: hidden;

  height: 0.9rem;

  color: transparent;

  position: relative;

}



section.site-selector .wrapper .line2 .swiper-container-new .swiper-wrapper .swiper-slide:hover .details .line.surface .dot:before,

section.site-selector .wrapper .line2 .swiper-container-new .swiper-wrapper .swiper-slide:hover .details .line.price .dot:before,

section.site-selector .wrapper .line2 .swiper-container-new .swiper-wrapper .swiper-slide:hover .details .line.statut .dot:before {

  width: 100%;

  color: gray;

  content: "................................................................................................................................................................................................................... ";

}



@media (min-width: 20em) and (max-width: 64.0525em) {



  section.site-selector .wrapper .line2 .swiper-container-new .swiper-wrapper .swiper-slide:hover .details .line.surface,

  section.site-selector .wrapper .line2 .swiper-container-new .swiper-wrapper .swiper-slide:hover .details .line.price,

  section.site-selector .wrapper .line2 .swiper-container-new .swiper-wrapper .swiper-slide:hover .details .line.statut {

    margin-left: 0;

  }

}



section.site-selector .wrapper .line2 .swiper-container-new .swiper-wrapper .swiper-slide:hover .details .line .place,

section.site-selector .wrapper .line2 .swiper-container-new .swiper-wrapper .swiper-slide:hover .details .line .from,

section.site-selector .wrapper .line2 .swiper-container-new .swiper-wrapper .swiper-slide:hover .details .line .surface,

section.site-selector .wrapper .line2 .swiper-container-new .swiper-wrapper .swiper-slide:hover .details .line .price {

  white-space: nowrap;

  font-size: 1.3rem;

}



@media (min-width: 20em) and (max-width: 64.0525em) {



  section.site-selector .wrapper .line2 .swiper-container-new .swiper-wrapper .swiper-slide:hover .details .line .place,

  section.site-selector .wrapper .line2 .swiper-container-new .swiper-wrapper .swiper-slide:hover .details .line .from,

  section.site-selector .wrapper .line2 .swiper-container-new .swiper-wrapper .swiper-slide:hover .details .line .surface,

  section.site-selector .wrapper .line2 .swiper-container-new .swiper-wrapper .swiper-slide:hover .details .line .price {

    font-size: 2rem;

  }

}



section.site-selector .wrapper .line2 .swiper-container-new .swiper-wrapper .swiper-slide:hover .details .line .price,

section.site-selector .wrapper .line2 .swiper-container-new .swiper-wrapper .swiper-slide:hover .details .line .surface {

  font-size: 1.6rem;

}



section.site-selector .wrapper .line2 .swiper-container-new .swiper-wrapper .swiper-slide:hover .details .fees {

  font-size: 1rem;

  margin-bottom: 0.5rem;

}



section.site-selector .wrapper .line2 .swiper-container-new .swiper-wrapper .swiper-slide:hover .details .fees p {

  margin: 0;

}



@media (min-width: 20em) and (max-width: 64.0525em) {

  section.site-selector .wrapper .line2 .swiper-container-new .swiper-wrapper .swiper-slide:hover .details .fees {

    margin-left: 0;

  }

}



section.site-selector .wrapper .line2 .swiper-container-new .swiper-wrapper .swiper-slide:hover .details .more-details {

  cursor: pointer;

  display: grid;

  grid-template-columns: 80% 20%;

}



section.site-selector .wrapper .line2 .swiper-container-new .swiper-wrapper .swiper-slide:hover .details .more-details .button {

  margin: 0;

  flex-grow: 1;

  height: 3.6rem;

  border-radius: 6px;

  color: #181851 !important;

}



section.site-selector .wrapper .line2 .swiper-container-new .swiper-wrapper .swiper-slide:hover .details .more-details .button:nth-of-type(1) {

  background: white;

  white-space: nowrap;

  font-weight: 500;

  padding: 1rem;

  width: 100%;

  display: flex;

  justify-content: flex-start;

  font-size: 1.5rem;

}



section.site-selector .wrapper .line2 .swiper-container-new .swiper-wrapper .swiper-slide:hover .details .more-details .button:nth-of-type(1) .picto {

  height: 2rem;

  width: 2rem;

  display: flex;

  align-items: center;

  justify-content: center;

  padding: 1rem;

  margin-right: 0.5rem;

}



section.site-selector .wrapper .line2 .swiper-container-new .swiper-wrapper .swiper-slide:hover .details .more-details .button:nth-of-type(1) .picto i {

  font-size: 2.2rem;

  color: #181851;

}



section.site-selector .wrapper .line2 .swiper-container-new .swiper-wrapper .swiper-slide:hover .details .more-details .button:nth-of-type(1) .picto img {

  position: relative;

  margin: 0;

  padding: 0;

  height: 100%;

  width: 100%;

}



@media (min-width: 20em) and (max-width: 64.0525em) {

  section.site-selector .wrapper .line2 .swiper-container-new .swiper-wrapper .swiper-slide:hover .details .more-details .button:nth-of-type(1) {

    display: flex;

    align-items: center;

    justify-content: flex-start;

    font-size: 127%;

    padding-left: 1rem;

    width: 100%;

    height: 100%;

    border-radius: 1rem 0 0 1rem;

  }



  section.site-selector .wrapper .line2 .swiper-container-new .swiper-wrapper .swiper-slide:hover .details .more-details .button:nth-of-type(1) .picto i {

    font-size: 2.2rem;

  }

}



section.site-selector .wrapper .line2 .swiper-container-new .swiper-wrapper .swiper-slide:hover .details .more-details .button:nth-of-type(2) {

  background: #82BE00;

  width: 90%;

  height: 100%;

  position: relative;

  margin-left: auto;

}



section.site-selector .wrapper .line2 .swiper-container-new .swiper-wrapper .swiper-slide:hover .details .more-details .button:nth-of-type(2):after {

  content: " ";

  position: absolute;

  padding: 1rem;

  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='27.182' height='27.21' viewBox='0 0 27.182 27.21'%3E%3Cdefs%3E%3Cstyle%3E.a%7Bfill:%23fff;%7D%3C/style%3E%3C/defs%3E%3Cg transform='translate(-1.001 0)'%3E%3Cpath class='a' d='M229.713,387.547a.532.532,0,1,0,.752,0A.533.533,0,0,0,229.713,387.547Zm0,0' transform='translate(-217.301 -366.804)'/%3E%3Cpath class='a' d='M25.985,19.821,21.95,16.39a.545.545,0,0,0-.059-.043,2.641,2.641,0,0,0-3.305.363l-2.2,2.2a.53.53,0,0,1-.579.115,14.417,14.417,0,0,1-6.065-4.6,10.7,10.7,0,0,1-1.654-2.941.528.528,0,0,0-.032-.11A.529.529,0,0,1,8.17,10.8l2.2-2.2a2.641,2.641,0,0,0,.363-3.305l-.017-.025L7.8,1.217A2.657,2.657,0,0,0,3.69.778l-.441.441h0L1.676,2.793C-.2,4.668-.507,7.487.789,10.944a27.043,27.043,0,0,0,6.254,9.125,27.17,27.17,0,0,0,9.372,6.369c3.02,1.1,6.233,1.239,8.507-1.035L26.4,23.92A2.657,2.657,0,0,0,25.985,19.821Zm-4.693-2.6,4.031,3.428a.523.523,0,0,0,.059.043,1.6,1.6,0,0,1,.271,2.473l-.11.11-6.876-5.148.671-.671A1.584,1.584,0,0,1,21.291,17.225ZM6.914,1.8l.017.025L9.844,5.874a1.584,1.584,0,0,1-.225,1.971l-.65.65L4.317,1.655l.125-.125A1.6,1.6,0,0,1,6.914,1.8ZM16.779,25.44a26.1,26.1,0,0,1-8.985-6.123,25.972,25.972,0,0,1-6.01-8.747C.99,8.452.457,5.514,2.427,3.544L3.552,2.42,8.2,9.26l-.785.785a1.588,1.588,0,0,0-.364,1.692,11.8,11.8,0,0,0,1.718,3.17,15.589,15.589,0,0,0,6.627,5.1,1.59,1.59,0,0,0,1.737-.346l.77-.77,6.876,5.148-.614.614C22.058,26.764,18.985,26.246,16.779,25.44Zm0,0' transform='translate(1 0)'/%3E%3Cpath class='a' d='M100.344,258.255c-.561-.493-1.532-1.339-2.044-1.866a34.89,34.89,0,0,1-3.352-3.979.532.532,0,0,0-.874.606,35.988,35.988,0,0,0,3.463,4.115c.54.556,1.519,1.41,2.1,1.924a.531.531,0,0,0,.7-.8Zm0,0' transform='translate(-88.93 -238.78)'/%3E%3C/g%3E%3C/svg%3E");

  background-size: 50.9%;

  background-repeat: no-repeat;

  width: 100%;

  height: 100%;

  background-position: center;

}



@media (min-width: 20em) and (max-width: 64.0525em) {

  section.site-selector .wrapper .line2 .swiper-container-new .swiper-wrapper .swiper-slide:hover .details .more-details .button:nth-of-type(2):after {

    padding: 0;

    background-size: 3rem;

  }

}



@media (min-width: 20em) and (max-width: 64.0525em) {

  section.site-selector .wrapper .line2 .swiper-container-new .swiper-wrapper .swiper-slide:hover .details .more-details .button:nth-of-type(2) {

    height: 100%;

    width: 100%;

    border-radius: 0 1rem 1rem 0;

  }

}



@media (min-width: 20em) and (max-width: 64.0525em) {

  section.site-selector .wrapper .line2 .swiper-container-new .swiper-wrapper .swiper-slide:hover .details .more-details {

    height: 4.7rem;

    margin-top: 1rem;

  }

}



@media (min-width: 20em) and (max-width: 64.0525em) {

  section.site-selector .wrapper .line2 .swiper-container-new .swiper-wrapper .swiper-slide:hover .details {

    padding: 0;

    width: 100%;

  }

}



@media (min-width: 20em) and (max-width: 64.0525em) {

  section.site-selector .wrapper .line2 .swiper-container-new .swiper-wrapper .swiper-slide:hover {

    height: 36rem;

  }



  section.site-selector .wrapper .line2 .swiper-container-new .swiper-wrapper .swiper-slide:hover .location {

    top: 12rem;

    font-size: 2.1rem;

  }



  section.site-selector .wrapper .line2 .swiper-container-new .swiper-wrapper .swiper-slide:hover .subtitle {

    top: 14rem;

    font-size: 1.7rem;

    margin-bottom: 2rem;

  }



  section.site-selector .wrapper .line2 .swiper-container-new .swiper-wrapper .swiper-slide:hover .details {

    top: 0;

    margin: 0 !important;

    padding: 0 !important;

    height: fit-content !important;

  }



  section.site-selector .wrapper .line2 .swiper-container-new .swiper-wrapper .swiper-slide:hover .details .place {

    font-size: 1.3rem !important;

  }



  section.site-selector .wrapper .line2 .swiper-container-new .swiper-wrapper .swiper-slide:hover .details .surface {

    font-size: 1.3rem;

  }



  section.site-selector .wrapper .line2 .swiper-container-new .swiper-wrapper .swiper-slide:hover .details .from {

    font-size: 1rem;

  }



  section.site-selector .wrapper .line2 .swiper-container-new .swiper-wrapper .swiper-slide:hover .details .price {

    font-size: 1.2rem;

  }



  section.site-selector .wrapper .line2 .swiper-container-new .swiper-wrapper .swiper-slide:hover .details .fees {

    font-size: 1rem !important;

  }

}



@media screen and (max-width: 440px) {

  section.site-selector .wrapper .line2 .swiper-container-new .swiper-wrapper .swiper-slide {

    width: 100% !important;

    height: 26rem;

    margin-bottom: 1.5rem;

    padding: 1.5rem;

  }

}



@media screen and (max-width: 768px) {

  section.site-selector .wrapper .line2 .swiper-container-new .swiper-wrapper .swiper-slide {

    margin-right: 1.3rem;

  }

}



@media screen and (max-width: 440px) {

  section.site-selector .wrapper .line2 .swiper-container-new .swiper-wrapper {

    flex-direction: column;

  }

}



@media screen and (max-width: 768px) {

  section.site-selector .wrapper .line2 .swiper-container-new .swiper-wrapper {

    overflow-x: scroll;

  }

}



@media (min-width: 20em) and (max-width: 64.0525em) {

  section.site-selector .wrapper .line2 .swiper-container-new {

    height: initial;

    padding-top: 2rem;

  }

}



@media (min-width: 20em) and (max-width: 64.0525em) {

  section.site-selector .wrapper .line2 {

    height: initial;

  }

}



@media (min-width: 20em) and (max-width: 64.0525em) {

  section.site-selector .wrapper {

    padding: 1rem;

  }

}



@media (min-width: 20em) and (max-width: 64.0525em) {

  section.site-selector {

    padding: 0;

    height: initial;

  }

}



section.map .mapping-zone {

  height: 50rem;

}



section.map .sliding-box {

  color: white;

  padding-top: 4rem;

  background: transparent linear-gradient(252deg, #123C8B 0%, #181851 100%) 0% 0% no-repeat padding-box;

  display: flex;

  align-items: center;

  justify-content: center;

  padding-top: 10rem;

}



section.map .sliding-box .wrapper {

  width: initial;

  max-width: 1366px;

  margin: auto;

}



section.map .sliding-box .wrapper .title {

  font-size: 30px;

  font-weight: 200 !important;

  margin-bottom: 4rem;

  line-height: 4.9rem;

  color: white;

}



section.map .sliding-box .wrapper .title strong {

  font-weight: 500 !important;

}



section.map .sliding-box .wrapper .slider {

  background: transparent;

}



@media (min-width: 20em) and (max-width: 64.0525em) {

  section.map {

    display: none;

  }

}



section.go-further {

  padding: 5rem 0;

}



section.go-further .wrapper {

  width: 100%;

  max-width: 1366px;

  margin: auto;

  padding: 1vmin;

  display: flex;

  flex-direction: column;

  justify-content: center;

  align-items: center;

}



@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {

  section.go-further .wrapper section {

    width: 100%;

  }

}



section.go-further .wrapper .title {

  font-size: 30px;

  color: #181851;

}



@media (min-width: 20em) and (max-width: 64.0525em) {

  section.go-further .wrapper .title {

    font-size: 6vw !important;

  }

}



@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {

  section.go-further .wrapper .title {

    font-size: 2.6rem !important;

  }

}



section.go-further .wrapper .tabs {

  margin: 2rem 0;

  display: flex;

  align-items: center;

  justify-content: center;

  width: 100%;

}



section.go-further .wrapper .tabs .tab a {

  background: #F8F8F8;

  font-size: 1.7rem;

  margin: 1rem;

  width: 24rem;

  height: 10rem;

  border-radius: 10px;

  opacity: 1;

  display: grid;

  grid-template-columns: 30% 70%;

}



section.go-further .wrapper .tabs .tab a .text {

  color: gray;

  margin: 1rem;

  display: flex;

  align-items: center;

  justify-content: center;

}



@media (min-width: 20em) and (max-width: 64.0525em) {

  section.go-further .wrapper .tabs .tab a .text:hover {

    color: white !important;

  }

}



section.go-further .wrapper .tabs .tab a .picto {

  margin: 1.4rem;

  margin-left: 1.8rem;

  display: flex;

  align-items: center;

  justify-content: center;

}



section.go-further .wrapper .tabs .tab a .picto img {

  visibility: visible !important;

}



section.go-further .wrapper .tabs .tab.active a,

section.go-further .wrapper .tabs .tab:hover a {

  background: transparent linear-gradient(72deg, #9F0657 0%, #C41371 100%) 0% 0% no-repeat padding-box;

  text-decoration: none;

}



section.go-further .wrapper .tabs .tab.active a .text,

section.go-further .wrapper .tabs .tab:hover a .text {

  color: white !important;

}



section.go-further .wrapper .tabs .tab.active a .picto,

section.go-further .wrapper .tabs .tab:hover a .picto {

  filter: brightness(2) !important;

}



@media (min-width: 20em) and (max-width: 64.0525em) {

  section.go-further .wrapper .tabs .tab {

    width: 26rem;

  }

}



@media (min-width: 20em) and (max-width: 64.0525em) {

  section.go-further .wrapper .tabs {

    flex-direction: column;

  }

}



@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {

  section.go-further .wrapper .tabs {

    flex-direction: row;

    flex-wrap: wrap;

  }

}



section.go-further .wrapper .tab-content-1 {

  background: transparent;

  align-items: center;

  flex-direction: column;

}



section.go-further .wrapper .tab-content-1.tab-content {

  display: none;

}



section.go-further .wrapper .tab-content-1.tab-content.active {

  display: flex;

}



section.go-further .wrapper .tab-content-1.tab-content.active .video {

  display: flex;

  align-items: center;

  justify-content: center;

  width: 80%;

  height: 65vmin;

  margin: auto;

  background: #F2F2F2;

  box-shadow: 6px 6px 30px #3661D517;

}



section.go-further .wrapper .tab-content-1.tab-content.active .video .video-container {

  width: 100%;

  height: 100%;

}



@media (min-width: 20em) and (max-width: 64.0525em) {

  section.go-further .wrapper .tab-content-1.tab-content.active .video .video-container {

    width: 100%;

    height: 100%;

  }



  section.go-further .wrapper .tab-content-1.tab-content.active .video .video-container iframe {

    width: 100%;

    height: 100%;

  }

}



@media (min-width: 20em) and (max-width: 64.0525em) {

  section.go-further .wrapper .tab-content-1.tab-content.active .video {

    width: 94vmin;

    height: 53vmin;

  }

}



section.go-further .wrapper .tab-content-1.tab-content.active .conditions {

  width: 80%;

  display: grid;

  grid-template-rows: repeat(2, 1fr);

  grid-template-columns: repeat(2, 1fr);

}



section.go-further .wrapper .tab-content-1.tab-content.active .conditions .description {

  font-size: 2rem;

  grid-column-start: 1;

  grid-column-end: 3;

  display: flex;

  align-items: center;

  justify-content: center;

  font-weight: 300;

}



section.go-further .wrapper .tab-content-1.tab-content.active .conditions .description p {

  width: 83%;

  margin: 2rem;

  text-decoration: none;

}



@media (min-width: 20em) and (max-width: 64.0525em) {

  section.go-further .wrapper .tab-content-1.tab-content.active .conditions .description p {

    text-align: left;

    margin: inherit;

    width: 100%;

    margin-top: 4rem;

    margin-bottom: 4rem;

    font-size: 1.6rem;

  }

}



section.go-further .wrapper .tab-content-1.tab-content.active .conditions .details {

  font-size: 1.5rem;

}



section.go-further .wrapper .tab-content-1.tab-content.active .conditions .details dd {

  margin-bottom: 2rem;

  font-weight: 300;

  font-size: 1.5rem;

}



section.go-further .wrapper .tab-content-1.tab-content.active .conditions .cat-box {

  display: flex;

  align-items: center;

  justify-content: center;

}



section.go-further .wrapper .tab-content-1.tab-content.active .conditions .cat-box .wrapper {

  background: #F8F8F8;

  border-radius: 14px;

  padding: 2rem;

  width: 41rem;

  height: 100%;

  display: flex;

  justify-content: space-between;

}



section.go-further .wrapper .tab-content-1.tab-content.active .conditions .cat-box .wrapper .text {

  margin: 1rem;

  margin-top: 0;

  font-size: 1.4rem;

  font-weight: 300;

}



section.go-further .wrapper .tab-content-1.tab-content.active .conditions .cat-box .wrapper .button {

  font-weight: 500;

  padding: 1.5rem;

  width: 100%;

  font-size: 1.4rem;

  height: 6.4rem;

}



@media (min-width: 20em) and (max-width: 64.0525em) {

  section.go-further .wrapper .tab-content-1.tab-content.active .conditions {

    display: flex;

    flex-direction: column;

    width: 85%;

  }



  section.go-further .wrapper .tab-content-1.tab-content.active .conditions .cat-box {

    width: 100%;

  }



  section.go-further .wrapper .tab-content-1.tab-content.active .conditions .cat-box .button {

    text-align: center;

  }

}



section.go-further .wrapper .tab-content-2 {

  background: transparent;

  font-size: 14px;

}



section.go-further .wrapper .tab-content-2.tab-content {

  display: none;

}



section.go-further .wrapper .tab-content-2.tab-content.active {

  display: block;

}



section.go-further .wrapper .tab-content-2 .wrapper {

  width: 67%;

}



section.go-further .wrapper .tab-content-2 .wrapper .header {

  text-align: center;

  font-size: 2rem;

  font-weight: 300;

  width: 60%;

  margin: auto;

  margin-bottom: 3rem;

  margin-top: 2rem;

}



section.go-further .wrapper .tab-content-2 .wrapper dd {

  margin-bottom: 2rem;

  font-weight: 300;

}



section.go-further .wrapper .tab-content-2 .container {

  font-size: 14px;

}



section.go-further .wrapper .tab-content-3 {

  background: transparent;

}



section.go-further .wrapper .tab-content-3 .go-invest input,

section.go-further .wrapper .tab-content-3 .form-container input {

  padding: 0.5rem !important;

  padding-right: 3.3rem !important;

  text-align: right !important;

  margin-top: 0.6rem !important;

}



section.go-further .wrapper .tab-content-3 .header-wrapper {

  display: flex;

  flex-direction: column;

  width: 60%;

  margin: auto;

  flex-direction: column;

  justify-content: center;

  align-items: center;

}



section.go-further .wrapper .tab-content-3 .header-wrapper .notice {

  margin-top: 2rem;

  font-size: 2rem;

  font-weight: 300;

  text-align: center;

}



section.go-further .wrapper .tab-content-3 .header-wrapper .buttons {

  margin: 2rem 0;

  display: flex;

  flex-direction: row;

}



section.go-further .wrapper .tab-content-3 .header-wrapper .buttons .button {

  color: #727272;

  font-weight: 300;

}



section.go-further .wrapper .tab-content-3 .header-wrapper .buttons .button .picto {

  width: 1.1rem;

  align-items: center;

  justify-content: center;

  display: flex;

  height: 73.6%;

}



section.go-further .wrapper .tab-content-3 .header-wrapper .buttons .button .picto img {

  height: 100%;

}



@media (min-width: 20em) and (max-width: 64.0525em) {

  section.go-further .wrapper .tab-content-3 .header-wrapper .buttons .button {

    font-size: 1.2rem;

  }

}



section.go-further .wrapper .tab-content-4 {

  background: transparent;

}



section.go-further .wrapper .tab-content-4.tab-content {

  display: none;

}



section.go-further .wrapper .tab-content-4.tab-content.active {

  display: block;

}



section.go-further .wrapper .tab-content-4 .wrapper {

  display: flex;

  width: 60%;

  text-align: center;

}



section.go-further .wrapper .tab-content-4 .wrapper .logo {

  margin-bottom: 2rem;

  margin-top: 4rem;

}



section.go-further .wrapper .tab-content-4 .wrapper .text {

  font-size: 1.7rem;

  font-weight: 300;

  margin-bottom: 2rem;

}



section.go-further .wrapper .tab-content-4 .wrapper .text strong {

  font-weight: 600;

}



section.go-further .wrapper .tab-content-4 .wrapper .buttons {

  display: flex;

  flex-direction: row;

}



@media (min-width: 20em) and (max-width: 64.0525em) {

  section.go-further .wrapper .tab-content-4 .wrapper {

    width: 90%;

  }



  section.go-further .wrapper .tab-content-4 .wrapper .text {

    font-size: 1.3rem;

  }



  section.go-further .wrapper .tab-content-4 .wrapper .buttons {

    display: flex;

    flex-direction: column;

    align-items: center;

    justify-content: center;

  }



  section.go-further .wrapper .tab-content-4 .wrapper .buttons .button {

    font-size: 1.2rem;

  }



  section.go-further .wrapper .tab-content-4 .wrapper .buttons .button:nth-of-type(1) {

    margin-bottom: 1rem;

  }

}



section.go-further .wrapper .tab-content-4 a.button:first-of-type {

  margin-right: 1rem;

}



@media (min-width: 20em) and (max-width: 64.0525em) {

  section.go-further .wrapper {

    padding-top: 4rem;

  }

}



@media (min-width: 20em) and (max-width: 64.0525em) {

  section.go-further {

    padding-top: 0;

  }

}



section.ad-contact {

  display: block;

  align-items: center;

  justify-content: center;

  height: 40rem;

  margin-top: 6rem;

  background: transparent linear-gradient(252deg, #123C8B 0%, #181851 100%) 0% 0% no-repeat padding-box;

}



section.ad-contact .wrapper {

  width: 76%;

  max-width: 1366px;

  height: 100%;

  display: flex;

  margin: auto;

}



section.ad-contact .wrapper .image {

  height: 40rem !important;

  display: flex;

  justify-content: flex-end;

  align-items: flex-end;

  width: 44%;

}



section.ad-contact .wrapper .image .img-container {

  overflow: hidden;

  height: 113%;

  width: 100%;

  position: relative;

}



section.ad-contact .wrapper .image .img-container img {

  position: absolute;

  height: 128%;

  width: auto;

  bottom: -3rem;

}



section.ad-contact .wrapper .image img {

  height: 170%;

  margin-bottom: -9rem;

}



@media (min-width: 20em) and (max-width: 64.0525em) {

  section.ad-contact .wrapper .image {

    display: none;

  }

}



section.ad-contact .wrapper .text {

  font-size: 26px;

  color: white;

  width: 39%;

  display: flex;

  flex-direction: column;

  justify-content: center;

}



section.ad-contact .wrapper .text p {

  margin-bottom: 2rem;

}



section.ad-contact .wrapper .text .buttons {

  display: flex;

  align-items: center;

}



section.ad-contact .wrapper .text .buttons .button {

  height: 3rem;

  font-weight: 500;

  font-size: 14px;

  padding: 2rem 3rem;

}



section.ad-contact .wrapper .text .buttons .button .picto {

  margin-right: 0 !important;

  padding-left: 0;

  margin-left: -1rem;

}



@media (min-width: 20em) and (max-width: 64.0525em) {

  section.ad-contact .wrapper .text .buttons .button {

    height: initial;

    min-width: 18.9rem;

    display: flex;

    justify-content: center;

    font-size: 4.2vw;

    padding: 0 2rem !important;

  }

}



section.ad-contact .wrapper .text .buttons .button span {

  margin: 2vw 0;

}



@media (min-width: 20em) and (max-width: 64.0525em) {

  section.ad-contact .wrapper .text .buttons .button {

    font-size: 14px;

  }

}



section.ad-contact .wrapper .text .buttons span {

  padding: 0 1rem;

  font-size: 18px;

}



@media (min-width: 20em) and (max-width: 64.0525em) {

  section.ad-contact .wrapper .text .buttons span {

    margin: 1rem;

  }

}



@media (min-width: 20em) and (max-width: 64.0525em) {

  section.ad-contact .wrapper .text .buttons {

    flex-direction: column;

    font-size: 1.5rem;

  }

}



@media (min-width: 20em) and (max-width: 64.0525em) {

  section.ad-contact .wrapper .text {

    width: 100%;

    padding: 6vw;

  }



  section.ad-contact .wrapper .text p {

    text-align: center;

    font-size: 5.2vw;

  }

}



@media (min-width: 20em) and (max-width: 64.0525em) and (min-width: 20em) and (max-width: 64.0525em) {

  section.ad-contact .wrapper .text p {

    margin-bottom: 1.5rem;

    text-align: center;

    font-size: 5.2vw;

  }

}



@media only screen and (min-width: 20em) and (max-width: 64.0525em) and (min-device-width: 768px) and (max-device-width: 1024px) {

  section.ad-contact .wrapper .text p {

    display: block;

    font-size: 3.2vw;

  }

}



@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {

  section.ad-contact .wrapper {

    width: 100%;

  }

}



@media (min-width: 20em) and (max-width: 64.0525em) {

  section.ad-contact {

    height: initial;

    padding: 6vh 0;

    margin-top: 0;

    display: block;

  }

}



@media print {

  section.ad-contact {

    display: none !important;

  }

}



section.values {

  display: flex;

  align-items: center;

  flex-direction: column;

  text-align: center;

  min-height: 55rem;

  padding: 6rem 0;

}



section.values .title {

  font-size: 30px;

  color: #181851;

  margin-bottom: 2rem;

}



@media (min-width: 20em) and (max-width: 64.0525em) {

  section.values .title {

    margin-top: 5rem;

    margin-bottom: 4rem;

    font-weight: 300;

    font-size: 2.6rem;

  }

}



section.values .title.is-small {

  font-size: 20px !important;

}



@media (min-width: 20em) and (max-width: 64.0525em) {

  section.values {

    padding: initial;

    padding: 6rem 0;

  }

}



section.values .text {

  display: flex;

  justify-content: center;

}



section.values .text .wrapper {

  width: 51%;

}



section.values .text .wrapper p {

  font-weight: 300;

}



@media (min-width: 20em) and (max-width: 64.0525em) {

  section.values .text .wrapper {

    width: 90%;

  }

}



section.values .logos .title {

  margin-top: 3rem;

}



section.values .logos ul {

  display: flex;

  margin: 0;

  padding: 0;

}



section.values .logos ul li {

  list-style-type: none;

  margin: 1.8rem;

  height: 5rem;

}



section.values .logos ul li img {

  height: 100%;

  image-rendering: optimizeSpeed;

}



@media (min-width: 20em) and (max-width: 64.0525em) {

  section.values .logos ul {

    flex-wrap: wrap;

    align-items: center;

    justify-content: center;

  }



  section.values .logos ul li {

    height: 4.2rem;

  }

}



@media (min-width: 20em) and (max-width: 64.0525em) {

  section.values .logos ul {

    padding: 0;

  }

}



@media (min-width: 20em) and (max-width: 64.0525em) {

  section.values {

    padding: 0;

    display: block;

    min-height: initial;

  }

}



@media print {

  section.values {

    display: none !important;

  }

}



section.testimonials {

  background: transparent linear-gradient(72deg, #F8F8F8 0%, #F2F5F8 100%) 0% 0% no-repeat padding-box;

}



section.testimonials .wrapper {

  height: 440px;

  width: 65%;

  margin: auto;

  display: grid;

  grid-template-columns: 35% 65%;

}



section.testimonials .wrapper .container {

  border-radius: 41rem;

  overflow: hidden;

  display: flex;

  align-items: center;

  justify-content: center;

  width: 30rem;

  height: 30rem;

  padding: 2rem;

  margin-right: 0;

}



@media (min-width: 20em) and (max-width: 64.0525em) {

  section.testimonials .wrapper .container {

    width: 18rem;

    height: 18rem;

  }

}



section.testimonials .wrapper .photo,

section.testimonials .wrapper .text {

  display: flex;

  flex-direction: column;

  justify-content: center;

}



section.testimonials .wrapper .photo {

  align-items: flex-end;

}



section.testimonials .wrapper .text {

  align-items: flex-start;

  padding: 2rem;

}



section.testimonials .wrapper .text p {

  color: black;

  position: relative;

  width: 55rem;

  font-size: 2rem;

  font-weight: 300;

  font-style: italic;

}



section.testimonials .wrapper .text p:before {

  position: absolute;

  content: " ";

  display: flex;

  align-items: center;

  justify-content: center;

  left: -4.1rem;

  top: 0rem;

  height: 2.4rem;

  width: 2.9rem;

  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='26.016' height='22.764' viewBox='0 0 26.016 22.764'%3E %3Cpath id='TracÔö£┬«_195' data-name='TracÔö£┬« 195' d='M11.909-69.39v3.252A5.194,5.194,0,0,0,9.6-63.127a17.6,17.6,0,0,0-.769,5.735v1.011h4.175v9.756H3.252v-7.295q0-6.636,2.153-10.5A9.916,9.916,0,0,1,11.909-69.39Zm-16.26,0v3.252a5.194,5.194,0,0,0-2.307,3.01,17.6,17.6,0,0,0-.769,5.735v1.011h4.175v9.756h-9.756v-7.295q0-6.636,2.153-10.5A9.916,9.916,0,0,1-4.351-69.39Z' transform='translate(13.008 69.39)'/%3E %3C/svg%3E");

  background-repeat: no-repeat;

  background-size: contain;

}



section.testimonials .wrapper .text p:after {

  position: absolute;

  content: " ";

  display: flex;

  align-items: center;

  justify-content: center;

  height: 2.4rem;

  width: 2.9rem;

  right: 10.9rem;

  bottom: -0.6rem;

  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='26.016' height='22.764' viewBox='0 0 26.016 22.764'%3E %3Cpath id='Trac├®_196' data-name='Trac├® 196' d='M-11.909-46.626v-3.252A5,5,0,0,0-9.6-52.866a17.975,17.975,0,0,0,.769-5.8v-.967h-4.175V-69.39h9.756v7.295q0,6.68-2.175,10.547A9.827,9.827,0,0,1-11.909-46.626Zm16.26,0v-3.252a5,5,0,0,0,2.307-2.988,17.975,17.975,0,0,0,.769-5.8v-.967H3.252V-69.39h9.756v7.295q0,6.68-2.175,10.547A9.827,9.827,0,0,1,4.351-46.626Z' transform='translate(13.008 69.39)'/%3E %3C/svg%3E");

  background-repeat: no-repeat;

  background-size: contain;

}



@media (min-width: 20em) and (max-width: 64.0525em) {

  section.testimonials .wrapper .text p {

    line-height: 1.5rem;

  }

}



section.testimonials .wrapper .text .author {

  font-size: 2rem;

  margin-top: 2rem;

  color: black;

}



@media (min-width: 20em) and (max-width: 64.0525em) {

  section.testimonials .wrapper {

    width: 90%;

    height: initial;

    display: flex;

    flex-direction: column;

    align-items: center;

    padding: 3rem 0;

  }



  section.testimonials .wrapper .photo {

    margin-bottom: 2rem;

  }



  section.testimonials .wrapper .text {

    text-align: center;

    line-height: 2.8vh;

    padding: initial;

    align-items: center;

    width: 28rem;

  }



  section.testimonials .wrapper .text p {

    width: 100%;

    font-size: 1.5rem;

    line-height: 2.3rem;

  }



  section.testimonials .wrapper .text p:before {

    left: -3.3rem;

    top: -0.9rem;

  }



  section.testimonials .wrapper .text p:after {

    right: -3.8rem;

    bottom: -0.6rem;

  }



  section.testimonials .wrapper .text .author {

    font-size: 5vw;

    font-weight: 400;

    margin-top: 0vh;

  }

}



@media (min-width: 20em) and (max-width: 64.0525em) and (min-width: 20em) and (max-width: 64.0525em) {

  section.testimonials .wrapper .text .author {

    font-size: 1.5rem;

  }

}



@media print {

  section.testimonials {

    display: none !important;

  }

}



section.last-news {

  min-height: 60rem;

  display: flex;

  flex-direction: column;

  padding: 6rem 0;

}



section.last-news .wrapper .title {

  color: #181851;

  margin-bottom: 3rem;

}



section.last-news .wrapper .title strong {

  font-weight: 500;

}



section.last-news .wrapper .title h2 {

  font-size: 30px;

  text-transform: inherit;

  font-weight: 300;

  margin-bottom: 0;

}



section.last-news .wrapper .title h2 strong {

  font-weight: 700;

}



@media (min-width: 20em) and (max-width: 64.0525em) {

  section.last-news .wrapper .title {

    font-size: 1.8rem !important;

    margin-bottom: 2.4rem;

  }



  section.last-news .wrapper .title h2 {

    font-size: 2.5rem;

    font-weight: 300;

    text-transform: inherit;

    margin-bottom: 0;

  }



  section.last-news .wrapper .title h2 strong {

    font-weight: 700;

  }

}



section.last-news .wrapper .tabs {

  display: flex;

  justify-content: center;

}



section.last-news .wrapper .tabs .tab {

  width: 260px;

  height: 306px;

  margin: 1rem;

  border-radius: 10px;

  display: flex;

  align-items: flex-end;

  justify-content: flex-start;

  position: relative;

  overflow: hidden;

  transition: all 1s;

}



section.last-news .wrapper .tabs .tab .heading {

  font-size: 1.9rem;

  position: absolute;

  width: 86%;

  bottom: 0;

  z-index: 1;

  margin: 1rem;

  transition: all 1s;

}



section.last-news .wrapper .tabs .tab .sub-heading {

  font-size: 0.8rem;

  position: absolute;

  z-index: 100;

  width: 100%;

  text-align: left;

  padding: 0.5rem;

  color: white;

  height: 3rem;

  opacity: 0;

  bottom: 0.5rem;

  left: 0.5rem;

  transition: all 1s;

}



section.last-news .wrapper .tabs .tab .sub-heading .subtitle {

  font-weight: bold;

  font-size: 1.5rem;

}



section.last-news .wrapper .tabs .tab .sub-heading .date {

  font-size: 1.2rem;

}



section.last-news .wrapper .tabs .tab p {

  text-align: left;

  color: white;

  margin-bottom: 0;

  z-index: 2;

}



section.last-news .wrapper .tabs .tab img {

  position: absolute;

  height: 116%;

  width: 100%;

  object-fit: cover;

  margin-top: 2.3rem;

  z-index: 0;

  visibility: visible;

}



@media (min-width: 20em) and (max-width: 64.0525em) {

  section.last-news .wrapper .tabs .tab img {

    transform: scale(1.12);

  }

}



@media (min-width: 20em) and (max-width: 64.0525em) {

  section.last-news .wrapper .tabs .tab {

    width: 100%;

    height: 17rem;

    justify-content: flex-start;

    margin: 0;

    margin-bottom: 1rem;

    padding: 0 !important;

  }



  section.last-news .wrapper .tabs .tab .heading p {

    font-size: 1.6rem;

  }

}



section.last-news .wrapper .tabs .tab:hover {

  transition: all 1s;

}



section.last-news .wrapper .tabs .tab:hover .heading {

  bottom: 4.3rem;

  transition: all 0.5s;

}



section.last-news .wrapper .tabs .tab:hover .sub-heading {

  height: 5rem;

  opacity: 1;

  transition: all 1s;

}



section.last-news .wrapper .tabs .tab:hover .sub-heading .subtitle {

  font-weight: bold;

  font-size: 1.5rem;

}



section.last-news .wrapper .tabs .tab:hover .sub-heading .date {

  font-size: 1.2rem;

}



section.last-news .wrapper .tabs .tab:hover:after {

  position: absolute;

  content: " ";

  background: linear-gradient(0deg, #151646, transparent);

  height: 100%;

  width: 100%;

  left: 0;

  top: 0;

  z-index: 0;

  transition: all 1s;

}



@media (min-width: 20em) and (max-width: 64.0525em) {

  section.last-news .wrapper .tabs .tab {

    height: 31vh;

  }

}



section.last-news .wrapper .tabs .tab:after {

  position: absolute;

  content: " ";

  background: linear-gradient(0deg, #151646, transparent);

  height: 100%;

  width: 100%;

  left: 0;

  top: 8rem;

  z-index: 0;

  transition: all 1s;

}



@media (min-width: 20em) and (max-width: 64.0525em) {

  section.last-news .wrapper .tabs {

    flex-direction: column;

    width: 100%;

    margin: 0;

    padding: 0;

    margin-bottom: 2vh;

  }

}



section.last-news .wrapper .button {

  text-align: center;

  border-radius: 4px;

  text-decoration: none;

  margin-top: 2rem !important;

  padding-left: 5rem;

  padding-right: 5rem;

  padding-top: 1rem;

  padding-bottom: 1rem;

}



section.last-news .wrapper .button:hover {

  border-radius: 4px;

  color: white;

  background: #181851;

}



@media (min-width: 20em) and (max-width: 64.0525em) {

  section.last-news .wrapper {

    width: 90%;

    padding: 0 !important;

    margin-top: 0;

  }

}



@media (min-width: 20em) and (max-width: 64.0525em) {

  section.last-news {

    padding-top: 5rem;

    padding-bottom: 3.6rem;

    display: block;

    min-height: initial;

  }

}



@media print {

  section.last-news {

    display: none !important;

  }

}



section.selling-contact {

  background: transparent linear-gradient(72deg, #F8F8F8 0%, #F2F5F8 100%) 0% 0% no-repeat padding-box;

  height: 28rem;

  padding: 1rem;

  display: flex;

  align-items: center;

  justify-content: center;

  min-height: 35rem;

  padding: 6rem 0;

}



section.selling-contact .wrapper {

  width: 72%;

  display: flex;

  flex-direction: column;

  align-items: center;

  justify-content: center;

}



@media (min-width: 20em) and (max-width: 64.0525em) {

  section.selling-contact .wrapper .picto {

    margin-bottom: initial;

  }

}



section.selling-contact .wrapper .title h2 {

  color: #181851;

  text-align: center;

  margin-bottom: 0;

  font-size: 30px;

}



@media (min-width: 20em) and (max-width: 64.0525em) {

  section.selling-contact .wrapper .title h2 {

    font-size: 2.5rem;

    text-transform: inherit;

    margin-bottom: 0;

  }

}



section.selling-contact .wrapper .text {

  width: 66rem;

  margin: 1rem;

  font-weight: 300;

  text-align: center;

  font-size: 14px;

  color: black;

  margin-bottom: 2rem;

  margin-top: 1rem;

}



@media (min-width: 20em) and (max-width: 64.0525em) {

  section.selling-contact .wrapper .text .button .picto {

    margin-bottom: 0 !important;

  }

}



@media (min-width: 20em) and (max-width: 64.0525em) {

  section.selling-contact .wrapper .text .button {

    padding-left: 1.5rem;

    padding-right: 2rem;

  }

}



@media (min-width: 20em) and (max-width: 64.0525em) {

  section.selling-contact .wrapper .text {

    width: initial;

    font-size: 2rem;

  }

}



@media (min-width: 20em) and (max-width: 64.0525em) {

  section.selling-contact .wrapper {

    flex-direction: column;

    width: 100%;

    text-align: center;

    padding: 0 2rem;

  }

}



@media (min-width: 20em) and (max-width: 64.0525em) {

  section.selling-contact {

    height: initial;

    padding: 10vh 0;

    display: block;

    min-height: initial;

  }

}



@media print {

  section.selling-contact {

    display: none !important;

  }

}



@media print {

  section {

    display: none;

  }

}



.swiper-button-next {

  right: -2.8rem;

}



.swiper-button-prev {

  left: -2.8rem;

}



.tns-nav {

  display: none;

}



.tns-controls {

  display: flex;

  height: 4rem;

  margin-top: 10rem;

  position: absolute;

  z-index: 0;

  width: 100%;

  justify-content: space-between;

}



.tns-controls button {

  background: transparent;

  border: none !important;

  display: flex;

  align-items: center;

  justify-content: center;

  width: 3rem;

  padding: 0;

}



.tns-controls button[data-controls="prev"] {

  opacity: 0.3;

  margin-left: -3.5rem;

}



.tns-controls button[data-controls="prev"]:before {

  content: " ";

  display: block;

  width: 100%;

  height: 100%;

  background-image: url("data:image/svg+xml,%3C?xml version='1.0' encoding='utf-8'?%3E %3C!-- Generator: Adobe Illustrator 24.3.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E %3Csvg version='1.1' id='Calque_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 22 22' style='enable-background:new 0 0 22 22;' xml:space='preserve'%3E %3Cstyle type='text/css'%3E .st0%7Bfill:%234D4D4D;%7D %3C/style%3E %3Cpath class='st0' d='M15,19l0.7-0.7l-6.1-6.1L8.4,11l1.2-1.2l6.1-6.1L15,3L8.9,9.1L7,11l1.9,1.9L15,19'/%3E %3C/svg%3E");

  background-position: center;

  background-repeat: no-repeat;

}



.tns-controls button[data-controls="prev"]:hover {

  opacity: 1;

}



.tns-controls button[data-controls="next"] {

  opacity: 0.3;

  margin-right: -3.5rem;

}



.tns-controls button[data-controls="next"]:before {

  content: " ";

  display: block;

  width: 100%;

  height: 100%;

  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 22 22'%3E %3Cdefs id='defs3051'%3E %3Cstyle type='text/css' id='current-color-scheme'%3E .ColorScheme-Text %7B color:%234d4d4d; %7D %3C/style%3E %3C/defs%3E %3Cpath style='fill:currentColor;fill-opacity:1;stroke:none' d='m7.707031 3l-.707031.707031 6.125 6.125 1.167969 1.167969-1.167969 1.167969-6.125 6.125.707031.707031 6.125-6.125 1.875-1.875-1.875-1.875-6.125-6.125' class='ColorScheme-Text' /%3E %3C/svg%3E");

  background-position: center;

  background-repeat: no-repeat;

}



.tns-controls button[data-controls="next"]:hover {

  opacity: 1;

}



section#contacts {

  margin-top: 7rem;

}



section#contacts #previewprojetsslide1 #formulaires-contact {

  background: white;

  margin-top: 0;

  padding: 0;

}



section#contacts #previewprojetsslide1 #formulaires-contact .wrapper {

  width: 100%;

  max-width: 1366px;

  margin: auto;

  padding: 2rem;

}



section#contacts #previewprojetsslide1 #formulaires-contact .wrapper form {

  display: flex;

  flex-direction: column;

}



section#contacts #previewprojetsslide1 #formulaires-contact .wrapper form .form-wrapper {

  display: flex;

  padding: 2rem;

  padding-bottom: 12rem;

}



section#contacts #previewprojetsslide1 #formulaires-contact .wrapper form .form-wrapper .image {

  width: 60%;

  text-align: center;

  max-height: 64rem;

  position: relative;

}



section#contacts #previewprojetsslide1 #formulaires-contact .wrapper form .form-wrapper .image img {

  height: 100%;

  width: 100%;

  object-fit: cover;

  object-position: top;

  max-height: 64rem;

}



@media (min-width: 20em) and (max-width: 64.0525em) {

  section#contacts #previewprojetsslide1 #formulaires-contact .wrapper form .form-wrapper .image {

    max-height: 40rem;

    display: none;

  }

}



section#contacts #previewprojetsslide1 #formulaires-contact .wrapper form .form-wrapper .image:before {

  content: " ";

  position: absolute;

  bottom: 0;

  height: 100%;

  width: 100%;

  z-index: 1;

}



section#contacts #previewprojetsslide1 #formulaires-contact .wrapper form .form-wrapper .inputs {

  width: 100%;

  display: grid;

  grid-template-columns: 50% 50%;

  grid-gap: 1rem;

  padding: 0 2rem;

}



section#contacts #previewprojetsslide1 #formulaires-contact .wrapper form .form-wrapper .inputs .text {

  grid-column-start: 1;

  grid-column-end: 3;

}



section#contacts #previewprojetsslide1 #formulaires-contact .wrapper form .form-wrapper .inputs .text h2 {

  font-size: 3rem;

  text-transform: inherit;

  font-weight: 300;

  margin-bottom: 0;

  color: #181851;

  text-align: center;

  text-align: left !important;

  margin-top: 0 !important;

  margin-bottom: 2rem;

}



section#contacts #previewprojetsslide1 #formulaires-contact .wrapper form .form-wrapper .inputs input {

  border-radius: 6px;

}



@media (min-width: 20em) and (max-width: 64.0525em) {

  section#contacts #previewprojetsslide1 #formulaires-contact .wrapper form .form-wrapper .inputs input {

    margin-bottom: 2rem;

  }

}



section#contacts #previewprojetsslide1 #formulaires-contact .wrapper form .form-wrapper .inputs textarea {

  border-radius: 6px;

  grid-column-start: 1;

  grid-column-end: 3;

  margin: 0;

  padding: 1rem;

}



section#contacts #previewprojetsslide1 #formulaires-contact .wrapper form .form-wrapper .inputs .messages {

  grid-column-start: 1;

  grid-column-end: 3;

  display: block;

}



section#contacts #previewprojetsslide1 #formulaires-contact .wrapper form .form-wrapper .inputs .messages .sender {

  display: flex;

  flex-direction: column;

  align-items: flex-start;

  margin-top: 2rem;

  display: block;

}



section#contacts #previewprojetsslide1 #formulaires-contact .wrapper form .form-wrapper .inputs .messages>* {

  margin-left: 6rem;

}



section#contacts #previewprojetsslide1 #formulaires-contact .wrapper form .form-wrapper .inputs .messages>* .checkbox {

  display: block !important;

}



section#contacts #previewprojetsslide1 #formulaires-contact .wrapper form .form-wrapper .inputs .messages>* .checkbox label {

  display: block !important;

  margin-bottom: 2rem;

}



@media (min-width: 20em) and (max-width: 64.0525em) {

  section#contacts #previewprojetsslide1 #formulaires-contact .wrapper form .form-wrapper .inputs .messages>* {

    margin: 0 !important;

  }

}



section#contacts #previewprojetsslide1 #formulaires-contact .wrapper form .form-wrapper .inputs .messages>div:nth-of-type(1) {

  margin-left: 0;

  margin-bottom: 1rem;

}



@media (min-width: 20em) and (max-width: 64.0525em) {

  section#contacts #previewprojetsslide1 #formulaires-contact .wrapper form .form-wrapper .inputs {

    display: flex;

    flex-direction: column;

  }

}



@media (min-width: 20em) and (max-width: 47.99em) {

  section#contacts #previewprojetsslide1 #formulaires-contact .wrapper form .form-wrapper {

    padding: 0;

  }

}



@media (min-width: 48em) and (max-width: 64.0525em) {

  section#contacts #previewprojetsslide1 #formulaires-contact .wrapper form .form-wrapper {

    padding-bottom: 16rem;

  }

}



@media screen and (max-width: 740px) {

  section#contacts #previewprojetsslide1 #formulaires-contact .wrapper {

    padding-bottom: 10rem;

  }

}



section.societe {

  padding: 6rem 0;

  background: #F3F6F8;

}



section.societe .wrapper {

  width: 106rem;

  margin: auto;

  display: flex;

  flex-direction: row;

  justify-content: center;

  align-items: center;

}



section.societe .wrapper .image {

  display: flex;

  align-items: center;

  justify-content: center;

  padding: 3rem;

  width: 30%;

  height: 13rem;

  padding-bottom: 0;

}



section.societe .wrapper .image img {

  height: 60%;

}



@media (min-width: 20em) and (max-width: 64.0525em) {

  section.societe .wrapper .image {

    width: 100%;

  }

}



section.societe .wrapper .text {

  font-size: 14px;

  display: flex;

  align-items: center;

  justify-content: center;

  padding: 3rem;

  flex-direction: column;

  width: 75%;

  font-weight: 300;

}



section.societe .wrapper .text strong {

  color: #1F206B;

}



@media (min-width: 20em) and (max-width: 64.0525em) {

  section.societe .wrapper .text {

    width: 100%;

  }

}



@media (min-width: 20em) and (max-width: 64.0525em) {

  section.societe .wrapper {

    width: 100%;

    flex-direction: column;

  }

}



@media (min-width: 20em) and (max-width: 64.0525em) {

  section.societe {

    height: initial;

    margin-top: 0;

    padding: 0;

  }

}



section.environmentally-friendly {

  background: white;

  padding: 6rem 0;

  display: flex;

  align-items: center;

  justify-content: center;

  min-height: 55rem;

}



section.environmentally-friendly .wrapper {

  width: 106rem;

  margin: auto;

  display: flex;

  align-items: center;

  justify-content: center;

}



section.environmentally-friendly .wrapper .text {

  width: 58%;

}



section.environmentally-friendly .wrapper .text .title h2 {

  font-weight: 300;

  color: #82BE00;

}



section.environmentally-friendly .wrapper .text p {

  margin-bottom: 2rem;

}



section.environmentally-friendly .wrapper .text ul li {

  margin-bottom: 1rem;

  text-align: left;

}

.staff .berenice-image{
  height: 145px !important;
  position: relative;
  top: 6px;
}

@media (max-width: 1024px){
  .staff .berenice-image{
    height: 200px !important;
  }
  .staff .berenice-text{
    margin-top: 3.5rem !important;
  }
}



@media (min-width: 20em) and (max-width: 64.0525em) {

  section.environmentally-friendly .wrapper .text a {

    margin: auto;

    font-size: 2rem;

  }

}



@media (min-width: 20em) and (max-width: 64.0525em) {

  section.environmentally-friendly .wrapper .text {

    width: 100%;

    text-align: center;

  }

}



section.environmentally-friendly .wrapper .image {

  margin-left: 8rem;

}



@media (min-width: 20em) and (max-width: 64.0525em) {

  section.environmentally-friendly .wrapper .image img {

    height: 100%;

  }

}



@media (min-width: 20em) and (max-width: 64.0525em) {

  section.environmentally-friendly .wrapper .image {

    margin: 4rem 0;

  }

}



@media (min-width: 20em) and (max-width: 64.0525em) {

  section.environmentally-friendly .wrapper {

    width: 90%;

    display: flex;

    flex-direction: column-reverse;

  }

}



@media (min-width: 20em) and (max-width: 64.0525em) {

  section.environmentally-friendly {

    height: initial;

    margin: 0;

    padding-bottom: 2rem;

    display: block;

    padding-top: 0;

    min-height: initial;

  }

}



section.staff {

  display: flex;

  align-items: center;

  flex-direction: column;

  text-align: center;

  padding: 4rem;

  padding-top: 11rem;

  padding-bottom: 11rem;

  min-height: 56rem;

  background: #F3F6F8;

}



section.staff .title {

  font-size: 30px;

  color: #181851;

  margin-bottom: 2rem;

}

section.plans-and-lots .wrapper .title p {
  text-align: center;
}


@media (min-width: 20em) and (max-width: 64.0525em) {

  section.staff .title {

    margin: 3rem 0;

    font-weight: 300;

    font-size: 2.6rem;

  }

}



section.staff .title.is-small {

  font-size: 20px !important;

}



@media (min-width: 20em) and (max-width: 64.0525em) {

  section.staff {

    padding: initial;

    padding: 6rem 0;

  }

}



section.staff .text {

  display: flex;

  justify-content: center;

}



section.staff .text .wrapper {

  width: 60%;

}



section.staff .text .wrapper p {

  font-weight: 300;

}



@media (min-width: 20em) and (max-width: 64.0525em) {

  section.staff .text .wrapper {

    width: 90%;

  }

}



section.staff .members {

  width: 100%;

  display: flex;

  justify-content: center;

  align-items: center;

}



section.staff .members .cards {

  padding: 0;

  display: grid;

  grid-template-columns: repeat(7, auto);

}



section.staff .members .cards .card {

  display: flex;

  flex-direction: column;

}



section.staff .members .cards .card .image {

  height: 15rem;

  width: 14.4rem;

  margin: 0 auto;

}



@media (min-width: 20em) and (max-width: 64.0525em) {

  section.staff .members .cards .card .image {

    height: initial;

    width: initial;

  }

}



section.staff .members .cards .card .text {

  display: flex;

  flex-direction: column;

  margin-top: 1rem;

}



section.staff .members .cards .card .text .name {

  font-size: 16px;

  margin-bottom: 0;

  white-space: nowrap;

  font-weight: bold;

  color: #1F206B;

}



section.staff .members .cards .card .text .function {

  font-size: 12px;

}



@media (min-width: 20em) and (max-width: 47.99em) {

  section.staff .members .cards .card {

    width: 100%;

    margin-bottom: 4rem;

  }

}



@media (min-width: 48em) and (max-width: 64.0525em) {

  section.staff .members .cards .card {

    width: initial;

    margin-bottom: 4rem;

  }

}



@media (min-width: 20em) and (max-width: 47.99em) {

  section.staff .members .cards {

    display: flex;

    flex-direction: column;

    margin-bottom: 3rem;

  }

}



@media (min-width: 48em) and (max-width: 64.0525em) {

  section.staff .members .cards {

    display: flex;

    flex-direction: row;

    margin-bottom: 3rem;

    flex-wrap: wrap;

    justify-content: center;

  }

}



@media (min-width: 20em) and (max-width: 64.0525em) {

  section.staff .members {

    width: 100%;

  }

}



@media (min-width: 20em) and (max-width: 64.0525em) {

  section.staff {

    padding: 0;

    height: initial;

    display: block;

    min-height: initial;

  }

}



@media print {

  section.staff {

    display: none !important;

  }

}



section.drawing-project {

  height: 34rem;

  min-height: 40rem;

  background: transparent linear-gradient(252deg, #123C8B 0%, #181851 100%) 0% 0% no-repeat padding-box;

  display: flex;

  align-items: center;

  justify-content: center;

}



section.drawing-project .wrapper {

  width: 106rem;

  margin: auto;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  height: 100%;

}



section.drawing-project .wrapper .image {

  position: relative;

  width: 54rem;

}



section.drawing-project .wrapper .image .plans {

  position: absolute;

  cursor: pointer;

  bottom: 0;

  width: 100%;

  overflow: hidden;

}



section.drawing-project .wrapper .image .plans img {

  margin-bottom: -3rem;

}



@media (min-width: 20em) and (max-width: 64.0525em) {

  section.drawing-project .wrapper .image {

    display: none !important;

  }

}



section.drawing-project .wrapper .text {

  width: 70%;

  margin-right: 6rem;

  display: flex;

  flex-direction: column;

  justify-content: center;

  margin-left: 4rem;

}



section.drawing-project .wrapper .text h1 {

  font-size: 26px;

  color: white;

  font-weight: 100;

  margin-bottom: 3rem;

}



@media (min-width: 20em) and (max-width: 64.0525em) {

  section.drawing-project .wrapper .text .buttons a {

    font-size: 2rem;

    padding: 1rem;

    width: 28rem;

  }

}



section.drawing-project .wrapper .text .buttons.inline {

  display: flex;

  flex-direction: row;

  align-items: center;

}



section.drawing-project .wrapper .text .buttons.inline span {

  margin: 0 1rem;

  color: white !important;

}



section.drawing-project .wrapper .text .buttons.inline span.picto {

  margin: 0rem 1rem 0rem 0rem;

}



@media (min-width: 20em) and (max-width: 64.0525em) {

  section.drawing-project .wrapper .text .buttons.inline span {

    margin: 1rem 0;

    font-size: 2rem;

  }

}



@media (min-width: 20em) and (max-width: 64.0525em) {

  section.drawing-project .wrapper .text .buttons.inline {

    flex-direction: column;

  }

}



@media (min-width: 20em) and (max-width: 64.0525em) {

  section.drawing-project .wrapper .text {

    margin: 0;

    align-items: center;

    text-align: center;

  }

}



@media (min-width: 20em) and (max-width: 64.0525em) {

  section.drawing-project .wrapper {

    width: 90%;

    flex-direction: column;

    align-items: center;

  }

}



@media (min-width: 20em) and (max-width: 64.0525em) {

  section.drawing-project {

    height: initial;

    padding: 4rem 0;

    display: block;

  }

}



section.our-values {

  display: flex;

  align-items: center;

  flex-direction: column;

  text-align: center;

  padding: 4rem;

  min-height: 70rem;

}



section.our-values .title {

  font-size: 30px;

  color: #181851;

  margin-bottom: 2rem;

}



@media (min-width: 20em) and (max-width: 64.0525em) {

  section.our-values .title {

    margin: 2rem 0;

    font-weight: bold;

    margin-top: 0;

    font-size: 2.6rem;

  }

}



section.our-values .title.is-small {

  font-size: 20px !important;

}



@media (min-width: 20em) and (max-width: 64.0525em) {

  section.our-values {

    padding: initial;

    padding: 6rem 0;

  }

}



section.our-values .wrapper {

  width: 80%;

  display: flex;

  flex-direction: column;

  justify-content: center;

  align-items: center;

}



section.our-values .wrapper .values {

  width: 80%;

  padding: 0;

  display: grid;

  grid-template-columns: repeat(3, 33%);

  margin-bottom: 3rem;

}



section.our-values .wrapper .values .value {

  display: flex;

  flex-direction: column;

  padding: 2rem;

}



section.our-values .wrapper .values .value .image {

  height: 7rem;

  margin-bottom: 2rem;

}



section.our-values .wrapper .values .value .image img {

  height: 100%;

}



section.our-values .wrapper .values .value .text {

  display: flex;

  flex-direction: column;

}



section.our-values .wrapper .values .value .text .title {

  font-size: 18px;

  margin-bottom: 2rem;

  font-weight: bold;

}



section.our-values .wrapper .values .value .text .description {

  font-size: 14px;

}



@media (min-width: 20em) and (max-width: 64.0525em) {

  section.our-values .wrapper .values {

    display: flex;

    flex-direction: column;

  }

}



@media (min-width: 20em) and (max-width: 64.0525em) {

  section.our-values .wrapper {

    width: 100%;

  }

}



@media (min-width: 20em) and (max-width: 64.0525em) {

  section.our-values {

    padding: 0;

    padding-top: 5rem;

  }

}



@media print {

  section.our-values {

    display: none !important;

  }

}



section.our-values.no-pb {

  padding-bottom: 0 !important;

}



section.our-values.has-capsule {

  margin-bottom: -6rem;

  min-height: 70rem;

  z-index: 1;

}



@media (min-width: 20em) and (max-width: 64.0525em) {

  section.our-values.has-capsule {

    margin-bottom: 3rem;

    min-height: initial;

  }

}



section.our-values .capsule {

  background: #82BE00;

  width: 100%;

  display: grid;

  padding: 0;

  grid-template-columns: repeat(4, 25%);

  border-radius: 1rem;

  overflow: hidden;

}



section.our-values .capsule li {

  list-style-type: none;

  display: flex;

  align-items: center;

  padding: 2rem;

}



section.our-values .capsule li .text {

  text-align: left;

  color: white;

  font-weight: 300;

}



section.our-values .capsule li img {

  height: 6rem;

  width: auto;

  margin-right: 1rem;

}



section.our-values .capsule li:nth-of-type(1),

section.our-values .capsule li:nth-of-type(3) {

  background: #A6D601;

  align-items: center;

}



@media (min-width: 20em) and (max-width: 64.0525em) {

  section.our-values .capsule {

    display: none;

  }

}



@media (min-width: 20em) and (max-width: 64.0525em) {

  section.our-values {

    height: initial;

    display: block;

    min-height: initial;

  }

}



section.our-guarantees {

  display: flex;

  align-items: center;

  flex-direction: column;

  text-align: center;

  min-height: 47rem;

  background: #F3F6F8;

  padding-top: 4rem;

  padding-bottom: 4rem;

}



section.our-guarantees .title {

  font-size: 30px;

  color: #181851;

  margin-bottom: 6rem;

}



@media (min-width: 20em) and (max-width: 64.0525em) {

  section.our-guarantees .title {

    margin-top: 5rem;

    margin-bottom: 4rem;

    font-weight: 300;

    font-size: 2.6rem;

  }

}



@media (min-width: 20em) and (max-width: 64.0525em) {

  section.our-guarantees {

    padding: initial;

    padding: 6rem 0;

  }

}



section.our-guarantees .wrapper {

  width: 106rem;

  margin: auto;

  display: flex;

  flex-direction: column;

  justify-content: center;

  align-items: center;

}



section.our-guarantees .wrapper .guarantees {

  width: 100%;

  padding: 0;

  display: grid;

  grid-template-columns: repeat(6, auto);

  grid-column-gap: 3rem;

}



section.our-guarantees .wrapper .guarantees .guarantee {

  display: flex;

  flex-direction: column;

}



section.our-guarantees .wrapper .guarantees .guarantee .image {

  height: 6rem;

  margin-bottom: 2rem;

}



section.our-guarantees .wrapper .guarantees .guarantee .image img {

  height: 100%;

}



section.our-guarantees .wrapper .guarantees .guarantee .text {

  margin-top: 1rem;

  display: flex;

  flex-direction: column;

  font-size: 14px;

}



@media (min-width: 20em) and (max-width: 64.0525em) {

  section.our-guarantees .wrapper .guarantees .guarantee {

    margin-bottom: 2rem;

  }

}



@media (min-width: 20em) and (max-width: 64.0525em) {

  section.our-guarantees .wrapper .guarantees {

    display: flex;

    flex-direction: column;

  }

}



@media (min-width: 20em) and (max-width: 64.0525em) {

  section.our-guarantees .wrapper {

    width: 100%;

    padding: 0 6rem 6rem;

  }

}



@media (min-width: 20em) and (max-width: 64.0525em) {

  section.our-guarantees {

    padding: 0;

    height: initial;

    display: block;

    min-height: initial;

  }

}



@media print {

  section.our-guarantees {

    display: none !important;

  }

}



#nos-actualites .category-actus {

  background: red;

}



#nos-actualites .container #products #pinBoot article {

  height: 30rem;

}



#nos-actualites .container #products #pinBoot article img {

  width: 100%;

  height: 100%;

  object-fit: cover;

  object-position: center;

}



#nos-actualites .container #products #pinBoot article.simpletexte .caption {

  top: 0 !important;

  position: absolute;

  height: 100%;

  width: 100%;

  /*background: rgba(0, 0, 0, 0.6);*/

  color: white !important;

}



#nos-actualites .container #products #pinBoot article.simpletexte .caption .title {

  font-size: 1.8rem;

}



#nos-actualites .container #products #pinBoot article.simpletexte .caption .date {

  font-weight: 100;

  font-style: italic;

  margin-bottom: 2rem;

}



#nos-actualites .container #products #pinBoot article.simpletexte .caption .linkto {

  background: #1F206B;

  padding: 1rem;

}



#nos-actualites .container #products #pinBoot article.simpletexte .caption .linkto a {

  color: white;

  width: 100%;

  height: 100%;

  display: block;

  text-align: center;

}



#nos-actualites .container #products #pinBoot article.simpletexte .caption .linkto a:hover {

  text-decoration: none;

}



.actu-header {

  display: flex;

  flex-direction: row;

  justify-content: space-between;

  align-items: center;

  margin-bottom: 2rem;

}



.actu-header a {

  font-size: 18px;

}



.actu-header .actu-date {

  color: black;

  font-size: 18px;

  margin-right: 2rem;

}



section.actu-details .page {

  background: white;

  padding: 2rem;

  border-radius: 6px;

  overflow: hidden;

  margin-bottom: 4rem;

}



section.actu-details .page .title {

  text-transform: uppercase;

  font-size: 3rem;

  color: #1F206B;

}



section.actu-details .page .text {

  font-size: 16px;

  margin: 2rem 0;

}



.category-actus div.well.well-sm ul.nav.navbar-nav {

  display: flex;

  align-items: center;

  justify-content: center;

}



#nos-videos {

  padding-top: 3rem !important;

}



#nos-videos .wrapper {

  width: 106rem;

  margin: auto;

  display: grid;

  grid-template-columns: repeat(3, auto);

  flex-direction: column;

  justify-content: flex-start;

  align-items: center;

}



#nos-videos .wrapper .video_wrapper {

  max-width: 36rem;

  margin: auto;

  padding: 1rem;

}



#nos-videos .wrapper .video_wrapper .video {

  position: relative;

  height: 19rem;

}



#nos-videos .wrapper .video_wrapper .video img {

  filter: brightness(0.7);

  object-fit: cover;

  height: 100%;

}



#nos-videos .wrapper .video_wrapper .video:before {

  opacity: 1;

  position: absolute;

  content: " ";

  left: 50%;

  top: 50%;

  transform: translate(-50%, -50%);

  height: 100%;

  width: 100%;

  background-size: 25%;

  z-index: 1;

  background-repeat: no-repeat;

  background-image: url(../images/youtube-preview.png);

  background-position: center;

}



#nos-videos .wrapper .video_wrapper .video:hover img {

  filter: brightness(1);

}



#nos-videos .wrapper .video_wrapper .video:hover:before {

  opacity: 0;

}



@media (min-width: 20em) and (max-width: 64.0525em) {

  #nos-videos .wrapper .video_wrapper {

    padding-bottom: 0;

  }

}



@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {

  #nos-videos .wrapper {

    grid-template-columns: repeat(2, auto);

    width: 100%;

    justify-content: center;

  }

}



@media (min-width: 20em) and (max-width: 47.99em) {

  #nos-videos .wrapper {

    display: flex;

    flex-direction: column;

    width: 100%;

  }

}



@media (min-width: 20em) and (max-width: 64.0525em) {

  #nos-videos {

    padding: 2rem;

    width: 100%;

  }

}



section.under-menu {

  margin-top: 7rem;

  display: flex;

  flex-direction: row;

  justify-content: center;

  background: #1F206B;

  height: 4.3rem;

  position: fixed;

  width: 100%;

  z-index: 110;

  box-shadow: 0 0 6px black;

}



section.under-menu ul li a {

  color: white;

  font-weight: 300;

  transition: all 0.5s ease-out;

  opacity: 1;

}



section.under-menu ul li a:hover,

section.under-menu ul li a:active,

section.under-menu ul li a:focus {

  background-color: initial;

  color: white;

  font-weight: 300;

  opacity: 1;

  transition: all 0.5s ease-out;

}



@media (min-width: 20em) and (max-width: 64.0525em) {

  section.under-menu ul {

    text-align: center;

  }

}



@media (min-width: 20em) and (max-width: 64.0525em) {

  section.under-menu {

    margin-top: 0;

    display: none;

  }

}



section.map {

  background: #F3F6F8;

}



section.project-name {

  padding: 1.5rem 0;

  display: flex;

  margin-top: 11.3rem;

  min-height: 14rem;

}



section.project-name .wrapper {

  width: 106rem;

  margin: auto;

  display: flex;

  justify-content: center;

  height: 100%;

  align-items: center;

}




section.project-name .wrapper img {

  padding: 0.2rem 1rem;

}



@media (min-width: 20em) and (max-width: 64.0525em) {

  section.project-name .wrapper img {

    background: transparent;

  }

}



@media (min-width: 20em) and (max-width: 64.0525em) {

  section.project-name .wrapper {

    width: 100%;

  }

}



@media (min-width: 20em) and (max-width: 64.0525em) {

  section.project-name {

    margin-top: 7rem;

    display: block;

  }

}



section.project-presentation .wrapper {

  width: 106rem;

  max-width: 1366px;

  margin: auto;

  display: flex;

  flex-direction: row;

}



section.project-presentation .wrapper .img-zone {

  width: 70%;

  display: flex;

  flex-direction: row;

  padding: 2rem 0;

}



section.project-presentation .wrapper .img-zone .main {

  width: 80%;

  height: 30rem;

  overflow: hidden;

  border-radius: 6px;

  position: relative;

}



section.project-presentation .wrapper .img-zone .main img {

  width: 100%;

  height: 100%;

  object-fit: cover;

  object-position: center;

}



section.project-presentation .wrapper .img-zone .main:before {

  opacity: 0.5;

  position: absolute;

  content: " ";

  bottom: 1rem;

  left: 0.9rem;

  background: rgba(128, 128, 128, 0.45);

  width: 3rem;

  height: 3rem;

  display: flex;

  align-items: center;

  justify-content: center;

  border-radius: 6px;

  background-image: url("data:image/svg+xml,%3C?xml version='1.0' encoding='utf-8'?%3E %3C!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E %3C!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 1.1//EN' 'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3E %3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='512px' height='512px' viewBox='0 0 512 512' enable-background='new 0 0 512 512' xml:space='preserve'%3E %3Cg%3E %3Cpath d='M384,192C384,85.969,298.031,0,192,0S0,85.969,0,192s85.969,192,192,192S384,298.031,384,192z M192,336 c-79.406,0-144-64.594-144-144S112.594,48,192,48s144,64.594,144,144S271.406,336,192,336z'/%3E %3Cpath d='M497.938,430.063L380.469,312.594c-17.5,27.219-40.656,50.375-67.875,67.875l117.469,117.469 c18.75,18.75,49.156,18.75,67.875,0C516.688,479.219,516.688,448.813,497.938,430.063z'/%3E %3C/g%3E %3C/svg%3E");

  background-size: 60%;

  background-repeat: no-repeat;

  background-position: center;

  filter: invert(1);

}



section.project-presentation .wrapper .img-zone .main:hover {

  cursor: pointer;

}



@media (min-width: 20em) and (max-width: 64.0525em) {

  section.project-presentation .wrapper .img-zone .main {

    width: 100%;

  }

}



section.project-presentation .wrapper .img-zone .thumbnails {

  width: 10rem;

  height: 30rem;

  align-items: center;

  display: grid;

  grid-template-rows: 3rem 22.6rem 3rem;

  flex-direction: column;

  justify-content: initial;

  grid-row-gap: 0.7rem;

}



section.project-presentation .wrapper .img-zone .thumbnails .next,

section.project-presentation .wrapper .img-zone .thumbnails .previous {

  text-align: center;

  padding: 0.5rem;

  font-size: 1.1rem;

  width: 3rem;

  margin: auto;

  height: 3rem;

  display: flex;

  align-items: center;

  justify-content: center;

}



section.project-presentation .wrapper .img-zone .thumbnails .next:hover,

section.project-presentation .wrapper .img-zone .thumbnails .previous:hover {

  cursor: pointer;

}



@media (min-width: 20em) and (max-width: 64.0525em) {



  section.project-presentation .wrapper .img-zone .thumbnails .next,

  section.project-presentation .wrapper .img-zone .thumbnails .previous {

    height: 5rem;

    width: 3rem;

  }

}



section.project-presentation .wrapper .img-zone .thumbnails .next,

section.project-presentation .wrapper .img-zone .thumbnails .previous {

  outline: 1px solid #F3F6F8;

  position: relative;

}



section.project-presentation .wrapper .img-zone .thumbnails .next:before,

section.project-presentation .wrapper .img-zone .thumbnails .previous:before {

  display: block;

  content: " ";

  width: 100%;

  height: 100%;

  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13.549' height='24.364' viewBox='0 0 13.549 24.364'%3E %3Cpath id='Trac├®_212' data-name='Trac├® 212' d='M65.574,1234.931l12.469,12.411-12.469,11.227' transform='translate(-65.222 -1234.576)' fill='none' stroke='%237b7b7b' stroke-width='1'/%3E %3C/svg%3E");

  background-repeat: no-repeat;

  background-position: center;

  background-size: 100%;

  position: absolute;

}



section.project-presentation .wrapper .img-zone .thumbnails .next:active,

section.project-presentation .wrapper .img-zone .thumbnails .previous:active {

  background: #F3F6F8;

}



@media (min-width: 20em) and (max-width: 64.0525em) {



  section.project-presentation .wrapper .img-zone .thumbnails .next,

  section.project-presentation .wrapper .img-zone .thumbnails .previous {

    outline: none !important;

  }

}



section.project-presentation .wrapper .img-zone .thumbnails .next:before {

  transform: scale(0.6) rotate(90.6deg);

  top: -0.1rem;

}



@media (min-width: 20em) and (max-width: 64.0525em) {

  section.project-presentation .wrapper .img-zone .thumbnails .next:before {

    transform: scale(0.6) rotate(0deg);

    top: inherit;

  }

}



section.project-presentation .wrapper .img-zone .thumbnails .previous:before {

  transform: scale(0.6) rotate(-90.6deg);

  bottom: -0.4rem;

}



@media (min-width: 20em) and (max-width: 64.0525em) {

  section.project-presentation .wrapper .img-zone .thumbnails .previous:before {

    transform: scale(0.6) rotate(-180deg);

    bottom: inherit;

  }

}



section.project-presentation .wrapper .img-zone .thumbnails .thumbnails-slider {

  overflow: hidden;

  width: 100%;

  display: flex;

  flex-direction: column;

  align-items: center;

  height: 100%;

}



@media (min-width: 20em) and (max-width: 64.0525em) {

  section.project-presentation .wrapper .img-zone .thumbnails .thumbnails-slider {

    height: 100%;

    padding: 0 1rem;

    align-items: initial !important;

  }

}



section.project-presentation .wrapper .img-zone .thumbnails ul {

  padding: 0;

  width: 6rem;

  height: 100%;

  margin-bottom: 0;

  margin-top: 0px;

  margin-left: 0px;

  padding: 0 0.4rem;

}



section.project-presentation .wrapper .img-zone .thumbnails ul li {

  list-style-type: none;

  height: 3.4rem;

  overflow: hidden;

  margin-bottom: 0.9rem;

  border-radius: 2px;

  box-shadow: 1px 6px 7px -1px rgba(0, 0, 0, 0.5);

}



section.project-presentation .wrapper .img-zone .thumbnails ul li a {

  height: 100%;

  width: 100%;

  display: block;

}



section.project-presentation .wrapper .img-zone .thumbnails ul li a img {

  height: 105%;

  width: 105%;

  object-fit: cover;

  object-position: center;

}



@media (min-width: 20em) and (max-width: 64.0525em) {

  section.project-presentation .wrapper .img-zone .thumbnails ul li {

    margin: 0;

    height: 100%;

    margin-right: 0.5rem;

    flex-shrink: 0;

    width: 33%;

  }

}



@media (min-width: 20em) and (max-width: 64.0525em) {

  section.project-presentation .wrapper .img-zone .thumbnails ul li:nth-last-child(1) {

    margin-right: 0;

  }

}



@media (min-width: 20em) and (max-width: 64.0525em) {

  section.project-presentation .wrapper .img-zone .thumbnails ul {

    width: 100%;

    flex-direction: row;

    display: flex;

    margin: 0;

    padding: 1rem 0;

    height: 100%;

  }

}



@media (min-width: 20em) and (max-width: 64.0525em) {

  section.project-presentation .wrapper .img-zone .thumbnails {

    width: 100%;

    flex-direction: row;

    height: 8.2rem;

    display: flex;

  }

}



@media (min-width: 20em) and (max-width: 47.99em) {

  section.project-presentation .wrapper .img-zone {

    width: 100%;

    flex-direction: column;

    padding: 0;

  }

}



@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {

  section.project-presentation .wrapper .img-zone {

    width: 50vw;

    flex-direction: column;

    margin: auto;

  }

}



section.project-presentation .wrapper .presentation-text {

  width: 54rem;

  padding: 2rem 0;

}



section.project-presentation .wrapper .presentation-text .title h2 {

  font-size: 34px;

  color: #1F206B;

  margin: 0;

}



@media (min-width: 20em) and (max-width: 64.0525em) {

  section.project-presentation .wrapper .presentation-text .title h2 {

    font-size: 28px;

  }

}



@media (min-width: 20em) and (max-width: 64.0525em) {

  section.project-presentation .wrapper .presentation-text .title {

    margin-top: 1rem;

    text-align: center;

  }

}



section.project-presentation .wrapper .presentation-text .button {

  font-size: 12px !important;

  padding: 1rem 1.5rem;

  transition: all 0.5s;

}



@media (min-width: 20em) and (max-width: 64.0525em) {

  section.project-presentation .wrapper .presentation-text .button {

    margin: auto;

    width: 28rem;

    padding: 1rem;

    font-size: 14px !important;

  }

}



section.project-presentation .wrapper .presentation-text .button:hover {

  cursor: pointer;

  box-shadow: 1px 6px 7px -1px rgba(0, 0, 0, 0.5);

  transition: all 0.5s;

}



section.project-presentation .wrapper .presentation-text h3 {

  font-size: 12px;

}



@media (min-width: 20em) and (max-width: 64.0525em) {

  section.project-presentation .wrapper .presentation-text h3 {

    font-size: 1.6rem;

  }

}



section.project-presentation .wrapper .presentation-text p,

section.project-presentation .wrapper .presentation-text ul,

section.project-presentation .wrapper .presentation-text li,

section.project-presentation .wrapper .presentation-text span {

  font-size: 14px;

}



@media (min-width: 20em) and (max-width: 64.0525em) {



  section.project-presentation .wrapper .presentation-text p,

  section.project-presentation .wrapper .presentation-text ul,

  section.project-presentation .wrapper .presentation-text li,

  section.project-presentation .wrapper .presentation-text span {

    font-size: 1.5rem;

  }

}



section.project-presentation .wrapper .presentation-text p {

  font-weight: 300;

}



@media (min-width: 20em) and (max-width: 64.0525em) {

  section.project-presentation .wrapper .presentation-text p {

    text-align: center;

  }

}



section.project-presentation .wrapper .presentation-text li {

  font-weight: 300;

}



section.project-presentation .wrapper .presentation-text span {

  margin-left: 2.5rem;

  font-weight: bold;

}



section.project-presentation .wrapper .presentation-text h3 {

  text-transform: uppercase;

}



section.project-presentation .wrapper .presentation-text h3.normal {

  text-transform: initial;

  font-size: 14px;

}



@media (min-width: 20em) and (max-width: 64.0525em) {

  section.project-presentation .wrapper .presentation-text h3.normal {

    font-size: 1.6rem;

  }

}



@media (min-width: 20em) and (max-width: 64.0525em) {

  section.project-presentation .wrapper .presentation-text h3 {

    text-align: center;

  }

}



@media (min-width: 20em) and (max-width: 64.0525em) {

  section.project-presentation .wrapper .presentation-text {

    width: 100%;

  }

}



@media (min-width: 20em) and (max-width: 64.0525em) {

  section.project-presentation .wrapper {

    flex-direction: column;

    width: 90%;

  }

}



section.path-selector {

  height: 6rem;

  margin-bottom: -3rem;

  z-index: 1;

  margin-top: 3rem;

}



section.path-selector .wrapper {

  width: 106rem;

  margin: auto;

  display: flex;

  flex-direction: row;

  justify-content: center;

  align-items: center;

  height: 100%;

}



section.path-selector .wrapper .item {

  width: 23rem;

  margin: 0 1rem;

  height: 5rem;

  border-radius: 6px;

  overflow: hidden;

  box-shadow: 1px 6px 7px -1px rgba(0, 0, 0, 0.5);

}



section.path-selector .wrapper .item a {

  width: 100%;

  height: 100%;

  padding: 1rem;

  display: flex;

  align-items: center;

  justify-content: center;

  background: #F3F6F8;

  transition: all 0.5s;

}



section.path-selector .wrapper .item a .picto {

  height: 3rem;

  width: 3rem;

  margin-right: 1rem;

}



section.path-selector .wrapper .item a .picto img {

  width: 100%;

  height: 100%;

}



section.path-selector .wrapper .item a:hover,

section.path-selector .wrapper .item a.active {

  text-decoration: none;

  background: #9F0657;

  color: white;

  transition: all 0.5s;

}



section.path-selector .wrapper .item a:hover .picto img,

section.path-selector .wrapper .item a.active .picto img {

  filter: brightness(3);

}



@media (min-width: 20em) and (max-width: 64.0525em) {

  section.path-selector .wrapper .item a {

    font-size: 2rem;

  }

}



@media (min-width: 20em) and (max-width: 64.0525em) {

  section.path-selector .wrapper .item {

    width: 100%;

    margin-bottom: 1rem;

  }

}



@media (min-width: 20em) and (max-width: 64.0525em) {

  section.path-selector .wrapper {

    flex-direction: column;

    width: 90%;

    position: initial;

  }

}



@media (min-width: 20em) and (max-width: 64.0525em) {

  section.path-selector {

    margin: 0;

    height: initial;

    display: none;

  }

}



section.map.for-project .mapping-zone {

  height: 60rem;

  overflow: hidden;

  margin: auto;

  background-repeat: no-repeat;

  background-position: center;

  max-width: 1600px;

  position: relative;

}



section.map.for-project .mapping-zone .path-transports {

  height: 100%;

  width: 100%;

  background-repeat: no-repeat;

  background-position: center;

}



section.map.for-project .mapping-zone .path-spots {

  height: 100%;

  width: 100%;

  background-color: #F3F6F8;

}



section.map.for-project .mapping-zone .path-cars {

  height: 100%;

  width: 100%;

  background-repeat: no-repeat;

  background-position: center;

}



section.map.for-project .mapping-zone .path-interests {

  height: 100%;

  width: 100%;

  background-repeat: no-repeat;

  background-position: center;

}



section.map.for-project.wissous .mapping-zone {

  background: url("../images/projects/Wissous/carte.jpg");

}



section.map.for-project.wissous .mapping-zone .path-transports {

  background: url("../images/projects/Wissous/transports.png");

}



section.map.for-project.wissous .mapping-zone .path-cars {

  background: url("../images/projects/Wissous/cars.png");

}



section.map.for-project.wissous .mapping-zone .path-interests {

  background: url("../images/projects/Wissous/spots.png");

}



section.map.for-project.flv .mapping-zone {

  background: url("../images/projects/Fontenay-le-vicomte/carte.jpg");

}



section.map.for-project.flv .mapping-zone .path-transports {

  background: url("../images/projects/Fontenay-le-vicomte/transports.png");

}



section.map.for-project.flv .mapping-zone .path-cars {

  background: url("../images/projects/Fontenay-le-vicomte/cars.png");

}



section.map.for-project.flv .mapping-zone .path-interests {

  background: url("../images/projects/Fontenay-le-vicomte/spots.png");

}



section.map.for-project.marcoussis .mapping-zone {

  height: 69rem !important;

  background: url("../images/projects/Marcoussis/carte.jpg");

}



section.map.for-project.marcoussis .mapping-zone .path-transports {

  background: url("../images/projects/Marcoussis/transports.png");

  background-size: cover !important;

}



section.map.for-project.marcoussis .mapping-zone .path-cars {

  background: url("../images/projects/Marcoussis/cars.png");

  background-size: cover !important;

}



section.map.for-project.marcoussis .mapping-zone .path-interests {

  background: url("../images/projects/Marcoussis/spots.png");

  background-size: cover !important;

}

/*ici*/
section.map.for-project.ballainvilliers .mapping-zone {

  height: 69rem !important;

  background: url("../images/projects/Ballainvilliers/carte.jpg");

}



section.map.for-project.ballainvilliers .mapping-zone .path-transports {

  background: url("../images/projects/Ballainvilliers/transports.jpg");

  background-size: cover !important;

}



section.map.for-project.ballainvilliers .mapping-zone .path-cars {

  background: url("../images/projects/Ballainvilliers/cars.jpg");

  background-size: cover !important;

}

section.map.for-project.Lamorlaye .mapping-zone .path-cars {

  background: url("../images/projects/Lamorlaye/cars.jpg");

  background-size: cover !important;

  background-position: center 75%;

}

section.map.for-project.Lamorlaye .mapping-zone .path-transports {

  background: url("../images/projects/Lamorlaye/transports.jpg");

  background-size: cover !important;

}


section.map.for-project.Lamorlaye .mapping-zone .path-interests {

  background: url("../images/projects/Lamorlaye/point-dinteret.jpg");

  background-repeat: no-repeat;
  background-position: center 20%;
  background-size: cover !important;


}




section.map.for-project.ballainvilliers .mapping-zone .path-interests {

  background: url("../images/projects/Ballainvilliers/spots.jpg");

  background-size: cover !important;

}
/*ici*/



section.map.for-project.Lardy .mapping-zone {

  background: url("../images/projects/Lardy/carte.jpg");

}



section.map.for-project.Lardy .mapping-zone .path-transports {

  background: url("../images/projects/Lardy/transports.png");

  background-size: cover !important;

}



section.map.for-project.Lardy .mapping-zone .path-cars {

  background: url("../images/projects/Lardy/cars.png");

  background-size: cover !important;

}



section.map.for-project.Lardy .mapping-zone .path-interests {

  background: url("../images/projects/Lardy/spots.png");

  background-size: cover !important;

}



section.plans-and-lots {

  padding: 6rem 0;

}



section.plans-and-lots .wrapper {

  width: 106rem;

  max-width: 1366px;

  margin: auto;

  display: flex;

  flex-direction: column;

}



section.plans-and-lots .wrapper .title h2 {

  font-size: 3rem;

  text-transform: inherit;

  font-weight: 300;

  margin-bottom: 0;

  color: #181851;

  text-align: center;

  margin-top: 1rem;

}



section.plans-and-lots .wrapper .title span {

  display: block;

  font-size: 2rem;

  width: 100%;

  color: #181851;

  text-align: center;

  margin-top: 1rem;

}



section.plans-and-lots .wrapper .main {

  display: flex;

  margin-top: 4rem;

  position: relative;

}



section.plans-and-lots .wrapper .main [data-json="https://www.adhika.com/assets/data/lots-lardy.json"] .lot a {

  grid-template-columns: 50% 50% !important;

  cursor: default;

}



section.plans-and-lots .wrapper .main [data-json="https://www.adhika.com/assets/data/lots-lardy.json"] .lot a .action {

  background: blue;

  display: none !important;

}



@media (min-width: 20em) and (max-width: 64.0525em) {

  section.plans-and-lots .wrapper .main .lot-wrapper {

    position: fixed;

    top: 10vh;

    z-index: 999999;

    width: 90%;

    left: 50%;

    max-height: 78vh;

    display: flex;

    align-items: center;

    justify-content: center;

    transform: translateX(-50%);

  }

}



section.plans-and-lots .wrapper .main #lot-details {

  position: absolute;

  width: 50%;

  right: 0;

  height: 100%;

  box-shadow: 0px 0px 1rem rgba(0, 0, 0, 0.5);

  border-radius: 12px;

  overflow: hidden;

}



section.plans-and-lots .wrapper .main #lot-details .container {

  position: relative;

  width: 100%;

  height: 100%;

  padding: 0;

  background: black;

}



section.plans-and-lots .wrapper .main #lot-details .container .btn-close {

  height: 4rem;

  background: #F4F6F8;

  position: absolute;

  right: 1rem;

  padding: 1rem;

  display: flex;

  align-items: center;

  justify-content: center;

  border-radius: 0 0 8px 8px;

  transition: all 0.5s;

}



section.plans-and-lots .wrapper .main #lot-details .container .btn-close img {

  height: 100%;

}

@media (min-width: 64.0525em){
  section.plans-and-lots .wrapper .for-ballainvilliers{
    height: 300px;
  }
}



@media (min-width: 20em) and (max-width: 64.0525em) {

  section.plans-and-lots .wrapper .main #lot-details .container .btn-close img {

    transform: scale(1.5);

  }

}



section.plans-and-lots .wrapper .main #lot-details .container .btn-close:hover {

  cursor: pointer;

  background: #1F206B;

  transition: all 0.5s;

}



section.plans-and-lots .wrapper .main #lot-details .container .btn-close:hover img {

  filter: invert(1);

}



section.plans-and-lots .wrapper .main #lot-details .container .lines {

  font-size: 16px;

  display: flex;

  flex-direction: column;

  height: 100%;

}



section.plans-and-lots .wrapper .main #lot-details .container .lines>* {

  flex-grow: 1;

  outline: 1px solid white;

}



section.plans-and-lots .wrapper .main #lot-details .container .lines>*:nth-of-type(1) {

  background: red;

  height: 15%;

  padding: 2rem;

  font-size: 3rem;

  text-transform: inherit;

  font-weight: 300;

  margin-bottom: 0;

  color: #181851;

  text-align: center;

  text-align: left;

}



section.plans-and-lots .wrapper .main #lot-details .container .lines>*:nth-of-type(n) {

  background: white;

  display: grid;

  grid-template-columns: 43% auto;

  padding-left: 4rem;

  align-items: center;

}



@media (min-width: 20em) and (max-width: 64.0525em) {

  section.plans-and-lots .wrapper .main #lot-details .container .lines>*:nth-of-type(n) span {

    text-align: right;

  }

}



@media (min-width: 20em) and (max-width: 64.0525em) {

  section.plans-and-lots .wrapper .main #lot-details .container .lines>*:nth-of-type(n) {

    padding: 2rem;

  }

}



section.plans-and-lots .wrapper .main #lot-details .container .lines .building-line,

section.plans-and-lots .wrapper .main #lot-details .container .lines .floor-surface_activity,


section.plans-and-lots .wrapper .main #lot-details .container .lines .surface_total-line {

  background: #F4F6F8;

}



@media (min-width: 20em) and (max-width: 64.0525em) {

  section.plans-and-lots .wrapper .main #lot-details {

    width: 100%;

    height: initial;

    position: absolute;

    top: 35%;

    z-index: 10000;

  }

}

section.plans-and-lots .wrapper .for-lamorlaye .figure {

  width: 80% !important;

}




section.plans-and-lots .wrapper .main .figure {

  width: 48%;

  margin-right: 2rem;

  display: flex;

  justify-content: left;

}



@media (min-width: 20em) and (max-width: 64.0525em) {

  section.plans-and-lots .wrapper .main .figure {

    width: 100% !important;

    margin: 0;

    margin-bottom: 2rem;

    display: flex;

    align-items: center;

    justify-content: center;

  }

}



section.plans-and-lots .wrapper .main .lots {

  width: 50%;

  display: grid;

  grid-column-gap: 1rem;

  grid-template-columns: 50% 50%;

  grid-row-gap: 1rem;

  padding-right: 1rem;

  padding: 1rem;

  grid-auto-rows: max-content;

}



section.plans-and-lots .wrapper .main .lots .lot {

  border-radius: 4px;

  overflow: hidden;

  height: 5rem;

  background: #82BE00;

  transition: all 0.5s;

}



section.plans-and-lots .wrapper .main .lots .lot a {

  width: 100%;

  height: 100%;

  display: grid;

  grid-template-columns: 37% 42% 21%;

}



section.plans-and-lots .wrapper .main .lots .lot a>span {

  display: flex;

  align-items: center;

  color: white;

  font-size: 1.5rem;

}



section.plans-and-lots .wrapper .main .lots .lot a>span:nth-of-type(1) {

  justify-content: center;

  flex-direction: column;

  align-items: flex-start;

  padding-left: 1rem;

}



section.plans-and-lots .wrapper .main .lots .lot a>span:nth-of-type(1) .status {

  font-size: 0.9rem;

}



section.plans-and-lots .wrapper .main .lots .lot a>span:nth-of-type(2) {

  justify-content: center;

  background: #00000040;

}



section.plans-and-lots .wrapper .main .lots .lot a>span:nth-of-type(3) {

  justify-content: center;

}



section.plans-and-lots .wrapper .main .lots .lot a>span:nth-of-type(3):before {

  content: " ";

  width: 3rem;

  height: 3rem;

  display: flex;

  justify-content: center;

  align-items: center;

  background-image: url("data:image/svg+xml,%3C?xml version='1.0' encoding='UTF-8'?%3E%3Csvg xmlns='http://www.w3.org/2000/svg' width='490' height='490'%3E%3Cline x1='245' y1='100' x2='245' y2='390' stroke='%23000' stroke-width='36' stroke-linecap='round'/%3E%3Cline x1='100' y1='245' x2='390' y2='245' stroke='%23000' stroke-width='36' stroke-linecap='round'/%3E%3C/svg%3E");


  /* background-image: url("data:image/svg+xml,%3C?xml version='1.0' encoding='UTF-8'?%3E %3Csvg xmlns='http://www.w3.org/2000/svg' width='490' height='490'%3E %3Cpath fill='none' stroke='%23000' stroke-width='36' stroke-linecap='round' d='m280,278a153,153 0 1,0-2,2l170,170m-91-117 110,110-26,26-110-110'/%3E %3C/svg%3E"); */

  filter: invert(1);

  background-size: 80%;

  background-repeat: no-repeat;

  background-position: center;

}



section.plans-and-lots .wrapper .main .lots .lot a:hover {

  text-decoration: none;

}



section.plans-and-lots .wrapper .main .lots .lot.blue {

  background: #1F206B;

}



section.plans-and-lots .wrapper .main .lots .lot.green {

  background: #82BE00;

}



section.plans-and-lots .wrapper .main .lots .lot.purple {

  background: #9F0657;

}



@media (min-width: 20em) and (max-width: 64.0525em) {

  section.plans-and-lots .wrapper .main .lots .lot {

    margin-bottom: 1rem;

  }

}



section.plans-and-lots .wrapper .main .lots .lot:hover {

  cursor: pointer;

  transition: all 0.5s;

}



@media (min-width: 20em) and (max-width: 47.99em) {

  section.plans-and-lots .wrapper .main .lots {

    display: flex;

    flex-direction: column;

    width: 100%;

    padding: 0;

  }

}



@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {

  section.plans-and-lots .wrapper .main .lots {

    display: flex;

    flex-direction: column;

    width: 50vw;

    margin: auto;

  }

}



section.plans-and-lots .wrapper .main.for-marcoussis .figure {

  /* height: 28rem; */

  align-items: center;

  justify-content: center;

  width: 63%;

}



@media (min-width: 20em) and (max-width: 64.0525em) {

  section.plans-and-lots .wrapper .main.for-marcoussis .figure {

    width: 100%;

  }

}



section.plans-and-lots .wrapper .main.for-marcoussis .figure img {

  height: 100%;

  width: auto;

}



section.plans-and-lots .wrapper .main.for-marcoussis .lots {

  /* display: none;  */

}



@media (min-width: 20em) and (max-width: 64.0525em) {

  section.plans-and-lots .wrapper .main {

    flex-direction: column;

  }

}



section.plans-and-lots .wrapper .details {

  display: flex;

  flex-direction: row;

  margin-top: 4rem;

  font-size: 12px;

}



section.plans-and-lots .wrapper .details .project-assets {

  width: 50%;

  background: #F3F6F8;

  display: flex;

  flex-direction: column;

  margin-left: 2rem;

  border-radius: 6px;

  overflow: hidden;

  padding: 3rem;

  min-height: 54rem;

}



section.plans-and-lots .wrapper .details .project-assets .title {

  height: 6rem;

  display: flex;

  align-items: center;

  justify-content: center;

  font-size: 22px;

  color: #9F0657;

}



section.plans-and-lots .wrapper .details .project-assets .title strong {

  margin-right: 0.5rem;

}



section.plans-and-lots .wrapper .details .project-assets .details {

  height: 90%;

  display: grid;

  grid-template-columns: 1fr 1fr;

  grid-template-rows: 1fr 1fr;

  grid-row-gap: 2rem;

  margin-top: 0;

}



section.plans-and-lots .wrapper .details .project-assets .details .item {

  display: flex;

  flex-direction: column;

  align-items: center;

  justify-content: flex-start;

  text-align: center;

}



section.plans-and-lots .wrapper .details .project-assets .details .item .picto {

  height: 9rem;

}

section.plans-and-lots .wrapper .details .lamorlaye-project .details .item .picto {

  height: 14rem;

}



section.plans-and-lots .wrapper .details .project-assets .details .item .picto img {

  height: 100%;

  width: 100%;

  object-fit: contain;

}



section.plans-and-lots .wrapper .details .project-assets .details .item .text {

  width: 70%;

  margin-top: 1rem;

  font-size: 12px;

  color: #646464;

  font-weight: 300;

}



@media (min-width: 20em) and (max-width: 47.99em) {

  section.plans-and-lots .wrapper .details .project-assets .details {

    display: flex;

    flex-direction: column;

    margin: 0;

  }

}



@media (min-width: 48em) and (max-width: 64.0525em) {

  section.plans-and-lots .wrapper .details .project-assets .details {

    display: grid;

  }

}



@media (min-width: 20em) and (max-width: 64.0525em) {

  section.plans-and-lots .wrapper .details .project-assets {

    width: 100%;

    margin: 0;

    padding: 2rem;

    margin-top: 2rem;

  }

}



section.plans-and-lots .wrapper .details .project-presentation {

  width: 50%;

  display: flex;

  flex-direction: column;

  margin-right: 2rem;

}



section.plans-and-lots .wrapper .details .project-presentation .logos {

  height: 9rem;

  margin-bottom: 2rem;

  display: flex;

  flex-grow: inherit;

  justify-content: flex-start;

}

section.plans-and-lots .wrapper .details .project-presentation .logo-lamorlaye{

  justify-content: center

}

section.plans-and-lots .wrapper .details .project-presentation .logos img {

  height: 100%;

}



section.plans-and-lots .wrapper .details .project-presentation .logos img:first-of-type {

  margin-right: 1.5rem;

}



@media (min-width: 20em) and (max-width: 64.0525em) {

  section.plans-and-lots .wrapper .details .project-presentation .logos img {

    height: 12rem;

    margin: auto !important;

  }

}



@media (min-width: 20em) and (max-width: 47.99em) {

  section.plans-and-lots .wrapper .details .project-presentation .logos {

    height: initial;

    flex-wrap: wrap;

    flex-direction: column;

  }

}



@media (min-width: 48em) and (max-width: 64.0525em) {

  section.plans-and-lots .wrapper .details .project-presentation .logos {

    height: initial;

    flex-wrap: wrap;

    flex-direction: initial;

  }

}



section.plans-and-lots .wrapper .details .project-presentation .excerpt {

  font-weight: bold;

  flex-grow: inherit;

  font-size: 14px;

}



section.plans-and-lots .wrapper .details .project-presentation ul {

  display: flex;

  flex-direction: column;

  list-style-type: none;

}



section.plans-and-lots .wrapper .details .project-presentation ul li {

  font-size: 12px;

  position: relative;

  margin-bottom: 1rem;

}



section.plans-and-lots .wrapper .details .project-presentation ul li:before {

  content: '';

  background: #16286b;

  width: 9px;

  height: 4px;

  border-radius: 1rem;

  position: absolute;

  display: block;

  left: -14.7px;

  top: 0.6rem;

}



@media (min-width: 20em) and (max-width: 64.0525em) {

  section.plans-and-lots .wrapper .details .project-presentation ul li {

    font-size: 1.4rem;

    margin: 0.8rem 0;

  }

}



section.plans-and-lots .wrapper .details .project-presentation .buttons {

  display: flex;

  flex-direction: row;

  justify-content: center;

  flex-grow: inherit;

}



section.plans-and-lots .wrapper .details .project-presentation .buttons a {

  font-size: 14px;

  padding: 0.5rem 2rem;

}



section.plans-and-lots .wrapper .details .project-presentation .buttons a .picto {

  margin-right: -1rem;

}



section.plans-and-lots .wrapper .details .project-presentation .buttons a .picto img {

  filter: brightness(2.5);

  width: 56%;

  margin-right: 0.9rem;

}



section.plans-and-lots .wrapper .details .project-presentation .buttons a:first-of-type {

  margin-right: 1rem;

}



@media (min-width: 20em) and (max-width: 64.0525em) {

  section.plans-and-lots .wrapper .details .project-presentation .buttons a:first-of-type {

    margin-right: 0;

  }

}



@media (min-width: 20em) and (max-width: 64.0525em) {

  section.plans-and-lots .wrapper .details .project-presentation .buttons a:first-of-type br {

    display: none;

  }

}



@media (min-width: 20em) and (max-width: 64.0525em) {

  section.plans-and-lots .wrapper .details .project-presentation .buttons a {

    font-size: 14px;

    width: 28rem;

  }

}



@media (min-width: 20em) and (max-width: 64.0525em) {

  section.plans-and-lots .wrapper .details .project-presentation .buttons a:first-of-type {

    margin-bottom: 2rem;

  }

}



@media (min-width: 20em) and (max-width: 64.0525em) {

  section.plans-and-lots .wrapper .details .project-presentation .buttons a {

    padding: 0.7rem;

  }

}



@media (min-width: 20em) and (max-width: 64.0525em) {

  section.plans-and-lots .wrapper .details .project-presentation .buttons {

    flex-direction: column;

    align-items: center;

  }

}



section.plans-and-lots .wrapper .details .project-presentation #gallery-wrapper .fancybox-container {

  box-shadow: 0px 0px 1rem rgba(0, 0, 0, 0.5);

  border-radius: 6px;

  overflow: hidden;

}



section.plans-and-lots .wrapper .details .project-presentation>* {

  flex-grow: 1;

}



@media (min-width: 20em) and (max-width: 64.0525em) {

  section.plans-and-lots .wrapper .details .project-presentation {

    width: 100%;

    margin: 0;

  }

}



@media (min-width: 20em) and (max-width: 64.0525em) {

  section.plans-and-lots .wrapper .details {

    flex-direction: column;

  }

}



@media (min-width: 20em) and (max-width: 64.0525em) {

  section.plans-and-lots .wrapper {

    width: 90%;

  }

}



@media (min-width: 20em) and (max-width: 64.0525em) {

  section.plans-and-lots {

    margin-bottom: 2rem;

    margin-top: 1rem;

    padding: 0;

  }

}



section.co-ownership {

  padding: 6rem 0;

}



section.co-ownership .title {

  font-size: 36px;

  color: #181851;

  margin-bottom: 6rem;

}



section.co-ownership .wrapper {

  max-width: 1366px;

  margin: auto;

  display: flex;

  flex-direction: column;

  align-items: center;

  padding: 0 6rem;

}



section.co-ownership .wrapper .title h2 {

  font-size: 3rem;

  text-transform: inherit;

  font-weight: 300;

  margin-bottom: 0;

  color: #181851;

  text-align: center;

}



@media (min-width: 20em) and (max-width: 64.0525em) {

  section.co-ownership .wrapper .title {

    margin: 2rem 0;

    font-weight: bold;

    margin-top: 4rem;

    font-size: 2.6rem;

  }

}



section.co-ownership .wrapper .project-cards {

  display: flex;

  flex-direction: row;

  margin: 4rem 0;

  margin-top: 0;

  justify-content: center;

  width: 100%;

  flex-wrap: wrap;

}



section.co-ownership .wrapper .project-cards .card {

  width: 42rem;

  height: 26rem;

  margin: 1rem;

  position: relative;

  border-radius: 1rem;

  overflow: hidden;

  font-size: 24px;

  color: #9F0657;

  box-shadow: 0px 0px 1rem rgba(0, 0, 0, 0.5);

}



section.co-ownership .wrapper .project-cards .card img {

  width: 100%;

  height: 100%;

  position: absolute;

  object-fit: cover;

  top: 0;

}



section.co-ownership .wrapper .project-cards .card .details {

  z-index: 5;

  position: absolute;

  bottom: 0;

  right: -1rem;

  display: flex;

  align-items: center;

  justify-content: center;

  height: 4rem;

}



section.co-ownership .wrapper .project-cards .card .details .name {

  transform: skew(-24deg);

  background: #ffffff;

  width: 20rem;

  text-align: left;

  padding-left: 2rem;

  height: 100%;

  display: flex;

  flex-direction: column;

  justify-content: center;

}



section.co-ownership .wrapper .project-cards .card .details .name .type {

  transform: skew(24deg);

  display: block;

  font-size: 1rem;

  color: #1F206B;

}



@media (min-width: 20em) and (max-width: 64.0525em) {

  section.co-ownership .wrapper .project-cards .card .details .name .type {

    text-align: right;

    padding-right: 0.6rem;

  }

}



section.co-ownership .wrapper .project-cards .card .details .name h3 {

  margin: 0;

  font-size: 1.3rem;

  transform: skew(24deg);

  margin-left: 0.6rem;

  color: #1F206B;

}



@media (min-width: 20em) and (max-width: 64.0525em) {

  section.co-ownership .wrapper .project-cards .card .details .name h3 {

    text-align: right;

    font-size: 1.3rem;

  }

}



@media (min-width: 20em) and (max-width: 64.0525em) {

  section.co-ownership .wrapper .project-cards .card .details .name {

    padding-right: 1rem;

    width: 49vw;

  }

}



section.co-ownership .wrapper .project-cards .card .details .statut {

  transform: skew(-24deg);

  background: #9F0657;

  height: 100%;

  display: flex;

  align-items: center;

}



section.co-ownership .wrapper .project-cards .card .details .statut .text {

  transform: skew(24deg);

  display: block;

  padding: 0 6rem;

  text-transform: uppercase;

  font-weight: bold;

  color: white;

  font-size: 1.2rem;

}



@media (min-width: 20em) and (max-width: 64.0525em) {

  section.co-ownership .wrapper .project-cards .card .details .statut .text {

    font-size: 1.5rem;

    margin: auto;

    padding: initial;

  }

}



@media (min-width: 20em) and (max-width: 64.0525em) {

  section.co-ownership .wrapper .project-cards .card .details .statut {

    width: 33vw;

  }

}



@media (min-width: 20em) and (max-width: 64.0525em) {

  section.co-ownership .wrapper .project-cards .card {

    width: 100%;

    margin: 1rem 0;

  }

}



@media (min-width: 20em) and (max-width: 64.0525em) {

  section.co-ownership .wrapper .project-cards {

    flex-direction: column;

    align-items: center;

    margin: 0;

  }

}



@media (min-width: 20em) and (max-width: 64.0525em) {

  section.co-ownership .wrapper {

    width: 90%;

    padding: 0;

  }

}



@media (min-width: 20em) and (max-width: 64.0525em) {

  section.co-ownership {

    height: initial;

    display: block;

    padding: 0;

  }

}



section.exploit-invest {

  height: 30rem;

  min-height: 30rem;

  background: transparent linear-gradient(252deg, #123C8B 0%, #181851 100%) 0% 0% no-repeat padding-box;

  display: flex;

  align-items: center;

  justify-content: center;

}



section.exploit-invest .wrapper {

  width: 106rem;

  max-width: 1366px;

  margin: auto;

  display: flex;

  margin-bottom: -4rem;

  overflow: hidden;

  height: 34rem;

}



@media (min-width: 20em) and (max-width: 64.0525em) {

  section.exploit-invest .wrapper .text .title {

    text-align: center;

    margin-top: 0;

  }

}



@media (min-width: 20em) and (max-width: 64.0525em) {

  section.exploit-invest .wrapper .text {

    width: 100%;

  }

}



section.exploit-invest .wrapper .image {

  position: relative;

  width: 58%;

  margin-top: -6rem;

  height: 100%;

}



section.exploit-invest .wrapper .image .main {

  width: 20rem;

  position: absolute;

  top: 0rem;

  height: 18.1rem;

  transform: rotate(-0.4deg);

  right: 14rem;

  z-index: 100;

}



section.exploit-invest .wrapper .image .main img {

  width: 100%;

  height: 100%;

  object-fit: cover;

  object-position: bottom;

}



section.exploit-invest .wrapper .image .tirelire {

  position: absolute;

  bottom: -6rem;

  width: 28rem;

  right: 0;

}



@media (min-width: 20em) and (max-width: 64.0525em) {

  section.exploit-invest .wrapper .image {

    display: none !important;

  }

}



section.exploit-invest .wrapper .text {

  width: 70%;

  margin-right: 6rem;

  display: flex;

  flex-direction: column;

  justify-content: center;

  margin-left: 4rem;

}



section.exploit-invest .wrapper .text h2 {

  font-size: 3rem;

  text-transform: inherit;

  font-weight: 300;

  margin-bottom: 0;

  color: #181851;

  text-align: center;

  font-size: 28px;

  color: white !important;

  font-weight: 600;

  text-align: left;

  margin-bottom: 1rem;

}



section.exploit-invest .wrapper .text p {

  color: white;

  font-size: 18px;

  font-weight: 300;

}



section.exploit-invest .wrapper .text .buttons a {

  font-size: 14px;

  padding: 1rem 4rem;

  font-weight: bold;

}



@media (min-width: 20em) and (max-width: 64.0525em) {

  section.exploit-invest .wrapper .text .buttons a {

    font-size: 14px;

    padding: 1rem;

    width: 28rem;

  }

}



section.exploit-invest .wrapper .text .buttons.inline {

  display: flex;

  flex-direction: row;

  align-items: center;

}



section.exploit-invest .wrapper .text .buttons.inline span {

  margin: 0 1rem;

}



@media (min-width: 20em) and (max-width: 64.0525em) {

  section.exploit-invest .wrapper .text .buttons.inline span {

    margin: 1rem 0;

  }

}



@media (min-width: 20em) and (max-width: 64.0525em) {

  section.exploit-invest .wrapper .text .buttons.inline {

    flex-direction: column;

  }

}



@media (min-width: 20em) and (max-width: 64.0525em) {

  section.exploit-invest .wrapper .text {

    margin: 0;

    align-items: center;

    text-align: center;

    width: 100%;

  }

}



@media (min-width: 20em) and (max-width: 64.0525em) {

  section.exploit-invest .wrapper {

    width: 100%;

    flex-direction: column;

    align-items: center;

    height: inherit;

    margin-bottom: 0;

  }

}



@media (min-width: 20em) and (max-width: 64.0525em) {

  section.exploit-invest {

    height: initial;

    padding: 3rem;

    display: block;

    min-height: initial;

  }

}



section.contact-project {

  height: 40rem;

  min-height: 40rem;

  background: #F3F6F8;

  display: flex;

  align-items: center;

  justify-content: center;

  padding: 6rem 0;

}



section.contact-project .wrapper {

  width: 106rem;

  max-width: 1366px;

  margin: auto;

  display: flex;

  flex-direction: row-reverse;

  justify-content: center;

}



section.contact-project .wrapper .text {

  width: 58%;

  display: flex;

  flex-direction: column;

  justify-content: center;

}



section.contact-project .wrapper .text h3 {

  color: #1F206B;

  font-size: 3rem;

  text-transform: inherit;

  font-weight: 300;

  margin-bottom: 0;

  color: #181851;

  text-align: center;

  text-align: left;

  font-size: 2rem;

}



section.contact-project .wrapper .text p {

  margin-bottom: 1rem;

}



@media (min-width: 20em) and (max-width: 64.0525em) {

  section.contact-project .wrapper .text p {

    text-align: center;

    margin-top: 14px;

    font-size: 18px;

  }

}



section.contact-project .wrapper .text .buttons {

  display: flex;

  align-items: center;

}



section.contact-project .wrapper .text .buttons a {

  font-size: 14px;

}



section.contact-project .wrapper .text .buttons a.button {

  padding: 0rem 1.8rem;

  height: 42px;

}



@media (min-width: 20em) and (max-width: 64.0525em) {

  section.contact-project .wrapper .text .buttons a.button {

    height: inherit;

  }

}



section.contact-project .wrapper .text .buttons a:nth-of-type(2) .picto img {

  width: 87%;

}



@media (min-width: 20em) and (max-width: 64.0525em) {

  section.contact-project .wrapper .text .buttons a {

    width: 100%;

    font-size: 14px;

  }

}



section.contact-project .wrapper .text .buttons span {

  margin: 1rem;

  font-size: 16px;

  color: black;

}



section.contact-project .wrapper .text .buttons span.picto {

  margin-left: 0 !important;

}



@media (min-width: 20em) and (max-width: 64.0525em) {

  section.contact-project .wrapper .text .buttons span {

    margin-left: 0;

  }

}



@media (min-width: 20em) and (max-width: 64.0525em) {

  section.contact-project .wrapper .text .buttons {

    flex-direction: column;

    width: inherit;

  }

}



@media (min-width: 20em) and (max-width: 64.0525em) {

  section.contact-project .wrapper .text {

    width: 100%;

    align-items: center;

  }

}



@media (min-width: 20em) and (max-width: 64.0525em) {

  section.contact-project .wrapper {

    width: 90%;

    align-items: center;

    flex-direction: column;

  }

}



@media (min-width: 20em) and (max-width: 64.0525em) {

  section.contact-project {

    padding: 4rem;

    height: initial;

    display: block;

    min-height: initial;

  }

}



section.environmental-approach {

  height: 40rem;

  min-height: 40rem;

  background: #F3F6F8;

  display: flex;

  align-items: center;

  justify-content: center;

  padding: 6rem 0;

  margin-bottom: -6rem;

}



section.environmental-approach .wrapper {

  width: 106rem;

  margin: auto;

  display: flex;

  align-items: center;

  justify-content: center;

}



section.environmental-approach .wrapper .text {

  font-size: 16px;

  font-weight: 300;

  margin-bottom: 4rem;

  width: 58%;

}



section.environmental-approach .wrapper .text .title h2 {

  font-weight: 300;

  color: #82BE00;

}



section.environmental-approach .wrapper .text p {

  margin-bottom: 3rem;

}



section.environmental-approach .wrapper .text a {

  padding: 1rem 4rem;

  font-size: 14px;

  font-weight: 500;

}



@media (min-width: 20em) and (max-width: 64.0525em) {

  section.environmental-approach .wrapper .text a {

    margin: auto;

    font-size: 14px;

  }

}



@media (min-width: 20em) and (max-width: 64.0525em) {

  section.environmental-approach .wrapper .text {

    width: 100%;

    text-align: center;

  }

}



@media (min-width: 20em) and (max-width: 64.0525em) {

  section.environmental-approach .wrapper .image img {

    height: 100%;

  }

}



@media (min-width: 20em) and (max-width: 64.0525em) {

  section.environmental-approach .wrapper .image {

    height: 20rem;

    margin-top: 2rem;

  }

}



@media (min-width: 20em) and (max-width: 64.0525em) {

  section.environmental-approach .wrapper {

    width: 90%;

    display: flex;

    flex-direction: column-reverse;

  }

}



@media (min-width: 20em) and (max-width: 64.0525em) {

  section.environmental-approach {

    height: initial;

    margin: 0;

    padding-bottom: 2rem;

    display: block;

    min-height: initial;

  }

}



#map-overlay {

  padding: 2rem;

  transition: all 3s;

}



#map-overlay .close_pop_up_maps {

  top: 2rem;

  right: 2rem;

}



.m-exploitation {

  position: absolute;

  right: 0;

  bottom: 0;

}



.m-exploitation .shape1 {

  background: #1F206B;

  height: 100%;

  transform: skew(-24deg);

  position: absolute;

  display: flex;

  align-items: center;

  justify-content: flex-start;

  right: -2.8rem;

  width: 28rem;

}



.m-exploitation .shape1 p {

  transform: skew(24deg);

  margin-left: 2rem !important;

  text-align: center;

}



@media (min-width: 20em) and (max-width: 64.0525em) {

  .m-exploitation .shape1 {

    width: 20rem;

  }

}



.m-exploitation .shape2 {

  background: rgba(255, 255, 255, 0.44);

  height: 100%;

  transform: skew(-24deg);

  position: absolute;

  display: flex;

  align-items: center;

  justify-content: center;

  right: 25.2rem;

  width: 20rem;

}



.m-exploitation .shape2 p {

  transform: skew(24deg);

  color: #1F206B !important;

  opacity: 1;

}



@media (min-width: 20em) and (max-width: 64.0525em) {

  .m-exploitation .shape2 {

    right: 17.2rem;

    width: 17rem;

  }

}



.input-shaping,

.wrapper-calculator .tab-content-title .form-container .input-line label,

.wrapper-calculator .tab-content-title .form-container .input-line .montant input,

.wrapper-calculator .tab-content-title .form-container .input-line .surface input,

.wrapper-calculator .go-invest .item-group .input-line .montant input,

.wrapper-calculator .go-invest .item-group .input-line label,

.wrapper-calculator .go-invest .item-group .input-line .surface input {

  width: 100%;

  margin: 0;

  font-size: 1.3rem !important;

  font-weight: 500;

}



@media (min-width: 20em) and (max-width: 64.0525em) {



  .input-shaping,

  .wrapper-calculator .tab-content-title .form-container .input-line label,

  .wrapper-calculator .tab-content-title .form-container .input-line .montant input,

  .wrapper-calculator .tab-content-title .form-container .input-line .surface input,

  .wrapper-calculator .go-invest .item-group .input-line .montant input,

  .wrapper-calculator .go-invest .item-group .input-line label,

  .wrapper-calculator .go-invest .item-group .input-line .surface input {

    font-size: 1.1rem !important;

    margin-bottom: 0.5rem;

  }

}



.input-unit,

.wrapper-calculator .tab-content-title .form-container .input-line .montant .unit,

.wrapper-calculator .tab-content-title .form-container .input-line .surface .unit,

.wrapper-calculator .go-invest .item-group .input-line .montant .unit,

.wrapper-calculator .go-invest .item-group .input-line .surface .unit {

  font-size: 1.3rem !important;

  height: 100%;

  margin: 0;

  top: 0 !important;

  right: 0;

  display: flex;

  align-items: center;

  justify-content: center;

  width: 1.3rem;

  font-weight: 600 !important;

  text-transform: lowercase !important;

  padding-right: 1.1rem;

}



@media (min-width: 20em) and (max-width: 64.0525em) {



  .input-unit,

  .wrapper-calculator .tab-content-title .form-container .input-line .montant .unit,

  .wrapper-calculator .tab-content-title .form-container .input-line .surface .unit,

  .wrapper-calculator .go-invest .item-group .input-line .montant .unit,

  .wrapper-calculator .go-invest .item-group .input-line .surface .unit {

    font-size: 1.1rem !important;

    left: initial !important;

  }

}



.input-text {

  width: 100%;

  margin: 0;

  text-align: left;

  padding: 0.5rem;

}



.slider-label,

.wrapper-calculator .tab-content-block .slider-wrapper .label-slider {

  margin: 0;

  padding: 0;

  text-transform: initial;

  text-align: left;

  font-size: 1.3rem !important;

  font-weight: 300;

}



@media (min-width: 20em) and (max-width: 64.0525em) {



  .slider-label,

  .wrapper-calculator .tab-content-block .slider-wrapper .label-slider {

    font-size: 1.4rem !important;

    text-align: center;

    margin-bottom: 4rem;

  }

}



.slider-indications,

.wrapper-calculator .tab-content-block .noUi-value-horizontal,

.wrapper-calculator .tab-content-block .slider-wrapper .montant_a_financer .unit {

  top: 0.6rem;

  background: transparent;

  height: 1rem;

  width: 2rem;

  border-radius: 100%;

  font-weight: initial;

  line-height: initial;

  text-align: left;

  padding-left: initial;

  margin-left: 1.3rem;

  padding: 0;

  display: flex;

  flex-direction: row;

  justify-content: center;

  color: #181851;

  font-size: 1.3rem;

}



@media (min-width: 20em) and (max-width: 64.0525em) {



  .slider-indications,

  .wrapper-calculator .tab-content-block .noUi-value-horizontal,

  .wrapper-calculator .tab-content-block .slider-wrapper .montant_a_financer .unit {

    font-size: 1.4rem;

  }

}



.slider-indications-after {

  font-size: 0.9rem;

  top: 0.3rem;

  left: 1.6rem;

}



.wrapper-calculator {

  display: grid;

  grid-template-columns: 22.6% 52.1% 22.6%;

  width: 80%;

  grid-gap: 0.8rem;

  margin: auto;

}



.wrapper-calculator #montant_mensu,

.wrapper-calculator #rentabilite {

  border-radius: 6px !important;

}



.wrapper-calculator .tab-content-title {

  background: transparent !important;

  margin: 0;

  padding: 0;

}



.wrapper-calculator .tab-content-title .form-container {

  background: #82BE00;

  margin: 0;

  padding: 0;

  display: flex;

  flex-direction: column;

  padding: 0.5rem;

  border-radius: 0.5rem;

  padding-top: 1.3rem;

}



@media (min-width: 20em) and (max-width: 64.0525em) {

  .wrapper-calculator .tab-content-title .form-container {

    margin-bottom: 1rem;

  }

}



.wrapper-calculator .tab-content-title .form-container .input-line {

  width: 100%;

  margin: 0;

  padding: 0;

  flex-direction: column;

  display: flex;

  margin-bottom: 1.2rem;

}



.wrapper-calculator .tab-content-title .form-container .input-line label {

  width: 100%;

  margin: 0;

  padding: 0;

  text-align: left;

  color: white;

  text-transform: none;

  font-weight: 400;

}



@media (min-width: 20em) and (max-width: 64.0525em) {

  .wrapper-calculator .tab-content-title .form-container .input-line label {

    font-size: 0.9rem !important;

    margin-bottom: 0.5rem;

  }

}



.wrapper-calculator .tab-content-title .form-container .input-line .montant {

  width: 100%;

  margin: 0;

  padding: 0;

  display: flex;

}



.wrapper-calculator .tab-content-title .form-container .input-line .montant input#montant {

  width: 100%;

  margin: 0;

  padding: 0;

}



.wrapper-calculator .tab-content-title .form-container .input-line .surface {

  width: 100%;

  margin: 0;

  padding: 0;

  display: flex;

}



.wrapper-calculator .tab-content-title .form-container .input-line .surface input input#surface {

  width: 100%;

  margin: 0;

  padding: 0;

}



.wrapper-calculator .tab-content-title .form-container .input-line .surface input.input_white {

  width: 100%;

  margin: 0;

  padding: 0;

}



.wrapper-calculator .tab-content-title .form-container .input-line .surface .unit sup {

  font-size: 0.6rem;

  font-weight: inherit;

}



.wrapper-calculator .tab-content-title .form-container .flex_wrapper_calculatrice {

  display: none;

}



.wrapper-calculator .tab-content-block {

  margin: 0;

  display: grid;

  grid-template-rows: repeat(6, 5.5rem);

  padding: 2rem;

  border-radius: 0.6rem;

}



@media (min-width: 20em) and (max-width: 64.0525em) {

  .wrapper-calculator .tab-content-block {

    margin-bottom: 1rem;

    grid-gap: 0.5rem;

  }

}



.wrapper-calculator .tab-content-block>div {

  margin: 0;

  display: flex;

  align-items: center;

}



@media (min-width: 20em) and (max-width: 64.0525em) {

  .wrapper-calculator .tab-content-block>div {

    margin: 0;

    flex-direction: column;

    padding-bottom: 2rem;

    margin-bottom: 1.7rem;

    margin-left: -1.6rem;

  }



  .wrapper-calculator .tab-content-block>div label-slider {

    padding-bottom: 4rem;

    font-size: 1.3rem !important;

  }

}



.wrapper-calculator .tab-content-block hr {

  display: none;

}



.wrapper-calculator .tab-content-block .label-slider {

  font-size: 0.9rem;

}



.wrapper-calculator .tab-content-block .noUi-horizontal {

  height: 3px;

}



.wrapper-calculator .tab-content-block .noUi-value-horizontal:after {

  content: "%";

  background: none;

  font-size: 1.3rem;

  top: 0.5rem;

  left: 2.2rem;

}



.wrapper-calculator .tab-content-block .noUi-horizontal .noUi-handle {

  width: 1.5rem;

  height: 1.5rem;

  left: -0.6rem;

  top: -0.6rem;

  border-radius: 50%;

  background: transparent radial-gradient(closest-side at 50% 50%, #FFFFFF 0%, #FCFCFC 100%) 0% 0% no-repeat padding-box;

  color: #fff;

  border: 1px solid #DEDFDF;

  cursor: default;

  box-shadow: 0px 1px 3px #0000001A;

  line-height: 1.7rem;

}



.wrapper-calculator .tab-content-block .noUi-horizontal .noUi-handle:hover {

  cursor: pointer;

}



.wrapper-calculator .tab-content-block .noUi-horizontal .noUi-tooltip {

  top: -2.3rem;

  font-size: 1.1rem;

  color: black;

  font-weight: 400;

}



.wrapper-calculator .tab-content-block .slider-wrapper .montant_a_financer {

  width: 69%;

}



.wrapper-calculator .tab-content-block .slider-wrapper .montant_a_financer #montant_a_financer {

  background: #133B89;

  width: 80.4%;

  height: 3.1rem;

  border-radius: 0.2rem;

  text-align: center;

  font-weight: 300;

  margin-left: 2.7rem;

  font-size: 1.5rem;

}



@media (min-width: 20em) and (max-width: 64.0525em) {

  .wrapper-calculator .tab-content-block .slider-wrapper .montant_a_financer #montant_a_financer {

    width: 100%;

    margin-left: 0 !important;

  }

}



.wrapper-calculator .tab-content-block .slider-wrapper .montant_a_financer .unit {

  margin-left: 4.2rem !important;

  font-size: 1.4rem !important;

}



@media (min-width: 20em) and (max-width: 64.0525em) {

  .wrapper-calculator .tab-content-block .slider-wrapper .montant_a_financer .unit {

    margin-left: 3.7rem !important;

    font-size: 1.5rem !important;

    margin-bottom: -0.6rem !important;

    top: 0.2rem;

  }

}



.wrapper-calculator .tab-content-block .slider-wrapper .label-slider .lower-text {

  font-size: 0.85rem !important;

  color: gray !important;

}



.wrapper-calculator .tab-content-block .slider-wrapper #apport.noUi-target {

  height: 3px !important;

}



@media (min-width: 20em) and (max-width: 64.0525em) {

  .wrapper-calculator .tab-content-block {

    grid-template-rows: repeat(6, auto);

    padding: 3rem;

  }

}



.wrapper-calculator .go-invest {

  background: transparent !important;

}



.wrapper-calculator .go-invest .form-container-box {

  background: #133B89;

  margin: 0;

  display: flex;

  flex-direction: column;

  padding: 0.5rem;

  border-radius: 0.5rem;

  padding-top: 1.3rem;

}



.wrapper-calculator .go-invest .unit {

  font-size: 0.9rem !important;

  height: 100%;

  margin: 0;

}



.wrapper-calculator .go-invest .item-group {

  display: flex;

  flex-direction: column;

}



.wrapper-calculator .go-invest .item-group .input-line {

  width: 100%;

  margin: 0;

  padding: 0;

  flex-direction: column;

  display: flex;

  margin-bottom: 1.2rem;

}



.wrapper-calculator .go-invest .item-group .input-line .montant input#montant_mensu {

  width: 100%;

  margin: 0;

}



.wrapper-calculator .go-invest .item-group .input-line label {

  width: 100%;

  margin: 0;

  padding: 0;

  text-align: left;

  color: white;

  text-transform: none;

  font-weight: 400;

}



@media (min-width: 20em) and (max-width: 64.0525em) {

  .wrapper-calculator .go-invest .item-group .input-line label {

    font-size: 0.9rem !important;

    margin-bottom: 0.5rem;

  }

}



.wrapper-calculator .go-invest .item-group .input-line label span {

  font-size: 1rem;

}



.wrapper-calculator .go-invest .item-group .input-line .surface {

  width: 100%;

}



.wrapper-calculator .go-invest .item-group .input-line .surface input#rentabilite {

  width: 100%;

  margin: 0;

}



.wrapper-calculator .go-invest .item-group .input-line a.print-btn {

  margin-top: 1rem;

  text-align: center;

}



.wrapper-calculator .go-invest .item-group .input-line a.print-btn:hover {

  cursor: pointer;

}



@media (min-width: 20em) and (max-width: 64.0525em) {

  .wrapper-calculator {

    display: flex;

    flex-direction: column;

  }

}



#prix_metre_locatif .noUi-value-horizontal::after {

  top: 47%;

}



#taux .noUi-value-horizontal::after,

#assurance .noUi-value-horizontal::after {

  left: 1.6rem;

}



.noUi-value.noUi-value-horizontal.noUi-value-large:first-of-type:after {

  outline: 1px solid red;

}



@media (min-width: 20em) and (max-width: 64.0525em) {

  .wrapper-calculator .tab-content-block .noUi-horizontal .noUi-tooltip {

    font-size: 1.1rem;

    top: -3.5rem;

  }

}



@media (min-width: 20em) and (max-width: 64.0525em) {

  .wrapper-calculator .tab-content-block .slider-wrapper .montant_a_financer {

    width: 79%;

  }

}



.button {

  display: flex;

  flex-direction: row;

  align-items: center;

  justify-content: center;

  border-radius: 6px;

  padding: 0.7rem 1.7rem;

  font-size: 14px;

  width: max-content;

}



@media (min-width: 20em) and (max-width: 64.0525em) {

  .button {

    font-size: 1.2rem;

  }

}



.button .picto {

  margin-right: 1rem;

}



.button.is-plain.is-blue {

  background: #282875;

  color: white;

}



.button.is-plain.is-white {

  background: #fdfdfe;

  color: black;

}



.button.is-plain.is-green {

  background: #82BE00;

  color: white;

}



.button.is-plain.is-pink {

  background: #B90F69;

  color: white;

}



.button.is-plain.grey {

  background: #F8F8F8;

  color: white;

}



.button.is-outline {

  border: solid 1px;

}



.button:hover {

  text-decoration: none;

}



.button.is-big {

  width: 95%;

}



.button.has-padding {

  padding: 1rem;

}



.button.is-centered {

  margin: auto !important;

}



#rdv-lightbox {

  position: fixed;

  z-index: 100000;

  width: 100%;

  height: 100%;

  display: none;

  background: white;

}



#rdv-lightbox .header {

  padding: 2rem;

}



#rdv-lightbox .header .logo {

  width: 7rem;

  height: 3.3rem;

}



#rdv-lightbox .header .logo img {

  height: 100%;

}



@media (min-width: 20em) and (max-width: 64.0525em) {

  #rdv-lightbox .header .logo {

    height: 4rem;

  }

}



#rdv-lightbox .btn-rdv-close {

  height: 4rem;

  width: 4rem;

  position: absolute;

  right: 2rem;

  top: 2rem;

  display: flex;

  align-items: center;

  justify-content: center;

}



#rdv-lightbox .btn-rdv-close:hover {

  cursor: pointer;

}



#rdv-lightbox iframe {

  width: 100%;

  height: 100%;

}



@media (min-width: 20em) and (max-width: 64.0525em) {

  #rdv-lightbox iframe {

    height: 100%;

    overflow: auto !important;

    -webkit-overflow-scrolling: touch;

  }

}



@media (min-width: 20em) and (max-width: 64.0525em) {

  #rdv-lightbox {

    height: 100%;

    overflow: scroll;

  }

}



#rdv-lightbox.is-opened {

  display: flex !important;

  flex-direction: column;

}



@media (min-width: 20em) and (max-width: 64.0525em) {

  #rdv-lightbox.is-opened {

    display: flex;

    flex-direction: column;

    overflow: scroll;

  }

}



@media (min-width: 20em) and (max-width: 64.0525em) {

  #rdv-lightbox {

    overflow-y: scroll;

  }

}



.resa {

  position: relative;

}



.resa .header {

  height: 3rem;

  width: 80%;

  margin: auto;

  height: 7rem;

  display: flex;

  flex-direction: row;

}



.resa .wrapper {

  display: flex;

  width: 80%;

  margin: auto;

  padding-top: 5rem;

}



.resa .wrapper .niche {

  width: 56rem;

  padding: 5rem;

  background: #F2F5F8;

  height: min-content;

  border-radius: 12px;

}



.resa .wrapper .niche h2 {

  font-weight: 300;

  font-size: 3rem;

  color: #181851;

}



@media (min-width: 20em) and (max-width: 64.0525em) {

  .resa .wrapper .niche h2 br {

    display: none;

  }

}



@media (min-width: 20em) and (max-width: 64.0525em) {

  .resa .wrapper .niche h2 {

    margin: 0;

    font-size: 2.3rem;

  }

}



.resa .wrapper .niche p {

  font-weight: bold;

  margin-top: 2rem;

}



.resa .wrapper .niche #rdv-datepicker {

  background: white;

  font-family: 'Roboto', sans-serif;

  border: 1px solid #E8E8E8;

  border-radius: 4px;

}



.resa .wrapper .niche #rdv-datepicker .datepicker {

  padding: 1rem;

  width: 100% !important;

}



.resa .wrapper .niche #rdv-datepicker .datepicker table {

  margin: 0;

  padding: 0;

  width: 100%;

}



.resa .wrapper .niche #rdv-datepicker .datepicker table .dow {

  text-transform: uppercase;

  color: black !important;

}



.resa .wrapper .niche #rdv-datepicker .datepicker table .dow.disabled {

  color: inherit;

}



.resa .wrapper .niche #rdv-datepicker .datepicker table .day {

  color: black;

}



.resa .wrapper .niche #rdv-datepicker .datepicker table .day.disabled {

  color: #BEBEBE;

}



.resa .wrapper .niche #rdv-datepicker .datepicker table .day.active {

  color: white;

}



.resa .wrapper .niche .buttons {

  display: flex;

  flex-direction: row;

  justify-content: space-around;

  height: 4rem;

}



.resa .wrapper .niche .buttons #slots-wrapper {

  border-radius: 6px;

  border: 1px solid #E8E8E9;

  background: white;

  display: flex;

  align-items: center;

  justify-content: space-between;

  padding: 1rem;

  width: 47%;

}



.resa .wrapper .niche .buttons #slots-wrapper .previous:hover,

.resa .wrapper .niche .buttons #slots-wrapper .next:hover {

  cursor: pointer;

}



.resa .wrapper .niche .buttons #slots-wrapper .main-niche {

  width: 10rem;

  overflow: hidden;

}



.resa .wrapper .niche .buttons #slots-wrapper .main-niche #slots-content {

  width: 100%;

  display: flex;

  flex-direction: row;

  overflow: hidden;

}



.resa .wrapper .niche .buttons #slots-wrapper .main-niche #slots-content .slot {

  width: 10rem;

  white-space: nowrap;

  margin-left: 0.7rem;

  font-weight: bold;

}



.resa .wrapper .niche .buttons button {

  width: 47%;

  border-radius: 6px;

  border: 1px solid #E8E8E9;

  background: #919191;

  color: white;

  text-transform: uppercase;

}



.resa .wrapper .niche .buttons button:hover {

  background: #B90F69;

}



@media (min-width: 20em) and (max-width: 64.0525em) {

  .resa .wrapper .niche {

    padding: 2rem;

    width: 100%;

    background: white;

  }

}



.resa .wrapper .and {

  width: 8rem;

  display: flex;

  padding-top: 4rem;

  font-size: 4.5rem;

  font-weight: 300;

  justify-content: center;

  color: #181851;

}



@media (min-width: 20em) and (max-width: 64.0525em) {

  .resa .wrapper .and {

    display: none;

  }

}



.resa .wrapper .details {

  width: 83rem;

  padding: 3rem;

}



.resa .wrapper .details h2 {

  margin-bottom: 3rem;

  font-weight: 300;

  font-size: 3rem;

  color: #181851;

}



@media (min-width: 20em) and (max-width: 64.0525em) {

  .resa .wrapper .details h2 {

    margin: 0;

    font-size: 2.3rem;

    margin-bottom: 5rem;

  }

}



.resa .wrapper .details form #selected-slots {

  margin-bottom: 2rem;

  display: flex;

  flex-direction: row;

}



.resa .wrapper .details form #selected-slots .rdv-slot {

  border: 1px solid #B90F69;

  border-radius: 6px;

  width: max-content;

  position: relative;

  padding: 1rem;

  margin: 1rem 1rem 1rem 0;

  font-size: 1.2rem;

  color: #B90F69;

}



.resa .wrapper .details form #selected-slots .rdv-slot div {

  font-weight: 500;

  font-size: 1.5rem;

}



.resa .wrapper .details form #selected-slots .rdv-slot .btn-remove {

  position: absolute;

  right: -1.3rem;

  top: -1.3rem;

  border-radius: 2.4rem;

  border: none;

  color: #B90F69;

  background: white;

  box-shadow: 0px 6px 10px #00000034;

  width: 2rem;

  height: 2rem;

  display: flex;

  align-items: center;

  justify-content: center;

  font-weight: bold;

}



@media (min-width: 20em) and (max-width: 64.0525em) {

  .resa .wrapper .details form #selected-slots {

    flex-direction: column;

  }

}



.resa .wrapper .details form .grid {

  grid-gap: 2rem;

  display: grid;

  grid-template-columns: 1fr 1fr;

  grid-template-rows: repeat(5, 1fr);

}



.resa .wrapper .details form .grid input {

  padding: 1rem;

  border-radius: 6px;

  border: 1px solid #E8E8E9;

}


.resa .wrapper .details form .grid select#programme {
  grid-column: 1 / 3;
  width: 100%;
  padding: 1rem;
  border-radius: 6px;
  border: 1px solid #E8E8E9;
}




@media (min-width: 20em) and (max-width: 64.0525em) {

  .resa .wrapper .details form .grid input {

    margin-bottom: 2rem;

  }

}



.resa .wrapper .details form .grid textarea {

  padding: 1rem;

  grid-column-start: 1;

  grid-column-end: 3;

  grid-row-start: 4;

  grid-row-end: 6;

  border-radius: 6px;

  border: 1px solid #E8E8E9;

}



@media (min-width: 20em) and (max-width: 64.0525em) {

  .resa .wrapper .details form .grid textarea {

    min-height: 14rem;

  }

}



@media (min-width: 20em) and (max-width: 64.0525em) {

  .resa .wrapper .details form .grid {

    display: flex;

    flex-direction: column;

  }

}



.resa .wrapper .details form .buttons {

  display: flex;

  justify-content: flex-end;

  padding: 1rem 0 1rem 1rem;

  flex-direction: column-reverse;

  align-items: flex-end;

  margin-top: 4rem;

}



.resa .wrapper .details form .buttons button {

  height: 5rem;

  border-radius: 6px;

  border: none;

  background: #919191;

  color: white;

  padding: 0 3rem;

  width: max-content;

  margin-bottom: 2rem;

  background: #1F206B;

}



@media (min-width: 20em) and (max-width: 64.0525em) {

  .resa .wrapper .details form .buttons button {

    position: absolute;

    bottom: 0;

    width: 100%;

    margin: 0;

    padding: 0;

    border-radius: 0;

    left: 0;

  }

}



@media (min-width: 20em) and (max-width: 64.0525em) {

  .resa .wrapper .details form .buttons {

    align-items: center;

    justify-content: center;

    margin-top: 1rem;

  }

}



@media (min-width: 20em) and (max-width: 64.0525em) {

  .resa .wrapper .details form {

    padding-bottom: 11rem;

  }

}



@media (min-width: 20em) and (max-width: 64.0525em) {

  .resa .wrapper .details {

    width: 100%;

  }

}



@media (min-width: 20em) and (max-width: 64.0525em) {

  .resa .wrapper {

    flex-direction: column;

    width: 100%;

    padding-top: 0;

  }

}



.resa .confirm {

  width: 100%;

  height: 100%;

}



.resa .confirm .wrapper {

  width: 90%;

  display: flex;

  flex-direction: column;

  align-items: center;

  height: 100%;

  text-align: center;

  font-size: 1.7rem;

  font-weight: 300;

}



.resa .confirm .wrapper h2 {

  color: #181851;

  font-size: 3rem;

  font-weight: 600;

}



.resa .confirm .wrapper .details {

  font-size: 1.7rem;

}



.resa .confirm .wrapper .details .date {

  font-weight: 600;

}



.resa .confirm .wrapper button {

  margin-top: 3rem;

  background: #1F206B;

  border: none;

  border-radius: 6px;

  padding: 0.5rem;

  color: white;

}



.resa .confirm .wrapper button a {

  color: white;

}



.resa .confirm .wrapper button:hover {

  cursor: pointer;

}



.resa .confirm .wrapper button:hover a {

  text-decoration: none;

}



.datepicker table tr td.active.active {

  background: #B90F69 !important;

}



.datepicker table tr td.disabled {

  color: #d9d9d9;

}



section.sponsoring {

  display: block;

  background: #10327b;

}



section.sponsoring .wrapper {

  display: flex;

  align-items: center;

  justify-content: flex-end;

  height: 400px;

}



section.sponsoring .wrapper .text {

  font-size: 26px;

  color: white;

  padding: 0 7%;

}



section.sponsoring .wrapper .text p {

  margin: 2rem 0;

  line-height: 32px;

}



section.sponsoring .wrapper .text .buttons .button {

  font-weight: 500;

  font-size: 14px;

  padding: 1rem 5rem;

}



section.sponsoring .wrapper .image {

  max-width: 50%;

}



section.sponsoring .wrapper .image .img-container {

  overflow: hidden;

  width: 100%;

  height: 100%;

  position: relative;

}



section.sponsoring .wrapper .image .img-container img {

  max-width: none;

  height: 400px;

}



@media (max-width: 47.99em) {

  section.sponsoring .wrapper {

    justify-content: center;

  }



  section.sponsoring .wrapper .image {

    display: none;

  }

}



/*# sourceMappingURL=style.css.map */