@charset "UTF-8";
html {
  font-size: 62.5% !important; }
  @media screen and (max-width: 992px) {
    html {
      font-size: 55% !important; } }
  @media screen and (max-width: 768px) {
    html {
      font-size: 45% !important; } }
  @media screen and (max-width: 400px) {
    html {
      font-size: 45% !important; } }

.lg-backdrop.in {
  opacity: 0.85; }

.images-gallery ul {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  padding: 0;
  list-style-type: none; }
  .images-gallery ul li {
    padding: 5px; }

ul#lightslider-banner li img {
  width: 100%;
  height: auto; }

.lSPager {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 5%; }
  .lSPager li a {
    background-color: #ffffff !important; }
  .lSPager li.active a {
    background-color: #3c8dbc !important; }

.diagnostic-wrapper {
  max-width: 300px;
  min-width: 200px;
  padding: 5px 10px;
  border: 5px solid #ffffff;
  background-color: #eeeeee; }
  .diagnostic-wrapper .text-top, .diagnostic-wrapper .text-bottom {
    color: #444444;
    font-size: 1.4rem;
    font-style: italic;
    font-weight: bold; }
  .diagnostic-wrapper .scheme {
    position: relative; }
    .diagnostic-wrapper .scheme img {
      width: 75%; }
    .diagnostic-wrapper .scheme .cursor {
      width: 25%;
      padding-top: 1.6%;
      position: absolute;
      right: 0;
      top: 0;
      text-align: center; }
      .diagnostic-wrapper .scheme .cursor .val {
        height: 14.28571%;
        color: #ffffff;
        font-weight: bold;
        position: relative; }
        .diagnostic-wrapper .scheme .cursor .val img {
          position: relative;
          z-index: 0;
          width: 100%;
          height: 100%; }
        .diagnostic-wrapper .scheme .cursor .val .num {
          display: block;
          width: 100%;
          padding-left: 20%;
          text-align: center;
          font-size: 1.6rem;
          position: absolute;
          top: 0;
          right: 0;
          bottom: 0;
          left: 0;
          z-index: 1; }
      .diagnostic-wrapper .scheme .cursor .unit {
        font-size: 1rem; }

@font-face {
  font-family: "Intro";
  src: url("../fonts/intro/b2f90b602a9f5c2da56ad4ff3074c9ca.eot");
  /* IE9*/
  src: url("../fonts/intro/b2f90b602a9f5c2da56ad4ff3074c9ca.eot?#iefix") format("embedded-opentype"), url("../fonts/intro/b2f90b602a9f5c2da56ad4ff3074c9ca.woff2") format("woff2"), url("../fonts/intro/b2f90b602a9f5c2da56ad4ff3074c9ca.woff") format("woff"), url("../fonts/intro/b2f90b602a9f5c2da56ad4ff3074c9ca.ttf") format("truetype"), url("../fonts/intro/b2f90b602a9f5c2da56ad4ff3074c9ca.svg#Intro") format("svg");
  /* iOS 4.1- */
  font-weight: normal; }

@font-face {
  font-family: "Intro Bold";
  src: url("../fonts/intro-bold-regular/fe8d9571c83d65bab4de82cb72e426bc.eot");
  /* IE9*/
  src: url("../fonts/intro-bold-regular/fe8d9571c83d65bab4de82cb72e426bc.eot?#iefix") format("embedded-opentype"), url("../fonts/intro-bold-regular/fe8d9571c83d65bab4de82cb72e426bc.woff2") format("woff2"), url("../fonts/intro-bold-regular/fe8d9571c83d65bab4de82cb72e426bc.woff") format("woff"), url("../fonts/intro-bold-regular/fe8d9571c83d65bab4de82cb72e426bc.ttf") format("truetype"), url("../fonts/intro-bold-regular/fe8d9571c83d65bab4de82cb72e426bc.svg#Intro Bold Regular") format("svg");
  /* iOS 4.1- */ }

@font-face {
  font-family: "Intro Regular";
  src: url("../fonts/intro-regular/0100763844a8ce097387d4afc81b1614.eot");
  /* IE9*/
  src: url("../fonts/intro-regular/0100763844a8ce097387d4afc81b1614.eot?#iefix") format("embedded-opentype"), url("../fonts/intro-regular/0100763844a8ce097387d4afc81b1614.woff2") format("woff2"), url("../fonts/intro-regular/0100763844a8ce097387d4afc81b1614.woff") format("woff"), url("../fonts/intro-regular/0100763844a8ce097387d4afc81b1614.ttf") format("truetype"), url("../fonts/intro-regular/0100763844a8ce097387d4afc81b1614.svg#Intro-Regular") format("svg");
  /* iOS 4.1- */ }

@font-face {
  font-family: "Intro Light";
  src: url("../fonts/intro-light/intro-light.ttf") format("truetype");
  /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/ }

@font-face {
  font-family: "Intro Light Italic";
  src: url("../fonts/intro-light-italic/860dcd7299a28e8b1309239091988668.eot");
  /* IE9*/
  src: url("../fonts/intro-light-italic/860dcd7299a28e8b1309239091988668.eot?#iefix") format("embedded-opentype"), url("../fonts/intro-light-italic/860dcd7299a28e8b1309239091988668.woff2") format("woff2"), url("../fonts/intro-light-italic/860dcd7299a28e8b1309239091988668.woff") format("woff"), url("../fonts/intro-light-italic/860dcd7299a28e8b1309239091988668.ttf") format("truetype"), url("../fonts/intro-light-italic/860dcd7299a28e8b1309239091988668.svg#Intro Light Italic") format("svg");
  /* iOS 4.1- */ }

@font-face {
  font-family: "Intro Book";
  src: url("../fonts/intro-book-regular/00884e3dc954fcc592c35ed58e578e11.eot");
  /* IE9*/
  src: url("../fonts/intro-book-regular/00884e3dc954fcc592c35ed58e578e11.eot?#iefix") format("embedded-opentype"), url("../fonts/intro-book-regular/00884e3dc954fcc592c35ed58e578e11.woff2") format("woff2"), url("../fonts/intro-book-regular/00884e3dc954fcc592c35ed58e578e11.woff") format("woff"), url("../fonts/intro-book-regular/00884e3dc954fcc592c35ed58e578e11.ttf") format("truetype"), url("../fonts/intro-book-regular/00884e3dc954fcc592c35ed58e578e11.svg#Intro Book Regular") format("svg");
  /* iOS 4.1- */ }

@font-face {
  font-family: "Intro Black";
  src: url("../fonts/intro-black/cfc464b681b52d178bece35edca7bc07.eot");
  /* IE9*/
  src: url("../fonts/intro-black/cfc464b681b52d178bece35edca7bc07.eot?#iefix") format("embedded-opentype"), url("../fonts/intro-black/cfc464b681b52d178bece35edca7bc07.woff2") format("woff2"), url("../fonts/intro-black/cfc464b681b52d178bece35edca7bc07.woff") format("woff"), url("../fonts/intro-black/cfc464b681b52d178bece35edca7bc07.ttf") format("truetype"), url("../fonts/intro-black/cfc464b681b52d178bece35edca7bc07.svg#Intro Black") format("svg");
  /* iOS 4.1- */ }

body {
  font-family: 'Intro Book';
  font-weight: normal;
  font-size: 2rem;
  line-height: 2.6rem;
  color: #01246e; }

.container {
  max-width: 1500px; }

a.link-vert,
a.link-violet,
a.link-orange,
a.link-gray {
  padding-right: 5px !important;
  font-size: 12px;
  font-weight: bold;
  text-decoration: none !important;
  color: #00e2b1;
  /* The intrinsic width of the underline stroke (in pixels). This is
   * the same as the height of the cap images. Don't specify the
   * units! This is because of some of the calculations we do later on. */
  --underline-intrinsic-width: 8;
  /* The actual width of the underline stroke we want to render (in pixels).
  * You can modify this, and the sizing and positioning should be calculated
  * accordingly. Again, Don't specify the units! */
  --underline-width: 10;
  /* The colour used to draw the underline. It should match the colour
  * used in the cap images... unfortunately we can't modify the SVG
  * fill via CSS because it's a background image. */
  --underline-color: rgba(0, 226, 177, 0.15);
  /* We need to know the width of the cap images so that we
  * can position everything on the x axis accordingly. */
  --underline-cap-width: 0px;
  /* The border is positioned relative to the bottom of the line.
  * We can move it upwards a little to create an overlap effect. */
  --underline-offset-y: 0rem;
  /* The padding to add to the x axis. By default, the caps would be
  * aligned with the beginning and end of the line. */
  --underline-padding-x: 0;
  /* The cap images to use that form the left and right rounded
  * shape. I guess these could be any shape, they don't
  * necessarily have to be round 🙂.
  */
  --cap-image-left: none;
  --cap-image-right: none;
  --underline-width-scale: calc(
        var(--underline-width) / var(--underline-intrinsic-width)
    );
  padding: 0 calc( var(--underline-padding-x) + calc(var(--underline-cap-width) * var(--underline-width-scale)));
  box-decoration-break: clone;
  background-repeat: no-repeat;
  background-image: linear-gradient(180deg, var(--underline-color), var(--underline-color)), var(--cap-image-left), var(--cap-image-right);
  background-position-x: calc( var(--underline-cap-width) * var(--underline-width-scale) + 5px), 0, 100%;
  background-position-y: calc(100% - var(--underline-offset-y) * -1);
  background-size: calc( 100% - calc( var(--underline-cap-width) * var(--underline-width-scale) * 2 )) calc(var(--underline-width) * 1px), auto calc(var(--underline-width) * 1px), auto calc(var(--underline-width) * 1px); }

a.link-violet {
  color: #664394;
  --underline-color: rgba(102, 67, 148, 0.15); }

a.link-orange {
  color: #f28f1a;
  --underline-color: rgba(242, 143, 26, 0.15); }

a.link-gray {
  color: #0d2559;
  --underline-color: #ededed; }

.fancybox-button {
  padding: 10px !important;
  background-color: transparent !important; }

.btn-novarea-wrapper a,
.btn-novarea-wrapper input[type='submit'],
.btn-novarea-wrapper button,
.btn-novarea {
  display: inline-block;
  padding: 1.6rem !important;
  font-size: 1.2rem !important;
  font-weight: bold;
  line-height: 1.4rem !important;
  color: #ffffff !important;
  white-space: nowrap;
  background-color: #24e2b1 !important;
  border-radius: 4px !important;
  text-decoration: none !important;
  text-transform: uppercase; }
  .btn-novarea-wrapper a i,
  .btn-novarea-wrapper input[type='submit'] i,
  .btn-novarea-wrapper button i,
  .btn-novarea i {
    display: inline-block;
    padding-left: 7rem;
    vertical-align: middle; }
    .btn-novarea-wrapper a i img,
    .btn-novarea-wrapper input[type='submit'] i img,
    .btn-novarea-wrapper button i img,
    .btn-novarea i img {
      vertical-align: -0.4rem; }
    .btn-novarea-wrapper a i.icon-first,
    .btn-novarea-wrapper input[type='submit'] i.icon-first,
    .btn-novarea-wrapper button i.icon-first,
    .btn-novarea i.icon-first {
      padding-left: 0; }
  .btn-novarea-wrapper a:hover,
  .btn-novarea-wrapper input[type='submit']:hover,
  .btn-novarea-wrapper button:hover,
  .btn-novarea:hover {
    background-color: #199e7c !important; }
  .btn-novarea-wrapper a.btn-white,
  .btn-novarea-wrapper input[type='submit'].btn-white,
  .btn-novarea-wrapper button.btn-white,
  .btn-novarea.btn-white {
    color: #01246e !important;
    border: 1px solid #01246e !important;
    background-color: #ffffff !important; }
  .btn-novarea-wrapper a.btn-light,
  .btn-novarea-wrapper input[type='submit'].btn-light,
  .btn-novarea-wrapper button.btn-light,
  .btn-novarea.btn-light {
    color: #01246e !important;
    background-color: #24e2b1 !important; }

.pagination-wrapper ul.pagination {
  justify-content: center; }

.pagination-wrapper .page-link {
  padding: 1rem 1.6rem;
  color: #01246e;
  background-color: #ffffff;
  border: 1px solid #24e2b1; }
  .pagination-wrapper .page-link:hover {
    color: #01246e;
    background-color: #ffffff;
    border-color: #24e2b1; }

.pagination-wrapper .page-item:first-child .page-link {
  border-top-left-radius: 500px;
  border-bottom-left-radius: 500px; }

.pagination-wrapper .page-item:last-child .page-link {
  border-top-right-radius: 500px;
  border-bottom-right-radius: 500px; }

.pagination-wrapper .page-item.active .page-link {
  color: #01246e;
  background-color: #24e2b1;
  border-color: #24e2b1; }

.pagination-wrapper .page-item.disabled .page-link {
  color: #c9c9c9;
  background-color: #ffffff;
  border-color: #24e2b1; }

/* --- generator : https://cssarrowplease.com/ --- */
.top-arrow-box {
  position: relative;
  background: #ffffff;
  border: 1px solid #24e2b1;
  border-radius: 2rem; }

.top-arrow-box:after,
.top-arrow-box:before {
  bottom: 100%;
  left: 25%;
  border: solid transparent;
  content: '';
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none; }

.top-right-arrow-box:after,
.top-right-arrow-box:before {
  left: auto;
  right: 25%; }

.top-arrow-box:after {
  border-color: rgba(255, 255, 255, 0);
  border-bottom-color: #ffffff;
  border-width: 0.8rem;
  margin-left: -0.8rem; }

.top-arrow-box:before {
  border-color: rgba(26, 229, 190, 0);
  border-bottom-color: #24e2b1;
  border-width: 0.9rem;
  margin-left: -0.9rem; }

:root {
  --transaction-color: #00e2b1;
  --location-color: #664394; }

.listing-item {
  display: block;
  min-height: 43.2rem;
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
  border: 1px solid #c9c9c9;
  border-radius: 8px;
  overflow: hidden; }
  .listing-item .linked {
    cursor: pointer; }
  .listing-item.operation-acheter {
    --main-color: var(--transaction-color); }
  .listing-item.operation-louer {
    --main-color: var(--location-color); }
  .listing-item .exclusivite {
    display: inline-block;
    padding: 0.4rem 3.2rem;
    position: absolute;
    top: 3.7rem;
    left: 3.9rem;
    color: #ffffff;
    font-weight: bold;
    text-transform: uppercase;
    background-color: var(--main-color);
    border-radius: 8px;
    pointer-events: none; }
    @media screen and (max-width: 340px) {
      .listing-item .exclusivite {
        left: 1.5rem; } }
  .listing-item .status {
    display: inline-block;
    padding: 0.4rem 3.2rem;
    position: absolute;
    top: 3.7rem;
    right: 3.9rem;
    color: #ffffff;
    font-weight: bold;
    text-transform: uppercase;
    background-color: var(--main-color);
    border-radius: 8px;
    pointer-events: none; }
    @media screen and (max-width: 340px) {
      .listing-item .status {
        right: 1.5rem; } }
  .listing-item .image {
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 26rem;
    overflow: hidden; }
    .listing-item .image img {
      display: block;
      width: 100% !important;
      height: auto !important;
      max-width: none !important; }
  .listing-item .infos {
    padding: 2rem;
    font-size: 2rem; }
    .listing-item .infos .libelle {
      font-family: 'Hurne Semi Bold';
      min-height: 5rem; }
    .listing-item .infos .price {
      font-family: 'Hurne Semi Bold';
      color: var(--main-color); }
    .listing-item .infos .surface {
      font-family: 'Hurne Semi Bold'; }
  .listing-item .item-link {
    display: block;
    padding: 1rem 1.6rem;
    margin: 1rem 2rem 2rem 2rem;
    font-family: 'Intro Regular';
    font-size: 1.4rem;
    color: var(--main-color);
    border: 1px solid var(--main-color);
    border-radius: 8px;
    text-decoration: none; }
    @media screen and (max-width: 1500px) {
      .listing-item .item-link {
        padding: 0.8rem 1.2rem; } }
    .listing-item .item-link i {
      float: right;
      font-size: 2.5rem; }

body.standalone {
  position: relative; }

body.standalone .item-detail {
  padding-bottom: 300px; }

.item-detail.operation-acheter {
  --main-color: var(--transaction-color); }

.item-detail.operation-louer {
  --main-color: var(--location-color); }

.item-detail #visite-button-fixed {
  padding: 20px 0;
  position: fixed;
  z-index: 1000;
  left: 0;
  right: 0;
  bottom: 0;
  color: #ffffff;
  text-align: center;
  font-size: 25px;
  background-color: var(--main-color); }
  .item-detail #visite-button-fixed i img {
    vertical-align: bottom; }

.item-detail .header-wrapper .operation-wrapper {
  margin: 4.2rem 0; }
  .item-detail .header-wrapper .operation-wrapper .operation {
    display: inline-block;
    padding: 1.6rem;
    font-size: 12px;
    font-weight: bold;
    line-height: 22px;
    color: #ffffff;
    text-transform: uppercase;
    background-color: var(--main-color);
    border-radius: 2px; }

.item-detail .header-wrapper .item-title {
  margin-bottom: 8.8rem;
  font-family: 'Hurne Semi Bold';
  font-weight: bold;
  font-size: 4.8rem;
  line-height: 6.6rem; }
  @media screen and (max-width: 500px) {
    .item-detail .header-wrapper .item-title {
      font-size: 3.8rem;
      line-height: 4rem; } }

.item-detail #scroll-ref {
  position: relative; }

.item-detail .item-data {
  margin-bottom: 6.9rem; }
  @media screen and (max-width: 500px) {
    .item-detail .item-data .summary-column {
      padding: 0; } }
  .item-detail .item-data .summary {
    width: 100%;
    max-width: 407px;
    padding-bottom: 50px;
    position: relative;
    z-index: 1; }
    @media screen and (max-width: 1240px) {
      .item-detail .item-data .summary {
        max-width: none;
        padding-bottom: 0;
        margin-top: 0;
        border-radius: 0; } }
    .item-detail .item-data .summary .summary-content {
      padding-bottom: 3.8rem;
      border-radius: 16px;
      box-shadow: 0px 3px 24px #0000001a;
      color: #111111;
      background-color: #ffffff; }
      @media screen and (max-width: 1240px) {
        .item-detail .item-data .summary .summary-content {
          border-radius: 0;
          box-shadow: none;
          padding-bottom: 10px; } }
      .item-detail .item-data .summary .summary-content .status {
        display: inline-block;
        padding: 0.4rem 3.2rem;
        position: absolute;
        top: 3.7rem;
        left: 3.9rem;
        color: #ffffff;
        font-weight: bold;
        text-transform: uppercase;
        background-color: var(--main-color);
        border-radius: 4px; }
        @media screen and (max-width: 1200px) {
          .item-detail .item-data .summary .summary-content .status {
            left: auto;
            right: 1.5rem; } }
      .item-detail .item-data .summary .summary-content .summary-image {
        margin-bottom: 20px; }
        @media screen and (max-width: 1240px) {
          .item-detail .item-data .summary .summary-content .summary-image {
            display: none; } }
        .item-detail .item-data .summary .summary-content .summary-image img {
          display: block;
          width: 100%;
          height: auto;
          border-radius: 16px 16px 0 0; }
          @media screen and (max-width: 768px) {
            .item-detail .item-data .summary .summary-content .summary-image img {
              border-radius: 0; } }
      .item-detail .item-data .summary .summary-content .infos {
        padding: 2rem 4rem 0 4rem; }
        .item-detail .item-data .summary .summary-content .infos .price {
          font-family: 'Hurne Semi Bold';
          font-size: 3.8rem;
          line-height: 3.2rem;
          color: var(--main-color); }
        .item-detail .item-data .summary .summary-content .infos .price-surface {
          display: inline-block;
          padding: 2px 4px;
          margin-top: 4px;
          color: #ffffff;
          font-weight: bold;
          background-color: var(--transaction-color); }
        .item-detail .item-data .summary .summary-content .infos .title {
          font-family: 'Intro Black';
          margin-top: 4.3rem;
          font-size: 1.7rem;
          line-height: 1.9rem; }
        .item-detail .item-data .summary .summary-content .infos .reference {
          font-size: 13px;
          opacity: 0.5; }
        .item-detail .item-data .summary .summary-content .infos .characteristics-summary {
          margin-top: 4rem;
          margin-bottom: 3.7rem; }
          .item-detail .item-data .summary .summary-content .infos .characteristics-summary ul {
            padding: 0;
            list-style-type: none;
            list-style-position: outside; }
            .item-detail .item-data .summary .summary-content .infos .characteristics-summary ul li {
              font-size: 15px; }
        .item-detail .item-data .summary .summary-content .infos .equipments-summary {
          margin-bottom: 3.4rem; }
          .item-detail .item-data .summary .summary-content .infos .equipments-summary ul {
            padding: 0;
            list-style-type: none;
            list-style-position: outside;
            display: flex;
            flex-direction: row;
            flex-wrap: wrap; }
            .item-detail .item-data .summary .summary-content .infos .equipments-summary ul li {
              display: inline;
              width: 50%;
              padding: 0.25rem;
              margin-bottom: 10px;
              font-size: 1.5rem;
              line-height: 29px; }
              .item-detail .item-data .summary .summary-content .infos .equipments-summary ul li i {
                display: inline-block;
                min-width: 34px;
                margin-right: 10px;
                color: var(--main-color);
                font-size: 29px;
                line-height: 29px;
                vertical-align: middle; }
              .item-detail .item-data .summary .summary-content .infos .equipments-summary ul li:nth-child(-n + 4) {
                display: inline; }
        .item-detail .item-data .summary .summary-content .infos .btn-novarea {
          width: 100%; }
  .item-detail .item-data .item-main .diagnostics {
    margin-bottom: 6.4rem;
    font-size: 1.6rem;
    line-height: 2rem; }
    .item-detail .item-data .item-main .diagnostics .item-label {
      font-family: 'Hurne Semi Bold'; }
    .item-detail .item-data .item-main .diagnostics img {
      height: 60px;
      width: 100%; }
    .item-detail .item-data .item-main .diagnostics .diagnostic-letter-mobile {
      display: inline-block;
      width: 10rem;
      height: 10rem;
      line-height: 10rem;
      font-family: 'Hurne Semi Bold';
      font-size: 6rem;
      color: #ffffffff;
      background-color: #f0f;
      border-radius: 1.5rem; }
      .item-detail .item-data .item-main .diagnostics .diagnostic-letter-mobile.dpe-color-a {
        background-color: #cf2d25; }
      .item-detail .item-data .item-main .diagnostics .diagnostic-letter-mobile.dpe-color-b {
        background-color: #d46b3b; }
      .item-detail .item-data .item-main .diagnostics .diagnostic-letter-mobile.dpe-color-c {
        background-color: #db9c38; }
      .item-detail .item-data .item-main .diagnostics .diagnostic-letter-mobile.dpe-color-d {
        background-color: #dcc646; }
      .item-detail .item-data .item-main .diagnostics .diagnostic-letter-mobile.dpe-color-e {
        background-color: #b3ca41; }
      .item-detail .item-data .item-main .diagnostics .diagnostic-letter-mobile.dpe-color-f {
        background-color: #5ed44a; }
      .item-detail .item-data .item-main .diagnostics .diagnostic-letter-mobile.dpe-color-g {
        background-color: #32b982; }
      .item-detail .item-data .item-main .diagnostics .diagnostic-letter-mobile.ges-color-a {
        background-color: #391793; }
      .item-detail .item-data .item-main .diagnostics .diagnostic-letter-mobile.ges-color-b {
        background-color: #5129af; }
      .item-detail .item-data .item-main .diagnostics .diagnostic-letter-mobile.ges-color-c {
        background-color: #5b40c2; }
      .item-detail .item-data .item-main .diagnostics .diagnostic-letter-mobile.ges-color-d {
        background-color: #8b87df; }
      .item-detail .item-data .item-main .diagnostics .diagnostic-letter-mobile.ges-color-e {
        background-color: #9691d7; }
      .item-detail .item-data .item-main .diagnostics .diagnostic-letter-mobile.ges-color-f {
        background-color: #afabdc; }
      .item-detail .item-data .item-main .diagnostics .diagnostic-letter-mobile.ges-color-g {
        background-color: #e0ddff; }
  .item-detail .item-data .item-main .characteristics .content {
    padding: 5.6rem 4rem;
    margin-bottom: 8.4rem;
    border: 1px solid #ededed;
    background-color: #ffffff;
    border-radius: 8px; }
    .item-detail .item-data .item-main .characteristics .content ul {
      padding: 0;
      column-count: 3;
      list-style-type: none;
      list-style-position: outside; }
      @media screen and (max-width: 600px) {
        .item-detail .item-data .item-main .characteristics .content ul {
          column-count: 2; } }
      @media screen and (max-width: 400px) {
        .item-detail .item-data .item-main .characteristics .content ul {
          column-count: 1; } }
      .item-detail .item-data .item-main .characteristics .content ul li {
        font-family: 'Open Sans';
        font-size: 1.5rem;
        color: #111111;
        line-height: 3rem; }
        .item-detail .item-data .item-main .characteristics .content ul li .item-label {
          font-weight: bold; }
  .item-detail .item-data .item-main .descriptif {
    margin-bottom: 5.7rem;
    font-size: 1.7rem;
    line-height: 3rem; }
  .item-detail .item-data .item-main .carousel-wrapper {
    margin-bottom: 4.7rem;
    position: relative; }
    @media screen and (max-width: 768px) {
      .item-detail .item-data .item-main .carousel-wrapper {
        width: 100%;
        margin-left: 0; } }
    .item-detail .item-data .item-main .carousel-wrapper li {
      pointer-events: none; }
      .item-detail .item-data .item-main .carousel-wrapper li img {
        height: 388px;
        pointer-events: all; }
    .item-detail .item-data .item-main .carousel-wrapper .buttons-wrapper {
      position: absolute;
      bottom: 20px;
      left: 20px; }
      .item-detail .item-data .item-main .carousel-wrapper .buttons-wrapper .btn-novarea {
        display: inline-block;
        padding: 0.8rem 1.8rem;
        font-size: 12px;
        line-height: 12px; }
        .item-detail .item-data .item-main .carousel-wrapper .buttons-wrapper .btn-novarea img {
          height: 19px;
          padding-right: 1rem;
          vertical-align: -3px; }
    .item-detail .item-data .item-main .carousel-wrapper .lSAction a {
      opacity: 0.75; }
  .item-detail .item-data .item-main h3.smart {
    width: 103%;
    padding-left: 1.5%;
    margin-left: -1.5%;
    padding-bottom: 2rem;
    margin-bottom: 2rem;
    font-family: 'Intro Black';
    font-size: 2rem;
    color: #01246e;
    line-height: 2.1rem;
    text-transform: uppercase;
    border-bottom: 1px solid #dddddd; }
  .item-detail .item-data .item-main h3.smart::after {
    content: '';
    display: block;
    float: right;
    width: 16px;
    height: 4px;
    background-color: #01246e; }

.items-listing * {
  box-sizing: border-box; }

.items-listing .main-content .listing {
  margin-bottom: 10.3rem; }

.items-listing .header-wrapper {
  min-height: 762px;
  margin-bottom: 8.9rem;
  position: relative;
  color: #ffffff;
  background-color: #302EA7; }
  .items-listing .header-wrapper .container {
    display: flex;
    flex-direction: column;
    justify-content: center;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 10; }
    .items-listing .header-wrapper .container h1 {
      margin-bottom: 5rem;
      font-family: 'Intro Regular';
      font-size: 8rem;
      line-height: 8.5rem;
      color: #ffffff;
      text-shadow: 0px 3px 6px #00000029; }
      .items-listing .header-wrapper .container h1 span.smart-outline {
        /* The intrinsic width of the underline stroke (in pixels). This is
                * the same as the height of the cap images. Don't specify the
                * units! This is because of some of the calculations we do later on. */
        --underline-intrinsic-width: 8;
        /* The actual width of the underline stroke we want to render (in pixels).
                * You can modify this, and the sizing and positioning should be calculated
                * accordingly. Again, Don't specify the units! */
        --underline-width: 16;
        /* The colour used to draw the underline. It should match the colour
                * used in the cap images... unfortunately we can't modify the SVG
                * fill via CSS because it's a background image. */
        --underline-color: rgb(36, 226, 177, 0.5);
        /* We need to know the width of the cap images so that we
                * can position everything on the x axis accordingly. */
        --underline-cap-width: 0px;
        /* The border is positioned relative to the bottom of the line.
                * We can move it upwards a little to create an overlap effect. */
        --underline-offset-y: -1.2rem;
        /* The padding to add to the x axis. By default, the caps would be
                * aligned with the beginning and end of the line. */
        --underline-padding-x: 2rem;
        /* The cap images to use that form the left and right rounded
                * shape. I guess these could be any shape, they don't
                * necessarily have to be round 🙂.
                */
        --cap-image-left: none;
        --cap-image-right: none;
        --underline-width-scale: calc(var(--underline-width) / var(--underline-intrinsic-width));
        padding: 0 calc(var(--underline-padding-x) + calc(var(--underline-cap-width) * var(--underline-width-scale)));
        box-decoration-break: clone;
        background-repeat: no-repeat;
        background-image: linear-gradient(180deg, var(--underline-color), var(--underline-color)), var(--cap-image-left), var(--cap-image-right);
        background-position-x: calc(var(--underline-cap-width) * var(--underline-width-scale)), 0, 100%;
        background-position-y: calc(100% - var(--underline-offset-y) * -1);
        background-size: calc(100% - calc(var(--underline-cap-width) * var(--underline-width-scale) * 2)) calc(var(--underline-width) * 1px), auto calc(var(--underline-width) * 1px), auto calc(var(--underline-width) * 1px); }
      .items-listing .header-wrapper .container h1 span.with-padding {
        --underline-padding-x: 2rem;
        padding: 0 calc(var(--underline-padding-x)); }

.listing-toolset {
  margin: 6rem 0; }
  @media screen and (max-width: 768px) {
    .listing-toolset {
      margin: 2rem 0; } }
  .listing-toolset .tool.tool-left {
    text-align: left; }
  .listing-toolset .tool.tool-right {
    text-align: right; }
  @media screen and (max-width: 768px) {
    .listing-toolset .tool {
      text-align: center !important; } }
  .listing-toolset .btn-novarea {
    margin: 0 0 2rem 0 !important; }
    .listing-toolset .btn-novarea i {
      padding-left: 1rem; }
  .listing-toolset .top-arrow-box {
    left: 0; }
  .listing-toolset .top-right-arrow-box {
    left: auto;
    right: 0; }
  .listing-toolset a.sorting {
    display: inline-block;
    text-align: right;
    position: relative; }
    .listing-toolset a.sorting .btn-novarea {
      box-shadow: 0px 0px 7px #C9C9C9; }
  .listing-toolset .display-mode-selector {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    flex-wrap: wrap;
    max-width: 312px;
    margin: 0 0 2rem 0;
    list-style-type: none;
    list-style-position: outside;
    border-radius: 8px;
    border: 1px solid #ededed; }
    @media screen and (max-width: 768px) {
      .listing-toolset .display-mode-selector {
        max-width: 254px;
        margin: 0 auto 10px auto; } }
    .listing-toolset .display-mode-selector li {
      padding: 0;
      margin: 0; }
      .listing-toolset .display-mode-selector li label {
        margin: 0; }
        .listing-toolset .display-mode-selector li label span {
          display: inline-block;
          padding: 1.2rem 3rem;
          cursor: pointer;
          border-radius: 8px; }
      .listing-toolset .display-mode-selector li input {
        display: none; }
      .listing-toolset .display-mode-selector li input:checked + span {
        color: #0D2559 !important;
        background-color: #00e2b1 !important; }
  .listing-toolset ul.sorting-options {
    display: none;
    padding: 1rem;
    margin: 0;
    list-style-type: none;
    list-style-position: outside;
    text-align: left;
    position: absolute;
    z-index: 500;
    top: 112%; }
    .listing-toolset ul.sorting-options li {
      margin: 0;
      white-space: nowrap;
      color: #0D2559;
      cursor: pointer; }
    .listing-toolset ul.sorting-options span.custom-check {
      content: "";
      display: inline-block;
      margin-right: 1.5rem;
      width: 1.5rem;
      height: 1.5rem;
      border: 1px solid #00e2b1;
      vertical-align: -0.2rem;
      border-radius: 2px; }
    .listing-toolset ul.sorting-options input:checked + span.custom-check {
      background-color: #0D2559; }
    .listing-toolset ul.sorting-options input {
      display: none; }
  .listing-toolset a.trigger-options.show-options ul.sorting-options {
    display: inline-block; }

.block-investisseur {
  margin-top: 6.9rem; }
  .block-investisseur h2 {
    margin-bottom: 2.4rem; }
  .block-investisseur .content {
    border: 1px solid #ededed;
    border-radius: 8px;
    background-color: #ffffff; }
    .block-investisseur .content > .row {
      padding-left: 15px;
      padding-right: 15px; }
    .block-investisseur .content .image-wrapper {
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      overflow: hidden;
      border-top-left-radius: 8px;
      border-bottom-left-radius: 8px; }
      .block-investisseur .content .image-wrapper img {
        width: 250%;
        height: auto;
        position: absolute; }
    .block-investisseur .content .data-wrapper {
      padding: 3.6rem 4rem;
      font-size: 1.8rem;
      line-height: 2.1rem; }
      .block-investisseur .content .data-wrapper ul {
        padding: 0;
        margin: 0;
        list-style-type: none;
        list-style-position: outside; }
        .block-investisseur .content .data-wrapper ul li {
          min-height: 27px;
          margin-bottom: 1.6rem; }
          .block-investisseur .content .data-wrapper ul li strong {
            font-family: 'Intro Bold'; }
          .block-investisseur .content .data-wrapper ul li.total {
            padding-top: 1.6rem;
            border-top: 2px solid #c9c9c9;
            background-image: url("../images/novarea/pictos/arrow-right-green.svg");
            background-position: left 1.8rem; }
      .block-investisseur .content .data-wrapper .btn-novarea {
        display: block;
        margin-top: 2.4rem;
        text-align: center; }

.block-projet-by-novarea {
  margin-top: 6.9rem; }
  .block-projet-by-novarea h2 {
    margin-bottom: 2.4rem;
    font-family: 'Hurne Semi Bold';
    font-size: 3.8rem;
    line-height: 3.6rem; }
  .block-projet-by-novarea .beer-slider {
    margin-bottom: 4rem; }
    .block-projet-by-novarea .beer-slider img {
      width: 100%;
      height: auto; }
    .block-projet-by-novarea .beer-slider .beer-reveal {
      border-right: 4px solid #ffffff; }
    .block-projet-by-novarea .beer-slider .beer-handle {
      margin-left: -2px;
      color: #cccccc;
      background-color: #ffffff !important; }
    .block-projet-by-novarea .beer-slider::after,
    .block-projet-by-novarea .beer-slider .beer-reveal::after {
      top: 40px !important;
      font-family: 'Open Sans';
      font-size: 17px;
      text-transform: uppercase;
      color: #ffffff;
      background: none !important; }
  .block-projet-by-novarea h3 {
    font-family: 'Hurne Semi Bold';
    font-size: 2.8rem;
    margin-bottom: 2.4rem;
    color: #01246e; }
  .block-projet-by-novarea .descriptif-travaux {
    font-size: 1.7rem;
    line-height: 3rem; }
    .block-projet-by-novarea .descriptif-travaux ul,
    .block-projet-by-novarea .descriptif-travaux ol {
      list-style-position: inside; }
  .block-projet-by-novarea .estimation {
    height: 100%;
    padding: 4rem;
    border-radius: 8px;
    background-color: #ffffff; }
    @media screen and (max-width: 768px) {
      .block-projet-by-novarea .estimation {
        padding-left: inherit;
        padding-right: inherit; } }
    .block-projet-by-novarea .estimation .title {
      margin-bottom: 8rem;
      font-size: 1.4rem;
      line-height: 1.9rem; }
    .block-projet-by-novarea .estimation .total {
      display: inline-block;
      padding-bottom: 2.4rem;
      border-bottom: 1px solid #ededed;
      font-family: 'Hurne Semi Bold';
      font-size: 3.8rem;
      line-height: 3.2rem;
      color: var(--transaction-color); }
    .block-projet-by-novarea .estimation .price-lines {
      padding: 0;
      margin-top: 2.4rem;
      list-style-type: none;
      list-style-position: outside; }
      .block-projet-by-novarea .estimation .price-lines li {
        min-height: 27px;
        font-size: 1.5rem;
        font-weight: bold;
        line-height: 3rem; }
        .block-projet-by-novarea .estimation .price-lines li span {
          font-weight: normal; }
    .block-projet-by-novarea .estimation .btn-novarea {
      display: block;
      margin-top: 2.4rem;
      text-align: center; }

.block-financial-wrapper .content {
  padding: 6.4rem 6rem;
  margin-top: 8rem;
  color: #ffffff;
  background-color: #5074b5;
  border-radius: 8px; }
  @media screen and (max-width: 1240px) {
    .block-financial-wrapper .content .row {
      margin-left: 0;
      margin-right: 0; } }
  .block-financial-wrapper .content h3 {
    margin-bottom: 0;
    font-size: 3.6rem;
    line-height: 3.8rem;
    color: #ffffff; }
  .block-financial-wrapper .content p.small {
    margin-bottom: 3rem;
    font-size: 1.2rem;
    line-height: 2.2rem;
    letter-spacing: 0.168rem;
    text-transform: uppercase; }
  .block-financial-wrapper .content .params-wrapper {
    padding-right: 3rem; }
    .block-financial-wrapper .content .params-wrapper label {
      font-size: 1.2rem;
      line-height: 1.7rem; }
    .block-financial-wrapper .content .params-wrapper input {
      height: 5rem;
      width: 100%;
      padding: 1rem;
      margin-bottom: 2.4rem;
      font-size: 2rem;
      border-radius: 2px; }
    .block-financial-wrapper .content .params-wrapper .ui-slider {
      height: 8px;
      margin-bottom: 2.4rem;
      border: none;
      border-radius: 2x; }
      .block-financial-wrapper .content .params-wrapper .ui-slider .ui-slider-range {
        height: 8px;
        border-radius: 2px;
        background-color: #122e62; }
      .block-financial-wrapper .content .params-wrapper .ui-slider .ui-slider-handle {
        width: 18px !important;
        height: 18px !important;
        top: -5px;
        border-radius: 500px;
        border: none;
        background-color: #122e62;
        cursor: pointer; }
  .block-financial-wrapper .content .display-wrapper {
    padding: 4rem 3.2rem;
    background-color: #ffffff;
    border-radius: 8px; }
    .block-financial-wrapper .content .display-wrapper #mortgage-calculator-display {
      font-size: 1.4rem;
      line-height: 1.9rem;
      color: #111111; }
      .block-financial-wrapper .content .display-wrapper #mortgage-calculator-display span.mensualite-value {
        display: block;
        margin: 8px 0 16px 0;
        font-family: 'Hurne Semi Bold';
        font-size: 3.8rem;
        line-height: 3.2rem;
        color: #2f59a5; }
      .block-financial-wrapper .content .display-wrapper #mortgage-calculator-display span.cout-value {
        display: block;
        margin: 8px 0 16px 0;
        font-family: 'Hurne Semi Bold';
        font-size: 3.8rem;
        line-height: 3.2rem;
        color: #2f59a5; }
      .block-financial-wrapper .content .display-wrapper #mortgage-calculator-display span.mensualite-unit,
      .block-financial-wrapper .content .display-wrapper #mortgage-calculator-display span.cout-unit {
        font-family: 'Hurne Semi Bold';
        font-size: 3.8rem;
        line-height: 3.2rem;
        color: #2f59a5; }
    .block-financial-wrapper .content .display-wrapper a.btn-blue {
      display: block;
      margin-top: 3.2rem;
      text-align: center;
      background-color: #2f59a5 !important; }
  .block-financial-wrapper .content p.legal {
    margin-top: 5.6rem;
    margin-bottom: 0; }
    .block-financial-wrapper .content p.legal small {
      display: inline-block;
      font-size: 1.2rem;
      line-height: 1.8rem; }
  .block-financial-wrapper .content .btn-wrapper {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center; }
    .block-financial-wrapper .content .btn-wrapper .btn-novarea {
      display: inline-block;
      font-family: 'Intro Regular';
      color: #ffffff !important;
      background-color: #0057e2;
      text-transform: uppercase; }

.block-related-items {
  margin-top: 6.9rem; }
  .block-related-items h2 {
    text-align: center; }
  .block-related-items .lSAction a {
    top: 30%; }
    .block-related-items .lSAction a.lSPrev {
      left: 30px; }
    .block-related-items .lSAction a.lSNext {
      right: 30px; }

/*# sourceMappingURL=novarea.css.map */