@charset "utf-8";
@import url(gallery.css);

@font-face {
  font-family: "Cairo";
  src: url("Cairo-ExtraLight.eot");
  src:
    local("Cairo-ExtraLight"),
    url("Cairo-ExtraLight.eot?#iefix") format("embedded-opentype"),
    url("Cairo-ExtraLight.woff2") format("woff2"),
    url("Cairo-ExtraLight.woff") format("woff"),
    url("Cairo-ExtraLight.ttf") format("truetype");
  font-weight: 200;
  font-style: normal;
}

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

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

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

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

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

@font-face {
  font-family: "Covered By Your Grace";
  src: url("../fonts/CoveredByYourGrace-Regular.eot");
  src:
    local("Covered By Your Grace"),
    url("../fonts/CoveredByYourGrace-Regular.woff2") format("woff2"),
    url("../fonts/CoveredByYourGrace-Regular.woff") format("woff"),
    url("../fonts/CoveredByYourGrace-Regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "Source Sans 3";
  src:
    url("../fonts/SourceSans3-VariableFont_wght.woff2") format("woff2"),
    url("../fonts/SourceSans3-VariableFont_wght.woff") format("woff");
  /* font-weight: normal;
	font-style: normal; */
}

@font-face {
  font-family: "Fontfabric Mont Bold";
  src:
    url("../fonts/Fontfabric-Mont-Bold.woff2") format("woff2"),
    url("../fonts/Fontfabric-Mont-Bold.woff") format("woff");
  font-weight: bold;
  font-style: normal;
}

/*===============================*\
#    INITIALISATION DES STYLES    #
\*===============================*/
* {
  box-sizing: inherit;
}

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

html {
  font-size: 62.5%;
}

body {
  background: #fff;
  color: #222;
  font-family: "Source Sans 3";
  font-size: 1.8rem;
  overflow-x: hidden;
  /*-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;*/
  line-height: 1.4;
  box-sizing: border-box;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}

::selection {
  background-color: #222;
  color: #fff;
  text-shadow: none;
}

blockquote,
q {
  quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
  content: "";
  content: none;
}

blockquote {
  padding: 1em 2em;
  background: #f3d4b8;
  margin: 1em auto;
}

blockquote a {
  color: #1a5036 !important;
}

attr {
  text-decoration: underline dotted rgba(0, 0, 0, 0.2);
  cursor: help;
}

sup {
  font-size: 0.8em;
  line-height: 1;
  vertical-align: super;
}

strong {
  font-weight: 700;
}

h1,
.h1,
.homeins-slider-container h2 {
  font-family: "Source Sans 3";
  font-size: 4rem;
  line-height: 4.5rem;
  font-weight: bold;
  margin: 0 20% 1em 20%;
  text-align: center;
  text-transform: uppercase;
}

h1,
h2,
h3,
h4 {
  margin: 1.5em 0 1em 0;
}

h2 {
  color: #a386bf;
  font-size: 22px;
  font-weight: bold;
}

h3 {
  color: #a5cadb;
  font-size: 20px;
  font-weight: bold;
}

h4 {
  color: #e2936a;
  font-size: 1.1em;
  font-weight: bold;
}

h1 a,
h2 a,
h3 a,
h4 a {
  color: inherit;
  text-decoration: none;
}

p {
  margin: 1em 0;
}

.textAndImages .code_html > :first-child,
p:first-child {
  margin-top: 0;
}

.textAndImages .code_html > :last-child,
p:last-child {
  margin-bottom: 0;
}

p:empty {
  display: none;
}

ul {
  list-style: none;
  margin-top: 15px;
}

ul > li::before {
  content: url(/images/refonte2024/liste_menu.svg);
  /* width: 0.4em;
	height: 0.4em; */
  display: inline-block;
  margin: 0 10px 0 0;
  vertical-align: baseline;
  /* background: currentColor; */
}

#tarteaucitron li::before {
  display: none;
}

ol {
  counter-reset: n;
  list-style: none;
}

ol > li::before {
  counter-increment: n;
  content: counter(n) ".";
  display: inline-block;
  margin: 0 0.4em 0 0;
  vertical-align: baseline;
  opacity: 0.8;
  font-weight: bold;
}

li ul,
li ol {
  margin-left: 1em;
}

a {
  margin: 0;
  padding: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
  color: inherit;
}

.ligne-article a {
  color: #e2936a;
}

abbr[title],
dfn[title] {
  border-bottom: 1px dotted #ccc;
  cursor: help;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
  margin: 1em 0;
}

table.structure {
  border-collapse: separate;
  border-spacing: 0;
  margin: 0;
  width: 100%;
  border: none;
}

table.structure td {
  vertical-align: top;
  padding: 0;
  border: none;
}

th {
  font-weight: bold;
  text-align: inherit;
  background-color: #e2936a;
  color: #fff;
  border: 0.2rem solid #fff;
  padding: 0.5em 0.5em;
  font-size: 1.2em;
}

tr:nth-child(even) {
  background-color: rgba(0, 0, 0, 0.05);
}

td {
  padding: 0.5em;
  border: 0.1rem solid #ddd;
}

img {
  border: 0;
  vertical-align: bottom;
  max-width: 100%;
  height: auto;
}

.container,
.half-container {
  position: relative;
  width: 1200px;
  margin: 0 auto;
  padding: 0;
  max-width: calc(100% - 6rem);
}

.container .container {
  max-width: 100%;
}

.article-cols-col .container,
.article-cols-col .half-container {
  width: auto;
  max-width: none;
}

@media (min-width: 991px) {
  .half-container {
    width: 600px;
  }

  .half-container.gauche {
    margin-right: 0;
  }

  .half-container.droite {
    margin-left: 0;
  }
}

@media (max-width: 990px) {
  .container,
  .half-container {
    width: calc(100% - 6rem);
  }
}

.ligne-article {
  margin-bottom: 1em;
}

.article > .ligne-article:last-child {
  margin-bottom: 8rem;
}

.article > .formulaire {
  width: 960px;
  margin: 0 auto;
  max-width: calc(100% - 6rem);
}

@media (min-width: 991px) {
  .article-cols,
  .textAndImages {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
  }

  .article-cols > *,
  .textAndImages > * {
    flex: 1 1 50%;
    width: calc(50% - 1.5rem);
  }
}

@media (min-width: 768px) {
  .article-cols > :not(:first-child) {
    margin-left: 3rem;
  }
}

.textAndImages .intext_left {
  order: -1;
  margin-right: 3rem;
}

.textAndImages .intext_right {
  order: 1;
  margin-left: 3rem;
}

.textAndImages img:not(:first-child) {
  margin-top: 1em;
}

.map img {
  max-width: inherit;
}

.clear {
  clear: both;
  border: none;
  height: 0;
  line-height: 0;
  margin: 0;
  padding: 0;
  visibility: hidden;
  overflow: hidden;
}

.article-trait {
  border: none;
  margin: 0 auto;
  height: 2em;
}

.article-trait.clear {
  border-top: 0.2rem solid #ccc;
  margin: 2em auto;
  visibility: visible;
  height: 0;
}

@media (max-width: 990px) {
  .textAndImages > :not(.structured_text_semantique_text) {
    max-width: 54rem;
    margin: 3rem auto;
  }
}

#overDiv {
  left: 0;
  top: 0;
}

.pager {
  text-align: center;
  margin: 2rem 0;
}

.pager a {
  display: inline-block;
  vertical-align: middle;
  background: #f3d4b8;
  text-align: center;
  padding: 0.6rem 1.2rem;
  min-width: 2rem;
  text-decoration: none;
  color: #e2936a;
  border-radius: 50px;
  width: 120px;
}

.pager a:hover {
  background: #1a5036;
  color: #fff;
}

.pager a.pager_active_page {
  color: #fff;
}

table.colonnes {
  border: none;
  border-collapse: separate;
  border-spacing: 0;
  margin: 0;
  width: 100% !important;
}

table.colonnes,
table.colonnes tbody {
  display: block;
}

table.colonnes tr {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}

table.colonnes td {
  flex: 1 1 100%;
  border: none;
  padding: 0;
}

table.colonnes td:not(:first-child) {
  margin-left: 1.5em;
}

@media (max-width: 990px) {
  table.colonnes tr,
  table.colonnes td {
    display: block;
  }

  table.colonnes td:not(:first-child) {
    margin: 3rem auto 0 auto;
  }
}

@media not all and (pointer: none) {
  * {
    outline: none;
  }
}

/* Formulaires */
label {
  display: block;
}

input,
select,
textarea {
  /* background: #ececec; */
  font-size: 1.8rem;
  border: none;
  border-radius: 1.1111em;
  text-align: left;
  font-family: Cairo, Arial, sans-serif;
  box-sizing: border-box;
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  padding: 0 1.5em;
  width: 100%;
}

[type="text"],
[type="email"],
[type="mail"],
[type="tel"],
[type="number"],
[type="url"],
[type="search"],
[type="password"],
[type="date"] {
  /* height: 2.2222em; */
  line-height: 2.2222em;
  width: 100%;
  display: inline-block;
  vertical-align: middle;
  margin: 0;
  box-sizing: border-box;
}

select,
textarea,
[type="text"],
[type="email"],
[type="mail"],
[type="tel"],
[type="number"],
[type="url"],
[type="search"],
[type="password"],
[type="date"] {
  background: #f3d4b8;
}

input[type="submit"],
input[type="button"],
input[type="reset"],
a[class*="btn-"],
a.bouton,
.boutonOuter a,
div.bouton {
  display: inline-block;
  border: none;
  font-size: 2rem;
  line-height: 2.5rem;
  vertical-align: middle;
  padding: 0.525em 2em;
  min-width: 8.5em;
  text-decoration: none;
  cursor: pointer;
  border-radius: 3em;
  box-sizing: border-box;
  margin: 1rem;
  background-color: #e2936a;
  color: #fff;
  text-align: center;
  font-weight: normal;
  width: auto;
  transition: 0.3s ease-out;
  transition-property: color, background-color, border-color;
  text-transform: uppercase;
}

a.bouton:hover {
  background-color: #1a5036;
}

input[type="submit"]:first-child,
input[type="button"]:first-child,
input[type="reset"]:first-child,
a.bouton:first-child,
.boutonOuter a:first-child,
div.bouton:first-child {
  margin-left: 0;
}

input[type="submit"]:last-child,
input[type="button"]:last-child,
input[type="reset"]:last-child,
a.bouton:last-child,
.boutonOuter a:last-child,
div.bouton:last-child {
  margin-right: 0;
}

input[type="submit"]:focus,
input[type="submit"]:hover,
input[type="button"]:focus,
input[type="button"]:hover,
input[type="reset"]:focus,
input[type="reset"]:hover,
a.bouton:focus,
.boutonOuter a:focus,
.boutonOuter a:hover,
div.bouton:focus,
div.bouton:hover,
a:focus .bouton,
a[class*="btn-"]:focus,
a[class*="btn-"]:hover,
a:hover .bouton {
  background: #e2936a;
  color: #fff;
}

input.bouton-rose,
a.bouton-rose,
a.btn-pink,
.bouton-rose input,
.bouton-rose a {
  background-color: #e2936a;
}

a.bouton-vert,
a.bouton-vert,
a.btn-green,
.bouton-vert a {
  background-color: #e2936a;
}

.bouton-vert a {
  background-color: #e2936a;
}

input.bouton-bleu,
a.bouton-bleu,
.bouton-bleu input,
.bouton-bleu a {
  background-color: #a5cadb;
}

.bouton.bouton-blanc {
  background-color: #fff !important;
  color: #e2936a !important;
}

.bouton.bouton-blanc:hover {
  background-color: #1a5036 !important;
  color: #fff !important;
}

.bouton.bouton-rose-clair {
  background-color: #f3d4b8;
  color: #000000;
}

.bouton.bouton-fleche:after {
  content: url(/images/refonte2024/fleche-bouton.svg);
  margin-left: 1rem;
}

.text-blanc,
.text-blanc a {
  color: #fff !important;
}

.text-mauve {
  color: #a386bf;
}

.pad-84 {
  padding: 8rem 4rem !important;
}

.bg-blanc {
  background: #ffffff !important;
}

.bg-vert {
  background: #1a5036 !important;
}

select {
  height: 2.2222em;
  position: relative;
}

.form-submit {
  text-align: center;
}

.select {
  position: relative;
}

.select::after {
  content: "";
  position: absolute;
  right: 1.1em;
  top: 0.9em;
  border: none;
  border-left: 0.3em solid #e2936a;
  border-bottom: 0.3em solid #e2936a;
  border-radius: 0.2em 0;
  width: 0.6em;
  height: 0.6em;
  transform-origin: center center;
  transform: rotate(-45deg);
  pointer-events: none;
}

@media (-ms-high-contrast: none) {
  /* patch IE */
  .select {
    overflow: hidden;
    border-radius: 5rem;
  }

  .select select {
    padding-right: 0;
    width: calc(100% + 3rem);
  }
}

textarea {
  padding: 0.9rem 1.5em;
  line-height: 1.2222em;
  width: 100%;
  min-width: 100%;
  max-width: 100%;
  min-height: 2.2222em;
  box-sizing: border-box;
  resize: vertical;
}

.check-flex {
  display: flex;
  align-items: baseline;
  justify-content: flex-start;
}

.check-flex-input {
  flex: 0 0 auto;
  width: 1.2em;
  margin: 0 0.5em 0 0;
}

.check-flex-label {
  flex: 1 1 auto;
}

[type="checkbox"],
[type="radio"] {
  border: 0.1em solid #e2936a;
  background-color: #e2936a;
  width: 1.2em;
  height: 1.2em;
  padding: 0;
  border-radius: 0.2em;
  font-size: 1em;
  box-shadow: inset 0 0 0 0.8em #fff;
  transition: box-shadow 0.3s ease-out;
  margin: 0 0 -0.25em 0;
}

[type="checkbox"]:checked,
[type="radio"]:checked {
  box-shadow: inset 0 0 0 0.1em #fff;
}

[type="radio"] {
  border-radius: 50%;
}

.row {
  margin: 1em auto;
}

/* @changelog 2024-10-14 [FIX] (Nicolas) Gestion des colonnes des champs */
fieldset:has(.w-50) {
  display: flex;
  flex-wrap: wrap;
  gap: 17px 6px;
}

fieldset:has(.w-50) .row {
  margin: 0;
  width: 100%;
}

@media (min-width: 992px) {
  fieldset:has(.w-50) .row:has(.w-50) {
    width: calc(50% - 3px);
  }
}

.row.check-reverse {
  text-indent: calc(-1.2em - 0.25em);
  padding-left: calc(1.2em + 0.25em);
}

.row.check-reverse > * {
  display: inline;
}

/*.row input,
.row .select{width:100%;}*/
.row textarea {
  width: 100%;
  min-width: 100%;
  max-width: 500px;
}

.row input[type="file"] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  height: auto;
  padding: 0.4em 1.5em;
  line-height: 1;
}

.row .aide {
  border-left: 0.2rem solid #aaa;
  margin: 0 0 0 2.7rem;
  padding: 0.5rem 0 0 1rem;
  font-size: 0.8em;
  color: #222;
}

.row .aide.error {
  border-color: #f00;
  color: #f00;
}

.row .aide:first-child {
  padding: 0 0 0.5rem 1rem;
}

.row .aide > :first-child {
  margin-top: 0;
}

.row .aide > :last-child {
  margin-bottom: 0;
}

.submit {
  text-align: center;
}

.group_multi_radio .multi_radio,
.group_multi_checkbox .multi_checkbox {
  display: inline-block;
  vertical-align: middle;
  margin: 0.5em 3em 0.5em 0;
}

.group_multi_radio .multi_radio label,
.group_multi_checkbox .multi_checkbox label {
  display: inline-block;
  cursor: pointer;
}

legend {
  font-size: 2rem;
  font-weight: 300;
  border-bottom: 1px solid #ccc;
  display: block;
  width: 100%;
  margin: 3rem 0 0 0;
  padding: 0 0 0.5rem 0;
  text-align: center;
}

#captcha {
  margin-top: 1em;
}

.captcha-champs {
  display: flex;
  align-items: stretch;
  justify-content: flex-start;
  position: relative;
}

.captcha-image {
  flex: 0 0 auto;
  width: 16rem;
  height: 5rem;
  padding: 0 0 0 1rem;
  background: #ffc2c2;
  border-radius: 5rem 0 0 5rem;
  overflow: hidden;
  margin: 0.5rem 0;
}

.captcha-image img {
  display: block;
  width: 15rem;
  height: 5rem;
}

.captcha-reload {
  display: inline-flex;
  flex: 0 0 auto;
  width: 5rem;
  height: 5rem;
  font-weight: bold;
  align-items: center;
  justify-content: center;
  background-color: #dbd0df;
  color: #000;
  font-size: 2rem;
  text-decoration: none;
  border-radius: 0 5rem 5rem 0;
  padding: 0 0.5rem 0 0;
  margin: 0.5rem 1rem 0.5rem 0;
}

.captcha-input {
  flex: 0 0 auto;
  width: 21rem;
  height: 5rem;
  margin: 0.5rem 0rem;
}

.captcha-input input {
  height: 5rem;
  border-radius: 5rem;
}

.message.error {
  text-align: center;
  font-size: 2rem;
  color: #222;
  border: 0.1rem solid #ccc;
  padding: 0.5em 1em;
}

/*.page-content .widget:not(.show):not(.footer .widget):not(.accueil .page-content .home-actus-container .widget):not(.actualites .page-homeactualites .zoneactus-thematiques) {*/
.page-content
  .widget:not(.show):not(.footer .widget):not(
    .accueil .page-content .home-actus-container .widget
  ) {
  display: none;
}

.widget.no-title .titre {
  display: none;
}

input,
select {
  height: unset;
  padding: 10px 20px;
  border-radius: 2em;
}

select {
  font-weight: bold;
}

#field25 {
  background: #e2936a;
}

.form-contact-champ.motif .select::after {
  border-left: 0.3em solid #f3d4b8 !important;
  border-bottom: 0.3em solid #f3d4b8 !important;
}

/*============*\
#    HEADER    #
\*============*/
.header {
  background: #fff;
  display: flex;
  align-items: stretch;
  justify-content: space-between;
  flex-wrap: wrap;
  position: relative;
  z-index: 2;
}

.header .titre {
  display: none;
}

.page-content {
  position: relative;
  z-index: 1;
}

/* Header : logo */
.header-logo {
  flex: 0 0 auto;
  order: -2;
  text-align: center;
}

.header-logo h1 {
  margin: 0;
  font-size: 1em;
}

.header-logo h1::after {
  display: none;
}

.header-logo a {
  display: block;
  background: transparent;
  padding: 2.1rem 4rem 1.7rem 3rem;
  transition: background-color 0.3s ease-out;
}

.header-logo a:focus,
/* .header-logo a:hover{background-color:#ff0066;} */
.header-logo img {
  width: 24.3rem;
  height: 4.2rem;
}

/* Point de rupture site commercial */
@media (max-width: 1440px) {
  .SH-siteCom .header-logo {
    margin-right: auto;
  }
}

/* Point de rupture site institutionnel */
@media (max-width: 1640px) {
  .SH-siteIns .header-logo {
    margin-right: auto;
  }
}

/* Points de rupture communs */
@media (max-width: 990px) {
  .header-logo {
    margin-right: 0;
    width: 31%;
  }

  .header-logo a {
    padding-left: 1rem;
    padding-right: 1rem;
  }
}

@media (max-width: 540px) {
  .header-logo {
    flex: 1 1 auto;
    width: 100%;
    margin: 0;
  }
}

/* Header : menu */
.header-menu--niv1 {
  height: 100%;
  display: flex;
  align-items: stretch;
  justify-content: flex-start;
  list-style: none;
}

.header-menu--niv1-item {
  display: flex;
  align-items: stretch;
  justify-content: center;
  position: relative;
  flex: 0 0 auto;
}

.header-menu--niv1-item::before {
  display: none;
}

.header-menu--niv1-item:not(:last-child)::after {
  content: "";
  height: 1em;
  width: 0.2rem;
  background: #000;
  align-self: flex-end;
  margin: 0 0 3rem 0;
}

.header-menu--niv1-lien {
  margin: 0 1rem;
  padding: 0 1rem 3rem 1rem;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  font-size: 1.4rem;
  font-weight: bold;
  text-transform: uppercase;
  color: #000;
  text-decoration: none;
  line-height: 1;
  position: relative;
}

.header-menu--niv1-lien::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0.5rem;
  height: 0rem;
  background: #f3d4b8;
  transition: height 0.3s ease-out;
}

li.active > .header-menu--niv1-lien::after {
  height: 0.4rem;
}

li:focus > .header-menu--niv1-lien::after,
li:hover > .header-menu--niv1-lien::after {
  height: 0.8rem;
}

.header-menu--niv2-box {
  background: #fff;
  position: absolute;
  left: 0;
  top: 100%;
  width: 100%;
  z-index: 3;
}

/* .header-menu--niv2-box::before {
	content: "";
	position: absolute;
	left: calc(50% - 0.8rem);
	top: -0.5rem;
	transform-origin: center top;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0.8rem 0.8rem 0 0.8rem;
	border-color: #ff0066 transparent transparent transparent;
	z-index: 2;
	transform: scaleY(0);
	transition: transform 0.3s ease-out;
} */

li:focus > .header-menu--niv2-box::before,
li:hover > .header-menu--niv2-box::before {
  transform: scaleY(1);
}

.header-menu--niv2-box::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: -100vw;
  right: -100vw;
  background: #f3d4b8;
  z-index: 0;
}

.header-menu--niv2 {
  list-style: none;
  text-align: left;
  display: none;
  width: 30rem;
  z-index: 1;
  position: relative;
  margin: 0;
  padding: 2.5rem 0;
}

.header-menu--niv2-item {
  font-size: 1.6rem;
  margin: 0.5em 0 0.5em 1rem;
  color: #000;
}

.header-menu--niv2-item.active {
  color: #1a5036;
  font-weight: bold;
  text-decoration: underline;
}

.header-menu--niv2-item.active::before {
  content: "";
  display: inline-block;
  background: url(/images/refonte2024/liste_menu.svg) no-repeat center center;
  background-size: 6px;
  width: 9px;
  height: 9px;
}

.header-menu--niv2-item::before {
  content: "";
  display: inline-block;
  background: url(/images/refonte2024/liste_menu.svg) no-repeat center center;
  background-size: 6px;
  width: 9px;
  /* width: 0.3em;
	height: 0.3em;
	display: inline-block;
	background: #ff0066; */
}

.header-menu--niv2-lien {
  color: #1a5036;
  font-weight: 900;
  text-decoration: underline rgba(0, 0, 0, 0);
  font-style: normal;
  transition: text-decoration-color 0.3s ease-out;
}

.header-menu--niv2-lien:focus,
.header-menu--niv2-lien:hover {
  text-decoration-color: currentColor;
  font-style: italic;
}

@keyframes header-menu-pulse {
  0% {
    box-shadow: 0 0 0 0rem #ff0066;
  }

  100% {
    box-shadow: 0 0 0 0.2rem #ff0066;
  }
}

.header-menu-toggle {
  display: none;
  align-items: center;
  justify-content: center;
  order: -1;
  /* background-color: #ff0066;
	animation: header-menu-pulse 1s ease-in 0s infinite alternate forwards; */
  cursor: pointer;
}

.header-menu-toggle-picto {
  width: 2.4rem;
  height: 0.4rem;
  background-color: rgba(255, 255, 255, 1);
  position: relative;
  transition: background-color 0.3s ease-out;
}

.active .header-menu-toggle-picto {
  background-color: rgba(255, 255, 255, 0);
}

.header-menu-toggle-picto::before,
.header-menu-toggle-picto::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  transform-origin: center center;
  left: 0;
  top: 0;
  background: #fff;
  transition: transform 0.3s ease-out;
}

.header-menu-toggle-picto::before {
  transform: translateY(-200%) rotate(0deg);
}

.header-menu-toggle-picto::after {
  transform: translateY(200%) rotate(0deg);
}

.active .header-menu-toggle-picto::before {
  transform: translateY(0%) rotate(45deg);
}

.active .header-menu-toggle-picto::after {
  transform: translateY(0%) rotate(-45deg);
}

/* Point de rupture site commercial */
/* @media (min-width:1441px) { */
@media (min-width: 1773px) {
  .SH-siteCom .header-menu {
    flex: 1 1 auto;
    order: -1;
    margin: 0 1rem;
  }
}

/* @media (max-width:1440px) { */
@media (max-width: 1772px) {
  .SH-siteCom .header-menu {
    flex: 1 1 100%;
    order: 1;
    margin: 0;
    width: 100%;
    padding-top: 3rem;
  }

  .SH-siteCom .header-menu--niv1 {
    justify-content: center;
  }
}

/* Point de rupture site institutionnel */
@media (min-width: 1641px) {
  .SH-siteIns .header-menu {
    flex: 1 1 auto;
    order: -1;
    margin: 0;
  }
}

@media (max-width: 1640px) {
  .SH-siteIns .header-menu {
    flex: 1 1 100%;
    order: 1;
    margin: 0;
    width: 100%;
    padding-top: 3rem;
  }

  .SH-siteIns .header-menu--niv1 {
    justify-content: center;
  }
}

/* Points de rupture communs */
@media (max-width: 540px) {
  .header-menu {
    padding: 0;
    display: none;
  }

  .header-menu--niv1 {
    display: block;
    height: auto;
  }

  .header-menu--niv1-item {
    display: block;
    border-top: 0.1rem solid #ccc;
  }

  .header-menu--niv1-item:not(:last-child)::after {
    display: none;
  }

  .header-menu--niv1-lien {
    display: block;
    padding: 1em 3rem;
    margin: 0;
    text-align: center;
  }

  .header-menu--niv2-box {
    display: none;
    position: static;
  }

  .header-menu--niv2 {
    display: block;
    padding: 0;
    margin: 0 auto;
  }

  .header-menu--niv1-lien::after,
  li:focus > .header-menu--niv1-lien::after,
  li:hover > .header-menu--niv1-lien::after,
  .header-menu--niv2-box::before,
  li:focus > .header-menu--niv2-box::before,
  li:hover > .header-menu--niv2-box::before,
  .header-menu--niv2-box::after {
    display: none;
  }
}

/* Header : menu alternatif */
.header-altnav {
  order: -3;
  flex: 0 0 100%;
  width: 100%;
  background: #f1f1f1;
  text-align: right;
  font-size: 1.6rem;
  font-weight: 700;
  text-transform: uppercase;
}

.header-altnav a {
  color: #000;
  text-decoration: none;
  padding: 0.4em 0.6em 0.2em;
  display: inline-block;
}

.header-altnav a:not(:last-child)::after {
  content: "|";
  color: #c2db00;
  margin-left: 0.6em;
  margin-right: -0.6em;
}

.header-altnav .menu-rejoindre::before {
  content: "";
  width: 1.6em;
  height: 1.1em;
  background: url("/images/designIns/header-groupe.svg") no-repeat center
    bottom / contain;
  display: inline-block;
  vertical-align: bottom;
  margin: -0.2em 0.3em 0.2em 0;
}

