@import "_common";
@import "_mon-compte";
@font-face {
  font-family: 'Gotham';
  src: url('.././fonts/hinted-Gotham-Bold.eot');
  src: local('Gotham Bold'), local('Gotham-Bold'), url('.././fonts/hinted-Gotham-Bold.eot?#iefix') format('embedded-opentype'), url('.././fonts/hinted-Gotham-Bold.woff2') format('woff2'), url('.././fonts/hinted-Gotham-Bold.woff') format('woff'), url('.././fonts/hinted-Gotham-Bold.ttf') format('truetype');
  font-weight: bold;
  font-style: normal; }

@font-face {
  font-family: 'Gotham';
  src: url('.././fonts/hinted-Gotham-Thin.eot');
  src: local('Gotham Thin'), local('Gotham-Thin'), url('.././fonts/hinted-Gotham-Thin.eot?#iefix') format('embedded-opentype'), url('.././fonts/hinted-Gotham-Thin.woff2') format('woff2'), url('.././fonts/hinted-Gotham-Thin.woff') format('woff'), url('.././fonts/hinted-Gotham-Thin.ttf') format('truetype');
  font-weight: 100;
  font-style: normal; }

@font-face {
  font-family: 'Gotham';
  src: url('.././fonts/hinted-Gotham-Light.eot');
  src: local('Gotham Light'), local('Gotham-Light'), url('.././fonts/hinted-Gotham-Light.eot?#iefix') format('embedded-opentype'), url('.././fonts/hinted-Gotham-Light.woff2') format('woff2'), url('.././fonts/hinted-Gotham-Light.woff') format('woff'), url('.././fonts/hinted-Gotham-Light.ttf') format('truetype');
  font-weight: 300;
  font-style: normal; }

@font-face {
  font-family: 'Gotham Book';
  src: url('.././fonts/hinted-Gotham-Book.eot');
  src: local('Gotham Book'), local('Gotham-Book'), url('.././fonts/hinted-Gotham-Book.eot?#iefix') format('embedded-opentype'), url('.././fonts/hinted-Gotham-Book.woff2') format('woff2'), url('.././fonts/hinted-Gotham-Book.woff') format('woff'), url('.././fonts/hinted-Gotham-Book.ttf') format('truetype');
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'Gotham Ultra';
  src: url('.././fonts/hinted-Gotham-Ultra.eot');
  src: local('Gotham Ultra'), local('Gotham-Ultra'), url('.././fonts/hinted-Gotham-Ultra.eot?#iefix') format('embedded-opentype'), url('.././fonts/hinted-Gotham-Ultra.woff2') format('woff2'), url('.././fonts/hinted-Gotham-Ultra.woff') format('woff'), url('.././fonts/hinted-Gotham-Ultra.ttf') format('truetype');
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'Gotham';
  src: url('.././fonts/hinted-Gotham-Medium.eot');
  src: local('Gotham Medium'), local('Gotham-Medium'), url('.././fonts/hinted-Gotham-Medium.eot?#iefix') format('embedded-opentype'), url('.././fonts/hinted-Gotham-Medium.woff2') format('woff2'), url('.././fonts/hinted-Gotham-Medium.woff') format('woff'), url('.././fonts/hinted-Gotham-Medium.ttf') format('truetype');
  font-weight: 500;
  font-style: normal; }

@font-face {
  font-family: 'Gotham Book';
  src: url('.././fonts/hinted-Gotham-BookItalic.eot');
  src: local('Gotham Book Italic'), local('Gotham-BookItalic'), url('.././fonts/hinted-Gotham-BookItalic.eot?#iefix') format('embedded-opentype'), url('.././fonts/hinted-Gotham-BookItalic.woff2') format('woff2'), url('.././fonts/hinted-Gotham-BookItalic.woff') format('woff'), url('.././fonts/hinted-Gotham-BookItalic.ttf') format('truetype');
  font-weight: normal;
  font-style: italic; }

@font-face {
  font-family: 'Gotham';
  src: url('.././fonts/hinted-Gotham-LightItalic.eot');
  src: local('Gotham Light Italic'), local('Gotham-LightItalic'), url('.././fonts/hinted-Gotham-LightItalic.eot?#iefix') format('embedded-opentype'), url('.././fonts/hinted-Gotham-LightItalic.woff2') format('woff2'), url('.././fonts/hinted-Gotham-LightItalic.woff') format('woff'), url('.././fonts/hinted-Gotham-LightItalic.ttf') format('truetype');
  font-weight: 300;
  font-style: italic; }

@font-face {
  font-family: 'Gotham';
  src: url('.././fonts/hinted-Gotham-BoldItalic.eot');
  src: local('Gotham Bold Italic'), local('Gotham-BoldItalic'), url('.././fonts/hinted-Gotham-BoldItalic.eot?#iefix') format('embedded-opentype'), url('.././fonts/hinted-Gotham-BoldItalic.woff2') format('woff2'), url('.././fonts/hinted-Gotham-BoldItalic.woff') format('woff'), url('.././fonts/hinted-Gotham-BoldItalic.ttf') format('truetype');
  font-weight: bold;
  font-style: italic; }

@font-face {
  font-family: 'Gotham';
  src: url('.././fonts/hinted-Gotham-ThinItalic.eot');
  src: local('Gotham Thin Italic'), local('Gotham-ThinItalic'), url('.././fonts/hinted-Gotham-ThinItalic.eot?#iefix') format('embedded-opentype'), url('.././fonts/hinted-Gotham-ThinItalic.woff2') format('woff2'), url('.././fonts/hinted-Gotham-ThinItalic.woff') format('woff'), url('.././fonts/hinted-Gotham-ThinItalic.ttf') format('truetype');
  font-weight: 100;
  font-style: italic; }

@font-face {
  font-family: 'Gotham';
  src: url('.././fonts/hinted-Gotham-Black.eot');
  src: local('Gotham Black'), local('Gotham-Black'), url('.././fonts/hinted-Gotham-Black.eot?#iefix') format('embedded-opentype'), url('.././fonts/hinted-Gotham-Black.woff2') format('woff2'), url('.././fonts/hinted-Gotham-Black.woff') format('woff'), url('.././fonts/hinted-Gotham-Black.ttf') format('truetype');
  font-weight: 900;
  font-style: normal; }

@font-face {
  font-family: 'Gotham';
  src: url('.././fonts/hinted-Gotham-BlackItalic.eot');
  src: local('Gotham Black Italic'), local('Gotham-BlackItalic'), url('.././fonts/hinted-Gotham-BlackItalic.eot?#iefix') format('embedded-opentype'), url('.././fonts/hinted-Gotham-BlackItalic.woff2') format('woff2'), url('.././fonts/hinted-Gotham-BlackItalic.woff') format('woff'), url('.././fonts/hinted-Gotham-BlackItalic.ttf') format('truetype');
  font-weight: 900;
  font-style: italic; }

@font-face {
  font-family: 'Gotham Extra';
  src: url('.././fonts/hinted-Gotham-ExtraLight.eot');
  src: local('Gotham Extra Light'), local('Gotham-ExtraLight'), url('.././fonts/hinted-Gotham-ExtraLight.eot?#iefix') format('embedded-opentype'), url('.././fonts/hinted-Gotham-ExtraLight.woff2') format('woff2'), url('.././fonts/hinted-Gotham-ExtraLight.woff') format('woff'), url('.././fonts/hinted-Gotham-ExtraLight.ttf') format('truetype');
  font-weight: 200;
  font-style: normal; }

@font-face {
  font-family: 'Gotham Ultra';
  src: url('.././fonts/hinted-Gotham-UltraItalic.eot');
  src: local('Gotham Ultra Italic'), local('Gotham-UltraItalic'), url('.././fonts/hinted-Gotham-UltraItalic.eot?#iefix') format('embedded-opentype'), url('.././fonts/hinted-Gotham-UltraItalic.woff2') format('woff2'), url('.././fonts/hinted-Gotham-UltraItalic.woff') format('woff'), url('.././fonts/hinted-Gotham-UltraItalic.ttf') format('truetype');
  font-weight: normal;
  font-style: italic; }

@font-face {
  font-family: 'Gotham Extra';
  src: url('.././fonts/hinted-Gotham-ExtraLightItalic.eot');
  src: local('Gotham Extra Light Italic'), local('Gotham-ExtraLightItalic'), url('.././fonts/hinted-Gotham-ExtraLightItalic.eot?#iefix') format('embedded-opentype'), url('.././fonts/hinted-Gotham-ExtraLightItalic.woff2') format('woff2'), url('.././fonts/hinted-Gotham-ExtraLightItalic.woff') format('woff'), url('.././fonts/hinted-Gotham-ExtraLightItalic.ttf') format('truetype');
  font-weight: 200;
  font-style: italic; }

@font-face {
  font-family: 'Gotham';
  src: url('.././fonts/hinted-Gotham-MediumItalic.eot');
  src: local('Gotham Medium Italic'), local('Gotham-MediumItalic'), url('.././fonts/hinted-Gotham-MediumItalic.eot?#iefix') format('embedded-opentype'), url('.././fonts/hinted-Gotham-MediumItalic.woff2') format('woff2'), url('.././fonts/hinted-Gotham-MediumItalic.woff') format('woff'), url('.././fonts/hinted-Gotham-MediumItalic.ttf') format('truetype');
  font-weight: 500;
  font-style: italic; }

html, body {
  padding: 0;
  margin: 0;
  font-size: 10px;
  font-family: 'Gotham', Arial, "Helvetica Neue", Helvetica, sans-serif; }

header {
  width: 100%; }
  header .menu {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    margin: 0 auto;
    height: 8rem; }
    header .menu .logo img {
      width: 22rem;
      margin-left: 1rem;
      height: 10rem; }
    header .menu .burger-menu {
      position: absolute; }
    header .menu .menu-left {
      display: flex;
      justify-content: center;
      align-items: center;
      width: 35rem; }
    header .menu .menu-main {
      width: 60%; }
      header .menu .menu-main > ul {
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 0;
        width: 100%; }
        header .menu .menu-main > ul > li {
          padding: 0 4rem;
          list-style-type: none;
          font-size: 1.5rem;
          font-weight: 600;
          text-align: center;
          cursor: pointer;
          box-sizing: border-box;
          height: 8rem;
          line-height: 7.5rem;
          text-decoration: none;
          color: black; }
          header .menu .menu-main > ul > li a {
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            height: 100%;
            line-height: 7.5rem; }
            header .menu .menu-main > ul > li a span {
              display: block;
              line-height: 1.2; }
          @media only screen and (max-width: 1550px) {
  header .menu .menu-main > ul > li {
    padding: 0 2rem; } }
          @media only screen and (max-width: 1300px) {
  header .menu .menu-main > ul > li {
    padding: 0 1.4rem; } }
          header .menu .menu-main > ul > li svg {
            display: none; }
          header .menu .menu-main > ul > li:hover {
            color: #c20e1a;
            border-bottom: 0.5rem solid #c20e1a; }
            header .menu .menu-main > ul > li:hover > a {
              color: #c20e1a; }
          header .menu .menu-main > ul > li a {
            text-decoration: none;
            color: black; }
          header .menu .menu-main > ul > li:first-child {
            display: none; }
    header .menu .notifications_container {
      position: relative; }
      header .menu .notifications_container .cloche {
        background-image: url('./../img/cloche.svg');
        background-position: center;
        background-repeat: no-repeat;
        width: 2.2rem;
        height: 2.5rem;
        padding: 0 2rem;
        font-size: 1.3rem;
        font-weight: 600;
        color: white;
        text-align: center;
        display: flex;
        justify-content: center;
        align-items: center;
        cursor: pointer; }
      header .menu .notifications_container .notifications {
        display: none;
        width: 310px;
        -moz-box-shadow: 0px 0px 60px 0px #cfcfcf;
        -webkit-box-shadow: 0px 0px 60px 0px #cfcfcf;
        -o-box-shadow: 0px 0px 60px 0px #cfcfcf;
        box-shadow: 0px 0px 60px 0px #cfcfcf;
        filter: progid:DXImageTransform.Microsoft.Shadow(color=#cfcfcf, Direction=NaN, Strength=60);
        margin-top: 25px;
        position: absolute;
        right: -50px;
        z-index: 99; }
        header .menu .notifications_container .notifications .info {
          font-size: 1.3rem;
          font-weight: 700;
          color: #fff;
          background-color: #c20e1a;
          padding: 15px;
          position: relative; }
          header .menu .notifications_container .notifications .info:before {
            content: "";
            width: 0;
            height: 0;
            border-left: 15px solid transparent;
            border-right: 15px solid transparent;
            border-bottom: 15px solid #c20e1a;
            position: absolute;
            top: -15px;
            right: 66px; }
        header .menu .notifications_container .notifications .notifications_list {
          background-color: #fff;
          padding: 0 25px; }
          header .menu .notifications_container .notifications .notifications_list a.notification {
            display: block;
            text-decoration: none;
            border-bottom: 1px solid #adadad;
            padding: 25px 0; }
            header .menu .notifications_container .notifications .notifications_list a.notification:last-child {
              border-bottom: none; }
            header .menu .notifications_container .notifications .notifications_list a.notification .title {
              font-size: 1.5rem;
              font-weight: 500;
              color: #c20e1a; }
            header .menu .notifications_container .notifications .notifications_list a.notification time {
              display: block;
              font-family: 'Gotham Book', Arial, sans-serif;
              font-size: 1.5rem;
              color: #000; }
    header .menu .access {
      position: relative;
      font-size: 1.2rem;
      border: 1px black solid;
      border-radius: 5rem;
      padding: 0.3rem 1rem;
      cursor: pointer;
      color: black; }
      header .menu .access .access-box {
        font-family: 'Gotham Book', Arial, sans-serif;
        position: absolute;
        background-color: white;
        font-size: 1.4rem;
        padding: 3rem 2rem;
        z-index: 3;
        text-align: center;
        top: 7rem;
        left: -7rem;
        display: none; }
        header .menu .access .access-box::after {
          content: "";
          position: absolute;
          display: block;
          width: 0;
          height: 0;
          border-left: 10px solid transparent;
          border-right: 10px solid transparent;
          border-bottom: 10px solid white;
          top: -9px;
          left: 50%;
          transform: translateX(-50%); }
        header .menu .access .access-box .access-box-btn {
          display: flex;
          margin-top: 1.5rem; }
          header .menu .access .access-box .access-box-btn div {
            padding: 1rem 1.5rem;
            font-family: 'Gotham', Arial, sans-serif;
            cursor: pointer; }
            header .menu .access .access-box .access-box-btn div:first-child {
              font-weight: 400;
              background-color: #c20e1a;
              color: white;
              margin-right: 1rem; }
            header .menu .access .access-box .access-box-btn div:last-child {
              font-weight: 700;
              background-color: #efefef;
              color: black; }
    header .menu .moncompte {
      background-color: #c20e1a;
      color: white;
      font-size: 1.4rem;
      padding: 1.5rem 2rem;
      display: flex;
      margin-right: 1rem;
      line-height: 1.8rem;
      cursor: pointer;
      position: relative;
      z-index: 2;
      transition: 0.3s;
      z-index: 5; }
      header .menu .moncompte svg {
        fill: white;
        width: 20px;
        height: 20px;
        margin-right: 0.5rem; }
        header .menu .moncompte svg use svg {
          width: 20px;
          height: 20px; }
      header .menu .moncompte:hover {
        background-color: #6e1b34; }
      header .menu .moncompte .moncompte-menu {
        position: absolute;
        width: 32rem;
        background-color: white;
        border: 1px solid #cfcfcf;
        box-shadow: 0px 0px 23px -2px rgba(0, 0, 0, 0.23);
        right: 0;
        top: 5rem;
        display: none; }
        header .menu .moncompte .moncompte-menu ul {
          display: block;
          width: 100%;
          padding: 0 2rem;
          box-sizing: border-box; }
          header .menu .moncompte .moncompte-menu ul li {
            width: 100%;
            font-weight: 400;
            font-size: 1.5rem;
            text-align: left;
            padding: 1.5rem 0rem;
            border-top: 1px solid #ebebeb;
            box-sizing: border-box;
            list-style-type: none; }
            header .menu .moncompte .moncompte-menu ul li:first-child a ul li {
              width: 100% !important;
              color: #c20e1a; }
            header .menu .moncompte .moncompte-menu ul li a {
              text-decoration: none;
              color: black; }
              header .menu .moncompte .moncompte-menu ul li a ul {
                display: flex;
                padding: 0;
                justify-content: space-between; }
                header .menu .moncompte .moncompte-menu ul li a ul li {
                  padding: 0;
                  width: auto;
                  border: none;
                  list-style-type: none; }
                  header .menu .moncompte .moncompte-menu ul li a ul li a {
                    text-decoration: none;
                    color: black; }
                  header .menu .moncompte .moncompte-menu ul li a ul li:first-child {
                    width: 10%; }
                    header .menu .moncompte .moncompte-menu ul li a ul li:first-child svg {
                      fill: #c20e1a;
                      width: 1.8rem;
                      height: 1.8rem; }
                  header .menu .moncompte .moncompte-menu ul li a ul li:nth-child(2) {
                    width: 90%; }
                  header .menu .moncompte .moncompte-menu ul li a ul li:nth-child(3) {
                    font-size: 1.3rem;
                    color: #c20e1a;
                    text-align: right;
                    position: absolute;
                    right: 2rem; }
            header .menu .moncompte .moncompte-menu ul li:first-child {
              border: none; }
            header .menu .moncompte .moncompte-menu ul li:nth-child(3) ul li:last-child {
              color: white;
              background-color: #c20e1a;
              border-radius: 50%;
              width: 2.5rem;
              height: 2.5rem;
              display: flex;
              justify-content: center;
              align-items: center;
              margin-right: -0.2rem; }

@media screen and (min-width: 2191px) {
  header .menu .menu-main > ul > li, header .menu .menu-main > ul > a {
    padding: 0 8rem; } }

@media screen and (max-width: 1360px) {
  .moncompte span {
    display: none !important; } }

@media screen and (max-width: 1200px) {
  header {
    width: 100%; }
    header .menu {
      -webkit-display: flex;
      -moz-display: flex;
      display: flex;
      justify-content: space-between;
      align-items: center;
      width: 100%;
      max-width: 140rem;
      margin: 0 auto;
      height: 10rem;
      position: relative; }
      header .menu .logo {
        position: absolute;
        left: 50%;
        top: 50%;
        -webkit-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%); }
      header .menu .burger-menu {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        height: 3rem;
        width: 4rem;
        left: 3rem;
        cursor: pointer; }
        header .menu .burger-menu span {
          padding: 0.2rem 0.9rem;
          width: 2rem;
          position: absolute;
          background-color: #adadad; }
          header .menu .burger-menu span:nth-child(2) {
            margin-top: 1rem; }
          header .menu .burger-menu span:nth-child(3) {
            margin-top: 2rem; }
      header .menu .menu-main {
        width: 100%;
        position: fixed;
        left: 0;
        top: 0;
        z-index: 99;
        background-color: white;
        height: 100vh;
        left: -100%;
        transition: 0.3s; }
        header .menu .menu-main.menu-main-deploy {
          left: 0; }
        header .menu .menu-main > ul {
          flex-direction: column;
          position: absolute;
          padding: 0 3rem;
          box-sizing: border-box;
          margin: 0; }
          header .menu .menu-main > ul > li, header .menu .menu-main > ul > a {
            width: 100%;
            list-style-type: none;
            font-size: 2.4rem;
            font-weight: 400;
            text-align: left;
            box-sizing: border-box;
            padding: 2rem 1rem;
            color: #c20e1a;
            line-height: inherit;
            height: auto;
            position: relative; }
            header .menu .menu-main > ul > li svg, header .menu .menu-main > ul > a svg {
              display: block; }
            header .menu .menu-main > ul > li:hover, header .menu .menu-main > ul > a:hover {
              border-bottom: none;
              color: #cc5154; }
              header .menu .menu-main > ul > li:hover a, header .menu .menu-main > ul > a:hover a {
                color: #cc5154; }
            header .menu .menu-main > ul > li:hover > .sous-menu, header .menu .menu-main > ul > a:hover > .sous-menu {
              display: none; }
            header .menu .menu-main > ul > li a, header .menu .menu-main > ul > a a {
              text-decoration: none;
              color: #c20e1a;
              width: 100% !important; }
            header .menu .menu-main > ul > li svg, header .menu .menu-main > ul > a svg {
              width: 2rem;
              height: 2rem;
              position: absolute;
              right: 2rem;
              transition: 0.1s;
              transform: translateY(-50%);
              top: 50%;
              fill: #c20e1a; }
            header .menu .menu-main > ul > li.menu-main-focus, header .menu .menu-main > ul > a.menu-main-focus {
              margin-bottom: 11rem;
              color: #c20e1a; }
              header .menu .menu-main > ul > li.menu-main-focus svg, header .menu .menu-main > ul > a.menu-main-focus svg {
                transform: rotate(90deg); }
            header .menu .menu-main > ul > li .sous-menu-deploy, header .menu .menu-main > ul > a .sous-menu-deploy {
              z-index: 3;
              margin-bottom: 11rem;
              position: relative; }
            header .menu .menu-main > ul > li .sous-menu, header .menu .menu-main > ul > a .sous-menu {
              top: 5rem;
              left: 3rem;
              background-color: transparent;
              border: 0;
              box-shadow: none; }
              header .menu .menu-main > ul > li .sous-menu ul, header .menu .menu-main > ul > a .sous-menu ul {
                flex-direction: column; }
                header .menu .menu-main > ul > li .sous-menu ul li, header .menu .menu-main > ul > a .sous-menu ul li {
                  width: 100%;
                  text-align: left;
                  border: none;
                  font-size: 2.2rem; }
                  header .menu .menu-main > ul > li .sous-menu ul li a, header .menu .menu-main > ul > a .sous-menu ul li a {
                    color: #6e1b34; }
            header .menu .menu-main > ul > li:nth-child(2), header .menu .menu-main > ul > a:nth-child(2) {
              margin-top: 7rem; }
          header .menu .menu-main > ul > li:first-child {
            display: block;
            background-color: #c20e1a;
            position: absolute;
            top: 0;
            left: 0;
            color: white;
            padding: 2rem 4rem;
            display: flex;
            align-items: center; }
            header .menu .menu-main > ul > li:first-child svg {
              width: 3rem;
              height: 3rem;
              right: 2rem;
              top: 50%;
              position: absolute;
              fill: #6e1b34;
              transform: translateY(-50%); }
      header .menu .access {
        display: none; }
      header .menu .notifications_container {
        display: none; }
      header .menu .moncompte {
        position: absolute;
        right: 2rem;
        padding: 1.5rem 1.5rem;
        z-index: 4;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        transform: translateY(-50%); }
        header .menu .moncompte svg {
          margin: 0; }
        header .menu .moncompte span {
          display: none; } }

@media screen and (max-width: 500px) {
  header .menu .logo a img {
    width: 43vw; } }

.home h3 {
  color: #adadad;
  font-size: 2.7rem;
  font-weight: 600;
  text-align: center;
  padding-top: 3rem; }
  .home .conseil .conseil-btn {
    margin: 6rem auto 10rem; }
  .home .slider {
    height: 43rem;
    overflow: hidden;
    position: relative; }
    @media screen and (min-width: 2191px) {
  .home .slider {
    height: 50rem; } }
    .home .slider .slider-txt {
      position: absolute;
      top: 50%;
      left: 20%;
      color: white;
      transform: translateY(-50%);
      text-align: center;
      z-index: 2; }
      .home .slider .slider-txt h2 {
        margin: 0;
        font-weight: 800; }
        .home .slider .slider-txt h2:first-child {
          font-size: 2.5rem; }
        .home .slider .slider-txt h2:last-child {
          font-size: 4.9rem; }
    .home .slider .slider-pastille {
      width: 15rem;
      height: 15rem;
      background: #c20e1a;
      position: absolute;
      bottom: 5rem;
      left: 5rem;
      border-radius: 50%;
      font-size: 1.5rem;
      color: white;
      transform: rotate(-12deg); }
      .home .slider .slider-pastille div {
        width: 80%;
        height: auto;
        box-sizing: border-box;
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        text-align: center; }
        .home .slider .slider-pastille div span {
          font-size: 4rem;
          font-weight: bold;
          display: block; }
    .home .slider > img {
      width: 100%;
      min-height: 45rem; }
  .home .recherche {
    position: relative; }
    .home .recherche .recherche-achatloc {
      font-size: 1.8rem;
      font-weight: 600;
      display: flex;
      top: -5.5rem;
      left: 50%;
      transform: translateX(-50%);
      position: absolute;
      justify-content: center;
      color: white;
      z-index: 10; }
      .home .recherche .recherche-achatloc div {
        width: 18rem;
        height: 5.5rem;
        background-color: #6e1b34;
        display: flex;
        justify-content: center;
        align-items: center;
        cursor: pointer; }
    .home .recherche .recherche-achatloc-on {
      background-color: #c20e1a !important;
      position: relative; }
      .home .recherche .recherche-achatloc-on::after {
        content: "";
        display: block;
        border-left: 20px solid transparent;
        border-right: 20px solid transparent;
        border-top: 20px solid #c20e1a;
        bottom: -6px;
        left: 50%;
        position: absolute;
        transform: translateX(-50%); }
    .home .recherche .recherche-filtres {
      display: flex;
      justify-content: center;
      box-shadow: 4px 3px 74px -17px rgba(0, 0, 0, 0.58);
      width: 74.5rem;
      margin: 0 auto; }
      .home .recherche .recherche-filtres form {
        display: flex; }
        @media screen and (max-width: 600px) {
  .home .recherche .recherche-filtres form {
    flex-direction: column; } }
        .home .recherche .recherche-filtres form .select2-container {
          width: 30rem !important;
          font-size: 1.5rem;
          height: 6rem;
          border: 0;
          font-weight: 600;
          padding: 0 1rem;
          border-right: 1px #cecece solid;
          outline: none;
          font-family: 'Gotham';
          box-sizing: content-box !important; }
          .home .recherche .recherche-filtres form .select2-container .select2-selection {
            border: 0; }
            .home .recherche .recherche-filtres form .select2-container .select2-selection ul {
              display: flex !important;
              position: initial !important;
              padding: 0 !important;
              width: 100% !important;
              align-items: center !important;
              padding: 0 1rem !important;
              height: 6rem !important; }
              .home .recherche .recherche-filtres form .select2-container .select2-selection ul li.select2-selection__choice {
                background-color: white !important;
                margin-top: 0 !important;
                font-weight: 600 !important;
                font-size: 1.5rem !important;
                color: #adadad !important;
                border: 1px solid #c20e1a !important;
                padding: 0.5rem !important;
                color: #c20e1a !important;
                border-radius: 0 !important;
                display: flex !important;
                flex-direction: row-reverse !important; }
          .home .recherche .recherche-filtres form .select2-container input {
            height: 100%;
            border: none; }
          .home .recherche .recherche-filtres form .select2-container .select2-selection__choice__remove {
            color: #c20e1a; }
        .home .recherche .recherche-filtres form input {
          font-size: 1.5rem;
          height: 6rem;
          width: 10rem;
          border: 0;
          font-weight: 600;
          padding: 0 1rem;
          border-right: 1px #cecece solid;
          outline: none;
          font-family: 'Gotham'; }
          .home .recherche .recherche-filtres form input::placeholder {
            color: #adadad; }
          .home .recherche .recherche-filtres form input:first-child {
            width: 30rem; }
            @media screen and (max-width: 600px) {
  .home .recherche .recherche-filtres form input:first-child {
    width: 100% !important;
    border-bottom: 1px solid #cecece; } }
          .home .recherche .recherche-filtres form input:nth-child(4) {
            border: none; }
            @media screen and (max-width: 600px) {
  .home .recherche .recherche-filtres form input:nth-child(4) {
    width: 100% !important;
    border-top: 1px solid #cecece; } }
          .home .recherche .recherche-filtres form input:nth-child(5) {
            border: none;
            background-color: #c20e1a;
            color: white;
            width: 12rem;
            transition: 0.3s; }
            @media screen and (max-width: 600px) {
  .home .recherche .recherche-filtres form input:nth-child(5) {
    top: 21rem !important; } }
        .home .recherche .recherche-filtres form .filtre-pieces {
          width: 18rem;
          padding: 0 1rem;
          text-align: left;
          box-sizing: border-box;
          border-right: 1px #cecece solid;
          position: relative;
          cursor: pointer; }
          @media screen and (max-width: 600px) {
  .home .recherche .recherche-filtres form .filtre-pieces {
    width: 100% !important; } }
          .home .recherche .recherche-filtres form .filtre-pieces div {
            background-color: white;
            border: none;
            color: #adadad;
            outline: none;
            font-family: "Gotham";
            font-size: 1.5rem;
            font-weight: 600;
            line-height: 6rem; }
          .home .recherche .recherche-filtres form .filtre-pieces::after {
            content: "";
            width: 1rem;
            height: 1rem;
            display: block;
            position: absolute;
            background: white;
            box-shadow: 2px 2px 0px 0px #adadad;
            transform: rotate(45deg);
            right: 1.5rem;
            top: 30%;
            -webkit-appearance: none;
            appearance: none; }
          .home .recherche .recherche-filtres form .filtre-pieces ul {
            margin-top: 0.1rem;
            background-color: white;
            width: 18rem;
            padding: 1.8rem;
            box-sizing: border-box;
            position: absolute;
            display: none;
            z-index: 2;
            left: 0; }
            @media screen and (max-width: 600px) {
  .home .recherche .recherche-filtres form .filtre-pieces ul {
    width: 100% !important; } }
            .home .recherche .recherche-filtres form .filtre-pieces ul li {
              list-style-type: none;
              padding: 1.1rem 0rem; }
              @media screen and (max-width: 600px) {
  .home .recherche .recherche-filtres form .filtre-pieces ul li {
    display: flex;
    width: 100%;
    margin: 0 auto; }
    .home .recherche .recherche-filtres form .filtre-pieces ul li:last-child {
      justify-content: center; }
    .home .recherche .recherche-filtres form .filtre-pieces ul li input {
      width: auto !important; } }
              .home .recherche .recherche-filtres form .filtre-pieces ul li input {
                margin-right: 1rem;
                cursor: pointer;
                width: 1.45rem;
                height: 1.45rem; }
                .home .recherche .recherche-filtres form .filtre-pieces ul li input::after {
                  content: "";
                  display: block;
                  width: 1.5rem;
                  height: 1.5rem;
                  background-color: white;
                  border: 1px solid #adadad;
                  position: absolute;
                  -webkit-appearance: none;
                  appearance: none; }
                .home .recherche .recherche-filtres form .filtre-pieces ul li input:checked::after {
                  background-color: #c20e1a;
                  border: none; }
                  .home .recherche .recherche-filtres form .filtre-pieces ul li input:checked + label {
                    color: #c20e1a; }
              .home .recherche .recherche-filtres form .filtre-pieces ul li label {
                font-size: 1.5rem;
                color: #adadad;
                cursor: pointer; }
              .home .recherche .recherche-filtres form .filtre-pieces ul li:last-child {
                width: 100%;
                text-align: center;
                background-color: #c20e1a;
                color: white;
                font-size: 1.6rem;
                margin-top: 1rem;
                cursor: pointer; }
                .home .recherche .recherche-filtres form .filtre-pieces ul li:last-child:hover {
                  background-color: #6e1b34; }
        .home .recherche .recherche-filtres form input[type="submit"] {
          cursor: pointer;
          clear: both;
          -webkit-appearance: none;
          appearance: none; }
          .home .recherche .recherche-filtres form input[type="submit"]:hover {
            background-color: #6e1b34; }
  .home .accompagnement {
    width: 100%;
    margin-top: 7rem; }
    .home .accompagnement .accompagnement-header {
      display: flex;
      min-height: 40rem;
      height: 40rem;
      overflow: hidden; }
      @media screen and (min-width: 1921px) {
  .home .accompagnement .accompagnement-header {
    height: 50rem; } }
      .home .accompagnement .accompagnement-header h2 {
        font-size: 3.6rem;
        margin: 0;
        font-weight: 900;
        color: white; }
      .home .accompagnement .accompagnement-header p {
        font-size: 1.7rem;
        color: white;
        font-family: Gotham Book;
        line-height: 2.5rem; }
      .home .accompagnement .accompagnement-header div {
        width: 50%;
        background-color: #47b4d5; }
      .home .accompagnement .accompagnement-header .accompagnement-header-img img {
        width: 100%;
        min-width: 63rem; }
      .home .accompagnement .accompagnement-header .accompagnement-header-txt {
        position: relative; }
        .home .accompagnement .accompagnement-header .accompagnement-header-txt div {
          width: 40rem;
          right: 10rem;
          position: absolute;
          top: 45%;
          transform: translateY(-50%); }
    .home .accompagnement .accompagnement-personae {
      display: flex;
      max-width: 100rem;
      margin: 0 auto;
      justify-content: space-between;
      top: -8rem;
      position: relative; }
      .home .accompagnement .accompagnement-personae .personae {
        text-align: center; }
        .home .accompagnement .accompagnement-personae .personae h2 {
          font-size: 2.8rem;
          margin: 0;
          margin-top: 2rem; }
        .home .accompagnement .accompagnement-personae .personae.locataire h2 {
          color: #c20e1a; }
          .home .accompagnement .accompagnement-personae .personae.locataire a {
            color: #c20e1a; }
        .home .accompagnement .accompagnement-personae .personae.proprietaire h2 {
          color: #47b4d5; }
          .home .accompagnement .accompagnement-personae .personae.proprietaire a {
            color: #47b4d5; }
        .home .accompagnement .accompagnement-personae .personae .personae-nom {
          font-size: 2.1rem;
          color: #adadad;
          font-weight: 500; }
        .home .accompagnement .accompagnement-personae .personae .personae-desc {
          text-align: left;
          font-size: 1.8rem;
          width: 37rem;
          line-height: 2.8rem;
          font-family: 'Gotham Book';
          margin-top: 3.5rem;
          margin-bottom: 2rem; }
        .home .accompagnement .accompagnement-personae .personae .personae-link {
          text-align: left; }
          .home .accompagnement .accompagnement-personae .personae .personae-link a {
            font-weight: bold;
            font-size: 1.5rem; }

@media screen and (max-width: 1200px) {
  .home h3 {
    padding: 10rem 1rem 0 1rem; }
    .home .slider {
      height: 43rem;
      overflow: hidden; }
      .home .slider .slider-pastille img {
        height: 14.3rem;
        top: 6%;
        width: 14.3rem; }
      .home .slider .slider-txt {
        left: 50%;
        transform: translate(-50%, -50%);
        width: 100%;
        top: 70%; }
        .home .slider .slider-txt h2:last-child {
          font-size: 3.9rem !important; }
      .home .slider img {
        width: auto; }
    .home .accompagnement .accompagnement-header {
      max-height: 40rem;
      height: auto; }
      .home .accompagnement .accompagnement-header .accompagnement-header-txt div {
        width: 92%;
        left: 50%;
        transform: translate(-50%, -50%); }
        .home .accompagnement .accompagnement-header .accompagnement-header-txt div h2 {
          font-size: 3rem; }
      .home .accompagnement .accompagnement-header .accompagnement-header-img img {
        width: auto; }
      .home .accompagnement .accompagnement-personae {
        padding: 0 3rem;
        box-sizing: border-box; }
    .home .recherche .recherche-filtres {
      width: 100%; }
      .home .recherche .recherche-filtres form {
        width: 100%; }
        .home .recherche .recherche-filtres form .filtre-pieces {
          width: 14rem; }
        .home .recherche .recherche-filtres form input {
          box-sizing: border-box; }
        .home .recherche .recherche-filtres form input:first-child {
          width: 48%; }
        .home .recherche .recherche-filtres form input:nth-child(2) {
          width: 27%; }
        .home .recherche .recherche-filtres form input:nth-child(3) {
          width: 27%; }
        .home .recherche .recherche-filtres form input:last-child {
          position: absolute;
          top: 9rem;
          left: 50%;
          transform: translateX(-50%);
          width: 22rem; }
    .home .conseil {
      width: 100%;
      margin: 0 auto; }
      .home .conseil h2 {
        text-align: center; }
      .home .conseil .conseil-container {
        overflow: scroll;
        padding: 0 2rem; }
      .home .conseil .conseil-container .conseil-box {
        min-width: 25rem;
        margin: 0 1rem; } }

@media screen and (max-width: 960px) {
  .home .accompagnement {
    width: 100%; }
    .home .accompagnement .accompagnement-header {
      display: flex;
      height: 40rem;
      overflow: hidden; }
      .home .accompagnement .accompagnement-header .accompagnement-header-img {
        display: none; }
      .home .accompagnement .accompagnement-header .accompagnement-header-txt {
        width: 100%; }
        .home .accompagnement .accompagnement-header .accompagnement-header-txt div h2 {
          font-size: 2.6rem; }
    .home .accompagnement .accompagnement-personae {
      flex-wrap: wrap;
      width: 92%;
      padding: 0; }
      .home .accompagnement .accompagnement-personae .personae {
        width: 100%; }
        .home .accompagnement .accompagnement-personae .personae:first-child {
          margin-bottom: 4rem; }
        .home .accompagnement .accompagnement-personae .personae .personae-desc {
          width: 100%; } }

@media screen and (max-width: 640px) {
  .home .accompagnement {
    width: 100%; }
    .home .accompagnement .accompagnement-header .accompagnement-header-txt div {
      width: 90%; }
    .home .accompagnement .accompagnement-personae {
      width: 90%; }
    .home .slider .slider-txt h2:first-child {
      font-size: 2.1rem !important; }
      .home .slider .slider-txt h2:last-child {
        font-size: 3rem !important; } }

.ville .content > h3 {
  color: #adadad;
  font-size: 2.7rem;
  font-weight: 600;
  text-align: center;
  padding: 3rem 2rem 0 2rem; }
  .ville .content .banniere .type-ville {
    display: flex;
    left: 15%;
    position: absolute;
    top: 50%;
    transform: translateY(-50%); }
    .ville .content .banniere .type-ville .type {
      width: 15rem;
      height: 15rem;
      background-color: #cc5154;
      text-align: center;
      font-size: 2.3rem;
      font-weight: 800;
      color: white;
      line-height: 15rem; }
    .ville .content .banniere .type-ville .ville {
      font-size: 3.8rem;
      font-weight: 800;
      line-height: 15rem;
      margin-left: 2rem;
      color: white;
      display: flex;
      align-items: center; }
  .ville .content .introduction {
    margin: 0 auto;
    padding: 5rem 0;
    max-width: 72rem; }
    .ville .content .introduction p {
      font-family: 'Gotham';
      font-size: 1.8rem;
      font-weight: 700;
      line-height: 2.9rem;
      color: #4c4c4c;
      margin-top: 0;
      margin-bottom: 0; }
  .ville .content > .programme {
    background-color: #cc5154;
    margin-bottom: 5rem; }
    .ville .content > .programme h3 {
      font-size: 2.7rem;
      color: white;
      text-align: center;
      padding: 4rem 2rem 5rem 2rem;
      margin: 0; }
    .ville .content > .programme .programme-box {
      width: 96rem;
      margin: 0 auto;
      display: flex;
      justify-content: space-between;
      flex-wrap: wrap; }
    .ville .content > .programme .programme-box .box {
      background-color: white;
      width: 47rem;
      display: flex;
      height: 17rem;
      cursor: pointer;
      transition: 0.3s; }
      .ville .content > .programme .programme-box .box:hover {
        box-shadow: 0px 0px 27px -1px rgba(0, 0, 0, 0.23); }
      @media screen and (max-width: 1000px) {
      .ville .content > .programme .programme-box .box .box-img {
        width: 50%;
        overflow: hidden; } }
      .ville .content > .programme .programme-box .box .box-txt {
        padding: 1rem 2rem;
        box-sizing: border-box;
        color: #4c4c4c;
        font-size: 1.4rem; }
        .ville .content > .programme .programme-box .box .box-txt h4 {
          font-size: 2rem;
          font-weight: 800;
          color: #cc5154;
          padding: 1rem 0;
          margin: 0; }
    .ville .content > .programme .programme-btn {
      padding: 5rem 0 4rem 0;
      display: flex;
      justify-content: center; }
    .ville .content > .programme .programme-btn a {
      background-color: #6e1b34;
      text-decoration: none;
      text-align: center;
      color: white;
      padding: 1.5rem 2rem;
      font-size: 1.6rem;
      font-weight: 600;
      transition: 0.3s; }
      .ville .content > .programme .programme-btn a:hover {
        background-color: #c20e1a; }
  .ville .content .infosville {
    max-width: 72rem;
    width: 92%;
    margin: 0 auto;
    padding-bottom: 5rem; }
    .ville .content .infosville h3 {
      font-size: 2.5rem;
      font-weight: 700;
      color: #c20e1a;
      margin-top: 0;
      text-align: left; }
    .ville .content .infosville p {
      font-family: 'Gotham Book', Arial, sans-serif;
      font-size: 1.6rem;
      line-height: 2.8rem;
      color: #4c4c4c;
      margin-top: 2rem;
      margin-bottom: 0; }
  .ville .content .alaune {
    width: 100rem;
    margin: 0 auto;
    margin-bottom: 6rem;
    justify-content: space-between; }
    .ville .content .alaune #mCSB_1_container {
      display: flex; }
    .ville .content .alaune .mCSB_container {
      overflow: initial; }
    .ville .content .alaune .alaune-bloc {
      width: 24%;
      padding: 1rem;
      margin: 2rem 0;
      transition: 0.6s; }
    .ville .content .alaune .alaune-bloc.programme {
      background-color: #c20e1a;
      margin: 1rem;
      padding: 0; }
      .ville .content .alaune .alaune-bloc.programme .alaune-bloc-txt {
        color: white;
        padding: 1rem 1.5rem 2rem 1.5rem; }
        .ville .content .alaune .alaune-bloc.programme .alaune-bloc-txt .title {
          font-size: 1.4rem;
          font-weight: 600; }
        .ville .content .alaune .alaune-bloc.programme .alaune-bloc-txt .res {
          font-size: 1.8rem;
          font-weight: 600; }
        .ville .content .alaune .alaune-bloc.programme .alaune-bloc-txt .desc {
          margin-top: 1.5rem; }
    .ville .content .alaune .alaune-bloc:hover {
      box-shadow: 0px 0px 27px -1px rgba(0, 0, 0, 0.23); }
    .ville .content .alaune .alaune-bloc .alaune-bloc-img {
      position: relative; }
      .ville .content .alaune .alaune-bloc .alaune-bloc-img img {
        width: 100%; }
      .ville .content .alaune .alaune-bloc .alaune-bloc-img .alaune-bloc-favoris {
        padding: 0.5rem;
        box-sizing: border-box;
        position: absolute;
        right: 0.5rem;
        bottom: 1rem;
        background: white;
        border-radius: 50%;
        display: flex;
        width: auto;
        width: 3rem;
        height: 3rem; }
        .ville .content .alaune .alaune-bloc .alaune-bloc-img .alaune-bloc-favoris svg {
          cursor: pointer;
          width: 3rem;
          height: 1.5rem;
          fill: white;
          stroke: #c20e1a;
          position: absolute;
          top: 50%;
          left: 50%;
          transform: translate(-50%, -50%); }
      .ville .content .alaune .alaune-bloc .alaune-bloc-img .onfav svg {
        fill: #c20e1a !important; }
    .ville .content .alaune .alaune-bloc .alaune-bloc-txt {
      font-size: 1.4rem; }
      .ville .content .alaune .alaune-bloc .alaune-bloc-txt .geoloc {
        color: #afafaf;
        font-weight: 600;
        padding: 0.5rem 0;
        margin-top: 0.5rem; }
      .ville .content .alaune .alaune-bloc .alaune-bloc-txt .infos {
        font-weight: 600;
        padding-bottom: 0.5rem; }
      .ville .content .alaune .alaune-bloc .alaune-bloc-txt .prix {
        color: #c20e1a;
        font-weight: 600;
        padding-bottom: 1.5rem; }
      .ville .content .alaune .alaune-bloc .alaune-bloc-txt .desc {
        font-family: Gotham Book;
        line-height: 2rem; }
  .ville .content .alaune-btn {
    text-align: center;
    width: 100%;
    margin: 3rem auto 10rem; }
    .ville .content .alaune-btn a {
      text-decoration: none;
      font-weight: 600;
      color: white;
      font-size: 1.6rem;
      background-color: #c20e1a;
      padding: 2rem 5rem; }
    .ville .content .alaune-btn a:hover {
      background-color: #6e1b34; }

@media screen and (max-width: 1000px) {
  .ville .content .banniere .type-ville .type {
    width: 12rem;
    min-width: 12rem;
    height: 12rem;
    line-height: 12rem;
    font-size: 2rem; }
    .ville .content .banniere .type-ville .ville {
      font-size: 2.8rem;
      font-weight: 800;
      line-height: 12rem;
      margin-left: 2rem;
      color: white; }
    .ville .content > .programme .programme-box {
      width: 92%;
      justify-content: center; }
    .ville .content > .programme .programme-box .box {
      margin-top: 2rem;
      width: 100%; }
      .ville .content > .programme .programme-box .box:first-child {
        margin-top: 0; }
      .ville .content > .programme .programme-box .box .box-txt {
        width: auto; }
      .ville .content > .programme .programme-box .box .box-img {
        width: auto; }
    .ville .content .alaune {
      width: 100%;
      flex-wrap: nowrap; }
    .ville .content .alaune .alaune-bloc {
      min-width: 25rem; }
    .ville .content .alaune .alaune-bloc .alaune-bloc-img img {
      width: 100%; } }
  @media screen and (max-width: 1000px) and (max-width: 600px) {
          .ville .content > .programme .programme-box {
            width: 90%; } }

@media screen and (max-width: 580px) {
  .ville .content .banniere .type-ville .ville {
    line-height: 4rem; }
    .ville .content .infosville {
      width: 90%; }
    .ville .content .alaune {
      width: 100%;
      flex-wrap: nowrap; }
      .ville .content .alaune .alaune-bloc {
        min-width: 25rem; }
        .ville .content .alaune .alaune-bloc:nth-child(4) {
          display: block; }
        .ville .content .alaune .alaune-bloc .alaune-bloc-img img {
          width: 100%; } }

.banniere {
  height: 30rem;
  overflow: hidden;
  position: relative;
  background-color: #efefef; }
  .banniere img {
    min-width: 100%; }
  .banniere .type-projet {
    display: flex;
    left: 15%;
    position: absolute;
    top: 50%;
    transform: translateY(-50%); }
  .banniere .type-projet .projet {
    min-width: 15rem;
    height: 15rem;
    background-color: #c20e1a;
    color: white;
    display: flex;
    justify-content: center;
    align-items: center; }
  .banniere .type-projet .type {
    font-size: 3.8rem;
    font-weight: 800;
    margin-left: 2rem;
    color: black;
    display: flex;
    align-items: center; }

@media screen and (min-width: 1921px) {
  .banniere {
    height: 50rem; }
    .banniere .type-projet {
      left: 25%; } }

@media screen and (max-width: 1100px) {
  .banniere .type-projet .projet {
    width: 12rem;
    min-width: 12rem;
    height: 12rem;
    line-height: 12rem; }
    .banniere .type-projet .projet h1 {
      font: 1.5rem; }
    .banniere .type-projet .type {
      font-size: 2.8rem;
      font-weight: 800;
      margin-left: 2rem;
      padding-right: 3rem; } }

@media screen and (max-width: 580px) {
  .banniere .type-projet .type {
    font-size: 2.2rem; } }

.hero {
  width: 100%;
  height: 30rem;
  position: relative;
  overflow: hidden; }
  @media screen and (min-width: 1921px) {
  .hero {
    height: 50rem; } }
  .hero .background {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    z-index: -1; }
  .hero .background:before {
    content: "";
    width: 100%;
    height: 100%;
    background: black;
    opacity: 0.2;
    position: absolute;
    left: 0;
    top: 0; }
  .hero .background img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover; }
  .hero .content {
    display: flex;
    left: 15%;
    position: absolute;
    top: 50%;
    transform: translateY(-50%); }
  .hero .content .inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 100%; }
  .hero .content .inner h1 {
    font-family: 'Gotham';
    font-size: 3.6rem;
    font-weight: 800;
    margin-left: 2rem;
    padding-right: 2rem;
    color: #fff;
    display: flex;
    align-items: center;
    margin-top: 0;
    margin-bottom: 0; }
  @media only screen and (max-width: 1000px) {
        .hero .content .inner h1 {
          font-size: 2.8rem;
          font-weight: 800;
          margin-left: 2rem;
          padding-right: 3rem; } }
  .hero .content .inner p {
    min-width: 15rem;
    height: 15rem;
    background-color: #cc5154;
    color: white;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 2.3rem;
    font-weight: 800;
    margin: 0;
    font-family: 'Gotham'; }
  @media only screen and (max-width: 1000px) {
        .hero .content .inner p {
          font-size: 1.8rem;
          width: 12rem;
          min-width: 12rem;
          height: 12rem; } }

.alaune {
  width: 100rem;
  margin: 0 auto;
  justify-content: space-between;
  display: flex; }
  .alaune #mCSB_1_container {
    display: flex; }
  .alaune .mCSB_container {
    overflow: initial; }
  .alaune .alaune-bloc {
    width: 24%;
    padding: 1rem;
    transition: 0.6s; }
  .alaune .alaune-bloc.programme {
    background-color: #c20e1a;
    margin: 1rem;
    padding: 0; }
  .alaune .alaune-bloc.programme .alaune-bloc-txt {
    color: white;
    padding: 1rem 1.5rem 2rem 1.5rem; }
  .alaune .alaune-bloc.programme .alaune-bloc-txt .title {
    font-size: 1.4rem;
    font-weight: 600; }
  .alaune .alaune-bloc.programme .alaune-bloc-txt .res {
    font-size: 1.8rem;
    font-weight: 600; }
  .alaune .alaune-bloc.programme .alaune-bloc-txt .desc {
    margin-top: 1.5rem; }
  .alaune .alaune-bloc:hover {
    box-shadow: 0px 0px 27px -1px rgba(0, 0, 0, 0.23); }
  .alaune .alaune-bloc .alaune-bloc-img {
    position: relative; }
  .alaune .alaune-bloc .alaune-bloc-img img {
    width: 100%; }
  .alaune .alaune-bloc .alaune-bloc-img .alaune-bloc-favoris {
    padding: 0.5rem;
    box-sizing: border-box;
    position: absolute;
    right: 0.5rem;
    bottom: 1rem;
    background: white;
    border-radius: 50%;
    display: flex;
    width: auto;
    width: 3rem;
    height: 3rem; }
  .alaune .alaune-bloc .alaune-bloc-img .alaune-bloc-favoris svg {
    cursor: pointer;
    width: 3rem;
    height: 1.5rem;
    fill: white;
    stroke: #c20e1a;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%); }
  .alaune .alaune-bloc .alaune-bloc-img .onfav svg {
    fill: #c20e1a !important; }
  .alaune .alaune-bloc .alaune-bloc-txt {
    font-size: 1.4rem; }
  .alaune .alaune-bloc .alaune-bloc-txt .geoloc {
    color: #afafaf;
    font-weight: 600;
    padding: 0.5rem 0;
    margin-top: 0.5rem; }
  .alaune .alaune-bloc .alaune-bloc-txt .infos {
    font-weight: 600;
    padding-bottom: 0.5rem; }
  .alaune .alaune-bloc .alaune-bloc-txt .prix {
    color: #c20e1a;
    font-weight: 600;
    padding-bottom: 1.5rem; }
  .alaune .alaune-bloc .alaune-bloc-txt .desc {
    font-family: Gotham Book;
    line-height: 2rem; }

@media screen and (max-width: 1200px) {
  .alaune {
    width: 100%;
    padding: 0 2rem;
    flex-wrap: nowrap; }
    .alaune .alaune-bloc {
      min-width: 25rem; }
      .alaune .alaune-bloc .alaune-bloc-img img {
        width: 100%; } }

@media screen and (max-width: 960px) {
  .alaune {
    width: 100%;
    padding: 0;
    flex-wrap: nowrap; }
    .alaune .alaune-bloc {
      min-width: 25rem; }
      .alaune .alaune-bloc:nth-child(4) {
        display: block; }
      .alaune .alaune-bloc .alaune-bloc-img img {
        width: 100%; } }

.favoris svg {
  fill: #c20e1a !important; }

.questions {
  background-color: #efefef;
  padding: 4rem 0 7rem 0; }
  .questions h2 {
    font-size: 3.6rem;
    font-weight: 600;
    color: #c20e1a;
    text-align: center; }
  .questions .questions-container {
    width: 90%;
    max-width: 100rem;
    display: flex;
    flex-wrap: wrap;
    margin: 0 auto;
    justify-content: flex-start;
    box-sizing: border-box; }
  .questions .questions-container a {
    width: 24%;
    text-decoration: none;
    background-color: #fff;
    margin: 0.5%; }
  .questions .questions-container a:hover {
    box-shadow: 0px 0px 27px -1px rgba(0, 0, 0, 0.23); }
  .questions .questions-container a:nth-child(2) .questions-box h3 {
    color: #6e1b34; }
  .questions .questions-container a:last-child {
    background-color: #c20e1a;
    display: flex;
    align-items: center; }
  .questions .questions-container a:last-child .questions-box h3 {
    color: white;
    font-size: 2.2rem; }
  .questions .questions-container a:last-child .questions-box p {
    color: white;
    font-weight: 600;
    text-decoration: underline; }
  .questions .questions-container a .questions-box {
    width: 100%;
    padding: 3rem;
    box-sizing: border-box; }
  .questions .questions-container a .questions-box h3 {
    text-decoration: none;
    font-size: 2.6rem;
    color: #c20e1a;
    text-align: left;
    margin: 0;
    padding: 0; }
  .questions .questions-container a .questions-box p {
    font-size: 1.5rem;
    font-family: 'Gotham Book';
    line-height: 2rem;
    color: black; }

@media screen and (max-width: 1200px) {
  .questions .questions-container {
    width: 100%;
    overflow: scroll;
    padding: 0 2rem; }
    .questions .questions-container a {
      min-width: 23rem;
      margin: 0.5rem 1rem; } }

@media screen and (max-width: 620px) {
  .questions .questions-container {
    width: 100%;
    overflow: scroll;
    padding: 0 2rem; }
    .questions .questions-container a {
      min-width: 23rem;
      margin: 0.5rem 1rem;
      width: 100% !important; } }

.offres .content .fresque {
  overflow: hidden; }
  .offres .content .fresque h1 {
    color: #00a5cf;
    font-size: 2.7rem;
    text-align: center;
    font-weight: 300;
    padding: 2rem; }
  .offres .content .fresque h1 span {
    font-weight: 700; }
  .offres .content .fresque img {
    display: block;
    width: 100%; }
  @media screen and (max-width: 1000px) {
        .offres .content .fresque img {
          width: auto; } }
  .offres .content .fresque button {
    display: none; }
  .offres .content .fresque div {
    background-color: #00a5cf; }
  .offres .content .fresque ul {
    display: flex;
    justify-content: center;
    padding: 0 0 15rem;
    margin: 0; }
  .offres .content .fresque ul li {
    list-style-type: none;
    color: white;
    font-size: 1.6rem;
    width: 18%;
    text-align: center;
    font-weight: 300;
    position: relative;
    cursor: pointer; }
  .offres .content .fresque ul li span {
    position: relative; }
    .offres .content .fresque ul li span::after {
      content: "";
      display: block;
      position: absolute;
      border-bottom: 1px solid white;
      bottom: -1rem;
      left: 50%;
      width: 100%;
      transform: translateX(-50%); }
      @media screen and (max-width: 1000px) {
          .offres .content .fresque ul li span::after {
            display: none; } }
  @media screen and (max-width: 1000px) {
      .offres .content .fresque button {
        display: block;
        cursor: pointer;
        outline: none;
        color: white;
        font-size: 1.6rem;
        font-family: 'Gotham';
        text-align: center;
        font-weight: 300;
        background-color: #0085a7;
        width: 90%;
        border: none;
        padding: 2rem;
        margin: 0 auto;
        position: relative;
        font-weight: 700; }
        .offres .content .fresque button a {
          font-weight: 700;
          color: white; }
        .offres .content .fresque button::after {
          content: "";
          display: block;
          position: absolute;
          right: 2rem;
          top: 1.5rem;
          width: 1.5rem;
          height: 1.5rem;
          box-shadow: 2px 2px 0px 0px #fff;
          transform: rotate(45deg);
          transition: 0.6s; }
        .offres .content .fresque button.focus::after {
          transform: rotate(225deg);
          top: 2.5rem; }
      .offres .content .fresque ul {
        display: block; }
        .offres .content .fresque ul li {
          width: 90%;
          padding: 2rem;
          display: none;
          margin: 0 auto;
          box-sizing: border-box;
          background-color: #0085a7; }
          .offres .content .fresque ul li a {
            text-decoration: none;
            font-weight: 300; } }
  .offres .content .bandeau-accompagnement {
    font-size: 2.5rem;
    font-family: 'Gotham Book', Arial, sans-serif;
    background-color: #00a5cf;
    padding: 0 2rem 8rem;
    color: white;
    text-align: center;
    margin-bottom: 7rem;
    position: relative; }
  @media screen and (max-width: 1000px) {
      .offres .content .bandeau-accompagnement {
        font-size: 1.9rem; } }
  .offres .content .bandeau-accompagnement strong {
    font-family: 'Gotham', Arial, sans-serif;
    font-weight: 800; }
  .offres .content .bandeau-accompagnement span {
    text-decoration: underline;
    cursor: pointer; }
  .offres .content .bandeau-accompagnement .bandeau-accompagnement-fleche {
    width: 9rem;
    height: 9rem;
    border-radius: 50%;
    background-color: white;
    position: absolute;
    left: 50%;
    bottom: -5rem;
    transform: translateX(-50%); }
  .offres .content .bandeau-accompagnement .bandeau-accompagnement-fleche img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%); }
  .offres .content .swiper-container {
    width: 100%;
    height: 35rem;
    background-color: #f1f2f2;
    margin-bottom: -0.1rem;
    border-bottom-style: initial; }
  .offres .content .swiper-container::after {
    content: "";
    display: block;
    position: absolute;
    background-color: #00a5cf;
    width: 100%;
    height: 2rem;
    bottom: -1rem; }
  @media screen and (max-width: 1000px) {
      .offres .content .swiper-container {
        padding-top: 2rem;
        height: 45rem; } }
  .offres .content .swiper-container > img {
    display: none;
    min-width: 190rem;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: -2; }
  @media screen and (max-width: 1000px) {
        .offres .content .swiper-container .swiper-button-next, .offres .content .swiper-container .swiper-button-prev {
          display: none; } }
  .offres .content .swiper-container .swiper-slide {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: flex-end;
    box-sizing: border-box;
    padding-bottom: 1rem;
    height: 35rem; }
  @media screen and (max-width: 1000px) {
        .offres .content .swiper-container .swiper-slide {
          flex-direction: column-reverse;
          align-items: center; } }
  .offres .content .swiper-container .swiper-slide:first-child {
    text-align: left;
    padding: 0;
    overflow: hidden; }
  .offres .content .swiper-container .swiper-slide:first-child img {
    width: 100%;
    max-width: 160rem;
    position: absolute;
    left: 50%;
    transform: translateX(-50%); }
    @media screen and (max-width: 1000px) {
          .offres .content .swiper-container .swiper-slide:first-child img {
            min-width: 170rem; } }
    .offres .content .swiper-container .swiper-slide:first-child img:first-child {
      bottom: 0rem;
      -ms-left: 0; }
      @media screen and (min-width: 1921px) {
          .offres .content .swiper-container .swiper-slide:first-child img:first-child {
            width: 160rem; } }
  .offres .content .swiper-container .swiper-slide .slide-img {
    text-align: right;
    padding-bottom: 2rem; }
  .offres .content .swiper-container .swiper-slide .slide-img img {
    height: 30rem; }
    @media screen and (max-width: 1000px) {
          .offres .content .swiper-container .swiper-slide .slide-img img {
            height: 20rem; } }
  .offres .content .swiper-container .swiper-slide .slide-txt {
    max-width: 50rem;
    margin-left: 10rem;
    padding-bottom: 15rem; }
  @media screen and (max-width: 1000px) {
          .offres .content .swiper-container .swiper-slide .slide-txt {
            padding-bottom: 0;
            margin-left: 0;
            width: 90%; } }
  .offres .content .swiper-container .swiper-slide .slide-txt h2 {
    font-size: 3rem;
    font-weight: 700;
    color: #c20e1a; }
  .offres .content .swiper-container .swiper-slide .slide-txt p {
    font-family: 'Gotham Book', Arial, sans-serif;
    font-size: 1.4rem;
    line-height: 2.8rem;
    color: #000; }
    @media screen and (max-width: 1000px) {
          .offres .content .swiper-container .swiper-slide .slide-txt p {
            font-size: 1.6rem; } }
  .offres .content .swiper-container .swiper-slide .fondfull {
    position: absolute;
    bottom: 4rem;
    z-index: -1; }
  .offres .content .alaune {
    margin-bottom: 6rem;
    box-sizing: border-box; }
  .offres .content .recherche-offres {
    position: relative;
    background-color: #f1f2f2;
    padding: 3rem 0 0; }
  .offres .content .recherche-offres .recherche-banwhite {
    position: absolute;
    width: 100%;
    height: 5.4em;
    background-color: white;
    top: 0; }
  .offres .content .recherche-offres .recherche-achatloc {
    font-size: 1.8rem;
    font-weight: 600;
    display: flex;
    top: 0rem;
    left: 50%;
    transform: translateX(-50%);
    position: absolute;
    justify-content: center;
    color: white;
    z-index: 3; }
  .offres .content .recherche-offres .recherche-achatloc div {
    width: 18rem;
    height: 5.5rem;
    background-color: #6e1b34;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer; }
  .offres .content .recherche-offres .recherche-achatloc-on {
    background-color: #c20e1a !important;
    position: relative; }
  .offres .content .recherche-offres .recherche-achatloc-on::after {
    content: "";
    display: block;
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    border-top: 20px solid #c20e1a;
    bottom: -6px;
    left: 50%;
    position: absolute;
    transform: translateX(-50%); }
  .offres .content .recherche-offres .filtre-ville {
    width: 31rem;
    left: 0 !important;
    margin-bottom: 0 !important;
    border: 1px solid #cfcfcf;
    border-top: 0;
    border-bottom: 0; }
  @media screen and (max-width: 1000px) {
        .offres .content .recherche-offres .filtre-ville {
          border-right: 0; } }
  .offres .content .recherche-offres .filtre-ville .select2-container {
    width: 100% !important; }
  .offres .content .recherche-offres .filtre-ville .select2-container .select2-selection {
    border-radius: 0; }
    @media screen and (max-width: 1000px) {
          .offres .content .recherche-offres .filtre-ville .select2-container .select2-selection {
            -webkit-display: flex;
            -moz-display: flex;
            display: flex;
            align-items: center; } }
    @media screen and (max-width: 1000px) {
          .offres .content .recherche-offres .filtre-ville .select2-container .select2-selection {
            border: 0;
            border-bottom: 1px solid #cfcfcf !important; } }
    .offres .content .recherche-offres .filtre-ville .select2-container .select2-selection ul li input {
      width: 100% !important; }
  .offres .content .recherche-offres .filtre-ville .select2-container .select2-selection--multiple {
    min-height: 48px !important; }
  .offres .content .recherche-offres .filtres-menu {
    display: flex;
    align-items: center;
    justify-content: center;
    max-width: 100rem;
    position: relative;
    padding: 0 2rem;
    margin: 0 auto;
    width: 92%;
    padding-top: 2rem;
    flex-wrap: wrap;
    box-sizing: border-box;
    top: 0.5rem; }
  .offres .content .recherche-offres .filtres-menu div {
    position: relative; }
  @media screen and (max-width: 1000px) {
            .offres .content .recherche-offres .filtres-menu div.filtre-profil {
              border-bottom: 1px solid #cfcfcf; } }
    .offres .content .recherche-offres .filtres-menu div.filtre-profil ul li:last-child {
      background-color: transparent;
      text-align: left;
      margin-top: 0; }
      .offres .content .recherche-offres .filtres-menu div.filtre-profil ul li:last-child label:hover {
        color: #c20e1a; }
      .offres .content .recherche-offres .filtres-menu div.filtre-profil ul li:last-child:hover {
        background-color: transparent; }
  .offres .content .recherche-offres .filtres-menu div.filtre-chambres ul li input {
    width: auto !important;
    margin: 0 1rem 0 0; }
  @media screen and (max-width: 1000px) {
          .offres .content .recherche-offres .filtres-menu div {
            width: 50% !important;
            box-sizing: border-box; }
            .offres .content .recherche-offres .filtres-menu div input, .offres .content .recherche-offres .filtres-menu div button {
              width: 100% !important; } }
  @media screen and (max-width: 1000px) {
            .offres .content .recherche-offres .filtres-menu div:first-child {
              width: 100%; }
              .offres .content .recherche-offres .filtres-menu div:first-child input {
                width: 100% !important; } }
  .offres .content .recherche-offres .filtres-menu div > button {
    cursor: pointer;
    position: relative;
    white-space: nowrap;
    color: #adadad; }
    .offres .content .recherche-offres .filtres-menu div > button::after {
      content: "";
      width: 1rem;
      height: 1rem;
      display: block;
      position: absolute;
      background: white;
      box-shadow: 2px 2px 0px 0px #adadad;
      transform: rotate(45deg);
      right: 1.5rem;
      top: 25%;
      -webkit-appearance: none;
      appearance: none; }
  .offres .content .recherche-offres .filtres-menu div > input {
    color: #c20e1a;
    border-radius: 0; }
  .offres .content .recherche-offres .filtres-menu div > input[type="text"] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 0; }
  .offres .content .recherche-offres .filtres-menu div > button, .offres .content .recherche-offres .filtres-menu div > input {
    background-color: white;
    border: none;
    outline: none;
    font-family: "Gotham";
    font-weight: 600;
    font-size: 1.5rem;
    width: 31rem;
    padding: 1.5rem 1rem;
    text-align: left;
    box-sizing: border-box;
    border-radius: 0;
    margin: 0; }
    @media screen and (max-width: 1000px) {
          .offres .content .recherche-offres .filtres-menu div > button, .offres .content .recherche-offres .filtres-menu div > input {
            margin-right: 0;
            font-size: 1.4rem; } }
    .offres .content .recherche-offres .filtres-menu div > button::placeholder, .offres .content .recherche-offres .filtres-menu div > input::placeholder {
      color: #adadad; }
  .offres .content .recherche-offres .filtres-menu div ul {
    background-color: white;
    width: 31rem;
    padding: 1.8rem;
    box-sizing: border-box;
    position: absolute;
    display: none;
    z-index: 2; }
    @media screen and (max-width: 1000px) {
          .offres .content .recherche-offres .filtres-menu div ul {
            width: 100%;
            padding: 1rem; } }
    .offres .content .recherche-offres .filtres-menu div ul li {
      list-style-type: none;
      padding: 1.1rem 0rem; }
      .offres .content .recherche-offres .filtres-menu div ul li:last-child {
        width: 100%;
        text-align: center;
        background-color: #c20e1a;
        color: white;
        font-size: 1.6rem;
        margin-top: 1rem;
        cursor: pointer; }
      .offres .content .recherche-offres .filtres-menu div ul li:last-child:hover {
        background-color: #6e1b34; }
      .offres .content .recherche-offres .filtres-menu div ul li input {
        margin-right: 1rem;
        width: 1.5rem;
        height: 1.5rem;
        cursor: pointer;
        width: auto !important; }
      .offres .content .recherche-offres .filtres-menu div ul li input::after {
        content: "";
        display: block;
        width: 1.5rem;
        height: 1.5rem;
        background-color: white;
        border: 1px solid #adadad;
        position: absolute;
        -webkit-appearance: none;
        appearance: none;
        border-radius: 0; }
      .offres .content .recherche-offres .filtres-menu div ul li input:checked::after {
        background-color: #c20e1a;
        border: none; }
      .offres .content .recherche-offres .filtres-menu div ul li input:checked + label {
        color: #c20e1a; }
      .offres .content .recherche-offres .filtres-menu div ul li label {
        font-size: 1.5rem;
        color: #adadad;
        cursor: pointer; }
      .offres .content .recherche-offres .filtres-menu div ul li label:hover {
        color: #c20e1a; }
  .offres .content .recherche-offres .filtres-menu .filtre-pieces {
    border-top: 1px solid #cfcfcf;
    box-sizing: border-box; }
  @media screen and (max-width: 1000px) {
          .offres .content .recherche-offres .filtres-menu .filtre-pieces {
            border-left: 1px solid #cfcfcf; } }
  .offres .content .recherche-offres .filtres-menu .filtre-surface {
    border: 1px solid #cfcfcf;
    border-left: 0;
    border-bottom: 0;
    box-sizing: border-box; }
  @media screen and (max-width: 1000px) {
          .offres .content .recherche-offres .filtres-menu .filtre-surface {
            border-top: 0;
            border-right: 0;
            border-left: 1px solid #cfcfcf; } }
  .offres .content .recherche-offres .filtres-menu .filtre-surface::after {
    content: "m²";
    width: 2rem;
    height: 1rem;
    display: block;
    position: absolute;
    color: #adadad;
    right: 1rem;
    top: 50%;
    font-size: 1.5rem;
    line-height: 1rem;
    transform: translateY(-50%); }
  .offres .content .recherche-offres .filtres-menu .filtre-budget {
    border: 1px solid #cfcfcf;
    border-left: 0;
    border-bottom: 0;
    box-sizing: border-box; }
  @media screen and (max-width: 1000px) {
          .offres .content .recherche-offres .filtres-menu .filtre-budget {
            border-right: 0; } }
  .offres .content .recherche-offres .filtres-menu .filtre-budget::after {
    content: "€";
    width: 2rem;
    height: 1rem;
    display: block;
    position: absolute;
    color: #adadad;
    font-size: 1.5rem;
    line-height: 1rem;
    right: 1rem;
    top: 50%;
    transform: translateY(-50%); }
  .offres .content .recherche-offres .filtres-btn {
    display: flex;
    width: 36rem;
    margin: 0 auto;
    flex-direction: row-reverse;
    margin-top: 0.5rem; }
  .offres .content .recherche-offres .filtres-btn a:last-child, .offres .content .recherche-offres .filtres-btn div:last-child {
    background: #c9c9c9;
    margin: 0 auto;
    font-family: 'Gotham';
    font-size: 1.5rem;
    color: white;
    text-align: center;
    line-height: 4rem;
    height: 4rem;
    transition: 0.3s;
    cursor: pointer;
    text-decoration: none;
    width: 18rem;
    padding: 1rem 0;
    text-decoration: underline; }
  .offres .content .recherche-offres .filtres-btn a:first-child, .offres .content .recherche-offres .filtres-btn div:first-child {
    width: 18rem;
    background: #c20e1a;
    margin: 0 auto;
    font-family: 'Gotham';
    font-size: 1.5rem;
    color: white;
    text-align: center;
    line-height: 4rem;
    height: 4rem;
    transition: 0.3s;
    cursor: pointer;
    text-decoration: none; }
    .offres .content .recherche-offres .filtres-btn a:first-child:hover, .offres .content .recherche-offres .filtres-btn div:first-child:hover {
      background: #6e1b34; }
  .offres .content .toggleFlex {
    display: flex !important; }
  .offres .content .filtresplus {
    display: none; }
  .offres .content .filtresplus .filtres-menu {
    position: relative;
    border: none;
    padding-top: 0; }
  @media screen and (max-width: 1000px) {
            .offres .content .filtresplus .filtres-menu div:first-child {
              width: 50% !important; }
              .offres .content .filtresplus .filtres-menu div:first-child input {
                width: 100% !important; } }
  .offres .content .filtresplus .filtres-menu .filtre-chambres button {
    width: 33rem;
    border-top: 1px solid #c9c9c9;
    border-right: 1px solid #c9c9c9; }
  .offres .content .filtresplus .filtres-menu .filtre-etages button {
    width: 33rem;
    border-top: 1px solid #c9c9c9; }
  .offres .content .filtresplus .filtres-menu .filtres-checkbox {
    display: flex;
    position: relative;
    width: 100% !important;
    justify-content: center;
    flex-wrap: wrap;
    margin: 2rem 0; }
  .offres .content .filtresplus .filtres-menu .filtres-checkbox div {
    bottom: 0;
    width: auto;
    display: flex;
    justify-content: center;
    margin: 0 15px; }
    @media screen and (max-width: 600px) {
          .offres .content .filtresplus .filtres-menu .filtres-checkbox div {
            width: calc(50% - 2rem) !important;
            justify-content: initial;
            margin: 0 1rem; } }
    .offres .content .filtresplus .filtres-menu .filtres-checkbox div input {
      margin: 0;
      cursor: pointer;
      width: 2rem !important;
      margin-right: 1rem; }
      .offres .content .filtresplus .filtres-menu .filtres-checkbox div input::after {
        content: "";
        display: block;
        width: 1.5rem;
        height: 1.5rem;
        background-color: white;
        border: 1px solid #adadad;
        position: absolute; }
      .offres .content .filtresplus .filtres-menu .filtres-checkbox div input:checked::after {
        background-color: #c20e1a;
        border: none; }
      .offres .content .filtresplus .filtres-menu .filtres-checkbox div input:checked + label {
        color: #c20e1a; }
    .offres .content .filtresplus .filtres-menu .filtres-checkbox div label {
      font-size: 1.5rem;
      color: #adadad;
      cursor: pointer; }
      @media screen and (max-width: 600px) {
          .offres .content .filtresplus .filtres-menu .filtres-checkbox div label {
            line-height: 2.5rem; } }
  .offres .content .parcours {
    padding: 5rem 0; }
  @media screen and (max-width: 845px) {
          .offres .content .parcours#accident .illustration, .offres .content .parcours#senior .illustration {
            display: none; } }
  .offres .content .parcours#accident .text .illustration, .offres .content .parcours#senior .text .illustration {
    display: none; }
    @media screen and (max-width: 845px) {
          .offres .content .parcours#accident .text .illustration, .offres .content .parcours#senior .text .illustration {
            display: block; } }
  .offres .content .parcours#etudiant {
    padding-top: 0; }
  .offres .content .parcours .wrapper {
    width: 92%;
    max-width: 96rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap; }
  .offres .content .parcours .wrapper .text {
    font-size: 1.4rem;
    max-width: 37rem;
    width: 100%;
    position: relative;
    bottom: 2rem;
    line-height: 2rem;
    font-weight: 300; }
  @media screen and (max-width: 845px) {
          .offres .content .parcours .wrapper .text {
            max-width: 100%; } }
  .offres .content .parcours .wrapper .text .illustration {
    text-align: center; }
    .offres .content .parcours .wrapper .text .illustration img {
      margin-top: 2rem;
      height: 25rem; }
      @media screen and (max-width: 1000px) {
          .offres .content .parcours .wrapper .text .illustration img {
            width: 60%;
            height: auto; } }
  .offres .content .parcours .wrapper .text .title {
    font-size: 3rem;
    margin-bottom: 2rem;
    line-height: initial;
    font-weight: 900;
    color: #c20e1a; }
  .offres .content .parcours .wrapper .offres .illustration {
    margin-bottom: 5rem;
    text-align: center; }
    .offres .content .parcours .wrapper .offres .illustration img {
      height: 25rem; }
    @media screen and (max-width: 1000px) {
          .offres .content .parcours .wrapper .offres .illustration img {
            width: 60%;
            height: auto !important; } }
  .offres .content .parcours .wrapper .offres .offres-bloc {
    width: 47rem;
    display: flex;
    transition: 0.6s;
    background-color: white;
    margin: 1.5rem 0;
    height: 16.5rem;
    overflow: hidden; }
    .offres .content .parcours .wrapper .offres .offres-bloc.programme {
      background-color: #c20e1a;
      margin: 1rem;
      padding: 0; }
      .offres .content .parcours .wrapper .offres .offres-bloc.programme .offres-bloc-txt {
        color: white;
        padding: 1rem 1.5rem 2rem 1.5rem; }
      .offres .content .parcours .wrapper .offres .offres-bloc.programme .offres-bloc-txt .title {
        font-size: 1.4rem;
        font-weight: 600; }
      .offres .content .parcours .wrapper .offres .offres-bloc.programme .offres-bloc-txt .res {
        font-size: 1.8rem;
        font-weight: 600; }
      .offres .content .parcours .wrapper .offres .offres-bloc.programme .offres-bloc-txt .desc {
        margin-top: 1.5rem; }
    .offres .content .parcours .wrapper .offres .offres-bloc:hover {
      box-shadow: 0px 0px 27px -1px rgba(0, 0, 0, 0.23); }
    .offres .content .parcours .wrapper .offres .offres-bloc .offres-bloc-img {
      position: relative; }
      .offres .content .parcours .wrapper .offres .offres-bloc .offres-bloc-img img {
        min-width: 100%; }
      .offres .content .parcours .wrapper .offres .offres-bloc .offres-bloc-img .offres-bloc-favoris {
        right: 1rem;
        bottom: 1rem;
        position: absolute;
        cursor: pointer; }
      .offres .content .parcours .wrapper .offres .offres-bloc .offres-bloc-img .offres-bloc-favoris svg {
        width: 2rem;
        height: 2rem;
        fill: white; }
      .offres .content .parcours .wrapper .offres .offres-bloc .offres-bloc-img .onfav svg {
        fill: #c20e1a !important; }
    .offres .content .parcours .wrapper .offres .offres-bloc .offres-bloc-txt {
      font-size: 1.4rem;
      padding: 1.5rem; }
      .offres .content .parcours .wrapper .offres .offres-bloc .offres-bloc-txt .geoloc {
        color: #afafaf;
        font-weight: 600;
        padding: 0 0 0.5rem 0; }
      @media screen and (max-width: 600px) {
            .offres .content .parcours .wrapper .offres .offres-bloc .offres-bloc-txt .geoloc {
              font-size: 1.8rem; } }
      .offres .content .parcours .wrapper .offres .offres-bloc .offres-bloc-txt .infos {
        font-weight: 600;
        padding-bottom: 0.5rem; }
      @media screen and (max-width: 600px) {
            .offres .content .parcours .wrapper .offres .offres-bloc .offres-bloc-txt .infos {
              font-size: 1.8rem; } }
      .offres .content .parcours .wrapper .offres .offres-bloc .offres-bloc-txt .prix {
        color: #c20e1a;
        font-weight: 600;
        padding-bottom: 1.5rem; }
      @media screen and (max-width: 600px) {
            .offres .content .parcours .wrapper .offres .offres-bloc .offres-bloc-txt .prix {
              font-size: 2rem; } }
      .offres .content .parcours .wrapper .offres .offres-bloc .offres-bloc-txt .desc {
        font-family: Gotham Book;
        line-height: 2rem; }
  .offres .content .parcours .parcours-btn {
    max-width: 32rem;
    width: 90%;
    margin: 3rem 0; }
  @media screen and (max-width: 1000px) {
        .offres .content .parcours .parcours-btn {
          margin: 3rem auto; } }
  .offres .content .parcours .parcours-btn a {
    text-decoration: none; }
  .offres .content .parcours .parcours-btn a div {
    background-color: #c20e1a;
    color: white;
    font-size: 1.6rem;
    text-align: center;
    padding: 2rem;
    transition: 0.3s;
    font-weight: 500; }
    .offres .content .parcours .parcours-btn a div:hover {
      background: #6e1b34; }
  .offres .content > .programme {
    background-color: #c20e1a; }
  .offres .content > .programme h3 {
    font-size: 2.7rem;
    color: white;
    text-align: center;
    padding: 4rem 2rem 5rem 2rem;
    margin: 0; }
  .offres .content > .programme .programme-box {
    width: 96rem;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap; }
  .offres .content > .programme .programme-box .box {
    background-color: white;
    width: 47rem;
    display: flex;
    height: 17rem;
    cursor: pointer;
    transition: 0.3s; }
  .offres .content > .programme .programme-box .box:hover {
    box-shadow: 0px 0px 27px -1px rgba(0, 0, 0, 0.23); }
  @media screen and (max-width: 1000px) {
          .offres .content > .programme .programme-box .box .box-img {
            width: 50%;
            overflow: hidden; } }
  .offres .content > .programme .programme-box .box .box-txt {
    padding: 1rem 2rem;
    box-sizing: border-box;
    color: #4c4c4c;
    font-size: 1.4rem; }
    .offres .content > .programme .programme-box .box .box-txt h4 {
      font-size: 2rem;
      font-weight: 800;
      color: #cc5154;
      padding: 1rem 0;
      margin: 0; }
  .offres .content > .programme .programme-btn {
    padding: 5rem 0 4rem 0;
    display: flex;
    justify-content: center; }
  .offres .content > .programme .programme-btn a {
    background-color: #6e1b34;
    text-decoration: none;
    text-align: center;
    color: white;
    padding: 1.5rem 2rem;
    font-size: 1.6rem;
    font-weight: 600;
    transition: 0.3s; }
  .offres .content > .programme .programme-btn a:hover {
    background-color: #c20e1a; }

@media screen and (max-width: 1000px) {
  .offres .content .parcours .wrapper {
    justify-content: center; }
    .offres .content > .programme .programme-box {
      width: 92%;
      justify-content: center; }
      .offres .content > .programme .programme-box .box {
        margin-top: 2rem;
        width: 100%; }
        .offres .content > .programme .programme-box .box:first-child {
          margin-top: 0; }
        .offres .content > .programme .programme-box .box .box-txt {
          width: auto; }
        .offres .content > .programme .programme-box .box .box-img {
          width: auto; } }
  @media screen and (max-width: 1000px) and (max-width: 600px) {
          .offres .content > .programme .programme-box {
            width: 90%; } }

@media screen and (max-width: 600px) {
  .offres .content .recherche-offres {
    box-shadow: 4px 3px 74px -17px rgba(0, 0, 0, 0.58); }
    .offres .content .recherche-offres .filtres-menu {
      padding: 2rem 0 0;
      margin: 0 auto;
      width: 100%;
      max-width: 100%; }
      .offres .content .recherche-offres .filtres-menu div {
        width: 100% !important; }
        .offres .content .recherche-offres .filtres-menu div input {
          height: 6rem; }
        .offres .content .recherche-offres .filtres-menu div button {
          height: 6rem; }
      .offres .content .recherche-offres .filtres-menu.filtresplus-menu {
        padding: 0; }
      .offres .content .recherche-offres .filtres-menu .filtre-type {
        border: 0px solid #cfcfcf;
        border-bottom: 1px solid #cfcfcf; }
        .offres .content .recherche-offres .filtres-menu .filtre-type ul {
          width: 100%; }
      .offres .content .recherche-offres .filtres-menu .filtre-surface {
        border: 0px solid #cfcfcf;
        border-bottom: 1px solid #cfcfcf; }
      .offres .content .recherche-offres .filtres-menu .filtre-budget {
        border: 0px solid #cfcfcf;
        border-bottom: 1px solid #cfcfcf; }
      .offres .content .recherche-offres .filtres-menu .filtre-pieces {
        border: 0px solid #cfcfcf;
        border-bottom: 1px solid #cfcfcf; }
      .offres .content .recherche-offres .filtres-menu .filtre-ville {
        z-index: 1 !important;
        border: 0px solid #cfcfcf; }
        .offres .content .recherche-offres .filtres-menu .filtre-ville .select2-container {
          height: 6rem; }
          .offres .content .recherche-offres .filtres-menu .filtre-ville .select2-container span {
            height: 6rem; }
            .offres .content .recherche-offres .filtres-menu .filtre-ville .select2-container span ul li {
              height: 2rem; }
    .offres .content .recherche-offres .filtresplus .filtresplus-menu .filtre-chambres {
      width: 100% !important; }
      .offres .content .recherche-offres .filtresplus .filtresplus-menu .filtre-chambres button {
        border-top: 0px solid #c9c9c9;
        border-right: 0px solid #c9c9c9; }
      .offres .content .recherche-offres .filtresplus .filtresplus-menu .filtres-checkbox div {
        width: calc(100% - 2rem) !important;
        height: 40px; }
        .offres .content .recherche-offres .filtresplus .filtresplus-menu .filtres-checkbox div input {
          height: 25px; }
    .offres .content .parcours .wrapper .offres .offres-bloc {
      flex-direction: column;
      height: auto;
      width: 100%;
      margin: 1.5rem auto; } }

.popup-compte .content {
  background-color: rgba(0, 0, 0, 0.2);
  height: 100vh; }
  .popup-compte .content .wrapper {
    width: 96%;
    max-width: 96rem;
    margin: 0 auto;
    display: flex; }
  .popup-compte .content .wrapper > div {
    height: auto; }
  .popup-compte .content .wrapper .text {
    width: 40%;
    color: white;
    padding-right: 5rem;
    box-sizing: border-box; }
  .popup-compte .content .wrapper .text h1 {
    font-size: 5rem;
    font-weight: 900; }
  .popup-compte .content .wrapper .text p {
    font-size: 1.7rem;
    font-weight: 600; }
  .popup-compte .content .wrapper .form {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    margin: 0;
    max-width: 60rem;
    width: 90%; }
  .popup-compte .content .wrapper .form .creation-connexion {
    display: flex; }
  .popup-compte .content .wrapper .form .creation-connexion .selected {
    background-color: #c20e1a;
    position: relative; }
    .popup-compte .content .wrapper .form .creation-connexion .selected::after {
      content: "";
      display: block;
      border-left: 20px solid transparent;
      border-right: 20px solid transparent;
      border-top: 20px solid #c20e1a;
      bottom: -6px;
      left: 50%;
      position: absolute;
      transform: translateX(-50%); }
  .popup-compte .content .wrapper .form .creation-connexion div {
    width: 16.5rem;
    text-align: center;
    background-color: #6e1b34;
    font-weight: 600;
    font-size: 1.4rem;
    color: white;
    padding: 1.5rem 0;
    cursor: pointer; }
    .popup-compte .content .wrapper .form .creation-connexion div:first-child {
      margin-left: 3rem; }
  .popup-compte .content .wrapper .form .locataire-box {
    margin-top: 4rem; }
  .popup-compte .content .wrapper .form .locataire-box h2 {
    font-size: 1.8rem;
    font-weight: 600;
    color: #c20e1a; }
  .popup-compte .content .wrapper .form .locataire-box p {
    font-family: 'Gotham Book', sans-serif;
    color: #4c4c4c !important;
    font-size: 1.6rem !important; }
  .popup-compte .content .wrapper .form .locataire-box-btn {
    font-size: 1.7rem;
    font-weight: 600;
    display: flex;
    margin-bottom: 2rem;
    justify-content: center; }
    .popup-compte .content .wrapper .form .locataire-box-btn a {
      text-decoration: none;
      color: white;
      background-color: #c20e1a;
      padding: 1.5rem 9rem; }
      @media screen and (max-width: 600px) {
          .popup-compte .content .wrapper .form .locataire-box-btn a {
            width: 100%;
            text-align: center;
            padding: 1.5rem; } }
      .popup-compte .content .wrapper .form .locataire-box-btn a:hover {
        background-color: #6e1b34; }
  .popup-compte .content .wrapper .form .form-box {
    width: 100%;
    background-color: white;
    padding: 3rem;
    box-sizing: border-box; }
  .popup-compte .content .wrapper .form .form-box .spacer {
    display: flex;
    align-items: center; }
    .popup-compte .content .wrapper .form .form-box .spacer div:last-child, .popup-compte .content .wrapper .form .form-box .spacer div:first-child {
      width: 50%;
      height: 1px;
      background-color: #9e9e9e; }
      .popup-compte .content .wrapper .form .form-box .spacer div:nth-child(2) {
        color: #9e9e9e;
        font-size: 1.4rem;
        padding: 1rem; }
  .popup-compte .content .wrapper .form .form-box > a {
    text-decoration: none; }
    .popup-compte .content .wrapper .form .form-box > a div {
      display: flex;
      justify-content: center;
      align-items: center; }
      .popup-compte .content .wrapper .form .form-box > a div img {
        margin-right: 1rem; }
      .popup-compte .content .wrapper .form .form-box > a div p {
        margin: 0; }
  .popup-compte .content .wrapper .form .form-box .facebook {
    background-color: #4568b2;
    width: 100%;
    margin: 0rem auto 1rem auto;
    text-align: center;
    font-weight: 600;
    font-size: 1.4rem;
    color: white;
    padding: 1.5rem 0; }
  .popup-compte .content .wrapper .form .form-box .google {
    border: 1px solid #9e9e9e;
    width: 100%;
    margin: 0 auto;
    text-align: center;
    font-weight: 600;
    font-size: 1.4rem;
    color: #484848;
    padding: 1.5rem 0; }
  .popup-compte .content .wrapper .form .form-box form#connexion, .popup-compte .content .wrapper .form .form-box form.notif {
    display: none; }
    .popup-compte .content .wrapper .form .form-box form#connexion > div input[type=text], .popup-compte .content .wrapper .form .form-box form.notif > div input[type=text], .popup-compte .content .wrapper .form .form-box form#connexion > div input[type=password], .popup-compte .content .wrapper .form .form-box form.notif > div input[type=password] {
      width: 100%; }
    .popup-compte .content .wrapper .form .form-box form#connexion > div a, .popup-compte .content .wrapper .form .form-box form.notif > div a {
      color: #c20e1a;
      font-size: 1.1rem; }
    .popup-compte .content .wrapper .form .form-box form.notif > p {
      color: #4c4c4c;
      font-size: 1.6rem;
      margin: 3rem 0;
      line-height: 3rem; }
    .popup-compte .content .wrapper .form .form-box form.notif > p:first-child {
      font-size: 1.8rem;
      font-weight: 600;
      margin: auto;
      line-height: auto; }
    .popup-compte .content .wrapper .form .form-box form.notif.valid {
      display: block !important; }
    .popup-compte .content .wrapper .form .form-box form.notif.valid p:first-child {
      color: #c20e1a; }
    .popup-compte .content .wrapper .form .form-box form .help-block {
      font-family: 'Gotham Book';
      font-size: 1.2rem;
      color: #c20e1a;
      width: 100%;
      padding: 0.5rem 0; }
    .popup-compte .content .wrapper .form .form-box form > div {
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between; }
    .popup-compte .content .wrapper .form .form-box form > div > div {
      width: 48%; }
    .popup-compte .content .wrapper .form .form-box form > div > div input[type=text], .popup-compte .content .wrapper .form .form-box form > div > div input[type=password] {
      width: 100%; }
    .popup-compte .content .wrapper .form .form-box form > div input[type=text], .popup-compte .content .wrapper .form .form-box form > div input[type=password] {
      font-weight: 600;
      font-size: 1.4rem;
      color: #4c4c4c;
      height: 40px;
      border: 1px solid #9e9e9e;
      width: 48%;
      margin: 0.5rem 0;
      padding: 0 1rem;
      box-sizing: border-box;
      outline: none; }
    .popup-compte .content .wrapper .form .form-box form > div input[type=text].error::placeholder, .popup-compte .content .wrapper .form .form-box form > div input[type=password].error::placeholder {
      color: #c20e1a;
      font-weight: 600; }
    .popup-compte .content .wrapper .form .form-box form > div input[type=text]::placeholder, .popup-compte .content .wrapper .form .form-box form > div input[type=password]::placeholder {
      color: #adadad; }
    .popup-compte .content .wrapper .form .form-box form > div label {
      font-size: 1.1rem;
      color: #adadad; }
    .popup-compte .content .wrapper .form .form-box form > div:nth-child(2) {
      display: flex;
      margin-top: 1rem; }
    .popup-compte .content .wrapper .form .form-box form > div:nth-child(2) > div {
      display: flex;
      align-items: center; }
    .popup-compte .content .wrapper .form .form-box form > div:nth-child(2) > div label a {
      color: #c20e1a; }
    .popup-compte .content .wrapper .form .form-box form > div:last-child {
      justify-content: center;
      margin: 2rem 0 0 0; }
    .popup-compte .content .wrapper .form .form-box form > div:last-child > input {
      background-color: #c20e1a;
      border: none;
      color: white;
      font-size: 1.7rem;
      font-weight: 600;
      padding: 1.5rem 10rem;
      outline: none;
      cursor: pointer;
      font-family: 'Gotham'; }
    .popup-compte .content .wrapper .form .form-box form > div:last-child > input:hover {
      background-color: #6e1b34; }

@media screen and (max-width: 900px) {
  .creation-compte .content {
    min-height: 80rem;
    height: auto; }
    .creation-compte .content .wrapper {
      flex-direction: column;
      align-items: center; }
      .creation-compte .content .wrapper .text {
        width: 96%;
        max-width: 60rem; }
        .creation-compte .content .wrapper .text p {
          line-height: 2.5rem; }
      .creation-compte .content .wrapper .form {
        max-width: 60rem;
        width: 96%; } }

@media screen and (max-width: 600px) {
  .creation-compte .content .wrapper .text h1 {
    font-size: 4rem; }
    .creation-compte .content .wrapper .text p {
      display: none; }
    .creation-compte .content .wrapper .form {
      max-width: 60rem;
      width: 96%; }
    .creation-compte .content .wrapper .form .creation-connexion div {
      width: 50%; }
      .creation-compte .content .wrapper .form .creation-connexion div:first-child {
        margin: 0; }
    .creation-compte .content .wrapper .form .form-box .facebook img, .creation-compte .content .wrapper .form .form-box .google img {
      margin: 0; }
      .creation-compte .content .wrapper .form .form-box .facebook p, .creation-compte .content .wrapper .form .form-box .google p {
        display: none; }
      .creation-compte .content .wrapper .form .form-box form > div > div {
        width: 100%; }
        .creation-compte .content .wrapper .form .form-box form > div:first-child > input {
          width: 100%; }
        .creation-compte .content .wrapper .form .form-box form > div:nth-child(2) {
          flex-direction: column; }
        .creation-compte .content .wrapper .form .form-box form > div:last-child > input {
          width: 96%;
          padding: 1.5rem 0; } }
/*------------------------------------*\
 FILTERS
 \*------------------------------------*/
.fiche_produit .selection {
  background-color: #efefef;
  padding: 20px 0; }
  .fiche_produit .selection .inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center; }
  .fiche_produit .selection .inner .btn_back {
    display: table;
    width: 196px;
    box-sizing: border-box;
    font-size: 1.5rem;
    font-weight: 600;
    text-decoration: none;
    color: #fff;
    background-color: #6e1b34;
    padding: 2rem 1rem; }
  .fiche_produit .selection .inner .btn_back:hover {
    background-color: #c20e1a; }
  .fiche_produit .selection .inner .btn_back svg {
    width: 13px;
    height: 13px;
    fill: #fff;
    margin-right: 10px;
    position: relative;
    top: 2px; }
  .fiche_produit .selection .inner .choix {
    font-size: 1.6rem;
    font-weight: 700;
    margin-left: 35px; }
/*------------------------------------*\
 INTRO
 \*------------------------------------*/
.fiche_produit .intro {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-top: 45px; }
  .fiche_produit .intro .content {
    width: 49%;
    position: relative; }
  .fiche_produit .intro .content .pastille {
    position: absolute;
    right: 0;
    top: 0;
    font-size: 1.5rem;
    color: white;
    background: #c20e1a;
    height: 11.5rem;
    width: 11.5rem;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    transform: rotate(-13deg);
    text-align: center; }
  @media only screen and (max-width: 767px) {
      .fiche_produit .intro .content .pastille {
        position: absolute;
        margin-top: 1rem;
        top: -14rem;
        left: 0rem;
        z-index: 9; } }
  .fiche_produit .intro .content .title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap; }
  .fiche_produit .intro .content .title h1 {
    width: calc(100% - 80px);
    font-size: 2.8rem;
    font-weight: 700;
    color: #adadad;
    margin: 0; }
  .fiche_produit .intro .content .title h1 span {
    text-decoration: underline; }
  @media only screen and (max-width: 620px) {
        .fiche_produit .intro .content .title h1 {
          width: 100%; } }
  .fiche_produit .intro .content .taille {
    font-size: 2.8rem;
    font-weight: 700;
    color: #000; }
  .fiche_produit .intro .content .prix {
    font-size: 2.6rem;
    font-weight: 700;
    color: #c20e1a; }
  .fiche_produit .intro .content .prix span {
    font-size: 1.6rem; }
  .fiche_produit .intro .content .ref {
    font-size: 1.8rem;
    margin-top: 15px; }
  .fiche_produit .intro .content .type {
    margin-top: 23px;
    position: relative; }
  .fiche_produit .intro .content .type .toggle {
    display: inline-block;
    font-size: 1.8rem;
    font-weight: 700;
    color: #adadad;
    background-color: #efefef;
    padding: 12px 10px;
    cursor: pointer;
    position: relative; }
  .fiche_produit .intro .content .type .toggle:hover svg {
    fill: #c20e1a; }
  .fiche_produit .intro .content .type .toggle svg {
    width: 18px;
    height: 18px;
    fill: #4c4c4c;
    margin-left: 10px;
    position: relative;
    top: 2px; }
  .fiche_produit .intro .content .type .tooltip {
    display: none;
    box-sizing: border-box;
    width: 320px;
    background-color: #fff;
    -moz-box-shadow: 0px 0px 5px -1px #cfcfcf;
    -webkit-box-shadow: 0px 0px 5px -1px #cfcfcf;
    -o-box-shadow: 0px 0px 5px -1px #cfcfcf;
    box-shadow: 0px 0px 5px -1px #cfcfcf;
    filter: progid:DXImageTransform.Microsoft.Shadow(color=#cfcfcf, Direction=NaN, Strength=5);
    padding: 45px 35px;
    position: absolute;
    top: 0;
    z-index: 98; }
  .fiche_produit .intro .content .type .tooltip .close {
    cursor: pointer;
    position: absolute;
    top: 8px;
    right: 12px; }
  .fiche_produit .intro .content .type .tooltip .close svg {
    width: 10px;
    height: 10px;
    fill: #adadad; }
  .fiche_produit .intro .content .type .tooltip p {
    font-family: 'Gotham Book', Arial, sans-serif;
    font-size: 1.2rem;
    font-weight: 300;
    color: #adadad; }
  .fiche_produit .intro .content .logo_vivelli {
    margin-top: 12px; }
  .fiche_produit .intro .content .text {
    margin: 25px 0; }
  .fiche_produit .intro .content .text p {
    font-family: 'Gotham Book', Arial, sans-serif;
    font-size: 1.6rem;
    line-height: 2.8rem;
    color: #4c4c4c;
    margin: 0; }
  .fiche_produit .intro .content .text a.read_more, .fiche_produit .intro .content .text a.read_less {
    display: block;
    font-size: 1.3rem;
    font-weight: 300;
    color: #c20e1a; }
  .fiche_produit .intro .content .text a.read_more:hover, .fiche_produit .intro .content .text a.read_less:hover {
    color: #6e1b34; }
  .fiche_produit .intro .photos {
    width: 49%;
    position: relative;
    overflow: hidden; }
  .fiche_produit .intro .photos .icons {
    width: 100%;
    display: flex;
    justify-content: flex-end;
    font-size: 1.2rem;
    color: #cc5154;
    padding: 1rem 0 3rem; }
  @media only screen and (max-width: 620px) {
      .fiche_produit .intro .photos .icons {
        padding: 2rem 0; } }
  .fiche_produit .intro .photos .icons .favoris {
    display: flex;
    align-items: center;
    cursor: pointer; }
  .fiche_produit .intro .photos .icons .favoris.added svg, .fiche_produit .intro .photos .icons .favoris:hover svg {
    fill: #c20e1a; }
  .fiche_produit .intro .photos .icons .favoris svg {
    width: 29px;
    height: 26px;
    fill: #e9e9e9;
    padding: 0 1rem; }
  .fiche_produit .intro .photos .icons .global_partage {
    display: flex;
    align-items: center;
    margin-left: 17px; }
  .fiche_produit .intro .photos .icons .global_partage .sn_list {
    right: 0rem;
    transform: translateX(0);
    left: inherit;
    margin-top: 4rem; }
  .fiche_produit .intro .photos .icons .global_partage svg {
    padding: 0 1rem; }
  .fiche_produit .intro .photos .swiper-button-prev {
    width: 54px;
    height: 66px;
    background: url('../img/icons/prev.png') no-repeat center / contain;
    left: 0; }
  .fiche_produit .intro .photos .swiper-button-next {
    width: 54px;
    height: 66px;
    background: url('../img/icons/next.png') no-repeat center / contain;
    right: 0; }
  .fiche_produit .intro .photos .slider_produit {
    height: 370px;
    margin-bottom: 15px; }
  .fiche_produit .intro .photos .slider_produit .slick-list, .fiche_produit .intro .photos .slider_produit .slick-track {
    height: 100%; }
  .fiche_produit .intro .photos .slider_produit .mask {
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.3);
    z-index: 1; }
  .fiche_produit .intro .photos .slider_produit .mask .icon {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%); }
  .fiche_produit .intro .photos .slider_produit .mask .icon svg {
    fill: #fff; }
  .fiche_produit .intro .photos .slider_produit .mask .icon.home_staging svg {
    width: 137px;
    height: 86px; }
  .fiche_produit .intro .photos .slider_produit .mask .icon.vue_360 svg {
    width: 88px;
    height: 57px; }
  .fiche_produit .intro .photos .slider_produit .mask .icon.vue_3d svg {
    width: 130px;
    height: 102px; }
  .fiche_produit .intro .photos .slider_produit .swiper-slide {
    height: 100%;
    overflow: hidden;
    position: relative; }
  .fiche_produit .intro .photos .slider_produit .swiper-slide img {
    width: 100%;
    height: 100%;
    object-fit: cover; }
  .fiche_produit .intro .photos .slider_produit ul.slick-dots {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    margin: 0;
    padding: 0;
    position: absolute;
    bottom: 15px;
    left: 15px;
    z-index: 10; }
  .fiche_produit .intro .photos .slider_produit ul.slick-dots li {
    width: 14px;
    height: 14px;
    background-color: #fff;
    border-radius: 50%;
    list-style-type: none;
    margin-right: 8px;
    cursor: pointer; }
  .fiche_produit .intro .photos .slider_produit ul.slick-dots li.slick-active {
    background-color: #cc5154; }
  .fiche_produit .intro .photos .slider_produit ul.slick-dots li button {
    display: none; }
  .fiche_produit .intro .btn_droit_logement {
    display: block;
    width: 49%;
    height: 57px;
    text-decoration: underline;
    background-color: #cc5154;
    position: relative; }
  .fiche_produit .intro .btn_droit_logement:hover {
    background-color: #c20e1a; }
  .fiche_produit .intro .btn_droit_logement:hover span i {
    color: #fff; }
  .fiche_produit .intro .btn_droit_logement span.container {
    font-size: 1.7rem;
    font-weight: 700;
    color: #fff;
    position: absolute;
    top: 50%;
    left: 15px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%); }
  .fiche_produit .intro .btn_droit_logement span.container i {
    font-style: normal;
    color: #6e1b34; }
  .fiche_produit .intro .btn_droit_logement span.container svg {
    vertical-align: middle;
    width: 37px;
    height: 28px;
    fill: #fff;
    margin-right: 20px; }
  .fiche_produit .intro .btn_droit_logement span.container svg.taux {
    width: 40px;
    height: 40px; }
  .fiche_produit .intro .actions {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: space-between;
    width: 49%; }
  .fiche_produit .intro .actions .btn {
    display: block;
    width: 49%;
    height: 57px;
    position: relative;
    text-decoration: none;
    z-index: 1; }
  .fiche_produit .intro .actions .btn.call {
    background-color: #47b4d5; }
  .fiche_produit .intro .actions .btn.call span svg {
    width: 27px;
    height: 26px; }
  .fiche_produit .intro .actions .btn.call .horaires {
    display: none;
    top: 7rem;
    position: relative;
    box-shadow: 0px 0px 24px -3px rgba(0, 0, 0, 0.49); }
  .fiche_produit .intro .actions .btn.call .horaires ul {
    background-color: white;
    padding: 2rem;
    box-sizing: border-box;
    width: 100%; }
    .fiche_produit .intro .actions .btn.call .horaires ul:before {
      content: "";
      display: block;
      width: 0;
      height: 0;
      border-left: 15px solid transparent;
      border-right: 15px solid transparent;
      border-bottom: 15px solid white;
      position: absolute;
      top: -1.5rem;
      left: 50%;
      transform: translateX(-50%); }
    .fiche_produit .intro .actions .btn.call .horaires ul li {
      list-style-type: none;
      display: flex;
      border-bottom: 1px solid #cfcfcf;
      padding: 0.7rem 0; }
    .fiche_produit .intro .actions .btn.call .horaires ul li:last-child {
      border: none; }
    .fiche_produit .intro .actions .btn.call .horaires ul li div {
      width: 50%;
      text-align: left;
      font-size: 1.4rem; }
    .fiche_produit .intro .actions .btn.call .horaires ul li div:first-child {
      color: #47b4d5; }
    .fiche_produit .intro .actions .btn.call .horaires ul li div:last-child {
      text-align: right;
      color: #4c4c4c; }
  .fiche_produit .intro .actions .btn.contact {
    background-color: #6e1b34; }
  .fiche_produit .intro .actions .btn.contact span svg {
    width: 29px;
    height: 21px; }
  .fiche_produit .intro .actions .btn:hover {
    background-color: #c20e1a; }
  .fiche_produit .intro .actions .btn span {
    display: block;
    width: 90%;
    font-size: 1.6rem;
    font-weight: 700;
    text-align: center;
    color: #fff;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%); }
  .fiche_produit .intro .actions .btn span svg {
    vertical-align: middle;
    fill: #fff;
    margin-right: 10px; }
/*------------------------------------*\
 SIMULATEURS
 \*------------------------------------*/
.fiche_produit .simulateur {
  width: 100%;
  display: none;
  background-color: #efefef;
  padding: 3rem;
  box-sizing: border-box;
  margin-top: 3rem; }
  .fiche_produit .simulateur h3 {
    font-size: 2.7rem;
    font-weight: 800;
    text-align: left;
    color: #c20e1a;
    padding: 0;
    margin-top: 0; }
  .fiche_produit .simulateur p {
    font-family: 'Gotham Book';
    font-size: 1.6rem;
    color: #4c4c4c;
    line-height: 2.5rem; }
  .fiche_produit .simulateur p.resultat {
    margin-top: 3rem;
    font-size: 1.4rem;
    display: none; }
  .fiche_produit .simulateur .form {
    display: flex;
    flex-direction: column;
    align-items: center; }
  .fiche_produit .simulateur .form div {
    position: relative;
    max-width: 50rem;
    width: 100%; }
  .fiche_produit .simulateur .form div input {
    width: 100%;
    height: 4rem; }
  .fiche_produit .simulateur .form div span {
    font-weight: 700;
    position: absolute;
    top: 50%;
    right: 10px;
    transform: translateY(-50%);
    font-size: 1.5rem;
    color: #cc5154; }
  .fiche_produit .simulateur .form label {
    margin: 3rem 0 1rem 0;
    color: #cc5154;
    font-weight: 600;
    font-size: 1.4rem;
    width: 100%;
    max-width: 50rem; }
  .fiche_produit .simulateur .form .wtt {
    display: flex;
    align-items: flex-end; }
  .fiche_produit .simulateur .form .wtt .tooltip_holder {
    display: inline-block;
    vertical-align: sub;
    margin-left: 8px;
    position: relative;
    margin: 3rem 0 1rem 0;
    width: 2rem; }
  .fiche_produit .simulateur .form .wtt .tooltip_holder .toggle {
    cursor: pointer; }
    .fiche_produit .simulateur .form .wtt .tooltip_holder .toggle svg {
      width: 20px;
      height: 20px;
      fill: #000; }
    .fiche_produit .simulateur .form .wtt .tooltip_holder .toggle:hover + .tooltip {
      display: block; }
  .fiche_produit .simulateur .form .wtt .tooltip_holder .tooltip {
    display: none;
    box-sizing: border-box;
    width: 320px;
    background-color: #fff;
    -moz-box-shadow: 0px 0px 5px -1px #cfcfcf;
    -webkit-box-shadow: 0px 0px 5px -1px #cfcfcf;
    -o-box-shadow: 0px 0px 5px -1px #cfcfcf;
    box-shadow: 0px 0px 5px -1px #cfcfcf;
    filter: progid:DXImageTransform.Microsoft.Shadow(color=#cfcfcf, Direction=NaN, Strength=5);
    padding: 45px 35px;
    position: absolute;
    top: 0;
    right: -33rem;
    z-index: 98; }
    .fiche_produit .simulateur .form .wtt .tooltip_holder .tooltip .close {
      cursor: pointer;
      position: absolute;
      top: 8px;
      right: -30rem; }
    .fiche_produit .simulateur .form .wtt .tooltip_holder .tooltip .close svg {
      width: 10px;
      height: 10px;
      fill: #adadad; }
    .fiche_produit .simulateur .form .wtt .tooltip_holder .tooltip p {
      font-family: 'Gotham Book', Arial, sans-serif;
      font-size: 1.2rem;
      font-weight: 300;
      color: #adadad;
      margin-bottom: 0; }
  .fiche_produit .simulateur .form button {
    max-width: 30rem;
    width: 90%;
    border: none;
    background-color: #c20e1a;
    padding: 2rem;
    font-size: 2rem;
    color: white;
    font-family: 'Gotham';
    margin: 3rem auto 0 auto;
    cursor: pointer;
    transition: 0.3s;
    outline: none; }
  .fiche_produit .simulateur .form button:hover {
    background-color: #6e1b34; }
/*------------------------------------*\
 LES PLUS
 \*------------------------------------*/
.fiche_produit .les_plus {
  box-sizing: border-box;
  background-color: #efefef;
  margin-top: 40px;
  padding: 15px 20px; }
  .fiche_produit .les_plus h2 {
    margin: 10px 20px 10px 0;
    display: inline-block;
    vertical-align: top; }
  .fiche_produit .les_plus .plus_list {
    display: -webkit-box;
    display: inline-block; }
  .fiche_produit .les_plus .plus_list .plus {
    display: -webkit-box;
    display: inline-block;
    padding: 0 10px; }
  .fiche_produit .les_plus .plus_list .plus .icon {
    margin-right: 0;
    text-align: center; }
  .fiche_produit .les_plus .plus_list .plus .icon img {
    width: 30px; }
  .fiche_produit .les_plus .plus_list .plus span {
    font-size: 1.6rem;
    font-weight: 500; }
/*------------------------------------*\
 INFORMATIONS
 \*------------------------------------*/
.fiche_produit .informations {
  margin-top: 50px; }
  .fiche_produit .informations h2 {
    margin-top: 0;
    margin-bottom: 25px; }
  .fiche_produit .informations .honoraires {
    font-size: 2.1rem;
    font-weight: 500;
    text-align: center;
    color: #c20e1a;
    background-color: #efefef;
    padding: 25px 20px; }
  .fiche_produit .informations .infos_addr .info_addr {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: normal;
    border-bottom: 1px solid #cfcfcf;
    padding: 23px 0; }
  .fiche_produit .informations .infos_addr .info_addr .title {
    font-size: 1.6rem;
    font-weight: 500;
    margin-right: 20px; }
  .fiche_produit .informations .infos_addr .info_addr .data {
    font-size: 1.6rem;
    font-weight: 500;
    color: #c20e1a; }
  .fiche_produit .informations .infos_list {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
    -webkit-column-gap: 20px;
    -moz-column-gap: 20px;
    column-gap: 20px; }
  .fiche_produit .informations .infos_list .info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid #cfcfcf;
    padding: 23px 0; }
  .fiche_produit .informations .infos_list .info .title {
    font-size: 1.6rem;
    font-weight: 500; }
  .fiche_produit .informations .infos_list .info .data {
    font-size: 1.6rem;
    font-weight: 500;
    color: #c20e1a; }
/*------------------------------------*\
 DIAGNOSTIQUES
 \*------------------------------------*/
.fiche_produit .diagnostiques {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  justify-content: space-between;
  margin-top: 50px; }
  .fiche_produit .diagnostiques .diagnostique {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    box-sizing: border-box;
    width: 49%;
    background-color: #efefef;
    padding: 30px 22px; }
  .fiche_produit .diagnostiques .diagnostique.energetique .image .valeur {
    left: 115px; }
  .fiche_produit .diagnostiques .diagnostique.effet_serre .image .valeur {
    left: 55px; }
  .fiche_produit .diagnostiques .diagnostique span {
    font-size: 1.7rem;
    font-weight: 500;
    margin-bottom: 10px; }
  .fiche_produit .diagnostiques .diagnostique .image {
    width: 163px;
    position: relative; }
  .fiche_produit .diagnostiques .diagnostique .image img {
    display: block;
    width: 100%;
    height: auto; }
  .fiche_produit .diagnostiques .diagnostique .image .valeur {
    font-size: 1.4rem;
    font-weight: 500;
    position: absolute;
    top: 35px;
    z-index: 9; }
/*------------------------------------*\
 LE QUARTIER
 \*------------------------------------*/
.fiche_produit .quartier {
  margin-top: 50px; }
  .fiche_produit .quartier h2 {
    margin-top: 0;
    margin-bottom: 25px; }
  .fiche_produit .quartier .gmap {
    position: relative; }
  .fiche_produit .quartier .gmap iframe {
    width: 100%;
    height: 420px; }
  .fiche_produit .quartier .gmap .filters {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    border: 1px solid #cc5154;
    position: absolute;
    bottom: 13px;
    left: 50%;
    z-index: 9;
    transform: translateX(-50%); }
  .fiche_produit .quartier .gmap .filters .filter {
    width: 60px;
    height: 60px;
    background-color: #fff;
    border-right: 1px solid #cc5154;
    cursor: pointer;
    position: relative; }
  .fiche_produit .quartier .gmap .filters .filter:hover .legend {
    display: block; }
  .fiche_produit .quartier .gmap .filters .filter:last-child {
    border-right: 0; }
  .fiche_produit .quartier .gmap .filters .filter.current {
    background-color: #cc5154; }
  .fiche_produit .quartier .gmap .filters .filter.current .icon svg, .fiche_produit .quartier .gmap .filters .filter.current .icon polygon, .fiche_produit .quartier .gmap .filters .filter.current .icon path {
    fill: #fff; }
  .fiche_produit .quartier .gmap .filters .filter .icon {
    width: 50px;
    height: 26px;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%); }
  .fiche_produit .quartier .gmap .filters .filter .icon svg {
    width: 100%;
    height: 100%;
    object-fit: contain;
    fill: #cc5154; }
  .fiche_produit .quartier .gmap .filters .filter .legend {
    display: none;
    position: absolute;
    background-color: white;
    padding: 1rem;
    font-size: 1.5rem;
    top: -5rem;
    left: 50%;
    transform: translateX(-50%);
    color: #cc5154; }
  .fiche_produit .quartier .gmap .filters .filter .legend::before {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border-left: 12px solid transparent;
    border-right: 12px solid transparent;
    border-top: 12px solid white;
    position: absolute;
    bottom: -1.2rem;
    left: 50%;
    transform: translateX(-50%); }
  .fiche_produit .quartier .under_map {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: space-between;
    margin-top: 25px; }
  .fiche_produit .quartier .under_map .calcul {
    width: 49%;
    box-sizing: border-box;
    background-color: #cc5154;
    padding: 30px 20px; }
  .fiche_produit .quartier .under_map .calcul p {
    font-size: 1.7rem;
    font-weight: 500;
    color: #fff;
    margin: 0 0 20px 0; }
  .fiche_produit .quartier .under_map .calcul form {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    position: relative; }
  .fiche_produit .quartier .under_map .calcul form .filtre-type {
    width: 100px;
    position: relative; }
  .fiche_produit .quartier .under_map .calcul form .filtre-type .toggle {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: space-between;
    align-items: center;
    box-sizing: border-box;
    background-color: #6e1b34;
    border: 0;
    padding: 15px 17px;
    cursor: pointer;
    position: relative; }
    .fiche_produit .quartier .under_map .calcul form .filtre-type .toggle .choice {
      width: 50px;
      height: 25px;
      margin-right: 10px;
      overflow: hidden; }
    .fiche_produit .quartier .under_map .calcul form .filtre-type .toggle .choice svg {
      width: 100%;
      height: 100%;
      fill: #fff;
      object-fit: contain; }
    .fiche_produit .quartier .under_map .calcul form .filtre-type .toggle > svg {
      width: 14px;
      height: 8px;
      fill: #fff; }
  .fiche_produit .quartier .under_map .calcul form .filtre-type ul {
    display: none;
    width: 270px;
    margin: 0;
    padding: 0;
    position: absolute;
    z-index: 9; }
    .fiche_produit .quartier .under_map .calcul form .filtre-type ul li {
      list-style-type: none;
      position: relative; }
    .fiche_produit .quartier .under_map .calcul form .filtre-type ul li input[type="radio"] {
      cursor: pointer;
      opacity: 0;
      position: absolute; }
    .fiche_produit .quartier .under_map .calcul form .filtre-type ul li input[type="radio"]:checked + label {
      background-color: #c20e1a; }
    .fiche_produit .quartier .under_map .calcul form .filtre-type ul li label {
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      align-items: center;
      box-sizing: border-box;
      width: 100%;
      background-color: #6e1b34;
      padding: 15px 17px;
      cursor: pointer; }
    .fiche_produit .quartier .under_map .calcul form .filtre-type ul li label:hover {
      background-color: #c20e1a; }
    .fiche_produit .quartier .under_map .calcul form .filtre-type ul li label svg {
      max-width: 50px;
      max-height: 25px;
      fill: #fff;
      margin-right: 10px; }
    .fiche_produit .quartier .under_map .calcul form .filtre-type ul li label span {
      font-size: 1.4rem;
      font-weight: 400;
      color: #fff; }
  .fiche_produit .quartier .under_map .calcul form input[type="text"] {
    width: calc(100% - 210px);
    box-sizing: border-box;
    font-family: 'Gotham', Arial, sans-serif;
    font-size: 1.7rem;
    font-weight: 500;
    color: #6e1b34;
    border: none;
    outline: none;
    padding: 0 15px;
    border-radius: 0; }
  .fiche_produit .quartier .under_map .calcul form .geolocalisation {
    position: absolute;
    left: 68%;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer; }
  .fiche_produit .quartier .under_map .calcul form .geolocalisation svg {
    width: 2rem;
    height: 2rem;
    fill: #6e1b34; }
  .fiche_produit .quartier .under_map .calcul form .result {
    width: 110px;
    box-sizing: border-box;
    font-size: 1.4rem;
    font-weight: 500;
    color: #fff;
    background-color: #6e1b34;
    padding-top: 20px;
    padding-left: 30px;
    position: relative; }
  .fiche_produit .quartier .under_map .calcul form .result:before {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border-top: 15px solid transparent;
    border-left: 10px solid #fff;
    border-bottom: 15px solid transparent;
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%); }
  .fiche_produit .quartier .under_map .calcul.alone {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center; }
  .fiche_produit .quartier .under_map .calcul.alone p {
    width: 200px; }
  .fiche_produit .quartier .under_map .calcul.alone form {
    box-sizing: border-box;
    width: calc(100% - 200px);
    padding-left: 40px; }
  .fiche_produit .quartier .under_map .programme {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    width: 49%;
    background-color: #efefef; }
  .fiche_produit .quartier .under_map .programme .image {
    width: 35%;
    min-height: 175px;
    height: 100%;
    overflow: hidden; }
  .fiche_produit .quartier .under_map .programme .image img {
    width: 100%;
    height: 100%;
    object-fit: cover; }
  .fiche_produit .quartier .under_map .programme .content {
    width: 65%;
    box-sizing: border-box;
    padding: 30px 20px; }
  .fiche_produit .quartier .under_map .programme .content p {
    font-family: 'Gotham Book', Arial, sans-serif;
    font-size: 1.4rem;
    margin-bottom: 20px; }
  .fiche_produit .quartier .under_map .programme .content p:last-child {
    margin-bottom: 0; }
  .fiche_produit .quartier .under_map .programme .content p strong, .fiche_produit .quartier .under_map .programme .content p a {
    font-family: 'Gotham', Arial, sans-serif;
    font-weight: 500;
    color: #c20e1a; }
  .fiche_produit .quartier .under_map .programme .content p a:hover {
    color: #6e1b34; }
/*------------------------------------*\
 FIL D'ARIANE
 \*------------------------------------*/
.breadcrumb {
  max-width: 120rem;
  width: 100%;
  margin: 0 auto;
  text-align: center;
  font-size: 1.4rem;
  background-color: #efefef;
  padding: 2rem;
  color: #adadad;
  box-sizing: border-box; }
  .breadcrumb ul {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    padding: 0; }
  .breadcrumb ul li {
    list-style-type: none;
    padding: 0 1.5rem; }
  .breadcrumb ul li.breadcrumb-arrow {
    padding: 0; }
  .breadcrumb ul li .home {
    color: #c20e1a; }
  .breadcrumb ul li .current {
    color: black; }
/*------------------------------------*\
 PAGINATION
 \*------------------------------------*/
.fiche_produit .pagination {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  justify-content: space-between;
  border-top: 1px solid #cfcfcf;
  border-bottom: 1px solid #cfcfcf;
  margin: 50px 0;
  padding: 30px 0; }
  .fiche_produit .pagination a.prev, .fiche_produit .pagination a.next {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    box-sizing: border-box;
    max-width: 410px;
    width: 49%;
    text-decoration: none;
    box-sizing: border-box;
    border: 1px solid #adadad;
    border-radius: 4px;
    transition: all 0.4s ease;
    position: relative; }
  .fiche_produit .pagination a.prev:hover, .fiche_produit .pagination a.next:hover {
    -moz-box-shadow: 0px 0px 15px 0px #cfcfcf;
    -webkit-box-shadow: 0px 0px 15px 0px #cfcfcf;
    -o-box-shadow: 0px 0px 15px 0px #cfcfcf;
    box-shadow: 0px 0px 15px 0px #cfcfcf;
    filter: progid:DXImageTransform.Microsoft.Shadow(color=#cfcfcf, Direction=NaN, Strength=15); }
  .fiche_produit .pagination a.prev svg, .fiche_produit .pagination a.next svg {
    width: 13px;
    height: 23px;
    fill: #adadad;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%); }
  .fiche_produit .pagination a.prev .content .title, .fiche_produit .pagination a.next .content .title {
    font-size: 1.5rem;
    font-weight: 500;
    color: #c20e1a;
    margin-bottom: 17px; }
  .fiche_produit .pagination a.prev .content .infos_appt, .fiche_produit .pagination a.next .content .infos_appt {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex; }
  .fiche_produit .pagination a.prev .content .infos_appt .image, .fiche_produit .pagination a.next .content .infos_appt .image {
    width: 80px; }
  .fiche_produit .pagination a.prev .content .infos_appt .image img, .fiche_produit .pagination a.next .content .infos_appt .image img {
    width: 100%;
    height: auto; }
  .fiche_produit .pagination a.prev .content .infos_appt .inner, .fiche_produit .pagination a.next .content .infos_appt .inner {
    margin-left: 15px; }
  .fiche_produit .pagination a.prev .content .infos_appt .inner .type, .fiche_produit .pagination a.next .content .infos_appt .inner .type {
    font-size: 1.4rem;
    font-weight: 700;
    color: #000; }
  .fiche_produit .pagination a.prev .content .infos_appt .inner .ville, .fiche_produit .pagination a.next .content .infos_appt .inner .ville {
    font-size: 1.4rem;
    font-weight: 700;
    text-transform: uppercase;
    color: #adadad;
    margin-bottom: 5px; }
  .fiche_produit .pagination a.prev .content .infos_appt .inner .prix, .fiche_produit .pagination a.next .content .infos_appt .inner .prix {
    font-size: 1.6rem;
    font-weight: 700;
    color: #c20e1a; }
  .fiche_produit .pagination a.prev {
    padding: 17px 20px 10px 60px; }
  .fiche_produit .pagination a.prev svg {
    left: 20px; }
  .fiche_produit .pagination a.next {
    padding: 17px 60px 10px 20px; }
  .fiche_produit .pagination a.next svg {
    right: 20px; }
/*------------------------------------*\
 OFFRES SIMILAIRES
 \*------------------------------------*/
.fiche_produit .alaune {
  width: 100rem;
  margin: 0 auto;
  margin-bottom: 6rem;
  justify-content: space-between; }
  .fiche_produit .alaune #mCSB_1_container {
    display: flex; }
  .fiche_produit .alaune .alaune-bloc {
    width: 24%;
    padding: 1rem;
    transition: 0.6s; }
  .fiche_produit .alaune .alaune-bloc.programme {
    background-color: #c20e1a;
    margin: 1rem;
    padding: 0; }
  .fiche_produit .alaune .alaune-bloc.programme .alaune-bloc-txt {
    color: white;
    padding: 1rem 1.5rem 2rem 1.5rem; }
  .fiche_produit .alaune .alaune-bloc.programme .alaune-bloc-txt .title {
    font-size: 1.4rem;
    font-weight: 600; }
  .fiche_produit .alaune .alaune-bloc.programme .alaune-bloc-txt .res {
    font-size: 1.8rem;
    font-weight: 600; }
  .fiche_produit .alaune .alaune-bloc.programme .alaune-bloc-txt .desc {
    margin-top: 1.5rem; }
  .fiche_produit .alaune .alaune-bloc:hover {
    box-shadow: 0px 0px 27px -1px rgba(0, 0, 0, 0.23); }
  .fiche_produit .alaune .alaune-bloc .alaune-bloc-img {
    position: relative; }
  .fiche_produit .alaune .alaune-bloc .alaune-bloc-img img {
    width: 100%; }
  .fiche_produit .alaune .alaune-bloc .alaune-bloc-img .alaune-bloc-favoris {
    padding: 0.5rem;
    box-sizing: border-box;
    position: absolute;
    right: 0.5rem;
    bottom: 1rem;
    background: white;
    border-radius: 50%;
    display: flex;
    width: auto;
    width: 3rem;
    height: 3rem; }
  .fiche_produit .alaune .alaune-bloc .alaune-bloc-img .alaune-bloc-favoris svg {
    cursor: pointer;
    width: 3rem;
    height: 1.5rem;
    fill: white;
    stroke: #c20e1a;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%); }
  .fiche_produit .alaune .alaune-bloc .alaune-bloc-img .onfav svg {
    fill: #c20e1a !important; }
  .fiche_produit .alaune .alaune-bloc .alaune-bloc-txt {
    font-size: 1.4rem; }
  .fiche_produit .alaune .alaune-bloc .alaune-bloc-txt .geoloc {
    color: #adadad;
    font-weight: 600;
    padding: 0.5rem 0;
    margin-top: 0.5rem; }
  .fiche_produit .alaune .alaune-bloc .alaune-bloc-txt .infos {
    font-weight: 600;
    padding-bottom: 0.5rem; }
  .fiche_produit .alaune .alaune-bloc .alaune-bloc-txt .prix {
    color: #c20e1a;
    font-weight: 600;
    padding-bottom: 1.5rem; }
  .fiche_produit .alaune .alaune-bloc .alaune-bloc-txt .desc {
    font-family: Gotham Book;
    line-height: 2rem; }
/*------------------------------------*\
 FIXED PHONE
 \*------------------------------------*/
.fiche_produit .fixed_phone {
  display: none;
  width: 70px;
  height: 70px;
  background-color: #47b4d5;
  position: fixed;
  top: 50%;
  right: 0;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  z-index: 99; }
  .fiche_produit .fixed_phone svg {
    width: 28px;
    height: 28px;
    fill: #fff;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%); }
/*------------------------------------------------------------------*\
 RESPONSIVE
 \*------------------------------------------------------------------*/
/*----------------------------------------------*\
 1024PX
 \*----------------------------------------------*/
@media only screen and (max-width: 1024px) {
  /*------------------------------------*\
   INTRO
   \*------------------------------------*/
  /*------------------------------------*\
   SIMULATEURS
   \*------------------------------------*/
  /*------------------------------------*\
   OFFRES SIMILAIRES
   \*------------------------------------*/
    .fiche_produit .intro {
      padding-bottom: 100px;
      position: relative; }
      .fiche_produit .intro .btn_droit_logement {
        width: 70%;
        position: absolute;
        bottom: 0;
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%); }
        .fiche_produit .intro .btn_droit_logement span.container {
          display: -webkit-box;
          display: -ms-flexbox;
          display: -webkit-flex;
          display: flex;
          justify-content: center;
          align-items: center;
          width: 90%;
          left: 50%;
          -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%); }
      .fiche_produit .intro .actions {
        width: 100%; }
        .fiche_produit .intro .actions:before {
          content: "";
          display: block;
          width: 50%; }
        .fiche_produit .intro .actions .btn {
          width: 24.5%; }
    .fiche_produit .simulateur .form .wtt .tooltip_holder .tooltip {
      right: 3rem;
      top: 3rem; }
    .fiche_produit .alaune {
      width: 100%;
      flex-wrap: nowrap; }
      .fiche_produit .alaune .alaune-bloc {
        min-width: 25rem; }
        .fiche_produit .alaune .alaune-bloc .alaune-bloc-img img {
          width: 100%; } }
/*----------------------------------------------*\
 768PX
 \*----------------------------------------------*/
@media only screen and (max-width: 768px) {
  /*------------------------------------*\
   LE QUARTIER
   \*------------------------------------*/
    .fiche_produit .quartier .under_map .calcul.alone {
      flex-direction: column; }
      .fiche_produit .quartier .under_map .calcul.alone p {
        width: 100%;
        margin-bottom: 10px; }
      .fiche_produit .quartier .under_map .calcul.alone form {
        width: 100%;
        padding-left: 0; } }
/*----------------------------------------------*\
 960PX
 \*----------------------------------------------*/
@media only screen and (max-width: 960px) {
  .fiche_produit .intro .content .pastille {
    right: -7rem;
    z-index: 9; } }
/*----------------------------------------------*\
 767PX
 \*----------------------------------------------*/
@media only screen and (max-width: 767px) {
  /*------------------------------------*\
   GLOBAL
   \*------------------------------------*/
  /*------------------------------------*\
   INTRO
   \*------------------------------------*/
  /*------------------------------------*\
   LES PLUS
   \*------------------------------------*/
  /*------------------------------------*\
   INFORMATIONS
   \*------------------------------------*/
  /*------------------------------------*\
   DIAGNOSTIQUES
   \*------------------------------------*/
  /*------------------------------------*\
   LE QUARTIER
   \*------------------------------------*/
  /*------------------------------------*\
   PAGINATION
   \*------------------------------------*/
  /*------------------------------------*\
   FIXED PHONE
   \*------------------------------------*/
    .fiche_produit {
      padding-bottom: 57px; }
    .fiche_produit .intro {
      margin-top: 0;
      padding-bottom: 0;
      position: relative; }
      .fiche_produit .intro .content {
        order: 2;
        width: 100%;
        margin-top: 5rem; }
      .fiche_produit .intro .photos {
        order: 1;
        width: 100%; }
      .fiche_produit .intro .btn_droit_logement {
        order: 3;
        width: 100%;
        position: relative;
        bottom: auto;
        left: auto;
        -webkit-transform: translateX(0);
        transform: translateX(0); }
      .fiche_produit .intro .actions {
        width: 100%;
        position: fixed;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: 99; }
        .fiche_produit .intro .actions:before {
          display: none; }
        .fiche_produit .intro .actions .btn {
          width: 50%; }
    .fiche_produit .les_plus .plus_list {
      align-items: flex-start;
      flex-direction: column; }
      .fiche_produit .les_plus .plus_list .plus .icon {
        width: 70px;
        text-align: center; }
    .fiche_produit .informations .infos_list {
      -webkit-column-count: 1;
      -moz-column-count: 1;
      column-count: 1;
      -webkit-column-gap: 0;
      -moz-column-gap: 0;
      column-gap: 0; }
    .fiche_produit .diagnostiques {
      flex-direction: column; }
      .fiche_produit .diagnostiques .diagnostique {
        width: 100%; }
      .fiche_produit .diagnostiques .diagnostique:nth-child(1) {
        margin-bottom: 20px; }
    .fiche_produit .quartier .under_map {
      flex-direction: column; }
      .fiche_produit .quartier .under_map .calcul {
        width: 100%;
        margin-bottom: 20px; }
      .fiche_produit .quartier .under_map .programme {
        width: 100%; }
    .fiche_produit .pagination a.prev, .fiche_produit .pagination a.next {
      align-items: center; }
      .fiche_produit .pagination a.prev .content .title, .fiche_produit .pagination a.next .content .title {
        font-size: 1.9rem;
        font-weight: 700;
        margin-bottom: 7px; }
        .fiche_produit .pagination a.prev .content .infos_appt, .fiche_produit .pagination a.next .content .infos_appt {
          display: none; }
    .fiche_produit .fixed_phone {
      display: none; } }
/*----------------------------------------------*\
 480PX
 \*----------------------------------------------*/
@media only screen and (max-width: 480px) {
  /*------------------------------------*\
   LES PLUS
   \*------------------------------------*/
  /*------------------------------------*\
   FILTERS
   \*------------------------------------*/
  /*------------------------------------*\
   INTRO
   \*------------------------------------*/
  /*------------------------------------*\
   DIAGNOSTIQUES
   \*------------------------------------*/
  /*------------------------------------*\
   LE QUARTIER
   \*------------------------------------*/
  /*------------------------------------*\
   PAGINATION
   \*------------------------------------*/
  /*------------------------------------*\
   OFFRES SIMILAIRES
   \*------------------------------------*/
    .fiche_produit .les_plus {
      box-sizing: border-box;
      background-color: #efefef;
      margin-top: 40px;
      padding: 15px 0px; }
      .fiche_produit .les_plus .plus_list {
        width: 100%; }
        .fiche_produit .les_plus .plus_list .plus {
          display: inline-block;
          padding: 0;
          width: 49%;
          text-align: center; }
          .fiche_produit .les_plus .plus_list .plus .icon {
            width: 100% !important; }
      .fiche_produit .les_plus h2 {
        margin: 10px 20px 10px 20px;
        display: block;
        text-align: center; }
    .fiche_produit .selection .inner {
      flex-direction: column; }
      .fiche_produit .selection .inner .btn_back {
        width: 100%;
        margin-bottom: 10px; }
      .fiche_produit .selection .inner .choix {
        margin-left: 0; }
    .fiche_produit .intro {
      margin-top: 0;
      padding-bottom: 0;
      position: relative; }
      .fiche_produit .intro .content {
        order: 2;
        width: 100%; }
    .fiche_produit .diagnostiques .diagnostique {
      flex-direction: column; }
    .fiche_produit .quartier .gmap .filters {
      position: relative;
      bottom: auto;
      left: auto;
      transform: translateX(0); }
      .fiche_produit .quartier .gmap .filters .filter {
        width: 20%; }
      .fiche_produit .quartier .under_map .calcul form {
        flex-wrap: wrap; }
        .fiche_produit .quartier .under_map .calcul form .filtre-type {
          width: 100%;
          margin-bottom: 10px; }
          .fiche_produit .quartier .under_map .calcul form .filtre-type ul {
            width: 100%; }
        .fiche_produit .quartier .under_map .calcul form input[type="text"] {
          width: calc(100% - 110px);
          height: 55px; }
        .fiche_produit .quartier .under_map .calcul form .geolocalisation {
          left: 56%;
          top: 68%;
          transform: translateY(0); }
    .fiche_produit .pagination a.prev .content .title, .fiche_produit .pagination a.next .content .title {
      font-size: 1.4rem; }
      .fiche_produit .pagination a.prev {
        padding: 17px 20px 10px 50px; }
      .fiche_produit .pagination a.next {
        padding: 17px 50px 10px 20px; }
    .fiche_produit .offres_similaires .alaune {
      width: 100%;
      padding: 0 2rem;
      flex-wrap: nowrap; }
      .fiche_produit .offres_similaires .alaune .alaune-bloc {
        min-width: 25rem; }
      .fiche_produit .offres_similaires .alaune .alaune-bloc:nth-child(4) {
        display: block; }
      .fiche_produit .offres_similaires .alaune .alaune-bloc .alaune-bloc-img img {
        width: 100%; } }

.notif-bar {
  position: fixed;
  width: 100%;
  height: 7rem;
  bottom: -7rem;
  left: 0;
  background-color: #c20e1a;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 1.7rem;
  font-weight: 600;
  color: white;
  transition: 0.5s;
  z-index: 33;
  padding: 0 2rem;
  box-sizing: border-box; }
  .notif-bar svg {
    width: 2rem;
    height: 2rem;
    fill: white;
    margin-right: 3rem; }
  .notif-bar.show {
    bottom: 0; }

.contact-logement .content .selection {
  padding: 20px 0;
  border-bottom: 1px solid #efefef;
  border-top: 1px solid #efefef; }
  .contact-logement .content .selection .wrapper {
    max-width: 112rem; }
  .contact-logement .content .selection .wrapper .inner a svg {
    margin-right: 3rem; }
  .contact-logement .content .selection .inner {
    display: flex;
    align-items: center; }
  .contact-logement .content .selection .inner .btn_back {
    width: 15rem;
    box-sizing: border-box;
    font-size: 1.5rem;
    font-weight: 600;
    text-decoration: none;
    color: #fff;
    background-color: #6e1b34;
    padding: 2rem 1rem;
    margin-left: 7rem; }
  .contact-logement .content .selection .inner .btn_back:hover {
    background-color: #c20e1a; }
  .contact-logement .content .selection .inner .btn_back svg {
    width: 13px;
    height: 13px;
    fill: #fff;
    margin-right: 10px;
    position: relative;
    top: 2px; }
  .contact-logement .content .contact-form {
    display: flex; }
  .contact-logement .content .contact-form > div {
    box-sizing: border-box;
    width: 50%; }
  .contact-logement .content .contact-form > div h3 {
    font-size: 2.3rem;
    margin: 4rem 0 4rem;
    color: #c20e1a;
    font-weight: 600; }
  .contact-logement .content .contact-form .form {
    padding: 3rem 12rem 3rem 3rem; }
  .contact-logement .content .contact-form .form form {
    display: flex;
    flex-direction: column;
    width: 37rem;
    float: right; }
  .contact-logement .content .contact-form .form form input {
    margin-top: 1rem;
    font-family: 'Gotham';
    font-weight: 600;
    color: #4c4c4c; }
  .contact-logement .content .contact-form .form form input[type=textarea] {
    height: 15rem;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 1px solid #adadad;
    border-radius: 0; }
  .contact-logement .content .contact-form .form form .select-box {
    position: relative;
    margin-top: 1rem; }
    .contact-logement .content .contact-form .form form .select-box:before {
      content: "";
      width: 1rem;
      height: 1rem;
      display: block;
      position: absolute;
      background: white;
      box-shadow: 2px 2px 0px 0px #adadad;
      right: 1.5rem;
      top: 25%;
      transform: rotate(45deg);
      -webkit-appearance: none;
      appearance: none; }
  .contact-logement .content .contact-form .form form select {
    width: 100%;
    height: 4rem;
    line-height: 4rem;
    padding-left: 1rem;
    font-size: 1.4rem;
    font-family: 'Gotham';
    font-weight: 600;
    color: #4c4c4c;
    border-radius: 0;
    border: 1px solid #adadad;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: #fff; }
    .contact-logement .content .contact-form .form form select option {
      height: 3.5rem;
      padding-left: 1rem; }
  .contact-logement .content .contact-form .form form input[type=text], .contact-logement .content .contact-form .form form .flatpickr-input {
    height: 4rem;
    box-sizing: border-box;
    font-size: 1.4rem;
    padding-left: 1rem;
    border-radius: 0 !important;
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    appearance: none !important;
    border: 1px solid #adadad !important; }
  .contact-logement .content .contact-form .form form input[type=submit] {
    height: 5.5rem;
    text-decoration: none;
    border: none;
    color: white;
    background-color: #c20e1a;
    font-weight: 600;
    font-size: 1.7rem;
    font-family: 'Gotham';
    margin: 5rem 0 4rem 0;
    transition: 0.3s;
    cursor: pointer;
    border-radius: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none; }
    .contact-logement .content .contact-form .form form input[type=submit]:hover {
      background-color: #6e1b34; }
  .contact-logement .content .contact-form .form form > div {
    margin-top: 2rem; }
  .contact-logement .content .contact-form .form form label {
    font-size: 1.4rem;
    font-family: 'Gotham Book';
    color: #4c4c4c;
    margin-top: 2rem; }
  .contact-logement .content .contact-form .form form a {
    color: #c20e1a;
    font-size: 1.4rem;
    font-family: 'Gotham Book';
    text-align: center; }
  .contact-logement .content .contact-form .infos {
    font-size: 2.2rem;
    background-color: #efefef;
    padding: 3rem 3rem 3rem 12rem; }
  .contact-logement .content .contact-form .infos h4 {
    color: #adadad;
    font-weight: 600;
    margin: 2rem 0 1rem 0; }
  .contact-logement .content .contact-form .infos .infos-box > div:nth-child(2) {
    color: black;
    font-weight: 600;
    margin: 1rem 0; }
    .contact-logement .content .contact-form .infos .infos-box > div:nth-child(3) {
      color: #c20e1a;
      font-weight: 600;
      margin: 1rem 0; }
    .contact-logement .content .contact-form .infos .infos-box > div:nth-child(3) span {
      font-size: 1.6rem; }
    .contact-logement .content .contact-form .infos .infos-box > div:nth-child(4) {
      font-size: 1.8rem;
      color: black;
      margin: 1rem 0;
      margin: 1rem 0 2rem 0; }
    .contact-logement .content .contact-form .infos .infos-box > div:last-child img {
      width: 100%;
      max-width: 50rem; }

@media screen and (max-width: 1000px) {
  .contact-logement .content .selection .wrapper {
    max-width: 112rem; }
    .contact-logement .content .selection .wrapper .inner a {
      margin-left: 1rem; }
    .contact-logement .content .contact-form {
      flex-wrap: wrap;
      flex-direction: column-reverse; }
    .contact-logement .content .contact-form > div {
      width: 100%; }
    .contact-logement .content .contact-form .infos {
      padding: 2rem 0; }
    .contact-logement .content .contact-form .infos .infos-box {
      width: 92%;
      margin: 0 auto; }
    .contact-logement .content .contact-form .infos img {
      display: none; }
    .contact-logement .content .contact-form .form {
      padding: 0;
      width: 92%;
      margin: 0 auto; }
    .contact-logement .content .contact-form .form form {
      width: 100%; } }
  @media screen and (max-width: 1000px) and (max-width: 600px) {
            .contact-logement .content .contact-form .infos .infos-box {
              width: 90%; } }
  @media screen and (max-width: 1000px) and (max-width: 600px) {
          .contact-logement .content .contact-form .form {
            width: 90%; } }

.creation-compte .content {
  background-image: url('../img/bg-creation-compte.png');
  background-size: cover;
  height: 90rem; }
  .creation-compte .content .wrapper {
    width: 96%;
    max-width: 96rem;
    margin: 0 auto;
    display: flex; }
  .creation-compte .content .wrapper > div {
    height: auto; }
  .creation-compte .content .wrapper .text {
    width: 40%;
    color: white;
    padding-right: 5rem;
    box-sizing: border-box; }
  .creation-compte .content .wrapper .text h1 {
    font-size: 5rem;
    font-weight: 900; }
  .creation-compte .content .wrapper .text p {
    font-size: 1.7rem;
    font-weight: 600; }
  .creation-compte .content .wrapper .form {
    width: 60%;
    margin: 4rem 0; }
  .creation-compte .content .wrapper .form .creation-connexion {
    display: flex; }
  .creation-compte .content .wrapper .form .creation-connexion .selected {
    background-color: #c20e1a;
    position: relative; }
  .creation-compte .content .wrapper .form .creation-connexion .selected::after {
    content: "";
    display: block;
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    border-top: 20px solid #c20e1a;
    bottom: -6px;
    left: 50%;
    position: absolute;
    transform: translateX(-50%); }
  .creation-compte .content .wrapper .form .creation-connexion div {
    width: 16.5rem;
    text-align: center;
    background-color: #6e1b34;
    font-weight: 600;
    font-size: 1.4rem;
    color: white;
    padding: 1.5rem 0;
    cursor: pointer; }
  .creation-compte .content .wrapper .form .creation-connexion div:first-child {
    margin-left: 3rem; }
  .creation-compte .content .wrapper .form .locataire-box {
    margin-top: 4rem; }
  .creation-compte .content .wrapper .form .locataire-box h2 {
    font-size: 1.8rem;
    font-weight: 600;
    color: #c20e1a; }
  .creation-compte .content .wrapper .form .locataire-box p {
    font-family: 'Gotham Book', sans-serif;
    color: #4c4c4c !important;
    font-size: 1.6rem !important; }
  .creation-compte .content .wrapper .form .locataire-box-btn {
    font-size: 1.7rem;
    font-weight: 600;
    display: flex;
    margin-bottom: 2rem;
    justify-content: center; }
  .creation-compte .content .wrapper .form .locataire-box-btn a {
    text-decoration: none;
    color: white;
    background-color: #c20e1a;
    padding: 1.5rem 9rem; }
  @media screen and (max-width: 600px) {
              .creation-compte .content .wrapper .form .locataire-box-btn a {
                width: 100%;
                text-align: center;
                padding: 1.5rem; } }
  .creation-compte .content .wrapper .form .locataire-box-btn a:hover {
    background-color: #6e1b34; }
  .creation-compte .content .wrapper .form .form-box {
    width: 100%;
    background-color: white;
    padding: 3rem;
    box-sizing: border-box; }
  .creation-compte .content .wrapper .form .form-box > p {
    color: #969695;
    font-size: 1.5rem;
    line-height: 2.5rem; }
  .creation-compte .content .wrapper .form .form-box > p span {
    font-weight: 900; }
  .creation-compte .content .wrapper .form .form-box .spacer {
    display: flex;
    align-items: center; }
  .creation-compte .content .wrapper .form .form-box .spacer div:last-child, .creation-compte .content .wrapper .form .form-box .spacer div:first-child {
    width: 50%;
    height: 1px;
    background-color: #9e9e9e; }
  .creation-compte .content .wrapper .form .form-box .spacer div:nth-child(2) {
    color: #9e9e9e;
    font-size: 1.4rem;
    padding: 1rem; }
  .creation-compte .content .wrapper .form .form-box > a {
    text-decoration: none; }
  .creation-compte .content .wrapper .form .form-box > a div {
    display: flex;
    justify-content: center;
    align-items: center; }
  .creation-compte .content .wrapper .form .form-box > a div img {
    margin-right: 1rem; }
  .creation-compte .content .wrapper .form .form-box > a div p {
    margin: 0; }
  .creation-compte .content .wrapper .form .form-box .facebook {
    background-color: #4568b2;
    width: 100%;
    margin: 0rem auto 1rem auto;
    text-align: center;
    font-weight: 600;
    font-size: 1.4rem;
    color: white;
    padding: 1.5rem 0; }
  .creation-compte .content .wrapper .form .form-box .google {
    border: 1px solid #9e9e9e;
    width: 100%;
    margin: 0 auto;
    text-align: center;
    font-weight: 600;
    font-size: 1.4rem;
    color: #484848;
    padding: 1.5rem 0; }
  .creation-compte .content .wrapper .form .form-box form#connexion, .creation-compte .content .wrapper .form .form-box form.notif {
    display: none; }
  .creation-compte .content .wrapper .form .form-box form#connexion > div input[type=text], .creation-compte .content .wrapper .form .form-box form.notif > div input[type=text], .creation-compte .content .wrapper .form .form-box form#connexion > div input[type=password], .creation-compte .content .wrapper .form .form-box form.notif > div input[type=password] {
    width: 100%;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none; }
  .creation-compte .content .wrapper .form .form-box form#connexion > div a, .creation-compte .content .wrapper .form .form-box form.notif > div a {
    color: #c20e1a;
    font-size: 1.1rem; }
  .creation-compte .content .wrapper .form .form-box form.notif > p {
    color: #4c4c4c;
    font-size: 1.6rem;
    margin: 3rem 0;
    line-height: 3rem; }
  .creation-compte .content .wrapper .form .form-box form.notif > p:first-child {
    font-size: 1.8rem;
    font-weight: 600;
    margin: auto;
    line-height: auto; }
  .creation-compte .content .wrapper .form .form-box form.notif.valid {
    display: block !important; }
  .creation-compte .content .wrapper .form .form-box form.notif.valid p:first-child {
    color: #c20e1a; }
  .creation-compte .content .wrapper .form .form-box form .help-block {
    font-family: 'Gotham Book';
    font-size: 1.2rem;
    color: #c20e1a;
    width: 100%;
    padding: 0.5rem 0; }
  .creation-compte .content .wrapper .form .form-box form > div {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between; }
  .creation-compte .content .wrapper .form .form-box form > div > div {
    width: 48%; }
  .creation-compte .content .wrapper .form .form-box form > div > div input[type=text], .creation-compte .content .wrapper .form .form-box form > div > div input[type=password] {
    width: 100%; }
  .creation-compte .content .wrapper .form .form-box form > div input[type=text], .creation-compte .content .wrapper .form .form-box form > div input[type=password] {
    font-weight: 600;
    font-size: 1.4rem;
    color: #484848;
    height: 40px;
    border: 1px solid #9e9e9e;
    width: 48%;
    margin: 0.5rem 0;
    padding: 0 1rem;
    box-sizing: border-box;
    outline: none;
    border-radius: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none; }
  .creation-compte .content .wrapper .form .form-box form > div input[type=text].error::placeholder, .creation-compte .content .wrapper .form .form-box form > div input[type=password].error::placeholder {
    color: #c20e1a;
    font-weight: 600; }
  .creation-compte .content .wrapper .form .form-box form > div input[type=text]::placeholder, .creation-compte .content .wrapper .form .form-box form > div input[type=password]::placeholder {
    color: #adadad; }
  .creation-compte .content .wrapper .form .form-box form > div label {
    font-size: 1.1rem;
    color: #adadad; }
  .creation-compte .content .wrapper .form .form-box form > div:nth-child(2) {
    display: flex;
    margin-top: 1rem; }
  .creation-compte .content .wrapper .form .form-box form > div:nth-child(2) > div {
    display: flex;
    align-items: center; }
  .creation-compte .content .wrapper .form .form-box form > div:nth-child(2) > div label a {
    color: #c20e1a; }
  .creation-compte .content .wrapper .form .form-box form > div:last-child {
    justify-content: center;
    margin: 2rem 0 0 0; }
  .creation-compte .content .wrapper .form .form-box form > div:last-child > input {
    background-color: #c20e1a;
    border: none;
    color: white;
    font-size: 1.7rem;
    font-weight: 600;
    padding: 1.5rem 10rem;
    outline: none;
    cursor: pointer;
    font-family: 'Gotham';
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 0; }
  .creation-compte .content .wrapper .form .form-box form > div:last-child > input:hover {
    background-color: #6e1b34; }

@media screen and (max-width: 900px) {
  .creation-compte .content {
    min-height: 80rem;
    height: auto; }
    .creation-compte .content .wrapper {
      flex-direction: column;
      align-items: center; }
      .creation-compte .content .wrapper .text {
        width: 96%;
        max-width: 60rem; }
        .creation-compte .content .wrapper .text p {
          line-height: 2.5rem; }
      .creation-compte .content .wrapper .form {
        max-width: 60rem;
        width: 96%; } }

@media screen and (max-width: 600px) {
  .creation-compte .content .wrapper .text h1 {
    font-size: 4rem; }
    .creation-compte .content .wrapper .text p {
      display: none; }
    .creation-compte .content .wrapper .form {
      max-width: 60rem;
      width: 96%; }
    .creation-compte .content .wrapper .form .creation-connexion div {
      width: 50%; }
      .creation-compte .content .wrapper .form .creation-connexion div:first-child {
        margin: 0; }
    .creation-compte .content .wrapper .form .form-box .facebook img, .creation-compte .content .wrapper .form .form-box .google img {
      margin: 0; }
      .creation-compte .content .wrapper .form .form-box .facebook p, .creation-compte .content .wrapper .form .form-box .google p {
        display: none; }
      .creation-compte .content .wrapper .form .form-box form > div > div {
        width: 100%; }
        .creation-compte .content .wrapper .form .form-box form > div:first-child > input {
          width: 100%; }
        .creation-compte .content .wrapper .form .form-box form > div:nth-child(2) {
          flex-direction: column; }
        .creation-compte .content .wrapper .form .form-box form > div:last-child > input {
          width: 96%;
          padding: 1.5rem 0; } }

.conseils .content > h3 {
  color: #adadad;
  font-size: 2.7rem;
  font-weight: 600;
  text-align: center;
  padding: 3rem 2rem 0 2rem; }
  .conseils .content .hero .content .inner p {
    background-color: #c20e1a; }
  .conseils .content .recherche {
    max-width: 72rem;
    width: 90%;
    margin: 0 auto; }
  .conseils .content .recherche form {
    display: flex; }
  .conseils .content .recherche form input[type=text] {
    width: 75%;
    height: 5.5rem;
    padding: 0 2rem;
    box-sizing: border-box;
    font-weight: 600;
    font-family: 'Gotham';
    font-size: 2.1rem;
    outline: none;
    border: 1px solid #adadad;
    border-right: 0; }
  .conseils .content .recherche form input[type=text]::placeholder {
    color: #adadad; }
  @media screen and (max-width: 600px) {
          .conseils .content .recherche form input[type=text] {
            font-size: 1.4rem; } }
  .conseils .content .recherche form input[type=submit] {
    width: 25%;
    min-width: 13rem;
    border: none;
    color: white;
    background-color: #c20e1a;
    height: 5.5rem;
    font-weight: 600;
    font-family: 'Gotham';
    font-size: 1.7rem;
    cursor: pointer;
    transition: 0.3s;
    outline: none;
    -webkit-appearance: none;
    appearance: none; }
  .conseils .content .recherche form input[type=submit]:hover {
    background-color: #6e1b34; }
  .conseils .content .introduction {
    font-weight: 600;
    font-size: 1.8rem;
    max-width: 72rem;
    width: 90%;
    margin: 0 auto;
    padding: 5rem 0;
    color: #4c4c4c; }
  .conseils .content .filtres {
    width: 100%;
    max-width: 96rem;
    margin: 0 auto;
    background-color: #efefef;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 6rem; }
  .conseils .content .filtres button {
    height: 7rem;
    line-height: 7rem;
    font-size: 1.6rem;
    font-weight: 600;
    background-color: #efefef;
    text-align: center;
    position: relative;
    display: none;
    border: none;
    outline: none;
    font-family: 'Gotham';
    cursor: pointer; }
  .conseils .content .filtres button::after {
    content: " ";
    display: block;
    position: absolute;
    width: 0;
    height: 0;
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    border-top: 20px solid #efefef;
    left: 50%;
    bottom: -1rem;
    transform: translateX(-50%); }
  .conseils .content .filtres button::before {
    content: " ";
    display: block;
    position: absolute;
    width: 0;
    height: 0;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-top: 8px solid #000;
    right: 10%;
    top: 52%;
    transform: translateY(-50%); }
  .conseils .content .filtres div {
    cursor: pointer;
    width: 20%;
    height: 7rem;
    line-height: 7rem;
    font-size: 1.6rem;
    font-weight: 600;
    text-align: center;
    position: relative; }
  .conseils .content .filtres div:hover {
    text-decoration: underline; }
  .conseils .content .filtres div:nth-child(3) {
    color: #cc5154; }
  .conseils .content .filtres div:nth-child(4) {
    color: #62408d; }
  .conseils .content .filtres div:nth-child(5) {
    color: #47b4d5; }
  .conseils .content .filtres div:nth-child(6) {
    color: #c20e1a; }
  .conseils .content .filtres > .select {
    text-decoration: underline; }
  .conseils .content .filtres > .select::after {
    content: " ";
    display: block;
    position: absolute;
    width: 0;
    height: 0;
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    border-top: 20px solid #efefef;
    left: 50%;
    bottom: -1rem;
    transform: translateX(-50%); }
  .conseils .content .articles {
    width: 90%;
    max-width: 96rem;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap; }
  .conseils .content .articles .une {
    display: flex;
    justify-content: space-between;
    width: 100%;
    margin-top: 6rem; }
  .conseils .content .articles .une .box-img {
    height: 22rem;
    overflow: hidden; }
  .conseils .content .articles .une > div {
    width: 48%;
    overflow: hidden; }
  .conseils .content .articles > div {
    margin-bottom: 4rem;
    overflow: hidden; }
  .conseils .content .articles > div img {
    width: 100%;
    transition: 0.3s; }
  .conseils .content .articles > div .cat {
    font-size: 1.4rem;
    margin-top: 2rem; }
  .conseils .content .articles > div .cat.budget {
    color: #47b4d5; }
  .conseils .content .articles > div .cat.logement {
    color: #62408d; }
  .conseils .content .articles > div .cat.droits {
    color: #cc5154; }
  .conseils .content .articles > div .cat.actualites {
    color: #c20e1a; }
  .conseils .content .articles > div .titre {
    font-size: 1.6rem;
    font-weight: 600;
    padding-right: 3rem;
    margin-top: 1rem; }
  .conseils .content .articles > div .more {
    margin-top: 2.5rem; }
  .conseils .content .articles > div .more a {
    color: #adadad;
    font-size: 1.6rem;
    font-weight: 500; }
  .conseils .content .articles > div .more a:hover {
    color: #c20e1a; }
  .conseils .content .articles .box {
    width: 24%; }
  .conseils .content .pagination {
    margin-top: 2rem; }
  .conseils .content .pagination ul {
    display: flex;
    justify-content: center; }
  .conseils .content .pagination ul li {
    list-style-type: none;
    font-size: 1.6rem;
    font-weight: 400;
    padding: 0 0.5rem;
    position: relative; }
  .conseils .content .pagination ul li.select {
    font-weight: 800; }
  .conseils .content .pagination ul li.select::after {
    content: "";
    border-bottom: 4px solid black;
    position: absolute;
    bottom: -0.4rem;
    width: 1.5rem;
    left: 50%;
    transform: translateX(-50%); }
  .conseils .content .lettres {
    background-color: #efefef;
    padding: 4rem 0 4rem 0;
    margin: 6rem auto 0 auto;
    width: 100%; }
  .conseils .content .lettres h2 {
    font-size: 2.1rem;
    font-weight: 600;
    color: #c20e1a;
    text-align: center; }
  .conseils .content .lettres .pagination ul li {
    color: #c20e1a; }
  .conseils .content .lettres .pagination ul li.select::after {
    border-bottom: 4px solid #c20e1a; }
  .conseils .content .lettres .lettres-container {
    max-width: 100rem;
    display: flex;
    box-sizing: border-box;
    width: 100rem;
    margin: 0 auto;
    padding: 4rem 0px;
    justify-content: space-between; }
  .conseils .content .lettres .lettres-container .lettres-bloc {
    margin: 1rem; }
  .conseils .content .lettres .lettres-container #mCSB_1_container {
    display: flex; }
  .conseils .content .lettres .lettres-container .lettres-box {
    background-color: #fff;
    padding: 3rem;
    box-sizing: border-box; }
  .conseils .content .lettres .lettres-container .lettres-box:hover {
    background-color: #c20e1a;
    box-shadow: 0px 0px 27px -1px rgba(0, 0, 0, 0.23); }
  .conseils .content .lettres .lettres-container .lettres-box:hover svg {
    fill: white; }
  .conseils .content .lettres .lettres-container .lettres-box:hover p a {
    color: white;
    font-weight: 700; }
  .conseils .content .lettres .lettres-container .lettres-box svg {
    width: 2rem;
    height: 2rem;
    fill: #6e1b34; }
  .conseils .content .lettres .lettres-container .lettres-box p {
    padding: 1rem 0; }
  .conseils .content .lettres .lettres-container .lettres-box p a {
    font-size: 1.8rem;
    font-family: 'Gotham';
    line-height: 2rem;
    font-weight: 600;
    color: #c20e1a;
    text-decoration: none; }
  .conseils .content .projets {
    display: flex;
    max-width: 96rem;
    margin: 0 auto;
    width: 90%;
    justify-content: space-between;
    margin-bottom: 7rem;
    flex-wrap: wrap; }
  .conseils .content .projets a {
    width: 48%; }
  @media screen and (max-width: 580px) {
        .conseils .content .projets a {
          width: 100%;
          margin-top: 2rem; } }
  .conseils .content .projets a > div {
    width: 100%;
    position: relative;
    overflow: hidden; }
  .conseils .content .projets a > div .mask {
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.3);
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2; }
  .conseils .content .projets a > div:hover img {
    transform: scale(1.1); }
  .conseils .content .projets a > div img {
    display: block;
    transition: 0.4s; }
  .conseils .content .projets a > div h3 {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    margin: 0;
    padding: 0;
    width: 100%;
    text-align: center;
    font-size: 2.4rem;
    font-weight: 600;
    color: white;
    text-decoration: none;
    z-index: 2; }

@media screen and (max-width: 1100px) {
  .conseils .content .projets {
    justify-content: space-between; }
    .conseils .content .projets > div {
      width: 47%;
      position: relative;
      padding: 0.5rem; }
      .conseils .content .projets > div img {
        min-width: 100%; }
    .conseils .content .banniere .type-projet .projet {
      width: 12rem;
      line-height: 12rem;
      font-size: 2rem; }
      .conseils .content .banniere .type-projet .type {
        font-size: 2.8rem;
        font-weight: 800;
        margin-left: 2rem;
        color: white;
        padding-right: 3rem; }
    .conseils .content .articles .box {
      width: 48%; }
    .conseils .content .lettres .lettres-container {
      width: 100%; }
      .conseils .content .lettres .lettres-container .lettres-box {
        min-width: 23rem;
        margin: 1rem 1.5rem; } }

@media screen and (max-width: 720px) {
  .conseils .content .filtres {
    flex-direction: column; }
    .conseils .content .filtres button {
      display: block;
      width: 100%; }
    .conseils .content .filtres div {
      width: 100%;
      display: none; } }

@media screen and (max-width: 580px) {
  .conseils .content .projets {
    justify-content: center; }
    .conseils .content .projets > div {
      width: 90%;
      position: relative;
      padding: 0.5rem; }
      .conseils .content .projets > div img {
        min-width: 100%; }
    .conseils .content .articles .une {
      flex-wrap: wrap; }
      .conseils .content .articles .une > div {
        width: 100%; }
        .conseils .content .articles .une > div:first-child {
          margin-bottom: 4rem; }
    .conseils .content .articles .box, .conseils .content .articles .une {
      width: 100%; }
      .conseils .content .articles .box .box-img, .conseils .content .articles .une .box-img {
        min-height: 28rem;
        position: relative;
        overflow: hidden; }
        .conseils .content .articles .box .box-img img, .conseils .content .articles .une .box-img img {
          position: absolute;
          width: initial;
          left: 50%;
          min-width: 100%;
          transform: translateX(-50%); }
    .conseils .content .banniere .type-projet .type {
      font-size: 2rem; } }

.home-lettretype .content > h3 {
  color: #adadad;
  font-size: 2.7rem;
  font-weight: 600;
  text-align: center;
  padding: 3rem 2rem 0 2rem; }
  .home-lettretype .content .banniere .type-projet .projet {
    font-size: 2.3rem;
    font-weight: 800; }
  .home-lettretype .content .banniere .type-projet .projet img {
    min-width: 3rem; }
  .home-lettretype .content .banniere .type-projet .type {
    font-size: 3.8rem;
    font-weight: 800;
    margin-left: 2rem;
    color: #c20e1a;
    display: flex;
    align-items: center; }
  .home-lettretype .content .goback-top {
    font-weight: 600;
    font-size: 1.8rem;
    max-width: 72rem;
    margin: 0 auto;
    width: 90%;
    border-bottom: 1px solid #adadad;
    padding: 2rem 0;
    display: flex;
    align-items: center; }
  .home-lettretype .content .goback-top div:first-child {
    height: 1.7rem;
    margin-right: 1rem; }
  .home-lettretype .content .goback-top svg {
    width: 1.5rem;
    height: 1.5rem;
    fill: #cfcfcf; }
  .home-lettretype .content .goback-top a {
    font-size: 1.4rem;
    color: #c20e1a;
    text-decoration: none; }
  .home-lettretype .content .goback-bot {
    font-weight: 600;
    font-size: 1.8rem;
    max-width: 72rem;
    margin: 0 auto;
    width: 90%;
    border-top: 1px solid #adadad;
    padding: 2rem 0;
    display: flex;
    align-items: center; }
  .home-lettretype .content .goback-bot div:first-child {
    height: 1.7rem;
    margin-right: 1rem; }
  .home-lettretype .content .goback-bot svg {
    width: 1.5rem;
    height: 1.5rem;
    fill: #cfcfcf; }
  .home-lettretype .content .goback-bot a {
    font-size: 1.4rem;
    color: #c20e1a;
    text-decoration: none; }
  .home-lettretype .content .wrapper-txt {
    max-width: 72rem;
    width: 92%;
    margin: 0 auto; }
  .home-lettretype .content .wrapper-txt .introduction {
    padding-top: 5rem; }
  .home-lettretype .content .wrapper-txt .introduction h1 {
    font-size: 3.8rem;
    font-weight: 900;
    color: #c20e1a;
    margin-top: 0;
    margin-bottom: 40px; }
  .home-lettretype .content .wrapper-txt .introduction p {
    font-weight: 700;
    font-size: 1.8rem;
    line-height: 2.9rem;
    color: #4c4c4c;
    padding-bottom: 3rem;
    margin: 0; }
  .home-lettretype .content .wrapper-txt .infos {
    font-family: 'Gotham book';
    font-size: 1.6rem;
    line-height: 2.8rem;
    padding: 0rem 0 6rem 0;
    color: #4c4c4c; }
  .home-lettretype .content .wrapper-txt .recherche {
    margin: 0 auto 6rem; }
  .home-lettretype .content .wrapper-txt .recherche form {
    display: flex; }
  .home-lettretype .content .wrapper-txt .recherche form input[type=text] {
    width: 75%;
    height: 5.5rem;
    padding: 0 2rem;
    box-sizing: border-box;
    font-weight: 600;
    font-family: 'Gotham';
    font-size: 1.7rem;
    outline: none;
    border: 1px solid #adadad;
    margin-right: -1px; }
  .home-lettretype .content .wrapper-txt .recherche form input[type=text]::placeholder {
    color: #adadad; }
  .home-lettretype .content .wrapper-txt .recherche form input[type=submit] {
    width: 25%;
    min-width: 13rem;
    border: none;
    color: white;
    background-color: #c20e1a;
    height: 5.5rem;
    font-weight: 600;
    font-family: 'Gotham';
    font-size: 1.7rem;
    cursor: pointer;
    transition: 0.3s;
    outline: none;
    -webkit-appearance: none;
    appearance: none; }
  .home-lettretype .content .wrapper-txt .recherche form input[type=submit]:hover {
    background-color: #6e1b34; }
  .home-lettretype .content .leslettres {
    background-color: #efefef;
    padding: 4rem 0 7rem 0; }
  .home-lettretype .content .leslettres h2 {
    font-size: 3.6rem;
    font-weight: 600;
    color: #c20e1a;
    text-align: center; }
  .home-lettretype .content .leslettres .leslettres-container {
    width: 92%;
    max-width: 72rem;
    margin: 0 auto; }
  .home-lettretype .content .leslettres .leslettres-container .leslettres-content {
    box-sizing: border-box;
    display: flex;
    flex-wrap: wrap;
    margin: 0 -1rem; }
  .home-lettretype .content .leslettres .leslettres-container .leslettres-content a {
    width: calc(33.2% - 2rem);
    margin: 1rem;
    text-decoration: none;
    background-color: transparent; }
  .home-lettretype .content .leslettres .leslettres-container .leslettres-content a:hover {
    box-shadow: none; }
  .home-lettretype .content .leslettres .leslettres-container .leslettres-content a .leslettres-box {
    margin-top: 1rem;
    transition: 0.3s;
    width: 100%;
    height: 20rem;
    padding: 3rem;
    box-sizing: border-box;
    background-color: white; }
  .home-lettretype .content .leslettres .leslettres-container .leslettres-content a .leslettres-box:nth-child(2n) p {
    color: #6e1b34 !important; }
  .home-lettretype .content .leslettres .leslettres-container .leslettres-content a .leslettres-box p {
    font-size: 1.8rem;
    font-family: 'Gotham';
    line-height: 2rem;
    font-weight: bold;
    color: #c20e1a; }
  .home-lettretype .content .leslettres .leslettres-container .leslettres-content a .leslettres-box:hover {
    background-color: #c20e1a !important; }
  .home-lettretype .content .leslettres .leslettres-container .leslettres-content a .leslettres-box:hover p {
    color: white !important; }
  .home-lettretype .content .leslettres .leslettres-container .leslettres-content a .leslettres-box:hover svg {
    fill: white !important; }
  .home-lettretype .content .leslettres .leslettres-container .leslettres-content a .leslettres-box svg {
    fill: #c20e1a;
    width: 2rem;
    height: 2rem; }
  .home-lettretype .content .pagination {
    margin-top: 2rem; }
  .home-lettretype .content .pagination ul {
    display: flex;
    justify-content: center;
    margin-top: 6rem;
    padding-left: 0; }
  .home-lettretype .content .pagination ul li {
    list-style-type: none;
    font-size: 1.6rem;
    font-weight: 400;
    padding: 0 1.5rem;
    position: relative;
    color: #c20e1a; }
  .home-lettretype .content .pagination ul li.select {
    font-weight: 800; }
  .home-lettretype .content .pagination ul li.select::after {
    content: "";
    border-bottom: 4px solid #c20e1a;
    position: absolute;
    bottom: -0.4rem;
    width: 1.5rem;
    left: 50%;
    transform: translateX(-50%); }

@media screen and (max-width: 1100px) {
  .home-lettretype .content .hide {
    display: none !important; }
    .home-lettretype .content .leslettres .leslettres-container a {
      min-width: 23rem;
      width: calc(50% - 2rem) !important;
      margin: 1rem; }
    .home-lettretype .content .banniere img {
      left: 60%;
      transform: translate(-50%);
      position: relative; }
      .home-lettretype .content .banniere .type-projet .projet {
        line-height: inherit !important;
        font-size: 2rem; }
        .home-lettretype .content .banniere .type-projet .type {
          font-size: 2.8rem;
          font-weight: 800;
          margin-left: 2rem; } }

@media screen and (max-width: 580px) {
  .home-lettretype .content .banniere .type-projet .projet {
    font-size: 2rem; }
    .home-lettretype .content .banniere .type-projet .type {
      line-height: 4rem;
      font-size: 2rem; }
    .home-lettretype .content .proprietaire div:last-child img {
      height: 100%; }
    .home-lettretype .content .leslettres .leslettres-container {
      width: 90%; }
    .home-lettretype .content .leslettres .leslettres-container a {
      min-width: 23rem;
      margin: 1rem;
      width: 100% !important; }
      .home-lettretype .content .leslettres .leslettres-container a .leslettres-box {
        width: 100%; }
    .home-lettretype .content .qpf div {
      width: 100%;
      border-right: none;
      border-top: solid 1px #adadad;
      padding: 2rem;
      margin: 0; }
    .home-lettretype .content .wrapper-txt {
      width: 90%;
      box-sizing: border-box; }
    .home-lettretype .content .villesprincipales {
      justify-content: center; }
    .home-lettretype .content .villesprincipales > div {
      width: 90%;
      position: relative;
      padding: 0.5rem; }
    .home-lettretype .content .villesprincipales > div img {
      min-width: 100%; } }

.nosprogrammes .content > h3 {
  color: #adadad;
  font-size: 2.7rem;
  font-weight: 600;
  text-align: center;
  padding: 3rem 2rem 0 2rem; }
  .nosprogrammes .content .banniere::before {
    content: "";
    width: 100%;
    height: 100%;
    background: black;
    opacity: 0.3;
    position: absolute;
    left: 0;
    top: 0; }
  .nosprogrammes .content .banniere .type-projet .projet {
    width: 15rem;
    background-color: #62408d;
    text-align: center;
    font-size: 2rem;
    font-weight: 800;
    line-height: 15rem; }
  .nosprogrammes .content .banniere .type-projet .type {
    font-size: 3.6rem;
    color: white;
    max-width: 61rem; }
  .nosprogrammes .content .infos {
    max-width: 72rem !important;
    margin: 0 auto;
    padding: 0rem 0 6rem 0; }
  .nosprogrammes .content .infos p {
    font-family: 'Gotham Book', Arial, sans-serif;
    font-size: 1.6rem;
    line-height: 2.8rem;
    color: #4c4c4c;
    margin: 0; }
  .nosprogrammes .content .recherche {
    max-width: 72rem;
    width: 90%;
    margin: 0 auto; }
  .nosprogrammes .content .recherche form {
    display: flex; }
  .nosprogrammes .content .recherche form input[type=text] {
    width: 75%;
    height: 5.5rem;
    padding: 0 2rem;
    box-sizing: border-box;
    font-weight: 600;
    font-family: 'Gotham';
    font-size: 2.1rem;
    outline: none; }
  .nosprogrammes .content .recherche form input[type=text]::placeholder {
    color: #adadad; }
  .nosprogrammes .content .recherche form input[type=submit] {
    width: 25%;
    min-width: 13rem;
    border: none;
    color: white;
    background-color: #c20e1a;
    height: 5.5rem;
    font-weight: 600;
    font-family: 'Gotham';
    font-size: 1.7rem;
    cursor: pointer;
    transition: 0.3s;
    outline: none;
    -webkit-appearance: none;
    appearance: none; }
  .nosprogrammes .content .recherche form input[type=submit]:hover {
    background-color: #6e1b34; }
  .nosprogrammes .content .introduction {
    max-width: 72rem !important;
    margin: 0 auto;
    padding: 5rem 0; }
  .nosprogrammes .content .introduction p {
    font-family: 'Gotham';
    font-size: 1.8rem;
    font-weight: 700;
    line-height: 2.9rem;
    color: #4c4c4c;
    margin: 0; }
  .nosprogrammes .content .filtres {
    width: 100%;
    max-width: 96rem;
    margin: 0 auto;
    background-color: #efefef;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 6rem; }
  .nosprogrammes .content .filtres button {
    height: 7rem;
    line-height: 7rem;
    font-size: 1.6rem;
    font-weight: 600;
    background-color: #efefef;
    text-align: center;
    position: relative;
    display: none;
    border: none;
    outline: none;
    font-family: 'Gotham';
    cursor: pointer; }
  .nosprogrammes .content .filtres button::after {
    content: " ";
    display: block;
    position: absolute;
    width: 0;
    height: 0;
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    border-top: 20px solid #efefef;
    left: 50%;
    bottom: -1rem;
    transform: translateX(-50%); }
  .nosprogrammes .content .filtres button::before {
    content: " ";
    display: block;
    position: absolute;
    width: 0;
    height: 0;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-top: 8px solid #000;
    right: 10%;
    top: 52%;
    transform: translateY(-50%); }
  .nosprogrammes .content .filtres div {
    cursor: pointer;
    width: 20%;
    height: 7rem;
    line-height: 7rem;
    font-size: 1.6rem;
    font-weight: 600;
    text-align: center;
    position: relative; }
  .nosprogrammes .content .filtres div:hover {
    text-decoration: underline; }
  .nosprogrammes .content .filtres div:nth-child(3) {
    color: #cc5154; }
  .nosprogrammes .content .filtres div:nth-child(4) {
    color: #62408d; }
  .nosprogrammes .content .filtres div:nth-child(5) {
    color: #47b4d5; }
  .nosprogrammes .content .filtres div:nth-child(6) {
    color: #c20e1a; }
  .nosprogrammes .content .filtres > .select {
    text-decoration: underline; }
  .nosprogrammes .content .filtres > .select::after {
    content: " ";
    display: block;
    position: absolute;
    width: 0;
    height: 0;
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    border-top: 20px solid #efefef;
    left: 50%;
    bottom: -1rem;
    transform: translateX(-50%); }
  .nosprogrammes .content .articles {
    width: 90%;
    max-width: 96rem;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap; }
  .nosprogrammes .content .articles .une {
    display: flex;
    justify-content: space-between;
    width: 100%;
    margin-top: 6rem; }
  .nosprogrammes .content .articles .une > div {
    width: 48%;
    overflow: hidden; }
  .nosprogrammes .content .articles > div {
    margin-bottom: 4rem;
    overflow: hidden; }
  .nosprogrammes .content .articles > div img {
    width: 100%;
    transition: 0.3s; }
  .nosprogrammes .content .articles > div .cat {
    font-size: 1.4rem;
    margin-top: 2rem; }
  .nosprogrammes .content .articles > div .cat.budget {
    color: #47b4d5; }
  .nosprogrammes .content .articles > div .cat.logement {
    color: #62408d; }
  .nosprogrammes .content .articles > div .cat.droits {
    color: #cc5154; }
  .nosprogrammes .content .articles > div .cat.actualites {
    color: #c20e1a; }
  .nosprogrammes .content .articles > div .titre {
    font-size: 1.6rem;
    font-weight: 600;
    padding-right: 3rem;
    margin-top: 1rem; }
  .nosprogrammes .content .articles > div .more {
    margin-top: 2.5rem; }
  .nosprogrammes .content .articles > div .more a {
    color: #adadad;
    font-size: 1.6rem;
    font-weight: 800; }
  .nosprogrammes .content .articles > div .more a:hover {
    color: #c20e1a; }
  .nosprogrammes .content .articles .box {
    width: 24%; }
  .nosprogrammes .content .pagination {
    margin-top: 2rem; }
  .nosprogrammes .content .pagination ul {
    display: flex;
    justify-content: center;
    padding: 0; }
  .nosprogrammes .content .pagination ul li {
    list-style-type: none;
    font-size: 1.6rem;
    font-weight: 400;
    padding: 0 0.5rem;
    position: relative; }
  .nosprogrammes .content .pagination ul li p, .nosprogrammes .content .pagination ul li a, .nosprogrammes .content .pagination ul li {
    color: #62408d; }
  .nosprogrammes .content .pagination ul li.select {
    font-weight: 800; }
  .nosprogrammes .content .pagination ul li.select::after {
    content: "";
    border-bottom: 4px solid #62408d;
    position: absolute;
    bottom: -0.4rem;
    width: 1.5rem;
    left: 50%;
    transform: translateX(-50%); }
  .nosprogrammes .content .lettres {
    background-color: #efefef;
    padding: 4rem 0 4rem 0;
    margin: 6rem auto 0 auto;
    width: 100%; }
  .nosprogrammes .content .lettres h2 {
    font-size: 2.1rem;
    font-weight: 600;
    color: #c20e1a;
    text-align: center; }
  .nosprogrammes .content .lettres .pagination ul li {
    color: #c20e1a; }
  .nosprogrammes .content .lettres .pagination ul li.select::after {
    border-bottom: 4px solid #c20e1a; }
  .nosprogrammes .content .lettres .lettres-container {
    width: 90%;
    max-width: 100rem;
    display: flex;
    justify-content: space-between;
    box-sizing: border-box;
    margin: 0 auto; }
  .nosprogrammes .content .lettres .lettres-container .lettres-box {
    width: 24%;
    background-color: #fff;
    padding: 3rem;
    box-sizing: border-box; }
  .nosprogrammes .content .lettres .lettres-container .lettres-box:hover {
    background-color: #c20e1a;
    box-shadow: 0px 0px 27px -1px rgba(0, 0, 0, 0.23); }
  .nosprogrammes .content .lettres .lettres-container .lettres-box:hover svg {
    fill: white; }
  .nosprogrammes .content .lettres .lettres-container .lettres-box:hover p a {
    color: white;
    font-weight: 600; }
  .nosprogrammes .content .lettres .lettres-container .lettres-box svg {
    width: 2rem;
    height: 2rem;
    fill: #6e1b34; }
  .nosprogrammes .content .lettres .lettres-container .lettres-box p {
    padding: 1rem 0; }
  .nosprogrammes .content .lettres .lettres-container .lettres-box p a {
    font-size: 1.8rem;
    font-family: 'Gotham';
    line-height: 2rem;
    font-weight: 600;
    color: #c20e1a;
    text-decoration: none; }
  .nosprogrammes .content .projets {
    display: flex;
    max-width: 96rem;
    margin: 0 auto;
    width: 90%;
    justify-content: space-between;
    margin-bottom: 7rem;
    flex-wrap: wrap; }
  .nosprogrammes .content .projets a {
    width: 48%; }
  .nosprogrammes .content .projets a > div {
    width: 100%;
    position: relative;
    overflow: hidden; }
  .nosprogrammes .content .projets a > div .mask {
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.3);
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2; }
  .nosprogrammes .content .projets a > div:hover img {
    transform: scale(1.1); }
  .nosprogrammes .content .projets a > div img {
    transition: 0.4s; }
  .nosprogrammes .content .projets a > div h3 {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    margin: 0;
    padding: 0;
    width: 100%;
    text-align: center;
    font-size: 2.4rem;
    font-weight: 600;
    color: white;
    text-decoration: none;
    z-index: 2; }
  .nosprogrammes #zone-programmes {
    background: #efefef;
    padding-bottom: 8rem; }
  .nosprogrammes #zone-programmes .recherche-offres {
    position: relative;
    padding: 3rem 0 4rem 0; }
  .nosprogrammes #zone-programmes .recherche-offres .recherche-banwhite {
    width: 100%;
    top: 0; }
  .nosprogrammes #zone-programmes .recherche-offres .recherche-achatloc {
    font-size: 1.8rem;
    font-weight: 600;
    display: flex;
    top: 0rem;
    left: 50%;
    transform: translateX(-50%);
    position: absolute;
    justify-content: center;
    color: white;
    z-index: 3; }
  .nosprogrammes #zone-programmes .recherche-offres .recherche-achatloc div {
    width: 18rem;
    height: 5.5rem;
    background-color: #440053;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer; }
  .nosprogrammes #zone-programmes .recherche-offres .recherche-achatloc-on {
    background-color: #62408d !important;
    position: relative; }
  .nosprogrammes #zone-programmes .recherche-offres .recherche-achatloc-on::after {
    content: "";
    display: block;
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    border-top: 20px solid #62408d;
    bottom: -6px;
    left: 50%;
    position: absolute;
    transform: translateX(-50%);
    z-index: 9; }
  .nosprogrammes #zone-programmes .recherche-offres .filtre-ville {
    left: 0 !important;
    margin-bottom: 0 !important; }
  @media screen and (max-width: 1000px) {
        .nosprogrammes #zone-programmes .recherche-offres .filtre-ville {
          border-right: 0; } }
  .nosprogrammes #zone-programmes .recherche-offres .filtre-ville .select2-container {
    width: 100% !important; }
  .nosprogrammes #zone-programmes .recherche-offres .filtre-ville .select2-container .select2-selection {
    border-radius: 0; }
  @media screen and (max-width: 1000px) {
            .nosprogrammes #zone-programmes .recherche-offres .filtre-ville .select2-container .select2-selection {
              -webkit-display: flex;
              -moz-display: flex;
              display: flex;
              align-items: center; } }
  .nosprogrammes #zone-programmes .recherche-offres .filtre-ville .select2-container .select2-selection ul li input {
    width: 100% !important; }
  .nosprogrammes #zone-programmes .recherche-offres .filtre-ville .select2-container .select2-selection--multiple {
    min-height: 48px !important; }
  .nosprogrammes #zone-programmes .recherche-offres .filtres-menu {
    display: flex;
    align-items: center;
    justify-content: center;
    max-width: 100rem;
    position: relative;
    padding: 0 2rem;
    margin: 0 auto;
    width: 92%;
    padding-top: 2rem;
    flex-wrap: wrap;
    box-sizing: border-box;
    top: 0.5rem; }
  @media screen and (max-width: 1024px) {
        .nosprogrammes #zone-programmes .recherche-offres .filtres-menu {
          flex-direction: column; } }
  .nosprogrammes #zone-programmes .recherche-offres .filtres-menu > div {
    width: 31rem !important;
    border-left: 1px solid #cfcfcf;
    position: relative; }
  .nosprogrammes #zone-programmes .recherche-offres .filtres-menu > div:nth-child(1) {
    border-left: none; }
  @media screen and (max-width: 1280px) {
          .nosprogrammes #zone-programmes .recherche-offres .filtres-menu > div {
            width: 28rem !important; } }
  @media screen and (max-width: 1024px) {
          .nosprogrammes #zone-programmes .recherche-offres .filtres-menu > div {
            width: 36rem !important;
            border-left: none;
            border-bottom: 1px solid #cfcfcf;
            box-sizing: border-box; }
            .nosprogrammes #zone-programmes .recherche-offres .filtres-menu > div:last-child {
              border-bottom: none; }
            .nosprogrammes #zone-programmes .recherche-offres .filtres-menu > div input, .nosprogrammes #zone-programmes .recherche-offres .filtres-menu > div button {
              width: 100% !important; } }
  @media screen and (max-width: 1000px) {
            .nosprogrammes #zone-programmes .recherche-offres .filtres-menu > div:first-child {
              width: 100%; }
              .nosprogrammes #zone-programmes .recherche-offres .filtres-menu > div:first-child input {
                width: 100% !important; } }
  .nosprogrammes #zone-programmes .recherche-offres .filtres-menu > div > button {
    cursor: pointer;
    position: relative;
    white-space: nowrap;
    color: #adadad; }
  .nosprogrammes #zone-programmes .recherche-offres .filtres-menu > div > button::after {
    content: "";
    width: 1rem;
    height: 1rem;
    display: block;
    position: absolute;
    background: white;
    box-shadow: 2px 2px 0px 0px #adadad;
    transform: rotate(45deg);
    right: 1.5rem;
    top: 25%;
    -webkit-appearance: none;
    appearance: none; }
  .nosprogrammes #zone-programmes .recherche-offres .filtres-menu > div > input {
    color: #62408d;
    border-radius: 0; }
  .nosprogrammes #zone-programmes .recherche-offres .filtres-menu > div > input[type="text"] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 0; }
  .nosprogrammes #zone-programmes .recherche-offres .filtres-menu > div > button, .nosprogrammes #zone-programmes .recherche-offres .filtres-menu > div > input {
    background-color: white;
    border: none;
    outline: none;
    font-family: "Gotham";
    font-weight: 600;
    font-size: 1.5rem;
    width: 31rem;
    padding: 1.5rem 1rem;
    text-align: left;
    box-sizing: border-box;
    border-radius: 0;
    margin: 0; }
  @media screen and (max-width: 1000px) {
            .nosprogrammes #zone-programmes .recherche-offres .filtres-menu > div > button, .nosprogrammes #zone-programmes .recherche-offres .filtres-menu > div > input {
              margin-right: 0;
              font-size: 1.4rem; } }
  .nosprogrammes #zone-programmes .recherche-offres .filtres-menu > div > button::placeholder, .nosprogrammes #zone-programmes .recherche-offres .filtres-menu > div > input::placeholder {
    color: #adadad; }
  .nosprogrammes #zone-programmes .recherche-offres .filtres-menu > div ul {
    background-color: white;
    width: 31rem;
    padding: 1.8rem;
    box-sizing: border-box;
    position: absolute;
    display: none;
    z-index: 2;
    top: 3.9rem; }
  @media screen and (max-width: 1000px) {
            .nosprogrammes #zone-programmes .recherche-offres .filtres-menu > div ul {
              width: 100%;
              padding: 1rem; } }
  .nosprogrammes #zone-programmes .recherche-offres .filtres-menu > div ul li {
    list-style-type: none;
    padding: 1.1rem 0rem; }
  .nosprogrammes #zone-programmes .recherche-offres .filtres-menu > div ul li:last-child {
    width: 100%;
    text-align: center;
    background-color: #62408d;
    color: white;
    font-size: 1.6rem;
    margin-top: 1rem;
    cursor: pointer; }
  .nosprogrammes #zone-programmes .recherche-offres .filtres-menu > div ul li:last-child:hover {
    background-color: #440053; }
  .nosprogrammes #zone-programmes .recherche-offres .filtres-menu > div ul li input {
    margin-right: 1rem;
    width: 1.5rem;
    height: 1.5rem;
    cursor: pointer;
    width: auto !important; }
  .nosprogrammes #zone-programmes .recherche-offres .filtres-menu > div ul li input::after {
    content: "";
    display: block;
    width: 1.5rem;
    height: 1.5rem;
    background-color: white;
    border: 1px solid #adadad;
    position: absolute;
    -webkit-appearance: none;
    appearance: none;
    border-radius: 0; }
  .nosprogrammes #zone-programmes .recherche-offres .filtres-menu > div ul li input:checked::after {
    background-color: #62408d;
    border: none; }
  .nosprogrammes #zone-programmes .recherche-offres .filtres-menu > div ul li input:checked + label {
    color: #62408d; }
  .nosprogrammes #zone-programmes .recherche-offres .filtres-menu > div ul li label {
    font-size: 1.5rem;
    color: #adadad;
    cursor: pointer; }
  .nosprogrammes #zone-programmes .recherche-offres .filtres-menu > div ul li label:hover {
    color: #62408d; }
  .nosprogrammes #zone-programmes .recherche-offres .filtres-menu .filtre-pieces {
    box-sizing: border-box; }
  .nosprogrammes #zone-programmes .recherche-offres .filtres-menu .filtre-budget {
    box-sizing: border-box; }
  .nosprogrammes #zone-programmes .recherche-offres .filtres-menu .filtre-budget::after {
    content: "€";
    width: 2rem;
    height: 1rem;
    display: block;
    position: absolute;
    color: #adadad;
    font-size: 1.5rem;
    line-height: 1rem;
    right: 1rem;
    top: 50%;
    transform: translateY(-50%); }
  .nosprogrammes #zone-programmes .recherche-offres .filtres-btn {
    margin-top: 0.5rem; }
  .nosprogrammes #zone-programmes .recherche-offres .filtres-btn a:first-child, .nosprogrammes #zone-programmes .recherche-offres .filtres-btn div:first-child {
    width: 18rem;
    background: #440053;
    margin: 0 auto;
    font-family: 'Gotham';
    font-size: 1.5rem;
    color: white;
    text-align: center;
    line-height: 6rem;
    height: 6rem;
    transition: 0.3s;
    cursor: pointer;
    text-decoration: none; }
  .nosprogrammes #zone-programmes .recherche-offres .filtres-btn a:first-child:hover, .nosprogrammes #zone-programmes .recherche-offres .filtres-btn div:first-child:hover {
    background: #62408d; }
  .nosprogrammes #zone-programmes .programme-box {
    margin-bottom: 4rem; }
  .nosprogrammes #zone-programmes .programme-box .box {
    margin-bottom: 2rem; }
  .nosprogrammes #zone-programmes .programme-bottom {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    margin-bottom: 4.5rem;
    padding-left: 3rem; }
  .nosprogrammes #zone-programmes .programme-bottom p {
    font-weight: bold;
    font-size: 2.7rem;
    color: #4c4c4c;
    margin: 0; }
  .nosprogrammes #zone-programmes .programme-bottom div {
    position: relative; }
  .nosprogrammes #zone-programmes .programme-bottom div > input {
    width: 90%;
    margin-left: 1rem;
    background-color: #efefef;
    border-bottom: 2px solid #adadad !important;
    color: #4c4c4c; }
  .nosprogrammes #zone-programmes .programme-bottom div > button {
    cursor: pointer;
    position: relative;
    white-space: nowrap;
    color: #4c4c4c;
    background: inherit;
    padding-right: 2.5rem;
    margin-left: 0.5rem; }
  .nosprogrammes #zone-programmes .programme-bottom div > button span {
    border-bottom: 2px solid #adadad !important; }
  .nosprogrammes #zone-programmes .programme-bottom div > button::after {
    content: "";
    width: 1.5rem;
    height: 1.5rem;
    display: block;
    position: absolute;
    box-shadow: 3px 3px 0px 0px #4c4c4c;
    transform: rotate(45deg);
    right: 0rem;
    top: 15%;
    -webkit-appearance: none;
    appearance: none; }
  .nosprogrammes #zone-programmes .programme-bottom div > button, .nosprogrammes #zone-programmes .programme-bottom div > input {
    border: none;
    outline: none;
    font-family: "Gotham";
    font-weight: bold;
    font-size: 2.7rem;
    margin-right: 2rem;
    text-align: left;
    box-sizing: border-box; }
  .nosprogrammes #zone-programmes .programme-bottom div > button::placeholder, .nosprogrammes #zone-programmes .programme-bottom div > input::placeholder {
    color: #adadad; }
  .nosprogrammes #zone-programmes .programme-bottom div ul {
    margin-top: 0.5rem;
    background-color: white;
    width: 18rem;
    padding: 1.8rem;
    box-sizing: border-box;
    position: absolute;
    display: none;
    z-index: 2; }
  .nosprogrammes #zone-programmes .programme-bottom div ul li {
    list-style-type: none;
    padding: 1.1rem 0rem; }
  .nosprogrammes #zone-programmes .programme-bottom div ul li:last-child {
    width: 100%;
    text-align: center;
    background-color: #62408d;
    color: white;
    font-size: 1.6rem;
    margin-top: 1rem;
    cursor: pointer; }
  .nosprogrammes #zone-programmes .programme-bottom div ul li:last-child:hover {
    background-color: #6e1b34; }
  .nosprogrammes #zone-programmes .programme-bottom div ul li input {
    margin-right: 1rem;
    cursor: pointer; }
  .nosprogrammes #zone-programmes .programme-bottom div ul li input::after {
    content: "";
    display: block;
    width: 1.5rem;
    height: 1.5rem;
    background-color: white;
    border: 1px solid #adadad;
    position: absolute;
    -webkit-appearance: none;
    appearance: none; }
  .nosprogrammes #zone-programmes .programme-bottom div ul li input:checked::after {
    background-color: #62408d;
    border: none; }
  .nosprogrammes #zone-programmes .programme-bottom div ul li input:checked + label {
    color: #62408d; }
  .nosprogrammes #zone-programmes .programme-bottom div ul li label {
    font-size: 1.5rem;
    color: #adadad;
    cursor: pointer; }
  .nosprogrammes #zone-programmes .programme-bottom div ul li label:hover {
    color: #62408d; }
  .nosprogrammes #zone-programmes .programme h3 {
    font-size: 2.7rem;
    color: #62408d;
    text-align: center;
    padding: 4rem 2rem 3rem 2rem;
    margin-bottom: 0;
    padding-top: 0;
    margin-top: 0; }
  .nosprogrammes #zone-programmes .programme-box {
    width: 100rem;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap; }
  @media screen and (max-width: 1000px) {
        .nosprogrammes #zone-programmes .programme-box {
          width: 92%;
          justify-content: center; } }
  @media screen and (max-width: 600px) {
        .nosprogrammes #zone-programmes .programme-box {
          width: 90%; } }
  .nosprogrammes #zone-programmes .programme-box .box {
    background-color: white;
    width: 47rem;
    display: flex;
    height: 17rem;
    cursor: pointer;
    transition: 0.3s; }
  @media screen and (max-width: 1000px) {
          .nosprogrammes #zone-programmes .programme-box .box {
            width: 100%; } }
  .nosprogrammes #zone-programmes .programme-box .box:hover {
    box-shadow: 0px 0px 27px -1px rgba(0, 0, 0, 0.23); }
  @media screen and (max-width: 1000px) {
            .nosprogrammes #zone-programmes .programme-box .box .box-img {
              width: auto;
              overflow: hidden; } }
  .nosprogrammes #zone-programmes .programme-box .box .box-txt {
    padding: 1rem 2rem;
    box-sizing: border-box;
    color: #4c4c4c;
    font-size: 1.4rem; }
  @media screen and (max-width: 1000px) {
            .nosprogrammes #zone-programmes .programme-box .box .box-txt {
              width: auto; } }
  .nosprogrammes #zone-programmes .programme-box .box .box-txt h4 {
    font-size: 2rem;
    font-weight: 800;
    color: #62408d;
    padding: 1rem 0;
    margin: 0; }

@media screen and (max-width: 1100px) {
  .nosprogrammes .content .projets {
    justify-content: space-between; }
    .nosprogrammes .content .projets > div {
      width: 47%;
      position: relative;
      padding: 0.5rem; }
      .nosprogrammes .content .projets > div img {
        min-width: 100%; }
    .nosprogrammes .content .banniere .type-projet .projet {
      width: 12rem;
      line-height: 12rem;
      font-size: 1.7rem; }
      .nosprogrammes .content .banniere .type-projet .type {
        font-size: 2.8rem; }
    .nosprogrammes .content .articles .box {
      width: 48%; }
    .nosprogrammes .content .lettres .lettres-container {
      width: 100%;
      overflow: scroll;
      padding: 0 2rem; }
      .nosprogrammes .content .lettres .lettres-container .lettres-box {
        min-width: 23rem;
        margin: 1rem; } }

@media screen and (max-width: 720px) {
  .nosprogrammes .content .filtres {
    flex-direction: column; }
    .nosprogrammes .content .filtres button {
      display: block;
      width: 100%; }
    .nosprogrammes .content .filtres div {
      width: 100%;
      display: none; } }



@media screen and (max-width: 580px) {
  .nosprogrammes .content .projets {
    justify-content: center; }
    .nosprogrammes .content .projets > div {
      width: 90%;
      position: relative;
      padding: 0.5rem; }
      .nosprogrammes .content .projets > div img {
        min-width: 100%; }
    .nosprogrammes .content .articles .une {
      flex-wrap: wrap; }
      .nosprogrammes .content .articles .une > div {
        width: 100%; }
        .nosprogrammes .content .articles .une > div:first-child {
          margin-bottom: 4rem; }
    .nosprogrammes .content .articles .box {
      width: 100%; }
    .nosprogrammes .content .banniere .type-projet .type {
      font-size: 2.2rem; } }

@media screen and (max-width: 440px) {
  .nosprogrammes .content #zone-programmes {
    overflow: hidden; }
    .nosprogrammes .content #zone-programmes .programme-bottom {
      padding-left: 0;
      width: 92%;
      margin: 0 auto 4.5rem; }
      .nosprogrammes .content #zone-programmes .programme-bottom p {
        font-size: 2rem; }
      .nosprogrammes .content #zone-programmes .programme-select input {
        padding: 0; }
      .nosprogrammes .content #zone-programmes .programme-select button, .nosprogrammes .content #zone-programmes .programme-select input {
        font-size: 2rem;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        border-radius: 0; }
        .nosprogrammes .content #zone-programmes .programme-select button::after, .nosprogrammes .content #zone-programmes .programme-select input::after {
          top: 5%;
          width: 1.2rem;
          height: 1.2rem; }
    .nosprogrammes .content #zone-programmes h3 {
      font-size: 2.2rem; }
    .nosprogrammes .content .pagination ul li {
      padding: 0 1rem; } }

.programmeneuf .content > h3 {
  color: #adadad;
  font-size: 2.7rem;
  font-weight: 600;
  text-align: center;
  padding: 3rem 2rem 0 2rem; }
  .programmeneuf .content .banniere {
    height: 30rem;
    overflow: hidden;
    position: relative; }
  .programmeneuf .content .banniere::before {
    content: "";
    width: 100%;
    height: 100%;
    background: black;
    opacity: 0.51;
    position: absolute;
    left: 0;
    top: 0; }
  .programmeneuf .content .banniere img {
    min-width: 100%; }
  .programmeneuf .content .banniere .type-projet {
    display: flex;
    left: 15%;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    align-items: center;
    z-index: 1; }
  .programmeneuf .content .banniere .type-projet .projet {
    width: 16.5rem;
    height: 15.5rem;
    background-color: #ef7d00;
    text-align: center;
    font-size: 2rem;
    font-weight: 800;
    color: white;
    line-height: 15rem; }
  .programmeneuf .content .banniere .type-projet .type {
    font-size: 3.6rem;
    font-weight: 800;
    margin-left: 2rem;
    color: white;
    width: 100%;
    max-width: 44rem;
    display: block; }
  .programmeneuf .content .banniere .type-projet .type span {
    display: block;
    font-size: 2.3rem;
    margin-top: 0.5rem; }
  .programmeneuf .bandeau {
    width: 100%;
    max-width: 96rem;
    margin: auto;
    background: #ef7d00;
    min-height: 33rem;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 3rem 0;
    position: relative;
    box-sizing: border-box; }
  .programmeneuf .bandeau-bulle {
    position: absolute;
    background: white;
    width: 15rem;
    height: 15rem;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    top: -3.6rem;
    right: 7rem; }
  .programmeneuf .bandeau-bulle-text {
    color: #f02d3a !important;
    font-weight: 900 !important;
    font-size: 1.9rem;
    transform: rotate(-10deg);
    text-align: center;
    line-height: 1.1; }
  .programmeneuf .bandeau-content {
    text-align: center; }
  .programmeneuf .bandeau-content p, .programmeneuf .bandeau-content h3 {
    color: #fff; }
  .programmeneuf .bandeau-headline {
    font-size: 2.5rem;
    margin: 0;
    padding: 0;
    margin-bottom: 1.5rem; }
  .programmeneuf .bandeau-subline, .programmeneuf .bandeau-parking, .programmeneuf .bandeau-conditions {
    font-size: 1.6rem;
    margin: 0;
    padding: 0; }
  .programmeneuf .bandeau-subline {
    font-weight: bold;
    margin-bottom: 0.5rem; }
  .programmeneuf .bandeau-conditions {
    margin-top: 3rem; }
  .programmeneuf .bandeau-price {
    font-size: 5.2rem;
    margin: 0;
    font-weight: 900; }
  .programmeneuf .intro {
    width: 100%;
    max-width: 96rem;
    margin: auto;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-top: 5.5rem; }
  .programmeneuf .intro-title {
    margin: 0;
    padding: 0;
    font-size: 2.3rem;
    color: #ef7d00;
    font-weight: normal;
    line-height: 1; }
  .programmeneuf .intro-text {
    padding: 0;
    color: black;
    font-weight: 300;
    font-size: 1.6rem;
    line-height: 1.5; }
  .programmeneuf .intro-left, .programmeneuf .intro-right {
    width: calc(50% - 3rem);
    min-width: 34rem; }
  .programmeneuf .intro-photos {
    height: 33rem;
    position: relative;
    overflow: hidden; }
  .programmeneuf .intro-photos .custom_slider {
    height: 100%; }
  .programmeneuf .intro-photos .custom_slider .slider_track {
    height: 100% !important; }
  .programmeneuf .intro-photos .slide {
    height: 100%;
    position: relative; }
  .programmeneuf .intro-photos .slide img {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    object-fit: cover; }
  .programmeneuf .intro-photos .bullets {
    position: absolute;
    left: 2rem;
    bottom: 1.5rem;
    padding: 0;
    margin: 0;
    display: flex;
    margin: 0 -0.25rem; }
  .programmeneuf .intro-photos .bullets li {
    list-style-type: none;
    background: white;
    width: 1.2rem;
    height: 1.2rem;
    border-radius: 50%;
    margin: 0 0.25rem;
    cursor: pointer;
    transition: 0.4s ease-out; }
  .programmeneuf .intro-photos .bullets li:hover {
    background: #6e1b34; }
  .programmeneuf .intro-photos .bullets li.current {
    background: #ef7d00; }
  .programmeneuf .les_plus {
    box-sizing: border-box;
    background-color: #efefef;
    margin-top: 40px;
    padding: 2.5rem 3rem;
    width: 100%;
    max-width: 96rem;
    margin: auto;
    margin-top: 3.5rem;
    margin-bottom: 6rem; }
  .programmeneuf .les_plus h2 {
    margin: 0;
    color: #ef7d00; }
  .programmeneuf .les_plus .plus_list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center; }
  .programmeneuf .les_plus .plus_list .plus {
    display: flex;
    align-items: center;
    width: calc(33% - 1.5rem);
    min-width: 28rem; }
  .programmeneuf .les_plus .plus_list .plus .icon {
    margin-right: 2rem; }
  .programmeneuf .les_plus .plus_list .plus span {
    font-size: 1.6rem;
    font-weight: 500; }
  .programmeneuf .quartier {
    width: 100%;
    max-width: 96rem;
    margin: auto;
    margin-top: 50px; }
  .programmeneuf .quartier .calcul {
    width: 100%;
    box-sizing: border-box;
    background-color: #ef7d00;
    padding: 30px 20px; }
  @media only screen and (max-width: 768px) {
      .programmeneuf .quartier .calcul.alone {
        flex-direction: column; }
        .programmeneuf .quartier .calcul.alone p {
          width: 100% !important;
          margin-bottom: 10px; }
        .programmeneuf .quartier .calcul.alone form {
          width: 100% !important;
          padding-left: 0; } }
  @media only screen and (max-width: 480px) {
      .programmeneuf .quartier .calcul form {
        flex-wrap: wrap; }
        .programmeneuf .quartier .calcul form .filtre-type {
          width: 100% !important;
          margin-bottom: 10px; }
          .programmeneuf .quartier .calcul form .filtre-type ul {
            width: 100% !important; }
        .programmeneuf .quartier .calcul form input[type="text"] {
          width: calc(100% - 110px) !important;
          height: 55px; }
        .programmeneuf .quartier .calcul form .geolocalisation {
          left: 56% !important;
          top: 68% !important;
          transform: translateY(0) !important; } }
  .programmeneuf .quartier .calcul p {
    font-size: 1.7rem;
    font-weight: 500;
    color: #fff;
    margin: 0 0 20px 0; }
  .programmeneuf .quartier .calcul form {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    position: relative; }
  .programmeneuf .quartier .calcul form .filtre-type {
    width: 100px;
    position: relative; }
  .programmeneuf .quartier .calcul form .filtre-type .toggle {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: space-between;
    align-items: center;
    box-sizing: border-box;
    background-color: #a64600;
    border: 0;
    padding: 15px 17px;
    cursor: pointer;
    position: relative; }
  .programmeneuf .quartier .calcul form .filtre-type .toggle .choice {
    width: 50px;
    height: 25px;
    margin-right: 10px;
    overflow: hidden; }
  .programmeneuf .quartier .calcul form .filtre-type .toggle .choice svg {
    width: 100%;
    height: 100%;
    fill: #fff;
    object-fit: contain; }
  .programmeneuf .quartier .calcul form .filtre-type .toggle > svg {
    width: 14px;
    height: 8px;
    fill: #fff; }
  .programmeneuf .quartier .calcul form .filtre-type ul {
    display: none;
    width: 270px;
    margin: 0;
    padding: 0;
    position: absolute;
    z-index: 9; }
  .programmeneuf .quartier .calcul form .filtre-type ul li {
    list-style-type: none;
    position: relative; }
  .programmeneuf .quartier .calcul form .filtre-type ul li input[type="radio"] {
    cursor: pointer;
    opacity: 0;
    position: absolute; }
  .programmeneuf .quartier .calcul form .filtre-type ul li input[type="radio"]:checked + label {
    background-color: #c20e1a; }
  .programmeneuf .quartier .calcul form .filtre-type ul li label {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    box-sizing: border-box;
    width: 100%;
    background-color: #a64600;
    padding: 15px 17px;
    cursor: pointer; }
  .programmeneuf .quartier .calcul form .filtre-type ul li label:hover {
    background-color: #c20e1a; }
  .programmeneuf .quartier .calcul form .filtre-type ul li label svg {
    max-width: 50px;
    max-height: 25px;
    fill: #fff;
    margin-right: 10px; }
  .programmeneuf .quartier .calcul form .filtre-type ul li label span {
    font-size: 1.4rem;
    font-weight: 400;
    color: #fff; }
  .programmeneuf .quartier .calcul form input[type="text"] {
    width: calc(100% - 210px);
    box-sizing: border-box;
    font-family: 'Gotham', Arial, sans-serif;
    font-size: 1.7rem;
    font-weight: 500;
    color: #a64600;
    border: none;
    outline: none;
    padding: 0 15px;
    border-radius: 0; }
  .programmeneuf .quartier .calcul form .geolocalisation {
    position: absolute;
    right: 12rem;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer; }
  .programmeneuf .quartier .calcul form .geolocalisation svg {
    width: 2rem;
    height: 2rem;
    fill: #a64600; }
  .programmeneuf .quartier .calcul form .result {
    width: 110px;
    box-sizing: border-box;
    font-size: 1.4rem;
    font-weight: 500;
    color: #fff;
    background-color: #a64600;
    padding-top: 20px;
    padding-left: 30px;
    position: relative; }
  .programmeneuf .quartier .calcul form .result:before {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border-top: 15px solid transparent;
    border-left: 10px solid #fff;
    border-bottom: 15px solid transparent;
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%); }
  .programmeneuf .quartier .calcul.alone {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center; }
  .programmeneuf .quartier .calcul.alone p {
    width: 200px; }
  .programmeneuf .quartier .calcul.alone form {
    box-sizing: border-box;
    width: calc(100% - 200px);
    padding-left: 40px; }
  .programmeneuf .quartier-text {
    padding: 0;
    color: black;
    font-weight: 300;
    font-size: 1.6rem;
    line-height: 1.5;
    margin-bottom: 3rem; }
  .programmeneuf .quartier h2 {
    margin-top: 0;
    margin-bottom: 25px;
    color: #ef7d00; }
  .programmeneuf .quartier .gmap {
    position: relative; }
  .programmeneuf .quartier .gmap iframe {
    width: 100%;
    height: 420px; }
  .programmeneuf .quartier .gmap .filters {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    border: 1px solid #ef7d00;
    position: absolute;
    bottom: 13px;
    left: 50%;
    z-index: 9;
    transform: translateX(-50%); }
  .programmeneuf .quartier .gmap .filters .filter {
    width: 60px;
    height: 60px;
    background-color: #fff;
    border-right: 1px solid #ef7d00;
    cursor: pointer;
    position: relative; }
  .programmeneuf .quartier .gmap .filters .filter:last-child {
    border-right: 0; }
  .programmeneuf .quartier .gmap .filters .filter.current {
    background-color: #ef7d00; }
  .programmeneuf .quartier .gmap .filters .filter.current .icon svg {
    fill: #fff; }
  .programmeneuf .quartier .gmap .filters .filter .icon {
    width: 50px;
    height: 26px;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%); }
  .programmeneuf .quartier .gmap .filters .filter .icon svg {
    width: 100%;
    height: 100%;
    object-fit: contain;
    fill: #ef7d00; }

.pricesPlans {
  width: 100%;
  max-width: 96rem;
  margin: auto;
  margin-top: 7rem; }
  .pricesPlans .pricesPlans-top {
    display: flex;
    align-items: center;
    justify-content: space-between; }
  .pricesPlans .pricesPlans-top a {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    text-decoration: none; }
  .pricesPlans .pricesPlans-top a .text, .pricesPlans .pricesPlans-top a .date {
    font-size: 1.8rem;
    color: #fff;
    font-weight: bold;
    padding: 0.7rem 1.5rem; }
  .pricesPlans .pricesPlans-top a .text {
    background: #ef7d00; }
  .pricesPlans .pricesPlans-top a .date {
    background: #ee1523; }
  .pricesPlans .pricesPlans-top a .info {
    width: 3.2rem;
    height: 3.2rem;
    border: 0.1rem solid black;
    color: #000;
    font-size: 1.8rem;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: 1.5rem;
    border-radius: 50%;
    position: relative; }
  .pricesPlans .pricesPlans-top a .info .tooltip {
    display: none;
    box-sizing: border-box;
    width: 320px;
    background-color: #fff;
    -moz-box-shadow: 0px 0px 5px -1px #cfcfcf;
    -webkit-box-shadow: 0px 0px 5px -1px #cfcfcf;
    -o-box-shadow: 0px 0px 5px -1px #cfcfcf;
    box-shadow: 0px 0px 5px -1px #cfcfcf;
    filter: progid:DXImageTransform.Microsoft.Shadow(color=#cfcfcf, Direction=NaN, Strength=5);
    padding: 45px 35px;
    position: absolute;
    right: 0;
    z-index: 98; }
  .pricesPlans .pricesPlans-top a .info .tooltip .close {
    cursor: pointer;
    position: absolute;
    top: 8px;
    right: 12px; }
  .pricesPlans .pricesPlans-top a .info .tooltip .close svg {
    width: 10px;
    height: 10px;
    fill: #adadad; }
  .pricesPlans .pricesPlans-top a .info .tooltip p {
    font-family: 'Gotham Book', Arial, sans-serif;
    font-size: 1.2rem;
    font-weight: 300;
    color: #adadad; }
  .pricesPlans .pricesPlans-title {
    color: #ef7d00;
    text-align: left;
    margin: 0;
    padding: 0;
    margin-bottom: 2rem; }
  .pricesPlans .pricesPlans-conditions {
    font-size: 1.1rem;
    text-align: right;
    margin: 3rem 0; }

.toggleTabs {
  margin: 0;
  padding: 0; }
  .toggleTabs .toggleTabs-toggle {
    margin: 0;
    padding: 0;
    list-style-type: none;
    margin-bottom: 1rem; }
  .toggleTabs .toggleTabs-top {
    box-sizing: border-box;
    padding: 1rem 0;
    padding-left: 5.5rem;
    min-height: 6rem;
    background: #efefef;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-right: 1.5rem;
    cursor: pointer;
    position: relative;
    transition: 0.4s ease-out; }
  .toggleTabs .toggleTabs-top:hover {
    background: #e2e2e2; }
  .toggleTabs .toggleTabs-top::before {
    content: "";
    border: 3px solid #aeaeae;
    border-width: 0 3px 3px 0;
    position: absolute;
    left: 1.5rem;
    top: 50%;
    transform: rotate(-135deg) translateY(36%);
    width: 1.5rem;
    height: 1.5rem;
    transition: 0.4s ease-out;
    transform-origin: center; }
  .toggleTabs .toggleTabs-top.active::before {
    transform: translateY(-76%) rotate(45deg);
    left: 2.3rem; }
  .toggleTabs .toggleTabs-name {
    font-size: 2.1rem;
    font-weight: bold;
    color: #ef7d00;
    margin: 0; }
  .toggleTabs .toggleTabs-price {
    font-size: 1.6rem;
    margin: 0; }
  .toggleTabs .toggleTabs-price .toggleTabs-value {
    font-size: 2.1rem;
    color: #ef7d00;
    font-weight: bold; }
  .toggleTabs .toggleTabs-content {
    display: none; }
  .toggleTabs .toggleTabs-content ul, .toggleTabs .toggleTabs-content li {
    margin: 0;
    padding: 0;
    list-style-type: none; }
  .toggleTabs .toggleTabs-content li {
    padding: 1rem 0; }
  .toggleTabs .toggleTabs-line {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 1rem 0; }
  .toggleTabs .toggleTabs-item {
    padding-left: 0.2rem !important; }
  .toggleTabs .toggleTabs-item:not(:last-child) {
    border-bottom: 0.1rem solid #cfcfcf; }
  .toggleTabs .toggleTabs-text {
    font-size: 1.6rem;
    color: black;
    font-weight: bold;
    margin: 0; }
  .toggleTabs .toggleTabs-text sup {
    margin-top: 0.2rem;
    font-size: 1rem; }
  .toggleTabs .toggleTabs-littlePrice {
    color: #ef7d00;
    font-size: 1.8rem;
    font-weight: bold; }
  .toggleTabs .toggleTabs-link {
    font-size: 1.4rem;
    color: white;
    background: #f02d3a;
    padding: 1rem 1.5rem;
    display: inline-block;
    text-decoration: none;
    transition: 0.4s ease-out;
    text-align: center; }
  .toggleTabs .toggleTabs-link:hover {
    background: #ef7d00; }

.demande-btn {
  width: 100%;
  max-width: 96rem;
  margin: 6rem auto 0; }
  .demande-btn div {
    background-color: #ef7d00;
    width: 20rem;
    padding: 2rem;
    color: white;
    text-align: center;
    font-size: 2rem;
    font-weight: bold;
    cursor: pointer;
    position: relative; }
  .demande-btn div.demande-btn-open:after {
    content: "";
    display: block;
    position: absolute;
    bottom: -1.5rem;
    left: 50%;
    transform: translateX(-50%);
    width: 0;
    height: 0;
    border-left: 1.5rem solid transparent;
    border-right: 1.5rem solid transparent;
    border-top: 1.5rem solid #ef7d00; }

.programmeneuf {
  overflow: hidden; }
  .programmeneuf .demande {
    width: 100%;
    max-width: 96rem;
    margin: auto;
    margin-top: 3rem;
    /* Cachons la case à cocher */
    /* on prépare le label */
    /* Aspect des checkboxes */
    /* :before sert à créer la case à cocher */
    /* Aspect général de la coche */
    /* Aspect si "pas cochée" */ }
  .programmeneuf .demande-text {
    font-size: 3rem;
    color: #ef7d00;
    font-weight: bold;
    text-align: center; }
  .programmeneuf .demande-buttons {
    align-items: center;
    display: flex; }
  .programmeneuf .demande-button {
    margin-left: 2rem; }
  .programmeneuf .demande .compte-conditions {
    margin: 0;
    color: #4c4c4c;
    font-size: 1.2rem;
    margin-left: 1.5rem; }
  .programmeneuf .demande .compte-conditions a {
    color: #47b4d5; }
  .programmeneuf .demande-button {
    display: flex;
    align-items: center; }
  .programmeneuf .demande button[type="submit"] {
    cursor: pointer;
    background: #c20e1a;
    color: #fff;
    font-size: 1.7rem;
    font-weight: bold;
    text-align: center;
    padding: 1.2rem 2.5rem;
    transition: 0.4s ease-out;
    border: none;
    font-family: 'Gotham'; }
  .programmeneuf .demande button[type="submit"].blue {
    background: #47b4d5; }
  .programmeneuf .demande button[type="submit"]:hover {
    background: #ef7d00; }
  .programmeneuf .demande-conditions {
    font-size: 1.1rem;
    color: #4c4c4c; }
  .programmeneuf .demande select, .programmeneuf .demande-row {
    margin-bottom: 1.5rem; }
  .programmeneuf .demande-checkbox {
    margin-bottom: 2.5rem;
    margin-top: 2.5rem; }
  .programmeneuf .demande-checkbox label {
    color: #adadad;
    font-size: 1.1rem;
    display: flex;
    align-items: center; }
  .programmeneuf .demande-title {
    color: #ef7d00;
    font-size: 2.3rem;
    font-weight: bold;
    text-align: left;
    padding: 0;
    margin-top: 0;
    margin-bottom: 3rem; }
  .programmeneuf .demande input[type="text"], .programmeneuf .demande select, .programmeneuf .demande textarea {
    font-size: 1.4rem;
    font-weight: bold;
    color: #adadad; }
  .programmeneuf .demande input[type="text"]::placeholder, .programmeneuf .demande select::placeholder, .programmeneuf .demande textarea::placeholder {
    color: #adadad; }
  .programmeneuf .demande input[type="text"], .programmeneuf .demande select {
    border: 0.1rem solid #adadad;
    height: 4rem;
    background: white; }
  .programmeneuf .demande input[type="text"] {
    padding-left: 1rem;
    width: 28rem; }
  .programmeneuf .demande textarea {
    width: 58.3rem;
    padding-left: 1rem;
    padding-top: 1rem;
    font-family: 'Gotham';
    border: 0.1rem solid #adadad; }
  .programmeneuf .demande select {
    width: 10rem;
    padding-left: 0.7rem; }
  .programmeneuf .demande-row input[type="text"]:last-child {
    margin-left: 1rem; }
  .programmeneuf .demande [type="checkbox"]:not(:checked), .programmeneuf .demande [type="checkbox"]:checked {
    position: absolute;
    left: -999rem; }
  .programmeneuf .demande [type="checkbox"]:not(:checked) + label, .programmeneuf .demande [type="checkbox"]:checked + label {
    position: relative;
    /* permet de positionner les pseudo-éléments */
    padding-left: 25px;
    /* fait un peu d'espace pour notre case à venir */
    cursor: pointer;
    /* affiche un curseur adapté */ }
  .programmeneuf .demande [type="checkbox"]:not(:checked) + label:before, .programmeneuf .demande [type="checkbox"]:checked + label:before {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 17px;
    height: 17px;
    /* dim. de la case */
    border: 1px solid #aaa;
    background: #f8f8f8; }
  .programmeneuf .demande [type="checkbox"]:not(:checked) + label:after, .programmeneuf .demande [type="checkbox"]:checked + label:after {
    content: '✔';
    position: absolute;
    top: 50%;
    left: 4px;
    font-size: 14px;
    color: #ef7d00;
    transition: all 0.2s;
    /* on prévoit une animation */ }
  .programmeneuf .demande [type="checkbox"]:not(:checked) + label:after {
    opacity: 0;
    /* coche invisible */
    transform: scale(0) translateY(-50%);
    /* mise à l'échelle à 0 */ }
  .programmeneuf .demande [type="checkbox"]:checked + label:after {
    opacity: 1;
    /* coche opaque */
    transform: scale(1) translateY(-50%);
    /* mise à l'échelle 1:1 */ }

#zone-demande {
  background: #efefef;
  padding: 5.5rem 0;
  padding-top: 4.5rem;
  display: none; }
  #zone-demande.validated {
    padding: 16.5rem 0; }

@media screen and (max-width: 1100px) {
  .programmeneuf .content .banniere .type-projet .projet {
    width: 12rem;
    min-width: 12rem;
    height: 12rem;
    line-height: 12rem;
    font-size: 2rem; }
    .programmeneuf .content .banniere .type-projet .type {
      font-size: 2.8rem;
      font-weight: 800;
      margin-left: 2rem;
      color: white;
      padding-right: 3rem; }
    .programmeneuf .content .bandeau {
      padding-left: 0; } }

@media screen and (max-width: 960px) {
  .programmeneuf .content .bandeau {
    padding-top: 9rem; }
    .programmeneuf .content .bandeau-bulle {
      bottom: 100%;
      transform: translateY(-4.5rem); }

  .intro {
    box-sizing: border-box; }
    .intro-right {
      min-width: inherit; }

  .les_plus h2 {
    margin-bottom: 3rem !important; }
    .les_plus .plus_list .plus {
      margin-bottom: 2rem; }

  .toggleTabs .toggleTabs-col {
    width: 33.33%; }
    .toggleTabs .toggleTabs-line {
      flex-wrap: wrap;
      padding: 2rem 1rem !important;
      box-sizing: border-box; } }

@media screen and (max-width: 740px) {
  .programmeneuf .content .demande select {
    margin: 0; }
    .programmeneuf .content .demande input[type="text"], .programmeneuf .content .demande textarea {
      width: 100%;
      margin: 0;
      margin-top: 1.5rem;
      box-sizing: border-box; }
    .programmeneuf .content .demande-buttons {
      justify-content: center;
      align-items: flex-start;
      flex-direction: column;
      align-items: center; }
    .programmeneuf .content .demande-button {
      flex-direction: column;
      justify-content: center;
      text-align: center;
      width: 100%;
      margin: 0; }
      .programmeneuf .content .demande-button p {
        margin-top: 2rem;
        margin-left: 0 !important; }

  .intro {
    box-sizing: border-box; }
    .intro-right, .intro-left {
      min-width: 100% !important; }

  .pricesPlans .pricesPlans-top {
    flex-direction: column-reverse;
    align-items: flex-end; }
    .pricesPlans .pricesPlans-top .right .text, .pricesPlans .pricesPlans-top .right .date {
      font-size: 1.2rem;
      text-align: center; }
    .pricesPlans .pricesPlans-top .right .info {
      height: 3rem;
      width: 3rem;
      font-size: 1.4rem; }
    .pricesPlans .pricesPlans-top h3 {
      width: 100%;
      text-align: left; } }

@media screen and (max-width: 960px) {
  .programmeneuf .content .banniere .type-projet {
    left: 4rem; }
    .programmeneuf .content .banniere .type-projet .projet {
      font-size: 1.7rem; }
    .programmeneuf .content .quartier h2 {
      padding: 0 1rem !important; }
    .programmeneuf .content .quartier-text {
      padding: 0 1rem !important; }
    .programmeneuf .content .demande, .programmeneuf .content .pricesPlans {
      width: 92%;
      box-sizing: border-box; } }

@media screen and (max-width: 620px) {
  .fiche_produit .les_plus .plus_list {
    align-items: flex-start;
    flex-direction: column; }
    .fiche_produit .les_plus .plus_list .plus .icon {
      width: 70px;
      text-align: center; }

  .programmeneuf .content .bandeau-bulle {
    right: 0;
    left: 50%;
    transform: translate(-50%, -4.5rem); } }

@media screen and (max-width: 580px) {
  .programmeneuf .content .banniere .type-projet .type {
    font-size: 2.2rem; } }

@media screen and (max-width: 440px) {
  .programmeneuf .content .banniere .type-projet {
    left: 2rem; }
    .programmeneuf .content .toggleTabs-name {
      font-size: 1.6rem; }
      .programmeneuf .content .toggleTabs-price {
        font-size: 1.4rem; }
      .programmeneuf .content .toggleTabs-value {
        font-size: 1.6rem; } }

.contact .content > h3 {
  color: #adadad;
  font-size: 2.7rem;
  font-weight: 600;
  text-align: center;
  padding: 3rem 2rem 0 2rem; }
  .contact .content .banniere .type-projet .projet {
    width: 15rem;
    background-color: #c20e1a;
    font-size: 2.3rem;
    font-weight: 800;
    color: white; }
  .contact .content .banniere .type-projet .type {
    font-size: 1.8rem;
    font-weight: 600;
    margin-left: 2rem;
    color: #c20e1a;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: start; }
  .contact .content .banniere .type-projet .type p {
    margin: 0.5rem; }
  .contact .content .banniere .type-projet .type p:first-child {
    color: #4c4c4c; }
  .contact .content .wrapper {
    max-width: 47rem;
    width: 90%; }
  .contact .content .wrapper p {
    font-family: 'Gotham';
    font-size: 1.8rem;
    font-weight: 700;
    line-height: 2.9rem;
    color: #4c4c4c;
    margin-top: 4rem; }
  .contact .content .wrapper p span {
    color: #c20e1a; }
  .contact .content .wrapper form {
    display: flex;
    flex-direction: column;
    margin-top: 2rem; }
  .contact .content .wrapper form .select-box {
    position: relative; }
  .contact .content .wrapper form .select-box:before {
    content: "";
    width: 1rem;
    height: 1rem;
    display: block;
    position: absolute;
    background: white;
    box-shadow: 2px 2px 0px 0px #adadad;
    transform: rotate(45deg);
    right: 1.5rem;
    top: 25%;
    -webkit-appearance: none;
    appearance: none; }
  .contact .content .wrapper form .select-box select {
    background-color: #fff; }
  .contact .content .wrapper form input, .contact .content .wrapper form select {
    width: 100%;
    height: 4rem;
    font-size: 1.4rem;
    box-sizing: border-box;
    padding: 0 1rem;
    color: #4c4c4c;
    outline: none;
    font-weight: 600;
    border: 1px solid #adadad;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 0; }
  .contact .content .wrapper form input::placeholder, .contact .content .wrapper form select::placeholder {
    font-weight: 600;
    color: #4c4c4c; }
  .contact .content .wrapper form input.error, .contact .content .wrapper form select.error {
    border: 1px solid #c20e1a; }
  .contact .content .wrapper form input[type=submit], .contact .content .wrapper form select[type=submit] {
    border: none;
    color: white;
    background-color: #c20e1a;
    font-family: 'Gotham';
    font-size: 1.7rem;
    font-weight: 600;
    height: 5rem;
    transition: 0.3s;
    cursor: pointer;
    margin-bottom: 5rem;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 0; }
  .contact .content .wrapper form input[type=submit]:hover, .contact .content .wrapper form select[type=submit]:hover {
    background-color: #6e1b34; }
  .contact .content .wrapper form label {
    font-size: 1.4rem;
    font-family: 'Gotham Book';
    color: #4c4c4c;
    margin: 3rem 0 1rem 0; }
  .contact .content .wrapper form label span {
    color: #c20e1a; }
  .contact .content .wrapper form textarea {
    height: 20rem;
    color: #4c4c4c;
    outline: none;
    font-weight: 600;
    font-family: 'Gotham';
    font-size: 1.4rem;
    padding: 1rem;
    border: 1px solid #adadad;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 0; }
  .contact .content .wrapper form .error-field {
    margin: 0rem 0 !important;
    color: #c20e1a; }
  .contact .content .wrapper form > p, .contact .content .wrapper form .help-block {
    font-family: 'Gotham Book';
    font-size: 1.2rem;
    margin: 3rem 0; }
  .contact .content .wrapper form > p.required, .contact .content .wrapper form .help-block.required {
    margin: 1rem 0 0 0;
    color: #c20e1a; }
  .contact .content .wrapper form > p a, .contact .content .wrapper form .help-block a {
    color: #c20e1a;
    text-decoration: none; }

@media screen and (max-width: 1100px) {
  .contact .content .banniere .type-projet .projet {
    width: 12rem;
    font-size: 2rem;
    line-height: inherit !important; }
    .contact .content .banniere .type-projet .type {
      font-size: 2.8rem;
      font-weight: 800;
      margin-left: 2rem; } }

@media screen and (max-width: 580px) {
  .contact .content .banniere .type-projet .type {
    font-size: 2rem; } }

.cookies-bar {
  position: fixed;
  width: 100%;
  min-height: 7rem;
  padding: 2rem;
  bottom: 0rem;
  left: 0;
  background-color: white;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 1.7rem;
  font-weight: 600;
  color: #4c4c4c;
  box-sizing: border-box;
  transition: 0.5s;
  z-index: 23;
  box-shadow: 0px -4px 23px 0px rgba(0, 0, 0, 0.12); }
  @media screen and (max-width: 600px) {
  .cookies-bar {
    flex-direction: column; }
    .cookies-bar div {
      padding: 2rem 0; } }
  .cookies-bar > div {
    padding: 1rem 2rem;
    background: #c20e1a;
    margin-left: 2rem;
    color: white;
    cursor: pointer; }

.lettre-type .content > h3 {
  color: #adadad;
  font-size: 2.7rem;
  font-weight: 600;
  text-align: center;
  padding: 3rem 2rem 0 2rem; }
  .lettre-type .content .banniere .type-projet .projet {
    font-size: 2.3rem;
    font-weight: 800; }
  .lettre-type .content .banniere .type-projet .type {
    font-size: 3.8rem;
    font-weight: 800;
    margin-left: 2rem;
    padding-right: 2rem;
    color: #c20e1a;
    display: flex;
    align-items: center; }
  .lettre-type .content .banniere .type-projet .type p {
    margin: 0.5rem;
    color: #c20e1a;
    font-size: 2.4rem; }
  .lettre-type .content .wrapper-txt {
    max-width: 72rem;
    width: 92%;
    color: #4c4c4c;
    margin: 0 auto; }
  .lettre-type .content .wrapper-txt h2 {
    font-size: 1.8rem;
    font-weight: 700;
    margin: 5rem 0 3rem;
    line-height: 2.9rem; }
  .lettre-type .content .wrapper-txt > p {
    font-size: 1.6rem;
    font-family: 'Gotham Book';
    line-height: 2.8rem;
    padding: 0rem 0 4rem 0;
    margin: 0 auto; }
  .lettre-type .content .wrapper-txt .lettre {
    border: 1px solid #adadad;
    padding: 4rem;
    color: black;
    font-size: 1.4rem; }
  .lettre-type .content .wrapper-txt .lettre .expd {
    font-weight: 600;
    margin-bottom: 6rem; }
  .lettre-type .content .wrapper-txt .lettre .expd p {
    margin: 0.5rem; }
  .lettre-type .content .wrapper-txt .lettre .dest {
    text-align: right;
    font-weight: 600;
    margin-bottom: 6rem; }
  .lettre-type .content .wrapper-txt .lettre .dest p {
    margin: 0.5rem; }
  .lettre-type .content .wrapper-txt .lettre .objet {
    font-family: 'Gotham';
    font-weight: 600; }
  .lettre-type .content .wrapper-txt .lettre .objet p {
    margin: 0.5rem; }
  .lettre-type .content .wrapper-txt .lettre .corps {
    font-family: 'Gotham Book'; }
  .lettre-type .content .wrapper-txt .lettre .corps p {
    margin: 4rem 0;
    line-height: 2.2rem; }
  .lettre-type .content .wrapper-txt .telecharger {
    text-decoration: none; }
  .lettre-type .content .wrapper-txt .telecharger div {
    font-size: 1.4rem;
    font-weight: 600;
    color: #4c4c4c;
    border: 1px solid #adadad;
    display: flex;
    align-items: center;
    padding: 2rem;
    position: relative;
    margin-top: 4rem; }
  .lettre-type .content .wrapper-txt .telecharger div svg {
    width: 3rem;
    height: 3rem;
    position: absolute;
    right: 2rem;
    fill: #c20e1a;
    top: 50%;
    transform: translateY(-50%); }
  .lettre-type .content .lettres {
    background-color: #efefef;
    padding: 4rem 0 4rem 0;
    margin: 6rem auto 0 auto;
    width: 100%; }
  .lettre-type .content .lettres h2 {
    font-size: 2.1rem;
    font-weight: 600;
    color: #c20e1a;
    text-align: center; }
  .lettre-type .content .lettres .pagination {
    margin-top: 2rem; }
  .lettre-type .content .lettres .pagination ul {
    display: flex;
    justify-content: center;
    padding-left: 0; }
  .lettre-type .content .lettres .pagination ul li {
    list-style-type: none;
    font-size: 1.6rem;
    font-weight: 400;
    padding: 0 0.5rem;
    position: relative;
    color: #c20e1a; }
  .lettre-type .content .lettres .pagination ul li.select {
    font-weight: 800; }
  .lettre-type .content .lettres .pagination ul li.select::after {
    content: "";
    border-bottom: 4px solid black;
    position: absolute;
    bottom: -0.4rem;
    width: 1.5rem;
    left: 50%;
    transform: translateX(-50%);
    border-bottom: 4px solid #c20e1a; }
  .lettre-type .content .lettres .lettres-container {
    max-width: 100rem;
    display: flex;
    box-sizing: border-box;
    width: 100rem;
    margin: 0 auto;
    padding: 4rem 0px;
    justify-content: space-between; }
  .lettre-type .content .lettres .lettres-container .lettres-bloc {
    margin: 1rem; }
  .lettre-type .content .lettres .lettres-container #mCSB_1_container {
    display: flex; }
  .lettre-type .content .lettres .lettres-container .lettres-box {
    background-color: #fff;
    padding: 3rem;
    box-sizing: border-box; }
  .lettre-type .content .lettres .lettres-container .lettres-box:hover {
    background-color: #c20e1a;
    box-shadow: 0px 0px 27px -1px rgba(0, 0, 0, 0.23); }
  .lettre-type .content .lettres .lettres-container .lettres-box:hover svg {
    fill: white; }
  .lettre-type .content .lettres .lettres-container .lettres-box:hover p a {
    color: white;
    font-weight: 700; }
  .lettre-type .content .lettres .lettres-container .lettres-box svg {
    width: 2rem;
    height: 2rem;
    fill: #6e1b34; }
  .lettre-type .content .lettres .lettres-container .lettres-box p {
    padding: 1rem 0; }
  .lettre-type .content .lettres .lettres-container .lettres-box p a {
    font-size: 1.8rem;
    font-family: 'Gotham';
    line-height: 2rem;
    font-weight: 600;
    color: #c20e1a;
    text-decoration: none; }

@media screen and (max-width: 1100px) {
  .lettre-type .content .banniere .type-projet .projet {
    width: 12rem;
    min-width: 12rem;
    height: 12rem;
    font-size: 2rem;
    line-height: initial; }
    .lettre-type .content .banniere .type-projet .type {
      font-size: 2.8rem;
      font-weight: 800;
      margin-left: 2rem;
      padding-right: 3rem; }
    .lettre-type .content .lettres .lettres-container {
      width: 100%; }
    .lettre-type .content .lettres .lettres-container .lettres-box {
      min-width: 23rem;
      margin: 1rem 1.5rem; } }

@media screen and (max-width: 580px) {
  .lettre-type .content .banniere .type-projet .projet {
    width: 10rem;
    min-width: 10rem;
    height: 10rem; }
    .lettre-type .content .banniere .type-projet .type {
      line-height: 2.5rem;
      font-size: 2rem; }
    .lettre-type .content .wrapper-txt {
      width: 90%; } }

.faq .content .hero .background::before {
  opacity: 0.05; }
  .faq .content .hero .content p {
    background-color: #c20e1a; }
  .faq .content .hero .content p svg {
    width: 140px;
    fill: white; }
  .faq .content .hero .content h1 {
    color: white; }
  .faq .content > h3 {
    color: #adadad;
    font-size: 2.7rem;
    font-weight: 600;
    text-align: center;
    padding: 3rem 2rem 0 2rem; }
  .faq .content .banniere .type-projet .projet {
    width: 15rem; }
  .faq .content .banniere .type-projet .projet svg {
    fill: white;
    width: 100%;
    height: 100%; }
  .faq .content .banniere .type-projet .type {
    color: #c20e1a;
    max-width: 60rem; }
  .faq .content .goback-top {
    font-weight: 700;
    font-size: 1.8rem;
    border-bottom: 1px solid #adadad;
    padding: 2rem 0;
    display: flex;
    align-items: center; }
  .faq .content .goback-top div:first-child {
    height: 1.7rem;
    margin-right: 1rem; }
  .faq .content .goback-top svg {
    width: 1.5rem;
    height: 1.5rem;
    fill: #cfcfcf; }
  .faq .content .goback-top a {
    font-size: 1.4rem;
    color: #c20e1a;
    text-decoration: none; }
  .faq .content .goback-bot {
    font-weight: 700;
    font-size: 1.8rem;
    border-top: 1px solid #adadad;
    padding: 2rem 0 5rem;
    display: flex;
    align-items: center; }
  .faq .content .goback-bot div:first-child {
    height: 1.7rem;
    margin-right: 1rem; }
  .faq .content .goback-bot svg {
    width: 1.5rem;
    height: 1.5rem;
    fill: #cfcfcf; }
  .faq .content .goback-bot a {
    font-size: 1.4rem;
    color: #c20e1a;
    text-decoration: none; }
  .faq .content .wrapper-txt {
    max-width: 72rem;
    width: 92%;
    margin: 0 auto; }
  @media screen and (max-width: 600px) {
      .faq .content .wrapper-txt {
        width: 90%; } }
  .faq .content .wrapper-txt .introduction {
    margin: 0 auto;
    padding: 5rem 0 3rem;
    font-family: 'Gotham';
    font-size: 1.8rem;
    font-weight: 700;
    line-height: 2.9rem;
    color: #4c4c4c; }
  .faq .content .wrapper-txt .introduction.intro-page {
    padding: 3rem 0 3rem; }
  .faq .content .wrapper-txt .introduction h2 {
    font-family: 'Gotham';
    font-weight: 700;
    font-size: 3rem;
    margin-top: 0;
    padding-top: 0;
    color: #c20e1a; }
  .faq .content .wrapper-txt .infos {
    font-family: 'Gotham Book', sans-serif;
    font-size: 1.6rem;
    line-height: 2.8rem;
    margin: 0 auto;
    padding: 0rem 0 6rem 0;
    color: #4c4c4c; }
  .faq .content .wrapper-txt .infos.infos-page {
    padding: 0rem 0 3rem 0; }
  .faq .content .wrapper-txt .qpf-intro {
    margin: 0 auto;
    padding: 5rem 0 1rem;
    font-family: 'Gotham';
    font-size: 1.8rem;
    font-weight: 700;
    line-height: 1.6;
    color: #4c4c4c; }
  .faq .content .wrapper-txt .qpf {
    display: flex;
    justify-content: space-between;
    margin: 0 auto 6rem;
    flex-wrap: wrap; }
  .faq .content .wrapper-txt .qpf div {
    width: 32%;
    padding: 0 2rem;
    box-sizing: border-box;
    border-right: 1px solid #adadad;
    margin: 2rem 0;
    display: flex;
    align-items: center; }
  .faq .content .wrapper-txt .qpf div a {
    font-size: 1.9rem;
    font-weight: 600;
    color: #c20e1a;
    text-decoration: none; }
  .faq .content .wrapper-txt .qpf div:last-child {
    border-right: none; }
  .faq .content .wrapper-txt .qpf div:nth-child(2) a {
    color: #6e1b34; }
  .faq .content .wrapper-txt .recherche {
    margin: 0 auto; }
  .faq .content .wrapper-txt .recherche form {
    display: flex; }
  .faq .content .wrapper-txt .recherche form input[type=text] {
    width: 75%;
    height: 5.5rem;
    padding: 0 2rem;
    font-weight: 600;
    font-family: 'Gotham';
    font-size: 1.7rem;
    outline: none;
    border: 1px solid #adadad;
    border-right: none;
    box-sizing: border-box; }
  .faq .content .wrapper-txt .recherche form input[type=text]::placeholder {
    color: #adadad; }
  .faq .content .wrapper-txt .recherche form input[type=submit] {
    width: 25%;
    min-width: 13rem;
    border: none;
    color: white;
    background-color: #c20e1a;
    height: 5.5rem;
    font-weight: 600;
    font-family: 'Gotham';
    font-size: 1.7rem;
    cursor: pointer;
    transition: 0.3s;
    outline: none;
    -webkit-appearance: none;
    appearance: none; }
  .faq .content .wrapper-txt .recherche form input[type=submit]:hover {
    background-color: #6e1b34; }
  .faq .content .qsm {
    width: 100%;
    background-color: #efefef; }
  .faq .content .qsm .qsm-intro {
    margin: 0 auto;
    padding: 5rem 0 2rem;
    font-family: 'Gotham';
    font-size: 1.8rem;
    font-weight: 700;
    line-height: 1.6;
    color: #4c4c4c; }
  .faq .content .qsm .qsm-box {
    display: flex;
    justify-content: space-between;
    padding-bottom: 3rem;
    flex-wrap: wrap;
    flex-direction: column; }
  .faq .content .qsm .qsm-box div {
    width: 100%;
    padding: 2rem 0;
    box-sizing: border-box;
    border-top: 1px solid #adadad;
    display: flex;
    align-items: center; }
  .faq .content .qsm .qsm-box div a {
    font-size: 1.5rem;
    font-weight: 600;
    color: #c20e1a;
    text-decoration: none; }
  .faq .content .qsm .qsm-box div:last-child {
    border-right: none; }
  .faq .content .qsm .qsm-box div:nth-child(2) a {
    color: #6e1b34; }
  .faq .content .questions .questions-container {
    flex-wrap: wrap; }
  @media screen and (max-width: 1200px) {
        .faq .content .questions .questions-container {
          justify-content: center;
          padding: 0;
          width: 92%; } }
  .faq .content .questions .questions-container a {
    width: 24%;
    text-decoration: none;
    background-color: transparent;
    background-color: transparent; }
  @media screen and (max-width: 1200px) {
          .faq .content .questions .questions-container a {
            width: calc(33% - 1rem*2);
            min-width: auto; } }
  @media screen and (max-width: 768px) {
          .faq .content .questions .questions-container a {
            width: calc(50% - 1rem*2); } }
  @media screen and (max-width: 500px) {
          .faq .content .questions .questions-container a {
            width: calc(100%);
            margin: 1rem 0; } }
  .faq .content .questions .questions-container a:hover {
    box-shadow: none; }
  .faq .content .questions .questions-container a .questions-box {
    margin-top: 1rem;
    transition: 0.3s;
    width: 100%; }
  .faq .content .questions .questions-container a .questions-box:hover {
    background-color: #c20e1a !important; }
  .faq .content .questions .questions-container a .questions-box:hover p {
    color: white !important; }
  .faq .content .questions .questions-container a .questions-box:hover h3 {
    color: white !important; }
  .faq .content .questions .questions-container a .questions-box:last-child {
    background-color: white;
    display: block;
    height: 35rem; }
  .faq .content .questions .questions-container a .questions-box:last-child h3 {
    color: #c20e1a;
    font-size: 2.6rem; }
  .faq .content .questions .questions-container a .questions-box:last-child p {
    color: black;
    text-decoration: none;
    font-family: 'Gotham Book';
    font-weight: 300; }
  .faq .content .questions .questions-container a .questions-box:nth-child(2n+0) h3 {
    color: #6e1b34; }
  .faq .content .villesprincipales {
    margin-top: 6rem; }
  .faq .content .pagination {
    margin-top: 2rem; }
  .faq .content .pagination ul {
    display: flex;
    justify-content: center;
    padding: 0; }
  .faq .content .pagination ul li {
    list-style-type: none;
    font-size: 1.6rem;
    font-weight: 400;
    padding: 0 0.5rem;
    position: relative;
    color: #c20e1a; }
  .faq .content .pagination ul li.select {
    font-weight: 800; }
  .faq .content .pagination ul li.select::after {
    content: "";
    border-bottom: 4px solid #c20e1a;
    position: absolute;
    bottom: -0.4rem;
    width: 1.5rem;
    left: 50%;
    transform: translateX(-50%); }

@media screen and (max-width: 1200px) {
  .faq .content .hide {
    display: none !important; }
    .faq .content .banniere .type-projet .projet {
      width: 12rem;
      font-size: 2rem; } }

@media screen and (max-width: 580px) {
  .faq .content .banniere .type-projet .type {
    line-height: 2.5rem;
    font-size: 2rem; }
    .faq .content .proprietaire div:last-child img {
      height: 100%; }
    .faq .content .questions .questions-container .questions-box {
      width: 90%; }
    .faq .content .wrapper-txt .qpf div {
      width: 100%;
      border-right: none;
      border-top: solid 1px #adadad;
      padding: 2rem;
      margin: 0; } }

.monprojetlocataire .content > h3 {
  color: #adadad;
  font-size: 2.7rem;
  font-weight: 600;
  text-align: center;
  padding: 3rem 2rem 0 2rem; }
  .monprojetlocataire .content p {
    font-family: 'Gotham Book', Arial, sans-serif;
    font-size: 1.6rem;
    line-height: 2.8rem;
    color: #4c4c4c;
    margin-top: 2rem;
    margin-bottom: 0; }
  .monprojetlocataire .content .hero .content .inner p {
    background-color: #47b4d5; }
  .monprojetlocataire .content .introduction {
    margin: 0 auto;
    padding: 5rem 0 2rem 0;
    max-width: 72rem; }
  .monprojetlocataire .content .introduction p {
    font-family: 'Gotham';
    font-size: 1.8rem;
    font-weight: 700;
    line-height: 2.9rem;
    color: #4c4c4c; }
  .monprojetlocataire .content .video {
    width: 92%;
    max-width: 72rem;
    margin: 0 auto;
    padding: 3rem 0;
    display: flex;
    justify-content: center; }
  .monprojetlocataire .content .exp {
    background-color: #cc5154;
    font-size: 1.8rem;
    font-family: 'Gotham Book';
    color: white;
    padding: 6rem 2rem 4rem 2rem;
    margin: 10rem 0 6rem;
    position: relative; }
  .monprojetlocataire .content .exp img {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: -8rem; }
  .monprojetlocataire .content .exp h3 {
    font-size: 2.7rem;
    color: white;
    font-family: 'Gotham';
    text-align: center;
    padding: 2rem; }
  .monprojetlocataire .content .exp div {
    max-width: 72rem;
    width: 90%;
    margin: 0 auto;
    line-height: 2.6rem; }
  .monprojetlocataire .content .exp div p {
    color: white;
    margin-bottom: 4rem; }
  .monprojetlocataire .content .simulateurs {
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-bottom: 6rem; }
  .monprojetlocataire .content .simulateurs > div {
    width: 48%;
    color: white;
    height: 24rem; }
  .monprojetlocataire .content .simulateurs > div.simulateur-box {
    background-color: #efefef;
    display: flex;
    min-height: 24rem; }
  .monprojetlocataire .content .simulateurs > div.simulateur-box .simulateur-box-txt {
    font-size: 1.5rem;
    padding: 2rem;
    box-sizing: border-box;
    position: relative;
    width: 100%; }
  .monprojetlocataire .content .simulateurs > div.simulateur-box .simulateur-box-txt img {
    position: absolute;
    bottom: 0;
    right: 0; }
  @media screen and (max-width: 550px) {
              .monprojetlocataire .content .simulateurs > div.simulateur-box .simulateur-box-txt img {
                width: 40% !important; } }
  @media screen and (max-width: 1200px) {
              .monprojetlocataire .content .simulateurs > div.simulateur-box .simulateur-box-txt img {
                width: 60%; } }
  .monprojetlocataire .content .simulateurs > div.simulateur-box .simulateur-box-txt h3 {
    font-family: 'Gotham';
    font-size: 2.5rem;
    font-weight: 700;
    color: #c20e1a;
    margin-top: 4rem;
    text-align: left; }
  .monprojetlocataire .content .simulateurs > div.simulateur-box .simulateur-box-txt a {
    text-decoration: none;
    color: #c20e1a; }
  .monprojetlocataire .content .simulateurs .compte {
    background-color: #47b4d5;
    font-size: 1.5rem;
    padding: 3rem 6rem 3rem 3rem;
    box-sizing: border-box;
    position: relative; }
  .monprojetlocataire .content .simulateurs .compte h4 {
    font-weight: 600;
    margin: 0 0 2rem 0;
    font-size: 2.5rem; }
  .monprojetlocataire .content .simulateurs .compte > div {
    position: absolute;
    bottom: 3rem; }
  .monprojetlocataire .content .simulateurs .compte > div a {
    color: white;
    padding-top: 2rem;
    font-size: 1.6rem; }
  .monprojetlocataire .content .infos {
    font-family: 'Gotham book';
    font-size: 1.6rem;
    line-height: 2.8rem;
    max-width: 72rem;
    width: 90%;
    margin: 0 auto;
    padding: 0rem 0 2rem 0;
    color: #4c4c4c; }
  .monprojetlocataire .content .infos h3 {
    font-family: 'Gotham';
    font-size: 2.5rem;
    font-weight: 700;
    color: #c20e1a;
    margin-top: 4rem;
    text-align: left; }
  .monprojetlocataire .content .proprietaire {
    display: flex;
    width: 100%;
    max-width: 100rem;
    background-color: #62408d;
    margin: 3rem auto;
    overflow: hidden;
    flex-wrap: wrap; }
  .monprojetlocataire .content .proprietaire div {
    width: 50%;
    overflow: hidden;
    height: 20rem; }
  .monprojetlocataire .content .proprietaire div:first-child {
    padding: 3rem;
    color: white;
    box-sizing: border-box; }
  .monprojetlocataire .content .proprietaire div:first-child p {
    font-family: 'Gotham';
    font-size: 2.5rem;
    font-weight: 600;
    margin: 0;
    margin-bottom: 3rem;
    color: white; }
  .monprojetlocataire .content .proprietaire div:first-child a {
    font-size: 1.6rem;
    color: white; }
  .monprojetlocataire .content .proprietaire div:last-child img {
    min-width: 100%; }

@media screen and (max-width: 1200px) {
  .monprojetlocataire .content .hide {
    display: none !important; }
    .monprojetlocataire .content .banniere .type-projet .projet {
      width: 12rem;
      min-width: 12rem;
      height: 12rem;
      line-height: 12rem;
      font-size: 2rem; }
      .monprojetlocataire .content .banniere .type-projet .type {
        font-size: 2.8rem;
        font-weight: 800;
        line-height: 12rem;
        margin-left: 2rem;
        color: white; }
    .monprojetlocataire .content .programme .programme-box {
      width: 94%;
      justify-content: center; }
      .monprojetlocataire .content .programme .programme-box .box {
        margin-top: 2rem; }
        .monprojetlocataire .content .programme .programme-box .box .box-txt {
          width: 50%; }
        .monprojetlocataire .content .programme .programme-box .box:last-child {
          flex-direction: row-reverse; }
    .monprojetlocataire .content .infosville {
      width: 94%; }
    .monprojetlocataire .content .introduction {
      width: 94%; }
    .monprojetlocataire .content .proprietaire {
      width: 90%; }
      .monprojetlocataire .content .proprietaire div {
        width: 100%; } }

@media screen and (max-width: 760px) {
  .monprojetlocataire .content .simulateurs {
    justify-content: center; }
    .monprojetlocataire .content .simulateurs > div {
      width: 100%;
      margin: 2rem 0;
      height: auto; }
      .monprojetlocataire .content .simulateurs > div:last-child {
        min-height: 24rem; } }

@media screen and (max-width: 580px) {
  .monprojetlocataire .content .simulateurs {
    justify-content: center; }
    .monprojetlocataire .content .simulateurs > div {
      width: 100%;
      margin: 2rem 0;
      height: auto; }
      .monprojetlocataire .content .simulateurs > div:last-child {
        min-height: 24rem; }
    .monprojetlocataire .content .banniere .type-projet .type {
      line-height: 4rem; }
    .monprojetlocataire .content .proprietaire div:last-child img {
      height: 100%; } }

.monprojetproprio .content > h3 {
  color: #adadad;
  font-size: 2.7rem;
  font-weight: 600;
  text-align: center;
  padding: 3rem 2rem 0 2rem; }
  .monprojetproprio .content p {
    font-family: 'Gotham Book', Arial, sans-serif;
    font-size: 1.6rem;
    line-height: 2.8rem;
    color: #4c4c4c;
    margin-top: 2rem;
    margin-bottom: 0; }
  .monprojetproprio .content .hero .content .inner p {
    background-color: #47b4d5; }
  .monprojetproprio .content .introduction {
    margin: 0 auto;
    padding: 5rem 0 2rem 0;
    max-width: 72rem; }
  .monprojetproprio .content .introduction p {
    font-family: 'Gotham';
    font-size: 1.8rem;
    font-weight: 700;
    line-height: 2.9rem;
    color: #4c4c4c; }
  .monprojetproprio .content .video {
    width: 92%;
    max-width: 72rem;
    margin: 0 auto;
    padding: 3rem 0;
    display: flex;
    justify-content: center; }
  .monprojetproprio .content .exp {
    background-color: #47b4d5;
    padding: 6rem 2rem 4rem 2rem;
    margin: 10rem 0 6rem;
    position: relative; }
  .monprojetproprio .content .exp img {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: -8rem; }
  .monprojetproprio .content .exp h3 {
    font-size: 2.7rem;
    color: white;
    font-family: 'Gotham';
    text-align: center;
    padding: 2rem; }
  .monprojetproprio .content .exp div {
    max-width: 72rem;
    width: 90%;
    margin: 0 auto;
    line-height: 2.6rem; }
  .monprojetproprio .content .exp div p {
    color: white;
    margin-bottom: 4rem; }
  .monprojetproprio .content .simulateurs {
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-bottom: 6rem; }
  .monprojetproprio .content .simulateurs > div {
    width: 48%;
    color: white;
    height: 24rem; }
  .monprojetproprio .content .simulateurs > div.simulateur-box {
    background-color: #efefef;
    display: flex;
    min-height: 24rem; }
  @media screen and (max-width: 1100px) {
          .monprojetproprio .content .simulateurs > div.simulateur-box {
            width: 100%;
            margin-bottom: 3rem; } }
  .monprojetproprio .content .simulateurs > div.simulateur-box .simulateur-box-txt {
    font-size: 1.5rem;
    padding: 2rem;
    box-sizing: border-box;
    position: relative;
    width: 100%; }
  .monprojetproprio .content .simulateurs > div.simulateur-box .simulateur-box-txt img {
    position: absolute;
    bottom: 0;
    right: 0; }
  @media screen and (max-width: 550px) {
              .monprojetproprio .content .simulateurs > div.simulateur-box .simulateur-box-txt img {
                width: 40%; } }
  .monprojetproprio .content .simulateurs > div.simulateur-box .simulateur-box-txt h3 {
    font-family: 'Gotham';
    font-size: 2.5rem;
    font-weight: 700;
    color: #c20e1a;
    margin-top: 4rem;
    text-align: left; }
  .monprojetproprio .content .simulateurs > div.simulateur-box .simulateur-box-txt a {
    text-decoration: none;
    color: #c20e1a; }
  .monprojetproprio .content .simulateurs .compte {
    background-color: #47b4d5;
    font-size: 1.5rem;
    padding: 3rem 6rem 3rem 3rem;
    box-sizing: border-box;
    position: relative; }
  @media screen and (max-width: 1100px) {
        .monprojetproprio .content .simulateurs .compte {
          width: 100%; } }
  .monprojetproprio .content .simulateurs .compte h4 {
    font-weight: 600;
    margin: 0 0 2rem 0;
    font-size: 2.5rem; }
  .monprojetproprio .content .simulateurs .compte > div {
    position: absolute;
    bottom: 3rem; }
  .monprojetproprio .content .simulateurs .compte > div a {
    color: white;
    padding-top: 2rem;
    font-size: 1.6rem; }
  .monprojetproprio .content .infos {
    font-family: 'Gotham book';
    font-size: 1.6rem;
    line-height: 2.8rem;
    max-width: 72rem;
    width: 90%;
    margin: 0 auto;
    padding: 0rem 0 2rem 0;
    color: #4c4c4c; }
  .monprojetproprio .content .infos h3 {
    font-family: 'Gotham';
    font-size: 2.5rem;
    font-weight: 700;
    color: #c20e1a;
    margin-top: 4rem;
    text-align: left; }

@media screen and (max-width: 1200px) {
  .monprojetproprio .content .banniere .type-projet .projet {
    width: 12rem;
    min-width: 12rem;
    height: 12rem;
    line-height: 12rem;
    font-size: 2rem; }
    .monprojetproprio .content .banniere .type-projet .type {
      font-size: 2.8rem;
      font-weight: 800;
      line-height: 12rem;
      margin-left: 2rem;
      color: white; }
    .monprojetproprio .content .programme .programme-box {
      justify-content: center; }
    .monprojetproprio .content .programme .programme-box .box {
      margin-top: 2rem; }
      .monprojetproprio .content .programme .programme-box .box .box-txt {
        width: 50%; }
      .monprojetproprio .content .programme .programme-box .box:last-child {
        flex-direction: row-reverse; } }

@media screen and (max-width: 760px) {
  .monprojetlocataire .content .simulateurs {
    justify-content: center; }
    .monprojetlocataire .content .simulateurs > div {
      width: 100%;
      margin: 2rem 0;
      height: auto; }
      .monprojetlocataire .content .simulateurs > div:last-child {
        min-height: 24rem; } }

@media screen and (max-width: 580px) {
  .monprojetproprio .content .banniere .type-projet .type {
    line-height: 4rem; }
    .monprojetproprio .content .exp {
      font-size: 1.4rem; } }

.conseil {
  width: 100rem;
  margin: 0 auto; }
  @media screen and (max-width: 1200px) {
  .conseil {
    width: 100%;
    margin: 4rem auto 0 0; } }
  .conseil h2 {
    font-size: 3.6rem;
    font-weight: 800;
    color: #c20e1a; }
  .conseil .conseil-container {
    display: flex;
    justify-content: space-between; }
  .conseil .conseil-container .conseil-box {
    width: 24%; }
  .conseil .conseil-container .conseil-box .conseil-box-img img {
    width: 100%; }
  .conseil .conseil-container .conseil-box .conseil-box-txt {
    margin-top: 2rem;
    margin-bottom: 2rem;
    font-size: 1.6rem;
    font-weight: bold; }
  .conseil .conseil-container .conseil-box .conseil-box-more a {
    color: #adadad;
    font-size: 1.6rem;
    font-weight: 500; }
  .conseil .conseil-btn {
    text-align: center;
    width: 100%;
    margin: 6rem auto 0rem; }
  .conseil .conseil-btn a {
    text-decoration: none;
    font-weight: 600;
    color: white;
    font-size: 1.6rem;
    background-color: #c20e1a;
    padding: 2rem 5rem; }
  .conseil .conseil-btn a:hover {
    background-color: #6e1b34; }

@media screen and (max-width: 1200px) {
  .conseil {
    width: 100%;
    margin: 7rem auto 0 0; }
    .conseil h2 {
      text-align: center; }
    .conseil .conseil-container {
      overflow-x: scroll;
      padding: 0; }
      .conseil .conseil-container .conseil-box {
        min-width: 25rem;
        margin: 0 1rem; }
        .conseil .conseil-container .conseil-box:first-child {
          margin-left: 0; } }

.villesprincipales {
  margin-top: 10rem; }
  .villesprincipales .villesprincipales-box {
    display: flex;
    margin: 0 auto;
    width: 100%;
    justify-content: space-between;
    margin-bottom: 7rem;
    flex-wrap: wrap; }
  .villesprincipales .villesprincipales-box a > div {
    width: 24rem;
    height: 17rem;
    position: relative;
    overflow: hidden; }
  .villesprincipales .villesprincipales-box a > div .mask {
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.3);
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2; }
  .villesprincipales .villesprincipales-box a > div:hover img {
    transform: scale(1.1); }
  .villesprincipales .villesprincipales-box a > div img {
    transition: 0.4s;
    display: block;
    width: 100%; }
  .villesprincipales .villesprincipales-box a > div h3 {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    margin: 0;
    padding: 0;
    z-index: 2;
    font-size: 2.4rem;
    font-weight: 600;
    color: white;
    text-decoration: none; }

@media screen and (max-width: 1100px) {
  .villesprincipales .villesprincipales-box {
    justify-content: space-between; }
    .villesprincipales .villesprincipales-box > a {
      width: 49%;
      position: relative;
      box-sizing: border-box; }
      .villesprincipales .villesprincipales-box > a div {
        width: 100%;
        height: auto;
        margin-bottom: 1rem; }
        .villesprincipales .villesprincipales-box > a div img {
          min-width: 100%; } }

@media screen and (max-width: 580px) {
  .villesprincipales .villesprincipales-box {
    justify-content: center; }
    .villesprincipales .villesprincipales-box > a {
      width: 100%;
      position: relative; }
      .villesprincipales .villesprincipales-box > a img {
        min-width: 100%; } }

.select2-dropdown {
  border: none !important; }

.select2-results ul li.select2-results__option--highlighted {
  background-color: #c20e1a !important; }
  .select2-results ul li.select2-results__option {
    font-size: 1.5rem !important; }

.filtre-ville {
  margin-bottom: 2rem !important;
  left: -1rem !important; }
  @media screen and (max-width: 1000px) {
  .filtre-ville {
    left: 0 !important; } }
  .filtre-ville .select2-container {
    width: 46rem !important; }
  @media screen and (max-width: 1000px) {
    .filtre-ville .select2-container {
      width: 100% !important; } }
  .filtre-ville .select2-container span {
    border: none !important; }
  .filtre-ville .select2-container ul {
    display: flex !important;
    position: initial !important;
    padding: 0 !important;
    width: 100% !important;
    align-items: center !important;
    padding: 0 1rem !important;
    height: 4.5rem !important; }
  .filtre-ville .select2-container ul li {
    background-color: white !important;
    margin-top: 0 !important;
    padding: 0 !important; }
  .filtre-ville .select2-container ul li.select2-selection__choice {
    font-weight: 600 !important;
    font-size: 1.5rem !important;
    color: #adadad !important;
    border: 1px solid #c20e1a !important;
    padding: 0.5rem !important;
    color: #c20e1a !important;
    border-radius: 0 !important;
    display: flex !important;
    flex-direction: row-reverse !important; }
  .filtre-ville .select2-container ul li.select2-selection__choice span {
    color: #c20e1a !important;
    padding-left: 0.5rem !important; }
  .filtre-ville .select2-container ul li:hover {
    background-color: white !important; }
  .filtre-ville .select2-container ul li input {
    width: 100% !important;
    font-family: "Gotham" !important;
    font-weight: 600 !important;
    font-size: 1.5rem !important;
    color: #adadad;
    margin: 0 !important;
    -webkit-appearance: none;
    border-radius: 0;
    height: auto !important; }
  .filtre-ville .select2-container ul li input::placeholder {
    color: #adadad; }
/*------------------------------------*\
 FIXED ACTIONS
 \*------------------------------------*/
.mon_compte .fixed_actions {
  position: fixed;
  top: 50%;
  right: 0;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  z-index: 99; }
  .mon_compte .fixed_actions a.action {
    display: block;
    width: 60px;
    height: 60px;
    text-decoration: none;
    background-color: #47b4d5;
    margin-bottom: 5px;
    position: relative; }
  .mon_compte .fixed_actions a.action:hover {
    background-color: #c20e1a; }
  .mon_compte .fixed_actions a.action svg {
    width: 32px;
    height: 27px;
    fill: #fff;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%); }
/*------------------------------------*\
 MAIN TITLE
 \*------------------------------------*/
.mon_compte .main_title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  margin: 1.5rem 0 2.5rem; }
  .mon_compte .main_title .right_part {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: baseline; }
  .mon_compte .main_title .right_part h1 {
    font-size: 2rem;
    font-weight: 700;
    color: #c20e1a;
    margin-top: 0;
    margin-bottom: 0; }
  .mon_compte .main_title .right_part .nb_biens {
    font-family: 'Gotham Book', Arial, sans-serif;
    font-size: 1.5rem;
    color: #4c4c4c;
    margin-left: 25px; }
  .mon_compte .main_title .order {
    align-self: flex-end;
    position: relative; }
  .mon_compte .main_title .order .button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: space-between;
    align-items: center;
    min-width: 190px;
    background-color: #fff;
    cursor: pointer;
    padding: 15px; }
  .mon_compte .main_title .order .button .toggle {
    font-size: 1.2rem;
    font-weight: 500;
    color: #acacac; }
  .mon_compte .main_title .order .button svg {
    width: 12px;
    height: 7px;
    fill: #acacac;
    cursor: pointer;
    margin-left: 20px; }
  .mon_compte .main_title .order .button svg.rotate {
    transform: rotate(180deg); }
  .mon_compte .main_title .order ul {
    display: none;
    width: 100%;
    background-color: #fff;
    border-top: 1px solid #acacac;
    margin: 0;
    padding: 0;
    position: absolute;
    z-index: 999; }
  .mon_compte .main_title .order ul li {
    font-size: 1.2rem;
    font-weight: 500;
    color: #acacac;
    list-style-type: none;
    padding: 15px;
    cursor: pointer; }
  .mon_compte .main_title .order ul li:hover {
    color: #c20e1a; }
  .mon_compte .main_title p {
    width: 100%;
    font-family: 'Gotham Book', Arial, sans-serif;
    font-size: 1.5rem;
    line-height: 2.5rem;
    color: #4c4c4c;
    margin-top: 30px;
    margin-bottom: 25px;
    padding-right: 15%; }
/*------------------------------------*\
 STRUCTURE SIDEBAR
 \*------------------------------------*/
.mon_compte {
  overflow: hidden; }

.mon_compte .structure_sidebar {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  max-width: 960px;
  width: 92%;
  margin: 0 auto;
  position: relative; }
  @media only screen and (max-width: 600px) {
  .mon_compte .structure_sidebar {
    width: 90%; } }
  .mon_compte .structure_sidebar .main_content {
    width: 75%;
    box-sizing: border-box;
    background-color: #efefef;
    padding: 42px 25px 0 25px;
    position: relative; }
  .mon_compte .structure_sidebar .main_content:before {
    content: "";
    display: block;
    width: 9999px;
    height: 100%;
    background-color: #efefef;
    position: absolute;
    top: 0;
    left: -9999px; }
  .mon_compte .structure_sidebar .sidebar {
    width: 25%;
    box-sizing: border-box;
    background-color: #fafafa;
    padding: 42px 20px 0 20px;
    position: relative; }
  .mon_compte .structure_sidebar .sidebar:after {
    content: "";
    display: block;
    width: 9999px;
    height: 100%;
    background-color: #fafafa;
    position: absolute;
    top: 0;
    right: -9999px; }
/*------------------------------------*\
 STRUCTURE WRAPPER
 \*------------------------------------*/
.mon_compte .structure_wrapper {
  background-color: #efefef;
  position: relative; }
  .mon_compte .structure_wrapper .main_content {
    max-width: 960px;
    width: 92%;
    margin: 0 auto;
    padding-top: 25px;
    padding-bottom: 50px; }
  @media only screen and (max-width: 600px) {
    .mon_compte .structure_wrapper .main_content {
      width: 90%; } }
/*------------------------------------------------------------------*\
 RESPONSIVE
 \*------------------------------------------------------------------*/
/*----------------------------------------------*\
 1024PX
 \*----------------------------------------------*/
@media only screen and (max-width: 1024px) {
  /*------------------------------------*\
   FIXED ACTIONS
   \*------------------------------------*/
  /*------------------------------------*\
   STRUCTURE WRAPPER
   \*------------------------------------*/
  /*------------------------------------*\
   STRUCTURE SIDEBAR
   \*------------------------------------*/
    .mon_compte .fixed_actions {
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      position: fixed;
      top: auto;
      right: auto;
      bottom: 0;
      left: 50%;
      -webkit-transform: translate(-50%, 0);
      transform: translate(-50%, 0);
      z-index: 99; }
      .mon_compte .fixed_actions a.action {
        margin-right: 5px;
        margin-bottom: 0;
        position: relative; }
        .mon_compte .fixed_actions a.action:last-child {
          margin-right: 0; }
    .mon_compte .structure_wrapper .main_content {
      padding-bottom: 100px; }
    .mon_compte .structure_sidebar {
      flex-direction: column; }
      .mon_compte .structure_sidebar .main_content {
        width: 100%;
        padding: 40px 0 0 0; }
        .mon_compte .structure_sidebar .main_content:after {
          content: "";
          display: block;
          width: 9999px;
          height: 100%;
          background-color: #efefef;
          position: absolute;
          top: 0;
          right: -9999px; }
      .mon_compte .structure_sidebar .sidebar {
        width: 100%;
        padding: 42px 0 0 0; }
        .mon_compte .structure_sidebar .sidebar:before {
          content: "";
          display: block;
          width: 9999px;
          height: 100%;
          background-color: #fafafa;
          position: absolute;
          top: 0;
          left: -9999px; } }
/*----------------------------------------------*\
 480PX
 \*----------------------------------------------*/
@media only screen and (max-width: 480px) {
  /*------------------------------------*\
   MAIN TITLE
   \*------------------------------------*/
    .mon_compte .main_title {
      flex-direction: column;
      align-items: flex-start; }
      .mon_compte .main_title .order {
        align-self: flex-start;
        margin-top: 20px;
        width: 100%; } }
/*------------------------------------*\
 FAVORIS
 \*------------------------------------*/
.mon_compte .favoris .favori {
  margin-bottom: 4rem;
  position: relative; }
  .mon_compte .favoris .favori .delete_popup {
    display: none;
    width: 100%;
    height: 100%;
    background-color: #fff;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 99; }
  .mon_compte .favoris .favori .delete_popup .inner {
    width: 90%;
    text-align: center;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%); }
  .mon_compte .favoris .favori .delete_popup .inner svg {
    width: 26px;
    height: 26px;
    fill: #c20e1a; }
  .mon_compte .favoris .favori .delete_popup .inner p {
    font-size: 1.4rem;
    font-weight: 700;
    color: #9e9e9e;
    margin-top: 10px;
    margin-bottom: 20px; }
  .mon_compte .favoris .favori .delete_popup .inner a.yes {
    display: table;
    font-size: 1.4rem;
    font-weight: 500;
    text-align: center;
    text-decoration: none;
    color: #fff;
    background-color: #c20e1a;
    margin: 0 auto;
    padding: 15px 60px; }
  .mon_compte .favoris .favori .delete_popup .inner a.yes:hover {
    background-color: #6e1b34; }
  .mon_compte .favoris .favori .delete_popup .inner a.no {
    display: block;
    font-size: 1.3rem;
    color: #9e9e9e;
    margin-top: 15px; }
  .mon_compte .favoris .favori .not_available {
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.90);
    position: absolute;
    top: 0;
    left: 0;
    z-index: 98; }
  .mon_compte .favoris .favori .not_available .inner {
    width: 90%;
    text-align: center;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%); }
  .mon_compte .favoris .favori .not_available .inner svg {
    display: table;
    width: 38px;
    height: 38px;
    fill: #c20e1a;
    margin: 0 auto; }
  .mon_compte .favoris .favori .not_available .inner svg:last-child {
    fill: #9e9e9e;
    width: 2rem;
    cursor: pointer; }
  .mon_compte .favoris .favori .not_available .inner p {
    font-size: 1.4rem;
    font-weight: 700;
    color: #9e9e9e;
    margin-top: 10px;
    margin-bottom: 20px; }
  .mon_compte .favoris .favori > .inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    background-color: #fff;
    padding: 30px 30px 0 30px; }
  .mon_compte .favoris .favori > .inner .image {
    width: 225px;
    font-size: 0;
    overflow: hidden; }
  .mon_compte .favoris .favori > .inner .image img {
    width: 100%;
    height: 100%;
    object-fit: cover; }
  .mon_compte .favoris .favori > .inner .content {
    width: calc(100% - 225px);
    padding-left: 20px; }
  .mon_compte .favoris .favori > .inner .content .top .title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: space-between; }
  .mon_compte .favoris .favori > .inner .content .top .title h3 {
    font-size: 1.4rem;
    font-weight: 700;
    color: #9e9e9e;
    margin: 0;
    text-align: left; }
  .mon_compte .favoris .favori > .inner .content .top .title .prix {
    position: relative; }
  .mon_compte .favoris .favori > .inner .content .top .title .prix svg {
    width: 14px;
    height: 14px;
    fill: #16dc7c;
    margin-right: 10px;
    cursor: pointer; }
  .mon_compte .favoris .favori > .inner .content .top .title .prix svg:hover + .tooltip {
    opacity: 1; }
  .mon_compte .favoris .favori > .inner .content .top .title .prix .tooltip {
    min-width: 160px;
    box-sizing: border-box;
    font-size: 1.4rem;
    font-weight: 500;
    text-align: center;
    color: #fff;
    background-color: #16dc7c;
    padding: 10px 20px;
    position: absolute;
    top: -40px;
    left: -165px;
    z-index: 99;
    opacity: 0;
    transition: opacity ease 0.5s; }
  .mon_compte .favoris .favori > .inner .content .top .title .prix span {
    font-size: 1.6rem;
    font-weight: 700;
    color: #c20e1a; }
  .mon_compte .favoris .favori > .inner .content .top .nb_pieces {
    font-size: 1.4rem;
    font-weight: 700; }
  .mon_compte .favoris .favori > .inner .content .top .text {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: space-between;
    margin-bottom: 30px; }
  .mon_compte .favoris .favori > .inner .content .top .text p {
    max-width: 300px;
    width: 90%;
    font-family: 'Gotham Book', Arial, sans-serif;
    font-size: 1.4rem;
    margin: 15px 0 0 0; }
  .mon_compte .favoris .favori > .inner .content .bottom {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: space-between;
    align-items: center; }
  .mon_compte .favoris .favori > .inner .content .bottom .les_plus {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex; }
  .mon_compte .favoris .favori > .inner .content .bottom .les_plus .plus {
    width: 46px;
    height: 37px;
    border-top: 1px solid #cfcfcf;
    border-bottom: 1px solid #cfcfcf;
    border-left: 1px solid #cfcfcf;
    position: relative; }
  .mon_compte .favoris .favori > .inner .content .bottom .les_plus .plus:hover .tooltip {
    display: block; }
  .mon_compte .favoris .favori > .inner .content .bottom .les_plus .plus:last-child {
    border-right: 1px solid #cfcfcf; }
  .mon_compte .favoris .favori > .inner .content .bottom .les_plus .plus svg {
    width: 26px;
    height: 26px;
    fill: #c20e1a;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%); }
  .mon_compte .favoris .favori > .inner .content .bottom .les_plus .plus .tooltip {
    display: none;
    font-size: 1.2rem;
    font-weight: 500;
    text-align: center;
    color: #fff;
    background-color: #c20e1a;
    padding: 10px 20px;
    position: absolute;
    top: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: 9; }
  .mon_compte .favoris .favori > .inner .content .bottom .les_plus .plus .tooltip:after {
    content: "";
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid #c20e1a;
    position: absolute;
    bottom: -9px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%); }
  .mon_compte .favoris .favori > .inner .content .bottom .like {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex; }
  .mon_compte .favoris .favori > .inner .content .bottom .like > div.red .heart, .mon_compte .favoris .favori > .inner .content .bottom .like > div.liked .heart {
    fill: #c20e1a; }
  .mon_compte .favoris .favori > .inner .content .bottom .like > div.red .border, .mon_compte .favoris .favori > .inner .content .bottom .like > div.liked .border {
    fill: #c20e1a; }
  .mon_compte .favoris .favori > .inner .content .bottom .like > div .heart {
    fill: #fff; }
  .mon_compte .favoris .favori > .inner .content .bottom .like > div .border {
    fill: #afafaf; }
  .mon_compte .favoris .favori > .inner .content .bottom .like svg {
    width: 19px;
    height: 19px;
    margin-left: 6px;
    cursor: pointer; }
  .mon_compte .favoris .favori > .inner .content .bottom .like svg.red .heart {
    fill: #c20e1a; }
  .mon_compte .favoris .favori > .inner .content .bottom .like svg.red .border {
    fill: #c20e1a; }
  .mon_compte .favoris .favori > .inner .content .bottom .like svg .heart {
    fill: #fff; }
  .mon_compte .favoris .favori > .inner .content .bottom .like svg .border {
    fill: #afafaf; }
  .mon_compte .favoris .favori .content_responsive {
    background-color: #fff;
    padding: 15px 20px; }
  .mon_compte .favoris .favori .content_responsive h3 {
    font-size: 1.4rem;
    font-weight: 700;
    color: #9e9e9e;
    margin: 0;
    text-align: left;
    padding: 0.5rem 0; }
  .mon_compte .favoris .favori .content_responsive .nb_pieces {
    font-size: 1.4rem;
    font-weight: 700;
    margin-bottom: 10px; }
  .mon_compte .favoris .favori .content_responsive p {
    font-family: 'Gotham Book', Arial, sans-serif;
    font-size: 1.4rem;
    margin: 0; }
  .mon_compte .favoris .favori .delete {
    background-color: #fff;
    padding: 10px 30px 20px;
    overflow: auto;
    z-index: 1; }
  .mon_compte .favoris .favori .delete:after {
    content: "";
    clear: both;
    display: table; }
  .mon_compte .favoris .favori .delete svg {
    display: block;
    float: right;
    width: 14px;
    height: 18px;
    fill: #adadad !important;
    margin-right: auto;
    cursor: pointer; }
  .mon_compte .favoris .favori .delete svg:hover {
    fill: #c20e1a !important; }
  .mon_compte .favoris .favori .visited {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-color: #cc5154;
    padding: 25px 20px;
    position: relative; }
  .mon_compte .favoris .favori .visited:before {
    content: "";
    width: 0;
    height: 0;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    border-bottom: 15px solid #cc5154;
    position: absolute;
    top: -15px;
    left: 130px; }
  .mon_compte .favoris .favori .visited p {
    font-family: 'Gotham Book', Arial, sans-serif;
    font-size: 1.3rem;
    color: #fff;
    margin: 0; }
  .mon_compte .favoris .favori .visited p strong {
    font-family: 'Gotham', Arial, sans-serif;
    font-weight: 700; }
  .mon_compte .favoris .favori .visited .left p:nth-child(1) {
    margin-bottom: 10px; }
  .mon_compte .favoris .favori .visited .right {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: space-between;
    align-items: center; }
  .mon_compte .favoris .favori .visited .right a {
    display: table;
    font-size: 1.3rem;
    font-weight: 700;
    text-decoration: none;
    color: #c20e1a;
    background-color: #fff;
    margin-left: 15px;
    padding: 7px 9px; }
  .mon_compte .favoris .favori .visited .right a:hover {
    color: #fff;
    background-color: #c20e1a; }
  .mon_compte .favoris .favori .visited .right a:hover svg {
    fill: #fff; }
  .mon_compte .favoris .favori .visited .right a svg {
    vertical-align: bottom;
    width: 17px;
    height: 17px;
    fill: #c20e1a;
    margin-right: 5px; }
  .mon_compte .favoris .sans_favoris {
    background-color: #fff;
    padding: 75px 100px; }
  .mon_compte .favoris .sans_favoris p {
    font-size: 2rem;
    font-weight: 500;
    text-align: center;
    color: #4c4c4c;
    margin-top: 0;
    margin-bottom: 15px; }
  .mon_compte .favoris .sans_favoris a {
    display: table;
    font-size: 1.7rem;
    font-weight: 700;
    text-align: center;
    text-decoration: none;
    color: #fff;
    background-color: #c20e1a;
    margin: 0 auto;
    padding: 20px 60px; }
  .mon_compte .favoris .sans_favoris a:hover {
    background-color: #6e1b34; }
/*------------------------------------------------------------------*\
 RESPONSIVE
 \*------------------------------------------------------------------*/
/*----------------------------------------------*\
 1024PX
 \*----------------------------------------------*/
@media only screen and (max-width: 1024px) {
  .mon_compte .favoris .sans_favoris {
    margin-bottom: 10px;
    padding: 60px; } }
/*----------------------------------------------*\
 768PX
 \*----------------------------------------------*/
@media only screen and (max-width: 768px) {
  /*------------------------------------*\
   FAVORIS
   \*------------------------------------*/
    .mon_compte .favoris .favori .visited {
      flex-direction: column;
      align-items: flex-start; }
      .mon_compte .favoris .favori .visited .left {
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        margin-bottom: 10px; }
        .mon_compte .favoris .favori .visited .left p:nth-child(1) {
          margin-right: 10px;
          margin-bottom: 0; } }
/*----------------------------------------------*\
 680PX
 \*----------------------------------------------*/
@media only screen and (max-width: 680px) {
  /*------------------------------------*\
   FAVORIS
   \*------------------------------------*/
    .mon_compte .favoris .favori .inner {
      padding: 20px 20px 0 20px; }
      .mon_compte .favoris .favori .inner .image {
        width: 50%; }
      .mon_compte .favoris .favori .inner .content {
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        width: 50%;
        box-sizing: border-box;
        padding-left: 10px; }
        .mon_compte .favoris .favori .inner .content .top .title h3 {
          display: none; }
          .mon_compte .favoris .favori .inner .content .top .nb_pieces {
            display: none; }
          .mon_compte .favoris .favori .inner .content .top .text {
            margin-top: 10px;
            margin-bottom: 0; }
            .mon_compte .favoris .favori .inner .content .top .text p {
              display: none; }
        .mon_compte .favoris .favori .inner .content .bottom {
          flex-direction: column-reverse;
          align-items: flex-start; }
          .mon_compte .favoris .favori .inner .content .bottom .like {
            margin-top: 20px;
            margin-bottom: 10px; }
            .mon_compte .favoris .favori .inner .content .bottom .like > div svg {
              margin-right: 6px;
              margin-left: 0; }
      .mon_compte .favoris .favori .delete {
        padding: 10px 20px 20px; } }
/*----------------------------------------------*\
 540PX
 \*----------------------------------------------*/
@media only screen and (max-width: 540px) {
  /*------------------------------------*\
   FAVORIS
   \*------------------------------------*/
    .mon_compte .favoris .favori .visited .right {
      flex-direction: column;
      align-items: flex-start; }
      .mon_compte .favoris .favori .visited .right a {
        margin-top: 10px;
        margin-left: 0; } }
/*----------------------------------------------*\
 480PX
 \*----------------------------------------------*/
@media only screen and (max-width: 480px) {
  /*------------------------------------*\
   FAVORIS
   \*------------------------------------*/
    .mon_compte .favoris .sans_favoris {
      padding: 60px 20px; }
      .mon_compte .favoris .favori .inner .content .bottom .les_plus .plus {
        width: 37px; }
        .mon_compte .favoris .favori .inner .content .bottom .les_plus .plus svg {
          width: 22px;
          height: 22px; }
        .mon_compte .favoris .favori .visited .left {
          flex-direction: column; } }

.mon_compte .mes_alertes .alerte_box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  justify-content: space-between;
  align-items: center;
  box-sizing: border-box;
  background-color: #fff;
  margin-bottom: 20px;
  position: relative; }
  @media only screen and (max-width: 600px) {
    .mon_compte .mes_alertes .alerte_box {
      margin-bottom: 4rem;
      padding: 2rem 0px; } }
  .mon_compte .mes_alertes .alerte_box .delete {
    position: absolute;
    right: 2rem;
    bottom: 2rem;
    cursor: pointer; }
  @media only screen and (max-width: 600px) {
      .mon_compte .mes_alertes .alerte_box .delete {
        bottom: 3rem; } }
  .mon_compte .mes_alertes .alerte_box .delete svg {
    width: 2rem;
    height: 2rem;
    fill: #9e9e9e; }
  .mon_compte .mes_alertes .alerte_box .delete svg:hover {
    fill: #c20e1a; }
  .mon_compte .mes_alertes .alerte_box .delete_popup {
    display: none;
    width: 100%;
    height: 100%;
    background-color: #fff;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 99; }
  .mon_compte .mes_alertes .alerte_box .delete_popup .inner {
    width: 90%;
    text-align: center;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%); }
  .mon_compte .mes_alertes .alerte_box .delete_popup .inner svg {
    width: 26px;
    height: 26px;
    fill: #c20e1a;
    margin-bottom: 10px; }
  .mon_compte .mes_alertes .alerte_box .delete_popup .inner p {
    font-size: 1.4rem;
    font-weight: 700;
    color: #9e9e9e;
    margin-top: 0;
    margin-bottom: 20px; }
  .mon_compte .mes_alertes .alerte_box .delete_popup .inner a.yes {
    display: table;
    font-size: 1.4rem;
    font-weight: 500;
    text-align: center;
    text-decoration: none;
    color: #fff;
    background-color: #c20e1a;
    margin: 0 auto;
    padding: 15px 60px; }
  .mon_compte .mes_alertes .alerte_box .delete_popup .inner a.yes:hover {
    background-color: #6e1b34; }
  .mon_compte .mes_alertes .alerte_box .delete_popup .inner a.no {
    display: block;
    font-size: 1.3rem;
    color: #9e9e9e;
    margin-top: 15px; }
  .mon_compte .mes_alertes .alerte_box .desc {
    width: 30%;
    box-sizing: border-box;
    padding: 40px 30px; }
  .mon_compte .mes_alertes .alerte_box .desc .name-change {
    display: none;
    margin-bottom: 10px; }
  @media only screen and (max-width: 660px) {
        .mon_compte .mes_alertes .alerte_box .desc .name-change {
          width: 100%; } }
  .mon_compte .mes_alertes .alerte_box .desc .name-change > div {
    display: flex; }
  .mon_compte .mes_alertes .alerte_box .desc .name-change > div input {
    font-weight: 600;
    font-size: 1.4rem;
    color: #484848;
    height: 40px;
    border: 1px solid #9e9e9e;
    width: 80%;
    padding: 0 1rem;
    box-sizing: border-box;
    outline: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 0; }
  .mon_compte .mes_alertes .alerte_box .desc .name-change > div div {
    background-color: #c20e1a;
    color: white;
    padding: 0 1rem;
    font-size: 1.3rem;
    line-height: 4rem;
    cursor: pointer;
    box-sizing: border-box;
    margin-left: 1rem; }
  .mon_compte .mes_alertes .alerte_box .desc h2 {
    font-size: 1.6rem;
    font-weight: 700;
    margin-top: 0;
    margin-bottom: 30px; }
  .mon_compte .mes_alertes .alerte_box .desc h2 svg {
    width: 15px;
    height: 15px;
    fill: #c20e1a;
    margin-left: 5px;
    cursor: pointer; }
  .mon_compte .mes_alertes .alerte_box .desc p {
    font-size: 1.4rem;
    font-weight: 500;
    margin-top: 0;
    margin-bottom: 20px; }
  .mon_compte .mes_alertes .alerte_box .desc a {
    font-size: 1.4rem;
    font-weight: 700;
    color: #9e9e9e; }
  .mon_compte .mes_alertes .alerte_box .desc a.new {
    display: block;
    text-align: center; }
  .mon_compte .mes_alertes .alerte_box .desc a.new svg {
    width: 20px;
    height: 20px;
    fill: #9e9e9e; }
  .mon_compte .mes_alertes .alerte_box .content {
    width: 70%;
    box-sizing: border-box;
    padding: 40px 50px 40px 0; }
  .mon_compte .mes_alertes .alerte_box .content:before {
    content: "";
    display: block;
    width: 1px;
    height: 100%;
    background-color: #efefef;
    position: absolute;
    top: 0; }
  .mon_compte .mes_alertes .alerte_box .content h3 {
    box-sizing: border-box;
    font-size: 1.5rem;
    font-weight: 700;
    color: #4c4c4c;
    margin-top: 0;
    margin-bottom: 20px;
    padding-left: 50px; }
  .mon_compte .mes_alertes .alerte_box .content .alertes_list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: space-between;
    box-sizing: border-box;
    padding-left: 50px; }
  .mon_compte .mes_alertes .alerte_box .content .alertes_list .mCSB_container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: space-between; }
  .mon_compte .mes_alertes .alerte_box .content .alertes_list a.alerte {
    width: 30%;
    text-decoration: none; }
  .mon_compte .mes_alertes .alerte_box .content .alertes_list a.alerte .image {
    width: 100%;
    margin-bottom: 20px;
    position: relative; }
  .mon_compte .mes_alertes .alerte_box .content .alertes_list a.alerte .image img {
    width: 100%;
    height: auto; }
  .mon_compte .mes_alertes .alerte_box .content .alertes_list a.alerte .image .fav {
    padding: 0.5rem;
    box-sizing: border-box;
    position: absolute;
    right: 0.5rem;
    bottom: 1rem;
    background: white;
    border-radius: 50%;
    display: flex;
    width: 3rem;
    height: 3rem; }
  .mon_compte .mes_alertes .alerte_box .content .alertes_list a.alerte .image .fav.red svg {
    fill: #c20e1a !important; }
  .mon_compte .mes_alertes .alerte_box .content .alertes_list a.alerte .image .fav svg {
    cursor: pointer;
    width: 3rem;
    height: 1.5rem;
    fill: white;
    stroke: #c20e1a;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%); }
  .mon_compte .mes_alertes .alerte_box .content .alertes_list a.alerte .title {
    font-size: 1.4rem;
    font-weight: 700;
    color: #9e9e9e;
    margin-bottom: 3px; }
  .mon_compte .mes_alertes .alerte_box .content .alertes_list a.alerte .nb_pieces {
    font-size: 1.4rem;
    font-weight: 700;
    color: #000;
    margin-bottom: 3px; }
  .mon_compte .mes_alertes .alerte_box .content .alertes_list a.alerte .prix {
    font-size: 1.6rem;
    font-weight: 700;
    color: #c20e1a; }
  .mon_compte .mes_alertes .alerte_box .content .no_alerte {
    text-align: center;
    padding-left: 50px; }
  .mon_compte .mes_alertes .alerte_box .content .no_alerte p {
    font-size: 1.8rem;
    font-weight: 700;
    color: #4c4c4c;
    margin-top: 0;
    margin-bottom: 20px; }
  .mon_compte .mes_alertes .alerte_box .content .no_alerte a {
    display: table;
    max-width: 350px;
    width: 80%;
    font-size: 1.7rem;
    font-weight: 700;
    text-align: center;
    text-decoration: none;
    color: #fff;
    background-color: #c20e1a;
    margin: 0 auto;
    padding: 20px; }
  .mon_compte .mes_alertes .alerte_box .content .no_alerte a:hover {
    background-color: #6e1b34; }
/*------------------------------------------------------------------*\
 RESPONSIVE
 \*------------------------------------------------------------------*/
/*----------------------------------------------*\
 1024PX
 \*----------------------------------------------*/
@media only screen and (max-width: 1024px) {
  .mon_compte .mes_alertes .alerte_box .desc {
    flex-basis: 300px;
    width: auto; }
    .mon_compte .mes_alertes .alerte_box .content {
      overflow: hidden; }
      .mon_compte .mes_alertes .alerte_box .content .alertes_list {
        overflow: hidden;
        white-space: nowrap;
        margin-left: 20px; }
        .mon_compte .mes_alertes .alerte_box .content .alertes_list a.alerte {
          display: inline-block;
          vertical-align: top;
          min-width: 225px;
          margin-left: 20px; }
          .mon_compte .mes_alertes .alerte_box .content .alertes_list a.alerte:nth-child(1) {
            margin-left: 0; } }
/*----------------------------------------------*\
 660PX
 \*----------------------------------------------*/
@media only screen and (max-width: 660px) {
  .mon_compte .mes_alertes .alerte_box {
    flex-direction: column; }
    .mon_compte .mes_alertes .alerte_box .desc {
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      justify-content: space-between;
      flex-wrap: wrap;
      flex-basis: 100%;
      width: 100%;
      padding: 20px; }
      .mon_compte .mes_alertes .alerte_box .desc h2 {
        width: 100%; }
      .mon_compte .mes_alertes .alerte_box .desc p {
        width: 40%; }
      .mon_compte .mes_alertes .alerte_box .desc a {
        display: block; }
        .mon_compte .mes_alertes .alerte_box .desc a.new svg {
          vertical-align: middle;
          margin-right: 5px; }
          .mon_compte .mes_alertes .alerte_box .desc a.new br {
            display: none; }
    .mon_compte .mes_alertes .alerte_box .content {
      flex-basis: 100%;
      width: 100%;
      padding: 20px 20px 60px; }
      .mon_compte .mes_alertes .alerte_box .content:before {
        display: none; }
      .mon_compte .mes_alertes .alerte_box .content h3 {
        padding-left: 0; }
      .mon_compte .mes_alertes .alerte_box .content .alertes_list {
        margin-left: 0;
        padding-left: 0; }
      .mon_compte .mes_alertes .alerte_box .content .no_alerte {
        text-align: left;
        padding-left: 0; }
        .mon_compte .mes_alertes .alerte_box .content .no_alerte a {
          margin-left: 0; } }

.main_title_mc_messages .back {
  display: none;
  vertical-align: middle;
  width: 24px;
  height: 24px;
  background-color: #c20e1a;
  border-radius: 50%;
  cursor: pointer;
  position: relative;
  top: -2px; }
  .main_title_mc_messages .back.open {
    display: inline-block; }
  .main_title_mc_messages .back svg {
    width: 10px;
    height: 13px;
    fill: #fff;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%) rotate(90deg);
    transform: translate(-50%, -50%) rotate(90deg); }

.mon_compte .mes_messages {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  background-color: #fff; }
  .mon_compte .mes_messages .list {
    width: 35%;
    max-height: 61.5rem;
    overflow-y: scroll; }
  .mon_compte .mes_messages .list::-webkit-scrollbar {
    display: none; }
  .mon_compte .mes_messages .list .message_link {
    font-family: 'Gotham Book', Arial, sans-serif;
    font-size: 14px;
    border-bottom: 1px solid #cfcfcf;
    cursor: pointer;
    padding: 30px 20px; }
  .mon_compte .mes_messages .list .message_link:hover {
    color: #c20e1a; }
  .mon_compte .mes_messages .list .message_link:nth-child(5) {
    border-bottom: none; }
  .mon_compte .mes_messages .list .message_link.current {
    font-family: 'Gotham', Arial, sans-serif;
    font-weight: 700;
    color: #fff;
    background-color: #c20e1a; }
  .mon_compte .mes_messages .list .message_link.new:not(.current) {
    font-family: 'Gotham', Arial, sans-serif;
    font-weight: 700;
    padding-left: 40px;
    position: relative; }
  .mon_compte .mes_messages .list .message_link.new:not(.current):before {
    content: "";
    display: block;
    width: 14px;
    height: 14px;
    background-color: #c20e1a;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 14px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%); }
  .mon_compte .mes_messages .list .messages_more {
    display: none;
    text-align: center;
    background-color: #cfcfcf;
    cursor: pointer;
    padding: 20px; }
  .mon_compte .mes_messages .list .messages_more svg {
    width: 50px;
    height: 50px;
    fill: #fff; }
  .mon_compte .mes_messages .apercu {
    width: 65%;
    box-sizing: border-box;
    border-left: 1px solid #cfcfcf;
    padding: 36px 78px; }
  .mon_compte .mes_messages .apercu .message_content {
    display: none; }
  .mon_compte .mes_messages .apercu .message_content time {
    display: block;
    font-size: 1.4rem;
    font-weight: 700;
    color: #adadad;
    margin-bottom: 34px; }
  .mon_compte .mes_messages .apercu .message_content .title {
    font-size: 1.6rem;
    font-weight: 700;
    color: #c20e1a;
    margin-bottom: 28px; }
  .mon_compte .mes_messages .apercu .message_content .text p {
    font-family: 'Gotham Book', Arial, sans-serif;
    font-size: 1.4rem;
    margin-top: 0;
    margin-bottom: 30px; }
  .mon_compte .mes_messages .apercu .message_content .text .signature {
    font-size: 1.4rem;
    font-weight: 700;
    color: #adadad; }
/*------------------------------------------------------------------*\
 RESPONSIVE
 \*------------------------------------------------------------------*/
/*----------------------------------------------*\
 900PX
 \*----------------------------------------------*/
@media only screen and (max-width: 900px) {
  .mon_compte .mes_messages .list {
    width: 40%; }
    .mon_compte .mes_messages .apercu {
      width: 60%; } }
/*----------------------------------------------*\
 680PX
 \*----------------------------------------------*/
@media only screen and (max-width: 680px) {
  .mon_compte .mes_messages {
    overflow: hidden;
    position: relative; }
    .mon_compte .mes_messages .list {
      flex: 0 0 100%;
      width: 100%;
      position: relative; }
      .mon_compte .mes_messages .list .messages_more {
        display: block; }
    .mon_compte .mes_messages .apercu {
      flex: 0 0 100%;
      width: 100%;
      background-color: #fff;
      border-left: none;
      -webkit-transition: all 0.6s ease;
      transition: all 0.6s ease;
      position: relative;
      right: -100%;
      z-index: 2; }
      .mon_compte .mes_messages .apercu.open {
        right: 100%; } }
/* ====================================================================== */
/*         GLOBAL */
/* ====================================================================== */
.mes_informations {
  /* ====================================================================== */
  /*         TOP CONTAINER */
  /* ====================================================================== */
  /* ====================================================================== */
  /*         BOT CONTAINER */
  /* ====================================================================== */ }
  .mes_informations * {
    box-sizing: border-box; }
  .mes_informations h2 {
    color: #c20e1a;
    font-size: 1.6rem;
    font-weight: 700;
    margin: 0 0 10px; }
  .mes_informations label {
    font-size: 1.6rem;
    font-weight: 700;
    margin-bottom: 28px;
    padding-top: 5px; }
  .mes_informations input {
    font-size: 1.6rem;
    font-weight: 700;
    color: #a5a5a5;
    border: 0;
    padding: 5px; }
  .mes_informations input[type="password"] {
    letter-spacing: 2px; }
  .mes_informations input:disabled {
    background-color: transparent;
    padding: 5px 5px 5px 0; }
  .mes_informations input:active, .mes_informations input:focus {
    font-weight: 600;
    font-size: 1.4rem;
    color: #484848;
    height: 40px;
    border: 1px solid #9e9e9e;
    width: 80%;
    padding: 0 1rem;
    box-sizing: border-box;
    outline: none; }
  .mes_informations button {
    display: none;
    margin-top: 10px; }
  .mes_informations .white_box {
    padding: 40px;
    background-color: white; }
  .mes_informations .white_box form {
    padding: 20px 0; }
  .mes_informations .white_box form.editing a {
    display: none; }
  .mes_informations .white_box form.editing button {
    display: table;
    font-family: 'Gotham', Arial, sans-serif;
    text-align: center;
    background-color: #6e1b34;
    padding: 10px 20px;
    color: white;
    border: 0;
    -webkit-box-shadow: 0;
    box-shadow: 0;
    cursor: pointer;
    text-transform: uppercase;
    font-weight: 700; }
  .mes_informations .white_box form.editing button:hover {
    background-color: #c20e1a; }
  .mes_informations .white_box form input.confirm {
    display: none; }
  .mes_informations .white_box form .form_group {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between; }
  .mes_informations .white_box form a {
    display: block;
    color: #c20e1a;
    text-decoration: underline;
    font-size: 1.2rem;
    margin-top: 10px; }
  .mes_informations .top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 20px; }
  .mes_informations .top .white_box {
    width: 50%; }
  .mes_informations .top .white_box:first-child {
    margin-right: 20px; }
  .mes_informations .top form:not(:last-child) {
    border-bottom: 1px solid #cfcfcf; }
  .mes_informations .bot {
    background-color: white; }
  .mes_informations .bot > div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between; }
  .mes_informations .bot > div form {
    width: 50%; }
  .mes_informations .bot > div form:not(:last-child) {
    border-right: 1px solid #cfcfcf; }
  .mes_informations .bot > div form:last-child .form_group {
    padding-left: 50px; }
/* ========================================================================== */
/*         1024PX */
/* ========================================================================== */
@media only screen and (max-width: 1024px) {
  .mes_informations .top {
    display: block; }
    .mes_informations .top .white_box {
      width: 100%; }
      .mes_informations .top .white_box:first-child {
        margin-right: 0;
        margin-bottom: 20px; }
    .mes_informations .bot > div {
      display: block; }
      .mes_informations .bot > div form {
        width: 100%; }
        .mes_informations .bot > div form:not(:last-child) {
          border-right: 0;
          border-bottom: 1px solid #cfcfcf; }
        .mes_informations .bot > div form:last-child .form_group {
          padding-left: 0; } }
/* ========================================================================== */
/*         480PX */
/* ========================================================================== */
@media only screen and (max-width: 480px) {
  .mes_informations .white_box form .form_group {
    display: block; }
    .mes_informations .white_box form .form_group .form_control_label {
      padding-bottom: 10px; }
    .mes_informations .white_box form .form_group .form_control_input, .mes_informations .white_box form .form_group .form_control_label {
      width: 100%; } }

.mon_compte .dossier_loc {
  position: relative; }
  .mon_compte .dossier_loc .titulaires_desktop {
    position: absolute;
    top: 0;
    left: -135px;
    z-index: 9; }
  .mon_compte .dossier_loc .titulaires_desktop .titulaire {
    width: 135px;
    height: 135px;
    background-color: #fff;
    cursor: pointer;
    position: relative; }
  .mon_compte .dossier_loc .titulaires_desktop .titulaire.current .inner .title {
    color: #c20e1a; }
  .mon_compte .dossier_loc .titulaires_desktop .titulaire .inner {
    width: 90%;
    text-align: center;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%); }
  .mon_compte .dossier_loc .titulaires_desktop .titulaire .inner .title {
    font-size: 1.5rem;
    font-weight: 700;
    margin-bottom: 10px; }
  .mon_compte .dossier_loc .titulaires_desktop .titulaire .inner .graph {
    position: relative; }
  .mon_compte .dossier_loc .titulaires_desktop .titulaire .inner .graph svg {
    width: 60px;
    height: 60px;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg); }
  .mon_compte .dossier_loc .titulaires_desktop .titulaire .inner .graph span {
    font-size: 1.7rem;
    font-weight: 700;
    color: #c20e1a;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%); }
  .mon_compte .dossier_loc .titulaires_desktop .add_titulaire {
    width: 135px;
    height: 135px;
    background-color: #bebac0;
    cursor: pointer;
    position: relative; }
  .mon_compte .dossier_loc .titulaires_desktop .add_titulaire .inner {
    width: 90%;
    text-align: center;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%); }
  .mon_compte .dossier_loc .titulaires_desktop .add_titulaire .inner svg {
    width: 16px;
    height: 16px;
    fill: #fff;
    margin-bottom: 5px; }
  .mon_compte .dossier_loc .titulaires_desktop .add_titulaire .inner p {
    font-size: 1.5rem;
    line-height: 2.5rem;
    font-weight: 700;
    color: #fff;
    margin: 0; }
  .mon_compte .dossier_loc .titulaires_resp {
    display: none;
    background-color: #fff;
    position: relative;
    overflow: visible; }
  .mon_compte .dossier_loc .titulaires_resp .titulaire, .mon_compte .dossier_loc .titulaires_resp .titulaire_selected {
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    cursor: pointer;
    padding: 20px 15px;
    background-color: #fff;
    position: relative; }
  .mon_compte .dossier_loc .titulaires_resp .titulaire .inner, .mon_compte .dossier_loc .titulaires_resp .titulaire_selected .inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative; }
  .mon_compte .dossier_loc .titulaires_resp .titulaire .inner .title, .mon_compte .dossier_loc .titulaires_resp .titulaire_selected .inner .title {
    font-size: 1.5rem;
    font-size: 700;
    margin-right: 10px; }
  .mon_compte .dossier_loc .titulaires_resp .titulaire .inner .graph, .mon_compte .dossier_loc .titulaires_resp .titulaire_selected .inner .graph {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center; }
  .mon_compte .dossier_loc .titulaires_resp .titulaire .inner .graph svg, .mon_compte .dossier_loc .titulaires_resp .titulaire_selected .inner .graph svg {
    width: 26px;
    height: 26px;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    -webkit-transform-origin: center;
    transform-origin: center; }
  .mon_compte .dossier_loc .titulaires_resp .titulaire .inner .graph span, .mon_compte .dossier_loc .titulaires_resp .titulaire_selected .inner .graph span {
    font-size: 1.5rem;
    font-weight: 700;
    color: #c20e1a;
    margin-left: 5px; }
  .mon_compte .dossier_loc .titulaires_resp .titulaire svg.arrow_down, .mon_compte .dossier_loc .titulaires_resp .titulaire_selected svg.arrow_down {
    width: 28px;
    height: 14px;
    fill: #000;
    position: absolute;
    top: 50%;
    right: 15px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: all ease 0.4s;
    transition: all ease 0.4s; }
  .mon_compte .dossier_loc .titulaires_resp.open .titulaire_selected svg.arrow_down {
    -webkit-transform: translateY(-50%) rotate(180deg);
    transform: translateY(-50%) rotate(180deg); }
  .mon_compte .dossier_loc .titulaires_resp.open .titulaire_list {
    height: auto; }
  .mon_compte .dossier_loc .titulaires_resp .titulaire_list {
    margin: 0;
    padding: 0;
    list-style: none;
    display: none;
    position: absolute;
    z-index: 99;
    width: 100%; }
  .mon_compte .dossier_loc .titulaires_resp .titulaire_list .titulaire {
    border-top: 1px solid #bebac0; }
  .mon_compte .dossier_loc .titulaires_resp .titulaire_list .titulaire.is_selected {
    display: none; }
  .mon_compte .dossier_loc .titulaires_resp a.add_titulaire {
    display: block;
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 1.5rem;
    font-weight: 700;
    color: #fff;
    background-color: #bebac0;
    padding: 20px 15px; }
  .mon_compte .dossier_loc .steps_nav ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border-bottom: 1px solid #adadad;
    margin: 0;
    padding: 0; }
  .mon_compte .dossier_loc .steps_nav ul li {
    width: 20%;
    height: 135px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    list-style-type: none;
    text-align: center;
    background-color: #fff;
    border-left: 1px solid #adadad;
    cursor: pointer;
    padding: 15px 5px; }
  @media only screen and (max-width: 1280px) {
          .mon_compte .dossier_loc .steps_nav ul li:nth-child(1) {
            border: none; } }
  .mon_compte .dossier_loc .steps_nav ul li:nth-child(1) .icon svg {
    width: 49px;
    height: 40px; }
  .mon_compte .dossier_loc .steps_nav ul li:nth-child(2) .icon svg {
    width: 35px;
    height: 35px; }
  .mon_compte .dossier_loc .steps_nav ul li:nth-child(3) .icon svg {
    width: 43px;
    height: 42px; }
  .mon_compte .dossier_loc .steps_nav ul li:nth-child(4) .icon {
    padding-top: 5px; }
  .mon_compte .dossier_loc .steps_nav ul li:nth-child(4) .icon svg {
    width: 30px;
    height: 34px; }
  .mon_compte .dossier_loc .steps_nav ul li:nth-child(5) .icon {
    padding-top: 10px; }
  .mon_compte .dossier_loc .steps_nav ul li:nth-child(5) .icon svg {
    width: 34px;
    height: 27px; }
  .mon_compte .dossier_loc .steps_nav ul li .icon {
    height: 48px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box; }
  .mon_compte .dossier_loc .steps_nav ul li .icon svg {
    fill: #c20e1a; }
  .mon_compte .dossier_loc .steps_nav ul li .step {
    font-size: 1.3rem;
    font-weight: 500;
    color: #4c4c4c; }
  .mon_compte .dossier_loc .steps_nav ul li .step_name {
    font-size: 1.3rem;
    font-weight: 700;
    color: #c20e1a; }
  .mon_compte .dossier_loc .steps_nav ul li.current + li {
    border-left: none; }
  .mon_compte .dossier_loc .steps_nav ul li.current, .mon_compte .dossier_loc .steps_nav ul li.completed {
    background-color: #c20e1a;
    position: relative;
    border-left: none; }
  .mon_compte .dossier_loc .steps_nav ul li.current.completed, .mon_compte .dossier_loc .steps_nav ul li.completed.completed {
    background-color: #da101d; }
  .mon_compte .dossier_loc .steps_nav ul li.current.completed::after, .mon_compte .dossier_loc .steps_nav ul li.completed.completed::after {
    content: none; }
  .mon_compte .dossier_loc .steps_nav ul li.current.completed.current::after, .mon_compte .dossier_loc .steps_nav ul li.completed.completed.current::after {
    content: "";
    border-top: 15px solid #da101d; }
  .mon_compte .dossier_loc .steps_nav ul li.current .icon svg, .mon_compte .dossier_loc .steps_nav ul li.completed .icon svg {
    fill: #fff; }
  .mon_compte .dossier_loc .steps_nav ul li.current .step, .mon_compte .dossier_loc .steps_nav ul li.completed .step {
    color: #fff; }
  .mon_compte .dossier_loc .steps_nav ul li.current .step_name, .mon_compte .dossier_loc .steps_nav ul li.completed .step_name {
    color: #fff; }
  .mon_compte .dossier_loc .steps_nav ul li.current:after, .mon_compte .dossier_loc .steps_nav ul li.completed:after {
    content: "";
    width: 0;
    height: 0;
    border-top: 15px solid #c20e1a;
    border-right: 15px solid transparent;
    border-left: 15px solid transparent;
    position: absolute;
    bottom: -15px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: 9; }
  .mon_compte .dossier_loc .step_container {
    background-color: #fff;
    padding: 50px 30px;
    padding-bottom: 1.5rem; }
  .mon_compte .dossier_loc .step_container .step_content {
    display: none; }
  .mon_compte .dossier_loc .step_container .step_content:nth-child(1) {
    display: block; }
  .mon_compte .dossier_loc .step_container .step_content .title {
    font-size: 1.7rem;
    font-weight: 700;
    color: #4c4c4c; }
  .mon_compte .dossier_loc .step_container .step_content .step {
    font-size: 2.1rem;
    font-weight: 700;
    color: #c20e1a;
    margin-bottom: 15px; }
  .mon_compte .dossier_loc .step_container .step_content form .form_group {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    border-bottom: 1px solid #cfcfcf;
    padding: 15px 0; }
  .mon_compte .dossier_loc .step_container .step_content form .form_group:last-child {
    border-bottom: 0;
    padding-top: 3rem; }
  .mon_compte .dossier_loc .step_container .step_content form .form_group label {
    font-size: 1.6rem;
    font-weight: 700; }
  .mon_compte .dossier_loc .step_container .step_content form .form_group .form_field {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 245px; }
  @media only screen and (max-width: 480px) {
            .mon_compte .dossier_loc .step_container .step_content form .form_group .form_field {
              width: 100%; } }
  .mon_compte .dossier_loc .step_container .step_content form .form_group .form_field input[type="text"], .mon_compte .dossier_loc .step_container .step_content form .form_group .form_field input[type="email"], .mon_compte .dossier_loc .step_container .step_content form .form_group .form_field input[type="date"], .mon_compte .dossier_loc .step_container .step_content form .form_group .form_field select {
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-family: 'Gotham', Arial, sans-serif;
    font-size: 1.4rem;
    font-weight: 700;
    color: #4c4c4c;
    border: 1px solid #adadad;
    padding: 12px;
    border-radius: 0;
    background-color: white;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none; }
  .mon_compte .dossier_loc .step_container .step_content form .form_group .form_field input[type="text"].flatpickr-input, .mon_compte .dossier_loc .step_container .step_content form .form_group .form_field input[type="email"].flatpickr-input, .mon_compte .dossier_loc .step_container .step_content form .form_group .form_field input[type="date"].flatpickr-input, .mon_compte .dossier_loc .step_container .step_content form .form_group .form_field select.flatpickr-input {
    height: 4.5rem !important; }
  .mon_compte .dossier_loc .step_container .step_content form .form_group .form_field input[type="text"].half_width, .mon_compte .dossier_loc .step_container .step_content form .form_group .form_field input[type="email"].half_width, .mon_compte .dossier_loc .step_container .step_content form .form_group .form_field input[type="date"].half_width, .mon_compte .dossier_loc .step_container .step_content form .form_group .form_field select.half_width {
    width: 119px;
    margin-top: 6px; }
  .mon_compte .dossier_loc .step_container .step_content form .form_group .form_field select {
    text-indent: 1px;
    text-overflow: '';
    -webkit-appearance: none;
    -moz-appearance: none; }
  .mon_compte .dossier_loc .step_container .step_content form .form_group .form_field select:after {
    content: "><"; }
  .mon_compte .dossier_loc .step_container .step_content form .form_group .form_field input[type="date"] {
    text-indent: 1px;
    text-overflow: '';
    -webkit-appearance: none;
    -moz-appearance: none; }
  .mon_compte .dossier_loc .step_container .step_content form .form_group .form_field input[type="date"]::-webkit-inner-spin-button, .mon_compte .dossier_loc .step_container .step_content form .form_group .form_field input[type="date"]::-webkit-calendar-picker-indicator {
    display: none;
    -webkit-appearance: none; }
  .mon_compte .dossier_loc .step_container .step_content form .form_group .form_field .select_with_icon {
    width: 100%;
    position: relative; }
  .mon_compte .dossier_loc .step_container .step_content form .form_group .form_field .select_with_icon select {
    padding-right: 34px; }
  .mon_compte .dossier_loc .step_container .step_content form .form_group .form_field .select_with_icon svg {
    width: 12px;
    height: 7px;
    fill: #adadad;
    position: absolute;
    top: 50%;
    right: 13px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    pointer-events: none; }
  .mon_compte .dossier_loc .step_container .step_content form .form_group .form_field .date_with_icon {
    width: 100%;
    position: relative; }
  .mon_compte .dossier_loc .step_container .step_content form .form_group .form_field .date_with_icon input[type="date"] {
    padding-right: 34px; }
  .mon_compte .dossier_loc .step_container .step_content form .form_group .form_field .date_with_icon svg {
    width: 18px;
    height: 20px;
    fill: #4c4c4c;
    position: absolute;
    top: 50%;
    right: 13px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    pointer-events: none; }
  .mon_compte .dossier_loc .step_container .step_content form .form_group input[type="submit"] {
    display: table;
    font-family: 'Gotham', Arial, sans-serif;
    font-size: 1.5rem;
    font-weight: 700;
    color: #fff;
    background-color: #6e1b34;
    border: none;
    border-radius: 0;
    margin: auto;
    padding: 1.5rem 5rem;
    cursor: pointer;
    text-transform: uppercase;
    transition: 0.4s ease-out;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none; }
  .mon_compte .dossier_loc .step_container .step_content form .form_group input[type="submit"]:hover {
    background-color: #c20e1a; }
/*------------------------------------------------------------------*\
 RESPONSIVE
 \*------------------------------------------------------------------*/
/*----------------------------------------------*\
 1280PX
 \*----------------------------------------------*/
@media only screen and (max-width: 1280px) {
  .mon_compte .dossier_loc .titulaires_desktop {
    display: none; }
    .mon_compte .dossier_loc .titulaires_resp {
      display: block; } }
/*----------------------------------------------*\
 480PX
 \*----------------------------------------------*/
@media only screen and (max-width: 480px) {
  .mon_compte .dossier_loc .step_container .step_content form .form_group {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start; }
    .mon_compte .dossier_loc .step_container .step_content form .form_group label {
      display: block;
      margin-bottom: 5px; } }

.mon_compte.dossier_achat .steps_nav li[data-validated="1"], .mon_compte.location .steps_nav li[data-validated="1"] {
  background: blue;
  position: relative; }
  .mon_compte.dossier_achat .steps_nav li[data-validated="1"]::before, .mon_compte.location .steps_nav li[data-validated="1"]::before {
    content: "";
    position: absolute;
    right: 0.7rem;
    top: 0.7rem;
    background-image: url('./../img/check.png');
    height: 2.5rem;
    width: 2.5rem; }
  .mon_compte .mon_contrat .steps_nav ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    border-bottom: 1px solid #adadad;
    margin: 0;
    padding: 0; }
  .mon_compte .mon_contrat .steps_nav ul li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 33.33%;
    list-style-type: none;
    text-align: center;
    background-color: #fff;
    cursor: pointer;
    padding: 15px 5px; }
  .mon_compte .mon_contrat .steps_nav ul li:last-child {
    border-right: none; }
  .mon_compte .mon_contrat .steps_nav ul li.current, .mon_compte .mon_contrat .steps_nav ul li[data-validated="1"] {
    background-color: #c20e1a;
    position: relative;
    border-right: 1px solid #fff; }
  .mon_compte .mon_contrat .steps_nav ul li.current[data-validated="1"], .mon_compte .mon_contrat .steps_nav ul li[data-validated="1"][data-validated="1"] {
    background-color: #df2d39; }
  .mon_compte .mon_contrat .steps_nav ul li.current[data-validated="1"].current::after, .mon_compte .mon_contrat .steps_nav ul li[data-validated="1"][data-validated="1"].current::after {
    border-top: 15px solid #df2d39; }
  .mon_compte .mon_contrat .steps_nav ul li.current svg, .mon_compte .mon_contrat .steps_nav ul li[data-validated="1"] svg {
    fill: #fff; }
  .mon_compte .mon_contrat .steps_nav ul li.current .text .step, .mon_compte .mon_contrat .steps_nav ul li[data-validated="1"] .text .step {
    color: #fff; }
  .mon_compte .mon_contrat .steps_nav ul li.current .text .step_name, .mon_compte .mon_contrat .steps_nav ul li[data-validated="1"] .text .step_name {
    color: #fff; }
  .mon_compte .mon_contrat .steps_nav ul li.current.current:after, .mon_compte .mon_contrat .steps_nav ul li[data-validated="1"].current:after {
    content: "";
    width: 0;
    height: 0;
    border-top: 15px solid #c20e1a;
    border-right: 15px solid transparent;
    border-left: 15px solid transparent;
    position: absolute;
    bottom: -15px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: 9; }
  .mon_compte .mon_contrat .steps_nav ul li svg {
    width: 32px;
    height: 32px;
    fill: #c20e1a; }
  .mon_compte .mon_contrat .steps_nav ul li .text {
    text-align: left;
    margin-left: 25px; }
  .mon_compte.dossier_achat .steps_nav .text {
    margin: auto;
    text-align: center !important;
    margin-left: auto !important; }
  .mon_compte.dossier_achat .step .text {
    line-height: 1.4; }
  .mon_compte .mon_contrat .steps_nav ul li .text .step {
    font-size: 1.7rem;
    font-weight: 700;
    color: #4c4c4c;
    margin-bottom: 5px; }
  .mon_compte .mon_contrat .steps_nav ul li .text .step_name {
    font-size: 1.7rem;
    font-weight: 700;
    color: #c20e1a; }
  .mon_compte .mon_contrat .step_container {
    background-color: #fff;
    margin-bottom: 25px;
    padding: 50px 30px; }
  .mon_compte .mon_contrat .step_container .step_content {
    display: none; }
  .mon_compte .mon_contrat .step_container .step_content.nomargin p {
    margin: 0; }
  .mon_compte .mon_contrat .step_container .step_content:nth-child(1) {
    display: block; }
  .mon_compte .mon_contrat .step_container .step_content .title {
    font-size: 2rem;
    font-weight: 700;
    color: #c20e1a;
    margin-bottom: 40px; }
  .mon_compte .mon_contrat .step_container .step_content p {
    font-family: 'Gotham Book', Arial, sans-serif;
    font-size: 1.5rem;
    color: #4c4c4c;
    margin-top: 0;
    margin-bottom: 40px;
    line-height: 1.4; }
  .mon_compte .mon_contrat .step_container .step_content .steps {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: space-between;
    margin-bottom: 40px; }
  .mon_compte .mon_contrat .step_container .step_content .steps .step {
    width: 33.33%; }
  .mon_compte .mon_contrat .step_container .step_content .steps .step .step_number {
    width: 43px;
    height: 43px;
    background-color: #c20e1a;
    border-radius: 50%;
    margin-bottom: 10px;
    position: relative; }
  .mon_compte .mon_contrat .step_container .step_content .steps .step .step_number span {
    font-size: 2.4rem;
    font-weight: 700;
    color: #fff;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%); }
  .mon_compte .mon_contrat .step_container .step_content .steps .step .text {
    font-size: 1.4rem;
    font-weight: 500; }
  .mon_compte .mon_contrat .step_container .step_content .steps .step .text span {
    color: #c20e1a; }
/*------------------------------------------------------------------*\
 RESPONSIVE
 \*------------------------------------------------------------------*/
/*----------------------------------------------*\
 900PX
 \*----------------------------------------------*/
@media only screen and (max-width: 900px) {
  .mon_compte .mon_contrat .step_container .step_content .steps {
    flex-direction: column; }
    .mon_compte .mon_contrat .step_container .step_content .steps .step {
      width: 100%;
      margin-bottom: 20px; } }

.mon_compte .sidebar .suggestions_container .suggestions a.suggestion {
  display: block;
  text-decoration: none;
  margin-bottom: 30px; }
  .mon_compte .sidebar .suggestions_container .suggestions a.suggestion img {
    width: 100%;
    height: auto; }
  .mon_compte .sidebar .suggestions_container .suggestions a.suggestion h3 {
    font-size: 1.4rem;
    font-weight: 700;
    color: #9e9e9e;
    margin-top: 5px;
    margin-bottom: 0;
    text-align: left; }
  .mon_compte .sidebar .suggestions_container .suggestions a.suggestion .nb_pieces {
    font-size: 1.4rem;
    font-weight: 700;
    color: #000; }
  .mon_compte .sidebar .suggestions_container .suggestions a.suggestion .prix {
    font-size: 1.4rem;
    font-weight: 700;
    color: #c20e1a; }
/*------------------------------------------------------------------*\
 RESPONSIVE
 \*------------------------------------------------------------------*/
/*----------------------------------------------*\
 1024PX
 \*----------------------------------------------*/
@media only screen and (max-width: 1024px) {
  .mon_compte .sidebar .suggestions_container {
    padding-bottom: 100px; }
    .mon_compte .sidebar .suggestions_container .suggestions {
      width: auto;
      overflow: hidden;
      white-space: nowrap; }
      .mon_compte .sidebar .suggestions_container .suggestions a.suggestion {
        width: 225px;
        display: inline-block;
        vertical-align: top;
        margin-right: 20px;
        margin-bottom: 0; }
        .mon_compte .sidebar .suggestions_container .suggestions a.suggestion:last-child {
          margin-right: 0; } }

.mon_compte .sidebar .faq .question_container {
  background-color: #fff;
  padding: 37px 27px; }
  .mon_compte .sidebar .faq .question_container .question {
    font-size: 2rem;
    font-weight: 700;
    color: #c20e1a;
    margin-bottom: 30px; }
  .mon_compte .sidebar .faq .question_container p {
    font-family: 'Gotham Book', Arial, sans-serif;
    font-size: 1.5rem;
    margin-top: 0;
    margin-bottom: 30px; }
  .mon_compte .sidebar .faq .question_container p:last-child {
    margin-bottom: 0; }
/*------------------------------------------------------------------*\
 RESPONSIVE
 \*------------------------------------------------------------------*/
/*----------------------------------------------*\
 1024PX
 \*----------------------------------------------*/
@media only screen and (max-width: 1024px) {
  .mon_compte .sidebar .faq {
    padding-bottom: 100px !important; } }
/*------------------------------------*\
 NAVIGATION
 \*------------------------------------*/
.mon_compte .mc_navigation_container {
  background-color: #fff;
  border-top: 2px solid #efefef;
  padding: 24px 0; }
  .mon_compte .mc_navigation_container .mc_navigation {
    position: relative; }
  .mon_compte .mc_navigation_container .mc_navigation > ul:not(.plus) {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0;
    padding: 0; }
  .mon_compte .mc_navigation_container .mc_navigation > ul:not(.plus) > li {
    list-style-type: none;
    position: relative; }
  .mon_compte .mc_navigation_container .mc_navigation > ul:not(.plus) > li a {
    padding: 0 1.5rem;
    white-space: nowrap; }
  .mon_compte .mc_navigation_container .mc_navigation > ul:not(.plus) > li:after {
    content: "";
    width: 1px;
    height: 11px;
    background-color: #cfcfcf;
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%); }
  .mon_compte .mc_navigation_container .mc_navigation > ul:not(.plus) > li.current a {
    color: #c20e1a; }
  .mon_compte .mc_navigation_container .mc_navigation > ul:not(.plus) > li:nth-last-child(2):after, .mon_compte .mc_navigation_container .mc_navigation > ul:not(.plus) > li:last-child:after {
    display: none; }
  .mon_compte .mc_navigation_container .mc_navigation > ul:not(.plus) > li a {
    font-size: 1.4rem;
    font-weight: 700;
    color: #000;
    text-decoration: none; }
  .mon_compte .mc_navigation_container .mc_navigation > ul:not(.plus) > li a:hover {
    color: #c20e1a; }
  .mon_compte .mc_navigation_container .mc_navigation > ul:not(.plus) > li a span.notifications {
    display: inline-block;
    vertical-align: middle;
    width: 18px;
    height: 18px;
    font-size: 1.2rem;
    font-weight: 700;
    line-height: 17px;
    text-align: center;
    color: #fff;
    background-color: #c20e1a;
    border-radius: 50%;
    margin-left: 5px; }
  .mon_compte .mc_navigation_container .mc_navigation > ul:not(.plus) > li .plus {
    position: relative; }
  .mon_compte .mc_navigation_container .mc_navigation > ul:not(.plus) > li .plus svg, .mon_compte .mc_navigation_container .mc_navigation > ul:not(.plus) > li .plus img {
    height: 17px;
    width: 17px;
    fill: #c20e1a;
    cursor: pointer; }
  .mon_compte .mc_navigation_container .mc_navigation > ul:not(.plus) > li .plus > ul {
    position: absolute;
    right: 0;
    list-style: none;
    background-color: white; }
  .mon_compte .mc_navigation_container .mc_navigation .plus {
    display: none;
    margin-left: 10px;
    padding: 0; }
  .mon_compte .mc_navigation_container .mc_navigation .plus.visible {
    display: block; }
  .mon_compte .mc_navigation_container .mc_navigation .plus svg, .mon_compte .mc_navigation_container .mc_navigation .plus img {
    height: 17px;
    width: 17px;
    fill: #c20e1a;
    cursor: pointer; }
  .mon_compte .mc_navigation_container .mc_navigation .plus > ul {
    display: none;
    position: absolute;
    right: 0;
    top: calc(100% + 24px);
    list-style: none;
    background-color: white;
    text-align: right;
    padding: 0;
    width: auto;
    min-width: 200px;
    padding: 10px;
    z-index: 999; }
  .mon_compte .mc_navigation_container .mc_navigation .plus > ul li {
    padding-bottom: 10px;
    margin-bottom: 10px;
    border-bottom: 1px solid #cfcfcf; }
  .mon_compte .mc_navigation_container .mc_navigation .plus > ul li:last-child {
    border-bottom: 0;
    padding: 0;
    margin: 0; }
  .headDossier {
    background: #bebac0;
    min-height: 6rem;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.7rem;
    font-weight: bold; }
  .headDossier[data-statut="1"] {
    background: #c20e1a; }
  .headDossier a {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #47b4d5;
    color: white;
    font-weight: bold;
    text-decoration: none;
    min-height: 6rem; }
  .headDossier .headDossier-statut {
    color: #fff; }
  .headDossier--end {
    margin-bottom: 25px; }

.files {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  position: relative; }
  .files:not(:first-child) {
    padding-top: 3rem; }
  .files:not(:last-child) {
    padding-bottom: 3.5rem; }
  .files:not(:last-child)::after {
    content: "";
    height: 0.5rem;
    width: 100vw;
    max-width: 67rem;
    background: #efefef;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%); }
  .files .files-left {
    max-width: 36.5rem; }
  .files .files-right {
    width: 17rem; }
  .files p {
    margin: 0; }
  .files .files-title {
    font-weight: bold;
    margin-bottom: 0.5rem; }
  .files .files-title--red {
    font-size: 2.1rem;
    color: #c20e1a; }
  .files .files-title--black {
    font-size: 1.6rem;
    color: black; }
  .files .files-description {
    font-family: 'Gotham Book', Arial, sans-serif;
    font-size: 1.5rem;
    color: #4c4c4c;
    margin-top: 0;
    margin-bottom: 40px;
    line-height: 1.4; }
  .files .files-line {
    margin-bottom: 2rem; }
  .files .files-button {
    background: #c20e1a;
    color: #fff;
    font-size: 1.5rem;
    letter-spacing: 0.1rem;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    height: 5.5rem;
    margin-bottom: 1rem; }
  .files .files-button:hover {
    background: #6e1b34; }
  .files .files-name {
    display: flex;
    align-items: center; }
  .files .files-item {
    display: flex;
    align-items: center;
    justify-content: space-around;
    height: 5.5rem;
    background: #efefef; }
  .files .files-item:not(:last-child) {
    margin-bottom: 1rem; }
  .files .files-item p {
    font-size: 1rem;
    color: #000;
    font-weight: 300;
    line-height: 1;
    margin-left: 0.5rem; }
  .files .files-item svg:last-child:hover {
    fill: #6e1b34; }

@media only screen and (max-width: 640px) {
  .files {
    flex-wrap: wrap; }
    .files-left, .files-right {
      width: 100%; } }

.iconText {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start; }
  .iconText:not(:last-child) {
    padding-bottom: 2.5rem;
    margin-bottom: 2.5rem;
    border-bottom: 0.1rem solid #e6e6e6; }
  .iconText .iconText-icon {
    width: 6.5rem;
    height: 6.5rem;
    background: #cc5154;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 1.5rem; }
  .iconText .iconText-icon svg {
    fill: white;
    max-width: 3.5rem;
    max-height: 3rem; }
  .iconText .iconText-content {
    max-width: calc(100% - 8rem); }
  .iconText .iconText-title {
    font-size: 1.8rem !important;
    color: #4c4c4c !important;
    margin-bottom: 1rem !important;
    font-weight: bold; }
  .iconText .iconText-description {
    font-size: 1.5rem;
    color: #4c4c4c;
    font-weight: 300;
    margin-bottom: 1rem;
    display: block; }
  .iconText .iconText-phone, .iconText .iconText-bubble {
    margin-bottom: 0 !important; }
  .iconText .iconText-phone, .iconText .iconText-mail {
    color: #4c4c4c;
    font-weight: 300;
    font-size: 1.5rem; }
  .iconText .iconText-phone img, .iconText .iconText-mail img {
    margin-right: 0.8rem;
    vertical-align: middle;
    margin-top: -0.4rem; }
  .iconText .iconText-mail {
    display: block; }
  .iconText .iconText-name {
    margin-bottom: 0.7rem !important;
    font-size: 1.5rem !important;
    color: #cc5154 !important;
    font-weight: bold; }
  .iconText .iconText-bubble {
    background: #cc5154;
    border-radius: 5rem;
    padding: 2rem 3rem;
    font-size: 1.5rem !important;
    color: #fff !important;
    font-weight: bold !important;
    display: inline-block;
    position: relative;
    margin-top: 2.5rem !important; }
  .iconText .iconText-bubble::before {
    content: "";
    width: 0;
    height: 0;
    border-bottom: 15px solid #cc5154;
    border-right: 15px solid transparent;
    border-left: 15px solid transparent;
    position: absolute;
    top: -15px;
    left: 30%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: 9; }

@media screen and (max-width: 660px) {
  .iconText .iconText-icon {
    margin-bottom: 2rem; }
    .iconText .iconText-content {
      max-width: 100%; } }

.contrat_achat {
  background: white;
  width: 100%;
  padding: 3.5rem;
  box-sizing: border-box; }
  .contrat_achat.confirm {
    margin-bottom: 6rem; }
  .contrat_achat-button {
    display: table;
    font-family: 'Gotham', Arial, sans-serif;
    font-size: 1.5rem;
    font-weight: 700;
    color: #fff;
    background-color: #6e1b34;
    border: none;
    border-radius: 0;
    margin: auto;
    padding: 1.5rem 6rem;
    cursor: pointer;
    text-transform: uppercase;
    transition: 0.4s ease-out;
    text-decoration: none;
    margin-top: 3rem;
    margin-bottom: 6.5rem; }
  .contrat_achat-button:hover {
    background-color: #c20e1a; }
  .contrat_achat h3 {
    color: #c20e1a;
    text-align: left;
    font-size: 2rem;
    font-weight: bold; }

.informations {
  margin-top: 2.5rem;
  padding-top: 2rem;
  border-top: 0.1rem solid #d9d9d9;
  box-sizing: border-box;
  position: relative; }
  .informations .informations-modify {
    display: flex;
    align-items: center;
    border: 0.1rem solid #c20e1a;
    width: 11rem;
    text-decoration: none;
    justify-content: space-between; }
  .informations .informations-modify p {
    padding: 0.7rem 1.2rem;
    border-right: 0.1rem solid #c20e1a;
    box-sizing: border-box;
    font-size: 1.3rem;
    color: #c20e1a;
    font-weight: bold;
    margin: 0;
    transition: 0.4s ease-out; }
  .informations .informations-modify img {
    margin-right: 0.7rem; }
  .informations .informations-modify:hover p {
    background: #c20e1a;
    color: white; }
  .informations .informations-list {
    padding: 0;
    margin: 0; }
  .informations .informations-list--files {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start; }
  .informations .informations-title {
    font-size: 1.5rem;
    color: #c20e1a;
    margin: 0;
    margin-bottom: 1.5rem;
    display: flex;
    align-items: center;
    justify-content: space-between; }
  .informations .informations-title--big {
    font-size: 2rem; }
  .informations .informations-item {
    display: flex;
    align-items: flex-start;
    list-style-type: none;
    margin: 0; }
  .informations .informations-item:not(:last-child) {
    margin-bottom: 0.5rem; }
  .informations .informations-item--files {
    flex-direction: column;
    width: 50%;
    margin-bottom: 1.5rem; }
  .informations .informations-item--files:nth-child(1n) {
    padding-right: 1rem;
    box-sizing: border-box; }
  .informations .informations-item--files .informations-left {
    margin-bottom: 0.5rem;
    width: auto; }
  .informations .informations-item--files .informations-left p {
    font-weight: bold;
    color: #000; }
  .informations .informations-item--files .informations-right p {
    font-weight: 300; }
  .informations .informations-left {
    width: 18.5rem;
    margin-right: 1rem; }
  .informations .informations-left p {
    color: #4c4c4c;
    font-size: 1.5rem;
    font-weight: 300;
    margin: 0; }
  .informations .informations-right p {
    color: #505050;
    font-size: 1.5rem;
    font-weight: 400;
    margin: 0; }

@media screen and (max-width: 760px) {
  .informations .informations-item {
    width: 100%;
    flex-wrap: wrap; }
    .informations .informations-title {
      flex-wrap: wrap; }
    .informations .informations-right, .informations .informations-left {
      width: 100%; } }

@media screen and (max-width: 440px) {
  .informations .informations-title {
    flex-direction: column;
    justify-content: center;
    align-items: center; }
    .informations .informations-modify {
      margin: auto;
      margin-top: 2rem; } }

.contrat-confirm {
  text-align: center;
  padding: 3rem 7rem;
  background: white;
  margin-bottom: 1.5rem; }
  .contrat-confirm img {
    margin-bottom: 2rem; }
  .contrat-confirm .contrat-confirm-title {
    font-size: 1.7rem;
    font-weight: bold;
    padding: 0;
    margin: 0;
    color: #c20e1a;
    margin-bottom: 3rem;
    text-align: center; }
  .contrat-confirm .contrat-confirm-subtitle {
    font-size: 1.5rem;
    font-weight: bold;
    margin: 0;
    text-align: center;
    color: #4c4c4c;
    line-height: 1.3; }

.locationSlider {
  margin: auto;
  box-sizing: border-box;
  padding: 0 4.5rem !important;
  height: 15.4rem;
  background: white; }
  .locationSlider ul {
    display: flex !important; }
  .locationSlider .swiper-slide {
    height: 13.4rem;
    box-sizing: border-box;
    border-bottom: 1px solid #adadad; }
  .locationSlider .swiper-button-prev, .locationSlider .swiper-button-next {
    background-image: inherit; }
  .locationSlider .swiper-button-prev::after, .locationSlider .swiper-button-next::after {
    content: "";
    top: 50%;
    left: 50%;
    height: 1.5rem;
    width: 1.5rem;
    border-top: 0.3rem solid #c20e1a;
    position: absolute; }
  .locationSlider .swiper-button-prev {
    height: 13.3rem;
    background-color: white;
    top: 0;
    margin-top: 0;
    width: 4.5rem;
    left: 0;
    z-index: 100;
    border-bottom: 1px solid #adadad;
    border-right: 1px solid #adadad; }
  .locationSlider .swiper-button-prev::after {
    border-left: 0.3rem solid #c20e1a;
    transform: translate(-50%, -50%) rotate(-45deg);
    left: 57%; }
  .locationSlider .swiper-button-next {
    height: 13.3rem;
    background-color: white;
    top: 0;
    margin-top: 0;
    width: 4.5rem;
    right: 0;
    z-index: 100;
    border-bottom: 1px solid #adadad; }
  .locationSlider .swiper-button-next::after {
    border-right: 0.3rem solid #c20e1a;
    transform: translate(-50%, -50%) rotate(45deg);
    left: 44%; }

.topnavs {
  overflow-x: hidden; }

.mon_compte.location .steps_nav li {
  text-align: center; }
  .mon_compte.location .steps_nav li .text {
    text-align: center !important;
    margin: auto;
    margin-left: 25px;
    margin-right: 25px !important; }
  .mon_compte.location .steps_nav li svg {
    margin: auto; }
  .mon_compte.location .contentTitle {
    font-size: 1.5rem;
    color: #4c4c4c;
    font-weight: bold;
    margin: 0;
    margin-bottom: 1rem !important; }
  .mon_compte.location .button-download {
    font-size: 1.6rem;
    font-weight: bold;
    background: #c20e1a;
    text-decoration: none;
    text-align: center;
    max-width: 32rem;
    width: 100%;
    margin: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    transition: 0.4s ease-out;
    height: 5rem; }
  .mon_compte.location .button-download:hover {
    background: #6e1b34; }
  .mon_compte.location .button-download img {
    margin-right: 1rem; }
  .mon_compte.location .button-red {
    font-size: 1.5rem;
    font-weight: bold;
    background: #c20e1a;
    text-decoration: none;
    text-align: center;
    max-width: 40.7rem;
    width: 100%;
    margin: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    transition: 0.4s ease-out;
    height: 6.5rem; }
  .mon_compte.location .button-red--small {
    max-width: 28rem;
    height: 4.5rem;
    margin-bottom: 4rem; }
  .mon_compte.location .button-red:hover {
    background: #6e1b34; }
  .mon_compte.location .listContent {
    padding: 0;
    margin: 0;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    position: relative;
    margin-bottom: 6rem; }
  .mon_compte.location .listContent::before, .mon_compte.location .listContent::after {
    content: "";
    height: 100%;
    width: 0.1rem;
    background: black;
    position: absolute;
    top: 50%;
    transform: translateY(-50%); }
  .mon_compte.location .listContent::before {
    left: 17.5rem; }
  .mon_compte.location .listContent::after {
    left: 37rem; }
  .mon_compte.location .listContent li {
    list-style-type: none;
    width: 33.3%;
    font-size: 1.5rem;
    font-weight: 300;
    color: #4c4c4c;
    box-sizing: border-box;
    padding-right: 5rem;
    min-width: 18.5rem; }
  .mon_compte.location .listContent li img {
    margin-right: 0.5rem;
    vertical-align: middle; }
  .mon_compte.location .basicList {
    padding: 0;
    margin: 0; }
  .mon_compte.location .basicList li {
    list-style-type: none;
    font-size: 1.5rem;
    color: #4c4c4c;
    font-weight: 300; }
  .mon_compte.location .doubleButtons {
    display: flex;
    align-items: center;
    justify-content: space-around;
    flex-wrap: wrap;
    margin-top: 6rem; }
  .mon_compte.location .doubleButtons a {
    font-size: 1.5rem;
    min-width: 17.5rem;
    text-align: center;
    transition: 0.4s ease-out; }
  .mon_compte.location .doubleButtons a:first-child {
    border: 0.3rem solid #c20e1a;
    background: #c20e1a;
    text-decoration: none;
    color: #fff;
    padding: 1.5rem 3.5rem; }
  .mon_compte.location .doubleButtons a:first-child:hover {
    background: #6e1b34;
    border-color: #6e1b34; }
  .mon_compte.location .doubleButtons a:last-child {
    border: 0.3rem solid #c20e1a;
    background: #fff;
    text-decoration: none;
    color: #c20e1a;
    padding: 1.5rem 3.5rem; }
  .mon_compte.location .doubleButtons a:last-child:hover {
    background: #c20e1a;
    color: #fff; }
  .mon_compte.location .priceGarantie {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 4rem 0;
    margin-bottom: 2rem; }
  .mon_compte.location .priceGarantie span {
    font-size: 1.5rem;
    margin-left: 0.5rem; }
  .mon_compte.location strong span {
    color: #c20e1a; }

@media screen and (max-width: 700px) {
  .listContent::before, .listContent::after {
    content: none !important;
    display: none; }

  .doubleButtons a:first-child {
    margin-bottom: 3rem; } }

.custom_slider.init {
  position: relative;
  overflow: hidden;
  display: block !important;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }
  .custom_slider .slider_track {
    width: auto;
    display: block !important;
    white-space: nowrap !important;
    position: relative !important;
    overflow: hidden;
    left: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box; }
  .custom_slider .slider_track:before {
    content: " ";
    display: table; }
  .custom_slider .slider_track .slide {
    float: left;
    height: 100%;
    position: relative;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    white-space: normal; }
  .custom_slider .arrows {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 9;
    cursor: pointer;
    padding-top: 9px; }
  .custom_slider .arrows.prev {
    left: 0;
    display: none; }
  .custom_slider .arrows.next {
    right: 0; }
  /*------------------------------------*\
   HERO
   \*------------------------------------*/

.backrecherche-btn {
  text-align: center;
  width: 25rem;
  margin: 10rem auto; }
  .backrecherche-btn a {
    text-decoration: none;
    font-weight: 600;
    color: white;
    font-size: 1.6rem;
    background-color: #c20e1a;
    padding: 2rem 5rem; }
  .backrecherche-btn a:hover {
    background-color: #6e1b34; }

.simulateur .hero {
  width: 100%;
  height: 30rem;
  position: relative;
  overflow: hidden; }
  .simulateur .hero .background {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1; }
  .simulateur .hero .background img {
    position: absolute;
    right: 0;
    bottom: 0; }
  @media only screen and (max-width: 1290px) {
      .simulateur .hero .background img {
        width: 30%; } }
  .simulateur .hero .content {
    display: flex;
    left: 15%;
    position: absolute;
    top: 50%;
    transform: translateY(-50%); }
  .simulateur .hero .content .inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 100%; }
/*------------------------------------*\
 MAIN TABS
 \*------------------------------------*/
.simulateur .main_tabs {
  background-color: #efefef;
  padding-top: 2rem; }
  .simulateur .main_tabs ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0;
    padding: 0; }
  .simulateur .main_tabs ul li {
    width: 50%;
    font-size: 1.9rem;
    font-weight: 700;
    list-style-type: none;
    cursor: pointer;
    padding: 30px;
    position: relative; }
  .simulateur .main_tabs ul li:after {
    content: '';
    display: none;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 18px 17px 0 17px;
    position: absolute;
    bottom: -16px;
    left: 70px; }
  .simulateur .main_tabs ul li.achat {
    color: #4c4c4c; }
  .simulateur .main_tabs ul li.achat.current {
    color: #c20e1a;
    background-color: #fff; }
  .simulateur .main_tabs ul li.location {
    color: #4c4c4c; }
  .simulateur .main_tabs ul li.location.current {
    color: #62408d;
    background-color: #fff; }
/*------------------------------------*\
 SIM CONTAINER
 \*------------------------------------*/
.simulateur .sim_container {
  background-color: #efefef;
  padding-bottom: 70px; }
  .simulateur .sim_container .tab_content {
    display: none; }
  .simulateur .sim_container .tab_content:nth-child(1) {
    display: block; }
  .simulateur .sim_container .tab_content .background {
    background-color: #fff;
    padding: 50px 40px; }
  .simulateur .sim_container .tab_content h2 {
    font-size: 3rem;
    font-weight: 700;
    margin-top: 0;
    margin-bottom: 4rem; }
  .simulateur .sim_container .tab_content p {
    font-family: 'Gotham Book', Arial, sans-serif;
    font-size: 1.6rem;
    line-height: 2.8rem;
    color: #4c4c4c;
    margin-top: 0;
    margin-bottom: 50px; }
  .simulateur .sim_container .tab_content form {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    align-items: flex-end;
    max-width: 694px;
    width: 100%; }
  .simulateur .sim_container .tab_content form .form_group {
    width: 100%;
    margin-bottom: 40px; }
  .simulateur .sim_container .tab_content form .form_group.half_width {
    width: 48%; }
  .simulateur .sim_container .tab_content form .form_group.medium {
    max-width: 430px;
    width: 100%; }
  .simulateur .sim_container .tab_content form .form_group label {
    display: inline-block;
    vertical-align: middle;
    font-size: 1.4rem;
    font-weight: 700;
    margin-bottom: 10px; }
  .simulateur .sim_container .tab_content form .form_group label.label_with_supp {
    margin-bottom: 0; }
  .simulateur .sim_container .tab_content form .form_group .label_supp {
    font-family: 'Gotham Book', Arial, sans-serif;
    font-size: 1.4rem;
    color: #adadad;
    margin-bottom: 10px; }
  .simulateur .sim_container .tab_content form .form_group .tooltip_holder {
    display: inline-block;
    vertical-align: sub;
    margin-left: 8px;
    position: relative; }
  .simulateur .sim_container .tab_content form .form_group .tooltip_holder .toggle {
    cursor: pointer; }
  .simulateur .sim_container .tab_content form .form_group .tooltip_holder .toggle svg {
    width: 20px;
    height: 20px;
    fill: #000; }
  .simulateur .sim_container .tab_content form .form_group .tooltip_holder .toggle:hover + .tooltip {
    display: block; }
  .simulateur .sim_container .tab_content form .form_group .tooltip_holder .tooltip {
    display: none;
    box-sizing: border-box;
    width: 28rem;
    background-color: #fff;
    -moz-box-shadow: 0px 0px 5px -1px #cfcfcf;
    -webkit-box-shadow: 0px 0px 5px -1px #cfcfcf;
    -o-box-shadow: 0px 0px 5px -1px #cfcfcf;
    box-shadow: 0px 0px 5px -1px #cfcfcf;
    filter: progid:DXImageTransform.Microsoft.Shadow(color=#cfcfcf, Direction=NaN, Strength=5);
    padding: 45px 25px;
    position: absolute;
    top: 0;
    right: -340px;
    z-index: 98; }
  .simulateur .sim_container .tab_content form .form_group .tooltip_holder .tooltip .close {
    cursor: pointer;
    position: absolute;
    top: 8px;
    right: 12px; }
  .simulateur .sim_container .tab_content form .form_group .tooltip_holder .tooltip .close svg {
    width: 10px;
    height: 10px;
    fill: #adadad; }
  .simulateur .sim_container .tab_content form .form_group .tooltip_holder .tooltip p {
    font-family: 'Gotham Book', Arial, sans-serif;
    font-size: 1.2rem;
    font-weight: 300;
    color: #adadad;
    margin-bottom: 0; }
  .simulateur .sim_container .tab_content form .form_group .field {
    position: relative; }
  .simulateur .sim_container .tab_content form .form_group .field input[type="text"], .simulateur .sim_container .tab_content form .form_group .field input[type="number"] {
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-family: 'Gotham', Arial, sans-serif;
    font-size: 1.4rem;
    font-weight: 700;
    color: #adadad;
    border: 1px solid #adadad;
    padding: 15px 100px 15px 12px;
    outline: none; }
  .simulateur .sim_container .tab_content form .form_group .field input[type="text"]::-webkit-inner-spin-button, .simulateur .sim_container .tab_content form .form_group .field input[type="number"]::-webkit-inner-spin-button {
    /* display: none; <- Crashes Chrome on hover */
    -webkit-appearance: none;
    margin: 0; }
  .simulateur .sim_container .tab_content form .form_group .field select {
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-family: 'Gotham', Arial, sans-serif;
    font-size: 1.4rem;
    font-weight: 700;
    color: #adadad;
    text-indent: 1px;
    text-overflow: '';
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 1px solid #adadad;
    padding: 15px 100px 15px 12px; }
  .simulateur .sim_container .tab_content form .form_group .field select option {
    width: 100%;
    font-family: 'Gotham', Arial, sans-serif;
    text-indent: 12px;
    color: #adadad; }
  .simulateur .sim_container .tab_content form .form_group .field .slider-container {
    padding-top: 30px; }
  .simulateur .sim_container .tab_content form .form_group .field .slider-container .back-bar {
    height: 8px !important;
    border-radius: 4px;
    background-color: #cfcfcf; }
  .simulateur .sim_container .tab_content form .form_group .field .slider-container .back-bar .selected-bar {
    border-radius: 4px;
    background-image: none; }
  .simulateur .sim_container .tab_content form .form_group .field .slider-container .back-bar .pointer.high {
    width: 26px !important;
    height: 26px !important;
    background-image: none;
    border: 0;
    border-radius: 100%;
    -moz-box-shadow: 0px 0px 10px 0px #c0c0c0;
    -webkit-box-shadow: 0px 0px 10px 0px #c0c0c0;
    -o-box-shadow: 0px 0px 10px 0px #c0c0c0;
    box-shadow: 0px 0px 10px 0px #c0c0c0;
    filter: progid:DXImageTransform.Microsoft.Shadow(color=#c0c0c0, Direction=NaN, Strength=10);
    top: -8px; }
  .simulateur .sim_container .tab_content form .form_group .field .slider-container .back-bar .pointer-label.high {
    font-size: 1.9rem !important;
    font-weight: 700;
    background: transparent !important;
    top: -36px !important; }
  .simulateur .sim_container .tab_content form .form_group .field .slider-container .scale span {
    border: 0 !important; }
  .simulateur .sim_container .tab_content form .form_group .field .slider-container .scale span:last-child {
    right: 12px;
    left: auto !important; }
  .simulateur .sim_container .tab_content form .form_group .field .slider-container .scale span ins {
    font-size: 1.4rem !important;
    font-weight: 700 !important;
    color: #adadad;
    top: -30px; }
  .simulateur .sim_container .tab_content form .form_group .field > span {
    font-size: 1.3rem;
    font-weight: 700;
    position: absolute;
    top: 50%;
    right: 10px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%); }
  .simulateur .sim_container .tab_content form .form_group .field > svg {
    width: 12px;
    height: 7px;
    fill: #adadad;
    position: absolute;
    top: 50%;
    right: 10px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%); }
  .simulateur .sim_container .tab_content form .form_group .field .actions {
    position: absolute;
    top: 50%;
    right: 10px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 9; }
  .simulateur .sim_container .tab_content form .form_group .field .actions svg {
    display: block;
    width: 20px;
    height: 11px;
    fill: #000;
    cursor: pointer; }
  .simulateur .sim_container .tab_content form .form_group .field .actions svg:nth-child(1) {
    margin-bottom: 5px; }
  .simulateur .sim_container .tab_content form .form_group .block_info {
    font-size: 1.4rem;
    font-weight: 700;
    color: #000; }
  .simulateur .sim_container .tab_content button.result_btn {
    display: table;
    max-width: 100%;
    min-width: 350px;
    font-size: 1.7rem;
    font-weight: 700;
    text-align: center;
    color: #fff;
    border: none;
    cursor: pointer;
    margin: 40px auto 0 auto;
    padding: 20px 50px;
    outline: none; }
  .simulateur .sim_container .tab_content .result {
    display: none;
    max-width: 694px;
    width: 100%;
    margin: 4rem auto 0 auto; }
  .simulateur .sim_container .tab_content .result > .title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 12px;
    padding: 30px 40px; }
  .simulateur .sim_container .tab_content .result > .title .left_part {
    font-size: 1.7rem;
    font-weight: 700;
    color: #fff; }
  .simulateur .sim_container .tab_content .result > .title .right_part {
    font-size: 2.3rem;
    font-weight: 700;
    color: #fff; }
  .simulateur .sim_container .tab_content .result p {
    font-family: 'Gotham Book', Arial, sans-serif;
    font-size: 1.6rem;
    margin-bottom: 40px; }
  .simulateur .sim_container .tab_content .result p:last-child {
    margin-bottom: 0; }
  .simulateur .sim_container .tab_content .result .content {
    background-color: #fff;
    padding: 30px 40px; }
  .simulateur .sim_container .tab_content .result .content .row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px; }
  .simulateur .sim_container .tab_content .result .content .row:last-child {
    margin-bottom: 0; }
  .simulateur .sim_container .tab_content .result .content .row .data {
    font-size: 1.4rem; }
  .simulateur .sim_container .tab_content .result .content .row .value {
    max-width: 245px;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 1.4rem;
    font-weight: 700; }
  .simulateur .sim_container .tab_content .result .content .row .divider {
    max-width: 245px;
    width: 100%;
    height: 1px; }
  .simulateur .sim_container .tab_content .result .block_mensualites {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-color: #fff;
    border: 1px solid #adadad;
    padding: 23px 15px; }
  .simulateur .sim_container .tab_content .result .block_mensualites .title {
    font-size: 1.8rem;
    font-weight: 700; }
  .simulateur .sim_container .tab_content .result .block_mensualites .value {
    font-size: 1.8rem;
    font-weight: 700; }
/*------------------------------------*\
 ACHAT CONTAINER
 \*------------------------------------*/
.simulateur .achat_container {
  display: none; }
  .simulateur .achat_container .achat_tabs ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0;
    padding: 0; }
  .simulateur .achat_container .achat_tabs ul li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    align-items: flex-end;
    width: 50%;
    background-color: #fff;
    list-style-type: none;
    cursor: pointer;
    padding: 2rem 3rem;
    position: relative;
    box-sizing: border-box;
    border-bottom: 3px solid white; }
  .simulateur .achat_container .achat_tabs ul li div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative; }
  .simulateur .achat_container .achat_tabs ul li.current {
    border-bottom: 3px solid #c20e1a; }
  .simulateur .achat_container .achat_tabs ul li.current:after {
    display: block; }
  .simulateur .achat_container .achat_tabs ul li.current svg {
    fill: #c20e1a; }
  .simulateur .achat_container .achat_tabs ul li.current span {
    color: #c20e1a; }
  .simulateur .achat_container .achat_tabs ul li svg {
    width: 35px;
    height: 35px;
    fill: #4c4c4c;
    margin-right: 15px; }
  .simulateur .achat_container .achat_tabs ul li span {
    font-size: 1.4rem;
    font-weight: 500;
    color: #4c4c4c; }
  .simulateur .achat_container .tab_content h2 {
    color: #c20e1a; }
  .simulateur .achat_container .tab_content form .form_group label {
    color: #cc5154; }
  .simulateur .achat_container .tab_content form .form_group .field .slider-container .back-bar .selected-bar {
    background-color: #cc5154; }
  .simulateur .achat_container .tab_content form .form_group .field .slider-container .back-bar .pointer.high {
    background-color: #cc5154; }
  .simulateur .achat_container .tab_content form .form_group .field .slider-container .back-bar .pointer-label.high {
    color: #cc5154; }
  .simulateur .achat_container .tab_content form .form_group .field > span {
    color: #cc5154; }
  .simulateur .achat_container .tab_content form .form_group .field .actions svg:hover {
    fill: #c20e1a; }
  .simulateur .achat_container .tab_content button.result_btn {
    background-color: #c20e1a; }
  .simulateur .achat_container .tab_content button.result_btn:hover {
    background-color: #6e1b34; }
  .simulateur .achat_container .tab_content .result > .title {
    background-color: #c20e1a; }
  .simulateur .achat_container .tab_content .result .content .row .data {
    color: #c20e1a; }
  .simulateur .achat_container .tab_content .result .content .row .value {
    color: #c20e1a; }
  .simulateur .achat_container .tab_content .result .content .row .divider {
    background-color: #c20e1a; }
  .simulateur .achat_container .tab_content .result .block_mensualites .title {
    color: #c20e1a; }
  .simulateur .achat_container .tab_content .result .block_mensualites .value {
    color: #cc5154; }
/*------------------------------------*\
 LOCATION CONTAINER
 \*------------------------------------*/
.simulateur .location_container .tab_content h2 {
  color: #62408d; }
  .simulateur .location_container .tab_content form .form_group label {
    color: #62408d; }
  .simulateur .location_container .tab_content form .form_group .field > span {
    color: #62408d; }
  .simulateur .location_container .tab_content button.result_btn {
    background-color: #62408d; }
  .simulateur .location_container .tab_content button.result_btn:hover {
    background-color: #62408d; }
  .simulateur .location_container .tab_content .result > .title {
    background-color: #62408d; }
  .simulateur .location_container .tab_content .result .content .row .data {
    color: #62408d; }
  .simulateur .location_container .tab_content .result .content .row .value {
    color: #62408d; }
  .simulateur .location_container .tab_content .result .content .row .divider {
    background-color: #62408d; }
  .simulateur .location_container .tab_content .result .block_mensualites .title {
    color: #62408d; }
  .simulateur .location_container .tab_content .result .block_mensualites .value {
    color: #cc5154; }
/*------------------------------------*\
 BOTTOM PAGE
 \*------------------------------------*/
.simulateur .bottom_page {
  border-bottom: 8px solid #efefef;
  padding-bottom: 100px; }
  .simulateur .bottom_page .villes {
    padding: 70px 0; }
  .simulateur .bottom_page .villes h2 {
    font-size: 3rem;
    font-weight: 700;
    text-align: center;
    color: #adadad;
    margin-top: 0;
    margin-bottom: 60px; }
  .simulateur .bottom_page .villes .inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between; }
  .simulateur .bottom_page .villes .inner a.ville {
    display: block;
    width: 23.6%;
    height: 170px;
    text-decoration: none;
    overflow: hidden;
    position: relative; }
  .simulateur .bottom_page .villes .inner a.ville:hover .image {
    width: 110%;
    height: 110%; }
  .simulateur .bottom_page .villes .inner a.ville .image {
    width: 100%;
    height: 100%;
    transition: all 0.4s ease;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%); }
  .simulateur .bottom_page .villes .inner a.ville .image img {
    width: 100%;
    height: 100%;
    object-fit: cover; }
  .simulateur .bottom_page .villes .inner a.ville .mask {
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.3);
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2; }
  .simulateur .bottom_page .villes .inner a.ville .ville_nom {
    width: 90%;
    font-size: 2.4rem;
    font-weight: 700;
    text-align: center;
    color: #fff;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 3; }
  .simulateur .bottom_page .conseils {
    background-color: #47b4d5;
    padding: 60px; }
  .simulateur .bottom_page .conseils h2 {
    font-size: 3rem;
    font-weight: 700;
    text-align: center;
    color: #fff;
    margin-top: 0;
    margin-bottom: 60px; }
  .simulateur .bottom_page .conseils .conseils_slider {
    margin-bottom: 60px;
    padding: 0 50px; }
  .simulateur .bottom_page .conseils .conseils_slider .slick-slide {
    margin: 0 20px; }
  .simulateur .bottom_page .conseils .conseils_slider a.conseil_slide {
    height: 170px;
    text-decoration: none;
    position: relative; }
  .simulateur .bottom_page .conseils .conseils_slider a.conseil_slide img {
    width: 100%;
    height: 100%;
    object-fit: cover; }
  .simulateur .bottom_page .conseils .conseils_slider a.conseil_slide .mask {
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.3);
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2; }
  .simulateur .bottom_page .conseils .conseils_slider a.conseil_slide .conseil {
    width: 90%;
    font-size: 2.4rem;
    font-weight: 700;
    text-align: center;
    color: #fff;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 3;
    margin-top: 0; }
  .simulateur .bottom_page .conseils .conseils_slider .slick-arrow {
    width: 13px;
    height: 23px;
    border: none;
    background: transparent;
    border: none;
    margin: 0;
    padding: 0;
    cursor: pointer;
    outline: 0;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 10; }
  .simulateur .bottom_page .conseils .conseils_slider .slick-arrow:focus, .simulateur .bottom_page .conseils .conseils_slider .slick-arrow:active {
    border: none;
    outline: 0; }
  .simulateur .bottom_page .conseils .conseils_slider .slick-arrow.slick-prev {
    background: url('../img/icons/prev-conseils.png') no-repeat center / contain;
    left: 0; }
  .simulateur .bottom_page .conseils .conseils_slider .slick-arrow.slick-next {
    background: url('../img/icons/next-conseils.png') no-repeat center / contain;
    right: 0; }
  .simulateur .bottom_page .conseils a.btn_conseils {
    display: table;
    font-size: 1.6rem;
    font-weight: 700;
    text-decoration: none;
    color: #fff;
    background-color: #215b6c;
    margin: 0 auto;
    padding: 20px 45px; }
  .simulateur .bottom_page .conseils a.btn_conseils:hover {
    background-color: #2a7388; }
/*------------------------------------------------------------------*\
 RESPONSIVE
 \*------------------------------------------------------------------*/
/*----------------------------------------------*\
 1024PX
 \*----------------------------------------------*/
@media only screen and (max-width: 1024px) {
  /*------------------------------------*\
   HERO
   \*------------------------------------*/
  /*------------------------------------*\
   SIM CONTAINER
   \*------------------------------------*/
  /*------------------------------------*\
   BOTTOM PAGE
   \*------------------------------------*/
    .simulateur .hero .background .gradient {
      width: 40%; }
      .simulateur .hero .background .image {
        width: 60%; }
    .simulateur .sim_container .tab_content form {
      max-width: 100%; }
      .simulateur .sim_container .tab_content .result {
        max-width: 100%;
        margin-left: 0; }
    .simulateur .bottom_page .conseils {
      padding: 50px 20px; }
      .simulateur .bottom_page .conseils .conseils_slider {
        padding: 0 40px; } }
/*----------------------------------------------*\
 1921PX
 \*----------------------------------------------*/
@media screen and (min-width: 1921px) {
  .simulateur .hero {
    height: 50rem; }
    .simulateur .hero .content {
      left: 25%; } }
/*----------------------------------------------*\
 920PX
 \*----------------------------------------------*/
@media only screen and (max-width: 920px) {
  /*------------------------------------*\
   ACHAT CONTAINER
   \*------------------------------------*/
    .simulateur .achat_container .achat_tabs ul li {
      align-items: center; } }
/*----------------------------------------------*\
 768PX
 \*----------------------------------------------*/
@media only screen and (max-width: 768px) {
  /*------------------------------------*\
   HERO
   \*------------------------------------*/
  /*------------------------------------*\
   BOTTOM PAGE
   \*------------------------------------*/
    .simulateur .hero .content .inner p {
      line-height: 2.5rem;
      font-size: 2rem; }
    .simulateur .bottom_page .villes .inner {
      flex-wrap: wrap; }
      .simulateur .bottom_page .villes .inner a.ville {
        width: 49%;
        margin-bottom: 15px; } }
/*----------------------------------------------*\
 620PX
 \*----------------------------------------------*/
@media only screen and (max-width: 620px) {
  /*------------------------------------*\
   SIM CONTAINER
   \*------------------------------------*/
    .simulateur .sim_container .tab_content form .form_group .tooltip_holder {
      position: inherit; }
      .simulateur .sim_container .tab_content form .form_group .tooltip_holder .tooltip {
        top: inherit;
        margin-top: 0.5rem;
        left: 50%;
        transform: translateX(-50%); }
      .simulateur .sim_container .tab_content form .form_group.half_width {
        width: 100%; }
      .simulateur .sim_container .tab_content button.result_btn {
        min-width: 100%; }
      .simulateur .sim_container .tab_content .result > .title {
        flex-direction: column; }
      .simulateur .sim_container .tab_content .result .content .row {
        flex-direction: column;
        align-items: flex-start; }
      .simulateur .sim_container .tab_content .result .content .row .value {
        justify-content: flex-start; } }
/*----------------------------------------------*\
 480PX
 \*----------------------------------------------*/
@media only screen and (max-width: 480px) {
  /*------------------------------------*\
   BOTTOM PAGE
   \*------------------------------------*/
    .simulateur .bottom_page .villes .inner a.ville {
      width: 100%;
      margin-bottom: 10px; }
      .simulateur .bottom_page .conseils .conseils_slider {
        padding: 0 10px; } }
/*------------------------------------*\
 GLOBAL
 \*------------------------------------*/
.decouvrez_nous {
  border-bottom: 8px solid #efefef; }
/*------------------------------------*\
 HERO
 \*------------------------------------*/
.decouvrez_nous .hero {
  width: 100%;
  height: 30rem;
  position: relative;
  overflow: hidden; }
  .decouvrez_nous .hero .background {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    z-index: -1; }
  .decouvrez_nous .hero .background img {
    max-width: 100%;
    width: 100%;
    height: auto;
    -o-object-fit: cover;
    object-fit: cover;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%); }
  .decouvrez_nous .hero .background:before {
    content: "";
    width: 100%;
    height: 100%;
    background: black;
    opacity: 0.3;
    position: absolute;
    left: 0;
    top: 0; }
  .decouvrez_nous .hero .content {
    display: flex;
    left: 15%;
    position: absolute;
    top: 50%;
    transform: translateY(-50%); }
  .decouvrez_nous .hero .content .inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 100%; }
/*------------------------------------*\
 MAIN CONTENT
 \*------------------------------------*/
.decouvrez_nous .dn_content {
  max-width: 72rem;
  width: 92%;
  margin: 0 auto;
  padding-top: 60px;
  padding-bottom: 10px; }
  @media only screen and (max-width: 600px) {
  .decouvrez_nous .dn_content {
    width: 90%; } }
  .decouvrez_nous .dn_content .intro {
    font-size: 1.8rem;
    font-weight: 700;
    line-height: 1.6;
    color: #4c4c4c;
    margin-bottom: 40px;
    font-family: 'Gotham'; }
  .decouvrez_nous .dn_content a.lien_institutionnel {
    display: flex;
    align-items: center;
    box-sizing: border-box;
    max-width: 490px;
    width: 100%;
    font-size: 1.8rem;
    font-weight: 700;
    text-decoration: none;
    color: #fff;
    background-color: #cc5154;
    margin-bottom: 50px;
    padding: 13px; }
  .decouvrez_nous .dn_content a.lien_institutionnel:hover {
    background-color: #c20e1a; }
  .decouvrez_nous .dn_content a.lien_institutionnel svg {
    vertical-align: middle;
    width: 25px;
    height: 25px;
    fill: #fff;
    margin-right: 10px; }
  .decouvrez_nous .dn_content h2 {
    font-size: 2.1rem;
    font-weight: 700;
    color: #c20e1a;
    margin-top: 0;
    margin-bottom: 15px; }
  .decouvrez_nous .dn_content p {
    font-family: 'Gotham Book', Arial, sans-serif;
    font-size: 1.6rem;
    line-height: 1.8;
    color: #4c4c4c;
    margin-top: 0;
    margin-bottom: 40px; }
  .decouvrez_nous .dn_content .datas {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: space-between;
    margin-bottom: 3rem; }
  .decouvrez_nous .dn_content .datas .data {
    margin-bottom: 40px; }
  .decouvrez_nous .dn_content .datas .data svg {
    fill: #cc5154; }
  .decouvrez_nous .dn_content .datas .data svg.france {
    width: 68px;
    height: 53px; }
  .decouvrez_nous .dn_content .datas .data svg.immeuble-maison {
    width: 52px;
    height: 52px; }
  .decouvrez_nous .dn_content .datas .data svg.immeuble-seul {
    width: 34px;
    height: 43px; }
  .decouvrez_nous .dn_content .datas .data svg.travaux {
    width: 55px;
    height: 41px; }
  .decouvrez_nous .dn_content .datas .data .value {
    font-size: 2.5rem;
    font-weight: 700;
    color: #c20e1a;
    margin-top: 10px; }
  .decouvrez_nous .dn_content .datas .data .title {
    font-size: 2rem;
    font-weight: 500;
    color: #4c4c4c; }
  .decouvrez_nous .dn_content .iframe_container {
    width: 100%;
    margin-bottom: 40px;
    padding-top: 56.25%;
    position: relative; }
  .decouvrez_nous .dn_content .iframe_container iframe {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0; }
/*------------------------------------*\
 ACTIONS
 \*------------------------------------*/
.decouvrez_nous .actions {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  justify-content: space-between;
  max-width: 72rem;
  width: 92%;
  margin: 0 auto;
  padding-bottom: 100px; }
  .decouvrez_nous .actions a.action {
    display: block;
    width: 48.5%;
    box-sizing: border-box;
    text-decoration: none;
    padding: 30px; }
  .decouvrez_nous .actions a.action:nth-child(1) {
    background-color: #c20e1a; }
  .decouvrez_nous .actions a.action:nth-child(2) {
    background-color: #cc5154; }
  .decouvrez_nous .actions a.action:hover {
    background-color: #6e1b34; }
  .decouvrez_nous .actions a.action .title {
    font-size: 2.1rem;
    font-weight: 900;
    color: #fff;
    margin-bottom: 30px; }
  .decouvrez_nous .actions a.action .subtitle {
    font-size: 1.5rem;
    font-weight: 500;
    text-decoration: underline;
    color: #fff; }
/*------------------------------------------------------------------*\
 RESPONSIVE
 \*------------------------------------------------------------------*/
/*----------------------------------------------*\
 1921PX
 \*----------------------------------------------*/
@media screen and (min-width: 1921px) {
  .decouvrez_nous .hero {
    height: 50rem; }
    .decouvrez_nous .hero .content {
      left: 25%; } }
/*----------------------------------------------*\
 768PX
 \*----------------------------------------------*/
@media only screen and (max-width: 768px) {
  /*------------------------------------*\
   HERO
   \*------------------------------------*/
  /*------------------------------------*\
   MAIN CONTENT
   \*------------------------------------*/
    .decouvrez_nous .hero .content .inner p {
      line-height: 2.5rem;
      font-size: 2rem; }
    .decouvrez_nous .dn_content .datas {
      flex-wrap: wrap; }
      .decouvrez_nous .dn_content .datas .data {
        width: 50%; } }
/*----------------------------------------------*\
 660PX
 \*----------------------------------------------*/
@media only screen and (max-width: 660px) {
  /*------------------------------------*\
   ACTIONS
   \*------------------------------------*/
    .decouvrez_nous .actions {
      flex-wrap: wrap;
      width: 90%; }
      .decouvrez_nous .actions a.action {
        width: 100%;
        margin-bottom: 20px; } }
/*----------------------------------------------*\
 480PX
 \*----------------------------------------------*/
@media only screen and (max-width: 480px) {
  /*------------------------------------*\
   HERO
   \*------------------------------------*/ }
/*------------------------------------*\
 GLOBAL
 \*------------------------------------*/
.base_content_container {
  border-bottom: 8px solid #efefef;
  max-width: 100%;
  margin: 0 auto; }
  .base_content_container .include {
    max-width: 100rem;
    margin: 0 auto; }

h3 {
  color: #adadad;
  font-size: 2.7rem;
  font-weight: 600;
  text-align: center; }
/*------------------------------------*\
 TOPBAR
 \*------------------------------------*/
.topbar {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: flex-end;
  background-color: #efefef; }
  .topbar .share .global_partage {
    display: flex; }
  .topbar .share .global_partage > svg {
    fill: #4c4c4c; }
  .topbar .share .global_partage > svg:hover {
    fill: #c20e1a; }
  .topbar .share .global_partage .sn_list {
    left: -2rem; }
  .topbar a.print, .topbar .share {
    box-sizing: border-box;
    padding: 11px 18px;
    border-left: 1px solid #cfcfcf; }
  .topbar a.print:hover > svg, .topbar .share:hover > svg {
    fill: #c20e1a; }
  .topbar a.print > svg, .topbar .share > svg {
    fill: #4c4c4c; }
  .topbar a.print {
    display: block;
    text-decoration: none;
    display: flex;
    align-items: center; }
  .topbar a.print svg {
    width: 20px;
    height: 20px; }
  .topbar .share {
    cursor: pointer; }
  .topbar .share svg {
    width: 18px;
    height: 20px; }
/*------------------------------------*\
 MAIN CONTENT
 \*------------------------------------*/
.base_content_container .base_content {
  max-width: 72rem;
  width: 100%;
  margin: 0 auto;
  padding: 6rem 0 1rem; }
  @media screen and (max-width: 1200px) {
  .base_content_container .base_content {
    max-width: 92%; } }
  @media screen and (max-width: 600px) {
  .base_content_container .base_content {
    max-width: 90%; } }
  .base_content_container .base_content a {
    color: #c20e1a;
    text-decoration: none;
    position: relative; }
  .base_content_container .base_content a:after {
    content: "";
    display: block;
    border-bottom: 1px solid #c20e1a;
    position: absolute;
    bottom: -0.3rem;
    left: 0;
    width: 100%; }
  .base_content_container .base_content h1 {
    font-size: 3.8rem;
    font-weight: 900;
    color: #c20e1a;
    margin-top: 0;
    margin-bottom: 40px; }
  .base_content_container .base_content h2 {
    font-size: 3rem;
    font-weight: 700;
    color: #c20e1a;
    margin-top: 4rem; }
  .base_content_container .base_content h3 {
    font-size: 2.5rem;
    font-weight: 700;
    color: #c20e1a;
    margin-top: 4rem;
    text-align: left; }
  .base_content_container .base_content .rubrique {
    font-size: 1.5rem;
    font-weight: 500;
    margin-bottom: 2rem; }
  .base_content_container .base_content p {
    font-family: 'Gotham Book', Arial, sans-serif;
    font-size: 1.6rem;
    line-height: 2.8rem;
    color: #4c4c4c;
    margin-top: 2rem;
    margin-bottom: 0; }
  .base_content_container .base_content p.intro {
    font-family: 'Gotham';
    font-size: 1.8rem;
    font-weight: 700;
    line-height: 2.9rem;
    color: #4c4c4c; }
  .base_content_container .base_content .goodtoknow {
    background-color: #62408d;
    fill: white;
    padding: 4rem 3rem;
    box-sizing: border-box;
    margin-bottom: 4rem; }
  .base_content_container .base_content .goodtoknow div {
    font-weight: bold;
    font-size: 2rem;
    display: flex;
    align-item: center;
    line-height: 3rem;
    margin-bottom: 2rem; }
  .base_content_container .base_content .goodtoknow div svg {
    width: 2rem;
    height: 3rem; }
  .base_content_container .base_content .goodtoknow div p {
    padding-left: 1rem;
    font-size: 2rem;
    color: white;
    line-height: 3rem;
    margin: 0; }
  .base_content_container .base_content .goodtoknow p {
    color: white;
    margin: 0; }
  .base_content_container .base_content .quote {
    background-color: #ecf6f8;
    padding: 3rem;
    margin-top: 4rem; }
  .base_content_container .base_content .quote p {
    border-left: #c20e1a 0.3rem solid;
    margin: 0;
    padding-left: 2rem;
    font-size: 2rem;
    font-style: italic; }
  .base_content_container .base_content table {
    width: 100%;
    margin-top: 4rem; }
  .base_content_container .base_content table tr th {
    padding: 2rem 0;
    background-color: #c20e1a;
    font-size: 2rem;
    color: white;
    border-right: 1px solid white; }
  .base_content_container .base_content table tr td {
    padding: 2rem;
    font-size: 1.5rem;
    text-align: center;
    font-family: 'Gotham Book';
    border-left: solid 1px #c9c9c9;
    border-bottom: solid 1px #c9c9c9; }
  .base_content_container .base_content table tr td:last-child {
    border-right: solid 1px #c9c9c9; }
  .base_content_container .base_content .iframe_container {
    width: 100%;
    margin-bottom: 40px;
    padding-top: 56.25%;
    position: relative; }
  .base_content_container .base_content .iframe_container iframe {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0; }
  .base_content_container .base_content .global_slider {
    margin-bottom: 40px; }
  .base_content_container .base_content .global_slider .global_slide {
    height: 400px; }
  .base_content_container .base_content .global_slider .global_slide img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover; }
  .base_content_container .base_content .global_slider .slick-arrow {
    width: 55px;
    height: 60px;
    border: none;
    cursor: pointer;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 9; }
  .base_content_container .base_content .global_slider .slick-arrow.slick-prev {
    background: url('../img/icons/prev-square.png') no-repeat center / contain;
    left: 0; }
  .base_content_container .base_content .global_slider .slick-arrow.slick-next {
    background: url('../img/icons/next-square.png') no-repeat center / contain;
    right: 0; }
  .base_content_container .base_content .global_slider ul.custom_paging {
    width: 42px;
    height: 42px;
    background-color: #fff;
    margin: 0;
    padding: 0;
    position: absolute;
    bottom: 12px;
    left: 12px; }
  .base_content_container .base_content .global_slider ul.custom_paging li {
    display: none;
    font-size: 1.4rem;
    font-weight: 700;
    color: #4c4c4c;
    list-style-type: none;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%); }
  .base_content_container .base_content .global_slider ul.custom_paging li:nth-child(1) {
    display: block; }
  .base_content_container .base_content > img {
    width: 100%;
    height: auto; }
  .base_content_container .base_content .img-quiz {
    margin: 6rem 0; }
  .base_content_container .base_content .quiz {
    margin-bottom: 100px; }
  .base_content_container .base_content .quiz .explications {
    font-size: 1.6rem;
    font-weight: 300;
    line-height: 2.7rem;
    padding: 2rem 0;
    display: none; }
  .base_content_container .base_content .quiz .result {
    background: #ecf6f8;
    width: 100%;
    height: 30rem;
    text-align: center;
    display: flex;
    flex-direction: column;
    font-size: 2.8rem;
    font-weight: 600;
    align-items: center;
    justify-content: center; }
  .base_content_container .base_content .quiz .question_container {
    margin-bottom: 20px;
    position: relative; }
  .base_content_container .base_content .quiz .question_container .btn {
    float: none;
    margin-top: 10rem; }
  .base_content_container .base_content .quiz .question_container p {
    top: 20%;
    position: relative;
    font-size: 3rem;
    color: black;
    font-weight: 600;
    font-family: 'Gotham'; }
  .base_content_container .base_content .quiz .question_container.q2, .base_content_container .base_content .quiz .question_container.q3, .base_content_container .base_content .quiz .question_container.q4 {
    display: none; }
  .base_content_container .base_content .quiz .question_container:last-child {
    margin-bottom: 0; }
  .base_content_container .base_content .quiz .question_container .question {
    font-size: 1.8rem;
    font-weight: 500;
    color: #4c4c4c;
    margin-bottom: 20px; }
  .base_content_container .base_content .quiz .question_container .question span {
    font-size: 2.1rem;
    font-weight: 700;
    color: #c20e1a; }
  .base_content_container .base_content .quiz .question_container [type="radio"]:not(:checked), .base_content_container .base_content .quiz .question_container [type="radio"]:checked {
    position: absolute;
    left: -9999px; }
  .base_content_container .base_content .quiz .question_container [type="radio"]:not(:checked) + label, .base_content_container .base_content .quiz .question_container [type="radio"]:checked + label {
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
    font-size: 2rem;
    color: #4c4c4c;
    cursor: pointer;
    margin-right: 3rem;
    margin-bottom: 2rem;
    padding: 3rem 5rem;
    position: relative;
    background-color: #ecf6f8;
    border: #ecf6f8 solid 2px; }
  @media screen and (max-width: 1200px) {
        .base_content_container .base_content .quiz .question_container [type="radio"]:not(:checked) + label, .base_content_container .base_content .quiz .question_container [type="radio"]:checked + label {
          width: 100%; } }
  .base_content_container .base_content .quiz .question_container .good:before {
    content: url('../img/valid.svg'); }
  .base_content_container .base_content .quiz .question_container [type="radio"]:not(:checked) + label:before, .base_content_container .base_content .quiz .question_container [type="radio"]:checked + label:before {
    display: block;
    width: 2rem;
    height: 2rem;
    transition: all 0.2s ease;
    position: absolute;
    top: 50%;
    left: 1rem; }
  .base_content_container .base_content .quiz .question_container [type="radio"]:not(:checked) + label:before {
    opacity: 0;
    transform: scale(0); }
  .base_content_container .base_content .quiz .question_container [type="radio"]:checked + label:before {
    opacity: 1;
    transform: scale(1) translateY(-50%); }
  .base_content_container .base_content .quiz .btn {
    box-sizing: border-box;
    max-width: 225px;
    width: 100%;
    font-size: 1.6rem;
    font-weight: 700;
    text-align: center;
    color: #fff;
    background-color: #47b4d5;
    border: none;
    cursor: pointer;
    margin: 0 auto;
    padding: 20px;
    outline: none;
    float: right;
    transition: 1s;
    position: relative; }
  .base_content_container .base_content ul {
    margin-top: 0;
    margin-top: 4rem;
    padding-left: 30px; }
  .base_content_container .base_content ul li {
    font-size: 1.6rem;
    font-weight: bold;
    color: #4c4c4c;
    padding: 1rem 0; }
  .base_content_container .base_content a.btn_checklist {
    display: table;
    max-width: 300px;
    width: 100%;
    font-size: 1.6rem;
    font-weight: 700;
    text-align: center;
    text-decoration: none;
    color: #fff;
    background-color: #c20e1a;
    margin: 6rem auto 40px auto;
    padding: 20px; }
  .base_content_container .base_content a.btn_checklist:hover {
    background-color: #6e1b34; }
  .base_content_container .base_content a.btn_checklist::after {
    border: none; }
  .base_content_container .base_content a.btn_checklist svg {
    vertical-align: sub;
    width: 26px;
    height: 17px;
    fill: #fff;
    margin-right: 8px; }

.recherche input:not([type="radio"]):not([type="checkbox"]) {
  -webkit-appearance: none !important;
  border-radius: 0; }
  .recherche .filtres {
    height: 21rem;
    background-color: #efefef;
    display: flex;
    width: 100%;
    margin: 0 auto;
    position: relative; }
  @media screen and (min-width: 1921px) {
    .recherche .filtres {
      height: 16rem; } }
  .recherche .filtres .filtres-carte {
    width: 15%;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    border-right: 1px solid #cfcfcf; }
  .recherche .filtres .filtres-carte .filtres-carte-btn {
    width: 11rem;
    height: 4rem;
    margin-left: 2rem;
    display: flex;
    align-items: center;
    cursor: pointer;
    padding: 0 1rem; }
  .recherche .filtres .filtres-carte .filtres-carte-btn.filtres-carte-btn-focus {
    background-color: white; }
  .recherche .filtres .filtres-carte .filtres-carte-btn.filtres-carte-btn-focus svg {
    fill: #c20e1a; }
  .recherche .filtres .filtres-carte .filtres-carte-btn.filtres-carte-btn-focus span {
    color: #c20e1a; }
  .recherche .filtres .filtres-carte .filtres-carte-btn svg {
    width: 2rem;
    height: 2rem;
    fill: #adadad; }
  .recherche .filtres .filtres-carte .filtres-carte-btn span {
    font-size: 1.3rem;
    color: #adadad;
    text-align: left;
    line-height: 4rem;
    padding-left: 1rem; }
  .recherche .filtres .filtres-info {
    position: absolute;
    top: 3rem;
    left: 16%;
    display: flex;
    z-index: 3; }
  .recherche .filtres .filtres-info .filtres-btn-resp {
    display: none; }
  @media screen and (max-width: 600px) {
        .recherche .filtres .filtres-info .filtres-btn-resp {
          display: flex;
          position: absolute;
          flex-direction: column;
          top: 8.5rem;
          width: 100%; }
          .recherche .filtres .filtres-info .filtres-btn-resp div {
            font-size: 1.5rem;
            text-align: center; }
            .recherche .filtres .filtres-info .filtres-btn-resp div:first-child {
              position: initial;
              width: 100%;
              color: white;
              background-color: #cc5154;
              padding: 1.6rem 0;
              cursor: pointer; }
            .recherche .filtres .filtres-info .filtres-btn-resp div:last-child {
              cursor: pointer;
              text-decoration: underline;
              color: #adadad;
              margin-top: 1.5rem; } }
  @media screen and (min-width: 1921px) {
      .recherche .filtres .filtres-info {
        position: initial;
        align-items: center;
        width: 40rem;
        margin-left: 2rem; } }
  .recherche .filtres .filtres-info .louer-acheter {
    position: relative; }
  @media screen and (min-width: 1921px) {
        .recherche .filtres .filtres-info .louer-acheter {
          bottom: 0; } }
  .recherche .filtres .filtres-info .louer-acheter > button {
    cursor: pointer;
    position: relative;
    white-space: nowrap;
    color: #adadad; }
  .recherche .filtres .filtres-info .louer-acheter > button::after {
    content: "";
    width: 1rem;
    height: 1rem;
    display: block;
    position: absolute;
    background: white;
    box-shadow: 2px 2px 0px 0px #adadad;
    transform: rotate(45deg);
    right: 1.5rem;
    top: 25%;
    -webkit-appearance: none;
    appearance: none; }
  .recherche .filtres .filtres-info .louer-acheter > input {
    color: #c20e1a; }
  .recherche .filtres .filtres-info .louer-acheter > button, .recherche .filtres .filtres-info .louer-acheter > input {
    background-color: white;
    border: none;
    outline: none;
    font-family: "Gotham";
    font-weight: 600;
    font-size: 1.5rem;
    width: 13rem;
    padding: 1.5rem 1rem;
    margin-right: 2rem;
    text-align: left;
    box-sizing: border-box; }
  .recherche .filtres .filtres-info .louer-acheter > button::placeholder, .recherche .filtres .filtres-info .louer-acheter > input::placeholder {
    color: #adadad; }
  .recherche .filtres .filtres-info .louer-acheter ul {
    margin-top: 0.1rem;
    background-color: white;
    width: 13rem;
    padding: 1.8rem;
    box-sizing: border-box;
    position: absolute;
    display: none;
    z-index: 20; }
  .recherche .filtres .filtres-info .louer-acheter ul li {
    list-style-type: none;
    padding: 1.1rem 0rem;
    font-size: 1.5rem;
    color: #adadad;
    cursor: pointer; }
  .recherche .filtres .filtres-info .louer-acheter ul li:hover {
    color: #c20e1a; }
  .recherche .filtres .filtres-info > input {
    background-color: white;
    border: none;
    outline: none;
    font-family: "Gotham";
    font-weight: 600;
    font-size: 1.5rem;
    width: 28rem;
    padding: 1.5rem 1rem;
    text-align: left;
    box-sizing: border-box; }
  @media screen and (min-width: 1921px) {
        .recherche .filtres .filtres-info > input {
          margin: 0 0 0 1rem; } }
  .recherche .filtres .filtres-info > input::placeholder {
    color: #adadad; }
  .recherche .filtres .filtres-info .filtres-info-modif {
    display: none;
    color: white;
    background-color: #6e1b34;
    width: 8rem;
    padding: 1.5rem 0;
    cursor: pointer;
    font-size: 1.2rem;
    line-height: 1.2rem;
    text-align: center;
    height: 1rem; }
  .recherche .filtres .filtres-menu {
    display: flex;
    align-items: center;
    width: 80%;
    position: relative;
    padding: 0 2rem;
    box-sizing: border-box; }
  .recherche .filtres .filtres-menu .filtres-btn {
    top: 1.8rem; }
  .recherche .filtres .filtres-menu .filtres-btn div:first-child {
    width: 100%; }
  .recherche .filtres .filtres-menu div {
    position: relative;
    bottom: -2rem; }
  @media screen and (min-width: 1921px) {
        .recherche .filtres .filtres-menu div {
          bottom: 0; } }
  .recherche .filtres .filtres-menu div > button {
    cursor: pointer;
    position: relative;
    white-space: nowrap;
    color: #adadad; }
  .recherche .filtres .filtres-menu div > button::after {
    content: "";
    width: 1rem;
    height: 1rem;
    display: block;
    position: absolute;
    background: white;
    box-shadow: 2px 2px 0px 0px #adadad;
    transform: rotate(45deg);
    right: 1.5rem;
    top: 25%;
    -webkit-appearance: none;
    appearance: none; }
  .recherche .filtres .filtres-menu div > input {
    color: #c20e1a; }
  .recherche .filtres .filtres-menu div > button, .recherche .filtres .filtres-menu div > input {
    background-color: white;
    border: none;
    outline: none;
    font-family: "Gotham";
    font-weight: 600;
    font-size: 1.5rem;
    width: 18rem;
    padding: 1.5rem 1rem;
    margin-right: 2rem;
    text-align: left;
    box-sizing: border-box; }
  @media screen and (max-width: 600px) {
          .recherche .filtres .filtres-menu div > button, .recherche .filtres .filtres-menu div > input {
            width: 100% !important; } }
  .recherche .filtres .filtres-menu div > button::placeholder, .recherche .filtres .filtres-menu div > input::placeholder {
    color: #adadad; }
  .recherche .filtres .filtres-menu div ul {
    margin-top: 0.1rem;
    background-color: white;
    width: 18rem;
    padding: 1.8rem;
    box-sizing: border-box;
    position: absolute;
    display: none;
    z-index: 20; }
  @media screen and (max-width: 600px) {
          .recherche .filtres .filtres-menu div ul {
            width: 100% !important; } }
  .recherche .filtres .filtres-menu div ul li {
    list-style-type: none;
    padding: 1.1rem 0rem; }
  .recherche .filtres .filtres-menu div ul li:last-child {
    width: 100%;
    text-align: center;
    background-color: #c20e1a;
    color: white;
    font-size: 1.6rem;
    margin-top: 1rem;
    cursor: pointer; }
  .recherche .filtres .filtres-menu div ul li:last-child:hover {
    background-color: #6e1b34; }
  .recherche .filtres .filtres-menu div ul li input {
    margin-right: 1rem;
    cursor: pointer;
    width: 1.5rem;
    height: 1.5rem; }
  .recherche .filtres .filtres-menu div ul li input::after {
    content: "";
    display: block;
    width: 1.5rem;
    height: 1.5rem;
    background-color: white;
    border: 1px solid #adadad;
    position: absolute;
    -webkit-appearance: none;
    appearance: none; }
  .recherche .filtres .filtres-menu div ul li input:checked::after {
    background-color: #c20e1a;
    border: none; }
  .recherche .filtres .filtres-menu div ul li input:checked + label {
    color: #c20e1a; }
  .recherche .filtres .filtres-menu div ul li label {
    font-size: 1.5rem;
    color: #adadad;
    cursor: pointer; }
  .recherche .filtres .filtres-menu div ul li label:hover {
    color: #c20e1a; }
  .recherche .filtres .filtres-menu .filtre-surface::after {
    content: "m²";
    width: 1rem;
    height: 1rem;
    display: block;
    position: absolute;
    color: #adadad;
    right: 3.5rem;
    top: 50%;
    font-size: 1.5rem;
    line-height: 1rem;
    transform: translateY(-50%); }
  .recherche .filtres .filtres-menu .filtre-budget::after {
    content: "€";
    width: 1rem;
    height: 1rem;
    display: block;
    position: absolute;
    color: #adadad;
    font-size: 1.5rem;
    line-height: 1rem;
    right: 3rem;
    top: 50%;
    transform: translateY(-50%); }
  .recherche .filtres .filtres-btn {
    width: 15%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center; }
  .recherche .filtres .filtres-btn div {
    font-size: 1.5rem;
    text-align: center; }
  .recherche .filtres .filtres-btn div:first-child {
    color: white;
    background-color: #cc5154;
    width: 16rem;
    padding: 1.6rem 0;
    cursor: pointer; }
  .recherche .filtres .filtres-btn div:first-child:hover {
    background-color: #c20e1a !important; }
  .recherche .filtres .filtres-btn div:last-child {
    cursor: pointer;
    text-decoration: underline;
    color: #adadad;
    margin-top: 1.5rem; }
  .recherche .filtresplus {
    display: none;
    height: 12rem; }
  .recherche .filtresplus .filtres-menu {
    border-top: 1px solid #cecece;
    position: relative;
    width: 70%; }
  .recherche .filtresplus .filtres-menu .filtre-chambres {
    top: -2rem; }
  .recherche .filtresplus .filtres-menu .filtre-etages {
    top: -2rem; }
  .recherche .filtresplus .filtres-menu .filtres-checkbox {
    position: absolute;
    display: none;
    bottom: 1rem; }
  @media screen and (max-width: 600px) {
        .recherche .filtresplus .filtres-menu .filtres-checkbox {
          margin: 3rem 0 0;
          padding-bottom: 1.5rem; } }
  .recherche .filtresplus .filtres-menu .filtres-checkbox div {
    bottom: 0; }
  .recherche .filtresplus .filtres-menu .filtres-checkbox div input {
    margin-right: 1rem;
    cursor: pointer;
    width: 1.5rem; }
  @media screen and (max-width: 600px) {
            .recherche .filtresplus .filtres-menu .filtres-checkbox div input {
              width: auto !important;
              margin: 0 1rem 0 0;
              height: 1rem;
              border: 0; } }
  .recherche .filtresplus .filtres-menu .filtres-checkbox div input::after {
    content: "";
    display: block;
    width: 1.5rem;
    height: 1.5rem;
    background-color: white;
    border: 1px solid #adadad;
    position: absolute; }
  .recherche .filtresplus .filtres-menu .filtres-checkbox div input:checked::after {
    background-color: #c20e1a;
    border: none; }
  .recherche .filtresplus .filtres-menu .filtres-checkbox div input:checked + label {
    color: #c20e1a; }
  .recherche .filtresplus .filtres-menu .filtres-checkbox div label {
    font-size: 1.5rem;
    color: #adadad;
    padding: 0 4rem 0 0rem;
    line-height: 2.5rem;
    cursor: pointer; }
  .recherche .filtresplus .filtres-btn {
    border-top: 1px solid #cecece; }
  @media screen and (max-width: 1200px) {
      .recherche .filtresplus .filtres-btn {
        border: none; } }
  .recherche .mobile-switch {
    display: none; }
  .recherche .toggleFlex {
    display: flex !important; }
  .recherche .content {
    width: 100%;
    margin: 0 auto; }
  @media screen and (max-width: 1200px) {
    .recherche .content {
      width: 92%; } }
  @media screen and (max-width: 600px) {
    .recherche .content {
      width: 90%; } }
  .recherche .content .result {
    width: 100%;
    display: flex; }
  .recherche .content .result.result-full {
    margin: 0; }
  .recherche .content .result.result-full .nb-result {
    margin: 4rem 0 1rem !important;
    padding: 0 !important; }
  .recherche .content .result.result-full .result-list-box {
    margin: 2rem 0 !important; }
  .recherche .content .result .result-list {
    width: 30%;
    min-width: 640px;
    background-color: white;
    z-index: 3; }
  .recherche .content .result .result-list.result-list-full-g {
    position: relative;
    display: flex !important;
    flex-wrap: wrap;
    padding: 2rem 5rem;
    margin: 0 auto;
    max-width: 160rem;
    height: auto; }
  .recherche .content .result .result-list.result-list-full-g .nb-result {
    max-width: 100% !important; }
  .recherche .content .result .result-list.result-list-full-g .result-list-box {
    margin: 1rem;
    display: block;
    width: calc(25% - 1rem*2);
    box-sizing: border-box; }
  @media screen and (max-width: 1200px) {
            .recherche .content .result .result-list.result-list-full-g .result-list-box {
              width: calc(33.33% - 4rem);
              margin: 2rem;
              padding: 0; } }
  .recherche .content .result .result-list.result-list-full-g .result-list-box.result-list-bandeau {
    height: auto;
    position: relative;
    min-height: 25rem; }
  .recherche .content .result .result-list.result-list-full-g .result-list-box.result-list-bandeau.simulateur .result-list-box-img {
    position: absolute;
    bottom: 0;
    right: 0; }
  @media screen and (max-width: 1200px) {
                  .recherche .content .result .result-list.result-list-full-g .result-list-box.result-list-bandeau.simulateur .result-list-box-img {
                    padding: 0; } }
  @media screen and (max-width: 1200px) {
                    .recherche .content .result .result-list.result-list-full-g .result-list-box.result-list-bandeau.simulateur .result-list-box-img img {
                      width: 15vw !important; } }
    @media screen and (max-width: 600px) {
                  .recherche .content .result .result-list.result-list-full-g .result-list-box.result-list-bandeau.simulateur .result-list-box-img img {
                    width: 32vw !important; } }
  .recherche .content .result .result-list.result-list-full-g .result-list-box.result-list-bandeau .result-list-box-img {
    padding: 0;
    height: auto;
    box-sizing: border-box; }
  @media screen and (max-width: 1200px) {
                .recherche .content .result .result-list.result-list-full-g .result-list-box.result-list-bandeau .result-list-box-img {
                  padding: 1rem; } }
  .recherche .content .result .result-list.result-list-full-g .result-list-box.result-list-bandeau .result-list-box-img img {
    width: 100% !important; }
  @media screen and (max-width: 1200px) {
                .recherche .content .result .result-list.result-list-full-g .result-list-box.result-list-bandeau .result-list-box-txt {
                  padding: 2rem 1rem; } }
  .recherche .content .result .result-list.result-list-full-g .result-list-box > div {
    width: 100%; }
  .recherche .content .result .result-list.result-list-full-g .result-list-box:first-child {
    width: 100%;
    display: flex; }
  .recherche .content .result .result-list.result-list-full-g .result-list-box:first-child div {
    max-width: 35rem; }
  .recherche .content .result .result-list.result-list-full-g .result-list-box .result-list-box-txt {
    padding: 1rem; }
  .recherche .content .result .result-list.result-list-full-g .result-list-box .result-list-box-txt .result-list-box-desc {
    display: none; }
  .recherche .content .result .result-list.result-list-full {
    position: relative;
    flex-wrap: wrap;
    padding: 2rem 5rem;
    margin: 0 auto;
    max-width: 160rem;
    height: auto; }
  .recherche .content .result .result-list.result-list-full .result-list-box-elargi {
    padding: 4rem 0; }
  .recherche .content .result .result-list.result-list-full .result-list-bandeau {
    height: auto;
    padding: 1rem !important; }
  .recherche .content .result .result-list.result-list-full .result-list-bandeau.simulateur {
    padding: 0 !important; }
  .recherche .content .result .result-list.result-list-full .result-list-bandeau.simulateur .result-list-box-img {
    position: relative;
    bottom: -1rem; }
  .recherche .content .result .result-list.result-list-full .result-list-bandeau .result-list-box-img {
    width: 30% !important;
    height: auto; }
  .recherche .content .result .result-list.result-list-full .result-list-bandeau .result-list-box-img img {
    width: 100% !important; }
  .recherche .content .result .result-list.result-list-full .nb-result {
    max-width: 100% !important; }
  .recherche .content .result .result-list.result-list-full .result-list-box {
    width: 100%;
    box-sizing: border-box;
    margin: 1rem 2rem;
    border: solid 1px #f4f4f4; }
  .recherche .content .result .result-list.result-list-full .result-list-box:first-child {
    width: 100%;
    border: none; }
  .recherche .content .result .result-list.result-list-full .result-list-box:first-child div {
    max-width: 35rem; }
  .recherche .content .result .result-list.result-list-full .result-list-box .result-list-box-img {
    width: 30%; }
  .recherche .content .result .result-list.result-list-full .result-list-box .result-list-box-txt {
    width: 80%;
    display: flex;
    flex-direction: column;
    justify-content: center; }
  .recherche .content .result .result-list .result-alert {
    display: block;
    width: 100%;
    margin: 0 auto;
    margin: 3rem 0; }
  .recherche .content .result .result-list .result-alert:hover {
    box-shadow: none; }
  .recherche .content .result .result-list .result-alert .result-alert-box {
    position: relative;
    font-size: 1.5rem;
    background-color: #c20e1a;
    color: white;
    padding: 1.5rem 2rem 1.5rem 4rem;
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    width: 26rem;
    margin: 0 auto; }
  .recherche .content .result .result-list .result-alert .result-alert-box svg {
    width: 2rem;
    height: 2rem;
    fill: white;
    position: absolute;
    left: 2rem;
    transition: 0.3s; }
  .recherche .content .result .result-list .result-alert .result-alert-box:hover svg {
    transform: rotateZ(20deg); }
  .recherche .content .result .result-list .result-list-bandeau {
    background-color: white !important;
    height: 15rem;
    justify-content: space-between;
    align-items: center;
    color: white;
    overflow: hidden;
    border: 1px solid #d1d1d1; }
  .recherche .content .result .result-list .result-list-bandeau.simulateur {
    background-color: #efefef !important;
    height: 18rem;
    border: none;
    padding: 0; }
  @media screen and (max-width: 1200px) {
              .recherche .content .result .result-list .result-list-bandeau.simulateur .result-list-box-txt {
                padding: 2rem !important; } }
  .recherche .content .result .result-list .result-list-bandeau.simulateur .result-list-box-txt p {
    font-size: 2.5rem;
    font-weight: bold;
    color: #c20e1a; }
  .recherche .content .result .result-list .result-list-bandeau.simulateur .result-list-box-txt a {
    color: #c20e1a;
    text-decoration: none; }
  .recherche .content .result .result-list .result-list-bandeau.simulateur .result-list-box-img {
    width: auto !important;
    height: auto; }
  .recherche .content .result .result-list .result-list-bandeau .result-list-box-txt p {
    margin: 0 0 1rem 0rem;
    width: 100%;
    color: #4c4c4c;
    font-weight: bold;
    font-size: 1.8rem; }
  .recherche .content .result .result-list .result-list-bandeau .result-list-box-txt a {
    color: #c20e1a;
    font-size: 1.3rem; }
  @media screen and (max-width: 600px) {
              .recherche .content .result .result-list .result-list-bandeau .result-list-box-txt a {
                font-size: 1.8rem; } }
  .recherche .content .result .result-list .result-list-bandeau .result-list-box-img {
    width: auto !important;
    overflow: hidden;
    height: 15rem; }
  .recherche .content .result .result-list .result-list-bandeau .result-list-box-img img {
    width: 22rem !important;
    display: block; }
  .recherche .content .result .result-list .nb-result {
    width: 100%;
    bottom: 0;
    font-size: 2rem;
    color: #c20e1a;
    font-weight: 600;
    left: 1rem;
    margin: 0 auto;
    padding: 0 2rem;
    max-width: 48rem; }
  @media screen and (max-width: 1200px) {
          .recherche .content .result .result-list .nb-result {
            margin: 0 2rem;
            margin-top: 4rem;
            padding: 0; } }
  @media screen and (max-width: 600px) {
          .recherche .content .result .result-list .nb-result {
            width: 100%;
            padding: 0;
            margin: 0;
            margin-top: 2rem; } }
  .recherche .content .result .result-list .result-list-box {
    display: flex;
    background-color: #fff;
    width: 480px;
    margin: 2rem auto;
    padding: 1rem;
    transition: 0.3s; }
  .recherche .content .result .result-list .result-list-box.result-list-box-elargi {
    text-align: center;
    font-size: 2rem;
    color: #cc5154;
    font-weight: 600;
    display: block;
    margin: 3rem;
    border: none; }
  .recherche .content .result .result-list .result-list-box.result-list-box-elargi:hover {
    box-shadow: none; }
  .recherche .content .result .result-list .result-list-box.result-list-box-elargi div {
    display: block; }
  .recherche .content .result .result-list .result-list-box.result-list-box-elargi span {
    font-size: 1.8rem;
    text-align: left;
    color: #4c4c4c; }
  .recherche .content .result .result-list .result-list-box:first-child {
    position: relative;
    padding-bottom: 4rem; }
  .recherche .content .result .result-list .result-list-box:first-child:hover {
    box-shadow: none; }
  .recherche .content .result .result-list .result-list-box:first-child .result-list-box-alert {
    position: relative;
    font-size: 1.5rem;
    background-color: #c20e1a;
    color: white;
    padding: 1.5rem 2rem;
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer; }
  .recherche .content .result .result-list .result-list-box:first-child .result-list-box-alert svg {
    width: 2rem;
    height: 2rem;
    fill: white;
    position: absolute;
    left: 2rem;
    transition: 0.3s; }
  .recherche .content .result .result-list .result-list-box:first-child .result-list-box-alert:hover svg {
    transform: rotateZ(20deg); }
  .recherche .content .result .result-list .result-list-box:first-child .result-list-box-tri {
    position: relative;
    border: 1px solid #adadad;
    margin-right: 1rem; }
  .recherche .content .result .result-list .result-list-box:first-child .result-list-box-tri > button {
    cursor: pointer;
    position: relative;
    white-space: nowrap;
    color: #adadad;
    background-color: white;
    border: none;
    outline: none;
    font-family: "Gotham";
    font-weight: 600;
    font-size: 1.2rem;
    text-align: left;
    width: 100%;
    padding: 1.5rem 1rem; }
  .recherche .content .result .result-list .result-list-box:first-child .result-list-box-tri > button::placeholder {
    color: #adadad; }
  .recherche .content .result .result-list .result-list-box:first-child .result-list-box-tri > button::after {
    content: "";
    width: 1rem;
    height: 1rem;
    display: block;
    position: absolute;
    background: white;
    box-shadow: 2px 2px 0px 0px #adadad;
    transform: rotate(45deg);
    right: 1.5rem;
    top: 30%; }
  .recherche .content .result .result-list .result-list-box:first-child .result-list-box-tri ul {
    margin-top: 0;
    background-color: white;
    width: 101%;
    left: 50%;
    transform: translateX(-50%);
    padding: 1.8rem;
    box-sizing: border-box;
    position: absolute;
    display: none;
    z-index: 2;
    border: 1px solid #adadad; }
  .recherche .content .result .result-list .result-list-box:first-child .result-list-box-tri ul li {
    list-style-type: none;
    font-size: 1.2rem;
    color: #adadad;
    padding: 1rem 0.5rem;
    line-height: 2.5rem;
    cursor: pointer;
    width: 100%;
    border-top: 1px solid #f0f0f0; }
  .recherche .content .result .result-list .result-list-box:first-child .result-list-box-tri ul li:first-child {
    border: none; }
  .recherche .content .result .result-list .result-list-box:first-child .result-list-box-tri ul li:hover {
    color: #c20e1a; }
  .recherche .content .result .result-list .result-list-box:hover {
    box-shadow: 0px 0px 27px -1px rgba(0, 0, 0, 0.23); }
  .recherche .content .result .result-list .result-list-box > div {
    width: 50%; }
  .recherche .content .result .result-list .result-list-box .result-list-box-img {
    position: relative; }
  .recherche .content .result .result-list .result-list-box .result-list-box-img .result-list-box-fav {
    padding: 0.5rem;
    box-sizing: border-box;
    position: absolute;
    right: 0.5rem;
    bottom: 1rem;
    background: white;
    border-radius: 50%;
    display: flex;
    width: auto;
    width: 3rem;
    height: 3rem; }
  .recherche .content .result .result-list .result-list-box .result-list-box-img img {
    width: 100%; }
  .recherche .content .result .result-list .result-list-box .result-list-box-img svg {
    cursor: pointer;
    width: 3rem;
    height: 1.5rem;
    fill: white;
    stroke: #c20e1a;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%); }
  .recherche .content .result .result-list .result-list-box .result-list-box-img svg.onfav {
    fill: #cc5154 !important; }
  .recherche .content .result .result-list .result-list-box .result-list-box-img > div {
    content: "";
    display: flex;
    position: absolute;
    width: 70%;
    padding: 1rem 0.5rem;
    color: white;
    justify-content: center;
    align-items: center;
    font-size: 1.3rem; }
  @media screen and (max-width: 1200px) {
              .recherche .content .result .result-list .result-list-box .result-list-box-img > div {
                font-size: 1.1rem; } }
  .recherche .content .result .result-list .result-list-box .result-list-box-img .result-list-box-offert {
    background-color: #cc5154; }
  .recherche .content .result .result-list .result-list-box .result-list-box-img .result-list-box-reduit {
    background-color: #ef7d00; }
  .recherche .content .result .result-list .result-list-box .result-list-box-txt {
    padding: 0 2rem;
    box-sizing: border-box; }
  .recherche .content .result .result-list .result-list-box .result-list-box-txt .result-list-box-typegeo {
    font-size: 1.4rem;
    font-weight: 600;
    color: #9e9e9e;
    margin-bottom: 0.5rem; }
  .recherche .content .result .result-list .result-list-box .result-list-box-txt .result-list-box-piecesm2 {
    font-size: 1.4rem;
    font-weight: 600;
    margin-bottom: 0.5rem; }
  .recherche .content .result .result-list .result-list-box .result-list-box-txt .result-list-box-prix {
    font-size: 1.6rem;
    font-weight: 600;
    color: #c20e1a;
    margin-bottom: 1.5rem; }
  .recherche .content .result .result-list .result-list-box .result-list-box-txt .result-list-box-desc {
    font-size: 1.4rem;
    font-weight: 300;
    margin-bottom: 0.5rem; }
  .recherche .content .result .result-map {
    width: 70%;
    height: initial;
    transition: 0.5s;
    position: relative; }
  .recherche .content .result .result-map iframe {
    width: 100%;
    height: 100vh;
    display: block; }
  .recherche .content .result .result-map iframe.result-footer {
    bottom: 0;
    position: absolute; }
  .recherche .content .result .result-map iframe.mapFixed {
    width: 66.5%;
    position: fixed !important;
    top: 0; }
  .recherche .content .txt-footer {
    font-size: 1.5rem;
    font-family: 'Gotham Book';
    text-align: center;
    background-color: #efefef;
    padding: 6rem 4rem; }
  .recherche .content .txt-footer div {
    max-width: 120rem;
    margin: 0 auto; }

@media screen and (max-width: 1200px) {
  input::after {
    display: none !important; }

  .recherche .filtres {
    flex-direction: column;
    height: auto; }
    .recherche .filtres .filtres-carte {
      display: none; }
    .recherche .filtres .filtres-menu {
      flex-wrap: wrap;
      box-sizing: border-box;
      padding: 0;
      width: 92%;
      margin: 0 auto; }
      .recherche .filtres .filtres-menu h3 {
        left: 50%;
        transform: translateX(-50%);
        top: -5rem;
        text-align: center; }
      .recherche .filtres .filtres-menu div {
        bottom: 0;
        margin: 1rem 0; }
        .recherche .filtres .filtres-menu div button {
          box-sizing: border-box; }
    .recherche .filtres .filtres-info {
      position: relative;
      top: 0.5rem;
      left: 0;
      display: flex;
      padding: 2rem 1rem 2rem 0rem;
      width: 92%;
      margin: 1rem auto;
      box-sizing: border-box; }
      .recherche .filtres .filtres-info h3 {
        font-size: 1.6rem;
        font-weight: 400; }
        .recherche .filtres .filtres-info h3 span {
          font-weight: 600; }
        .recherche .filtres .filtres-info h3 a {
          font-weight: 800;
          color: black; }
    .recherche .filtres .filtres-btn {
      width: 100%;
      flex-direction: row;
      padding: 0 0 2rem 0;
      box-sizing: border-box; }
      .recherche .filtres .filtres-btn div:first-child {
        top: 3.5rem;
        position: absolute;
        right: 1rem;
        width: 10rem; }
    .recherche .filtresplus .filtres-carte {
      display: none; }
    .recherche .filtresplus .filtresplus-menu {
      padding-top: 1rem; }
      .recherche .filtresplus .filtresplus-menu .filtre-chambres {
        top: 0; }
      .recherche .filtresplus .filtresplus-menu .filtre-etages {
        top: 0; }
      .recherche .filtresplus .filtresplus-menu .filtres-checkbox {
        position: relative; }
    .recherche .filtresplus .filtres-btn {
      display: none; }
    .recherche .mobile-switch {
      width: 100%;
      padding: 2rem;
      text-align: center;
      box-sizing: border-box;
      font-size: 1.8rem;
      color: white;
      display: block;
      cursor: pointer; }
    .recherche .mobile-switch.filtres-carte {
      width: 100%;
      position: relative;
      display: flex;
      justify-content: center;
      border-right: 1px solid #cfcfcf; }
      .recherche .mobile-switch.filtres-carte .filtres-carte-btn {
        height: 4rem;
        margin-left: 2rem;
        display: flex;
        align-items: center;
        cursor: pointer;
        padding: 0 2rem; }
        .recherche .mobile-switch.filtres-carte .filtres-carte-btn.filtres-carte-btn-focus {
          background-color: white; }
          .recherche .mobile-switch.filtres-carte .filtres-carte-btn.filtres-carte-btn-focus svg {
            fill: #c20e1a; }
          .recherche .mobile-switch.filtres-carte .filtres-carte-btn.filtres-carte-btn-focus span {
            color: #c20e1a; }
        .recherche .mobile-switch.filtres-carte .filtres-carte-btn svg {
          width: 2rem;
          height: 2rem;
          fill: #adadad; }
        .recherche .mobile-switch.filtres-carte .filtres-carte-btn span {
          font-size: 1.3rem;
          color: #adadad;
          text-align: left;
          line-height: 4rem;
          padding-left: 1rem; }
    .recherche .content .result {
      margin: 0 -2rem;
      width: auto; }
      .recherche .content .result .result-list {
        padding: 2rem 0rem !important;
        box-sizing: border-box;
        min-width: auto; }
        .recherche .content .result .result-list.result-list-full {
          margin-top: 0rem !important; }
        .recherche .content .result .result-list .result-list-box:first-child {
          padding: 0;
          flex-direction: row;
          justify-content: space-between;
          margin: 0 2rem; }
          .recherche .content .result .result-list .result-list-box:first-child > div {
            width: 48%; }
          .recherche .content .result .result-list .result-list-box:first-child .result-list-box-tri {
            margin: 0; }
          .recherche .content .result .result-list .result-list-box div {
            width: 100%; }
          .recherche .content .result .result-list .result-list-box .result-list-box-img img {
            width: 100%; } }
  @media screen and (max-width: 1200px) and (max-width: 600px) {
        .recherche .filtresplus .filtresplus-menu {
          padding-top: 0; } }

@media screen and (max-width: 600px) {
  .recherche .mobile-switch > div:nth-child(2) {
    display: none !important; }
    .recherche .filtres .filtres-info {
      padding: 2rem 0rem 12rem; }
      .recherche .filtres .filtres-info input {
        width: 100%; }
      .recherche .filtres .filtres-info .filtres-info-modif {
        display: block;
        position: absolute;
        left: 50%;
        height: 2rem;
        line-height: 2rem;
        transform: translateX(-50%);
        top: 9rem;
        width: 100%; }
      .recherche .filtres .filtres-menu {
        display: none; }
      .recherche .filtres .filtres-btn {
        display: none;
        z-index: 33; }
    .recherche .filtresplus .filtresplus-menu .filtres-checkbox {
      flex-wrap: wrap;
      -webkit-appearance: none;
      appearance: none; }
    .recherche .content .result {
      margin: 0; }
      .recherche .content .result .result-map {
        width: 100%; }
        .recherche .content .result .result-map iframe {
          width: 100%;
          height: 100vh; }
          .recherche .content .result .result-map iframe.result-footer {
            bottom: 0;
            position: relative; }
          .recherche .content .result .result-map iframe.mapFixed {
            width: 100%;
            position: fixed !important;
            top: 0; }
      .recherche .content .result .result-list .result-list-box {
        width: 100% !important;
        margin: 2rem 0 !important;
        padding: 0; }
        .recherche .content .result .result-list .result-list-box:first-child {
          box-sizing: border-box;
          margin: 0;
          justify-content: space-between; }
          .recherche .content .result .result-list .result-list-box:first-child div {
            margin: 0; }
          .recherche .content .result .result-list .result-list-box:first-child .result-list-box-alert {
            font-size: 1.4rem; }
          .recherche .content .result .result-list .result-list-box:first-child svg {
            display: none; }
        .recherche .content .result .result-list .result-list-box .result-list-box-img {
          width: 100% !important; }
        .recherche .content .result .result-list .result-list-box .result-list-box-txt .result-list-box-typegeo {
          font-size: 1.8rem; }
          .recherche .content .result .result-list .result-list-box .result-list-box-txt .result-list-box-piecesm2 {
            font-size: 1.8rem; }
          .recherche .content .result .result-list .result-list-box .result-list-box-txt .result-list-box-prix {
            font-size: 2rem; }
          .recherche .content .result .result-list .result-list-box .result-list-box-txt .result-list-box-desc {
            font-size: 1.6rem; } }

.footer {
  margin: 0 auto;
  padding-bottom: 2rem; }
  .footer .footer-logo {
    margin: 4rem 0 2rem 0; }
  .footer .sitemap {
    display: flex; }
  .footer .sitemap .sitemap-box {
    width: 25%; }
  .footer .sitemap .sitemap-box:nth-child(2) h4 {
    margin-bottom: 0.5rem; }
  @media screen and (max-width: 1200px) {
          .footer .sitemap .sitemap-box:nth-child(2) h4 {
            margin: 1.33em; } }
  .footer .sitemap .sitemap-box h4 {
    font-size: 1.5rem;
    color: #4c4c4c; }
  .footer .sitemap .sitemap-box ul {
    padding: 0;
    margin: 0; }
  .footer .sitemap .sitemap-box ul li {
    font-size: 1.2rem;
    list-style-type: none;
    padding: 0.5rem 0; }
  .footer .sitemap .sitemap-box ul li a {
    text-decoration: none;
    color: #4c4c4c; }
  .footer .sitemap .sitemap-box .sitemap-box-rs a {
    padding-right: 1rem; }
  .footer .sitemap .sitemap-box .sitemap-box-rs a svg {
    fill: #c20e1a;
    width: 4rem;
    height: 4rem; }
  .footer .sitemap .sitemap-box .sitemap-box-btn {
    width: 100%;
    text-align: center;
    background-color: #6e1b34;
    padding: 2rem 0;
    margin: 1.5rem 0; }
  .footer .sitemap .sitemap-box .sitemap-box-btn a {
    font-size: 1.5rem;
    text-decoration: none;
    color: white;
    font-weight: 600;
    padding: 2rem 4rem; }
  .footer .sitemap .sitemap-box .sitemap-box-btn:last-child {
    background-color: #cfcfcf; }

.footer-bot {
  background-color: #efefef;
  text-align: center;
  font-family: Gotham Book;
  font-size: 1.3rem;
  padding: 2rem 0; }
  .footer-bot a {
    text-decoration: none;
    color: black;
    padding: 0 3rem; }

@media screen and (max-width: 1200px) {
  .footer {
    width: 100%;
    margin: 0 auto; }
    .footer .footer-logo {
      margin: 2rem 0;
      display: flex;
      justify-content: center; }
    .footer .sitemap {
      display: flex;
      flex-direction: column-reverse; }
      .footer .sitemap .sitemap-box {
        width: 100%;
        padding: 0 3rem;
        box-sizing: border-box;
        text-align: center; }
        .footer .sitemap .sitemap-box ul {
          display: none; }

  .footer-bot a {
    display: block; } }

.accesscontraste {
  /*------------------------------------*\
   FORM ELEMENTS
   \*------------------------------------*/
  /*------------------------------------*\
   OTHERS
   \*------------------------------------*/ }
  .accesscontraste p, .accesscontraste .title, .accesscontraste .personae-nom, .accesscontraste .conseil-box-more a, .accesscontraste footer ul li a, .accesscontraste input, .accesscontraste footer h3 {
    color: black !important; }
  .accesscontraste div.filtre-pieces div {
    color: black !important; }
  .accesscontraste form input[type="submit"] {
    color: white !important; }
  .accesscontraste h3.alaune-h3 {
    color: black !important; }
  .accesscontraste .filtre-surface::after, .accesscontraste .filtre-budget::after, .accesscontraste .filtre-profil button, .accesscontraste .filtre-pieces button, .accesscontraste .filtre-etages button, .accesscontraste .louer-acheter button, .accesscontraste .filtre-chambres button, .accesscontraste .filtre-type button, .accesscontraste input.select2-search__field, .accesscontraste input.select2-search__field::placeholder {
    color: black !important; }
  .accesscontraste .filtre-profil button::after, .accesscontraste .filtre-pieces button::after, .accesscontraste .filtre-type button::after, .accesscontraste .filtre-chambres button::after, .accesscontraste .filtre-etages button::after, .accesscontraste .louer-acheter button::after {
    box-shadow: 2px 2px 0px 0px black !important; }
  .accesscontraste .select2-selection__placeholder {
    color: black !important; }
  .accesscontraste .filtre-ville-select .select2-default {
    color: black !important; }
  .accesscontraste .filtres-checkbox label {
    color: black !important; }
  .accesscontraste .filtres-checkbox div input::after {
    border: 1px solid black !important; }
  .accesscontraste ::placeholder {
    color: black !important;
    opacity: 1; }
  .accesscontraste .offres .filtres-btn > div {
    background-color: #8c8c8c !important; }
  .accesscontraste .recherche .filtres-carte-btn svg {
    fill: black !important; }
  .accesscontraste .recherche .filtres-carte-btn span {
    color: black !important; }
  .accesscontraste .recherche .filtres-carte-btn.filtres-carte-btn-focus svg {
    fill: #c20e1a !important; }
  .accesscontraste .recherche .filtres-carte-btn.filtres-carte-btn-focus span {
    color: #c20e1a !important; }
  .accesscontraste .recherche .filtres-btn > div:last-child {
    color: #8c8c8c !important; }
  .accesscontraste .recherche .result-list-box-tri {
    border: 1px solid black !important; }
  .accesscontraste .recherche .result-list-box-tri button {
    color: black !important; }
  .accesscontraste .recherche .result-list-box-tri button::after {
    box-shadow: 2px 2px 0px 0px black !important; }
  .accesscontraste .recherche .result-list-box-tri ul {
    border: 1px solid black !important; }
  .accesscontraste .recherche .result-list-box-tri ul li {
    border-top: 1px solid black !important;
    color: black !important; }
  .accesscontraste .recherche .result-list-box-tri ul li:first-child {
    border: none !important; }
  .accesscontraste .recherche .result-list-box-tri ul li:hover {
    color: #c20e1a !important; }
  .accesscontraste .home .alaune-bloc-txt .geoloc {
    color: black !important; }
  .accesscontraste .recherche .result-list-box-txt .result-list-box-typegeo {
    color: black !important; }
  .accesscontraste .monprojetlocataire .villesprincipales h3 {
    color: black !important; }
  .accesscontraste .monprojetproprio .villesprincipales h3 {
    color: black !important; }
  .accesscontraste .fiche_produit .intro .title h1 {
    color: black !important; }
  .accesscontraste .fiche_produit .intro .type .toggle {
    color: black !important; }
  .accesscontraste .fiche_produit .intro .type svg {
    fill: black !important; }
  .accesscontraste .fiche_produit .intro .photos .icons .global_partage > svg {
    fill: black !important; }
  .accesscontraste .fiche_produit .pagination .content .infos_appt .inner .ville {
    color: black !important; }
  .accesscontraste .fiche_produit .offres_similaires .alaune-bloc-txt .geoloc {
    color: black !important; }
  .accesscontraste .conseils .more a {
    color: black !important; }
  .accesscontraste .conseils .more a:hover {
    color: #c20e1a !important; }
  .accesscontraste .decouvrez_nous .subtitle {
    color: black !important; }
  .accesscontraste .mon_compte .favori .title h3 {
    color: black !important; }
  .accesscontraste .mon_compte .sidebar h3 {
    color: black !important; }
  .accesscontraste .mon_compte .order .button div.toggle {
    color: black !important; }
  .accesscontraste .mon_compte .order ul {
    border-top: 1px solid black !important; }
  .accesscontraste .mon_compte .order ul li {
    color: black !important; }
  .accesscontraste .mon_compte .order ul li:hover {
    color: #c20e1a !important; }
  .accesscontraste .mon_compte .mes_alertes .desc a {
    color: black !important; }
  .accesscontraste .mon_compte .mes_alertes .desc a svg {
    fill: black !important; }
  .accesscontraste .mon_compte .mes_messages .message_content time {
    color: black !important; }
  .accesscontraste .mon_compte .mes_messages .message_content .text p a {
    color: black !important; }
  .accesscontraste .mon_compte .mes_messages .message_content .text p a:hover {
    color: #c20e1a !important; }
  .accesscontraste .mon_compte .mes_messages .message_content .signature {
    color: black !important; }
  .accesscontraste .mon_compte .mes_informations form input {
    color: black !important; }
  .accesscontraste .footer .sitemap .sitemap-box .sitemap-box-btn:last-child {
    background-color: #8c8c8c !important; }
/*------------------------------------*\
 TYPO
 \*------------------------------------*/
/*------------------------------------*\
 GLOBAL HIDE
 \*------------------------------------*/
@media screen and (max-width: 1200px) {
    .hide_resp {
      display: none !important; } }

.hide {
  display: none !important; }
  @media screen and (max-width: 1200px) {
  .hide {
    display: block !important; } }
  @media screen and (max-width: 600px) {
  .hide {
    display: none !important; } }
/*------------------------------------*\
 FLATPICKR
 \*------------------------------------*/
.flatpickr-day.selected {
  background: #c20e1a !important;
  border-color: #c20e1a !important; }
/*------------------------------------*\
 TAGS
 \*------------------------------------*/
h2.red {
  font-size: 2.3rem;
  font-weight: 900;
  color: #c20e1a; }

::-webkit-input-placeholder {
  opacity: 1; }

::-moz-placeholder {
  opacity: 1; }

:-ms-input-placeholder {
  opacity: 1; }

:-moz-placeholder {
  opacity: 1; }
/*------------------------------------*\
 WRAPPER
 \*------------------------------------*/
.wrapper {
  max-width: 100rem;
  width: 92% !important;
  margin: 0 auto; }
  @media only screen and (max-width: 600px) {
  .wrapper {
    width: 90% !important; } }
/*------------------------------------*\
 PARTAGE
 \*------------------------------------*/
.global_partage {
  display: inline-block;
  position: relative; }
  .global_partage.red > svg {
    fill: #c20e1a !important; }
  .global_partage > svg {
    width: 23px;
    height: 26px;
    fill: #e9e9e9; }
  .global_partage > svg:hover {
    fill: #c20e1a;
    cursor: pointer; }
  .global_partage .sn_list {
    display: none;
    margin-top: 10px;
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: 10; }
  .global_partage .sn_list ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    margin: 0;
    padding: 0; }
  .global_partage .sn_list ul li {
    list-style-type: none; }
  .global_partage .sn_list ul li:last-child a {
    border-right: 1px solid #afafaf; }
  .global_partage .sn_list ul li a {
    display: block;
    width: 30px;
    height: 30px;
    background: #fff;
    border-top: 1px solid #afafaf;
    border-bottom: 1px solid #afafaf;
    border-left: 1px solid #afafaf;
    position: relative; }
  .global_partage .sn_list ul li a:hover {
    background-color: #c20e1a; }
  .global_partage .sn_list ul li a:hover svg {
    fill: #fff; }
  .global_partage .sn_list ul li a svg {
    width: 20px;
    height: 20px;
    fill: #c20e1a;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%); }
  .autocomplete-suggestions {
    border: 0 !important; }
  .autocomplete-suggestions .autocomplete-suggestion {
    color: #adadad !important;
    padding: 7px 10px !important;
    font-size: 1.5rem !important; }

.hero .background.compat-object-fit {
  background-size: cover;
  background-position: center center; }
  .hero .background.compat-object-fit img {
    opacity: 0; }