@import url(https://fonts.googleapis.com/css?family=Nanum+Pen+Script);
@charset "UTF-8";
body {
  font-family: "FS Joey", "Trebuchet MS";
  color: #2b2b2b;
  background-color: white; }

main {
  position: relative;
  overflow: hidden; }
  main .container-fluid {
    padding: 0; }
  main .container {
    padding: 0; }

a, a:active, a:hover, a:visited, a:focus {
  color: #2b2b2b;
  text-decoration: none; }
  a:active, a:focus, a:active:active, a:active:focus, a:hover:active, a:hover:focus, a:visited:active, a:visited:focus, a:focus:active, a:focus:focus {
    outline: none; }

ol, ul {
  list-style: none; }

*, *:before, *:after {
  position: initial;
  -webkit-box-sizing: border-box;
          box-sizing: border-box; }

button, html input[type="button"], input[type="reset"], input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer;
  border-radius: 3px; }

.separator {
  height: 10px;
  background-color: #e8e8e8; }

@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg); } }

@keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg); } }

.loader {
  border: 14px solid #f6cacf;
  border-top: 14px solid #d22238;
  border-radius: 50%;
  width: 100px;
  height: 100px;
  -webkit-animation: spin 1.5s linear infinite;
          animation: spin 1.5s linear infinite; }

.autocomplete-suggestions {
  text-align: left;
  cursor: default;
  border: 1px solid #ccc;
  border-top: 0;
  background: #fff;
  -webkit-box-shadow: 0 7px 12px 2px rgba(0, 0, 0, 0.15);
          box-shadow: 0 7px 12px 2px rgba(0, 0, 0, 0.15);
  position: absolute;
  display: none;
  z-index: 9999;
  max-height: 260px;
  overflow: hidden;
  overflow-y: scroll;
  -webkit-box-sizing: border-box;
          box-sizing: border-box; }
  .autocomplete-suggestions .autocomplete-category {
    position: relative;
    padding: 0 20px;
    line-height: 26px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 16px;
    color: #828282;
    font-style: italic;
    border-bottom: 1px solid whitesmoke;
    background-color: #fafafa; }
  .autocomplete-suggestions .autocomplete-suggestion {
    position: relative;
    padding: 0 15px;
    line-height: 35px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 1.15em;
    color: #333; }
  .autocomplete-suggestions .autocomplete-suggestion:active,
  .autocomplete-suggestions .autocomplete-suggestion.selected {
    background: #f0f0f0; }

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

@font-face {
  font-family: 'FS Joey';
  src: url("https://media.nexity.fr/fonts/fsjoey/FSJoey.eot");
  src: url("https://media.nexity.fr/fonts/fsjoey/FSJoey.eot?#iefix") format("embedded-opentype"), url("https://media.nexity.fr/fonts/fsjoey/FSJoey.woff2") format("woff2"), url("https://media.nexity.fr/fonts/fsjoey/FSJoey.woff") format("woff"), url("https://media.nexity.fr/fonts/fsjoey/FSJoey.ttf") format("truetype"), url("https://media.nexity.fr/fonts/fsjoey/FSJoey.svg#FSJoey") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'FS Joey';
  src: url("https://media.nexity.fr/fonts/fsjoey/FSJoey-Heavy.eot");
  src: url("https://media.nexity.fr/fonts/fsjoey/FSJoey-Heavy.eot?#iefix") format("embedded-opentype"), url("https://media.nexity.fr/fonts/fsjoey/FSJoey-Heavy.woff2") format("woff2"), url("https://media.nexity.fr/fonts/fsjoey/FSJoey-Heavy.woff") format("woff"), url("https://media.nexity.fr/fonts/fsjoey/FSJoey-Heavy.ttf") format("truetype"), url("https://media.nexity.fr/fonts/fsjoey/FSJoey-Heavy.svg#FSJoey-Heavy") format("svg");
  font-weight: 900;
  font-style: normal; }

@font-face {
  font-family: 'FS Joey';
  src: url("https://media.nexity.fr/fonts/fsjoey/FSJoey-Medium.eot");
  src: url("https://media.nexity.fr/fonts/fsjoey/FSJoey-Medium.eot?#iefix") format("embedded-opentype"), url("https://media.nexity.fr/fonts/fsjoey/FSJoey-Medium.woff2") format("woff2"), url("https://media.nexity.fr/fonts/fsjoey/FSJoey-Medium.woff") format("woff"), url("https://media.nexity.fr/fonts/fsjoey/FSJoey-Medium.ttf") format("truetype"), url("https://media.nexity.fr/fonts/fsjoey/FSJoey-Medium.svg#FSJoey-Medium") format("svg");
  font-weight: 500;
  font-style: normal; }

@font-face {
  font-family: 'FS Joey';
  src: url("https://media.nexity.fr/fonts/fsjoey/FSJoey-Light.eot");
  src: url("https://media.nexity.fr/fonts/fsjoey/FSJoey-Light.eot?#iefix") format("embedded-opentype"), url("https://media.nexity.fr/fonts/fsjoey/FSJoey-Light.woff2") format("woff2"), url("https://media.nexity.fr/fonts/fsjoey/FSJoey-Light.woff") format("woff"), url("https://media.nexity.fr/fonts/fsjoey/FSJoey-Light.ttf") format("truetype"), url("https://media.nexity.fr/fonts/fsjoey/FSJoey-Light.svg#FSJoey-Light") format("svg");
  font-weight: 300;
  font-style: normal; }

@font-face {
  font-family: 'FS Joey';
  src: url("https://media.nexity.fr/fonts/fsjoey/FSJoey-Bold.eot");
  src: url("https://media.nexity.fr/fonts/fsjoey/FSJoey-Bold.eot?#iefix") format("embedded-opentype"), url("https://media.nexity.fr/fonts/fsjoey/FSJoey-Bold.woff2") format("woff2"), url("https://media.nexity.fr/fonts/fsjoey/FSJoey-Bold.woff") format("woff"), url("https://media.nexity.fr/fonts/fsjoey/FSJoey-Bold.ttf") format("truetype"), url("https://media.nexity.fr/fonts/fsjoey/FSJoey-Bold.svg#FSJoey-Bold") format("svg");
  font-weight: bold;
  font-style: normal; }

@font-face {
  font-family: 'icomoon';
  src: url("https://media.nexity.fr/fonts/icomoon.eot?v6c3w6");
  src: url("https://media.nexity.fr/fonts/icomoon.eot?v6c3w6#iefix") format("embedded-opentype"), url("https://media.nexity.fr/fonts/icomoon.ttf?v6c3w6") format("truetype"), url("https://media.nexity.fr/fonts/icomoon.woff?v6c3w6") format("woff"), url("https://media.nexity.fr/fonts/icomoon.svg?v6c3w6#icomoon") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: Joey;
  src: url("https://media.nexity.fr/fonts/nexity-regular-webfont.eot");
  src: url("https://media.nexity.fr/fonts/nexity-regular-webfont.eot#iefix") format("embedded-opentype"), url("https://media.nexity.fr/fonts/nexity-regular-webfont.woff2") format("woff2"), url("https://media.nexity.fr/fonts/nexity-regular-webfont.woff") format("woff"), url("https://media.nexity.fr/fonts/nexity-regular-webfont.ttf") format("truetype");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: Joey;
  src: url("https://media2.nexity.fr/fonts/nexity-bold-webfont.eot");
  src: url("https://media2.nexity.fr/fonts/nexity-bold-webfont.eot#iefix") format("embedded-opentype"), url("https://media2.nexity.fr/fonts/nexity-bold-webfont.woff2") format("woff2"), url("https://media2.nexity.fr/fonts/nexity-bold-webfont.woff") format("woff"), url("https://media2.nexity.fr/fonts/nexity-bold-webfont.ttf") format("truetype");
  font-weight: bold; }

@font-face {
  font-family: Joey-heavy;
  src: url("https://media2.nexity.fr/fonts/nexity-heavy-webfont.eot");
  src: url("https://media2.nexity.fr/fonts/nexity-heavy-webfont.eot#iefix") format("embedded-opentype"), url("https://media2.nexity.fr/fonts/nexity-heavy-webfont.woff2") format("woff2"), url("https://media2.nexity.fr/fonts/nexity-heavy-webfont.woff") format("woff"), url("https://media2.nexity.fr/fonts/nexity-heavy-webfont.ttf") format("truetype");
  font-weight: bold; }

@-webkit-keyframes fadeInDown {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
            animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  from {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0);
            transform: translate3d(3000px, 0, 0); }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
            transform: translate3d(-25px, 0, 0); }
  75% {
    -webkit-transform: translate3d(10px, 0, 0);
            transform: translate3d(10px, 0, 0); }
  90% {
    -webkit-transform: translate3d(-5px, 0, 0);
            transform: translate3d(-5px, 0, 0); }
  to {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0); } }