@media (max-width: 540px) {
  .header-altnav {
    text-align: center;
    font-size: 1.4rem;
    letter-spacing: -0.05em;
  }

  .header-altnav a {
    padding-left: 0.4em;
    padding-right: 0.4em;
  }

  .header-altnav a:not(:last-child)::after {
    margin-left: 0.4em;
    margin-right: -0.4em;
  }

  .header-altnav a:first-child {
    padding-left: 0;
  }

  .header-altnav a:last-child {
    padding-right: 0;
  }

  .header-altnav .menu-rejoindre::before {
    content: none;
  }
}

/* Header : liens génériques */
.header-menu-agences,
.header-menu-recherche,
.header-menu-contact,
.header-menu-coupsDeCoeur {
  margin: 1.5rem 0;
  flex: 0 0 auto;
}

.header-menu-agences a,
.header-menu-recherche,
.header-menu-contact a,
.header-menu-coupsDeCoeur a {
  height: 5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 2rem;
}

.header-menu-agences,
.header-menu-recherche,
.header-menu-coupsDeCoeur:not(.off) {
  border-right: 0.2rem solid #000000;
}

/* Header : coups de cœur */
.header-menu-coupsDeCoeur a {
  background: url("/images/designCom/header-coeur.svg") no-repeat center center;
  background-size: 3.8rem 3.3rem;
  font-size: 2rem;
  color: #fff;
  text-decoration: none;
  font-weight: bold;
}

.header-menu-coupsDeCoeur.off {
  display: none;
}

/* Header : agences */
.header-menu-agences a {
  color: #000;
  font-size: 1.4rem;
  text-decoration: none;
  padding: 0 1.5rem;
  text-transform: uppercase;
  font-weight: bold;
  line-height: 1.5rem;
}

@keyframes header-menu-agences {
  from {
    transform: rotate(-18deg);
  }

  to {
    transform: rotate(0deg);
  }
}

.header-menu-agences a::before {
  content: "";
  width: 2.5rem;
  height: 4.1rem;
  background: url("/images/refonte2024/menu_marker.svg") no-repeat center bottom;
  background-size: contain;
  display: inline-block;
  margin: 0 0.5em 0 0.5em;
  /* transform-origin: center bottom;
	transform: rotate(-18deg);
	animation: header-menu-agences 1s ease-in-out 0s infinite alternate forwards paused; */
}

/* .header-menu-agences a:focus::before,
.header-menu-agences a:hover::before {
	animation-play-state: running;
} */

/* Modifs sur le header par rapport au site commercial */
.header-menu-rejoindre a::before {
  width: 3.8rem;
  height: 2.6rem;
  background-image: url("/images/refonte2024/menu_rejoindre.svg");
  transform: none;
  animation: none;
  margin-right: 0.5em;
}

.header-menu-rejoindre a:focus::before,
.header-menu-rejoindre a:hover::before {
  animation-play-state: paused;
}

/* Header : contact */
.header-menu-contact a {
  font-size: 0;
}

.header-menu-contact--picto {
  /* display: block;
	border: 0.3rem solid #000;
	border-radius: 0.15rem;
	width: 3.2rem;
	height: 2.4rem;
	position: relative; */
  width: 3rem;
  height: 2.4rem;
  background-image: url("/images/refonte2024/menu_contact.svg");
  transform: none;
  animation: none;
  margin-right: 0.5em;
  background-size: contain;
}

.header-maLoc a::before {
  content: none;
}

.header-maLoc a:hover img {
  transform: scale(0.95);
  transition-duration: 0.5s;
}

.header-maLoc a img {
  transform: scale(1);
  transition-duration: 0.5s;
}

@media (min-width: 768px) and (max-width: 1023px) {
  .header-maLoc a img {
    transform: scale(2);
  }
}

/* Header : téléphone */
.header-menu-tel {
  flex: 0 0 auto;
}

.header-menu-tel a {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 8rem;
  padding: 0 4rem 0 3rem;
  background: #e2936a;
  text-transform: uppercase;
  font-weight: bold;
  color: #fff;
  text-decoration: none;
  font-size: 2rem;
  transition: background-color 0.3s ease-out;
}

.header-menu-tel a:not(.toggled) {
  font-size: 0rem;
}

@media (max-width: 767px) {
  .rectif_overflow {
    overflow-x: hidden !important;
    position: relative;
    width: 100%;
  }

  .rectif_overflow .pProjet-photos-col::before {
    content: none;
  }

  .rectif_overflow .pProjet-detailsVert::before {
    content: none;
  }

  .rectif_overflow .pProjet-description-inner h2 {
    font-size: 2rem;
  }

  .rechercheOuvert .fleche-toTop {
    bottom: 2rem !important;
  }
}

@media (min-width: 768px) {
  .header-menu-tel a:not(.toggled) {
    font-size: 1.6rem;
  }
}

@media (min-width: 991px) {
  .SH-siteIns .header-menu-tel a {
    padding-left: 3rem;
    padding-right: 2rem;
  }
}

.header-menu-tel a:focus,
.header-menu-tel a:hover {
  background-color: #f3d4b8;
  color: #1a5036;
}

.header-menu-tel a:focus::before,
.header-menu-tel a:hover::before {
  background: url("/images/refonte2024/menu_tel_vert.svg") no-repeat center
    center;
}

.header-menu-tel a::before {
  content: "";
  display: inline-block;
  width: 2.5rem;
  height: 3rem;
  background: url("/images/refonte2024/menu_phone.svg") no-repeat center center;
  background-size: contain;
  margin: 0 0.5em 0 0;
  /* transform-origin: center center;
	transform: rotate(0deg);
	transition: transform 0.3s ease-out; */
}

/* .header-menu-tel a:focus::before,
.header-menu-tel a:hover::before {
	transform: rotate(12deg);
} */

