*,
*::before,
*::after {
  box-sizing: border-box;
}
html,
body,
div,
span,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
address,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
hr,
small,
strong,
sub,
sup,
var,
b,
u,
i,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
button,
input,
select,
textarea,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
figure,
figcaption,
footer,
header,
nav,
output,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  color: inherit;
  font: inherit;
  text-align: inherit;
  vertical-align: baseline;
  background: transparent;
  border: 0;
  outline: 0;
}
main,
details,
summary {
  display: block;
}
a,
abbr {
  text-decoration: none;
}
b,
strong {
  font-weight: 700;
}
i,
em {
  font-style: italic;
}
ol,
ul {
  list-style: none;
}
img {
  display: inline-block;
  height: auto;
  max-width: 100%;
  width: auto;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
blockquote,
q {
  quotes: none;
}
blockquote::before,
q::before,
blockquote::after,
q::after {
  content: none;
}
sub,
sup {
  font-size: 0.625em;
  line-height: 0;
}
sup {
  vertical-align: super;
}
sub {
  vertical-align: sub;
}
caption,
th,
td,
input,
select {
  vertical-align: middle;
}
input,
select,
textarea {
  text-overflow: ellipsis;
}
input::placeholder,
textarea::placeholder {
  color: inherit;
}
button,
select {
  text-transform: none;
}
button,
input[type=button],
input[type=reset],
input[type=submit] {
  overflow: visible;
  -webkit-appearance: button;
  cursor: pointer;
}
button:disabled,
input[type=button]:disabled,
input[type=reset]:disabled,
input[type=submit]:disabled {
  cursor: auto;
}
textarea {
  overflow: auto;
  resize: none;
}
progress {
  vertical-align: baseline;
}
svg {
  overflow: visible;
  display: block;
}
template {
  display: none;
}
[hidden] {
  display: none !important;
}
html {
  overflow-x: hidden;
  font: 62.5%/1 sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: rgba(0,0,0,0);
}
body {
  overflow-x: hidden;
  color: #000;
  font: 1.5em/1.866666666666667em 'Montserrat', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
h1,
h2,
h3,
h4,
h5,
h6,
ul,
ol,
dd,
p,
figure,
pre,
table,
fieldset,
hr,
blockquote {
  margin-bottom: 2rem;
}
h1:last-child,
h2:last-child,
h3:last-child,
h4:last-child,
h5:last-child,
h6:last-child,
ul:last-child,
ol:last-child,
dd:last-child,
p:last-child,
figure:last-child,
pre:last-child,
table:last-child,
fieldset:last-child,
hr:last-child,
blockquote:last-child {
  margin-bottom: 0;
}
ol {
  counter-reset: list-item;
}
ol > li {
  counter-increment: list-item;
}
iframe,
img {
  transition: opacity 0.2s ease-out;
}
iframe[data-src],
img[data-src] {
  opacity: 0;
}
blockquote::before {
  font-family: Georgia, serif;
  vertical-align: bottom;
  content: '\201C';
}
/*.icon path:not([fill]) {
  fill: #fff;
}*/
#content a:not([class]),
#contentarea a:not([class]),
.cke_editable a:not([class]) {
  text-decoration: underline;
}
#content a:not([class]):hover,
#contentarea a:not([class]):hover,
.cke_editable a:not([class]):hover,
#content a:not([class]):focus,
#contentarea a:not([class]):focus,
.cke_editable a:not([class]):focus {
  text-decoration: none;
}
a.color,
a.color2,
a.color3,
a.color4,
a.color5 {
  color: inherit;
  transition: color 0.2s ease-out;
}
.color:not(body),
.flechebleue,
.titrebleue,
.soustitrebleue,
.italiquebleue {
  color: #127b7e;
}
a.color:hover,
a.flechebleue:hover,
a.titrebleue:hover,
a.soustitrebleue:hover,
a.italiquebleue:hover,
a.color:focus,
a.flechebleue:focus,
a.titrebleue:focus,
a.soustitrebleue:focus,
a.italiquebleue:focus {
  color: #1770bb;
}
.color2:not(body) {
  color: #127b7e;
}
a.color2:hover,
a.color2:focus {
  color: #17aabb;
}
.color3:not(body) {
  color: #e6b00f;
}
a.color3:hover,
a.color3:focus {
  color: #e6b00f;
}
.color4:not(body),
.titrevert,
.soustitrevert,
.italiquevert {
  color: #f5c934;
}
a.color4:hover,
a.titrevert:hover,
a.soustitrevert:hover,
a.italiquevert:hover,
a.color4:focus,
a.titrevert:focus,
a.soustitrevert:focus,
a.italiquevert:focus {
  color: #73ac40;
}
.color5:not(body) {
  color: #fff;
}
a.color5:hover,
a.color5:focus {
  color: #759ca1;
}
.left {
  text-align: left !important;
}
img.left,
img[align="left"] {
  float: left;
  margin-right: 4rem;
}
.right {
  text-align: right !important;
}
img.right,
img[align="right"] {
  float: right;
  margin-left: 4rem;
}
.center {
  text-align: center !important;
}
.fullwidth {
  display: block;
  width: 100%;
}
.media {
  position: relative;
  display: block;
  padding-bottom: 56.25%;
}
.media iframe {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}
.space {
  clear: both;
  display: block;
  height: 8rem;
}
.title {
  display: block;
  margin-bottom: 2rem;
  font-size: 4rem;
  font-weight: 700;
  letter-spacing: -0.025em;
  line-height: 1em;
}

.body-content .title:after {
    display: block;
    height: 0.1rem;
    margin: 0.25em 0 0 0;
    width: 6.5rem;
    background-color: #127b7e;
    content: '';
}

.title:last-child {
  margin-bottom: 0;
}
.title small {
  color: #5b5f66;
  font-family: 'Montserrat', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-size: 0.666666666666667em;
  font-style: normal;
  letter-spacing: normal;
  line-height: 1em;
}
.text-title,
.titrebleue,
.titrevert,
.titre {
  display: block;
  margin: 0;
  font-size: 3rem;
  font-weight: 700;
  letter-spacing: -0.025em;
  line-height: 1.2em;
}
.text-title:first-child,
.titrebleue:first-child,
.titrevert:first-child,
.titre:first-child {
  margin-top: 0;
}
.text-title:last-child,
.titrebleue:last-child,
.titrevert:last-child,
.titre:last-child {
  margin-bottom: 0;
}
.intro,
.titre-paragraphe {
  display: block;
  margin-bottom: 2rem;
  font-size: 2rem;
  font-weight: 700;
  line-height: 1.538461538461539em;
}
.intro:last-child,
.titre-paragraphe:last-child {
  margin-bottom: 0;
}
.date {
  margin-bottom: 0;
  color: #000;
  font-size: 1.5rem;
  font-weight: 400;
  line-height: 2em;
  text-transform: uppercase;
}

.date:after {
    display: block;
    height: 0.4rem;
    margin: 0.25em;
    width: 3.2rem;
    background-color: #f5c934;
    content: '';
}

.category {
	display: block;
  margin-bottom: 1rem;
  font-size: 1.5rem;
  font-weight: 400;
  text-transform: uppercase;
  letter-spacing: -0.01em;
  line-height: 1.866666666666667em;
}
.category:after {
    display: block;
    height: 0.4rem;
    margin: 0.25em auto 0;
    width: 3.2rem;
    background-color: #127b7e;
    content: '';
}
.theme {
  display: block;
  margin-bottom: 1rem;
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1.666666666666667em;
}
.theme::after {
  display: block;
  height: 0.1rem;
  margin-top: 1rem;
  width: 7.5rem;
  background-color: #e2e2e2;
  content: '';
}
.theme:last-child {
  margin-bottom: 0;
}
.highlight,
.soustitrebleue,
.soustitrevert,
.flechebleue {
  
  font-size: 2rem;
  font-style: italic;
  font-weight: 700;
  line-height: 1.7em;
}
.italiquebleue {
  font-size: 1.8rem;
  font-weight: 700;
  line-height: 1.333333333333333em;
}
.italiquevert {
  font-size: 1.8rem;
  font-weight: 700;
  line-height: 1.333333333333333em;
}
.edit {
  margin-bottom: 4rem;
}
.edit:last-child {
  margin-bottom: 0;
}
.container {
  position: relative;
  margin: 0 auto;
  padding: 0 2rem;
  width: 100%;
}
#content .container:after {
  clear: both;
  display: table;
  content: '';
}
.content {
  margin-bottom: 8rem;
  font-size: 1.5rem;
  line-height: 2.266666666666667em;
}
.content:after {
  clear: both;
  display: table;
  content: '';
}
.content:last-child {
  margin-bottom: 0;
}
.row {
  clear: both;
  display: flex;
  flex-wrap: wrap;
  margin: 4rem -2rem;
}
.row:first-child {
  margin-top: 0;
}
.row:last-child {
  margin-bottom: 0;
}
.col,
[class*="col-"] {
  margin-bottom: 4rem;
  padding-right: 2rem;
  padding-left: 2rem;
  width: 100%;
}
.col:last-child,
[class*="col-"]:last-child {
  margin-bottom: 0;
}
.col {
  flex-grow: 1;
  margin-bottom: 0;
  width: auto;
}
.col-1 {
  flex-grow: 0;
  margin-bottom: 0;
  width: 8.333333%;
}
.col-2 {
  flex-grow: 0;
  margin-bottom: 0;
  width: 16.666666%;
}
.col-3 {
  flex-grow: 0;
  margin-bottom: 0;
  width: 25%;
}
.col-4 {
  flex-grow: 0;
  margin-bottom: 0;
  width: 33.333333%;
}
.col-5 {
  flex-grow: 0;
  margin-bottom: 0;
  width: 41.666666%;
}
.col-6 {
  flex-grow: 0;
  margin-bottom: 0;
  width: 50%;
}
.col-7 {
  flex-grow: 0;
  margin-bottom: 0;
  width: 58.333333%;
}
.col-8 {
  flex-grow: 0;
  margin-bottom: 0;
  width: 66.666666%;
}
.col-9 {
  flex-grow: 0;
  margin-bottom: 0;
  width: 75%;
}
.col-10 {
  flex-grow: 0;
  margin-bottom: 0;
  width: 83.333333%;
}
.col-11 {
  flex-grow: 0;
  margin-bottom: 0;
  width: 91.666666%;
}
.col-12 {
  flex-grow: 0;
  margin-bottom: 0;
  width: 100%;
}
.col-stagger {
  align-self: flex-start;
  flex-grow: 0;
  margin-top: 4rem;
  margin-bottom: 0;
  width: 50%;
}
.col-stagger:nth-child(2) {
  margin-top: 0;
}
.col-stagger:nth-child(2n + 1) {
  margin-top: 15rem;
  margin-bottom: -11rem;
}
.col-stagger:first-child {
  margin-top: 11rem;
}
.col-stagger:nth-last-child(-n + 2) {
  margin-bottom: 0;
}
.offset-0 {
  margin-left: 0;
}
.offset-1 {
  margin-left: 8.333334%;
}
.offset-2 {
  margin-left: 16.666667%;
}
.offset-3 {
  margin-left: 25%;
}
.offset-4 {
  margin-left: 33.333334%;
}
.offset-5 {
  margin-left: 41.666667%;
}
.offset-6 {
  margin-left: 50%;
}
.offset-7 {
  margin-left: 58.333334%;
}
.offset-8 {
  margin-left: 66.666667%;
}
.offset-9 {
  margin-left: 75%;
}
.offset-10 {
  margin-left: 83.333334%;
}
.offset-11 {
  margin-left: 91.666667%;
}
.offset-12 {
  margin-left: 100%;
}
.mb-0 {
  margin-bottom: 0 !important;
}
.mb-1 {
  margin-bottom: 1rem !important;
}
.mb-2 {
  margin-bottom: 2rem !important;
}
.mb-3 {
  margin-bottom: 3rem !important;
}
.mb-4 {
  margin-bottom: 4rem !important;
}
.skiptocontent {
  position: fixed;
  top: 0;
  left: 0;
  overflow: hidden;
  z-index: 80;
  height: 1px;
  margin: -1px;
  padding: 0;
  width: 1px;
  white-space: nowrap;
  border: none;
  clip: rect(0 0 0 0);
  -webkit-clip-path: inset(50%);
  clip-path: inset(50%);
  transition: none;
}
.skiptocontent:focus {
  overflow: visible;
  height: auto;
  margin: 0;
  padding: 1rem 2rem;
  width: auto;
  white-space: normal;
  clip: auto;
  -webkit-clip-path: none;
  clip-path: none;
  background-color: #fff;
}
.main-header {
  display: none;
}
.mobile-header {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  z-index: 40;
  padding: 1rem 0;
  background-color: #127b7e;
}
.mobile-header .container {
  align-items: center;
  display: flex;
  justify-content: space-between;
}
.header-icon {
	width: 111px;
	left:0px;
	top:0px;
    position: absolute;
}
.header-top {
  position: relative;
  padding: 1rem 0;
  left: 110px;
  background-color: #127b7e;
}
.header-top-menu {
  margin-bottom: 2rem;
  font-size: 1.4rem;
  letter-spacing: -0.01em;
  line-height: 1.428571428571429em;
}
.header-top-menu::after {
  display: block;
  height: 0.1rem;
  margin-top: 2rem;
  width: 100%;
  background-color: rgba(189,195,205,0.6);
  content: '';
}
.header-top-menu:last-child {
  margin-bottom: 0;
}
.header-top-menu-item,
.header-top-menu li {
  padding: 0.5rem 0;
}
.header-top-menu-item:first-child,
.header-top-menu li:first-child {
  padding-top: 0;
}
.header-top-menu-item:last-child,
.header-top-menu li:last-child {
  padding-bottom: 0;
}
.mobile-nav .header-top-menu a {
	color: #fff;
	text-transform:none;
    font-weight: 600;
	font-size: 1.6rem;
}
.header-top-menu-link,
.header-top-menu a {
  display: block;
  font-weight: bold;
  text-transform: uppercase;
  font-size: 1.3rem;
  transition: color 0.2s ease-out;
}
.header-top-menu-link:hover,
.header-top-menu a:hover,
.header-top-menu-link:focus,
.header-top-menu a:focus {
  color: #f5c934;
}
.header-top-social {
  display: flex;
  margin-bottom: 2rem;
  font-size: 1.6rem;
}
.header-top-social:last-child {
  margin-bottom: 0;
}
.header-top-social-item {
  margin-right: 2rem;
}
.header-top-social-item:last-child {
  margin-right: 0;
}
.header-top-social-link {
  display: block;
  transition: color 0.2s ease-out;
}
.header-top-social-link .icon {
  height: 1em;
  width: auto;
}
.header-top-social-link:hover,
.header-top-social-link:focus {
  color: #f5c934;
}
.nav-button {
  display: block;
  margin-right: 1.5rem;
  font-size: 2rem;
  transition: color 0.2s ease-out;
}
.nav-button::before,
.nav-button::after {
  display: block;
  height: 0.2rem;
  width: 1em;
  background-color: #fff;
  content: '';
}
.nav-button:hover,
.nav-button:focus {
  color: #1770bb;
}
.nav-button:last-child {
  margin-right: 0;
}
.nav-button-bar {
  display: block;
  height: 0.2rem;
  margin: 0.25em 0;
  width: 1em;
  background-color: #fff;
}
.search-button {
  display: block;
  font-size: 2rem;
  transition: color 0.2s ease-out;
}
.search-button .icon, .close-button .icon {
  height: 1em;
  width: 1em;
}
.close-button {
	display:none;
	margin-right: 1.5rem;
	font-size: 2rem;
  transition: color 0.2s ease-out;
}
.search-button:hover,
.search-button:focus {
  color: #f5c934;
}
.search-form {
  position: absolute;
  top: 100%;
  right: 0;
  left: 0;
  z-index: 10;
  padding: 0.5rem 0;
  color: #5b5f66;
  
  font-size: 1.6rem;
  font-style: italic;
  line-height: 1.75em;
  background-color: #fff;
  opacity: 0;
  transition: opacity 0.2s ease-out, visibility 0.2s ease-out;
  visibility: hidden;
}
.search-form .container {
  align-items: stretch;
  display: flex;
}
.search-active .search-form {
  opacity: 1;
  visibility: visible;
}
.search-form-input {
  flex-grow: 1;
  height: 4rem;
  margin-right: 2rem;
  padding: 0.6rem 0;
}
.search-form-input:last-child {
  margin-right: 0;
}
.search-form-submit {
  display: block;
  font-size: 1.7rem;
  transition: color 0.2s ease-out;
}
.search-form-submit .icon {
  height: 1em;
  width: 1em;
}
.search-form-submit:hover,
.search-form-submit:focus {
  color: #f5c934;
}
.header-bottom {
  position: relative;
  padding-top: 1.4rem;
}
.scrolled .header-bottom {
  padding: 1rem 0;
  color: #5b5f66;
  background-color: #fff;
}
.header-logo-wrapper {
  position: relative;
  display: block;
  margin-right: auto;
}
.header-logo {
  display: block;
  height: 4rem;
}
.header-logo-title {
  display: none;
}
.header-menu {
  margin-bottom: 2rem;
  font-size: 1.6rem;
  letter-spacing: -0.01em;
  line-height: 1.538461538461539em;
}
.header-menu::after {
  display: block;
  height: 0.2rem;
  margin-top: 2rem;
  width: 30px;
  background-color: #fff;
  content: '';
}
.header-menu:last-child {
  margin-bottom: 0;
}
.header-menu-item {
  padding: 0.5rem 0;
}
.header-menu-item:first-child {
  padding-top: 0;
}
.header-menu-item:last-child {
  padding-bottom: 0;
}
.header-menu-link,
.header-submenu-link {
  display: block;
  color: #fff;
  transition: color 0.2s ease-out;
}

.scrolled .header-menu-link {
	color: #127b7e;
}
.scrolled .mobile-nav .header-menu-link {
  color: #fff; /* ou la couleur par défaut */
}

.scrolled .header-menu-link:hover, .scrolled .header-menu-link:focus {
    color: #127b7e;
}
.header-menu-link:hover,
.header-submenu-link:hover,
.header-menu-link:focus,
.header-submenu-link:focus {
  color: #fff;
}

.mobile-nav .header-menu-link:hover,
.mobile-nav .header-submenu-link:hover,
.mobile-nav .header-menu-link:focus,
.mobile-nav .header-submenu-link:focus {
  color: #f5c934;
}
.header-menu-link.active,
.header-submenu-link.active {
  position: relative;
}

.header-menu-link:hover::after,
.header-menu-link.active::after,
.header-submenu-link.active::after {
  content: "";
  position: absolute;
  bottom: -5px;
  left: 50%;
  transform: translateX(-50%);
  height: 0.5rem;
  width: 100%;
  max-width: 50px; /* limite la taille */
  background-color: #127b7e;
}
.header-menu-link {
  font-weight: 600;
}
.mobile-nav {
  position: fixed;
  top: 6rem;
  right: 0;
  bottom: 0;
  overflow: auto;
  padding: 2rem;
  padding-left: 6rem;
  padding-right: 6rem;
  min-width: 100%;
  background-color: #127b7e;
  opacity: 0;
  transition: opacity 0.2s ease-out, visibility 0.2s ease-out;
  visibility: hidden;
}
.nav-active .mobile-nav {
  opacity: 1;
  visibility: visible;
}
.cta-wrapper {
  display: none;
}
.header-cta {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  margin-top: 4rem;
  justify-content: space-between;
}
.header-cta:first-child {
  margin-top: 0;
}
.header-cta-item {
  margin-right: 1.5rem;
}
.header-cta-item:last-child {
  margin-right: 0;
}
.header-cta-link {
  display: block;
  transition: color 0.2s ease-out;
}
.header-cta-link:hover,
.header-cta-link:focus {
  color: #e6b00f;
}
.footer-top {
  padding-top: 7.5rem;
  font-size: 1.4rem;
  line-height: 1.875em;
}
.footer-menu {
  font-size: 1.3rem;
  line-height: 1.538461538461539em;
}
.footer-menu-item,
.footer-menu li {
  padding: 0.5rem 0;
}
.footer-menu-link,
.footer-menu a {
  border-bottom: 0.1rem solid transparent;
  transition: color 0.2s ease-out, border-color 0.2s ease-out;
}
.footer-menu-link:hover,
.footer-menu a:hover,
.footer-menu-link:focus,
.footer-menu a:focus {
  color: #000;
  border-bottom-color: #000;
}
.footer-bottom {
  padding: 3rem 0 4rem;
  text-align: center;
}
.footer-top + .footer-bottom {
  border-top: 0.1rem solid rgba(189,195,205,0.6);
}
.footer-bottom-text {
  display: block;
  font-size: 1.3rem;
  line-height: 1.538461538461539em;
  margin-bottom: 1rem;
}
.footer-bottom-text:last-child {
  margin-bottom: 0;
}
.footer-bottom-menu {
  margin-bottom: 1rem;
  font-size: 1.3rem;
  letter-spacing: -0.01em;
  line-height: 1.538461538461539em;
}
.footer-bottom-menu:last-child {
  margin-bottom: 0;
}
.footer-bottom-menu-item,
.footer-bottom-menu li {
  padding: 0.5rem 0;
}
.footer-bottom-menu-link,
.footer-bottom-menu a {
  border-bottom: 0.1rem solid transparent;
  transition: color 0.2s ease-out, border-color 0.2s ease-out;
}
.footer-bottom-menu-link:hover,
.footer-bottom-menu a:hover,
.footer-bottom-menu-link:focus,
.footer-bottom-menu a:focus {
  color: #127b7e;
  border-bottom-color: #127b7e;
}
.footer-bottom-social {
  display: flex;
  margin-bottom: 0;
  font-size: 1.6rem;
}
.footer-bottom-social-item {
  margin-right: 2rem;
}
.footer-bottom-social-item:last-child {
  margin-right: 0;
}
.footer-bottom-social-link {
  display: block;
  color: #1770bb;
  transition: color 0.2s ease-out;
}
.footer-bottom-social-link .icon {
  height: 1em;
  width: auto;
}
.footer-bottom-social-link:hover,
.footer-bottom-social-link:focus {
  color: #5b5f66;
}
.footer-band {
  position: relative;
  z-index: 0;
  padding: 2rem 0;
  color: #127b7e;
  font-weight: 600;
}
.footer-band::before {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 50%;
  z-index: -10;
  width: 100vw;
  transform: translate3d(-50%, 0, 0);
  background-color: inherit;
  content: '';
}
.footer-band-image {
  margin: 0 auto 2rem;
  text-align: center;
}
.footer-band-image:last-child {
  margin-bottom: 0;
}
.button,
.button1,
.button2,
.button3,
.button4,
.button5,
.button-alt,
.button1-alt,
.button2-alt,
.button3-alt,
.button4-alt,
.button5-alt {
  display: inline-block;
  max-width: 100%;
  padding: 0.6rem 3rem;
  font-size: 1.5rem;
  font-weight: 700;
  letter-spacing: -0.025em;
  line-height: 1.866666666666667em;
  text-align: center;
  color: #000;
  border: 0.2rem solid #127b7e;
  border-radius: 0.2rem;
  transition: color 0.2s ease-out, background-color 0.2s ease-out, border-color 0.2s ease-out;
}
.button:hover,
.button1:hover,
.button2:hover,
.button3:hover,
.button4:hover,
.button5:hover,
.button1-alt:hover,
.button2-alt:hover,
.button3-alt:hover,
.button4-alt:hover,
.button5-alt:hover,
.button:focus,
.button1:focus,
.button2:focus,
.button3:focus,
.button4:focus,
.button5:focus,
.button-alt:focus,
.button1-alt:focus,
.button2-alt:focus,
.button3-alt:focus,
.button4-alt:focus,
.button5-alt:focus {
  color: #fff;
  background-color: #f5c934;
  border-color: #f5c934;
}
.button-alt:hover {
	color: #fff !important;
	background-color: #127b7e;
  border-color: #127b7e;
}
.button1,
.button1-alt {
  color: #000;
}
.button1:hover,
.button1-alt:hover,
.button1:focus,
.button1-alt:focus {
  background-color: #127b7e;
  border-color: #127b7e;
}
.button2,
.button2-alt {
  color: #000;
}
.button2:hover,
.button2-alt:hover,
.button2:focus,
.button2-alt:focus {
  background-color: #127b7e;
  border-color: #127b7e;
}
.button3,
.button3-alt {
  color: #e6b00f;
}
.button3:hover,
.button3-alt:hover,
.button3:focus,
.button3-alt:focus {
  background-color: #e6b00f;
  border-color: #e6b00f;
}
.button4,
.button4-alt {
  color: #000;
  border: 0.2rem solid #f5c934;
}
.button4:hover,
.button4-alt:hover,
.button4:focus,
.button4-alt:focus {
  background-color: #f5c934;
  border-color: #f5c934;
}
.button5,
.button5-alt {
  color: #fff;
}
.button5:hover,
.button5-alt:hover,
.button5:focus,
.button5-alt:focus {
  background-color: #fff;
  border-color: #fff;
	color: #127b7e;
}
.button1-alt {
  border-color: rgba(23,112,187,0.6);
}
.button2-alt {
    border-color: #127b7e;
    color: #fff;
}
.button3-alt {
  border-color: rgba(230,176,15,0.6);
}
.button4-alt {
  border-color: rgba(115,172,64,0.6);
}
.button5-alt {
  border-color: #fff;
}
.button-alt {
  background-color: #fff;
}
.mt-4 {
	    margin-top: 4rem;
}
.quote,
.quote2,
.quote3,
.quote4,
.quote5 {
  
  font-size: 3rem;
  font-style: italic;
  letter-spacing: -0.025em;
  line-height: 1.3em;
}
.quote::before,
.quote2::before,
.quote3::before,
.quote4::before,
.quote5::before {
  display: block;
  font-family: 'Times New Roman', Times, serif;
  font-size: 14rem;
  font-style: normal;
  letter-spacing: -0.05em;
  line-height: 0.785714285714286em;
  transform: rotate3d(1, 0, 0, 180deg) translate3d(0, 0.125em, 0);
  content: '\201C';
}
.quote::before {
  color: #1770bb;
}
.quote2::before {
  color: #17aabb;
}
.quote3::before {
  color: #e6b00f;
}
.quote4::before {
  color: #73ac40;
}
.quote5::before {
  color: #759ca1;
}
.number-title {
  margin-bottom: 0;
  font-size: 1.8rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: -0.025em;
  line-height: 1em;
}
.number {
  font-size: 4rem;
  font-weight: 600;
  letter-spacing: -0.025em;
}
.chiffres-cle-icon {
	width: 65px;
	margin-bottom: 20px;
}
.image-card {
  display: flex;
}
.image-card-image-wrapper {
  position: relative;
  display: block;
  flex-shrink: 0;
  margin: 0 -100% 0 0;
  width: 100%;
}
.image-card-image-wrapper::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-image: linear-gradient(transparent 3.5rem, rgba(0,0,0,0.5));
  content: '';
}
.image-card-image {
  display: block;
  min-height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  font-family: 'object-fit: cover';
}
.image-card-content {
  position: relative;
  align-self: flex-end;
  flex-shrink: 0;
  padding: 2.6rem 3rem;
  width: 100%;
  color: #fff;
  font-size: 1.5rem;
  font-weight: 600;
  line-height: 1.733333333333333em;
  text-align: center;
}
.image-card-title {
  display: block;
  margin-bottom: 0;
  
  font-size: 3.4rem;
  font-style: italic;
  font-weight: 700;
  letter-spacing: -0.025em;
  line-height: 1.411764705882353em;
}
.image-block {
  position: relative;
  z-index: 0;
  display: block;
  margin: 8rem 0;
  background-color: #f8f7f5;
}
.image-block::before {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 50%;
  z-index: -10;
  width: 100vw;
  background-color: inherit;
  transform: translate3d(-50%, 0, 0);
  content: '';
}
.image-block:first-child {
  margin-top: 0;
}
.image-block:last-child {
  margin-bottom: 0;
}
.image-block-image-wrapper {
  position: relative;
  left: 50%;
  overflow: hidden;
  display: block;
  margin-bottom: 0;
  width: 100vw;
  transform: translate3d(-50%, 0, 0);
}
.image-block-image {
  display: block;
  width: 100%;
  transition: transform 0.2s ease-out;
}
a:hover .image-block-image,
a:focus .image-block-image {
  transform: scale3d(1.08, 1.08, 1);
}
.image-block-content {
  position: relative;
  z-index: 0;
  padding: 3rem 0;
  font-size: 1.5rem;
  line-height: 2.266666666666667em;
}
.image-block-content .text-title,
.image-block-content p {
  margin-bottom: 3rem;
}
.image-block-content .text-title:last-child,
.image-block-content p:last-child {
  margin-bottom: 0;
}
.breadcrumb {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 2rem;
  padding: 2rem 0;
  font-size: 1.3rem;
  line-height: 1.538461538461539em;
}
.breadcrumb:first-child {
  margin-top: -8rem;
}
.breadcrumb:last-child {
  margin-bottom: 0;
}
.breadcrumb-item {
  margin-right: 2.2rem;
}
.breadcrumb-item::before {
  content: '> ';
}
.section .breadcrumb-item {
  padding-left: 0;
}
.section .breadcrumb-item::before {
  display: inline;
  margin-left: 0;
  width: auto;
  color: inherit;
  font-weight: 400;
  content: '> ';
}
.breadcrumb-item:first-child::before {
  content: none;
}
.breadcrumb-link {
  color: #5b5f66;
  border-bottom: 0.1rem solid transparent;
  transition: border-bottom-color 0.2s ease-out;
}
.breadcrumb-link:hover,
.breadcrumb-link:focus {
  border-bottom-color: currentColor;
}
.carousel {
  position: relative;
  z-index: 0;
  margin: 4rem 0;
}
.carousel:first-child {
  margin-top: 0;
}
.carousel:last-child {
  margin-bottom: 0;
}
.carousel-inner-wrapper {
  overflow: hidden;
  margin-bottom: 2rem;
}
.carousel-inner-wrapper:first-child {
  margin-top: 0;
}
.carousel-inner-wrapper:last-child {
  margin-bottom: 0;
}
.carousel-inner {
  display: flex;
  transition: transform 0.3s ease-out;
}
.carousel-item {
  flex-shrink: 0;
  margin-right: 3rem;
  width: 100%;
}
.carousel-item:last-child {
  margin-right: 0;
}
.carousel-image-wrapper {
  position: relative;
  overflow: hidden;
  display: block;
  margin-bottom: 2rem;
  padding-bottom: 73.33333333333333%;
  border-radius: 0.2rem;
}
.carousel-image-wrapper:last-child {
  margin-bottom: 0;
}
.carousel-image {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  font-family: 'object-fit: cover';
  border-radius: inherit;
  transition: transform 0.2s ease-out;
}
a:hover .carousel-image,
a:focus .carousel-image {
  transform: scale3d(1.08, 1.08, 1);
}
.carousel-content {
  font-size: 1.5rem;
  line-height: 1.866666666666667em;
}