@keyframes fadeInDown {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
            animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  from {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0);
            transform: translate3d(3000px, 0, 0); }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
            transform: translate3d(-25px, 0, 0); }
  75% {
    -webkit-transform: translate3d(10px, 0, 0);
            transform: translate3d(10px, 0, 0); }
  90% {
    -webkit-transform: translate3d(-5px, 0, 0);
            transform: translate3d(-5px, 0, 0); }
  to {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0); } }

@-webkit-keyframes fadeOutUp {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
            animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  from {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0); }
  to {
    -webkit-transform: translate3d(0, -4em, 0);
            transform: translate3d(0, -4em, 0); } }

@keyframes fadeOutUp {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
            animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  from {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0); }
  to {
    -webkit-transform: translate3d(0, -4em, 0);
            transform: translate3d(0, -4em, 0); } }

@-webkit-keyframes cnatScroll {
  from {
    top: 4em;
    opacity: 0; }
  10% {
    opacity: 0; }
  40% {
    top: 0em;
    opacity: 1; }
  60% {
    opacity: 1;
    top: 0em; }
  to {
    opacity: 0;
    top: -4em; } }

@keyframes cnatScroll {
  from {
    top: 4em;
    opacity: 0; }
  10% {
    opacity: 0; }
  40% {
    top: 0em;
    opacity: 1; }
  60% {
    opacity: 1;
    top: 0em; }
  to {
    opacity: 0;
    top: -4em; } }

.rollUp {
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
  -webkit-animation-name: fadeOutUp;
          animation-name: fadeOutUp;
  -webkit-animation-iteration-count: 1;
          animation-iteration-count: 1;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
  -webkit-animation-delay: 0s;
          animation-delay: 0s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards; }

.overlay {
  position: absolute;
  background-color: black;
  height: 0;
  width: 0;
  opacity: 0;
  -webkit-transition: opacity .2s ease;
  transition: opacity .2s ease; }
  .overlay.opened {
    opacity: 0.5;
    z-index: 900;
    height: 100%;
    width: 100%; }

.inactive {
  display: none !important; }

body #content.fixed {
  width: 100vw; }

body #content .cnat-bandeau {
  background-color: #F0DBDB;
  z-index: 5;
  top: 0;
  left: 0;
  right: 0;
  position: absolute;
  overflow: hidden;
  font-size: 14px; }
  body #content .cnat-bandeau p {
    margin: 0; }
  body #content .cnat-bandeau .container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
    body #content .cnat-bandeau .container .scrolling-text {
      overflow: hidden;
      height: 4em;
      -webkit-box-flex: 74%;
          -ms-flex: 74%;
              flex: 74%;
      text-align: right;
      position: relative;
      cursor: pointer; }
      body #content .cnat-bandeau .container .scrolling-text .scroll-item {
        position: absolute;
        -webkit-animation-duration: 8s;
                animation-duration: 8s;
        -webkit-animation-name: cnatScroll;
                animation-name: cnatScroll;
        -webkit-animation-iteration-count: infinite;
                animation-iteration-count: infinite;
        -webkit-animation-timing-function: linear;
                animation-timing-function: linear;
        padding-right: 1em;
        opacity: 0;
        right: 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        height: 4em;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center; }
        body #content .cnat-bandeau .container .scrolling-text .scroll-item:nth-of-type(1) {
          -webkit-animation-delay: 0s !important;
                  animation-delay: 0s !important; }
        body #content .cnat-bandeau .container .scrolling-text .scroll-item:nth-of-type(2) {
          -webkit-animation-delay: 4s !important;
                  animation-delay: 4s !important; }
        body #content .cnat-bandeau .container .scrolling-text .scroll-item > p {
          line-height: 1.2em;
          max-height: 3.6em;
          overflow: hidden;
          font-size: 1em; }
      body #content .cnat-bandeau .container .scrolling-text .scroll-item:nth-of-type(2) p {
        color: #d01c34; }
    body #content .cnat-bandeau .container .discover {
      border-left: 2px solid #F0B7BD;
      height: auto;
      line-height: normal;
      color: #d01c34;
      font-weight: bold;
      -webkit-box-flex: 10%;
          -ms-flex: 10%;
              flex: 10%; }
      body #content .cnat-bandeau .container .discover:after {
        content: '>';
        border-radius: 50%;
        border: 1px solid #d01c34;
        color: #d01c34;
        padding: 0px 7px 2px 7px;
        margin: .5em;
        font-size: 18px;
        line-height: .5em;
        vertical-align: middle; }
      body #content .cnat-bandeau .container .discover > span {
        display: none; }
    body #content .cnat-bandeau .container button {
      -webkit-box-flex: 1;
          -ms-flex: 1 1 auto;
              flex: 1 1 auto;
      background: none;
      border: none;
      position: relative; }
      body #content .cnat-bandeau .container button .close {
        position: absolute;
        right: 10px;
        top: -14px;
        width: 32px;
        height: 32px; }
      body #content .cnat-bandeau .container button .close:before, body #content .cnat-bandeau .container button .close:after {
        position: absolute;
        left: 15px;
        content: ' ';
        height: 18px;
        width: 4px;
        background-color: #eca2aa;
        margin-top: 5px; }
      body #content .cnat-bandeau .container button .close:hover:before, body #content .cnat-bandeau .container button .close:hover:after {
        background-color: #da4d5c; }
      body #content .cnat-bandeau .container button .close:before {
        -webkit-transform: rotate(45deg);
                transform: rotate(45deg); }
      body #content .cnat-bandeau .container button .close:after {
        -webkit-transform: rotate(-45deg);
                transform: rotate(-45deg); }