@media (max-width: 990px) {
  .header {
    align-items: center;
  }

  .header-menu-agences,
  .header-menu-recherche,
  .header-menu-contact,
  .header-menu-tel,
  .header-menu-toggle,
  .header-menu-coupsDeCoeur {
    /* background-color: #eee; */
    /* border-radius: 50%; */
    border: none;
    width: 5rem;
    height: 5rem;
    padding: 0;
    /* margin: 0.5rem; */
    margin: 0;
  }

  .header-menu-toggle {
    background: #1a5036;
  }

  .header-menu-agences a::before {
    animation: none;
    transform: rotate(0deg);
    margin: -0.4rem 0 0 0;
  }

  .header-menu-coupsDeCoeur:not(.off) {
    border: none;
    position: absolute;
    top: 0;
    right: 0;
  }

  .header-menu-agences a {
    font-size: 0;
  }

  .header-menu-contact a {
    padding: 0;
  }

  .header-menu-tel {
    background: #e2936a;
  }

  .header-menu-tel a,
  .header-menu-tel a:focus,
  .header-menu-tel a:hover {
    /* width: 5rem; */
    height: 5.7rem;
    padding: 0;
    font-size: 0;
    background-color: transparent;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .header-menu-tel {
    display: none;
  }
}

@media (max-width: 540px) {
  .header-menu-agences,
  .header-menu-recherche,
  .header-menu-contact {
    background-color: #f3d4b8;
  }

  .header-menu-agences,
  .header-menu-recherche {
    position: relative;
  }

  .header-menu-agences:after,
  .header-menu-recherche:after {
    content: "";
    display: flex;
    width: 2px;
    height: 30px;
    background: #000;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translate(0px, -50%);
  }

  .header-maLoc {
    background-color: #fff;
    padding: 0 0.7rem;
  }

  .header-maLoc:after {
    content: none;
  }

  .header-menu-agences,
	.header-menu-recherche,
	.header-menu-contact,
	.header-menu-tel,
	.header-menu-toggle,
	.header-menu-coupsDeCoeur,
	/* .header-menu-tel a, */
	.header-menu-tel a:focus,
	.header-menu-tel a:hover {
    width: 5rem;
    width: calc(100% / 7);
    height: 5.7rem;
  }

  .header-menu-agences a,
  .header-menu-recherche,
  .header-menu-contact a,
  .header-menu-coupsDeCoeur {
    height: 5.7rem;
    padding: 0;
    /* background: #fff; */
  }

  .header {
    /* justify-content: space-evenly; */
    justify-content: space-between;
  }

  .header-menu-toggle {
    display: flex;
  }

  body {
    padding-top: 14rem;
  }

  body .header {
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 10;
  }

  body.bas .header {
    position: fixed;
    top: -8rem;
  }
}

/* Header : recherche */
.header-menu-recherche > * {
  display: none;
}

.header-menu-recherche::before {
  content: "";
  display: block;
  width: 3.6rem;
  height: 3.4rem;
  background: url("/images/refonte2024/menu_recherche.svg") no-repeat center
    center;
  background-size: contain;
  cursor: pointer;
}

.header-recherche {
  flex: 0 0 auto;
  width: 100%;
  display: none;
}

@media (min-width: 991px) {
  .rechercheOuvert .header-recherche {
    display: block;
  }
}

.header-recherche form {
  padding: 4rem 3rem;
  background-color: #f3d4b8;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  /*z-index:2;*/
  flex-wrap: wrap;
}

.header-recherche + .header-recherche form {
  padding-top: 0;
  margin-top: -4rem;
}

.header-recherche form > :not(.row) {
  display: none;
}

.header-recherche .row {
  position: relative;
  margin: 0 0.75rem;
}

.header-recherche .row > label {
  display: inline-block;
  border: none;
  font-size: 1.8rem;
  font-weight: bold !important;
  line-height: 1;
  vertical-align: middle;
  padding: 1.6rem 2.5rem;
  padding-right: 2.8em;
  min-width: 8.8em;
  cursor: pointer;
  border-radius: 3em;
  margin: 0.5rem 0;
  background-color: #fff;
  color: #a5cadb;
  text-transform: uppercase;
  text-align: center;
  font-weight: normal;
  transition: 0.3s ease-out;
  transition-property: color, background-color;
  position: relative;
}

.recherche-wordsbox {
  width: 28ch;
  max-width: 100%;
  padding: 5px 2rem;
}

/* @changelog 2020-02-28 (Adrien) gestion activation des filtre */
.header-recherche .row.isActive > label {
  background-color: #ff0066;
}

.header-recherche .row > label:focus,
.header-recherche .row > label:hover {
  background: #1a5036;
  color: #fff;
}

.header-recherche .row > label:hover::before,
.header-recherche .row > label:hover::after {
  background-color: #fff;
}

.header-recherche .row > label::before,
.header-recherche .row > label::after {
  content: "";
  background-color: #1a5036;
  position: absolute;
  top: 50%;
  right: 1.8em;
  display: block;
}

.header-recherche .row > label::before {
  width: 1.4rem;
  height: 0.4rem;
  margin: -0.2rem -0.7rem;
  border-style: solid;
  border-width: 0rem 0rem 0 0rem;
  border-color: rgba(194, 219, 0, 0) transparent transparent transparent;
  transition: 0.3s ease-out;
  transition-property:
    width, height, margin, border-width, border-color, background-color;
}

.header-recherche label.active::before {
  width: 0rem;
  height: 0rem;
  background-color: rgba(194, 219, 0, 0);
  border-width: 0.7rem 0.7rem 0 0.7rem;
  border-color: #1a5036 transparent transparent transparent;
  margin: -0.25rem -0.7rem;
}

.header-recherche .row > label::after {
  width: 0.4rem;
  height: 1.4rem;
  margin: -0.7rem -0.2rem;
  opacity: 1;
  transition: opacity 0.3s ease-out;
}

.header-recherche label.active::after {
  opacity: 0;
}

.header-recherche [type="submit"] {
  background: #e2936a;
  font-weight: bold;
  font-size: 1.8rem;
  line-height: 1;
  padding: 1.6rem 2.5rem;
}

.header-recherche .zoneChamp {
  position: absolute;
  top: calc(100% + 0.8rem);
  left: 0;
  background: #fff;
  display: none;
  flex: 0 0 auto;
  padding: 1.5rem 2.5rem;
  border-radius: 0.6rem;
  color: #222;
  font-size: 1.6rem;
  z-index: 1;
}

.header-recherche .zoneChamp::before {
  content: "";
  position: absolute;
  left: 5rem;
  bottom: 100%;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 0.6rem 0.6rem 0.6rem;
  border-color: transparent transparent #fff transparent;
}

.header-recherche .group_multi_checkbox {
  display: block;
  min-width: 18rem;
  margin: 0 1.5rem;
}

.header-recherche .multi_checkbox {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin: 0.3em 0;
}

.header-recherche [type="checkbox"] {
  flex: 0 0 auto;
  width: 2rem;
  height: 2rem;
  background: #d5d5d5;
  border: none;
  border-radius: 50%;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  margin: 0 0.5em 0 0;
  transition: background-color 0.3s ease-out;
  box-shadow: none;
}

.header-recherche [type="checkbox"]:checked {
  background-color: #a5cadb;
}

.header-recherche .multi_checkbox label {
  flex: 1 1 auto;
  margin: 0;
  cursor: pointer;
}

.header-recherche .rangeSlider {
  width: 31rem;
  max-width: 100%;
}

.ui-slider {
  height: 5px;
  width: 100%;
  background: #000;
  border-radius: 1.4rem;
  position: relative;
  margin: 1em 0;
}

.ui-slider-range {
  height: 5px;
  position: absolute;
  background: #fff;
  border-radius: 1.4rem;
  z-index: 0;
  top: 50%;
  transform: translate(0, -50%);
}

.header-recherche--form .ui-slider-range {
  background: #fff;
}

.header-recherche--form label {
  margin: 0 0 14px 0;
  text-transform: uppercase;
  font-size: 16px;
  font-weight: bold;
  font-family: "Source Sans 3";
}

.ui-slider-handle {
  position: absolute;
  width: 2rem;
  height: 2rem;
  border-radius: 50%;
  background-color: #a5cadb;
  top: calc(50% - 1rem);
  margin: 0 -1rem;
  z-index: 1;
}

.header-recherche .safe-range-values {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  font-size: 1.4rem;
}

.header-recherche .safe-range-values-col {
  flex: 0 0 auto;
  width: calc(50% - 1rem);
}

.header-recherche .safe-range-values-label {
  color: #008b9f;
}

.header-recherche .safe-range-values-value {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  padding: 0.2em 0.5em;
  background: #eaeaea;
}

.recherche-prop_30 .safe-range-values-value::after {
  content: " pièces";
}

.recherche-prop_27 .safe-range-values-value::after {
  content: " €";
}

.header-recherche .legend_range,
.header-recherche .minMax {
  display: none;
}

[class*="recherche-prop_31"] .group_multi_checkbox {
  margin: 0;
  width: 31rem;
  max-width: 100%;
  max-height: 50vh;
  overflow-y: auto;
  font-size: 1.8rem;
}

[class*="recherche-prop_31"] [type="checkbox"] {
  width: 1.2rem;
  height: 1.8rem;
  background: url("/images/designCom/picto-spot-vert.svg") no-repeat center
    center;
  background-size: contain;
  border-radius: 0;
}

[class*="recherche-prop_31"] [type="checkbox"]:checked {
  background-color: transparent;
  background-image: url("/images/designCom/header-spot.svg");
}

[class*="recherche-prop_31"] [type="checkbox"]:checked + label {
  font-weight: bold;
}

.header-recherche .select {
  display: none;
}

@media (max-width: 990px) {
  .header-recherche .row {
    position: static;
  }

  .header-recherche .zoneChamp {
    top: auto;
    left: 3rem;
    right: 3rem;
    margin-top: 0.5rem;
  }

  .header-recherche .zoneChamp::before {
    display: none;
  }

  .header-recherche .row > label.active::after {
    left: 5rem;
    top: calc(100% + 1rem + 1px);
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 0.6rem 0.6rem 0.6rem;
    border-color: transparent transparent #fff transparent;
    background: none;
    opacity: 1;
  }

  .header-recherche .rangeSlider {
    width: 100%;
  }
}

/* Fil d'Ariane */
/*.noBreadCrumb*/
.accueil .breadcrumb,
.noBreadCrumb .breadcrumb {
  display: none;
}

.breadcrumb {
  margin: 2em auto;
  font-size: 1.2rem;
}

.breadcrumb a {
  color: inherit;
  text-decoration: none;
}

.breadcrumb > :last-child {
  font-weight: bold;
}

.breadcrumb-separateur {
  margin: 0 0.3em;
}

.lien-retour-outer a {
  min-width: 0;
  margin: 1em 0;
}

.multiArticles-detail .lien-retour-outer {
  z-index: 1;
}

.multiArticles-detail .lien-retour-outer.first a {
  float: left;
  margin: 0 1em 0 0;
}

.multiArticles-detail .lien-retour-outer.last a {
  margin: 3em 0;
}

/*============*\
#    FOOTER    #
\*============*/
/* body:not(.accueil):not(.test_juliette_espace_locataire_non_connecte):not(.footerColle) .footer {
	margin-top: 10rem;
} */

.footerColle .footer {
  position: relative;
  z-index: 1;
}

.footer-blocs {
  display: flex;
  align-items: stretch;
  justify-content: space-between;
  flex-wrap: wrap;
}

.footer-blocs > * {
  flex: 1 1 auto;
  width: 33.333%;
  height: 40rem;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  text-align: center;
  overflow: hidden;
}

.footer-blocs .titre {
  font-size: 3.7rem;
  font-weight: bold;
  text-align: center;
  margin: 0 auto;
  text-transform: uppercase;
  color: #000;
}

.footer-blocs .bouton {
  margin: 4rem 1rem 0 1rem;
  background-color: #e2936a;
  color: #fff;
  font-size: 16px;
  font-weight: bold;
  padding: 1.5rem 2.5rem;
}

.footer-blocs hr {
  display: none;
}

@media (max-width: 990px) {
  .footer-blocs > * {
    width: 50%;
  }
}

@media (max-width: 768px) {
  .footer-blocs > * {
    width: 100%;
    height: auto;
    padding: 8rem 3rem;
  }
}

/* @changelog 2022-10-26 [FIX] (Anne-Lyse Volant) Ajout d'un bloc pour l'inscription à la newsletter (202210100022) */
/* Footer : Bloc newsletter */

.footer-newsletter {
  background: url("/images/refonte2024/bg_footer.png") no-repeat center center
    #c0c9b9;
  line-height: 1.2;
  overflow: hidden;
  position: relative;
  width: 66.6666%;
}

.footer-newsletter .titre {
  margin: 0 0 4rem 0;
  position: relative;
}

/* @media (min-width:1024px) { */
@media (min-width: 300px) {
  .footer-newsletter .widgetContainer {
    position: relative;
  }

  .footer-newsletter .widgetContainer::before {
    top: 100%;
    left: 100%;
    transform: scale(1);
  }

  .footer-newsletter:focus .titre::before,
  .footer-newsletter:hover .titre::before,
  .footer-newsletter:focus .widgetContainer::before,
  .footer-newsletter:hover .widgetContainer::before {
    opacity: 0.3;
  }

  .footer-newsletter:focus .titre::before,
  .footer-newsletter:hover .titre::before {
    transform: rotate(0.5turn) scale(1.5);
  }

  .footer-newsletter:focus .widgetContainer::before,
  .footer-newsletter:hover .widgetContainer::before {
    transform: scale(1.5);
  }

  .footer-newsletter a {
    display: inline-block;
    margin: 0;
    transform-origin: center center;
    transform: scale(1);
    transition: transform 0.3s ease-out;
  }

  .footer-newsletter a:not(:first-child) {
    margin-left: 1rem;
  }

  .footer-newsletter a:not(:last-child) {
    margin-right: 1rem;
  }

  .footer-newsletter a:focus,
  .footer-newsletter a:hover {
    transform: scale(1.2);
  }

  .footer-rappel {
    order: 1;
  }

  .footer-contact {
    order: 2;
  }

  .footer-agences {
    order: 3;
  }

  .footer-newsletter {
    order: 4;
  }

  .footer-social {
    order: 5;
  }

  .footer-liens {
    order: 6;
  }

  /* Footer : bloc carte */
  .footer-carte {
    flex: 2 1 auto;
    width: 66.667%;
    background: no-repeat center center #e8e8e8;
    background-size: cover;
    font-size: 0;
  }

  .footer-carte .titre {
    display: none;
  }

  .footer-carte img {
    display: none;
  }

  .footer-carte a {
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
  }

  @media (max-width: 990px) {
    .footer-carte {
      flex: 1 0 auto;
      width: 100%;
    }
  }

  @media (max-width: 768px) {
    .footer-carte {
      height: 30rem;
    }
  }

  /* Footer : bloc agences */
  .footer-agences {
    background-color: #a5cadb;
    line-height: 1.2;
    overflow: visible;
  }

  .footer-agences .titre {
    margin-bottom: 0.5em;
  }

  .footer-agences .widgetContainer {
    width: calc(100% - 6rem);
  }

  .footer-agences ul {
    list-style: none;
    column-count: 2;
    column-gap: 3rem;
    text-align: center;
    font-weight: bold;
    font-size: 1.8rem;
  }

  .footer-agences li {
    line-height: 1;
    margin: 0.2em 0;
    list-style-type: none;
  }

  @media (max-width: 990px) {
    .footer-agences::before {
      border-width: 0 4rem 4rem 4rem;
      border-color: transparent transparent #c2db00 transparent;
      right: calc(50% - 4rem);
      top: -4rem;
    }
  }

  @media (max-width: 540px) {
    .footer-agences ul {
      column-count: 1;
    }
  }

  /* Footer : bloc rappel */
  .footer-rappel {
    color: #fff;
    background-color: #f3d4b8;
  }

  .footer-rappel .titre {
    z-index: 2;
  }

  .footer-rappel .widgetContainer {
    z-index: 1;
  }

  /* Footer : bloc contact */
  .footer-contact {
    color: #fff;
    background-color: #a386bf;
  }

  .footer-contact .titre {
    z-index: 2;
  }

  .footer-contact .widgetContainer {
    z-index: 1;
  }

  .footer-contact-fond {
    position: absolute;
    z-index: -1;
    font-size: 0;
    width: 0;
    height: 0;
    top: 50%;
    left: 50%;
    pointer-events: none;
    display: none;
  }

  .footer-contact-fond img {
    width: 4rem;
    height: 4rem;
    position: absolute;
    left: -2rem;
    top: 0;
    max-width: none;
    transform-origin: center top;
    transition: transform 0.3s ease-out;
  }

  .footer-contact-fond img:nth-of-type(1) {
    transform: rotate(-48deg) translateY(22rem) scale(1.8);
    transition-delay: 0.1s;
  }

  .footer-contact-fond img:nth-of-type(2) {
    transform: rotate(-28deg) translateY(9rem) scale(1);
    transition-delay: 0.4s;
  }

  .footer-contact-fond img:nth-of-type(3) {
    transform: rotate(80deg) translateY(13rem) scale(1);
    transition-delay: 0.2s;
  }

  .footer-contact-fond img:nth-of-type(4) {
    transform: rotate(126deg) translateY(16rem) scale(1);
    transition-delay: 0.5s;
  }

  .footer-contact-fond img:nth-of-type(5) {
    transform: rotate(21deg) translateY(17rem) scale(0.6);
    transition-delay: 0.3s;
  }

  .footer-contact-fond img:nth-of-type(6) {
    transform: rotate(-135deg) translateY(14rem) scale(0.6);
    transition-delay: 0s;
  }

  .footer-contact:focus .footer-contact-fond img:nth-of-type(1),
  .footer-contact:hover .footer-contact-fond img:nth-of-type(1) {
    transform: rotate(-48deg) translateY(17.6rem) scale(1.8);
  }

  .footer-contact:focus .footer-contact-fond img:nth-of-type(2),
  .footer-contact:hover .footer-contact-fond img:nth-of-type(2) {
    transform: rotate(-28deg) translateY(7.2rem) scale(1);
  }

  .footer-contact:focus .footer-contact-fond img:nth-of-type(3),
  .footer-contact:hover .footer-contact-fond img:nth-of-type(3) {
    transform: rotate(80deg) translateY(10.4rem) scale(1);
  }

  .footer-contact:focus .footer-contact-fond img:nth-of-type(4),
  .footer-contact:hover .footer-contact-fond img:nth-of-type(4) {
    transform: rotate(126deg) translateY(12.8rem) scale(1);
  }

  .footer-contact:focus .footer-contact-fond img:nth-of-type(5),
  .footer-contact:hover .footer-contact-fond img:nth-of-type(5) {
    transform: rotate(21deg) translateY(13.6rem) scale(0.6);
  }

  .footer-contact:focus .footer-contact-fond img:nth-of-type(6),
  .footer-contact:hover .footer-contact-fond img:nth-of-type(6) {
    transform: rotate(-135deg) translateY(11.2rem) scale(0.6);
  }

  /* Footer : bloc réseaux sociaux */
  .footer-social .titre {
    margin: 0 0 4rem 0;
    position: relative;
  }

  .footer-social .widgetContainer {
    position: relative;
  }

  /* .footer-social .titre::before,
	.footer-social .widgetContainer::before {
		content: "";
		width: 7.8rem;
		height: 6.1rem;
		position: absolute;
		background: url('/images/designCom/graph-splash-rose.svg') no-repeat left top;
		background-size: contain;
		transform-origin: left top;
		opacity: 1;
		transition: transform 0.3s cubic-bezier(0.33, 2, 0.67, 0.5), opacity 0.3s ease-out;
	}

	.footer-social .titre::before {
		top: 0;
		left: 0;
		transform: rotate(0.5turn) scale(1);
	}

	.footer-social .widgetContainer::before {
		top: 100%;
		left: 100%;
		transform: scale(1);
	}

	.footer-social:focus .titre::before,
	.footer-social:hover .titre::before,
	.footer-social:focus .widgetContainer::before,
	.footer-social:hover .widgetContainer::before {
		opacity: 0.3;
	}

	.footer-social:focus .titre::before,
	.footer-social:hover .titre::before {
		transform: rotate(0.5turn) scale(1.5);
	}

	.footer-social:focus .widgetContainer::before,
	.footer-social:hover .widgetContainer::before {
		transform: scale(1.5);
	} */

  .footer-social a {
    display: inline-block;
    margin: 0;
    transform-origin: center center;
    transform: scale(1);
    transition: transform 0.3s ease-out;
  }

  .footer-social a:not(:first-child) {
    margin-left: 1rem;
  }

  .footer-social a:not(:last-child) {
    margin-right: 1rem;
  }

  .footer-social a:focus,
  .footer-social a:hover {
    transform: scale(1.2);
  }

  /* Footer : liens */
  .footer-liens {
    flex: 0 0 auto;
    width: 100%;
    text-align: center;
    background: #1a5036;
    height: auto;
    padding: 3rem;
    font-size: 1.4rem;
  }

  .footer-liens ul {
    display: block;
    list-style: none;
  }

  .footer-liens li {
    display: inline;
  }

  .footer-liens li::before {
    display: none;
  }

  .footer-liens li:not(:last-child)::after {
    content: "";
    display: inline-block;
    vertical-align: baseline;
    width: 0.2rem;
    height: calc(1ex + 0.2em);
    margin: -0.1em 0.2em 0 0.2em;
    background: #fff;
  }

  .footer-liens a {
    color: #fff;
    text-decoration: underline solid rgba(0, 0, 0, 0);
    transition: text-decoration-color 0.3s ease-out;
  }

  .footer-liens a:focus,
  .footer-liens a:hover {
    text-decoration-color: rgba(0, 0, 0, 0.7);
  }

  .fleche-toTop {
    position: fixed;
    bottom: -7rem;
    right: 3rem;
    width: 7rem;
    height: 7rem;
    border-radius: 50%;
    background-color: #fff;
    display: block;
    z-index: 1;
    transform: rotate(-0.5turn);
    transition:
      transform 0.3s ease-out 0s,
      bottom 0.3s cubic-bezier(0.33, 2, 0.67, 0.5) 0.3s;

    /* bottom: 2rem; */
    right: 2rem;
    left: auto;
    width: 5rem;
    height: 5rem;
    box-shadow: 0px 1px 10px #0000003d;
  }

  .fleche-toTop.scrolled {
    bottom: 2rem;
    transform: rotate(0turn);
    transition:
      transform 0.3s ease-out 0.3s,
      bottom 0.3s cubic-bezier(0.33, 2, 0.67, 0.5) 0s;
  }

  .fleche-toTop::before {
    content: "";
    width: 33.333%;
    height: 33.333%;
    box-sizing: border-box;
    border-left: 0.5rem solid #e2936a;
    border-top: 0.5rem solid #e2936a;
    border-radius: 0.25rem;
    position: absolute;
    top: 50%;
    left: 50%;
    transform-origin: center center;
    transform: translate(-50%, -33.333%) rotate(45deg);
  }

  @media (min-width: 768px) {
    .fleche-toTop {
      /* bottom: 2rem; */
      right: auto;
      left: 2rem;
      width: 5rem;
      height: 5rem;
    }

    .fleche-toTop.scrolled {
      bottom: 7rem;
    }
  }

  @media (min-width: 1280px) {
    .fleche-toTop {
      /* bottom: 3rem; */
      right: 3rem;
      left: auto;
      width: 7rem;
      height: 7rem;
    }

    .fleche-toTop.scrolled {
      /* bottom:7rem; */
      bottom: 9rem;
    }
  }

  /* @media (max-width:1440px){
	.fleche-toTop{
		right:auto;
		left:3rem;
		width:5rem;
		height:5rem;
	}
} */

  /*=======================*\
#    BOUTONS FLOTTANTS    #
\*=======================*/
  .flottants {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    justify-content: center;
    position: fixed;
    right: 0;
    top: 0;
    bottom: 0;
    width: 0;
    height: 100%;
    z-index: 9;
    line-height: 1.2;
  }

  .flottants .titre {
    display: none;
  }

  [class*="fixed-bouton-"] {
    margin: 0.6rem 0;
  }

  [class*="fixed-bouton-"] a {
    display: block;
    width: 13rem;
    font-size: 1.6rem;
    text-decoration: none;
    padding: 1rem 2rem 1rem 1rem;
    transform: translateX(1rem);
    text-align: center;
    transition: 0.3s ease-out;
    transition-property: transform, background-color, color, border-color;
    color: #000;
    position: relative;
    border: 0.1rem solid #fff;
    border-right-style: none;
  }

  [class*="fixed-bouton-"] a:focus,
  [class*="fixed-bouton-"] a:hover {
    transform: translateY(0rem);
    background-color: #222;
    color: #fff;
    border-color: #fff;
  }

  @media (min-width: 541px) and (max-width: 1440px) {
    .flottants {
      top: auto;
      width: auto;
      height: auto;
      left: 10rem;
      flex-direction: row;
      align-items: stretch;
      justify-content: flex-end;
    }

    [class*="fixed-bouton-"] {
      margin: 0.6rem;
      flex: 0 0 auto;
    }

    [class*="fixed-bouton-"] .widgetContainer,
    [class*="fixed-bouton-"] .widgetContainer > *,
    [class*="fixed-bouton-"] a {
      width: 100%;
      height: 100%;
    }

    [class*="fixed-bouton-"] a {
      transform: none;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      border-right-style: solid;
    }
  }

  @media (max-width: 540px) {
    .flottants {
      display: block;
      position: relative;
      width: 100%;
      height: auto;
      margin: 60px 0 0 0;
    }

    [class*="fixed-bouton-"] {
      width: 30rem;
      max-width: calc(100% - 6rem);
      margin: 1.5rem auto;
    }

    [class*="fixed-bouton-"] a {
      width: auto;
      padding: 1rem 1rem;
      transform: none;
      border-right-style: solid;
    }

    [class*="fixed-bouton-"] a:focus,
    [class*="fixed-bouton-"] a:hover {
      transform: none;
    }
  }

  .flottants-layer {
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 2;
    background: rgba(26, 80, 54, 0.65);
  }

  .popup-pos {
    display: none;
    position: relative;
    z-index: 3;
  }

  .widgetPopup {
    position: fixed;
    left: 3rem;
    top: 3rem;
    right: 3rem;
    bottom: 3rem;
    pointer-events: none;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 2rem;
    font-weight: bold;
    text-align: center;
  }

  .flottants > .widgetPopup {
    display: none;
  }

  .popup-close {
    font-size: 0px;
    position: absolute;
    right: 0;
    top: 0;
    width: 4rem;
    height: 4rem;
    background: url(/images/designCom/fancy-x-blanc.svg) no-repeat center center
      #e2936a;
    background-size: 18px;
    z-index: 2;
    cursor: pointer;
    color: #fff;
  }

  .widgetPopup .widgetContainer {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    flex: 0 1 auto;
    pointer-events: all;
    max-width: 100%;
    max-height: 100%;
    position: relative;
    box-shadow: 0 0 10rem 0 rgba(0, 0, 0, 0.3);
    overflow: auto;
  }

  .popup-temp .widgetContainer,
  .popup-locataire .widgetContainer,
  .popup-rappel .widgetContainer {
    box-shadow:
      inset 0 0 0 100vmin rgba(0, 0, 0, 0.6),
      0 0 10rem 0 rgba(0, 0, 0, 0.3);
  }

  /*.popup-temp .widgetContainer::before,
.popup-locataire .widgetContainer::before,
.popup-rappel .widgetContainer::before{
	content:"";
	position:absolute;
	left:0;
	top:0;
	right:0;
	bottom:0;
	z-index:0;
	background:rgba(0,0,0,0.6);
}*/
  .popup-inner {
    position: relative;
    z-index: 1;
    width: 50rem;
    max-width: calc(100% - 3rem);
  }

  @media (max-width: 540px) {
    .widgetPopup {
      top: 9rem;
    }
  }

  /* Flottants : entreprises et collectivités */
  .fixed-bouton-entrColl a {
    background-color: #c2db00;
  }

  /* @changelog 2022-12-05 [FIX] (Anne-Lyse Volant) Mise en place d'une animation au chargement de page sur le bouton espace Locataire afin qu'il soit plus visible (202211210019) */
  /* Flottants : locataires & temporaire */
  .fixed-bouton-locataire a {
    background-color: #ff0066;
    color: #fff;
  }

  /* The element to apply the animation to */
  .fixed-bouton-locataire a {
    animation-name: slideBtn;
    animation-duration: 8s;
  }

  /* @changelog 2022-12-28 [FIX] (Anne-Lyse Volant) Changement du timing de déclenchement de l'animation afin de répondre à la demande de l'agence (202211210019) */
  /* The animation code */
  @keyframes slideBtn {
    0% {
      width: 13rem;
    }

    20% {
      width: 13rem;
    }

    40% {
      width: 20rem;
    }

    95% {
      width: 20rem;
    }

    100% {
      width: 13rem;
    }
  }

  .popup-temp strong,
  .popup-locataire strong {
    font-size: 1.2em;
  }

  .popup-temp .bouton,
  .popup-locataire .bouton {
    background: #fff;
    color: #000;
  }

  .popup-temp .widgetContainer,
  .popup-locataire .widgetContainer {
    background: url("/media/_ne_pas_supprimer_pop_up_locataires.jpg") no-repeat
      center center #fff;
    background-size: cover;
    width: 110rem;
    height: 50rem;
    padding-top: 1em;
  }

  .popup-temp .widgetContainer {
    background-image: none;
  }

  .popup-temp-signature,
  .popup-locataire-signature {
    position: relative;
    z-index: 1;
    align-self: flex-end;
    margin: 1em 5rem 0 0;
  }

  .flottants > .popup-temp {
    display: flex;
  }

  .popup-temp .widgetContainer img {
    display: none;
  }

  .popup-temp-pos.popup-pos {
    display: block;
  }

  .popup-temp-inner.popup-inner {
    width: 900px;
    overflow: auto;
  }

  /* Flottants : questions */
  .fixed-bouton-questions a {
    background-color: #fff;
    border-color: #eee;
  }

  .fixed-bouton-questions a::before {
    content: "";
    width: 4.3rem;
    height: 4rem;
    background: url("/images/designCom/picto-bulle.svg") no-repeat left top;
    background-size: contain;
    display: block;
    position: absolute;
    left: -0.8rem;
    top: -0.8rem;
  }

  .popup-question-close {
    background-image: url("/images/designCom/fancy-x-noir.svg");
  }

  .popup-question .widgetContainer {
    background-color: #c2db00;
    color: #000;
    width: 61rem;
    height: 50rem;
  }

  .popup-question-inner {
    margin-left: 20%;
    max-width: calc(80% - 3rem);
  }

  .popup-question .bouton {
    background: #fff;
    color: #000;
  }

  .popup-question-image {
    position: absolute;
    right: 70%;
    bottom: 0;
    pointer-events: none;
    z-index: 0;
    height: calc(100% - 1rem);
    max-height: 120vw;
  }

  .popup-question-image img {
    display: block;
    width: auto;
    max-height: 100%;
    max-width: none;
    position: absolute;
    right: 0;
    bottom: 0;
  }

  @media (max-width: 540px) {
    .popup-questions-abbr {
      display: none;
    }
  }

  /* Flottants : rappel */
  .popup-rappel .widgetContainer {
    background: url("/media/_ne_pas_supprimer_pop_up_rappel_teleconseillere.jpg")
      no-repeat center center #fff;
    box-shadow:
      inset 0 0 0 100vmin rgba(0, 0, 0, 0.6),
      0 0 10rem 0 rgba(0, 0, 0, 0.3) !important;
    /* background: #fff; */
    width: 110rem;
    height: 50rem;
  }

  .popup-rappel strong {
    font-size: 1.2em;
  }

  .form-rappel-ligne {
    margin: 1.5rem 0;
  }

  .form-rappel input {
    height: 5rem;
    border-radius: 5rem;
    background: #fff;
    border: none;
    color: #000;
    text-align: center;
    max-width: 100%;
  }

  .form-rappel-ligne [type="text"],
  .form-rappel-ligne [type="tel"] {
    width: 33rem;
    font-size: 1.8rem;
  }

  .form-rappel-ligne [type="submit"] {
    width: 43rem;
    font-size: 2rem;
    font-weight: bold;
    margin: 1em auto 0 auto;
    padding-left: 1em;
    padding-right: 1em;
  }

  .form-rappel-erreur,
  .form-rappel-ok {
    margin-top: 1em;
    font-weight: 400;
  }

  .form-rappel-erreur {
    color: #e2936a;
  }

  .form-rappel-ok {
    color: #e2936a;
  }

  /*=============*\
#    ACCUEIL    #
\*=============*/

  /* Home : Intro */
  .home-intro {
    position: relative;
    width: 100%;
    height: 80rem;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .home-intro::before,
  .home-intro::after {
    content: "";
    position: absolute;
    display: block;
    pointer-events: none;
    z-index: 3;
  }

  .home-intro::before {
    left: 0;
    bottom: 0;
    width: 55rem;
    height: 22.4rem;
    background: url("/images/designCom/graph-monts-blanc.svg") no-repeat left
      bottom;
    background-size: contain;
    transform-origin: left bottom;
    transform: scaleY(0);
    transition: transform 0.8s cubic-bezier(0.33, 2, 0.67, 0.5);
  }

  .home-intro.scrolled::before {
    transform: scaleY(1);
  }

  .home-intro::after {
    left: calc(1.5rem + 55.3rem);
    bottom: 3.5rem;
    width: 0rem;
    height: 23.5rem;
    background: url("/images/designCom/graph-rebond-vert.svg") no-repeat right
      bottom;
    background-size: 55rem 23.5rem;
    transition: 2s ease-out 0.8s;
    transition-property: left, width;
  }

  .home-intro.scrolled::after {
    left: calc(1.5rem + 0rem);
    width: 55rem;
  }

  .home-video {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    background: #444;
  }

  .home-video::before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
    background: rgba(0, 0, 0, 0.5);
  }

  .home-video video {
    position: absolute;
    left: 0;
    top: -100%;
    right: 0;
    bottom: -100%;
    width: 100%;
    height: 300%;
    z-index: 0;
  }

  @media (max-width: 1440px) {
    .home-intro {
      height: auto;
      padding: 6rem 3rem 5.5rem 3rem;
    }
  }

  .home-recherche-outer {
    position: relative;
    z-index: 4;
    width: 62rem;
    margin: 0;
    text-align: center;
    font-size: 2.2rem;
  }

  [class*="home-recherche-widget--"].active {
    display: block;
  }

  [class*="home-recherche-widget--"] .widgetCatalogSearchRow,
  [class*="home-recherche-widget--"] .supplementaryFields {
    display: none;
  }

  .home-recherche-prixMobile {
    font-size: 0;
    display: none;
  }

  .home-recherche-prixMobile .champ {
    display: flex;
    align-items: baseline;
    justify-content: center;
    text-align: center;
  }

  .home-recherche-prixMobile input:not([type="hidden"]) {
    width: 10rem;
    margin: 0 0.5em;
    padding: 0 1em;
    text-align: right;
  }

  .home-recherche-prixMobile-texte {
    font-size: 1.6rem;
  }

  .home-recherche-titre {
    font-size: 5rem;
  }

  .home-recherche-outer .bouton {
    border: 0.2rem solid #c2db00;
    background: #fff;
    color: #222;
    font-size: 1em;
    padding: 0.4em 1em;
    min-width: 6em;
    margin: 1em 0.5em;
  }

  .home-recherche-outer .bouton.active {
    background-color: #c2db00;
    color: #222;
  }

  .home-recherche-toggle .bouton {
    font-weight: bold;
  }

  .home-recherche-localisation {
    border-radius: 4rem;
    width: 13em;
    text-align: center;
    margin: 0 auto 1em auto;
  }

  .home-recherche-selectPrix,
  .home-recherche-selectLoyer {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 4rem;
    border-radius: 4rem;
    border: 0.2rem solid #fff;
    background: #fff;
    color: #222;
    font-size: 1.6rem;
  }

  .home-recherche-selectItem {
    flex: 0 0 20%;
    pointer-events: none;
    z-index: 1;
    text-align: center;
    padding: 0 1rem;
  }

  .home-recherche-selectRange {
    position: absolute;
    left: 10%;
    top: 0;
    right: 10%;
    bottom: 0;
    z-index: 0;
    width: auto;
    height: 100%;
    background: none;
    border-radius: 4rem;
    margin: 0;
  }

  .home-recherche-selectRange::before,
  .home-recherche-selectRange::after {
    content: "";
    position: absolute;
    top: 0;
    width: 12.5%;
    height: 100%;
    background: none;
  }

  .home-recherche-selectRange::before {
    right: 100%;
  }

  .home-recherche-selectRange::after {
    left: 100%;
  }

  .home-recherche-selectRange .ui-slider-range {
    background-color: #c2db00;
  }

  .home-recherche-selectRange .ui-slider-handle {
    width: 25%;
    height: 100%;
    border-radius: 4rem;
    top: 0;
    margin: 0 -12.5%;
    background-color: #c2db00;
    cursor: ew-resize;
  }

  .home-recherche-selectRange .ui-slider-handle:first-of-type::before,
  .home-recherche-selectRange .ui-slider-handle:last-of-type::after {
    content: "";
    display: block;
    width: 1.4rem;
    height: 1.4rem;
    background: url(/images/designCom/fleche-M-noir.svg) no-repeat center center;
    background-size: contain;
    transform-origin: center center;
    top: calc(50% - 0.7rem);
    position: absolute;
  }

  .home-recherche-selectRange .ui-slider-handle:first-of-type::before {
    left: 0.8rem;
    transform: rotate(-90deg);
  }

  .home-recherche-selectRange .ui-slider-handle:last-of-type::after {
    right: 0.8rem;
    transform: rotate(90deg);
  }

  .home-recherche-selectRuler {
    pointer-events: none;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 3;
  }

  .home-recherche-selectRuler::before,
  .home-recherche-selectRuler::after {
    content: "";
    position: absolute;
    border-left: 0.2rem solid;
    border-right: 0.2rem solid;
    box-sizing: border-box;
    height: 100%;
    pointer-events: none;
    top: 0;
    border-color: #fff;
    width: calc(20% + 0.2rem);
  }

  .home-recherche-selectRuler::before {
    left: calc(20% - 0.1rem);
  }

  .home-recherche-selectRuler::after {
    right: calc(20% - 0.1rem);
  }

  .home-recherche-selectRange[data-from="1"]
    + .home-recherche-selectRuler::before,
  .home-recherche-selectRange[data-from="2"]
    + .home-recherche-selectRuler::before,
  .home-recherche-selectRange[data-from="3"]
    + .home-recherche-selectRuler::before {
    border-left-color: #c2db00;
  }

  .home-recherche-selectRange[data-from="2"]
    + .home-recherche-selectRuler::before,
  .home-recherche-selectRange[data-from="3"]
    + .home-recherche-selectRuler::before {
    border-right-color: #c2db00;
  }

  .home-recherche-selectRange[data-from="3"]
    + .home-recherche-selectRuler::after {
    border-left-color: #c2db00;
  }

  .home-recherche-selectRange[data-to="1"] + .home-recherche-selectRuler::after,
  .home-recherche-selectRange[data-to="2"] + .home-recherche-selectRuler::after,
  .home-recherche-selectRange[data-to="3"]
    + .home-recherche-selectRuler::after {
    border-right-color: #c2db00;
  }

  .home-recherche-selectRange[data-to="1"] + .home-recherche-selectRuler::after,
  .home-recherche-selectRange[data-to="2"]
    + .home-recherche-selectRuler::after {
    border-left-color: #c2db00;
  }

  .home-recherche-selectRange[data-to="1"]
    + .home-recherche-selectRuler::before {
    border-right-color: #c2db00;
  }

  [class*="home-recherche-widget--"] [type="submit"] {
    background-color: #ff0066;
  }

  @keyframes home-intro-fleche {
    0% {
      transform: translateY(0%) rotate(0.5turn);
    }

    4% {
      transform: translateY(40%) rotate(0.5turn);
    }

    9% {
      transform: translateY(-10%) rotate(0.5turn);
    }

    10% {
      transform: translateY(0%) rotate(0.5turn);
    }
  }

  .home-intro-fleche {
    position: absolute;
    top: calc(100% - 2.5rem);
    left: calc(50% - 4.3rem);
    background: url(/images/designCom/fleche-S-rose.svg) no-repeat center center;
    background-size: contain;
    z-index: 3;
    width: 8.6rem;
    height: 5rem;
    transform-origin: center center;
    transform: translateY(0%) rotate(0.5turn);
    animation: home-intro-fleche 5s ease-out 0s infinite normal forwards;
  }

  @media (max-width: 990px) {
    .home-intro::before,
    .home-intro::after {
      display: none;
    }

    .home-video video {
      width: 500%;
      height: 100%;
      left: -200%;
      top: 0;
      right: -200%;
      bottom: 0;
    }
  }

  @media (max-width: 540px) {
    .home-recherche-selectPrix,
    .home-recherche-selectLoyer {
      display: none;
    }

    .home-recherche-prixMobile {
      display: block;
    }

    .home-recherche-outer .bouton {
      margin: 1em 0.25em;
      padding: 0.4em 0.5em;
      min-width: 5em;
    }
  }

  @media (-ms-high-contrast: none) {
    /* patch IE */
    .home-recherche-selectItem {
      padding: 0;
    }
  }

  /* Home : Nos biens en Sarthe */
  .home-biensSarthe {
    background: #fff;
    position: relative;
    text-align: center;
    padding: 3rem 0 4rem 0;
  }

  .home-biensSarthe h2 {
    font-family: "Fontfabric Mont Bold";
    text-transform: uppercase;
    display: inline-block;
    font-size: 3.2rem;
    text-align: center;
    margin: 0.5em 0 1em 0;
    color: #000;
  }

  .home-biensSarthe-container {
    display: flex;
    align-items: stretch;
    justify-content: space-between;
    flex-wrap: wrap;
    width: 140rem;
    margin: 0 auto;
    position: relative;
  }

  .home-biensSarthe-container::before {
    transform: rotate(180deg) scale(0.625);
    left: 0%;
    top: 0%;
  }

  .home-biensSarthe-container::after {
    left: 100%;
    top: 100%;
  }

  .home-biensSarthe-lien {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    flex: 0 1 auto;
    width: 20rem;
    height: 20rem;
    padding: 1rem;
    background: no-repeat center center;
    background-size: cover;
    color: #fff;
    text-decoration: none;
    line-height: 1.2;
    font-size: 2rem;
    font-weight: bold;
    text-transform: uppercase;
    overflow: hidden;
    position: relative;
    text-shadow:
      0 0 0em rgba(0, 0, 0, 0),
      0 0 0em rgba(0, 0, 0, 0),
      0 0 0em rgba(0, 0, 0, 0);
    transition: text-shadow 0.3s ease-out;
    border-radius: 50%;
  }

  .home-biensSarthe-lien:hover::before {
    background: rgba(26, 80, 54, 0.5) !important;
    transition-duration: 0.5s;
  }

  .home-biensSarthe-lien:hover .home-biensSarthe-titre {
    color: #fff;
    transition-duration: 0.5s;
  }

  .home-biensSarthe-titre {
    position: relative;
    z-index: 1;
    color: #000;
  }

  .home-biensSarthe-lien::before {
    content: "";
    z-index: 0;
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    /* background: rgba(0, 0, 0, 0.5); */
    border-radius: 50%;
    filter: blur(3rem);
    transition: background-color 0.3s ease-out;
  }

  .home-biensSarthe-lien:focus::before,
  .home-biensSarthe-lien:hover::before {
    background-color: rgba(0, 0, 0, 0);
  }

  .home-biensSarthe-lien:not(:nth-child(6n + 6)) {
    margin-right: 4rem;
  }

  .home-biensSarthe-lien img {
    display: none;
  }

  @media (max-width: 1440px) {
    .home-biensSarthe-container {
      width: 68rem;
    }

    .home-biensSarthe-lien:nth-child(3n + 3) {
      margin-right: 0;
    }

    .home-biensSarthe-lien:not(:nth-last-child(-n + 3)) {
      margin-bottom: 4rem;
    }
  }

  @media (max-width: 768px) {
    .home-biensSarthe-container {
      width: 44rem;
    }

    .home-biensSarthe-lien:nth-child(n) {
      margin: 0 4rem 0 0;
    }

    .home-biensSarthe-lien:nth-child(even) {
      margin-right: 0rem;
    }

    .home-biensSarthe-lien:not(:nth-last-child(-n + 2)) {
      margin-bottom: 4rem;
    }
  }

  @media (max-width: 540px) {
    .home-biensSarthe-container {
      width: 30rem;
    }

    .home-biensSarthe-lien:nth-child(n) {
      margin: 0;
    }

    .home-biensSarthe-lien:not(:nth-last-child(1)) {
      margin-bottom: 3rem;
    }

    .home-biensSarthe-lien {
      width: 30rem;
      height: 30rem;
    }

    .section-atouts-titre {
      transform: translate(0px, 10px) !important;
    }

    .home-SH {
      padding: 10rem 3rem 8rem 3rem !important;
    }
  }

  @media (max-width: 1023px) {
    .section-atouts-titre {
      transform: translate(0px, -20px) !important;
    }
  }

  @media (max-width: 1279px) {
    .section-atouts-titre {
      transform: translate(0px, 10px) !important;
    }
  }

  @media (-ms-high-contrast: none) {
    /* patch IE */
    .home-biensSarthe-lien::before {
      border-radius: 0;
    }
  }

  /* Home : Comment ça marche */
  .home-modeEmploi {
    /* background: url('/images/designCom/fond-motif1-4.32px.svg') repeat center bottom #fff;
	background-size: 0.4rem 0.4rem; */
    overflow: hidden;
    position: relative;
    margin: 30px 0 130px 0;
  }

  .home-modeEmploi::before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: -1px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 6rem 100vw 0 0;
    border-color: #fff transparent transparent transparent;
    z-index: 0;
  }

  .home-modeEmploi-container {
    padding: 7rem 0 11rem 0;
    text-align: center;
    /* width: 1260px; */
    width: 140rem;
    background-color: #f3d4b8;
  }

  .home-modeEmploi-fleche {
    width: 6rem;
    height: 6rem;
    box-shadow: 0 0 0 2rem #fff;
    background-color: #005b69;
    transform-origin: center center;
    position: absolute;
    right: -3rem;
    top: -3rem;
    transform: rotate(45deg);
  }

  .home-modeEmploi h2,
  .home-actus h2 {
    display: inline-block;
    font-size: 3.2rem;
    text-align: center;
    margin: 0.5em 0 1em 0;
    color: inherit;
    font-family: "Fontfabric Mont Bold";
    text-transform: uppercase;
  }

  .home-modeEmploi h2 {
    margin-bottom: 6rem;
  }

  .home-modeEmploi ol {
    display: flex;
    align-items: center;
    justify-content: center;
    counter-reset: homeModeEmploi;
  }

  .home-modeEmploi ol > li span {
    position: absolute;
    z-index: 0;
    width: 3em;
    height: 3em;
    margin: 0 3rem 0 0;
    background-color: #a386bf;
    transform: rotate(9deg) translate(3px, 0px);
  }

  .home-modeEmploi ol > li {
    flex: 0 1 auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    text-align: left;
    font-size: 2.4rem;
    line-height: 1.2;
    position: relative;
    font-family: "Source Sans 3";
    font-weight: bold;
    color: #1a5036;
  }

  .home-modeEmploi ol > li::before {
    counter-increment: homeModeEmploi;
    content: "#" counter(homeModeEmploi);
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 2em;
    height: 2em;
    margin: 0 3rem 0 0;
    /* background-color: #A386BF; */
    color: #fff;
    font-weight: bold;
    font-size: 1.667em;
    opacity: 1;
    z-index: 1;
  }

  .home-modeEmploi ol > li:not(:last-child)::after {
    content: "";
    flex: 0 0 auto;
    display: inline-block;
    width: 4.1rem;
    height: 2.9rem;
    margin: 0 3rem;
    background: url("/images/refonte2024/chevron_blanc.svg") no-repeat center
      center;
    background-size: contain;
  }

  @media (min-width: 991px) {
    .home-modeEmploi ol > li:first-child {
      margin-left: 3rem;
    }

    .home-modeEmploi ol > li:last-child {
      margin-right: 3rem;
    }
  }

  @media (max-width: 990px) {
    .home-modeEmploi ol {
      flex-direction: column;
      display: inline-flex;
      align-items: stretch;
    }

    .home-modeEmploi-container {
      white-space: pre-line;
      font-size: 0;
    }

    .home-modeEmploi-container > * {
      white-space: normal;
    }

    .home-modeEmploi ol > li {
      margin: 0 3rem;
      justify-content: flex-start;
    }

    .home-modeEmploi ol > li:not(:last-child) {
      margin-bottom: 5rem;
    }

    .home-modeEmploi ol > li:not(:last-child)::after {
      position: absolute;
      left: calc(50% - 2.05rem);
      top: calc(100% + 1rem);
      transform: rotate(180deg);
      margin: 0;
    }
  }

  @media (max-width: 540px) {
    .home-modeEmploi ol > li {
      font-size: 2rem;
    }
  }

  /* Home : bloc Sarthe Habitat*/
  .home-SH {
    padding: 10rem 3rem 18rem 3rem;
    overflow: hidden;
    position: relative;
    width: 100vw;
  }

  .home-SH-container {
    width: 1180px;
  }

  .home-SH-titre {
    text-align: center;
    font-weight: bold;
    font-size: 4rem;
    margin: 0 0 1em 0;
    position: relative;
    color: inherit;
  }

  .home-SH-cols {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }

  .home-SH-cols > * {
    flex: 0 0 auto;
    width: calc(50% - 1.5rem);
    color: #fff;
  }

  .home-SH-cols p {
    font-size: 20px;
  }

  .home-SH-colImage img {
    width: 100%;
    height: auto;
    display: block;
  }

  .home-SH-colTexte img {
    float: right;
    margin: 0 0 1rem 1rem;
    width: 23%;
    min-width: 9rem;
    max-width: 13rem;
    height: auto;
  }

  .home-SH-colTexte .bouton {
    clear: both;
    position: relative;
  }

  @media (max-width: 768px) {
    .home-SH-container {
      width: 300px;
    }

    .home-SH-cols {
      display: block;
    }

    .home-SH-cols > * {
      width: auto;
    }

    .home-SH-colImage img {
      margin-bottom: 3rem;
    }

    .home-SH-colTexte .bouton::before,
    .home-SH-colTexte .bouton::after {
      left: calc(100% + 1rem);
    }

    .home-SH-titre::before {
      left: 0;
      top: 0.4em;
    }
  }

  /* Home/Contenu : 3 blocs "+" */
  .section-blocsPlus {
    display: flex;
    align-items: stretch;
    justify-content: center;
  }

  .section-blocsPlus-lien {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-direction: column;
    flex: 1 1 auto;
    width: 33.333%;
    height: auto;
    text-decoration: none;
    font-size: 1.8rem;
    padding: 8rem 3rem;
    text-align: center;
  }

  .section-blocsPlus-lien:nth-child(3n + 1) {
    background-color: #e2936a;
    color: #fff;
  }

  .section-blocsPlus-lien:nth-child(3n + 2) {
    background-color: #f3d4b8;
    color: #000;
  }

  .section-blocsPlus-lien:nth-child(3n + 3) {
    background-color: #e2936a;
    color: #fff;
  }

  .section-blocsPlus-content {
    margin-bottom: 3em;
  }

  .section-blocsPlus-content > :not(h2) {
    max-width: 37rem;
  }

  .section-blocsPlus-content h2 {
    font-size: 2rem;
    text-transform: uppercase;
    line-height: 1;
    color: inherit;
    margin: 20px 0 50px 0;
    font-family: "Fontfabric Mont Bold";
  }

  .section-blocsPlus-content h2 strong {
    font-weight: bold;
    font-size: 4.5rem;
    font-family: "Fontfabric Mont Bold";
  }

  .section-blocsPlus-plus {
    background: url("/images/refonte2024/fleche_btn_orange.svg") no-repeat
      center center #fff;
    width: 100px;
    height: 50px;
    border-radius: 50px;
  }

  .section-blocsPlus-lien:nth-child(2) .section-blocsPlus-plus {
    background: url("/images/refonte2024/fleche_btn_blanc.svg") no-repeat center
      center #e2936a;
  }

  .section-blocsPlus-lien:hover .section-blocsPlus-plus {
    background-color: #1a5036;
  }

  /* .section-blocsPlus-plus {
	width: 9.7rem;
	height: 9.4rem;
	background: url('/images/designCom/fancy-plus-noir.svg') no-repeat center center;
	background-size: contain;
} */

  @media (max-width: 990px) {
    .section-blocsPlus {
      display: block;
    }

    .section-blocsPlus-lien {
      width: auto;
      padding: 4rem 3rem;
    }
  }

  /* Home : actualités */
  .home-actus {
    text-align: center;
    padding: 5rem 0 0rem 0;
  }

  .home-actus-container {
    max-width: calc(100% - 12rem);
  }

  a.home-actus-bouton {
    background-color: #c2db00;
    color: #222;
    position: absolute;
    right: 0;
    top: 0;
  }

  .home-actus .home-actus-widget {
    display: block;
  }

  .home-actus .actus-liste > * {
    width: auto;
  }

  .actus-image {
    display: block;
    background: no-repeat center center #222;
    background-size: cover;
    padding-top: 56.25%;
    position: relative;
    overflow: hidden;
    box-shadow: inset 0 0 0 100vmax rgba(255, 0, 102, 0);
    transition: box-shadow 0.3s ease-out;
  }

  .actus-image:is(:hover, :focus) {
    box-shadow: inset 0 0 0 100vmax rgba(26, 80, 54, 0.5);
  }

  .actus-image-lien {
    position: absolute;
    right: 0;
    bottom: 0;
    display: block;
    width: calc(0% + 8rem);
    height: calc(0% + 8rem);
    background-color: rgba(255, 0, 102, 1);
    transition: 0.3s ease-out;
    transition-property: width, height, background-color;
    z-index: 0;
  }

  .actus-image:focus .actus-image-lien,
  .actus-image:hover .actus-image-lien {
    width: calc(100% + 0rem);
    height: calc(100% + 0rem);
    background-color: rgba(255, 0, 102, 0.5);
  }

  .actus-image-plus {
    width: 2rem;
    height: 2rem;
    position: absolute;
    left: calc(50% - 1rem);
    top: calc(50% - 1rem);
  }

  .actus-image-plus::before,
  .actus-image-plus::after {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    background: #fff;
    width: 2rem;
    height: 0.6rem;
    margin: -0.3rem -1rem;
  }

  .actus-image-plus::before {
    transform: rotate(90deg);
  }

  .actus-liste.owl-carousel .actus-image img {
    display: none;
  }

  .actus-date {
    color: #000;
    right: 1em;
    top: 1em;
    font-size: 2rem;
    line-height: 1;
    font-weight: bold;
    z-index: 1;
    margin: 1em 0 0.5em;
  }

  .actus-texte {
    text-align: left;
    font-size: 1.8rem;
  }

  .actus-titre {
    margin: 0 0 0.5em 0;
    font-size: 2.2rem;
    color: #1a5036;
    font-weight: bold;
    display: block;
    text-decoration: none;
    text-align: left;
    line-height: 1.2;
  }

  .actus-liste.owl-carousel .owl-nav span {
    display: none;
  }

  .actus-liste.owl-carousel .owl-nav button[class^="owl-"] {
    position: absolute;
    top: calc(50% - 1.75rem);
    width: 3.5rem;
    height: 3.5rem;
  }

  .actus-liste.owl-carousel .owl-nav button[class^="owl-"]::before {
    content: "";
    width: 100%;
    height: 100%;
    display: block;
    border-left: 0.5rem solid #e2936a;
    border-bottom: 0.5rem solid #e2936a;
    border-radius: 0.5rem;
    box-sizing: border-box;
    transform-origin: center center;
  }

  .actus-liste.owl-carousel .owl-nav button.owl-prev {
    right: calc(100% + 2rem);
  }

  .actus-liste.owl-carousel .owl-nav button.owl-next {
    left: calc(100% + 2rem);
  }

  .actus-liste.owl-carousel .owl-nav button.owl-prev::before {
    transform: translateX(33%) rotate(45deg);
  }

  .actus-liste.owl-carousel .owl-nav button.owl-next::before {
    transform: translateX(-33%) rotate(-135deg);
  }

  @media (max-width: 990px) {
    .home-actus-container {
      width: 42rem;
    }
  }

  @media (max-width: 540px) {
    .home-actus-container {
      width: auto;
      max-width: calc(100% - 6rem);
    }

    .actus-liste.owl-carousel.owl-loaded {
      display: flex;
      flex-direction: column-reverse;
      align-items: stretch;
      justify-content: flex-start;
    }

    .actus-liste.owl-carousel .owl-nav {
      display: flex;
      align-items: center;
      justify-content: space-between;
    }

    .actus-liste.owl-carousel .owl-nav button[class^="owl-"] {
      position: static;
      flex: 0 0 auto;
      margin: -7rem 0 4rem 0;
    }

    a.home-actus-bouton {
      position: static;
    }
  }

  .actus-item {
    margin: 3rem 0;
  }

  .actus-item img {
    display: none;
  }

  @media (min-width: 769px) {
    .actus-liste {
      display: flex;
      align-items: stretch;
      justify-content: space-between;
      flex-wrap: wrap;
    }

    .actus-liste > * {
      flex: 0 0 auto;
      width: calc(50% - 1.5rem);
    }
  }

  /* Home/Contenu : bloc multi-colonnes/pictos sur fond vert */
  .NosAtoutsContainer {
    background: url("/images/refonte2024/picto_a.svg") no-repeat 1% 80% #e2936a;
    background-size: 40%;
    position: relative;
  }

  /* .NosAtoutsContainer::before {
	content: url('/images/refonte2024/rond_orange.svg');
	display: flex;
} */

  .section-atouts {
    position: relative;
    /* background: #E2936A; */
  }

  .section-atouts-before,
  .section-atouts-after {
    position: absolute;
    left: 0;
    right: 0;
    width: 100%;
    z-index: 2;
  }

  .section-atouts-before {
    bottom: calc(100% - 1px);
    height: 2rem;
    background-color: #ff0066;
  }

  .section-atouts-before::before,
  .section-atouts-before::after {
    content: "";
    position: absolute;
    display: block;
    left: 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 0 10rem 100vw;
  }

  .section-atouts-before::before {
    bottom: 100%;
    border-color: transparent transparent #ff0066 transparent;
    z-index: 1;
  }

  .section-atouts-before::after {
    bottom: 0;
    border-color: transparent transparent #c2db00 transparent;
    z-index: 2;
  }

  .section-atouts-after {
    bottom: top(100% - 1px);
  }

  .section-atouts-after::before,
  .section-atouts-after::after {
    content: "";
    display: block;
    position: absolute;
  }

  .section-atouts-after::before {
    left: 0;
    top: 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 100vw 10rem 0;
    border-color: transparent #c2db00 transparent transparent;
  }

  .section-atouts-after::after {
    bottom: -10rem;
    left: 33.333%;
    width: 14rem;
    height: 14rem;
    background: #c2db00;
    transform-origin: left bottom;
    transform: rotate(-45deg);
  }

  .section-atouts-titre {
    font-weight: bold;
    font-size: 3.2rem;
    text-align: center;
    text-transform: uppercase;
    margin: 0 0 30px 0;
    color: inherit;
    transform: translate(0px, -60px);
  }

  .section-atouts-container {
    width: 1080px;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    position: relative;
    z-index: 3;
  }

  .section-atouts-bloc {
    flex: 1 1 auto;
    width: 33.333%;
    padding: 0 1.5rem 1rem 1.5rem;
    font-size: 1.8rem;
    text-align: center;
  }

  .section-atouts-picto {
    height: 100px;
    /* display: inline-block;
		padding: 1.8rem;
		width: 11.6rem;
		height: 11.6rem;
		border-radius: 50%; */
  }

  .section-atouts-picto img {
    width: auto;
    height: 80px;
    display: block;
    margin: 0 auto 30px auto;
  }

  .section-atouts-texte {
    line-height: 1.2;
    color: #fff;
  }

  .section-atouts-texte--titre {
    font-weight: bold;
    margin-bottom: 20px;
  }

  .section-atouts-texte--description {
    white-space: pre-line;
  }

  @media (max-width: 768px) {
    .section-atouts-container {
      display: block;
    }

    .section-atouts-bloc {
      width: 30rem;
      margin: 0 auto;
    }

    .section-atouts-bloc:not(:first-child) {
      margin-top: 3rem;
    }

    .section-atouts-bloc:not(:last-child) {
      margin-bottom: 3rem;
    }
  }

  /*===========================*\
#    CATALOGUE / RECHERCHE    #
\*===========================*/
  .catalog-cols {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    flex-direction: row-reverse;
  }

  .catalog-cols > * {
    width: 50%;
    box-sizing: border-box;
  }

  .catalog-carte {
    flex: 0 0 auto;
    position: sticky;
    /*height:calc(100vh - 8rem);
	top:8rem;*/
    height: 100vh;
    top: 0;
    left: 0;
    overflow: hidden;
  }

  .catalog-contenu {
    flex: 1 1 auto;
    padding: 3rem 4rem 3rem 3rem;
    font-size: 2rem;
  }

  .catalog-contenu-inner {
    position: relative;
  }

  .to-catalog-contenu h1 {
    text-align: left;
    margin-top: 0;
  }

  .to-catalog-contenu h1::after {
    margin-left: 0;
  }

  /*.catalog-nResults{
	font-size:1em;
	margin:0;
	font-weight:normal;
	text-align:left;
	line-height:1.4;
}*/
  .catalog-nResults::after {
    display: none;
  }

  .catalog-toggle-map {
    color: #aaa;
    font-size: 1.6rem;
    background-color: currentColor;
    width: 3.5em;
    height: 1.9em;
    border-radius: 2em;
    display: block;
    cursor: pointer;
    transition: color 0.3s ease-out;
    position: absolute;
    right: 0;
    top: 0;
  }

  .catalog-toggle-map.active {
    color: #f3d4b8;
  }

  .catalog-toggle-map::before {
    content: "Afficher la carte";
    display: block;
    position: absolute;
    right: calc(100% + 0.5em);
    line-height: 1;
    font-size: 1em;
    text-align: right;
  }

  .catalog-toggle-map.active::before {
    content: "Masquer la carte";
    color: #1a5036;
  }

  .catalog-toggle-map span {
    position: relative;
    border: 0.1rem solid currentColor;
    border-radius: 50%;
    width: 1.5em;
    height: 1.5em;
    display: block;
    background: #e2936a;
    top: 0.2em;
    left: 0.2em;
    transition: left 0.3s ease-out;
  }

  .catalog-toggle-map.active span {
    left: 1.8em;
    top: 0.2em;
  }

  .catalog-toggle-map span::before,
  .catalog-toggle-map span::after {
    content: "";
    position: absolute;
    left: calc(50% - 0.5em);
    top: calc(50% - 0.1em);
    background-color: #e2936a;
    border-radius: 1em;
    width: 1em;
    height: 0.2em;
    transform-origin: center center;
    transition: 0.3s ease-out;
    transition-property: width, transform;
  }

  .catalog-toggle-map span::before {
    width: 1em;
    transform: rotate(45deg) translate(0%, 0%);
  }

  .catalog-toggle-map span::after {
    transform: rotate(-45deg) translate(0%, 0%);
  }

  .catalog-toggle-map.active span::before {
    width: 0.5em;
    transform: rotate(45deg) translate(25%, 100%);
  }

  .catalog-toggle-map.active span::after {
    transform: rotate(-45deg) translate(0%, 100%);
  }

  .catalog-liste {
    display: flex;
    align-items: stretch;
    justify-content: flex-start;
    align-content: flex-start;
    flex-wrap: wrap;
  }

  .catalog-liste > * {
    flex: 0 1 50%;
    width: 50%;
  }

  .catalog-toggle-map.active + .catalog-liste {
    justify-content: space-between;
  }

  .catalog-toggle-map.active + .catalog-liste > * {
    flex: 1 1 auto;
    width: 100%;
  }

  .short_product {
    background: #fff;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.16);
    position: relative;
    margin: 3rem 3rem 3rem 0;
  }

  .resum-map.active {
    border: none !important;
  }

  .resum-map.active .bien-contenu {
    border-left: 0.7rem solid #ff0066;
    padding-left: 2.3rem;
  }

  .bien-cols {
    position: relative;
    z-index: 1;
    display: flex;
    align-items: stretch;
    justify-content: space-between;
    text-decoration: none;
    flex-direction: row-reverse;
  }

  .bien-image {
    position: relative;
    flex: 0 0 auto;
    width: 40%;
    padding: 22.5% 0 0 0;
    background: url("/images/refonte2024/SartheHabitat_Vignette_generique.jpg")
      no-repeat center center #005b69;
    background-size: cover;
  }

  /* .bien-image::before {
		content: "";
		position: absolute;
		left: -1rem;
		top: -0.5rem;
		right: 6rem;
		bottom: 0;
		background-color: #008b9f;
		transform-origin: center center;
		transform: rotate(7.5deg);
		z-index: -1;
		transition: 0.3s ease-out;
		transition-property: transform, background-color;
	}

	.short_product:focus .bien-image::before,
	.short_product:hover .bien-image::before {
		transform: rotate(3deg);
		background-color: #c2db00;
	} */

  .bien-image img {
    display: none;
  }

  .bien-contenu {
    padding: 2rem 3rem;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: space-between;
    font-size: 2rem;
    flex: 1 1 auto;
    margin: 0 4rem 0 0;
  }

  .bien-datas .bien-titre {
    color: #1a5036;
    font-size: 1.25em;
    font-weight: bold;
    text-decoration: none;
    display: block;
    margin: 0 0 30px 0;
  }

  .bien-datas .bien-titre::after {
    display: none;
  }

  .bien-details {
    font-size: 0.85em;
  }

  .bien-prix,
  .bien-loyer {
    margin-top: 1em;
    font-size: 1.1em;
    text-align: left;
    color: #e2936a;
    font-weight: bold;
    width: 100%;
  }

  [class^="gm-style-iw-"] .short_product {
    background: none;
    box-shadow: none;
    margin: 0;
  }

  [class^="gm-style-iw-"] .bien-contenu {
    margin: 0;
    padding: 0;
  }

  [class^="gm-style-iw-"] .bien-titre {
    color: #e2936a;
    font-size: 1.8rem;
    padding: 1em 1.5em;
  }

  [class^="gm-style-iw-"] .bien-image,
  [class^="gm-style-iw-"] .bien-prix {
    display: none;
  }

  [class^="gm-style-iw-"] .bien-datas > :not(.bien-titre) {
    display: none;
  }

  @media (max-width: 990px) {
    .catalog-cols {
      flex-direction: column-reverse;
      justify-content: flex-start;
      align-items: stretch;
    }

    .catalog-cols > * {
      width: auto;
    }

    .catalog-carte {
      position: static;
      height: 30rem;
    }

    .catalog-toggle-map {
      display: none;
    }

    .short_product {
      margin-right: 0;
    }
  }

  @media (max-width: 540px) {
    .bien-cols {
      display: block;
    }

    .bien-image {
      width: 100%;
      padding-top: 70%;
    }

    .bien-contenu {
      margin: 0;
    }
  }

  /*====================*\
#    FICHE LOGEMENT    #
\*====================*/

  .logement-video {
    margin-bottom: 30px;
  }

  .logement-header {
    position: relative;
    min-height: 60rem;
    padding-top: 56.25%;
  }

  .widget-avantages .titre,
  .page-logement h2 {
    display: inline-block;
    font-size: 2.4rem;
    font-weight: 700;
    margin: 0 0 1em 0;
    color: #a386bf;
  }

  /* .page-logement h2::after {
		content: "";
		display: block;
		width: calc(100% + 0.5em);
		max-width: 6.667em;
		margin: 0em auto;
		height: 0.3em;
		background: url('/images/designCom/fancy-soulignement-rose.svg') no-repeat center center;
		background-size: 100% 100%;
		position: relative;
		left: 0.5em;
	} */

  .logement-liste {
    list-style: none;
    margin-bottom: 1em;
    margin-top: 0;
  }

  /* Avantages */
  .widget-avantages ul,
  .logement-avantages .logement-liste {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    row-gap: 15px;
    margin-bottom: 40px;
  }

  @media (max-width: 991px) {
    .widget-avantages ul,
    .logement-avantages .logement-liste {
      flex-direction: column;
    }
  }

  .logement-liste-item {
    margin: 0.2em 0;
    text-indent: -0.7em;
    padding-left: 1.3em;
    line-height: 125%;
    font-weight: 500;
  }

  .logement-details-valeur {
    font-size: 2.6rem;
    font-weight: bold;
    color: #1a5036;
  }

  /* Avantages */
  .widget-avantages ul li,
  .logement-avantages .logement-liste-item {
    color: #a5cadb;
    font-size: 20px;
    font-weight: 700;
    text-indent: 0;
    padding: 0 15px;
    width: calc(100% / 3);
  }

  @media (max-width: 991px) {
    .widget-avantages ul li,
    .logement-avantages .logement-liste-item {
      width: 100%;
    }
  }

  .logement-liste-item::before {
    content: url(/images/refonte2024/liste_menu.svg);
  }

  /* Avantages */
  .widget-avantages ul li::before,
  .logement-avantages .logement-liste-item::before {
    content: "+";
    display: inline-flex;
    justify-content: center;
    align-items: center;
    background-color: #a5cadb;
    color: #fff;
    font-size: 20px;
    font-weight: 800;
    width: 22px;
    height: 22px;
  }

  /* Navigation */
  .logement-nav {
    position: absolute;
    left: 0;
    top: -4px;
    z-index: 1;
    display: flex;
    align-items: stretch;
    justify-content: flex-start;
  }

  .logement-nav > * {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    width: 7rem;
    height: 7rem;
    cursor: pointer;
    position: relative;
    font-size: 1rem;
    margin: 0 0.1rem 0.1rem 0;
    transition: background-color 0.3s ease-out;
  }

  .logement-nav-bleu {
    background-color: #e2936a;
  }

  .logement-nav-add {
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 38 33'%3E%3Cpath d='m38 10.3c0-5.67-4.59-10.26-10.26-10.26-3.7 0-6.93 1.97-8.74 4.9-1.81-2.94-5.04-4.9-8.74-4.9-5.67 0-10.26 4.6-10.26 10.26 0 3.09 1.37 5.85 3.52 7.73l14.54 14.54c0.25 0.25 0.59 0.39 0.94 0.39s0.69-0.14 0.94-0.39l14.54-14.54c2.15-1.88 3.52-4.64 3.52-7.73z' fill='%23fff'/%3E%3C/svg%3E")
      no-repeat center center #a386bf;
    background-size: 3.8rem 3.3rem;
  }

  .logement-nav-add form,
  .logement-nav-add a {
    width: 100%;
    height: 100%;
    display: block;
  }

  .logement-nav > *:focus,
  .logement-nav > *:hover {
    background-color: #222;
  }

  .logement-nav > *::before,
  .logement-nav > *::after {
    content: "";
    display: block;
    background: #fff;
    border-radius: 0.2em;
    width: 1.8em;
    height: 0.6em;
    position: absolute;
    left: calc(50% - 0.9em);
    top: calc(50% - 0.3em);
  }

  .logement-nav-bleu::before {
    transform: rotate(-45deg);
  }

  .logement-nav-bleu::after {
    transform: rotate(45deg);
  }

  .logement-nav-prev::before {
    margin-top: -0.45em;
  }

  .logement-nav-prev::after {
    margin-top: 0.45em;
  }

  .logement-nav-next::before {
    margin-top: 0.45em;
  }

  .logement-nav-next::after {
    margin-top: -0.45em;
  }

  .logement-nav-quit::before,
  .logement-nav-quit::after,
  .logement-nav-add::before,
  .logement-nav-add::after {
    width: 2.4em;
    left: calc(50% - 1.2em);
  }

  .logement-nav-add {
    font-size: 0.667rem;
  }

  .logement-nav-add::before,
  .logement-nav-add::after {
    background-color: #a386bf;
    transition: background-color 0.3s ease-out;
  }

  .logement-nav-add::after {
    transform: rotate(90deg);
  }

  .logement-nav-add:focus::before,
  .logement-nav-add:hover::before,
  .logement-nav-add:focus::after,
  .logement-nav-add:hover::after {
    background-color: #222;
  }

  .logement-nav-prev {
    order: -2;
  }

  .logement-nav-next {
    order: 0;
  }

  .logement-nav-quit {
    order: -1;
  }

  .logement-nav-add {
    order: 1;
  }

  /* Popup panier */
  #overlibheader,
  #overlibfooter {
    display: none;
  }

  #overlibcontent {
    background: #fff;
    box-shadow: 0 0 1rem 0 rgba(0, 0, 0, 0.3);
    font-size: 1.8rem;
    padding: 1em 2em;
    text-align: center;
  }

  .bien-selection-close {
    position: absolute;
    font-size: 0.8rem;
    right: 0em;
    top: 0em;
    width: 3rem;
    height: 3rem;
  }

  .bien-selection-close::before,
  .bien-selection-close::after {
    content: "";
    display: block;
    background: #222;
    border-radius: 0.2em;
    height: 0.6em;
    position: absolute;
    top: calc(50% - 0.3em);
    width: 2.4em;
    left: calc(50% - 1.2em);
  }

  .bien-selection-close::before {
    transform: rotate(-45deg);
  }

  .bien-selection-close::after {
    transform: rotate(45deg);
  }

  /* Slider */
  .logement-header-slider.owl-carousel {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 0;
  }

  .logement-header-slider.owl-carousel,
  .logement-header-slider .owl-stage-outer,
  .logement-header-slider .owl-stage,
  .logement-header-slider .owl-item,
  .logement-header-slider-image {
    height: 100%;
  }

  .logement-header-slider-dots {
    position: absolute;
    left: 0;
    right: 0;
    bottom: calc(100% + 1rem);
    text-align: center;
  }

  .logement-header-data .logement-header-slider-dots button.owl-dot {
    width: 1.6rem;
    height: 1.6rem;
    border: 0.2rem solid #f3d4b8;
    background: #f3d4b8;
    transition: background-color 0.3s ease-out;
    display: inline-block;
    border-radius: 50%;
    margin: 0 0.5rem;
    padding: 0;
  }

  .logement-header-data .logement-header-slider-dots button.owl-dot.active {
    background-color: #e2936a;
  }

  .logement-header-slider-image {
    background: url("/images/refonte2024/SartheHabitat_Vignette_generique.jpg")
      no-repeat center center #fff;
    background-size: contain;
  }

  .logement-header-slider.owl-carousel .logement-header-slider-image img {
    display: none;
  }

  /* Datas principales */
  .logement-header-data {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    /* background: rgba(255, 255, 255, 0.75); */
    background: #e2936a;
  }

  .logement-header-data-inner {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    text-align: center;
  }

  .logement-header-data-item {
    padding: 3.5rem 0.5rem;
    flex: 0 1 auto;
    position: relative;
  }

  /* .logement-header-data-item::before {
		content: "";
		position: absolute;
		width: 5rem;
		height: 0.8rem;
		left: calc(50% - 2.5rem);
		bottom: 0;
		background: #ff0066;
	} */

  .logement-header-data-label {
    font-size: 2rem;
    color: #fff;
  }

  .logement-header-data-valeur {
    font-size: 2.6rem;
    color: #1a5036;
    font-weight: bold;
    margin: 0;
  }

  @media (max-width: 990px) {
    .logement-header {
      min-height: 50rem;
    }

    .logement-header-data-item {
      padding: 0;
    }

    .logement-header-data-inner {
      display: block;
      text-align: left;
      padding: 1em 0;
    }

    .logement-header-data-label::after {
      content: " : ";
    }

    .logement-header-data-label,
    .logement-header-data-valeur {
      display: inline;
    }

    .logement-header-data-item::before {
      position: static;
      width: 0.8rem;
      display: inline-block;
      vertical-align: baseline;
      margin: -0.1em 0.3em 0 0;
    }
  }

  /* Colonnes d'informations */
  .fiche-logement-h1 {
    margin-top: 3rem;
  }

  .logement-colsInfos {
    /* background: url('/images/designCom/fond-motif2-84px2.gif') repeat center center;
		background-size: 8.4rem; */
    padding: 7rem 0 5rem 0;
  }

  .logement-colsInfos-container {
    display: flex;
    align-items: stretch;
    justify-content: space-between;
  }

  .logement-colsInfos-gauche {
    flex: 1 1 auto;
    font-size: 2rem;
    position: relative;
  }

  .logement-colsInfos-droite {
    flex: 0 0 auto;
    width: calc(50% - 2rem);
    margin: 0 0 0 4rem;
  }

  .logement-details-liste {
    margin-bottom: 1em;
  }

  .logement-details-valeur {
  }

  .logement-descriptif p {
    font-size: 1.8rem;
    margin: 0 0 1em 0;
  }

  .c-purple {
    color: #9078aa;
  }

  /* Date butoir */
  .logement-date_butoir_depot_dossier {
    color: #525050;
    font-size: 1.6rem;
  }

  /* Carte */
  .logement-carte {
    font-size: 0;
    height: 100%;
    position: relative;
  }

  .logement-carte::before,
  .logement-carte::after {
    content: "";
    position: absolute;
    bottom: 0;
    pointer-events: none;
  }

  .logement-carte iframe {
    display: block;
    width: 100%;
    height: 100%;
    border: none;
    position: relative;
    z-index: 1;
  }

  @media (max-width: 990px) {
    .logement-colsInfos-container {
      display: block;
    }

    .logement-colsInfos-droite {
      width: auto;
      margin: 4rem 0 0 0;
      height: 26rem;
    }
  }

  @media (max-width: 540px) {
    .logement-colsInfos-gauche {
      font-size: 1.8rem;
    }
  }

  /* Tableau de biens */
  .logement-biens {
    padding: 2rem 0 7rem 0;
  }

  .logement-biens-maj {
    color: #000;
    font-style: italic;
  }

  .logement-biens-liste {
    table-layout: auto;
    width: calc(100% - 1px);
    margin: 0;
    border-collapse: collapse;
    border: none;
  }

  .logement-biens-liste th {
    font-size: 2rem;
    font-weight: normal;
    color: #fff;
    text-align: center;
    padding: 0.3em;
    vertical-align: bottom;
  }

  .logement-biens-liste td {
    font-size: 2.2rem;
    color: #1a5036;
    font-weight: 600;
    text-align: center;
    padding: 0.3em;
    vertical-align: middle;
    border: 1px solid #ccc;
  }

  .logement-biens-liste td::before {
    content: attr(data-label) " : ";
    color: #222;
    font-weight: normal;
    font-size: 1.8rem;
  }

  .logement-biens-liste [data-label="N°"] {
    background-color: rgba(226, 147, 106, 0.5);
  }

  .logement-biens-liste [data-label^="Surface"]::after {
    content: " m²";
  }

  .logement-biens-liste .dpeA {
    color: #319a31;
  }

  .logement-biens-liste .dpeB {
    color: #33cc33;
  }

  .logement-biens-liste .dpeC {
    color: #9bcb0d;
  }

  .logement-biens-liste .dpeD {
    color: #d0d000;
  }

  .logement-biens-liste .dpeE {
    color: #e0b300;
  }

  .logement-biens-liste .dpeF {
    color: #ff9a33;
  }

  .logement-biens-liste .dpeG {
    color: #ff0000;
  }

  .logement-biens-liste .on,
  .logement-biens-liste [data-etat="Disponible"] {
    background-color: #c0c9b9;
    color: #fff;
  }

  .logement-biens-liste .off,
  .logement-biens-liste [data-etat="Option"] {
    background-color: #e2936a;
    color: #fff;
  }

  .logement-biens-liste [data-etat="Réservé"],
  .logement-biens-liste [data-etat="Reserve"] {
    background-color: #a5cadb;
    color: #fff;
  }

  .logement-biens-liste [data-etat="Vendu"] {
    background-color: #a5cadb;
    color: #fff;
  }

  .logement-biens-liste a {
    display: inline-block;
    background: no-repeat center center;
    background-size: contain;
    vertical-align: middle;
    transform-origin: center center;
    transform: rotate(0deg);
    transition: transform 0.3s ease-out;
  }

  .logement-biens-liste a:focus,
  .logement-biens-liste a:hover {
    transform: rotate(6deg);
  }

  .logement-biens-liste .logement-biens-lien-fichier {
    background-image: url("/images/designCom/picto-pdf.svg");
    width: 4rem;
    height: 4rem;
  }

  .logement-biens-liste .logement-biens-lien-contact {
    background-image: url("/images/designCom/picto-avion.svg");
    width: 3.3rem;
    height: 2.8rem;
  }

  .logement-biens-liste-crop {
    display: none;
  }

  .logement-biens-liste-crop.active {
    display: table-row-group;
  }

  .logement-biens-liste-more {
    background: #c2db00;
    color: rgba(255, 255, 255, 0);
    font-size: 1.6rem;
    line-height: 1rem;
    padding: 0rem 0 0rem 0;
    text-align: center;
    width: 100%;
    display: block;
    cursor: pointer;
    transition: 0.3s ease-out;
    transition-property: color, padding, line-height;
    border-bottom: 2.6rem solid #fff;
    box-sizing: content-box;
  }

  .logement-biens-liste-more:focus,
  .logement-biens-liste-more:hover {
    color: rgba(255, 255, 255, 1);
    padding: 0.5rem 0 1rem 0;
    line-height: 2rem;
  }

  .logement-biens-liste-more::before {
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 1.6rem 1.6rem 0 1.6rem;
    border-color: #c2db00 transparent transparent transparent;
    position: absolute;
    top: calc(100% - 2.6rem);
    left: calc(50% - 1.6rem);
  }

  @media (max-width: 990px) {
    .logement-biens-liste {
      display: block;
      width: 100%;
      text-align: center;
    }

    .logement-biens-liste tbody:not(.logement-biens-liste-crop),
    .logement-biens-liste-crop.active {
      display: inline;
    }

    .logement-biens-liste tr {
      display: inline-block;
      padding: 1em;
      background: #fff;
      box-shadow: 0 0 3rem 0 rgba(0, 0, 0, 0.15);
      margin: 1.5rem;
      vertical-align: middle;
      width: 30rem;
      max-width: calc(100% - 3rem);
    }

    .logement-biens-liste thead {
      display: none;
    }

    .logement-biens-liste td {
      display: block;
      text-align: left;
      padding: 0;
      border: none;
      font-size: 2rem;
    }

    .logement-biens-liste td

		/*:not(:empty)*/
		::before {
      content: attr(data-label) " : ";
      color: #222;
      font-weight: normal;
      font-size: 1.8rem;
    }

    .logement-biens-liste [data-label="N°"] {
      background: none;
    }

    .logement-biens-liste .on {
      color: #c8da2b;
      background: none;
    }

    .logement-biens-liste .off {
      color: #c17d00;
      background: none;
    }

    .logement-biens-liste-more {
      color: rgba(255, 255, 255, 1);
      padding: 0.5rem 0 1rem 0;
      line-height: 2rem;
    }
  }

  /* Colonnes données */
  .logement-colsDonnees-container {
    display: flex;
    align-items: stretch;
    justify-content: space-between;
  }

  .logement-colsDonnees-container > * {
    flex: 0 0 auto;
    width: calc(50% - 2rem);
  }

  /* Labels et équipements */
  .logement-equips,
  .logement-labels {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-wrap: wrap;
  }

  .logement-label-bloc {
    flex: 1 1 auto;
    width: 33.333%;
    max-width: 33.333%;
    text-align: left;
    margin: 1em 0;
    padding: 0 1rem;
    font-size: 1.2rem;
    line-height: 1.2;
    display: flex;
    align-items: center;
    justify-content: flex-start;
  }

  .logement-equips-bloc {
    flex: 0 0 auto;
    width: 8rem;
    max-width: 8rem;
    text-align: center;
    margin: 1em 0;
    padding: 0 1rem;
    font-size: 1.2rem;
    line-height: 1.2;
  }

  .logement-label-image {
    height: 7rem;
    flex: 0 0 auto;
  }

  .logement-equips-bloc--picto {
    width: 5.5rem;
    height: 5.5rem;
    margin: 0 auto;
  }

  .logement-label-image img {
    max-width: none;
    width: auto;
    height: 100%;
  }

  .logement-label-nom {
    flex: 1 1 auto;
    margin: 0 0 0 0.5em;
  }

  /* DPE/GES */
  .logement-titre-centre {
    text-align: center;
  }

  .logement-conso-graph {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
  }

  .DPEGES {
    flex: 0 0 auto;
    width: calc(50% - 1.5rem);
  }

  .DPEGES h3 {
    font-size: 2.2rem;
    font-weight: 600;
    line-height: 1.2;
    margin: 0 0 15px;
    color: inherit;
    text-align: center;
  }

  .DPEGES-inner {
    position: relative;
    font-size: 1.2rem;
    /*overflow: hidden;*/
    padding: 0 0 2em 0;
    margin: 0 0 -2em 0;
  }

  .DPEGES-graph {
    list-style: none;
    width: 55%;
    margin-left: auto;
    position: relative;
  }

  .DPEGES-graph-item,
  .DPEGES-curseur {
    height: 2.4em;
    background-color: currentColor;
    margin: 0.2rem 0;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding: 0 0 0 1ch;
    position: relative;
    z-index: 1;
    font-weight: 600;
  }

  .DPEGES-graph-item.active {
    font-size: 1.1em;
    font-weight: bold;
  }

  .DPEGES-graph-item::before {
    content: "";
    position: absolute;
    top: calc(50% - 1.2em);
    width: 0;
    height: 0;
    border-style: solid;
    opacity: 1;
    margin: 0;
  }

  .DPEGES-graph-item::before {
    left: 100%;
    border-width: 1.2em 0 1.2em 1.2em;
    border-color: transparent transparent transparent currentColor;
  }

  .DPEGES-graph-item::after {
    content: attr(data-lettre);
    font-size: 1.8em;
  }

  .DPEGES-curseur {
    color: #000;
    position: absolute;
    right: calc(100% + 5px);
    z-index: 0;
    font-size: 1.1em;
    padding: 0;
    margin: 0;
    background-color: #fff;
    width: max-content;
    height: initial;
  }

  .DPEGES-curseur-content {
    border: 1px solid #000;
    text-align: center;
    padding: 0 3px;
    line-height: 1;
  }

  .DPEGES-curseur-unit {
    font-size: 12px;
  }
  .DPEGES-curseur-value {
    font-size: 14px;
    font-weight: 600;
    line-height: 1;
  }

  .DPEGES-legende {
    font-size: 14px;
    width: 55%;
    margin-left: auto;
  }
  /* .DPEGES-curseur::before {
		right: 100%;
		border-width: 1.2em 1.2em 1.2em 0;
		border-color: transparent currentColor transparent transparent;
	} */

  /* .DPEGES-curseur::after {
		content: "";
		width: 100vw;
		height: 0;
		position: absolute;
		right: 100%;
		top: calc(50% - 0.1rem);
		border-bottom: 0.2rem dotted currentColor;
		opacity: 0.3;
	} */

  .DPEGES-graph-item[data-lettre="A"] {
    width: calc(40% - 14px);
  }

  .DPEGES-graph-item[data-lettre="B"] {
    width: calc(50% - 14px);
  }

  .DPEGES-graph-item[data-lettre="C"] {
    width: calc(60% - 14px);
  }

  .DPEGES-graph-item[data-lettre="D"] {
    width: calc(70% - 14px);
  }

  .DPEGES-graph-item[data-lettre="E"] {
    width: calc(80% - 14px);
  }

  .DPEGES-graph-item[data-lettre="F"] {
    width: calc(90% - 14px);
  }

  .DPEGES-graph-item[data-lettre="G"] {
    width: calc(100% - 14px);
  }

  .graph-dpe .DPEGES-graph-item[data-lettre="A"] {
    color: #319a31;
  }

  .graph-dpe .DPEGES-graph-item[data-lettre="B"] {
    color: #33cc33;
  }

  .graph-dpe .DPEGES-graph-item[data-lettre="C"] {
    color: #ccff33;
  }

  .graph-dpe .DPEGES-graph-item[data-lettre="D"] {
    color: #ffff00;
  }

  .graph-dpe .DPEGES-graph-item[data-lettre="E"] {
    color: #ffcc00;
  }

  .graph-dpe .DPEGES-graph-item[data-lettre="F"] {
    color: #ff9a33;
  }

  .graph-dpe .DPEGES-graph-item[data-lettre="G"] {
    color: #ff0000;
  }

  .graph-ges .DPEGES-graph-item[data-lettre="A"] {
    color: #f7edf5;
  }

  .graph-ges .DPEGES-graph-item[data-lettre="B"] {
    color: #d7c0dc;
  }

  .graph-ges .DPEGES-graph-item[data-lettre="C"] {
    color: #c3a8cd;
  }

  .graph-ges .DPEGES-graph-item[data-lettre="D"] {
    color: #b495c1;
  }

  .graph-ges .DPEGES-graph-item[data-lettre="E"] {
    color: #9576af;
  }

  .graph-ges .DPEGES-graph-item[data-lettre="F"] {
    color: #76569b;
  }

  .graph-ges .DPEGES-graph-item[data-lettre="G"] {
    color: #604592;
  }

  .DPEGES-curseur.posA {
    top: calc(100% / 7 * 0 - 0.1rem);
  }

  /*0%*/
  .DPEGES-curseur.posB {
    top: calc(100% / 7 * 1 - 0.1rem);
  }

  /*14.286%*/
  .DPEGES-curseur.posC {
    top: calc(100% / 7 * 2 - 0.1rem);
  }

  /*28.571%*/
  .DPEGES-curseur.posD {
    top: calc(100% / 7 * 3 - 0.1rem);
  }

  /*42.847%*/
  .DPEGES-curseur.posE {
    top: calc(100% / 7 * 4 - 0.1rem);
  }

  /*57.143%*/
  .DPEGES-curseur.posF {
    top: calc(100% / 7 * 5 - 0.1rem);
  }

  /*71.429%*/
  .DPEGES-curseur.posG {
    top: calc(100% / 7 * 6 - 0.1rem);
  }

  /*85.714%*/
  .DPEGES-graph-item-texte,
  .DPEGES-graph-item::after {
    color: #000;
  }
  .DPEGES-graph-item-texte:not(:empty) {
    margin-right: auto;
  }

  .DPEGES-graph-item:last-child .DPEGES-graph-item-texte,
  .DPEGES-graph-item:last-child::after {
    color: #fff;
  }

  /* .DPEGES-curseur-unite {
		position: absolute;
		right: 0;
		top: calc(100% + 0.2em);
		font-size: 0.8em;
	} */

  @media (max-width: 990px) {
    .logement-colsDonnees-container {
      display: block;
    }

    .logement-colsDonnees-container > * {
      width: auto;
      margin: 3rem auto;
    }
  }

  @media (max-width: 540px) {
    .logement-conso-graph {
      display: block;
    }

    .DPEGES {
      width: auto;
      margin: 0 0 3rem 0;
    }
  }

  /* Texte sous les DPE */
  .logement-conso__texte {
    color: #525050;
    font-size: 1.5rem;
    margin-top: 15px;
  }

  /* Partage */
  .logement-partage {
    text-align: center;
    padding: 6rem 0 6rem 0;
  }

  .logement-partage-container {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 1.8rem;
    font-weight: bold;
    position: relative;
  }

  .logement-partage-picto {
    display: inline-flex;
    align-items: center;
    font-size: 16px;
    font-weight: 700;
    color: #fff;
    text-decoration: none;
    border-radius: 3em;
    text-transform: uppercase;
    padding: 10px 40px;
    background-color: #e2936a;
    transition: all 0.3s;
  }

  .logement-partage-picto:hover {
    background-color: #1a5036;
  }

  .logement-partage-picto img {
    margin-left: 12px;
    max-width: 24px;
  }

  .logement-partage-picto path {
    fill: currentColor;
  }

  .logement-partage-picto svg {
    width: 20px;
    margin-left: 20px;
  }

  /* Documents */
  .logement-documents-bouton {
    display: none;
  }

  .logement-links-container,
  .logement-documents-container {
    /* background: #fff;
		box-shadow: 0 0 3rem 0.1rem rgba(0, 0, 0, 0.15); */
    text-align: center;
    padding: 1rem 3rem;
  }

  a.logement-documents-bouton--bouton {
    background-color: #a5cadb;
  }

  .logement-docmuents-lien {
    font-size: 1.6rem;
    font-weight: 600;
    margin: 0.5em 0 0 0;
  }

  .logement-docmuents-lien a {
    color: inherit;
    transition: 0.3s ease-out;
    transition-property: color, text-decoration-color;
  }

  .logement-docmuents-lien a:focus,
  .logement-docmuents-lien a:hover {
    text-decoration-color: rgba(255, 0, 102, 1);
    color: #ff0066;
  }

  /* Liens */
  .logement-links {
    margin-bottom: 30px;
  }

  /* Agence */
  .logement-colsAgence {
    margin: 80px 0;
  }

  #logement-form label {
    display: none;
  }

  .card-agence {
    background-color: #a5cadb;
    text-align: center;
  }

  .card-agence__img {
    aspect-ratio: 575 / 337;
    overflow: hidden;
  }

  .card-agence__img img {
    object-fit: cover;
    width: 100%;
    height: 100%;
  }

  .card-agence__txt {
    padding: 10px 30px;
  }

  .card-agence__txt .titre {
    text-transform: uppercase;
    font-weight: 700;
  }

  /* Simulateur de prêt */
  .logement-pret {
    margin: 6rem auto;
    text-align: center;
  }

  .logement-pret-container::after {
    content: "";
    position: absolute;
    left: 90%;
    top: 1.5rem;
    width: 55rem;
    height: 23.2rem;
    background: url("/images/designCom/graph-rebond-rose.svg") no-repeat right
      top;
    background-size: 55rem 23.2rem;
    pointer-events: none;
    z-index: -1;
  }

  .logement-pret-selects {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    flex-wrap: wrap;
  }

  .logement-pret-col {
    flex: 0 0 auto;
    width: calc(25% - 2.5rem);
  }

  .logement-pret-select--valeur {
    text-align: center;
    color: #008b9f;
    font-size: 2rem;
    font-weight: bold;
  }

  .logement-pret-select--select {
    margin: 0.5em 0;
  }

  .logement-pret-select--legende {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    font-size: 1.4rem;
  }

  .logement-pret-select--legende-titre {
    margin: 0 1em;
    color: #008b9f;
  }

  a.logement-pret-bouton--bouton {
    color: #000;
    background-color: #c2db00;
    min-width: 0;
    margin: 2em auto 1em auto;
    font-weight: bold;
  }

  .logement-pret-texte {
    font-size: 3rem;
    font-weight: bold;
    max-width: 80rem;
    margin: 0 auto;
  }

  .logement-pret-texte span {
    color: #008b9f;
    white-space: nowrap;
  }

  @media (max-width: 990px) {
    .logement-pret-selects {
      flex-wrap: wrap;
    }

    .logement-pret-col {
      width: calc(50% - 2.5rem);
      margin: 1.5rem auto;
    }
  }

  @media (max-width: 540px) {
    .logement-pret-selects {
      flex-wrap: wrap;
    }

    .logement-pret-col {
      width: calc(100% - 2.5rem);
      margin: 1.5rem auto;
    }
  }

  /* Agence */
  .logement-agence-container {
    background-color: #1a5036;
    text-align: center;
    margin: 9rem auto 4rem auto;
    padding: 4.5rem;
    font-size: 2.2rem;
  }

  .logement-agence-container .logement-agence-contact-bouton:hover {
    background: #e2936a;
    color: #fff;
  }

  .logement-agence-container::after {
    content: "";
    width: 8.4rem;
    height: 13.6rem;
    background: url("/images/designCom/header-spot-orange.svg") no-repeat center
      bottom;
    background-size: contain;
    display: block;
    position: absolute;
    left: 85%;
    top: -6.5rem;
    transform-origin: center bottom;
    transform: rotate(28deg);
    pointer-events: none;
  }

  .logement-agence h2 {
    display: block;
    font-size: 1.8em;
    margin: 0 0 0.5em 0;
    color: #fff;
  }

  .logement-agence h2::after {
    display: none;
  }

  .logement-agence-data {
    margin: 1em auto;
    color: #fff;
  }

  .logement-agence-ville {
    font-weight: bold;
  }

  a.logement-agence-contact-bouton {
    background-color: #fff;
    color: #000;
    font-size: 1em;
    position: relative;
    padding-left: 0;
    padding-right: 0;
    width: 12em;
    text-align: center;
    height: 2.25em;
    transform: scaleX(1);
    transition:
      background-color 0.3s ease-out,
      transform 0.5s ease-out;
    transform-origin: center center;
  }

  @media (max-width: 990px) {
    .logement-agence-container {
      font-size: 1.8rem;
      padding: 3rem;
    }
  }

  /* Partenaires */
  .logement-partenaires {
    text-align: center;
    margin: 4rem 0 6rem 0;
  }

  .logement-partenaires h2::after {
    display: none;
  }

  .logement-partenaires-container {
    display: flex;
    align-items: flex-end;
    justify-content: center;
  }

  .logement-partenaires-bloc {
    flex: 0 0 auto;
    margin: 0 5%;
    font-size: 1.8rem;
  }

  .logement-partenaires-logo {
    max-width: 14rem;
    margin: 0 auto 0.5em auto;
  }

  /* Logements similaires */
  .logement-similaires-liste {
    margin: 60px 0;
  }

  .logement-similaires-liste h2 {
    text-align: left;
  }

  .logement-similaires-liste > .widget {
    display: block;
  }

  .logement-similaires-liste .titre {
    display: none;
  }

  @media (min-width: 992px) {
    .col-md-8 {
      flex: 0 0 auto;
      width: 66.6667%;
    }
    .mx-auto {
      margin-left: auto;
      margin-right: auto;
    }
  }

  /* Sarthe Habitat vous accompagne */
  .sh-accompagne .titre {
    display: inline-block;
    font-size: 2.4rem;
    font-weight: 700;
    margin: 0 0 1em 0;
    color: #a386bf;
  }

  /*============*\
#    Panier    #
\*============*/
  .selection-liste {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: wrap;
  }

  .selection-liste-item {
    flex: 0 0 auto;
    margin: 0 0 3rem 3rem;
    background-color: #005b69;
    position: relative;
    width: 100%;
  }

  .selection-liste-item-content {
    padding: 56.25% 0 0 0;
    background: no-repeat center center;
    background-size: cover;
    display: block;
    position: relative;
    text-decoration: none;
    color: #fff;
  }

  .selection-liste-item-content::before {
    content: "";
    position: absolute;
    left: -1rem;
    top: -0.5rem;
    right: 6rem;
    bottom: 0;
    background-color: #008b9f;
    transform-origin: center center;
    transform: rotate(3deg);
    z-index: -1;
    transition: 0.3s ease-out;
    transition-property: transform, background-color;
  }

  .selection-liste-item-content:focus::before,
  .selection-liste-item-content:hover::before {
    transform: rotate(-3.5deg);
    background-color: #c2db00;
  }

  .selection-liste-item-content img {
    display: none;
  }

  .selection-liste-titre {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    text-align: center;
    background-color: rgba(255, 0, 102, 0.8);
    padding: 0.5em 1em;
    font-weight: bold;
    font-size: 2rem;
  }

  .selection-liste-ref {
    position: absolute;
    right: 0;
    top: 0;
    text-align: right;
    background: #c2db00;
    padding: 0.5em 4rem 0.5rem 1rem;
    color: #222;
    font-size: 1.4rem;
  }

  .selection-liste-delete {
    position: absolute;
    font-size: 0.8rem;
    right: -0.5rem;
    top: -0.5rem;
    width: 4rem;
    height: 4rem;
    background-color: rgba(255, 255, 255, 0);
    border-radius: 50%;
    box-shadow: 0 0 0rem -1px rgba(0, 0, 0, 0);
    transition: 0.3s ease-out;
    transition-property: background-color, box-shadow;
    z-index: 1;
  }

  .selection-liste-delete:focus,
  .selection-liste-delete:hover {
    background-color: rgba(255, 255, 255, 1);
    box-shadow: 0 0 1rem -1px rgba(0, 0, 0, 0.3);
  }

  .selection-liste-delete::before,
  .selection-liste-delete::after {
    content: "";
    display: block;
    background: #222;
    border-radius: 0.2em;
    height: 0.6em;
    position: absolute;
    top: calc(50% - 0.3em);
    width: 2.4em;
    left: calc(50% - 1.2em);
    transition: background-color 0.3s ease-out;
  }

  .selection-liste-delete::before {
    transform: rotate(-45deg);
  }

  .selection-liste-delete::after {
    transform: rotate(45deg);
  }

  .selection-liste-delete:focus::before,
  .selection-liste-delete:focus::after,
  .selection-liste-delete:hover::before,
  .selection-liste-delete:hover::after {
    background-color: #ff0066;
  }

  @media (min-width: 991px) {
    .selection-liste-item {
      width: calc(33.333% - 2rem);
    }

    .selection-liste-item:nth-child(3n + 1) {
      margin-left: 0;
    }
  }

  @media (min-width: 541px) and (max-width: 990px) {
    .selection-liste-item {
      width: calc(50% - 1.5rem);
    }

    .selection-liste-item:nth-child(odd) {
      margin-left: 0;
    }
  }

  @media (max-width: 540px) {
    .selection-liste-item {
      margin-left: 0;
    }
  }

  .selection-thanks {
    text-align: center;
    font-size: 2rem;
  }

  /*=======================================*\
#    Page PROJET/CONSTRUCTION (détail)    #
\*=======================================*/

  /* Slider */
  .pProjet-slider {
    position: relative;
    height: 40rem;
    margin: 4rem 0 7rem 0;
  }

  /* .pProjet-slider::before,
	.pProjet-slider::after {
		content: "";
		position: absolute;
		pointer-events: none;
	}

	.pProjet-slider::before {
		width: 100%;
		height: 100%;
		left: 0;
		top: 0;
		transform-origin: center center;
		transform: rotate(-3.5deg) scale(1.047) translate(-0.3%, 2%);
		pointer-events: none;
		z-index: -1;
		transition: transform 0.3s ease-out;
	}

	.pProjet-slider:focus::before,
	.pProjet-slider:hover::before {
		transform: rotate(-1.75deg) scale(1.047) translate(-0.3%, 2%);
	}

	.pProjet-slider::after {
		width: 8.5rem;
		height: 8.5rem;
		background: no-repeat center center;
		background-size: contain;
		top: 2rem;
		right: 2rem;
		z-index: 1;
	} */

  .pProjet-slider-item {
    background: no-repeat center center;
    background-size: cover;
  }

  .pProjet-slider .owl-stage-outer,
  .pProjet-slider .owl-stage,
  .pProjet-slider .owl-item,
  .pProjet-slider-item {
    height: 100%;
  }

  .pProjet-slider.owl-carousel .pProjet-slider-item img {
    display: none;
  }

  .pProjet-slider.owl-carousel .owl-dots {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 3rem;
    z-index: 9;
    text-align: center;
  }

  .pProjet-slider.owl-carousel button.owl-dot {
    padding: 0;
    display: inline-block;
    width: 2rem;
    height: 2rem;
    background: #fff;
    transition: background-color 0.3s ease-out;
    vertical-align: middle;
    margin: 0.5rem;
  }

  .pProjet-slider.owl-carousel button.owl-dot.active {
    background-color: #ff0066;
  }

  .pProjet-slider.owl-carousel .owl-nav span {
    display: none;
  }

  .pProjet-slider.owl-carousel .owl-nav button[class^="owl-"] {
    position: absolute;
    top: calc(50% - 1.75rem);
    width: 3.5rem;
    height: 3.5rem;
  }

  .pProjet-slider.owl-carousel .owl-nav button[class^="owl-"]::before {
    content: "";
    width: 100%;
    height: 100%;
    display: block;
    border-left: 0.5rem solid #000;
    border-bottom: 0.5rem solid #000;
    border-radius: 0.5rem;
    box-sizing: border-box;
    transform-origin: center center;
  }

  .pProjet-slider.owl-carousel .owl-nav button.owl-prev {
    left: 2rem;
  }

  .pProjet-slider.owl-carousel .owl-nav button.owl-next {
    right: 2rem;
  }

  .pProjet-slider.owl-carousel .owl-nav button.owl-prev::before {
    transform: translateX(33%) rotate(45deg);
  }

  .pProjet-slider.owl-carousel .owl-nav button.owl-next::before {
    transform: translateX(-33%) rotate(-135deg);
  }

  /* Descriptions */
  .pProjet-descriptions {
    display: flex;
    align-items: stretch;
    justify-content: space-between;
    font-size: 1.8rem;
    position: relative;
    z-index: 1;
    margin: 3rem auto 8rem auto;
  }

  /* .pProjet-descriptions::after {
		content: "";
		position: absolute;
		display: block;
		left: 75%;
		bottom: calc(100% - 4rem);
		width: 55rem;
		height: 23.2rem;
		background: url('/images/designCom/graph-rebond-vert.svg') no-repeat right top;
		background-size: 55rem 23.2rem;
		pointer-events: none;
		z-index: 1;
	} */

  .pProjet-description-col {
    flex: 1 0 auto;
    width: calc(50% - 1.5rem);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }

  @media (max-width: 767px) {
    .pProjet-descriptions::after {
      content: none;
    }
  }

  @media (min-width: 991px) {
    .pProjet-description-col:not(:first-child) {
      margin-left: 3rem;
    }
  }

  .pProjet-description-col > * {
    flex: 1 0 auto;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: center;
    width: 100%;
  }

  .pProjet-description-inner {
    flex: 0 0 auto;
    width: 100%;
    display: block;
  }

  .pProjet-descriptions h2 {
    font-size: 1.444em;
    color: inherit;
    margin: 0;
  }

  .pProjet-description-2 h2 {
    font-weight: normal;
  }

  .pProjet-descriptions h3 {
    font-size: 1.111em;
    color: inherit;
    margin: 0;
  }

  .pProjet-descriptions p {
    margin: 0;
  }

  .pProjet-description-1 {
    padding: 0.5em 0em;
  }

  /*.pProjet-description-2 {
		background: #F3D4B8;
		padding: 0.5em 1em;
	}*/
  .pProjet-description-2 .bouton {
    margin: 25px 0;
  }

  .pProjet-description-3 {
    color: #fff;
    padding: 0.5em 1em;
  }

  /* Photos */
  .pProjet-photos {
    display: flex;
    align-items: stretch;
    justify-content: space-between;
    position: relative;
    margin: 3rem auto;
    z-index: 1;
  }

  /* .pProjet-photos::after {
		content: "";
		position: absolute;
		display: block;
		pointer-events: none;
		left: 5%;
		top: calc(50% - 11.6rem);
		width: 55rem;
		height: 23.2rem;
		background: url('/images/designCom/graph-rebond-vert.svg') no-repeat right top;
		background-size: 55rem 23.2rem;
		z-index: 1;
		transform-origin: left center;
		transform: scale(-0.7, 0.7);
	} */

  .pProjet-photos-col {
    flex: 1 0 auto;
    width: calc(50% - 1.5rem);
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
  }

  .pProjet-photos-col:not(:first-child) {
    margin-left: 3rem;
  }

  /* .pProjet-photos-col::before {
		content: "";
		width: 7.8rem;
		height: 6.1rem;
		position: absolute;
		background: url('/images/designCom/graph-splash-vert.svg') no-repeat left top;
		background-size: contain;
		transform-origin: left top;
	}

	.pProjet-photos-col:first-child::before {
		transform: rotate(0.5turn);
		top: 2rem;
		left: 3rem;
	}

	.pProjet-photos-col:last-child::before {
		transform: rotate(6deg);
		top: calc(50% - 1rem);
		left: calc(100% - 1.5rem);
	} */

  .pProjet-photos-col img {
    width: 100%;
  }

  @media (max-width: 540px) {
    .pProjet-photos {
      display: block;
    }

    .pProjet-photos-col {
      width: auto;
    }

    .pProjet-photos-col:not(:first-child) {
      margin: 3rem 0 0 0;
    }
  }

  /* Détails */
  .pProjet-details {
    margin: 3rem auto;
    display: flex;
    align-items: flex-start;
    justify-content: space-around;
    z-index: 0;
    position: relative;
    font-size: 1.8rem;
  }

  .pProjet-details-texte p img {
    display: none;
  }

  /* .pProjet-details-texte p:before {
		content: url(/images/refonte2024/liste_menu.svg);
		display: inline-block;
		margin: 0 10px 0 0;
		vertical-align: baseline;
	} */

  /* .pProjet-detailsVert::before {
		content: "";
		position: absolute;
		display: block;
		pointer-events: none;
		padding: 0 1em;
		left: -10%;
		right: 10%;
		top: -100%;
		bottom: -6rem;
		width: calc(120%);
		background: url('/images/designCom/fond-motif1-4.32px.svg') repeat center top #fff;
		background-size: 0.4rem 0.4rem;
		z-index: -1;
	} */

  .pProjet-detailsCouleur {
    padding: 5rem 1em;
    color: #fff;
    background: #1a5036;
  }

  .pProjet-details-col {
    flex: 1 1 100%;
    padding: 0 1.5rem;
    text-align: center;
  }

  .pProjet-details-picto img {
    height: 4.5rem;
  }

  .pProjet-details-titre {
    font-size: 1.111em;
    margin: 1em 0 0 0;
    font-weight: bold;
    text-transform: initial;
    margin: 20px 0;
  }

  .pProjet-detailsCouleur .pProjet-details-titre {
    margin: 30px 0;
  }

  .pProjet-detailsCouleur ul li::before {
    filter: brightness(0) invert(1);
  }

  .pProjet-detailsVert-titre {
    color: #a386bf;
    text-shadow:
      -0.1em -0.1em 0 #fff,
      0em -0.1em 0 #fff,
      0.1em -0.1em 0 #fff,
      -0.1em 0em 0 #fff,
      0em 0em 0.5em #fff,
      0.1em 0em 0 #fff,
      -0.1em 0.1em 0 #fff,
      0em 0.1em 0 #fff,
      0.1em 0.1em 0 #fff;
  }

  @media (max-width: 990px) {
    .pProjet-details {
      display: block;
    }

    .pProjet-details-col {
      max-width: 54rem;
      margin: 3rem auto;
      padding: 0;
    }
  }

  /* Boutons */
  .pProjet-boutons {
    padding: 0 1em;
    margin: -3rem 0 5rem 0;
    text-align: right;
  }

  .pProjet-boutons a {
    margin-top: 0;
    margin-bottom: -2rem;
  }

  .pProjet-boutons a:not(.bouton) {
    display: none;
  }

  .pProjet-boutons a.bouton:focus,
  .pProjet-boutons a.bouton:hover {
    background-color: #222;
  }

  @media (max-width: 990px) {
    .pProjet-boutons {
      text-align: center;
    }

    .pProjet-boutons a {
      margin: 0 1rem 2rem 1rem;
    }
  }

  /*======================================*\
#    Page PROJET/CONSTRUCTION (liste)    #
\*======================================*/
  /* Switch (aussi dans les FAQ) */
  .rubriques-toggle {
    text-align: center;
  }

  .rubriques-toggle .titre {
    display: none;
  }

  .rubriques-toggle a {
    min-width: 0;
    font-weight: 600;
    background: #d6d6d6;
    color: #000;
  }

  .rubriques-toggle .active {
    background: #e2936a;
    color: #fff;
  }

  h1 + .rubriques-toggle {
    margin-top: -1em;
  }

  /* Liste */
  .multiArticles-article {
    margin: 6rem auto 12rem auto;
    display: flex;
    align-items: stretch;
    justify-content: space-between;
    font-size: 1.8rem;
  }

  .multiArticles--texte h2 {
    font-size: 2.4rem;
    margin: 0;
    color: inherit;
  }

  .multiArticles-article > * {
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    width: calc(50% - 1.5rem);
    position: relative;
  }

  @media (min-width: 991px) {
    .multiArticles-article:nth-child(odd) .multiArticles--image {
      order: -1;
      margin-right: 3rem;
      justify-content: flex-end;
    }

    .multiArticles-article:nth-child(even) .multiArticles--image {
      order: 1;
      margin-left: 3rem;
      justify-content: flex-start;
    }
  }

  .multiArticles--image::before {
    width: 100%;
    height: 100%;
    transform-origin: center center;
    z-index: -1;
  }

  .multiArticles-article:nth-child(odd) .multiArticles--image::before {
    transform: scale(1.2) translate(calc(-50vw + 100%), -3%) rotate(8deg);
  }

  .multiArticles-article:nth-child(even) .multiArticles--image::before {
    transform: scale(1.2) translate(calc(50vw - 100%), -3%) rotate(-8deg);
  }

  .multiArticles--image-inner {
    /* width: calc(50vw - 1.5rem); */
    width: fit-content;
    flex: 0 0 auto;
    background: no-repeat center center;
    background-size: cover;
    position: relative;
    aspect-ratio: 1/1;
  }

  /* .multiArticles--image::before, */
  /* .multiArticles--image-inner::after {
		content: "";
		position: absolute;
		pointer-events: none;
	}

	.multiArticles--image-inner::after {
		width: 8.5rem;
		height: 8.5rem;
		background: no-repeat center center;
		background-size: contain;
		top: 2rem;
		z-index: 1;
	}

	.multiArticles-article:nth-child(odd) .multiArticles--image-inner::after {
		right: 3rem;
	}

	.multiArticles-article:nth-child(even) .multiArticles--image-inner::after {
		left: 3rem;
	} */

  .multiArticles--image-inner img {
    display: block;
    width: 100%;
    visibility: hidden;
  }

  div.multiArticles-bouton.bouton {
    position: absolute;
    bottom: -2rem;
    margin: 0 3rem;
  }

  .multiArticles-article:nth-child(odd) .multiArticles-bouton {
    right: 0;
  }

  .multiArticles-article:nth-child(even) .multiArticles-bouton {
    left: 0;
  }

  .multiArticles-bouton span {
    display: none;
  }

  @media (max-width: 1440px) {
    .multiArticles-article {
      align-items: flex-start;
    }

    .multiArticles-article:nth-child(odd) .multiArticles--image::before {
      transform: scale(1.2) translate(calc(-50vw + 100%), -3%) rotate(4deg);
    }

    .multiArticles-article:nth-child(even) .multiArticles--image::before {
      transform: scale(1.2) translate(calc(50vw - 100%), -3%) rotate(-4deg);
    }
  }

  @media (max-width: 990px) {
    .multiArticles-article {
      flex-direction: column-reverse;
    }

    .multiArticles-article > * {
      width: auto;
    }

    .multiArticles--image {
      margin: 4rem 0;
    }

    .multiArticles--image-inner {
      min-width: 50vw;
      max-width: 100vw;
      width: 54rem;
    }

    .multiArticles-article:nth-child(odd) .multiArticles--image {
      align-self: flex-start;
      margin-left: -3rem;
    }

    .multiArticles-article:nth-child(even) .multiArticles--image {
      align-self: flex-end;
      margin-right: -3rem;
    }

    .multiArticles-article:nth-child(odd) .multiArticles--image::before {
      transform: scale(1.2) translate(-30%, -3%) rotate(4deg);
    }

    .multiArticles-article:nth-child(even) .multiArticles--image::before {
      transform: scale(1.2) translate(30%, -3%) rotate(-4deg);
    }

    .pProjet-descriptions {
      display: block;
    }

    .pProjet-description-col {
      width: auto;
      margin: 3rem auto;
    }
  }

  @media (-ms-high-contrast: none) {
    /* patch IE */
    .multiArticles--image::before {
      display: none;
    }

    .multiArticles--image-inner {
      width: 100%;
    }
  }

  .multiArticles .widgetShortcutHeader .bouton {
    background-color: #a386bf !important;
    color: #fff !important;
    border-radius: 0;
    font-weight: normal;
  }

  /*=========================================*\
#    Page PROJET/CONSTRUCTION (couleurs)    #
\*=========================================*/
  /* .page-constr .pProjet-slider::before, */
  .page-constr .pProjet-description-3,
	.page-constr .pProjet-detailsCouleur,
	.page-projet .pProjet-boutons a,
	/* classe de page inversée, c'est normal */
	.page-constr .rubriques-toggle a.active,
	.page-constr .multiArticles-bouton,
	.page-constr .multiArticles--image-inner,
	/* .page-constr .multiArticles--image::before, */
	.page-constr ::selection {
    background-color: #e2936a;
    display: flex;
    justify-content: end;
  }

  body.bloc_jeunes .pProjet-detailsCouleur,
  .page-constr .pProjet-detailsCouleur {
    display: flex;
    flex-direction: column;
    justify-content: end;
  }

  @media (max-width: 767px) {
    body.bloc_jeunes .page-presentation-projet.container {
      width: 100%;
    }
  }

  @media (min-width: 768px) {
    body.bloc_jeunes .pProjet-detailsCouleur,
    .page-constr .pProjet-detailsCouleur {
      display: flex;
      flex-direction: row;
      justify-content: end;
    }
  }

  .page-projet .pProjet-slider::before,
	.page-projet .pProjet-description-3,
	.page-projet .pProjet-photos-col,
	.page-projet .pProjet-detailsCouleur,
	/* classe de page inversée, c'est normal */
	.page-projet .rubriques-toggle a.active,
	.page-projet .multiArticles-bouton,
	.page-projet .multiArticles--image-inner,
	.page-projet .multiArticles--image::before,
	.page-projet ::selection {
    background-color: #ff0066;
  }

  .page-constr .pProjet-boutons a {
    background-color: #a386bf;
  }

  .page-constr .pProjet-boutons a:hover {
    background-color: #1a5036;
  }

  .page-constr .pProjet-description-1 h2,
  .page-constr .pProjet-description-2 h2,
  .page-constr .multiArticles--texte h2 {
    color: #a386bf;
  }

  .page-constr .pProjet-description-1 h3,
  .page-constr .pProjet-description-2 h3,
  .page-constr .multiArticles--texte h3 {
    color: #1a5036;
  }

  .page-projet .pProjet-description-1 h2,
  .page-projet .pProjet-description-2 h2,
  .page-projet .multiArticles--texte h2 {
    color: #ff0066;
  }

  .page-constr .multiArticles--image-inner::after,
  .page-constr .pProjet-slider::after {
    background-image: url("/images/designCom/picto-construction.svg");
  }

  .page-projet .multiArticles--image-inner::after,
  .page-projet .pProjet-slider::after {
    background-image: url("/images/designCom/picto-projet.svg");
  }

  .page-constr .multiArticles-bouton::before {
    content: "Découvrir la construction";
  }

  .page-projet .multiArticles-bouton::before {
    content: "Découvrir le projet";
  }

  /*=========*\
#    FAQ    #
\*=========*/

  /* Menu */
  .faq-menu {
    text-align: center;
    font-size: 2.2rem;
  }

  .faq-menu li {
    display: inline;
  }

  .faq-menu li::before {
    display: none;
  }

  .faq-menu a {
    display: inline-block;
    position: relative;
    color: #70706e;
    text-decoration: none;
    margin: 1em 3em;
    font-weight: bold;
  }

  .faq-menu a:hover {
    color: #1a5036;
  }

  .faq-menu .active > a {
    color: #e2936a;
    font-weight: bold;
  }

  /* Contenu */
  .faq_container {
    background: url(/images/refonte2024/picto_a_gris.svg) no-repeat 108% 0%;
    background-size: 40%;
  }

  .faq-content {
    column-count: 2;
    column-gap: 3rem;
    margin: 5rem auto 0rem auto;
    padding: 0 0 10rem 0;
  }

  .faq-item {
    background: #f3d4b8;
    margin: 3rem auto;
    position: relative;
    break-inside: avoid;
  }

  .faq-item:first-child {
    margin-top: 0;
  }

  .faq-item:last-child {
    margin-bottom: 0;
  }

  .faq-item.active {
    box-shadow: inset -100vw 0 0 -1px rgba(246, 246, 246, 0);
  }

  .faq-question {
    background: #f3d4b8;
    min-height: 8rem;
    margin: 0 8rem 0 0;
    padding: 1em 2rem 1em 2rem;
    font-size: 2.2rem;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    font-weight: bold;
    cursor: pointer;
  }

  .faq-reponse {
    padding: 1rem 2rem;
  }

  .faq-toggle {
    position: absolute;
    right: 20px;
    top: 40px;
    display: block;
    width: 22px;
    height: 22px;
    background-color: #a5cadb;
    transform: rotate(0deg);
    transition-duration: 0.5s;
    /* transition: background-color 0.3s ease-out; */
  }

  .faq-item.active .faq-toggle {
    background-color: #e2936a;
    transform: rotate(-125deg);
    transition-duration: 0.5s;
  }

  .faq-x {
    /* transform-origin: center center; */
    /* transform: rotate(0grad); */
    width: 2.2rem;
    height: 2.5rem;
    /* position: absolute; */
    /* left: calc(50% - 1rem); */
    /* top: calc(50% - 1rem); */
    /* transition: transform 0.3s ease-out; */
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
  }

  .faq-item.active .faq-x {
    transform: rotate(250grad);
  }

  .faq-x::before {
    content: "+";
    color: #fff;
  }

  /* .faq-x::before,
	.faq-x::after {
		content: "";
		position: absolute;
		left: 50%;
		top: 50%;
		background: #fff;
		width: 2rem;
		height: 0.6rem;
		margin: -0.3rem -1rem;
	}

	.faq-x::before {
		transform: rotate(90deg);
	}

	.faq-reponse {
		padding: 1rem 2rem 3rem 2rem;
	} */

  @media (max-width: 768px) {
    .faq-content {
      column-count: 1;
      column-gap: 0;
    }
  }

  /*=========================*\
#    DEMANDE DE LOGEMENT    #
\*=========================*/
  .demandeLog-bloc {
    background: #f3d4b8;
    box-shadow: 0 0 3rem 0.1rem rgba(0, 0, 0, 0.15);
    position: relative;
    padding: 3rem;
    flex: 0 0 auto;
    margin: 0 3rem 3rem 0;
    text-align: center;
    font-size: 1.8rem;
  }

  .demandeLog-bloc:last-child {
    margin-right: 0;
  }

  .demandeLog-bloc h3 {
    margin: 1em 0;
    text-align: center;
    font-size: 2.4rem;
    font-weight: bold;
  }

  /* Intro */
  .demandeLog-intro {
    font-size: 1.8rem;
    padding: 2em 1.5em;
    margin: 4rem -1.5em;
  }

  .demandeLog-intro h2 {
    margin: 0 0 20px 0;
    font-size: 1.333em;
    line-height: 1.2;
    color: inherit;
  }

  .demandeLog-intro p {
    margin: 0 0 20px 0;
  }

  /* Solutions web/papier */
  .demandeLog-solutions h2 {
    color: #a386bf;
    font-size: 2.2rem;
    margin: 0 0 1em 0;
  }

  .demandeLog-solutions h3 {
    color: #000;
  }

  @media (min-width: 991px) {
    .demandeLog-solutions-cols {
      display: flex;
      align-items: flex-start;
      justify-content: space-between;
    }

    .demandeLog-solutions-cols > * {
      width: calc(50% - 1.5rem);
    }
  }

  /* .demandeLog-solutions .demandeLog-picto {
		position: absolute;
		height: 10rem;
		right: 10rem;
		top: -3.5rem;
		transform: translateX(50%);
		pointer-events: none;
	} */

  .demandeLog-solutions .demandeLog-picto-web {
    width: 12.5rem;
  }

  .demandeLog-solutions .demandeLog-picto-papier {
    width: 8.1rem;
  }

  .demandeLog-bouton-web a {
    font-weight: bold;
  }

  .demandeLog-papier-ligne {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 4rem 0;
  }

  .demandeLog-papier-texte {
    flex: 1 1 auto;
    text-align: left;
    font-size: 1.6rem;
    padding: 0 1em 0 0;
  }

  .demandeLog-papier-ligne .boutonOuter {
    flex: 0 0 auto;
    width: 27rem;
  }

  .demandeLog-papier-ligne .boutonOuter a {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
  }

  .demandeLog-papier-ligne .boutonOuter a:not(:hover):not(:focus) {
    color: #000;
  }

  .demandeLog-bloc-double {
    width: 100%;
  }

  @media (min-width: 991px) and (max-width: 1440px), (max-width: 540px) {
    .demandeLog-papier-ligne {
      display: block;
    }
  }

  @media (max-width: 990px) {
    .demandeLog-bloc {
      margin: 3rem auto;
    }
  }

  /* Documents */
  .demandeLog-documents {
    text-align: center;
  }

  .demandeLog-documents-fleche {
    background: url("/images/refonte2024/fleche2024.svg") no-repeat center
      center;
    background-size: contain;
    width: 6rem;
    height: 6rem;
    display: block;
    margin: 0 auto;
    transform-origin: center center;
  }

  .demandeLog-documents-titre {
    margin: 1em auto;
    font-size: 1.8rem;
  }

  @media (min-width: 991px) {
    .demandeLog-documents-cols {
      display: flex;
      align-items: stretch;
      justify-content: space-between;
    }

    .demandeLog-documents-cols > * {
      width: calc(33.333% - 2rem);
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: space-between;
    }

    .demandeLog-bloc-double {
      width: calc(50% - 2rem);
    }
  }

  @media (-ms-high-contrast: none) {
    /* patch IE */
    .demandeLog-documents-texte {
      width: 100%;
    }
  }

  /* Formulaire */
  .demandeLog-formulaire {
    font-weight: bold;
  }

  /* Aide */
  .demandeLog-aide {
    font-size: 1.8rem;
    padding: 2em 1.5em 0 1.5em;
    margin: 4rem -1.5em 10rem -1.5em;
    text-align: center;
  }

  .demandeLog-aide h2 {
    margin: 0 0 1em 0;
    font-size: 1.333em;
    line-height: 1.2;
    color: #a386bf;
  }

  a.bouton.demandeLog-aide-bouton {
    margin: 0 1em -1em 1em;
  }

  @media (max-width: 990px) {
    a.bouton.demandeLog-aide-bouton {
      margin: 0 0.5em 1em 0.5em;
    }
  }

  /* Vidéo */
  .demandeLog-video {
    margin: 6rem 0 10rem 0;
  }

  .youtube {
    position: relative;
    padding-top: 56.25%;
    overflow: hidden;
  }

  .youtube iframe,
  .youtube .poster {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    display: block;
  }

  .youtube iframe {
    border: none;
    width: 100%;
    height: 100%;
  }

  .youtube .poster {
    background: no-repeat center center;
    background-size: cover;
    transform-origin: center center;
  }

  @media (max-width: 990px) {
    .iframe_video {
      width: 100%;
      height: 100%;
      aspect-ratio: 16/9;
    }
  }

  /*==========================*\
#    ÉTAPES DE LA DEMANDE    #
\*==========================*/
  .etapesDem-h2 {
    font-size: 2.6rem;
    color: #a386bf;
    margin: 7rem 0 4rem 0;
  }

  /* grille */
  .etapesDem-grille {
    padding: 0 0 8rem 0;
    margin: 3rem auto 14rem auto;
  }

  .etapesDem-grille-ligne {
    display: flex;
    align-items: stretch;
    position: relative;
  }

  .etapesDem-grille-ligne:nth-child(1) {
    justify-content: flex-start;
  }

  .etapesDem-grille-ligne:nth-child(2) {
    justify-content: center;
  }

  .etapesDem-grille-ligne:nth-child(3) {
    justify-content: flex-end;
  }

  .etapesDem-grille-bloc {
    box-shadow: 0 0 3rem 0.1rem rgba(0, 0, 0, 0.15);
    background: #fff;
    position: relative;
    flex: 0 0 auto;
    width: calc(25% - 2.25rem);
    margin: 0 3rem 3rem 0;
    padding: 2rem 2rem 5rem 2rem;
  }

  .etapesDem-grille-bloc:last-child {
    margin-right: 0;
  }

  .etapesDem-grille-bloc.double {
    width: calc(50% - 1.5rem);
  }

  .etapesDem-grille-bloc.bloc4 {
    color: #1a5036;
  }

  .etapesDem-grille-bloc.bloc4 strong {
    color: #1a5036;
  }

  .etapesDem-bloc-num {
    color: #1a5036;
    font-size: 6rem;
    font-weight: bold;
    font-family: "Source Sans 3";
  }

  .etapesDem-bloc-num::first-letter {
    font-weight: normal;
  }

  @media (min-width: 541px) {
    .etapesDem-bloc-cols {
      display: flex;
      align-items: baseline;
      justify-content: space-between;
    }

    .etapesDem-bloc-cols > * {
      flex: 1 1 40%;
    }
  }

  .etapesDem-bloc-sep {
    flex: 1 1 20%;
    text-align: left;
    margin: 0 0.5em;
    font-size: 2.7rem;
    font-weight: 400;
    color: #1a5036;
  }

  .etapesDem-bloc-texte {
    font-weight: bold;
    font-size: 1.9rem;
    line-height: 1.2;
    color: #1a5036;
  }

  .etapesDem-bloc-texte strong {
    font-weight: bold;
    font-size: 2.2rem;
    color: #e2936a;
  }

  .etapesDem-bloc-texte em {
    font-weight: normal;
    font-style: normal;
    font-size: 1.6rem;
  }

  .bloc5 .boutonOuter {
    position: absolute;
    left: 0;
    right: 0;
    text-align: center;
    bottom: -13rem;
  }

  .bloc5 .boutonOuter a {
    position: relative;
  }

  @media (min-width: 541px) and (max-width: 990px) {
    .etapesDem-grille-ligne:not(:nth-child(2)) {
      display: block;
    }

    :not(:nth-child(2)) > .etapesDem-grille-bloc {
      width: 100%;
      margin: 0 auto 4rem auto;
    }

    :nth-child(2) > .etapesDem-grille-bloc {
      width: calc(50% - 1.5rem);
    }

    .bloc1 > .etapesDem-bloc-texte br {
      display: none;
    }
  }

  @media (max-width: 540px) {
    .etapesDem-grille-ligne {
      display: block;
    }

    .etapesDem-grille-bloc,
    .etapesDem-grille-bloc.double {
      width: 100%;
      margin: 0 auto 4rem auto;
    }

    .etapesDem-bloc-sep {
      margin: 1rem auto;
    }
  }

  .etapesDem-graph-01 {
    position: absolute;
    right: 5%;
    top: 0;
    width: 0;
    height: 0;
    transform: scaleX(-1) rotate(-90deg);
    transform-origin: center center;
  }

  .etapesDem-imageLigne3 {
    position: absolute;
    background: url(/media/_ne_pas_supprimer_image_etapes.png) no-repeat center
      center #f3d4b8;
    background-size: cover;
    border-radius: 0;
    width: calc(50% - 2rem);
    left: 5px;
    top: calc(-100% + 3rem);
    transform: translateY(50%);
    pointer-events: none;
  }

  .formatCarre {
    padding: 100% 0 0 0;
  }

  @media (max-width: 990px) {
    .etapesDem-imageLigne3 {
      display: none;
    }
  }

  /* À savoir */
  .etapesDem-aSavoir {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    margin: 5rem auto 11rem auto;
    font-size: 1.8rem;
  }

  .etapesDem-aSavoir > * {
    flex: 0 0 auto;
    width: calc(25% - 2.25rem);
    margin: 1em 3rem 0 0;
  }

  .etapesDem-aSavoir > *:last-child {
    margin-right: 0;
  }

  .etapesDem-aSavoir-h2 {
    align-self: center;
    text-align: center;
    font-size: 2.6rem;
    margin-top: 0;
    margin-bottom: 1em;
    color: #fff;
  }

  .etapesDem-aSavoir-h2::before {
    display: block;
    content: "";
    background: url("/images/refonte2024/ampoule.svg") no-repeat center center;
    background-size: contain;
    width: 46px;
    height: 46px;
    margin: 0 auto 20px auto;
  }

  /* .etapesDem-aSavoir-h2::after {
		content: "";
		display: block;
		background: url('/images/designCom/graph-vague-vert.svg') no-repeat center center;
		background-size: contain;
		width: 12.2rem;
		height: 2.7rem;
		margin: 0 auto;
		transform-origin: center center;
		transform: scaleY(-1);
	} */

  .etapesDem-aSavoir h3 {
    color: #ffffff;
    font-weight: bold;
    font-size: 2rem;
    margin: 0 0 1rem 0;
  }

  .etapesDem-aSavoir p {
    margin: 0;
    color: #fff;
  }

  .etape_dem_container_bas {
    background: url("/images/refonte2024/picto_a.svg") no-repeat 106% 120%
      #e2936a;
    background-size: 25%;
    margin: 30rem 0 0 0;
    padding: 10rem 0 0 0;

    mask:
      url(/images/refonte2024/revert_mask.svg) no-repeat,
      linear-gradient(to bottom, black, black);
    mask-composite: exclude;
    mask-size: 100%, auto;

    /* mask: url(/images/refonte2024/revert_mask.svg) no-repeat;
		mask-size: 100%; */
  }

  @media (max-width: 990px) {
    .etapesDem-aSavoir {
      flex-wrap: wrap;
    }

    .etapesDem-aSavoir > * {
      width: calc(50% - 1.5rem);
    }

    .etapesDem-aSavoir > *:nth-child(even) {
      margin-right: 0;
    }
  }

  @media (max-width: 540px) {
    .etapesDem-aSavoir {
      display: block;
    }

    .etapesDem-aSavoir > * {
      width: auto;
      margin: 1em auto 0 auto;
    }
  }

  /* Vidéo */
  .etapesDem-video {
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
    justify-content: space-between;
    position: relative;
  }

  .etapesDem-video::before {
    content: "";
    z-index: -1;
    position: absolute;
    bottom: 0;
    left: -4.5rem;
    top: 4.5rem;
    right: -4.5rem;
    transform-origin: center center;
    transform: rotate(-3deg);
    background-color: #008b9f;
  }

  .etapesDem-bloc-youtube {
    flex: 0 0 auto;
    width: calc(75% - 1.5rem);
  }

  .etapesDem-video-textes {
    flex: 0 0 auto;
    width: calc(25% - 1.5rem);
    color: #fff;
    font-size: 1.8rem;
  }

  .etapesDem-video-textes * {
    margin: 0;
  }

  .etapesDem-video-textes h2 {
    font-size: 2.6rem;
    color: inherit;
    line-height: 1.2;
  }

  .etapesDem-graph-02 {
    transform-origin: center center;
    transform: rotate(0.5turn);
    width: 7rem;
    height: auto;
    display: block;
    margin: 1em 0 0 0;
  }

  @media (max-width: 990px) {
    .etapesDem-video > * {
      width: calc(50% - 1.5rem);
    }

    .etapesDem-video::before {
      top: 0;
    }
  }

  @media (max-width: 540px) {
    .etapesDem-video {
      display: block;
    }

    .etapesDem-video > * {
      width: 100%;
    }

    .etapesDem-video::before {
      top: -2rem;
    }

    .etapesDem-graph-02 {
      display: none;
    }
  }

  /* Boutons */
  .etapesDem-contact {
    text-align: right;
  }

  .etapesDem-louer {
    text-align: center;
    padding: 0 0 5rem 0;
  }

  .etapesDem-contact {
    bottom: -20rem !important;
  }

  .etapesDem-contact a {
    color: #000;
  }

  .etapesDem-video-textes {
    margin: 3rem auto;
  }

  /* .etapesDem-louer {
		margin: 3rem 0 10rem 0;
	} */

  /*==================*\
#    PAGE CONTACT    #
\*==================*/
  @media (min-width: 991px) {
    .contact-cols {
      display: flex;
      align-items: stretch;
      justify-content: space-between;
      margin: 0 0 8rem 0;
    }

    .contact-cols > * {
      flex: 0 0 auto;
      position: relative;
    }

    .contact-carte {
      width: calc(50% - 1.5rem);
    }
  }

  .contact-carte .spe-map,
  .contact-carte .catalog-cols,
  .contact-carte .catalog-carte {
    display: block;
    position: static;
    width: 100%;
    height: 100%;
  }

  .contact-carte iframe {
    width: 100%;
    height: 100%;
    border: none;
    display: block;
  }

  .contact-contenu {
    width: 50%;
  }

  .contact-contenu > * {
    padding-left: 1.5rem;
  }

  /* Agence */
  .contact-agence {
    background: #e2936a;
    box-shadow: 0 0 3rem 0.1rem rgba(0, 0, 0, 0.15);
    position: relative;
    font-style: normal;
    padding: 2rem 4rem 2rem 4rem;
    font-size: 1.6rem;
    margin: 0 0 2rem 0;
    color: #fff;
  }

  .contact-agence.off::before {
    content: "<";
    position: absolute;
    left: 10px;
    top: 5px;
    font-size: 4rem;
  }

  .contact-agence h2 {
    color: #fff;
    font-size: 2.6rem;
    margin: 0 0 0.5em 0;
  }

  .contact-agence > a {
    text-decoration: none;
  }

  a.contact-bouton {
    position: absolute;
    right: 3rem;
    bottom: -2.25rem;
    margin: 0;
    padding-left: 0;
    padding-right: 0;
    width: 12em;
    text-align: center;
    height: 2.25em;
    transform: scaleX(1);
    transition:
      background-color 0.3s ease-out,
      transform 0.5s ease-out;
    transform-origin: center center;
  }

  .contact-toggle a.bouton,
  .contact-toggle-fixe a.bouton,
  .contact-toggle-portable a.bouton,
  .contact-toggle-ancien a.bouton,
  .contact-toggle-collectivite a.bouton,
  .contact-toggle-terrain a.bouton,
  a.js_rotateButton {
    position: relative;
    padding-left: 0;
    padding-right: 0;
    width: 12em;
    text-align: center;
    height: 2.25em;
    transform: scaleX(1);
    transition:
      background-color 0.3s ease-out,
      transform 0.5s ease-out;
    transform-origin: center center;
  }

  .contact-toggle a.bouton.toggled,
  .contact-toggle-fixe a.bouton.toggled,
  .contact-toggle-portable a.bouton.toggled,
  .contact-toggle-ancien a.bouton.toggled,
  .contact-toggle-collectivite a.bouton.toggled,
  .contact-toggle-terrain a.bouton.toggled,
  a.contact-bouton.toggled,
  a.logement-agence-contact-bouton.toggled,
  .js_rotateButton.toggled {
    transform: scaleX(-1);
  }

  /* @changelog 2024-10-14 [FIX] (Nicolas) CSS général pour l'effet de rotattion du bouton */
  /* a.js_rotateButton {
        transition: transform .4s;
    }

        a.js_rotateButton.toggled {
            transform: scaleX(-1);
        }

    a.js_rotateButton.toggled .js_rotateButton__verso {
        display: inline-block;
        transform: scaleX(-1);
    } */

  /* Toggled */
  /* a.js_rotateButton.toggled .js_rotateButton__recto,
        a.js_rotateButton:not(.toggled) .js_rotateButton__verso {
            display: inline-block;
            width: 0%;
            height: 0%;
            transition: width 0s linear .4s, height .4s, transform .4s;
            overflow: hidden;
        } */

  .contact-toggle a.bouton span,
  .contact-toggle-fixe a.bouton span,
  .contact-toggle-portable a.bouton span,
  .contact-toggle-ancien a.bouton span,
  .contact-toggle-collectivite a.bouton span,
  .contact-toggle-terrain a.bouton span,
  .contact-bouton span,
  .logement-agence-contact-bouton span,
  .js_rotateButton span {
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    line-height: 2.25em;
    overflow: hidden;
    transition: width 0s linear 0.2s;
  }

  .contact-toggle a.bouton .contact-bouton-avant,
  .contact-toggle-fixe a.bouton .contact-bouton-avant,
  .contact-toggle-portable a.bouton .contact-bouton-avant,
  .contact-toggle-ancien a.bouton .contact-bouton-avant,
  .contact-toggle-collectivite a.bouton .contact-bouton-avant,
  .contact-toggle-terrain a.bouton .contact-bouton-avant,
  .contact-bouton .contact-bouton-avant,
  .logement-agence-contact-bouton .contact-bouton-avant,
  .js_rotateButton__recto {
    left: 0;
    width: 100%;
    /* left: 2em;
		width: calc(100% - 4em); */
  }

  .contact-toggle a.bouton .contact-bouton-apres,
  .contact-toggle-fixe a.bouton .contact-bouton-apres,
  .contact-toggle-portable a.bouton .contact-bouton-apres,
  .contact-toggle-ancien a.bouton .contact-bouton-apres,
  .contact-toggle-collectivite a.bouton .contact-bouton-apres,
  .contact-toggle-terrain a.bouton .contact-bouton-apres,
  .contact-bouton .contact-bouton-apres,
  .logement-agence-contact-bouton .contact-bouton-apres,
  .js_rotateButton__verso {
    right: 2em;
    width: calc(0% - 0em);
    transform-origin: center center;
    transform: scaleX(-1);
  }

  .contact-toggle a.bouton.toggled .contact-bouton-avant,
  .contact-toggle-fixe a.bouton.toggled .contact-bouton-avant,
  .contact-toggle-portable a.bouton.toggled .contact-bouton-avant,
  .contact-toggle-ancien a.bouton.toggled .contact-bouton-avant,
  .contact-toggle-collectivite a.bouton.toggled .contact-bouton-avant,
  .contact-toggle-terrain a.bouton.toggled .contact-bouton-avant,
  .contact-bouton.toggled .contact-bouton-avant,
  .logement-agence-contact-bouton.toggled .contact-bouton-avant,
  .js_rotateButton.toggled .js_rotateButton__recto {
    width: calc(0% - 0em);
  }

  .contact-toggle a.bouton.toggled .contact-bouton-apres,
  .contact-toggle-fixe a.bouton.toggled .contact-bouton-apres,
  .contact-toggle-portable a.bouton.toggled .contact-bouton-apres,
  .contact-toggle-ancien a.bouton.toggled .contact-bouton-apres,
  .contact-toggle-collectivite a.bouton.toggled .contact-bouton-apres,
  .contact-toggle-terrain a.bouton.toggled .contact-bouton-apres,
  .contact-bouton.toggled .contact-bouton-apres,
  .logement-agence-contact-bouton.toggled .contact-bouton-apres,
  .js_rotateButton.toggled .js_rotateButton__verso {
    width: calc(100% - 4em);
  }

  .form-contact-champs {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
  }

  .form-contact-champ {
    flex: 1 1 auto;
    width: 100%;
    margin: 0.5em 0;
  }

  @media (min-width: 541px) {
    .form-contact-champ.demi {
      flex-basis: 50%;
      max-width: calc(50% - 1.5rem);
    }
  }

  .form-contact-champ.message textarea {
    height: 7em;
  }

  .form-contact-footer {
    margin: 1.5em 0 0 0;
    font-size: 1.2rem;
  }

  .form-contact-footer a {
    color: #e2936a;
  }

  .contact-confirmation {
    font-size: 2rem;
    background-color: rgba(194, 219, 0, 0.2);
    padding: 0.5em 1em;
  }

  @media (max-width: 990px) {
    .contact-carte {
      width: 100%;
      height: 30rem;
      margin: 3rem auto;
    }

    .contact-contenu {
      width: auto;
    }

    .contact-contenu > * {
      padding-left: 0;
    }

    .contact-agence.off::before {
      border-width: 0 4rem 2rem 4rem;
      border-color: transparent transparent #fff transparent;
      right: calc(50% - 4rem);
      top: -2rem;
    }
  }

  /*.gm-style > :first-child > [style*="z-index: 1"] > [style*="z-index: 0"]{filter:saturate(0);}*/

  @media (-ms-high-contrast: none) {
    /* patch IE */
  }

  /* @changelog 2021-09-15 [FIX] (Anne-Lyse) Mise en forme module Axeptio (202107060006) */

  .axeptio-consent-spe .btn-consent {
    color: #fff;
    cursor: pointer;
    font-weight: bold;
    font-size: 1.8rem;
    line-height: 1;
    padding: 0.6112em 1.5em;
    display: inline-block;
    border-radius: 50px;
    transition: 0.2s ease-in-out;
    margin-top: 10px;
  }

  .axeptio-consent-spe .btn-consent:hover {
    background-color: #e2936a;
  }

  .axeptio-consent-spe {
    background-color: #c2db000d;
    width: 100%;
    height: 100%;
    display: flex;
    text-align: center;
    padding: 30px;
    font-size: 2rem;
    align-items: center;
    justify-content: center;
    flex-direction: column;
  }

  /* @changelog 2021-09-28 [FIX] (Anne-Lyse) Mise en place d'une vidéo Sur la page gouvernance (Numéro du ticket ou de la commande) */
  .gouvernance_video {
    text-align: center;
    margin-bottom: 30px;
  }

  /* @changelog 2021-10-11 [FIX] (Anne-Lyse) Mise en forme des résultats de recherche */
  #searchDisplayResults {
    text-align: center;
    margin-bottom: 30px;
    font-size: 2.2rem;
  }

  .searchResults dt a {
    font-weight: bold;
    font-size: 2rem;
    color: #ff0066;
  }

  .searchResults {
    padding: 15px;
    margin-bottom: 30px;
    background-color: #eee;
  }

  /*====================*\
#    Home com v2022    #
\*====================*/
  .home2022-intro {
    background: #ccc;
    position: relative;
  }

  .home2022-intro .home-intro-fleche {
    display: none;
  }

  /* Slider */
  .home2022-slider .owl-stage {
    display: flex;
    align-items: stretch;
    justify-content: flex-start;
  }

  .home2022-slider .owl-stage > .owl-item {
    flex: 1 1 100%;
  }

  .home2022-slider-item {
    position: relative;
    height: 58vh;
  }

  .home2022-slider-item--img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
  }

  .home2022-slider-item--img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }

  .home2022-slider-item--container {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    padding: 5rem 0rem 7rem;
    z-index: 1;
    /* min-height: 600px; */
    position: relative;
    font-size: 2rem;
    font-size: clamp(1.6rem, 2vw, 2rem);
    text-align: center;
    font-weight: 500;
    height: 350px;
    /* height: 100%; */
  }

  .home2022-slider-item--content {
    position: relative;
    padding: 3rem;
    width: 470px;
    max-width: 100%;
    margin: auto auto auto 0;
  }

  .home2022-slider-item--content-bg,
  .home2022-slider-item--content-bg::before,
  .home2022-slider-item--content-bg::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
  }

  .home2022-slider-item--content-bg {
    z-index: -1;
    /* opacity: 0.8; */
  }

  /* .home2022-slider-item--content-bg::before, */
  .home2022-slider-item--content-bg::after {
    content: "";
  }

  /* .home2022-slider-item--content-bg::before {
	z-index: -2;
	background-color: #c2db00;
	transform-origin: center center;
	transform: rotate(6deg);
} */

  .home2022-slider-item--content-bg::after {
    z-index: -2;
    background-color: #fff;
  }

  .home2022-slider-titre {
    margin-top: 0;
    color: #000;
    font-size: 4.5rem;
    font-size: clamp(2rem, 5vw, 4.5rem);
    font-weight: 700;
    line-height: 1;
    margin-bottom: 0.5em;
    font-family: "Fontfabric Mont Bold";
  }

  .home2022-slider-bouton a {
    margin: 0;
  }

  /* Moteurs de recherche */
  .home2022-recherche-outer {
    background-color: #1a5036;
    color: #fff;
    position: relative;
    padding: 2em 0 3em 0;
  }
  [class*="home2022-recherche-widget--"] {
    display: none;
  }
  [class*="home2022-recherche-widget--"].active {
    display: block !important;
  }

  .home2022-recherche-outer form {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }

  .home2022-recherche-toggle {
    position: absolute;
    left: 0;
    bottom: calc(100% + 2em);
    right: 0;
    z-index: 2;
  }

  .home2022-recherche-toggle .bouton {
    border-radius: 2.1em 2.1em 0 0;
    margin: 0 5px;
    background-color: #c0c9b9;
    color: #1a5036;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 16px;
    line-height: 16px;
    padding: 1.5em 4em;
  }

  .home2022-recherche-toggle .bouton.active {
    background-color: #1a5036;
    color: #fff;
  }

  .home2022-recherche-outer form > :not(.row) {
    display: none;
  }

  .home2022-recherche-outer .row {
    position: relative;
    margin: 0 0.75rem;
  }

  .home2022-recherche-outer .row:not(.rangesld) > label {
    display: inline-block;
    border: none;
    font-size: 1.6rem;
    font-weight: bold;
    line-height: 1;
    vertical-align: middle;
    padding: 0.8em 2.4rem;
    padding-right: 2.8em;
    min-width: 8.8em;
    cursor: pointer;
    border-radius: 3em;
    margin: 0.5rem 0;
    background-color: #a5cadb;
    color: #fff;
    text-transform: uppercase;
    text-align: center;
    font-weight: normal;
    transition: 0.3s ease-out;
    transition-property: color, background-color;
    position: relative;
  }

  .home2022-recherche-outer .row.rangesld {
    text-align: center;
    font-weight: 600;
  }

  .home2022-recherche-outer .row:not(.rangesld).isActive > label {
    background-color: #ff0066;
  }

  .home2022-recherche-outer .row:not(.rangesld) > label:focus,
  .home2022-recherche-outer .row:not(.rangesld) > label:hover {
    background: #222;
    color: #fff;
  }

  .home2022-recherche-outer .row:not(.rangesld) > label::before,
  .home2022-recherche-outer .row:not(.rangesld) > label::after {
    content: "";
    background-color: #1a5036;
    position: absolute;
    top: 50%;
    right: 1.8em;
    display: block;
  }

  .home2022-recherche-outer .row:not(.rangesld) > label::before {
    width: 1.4rem;
    height: 0.4rem;
    margin: -0.2rem -0.7rem;
    border-style: solid;
    border-width: 0rem 0rem 0 0rem;
    border-color: rgba(194, 219, 0, 0) transparent transparent transparent;
    transition: 0.3s ease-out;
    transition-property:
      width, height, margin, border-width, border-color, background-color;
  }

  .home2022-recherche-outer .row:not(.rangesld) label.active::before {
    width: 0rem;
    height: 0rem;
    background-color: rgba(194, 219, 0, 0);
    border-width: 0.7rem 0.7rem 0 0.7rem;
    border-color: #1a5036 transparent transparent transparent;
    margin: -0.25rem -0.7rem;
  }

  .home2022-recherche-outer .row:not(.rangesld) > label::after {
    width: 0.4rem;
    height: 1.4rem;
    margin: -0.7rem -0.2rem;
    opacity: 1;
    transition: opacity 0.3s ease-out;
  }

  .home2022-recherche-outer .row:not(.rangesld) label.active::after {
    opacity: 0;
  }

  .home2022-recherche-outer [type="submit"] {
    background: #e2936a;
    font-weight: bold;
    font-size: 1.6rem;
    line-height: 1;
    padding: 0.8em 2.4rem;
  }

  .home2022-recherche-outer .row:not(.rangesld) .zoneChamp {
    position: absolute;
    top: calc(100% + 0.8rem);
    left: 0;
    background: #fff;
    display: none;
    flex: 0 0 auto;
    padding: 1.5rem 2.5rem;
    border-radius: 0.6rem;
    color: #222;
    font-size: 1.6rem;
    z-index: 1;
  }

  /* @changelog 2022-09-29 [FIX] (Anne-Lyse Volant) Correction du zindex du champs pour gestion de l'affichage (202209270027) */
  .home2022-recherche-outer .row:not(.rangesld) .active + .zoneChamp {
    z-index: 1000;
  }

  .home2022-recherche-outer .row:not(.rangesld) .zoneChamp::before {
    content: "";
    position: absolute;
    left: 5rem;
    bottom: 100%;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 0.6rem 0.6rem 0.6rem;
    border-color: transparent transparent #fff transparent;
  }

  .home2022-recherche-outer .group_multi_checkbox {
    display: block;
    min-width: 18rem;
    margin: 0 1.5rem;
  }

  .home2022-recherche-outer .multi_checkbox {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin: 0.3em 0;
  }

  .home2022-recherche-outer [type="checkbox"] {
    flex: 0 0 auto;
    width: 2rem;
    height: 2rem;
    background: #d5d5d5;
    border: none;
    border-radius: 50%;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin: 0 0.5em 0 0;
    transition: background-color 0.3s ease-out;
    box-shadow: none;
  }

  .home2022-recherche-outer [type="checkbox"]:checked {
    background-color: #a5cadb;
  }

  .home2022-recherche-outer .multi_checkbox label {
    flex: 1 1 auto;
    margin: 0;
    cursor: pointer;
  }

  .home2022-recherche-outer .rangeSlider {
    width: 19rem;
    max-width: 100%;
  }

  .home2022-recherche-outer .safe-range-values {
    /*display:flex;*/
    align-items: flex-start;
    justify-content: space-between;
    font-size: 1.4rem;
    display: none;
  }

  .home2022-recherche-outer .safe-range-values-col {
    flex: 0 0 auto;
    width: calc(50% - 1rem);
  }

  .home2022-recherche-outer .safe-range-values-label {
    color: #008b9f;
  }

  .home2022-recherche-outer .safe-range-values-value {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    padding: 0.2em 0.5em;
    background: #eaeaea;
  }

  .recherche-prop_30 .safe-range-values-value::after {
    content: " pièces";
  }

  .recherche-prop_27 .safe-range-values-value::after {
    content: " €";
  }

  .home2022-recherche-outer .minMax {
    display: none;
  }

  [class*="recherche-prop_31"] .group_multi_checkbox {
    margin: 0;
    width: 31rem;
    max-width: 100%;
    max-height: 50vh;
    overflow-y: auto;
    font-size: 1.8rem;
  }

  [class*="recherche-prop_31"] [type="checkbox"] {
    width: 1.2rem;
    height: 1.8rem;
    background: url("/images/designCom/picto-spot-vert.svg") no-repeat center
      center;
    background-size: contain;
    border-radius: 0;
  }

  [class*="recherche-prop_31"] [type="checkbox"]:checked {
    background-color: transparent;
    background-image: url("/images/designCom/header-spot.svg");
  }

  [class*="recherche-prop_31"] [type="checkbox"]:checked + label {
    font-weight: bold;
  }

  .home2022-recherche-outer .select {
    display: none;
  }

  /* .home2022-recherche-outer .ui-slider-handle {
	background-color: #c2db00;
} */

  .home2022-recherche-outer .legend_range {
    text-align: center;
    font-weight: 400;
  }

  #legend_prop_87_25::after,
  #legend_prop_86_27::after {
    content: " €";
  }

  .home2022-recherche-outer .ui-slider {
    margin: 0.2em 1rem;
    width: calc(100% - 2rem);
  }

  @media (max-width: 990px) {
    .home2022-recherche-outer form {
      flex-wrap: wrap;
      justify-content: center;
    }

    .home2022-recherche-outer .row {
      position: static;
    }

    .home2022-recherche-outer .zoneChamp {
      top: auto;
      left: 3rem;
      right: 3rem;
      margin-top: 0.5rem;
    }

    .home2022-recherche-outer .zoneChamp::before {
      display: none;
    }

    .home2022-recherche-outer .row > label.active::after {
      left: 5rem;
      top: calc(100% + 1rem + 1px);
      width: 0;
      height: 0;
      border-style: solid;
      border-width: 0 0.6rem 0.6rem 0.6rem;
      border-color: transparent transparent #fff transparent;
      background: none;
      opacity: 1;
    }
  }

  @media (max-width: 540px) {
    .home2022-recherche-toggle .bouton {
      padding: 0.625em 1em;
      min-width: calc(50% - 10px);
    }
  }

  /*====================*\
#    Home ins v2022    #
\*====================*/
  .homeins {
    font-size: 2rem;
    font-size: clamp(1.6rem, 2vw, 2rem);
    text-align: center;
  }

  /* Slider */
  .homeins-slider-outer {
    position: relative;
  }

  .homeins-slider-item {
    position: relative;
    background: #1a5036;
    min-height: 770px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }

  .homeins-slider-fond {
    position: absolute;
    z-index: 0;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0.4;
  }

  .homeins-slider-fond > * {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center center;
  }

  .homeins-slider-container {
    position: relative;
    z-index: 1;
    color: #fff;
    font-size: 1.5em;
    font-size: clamp(1.6rem, 3vw, 3rem);
    font-weight: 700;
    padding: 5rem 0rem 7rem;
  }

  /* .homeins-slider-container::before,
	.homeins-slider-container::after {
		content: "";
		width: 7.8rem;
		height: 6.1rem;
		position: absolute;
		background: url('/images/designCom/graph-splash-vert.svg') no-repeat left top;
		background-size: contain;
		transform-origin: left top;
	}

	.homeins-slider-container::before {
		top: 5rem;
		left: 0;
		transform: rotate(0.5turn) scale(1);
	}

	.homeins-slider-container::after {
		top: calc(100% - 7rem);
		left: 100%;
		transform: scale(1);
	} */

  .homeins-slider-container h2 {
    color: inherit;
    margin-left: auto;
    margin-right: auto;
  }

  .homeins-slider-container p {
    font-weight: 300;
    line-height: 24px;
    font-size: 21px;
  }

  .home2022-slider .owl-dots,
  .homeins-slider .owl-dots {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 70px;
    text-align: center;
    z-index: 999999;
  }

  .home2022-slider.owl-carousel button.owl-dot,
  .homeins-slider.owl-carousel button.owl-dot {
    width: 1.5rem;
    height: 1.5rem;
    background: #fff;
    border-radius: 50%;
    margin: 0.2rem;
    border: solid 1px #e2936a;
    background-color: #f3d4b8;
    transition: background-color 0.3s ease-out;
  }

  .home2022-slider.owl-carousel button.owl-dot.active,
  .homeins-slider.owl-carousel button.owl-dot.active {
    background-color: #e2936a;
  }

  /* Blocs */
  @media (min-width: 1641px) {
    .homeins-blocs {
      width: 1400px;
    }
  }

  .homeins-blocs-titre h2 {
    color: #000;
    font-size: 4rem;
    font-weight: 700;
    line-height: 1;
    text-transform: uppercase;
  }

  .homeins-blocs-titre h2 strong {
    font-weight: inherit;
    font-size: 1.25em;
  }

  .homeins-blocs-liste {
    --gap: 40px;
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    justify-content: center;
    gap: var(--gap);
  }

  .homeins-bloc {
    flex: 0 0 auto;
    flex-basis: calc((100% - 2 * var(--gap)) / 3);
    background-color: #f1f1f1;
    position: relative;
    margin: 1em 0;
    min-height: 350px;
    color: #000;
    font-weight: 700;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    aspect-ratio: 1/1;
  }

  .homeins-bloc:nth-of-type(1) {
    background-color: #f3d4b8 !important;
  }

  .homeins-bloc:nth-of-type(2) {
    background-color: #c0c9b9 !important;
  }

  .homeins-bloc:nth-of-type(3) {
    background-color: #a5cadb !important;
  }

  .homeins-bloc:nth-of-type(4) {
    background-color: #cfb69e !important;
  }

  .homeins-bloc:nth-of-type(5) {
    background-color: #fbe3f0 !important;
  }

  .homeins-bloc:nth-of-type(6) {
    background-color: #f3d4b8 !important;
  }

  .homeins-bloc:nth-of-type(7) {
    background-color: #a5cadb !important;
  }

  .homeins-bloc:nth-of-type(8) {
    background-color: #c0c9b9 !important;
  }

  .homeins-bloc:nth-of-type(9) {
    background-color: #fbe3f0 !important;
  }

  .homeins-bloc:nth-of-type(10) {
    background-color: #f3d4b8 !important;
  }

  .homeins-bloc:nth-of-type(11) {
    background-color: #c0c9b9 !important;
  }

  .homeins-bloc:nth-of-type(12) {
    background-color: #a5cadb !important;
  }

  .homeins-bloc:nth-of-type(2) .homeins-bloc-image,
  .homeins-bloc:nth-of-type(3) .homeins-bloc-image {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
  }

  .homeins-bloc:nth-of-type(2) .homeins-bloc-image img {
    /* width: 80%; */
    margin: 0 auto;
    height: auto;
  }

  .homeins-bloc:nth-of-type(3) .homeins-bloc-image img {
    /* width: 90%; */
    margin: 0 auto;
    height: auto;
  }

  .homeins-bloc-image {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
    overflow: hidden;
  }

  .homeins-bloc-image > * {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
    object-position: center center;
  }

  .homeins-bloc-content {
    flex: 1 0 auto;
    position: relative;
    z-index: 1;
    padding: 4rem 2rem 6rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
  }

  .homeins-bloc-content > :first-child {
    margin-top: 0;
  }

  .homeins-bloc-content > :last-child {
    margin-bottom: 0;
  }

  .homeins-bloc-content h3 {
    color: inherit;
    font-size: 1.2em;
    line-height: 1.1;
    color: #000;
  }

  @media (max-width: 990px) {
    .homeins-bloc {
      flex-basis: calc((100% - 1 * var(--gap)) / 2);
    }
  }

  @media (max-width: 768px) {
    .homeins-bloc {
      flex-basis: calc((100% - 0 * var(--gap)) / 1);
    }
  }

  /* On vous aide */
  .homeins-aideintro h2 {
    color: inherit;
    margin-top: 3em;
  }

  /* .homeins-aideintro p {
		text-align: center;
	} */

  .homeins-aidecols {
    --fleche: 0;
    margin-top: 3em;
  }

  .homeins-aidecol {
    flex: 1 1 50%;
    position: relative;
    padding: 4em var(--fleche);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    overflow: hidden;
  }

  .homeins-aidecol.colA {
    background: #fbe3f0;
    color: #000;
    flex-basis: calc(50% + var(--fleche));
    /* margin-right: calc(var(--fleche) * -1);
		clip-path: polygon(0 0, calc(100% - var(--fleche)) 0, 100% 50%, calc(100% - var(--fleche)) 100%, 0 100%);
		z-index: 1; */
  }

  .homeins-aidecol.colB {
    /* background: url('/media/_ne_pas_supprimer_fond_aide_droite.jpg') no-repeat center center / cover #f1f1f1; */
    background: #a5cadb;
    /* box-shadow: inset 0 0 0 100vmax rgba(255, 255, 255, 0.6); */
    color: #000;
    z-index: 0;
  }

  .homeins-aidecol h3 {
    font-size: 4rem;
    font-size: clamp(2rem, 4vw, 4rem);
    color: inherit;
    line-height: 1;
    margin: 1rem 0 0 0;
    text-transform: uppercase;
  }

  .homeins-aidecol h3 strong {
    font-size: 1.5em;
  }

  .homeins-aidecol .graph1 {
    width: 0;
    height: 0;
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: -1;
  }

  .homeins-aidecol .graph1 img {
    width: 4rem;
    height: 4rem;
    position: absolute;
    left: -2rem;
    top: 0;
    max-width: none;
    transform-origin: center top;
  }

  .homeins-aidecol .graph1 img:nth-child(1) {
    transform: rotate(230deg) translateY(18rem) scale(3);
  }

  .homeins-aidecol .graph1 img:nth-child(2) {
    transform: rotate(48deg) translateY(22rem) scale(1.8);
  }

  .homeins-aidecol .graph2 img {
    position: absolute;
    width: 170px;
    height: 62px;
    z-index: -1;
    right: 60px;
    bottom: 40px;
  }

  @media (min-width: 991px) {
    .homeins-aidecols {
      --fleche: 4vw;
      display: flex;
      align-items: stretch;
      justify-content: flex-start;
    }

    .homeins-aidecol {
      min-height: 530px;
    }
  }

  /* FAQ */
  .homeins-faq {
    display: flow-root;
    background: radial-gradient(#fff, #fefefe 67%, #f1f1f1);
  }

  .homeins-faq-intro {
    position: relative;
    z-index: 1;
  }

  .homeins-faq-intro h2 {
    text-transform: uppercase;
    color: #000;
    font-size: 1.5em;
    font-weight: 600;
    margin-top: 3em;
  }

  .homeins-faq-prez {
    position: relative;
    z-index: 0;
  }

  .homeins-faq-mains {
    width: 100%;
    display: block;
    margin-top: -10vw;
  }

  .homeins-faq-capture-outer {
    position: absolute;
    left: 28.8%;
    top: 35.8%;
    right: 25.2%;
    bottom: 17%;
    border-radius: 3vw;
    z-index: -1;
    overflow: hidden;
  }

  @keyframes faq-capture {
    from {
      transform: translateY(calc(0% + 0vw));
    }

    to {
      transform: translateY(calc(-100% + 22vw));
    }
  }

  .homeins-faq-capture {
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    transform: translateY(calc(0% + 0vw));
    animation: faq-capture 5s ease-in-out 0s infinite alternate forwards;
  }

  .page-parcours-collaborateur .home-intro-fleche {
    display: none;
  }

  .page-parcours-collaborateur .homeins-slider-fond {
    opacity: 1;
  }

  /*=====================*\
#    ACTUALITÉS 2023    #
\*=====================*/
  .page-actualites .widget {
    display: block !important;
  }

  .page-actualites-intro {
    font-size: 1.8rem;
    margin: 1em 0 1.5em;
  }

  .page-actualites-intro .titre {
    display: none;
  }

  /* Liens vers les thématiques */
  .zoneactus-thematiques-outer {
    overflow: hidden;
    margin: 3rem 0;
  }

  .zoneactus-thematiques-dashes {
    /*border: 2px dashed #005b69;*/
    background: #f3d4b8;
    margin: -1px;
    padding: 4rem 3rem;
    text-align: center;
  }

  .zoneactus-thematiques-titre {
    color: #a386bf;
    font-size: 22px;
    font-weight: bold;
    margin-bottom: 20px;
  }

  .zoneactus-thematiques li {
    display: inline-block;
  }

  .zoneactus-thematiques li::before {
    content: none;
  }

  .page-homeactualites .zoneactus-thematiques li:first-child {
    display: none;
  }

  .zoneactus-thematiques li a {
    display: inline-block;
    text-decoration: none;
    /*background: #fff;*/
    padding: 0.5em 1em;
    margin: 0.15em 0;
    transition: 0.3s ease-out;
    transition-property: color, background-color;
    font-weight: bold;
  }

  .zoneactus-thematiques li a:is(:hover, :focus) {
    /*background: #ec0064;*/
    color: #e2936a;
  }

  /* Zone d'actus globales */
  .zoneactus-global .actus-liste {
    display: grid;
    --marges: 30px;
    grid-template-columns: calc(50% - var(--marges) / 2) calc(
        50% - var(--marges) / 2
      );
    grid-gap: var(--marges);
    /*padding:var(--marges);*/
    padding: 1rem 1rem 11rem 1rem;
    background: #1a5036;
    margin: 0 calc(var(--marges) * -1);
    grid-auto-rows: calc(100% / 4);
  }

  @media (max-width: 767px) {
    .zoneactus-global .actus-liste .actus-titre {
      font-size: 1.8rem;
    }
  }

  @media (min-width: 1024px) {
    .zoneactus-global .actus-liste {
      padding: 3rem 3rem 9rem 3rem;
      grid-auto-rows: calc(100% / 3);
    }
  }

  .zoneactus-global .actus-liste .actus-item {
    width: auto;
    margin: 0;
    position: relative;
    display: flex !important;
    align-items: stretch;
  }

  .zoneactus-global .actus-liste .actus-item:first-child {
    /*grid-row:1 / span 3;*/
    flex-direction: column;
    justify-content: flex-end;
    margin: 0 0 12rem 0;
  }

  @media (min-width: 768px) {
    .zoneactus-global .actus-liste .actus-item:first-child {
      margin: 1rem 1rem 27rem 1rem;
    }
  }

  @media (min-width: 1024px) {
    .zoneactus-global .actus-liste .actus-item:first-child {
      grid-row: 1 / span 3;
      margin: 0;
    }
  }

  .zoneactus-global .actus-liste .actus-item:not(:first-child) {
    justify-content: flex-start;
  }

  .zoneactus-global .actus-liste .actus-item .actus-image {
    padding-top: 0;
  }

  .zoneactus-global .actus-liste .actus-item:first-child .actus-image {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
  }

  .zoneactus-global .actus-liste .actus-item:not(:first-child) .actus-image {
    flex: 0 0 auto;
    width: 165px;
    z-index: 1;
  }

  .zoneactus-global .actus-liste .actus-item:first-child .actus-texte {
    z-index: 1;
    padding: 2em var(--marges) var(--marges) var(--marges);
    /*background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%);*/
    background: rgba(26, 80, 54, 0.5);
    color: #fff;
    pointer-events: none;
  }

  .zoneactus-global .actus-liste .actus-item:not(:first-child) .actus-texte {
    flex: 1 1 auto;
    background: #fff;
    padding: 1em var(--marges);
  }

  .zoneactus-global .actus-liste .actus-item .actus-date {
    margin: 0;
  }

  .zoneactus-global .actus-liste .actus-item:first-child .actus-date {
    position: absolute;
    right: var(--marges);
    top: var(--marges);
    color: #fff;
    text-shadow: 0 0 0.3em #000;
  }

  .zoneactus-global .actus-liste .actus-item:not(:first-child) .actus-date {
    margin: 0 0 20px 0;
    text-align: left;
    color: #a386bf;
    font-size: 1.5rem;
  }

  .zoneactus-global .actus-liste .actus-item .actus-titre {
    margin: 0;
    text-wrap: balance;
  }

  .zoneactus-global .actus-liste .actus-item:first-child .actus-titre {
    color: #fff;
    font-size: 2.8rem;
    width: 67%;
  }

  .zoneactus-global .actus-liste .actus-item .actus-description {
    display: none;
  }

  .zoneactus-global .actus-liste .actus-item .actus-lien {
    margin: 0;
  }

  .zoneactus-global .actus-liste .actus-item .actus-lien a {
    display: block;
    position: absolute;
    right: 0;
    bottom: 0;
  }

  .zoneactus-global .actus-liste .actus-item:first-child .actus-lien a {
    background-color: #ec0064;
    color: #fff;
    transition: 0.3s ease-out;
    transition-property: color, background-color;
    text-decoration: none;
    padding: 0.5em 1em;
    font-size: 1.6rem;
    font-weight: 700;
    pointer-events: all;
  }

  .zoneactus-global
    .actus-liste
    .actus-item:first-child
    .actus-image:is(:focus, :hover)
    + .actus-texte
    .actus-lien
    a,
  .zoneactus-global
    .actus-liste
    .actus-item:first-child
    .actus-lien
    a:is(:focus, :hover) {
    color: #ec0064;
    background-color: #fff;
  }

  .zoneactus-global .actus-liste .actus-item:not(:first-child) .actus-lien a {
    left: 0;
    top: 0;
    color: transparent;
    font-size: 0;
  }

  .actus-lien {
    text-align: right;
    margin-top: 1em;
  }

  .actus-lien a {
    color: #1a5036;
    text-decoration: underline;
  }

  @media (max-width: 990px) {
    .zoneactus-global .actus-liste {
      grid-template-columns: 100%;
    }

    .zoneactus-global .actus-liste .actus-item:first-child {
      min-height: 240px;
    }

    .zoneactus-global .actus-liste .actus-item:not(:first-child) {
      min-height: 120px;
    }
  }

  /* Zone d'actualités par thématique */
  .zoneactus-outer {
    padding: 0 0 2em 0;
  }

  .zoneactus-outer:not(:first-child) {
    border-top: 2px dotted #707070;
  }

  .zoneactus-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 2em 0 0 0;
  }

  .zoneactus-titre {
    font-size: 2.9rem;
    font-weight: 700;
    text-transform: uppercase;
    color: #000;
    line-height: 1.3;
    margin: 0;
  }

  /*.zoneactus-titre::after {
		content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 97 21.1"><path fill="%23c8da2b" d="M96 13.2c-4.5-3.3-8.3-7.4-11.4-12-.9-1.5-3.2-1.5-4.1 0-2.4 4.1-5.4 8-9.2 11.1-1.3-1.4-3.1-2.9-4.3-4.4-1.7-1.9-3.3-4-4.7-6.2-.6-1-2-1.4-3.1-.8-4.6 2.2-9 5.2-12.2 9.2-14.5-11.6-12.2-13-23.8 2.5-4-3.8-7.7-7.9-12-11.5-1.3-1-3 .1-3.4 1.4-2 5.9-5.5 11.3-7.7 17.2-.5 1.3 1.5 2 2.2.9 2.9-4.4 5.1-9.2 7.9-13.7 16.1 15.5 9.9 18 24.3.4 1.1.8 3.7 3 4.8 3.9l6.3 5.2c1.2 1.1 3 1.1 4.2-.1 2.7-4.2 5.5-8.1 9.8-10.5 10.1 13.9 12.4 15.4 23 .8 3.1 4.1 6.8 7.7 10.9 10.8 2.5 1.8 4.9-2.4 2.5-4.2z"/></svg>');
		display: block;
		width: 3.34em;
	}*/

  .zoneactus-morebouton {
    display: inline-block;
    color: #fff;
    background-color: #ec0064;
    line-height: 1;
    font-size: 1.6rem;
    font-weight: bold;
    border-radius: 3em;
    padding: 1em 2em;
    text-decoration: none;
    transition: background-color 0.3s ease-out;
  }

  .zoneactus-morebouton:is(:hover, :focus) {
    background-color: #000;
  }

  /*.zoneactus-thematique .actus-lien{ display:none; }*/
  @media (min-width: 991px) {
    .zoneactus-thematique .actus-liste {
      justify-content: flex-start;
      gap: 3rem;
    }

    .zoneactus-thematique .actus-liste > * {
      width: calc((100% - 6rem) / 3);
    }
  }

  :not(.page-homeactualites) > h1:has(+ .page-actualites-intro)::before {
    content: "Nos actualités ";
  }

  /*Intervention Mediapilote 22/01*/
  /* .homeins-aideintro>.h1.drh-specific::before {
		content: "";
		display: block;
		margin: 0.2em auto 0 auto;
		width: 4.2em;
		height: 0.4em;
		background: url('/images/designCom/fancy-soulignement-rose.svg') no-repeat center center;
		background-size: 100% 100%;
		position: absolute;
		left: 0.5em;
		transform-origin: center center;
		pointer-events: none;
		bottom: -22px;
		left: 50%;
		transform: translateX(-50%) rotate(-1.5deg);
	} */

  .drh-specific.h1 ~ .video-container.h1::after {
    display: none !important;
  }

  .drh-specific.h1 {
    position: relative;
  }

  .video-vimeo {
    text-align: center;
  }

  @media (max-width: 600px) {
    .structured_text_semantique_text img {
      object-fit: contain;
    }
  }

  @media (max-width: 452px) {
    .overflow-scroll {
      overflow-x: scroll;
    }
  }

  @media (max-width: 990px) {
    .row-activite-toggle .ligne-article {
      width: 100% !important;
    }
  }

  @media (max-width: 768px) {
    .page-activites .activites > .row {
      display: block !important;
    }

    .page-activites .activites .activite.action {
      margin: inherit !important;
    }

    .page-parcours-collaborateur .homeins-slider-item {
      background: white;
      min-height: initial !important;
    }

    .page-parcours-collaborateur .homeins-slider-container {
      position: absolute;
    }

    .homeins-aideintro .h1 {
      margin-left: 0;
      margin-right: 0;
    }

    .newsletter-inner {
      display: flex;
      align-items: center;
      flex-direction: column;
      justify-content: center;
    }

    em.video-container {
      display: block;
    }

    .video-container,
    .homeins-slider-fond {
      overflow: hidden;
      padding-bottom: 56.25%;
      position: relative;
      height: 0;
      margin: 0;
    }

    .video-container iframe,
    .homeins-slider-fond video {
      left: 0;
      top: 0;
      height: 100%;
      width: 100%;
      position: absolute;
    }

    .captcha-input {
      width: 100%;
    }

    .captcha-champs {
      flex-direction: column;
    }
  }

  .captcha-inner {
    display: flex;
  }

  .ratio {
    height: auto !important;
  }

  .entreprises.SH-siteIns
    .page-collectivites
    .bg-bleu-clair
    .container-85
    .row
    + .row {
    justify-content: center;
  }

  .atout_image_orange img {
    width: 100%;
  }
}