.carousel-news .carousel-item:nth-child(1),
.carousel-news .carousel-item:nth-child(3),
.carousel-news .carousel-item:nth-child(4),
.carousel-news .carousel-item:nth-child(6),
.carousel-news .carousel-item:nth-child(7),
.carousel-news .carousel-item:nth-child(9) {
  margin-top: 3rem;
}

.text-black {
  color: #000;
}

.carousel-title {
  margin-bottom: 0;
  font-size: 2.2rem;
  font-weight: 600;
  line-height: 1.272727272727273em;
}
.carousel-title a {
  transition: color 0.2s ease-out;
  color: #000;
}
.carousel-title a:hover,
.carousel-title a:focus {
  color: #1770bb;
}
#content .carousel-title a:not([class]) {
  text-decoration: none;
}
.carousel-controls {
  align-items: center;
  display: flex;
  justify-content: center;
  margin: 6rem 0;
}
.carousel-controls:first-child {
  margin-top: 0;
}
.carousel-controls:last-child {
  margin-bottom: 0;
}
.carousel-prev,
.carousel-next {
  align-items: center;
  display: flex;
  height: 3rem;
  justify-content: center;
  width: 3rem;
  font-size: 1.1rem;
  border-radius: 50%;
  transition: transform 0.2s ease-out;
}
.carousel-prev .icon,
.carousel-next .icon {
  height: auto;
  width: 2em;
}
.carousel-prev:hover,
.carousel-next:hover,
.carousel-prev:focus,
.carousel-next:focus {
  transform: scale3d(1.4583333333333333, 1.4583333333333333, 1);
}
.carousel-prev {
  margin-right: 6rem;
  fill: #127b7e;
  left: 0;
}
.carousel-prev:last-child {
  margin-right: 0;
}
.carousel-next {
  right: 0;
  fill: #127b7e;
}
.carousel-nav {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin: 2rem 0;
  text-align: center;
}
.carousel-nav:first-child {
  margin-top: 0;
}
.carousel-nav:last-child {
  margin-bottom: 0;
}
.carousel-bullet {
  align-items: center;
  display: flex;
  height: 2.5rem;
  justify-content: center;
  color: #000;
  width: 2.5rem;
  margin: 0.5rem;
  font-size: 1.6rem;
  font-weight:400;
  line-height: 1.466666666666667em;
  border-bottom: 0.3rem solid transparent;
  transition: color 0.2s ease-out, border-bottom-color 0.2s ease-out;
}
.carousel-bullet:hover,
.carousel-bullet:focus,
.carousel-bullet.active {
  border-bottom-color: currentColor;
}
.carousel-bullet.active {
  color: #1770bb;
}
.home-carousel {
  margin: 0;
  color: #fff;
}
.home-carousel .container {
  position: static;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  margin-bottom: 0;
  min-height: 100vh;
  padding-top: 12rem;
  padding-bottom: 6rem;
}
.home-carousel .container::before {
  flex: 1;
  content: '';
}
.home-carousel .carousel-item {
  display: flex;
  margin-right: -100%;
  width: 100%;
  opacity: 0;
  transition: opacity 0.2s ease-out, visibility 0.2s ease-out;
  visibility: hidden;
}
.home-carousel .carousel-item.active {
  opacity: 1;
  visibility: visible;
}
.home-carousel .carousel-image-wrapper {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: -10;
  margin-bottom: 0;
  padding-bottom: 0;
  border-radius: 0;
}
.home-carousel .carousel-image-wrapper::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(0,0,0,0.2);
  content: '';
}
.home-carousel .carousel-content {
  width: 100%;
}
.home-carousel .carousel-title {
  flex: 1;
  margin: 4rem 0;
  font-size: 5.5rem;
  font-weight: 700;
  letter-spacing: -0.025em;
  line-height: 0.8em;
  text-align: center;
}
.home-carousel .carousel-subtitle {
  display: block;
  color: #f5c934;
  font-size: 3rem;
  font-weight: 400;
  letter-spacing: -0.025em;
  line-height: 1em;
}
.home-carousel .carousel-text {
  display: block;
  color: #fff;
  font-family: 'Montserrat', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-size: 1.8rem;
  font-style: normal;
  font-weight: 600;
  letter-spacing: -0.01em;
  line-height: 1.666666666666667em;
}
.home-carousel .carousel-controls {
  margin: 0;
}
.home-carousel .carousel-prev,
.home-carousel .carousel-next {
  position: absolute;
  bottom: 3rem;
  transform: translate3d(0, 50%, 0);
  background-color: transparent;
  border: 0.2rem solid #fff;
}
.home-carousel .carousel-prev:hover,
.home-carousel .carousel-next:hover,
.home-carousel .carousel-prev:focus,
.home-carousel .carousel-next:focus {
  color: #5b5f66;
  background-color: #fff;
}
.home-carousel .carousel-prev {
  left: 2rem;
  right: auto;
}
.home-carousel .carousel-next {
  right: 2rem;
  left: auto;
}
.carousel-biens {
  z-index: 10;
  margin-bottom: 0;
  margin-left: -3rem;
}
/*.carousel-biens::before {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 50%;
  z-index: -10;
  width: 100vw;
  transform: translate3d(-50%, 0, 0);
  content: '';
}*/
.section .carousel-biens:last-child {
  margin-bottom: -8rem;
}
.carousel-biens .carousel-inner-wrapper {
  position: relative;
  width: calc(100% + 2rem);
}
/*.carousel-biens .carousel-inner-wrapper::before {
  position: absolute;
  top: 0;
  right: 100%;
  bottom: 0;
  z-index: 10;
  width: calc(100vw - 100%);
  content: '';
}*/
.carousel-biens .carousel-inner {
  position: relative;
}
.carousel-biens .carousel-item {
  position: relative;
  display: flex;
  width: 100%;
}
/*.carousel-biens .carousel-item::before {
  position: absolute;
  top: 0;
  right: 100%;
  bottom: 0;
  width: 3rem;
  background-color: #fff;
  content: '';
}*/
.carousel-biens .carousel-item.active {
  box-shadow: 0 2rem 2.6rem -2.6rem rgba(0,0,0,0.6);
  transition: box-shadow 0.2s ease-out 0.2s;
}
.carousel-biens .carousel-image-wrapper {
  flex-shrink: 0;
  margin: 0 -100% 0 0;
  padding-bottom: 138.70967741935485%;
  width: 100%;
}
.carousel-biens .carousel-image-wrapper::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-image: linear-gradient(transparent 3.5rem, rgba(0,0,0,0.3));
  content: '';
}
.carousel-biens .carousel-content {
  position: relative;
  align-self: flex-end;
  flex-shrink: 0;
  padding: 4rem;
  width: 100%;
  color: #fff;
  text-align: center;
}
.carousel-biens .carousel-title {
  font-size: 2.4rem;
  line-height: 1.166666666666667em;
}
.carousel-realisations .carousel-item {
  display: flex;
}
.carousel-realisations .carousel-image-wrapper {
  flex-shrink: 0;
  margin: 0 -100% 0 0;
  padding-bottom: 62%;
  width: 100%;
}
.carousel-realisations .carousel-image-wrapper::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-image: linear-gradient(transparent 3.5rem, rgba(0,0,0,0.5));
  content: '';
}
.carousel-realisations .carousel-content {
  position: relative;
  align-self: flex-end;
  flex-shrink: 0;
  padding: 2.6rem 3rem;
  width: 100%;
  color: #fff;
  text-align: center;
}
.carousel-realisations .carousel-title {
  margin-bottom: 2rem;
  letter-spacing: -0.025em;
}
.carousel-realisations .carousel-title:last-child {
  margin-bottom: 0;
}
.banner {
  display: flex;
}
.banner-background-wrapper {
  position: relative;
  z-index: 0;
  flex-shrink: 0;
  margin: 0 -100% 0 0;
  width: 100%;
}
.banner-background-wrapper::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(0,0,0,0.2);
  content: '';
}
.banner-background-wrapper:empty {
  padding-bottom: 32.210834553440705%;
}
.banner-background {
  display: block;
  height: 37rem;
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  font-family: 'object-fit: cover';
}
.banner-content {
  align-self: center;
  flex-shrink: 0;
  padding: 12rem 0 6rem;
  width: 100%;
  color: #fff;
}
.banner-title {
  display: block;
  margin-bottom: 0;
  font-size: 4rem;
  letter-spacing: -0.01em;
  line-height: 1em;
}
.banner-title b,
.banner-title strong,
.banner-title .bold {
  display: block;
  
  font-size: 4.5rem;
  font-style: italic;
  font-weight: 700;
  letter-spacing: normal;
}
.banner-subtitle {
  display: block;
  color: #b3c9e4;
  
  font-size: 3rem;
  font-style: italic;
  font-weight: 400;
  letter-spacing: -0.025em;
  line-height: 1em;
}
.banner-text {
  display: block;
  color: #b3c9e4;
  font-family: 'Montserrat', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-size: 1.8rem;
  font-style: normal;
  font-weight: 600;
  letter-spacing: -0.01em;
  line-height: 1.666666666666667em;
}
.banner-menu {
  position: relative;
  flex: 1;
  font-size: 1.6rem;
  line-height: 1em;
  text-align: center;
}
.banner-menu-item {
  margin: 0.2rem;
}
.banner-menu-link {
  display: block;
  padding: 1rem 3rem;
  font-weight: bold;
  border: 0.1rem solid #127b7e;
  text-transform: uppercase;
  transition: color 0.2s ease-out, border-color 0.2s ease-out;
}
.banner-menu-link:hover,
.banner-menu-link:focus {
  color: #fff;
  background-color: #127b7e;
}
.home-banner .banner-content {
  align-self: stretch;
}
.home-banner .banner-content .container {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
}
.home-banner .banner-content .container::before {
  flex: 1;
  content: '';
}
.home-banner .banner-title {
  flex: 1;
  margin: 4rem 0;
  
  font-size: 5.5rem;
  font-style: italic;
  font-weight: 700;
  letter-spacing: -0.025em;
  line-height: 0.8em;
  text-align: center;
}
.form {
  display: block;
}
.form .row {
  margin-top: 0;
}
.form .row:not(.form-field) {
  margin-bottom: 0;
}
.form-field {
  margin-bottom: 1.5rem;
}
.form-field:last-child {
  margin-bottom: 0;
}
.form-label {
  position: absolute;
  overflow: hidden;
  height: 1px;
  margin: -1px;
  padding: 0;
  width: 1px;
  white-space: nowrap;
  border: none;
  clip: rect(0 0 0 0);
  -webkit-clip-path: inset(50%);
  clip-path: inset(50%);
}
.form-input {
  display: block;
  height: 7.2rem;
  padding: 1.3rem 3rem;
  width: 100%;
  
  font-size: 2.6rem;
  font-style: italic;
  line-height: 1.692307692307692em;
  border: 0.1rem solid #127b7e;
  border-radius: 0.5rem;
}
.form-input::placeholder {
  color: #bdc3cd;
}
textarea.form-input {
  height: 16rem;
}
.form-submit {
  display: block;
  width: 100%;
}
.checkbox {
  position: relative;
  display: block;
  
  font-size: 1.6rem;
  font-style: italic;
  line-height: 1.5em;
}
.checkbox-input {
  position: absolute;
  top: 2.5rem;
  left: 1.25rem;
  overflow: hidden;
  height: 1px;
  margin: -1px;
  padding: 0;
  width: 1px;
  white-space: nowrap;
  border: none;
  clip: rect(0 0 0 0);
  -webkit-clip-path: inset(50%);
  clip-path: inset(50%);
  background-image: url("images/icones/check.svg");
}
.checkbox-text {
  display: block;
  padding-left: 3.8rem;
  font-size: 1.3rem;
  color: #000;
}
.checkbox-text::before {
  display: inline-block;
  height: 2.5rem;
  margin: -100% 1.3rem -100% -3.8rem;
  width: 2.5rem;
  vertical-align: middle;
  background: center/1.1rem 0.8rem no-repeat;
  border: 0.1rem solid #127b7e;
  content: '';
}
.checkbox-input:checked ~ .checkbox-text::before {
  background-image: url("images/icones/check.svg");
}
.radio {
  position: relative;
  display: block;
  font-size: 1.5rem;
  line-height: 1.333333333333333em;
}
.radio-input {
  position: absolute;
  top: 1.1rem;
  left: 0.55rem;
  overflow: hidden;
  height: 1px;
  margin: -1px;
  padding: 0;
  width: 1px;
  white-space: nowrap;
  border: none;
  clip: rect(0 0 0 0);
  -webkit-clip-path: inset(50%);
  clip-path: inset(50%);
}
.radio-text {
  display: block;
  padding-left: 2.2rem;
}
.radio-text::before {
  display: inline-block;
  height: 1.1rem;
  margin: 0 1.1rem 0 -2.2rem;
  width: 1.1rem;
  background-color: currentColor;
  box-shadow: 0 0 0 1rem #fff inset;
  border: 0.1rem solid currentColor;
  border-radius: 50%;
  content: '';
}
.radio-input:checked ~ .radio-text::before {
  box-shadow: 0 0 0 0.2rem #fff inset;
}
.filter-form {
  display: block;
  margin: 0;
}
.filter-form:first-child {
  margin-top: 0;
}
.filter-form:last-child {
  margin-bottom: 0;
}
.filter-switch {
  margin-bottom: 0.1rem;
}
.filter-switch:last-child {
  margin-bottom: 0;
}
.filter-switch-item {
  position: relative;
  display: block;
  margin-bottom: 0.1rem;
  color: #fff;
  font-size: 1.7rem;
  font-weight: 700;
  letter-spacing: -0.025em;
  line-height: 1.647058823529412em;
  text-align: center;
  cursor: pointer;
}
.filter-switch-item:last-child {
  margin-bottom: 0;
}
.filter-switch-item-input {
  position: absolute;
  top: 5rem;
  left: 50%;
  overflow: hidden;
  height: 1px;
  margin: -1px;
  padding: 0;
  width: 1px;
  white-space: nowrap;
  border: none;
  clip: rect(0 0 0 0);
  -webkit-clip-path: inset(50%);
  clip-path: inset(50%);
}
.filter-switch-item-text {
  position: relative;
  align-items: center;
  display: flex;
  height: 5rem;
  justify-content: center;
  background-color: #127b7e;
  border-radius: 0.2rem;
  transition: background-color 0.2s ease-out;
}
.filter-switch-item-input:checked ~ .filter-switch-item-text {
  z-index: 10;
}
.filter-switch-item-input:checked ~ .filter-switch-item-text::after {
  position: absolute;
  top: 100%;
  left: 50%;
  color: #127b7e;
  border: 0.7rem solid transparent;
  border-top-color: currentColor;
  transform: translate3d(-50%, 0, 0);
  content: '';
  transition: color 0.2s ease-out;
}
.filter-switch-item:nth-child(2n) .filter-switch-item-text {
  background-color: #f5c934;
}
.filter-switch-item:nth-child(2n) .filter-switch-item-text::after {
  color: #f5c934 !important;
}