body #content > header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  height: 64px;
  background-color: white;
  position: absolute;
  top: 0;
  width: 100%;
  max-width: 1366px;
  z-index: 1000; }
  body #content > header .nav-logo, body #content > header .nav-logo-baseline {
    -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
            order: 0;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-left: 2%;
    padding: 8px 0; }
    body #content > header .nav-logo img, body #content > header .nav-logo-baseline img {
      width: 48px;
      height: 48px; }
      body #content > header .nav-logo img.baseline, body #content > header .nav-logo-baseline img.baseline {
        display: none; }
  body #content > header .nav-search {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
    width: 52px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    cursor: pointer;
    padding-right: calc(7.5% / 2 - 20px);
    margin-left: auto; }
    body #content > header .nav-search:before {
      content: '';
      background: url("https://media2.nexity.fr/nfr2016/picto/picto-search.svg") no-repeat center;
      width: 24px;
      height: 22px;
      display: inline-block; }
    body #content > header .nav-search .form-inline {
      position: absolute;
      top: 100%;
      right: 0;
      background-color: #2b2b2b;
      padding: 12px;
      width: 312px;
      height: 58px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-transition: margin-right .5s ease;
      transition: margin-right .5s ease; }
      body #content > header .nav-search .form-inline.closed-mob {
        margin-right: -312px;
        -webkit-transition: margin-right .5s ease;
        transition: margin-right .5s ease; }
      body #content > header .nav-search .form-inline input {
        height: 100%;
        width: 100%;
        border-radius: 3px 0 0 3px;
        -webkit-box-shadow: none;
                box-shadow: none;
        border: 1px solid white;
        font-size: 12px;
        padding: 0 5px; }
        body #content > header .nav-search .form-inline input::-webkit-input-placeholder {
          font-style: italic; }
        body #content > header .nav-search .form-inline input::-moz-placeholder {
          font-style: italic; }
        body #content > header .nav-search .form-inline input::-ms-input-placeholder {
          font-style: italic; }
        body #content > header .nav-search .form-inline input::placeholder {
          font-style: italic; }
      body #content > header .nav-search .form-inline .cta {
        height: 100%;
        min-width: 40px;
        border: 1px solid #e8e8e8;
        background-color: #d22238;
        border-radius: 0 3px 3px 0;
        margin: 0; }
        body #content > header .nav-search .form-inline .cta:after {
          content: '';
          background: url("https://media2.nexity.fr/nfr2016/picto/picto-search-white.svg") no-repeat center;
          width: 24px;
          height: 22px;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-pack: center;
              -ms-flex-pack: center;
                  justify-content: center;
          -webkit-box-align: center;
              -ms-flex-align: center;
                  align-items: center; }
  body #content > header .nav-last-visit {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
    width: 52px; }
    body #content > header .nav-last-visit .content-annonces.content-element {
      width: 312px;
      right: -52px; }
      body #content > header .nav-last-visit .content-annonces.content-element .last-visits-container {
        background-color: white;
        max-height: calc(100vh - 64px);
        max-height: calc((var(--vh, 1vh) * 100) - 64px);
        overflow-x: scroll; }
        body #content > header .nav-last-visit .content-annonces.content-element .last-visits-container .ais-hits .item {
          padding: 4px 7px;
          border-bottom: 1px solid #e8e8e8;
          cursor: pointer; }
          body #content > header .nav-last-visit .content-annonces.content-element .last-visits-container .ais-hits .item:hover {
            background-color: #eee4ed; }
          body #content > header .nav-last-visit .content-annonces.content-element .last-visits-container .ais-hits .item .annonce .content-annonce {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-orient: horizontal;
            -webkit-box-direction: normal;
                -ms-flex-direction: row;
                    flex-direction: row;
            -webkit-box-align: center;
                -ms-flex-align: center;
                    align-items: center; }
            body #content > header .nav-last-visit .content-annonces.content-element .last-visits-container .ais-hits .item .annonce .content-annonce .image {
              position: relative; }
              body #content > header .nav-last-visit .content-annonces.content-element .last-visits-container .ais-hits .item .annonce .content-annonce .image .camera {
                position: absolute;
                top: 0;
                left: 4px; }
              body #content > header .nav-last-visit .content-annonces.content-element .last-visits-container .ais-hits .item .annonce .content-annonce .image .etiquette, body #content > header .nav-last-visit .content-annonces.content-element .last-visits-container .ais-hits .item .annonce .content-annonce .image .exergues {
                display: none; }
              body #content > header .nav-last-visit .content-annonces.content-element .last-visits-container .ais-hits .item .annonce .content-annonce .image img {
                width: 64px;
                height: 64px; }
            body #content > header .nav-last-visit .content-annonces.content-element .last-visits-container .ais-hits .item .annonce .content-annonce .description {
              display: -webkit-box;
              display: -ms-flexbox;
              display: flex;
              -webkit-box-orient: vertical;
              -webkit-box-direction: normal;
                  -ms-flex-direction: column;
                      flex-direction: column;
              padding: 5px 10px;
              min-height: 64px;
              position: relative;
              width: 100%; }
              body #content > header .nav-last-visit .content-annonces.content-element .last-visits-container .ais-hits .item .annonce .content-annonce .description .offer-link {
                font-size: 12px;
                padding: 0;
                border: none; }
                body #content > header .nav-last-visit .content-annonces.content-element .last-visits-container .ais-hits .item .annonce .content-annonce .description .offer-link:hover {
                  background: initial; }
                body #content > header .nav-last-visit .content-annonces.content-element .last-visits-container .ais-hits .item .annonce .content-annonce .description .offer-link:after {
                  content: none; }
              body #content > header .nav-last-visit .content-annonces.content-element .last-visits-container .ais-hits .item .annonce .content-annonce .description .sub-title {
                font-size: 12px; }
              body #content > header .nav-last-visit .content-annonces.content-element .last-visits-container .ais-hits .item .annonce .content-annonce .description .info {
                font-size: 12px;
                font-weight: 500;
                margin-bottom: 5px; }
              body #content > header .nav-last-visit .content-annonces.content-element .last-visits-container .ais-hits .item .annonce .content-annonce .description .inter-description {
                font-size: 12px;
                margin-top: auto; }
                body #content > header .nav-last-visit .content-annonces.content-element .last-visits-container .ais-hits .item .annonce .content-annonce .description .inter-description .partir span:after {
                  content: '(à partir de)';
                  display: inline-block;
                  margin-left: 3px;
                  line-height: 18px; }
              body #content > header .nav-last-visit .content-annonces.content-element .last-visits-container .ais-hits .item .annonce .content-annonce .description .see-more {
                color: #d22238;
                text-decoration: underline;
                bottom: 5px;
                right: 10px;
                font-size: 14px;
                position: absolute; }
  body #content > header .nav-burger {
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
    width: 52px;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column; }
    body #content > header .nav-burger:before, body #content > header .nav-burger:after,
    body #content > header .nav-burger div {
      background-color: #2b2b2b;
      border-radius: 3px;
      content: '';
      display: block;
      height: 2px;
      margin: 2px 0;
      -webkit-transition: all .2s ease-in-out;
      transition: all .2s ease-in-out;
      width: 20px; }
    body #content > header .nav-burger.opened {
      background-color: #eee4ed; }
      body #content > header .nav-burger.opened:before {
        -webkit-transform: translateY(6px) rotate(135deg);
                transform: translateY(6px) rotate(135deg); }
      body #content > header .nav-burger.opened:after {
        -webkit-transform: translateY(-6px) rotate(-135deg);
                transform: translateY(-6px) rotate(-135deg); }
      body #content > header .nav-burger.opened div {
        -webkit-transform: scale(0);
                transform: scale(0); }
  body #content > header .nav-space {
    -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
            order: 4;
    background-color: #2b2b2b;
    padding: 15px 15px 15px 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    cursor: pointer; }
    body #content > header .nav-space > a {
      color: white; }
  body #content > header .nav-main {
    -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
            order: 5;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    background-color: white;
    padding: 0 8px;
    margin: 0; }
    body #content > header .nav-main .menu_mob {
      width: 100%;
      height: 100%; }
      body #content > header .nav-main .menu_mob .menu-link {
        width: 100%;
        height: 100%; }
    body #content > header .nav-main .nav-element {
      cursor: pointer;
      width: 100%;
      padding: 15px 30px;
      font-size: 20px;
      text-transform: capitalize;
      border-bottom: 1px solid #e8e8e8; }
      body #content > header .nav-main .nav-element:after {
        position: absolute;
        display: inline-block;
        right: 12px;
        font-size: 24px;
        line-height: 22px; }
      body #content > header .nav-main .nav-element:hover {
        background-color: #eee4ed; }
    body #content > header .nav-main.opened .nav-guide:after {
      content: '';
      background: url("https://media.nexity.fr/nfr2016/picto/picto-link-ext.svg") no-repeat center;
      width: 15px;
      height: 20px; }
    body #content > header .nav-main.opened .nav-agence:after {
      content: '';
      background: url("https://media.nexity.fr/nfr2016/picto/picto-link-ext.svg") no-repeat center;
      width: 15px;
      height: 20px; }
  body #content > header .nav-group {
    -webkit-box-ordinal-group: 7;
        -ms-flex-order: 6;
            order: 6;
    background-color: white;
    padding: 15px 15px 15px 30px;
    border-bottom: 1px solid #e8e8e8;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    cursor: pointer; }
    body #content > header .nav-group:hover {
      background-color: #eee4ed; }
    body #content > header .nav-group .separator, body #content > header .nav-group .offers {
      background-color: #EEE; }
    body #content > header .nav-group .separator {
      padding: 1em .7em;
      font-size: initial;
      text-transform: uppercase;
      height: auto; }
  body #content > header .nav-contact {
    -webkit-box-ordinal-group: 8;
        -ms-flex-order: 7;
            order: 7;
    background-color: white;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 45px 0; }
  body #content > header .nav-mobile {
    width: 100%;
    margin-left: calc(100% + 312px);
    -webkit-transition: margin-left .5s ease;
    transition: margin-left .5s ease; }
    body #content > header .nav-mobile.opened {
      margin-left: calc(100% - 312px);
      -webkit-transition: margin-left .5s ease;
      transition: margin-left .5s ease; }
  body #content > header .nav-prev {
    font-size: 18px; }
    body #content > header .nav-prev:before {
      content: '';
      display: inline-block;
      width: 20px;
      height: 20px;
      margin-right: 7px; }
    body #content > header .nav-prev.nav-group:before {
      background: url("https://media.nexity.fr/nfr2016/picto/picto-nexity.svg") no-repeat center; }
    body #content > header .nav-prev.nav-group:after {
      content: '+';
      display: inline-block;
      font-size: 24px;
      line-height: 22px;
      margin-left: auto; }
    body #content > header .nav-prev.nav-last-visit {
      position: relative;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center; }
      body #content > header .nav-prev.nav-last-visit > div:first-of-type .title {
        display: none; }
      body #content > header .nav-prev.nav-last-visit > div:first-of-type .nbhits {
        display: none; }
      body #content > header .nav-prev.nav-last-visit sup {
        background-color: #d22238;
        border-radius: 25px;
        margin-left: 5px;
        padding: 4px;
        position: absolute;
        top: calc(50% - 10px);
        left: 28px; }
      body #content > header .nav-prev.nav-last-visit:before {
        background: url("https://media.nexity.fr/nfr2016/picto/picto-historique.svg") no-repeat center; }
    body #content > header .nav-prev.nav-space:before {
      background: url("https://media.nexity.fr/nfr2016/picto/picto-cadenas-white.svg") no-repeat center; }
    body #content > header .nav-prev.nav-space:after {
      content: '+';
      display: inline-block;
      font-size: 24px;
      line-height: 22px;
      margin-left: auto;
      color: white; }
    body #content > header .nav-prev .content-element {
      position: absolute !important;
      right: 0;
      min-width: 312px;
      height: calc(100vh - 64px);
      height: calc((var(--vh, 1vh) * 100) - 64px);
      top: 100%;
      text-align: left;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      background-color: white;
      z-index: 2;
      -webkit-transition: margin-right .5s ease;
      transition: margin-right .5s ease; }
      body #content > header .nav-prev .content-element a {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: start;
            -ms-flex-pack: start;
                justify-content: flex-start;
        padding: 18px 12px;
        font-size: 20px;
        text-transform: capitalize;
        position: relative; }
        body #content > header .nav-prev .content-element a:after {
          content: '';
          position: absolute;
          border: solid black;
          border-width: 0 2px 2px 0;
          display: inline-block;
          padding: 3px;
          -webkit-transform: rotate(45deg);
                  transform: rotate(45deg);
          right: 14px;
          top: calc(50% - 1px);
          -webkit-transform: rotate(-45deg);
                  transform: rotate(-45deg);
          top: calc(50% - 4px); }
        body #content > header .nav-prev .content-element a:not(:first-child) {
          margin: 0 7px; }
        body #content > header .nav-prev .content-element a:not(:last-child) {
          border-bottom: 1px solid #d4d4d4; }
        body #content > header .nav-prev .content-element a:hover {
          background-color: #eee4ed; }
      body #content > header .nav-prev .content-element .go-back {
        padding-left: 35px;
        background-color: #2b2b2b;
        color: white;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        font-size: 16px;
        padding: 18px 12px 18px 70px;
        position: relative; }
        body #content > header .nav-prev .content-element .go-back:after {
          content: '';
          position: absolute;
          border: solid black;
          border-width: 0 2px 2px 0;
          display: inline-block;
          padding: 3px;
          -webkit-transform: rotate(45deg);
                  transform: rotate(45deg);
          right: 14px;
          top: calc(50% - 1px);
          border-color: white;
          -webkit-transform: rotate(135deg);
                  transform: rotate(135deg);
          left: 37px;
          right: auto; }
        body #content > header .nav-prev .content-element .go-back:hover {
          background-color: #2b2b2b; }