/* Boutons */
.logement-cta {
  text-align: center;
  margin-bottom: 80px;
}

@media (min-width: 992px) {
  .logement-cta {
    display: flex;
    justify-content: center;
    column-gap: 65px;
  }
}

/* Widget Formulaire + Widget Texte */
@media (min-width: 992px) {
  .logement-colsAgence-container {
    display: flex;
    align-items: stretch;
    justify-content: space-between;
  }

  .logement-colsAgence-container > * {
    flex: 0 0 auto;
    width: calc(50% - 2rem);
  }
}

.home-SH-colTexte .bouton {
  background-color: #fff;
  color: #e2936a;
}

.page-acheter-avec-SH .article {
  background: url("/images/refonte2024/picto_a_gris.svg") no-repeat 110% 30%;
}

/* .page-acheter-avec-SH .article h3::before{
	content: url('/images/refonte2024/ico_plus.png');

} */
.bg-rose {
  background-color: #fbe3f0;
}

.text-violet {
  color: #a386bf;
}

.ptb-20 {
  padding: 20px 0;
}

.article-cols-col .medias .center {
  text-align: center;
}

.homeins-aideintro li {
  text-align: left;
}

.homeins-aideintro p {
  text-align: center;
}

.homeins-aideintro iframe,
.gouvernance_video iframe {
  aspect-ratio: 16/9;
  width: 100%;
  height: auto;
}