.filter-switch-item:hover .filter-switch-item-text::after,
.filter-switch-item-input:focus ~ .filter-switch-item-text::after {
  color: #127b7e;
}
.filter-fieldset {
  display: none;
}
.filter-fieldset:only-of-type,
.filter-fieldset.active {
  overflow: hidden;
  display: flex;
  flex-wrap: wrap;
  border-radius: 0.5rem;
  gap: 5px;
}
.filter-field {
  display: block;
  flex-grow: 1;
  margin: 1px;
  border: 0.1rem solid #127b7e;
}
.filter-label {
  position: absolute;
  overflow: hidden;
  height: 1px;
  margin: -1px;
  padding: 0;
  width: 1px;
  white-space: nowrap;
  border: none;
  clip: rect(0 0 0 0);
  -webkit-clip-path: inset(50%);
  clip-path: inset(50%);
}
.filter-input {
  display: block;
  height: 5rem;
  padding: 1.3rem 2.4rem;
  width: 100%;
  font-size: 1.5rem;
  line-height: 1.6em;
  background-color: #fff;
}
.filter-wrapper.acheter  {
	background: #fef6e1;
}
.filter-field.acheter {
	border: 0.1rem solid #f5c934;
}
select.filter-input {
  padding-right: 5.4rem;
  background: #fff url("images/icones/select.svg") right 2.4rem center/1.7rem 0.9rem no-repeat;
  -webkit-appearance: none;
          appearance: none;
}
select.filter-input.acheter {
	background: #fff url("images/icones/select-jaune.svg") right 2.4rem center/1.7rem 0.9rem no-repeat;
}
select.filter-input::-ms-expand {
  display: none;
}
.filter-submit {
  display: block;
  width: 100%;
  margin: 1px;
}
.inline-filter {
  margin-bottom: 6rem;
  padding-bottom: 1rem;
  border-bottom: 0.1rem solid #e2e2e2;
}
.inline-filter:last-child {
  margin-bottom: 0;
}
.inline-filter .checkbox,
.inline-filter .radio {
  margin-right: 6rem;
}
.inline-filter .checkbox:last-child,
.inline-filter .radio:last-child {
  margin-right: 0;
}
.inline-filter-label {
  margin-bottom: 1rem;
  
  font-size: 2rem;
  font-style: italic;
  font-weight: 700;
  line-height: 1em;
}
.inline-filter-label:last-child {
  margin-bottom: 0;
}
.map-wrapper {
  margin: 4rem 0;
}
.map-wrapper:first-child {
  margin-top: 0;
}
.map-wrapper:last-child {
  margin-bottom: 0;
}
.map-sidebar {
  display: none;
}
.section .map-sidebar-menu-item {
  padding-left: 0;
}
.section .map-sidebar-menu-item::before {
  content: none;
}
.map {
  position: relative;
  z-index: 0;
  max-height: calc(100vh - 6rem);
  height: 54rem;
}
.map.map-small {
  height: 46rem;
}
.leaflet-bar {
  box-shadow: none;
}
.leaflet-bar a,
.leaflet-bar a:hover {
  height: 3.6rem;
  margin-bottom: 0.1rem;
  width: 3.6rem;
  color: #fff;
  line-height: 3.6rem;
  background-color: rgba(0,0,0,0.68);
  transition: background-color 0.2s ease-out, opacity 0.2s ease-out;
}
.leaflet-bar a:last-child {
  margin-bottom: 0;
}
.leaflet-bar a:hover,
.leaflet-bar a:focus {
  background-color: #17aabb;
}
.leaflet-bar a.leaflet-disabled {
  color: #fff;
  background-color: rgba(0,0,0,0.68);
  opacity: 0.5;
}
.leaflet-touch .leaflet-bar a:first-child {
  border-top-left-radius: 0.5rem;
  border-top-right-radius: 0.5rem;
}
.leaflet-touch .leaflet-bar a:last-child {
  border-bottom-left-radius: 0.5rem;
  border-bottom-right-radius: 0.5rem;
}
.news-highlight,
.news-detail-intro {
  margin-bottom: 8rem;
}
.news-detail-intro .title::after {
	content: none;
}
.news-highlight:last-child,
.news-detail-intro:last-child {
  margin-bottom: 0;
}
.news-highlight {
  margin-bottom: 8rem;
}
.news-detail-intro {
  margin-bottom: 6rem;
}
.news-detail-intro + .content {
  max-width: none;
}