body #content .content-wrapper {
  margin-top: 64px; }

body #content .cnat-bandeau:not([hidden]) ~ .content-wrapper {
  margin-top: 128px; }

body #content .cnat-bandeau:not([hidden]) + header,
body #content .cnat-bandeau:not([hidden]) ~ .content-wrapper {
  top: 4em;
  -webkit-transition-property: top;
  transition-property: top;
  -webkit-transition-duration: 1s;
          transition-duration: 1s; }

body #content .cnat-bandeau.rollUp:not([hidden]) + header {
  top: 0;
  -webkit-transition-property: top;
  transition-property: top;
  -webkit-transition-duration: 1s;
          transition-duration: 1s; }

@media (min-width: 1024px) {
  body #content .cnat-bandeau:not([hidden]) ~ .content-wrapper {
    margin-top: 164px; }
  .content-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column; }
    .content-wrapper div.block-fil-ariane, .content-wrapper footer.block-fil-ariane {
      -webkit-box-ordinal-group: 2;
          -ms-flex-order: 1;
              order: 1; }
    .content-wrapper div.mainfooter, .content-wrapper footer.mainfooter {
      -webkit-box-ordinal-group: 3;
          -ms-flex-order: 2;
              order: 2; }
  body #content .content-wrapper {
    margin-top: 100px; }
  .overlay {
    background-color: transparent;
    height: 0;
    width: 0;
    opacity: 0;
    -webkit-transition: none;
    transition: none; }
    .overlay.opened {
      opacity: 0;
      z-index: 0;
      height: 0;
      width: 0; }
  body #content.fixed {
    position: inherit;
    width: inherit; }
  body #content.header-shrinked .cnat-bandeau {
    top: 54px; }
  body #content.header-shrinked .content-wrapper {
    margin-top: 54px; }
  body #content.header-shrinked .before-header {
    height: 54px; }
  body #content.header-shrinked > header {
    height: 54px; }
    body #content.header-shrinked > header .nav-search, body #content.header-shrinked > header .nav-prev.nav-group, body #content.header-shrinked > header .nav-space, body #content.header-shrinked > header .nav-prev.nav-last-visit {
      visibility: hidden; }
    body #content.header-shrinked > header .nav-main, body #content.header-shrinked > header .nav-contact {
      margin-top: -43px; }
    body #content.header-shrinked > header .nav-logo, body #content.header-shrinked > header .nav-logo-baseline {
      top: calc(50% - 24px); }
      body #content.header-shrinked > header .nav-logo img, body #content.header-shrinked > header .nav-logo-baseline img {
        height: 48px;
        width: 48px; }
    body #content.header-shrinked > header .nav-logo-baseline img.logo {
      display: block; }
    body #content.header-shrinked > header .nav-logo-baseline img.baseline {
      display: none; }
  body #content .before-header {
    content: '';
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    background-color: white;
    width: 200vw;
    -webkit-transform: translate(-50%);
            transform: translate(-50%);
    z-index: 999;
    height: 100px;
    -webkit-transition: 0.4s all ease-in-out;
    transition: 0.4s all ease-in-out; }
  body #content > header {
    height: 100px;
    -ms-flex-line-pack: justify;
        align-content: space-between;
    padding-top: 6px;
    -webkit-transform: translate(-50%);
            transform: translate(-50%);
    left: 50%;
    position: fixed;
    -webkit-transition: 0.4s all ease-in-out;
    transition: 0.4s all ease-in-out; }
    body #content > header li:hover .jm_smartmenu {
      max-height: 20em;
      padding-bottom: 20px;
      border-bottom: 6px solid #d22238; }
    body #content > header .nav-mobile {
      width: auto;
      margin: initial;
      -webkit-transition: none;
      transition: none; }
      body #content > header .nav-mobile.opened {
        margin-left: auto; }
    body #content > header .go-back {
      display: none !important; }
    body #content > header .nav-logo, body #content > header .nav-logo-baseline {
      width: 9%;
      position: absolute;
      padding: 0;
      -webkit-transition: 0.2s all ease-in-out;
      transition: 0.2s all ease-in-out; }
      body #content > header .nav-logo img, body #content > header .nav-logo-baseline img {
        -webkit-transition: 0.2s all ease-in-out;
        transition: 0.2s all ease-in-out; }
    body #content > header .nav-logo {
      top: calc(50% - 30px); }
      body #content > header .nav-logo img {
        width: 60px;
        height: 60px; }
    body #content > header .nav-logo-baseline {
      margin-left: .5%;
      top: calc(50% - 40px); }
      body #content > header .nav-logo-baseline img {
        height: 80px;
        width: 118px; }
        body #content > header .nav-logo-baseline img.logo {
          display: none; }
        body #content > header .nav-logo-baseline img.baseline {
          display: block; }
    body #content > header .nav-search {
      width: 44%;
      margin-left: 10%;
      padding: 0; }
      body #content > header .nav-search:before {
        content: none; }
      body #content > header .nav-search .form-inline {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: end;
            -ms-flex-pack: end;
                justify-content: flex-end;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        height: 100%;
        position: relative;
        top: 0;
        padding: 0;
        background-color: transparent;
        width: 100%; }
        body #content > header .nav-search .form-inline.closed-mob {
          margin: 0;
          -webkit-transition: none;
          transition: none; }
        body #content > header .nav-search .form-inline input {
          width: 100%;
          height: 33px;
          border-radius: 3px 0 0 3px;
          border: 1px solid #e8e8e8;
          max-width: 420px;
          padding-left: 8px; }
          body #content > header .nav-search .form-inline input::-webkit-input-placeholder {
            font-style: italic;
            color: #8e8e8e; }
          body #content > header .nav-search .form-inline input::-moz-placeholder {
            font-style: italic;
            color: #8e8e8e; }
          body #content > header .nav-search .form-inline input::-ms-input-placeholder {
            font-style: italic;
            color: #8e8e8e; }
          body #content > header .nav-search .form-inline input::placeholder {
            font-style: italic;
            color: #8e8e8e; }
        body #content > header .nav-search .form-inline .cta {
          height: 33px;
          border: 1px solid #e8e8e8;
          background-color: white;
          border-radius: 0 3px 3px 0; }
          body #content > header .nav-search .form-inline .cta:after {
            background: url("https://media2.nexity.fr/nfr2016/picto/picto-search.svg") no-repeat center; }
          body #content > header .nav-search .form-inline .cta:hover {
            background-color: #d22238; }
            body #content > header .nav-search .form-inline .cta:hover:after {
              background: url("https://media2.nexity.fr/nfr2016/picto/picto-search-white.svg") no-repeat center; }
          body #content > header .nav-search .form-inline .cta img {
            width: 20px;
            height: 20px; }
    body #content > header .nav-last-visit {
      -webkit-box-ordinal-group: 4;
          -ms-flex-order: 3;
              order: 3; }
    body #content > header .nav-burger {
      display: none; }
    body #content > header .nav-prev {
      cursor: pointer;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      width: 14%;
      height: 32px;
      min-width: 130px;
      font-size: 14px;
      font-weight: 500;
      position: relative;
      margin-left: 10px; }
      body #content > header .nav-prev:before {
        content: '';
        display: inline-block;
        height: 20px;
        margin-right: 7px; }
      body #content > header .nav-prev:hover {
        background-color: #eee4ed;
        border-radius: 3px 3px 0 0;
        -webkit-box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.24);
                box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.24); }
      body #content > header .nav-prev.nav-group {
        border-bottom: 0; }
        body #content > header .nav-prev.nav-group:before {
          background: url("https://media.nexity.fr/nfr2016/picto/picto-nexity.svg") no-repeat center; }
        body #content > header .nav-prev.nav-group:after {
          content: none; }
      body #content > header .nav-prev.nav-last-visit > div:first-of-type {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
            -ms-flex-direction: row;
                flex-direction: row;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center; }
        body #content > header .nav-prev.nav-last-visit > div:first-of-type .title {
          display: block; }
        body #content > header .nav-prev.nav-last-visit > div:first-of-type .nbhits {
          display: block; }
      body #content > header .nav-prev.nav-last-visit sup {
        color: white;
        padding: 5px;
        position: relative;
        top: 0;
        left: 0;
        width: 20px;
        height: 20px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center; }
      body #content > header .nav-prev.nav-last-visit:before {
        background: url("https://media.nexity.fr/nfr2016/picto/picto-historique.svg") no-repeat center; }
      body #content > header .nav-prev.nav-last-visit .content-annonces.content-element {
        width: 312px;
        right: 0; }
        body #content > header .nav-prev.nav-last-visit .content-annonces.content-element .last-visits-container {
          max-height: 260px;
          overflow-x: hidden; }
      body #content > header .nav-prev.nav-space {
        border: 1px solid #e8e8e8;
        border-radius: 25px;
        padding: 0;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        height: 32px;
        width: auto;
        margin-right: 1%;
        background-color: white; }
        body #content > header .nav-prev.nav-space:before {
          background: url("https://media.nexity.fr/nfr2016/picto/picto-cadenas.svg") no-repeat center; }
        body #content > header .nav-prev.nav-space:after {
          content: none; }
        body #content > header .nav-prev.nav-space:hover {
          background-color: #eee4ed;
          border: 1px solid transparent;
          border-radius: 3px 3px 0 0; }
        body #content > header .nav-prev.nav-space .myspace {
          color: #2b2b2b; }
        body #content > header .nav-prev.nav-space .sub-myspace a {
          text-transform: initial; }
          body #content > header .nav-prev.nav-space .sub-myspace a:before {
            content: '';
            display: inline-block;
            width: 25px;
            height: 25px;
            margin-right: 15px; }
        body #content > header .nav-prev.nav-space .sub-myspace .mynexity:before {
          background: url("https://media.nexity.fr/nfr2016/picto/picto-mynexity.svg") no-repeat center; }
        body #content > header .nav-prev.nav-space .sub-myspace .dossier-loc:before {
          background: url("https://media.nexity.fr/nfr2016/picto/picto-dossier-locataire.svg") no-repeat center; }
        body #content > header .nav-prev.nav-space .sub-myspace .searchspace:before {
          background: url("https://media.nexity.fr/nfr2016/picto/picto-espace-recherche.svg") no-repeat center; }
      body #content > header .nav-prev .content-element {
        position: absolute !important;
        right: 0;
        min-width: 300px;
        height: auto;
        border-radius: 3px 0 3px 3px;
        border-top: 7px solid #eee4ed;
        top: 100%;
        text-align: left;
        -webkit-transform: scaleY(1);
                transform: scaleY(1);
        -webkit-transform-origin: top right;
                transform-origin: top right;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        visibility: visible;
        opacity: 1;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        background-color: white;
        -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.24);
                box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.24);
        z-index: 2; }
        body #content > header .nav-prev .content-element a {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-pack: start;
              -ms-flex-pack: start;
                  justify-content: flex-start;
          padding: 18px 12px;
          font-size: 15px;
          text-transform: capitalize;
          position: relative; }
          body #content > header .nav-prev .content-element a:after {
            content: '';
            position: absolute;
            border: solid black;
            border-width: 0 2px 2px 0;
            display: inline-block;
            padding: 3px;
            -webkit-transform: rotate(45deg);
                    transform: rotate(45deg);
            right: 14px;
            top: calc(50% - 1px);
            -webkit-transform: rotate(-45deg);
                    transform: rotate(-45deg);
            top: calc(50% - 4px); }
          body #content > header .nav-prev .content-element a:not(:last-child) {
            border-bottom: 1px solid #d4d4d4; }
          body #content > header .nav-prev .content-element a:not(:first-child) {
            margin: 0; }
          body #content > header .nav-prev .content-element a:hover {
            background-color: #eee4ed; }
        body #content > header .nav-prev .content-element.closed {
          opacity: 0;
          -webkit-transform: scaleY(0) scaleX(0.3);
                  transform: scaleY(0) scaleX(0.3);
          -webkit-transition: all .5s ease;
          transition: all .5s ease; }
        body #content > header .nav-prev .content-element.closed-mob {
          margin-right: 0; }
    body #content > header .nav-main {
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
          -ms-flex-direction: row;
              flex-direction: row;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      font-weight: bold;
      text-transform: uppercase;
      text-align: center;
      height: 54px;
      width: 68%;
      margin-left: 13%;
      margin-top: auto;
      padding: 0; }
      body #content > header .nav-main li {
        -webkit-box-flex: 1;
            -ms-flex-positive: 1;
                flex-grow: 1; }
      body #content > header .nav-main .jm_smartmenu {
        background: white;
        position: absolute;
        z-index: 1000;
        max-height: 0;
        left: 0;
        right: 0;
        overflow: hidden;
        padding: 0;
        margin: 0;
        list-style: none;
        text-align: center;
        -webkit-transition: .8s all .3s;
        transition: .8s all .3s; }
        body #content > header .nav-main .jm_smartmenu .sm_col {
          display: inline-block;
          vertical-align: top;
          padding: 0;
          margin-top: 20px;
          margin-right: 20px; }
          body #content > header .nav-main .jm_smartmenu .sm_col .sm_title, body #content > header .nav-main .jm_smartmenu .sm_col .sm_item, body #content > header .nav-main .jm_smartmenu .sm_col .sm_see_all {
            width: 290px;
            font-size: 15px;
            padding: 10px 0px; }
            body #content > header .nav-main .jm_smartmenu .sm_col .sm_title:after, body #content > header .nav-main .jm_smartmenu .sm_col .sm_item:after, body #content > header .nav-main .jm_smartmenu .sm_col .sm_see_all:after {
              content: none; }
            body #content > header .nav-main .jm_smartmenu .sm_col .sm_title img, body #content > header .nav-main .jm_smartmenu .sm_col .sm_item img, body #content > header .nav-main .jm_smartmenu .sm_col .sm_see_all img {
              display: block; }
            body #content > header .nav-main .jm_smartmenu .sm_col .sm_title.picto, body #content > header .nav-main .jm_smartmenu .sm_col .sm_item.picto, body #content > header .nav-main .jm_smartmenu .sm_col .sm_see_all.picto {
              padding-left: 36px; }
            body #content > header .nav-main .jm_smartmenu .sm_col .sm_title > img, body #content > header .nav-main .jm_smartmenu .sm_col .sm_item > img, body #content > header .nav-main .jm_smartmenu .sm_col .sm_see_all > img {
              position: absolute;
              max-height: 25px;
              max-width: 25px;
              top: 7px;
              left: 4px; }
          body #content > header .nav-main .jm_smartmenu .sm_col .sm_title {
            text-transform: uppercase; }
          body #content > header .nav-main .jm_smartmenu .sm_col .sm_item:hover, body #content > header .nav-main .jm_smartmenu .sm_col .sm_see_all:hover {
            text-decoration: underline; }
          body #content > header .nav-main .jm_smartmenu .sm_col.third {
            margin-right: 0px; }
            body #content > header .nav-main .jm_smartmenu .sm_col.third .sm_autopromo {
              position: relative;
              color: white;
              width: 220px;
              height: 240px;
              padding: 20px;
              display: -webkit-box;
              display: -ms-flexbox;
              display: flex;
              -webkit-box-orient: vertical;
              -webkit-box-direction: normal;
                  -ms-flex-direction: column;
                      flex-direction: column;
              background-size: cover;
              background-position: center;
              background-repeat: no-repeat; }
              body #content > header .nav-main .jm_smartmenu .sm_col.third .sm_autopromo > * {
                z-index: 1; }
              body #content > header .nav-main .jm_smartmenu .sm_col.third .sm_autopromo:before {
                content: '';
                display: block;
                position: absolute;
                left: 0;
                top: 0;
                width: 100%;
                height: 100%;
                background-color: rgba(0, 0, 0, 0.2); }
              body #content > header .nav-main .jm_smartmenu .sm_col.third .sm_autopromo .title {
                font-size: 25px;
                line-height: 25px;
                margin-bottom: 20px;
                font-weight: normal; }
              body #content > header .nav-main .jm_smartmenu .sm_col.third .sm_autopromo .text {
                font-size: 16px;
                font-weight: normal; }
              body #content > header .nav-main .jm_smartmenu .sm_col.third .sm_autopromo .cta {
                font-weight: normal;
                height: 35px; }
      body #content > header .nav-main .nav-element {
        cursor: pointer;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        width: 100%;
        height: 100%;
        padding: 0;
        font-size: 15px;
        font-weight: 500;
        text-transform: uppercase;
        border-bottom: 6px solid #d22238;
        -webkit-transition: border-bottom-width .1s ease-in-out;
        transition: border-bottom-width .1s ease-in-out;
        position: relative; }
        body #content > header .nav-main .nav-element:hover {
          border-bottom-width: 0;
          background-color: transparent; }
        body #content > header .nav-main .nav-element:after {
          content: none; }
        body #content > header .nav-main .nav-element.opened {
          border-bottom-width: 0; }
          body #content > header .nav-main .nav-element.opened + .jm_smartmenu {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-orient: horizontal;
            -webkit-box-direction: normal;
                -ms-flex-direction: row;
                    flex-direction: row; }
      body #content > header .nav-main .nav-guide {
        border-bottom: 6px solid rgba(210, 34, 56, 0.4); }
      body #content > header .nav-main .nav-agence {
        border-bottom: 6px solid rgba(210, 34, 56, 0.2); }
    body #content > header .nav-group {
      -webkit-box-ordinal-group: 3;
          -ms-flex-order: 2;
              order: 2;
      padding: 0;
      margin-left: auto; }
    body #content > header .nav-contact {
      -webkit-box-ordinal-group: 7;
          -ms-flex-order: 6;
              order: 6;
      cursor: pointer;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: end;
          -ms-flex-pack: end;
              justify-content: flex-end;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      padding: 0;
      width: 18%;
      margin-right: 1%;
      margin-left: auto;
      z-index: 1; }
      body #content > header .nav-contact span {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        color: white;
        background-color: #008641;
        border-radius: 3px;
        width: 180px;
        height: 35px; }
  body #content .cnat-bandeau {
    position: fixed;
    top: 100px;
    font-size: 16px; }
    body #content .cnat-bandeau .container .scrolling-text {
      -webkit-box-flex: 65%;
          -ms-flex: 65%;
              flex: 65%; }
      body #content .cnat-bandeau .container .scrolling-text .scroll-item {
        padding-right: 2em; }
      body #content .cnat-bandeau .container .scrolling-text .scroll-item:nth-of-type(2) p {
        font-weight: bold; }
    body #content .cnat-bandeau .container .discover {
      -webkit-box-flex: 35%;
          -ms-flex: 35%;
              flex: 35%;
      line-height: 2em;
      padding-left: 2em; }
      body #content .cnat-bandeau .container .discover:after {
        content: '>';
        border-radius: 50%;
        border: 1px solid #d01c34;
        color: #d01c34;
        padding: 0px 7px 2px 7px;
        margin: 1em;
        font-size: 18px;
        line-height: .5em;
        vertical-align: middle; }
      body #content .cnat-bandeau .container .discover > span {
        display: inline; }
  body #content .cnat-bandeau:not([hidden]) + header {
    top: 0em; } }