.catalogProductsList .header-recherche form,
.catalogProductDetail .header-recherche form,
.axeptio-consent-spe .btn-consent {
  background: #1a5036;
}

.catalogProductDetail .logement-colsInfos-container h2 {
  margin: 1em 0 10px;
}

.axeptio-consent-spe {
  color: #1a5036;
}

.contenu_document {
  background: #fbe3f0;
  padding: 60px 0;
  margin-top: 50px;
}
.contenu_document_location {
  margin-top: 0;
}

.contenu_document h2 {
  font-size: 37px;
  color: #000;
  text-transform: uppercase;
  margin: 0;
}

.footer .widget {
  display: flex;
}

.popup-rappel-inner #forms p:nth-of-type(1) {
  font-size: 37px;
  color: #fff;
  text-transform: uppercase;
}

.popup-rappel-inner #forms p:nth-of-type(2) {
  font-size: 22px;
  color: #fff;
}

.popup-rappel .widgetContainer {
  box-shadow: unset;
}

.popup-inner {
  width: 60%;
}

@media (max-width: 767px) {
  .popup-inner {
    width: 90%;
  }

  .popup-rappel-inner #forms p:nth-of-type(1) {
    font-size: 27px;
  }
}

.popup-rappel-inner #forms input {
  background-color: #f3d4b8;
  text-align: left;
}