@media (min-width: 1280px) {
  .news-detail-intro + .content {
    margin-top: 18rem;
  }
}

@media (min-width: 1400px) {
  .news-detail-intro + .content {
    margin-top: 22rem; /* ajuste la valeur si besoin */
  }
}

@media (min-width: 1600px) {
  .news-detail-intro + .content {
    margin-top: 33rem; /* ajuste la valeur si besoin */
  }
}

@media (min-width: 2000px) {
  .news-detail-intro + .content {
    margin-top: 48rem; /* ajuste la valeur si besoin */
  }
}

.news-highlight-image-wrapper,
.news-detail-intro-image-wrapper {
  overflow: hidden;
  display: block;
  margin-bottom: 0;
}
.news-highlight-image,
.news-detail-intro-image {
  display: block;
  width: 100%;
  transition: transform 0.2s ease-out;
}
a:hover .news-highlight-image,
a:hover .news-detail-intro-image,
a:focus .news-highlight-image,
a:focus .news-detail-intro-image {
  transform: scale3d(1.08, 1.08, 1);
}
.news-highlight-content,
.news-detail-intro-content {
  padding: 2rem 3rem;
  background-color: #f8f7f5;
}
.news-highlight-title {
  color: #000;
  font-size: 2.6rem;
  font-style: italic;
  font-weight: 700;
  line-height: 1.538461538461539em;
}
.news-detail-intro-title {
  max-width:60rem;
  font-size: 2.5rem;
  font-style: italic;
  font-weight: 700;
  line-height: 1.333333333333333em;
  color: #000;
}
.news-highlight-excerpt {
  font-size: 1.5rem;
  line-height: 2.4em;
  color: #000;
}
.news-highlight-button {
  display: block;
  margin-top: 5rem;
  padding: 1rem 3rem;
  width: 25rem;
}
.news-item {
  margin-top: 8rem;
}
.news-item:first-child {
  margin-top: 0;
}
.news-item-image-wrapper {
  overflow: hidden;
  display: block;
  margin-bottom: 2rem;
}
.news-item-image-wrapper:last-child {
  margin-bottom: 0;
}
.news-item-image {
  display: block;
  width: 100%;
  transition: transform 0.2s ease-out;
}
a:hover .news-item-image,
a:focus .news-item-image {
  transform: scale3d(1.08, 1.08, 1);
}
.news-title {
  font-size: 2.2rem;
  font-weight: 700;
  line-height: 1.363636363636364em;
}
.news-title a:hover {
	color: #f5c934;
}
#content .news-title a:not([class]) {
  text-decoration: none;
  border-bottom: 0.1rem solid transparent;
  transition: border-color 0.2s ease-out;
}
#content .news-title a:not([class]):hover,
#content .news-title a:not([class]):focus {
  border-color: currentColor;
}
.back-button {
  align-items: center;
  display: flex;
  justify-content: center;
  margin-bottom: 1rem;
  color: #000;
  font-size: 3rem;
}
.back-button svg { width: 24px; fill: #127b7e;; }
.back-button .icon {
  height: 1em;
  width: auto;
}
.back-button:hover svg,
.back-button:focus svg {
  fill: #e6b00f;
}
.back-button:last-child {
  margin-bottom: 0;
}
.result-wrapper {
  margin: 0;
  margin-bottom: 5rem;
}
.result-wrapper:after {
  clear: both;
  display: table;
  content: '';
}
.result-wrapper:first-child {
  margin-top: 0;
}
.result-wrapper:last-child {
  margin-bottom: 0;
}
.result-map-wrapper {
  position: relative;
  left: 50%;
  margin-bottom: 4rem;
  width: 100vw;
  transform: translate3d(-50%, 0, 0);
}
.result-map-wrapper:last-child {
  margin-bottom: 0;
}
.result-map-close {
  position: absolute;
  top: 3rem;
  left: 3rem;
  z-index: 1000;
  align-items: center;
  display: flex;
  height: 5.4rem;
  justify-content: center;
  width: 5.4rem;
  font-size: 2.5rem;
  background-color: #fff;
  border-radius: 50%;
  box-shadow: 0 0.3rem 0.8rem rgba(0,0,0,0.3);
  transition: color 0.2s ease-out, background-color 0.2s ease-out;
}
.result-map-close .icon {
  height: 1em;
  width: 1em;
}
.result-map-close:hover,
.result-map-close:focus {
  color: #fff;
  background-color: #17aabb;
}
.result-actions {
  margin-bottom: 3rem;
  text-align: center;
}
.result-actions:last-child {
  margin-bottom: 0;
}
.result-count {
  margin-bottom: 2rem;
  font-size: 1.6rem;
  color: #127b7e;
  line-height: 1.5625em;
  text-align: center;
}
.result-count:last-child {
  margin-bottom: 0;
}
.result-number {
  display: block;
  
  font-size: 2em;
  font-style: italic;
}
.result-button {
  display: block;
  margin-top: 1rem;
  width: 100%;
}
.result-button:first-child {
  margin-top: 0;
}
.result-map-wrapper:not([hidden]) ~ .result-list .result-button[data-toggle="result-map"] {
  display: none;
}
.result-item {
  margin-top: 10rem;
}
.result-item:first-child {
  margin-top: 0;
}
.result-item-image-wrapper {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding-bottom: 69.56521739130434%;
}
.corner-icon {
  position: absolute;
    bottom: 20px;
    right: 20px;
    width: 34px;
    height: 34px;
}
.result-item-image {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  font-family: 'object-fit: cover';
  transition: transform 0.2s ease-out;
}
a:hover .result-item-image,
a:focus .result-item-image {
  transform: scale3d(1.08, 1.08, 1);
}
.result-item-content {
  padding-top: 2rem;
  font-size: 1.5rem;
  line-height: 1.866666666666667em;
}
.result-infos,
.result-item-infos {
  position: relative;
}
/*.result-infos::after,
.result-item-infos::after {
  position: absolute;
  top: 100%;
  left: 0;
  height: 0.3rem;
  width: 3.2rem;
  background-color: #127b7e;
  content: '';
}*/
.result-infos:last-child,
.result-item-infos:last-child {
  margin-bottom: 0;
}
.result-item-infos {
  display: flex;
  justify-content: space-between;
}
.result-item-category {
  display: block;
  font-size: 1.3rem;
  font-weight: 600;
  color: #127b7e;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  line-height: 1.3em;
}
.result-item-category::after {
    display: block;
    height: 0.4rem;
    margin-top: 0.5em;
    width: 3.2rem;
    background-color: #127b7e;
    content: '';
}




.result-category {
  display: block;
  font-size: 1.5rem;
  font-weight: 600;
  color: #000;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  line-height: 1.3em;
}
.result-category::after {
    display: block;
    height: 0.4rem;
    margin-top: 1em;
    width: 4.2rem;
    background-color: #127b7e;
    content: '';
}

/*.result-category::after,
.result-item-category::after {
  display: block;
  height: 0.1rem;
  margin-top: 1.5rem;
  width: 6.5rem;
  background-color: #e2e2e2;
  content: '';
}*/

.result-location,
.result-item-location {
  display: flex;
    align-items: center;
  margin-bottom: 1rem;
    font-size: 1.5rem;
    line-height: 1.6em;
}
.result-location::before,
.result-item-location::before {
    flex: 0 0 2.7rem;        /* largeur fixe de l’icône */
    height: 3rem;
    margin-right: 1rem;
    background: url(/template/tarnhabitat-2025/img/picto-situation2.svg) center / contain;
    background-repeat: no-repeat;
    content: '';
}
.result-location:last-child,
.result-item-location:last-child {
  margin-bottom: 0;
}
.result-item-location {
  font-size: 1.8rem;
  line-height: 1.388888888888889em;
}
.result-item-infos .result-item-location {
  margin: 0 1rem 0 0;
}
.result-item-infos .result-item-location:last-child {
  margin-right: 0;
}
.result-item-title {
  display: block;
  margin-bottom: 0;
  font-size: 2.2rem;
  font-weight: 700;
  line-height: 1.545454545454545em;
}
#content .result-item-title a:not([class]) {
  text-decoration: none;
  border-bottom: 0.1rem solid transparent;
  transition: border-color 0.2s ease-out;
  font-weight: 100;
  color: #000;
}
.result-item-content h2.title:after {
	content:none;
}

#content .result-item-title a:not([class]):hover,
#content .result-item-title a:not([class]):focus {
  border-color: currentColor;
}
.result-item-data {
  margin: 0;
  border: 1px solid #127b7e;
  font-size: 2.4rem;
  font-style: italic;
  font-weight: 700;
  line-height: 1.166666666666667em;
  padding: 1rem;
}
.result-item-data:first-child {
  margin-top: -2rem;
  padding-top: 1rem;
}
.result-item-data:last-child {
  margin-bottom: -2rem;
}
.result-item-data-col {
  padding: 1.6rem 0;
  border-bottom: 0.1rem solid #e2e2e2;
}
.result-item-data-col:first-child {
  padding-top: 0;
}
.result-item-data-col:last-child {
  padding-bottom: 0;
  border-bottom: none;
}
.result-item-price {
  display: block;
  font-family: 'Montserrat', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-size: 2.2rem;
  font-style: normal;
  font-weight: 600;
  letter-spacing: -0.025em;
  line-height: 1.272727272727273em;
}
.result-price {
  
  font-size: 2.6rem;
  font-style: italic;
  font-weight: 700;
  line-height: 1.5625em;
  text-align: right;
}
.superficie {
  position:relative;
  font-size: 2.6rem;
  font-weight: 700;
  line-height: 1.5625em;
  margin-right: 2rem;
  padding-right: 2rem;
}

.result-price-number {
  font-family: 'Montserrat', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-size: 1.375em;
  font-style: normal;
}
.result-table {
  display: block;
  display: block;
    background: #f5f9f8;
    padding: 3rem;
}
.result-table tbody {
  display: block;
}
.result-table-row {
  display: flex;
  justify-content: space-between;
  padding: 1rem 0;
  border-bottom: 0.1rem solid #e2e2e2;
}
.result-table-row:last-child {
  border-bottom: none;
}
.result-table-cell,
.result-table-head {
  display: block;
  font-size: 1.4rem;
  line-height: 1.428571428571429em;
}
.result-table-head {
  font-weight: 700;
}
table.result-table tr:first-child th.result-table-head {
	font-size: 2rem;
}
.result-preview {
  margin-bottom: 4rem;
}
.result-preview:last-child {
  margin-bottom: 0;
}
.result-preview-highlight-wrapper {
  margin-bottom: 0.7rem;
  position: relative;
}
.result-preview-highlight-wrapper:last-child {
  margin-bottom: 0;
}
.result-preview-highlight {
  display: block;
  width: 100%;
}
.result-preview-row {
  display: flex;
  flex-wrap: wrap;
}
.result-preview-item {
  overflow: hidden;
  display: block;
  margin: 0.7rem 0.7rem 0 0;
  width: calc(33.333333% - 0.466667rem);
}
.result-preview-item:nth-child(-n + 3) {
  margin-top: 0;
}
.result-preview-item:nth-child(3n),
.result-preview-item:last-child {
  margin-right: 0;
}
.result-preview-item-image {
  display: block;
  width: 100%;
  transition: transform 0.2s ease-out;
}
a:hover .result-preview-item-image,
a:focus .result-preview-item-image {
  transform: scale3d(1.08, 1.08, 1);
}
.match {
  margin-bottom: 6rem;
}
.match:last-child {
  margin-bottom: 0;
}
.match .breadcrumb {
  padding: 0;
}


.share::before {
        position: absolute;
        top: 0;
        left: -50vw;
        z-index: -1;
        width: 150vw;
	    height:100%;
        background-color: #fef6e1;
        content: '';
    }
.nopaddingbottom {
	padding-bottom:0 !important;
}

.conseiller h3 {
	display: block;
    margin: 0;
    font-size: 3rem;
    font-weight: 700;
    letter-spacing: -0.025em;
    line-height: 1.2em;
}

.contact-conseiller {
	display: flex;
}
.contact-conseiller div{
	display: flex;
	align-items: center;
}

.contact-conseiller a {
	margin-left:5px;
	font-weight: bold;
	text-decoration:none !important;
	margin-right:30px;
	white-space: nowrap;
}
.contact-conseiller a:hover
{
	color: #f5c934;
}

@media (max-width: 772px) {
	.section-newsletter {
		background-image:none !important;
	}

}

.share {
  clear: both;
  position: relative;
  z-index: 1;
  padding:5rem;
  
  justify-content: center;
	text-align:center;
}
@media (min-width: 620px) {
	.share {
		display: flex;
	}
	.share-title {
	margin-right: 4rem;
    padding-right: 4rem;
    border-right: 1px solid #000;
}
}
.share:last-child {
  margin-bottom: 0;
}
.share-title {
  display: block;
  margin-bottom: 0;
  font-size: 2.4rem;
  font-weight: 700;
  line-height: 1.666666666666667em;
}
.share-list {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.share-list-item {
  margin-right: 2rem;
}
.share-list-item:last-child {
  margin-right: 0;
}
.section .share-list-item {
  padding-left: 0;
}
.section .share-list-item::before {
  content: none;
}
.share-list-link {
  display: block;
  transition: color 0.2s ease-out;
}
.share-list-link:hover,
.share-list-link:focus {
  color: #e6b00f;
}
.newsletter-form {
  display: block;
}
.newsletter-form-field {
  margin-bottom: 2rem;
}
.newsletter-form-field:last-child {
  margin-bottom: 0;
}
.newsletter-form-input {
  height: 4.8rem;
  margin-bottom: 0.1rem;
  padding: 1.2rem 3.4rem;
  width: 100%;
  font-size: 1.5rem;
  line-height: 1.6em;
  text-align: center;
  background-color: #29888a;
  color: #fff;
}
.newsletter-form-input:last-child {
  margin-bottom: 0;
}
.newsletter-form-submit {
  width: 100%;
}
.section {
  position: relative;
  padding: 8rem 0;
}
.section .section {
  left: 50%;
  margin: 4rem 0;
  width: 100vw;
  transform: translate3d(-50%, 0, 0);
}
.section .section:first-child {
  margin-top: -8rem;
}
.section .section:last-child {
  margin-bottom: -8rem;
}
.section .carousel-biens + .section {
  margin-top: 0;
}
.section ol > li::before,
#contentarea ol > li::before,
.section ul > li::before,
#contentarea ul > li::before {
  display: inline-block;
  color: #1770bb;
  font-weight: 700;
}
.color2 .section ol > li::before,
.color2 #contentarea ol > li::before,
.color2 .section ul > li::before,
.color2 #contentarea ul > li::before {
  color: #127b7e;
}
.color3 .section ol > li::before,
.color3 #contentarea ol > li::before,
.color3 .section ul > li::before,
.color3 #contentarea ul > li::before {
  color: #e6b00f;
}
.color4 .section ol > li::before,
.color4 #contentarea ol > li::before,
.color4 .section ul > li::before,
.color4 #contentarea ul > li::before {
  color: #73ac40;
}
.color5 .section ol > li::before,
.color5 #contentarea ol > li::before,
.color5 .section ul > li::before,
.color5 #contentarea ul > li::before {
  color: #759ca1;
}
.section ol > li,
#contentarea ol > li {
  padding-left: 2rem;
}
.section ol > li::before,
#contentarea ol > li::before {
  margin-left: -2rem;
  width: 2rem;
  content: counter(list-item) '.';
}
.section ul > li,
#contentarea ul > li {
  padding-left: 1.6rem;
}
.section ul > li::before,
#contentarea ul > li::before {
  margin-left: -1.6rem;
  width: 1.6rem;
  content: '-';
}
.section-filter {
  padding: 6rem 0;
}
.section-actualites::before {
  position: absolute;
  top: 24rem;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: -10;
  background-color: #fef6e1;
  content: '';
}
.section-actualites .carousel-title a:hover,
.section-actualites .carousel-title a:focus,
.section-actualites .carousel-bullet.active {
  color: #f5c934;
}
.section-actualites .carousel-prev,
.section-actualites .carousel-next {
  /*background-color: #fff;*/
}
.section-realisations {
  background: url("/template/tarnhabitat-2025/img/fond-realisation-homepage01.webp") no-repeat;
  background-size: 50%;
}
.section-realisations .carousel-title a:hover,
.section-realisations .carousel-title a:focus,
.section-realisations .carousel-bullet.active {
  color: #17aabb;
}
.section-realisations .carousel-prev,
.section-realisations .carousel-next {
  /*background-color: rgba(23,170,187,0.15);*/
}
.section-realisations .carousel-button:not(:hover):not(:focus) {
  background-color: #fff;
}
.section-chiffres-cles {
  color: #fff;
  background: #f7ce38;
}
.section-chiffres-cles .color3 {
  color: #000;
}
.section-newsletter {
  background-image: url(/template/tarnhabitat-2025/img/fond-newsletter.webp);
	background-size: auto 100%;
    background-repeat: no-repeat;
    background-color: #127b7e;
}
.section-newsletter .checkbox-text::before {
  border-color: #759ca1;
}
.content-sidebar {
  margin-bottom: 4rem;
}
.content-sidebar:last-child {
  margin-bottom: 0;
}
.secondary-menu {
  margin-bottom: 4rem;
  font-size: 1.6rem;
  line-height: 1.5em;
}
@media screen and (min-width: 768px) {
  .secondary-menu {
	margin-top: 5rem;
	}
}