@media (min-width: 768px) {
  .cnat-bandeau .container {
    width: calc(100vw - 2%); }
    .cnat-bandeau .container .discover {
      line-height: 2em; } }

@media (max-width: 1023px) {
  body #content .cnat-bandeau:not([hidden]) + header,
  body #content .cnat-bandeau:not([hidden]) ~ .content-wrapper {
    top: 7em; }
  body #content .cnat-bandeau:not([hidden]) ~ .content-wrapper {
    margin-top: 210px; }
  body #content .cnat-bandeau:not([hidden]) ~ .page404 {
    margin-top: 192px; }
  body #content .cnat-bandeau .container .scrolling-text .scroll-item > p {
    line-height: 1.3em;
    font-size: 1.3em; }
  body #content .cnat-bandeau {
    top: 7em; }
    body #content .cnat-bandeau .container .scrolling-text {
      height: 8em; }
      body #content .cnat-bandeau .container .scrolling-text .scroll-item {
        height: 8em; }
  body #content > header .nav-main .menu-link .nav-element {
    border-bottom: none; }
  .menu_mob {
    border-bottom: 1px solid #e8e8e8;
    display: block; }
    .menu_mob .menu-link {
      display: inline-block;
      padding-right: 40px;
      margin-right: -40px;
      -webkit-box-sizing: border-box;
              box-sizing: border-box; }
    .menu_mob .menu-arrow {
      float: right;
      position: relative; }
      .menu_mob .menu-arrow:after {
        content: '+';
        position: absolute;
        right: 6px;
        font-size: 24px;
        line-height: 22px;
        margin: 15px 0; }
  .jm_smartmenu {
    position: absolute;
    top: 100%;
    right: 0;
    width: 312px;
    background: white;
    z-index: 2;
    height: calc(100vh - 64px);
    height: calc((var(--vh, 1vh) * 100) - 64px);
    overflow-x: scroll;
    -webkit-transition: margin-right .5s ease;
    transition: margin-right .5s ease;
    padding-bottom: 2em; }
    .jm_smartmenu .go-back {
      cursor: pointer;
      background-color: #2b2b2b;
      color: white;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      font-size: 16px;
      padding: 18px 12px 18px 70px;
      position: relative; }
      .jm_smartmenu .go-back:after {
        content: '';
        position: absolute;
        border: solid black;
        border-width: 0 2px 2px 0;
        display: inline-block;
        padding: 3px;
        -webkit-transform: rotate(45deg);
                transform: rotate(45deg);
        right: 14px;
        top: calc(50% - 1px);
        top: calc(50% - 4px);
        left: 37px;
        right: auto;
        border-color: white;
        -webkit-transform: rotate(135deg);
                transform: rotate(135deg); }
      .jm_smartmenu .go-back:hover {
        background-color: #2b2b2b; }
    .jm_smartmenu .sm_col {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      padding: 0 10px; }
      .jm_smartmenu .sm_col li {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex; }
      .jm_smartmenu .sm_col .sm_title, .jm_smartmenu .sm_col .sm_item, .jm_smartmenu .sm_col .sm_see_all {
        cursor: pointer;
        width: 100%;
        padding: 15px;
        border-bottom: 1px solid #e8e8e8;
        font-size: 20px;
        position: relative; }
        .jm_smartmenu .sm_col .sm_title:after, .jm_smartmenu .sm_col .sm_item:after, .jm_smartmenu .sm_col .sm_see_all:after {
          content: '';
          position: absolute;
          border: solid black;
          border-width: 0 2px 2px 0;
          display: inline-block;
          padding: 3px;
          -webkit-transform: rotate(45deg);
                  transform: rotate(45deg);
          right: 14px;
          top: calc(50% - 1px);
          -webkit-transform: rotate(-45deg);
                  transform: rotate(-45deg);
          top: calc(50% - 4px); }
        .jm_smartmenu .sm_col .sm_title img, .jm_smartmenu .sm_col .sm_item img, .jm_smartmenu .sm_col .sm_see_all img {
          display: none; }
      .jm_smartmenu .sm_col .sm_title {
        font-weight: bold; }
        .jm_smartmenu .sm_col .sm_title .see-more {
          display: none; }
      .jm_smartmenu .sm_col .sm_item {
        padding: 15px 35px;
        font-size: 16px;
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex; }
        .jm_smartmenu .sm_col .sm_item img {
          margin-right: 15px; }
      .jm_smartmenu .sm_col .sm_autopromo {
        padding: 23px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        min-height: 214px;
        color: white;
        background-color: black;
        background-size: cover; }
        .jm_smartmenu .sm_col .sm_autopromo .title {
          font-size: 24px;
          margin-bottom: 10px; }
        .jm_smartmenu .sm_col .sm_autopromo .text {
          font-size: 16px;
          font-weight: bold; }
        .jm_smartmenu .sm_col .sm_autopromo .cta {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-pack: center;
              -ms-flex-pack: center;
                  justify-content: center;
          -webkit-box-align: center;
              -ms-flex-align: center;
                  align-items: center;
          color: white;
          background-color: #d22238;
          border-radius: 3px;
          width: 100%;
          height: 48px;
          cursor: pointer;
          margin-top: auto;
          font-size: 18px;
          font-weight: bold; } }