.popup-rappel-inner #forms input[type="submit"] {
  background-color: #e2936a;
  color: #fff;
  text-align: center;
  width: fit-content;
}

.zoneactus-global {
  display: block !important;
  background: #1a5036;
  padding: 7px 0 10px 0;
}

.actus-liste {
  position: relative;
  width: 1200px;
  margin: 0 auto !important;
  padding: 0;
  max-width: calc(100% - 6rem);
}

.zoneactus-global .actus-liste .actus-item:first-child:hover .actus-texte {
  background: rgba(26, 80, 54, 0.5);
}

/* .article>.ligne-article:last-child::before {
    content: "";
    width: 100vw;
    height: 71vh;
    display: flex;
    background: #1a5036;
    position: absolute;
    bottom: -80px;
    z-index: -1;
    left: -56%;
    mask: url(/images/refonte2024/revert_mask.svg) no-repeat, linear-gradient(to bottom, black, black);
    mask-composite: exclude;
    mask-size: 100%, auto;
    background: url(/images/refonte2024/picto_a.svg) no-repeat 96% 60% #1a5036;
    background-size: contain;
} */

@media (min-width: 980px) and (max-width: 1116px) {
  .header-menu-tel {
    display: none;
  }
}

.vous_etes_locataire .homeins-aidecol h3 {
  color: #fff;
}