.secondary-menu:before {
    display: block;
    height: 0.3rem;
    margin-bottom: 2rem;
    width: 3.5rem;
    background-color: #127b7e;
    content: '';
}
.secondary-menu:after {
    display: block;
    height: 0.3rem;
    margin-top: 2rem;
    width: 3.5rem;
    background-color: #127b7e;
    content: '';
}

.secondary-menu:last-child {
  margin-bottom: 0;
}
.secondary-menu.color,
.secondary-menu.color2,
.secondary-menu.color3,
.secondary-menu.color4,
.secondary-menu.color5 {
  color: #000;
}
.section .secondary-menu-item,
.section .secondary-submenu-item {
  padding-left: 0;
}
.section .secondary-menu-item::before,
.section .secondary-submenu-item::before {
  content: none;
}
.secondary-menu-item {
  margin-bottom: 0.6rem;
}
.secondary-menu-item:last-child {
  margin-bottom: 0;
}
.secondary-menu-link,
.secondary-submenu-link {
  position: relative;
  display: block;
  padding: 0.5rem 1rem 0.5rem 0;
  transition: color 0.2s ease-out;
}
/*.secondary-menu-link::after,
.secondary-submenu-link::after {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 100%;
  width: 0.1rem;
  transform-origin: right center;
  content: '';
  transition: transform 0.2s ease-out;
}*/
.secondary-menu-link:hover,
.secondary-submenu-link:hover,
.secondary-menu-link:focus,
.secondary-submenu-link:focus,
.secondary-menu-link.active,
.secondary-submenu-link.active,
.color .secondary-menu-link:hover,
.color .secondary-submenu-link:hover,
.color .secondary-menu-link:focus,
.color .secondary-submenu-link:focus,
.color .secondary-menu-link.active,
.color .secondary-submenu-link.active {
  color: #1770bb;
}
.color2 .secondary-menu-link:hover,
.color2 .secondary-submenu-link:hover,
.color2 .secondary-menu-link:focus,
.color2 .secondary-submenu-link:focus,
.color2 .secondary-menu-link.active,
.color2 .secondary-submenu-link.active {
  color: #127b7e;
}
.color3 .secondary-menu-link:hover,
.color3 .secondary-submenu-link:hover,
.color3 .secondary-menu-link:focus,
.color3 .secondary-submenu-link:focus,
.color3 .secondary-menu-link.active,
.color3 .secondary-submenu-link.active {
  color: #e6b00f;
}
.color4 .secondary-menu-link:hover,
.color4 .secondary-submenu-link:hover,
.color4 .secondary-menu-link:focus,
.color4 .secondary-submenu-link:focus,
.color4 .secondary-menu-link.active,
.color4 .secondary-submenu-link.active {
  color: #73ac40;
}
.color5 .secondary-menu-link:hover,
.color5 .secondary-submenu-link:hover,
.color5 .secondary-menu-link:focus,
.color5 .secondary-submenu-link:focus,
.color5 .secondary-menu-link.active,
.color5 .secondary-submenu-link.active {
  color: #759ca1;
}
.secondary-menu-link.active::after,
.secondary-submenu-link.active::after,
.color .secondary-menu-link.active::after,
.color .secondary-submenu-link.active::after,
.color2 .secondary-menu-link.active::after,
.color2 .secondary-submenu-link.active::after,
.color3 .secondary-menu-link.active::after,
.color3 .secondary-submenu-link.active::after,
.color4 .secondary-menu-link.active::after,
.color4 .secondary-submenu-link.active::after,
.color5 .secondary-menu-link.active::after,
.color5 .secondary-submenu-link.active::after {
  background-color: currentColor;
}
.secondary-menu-link.active:hover::after,
.secondary-submenu-link.active:hover::after,
.color .secondary-menu-link.active:hover::after,
.color .secondary-submenu-link.active:hover::after,
.color2 .secondary-menu-link.active:hover::after,
.color2 .secondary-submenu-link.active:hover::after,
.color3 .secondary-menu-link.active:hover::after,
.color3 .secondary-submenu-link.active:hover::after,
.color4 .secondary-menu-link.active:hover::after,
.color4 .secondary-submenu-link.active:hover::after,
.color5 .secondary-menu-link.active:hover::after,
.color5 .secondary-submenu-link.active:hover::after,
.secondary-menu-link.active:focus::after,
.secondary-submenu-link.active:focus::after,
.color .secondary-menu-link.active:focus::after,
.color .secondary-submenu-link.active:focus::after,
.color2 .secondary-menu-link.active:focus::after,
.color2 .secondary-submenu-link.active:focus::after,
.color3 .secondary-menu-link.active:focus::after,
.color3 .secondary-submenu-link.active:focus::after,
.color4 .secondary-menu-link.active:focus::after,
.color4 .secondary-submenu-link.active:focus::after,
.color5 .secondary-menu-link.active:focus::after,
.color5 .secondary-submenu-link.active:focus::after {
  transform: scale3d(4, 1, 1);
}
.secondary-menu-link {
  font-weight: 600;
}
.secondary-submenu {
  margin-bottom: 0;
  padding-left: 2rem;
  font-size: 1.5rem;
  font-style: italic;
  line-height: 1.6em;
}
.secondary-submenu:last-child {
  margin-bottom: -0.6rem;
}
.secondary-menu-item:last-child .secondary-submenu {
  margin-bottom: 0;
}
.app-block {
  position: relative;
  margin-bottom: 5rem;
}
.app-title span {
	text-transform: uppercase;
	color: #000;
	font-weight: 100;
}
.store img {
	width:128px;
}
.app-title {
  display: block;
  margin-bottom: 2rem;
  font-size: 2.1rem;
  color: #f5c934;
  font-weight: 700;
  letter-spacing: -0.01em;
  line-height: 1.25em;
}
.app-title:last-child {
  margin-bottom: 0;
}
.app-title .color,
.app-title .color2,
.app-title .color3,
.app-title .color4,
.app-title .color5 {
  font-size: 3rem;
}
.quick-access {
  padding: 5rem;
  color: #fff;
  font-size: 1.6rem;
  line-height: 1.875em;
  background-color: #e6b00f;
}
.quick-access ul > li {
  padding: 0.5rem 0 0.5rem 1.4rem;
}
.quick-access ul > li::before {
  display: inline-block;
  margin-left: -1.4rem;
  width: 1.4rem;
  content: '>';
}
.section .quick-access ul > li {
  padding-left: 1.4rem;
}
.section .quick-access ul > li::before {
  margin-left: -1.4rem;
  width: 1.4rem;
  color: inherit;
  content: '>';
}
.quick-access a:not([class]),
#content .quick-access a:not([class]) {
  text-decoration: none;
  border-bottom: 0.1rem solid transparent;
  transition: border-bottom-color 0.2s ease-out;
}
.quick-access a:not([class]):hover,
#content .quick-access a:not([class]):hover,
.quick-access a:not([class]):focus,
#content .quick-access a:not([class]):focus {
  border-bottom-color: currentColor;
}
#contentarea .quick-access:last-child {
  margin-bottom: 0;
}
.quick-access-title {
  display: block;
  margin-bottom: 1rem;
  
  font-size: 3.2rem;
  font-style: italic;
  font-weight: 700;
  letter-spacing: -0.01em;
  line-height: 1.5em;
}
.quick-access-title:last-child {
  margin-bottom: 0;
}
.popup {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 40;
  background-color: rgba(0,0,0,0.6);
  opacity: 0;
  transition: opacity 0.2s ease-out, visibility 0.2s ease-out;
  visibility: hidden;
}
.popup.active {
  opacity: 1;
  visibility: visible;
}
.popup-inner {
  position: absolute;
  top: 50%;
  left: 50%;
  overflow: auto;
  margin-right: -50%;
  max-height: 100%;
  max-width: 100%;
  padding: 4rem;
  background-color: #fff;
  transform: translate3d(-50%, -50%, 0);
}
.popup-close {
  position: absolute;
  top: 0;
  right: 0;
  align-items: center;
  display: flex;
  height: 4rem;
  justify-content: center;
  width: 4rem;
  color: #fff;
  background-color: #1770bb;
  transition: color 0.2s ease-out, background-color 0.2s ease-out;
}
.popup-close .icon {
  height: 1.8rem;
  width: 1.8rem;
}
.popup-close:hover,
.popup-close:focus {
  color: #1770bb;
  background-color: #fff;
}
.popup-title {
  margin-bottom: 2rem;
  color: #fff;
  font-size: 4rem;
  
  font-style: italic;
  font-weight: 700;
  line-height: 1.2em;
  background-color: #1770bb;
}
.popup-title:last-child {
  margin-bottom: 0;
}
.popup .popup-title {
  margin: -4rem -4rem 2rem;
  padding: 4rem 4rem 2rem;
}
.popup .popup-title:last-child {
  margin-bottom: -4rem;
}
.bg-color {
  background-color: #1770bb;
}
.bg-color2 {
  background-color: #17aabb;
}
.bg-color3 {
  background-color: #e6b00f;
}
.bg-color4 {
  background-color: #fef6e1;
}
.bg-color5 {
  background-color: #759ca1;
}
.bg-color,
.bg-color2,
.bg-color3,
.bg-color4,
.bg-color5 {
  color: #fff;
}
.bg-color a:not([class]),
.bg-color2 a:not([class]),
.bg-color3 a:not([class]),
.bg-color4 a:not([class]),
.bg-color5 a:not([class]) {
  border-bottom: 0.1rem solid transparent;
  transition: color 0.2s ease-out, border-bottom-color 0.2s ease-out;
}
.bg-color a:not([class]):hover,
.bg-color2 a:not([class]):hover,
.bg-color3 a:not([class]):hover,
.bg-color4 a:not([class]):hover,
.bg-color5 a:not([class]):hover,
.bg-color a:not([class]):focus,
.bg-color2 a:not([class]):focus,
.bg-color3 a:not([class]):focus,
.bg-color4 a:not([class]):focus,
.bg-color5 a:not([class]):focus {
  border-bottom-color: currentColor;
}
.bg-color .button,
.bg-color2 .button,
.bg-color3 .button,
.bg-color4 .button,
.bg-color5 .button,
.bg-color .button1,
.bg-color2 .button1,
.bg-color3 .button1,
.bg-color4 .button1,
.bg-color5 .button1,
.bg-color .button2,
.bg-color2 .button2,
.bg-color3 .button2,
.bg-color4 .button2,
.bg-color5 .button2,
.bg-color .button3,
.bg-color2 .button3,
.bg-color3 .button3,
.bg-color4 .button3,
.bg-color5 .button3,
.bg-color .button4,
.bg-color2 .button4,
.bg-color3 .button4,
.bg-color4 .button4,
.bg-color5 .button4,
.bg-color .button5,
.bg-color2 .button5,
.bg-color3 .button5,
.bg-color4 .button5,
.bg-color5 .button5,
.bg-color .button-alt,
.bg-color2 .button-alt,
.bg-color3 .button-alt,
.bg-color4 .button-alt,
.bg-color5 .button-alt,
.bg-color .button1-alt,
.bg-color2 .button1-alt,
.bg-color3 .button1-alt,
.bg-color4 .button1-alt,
.bg-color5 .button1-alt,
.bg-color .button2-alt,
.bg-color2 .button2-alt,
.bg-color3 .button2-alt,
.bg-color4 .button2-alt,
.bg-color5 .button2-alt,
.bg-color .button3-alt,
.bg-color2 .button3-alt,
.bg-color3 .button3-alt,
.bg-color4 .button3-alt,
.bg-color5 .button3-alt,
.bg-color .button4-alt,
.bg-color2 .button4-alt,
.bg-color3 .button4-alt,
.bg-color4 .button4-alt,
.bg-color5 .button4-alt,
.bg-color .button5-alt,
.bg-color2 .button5-alt,
.bg-color3 .button5-alt,
.bg-color4 .button5-alt,
.bg-color5 .button5-alt {
  color: #fff;
  border-color: rgba(255,255,255,0.4);
}
.bg-color .button:hover,
.bg-color2 .button:hover,
.bg-color3 .button:hover,
.bg-color4 .button:hover,
.bg-color5 .button:hover,
.bg-color .button1:hover,
.bg-color2 .button1:hover,
.bg-color3 .button1:hover,
.bg-color4 .button1:hover,
.bg-color5 .button1:hover,
.bg-color .button2:hover,
.bg-color2 .button2:hover,
.bg-color3 .button2:hover,
.bg-color4 .button2:hover,
.bg-color5 .button2:hover,
.bg-color .button3:hover,
.bg-color2 .button3:hover,
.bg-color3 .button3:hover,
.bg-color4 .button3:hover,
.bg-color5 .button3:hover,
.bg-color .button4:hover,
.bg-color2 .button4:hover,
.bg-color3 .button4:hover,
.bg-color4 .button4:hover,
.bg-color5 .button4:hover,
.bg-color .button5:hover,
.bg-color2 .button5:hover,
.bg-color3 .button5:hover,
.bg-color4 .button5:hover,
.bg-color5 .button5:hover,
.bg-color .button:focus,
.bg-color2 .button:focus,
.bg-color3 .button:focus,
.bg-color4 .button:focus,
.bg-color5 .button:focus,
.bg-color .button1:focus,
.bg-color2 .button1:focus,
.bg-color3 .button1:focus,
.bg-color4 .button1:focus,
.bg-color5 .button1:focus,
.bg-color .button2:focus,
.bg-color2 .button2:focus,
.bg-color3 .button2:focus,
.bg-color4 .button2:focus,
.bg-color5 .button2:focus,
.bg-color .button3:focus,
.bg-color2 .button3:focus,
.bg-color3 .button3:focus,
.bg-color4 .button3:focus,
.bg-color5 .button3:focus,
.bg-color .button4:focus,
.bg-color2 .button4:focus,
.bg-color3 .button4:focus,
.bg-color4 .button4:focus,
.bg-color5 .button4:focus,
.bg-color .button5:focus,
.bg-color2 .button5:focus,
.bg-color3 .button5:focus,
.bg-color4 .button5:focus,
.bg-color5 .button5:focus {
  background-color: #fff;
  border-color: #fff;
}
.bg-color .button:hover,
.bg-color2 .button:hover,
.bg-color3 .button:hover,
.bg-color4 .button:hover,
.bg-color5 .button:hover,
.bg-color .button:focus,
.bg-color2 .button:focus,
.bg-color3 .button:focus,
.bg-color4 .button:focus,
.bg-color5 .button:focus,
.bg-color .button-alt,
.bg-color2 .button-alt,
.bg-color3 .button-alt,
.bg-color4 .button-alt,
.bg-color5 .button-alt {
  color: #5b5f66;
}
.bg-color .button1:hover,
.bg-color2 .button1:hover,
.bg-color3 .button1:hover,
.bg-color4 .button1:hover,
.bg-color5 .button1:hover,
.bg-color .button1:focus,
.bg-color2 .button1:focus,
.bg-color3 .button1:focus,
.bg-color4 .button1:focus,
.bg-color5 .button1:focus,
.bg-color .button1-alt,
.bg-color2 .button1-alt,
.bg-color3 .button1-alt,
.bg-color4 .button1-alt,
.bg-color5 .button1-alt {
  color: #1770bb;
}
.bg-color .button2:hover,
.bg-color2 .button2:hover,
.bg-color3 .button2:hover,
.bg-color4 .button2:hover,
.bg-color5 .button2:hover,
.bg-color .button2:focus,
.bg-color2 .button2:focus,
.bg-color3 .button2:focus,
.bg-color4 .button2:focus,
.bg-color5 .button2:focus,
.bg-color .button2-alt,
.bg-color2 .button2-alt,
.bg-color3 .button2-alt,
.bg-color4 .button2-alt,
.bg-color5 .button2-alt {
  color: #17aabb;
}
.bg-color .button3:hover,
.bg-color2 .button3:hover,
.bg-color3 .button3:hover,
.bg-color4 .button3:hover,
.bg-color5 .button3:hover,
.bg-color .button3:focus,
.bg-color2 .button3:focus,
.bg-color3 .button3:focus,
.bg-color4 .button3:focus,
.bg-color5 .button3:focus,
.bg-color .button3-alt,
.bg-color2 .button3-alt,
.bg-color3 .button3-alt,
.bg-color4 .button3-alt,
.bg-color5 .button3-alt {
  color: #e6b00f;
}
.bg-color .button4:hover,
.bg-color2 .button4:hover,
.bg-color3 .button4:hover,
.bg-color4 .button4:hover,
.bg-color5 .button4:hover,
.bg-color .button4:focus,
.bg-color2 .button4:focus,
.bg-color3 .button4:focus,
.bg-color4 .button4:focus,
.bg-color5 .button4:focus,
.bg-color .button4-alt,
.bg-color2 .button4-alt,
.bg-color3 .button4-alt,
.bg-color4 .button4-alt,
.bg-color5 .button4-alt {
  color: #73ac40;
}
.bg-color .button5:hover,
.bg-color2 .button5:hover,
.bg-color3 .button5:hover,
.bg-color4 .button5:hover,
.bg-color5 .button5:hover,
.bg-color .button5:focus,
.bg-color2 .button5:focus,
.bg-color3 .button5:focus,
.bg-color4 .button5:focus,
.bg-color5 .button5:focus,
.bg-color .button5-alt,
.bg-color2 .button5-alt,
.bg-color3 .button5-alt,
.bg-color4 .button5-alt,
.bg-color5 .button5-alt {
  color: #759ca1;
}
.bg-color .button-alt,
.bg-color2 .button-alt,
.bg-color3 .button-alt,
.bg-color4 .button-alt,
.bg-color5 .button-alt,
.bg-color .button1-alt,
.bg-color2 .button1-alt,
.bg-color3 .button1-alt,
.bg-color4 .button1-alt,
.bg-color5 .button1-alt,
.bg-color .button2-alt,
.bg-color2 .button2-alt,
.bg-color3 .button2-alt,
.bg-color4 .button2-alt,
.bg-color5 .button2-alt,
.bg-color .button3-alt,
.bg-color2 .button3-alt,
.bg-color3 .button3-alt,
.bg-color4 .button3-alt,
.bg-color5 .button3-alt,
.bg-color .button4-alt,
.bg-color2 .button4-alt,
.bg-color3 .button4-alt,
.bg-color4 .button4-alt,
.bg-color5 .button4-alt,
.bg-color .button5-alt,
.bg-color2 .button5-alt,
.bg-color3 .button5-alt,
.bg-color4 .button5-alt,
.bg-color5 .button5-alt {
  background-color: #fff;
}
.bg-color .button-alt:hover,
.bg-color2 .button-alt:hover,
.bg-color3 .button-alt:hover,
.bg-color4 .button-alt:hover,
.bg-color5 .button-alt:hover,
.bg-color .button1-alt:hover,
.bg-color2 .button1-alt:hover,
.bg-color3 .button1-alt:hover,
.bg-color4 .button1-alt:hover,
.bg-color5 .button1-alt:hover,
.bg-color .button2-alt:hover,
.bg-color2 .button2-alt:hover,
.bg-color3 .button2-alt:hover,
.bg-color4 .button2-alt:hover,
.bg-color5 .button2-alt:hover,
.bg-color .button3-alt:hover,
.bg-color2 .button3-alt:hover,
.bg-color3 .button3-alt:hover,
.bg-color4 .button3-alt:hover,
.bg-color5 .button3-alt:hover,
.bg-color .button4-alt:hover,
.bg-color2 .button4-alt:hover,
.bg-color3 .button4-alt:hover,
.bg-color4 .button4-alt:hover,
.bg-color5 .button4-alt:hover,
.bg-color .button5-alt:hover,
.bg-color2 .button5-alt:hover,
.bg-color3 .button5-alt:hover,
.bg-color4 .button5-alt:hover,
.bg-color5 .button5-alt:hover,
.bg-color .button-alt:focus,
.bg-color2 .button-alt:focus,
.bg-color3 .button-alt:focus,
.bg-color4 .button-alt:focus,
.bg-color5 .button-alt:focus,
.bg-color .button1-alt:focus,
.bg-color2 .button1-alt:focus,
.bg-color3 .button1-alt:focus,
.bg-color4 .button1-alt:focus,
.bg-color5 .button1-alt:focus,
.bg-color .button2-alt:focus,
.bg-color2 .button2-alt:focus,
.bg-color3 .button2-alt:focus,
.bg-color4 .button2-alt:focus,
.bg-color5 .button2-alt:focus,
.bg-color .button3-alt:focus,
.bg-color2 .button3-alt:focus,
.bg-color3 .button3-alt:focus,
.bg-color4 .button3-alt:focus,
.bg-color5 .button3-alt:focus,
.bg-color .button4-alt:focus,
.bg-color2 .button4-alt:focus,
.bg-color3 .button4-alt:focus,
.bg-color4 .button4-alt:focus,
.bg-color5 .button4-alt:focus,
.bg-color .button5-alt:focus,
.bg-color2 .button5-alt:focus,
.bg-color3 .button5-alt:focus,
.bg-color4 .button5-alt:focus,
.bg-color5 .button5-alt:focus {
  color: #fff;
  background-color: transparent;
}
.bg-color .color,
.bg-color2 .color2,
.bg-color3 .color3,
.bg-color4 .color4,
.bg-color5 .color5 {
  color: #000;
}
.bg-color a.color:hover,
.bg-color a.color:focus,
.bg-color2 a.color2:hover,
.bg-color2 a.color2:focus,
.bg-color3 a.color3:hover,
.bg-color3 a.color3:focus,
.bg-color4 a.color4:hover,
.bg-color4 a.color4:focus,
.bg-color5 a.color5:hover,
.bg-color5 a.color5:focus {
  color: inherit;
}
@media (min-width: 32em) {
  .title-wrapper {
    display: flex;
  }
  .title-wrapper .title {
    align-self: center;
    flex: 1;
  }
  .col-sm {
    flex-grow: 1;
    margin-bottom: 0;
    width: auto;
  }
  .col-sm-1 {
    flex-grow: 0;
    margin-bottom: 0;
    width: 8.333333%;
  }
  .col-sm-2 {
    flex-grow: 0;
    margin-bottom: 0;
    width: 16.666666%;
  }
  .col-sm-3 {
    flex-grow: 0;
    margin-bottom: 0;
    width: 25%;
  }
  .col-sm-4 {
    flex-grow: 0;
    margin-bottom: 0;
    width: 33.333333%;
  }
  .col-sm-5 {
    flex-grow: 0;
    margin-bottom: 0;
    width: 41.666666%;
  }
  .col-sm-6 {
    flex-grow: 0;
    margin-bottom: 0;
    width: 50%;
  }
  .col-sm-7 {
    flex-grow: 0;
    margin-bottom: 0;
    width: 58.333333%;
  }
  .col-sm-8 {
    flex-grow: 0;
    margin-bottom: 0;
    width: 66.666666%;
  }
  .col-sm-9 {
    flex-grow: 0;
    margin-bottom: 0;
    width: 75%;
  }
  .col-sm-10 {
    flex-grow: 0;
    margin-bottom: 0;
    width: 83.333333%;
  }
  .col-sm-11 {
    flex-grow: 0;
    margin-bottom: 0;
    width: 91.666666%;
  }
  .col-sm-12 {
    flex-grow: 0;
    margin-bottom: 0;
    width: 100%;
  }
  .col-sm-stagger {
    align-self: flex-start;
    flex-grow: 0;
    margin-top: 4rem;
    margin-bottom: 0;
    width: 50%;
  }
  .col-sm-stagger:nth-child(2) {
    margin-top: 0;
  }
  .col-sm-stagger:nth-child(2n + 1) {
    margin-top: 15rem;
    margin-bottom: -11rem;
  }
  .col-sm-stagger:first-child {
    margin-top: 11rem;
  }
  .col-sm-stagger:nth-last-child(-n + 2) {
    margin-bottom: 0;
  }
  .offset-sm-0 {
    margin-left: 0;
  }
  .offset-sm-1 {
    margin-left: 8.333334%;
  }
  .offset-sm-2 {
    margin-left: 16.666667%;
  }
  .offset-sm-3 {
    margin-left: 25%;
  }
  .offset-sm-4 {
    margin-left: 33.333334%;
  }
  .offset-sm-5 {
    margin-left: 41.666667%;
  }
  .offset-sm-6 {
    margin-left: 50%;
  }
  .offset-sm-7 {
    margin-left: 58.333334%;
  }
  .offset-sm-8 {
    margin-left: 66.666667%;
  }
  .offset-sm-9 {
    margin-left: 75%;
  }
  .offset-sm-10 {
    margin-left: 83.333334%;
  }
  .offset-sm-11 {
    margin-left: 91.666667%;
  }
  .offset-sm-12 {
    margin-left: 100%;
  }
  .footer-band {
    align-items: center;
    display: flex;
  }
  .footer-band-image {
    flex-shrink: 0;
    margin: 0 4rem 0 0;
  }
  .footer-band-image:last-child {
    margin-right: 0;
  }
  .footer-band-content {
    align-self: flex-end;
    flex: 1;
  }
  .carousel-biens .carousel-item {
    width: calc(50% - 3rem);
	margin: 0 0 0 3rem;
  }
  .filter-switch {
    display: flex;
    justify-content: center;
  }
  .filter-switch-item {
    margin: 0 0.1rem 0 0;
  }
  .filter-switch-item:last-child {
    margin-right: 0;
  }
  .filter-switch-item-text {
    width: 16rem;
  }
  .result-count:last-child {
    margin-right: 0;
  }
  .result-button-wrapper {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
  }
  .result-button {
    flex-grow: 1;
    margin: 0 0 0 3rem;
    width: auto;
  }
  .result-button:first-child {
    margin-left: 0;
  }
  .result-infos,
  .result-item-infos {
    display: flex;
  }
	.superficie::after {
        content: "";
        position: absolute;
        top: 25%;
        right: 0;
        height: 50%;
        width: 0.1rem;
        background-color: #127b7e;
}
  .result-infos .result-category {
    margin: 0 1rem 0 0;
  }
  .result-infos .result-category::after {
    content: none;
  }
  .result-infos .result-category:last-child {
    margin-right: 0;
  }
  .result-infos .result-location {
    margin: 0 1rem 0 0;
  }
  .result-infos .result-location:last-child {
    margin-right: 0;
  }
  .result-item-data {
    display: flex;
    text-align: center;
    margin: 0;
  }
  .result-item-data-col {
    flex-grow: 1;
    border-bottom: none;
    position: relative;
  }
  .result-item-data-col::after {
  content: "";
  position: absolute;
  top: 30%;              /* où commence la bordure */
  right: 0;              /* collée à droite */
  height: 40%;           /* hauteur de la bordure */
  width: 0.1rem;         /* épaisseur */
  background-color: #127b7e;
}
	.result-item-data-col:last-child::after {
  content: none;
}
	
  .result-item-data-col:first-child {
    padding-top: 1.6rem;
  }
  .result-item-data-col:last-child {
    padding-bottom: 1.6rem;
    border-right: none;
  }
  .result-table-row {
    display: flex;
    justify-content: space-between;
  }
  .result-table-cell {
    text-align: right;
  }
  .newsletter-form-field {
    display: flex;
  }
  .newsletter-form-input {
    flex-grow: 1;
    margin: 0 0.5rem 0 0;
    width: auto;
    text-align: left;
  }
  .newsletter-form-input:last-child {
    margin-right: 0;
  }
  .newsletter-form-submit {
    padding: 0.9rem 3rem;
    width: 18rem;
  }
}
@media (min-width: 40em) {
  .carousel-biens .carousel-inner-wrapper {
    width: calc(100% + 50vw - 30rem);
  }
}
@media (min-width: 48em) {
  .col-md {
    flex-grow: 1;
    margin-bottom: 0;
    width: auto;
  }
  .col-md-1 {
    flex-grow: 0;
    margin-bottom: 0;
    width: 8.333333%;
  }
  .col-md-2 {
    flex-grow: 0;
    margin-bottom: 0;
    width: 16.666666%;
  }
  .col-md-3 {
    flex-grow: 0;
    margin-bottom: 0;
    width: 25%;
  }
  .col-md-4 {
    flex-grow: 0;
    margin-bottom: 0;
    width: 33.333333%;
  }
  .col-md-5 {
    flex-grow: 0;
    margin-bottom: 0;
    width: 41.666666%;
  }
  .col-md-6 {
    flex-grow: 0;
    margin-bottom: 0;
    width: 50%;
  }
  .col-md-7 {
    flex-grow: 0;
    margin-bottom: 0;
    width: 58.333333%;
  }
  .col-md-8 {
    flex-grow: 0;
    margin-bottom: 0;
    width: 66.666666%;
  }
  .col-md-9 {
    flex-grow: 0;
    margin-bottom: 0;
    width: 75%;
  }
  .col-md-10 {
    flex-grow: 0;
    margin-bottom: 0;
    width: 83.333333%;
  }
  .col-md-11 {
    flex-grow: 0;
    margin-bottom: 0;
    width: 91.666666%;
  }
  .col-md-12 {
    flex-grow: 0;
    margin-bottom: 0;
    width: 100%;
  }
  .col-md-stagger {
    align-self: flex-start;
    flex-grow: 0;
    margin-top: 4rem;
    margin-bottom: 0;
    width: 50%;
  }
  .col-md-stagger:nth-child(2) {
    margin-top: 0;
  }
  .col-md-stagger:nth-child(2n + 1) {
    margin-top: 15rem;
    margin-bottom: -11rem;
  }
  .col-md-stagger:first-child {
    margin-top: 11rem;
  }
  .col-md-stagger:nth-last-child(-n + 2) {
    margin-bottom: 0;
  }
  .offset-md-0 {
    margin-left: 0;
  }
  .offset-md-1 {
    margin-left: 8.333334%;
  }
  .offset-md-2 {
    margin-left: 16.666667%;
  }
  .offset-md-3 {
    margin-left: 25%;
  }
  .offset-md-4 {
    margin-left: 33.333334%;
  }
  .offset-md-5 {
    margin-left: 41.666667%;
  }
  .offset-md-6 {
    margin-left: 50%;
  }
  .offset-md-7 {
    margin-left: 58.333334%;
  }
  .offset-md-8 {
    margin-left: 66.666667%;
  }
  .offset-md-9 {
    margin-left: 75%;
  }
  .offset-md-10 {
    margin-left: 83.333334%;
  }
  .offset-md-11 {
    margin-left: 91.666667%;
  }
  .offset-md-12 {
    margin-left: 100%;
  }
  ul.footer-bottom-menu,
  .footer-bottom-menu ul {
    display: flex;
    flex-wrap: wrap;
	 justify-content: center;
  }
  .footer-bottom-menu-item,
  .footer-bottom-menu li {
    margin-right: 3rem;
  }
  .footer-bottom-menu-item:last-child,
  .footer-bottom-menu li:last-child {
    margin-right: 0;
  }
  .number {
    font-size: 6rem;
  }
  .carousel-item {
    width: calc(50% - 1.5rem);
  }
  .carousel-controls {
    margin: 0;
  }
  .carousel-prev,
  .carousel-next {
    position: absolute;
    top: 50%;
    transform: translate3d(0, -50%, 0);
  }
  .carousel-prev:hover,
  .carousel-next:hover,
  .carousel-prev:focus,
  .carousel-next:focus {
    transform: translate3d(0, -50%, 0) scale3d(1.4583333333333333, 1.4583333333333333, 1);
  }
  .carousel-prev {
    right: calc(100% + 2rem);
    left: auto;
  }
  .carousel-next {
    right: auto;
    left: calc(100% + 2rem);
  }
  .carousel-nav {
    margin-bottom: 0;
    width: calc(50% - 1.5rem);
    justify-content: flex-start;
    text-align: center;
  }
  .carousel-nav:last-child {
    justify-content: center;
    width: 100%;
    text-align: center;
  }
  .carousel-button {
    position: absolute;
    right: 0;
    bottom: 1.75rem;
    width: calc(50% - 1.5rem);
    transform: translate3d(0, 50%, 0);
  }
  .home-carousel .carousel-title {
    font-size: 8.052708638360176vw;
  }
  .home-carousel .carousel-subtitle {
    font-size: 4.392386530014641vw;
  }
  .home-carousel .carousel-prev,
  .home-carousel .carousel-next {
    top: 50%;
    bottom: auto;
    transform: translate3d(0, -50%, 0) scale3d(1.4583333333333333, 1.4583333333333333, 1);
  }
  .home-carousel .carousel-prev {
    left: 3rem;
  }
  .home-carousel .carousel-next {
    right: 3rem;
  }
  .carousel-biens .carousel-controls {
    margin: 2rem 0;
  }
  .carousel-biens .carousel-controls:first-child {
    margin-top: 0;
  }
  .carousel-biens .carousel-controls:last-child {
    margin-bottom: 0;
  }
  .carousel-biens .carousel-prev,
  .carousel-biens .carousel-next {
    position: static;
    transform: none;
  }
  .carousel-biens .carousel-prev:hover,
  .carousel-biens .carousel-next:hover,
  .carousel-biens .carousel-prev:focus,
  .carousel-biens .carousel-next:focus {
    transform: scale3d(1.4583333333333333, 1.4583333333333333, 1);
  }
  .carousel-realisations .carousel-inner-wrapper {
    overflow: visible;
  }
  .carousel-realisations .carousel-item {
    margin: 0 4rem 11rem 0;
    width: calc(50% - 2rem);
    transform: translate3d(0, 4rem, 0);
    opacity: 0;
    transition: transform 0s ease-out 0.2s, opacity 0.2s ease-out, visibility 0.2s ease-out;
    visibility: hidden;
  }
  .carousel-realisations .carousel-item:nth-child(2n) {
    margin-right: -100%;
  }
  .carousel-realisations .carousel-item:nth-child(2n + 1) {
    margin: 6rem 4rem 0 0;
  }
  .carousel-realisations .carousel-item:only-child,
  .carousel-realisations .carousel-item.active,
  .carousel-realisations .carousel-item.active + .carousel-item {
    transform: none;
    opacity: 1;
    visibility: visible;
    transition-duration: 0.3s, 0.2s, 0.2s;
    transition-delay: 0.2s;
  }
  .carousel-realisations .carousel-item.active + .carousel-item {
    transition-delay: 0.3s;
  }
  .carousel-realisations .carousel-title {
    font-size: 3.4rem;
    line-height: 0.882352941176471em;
  }
  /*.carousel-realisations .carousel-nav {
    position: absolute;
    top: 5.5rem;
    left: 0;
    margin: 0;
    justify-content: center;
    width: calc(50% - 2rem);
    text-align: center;
    transform: translate3d(0, -50%, 0);
  }*/
  .carousel-realisations .carousel-button {
    position: absolute;
    right: calc(25% - 1rem);
    bottom: 5.5rem;
    max-width: calc(50% - 2rem);
    width: 31rem;
    transform: translate3d(50%, 50%, 0);
  }
  .banner-subtitle {
    font-size: 4.392386530014641vw;
  }
  .home-banner .banner-title {
    font-size: 8.052708638360176vw;
  }
  .inline-filter {
    align-items: flex-end;
    display: flex;
  }
  .inline-filter-label {
    margin: 0 10rem 0 0;
  }
  .inline-filter-label:last-child {
    margin-right: 0;
  }
  .news-row {
    display: flex;
    flex-wrap: wrap;
  }
  .news-item {
    margin-right: 4rem;
    width: calc(50% - 2rem);
  }
  .news-item:nth-child(-n + 2) {
    margin-top: 0;
  }
  .news-item:nth-child(2n + 1) {
    margin-top: 16rem;
    margin-bottom: -8rem;
  }
  .news-item:first-child {
    margin-top: 8rem;
  }
  .news-item:nth-child(2n),
  .news-item:last-child {
    margin-right: 0;
  }
  .news-item:nth-last-child(-n + 2) {
    margin-bottom: 0;
  }
}
.listing-mobile {
	display:block;
}
@media (min-width: 64em) {
	.map-wrapper {
    overflow: hidden;
    display: flex;
  }
  .map-sidebar {
    position: relative;
    z-index: 10;
    display: block;
    margin-left: -32rem;
    padding-right: 2rem;
    width: 32rem;
  }
  .listing-mobile {
    display: none !important;
  }
  .map-sidebar.active {
    margin-left: 0;
  }
  .map-sidebar-button {
    position: absolute;
    top: 1.5rem;
    left: 100%;
    align-items: center;
    display: flex;
    height: 4rem;
    justify-content: center;
    width: 4rem;
    color: #fff;
    background-color: #17aabb;
    border-radius: 0 0.5rem 0.5rem 0;
    transition: background-color 0.2s ease-out;
  }
  .map-sidebar-button:hover,
  .map-sidebar-button:focus {
    background-color: rgba(0,0,0,0.68);
  }
  .map-sidebar-menu {
    font-size: 1.5rem;
    line-height: 1.333333333333333em;
  }
  .map-sidebar-menu-item {
    margin-bottom: 3rem;
  }
  .map-sidebar-menu-item:last-child {
    margin-bottom: 0;
  }
  .map {
    flex: 1;
  }
  .title-wrapper .back-button {
    align-self: flex-start;
    flex-shrink: 0;
    margin: 0 2.5rem 0 0;
  }
  .title-wrapper .back-button:last-child {
    margin-right: 0;
  }
  .col-lg {
    flex-grow: 1;
    margin-bottom: 0;
    width: auto;
  }
  .col-lg-1 {
    flex-grow: 0;
    margin-bottom: 0;
    width: 8.333333%;
  }
  .col-lg-2 {
    flex-grow: 0;
    margin-bottom: 0;
    width: 16.666666%;
  }
  .col-lg-3 {
    flex-grow: 0;
    margin-bottom: 0;
    width: 25%;
  }
  .col-lg-4 {
    flex-grow: 0;
    margin-bottom: 0;
    width: 33.333333%;
  }
  .col-lg-5 {
    flex-grow: 0;
    margin-bottom: 0;
    width: 41.666666%;
  }
  .col-lg-6 {
    flex-grow: 0;
    margin-bottom: 0;
    width: 50%;
  }
  .col-lg-7 {
    flex-grow: 0;
    margin-bottom: 0;
    width: 58.333333%;
  }
  .col-lg-8 {
    flex-grow: 0;
    margin-bottom: 0;
    width: 66.666666%;
  }
  .col-lg-9 {
    flex-grow: 0;
    margin-bottom: 0;
    width: 75%;
  }
  .col-lg-10 {
    flex-grow: 0;
    margin-bottom: 0;
    width: 83.333333%;
  }
  .col-lg-11 {
    flex-grow: 0;
    margin-bottom: 0;
    width: 91.666666%;
  }
  .col-lg-12 {
    flex-grow: 0;
    margin-bottom: 0;
    width: 100%;
  }
  .col-lg-stagger {
    align-self: flex-start;
    flex-grow: 0;
    margin-top: 4rem;
    margin-bottom: 0;
    width: 50%;
  }
  .col-lg-stagger:nth-child(2) {
    margin-top: 0;
  }
  .col-lg-stagger:nth-child(2n + 1) {
    margin-top: 15rem;
    margin-bottom: -11rem;
  }
  .col-lg-stagger:first-child {
    margin-top: 11rem;
  }
  .col-lg-stagger:nth-last-child(-n + 2) {
    margin-bottom: 0;
  }
  .offset-lg-0 {
    margin-left: 0;
  }
  .offset-lg-1 {
    margin-left: 8.333334%;
  }
  .offset-lg-2 {
    margin-left: 16.666667%;
  }
  .offset-lg-3 {
    margin-left: 25%;
  }
  .offset-lg-4 {
    margin-left: 33.333334%;
  }
  .offset-lg-5 {
    margin-left: 41.666667%;
  }
  .offset-lg-6 {
    margin-left: 50%;
  }
  .offset-lg-7 {
    margin-left: 58.333334%;
  }
  .offset-lg-8 {
    margin-left: 66.666667%;
  }
  .offset-lg-9 {
    margin-left: 75%;
  }
  .offset-lg-10 {
    margin-left: 83.333334%;
  }
  .offset-lg-11 {
    margin-left: 91.666667%;
  }
  .offset-lg-12 {
    margin-left: 100%;
  }
  .quote,
  .quote2,
  .quote3,
  .quote4,
  .quote5 {
    font-size: 5rem;
  }
  .carousel-biens .carousel-inner-wrapper {
    width: calc(100% + 50vw - 38rem);
  }
  .carousel-biens .carousel-item {
    width: calc(33.333333% - 7rem);
  }
  .carousel-biens .carousel-controls {
    position: absolute;
    top: 50%;
    right: calc(100% + 25vw - 19rem);
    z-index: 10;
    margin: 0;
    transform: translate3d(50%, -50%, 0);
  }
  .banner-menu {
    align-items: flex-end;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
  }
  .result-map-wrapper {
    position: sticky;
    top: 10rem;
    left: 0;
    float: right;
    height: calc(100vh - 10rem);
    margin: -6rem calc(-50vw + 38rem) 0 0;
    width: calc(50% + 50vw - 38rem);
    transform: none;
  }
  .result-map {
    height: 100%;
  }
  .result-map-wrapper:not([hidden]) ~ .result-list {
    float: left;
    margin: 0 0 0 calc(-50vw + 38rem);
    padding: 0 4rem;
    width: calc(50% + 50vw - 38rem);
  }
  .result-actions {
    align-items: center;
    display: flex;
  }
  .result-count {
    margin: 0 4rem 0 0;
    width: calc(100% - 2rem);
  }
  .result-map-wrapper:not([hidden]) ~ .result-list .result-count {
    flex-grow: 1;
    margin: 0 2rem 0 0;
    width: auto;
  }
  .result-button-wrapper {
    width: calc(50% - 2rem);
  }
  .result-map-wrapper:not([hidden]) ~ .result-list .result-button-wrapper {
    flex-grow: 1;
    width: auto;
  }
  .result-row {
    display: flex;
    flex-wrap: wrap;
	gap: 4rem;
  }
  .result-map-wrapper:not([hidden]) ~ .result-list .result-row {
    display: block;
  }
  .result-item {
    display: flex;
    flex-direction: column;
    width: calc(50% - 4rem);
	margin-bottom: 2rem;
  }
  .result-item:nth-child(-n + 2) {
    margin-top: 0;
  }
  .result-item:nth-child(2n),
  .result-item:last-child {
    margin-right: 0;
  }
  .result-map-wrapper:not([hidden]) ~ .result-list .result-item {
    margin: 4rem 0 0;
    width: 100%;
  }
  .result-map-wrapper:not([hidden]) ~ .result-list .result-item:first-child {
    margin-top: 0;
  }
  /*.result-item-content {
    display: flex;
    flex-direction: column;
    flex: 1;
  }*/
}
.filter-wrapper {
	padding: 1rem;
	background: #f2f8f6;
}


