@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: .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: .2rem solid #aaa;
	margin: 0 0 0 2.7rem;
	padding: .5rem 0 0 1rem;
	font-size: .8em;
	color: #222;
}

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

.row .aide:first-child {
	padding: 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 .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.0);
		transition-delay: 0.4s;
	}

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

	.footer-contact-fond img:nth-of-type(4) {
		transform: rotate(126deg) translateY(16rem) scale(1.0);
		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.0);
	}

	.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.0);
	}

	.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.0);
	}

	.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 .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;
}




.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;
}