.vous_etes_locataire .homeins-aidecols .colB {
  background: #a386bf;
}

.vous_etes_locataire .homeins-faq-intro h2 {
  font-family: "Fontfabric Mont Bold";
  font-weight: bold;
  font-size: 37px;
  text-transform: uppercase;
}

body.filigrane .article {
  background: url("/images/refonte2024/picto_a_gris.svg") no-repeat 110% 22%;
}

body:not(.acheter) .show--bodyAcheter {
  display: none;
}

body.acheter .logement-typeVte:not(.Terrains) .hide--logement {
  display: none;
}
body.acheter .logement-typeVte.Terrains .hide--terrain {
  display: none;
}

.hide--field {
  display: none;
}

.accueil .actus-date {
  color: #a386bf;
}

.section-atouts-bloc:last-of-type .section-atouts-picto img {
  height: 95px;
}

.nom_citation {
  font-size: 16px !important;
}

.nos_fondamentaux .annee-detail .btn {
  height: 100%;
}

@media (min-width: 300px) and (max-width: 767px) {
  .logement-header {
    min-height: 57rem;
  }

  .logement-header-slider-image {
    height: 382px;
  }

  body.acheter_un_terrain .container.ligne-article .bouton {
    width: 100%;
    margin: 0;
  }
}