@media (min-width: 80em) {
  .title {
    font-size: 4.5rem;
  }
  .container {
    max-width: 120rem;
  }
  /*.content {
    margin: 0 auto 8rem;
    max-width: calc(66.666666% + 4rem);
  }*/
  .content img.left {
    margin: 0 6rem 0 -14rem;
  }
  .content img.right {
    margin: 0 -14rem 0 6rem;
  }
  .col-xl {
    flex-grow: 1;
    margin-bottom: 0;
    width: auto;
  }
  .col-xl-1 {
    flex-grow: 0;
    margin-bottom: 0;
    width: 8.333333%;
  }
  .col-xl-2 {
    flex-grow: 0;
    margin-bottom: 0;
    width: 16.666666%;
  }
  .col-xl-3 {
    flex-grow: 0;
    margin-bottom: 0;
    width: 25%;
  }
  .col-xl-4 {
    flex-grow: 0;
    margin-bottom: 0;
    width: 33.333333%;
  }
  .col-xl-5 {
    flex-grow: 0;
    margin-bottom: 0;
    width: 41.666666%;
  }
  .col-xl-6 {
    flex-grow: 0;
    margin-bottom: 0;
    width: 50%;
  }
  .col-xl-7 {
    flex-grow: 0;
    margin-bottom: 0;
    width: 58.333333%;
  }
  .col-xl-8 {
    flex-grow: 0;
    margin-bottom: 0;
    width: 66.666666%;
  }
  .col-xl-9 {
    flex-grow: 0;
    margin-bottom: 0;
    width: 75%;
  }
  .col-xl-10 {
    flex-grow: 0;
    margin-bottom: 0;
    width: 83.333333%;
  }
  .col-xl-11 {
    flex-grow: 0;
    margin-bottom: 0;
    width: 91.666666%;
  }
  .col-xl-12 {
    flex-grow: 0;
    margin-bottom: 0;
    width: 100%;
  }
  .col-xl-stagger {
    align-self: flex-start;
    flex-grow: 0;
    margin-top: 4rem;
    margin-bottom: 0;
    width: 50%;
  }
  .col-xl-stagger:nth-child(2) {
    margin-top: 0;
  }
  .col-xl-stagger:nth-child(2n + 1) {
    margin-top: 15rem;
    margin-bottom: -11rem;
  }
  .col-xl-stagger:first-child {
    margin-top: 11rem;
  }
  .col-xl-stagger:nth-last-child(-n + 2) {
    margin-bottom: 0;
  }
  .offset-xl-0 {
    margin-left: 0;
  }
  .offset-xl-0 {
    margin-right: 0;
    margin-left: 0;
  }
  .offset-xl-1 {
    margin-left: 8.333334%;
  }
  .offset-xl-2 {
    margin-left: 16.666667%;
  }
  .offset-xl-3 {
    margin-left: 25%;
  }
  .offset-xl-4 {
    margin-left: 33.333334%;
  }
  .offset-xl-5 {
    margin-left: 41.666667%;
  }
  .offset-xl-6 {
    margin-left: 50%;
  }
  .offset-xl-7 {
    margin-left: 58.333334%;
  }
  .offset-xl-8 {
    margin-left: 66.666667%;
  }
  .offset-xl-9 {
    margin-left: 75%;
  }
  .offset-xl-10 {
    margin-left: 83.333334%;
  }
  .offset-xl-11 {
    margin-left: 91.666667%;
  }
  .offset-xl-12 {
    margin-left: 100%;
  }
  .main-header {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    z-index: 40;
    display: block;
    color: #fff;
  }
  .main-header .container {
    align-items: center;
    display: flex;
    justify-content: space-between;
  }
  .scrolled .main-header {
    position: fixed;
  }
  .mobile-header {
    display: none;
  }
  .header-top-menu {
    margin-bottom: 0;
  }
  .header-top-menu::after {
    content: none;
  }
  ul.header-top-menu,
  .header-top-menu ul {
    display: flex;
  }
  .header-top-menu-item,
  .header-top-menu li {
    margin-right: 3rem;
    padding: 0;
  }
  .header-top-menu-item:last-child,
  .header-top-menu li:last-child {
    margin-right: 0;
  }
  .header-top-social {
    margin-bottom: 0;
  }
  .nav-button {
    display: none;
  }
  .header-logo-wrapper {
    margin-right: 1.5rem;
    padding: 1.4rem 0;
  }
  .header-logo-wrapper:last-child {
    margin-right: 0;
  }
  .scrolled .header-logo-wrapper {
    padding: 0;
  }
  .header-logo {
    height: 7.5rem;
  }
  .scrolled .header-logo {
    height: 4rem;
  }
  .header-logo-title {
    position: absolute;
    top: 100%;
    left: 50%;
    display: block;
    width: 15.9rem;
    transform: translate3d(-50%, 0, 0);
  }
  .scrolled .header-logo-title {
    display: none;
  }
  .header-menu {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    margin-bottom: 0;
    line-height: 2em;
  }
  .header-menu::after {
    content: none;
  }
  .header-menu-item {
    position: relative;
    margin-left: 35px;
    padding: 0;
  }
  .header-menu-item:first-child {
    margin-left: 0;
  }
  .header-menu-link {
    text-align: center;
  }
  .header-submenu {
    position: absolute;
    top: 100%;
    left: -2rem;
    min-width: calc(100% + 4rem);
    padding: 1rem 2rem;
    color: #5b5f66;
    white-space: nowrap;
    background-color: #fff;
    opacity: 0;
    transition: opacity 0.2s ease-out, visibility 0.2s ease-out;
    visibility: hidden;
  }
  .header-menu-item:last-child .header-submenu {
    left: auto;
    right: -2rem;
  }
  .header-menu-item:hover .header-submenu {
    opacity: 1;
    visibility: visible;
  }
  .header-submenu-item {
    padding: 0.5rem 0;
  }
  .header-submenu-link {
    font-weight: 700;
  }
  .cta-wrapper {
    position: fixed;
    top: 13.2rem;
    right: 0;
    z-index: 30;
    display: block;
  }
  .cta-item {
    margin-bottom: 0.2rem;
  }
  .cta-item:last-child {
    margin-bottom: 0;
  }
  .cta-link {
    align-items: center;
    display: flex;
    justify-content: center;
    height: 5.7rem;
    width: 5.7rem;
    color: #fff;
    background-color: #127b7e;
    border-radius: 0.2rem;
    transition: background-color 0.2s ease-out;
	clip-path: polygon(0 0, 100% 0, 100% 100%, 10px 100%, 0 calc(100% - 10px));
  }
  .cta-link:hover,
  .cta-link:focus {
    color: #fff;
    background-color: #f5c934;
  }
  .footer-bottom {
    align-items: center;
    display: flex;
    justify-content: space-between;
  }
  .footer-bottom-text {
    margin: 0 3rem 0 0;
  }
  .footer-bottom-text:last-child {
    margin-right: 0;
  }
  .footer-bottom-menu {
    margin: 0 3rem 0 0;
  }
  .footer-bottom-menu:last-child {
    margin-right: 0;
  }
  .footer-band {
    padding: 2rem 15rem;
  }
  .number {
    font-size: 8rem;
  }
  .image-block {
    display: flex;
  }
  .image-block-image-wrapper {
    left: auto;
    width: calc(50% + 50vw - 48rem);
    transform: none;
  }
  .image-block-image-wrapper:first-child {
    margin-left: calc(-50vw + 48rem);
  }
  .image-block-image-wrapper:last-child {
    margin-right: calc(-50vw + 48rem);
  }
  .image-block-image {
    min-height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    font-family: 'object-fit: cover';
  }
  .image-block-content {
    padding: 6rem 0;
    width: calc(50% + 50vw - 48rem);
  }
  .image-block-content:first-child {
    margin-left: calc(-50vw + 48rem);
    padding-right: 6rem;
    padding-left: 6rem;
  }
  .image-block-content:last-child {
    margin-right: calc(-50vw + 48rem);
    padding-left: 6rem;
    padding-right: 6rem;
  }
  .breadcrumb {
    margin-bottom: 4rem;
  }
  .carousel-inner-wrapper {
    margin-bottom: 4rem;
  }
  .carousel-item {
    width: calc(33.333333% - 2rem);
  }
  /*.carousel-prev {
    right: calc(100% + 7.8rem);
  }*/
  .carousel-next {
    left: calc(100% + 7.8rem);
  }
  .carousel-nav {
    margin: 2rem auto 0;
    width: calc(33.333333% - 2rem);
    justify-content: center;
    text-align: center;
  }
  .carousel-button {
    width: calc(33.333333% - 2rem);
  }
  .home-carousel .container {
    padding-top: 20rem;
  }
  .home-carousel .carousel-title {
    font-size: 11rem;
  }
  .home-carousel .carousel-subtitle {
    font-size: 4rem;
  }
  .carousel-biens {
    padding-left: calc(25% - 2rem);
  }
  .carousel-biens .carousel-inner-wrapper {
    width: calc(100% + 50vw - 48rem);
  }
  .carousel-biens .carousel-controls {
    left: 0;
    right: auto;
    transform: translate3d(0, -50%, 0);
  }
  .banner-content {
    padding: 20rem 0 6rem;
  }
  .banner-title {
    font-size: 6rem;
  }
  .banner-title b,
  .banner-title strong,
  .banner-title .bold {
    font-size: 8rem;
  }
  .banner-subtitle {
    font-size: 6rem;
  }
  .home-banner .banner-title {
    font-size: 11rem;
  }
  .filter-wrapper {
    display: flex;
  }
  .filter-fieldset:only-of-type,
  .filter-fieldset.active {
    flex: 1;
    flex-wrap: nowrap;
  }
  .filter-field {
    flex-basis: 0;
  }
  .filter-submit {
    width: 15rem;
  }
  .map {
    max-height: calc(100vh - 6rem);
  }
  .news-highlight,
  .news-detail-intro {
    position: relative;
    display: flex;
    flex-wrap: wrap;
  }
	/*
  .news-detail-intro + .content::before {
    float: left;
    height: calc(33.428165007112376vw + 1.337126600284495rem);
    margin: -11rem 5rem 0 calc(-50vw + 48rem);
    width: calc(50% + 50vw - 46rem);
    content: '';
  }*/
  .news-highlight-image-wrapper {
    position: relative;
    z-index: 10;
    flex-shrink: 0;
    margin: -19rem 0 0 calc(-50vw + 48rem);
    order: 1;
    width: calc(58.333333% + 50vw - 48rem);
  }
  .news-detail-intro-image-wrapper {
    position: absolute;
    top: 17rem;
    left: calc(-50vw + 48rem);
    z-index: 10;
    width: 45vw;
  }
  .news-highlight-content,
  .news-detail-intro-content {
    position: relative;
    z-index: 0;
    margin-left: 20%;
    padding: 5rem 0 10rem 6rem;
    width: calc(83.333333% + 2rem);
  }
  .news-highlight-content::before,
  .news-detail-intro-content::before {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    z-index: -10;
    width: calc(100% + 50vw - 48rem);
    background-color: #fef6e1;
    content: '';
  }
  .news-detail-intro-content {
    padding: 4rem 0 8rem 20rem;
  }
  .news-highlight-content-row {
    display: flex;
    flex-wrap: wrap;
  }
  .news-highlight-intro {
    margin-right: 5rem;
    padding-bottom: 13rem;
    width: calc(50% - 2.5rem);
  }
  .news-highlight-excerpt {
    width: calc(50% - 2.5rem);
  }
  .news-detail-intro .back-button {
    position: absolute;
    top: 12rem;
    left: 0;
    margin-bottom: 0;
    transform: translate3d(0, -50%, 0);
  }
  .result-map-wrapper {
    margin: -6rem calc(-50vw + 48rem) 0 0;
    width: calc(66.666666% + 50vw - 48rem);
  }
  .result-map-wrapper:not([hidden]) ~ .result-list {
    margin-left: calc(-50vw + 48rem);
    width: calc(33.333333% + 50vw - 48rem);
  }
  .content-sidebar {
    float: left;
    margin: 0 7rem 0 0;
    width: 25rem;
  }
  .content-sidebar + .content {
    max-width: none;
    padding-left: 32rem;
  }
  .content-sidebar + .content:after {
    clear: both;
    display: table;
    content: '';
  }
  .secondary-menu {
    margin-bottom: 8rem;
  }
	
  .app-block::before {
    position: absolute;
    top: 15rem;
    left: calc(-50vw + 58rem);
    height: 42.1rem;
    width: 35.6rem;
    background: url(/template/tarnhabitat-2025/img/main-portable.webp) center/cover no-repeat;
    content: '';
    z-index: -1; /* si besoin derrière */
}
  .quick-access {
    position: relative;
    z-index: 0;
    float: left;
    margin: 0 8rem 0 -10rem;
    padding-left: 0;
    width: 28rem;
  }
  .quick-access::before {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: -10;
    width: calc(50vw - 30rem);
    background-color: inherit;
    content: '';
  }
  .quick-access::after {
    position: absolute;
    top: -8rem;
    right: calc(-50vw - 80rem + 48rem);
    z-index: -10;
    height: 26rem;
    width: 8rem;
    background-color: #e6b00f;
    content: '';
  }
  .quick-access + .content {
    max-width: none;
    padding-left: 26rem;
  }
  .quick-access + .content:after {
    clear: both;
    display: table;
    content: '';
  }
  #contentarea .quick-access {
    float: none;
    margin: 0 0 4rem;
    padding-left: 5rem;
    width: auto;
  }
  #contentarea .quick-access::before,
  #contentarea .quick-access::after {
    content: none;
  }
  #contentarea .quick-access + .content {
    max-width: calc(66.666666% + 4rem);
    padding-left: 0;
  }
}
@media (min-width: 105em) {
  .image-block-content:first-child {
    padding-left: calc(50vw - 74rem);
  }
  .image-block-content:last-child {
    padding-right: calc(50vw - 74rem);
  }
}
@media (min-width: 1023px) {
	.icon-plus::before {
		position: absolute;
		display: inline-block;
		content: '';
		width: 80px;
		height: 80px;
		left: 30%;
		top: 48%;
		opacity: .5;
		background-image: url(/template/tarnhabitat-2025/img/picto-chiffes-cles.svg);
	}
	.icon-plus::after {
		position: absolute;
		display: inline-block;
		content: '';
		width: 80px;
		height: 80px;
		right: 30%;
		top: 48%;
		opacity: .5;
		background-image: url(/template/tarnhabitat-2025/img/picto-chiffes-cles.svg);
	}
}
.section-newsletter .title
{
	    font-weight: 100;
}
.footer-logo {
	width:150px;
}
.footer-band-image {
	width:150px;
	display: block;
}
.addresse img {
	width:30px;
}