@media (max-width: 1023px) {
  header .closed-mob {
    margin-right: -312px;
    -webkit-transition: margin-right .5s ease;
    transition: margin-right .5s ease; }
  header .nav-main .jm_smartmenu.closed-mob {
    margin-right: -312px;
    -webkit-transition: margin-right .5s ease;
    transition: margin-right .5s ease; } }

@media (min-width: 1200px) {
  .cnat-bandeau .container {
    width: calc(100vw - 10%); }
    .cnat-bandeau .container .discover {
      line-height: 2em; } }

body #content > header .nav-prev .content-element .go-back:after {
  top: calc(50% - 4px); }

header ul {
  margin: 0px;
  padding: 0px;
  list-style: none; }

header .nav-element {
  padding: 2em;
  display: block;
  text-decoration: none;
  text-transform: uppercase;
  font-size: 1.0625rem;
  width: 100%;
  height: 100%;
  cursor: pointer; }
  header .nav-element:hover {
    border-bottom-width: 0;
    background-color: transparent; }
  header .nav-element:after {
    content: none; }
  header .nav-element.opened {
    border-bottom-width: 0; }
    header .nav-element.opened + .jm_smartmenu {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
          -ms-flex-direction: row;
              flex-direction: row; }

header .nav-main {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  /*1*/
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  /*2*/
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  /*3*/ }
  header .nav-main .jm_smartmenu {
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center;
    background: white; }
    header .nav-main .jm_smartmenu .sm_col {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      padding: 0 10px; }
      header .nav-main .jm_smartmenu .sm_col li {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex; }
      header .nav-main .jm_smartmenu .sm_col .sm_title, header .nav-main .jm_smartmenu .sm_col .sm_item, header .nav-main .jm_smartmenu .sm_col .sm_see_all {
        cursor: pointer;
        width: 100%;
        font-size: 20px;
        position: relative;
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        font-weight: normal;
        text-transform: none;
        text-align: initial; }
        header .nav-main .jm_smartmenu .sm_col .sm_title img, header .nav-main .jm_smartmenu .sm_col .sm_item img, header .nav-main .jm_smartmenu .sm_col .sm_see_all img {
          display: none; }
      header .nav-main .jm_smartmenu .sm_col .sm_title {
        font-weight: bold; }
      header .nav-main .jm_smartmenu .sm_col .sm_item {
        font-size: 16px; }
        header .nav-main .jm_smartmenu .sm_col .sm_item img {
          margin-right: 15px; }
      header .nav-main .jm_smartmenu .sm_col .sm_see_all {
        font-weight: bold; }
      header .nav-main .jm_smartmenu .sm_col .sm_autopromo {
        padding: 23px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        min-height: 214px;
        color: white;
        background-color: black;
        background-size: cover; }
        header .nav-main .jm_smartmenu .sm_col .sm_autopromo .title {
          font-size: 24px;
          margin-bottom: 10px; }
        header .nav-main .jm_smartmenu .sm_col .sm_autopromo .text {
          font-size: 16px;
          font-weight: bold; }
        header .nav-main .jm_smartmenu .sm_col .sm_autopromo .cta {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-pack: center;
              -ms-flex-pack: center;
                  justify-content: center;
          -webkit-box-align: center;
              -ms-flex-align: center;
                  align-items: center;
          color: white;
          background-color: #d22238;
          border-radius: 3px;
          width: 100%;
          height: 48px;
          cursor: pointer;
          margin-top: auto;
          font-size: 18px;
          font-weight: bold; }
  header .nav-main .jm_smartmenu li {
    display: inherit;
    border-radius: 0; }
  header .nav-main .jm_smartmenu li:hover {
    border-radius: 0; }
  header .nav-main .jm_smartmenu li:last-child {
    border-radius: 0 0 8px 8px; }

header .nav-contact {
  /*
        order: 6;
        cursor: pointer;
        display: flex;
        justify-content: flex-end;
        align-items: center;
        padding: 0;
        width: 21%;
        margin-right: 1%;
        margin-left: auto;
        z-index: 1;
*/ }
  header .nav-contact span {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    color: white;
    background-color: #008641;
    border-radius: 3px;
    width: 200px;
    height: 35px; }