@media (min-width: 768px) and (max-width: 1279px) {
  .logement-header {
    min-height: 67rem;
  }

  .logement-header-slider-image {
    height: 415px;
  }
}

@media (max-width: 767px) {
  .catalogProductDetail #overlibcontent {
    transform: translate(-37px, 10px);
    width: 300px;
  }

  .accompagnement_texte a.bouton:first-child {
    margin-left: 1.6rem;
  }
}

@media (min-width: 767px) {
  .home2022-slider-item {
    position: relative;
    height: 100%;
  }

  .home2022-slider-item--container {
    min-height: 600px;
    height: 100%;
  }
}

.flex_item_par_trois {
  display: flex;
  flex-direction: column;
}

.item_par_trois {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 10px;
  margin: 0;
}

.item_par_trois img {
  width: 270px;
  margin-bottom: 20px;
}

@media (min-width: 1024px) {
  .flex_item_par_trois {
    flex-direction: row;
    margin: 2rem 0;
  }

  .item_par_trois {
    width: calc(100% / 3);
    padding: 10px;
  }
}

@media (min-width: 1280px) {
  .item_par_trois {
    padding: 20px;
  }
}

.item_par_trois a {
  padding: 0.525em 1em;
}

.votre_espace_locataire_maloc .article .medias .center img {
  width: 100%;
}

.contenainer_louer_avec {
  background: #1a5036;
  color: #fff;
  display: none;
  background: url("/images/refonte2024/picto_a.svg") no-repeat 106% 120% #1a5036;
  background-size: 25%;
  padding: 17rem 20px 10rem 20px;
  mask:
    url(/images/refonte2024/revert_mask.svg) no-repeat,
    linear-gradient(to bottom, black, black);
  mask-composite: exclude;
  mask-size: 100%, auto;
}

.contenainer_louer_avec .last_item_title {
  margin-top: 12rem;
}

.contenainer_louer_avec p {
  color: #fff;
}

.futur_projet .contenainer_louer_avec {
  display: block;
}

body.les_etapes_de_ma_demande .demandeLog-documents-cols.coucou {
  display: none;
}