.footer-top,
.footer-bottom { position: relative; }

/* barre centrée en bas de .footer-top */
.footer-top::after {
  content:"";
  position:absolute;
  left:50%;
  bottom:0;
  transform:translateX(-50%);
  width:6.2rem;
  height:0.4rem;
  background:#127b7e;
}

/* barre centrée en haut de .footer-bottom */
.footer-bottom::before {
  content:"";
  position:absolute;
  left:50%;
  top:0;
  transform:translateX(-50%);
  width:6.2rem;
  height:0.4rem;
  background:#127b7e;
}
.d-flex {
	display: flex;
	align-items: center;
	gap: 16px;
}
.space-between {
	    justify-content: space-between;
}
.justify-center {
	justify-content: center;
}
.mt-3 {
	margin-top: 3rem;
}

video {
 border: 1px solid #127b7e;
}

.site-map ul li {
  color: #000; /* noir par défaut */
  font-size: 2rem;
}

/* Premier niveau */
.site-map > ul > li {
  font-weight: bold;
  color: #127b7e;
}

/* Deuxième niveau */
.site-map > ul > li > ul > li {
  color: #000;
  font-weight: normal;
}

/* Troisième niveau */
.site-map > ul > li > ul > li > ul > li {
  color: #000;
}

.leaflet-container a { color: #000; }

.title-wrapper {
	margin-bottom: 4rem;
}
.d-block {
	display:block;
}
.white {
	color: #fff;
}
.info {
	margin-bottom: 2rem;
	font-weight: bold;
}
.formulaire {
	margin-bottom: 2rem;
	align-items: start;
}
.info a:not([href^="mailto:"]) {
  text-decoration: none;
}
.info img {
	width: 50px;
}
.formulaire div.picto-formulaire img {
	width:35px
}
.formulaire div.picto-ordinateur img {
	width:55px;
}
.formulaire a {
    color: #127b7e;
	font-weight: bold;
}
.formulaire > div:first-child {
	min-width: 60px;
	margin-top:1rem;
}
.addresse {
	text-align:left;
}
@media (max-width: 32em) {
	.footer-top {
		text-align:center;
	}
}
.encart-vert {
	background-color: #127b7e;
	background-size: auto 100%;
    background-repeat: no-repeat;
    padding: 7rem;
    margin-bottom: 5rem;
    margin-top: 5rem;
    color: #fff;
}

.encart-vert.assurance {
	background-image: url(/template/tarnhabitat-2025/img/bandeau-assurance-habitation.webp);
}
.encart-vert.entretien {
	background-image: url(/template/tarnhabitat-2025/img/bandeau-Entretien-et-reparations-locatives.webp);
}
.encart-vert.etatlieux {
	background-image: url(/template/tarnhabitat-2025/img/bandeau-etat-des-lieux-de-sortie.webp);
}
.encart-vert.etatlieuxentree {
	background-image: url(/template/tarnhabitat-2025/img/bandeau-etat-des-lieux.webp);
}
.encart-vert.regie {
	background-image: url(/template/tarnhabitat-2025/img/bandeau-La-Regie-Technique.webp);
}
.encart-vert.solde {
	background-image: url(/template/tarnhabitat-2025/img/bandeau-Le-solde-de-votre-compte-locataire.webp);
}
.encart-vert.associations {
	background-image: url(/template/tarnhabitat-2025/img/bandeau-Les-associations-de-locataires.webp);
}
.encart-vert.metiers {
	background-image: url(/template/tarnhabitat-2025/img/bandeau-Nos-metiers.webp);
}
.encart-vert.valeurs {
	background-image: url(/template/tarnhabitat-2025/img/bandeau-Nos-valeurs-nos-engagements.webp);
}
.encart-vert.patrimoine {
	background-image: url(/template/tarnhabitat-2025/img/bandeau-Notre-patrimoine.webp);
}
.encart-vert.quisommesnous {
	background-image: url(/template/tarnhabitat-2025/img/bandeau-Qui-sommes-nous.webp);
}
.encart-vert.voisinage {
	background-image: url(/template/tarnhabitat-2025/img/bandeau-Regles-de-bon-voisinage.webp);
}
.encart-vert.travaux {
	background-image: url(/template/tarnhabitat-2025/img/bandeau-Travaux-et-embellissement-du-logement.webp);
}
.encart-vert.avantages {
	background-image: url(/template/tarnhabitat-2025/img/bandeau-vos-avantages.webp);
}
.encart-vert.contratlocation {
	background-image: url(/template/tarnhabitat-2025/img/bandeau-votre-contrat-de-location.webp);
}
.encart-vert.demandelogement {
	background-image: url(/template/tarnhabitat-2025/img/bandeau-votre-demande-de-logement-en-quelques-clic.webp);
}
.encart-vert.gardien {
	background-image: url(/template/tarnhabitat-2025/img/bandeau-votre-gardien.webp);
}
.encart-vert.lettreinformation {
	background-image: url(/template/tarnhabitat-2025/img/bandeau-Votre-lettre-d-information.webp);
}
.encart-vert.loyer {
	background-image: url(/template/tarnhabitat-2025/img/bandeau-votre-loyer-et-vos-charges.webp);
}
.encart-vert.preavis {
	background-image: url(/template/tarnhabitat-2025/img/bandeau-Votre-preavis.webp);
}
.encart-vert.projetserenite {
	background-image: url(/template/tarnhabitat-2025/img/bandeau-votre-projet-en-toute-serenite.webp);
}
.encart-vert.situation {
	background-image: url(/template/tarnhabitat-2025/img/bandeau-Votre-situation-change.webp);
}
.encart-vert.changerlogement {
	background-image: url(/template/tarnhabitat-2025/img/bandeau-Vous-souhaitez-changer-de-logement.webp);
}
.encart-vert.conseiller {
	background-image: url(/template/tarnhabitat-2025/img/bandeau-votre-projet-en-toute-serenite.webp);
}

@media (min-width: 1023px) {
	.encart-vert {
		padding-left: 20rem;
		padding-right: 6rem;
	}
}