:root,
::after,
::before
{
	/* Charte graphique */
	--background: #F5F0EB;

	--border: #E8E0D8;

	--w-background: #FFF;
	--primary: #7B3A1E;
	--primary-light: #A0522D;
	--hover: #5C2A12;
	--icon: #8B4513;
	--text: #4A4540;
	--title: #1A1410;
	--label: #9A8A80;
	--title-font: "Cormorant Garamond", serif;
	--linear-bkg-standard: linear-gradient(90deg, rgba(245, 240, 235, 1) 40%, rgba(245, 240, 235, .75) 43%, rgba(245, 240, 235, .6) 44%,rgba(245, 240, 235, .5) 45%, rgba(0, 0, 0, 0) 47%);
	--linear-bkg-half: linear-gradient(90deg, rgba(245, 240, 235, 1) 45%, rgba(245, 240, 235, .75) 50%, rgba(245, 240, 235, .6) 52%, rgba(245, 240, 235, .5) 53%, rgba(0, 0, 0, 0) 57%);
	--linear-bkg-black: linear-gradient(90deg, rgb(22, 22, 22) 9%, rgba(22, 22, 22, .75) 15%, rgba(22, 22, 22, .6) 17%,rgba(22, 22, 22, .5) 19%, rgba(0, 0, 0, 0) 23%);
	--linear-bkg-black-quarter: linear-gradient(90deg, rgb(22, 22, 22) 14%, rgba(22, 22, 22, .75) 27%, rgba(22, 22, 22, .6) 29%, rgba(22, 22, 22, .5) 31%, rgba(0, 0, 0, 0) 35%);
	--linear-bkg-black-half: linear-gradient(90deg, rgb(22, 22, 22) 26%, rgba(22, 22, 22, .75) 37%, rgba(22, 22, 22, .6) 41%, rgba(22, 22, 22, .5) 46%, rgba(0, 0, 0, 0) 55%);

/* Par défaut */
	--red: #DF2F35;
	--orange: #F89E52;
	--soft-grey: #C5C7CB;
	--paper: 0 3px 6px 2px rgb(0 0 0 / 4%);
	--input-height: 32px;
	--medium-input-height: 38px;
	--input-background: #F3F3F3;
	--input-radius: 4px;
	--error-background: #F7E7E7;
	--options-shadow: 0 6px 6px 2px rgb(0 0 0 / 10%);
	--green: #5B9A8D;
	--green-darker: #63918B;
	--blue: #3573DE;
	--title-size: 55px;
	--short-spacing: 5em;
	--standard-spacing: 10em;
	--large-spacing: 20em;
	--gradient-bg-quick: linear-gradient(90deg, rgba(245, 240, 235, 1) 0%, rgba(245, 240, 235, .85) 25%, rgba(0, 0, 0, 0) 100%);
	--page-mobile-padding: 30px;
	--page-margin: 5vw;
}

/* -------------- Mobile, Tablet -------------- */
@media (max-width: 1200px)
{
	:root,
	::after,
	::before
	{
		--title-size: 35px;
		--short-spacing: 2em;
		--standard-spacing: 5em;
		--large-spacing: 10em;
	}
}
html
{
	display: flex;

	min-height: 100%;
	width: 100%;

	overflow: auto;
}

body
{
	display: block;

	min-height: 100%;
	width: 100%;

	margin: 0;
	padding: 0;

	font-family: Montserrat, sans-serif !important;

	letter-spacing: .02em;
}

body > [id="root"]
{
	display: flex;

	min-height: 100%;
	width: 100%;
}

.front-page,
.back-page
{
	position: relative;

	min-height: 100%;
	width: 100%;

	overflow: auto;

	flex-grow: 1;
}

.auth-page
{
	display: flex;

	flex-direction: row;

	min-height: 100%;
	width: 100%;
}

/* -------------- Mobile, Tablet -------------- */
@media (max-width: 1200px)
{
	.auth-page
	{
		flex-direction: column;
		flex-wrap: nowrap;
	}
}

.back-page
{
	display: flex;

	flex-direction: column;

	background-color: var(--body-background);

	--body-background: #F7F7F7;
}

.front-page
{
	display: flex;

	flex-direction: column;

	flex-grow: 1;
}

.page-content
{
	position: relative;
	display: flex;

	flex-direction: column;

	margin-left: auto;
	padding-bottom: 15px;

	flex-grow: 1;
}

.page-content--error
{
	flex-direction: row;

	height: 100%;
	width: 100%;

	padding: 0;

	background-color: var(--body-background);

	--body-background: #F7F7F7;
}

/* -------- Mobile, Tablet (portrait) --------- */
@media (max-width: 900px)
{
	.page-content--error
	{
		flex-direction: column;
	}
}

.centered-page-content
{
	display: flex;

	flex-direction: column;

	width: 1200px;
	max-width: 100%;

	margin-right: auto;
	margin-left: auto;

	align-items: center;
	justify-content: flex-start;
	flex-grow: 1;
}

.small-form-page-content,
.small-page-content
{
	display: block;

	width: 744px;
	max-width: 100%;

	margin-top: 2rem;
	margin-right: auto;
	margin-left: auto;
	padding: 0 12px;
}

.medium-form-page-content
{
	display: block;

	width: 1024px;
	max-width: 100%;

	margin-top: 2rem;
	margin-right: auto;
	margin-left: auto;
	padding-right: 12px;
	padding-left: 12px;
}

.large-form-page-content
{
	display: block;

	width: 1224px;
	max-width: 100%;

	margin-top: 2rem;
	margin-right: auto;
	margin-left: auto;
}

.error-page__content
{
	display: flex;

	width: 50%;

	justify-content: center;
	align-items: center;
}

/* -------- Mobile, Tablet (portrait) --------- */
@media (max-width: 900px)
{
	.error-page__content
	{
		width: 100%;

		padding: 0 12px;

		z-index: 1;

		flex-grow: 1;
	}
}

.error-page__image
{
	width: 50%;

	object-fit: cover;
	object-position: 50% 80%;
}

/* -------- Mobile, Tablet (portrait) --------- */
@media (max-width: 900px)
{
	.error-page__image
	{
		position: absolute;

		height: 100%;
		width: 100%;

		top: 0;
		right: 0;
		left: 0;
		bottom: 0;

		z-index: 0;
	}
}
html
{
	box-sizing: border-box;
}

*,
:before,
:after
{
	box-sizing: inherit;
}
button
{
	line-height: inherit;

	padding: 0;

	background: none;

	font-family: inherit;
	font-size: 16px;

	cursor: pointer;
	-webkit-user-select: none;
	 -khtml-user-select: none;
	   -moz-user-select: none;
	    -ms-user-select: none;
	        user-select: none;
	letter-spacing: 2px;
	text-transform: uppercase;

	border: none;

	box-shadow: none;

	overflow: visible;

	appearance: none;
}

button:focus
{
	outline: none;
}

a
{
	font-family: inherit;
	font-size: 16px;
	text-decoration: none;

	letter-spacing: 2px;
	text-transform: uppercase;
}

a:not([class])
{
	color: var(--primary);
	text-decoration: none;

	transition: all .5s;
}

a:not([class]):hover,
a:not([class]):focus
{
	color: #F89E52;
	text-decoration: none;
}
svg
{
	display: block;

	height: 1em;
	width: 1em;
}
strong
{
	font-weight: 600;
}
ul[class]
{
	padding-left: 0;

	list-style: none;
}
.o-container
{
	width: 1320px;
	max-width: 100%;
}

.o-container--centered
{
	margin-right: auto;
	margin-left: auto;
}

.o-container--front
{
	width: 100%;
	max-width: 100%;

	padding: 0 var(--page-margin);
}

.o-container--bg-colored
{
	background-color: var(--background);
}

@media (max-width: 1200px)
{
	.o-container
	{
		padding-right: 25px;
		padding-left: 25px;
	}

	.o-container--no-padding
	{
		padding-right: 0;
		padding-left: 0;
	}

	.o-container--front
	{
		padding: 0 var(--page-margin);
	}
}

/* ------------------ Mobile ------------------ */
@media (max-width: 599px)
{
	.o-container
	{
		padding-right: 12px;
		padding-left: 12px;
	}

	.o-container--front
	{
		padding: 0 var(--page-margin);
	}
}
.o-content
{
	padding: 0 15px;
}.o-cookies-alert
{
	position: fixed;
	display: flex;

	gap: 15px 12px;

	width: 100vw;

	right: 0;
	left: 0;
	bottom: 0;
	padding: 6px 10px;

	background-color: #242140;

	z-index: 1000;

	justify-content: center;
	align-items: center;
}

/* -------------- Mobile (small) -------------- */
@media (max-width: 424px)
{
	.o-cookies-alert
	{
		flex-wrap: wrap;
		gap: 15px 18px;
	}
}

.o-cookies-alert__text
{
	margin: 0 15px 0 0;

	color: #FFF;
}

/* ------------------ Mobile ------------------ */
@media (max-width: 767px)
{
	.o-cookies-alert__text
	{
		margin-right: 12px;
	}
}


/* -------------- Mobile (small) -------------- */
@media (max-width: 424px)
{
	.o-cookies-alert__text
	{
		width: 100%;

		margin-right: 0;

		text-align: center;
	}
}
.o-dashboard
{
	width: 1300px;
	max-width: 100%;

	margin-right: auto;
	margin-left: auto;
	padding-right: 12px;
	padding-left: 12px;
}

.o-dashboard--small
{
	width: 1150px;
}

.o-dashboard--large
{
	width: 1550px;
}

.o-dashboard--full-width
{
	width: 100%;
}

.o-dashboard__top
{
	display: flex;

	flex-wrap: wrap;
	gap: 3rem 1.5rem;

	width: 100%;

	margin-top: 2rem;
	margin-bottom: 1.5rem;

	align-items: center;
	justify-content: space-between;
}

.o-dashboard__filters
{
	position: relative;

	margin: 1.5rem 0;
}

.o-dashboard__reset
{
	position: absolute;
	display: flex;

	height: 1em;
	width: 1em;

	top: 0;
	right: 0;

	background-color: var(--secondary);

	font-size: 34px;
	color: #FFF;

	border-top-right-radius: 4px;
	border-bottom-left-radius: 10px;

	overflow: hidden;

	transition: background-color 240ms ease;

	align-items: center;
	justify-content: center;
}

.o-dashboard__reset:disabled
{
	background-color: var(--primary-lighter);

	cursor: default;
}

.o-dashboard__reset:not(:disabled):hover,
.o-dashboard__reset:not(:disabled):focus
{
	background-color: #000;
}

.o-dashboard__reset-icon
{
	position: relative;
	display: block;

	left: 2px;

	font-size: .65em;
	color: inherit;

	overflow: hidden;
}

.o-dashboard__filters-content
{
	display: flex;

	flex-wrap: wrap;
	gap: 15px;

	padding-top: 26px;

	align-items: flex-end;
}

.o-dashboard__table-container
{
	position: relative;

	overflow: auto;
}

.o-dashboard__table-container.is-loading
{
	overflow: hidden;
}
.o-filter
{
	position: relative;

	flex-basis: 100px;
	flex-grow: 1;
}
.o-form
{
	position: relative;
	display: flex;

	flex-direction: row;
	flex-wrap: wrap;

	width: 100%;

	padding: 0;
}

.o-form__fields
{
	display: flex;

	flex-wrap: wrap;
	gap: 15px 12px;

	align-items: flex-start;
}

.o-form__footer
{
	display: flex;

	flex-direction: column;
	gap: 15px 0;

	width: 100%;

	margin-top: 2rem;
}

.o-form__footer-controls
{
	display: flex;

	gap: 15px 25px;

	width: 100%;

	padding-bottom: 2px;

	justify-content: center;
}

.o-form__fieldset
{
	position: relative;

	width: 100%;

	margin: 0;
	padding: 10px 12px 10px 12px;

	border-color: var(--primary);
}

.o-form__fieldset[class*="50%"]
{
	width: 33.4%;
	min-width: 350px;

	flex-grow: 1;
}

/* -------------- Mobile (small) -------------- */
@media (max-width: 369px)
{
	.o-form__fieldset[class*="50%"]
	{
		width: 33.4%;
		min-width: 70vw;

		flex-grow: 1;
	}
}

.o-form__fieldset-legend
{
	position: relative;

	font-weight: 400;
	font-size: .95rem;
	color: #767676;

	text-transform: uppercase;
}

.o-form__fieldset-description
{
	margin-bottom: 1.2rem;
}

.o-form__fieldset-content
{
	position: relative;
	display: flex;

	flex-wrap: wrap;
	gap: 15px 12px;

	align-items: flex-start;
}
.o-header
{
	position: relative;
	display: flex;

	width: 100%;

	background-color: var(--soft-grey);

	font-size: 1em;

	z-index: 100;

	justify-content: space-between;
}

.o-header--admin
{
	background-color: var(--w-background);
}

.o-header__menu-actions
{
	display: flex;

	align-items: center;
	justify-content: flex-start;
	flex-basis: 100px;
}

/* ------------- Laptop & Desktop ------------- */
@media (min-width: 1326px)
{
	.o-header__menu-actions
	{
		display: none;
	}
}

.o-header__toggle-btn
{
	width: 100%;

	padding: 0 12px;

	border-radius: 0;

	align-self: stretch;
	justify-content: flex-end;
}

.o-header__toggle-title
{
	position: absolute;

	top: 50%;
	left: 10px;

	font-size: 1em;

	transform: translateY(-50%);

	z-index: -1;
}

.o-header__logo
{
	display: flex;

	height: 42px;
	width: auto;

	margin: 6px 0 6px 15px;
}

.o-header__logo-img
{
	display: block;

	height: 64px;
	width: 140px;

	font-family: "object-fit: contain;";

	object-fit: contain;
}

.o-header__logout
{
	cursor: pointer;
}

.o-header__action-btn
{
	position: relative;
	display: flex;

	padding: 0 15px;

	color: #000;

	align-items: center;
}

.o-header__action-btn:before
{
	position: absolute;
	display: block;

	height: 30px;
	width: 2px;

	left: -1px;

	background-color: currentColor;

	content: "";
}

.o-header-brand
{
	display: flex;

	font-size: 1.6em;

	align-items: center;
	flex-shrink: 0;
}

.o-header__navbar
{
	display: flex;

	flex-grow: 1;
	justify-content: center;
}

/* -------- Mobile, Tablet (portrait) --------- */
@media (max-width: 900px)
{
	.o-header__navbar
	{
		justify-content: flex-start;
	}
}

.o-header__toggle
{
	position: relative;
	display: none;

	height: 100%;
	width: 68px;

	flex-shrink: 0;
	align-items: center;
	justify-content: center;
}

.o-header__toggle::after
{
	position: absolute;

	height: 100%;
	width: 100%;

	top: 0;
	left: 0;

	content: "";

	z-index: 2;
}

/* -------- Mobile, Tablet (portrait) --------- */
@media (max-width: 900px)
{
	.o-header__toggle
	{
		display: flex;
	}
}

.o-header__toggle-icon
{
	display: block;

	height: 1em;
	width: 1em;

	font-size: 42px;
	color: currentcolor;
}

.o-header__menu
{
	display: flex;

	gap: 15px;

	margin: 0;
}

/* -------- Mobile, Tablet (portrait) --------- */
@media (max-width: 900px)
{
	.o-header__menu
	{
		position: absolute;
		display: flex;
		visibility: visible;
		opacity: 1;

		flex-direction: column;
		gap: 0;

		width: 100%;

		top: 100%;
		left: 0;

		background-color: var(--w-background);

		border-bottom: 5px solid black;

		transition-timing-function: ease;
		transition-duration: 240ms;
		transition-property: visibility, opacity, transform;
		transform: translate3d(0, 0, 0);

		will-change: transform, opacity, visibility;
	}

	.o-header__menu[aria-hidden="true"]
	{
		visibility: hidden;
		opacity: 0;

		transform: translate3d(0, 12px, 0);
	}
}
.o-info-alert
{
	position: fixed;
	display: flex;

	gap: 15px;

	left: 50%;
	bottom: 10px;
	padding: 5px 15px;

	background-color: #FFF;

	border-radius: 8px;
	border: 2px solid var(--primary);

	box-shadow: 3px 3px 0 0 var(
	--secondary);

	transform: translateX(-50%);

	align-items: center;
}

.o-info-alert__text
{
	margin: 0;

	font-weight: 500;
	font-size: .95rem;
}
.o-internal-page
{
	width: 1200px;
	max-width: 100%;

	margin-right: auto;
	margin-left: auto;
	padding: 0 12px;
}
.o-stats
{
	display: flex;

	gap: var(--gap);
	--gap: 20px;

	margin-top: 50px;
	padding: 0 30px;

	justify-content: center;
}
.o-user-menu
{
	position: relative;
	display: flex;

	--btn-padding: 25px;
}

.o-user-menu__toggle
{
	display: flex;

	padding: 4px 10px;

	align-items: center;
}

.o-user-menu__toggle:hover
{
	background-color: rgb(243 243 243);
}

.o-user-menu__toggle-icon
{
	font-size: 42px;
}

.o-user-menu__list
{
	position: absolute;
	display: inline-flex;
	visibility: hidden;
	opacity: 0;

	flex-direction: column;

	width: auto;

	margin: 0;
	top: calc(100% + 19px);
	right: 0;
	padding: 0;

	background-color: #FFF;

	transition-timing-function: ease;
	transition-duration: 240ms;
	transition-property: transform, opacity, visibility;
	transform: translate3d(0, 8px, 0);

	will-change: transform, opacity, visibility;
}

.o-user-menu__list[aria-hidden="false"]
{
	visibility: visible;
	opacity: 1;

	transform: translate3d(0, 0, 0);
}

.o-user-menu__rect
{
	position: absolute;
	display: inline-flex;
	visibility: hidden;
	opacity: 0;

	flex-direction: column;

	height: 1em;
	width: 1em;

	top: 100%;
	right: 20px;
	padding: 0;

	font-size: 22px;
	color: #408174;

	transition-timing-function: ease;
	transition-duration: 240ms;
	transition-property: transform, opacity, visibility;
	transform: translate3d(0, 8px, 0);

	z-index: -1;
}

.o-user-menu__list[aria-hidden="false"] ~ .o-user-menu__rect
{
	visibility: visible;
	opacity: 1;

	transform: translate3d(0, 0, 0);
}

.o-user-menu__list-btn
{
	position: relative;
	display: flex;

	padding: 8px var(--btn-padding);

	font-weight: 400;
	font-size: .9rem;
	color: inherit;
	text-decoration: none;

	text-align: right;
	white-space: nowrap;
	text-transform: uppercase;

	justify-content: flex-end;
}

.o-user-menu__list-btn:visited
{
	color: inherit;
}

.o-user-menu__list-btn::after
{
	position: absolute;
	display: flex;
	opacity: 0;

	height: calc(100% - 24px);
	width: 4px;

	top: 12px;
	right: calc(var(--btn-padding) / 2 + 6px - 2px);

	background-color: var(--primary);

	content: "";

	border-radius: 4px;

	transition: width 120ms linear;
	transition: opacity 240ms ease;

	align-self: stretch;
}

.o-user-menu__list-item:not(:last-child) .o-user-menu__list-btn::before
{
	position: absolute;
	display: block;

	height: 1.5px;
	width: 72%;

	top: 100%;
	right: 14%;

	background-color: #CCC;

	content: "";

	border-radius: 2px;
}

.o-user-menu__list-btn:hover::after,
.o-user-menu__list-btn:focus::after,
.o-user-menu__list-btn.active::after
{
	opacity: 1;
}

.o-user-menu__list-btn-txt
{
	padding: 8px 0;

	transition: transform 240ms ease;
	transform: translateX(0);
}

.o-user-menu__list-btn:hover .o-user-menu__list-btn-txt,
.o-user-menu__list-btn:focus .o-user-menu__list-btn-txt,
.o-user-menu__list-btn.active .o-user-menu__list-btn-txt
{
	transform: translateX(-6px);
}
.ariane__list
{
	display: flex;

	max-width: fit-content;

	margin-bottom: 50px;

	text-decoration: none;
}

.ariane__list .active
{
	color: var(--primary);
}

.ariane__link,
.ariane__original-link
{
	font-weight: 400;
	font-size: 20px;
	color: var(--primary-light);
	text-decoration: none;
}

.ariane__link:hover,
.ariane__original-link:hover
{
	color: var(--bleu-gris);
}

.ariane__link::before
{
	float: left;

	padding: 0 5px;

	color: var(--primary);

	content: "/";
}
.embla
{
	width: 100%;

	--slides-count: 1;
}

/* ------------- Laptop & Desktop ------------- */
@media (min-width: 1201px)
{
	.embla__slide
	{
		--slides-count: 3;
	}
}

/* ------ Tablet (portrait & landscape) ------- */
@media (min-width: 600px) and (max-width: 1200px)
{
	.embla__slide
	{
		--slides-count: 2;
	}
}

.embla__viewport
{
	overflow: hidden;
}

.embla__container
{
	display: flex;

	touch-action: pan-y pinch-zoom;
}

.embla__slide
{
	display: grid;

	gap: 40px;

	min-width: 0;

	grid-template-columns: repeat(var(--slides-count), 1fr);
	flex: 0 0 100%;
}

.embla__controls
{
	display: flex;

	margin-top: 1.8rem;

	justify-content: center;
}

.embla__dots
{
	display: flex;

	flex-wrap: wrap;

	align-items: center;
}

.embla__dot
{
	display: flex;

	height: 2rem;
	width: 2rem;

	margin: 0;
	padding: 0;

	background-color: transparent;

	text-decoration: none;

	cursor: pointer;

	border-radius: 50%;
	border: 0;

	-webkit-tap-highlight-color: rgba(49, 49, 49, .5);
	appearance: none;
	touch-action: manipulation;
	align-items: center;
	justify-content: center;
}

.embla__dot:only-child
{
	display: none;
}

.embla__dot::after
{
	display: flex;

	height: 1rem;
	width: 1rem;

	background-color: rgb(222, 201, 182);

	content: "";

	border-radius: 50%;

	align-items: center;
}

.embla__dot--selected::after
{
	background-color: var(--primary);
}
.image-popup
{
	position: fixed;

	height: 100%;
	width: 100%;

	top: 0;
	left: 0;
	padding: 4em 5em;

	background-color: rgb(110, 110, 110,.8);

	z-index: 10;
}

@media screen and (max-width: 1140px)
{
	.image-popup
	{
		display: flex;

		padding: 0;

		justify-content: center;
		align-items: center;
	}
}

.image-popup__content
{
	position: relative;

	height: 100%;
	width: 100%;

	margin: 0 auto;
}

@media screen and (max-width: 1140px)
{
	.image-popup__content
	{
		height: auto;
		width: 100%;
	}
}

.image-popup__image-wrap
{
	position: relative;

	height: 100%;
	width: 100%;
}

@media screen and (max-width: 1140px)
{
	.image-popup__image-wrap
	{
		height: auto;
		width: 100%;

		margin-top: 1em;
	}
}

.image-popup__image-img
{
	display: block;

	height: 100%;

	justify-self: center;
}

/* -------- Mobile, Tablet (portrait) --------- */
@media (max-width: 900px)
{
	.image-popup__image-img
	{
		object-fit: contain;
	}
}

.image-popup__close-button
{
	position: absolute;
	display: flex;

	height: 50px;
	width: 50px;

	top: 1em;
	right: 1em;

	background-color: rgba(0, 0, 0, .2);

	border-radius: 50%;

	align-items: center;
	justify-content: center;
}

.image-popup__navigation
{
	position: absolute;

	width: 90%;

	top: 50%;
	left: 50%;

	transform: translate(-50%,-50%);
}

.image-popup__nav-prev
{
	position: absolute;

	top: auto;
	right: 100%;
	left: auto;
	bottom: auto;
	padding: 2em;
}

.image-popup__nav-prev svg,
.image-popup__nav-next svg,
.image-popup__close-button svg
{
	height: 32px;
	width: 32px;

	fill: #FFF;
}

@media screen and (max-width: 768px)
{
	.image-popup__nav-prev
	{
		right: 92%;
	}
}

.image-popup__nav-next
{
	position: absolute;

	top: auto;
	right: auto;
	left: 100%;
	bottom: auto;
	padding: 2em;
}

@media screen and (max-width: 768px)
{
	.image-popup__nav-next
	{
		left: 92%;
	}
}
.property-cell
{
	position: relative;
	display: flex;

	min-height: 215px;
	width: 100%;

	text-decoration: none;

	cursor: pointer;

	overflow: hidden;

	align-items: flex-end;
}

.property-cell::after
{
	position: absolute;

	height: 100%;
	width: 100%;

	top: 0;
	left: 0;

	background: linear-gradient(0deg, rgba(0, 0, 0, 1) 10%, rgba(255, 255, 255, 0) 100%);

	content: "";
}

.property-cell--img
{
	position: absolute;
	display: block;

	height: 100%;
	width: 100%;

	top: 0;
	right: 0;
	left: 0;
	bottom: 0;

	overflow: hidden;

	object-fit: cover;
	object-position: center;
}

.property-cell--tags
{
	position: absolute;
	display: flex;

	gap: 8px;

	height: min-content;

	top: 24px;
	right: 24px;

	overflow: visible;

	z-index: 1;
}

.property-cell--tag
{
	padding: 6px 12px;

	background-color: rgba(255, 255, 255, .7);

	color: var(--primary);

	border-radius: 24px;

	backdrop-filter: blur(15px);
}

.property-cell--tag.exclusif
{
	background-color: var(--saumon);
}

.property-cell__infos-row
{
	display: flex;

	flex-wrap: wrap;
	gap: 10px;
}

.property-cell--infos
{
	position: absolute;
	display: flex;

	width: 100%;

	left: 0;
	bottom: 5%;
	padding: 0 24px;

	color: #FFF;

	z-index: 1;

	align-items: center;
	justify-content: space-between;
}

.property-cell--infos__content
{
	display: flex;

	flex-direction: column;
	gap: 8px;

	padding: 55px 20px 20px;

	color: #FFF;

	text-align: start;

	transition: transform 240ms ease;

	z-index: 1;
}

.property-cell:hover .property-cell--infos__content,
.property-cell:focus .property-cell--infos__content
{
	transform: translateY(-8px);
}

.property-cell--infos__content.left
{
	align-content: center;
}

.property-cell--infos__content.right
{
	align-content: flex-end;
}

.property-cell--btn
{
	padding: 6px 12px;

	background-color: #FFF;

	color: var(--primary);
	text-decoration: none;

	border-radius: 24px;
}

.property-cell--title,
.property-cell--price,
.property-cell--details,
.property-cell--city
{
	margin: 0;

	font-weight: 400;

	letter-spacing: .02em;
}

.property-cell--title,
.property-cell--price,
.property-cell--city
{
	font-size: 18px;
}

.property-cell--title
{
	color: #FFF;

	text-transform: none;
}

.property-cell--city
{
	font-size: 16px;
	color: #FFF;

	letter-spacing: .02em;
}

.property-cell--price
{
	font-weight: 500;
}

.property-cell--details
{
	font-size: 16px;

	white-space: nowrap;
	text-transform: none;
}

.property-cell--details__rooms
{
	display: flex;

	gap: 15px;

	justify-content: flex-end;
}

.property-cell--details__lands
{
	display: flex;

	gap: 5px;
}

.property-cell--details__land
{
	height: 18px;

	padding-left: 5px;
}
.review
{
	position: relative;
	display: flex;

	flex-direction: column;

	width: 100%;
	max-width: 100%;

	overflow: hidden;

	z-index: 1;
}

.review .embla__slide
{
	gap: var(--gap);
	--gap: 50px;
}

.reviews__black
{
	background-color: #1E1C1E;
}

.review-card
{
	position: relative;

	height: 100%;
	width: 100%;

	padding: 30px 0;
}

.review-card:not(:last-child)::after
{
	position: absolute;
	display: block;

	height: 100%;
	width: 2px;

	top: 0;
	left: 100%;
	margin-left: calc(var(--gap) / 2 + -1px);

	background-color: var(--border);

	content: "";
}

.review-card__quotes
{
	display: flex;

	gap: 12px 8px;

	margin-bottom: 30px;
}

.review-card__quote-icon
{
	display: flex;

	height: 1em;
	width: 1em;

	font-size: 26px;
	color: var(--primary);
}

.review-rating
{
	display: flex;

	gap: 24px;
}

.review-card__content::after
{
	display: block;

	width: 10%;

	padding-bottom: 30px;

	content: "";

	border-bottom: 1px solid var(--primary-light);
}

.review-card__title
{
	display: flex;

	gap: 30px;

	margin-top: 30px;

	align-items: center;
}

.review-card__title .name
{
	margin: 0 0 5px 0;

	font-weight: 600;
	font-size: 20px;

	text-transform: uppercase;
}

.review-card__title .icon
{
	height: 60px;
	width: 60px;

	padding: 10px;

	color: var(--primary-light);

	border-radius: 50%;
	border: 1px solid var(--primary-light);
}

.review-card__title .highlight
{
	color: var(--primary-light);
}

.review-card__span
{
	display: block;
	opacity: .8;

	margin-bottom: 5px;

	font-size: 14px;
	color: #616C7E;
}

.review-card__content
{
	line-height: 2em;
}

.review-card__content p
{
	margin-bottom: 0;

	font-weight: 400;
	font-size: 1.1rem;
	color: var(--title);
}

/* ------------------ Mobile ------------------ */
@media (max-width: 599px)
{
	.review-card__content p
	{
		font-size: 1rem;
	}
}

.review-card__rating
{
	display: inline-block;

	height: 20px;
	width: 20px;

	fill: var(--primary);
}

/* -------------- Mobile, Tablet -------------- */
@media (max-width: 1200px)
{
	.review-card
	{
		padding: 30px 0;

		border-left: none;
	}
}
.agence-chiffres
{
	width: 100%;
	max-width: 1720px;

	margin: 50px auto 0 auto;
	padding: 30px 40px;

	background-color: var(--background);

	border-radius: 3px;
	border: 1px solid var(--border);
}

/* ------------------ Mobile ------------------ */
@media (max-width: 599px)
{
	.agence-chiffres
	{
		width: calc(100% - var(--page-margin) - var(--page-margin));

		padding: 30px 20px;
	}
}

.agence-chiffres.no-bkg
{
	margin-top: 15px;

	background: transparent;
}

.agence-chiffres__title
{
	font-weight: 400;
	font-size: 1.8rem;
	color: var(--primary);

	text-align: center;
	letter-spacing: normal;
	text-transform: uppercase;
}

/* ------ Tablet (portrait & landscape) ------- */
@media (min-width: 600px) and (max-width: 1200px)
{
	.agence-chiffres__title
	{
		font-size: 1.2rem;
	}
}

/* ------------------ Mobile ------------------ */
@media (max-width: 599px)
{
	.agence-chiffres__title
	{
		font-size: 1.1rem;
	}
}

.agence-chiffres__content
{
	display: flex;
}

/* ------ Tablet (portrait & landscape) ------- */
@media (min-width: 768px) and (max-width: 1200px)
{
	.agence-chiffres__content
	{
		display: grid;

		grid-template-columns: 1fr 1fr;
	}
}

/* -------------- Mobile, Tablet (portrait) -------------- */
@media (max-width: 768px)
{
	.agence-chiffres__content
	{
		flex-direction: column;
	}
}
.agence
{
	position: relative;

	width: 100%;

	padding: var(--padding-y) 40px;

	background-color: #F9F5F2;
}

/* --- Tablet (landscape), Laptop & Desktop --- */
@media (min-width: 901px)
{
	.agence:first-child::after
	{
		position: absolute;
		display: block;
		opacity: .2;

		height: calc(100% - var(--padding-y) - var(--padding-y));
		width: 1.5px;

		top: var(--padding-y);
		left: 100%;
		margin-left: 0;

		background-color: var(--primary);

		content: "";

		z-index: 1;
	}
}

/* ------------------ Mobile ------------------ */
@media (max-width: 767px)
{
	.agence
	{
		margin: 0 auto;
		padding-top: 40px;
		padding-bottom: 40px;

		text-align: center;

		align-self: center;
	}

	.agence:first-child::after
	{
		position: absolute;
		display: block;
		opacity: .2;

		height: 2px;
		width: 80%;

		top: 100%;
		left: 10%;
		margin-left: 0;

		background-color: var(--primary);

		content: "";

		z-index: 1;
	}
}

.agence__pin-icon
{
	display: inline-flex;

	margin-bottom: 18px;
	padding: 6px;

	color: var(--primary);

	border-radius: 50%;
	border: 1px solid currentColor;
}

.agence__pin-icon-svg
{
	display: flex;

	height: 1em;
	width: 1em;

	font-size: 25px;
	color: inherit;
}

.agence address
{
	line-height: 1.6;

	margin-top: 12px;

	font-style: normal;
}

.agence__infos
{
	line-height: 1.6;

	margin: 12px 0 20px 0;
}

.agence__map
{
	width: 100%;

	margin-top: 20px;

	border: none;
}
.c-article-content
{
	width: calc(100% - var(--page-margin) - var(--page-margin));

	margin: 0 auto;
	padding: 50px 0;

	font-size: 18px;
}

/* ------------------ Mobile ------------------ */
@media (max-width: 599px)
{
	.c-article-content
	{
		width: 100%;

		padding-top: var(--page-margin);
	}
}

.c-article-content--btn
{
	margin-bottom: 30px !important;
	padding: 15px 20px !important;

	font-size: 18px;

	letter-spacing: .02em;
}

.c-article-content--btn:hover
{
	background-color: var(--primary);

	color: #FFF !important;
}

.c-article-content--container
{
	padding: 50px var(--page-margin);

	background-color: var(--background);

	border-radius: 3px;
}

.c-article-content__details
{
	display: flex;

	gap: 24px;

	margin-bottom: 50px;

	font-size: 18px;
	color: var(--title);

	align-items: center;
}

.c-article-content__details--item,
.c-article-content__details--category
{
	display: flex;

	gap: 5px;

	margin: 0;

	align-items: center;
}

.c-article-content__details--category
{
	padding: 10px 15px;

	background-color: var(--primary-light);

	color: #FFF;

	border-radius: 3px;
}

.c-article-content--img
{
	max-height: 85vh;
	width: 100%;

	margin: 30px 0;

	object-fit: cover;
}

.c-article-content--no-img
{
	height: 2px;
	width: 100%;

	border-top: 2px solid var(--bleu-gris);
}

.c-article-content__return
{
	width: 100%;
}

/* ------------------ Mobile ------------------ */
@media (max-width: 599px)
{
	.c-article-content__return
	{
		padding: 0 var(--page-margin);
	}
}

@media (max-width: 768px)
{
	.c-article-content__details
	{
		display: grid;

		gap: 25px 8px;

		margin-bottom: 40px;

		text-align: center;

		grid-template-columns: 1fr 1fr;
		grid-auto-flow: row;
		justify-items: center;
	}

	.c-article-content--container
	{
		position: relative;

		padding-right: var(--page-margin);
		padding-left: var(--page-margin);
	}

	.c-article-content--img
	{
		margin: 15px 0;
	}

	.c-article-content--btn
	{
		font-size: 15px;
	}
}
.article-preview
{
	display: flex;

	flex-wrap: wrap;
	gap: var(--gap);
	--gap: 50px;
}

.article-preview__infos
{
	margin-bottom: 50px;
}

.article-preview__info-list
{
	display: flex;

	gap: 24px;

	margin: 10px 0 15px 0;

	align-items: center;
}

.article-preview__category
{
	padding: 6px 12px;

	background-color: var(--bleu-gris);

	border-radius: 24px;
}

.article-preview__title
{
	width: 80%;

	margin: 0 0 30px 0;

	font-weight: 500;
	font-size: 2.2rem;
}

/* ------------------ Mobile ------------------ */
@media (max-width: 599px)
{
	.article-preview__title
	{
		padding-top: 0;

		font-size: 1.8rem;
	}
}

.article-preview__title::after
{
	display: block;

	width: 8%;

	padding-top: 30px;

	content: "";

	border-bottom: 2px solid var(--primary-light);
}

.article-preview__readmore
{
	display: flex;

	gap: 30px;

	width: fit-content;

	padding: 14px 16px;

	background-color: var(--primary);

	color: #FFF;
	text-decoration: none;

	border-radius: 3px;

	align-items: center;
}

.article-preview__readmore--icon
{
	height: 25px;
	width: 25px;
}

.article-preview__desc
{
	margin-bottom: 30px;

	font-weight: 400;
	font-size: 18px;
}

.article-preview--img
{
	height: 100%;
	max-height: 500px;
	width: calc(50% - var(--gap)/2);
	max-width: 100%;

	flex-grow: 1;
	object-fit: cover;
}

.article-preview__content
{
	width: calc(50% - var(--gap) / 2);

	flex-grow: 0;
	flex-shrink: 0;
}

/* -------------- Mobile, Tablet -------------- */
@media (max-width: 1200px)
{
	.article-preview__content
	{
		width: 100%;
	}
}
.c-back-title
{
	width: auto;

	margin: 0;

	font-weight: 700;
	font-size: 2rem;
}

/* ------------------ Mobile ------------------ */
@media (max-width: 599px)
{
	.c-back-title
	{
		font-size: 1.45rem;
	}
}

.c-back-title--admin-home
{
	width: 100%;

	margin-top: 60px;
	margin-bottom: 20px;

	font-weight: 600;
	font-size: 2.8rem;

	text-align: center;
}
.candidature-form
{
	width: 100%;
	max-width: 1720px;

	margin: 15px auto;
	padding: 50px 0;
}

.candidature-form--title
{
	margin: 0 0 50px 0;

	font-weight: 400;
	font-size: 42px;
	color: var(--title);

	text-transform: uppercase;

	;
}

.candidature-form--line
{
	display: flex;

	gap: 24px;

	margin-bottom: 16px;
}

.candidature-form--line--input
{
	width: 100%;
}

.candidature-form--line .c-input__input-wrapper,
.candidature-form--line .c-select__select-wrapper,
.candidature-form--line .c-tel-langs__toggle,
.candidature-form__textarea
{
	width: 1px;

	padding: 16px;

	background-color: var(--background);

	border-radius: 3px;
	border: 1px solid var(--border);

	flex: 1 0 0;
}

.candidature-form--line  .c-input__tel-content
{
	display: flex;
}

.candidature-form__textarea
{
	display: flex;

	height: 100%;
	max-height: 200px;

	background-color: var(--background);

	font-family: inherit;
	font-size: 1em;

	border: none;
	border: 1px solid var(--border);

	align-items: center;
	justify-content: flex-start;
}

.candidature-form--line .c-select__select,
.candidature-form--line .c-input__input
{
	height: min-content;

	padding: 0;
}

.candidature-form--line .c-input__tel-placeholder
{
	align-items: flex-start;
}

.candidature-form__btn
{
	width: 100%;

	padding: 14px 16px;

	background-color: var(--primary);

	color: #FFF;

	border-radius: 3px;
}

/* ------------------ Mobile ------------------ */
@media (max-width: 767px)
{
	.candidature-form
	{
		width: 90%;

		text-align: center;

		align-self: center;
	}

	.candidature-form--line
	{
		flex-direction: column;
	}

	.candidature-form--line.message
	{
		flex-direction: row;
	}
}
.c-card
{
	position: relative;
	display: flex;

	flex-wrap: wrap;

	width: calc(var(--grid-actual-w) / var(--items-count));

	padding: 18px 18px 22px;

	background-color: #FFF;

	text-align: center;

	border-radius: 20px;

	--items-count: 4;
	--gap-size: calc(var(--gap) * calc(var(--items-count) - 1));
	--grid-actual-w: calc(100% - var(--gap-size));
	flex-shrink: 0;
}

.c-card--stats
{
	min-width: 210px;
	max-width: 380px;
}

.c-card__number
{
	width: 100%;

	font-weight: 500;
	font-size: 2.8rem;
}

.c-card__title
{
	width: 100%;

	color: var(--primary);
}
.c-checkbox
{
	position: relative;
	display: flex;

	flex-wrap: wrap;

	padding: 0;

	cursor: pointer;

	align-items: center;
}

.c-checkbox--column
{
	flex-direction: column;
}

.c-checkbox--100\%
{
	width: 100%;
}

.c-checkbox--disabled
{
	color: #ABABAB;

	cursor: default;
}

.c-checkbox__indicator,
.c-checkbox__indicator::before
{
	--cb-indicator-size: var(--input-height);
}

.c-checkbox__indicator
{
	position: relative;
	display: flex;

	height: 1em;
	width: 1em;

	margin-right: 14px;

	background-color: var(--input-background);

	font-size: var(--cb-indicator-size);

	border-radius: 4px;
	border: none;

	z-index: 0;

	flex-shrink: 0;
}

.c-checkbox--error .c-checkbox__indicator
{
	background-color: var(--error-background);
}

.c-checkbox--column .c-checkbox__indicator
{
	margin-right: 0;
}

.c-checkbox input:checked ~ .c-checkbox__indicator::before
{
	position: absolute;
	display: block;

	height: 0;
	width: 0;

	top: .18em;
	left: .1em;

	font-size: calc(var(--cb-indicator-size) * .75);

	content: "";

	border-right: 3px solid transparent;
	border-bottom: 3px solid transparent;

	transform: rotate(45deg);
	transform-origin: 0 100%;
	animation: checkbox-check 180ms 40ms linear;

	animation-fill-mode: forwards;
}

.c-checkbox input:disabled ~ .c-checkbox__indicator
{
	background-color: #EBEBEB;
}

.c-checkbox__indicator::after
{
	position: absolute;
	visibility: hidden;
	opacity: 0;

	height: calc(100% + 8px);
	width: calc(100% + 8px);

	top: -4px;
	left: -4px;

	content: "";

	border-radius: 4px;
	border: 2px solid #000;

	transition-timing-function: ease;
	transition-duration: 200ms;
	transition-property: height, width, opacity, visibility, top, left;

	z-index: 1;
}

.c-checkbox input:focus ~ .c-checkbox__indicator::after
{
	visibility: visible;
	opacity: 1;

	height: 100%;
	width: 100%;

	top: 0;
	left: 0;
}

.c-checkbox__icon
{
	position: absolute;
	display: flex;

	height: 1em;
	width: 1em;

	top: 50%;
	margin-top: -.6em;
	left: 0;

	font-size: 35px;
	color: var(--green-darker);

	transform-origin: left;
	animation-name: checkbox-animation;
	animation-duration: 240ms;

	z-index: 4;
}

.c-checkbox input
{
	position: absolute;

	height: 1px;
	width: 1px;

	right: 100%;

	z-index: -4;
}

.c-checkbox .p-ink
{
	height: 22px !important;
	width: 22px !important;

	background-color: rgba(0, 0, 0, .35);
}

.c-checkbox input:disabled ~ .p-ink
{
	display: none !important;
}

@keyframes checkbox-check
{
	0%
	{
		height: 0;
		width: 0;

		top: .37em;
		left: .30em;

		border-color: currentColor;
	}

	35%
	{
		height: 0;
		width: .65em;

		top: .37em;
		left: .30em;

		border-color: currentColor;
	}

	40%
	{
		height: .2em;
		width: .65em;

		top: .30em;
		left: .30em;

		border-color: currentColor;
	}

	45%
	{
		height: .3em;
		width: .65em;

		top: .19em;
		left: .30em;

		border-color: currentColor;
	}

	50%
	{
		height: .4em;
		width: .65em;

		top: .09em;
		left: .30em;

		border-color: currentColor;
	}

	55%
	{
		height: .5em;
		width: .65em;

		top: -.01em;
		left: .30em;

		border-color: currentColor;
	}

	60%
	{
		height: .6em;
		width: .65em;

		top: -.11em;
		left: .30em;

		border-color: currentColor;
	}

	65%
	{
		height: .7em;
		width: .65em;

		top: -.20em;
		left: .30em;

		border-color: currentColor;
	}

	70%
	{
		height: .8em;
		width: .65em;

		top: -.31em;
		left: .30em;

		border-color: currentColor;
	}

	75%
	{
		height: .9em;
		width: .65em;

		top: -.41em;
		left: .30em;

		border-color: currentColor;
	}

	80%
	{
		height: 1em;
		width: .65em;

		top: -.51em;
		left: .30em;

		border-color: currentColor;
	}

	85%
	{
		height: 1.1em;
		width: .65em;

		top: -.61em;
		left: .30em;

		border-color: currentColor;
	}

	90%
	{
		height: 1.2em;
		width: .65em;

		top: -.70em;
		left: .30em;

		border-color: currentColor;
	}

	100%
	{
		height: 1.35em;
		width: .65em;

		top: -.85em;
		left: .3em;

		border-color: currentColor;
	}
}
.c-chip
{
	display: inline-flex;

	padding: 4px 12px;

	background-color: #E0E0E0;

	font-weight: 400;
	font-size: 1rem;

	border-radius: 6px;
}

.c-chip:empty
{
	display: none;
}

.c-chip--no-bottom-radius
{
	border-bottom-right-radius: 0;
	border-bottom-left-radius: 0;
}

.c-chip--green
{
	background-color: #5B9A8D;

	color: #FFF;
}
.c-col-placeholder--50\%
{
	flex-basis: 33.1%;
	flex-grow: 1;
}

.c-col-placeholder--33\%
{
	flex-basis: 25.1%;
	flex-grow: 1;
}

.c-col-placeholder--25\%
{
	flex-basis: 20.1%;
	flex-grow: 1;
}

.c-col-placeholder--75\%
{
	flex-basis: 51.1%;
	flex-grow: 1;
}
.c-collapse,
.c-collapse *,
.c-collapse *::before,
.c-collapse *::after
{
	--border-radius: 4px;
	--border-color: #000;

	--padding-x: 14px;
}

.c-collapse
{
	display: inline-flex;

	flex-direction: column;

	width: 100%;

	margin-top: 0;

	border-radius: var(--border-radius);
	border: 1px solid var(--border-color);

	overflow: hidden;

	transition: border-radius 320ms ease;
}

.c-collapse[data-collapsed="false"]
{
	width: 100%;
}

.c-collapse__header
{
	display: flex;

	gap: 6px;

	background-color: #F5F8FA;

	align-items: stretch;
}

.c-collapse__toggle
{
	display: inline-flex;
	opacity: .7;

	gap: 4px;

	line-height: 1.3em;
	min-height: 42px;

	padding: 4px 12px;

	font-weight: 400;
	font-size: 1rem;

	text-align: left;

	align-items: center;
	justify-content: flex-start;
}

.c-collapse__toggle:hover,
.c-collapse__toggle:focus
{
	opacity: 1;
}

.c-collapse__toggle-icon-container
{
	position: relative;

	margin-right: 6px;
	padding: 4px;

	background-color: #EDF2F9;

	border-radius: 50%;
}

.c-collapse__toggle-icon
{
	display: flex;

	height: 1em;
	width: 1em;

	font-size: 22px;
	color: var(--primary);

	transition: transform 240ms ease;
	transform: rotate(0deg);
}

.c-collapse__toggle-icon[data-collapsed="false"]
{
	transform: rotate(-45deg);
}

.c-collapse__collapsed
{
	display: none;

	width: 100%;

	padding: 0;
}

.c-collapse__collapsed[data-collapsed="false"]
{
	display: flex;

	flex-direction: column;
}

.c-collapse__list
{
	padding-top: 8px;
	padding-right: var(--padding-x);
	padding-left: var(--padding-x);
	padding-bottom: 8px;
}
.conseiller--form
{
	width: 100%;

	justify-self: center;
}

.conseiller--form__line
{
	display: flex;

	gap: 24px;

	margin-bottom: 16px;
}

.conseiller--form__line--input
{
	width: 100%;
}

.conseiller--form__line .c-input__input-wrapper,
.conseiller--form__line .c-select__select-wrapper,
.conseiller--form__line .c-tel-langs__toggle,
.conseiller--form__textarea
{
	width: 1px;

	padding: 16px;

	background-color: var(--background);

	border-radius: 3px;
	border: 1px solid var(--border);

	flex: 1 0 0;
}

.conseiller--form__line  .c-input__tel-content
{
	display: flex;
}

.conseiller--form__textarea
{
	display: flex;

	height: 100%;
	max-height: 200px;

	background-color: var(--background);

	font-family: inherit;
	font-size: 1em;

	border: none;
	border: 1px solid var(--border);

	align-items: center;
	justify-content: flex-start;
}

.conseiller--form__line .c-select__select,
.conseiller--form__line .c-input__input
{
	height: min-content;

	padding: 0;
}

.conseiller--form__line .c-input__tel-placeholder
{
	align-items: flex-start;
}

.conseiller--form__btn
{
	width: 100%;

	padding: 14px 16px;

	background-color: var(--primary);

	color: #FFF;

	border-radius: 3px;
}

/* ------------------ Mobile ------------------ */
@media (max-width: 767px)
{
	.conseiller--form
	{
		width: 90%;

		text-align: center;

		align-self: center;
	}

	.conseiller--form__line
	{
		flex-direction: column;
	}

	.conseiller--form__line.message
	{
		flex-direction: row;
	}
}
.c-title h2
{
	line-height: 1.2;

	margin: 10px 0 30px 0;

	font-size: var(--title-size);
	color: var(--primary);
}

.c-link a
{
	line-height: 1.2;

	margin: 10px 0 30px 0;

	font-size: 22px;
	color: var(--primary);
}

.c-span
{
	font-weight: 500;
	font-size: 20px;
	color: var(--orange);
}

.c-span--custsom-gradient
{
	margin-bottom: 18px;

	background: linear-gradient(92.18deg, #6071D9 36.51%, #AA676F 63.73%, #CCB41A 97.49%);
	        background-clip: text;

	font-weight: 500;
	font-size: 24px;

	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

.c-content p
{
	opacity: .7;

	margin-bottom: 0;

	color: #4B4B4B;
}

.c-list
{
	line-height: 1.4;

	list-style: none;
}

.c-title--white h2,
.c-title--white h3,
.c-title--white h4,
.c-list--white li,
.c-link--white a
{
	color: white;
}

.c-content--white p
{
	color: #B0B0B0;
}

.c-title--centered,
.c-span--centered,
.c-content--centered,
.c-link--centered
{
	text-align: center;

	justify-items: center;
	justify-self: center;
}
span.c-countup
{
	font-weight: 700;
	font-size: 40px;
}
.c-countup--container p
{
	line-height: 1.3;

	margin: 0;

	font-weight: 500;
	font-size: 20px;
	color: var(--primary);

	text-align: left;
}


.c-countup--red
{
	color: #FF1D23;
}
.c-countup--blue
{
	color: #00BAF8;
}
.c-countup--dark-blue
{
	color: #265FDB;
}
.c-countup--purple
{
	color: #A768F0;
}
.c-countup--cyan
{
	color: #4BC0CD;
}
.equipe
{
	width: 100%;

	background-color: var(--background);
}

.equipe__container
{
	width: calc(100% - var(--page-margin) - var(--page-margin));

	margin: 0 auto;
	padding: 50px 0;
}

/* ------------------ Mobile ------------------ */
@media (max-width: 599px)
{
	.equipe__container
	{
		width: 100%;

		padding-right: var(--page-mobile-padding);
		padding-left: var(--page-mobile-padding);
	}
}

.equipe--title
{
	margin: 0;

	font-weight: 400;
	font-size: 2.6rem;
	color: var(--title);

	text-transform: uppercase;
}

.equipe--subtitle
{
	margin: 0;

	font-weight: 400;
	font-size: 2.6rem;
	color: var(--primary-light);

	text-transform: uppercase;
}

/* ------------------ Mobile ------------------ */
@media (max-width: 599px)
{
	.equipe--subtitle
	{
		font-size: 1.7rem;
	}
}

.equipe--subtitle::after
{
	display: block;

	width: 5%;

	padding-bottom: 15px;

	content: "";

	border-bottom: 2px solid var(--primary-light);
}

.equipe--grille
{
	display: grid;

	gap: 30px;

	grid-template-columns: repeat(3, 1fr);
	justify-items: center;
}

.equipe--grille__item
{
	display: flex;

	color: var(--primary);
}

.equipe--grille__item > div
{
	padding: 15px;

	background-color: #FFF;
}

.equipe--grille__item--titre
{
	margin: 0 0 30px 0;

	font-weight: 400;
	font-size: 24px;
	color: var(--title);
}

.equipe--grille__item--chiffre
{
	font-weight: 500;
	color: #000;

	text-transform: uppercase;
}

.equipe--grille__item--chiffre .highlight
{
	font-size: 22px;
	color: var(--primary-light);
}

.equipe--grille__item--chiffre ~ .quote
{
	font-style: italic;
	color: #000;
}

.equipe--grille__item--chiffre ~ .quote .highlight
{
	font-weight: 700;
	color: var(--primary-light);
}

.equipe--grille__item--img
{
	height: auto;
	width: 50%;

	object-fit: cover;
}

/* -------------- Mobile -------------- */
@media (max-width: 1600px)
{
	.equipe--grille
	{
		grid-template-columns: 1fr 1fr;
	}
}

/* ----------------- Laptop ------------------- */
@media (max-width: 1024px)
{
	.equipe--title
	{
		font-size: 36px;
	}

	.equipe--grille
	{
		grid-template-columns: 1fr;
	}

	.equipe--grille__item > div
	{
		padding: 15px;

		align-content: space-around;
	}
}

/* -------------- Mobile, Tablet -------------- */
@media (max-width: 767px)
{
	.equipe--grille
	{
		gap: 48px;

		grid-template-columns: 1fr !important;
	}

	.equipe--grille__item
	{
		flex-direction: column;
		gap: 0;
	}

	.equipe--grille__item--img
	{
		width: 100%;
	}
}
.estimation-form
{
	width: 100%;

	justify-self: center;
	--input-height: 52px;
}

.estimation-form__container
{
	display: grid;

	gap: 24px;

	margin-bottom: 24px;

	grid-template-columns: repeat(4, 1fr);
}

.estimation-form__line
{
	display: flex;

	gap: 24px;

	margin-bottom: 16px;
}

.estimation-form__line--input
{
	width: 100%;
}

.estimation-form__line--input.message
{
	grid-column: span 2 / span 2;
}

/* ------------------ Mobile ------------------ */
@media (max-width: 767px)
{
	.estimation-form__container
	{
		display: flex;

		flex-direction: column;
	}
}

@media (min-width: 768px) and (max-width: 1200px)
{
	.estimation-form__container
	{
		grid-template-columns: 1fr 1fr;
	}
}

.estimation-form__action
{
	display: flex;

	width: 100%;

	justify-content: flex-end;
}

/* -------------- Mobile, Tablet -------------- */
@media (max-width: 1200px)
{
	.estimation-form__action
	{
		justify-content: center;
	}
}

/* ------------------ Mobile ------------------ */
@media (max-width: 599px)
{
	.estimation-form__btn
	{
		width: 100%;

		flex-grow: 1;
	}
}
.faq--container
{
	width: 100%;

	margin: 0;
}

.faq--container__title
{
	margin: 0 0 30px 0;

	font-weight: 400;
	font-size: 40px;
	color: var(--primary);

	text-transform: uppercase;
}

.faq--container__content
{
	display: flex;

	flex-direction: column;
	gap: 48px;
}

.faq--container__content--question,
.faq--container__content--texte.reponse
{
	padding: 37px;

	justify-content: space-between;
	align-items: center;
}

/* -------- Mobile, Tablet (portrait) --------- */
@media (max-width: 900px)
{
	.faq--container__content--question,
	.faq--container__content--texte.reponse
	{
		padding: 22px;

		font-size: 1rem;
	}
}

.faq--container__content--question
{
	display: flex;

	gap: 30px;

	cursor: pointer;

	border-radius: 3px;
	border: 1px solid var(--border);
}

.faq--container__content--question.ouvert
{
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
	border-bottom-right-radius: 0;
	border-bottom-left-radius: 0;
}

.faq--container__content--question.ouvert .faq--container__content--question__icon
{
	rotate: 180deg;
}

.faq--container__content--question__icon
{
	height: 30px;
	width: 30px;

	pointer-events: none;

	fill: var(--primary);
}

.faq--container__content--reponse
{
	display: none;

	border-right: 1px solid var(--border);
	border-bottom: 1px solid var(--border);
	border-left: 1px solid var(--border);
}

.faq--container__content--texte
{
	font-size: 20px;
	color: var(--title);
}

/* ------------------ Mobile ------------------ */
@media (max-width: 599px)
{
	.faq--container__content--texte
	{
		font-size: 1rem;
	}
}

.faq--container__content--texte.question
{
	margin: 0;

	font-weight: 500;

	pointer-events: none;
}

.faq--container__content--texte.reponse
{
	width: 100%;

	margin: 0;

	font-style: italic;

	border-bottom-right-radius: 3px;
	border-bottom-left-radius: 3px;
}

.faq--container__content--texte.reponse p:first-child
{
	margin-top: 0;
}

.faq--container__content--texte.reponse p:last-child
{
	margin-bottom: 0;
}

.faq--container__content--reponse.ouvert
{
	display: flex;

	margin: 0;

	border-bottom-right-radius: 3px;
	border-bottom-left-radius: 3px;
}

.faq--container__content--texte.reponse--btn
{
	font-weight: 500;
	font-size: 18px;
	color: var(--primary-light);

	letter-spacing: .02em;
	text-transform: capitalize;
}

.faq--container__content--texte.reponse--btn:hover
{
	text-decoration: underline;
}

/* ------------------ Mobile ------------------ */
@media (max-width: 768px)
{
	.faq--container__content--question__icon
	{
		height: 70px;
		width: 70px;
	}
}

@media (max-width: 1024px)
{
	.faq--container__content--question
	{
		gap: 12px;
	}

	.faq--container__content--question__icon
	{
		height: 50px;
		width: 50px;
	}
}

.c-field-error
{
	display: flex;

	gap: 4px;

	width: 100%;

	padding: 2px 0;

	color: #C00506;

	align-items: center;
	flex-shrink: 0;
}

.c-field-error--week-day-picker
{
	margin-top: 1rem;
}

.c-field-error--checkbox
{
	margin-top: 2px;
}

.c-field-error--fileinput
{
	position: relative;

	margin-top: 0;
	left: 0;
	margin-bottom: 10px;
	padding: 6px 12px;

	background-color: var(--error-background);

	font-weight: 400;
	font-size: 1.05rem;

	border-radius: 4px;
}

.c-field-error--fileinput .c-field-error__icon
{
	font-size: 20px;
}

.c-field-error--fileinput-row
{
	padding: 6px 12px;

	background-color: #F8E7E7;

	font-weight: 400;
	font-size: 1rem;

	border-bottom-right-radius: var(--border-radius);
	border-bottom-left-radius: var(--border-radius);
	border-top: 2px solid currentColor;
}

.c-field-error__icon
{
	font-size: 18px;
	color: inherit;

	flex-shrink: 0;
}
.c-fileinput
{
	position: relative;

	width: 100%;

	font-size: 1rem;
}

.c-fileinput__elements
{
	display: flex;

	flex-direction: column;
	gap: 12px;

	width: 100%;

	margin: 0;
	padding: 0;
}

.c-fileinput__elements:empty
{
	margin-top: -12px;
}

.c-fileinput__element
{
	width: 100%;

	--border-radius: 4px;

	--darker-background: #D2D2D2;
	--padding-y: 4px;
}

.c-fileinput__element-content
{
	display: flex;

	width: 100%;

	margin-top: 0;
	padding: 0;

	background-color: var(--input-background);

	border-radius: var(--border-radius);

	align-items: stretch;
}

.c-fileinput__element-content.has-error
{
	border-bottom-right-radius: 0;
	border-bottom-left-radius: 0;
}

.c-fileinput__element-icon
{
	position: relative;
	display: flex;

	padding-top: var(--padding-y);
	padding-right: 10px;
	padding-left: 10px;
	padding-bottom: var(--padding-y);

	transition: background-color 240ms ease;
}

.c-fileinput__element-icon:first-child
{
	border-top-left-radius: var(--border-radius);
	border-bottom-left-radius: var(--border-radius);
}

.c-fileinput__element-icon::after
{
	position: absolute;

	height: 100%;
	width: 100%;

	top: 0;
	left: 0;

	content: "";
}

.c-fileinput__element-icon:hover
{
	background-color: var(--darker-background);
}

.c-fileinput__size
{
	display: flex;

	margin-top: var(--padding-y);
	margin-left: 4px;
	margin-bottom: var(--padding-y);

	font-weight: 500;
	font-size: .95rem;

	align-items: center;
}

.c-fileinput__element-icon-svg
{
	position: relative;
	display: flex;

	height: 1em;
	width: 1em;

	top: 1px;

	font-size: 40px;
	color: #000;

	fill: hsl(0deg 0% 95.29%);
}

.c-fileinput__element-icon-img
{
	position: relative;
	display: flex;

	height: 1em;
	width: auto;
	max-width: 1.5em;

	top: 1px;

	font-size: 40px;

	border-radius: 4px;

	object-fit: cover;
}

.c-fileinput__element-icon-img[src$=".png"]
{
	object-fit: contain;
}

.c-fileinput__name::before
{
	margin: 0 10px;

	font-family: inherit;
	font-size: 1em;

	content: "-";
}

.c-fileinput__name
{
	display: flex;

	width: auto;
	min-width: 100px;

	margin-top: var(--padding-y);
	margin-bottom: var(--padding-y);

	white-space: nowrap;

	align-items: center;
	flex-grow: 2;
	flex-shrink: 1;
}

.c-fileinput__ellipsed-name
{
	display: block;

	width: 10px;
	min-width: 0;

	text-align: left;
	white-space: nowrap;
	text-overflow: ellipsis;

	overflow: hidden;

	flex-grow: 1;
}

.c-fileinput__remove-btn
{
	position: relative;
	display: flex;

	width: 40px;

	background-color: #E5E5E5;

	border-top-right-radius: var(--border-radius);
	border-bottom-right-radius: var(--border-radius);

	overflow: hidden;

	transition: background-color 240ms ease;

	flex-shrink: 0;
	align-items: center;
	justify-content: center;
	align-self: stretch;
}

.c-fileinput__remove-btn:hover,
.c-fileinput__remove-btn:focus
{
	background-color: #FF7D7D;
}

.c-fileinput__remove-icon
{
	font-size: 34px;
	color: #000;

	transition: color 240ms ease;
	transform: rotate(45deg);
}

.c-fileinput__remove-btn:hover .c-fileinput__remove-icon,
.c-fileinput__remove-btn:focus .c-fileinput__remove-icon
{
	color: #FFF;
}

.c-fileinput__drag-btn
{
	position: relative;
	display: flex;

	margin: 0;
	margin-right: -2px;
	padding-right: 8px;
	padding-left: 12px;

	background-color: transparent;

	border-top-left-radius: var(--border-radius);
	border-bottom-left-radius: var(--border-radius);

	transition: background-color 240ms ease;

	align-self: stretch;
	align-items: center;
	justify-content: center;
}

.c-fileinput__drag-btn::after
{
	position: absolute;
	display: block;

	height: 100%;
	width: 100%;

	top: 0;
	left: 0;

	content: "";
}

.c-fileinput__drag-btn:hover
{
	background-color: var(--darker-background);
}

.c-fileinput__drag-icon
{
	height: 1em;
	width: 1em;

	font-size: 26px;
	color: inherit;
}

.c-fileinput__controls
{
	width: 100%;

	margin-top: .9rem;
}

.c-fileinput input[type="file"]
{
	position: absolute;
	display: flex;
	opacity: .001;

	height: 0;
	width: 0;

	left: 1200px;

	z-index: -1;
}

.c-fileinput__progress
{
	display: flex;

	padding-right: 12px;
	padding-left: 12px;

	flex-basis: 100px;
	align-items: center;
	flex-grow: 3;
}

.c-fileinput__progress-label
{
	margin-left: 12px;

	font-weight: 600;
	font-size: 16px;
	color: #000;
}

.c-fileinput__upload-error
{
	display: flex;

	padding-right: 25px;
	padding-left: 20px;

	align-items: center;
	flex-shrink: 0;
}

.c-fileinput__retry
{
	position: relative;
	display: flex;

	margin-left: 15px;
	padding: 0 10px;

	background-color: #E52E38;

	color: #FFF;

	border-radius: 4px;

	overflow: hidden;

	transition: background-color 240ms ease;

	flex-shrink: 0;
	align-items: center;
	justify-content: center;
	align-self: stretch;
}

.c-fileinput__retry::after
{
	position: absolute;
	display: block;

	height: 100%;
	width: 100%;

	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
}

.c-fileinput__retry:hover,
.c-fileinput__retry:focus
{
	background-color: #F1BEC0;

	color: #000;

	outline: none;
}

.c-fileinput__retry-svg
{
	display: flex;

	height: 1em;
	width: 1em;

	margin-right: 8px;

	font-size: 30px;
	color: inherit;
}
.c-fillable-indicator
{
	position: relative;
	display: inline-flex;

	height: 4px;
	width: 100px;

	border-radius: 16px;
	border: 2px solid #E0E0E0;

	flex-grow: 1;
}

.c-fillable-indicator--upload
{
	height: 6px;
	width: 40px;

	background-color: #E0E0E0;

	border: none;

	overflow: hidden;

	flex-grow: 1;
}

.c-fillable-indicator--empty
{
	border-color: transparent;
}

.c-fillable-indicator__bar
{
	position: absolute;

	height: calc(100% + 4px);

	top: -2px;
	left: -2px;

	background-color: #2EB619;

	content: "";

	border-radius: 20px;
}

.c-fillable-indicator--upload .c-fillable-indicator__bar
{
	height: 100%;

	top: 0;
	left: 0;

	transition: width 500ms ease;
}

.c-fillable-indicator--yellow .c-fillable-indicator__bar
{
	background-color: #F5EB6A;
}

.c-fillable-indicator--orange .c-fillable-indicator__bar
{
	background-color: #F58049;
}

.c-fillable-indicator--red .c-fillable-indicator__bar
{
	background-color: #E93339;
}



/* ------------------------------------- *\
|* ---- # c-additional-indicator # ----- *|
\* ------------------------------------- */
.c-additional-indicator
{
	position: absolute;

	height: calc(100% + 4px);

	top: -2px;
	left: -2px;

	background-color: #DC82E2;

	content: "";

	border-radius: 20px;
}
.c-flat-btn
{
	position: relative;
	display: inline-flex;

	gap: 8px;

	min-width: 0;

	margin-top: 3px;
	margin-right: 3px;
	margin-bottom: 3px;
	padding: 7px 15px;

	background-color: #FFF;

	font-family: inherit;
	font-weight: 600;
	color: var(--primary);
	text-decoration: none;

	text-transform: uppercase;

	border-radius: 4px;
	border: 2px solid var(--primary);

	box-shadow: 3px 3px 0 0 var(--secondary);

	overflow: hidden;

	transition: color 240ms ease, background-color 240ms ease, box-shadow 240ms ease, border-color 240ms ease;

	align-items: center;
	flex-shrink: 0;
}

.c-flat-btn--consistent-margins
{
	margin-top: 3px;
}

.c-flat-btn--js-version
{
	padding-top: 5px;
	padding-bottom: 5px;
}

.c-flat-btn--no-wrap
{
	white-space: nowrap;
}

.c-flat-btn--save-filters
{
	min-height: var(--input-height);

	padding-top: 4px;
	padding-bottom: 4px;
}

.c-flat-btn:disabled
{
	cursor: default;
}

.c-flat-btn span
{
	font-family: inherit;
	font-weight: inherit;
	font-size: 1em;
}

.c-flat-btn--smaller
{
	padding: 2px 6px;

	box-shadow: 2px 2px 0 0 var(--secondary);
}

.c-flat-btn--icon.c-flat-btn--no-text
{
	padding-right: 6px;
	padding-left: 6px;
}

.c-flat-btn--icon > span
{
	gap: 8px;
}

.c-flat-btn--cookies-footer
{
	min-width: 110px;

	font-weight: 600;
	font-size: .9rem;

	letter-spacing: .2px;
	text-transform: uppercase;

	box-shadow: none;
}

.c-flat-btn:not(:disabled):hover,
.c-flat-btn:not(:disabled):focus
{
	color: var(--primary);

	box-shadow: 0 0 0 0 var(--secondary);
}

.c-flat-btn--cookies-footer:not(:disabled):hover,
.c-flat-btn--cookies-footer:not(:disabled):focus
{
	background-color: var(--primary);

	color: #FFF;

	box-shadow: none;
}

.c-flat-btn--red
{
	color: #FFF;

	border: 2px solid var(--secondary);

	box-shadow: 3px 3px 0 0 var(--primary);
}

.c-flat-btn--green
{
	color: #FFF;

	border: 2px solid var(--green);

	box-shadow: 3px 3px 0 0 var(--primary);
}

.c-flat-btn--blue
{
	box-shadow: 3px 3px 0 0 var(--primary);
}

.c-flat-btn--table
{
	width: 100%;

	margin: 0;

	background-color: transparent;

	border-radius: 0;
	border: none;

	box-shadow: none;
}

.c-flat-btn,
.c-flat-btn:not(:disabled):hover,
.c-flat-btn:not(:disabled):focus
{
	border-color: var(--primary);
}

.c-flat-btn--red,
.c-flat-btn--red:not(:disabled):hover,
.c-flat-btn--red:focus
{
	background-color: var(--secondary);

	color: #FFF;

	border-color: var(--red);
}

.c-flat-btn--green,
.c-flat-btn--green:not(:disabled):hover,
.c-flat-btn--green:not(:disabled):focus
{
	background-color: var(--green-darker);

	color: #FFF;

	border-color: var(--green-darker);
}

.c-flat-btn--blue,
.c-flat-btn--blue:not(:disabled):hover,
.c-flat-btn--blue:not(:disabled):focus
{
	background-color: var(--blue);

	color: #FFF;

	border-color: var(--blue);
}

.c-flat-btn--invisible,
.c-flat-btn--transparent
{
	margin-right: 0;
	margin-bottom: 0;
}

.c-flat-btn--invisible,
.c-flat-btn--invisible:not(:disabled):hover,
.c-flat-btn--invisible:not(:disabled):focus
{
	background-color: transparent;

	border-color: transparent;

	box-shadow: none;

	transition: border-color 240ms ease;
}

.c-flat-btn--invisible.c-flat-btn--red
{
	color: var(--secondary);
}

.c-flat-btn--invisible:not(:disabled).c-flat-btn--red:hover,
.c-flat-btn--invisible:not(:disabled).c-flat-btn--red:focus
{
	border-color: var(--secondary);
}

.c-flat-btn--invisible:not(:disabled):hover,
.c-flat-btn--invisible:not(:disabled):focus
{
	border-color: var(--primary);
}

.c-flat-btn--red:not(:disabled):hover,
.c-flat-btn--red:not(:disabled):focus,
.c-flat-btn--green:not(:disabled):hover,
.c-flat-btn--green:not(:disabled):focus,
.c-flat-btn--blue:not(:disabled):hover,
.c-flat-btn--blue:not(:disabled):focus
{
	box-shadow: 0 0 0 0 var(--primary);
}

.c-flat-btn--primary
{
	color: var(--primary);

	box-shadow: 3px 3px 0 0 var(--secondary);
}

.c-flat-btn--delete-requirement
{
	margin: 0;
	padding: 8px 20px;
}

.c-flat-btn--primary,
.c-flat-btn--primary:not(:disabled):hover,
.c-flat-btn--primary:not(:disabled):focus
{
	background-color: #FFF;
}

.c-flat-btn--primary:not(:disabled):hover
{
	background-color: #23203E;

	color: #FFF;

	box-shadow: 0 0 0 0 var(--primary);
}

.c-flat-btn:disabled
{
	opacity: .4;
}

.c-flat-btn:disabled.c-flat-btn--invisible,
.c-flat-btn:disabled.c-flat-btn--invisible:hover,
.c-flat-btn:disabled.c-flat-btn--invisible:focus
{
	border-color: transparent;
}

.c-flat-btn--cookies-footer:not(:disabled):hover,
.c-flat-btn--cookies-footer:not(:disabled):focus
{
	border-color: #FFF;
}

.c-flat-btn--red.c-flat-btn--transparent
{
	background-color: transparent;

	color: var(--primary);

	box-shadow: none;
}

.c-flat-btn--red.c-flat-btn--transparent:not(:disabled):hover,
.c-flat-btn--red.c-flat-btn--transparent:not(:disabled):focus
{
	background-color: var(--primary);

	color: #FFF;
}

.c-flat-btn--thin
{
	font-weight: 400;

	border-width: 1px;
}

.c-flat-btn--table:not(:disabled):hover,
.c-flat-btn--table:not(:disabled):focus
{
	background-color: var(--primary);

	color: #FFF;
}

.c-flat-btn--delete-doc
{
	background-color: transparent;

	color: var(--secondary);

	border: none;

	box-shadow: none;
}

.c-flat-btn--delete-doc:not(:disabled):focus
{
	box-shadow: 0 0 0 2px #000;
}

.c-flat-btn--transparent
{
	border: none;

	box-shadow: none;
}

.c-flat-btn--transparent:hover:not(:disabled)
{
	background-color: #E7E7E7;
}

.c-flat-btn__icon
{
	display: inline-block;

	height: 1em;
	width: 1em;

	font-size: 1.2em;

	user-select: none;

	flex-shrink: 0;
}

.c-flat-btn__icon[data-icon="IoCheckmarkDone"]
{
	transform: scale(1.4);
}
/*--------------------- Flex 2 sides ---------------------*/
.c-flex-2
{
	display: flex;

	flex-direction: row;
}

.c-flex-2--col
{
	display: flex;

	flex-direction: column;
}
.c-flex-2--right,
.c-flex-2--left,
.c-flex-2--box
{
	position: relative;

	width: 50%;
}

.c-flex-2--top,
.c-flex-2--bot
{
	position: relative;

	width: 100%;
}

/* -------------- Mobile, Tablet -------------- */
@media (max-width: 1200px)
{
	.c-flex-2
	{
		display: flex;

		flex-direction: column;
	}
	.c-flex-2--right,
	.c-flex-2--left,
	.c-flex-2--box
	{
		width: 100%;
	}
}

/*--------------------- Flex 3*2 sides ---------------------*/
.c-flex-6
{
	display: flex;

	flex-direction: column;
	gap: 20px;

	margin-bottom: 20px;
}
.c-flex-6--rows
{
	display: flex;

	flex-direction: row;
	gap: 20px;

	width: 100%;
}

.c-flex-6--box
{
	width: 33%;
}

.c-flex-6--box-2
{
	width: 66.7%;
}

/* -------------- Mobile, Tablet -------------- */
@media (max-width: 1200px)
{
	.c-flex-6--rows
	{
		flex-direction: column;

		align-items: center;
	}

	.c-flex-6--box,
	.c-flex-6--box-2
	{
		padding: 0 10px;
	}
}

/*--------------------- Flex 4*2 sides ---------------------*/

.c-flex-8
{
	display: flex;

	flex-direction: column;
}
.c-flex-8--rows
{
	display: flex;

	flex-direction: row;
	gap: 20px;

	width: 100%;
}

.c-flex-8--box
{
	width: 25%;
}
/* -------------- Mobile, Tablet -------------- */
@media (max-width: 1200px)
{
	.c-flex-8--rows
	{
		flex-direction: column;
	}
	.c-flex-8--box
	{
		width: 100%;

		padding: 0 10px;
	}
}
.fondateur__title
{
	margin: 0 0 50px 0;

	font-weight: 400;
	font-size: 2.6rem;
	color: var(--title);
}

/* -------- Mobile, Tablet (portrait) --------- */
@media (max-width: 900px)
{
	.fondateur__title
	{
		font-size: 1.7rem;
	}
}

.fondateur__title--main
{
	margin: 0 0 15px 0;

	font-weight: 400;
	font-size: 1.2em;
}

.fondateur__title--fonction
{
	margin: 0;

	font-weight: 400;
	font-size: 2.1rem;
	color: var(--primary-light);

	text-transform: uppercase;
}

.fondateur__container
{
	width: 90%;

	margin: 0 auto;
	padding: 50px 0;
}

.fondateur
{
	width: 100%;

	background-color: var(--background);
}

.fondateur__content
{
	display: flex;

	gap: 80px;

	font-size: 20px;
	color: var(--text);

	align-items: center;
}

.fondateur__content--stamp
{
	position: absolute;

	height: 200px;

	top: 80%;
	left: -15%;

	background-color: var(--background);

	border-radius: 50%;
	border: 5px solid var(--background);
}

.fondateur__quote
{
	display: flex;

	gap: 30px;

	margin-bottom: 30px;
}

.fondateur__quote--icon
{
	height: 1em;
	width: 100px;

	font-size: 40px;

	fill: var(--primary-light);
}

/* ------------------ Mobile ------------------ */
@media (max-width: 599px)
{
	.fondateur__quote--icon
	{
		width: 1em;
	}
}

.fondateur__quote--text
{
	width: 75%;

	margin: 0 0 50px 0;

	font-weight: 400;
	font-size: 2.2rem;
	color: #000;
}

@media (max-width: 1440px)
{
	.fondateur__quote--text
	{
		font-size: 2rem;
	}
}

/* ------------ Tablet (portrait) ------------- */
@media (min-width: 600px) and (max-width: 900px)
{
	.fondateur__quote--text
	{
		font-size: 1.8rem;
	}
}

/* ------------------ Mobile ------------------ */
@media (max-width: 599px)
{
	.fondateur__quote--text
	{
		line-height: 1.5;
		width: 100%;

		font-size: 1.45rem;
	}
}

.fondateur__chiffre
{
	padding: 0 15px 0 30px;

	border-right: 2px solid var(--border);
}

.fondateur__chiffre:first-child
{
	padding: 0 15px 0 0;
}

.fondateur__chiffre:last-child
{
	padding: 0 0 0 15px;

	border: none;
}

.fondateur__chiffre--icon
{
	height: 50px;
	width: 50px;

	color: var(--primary-light);
}

.fondateur__chiffre--value
{
	margin: 15px 0;

	font-weight: 600;
	font-size: 20px;

	text-transform: uppercase;
}

/* ------------------ Mobile ------------------ */
@media (max-width: 599px)
{
	.fondateur__chiffre--value
	{
		font-size: 1rem;
	}
}

.fondateur__highlight
{
	color: var(--primary-light);
}

.fondateur__content--photo
{
	width: 500px;
}

@media (max-width: 767px)
{
	.fondateur
	{
		width: 100%;

		align-self: center;
	}

	.fondateur__container
	{
		width: 100%;
	}

	.fondateur__content div
	{
		flex-direction: column;

		width: 100%;

		align-self: center;
	}

	.fondateur__chiffre
	{
		padding: 15px 0;

		border-right: none;
		border-bottom: 2px solid var(--border);
	}

	.fondateur__chiffre:first-child
	{
		padding: 0 0 30px 0;
	}

	.fondateur__chiffre:last-child
	{
		padding: 30px 0 0 0;
	}

	.fondateur__content blockquote
	{
		text-wrap: wrap;
	}
}

@media (max-width: 1440px)
{
	.fondateur__content
	{
		flex-direction: column;
		gap: 120px;
	}

	.fondateur__content--stamp
	{
		top: 75%;
		left: -20%;
	}
}

/* ----------------- Tablet, Laptop ------------------- */
@media (max-width: 1200px)
{
	.fondateur__content--stamp
	{
		top: 77.5%;
		left: -15%;
	}
}

@media (max-width: 1023px)
{
	.fondateur
	{
		padding: var(--page-mobile-padding);
	}

	.fondateur__content--stamp
	{
		top: 77.5%;
	}
}

/* ------------------ Mobile ------------------ */
@media (max-width: 768px)
{
	.fondateur__content--stamp
	{
		height: 150px;

		top: 80%;
		left: -30px;
	}

	.fondateur__content--photo
	{
		width: 100%;
	}
}

@media (max-width: 550px)
{
	.fondateur__content--stamp
	{
		top: 75%;
	}
}

@media (max-width: 515px)
{
	.fondateur__content--stamp
	{
		top: 75%;
	}
}
.footer
{
	height: min-content;
	width: 100%;

	margin-top: auto;
	padding: 18px var(--page-margin);

	background-color: var(--title);

	color: #FFF;
}

.footer::after
{
	display: block;

	width: 100%;

	content: "";

	flex-grow: 1;
	flex-basis: 0;
}

.footer-top
{
	display: flex;

	padding-bottom: 30px;

	justify-content: space-between;
	align-items: flex-start;
}

.footer-top--logo
{
	display: flex;

	gap: 10px;

	align-items: center;
}

/* -------------- Mobile, Tablet -------------- */
@media (max-width: 1200px)
{
	.footer-top--logo
	{
		width: 100%;
	}
}

.footer-top--logo__svg
{
	height: 70px;
}

.footer-top--logo__text
{
	display: flex;

	flex-direction: column;

	font-size: 13px;
}

.footer-top--logo__text .osaba
{
	margin-bottom: 10px;

	font-size: 26px;
}

.footer__agency
{
	display: inline-flex;

	flex-direction: column;
}

.footer-top__agence
{
	margin: 5px 0;

	font-weight: 400;
	font-size: 16px;
}

.footer-top__agence--info
{
	margin: 5px 0;

	font-weight: 400px;
	font-size: 13px;
}

.footer-top__link,
.footer-nav__link
{
	color: #FFF;
}

.footer-top__links:hover,
.footer-nav__link:hover
{
	color: var(--label);
}

.footer-top__contact
{
	display: flex;

	gap: 24px;

	margin-top: 16px;
	padding: 16px 24px;

	color: #FFF;

	border-radius: 3px;
	border: 1px solid #FFF;
}

.footer-top__contact:hover
{
	background-color: #FFF;

	color: var(--hover);

	border: 1px solid var(--hover);
}

.footer-bottom
{
	display: flex;

	padding: 0;

	justify-content: space-between;
}

.footer-nav
{
	display: flex;

	flex-wrap: wrap;
	gap: 24px;

	width: fit-content;

	margin: 0;
}

.footer-nav__link
{
	font-size: .95rem;

	letter-spacing: normal;
	text-transform: none !important;
}

/* -------------- Mobile, Tablet -------------- */
@media (max-width: 1200px)
{
	.footer-top,
	.footer-bottom
	{
		flex-wrap: wrap;
		gap: 24px;
	}

	.footer-bottom
	{
		padding: 0;
	}

	.footer-top__contact
	{
		width: fit-content;

		margin: 0;
	}
}
.c-form-element-label
{
	display: flex;

	gap: 0 8px;

	line-height: 1.4em;
	width: 100%;

	padding-bottom: 6px;

	font-family: inherit;
	font-weight: 400;
	font-size: .9em;
	color: #000;

	cursor: pointer;
	user-select: none;
	letter-spacing: .02em;
	text-transform: uppercase;

	align-items: center;
	order: -1;
}

.c-form-element-label--checkbox
{
	position: relative;

	width: 60%;

	top: 1px;
	padding: 0;

	font-size: 1rem;

	text-transform: none;

	order: initial;
	flex-grow: 1;
}

.c-form-element-label--checkbox:empty
{
	display: none;
}

.c-form-element-label--checkbox.c-form-element-label--column
{
	width: 100%;

	padding-bottom: 6px;

	font-size: .9rem;

	text-transform: uppercase;

	order: -1;
}

.c-form-element-label--required::after
{
	position: relative;
	display: flex;

	left: -.4em;

	font-size: .9rem;
	color: var(--secondary);

	content: "*";

	transform: scale(1.3);

	align-items: center;
}

.c-form-element-label--disabled
{
	color: #A6A6A6;

	cursor: default;
}

.c-form-element-label__icon
{
	font-size: 16px;
	color: inherit;
}

.c-form-element-label--model-picker .c-form-element-label__icon
{
	font-size: 16px;
	color: inherit;

	transform: scale(1.2);
}
.c-front-btn
{
	position: relative;
	display: inline-flex;

	gap: 50px;

	min-height: 48px;

	padding: 9px 30px;

	background-color: var(--primary);

	font-size: 1rem;
	color: #FFF;

	text-align: left;

	border-radius: 3px;
	border: 1px solid var(--primary);

	align-items: center;
	justify-content: flex-start;
}

.c-front-btn--ghost
{
	gap: 10px;

	background-color: transparent;

	color: #000;
}

.c-front-btn--smaller
{
	min-height: 0;

	padding: 8px 25px;
}

.c-front-btn--icon-end
{
	justify-content: space-between;
}

.c-front-btn--full-width
{
	width: 100%;
}

.c-front-btn--center-text
{
	text-align: center;

	justify-content: center;
}

.c-front-btn:hover,
.c-front-btn:focus
{
	background-color: transparent;

	color: var(--primary);
}

.c-front-btn--ghost:hover,
.c-front-btn--ghost:focus
{
	background-color: var(--primary);

	color: #FFF;
}

.c-front-btn__text
{
	display: inline-flex;

	padding: 6px 0;

	text-align: left;

	z-index: 1;

	align-items: center;
	justify-content: flex-start;
}

.c-front-btn--ghost .c-front-btn__text
{
	font-weight: 500;
	font-size: .9em;

	letter-spacing: 1.2px;
	text-transform: uppercase;
}

.c-front-btn__animated-round
{
	position: absolute;
	visibility: hidden;

	height: 0;
	width: 0;

	top: 0;
	left: 0;

	background-color: var(--orange);

	border-radius: 50%;

	transition-timing-function: linear;
	transition-duration: 240ms;
	transition-property: height, width, visibility;
	transform: translateX(-50%) translateY(-50%);
	transform-origin: center;

	z-index: 0;

	will-change: height, width, visibility;
}

.c-front-btn__animated-round.is-visible
{
	visibility: visible;
}

.c-front-btn__icon
{
	display: flex;

	height: 1em;
	width: 1em;

	font-size: 30px;
}

.c-front-btn--smaller .c-front-btn__icon
{
	font-size: 15px;
}
.c-front-header
{
	position: absolute;
	display: flex;

	height: min-content;
	width: 100%;

	margin: 40px 0 0 0;
	padding: 0 var(--page-margin);

	background: none;

	z-index: 3;

	justify-content: space-between;
	align-items: flex-start;
}

.c-front-header__logo
{
	display: flex;

	gap: 15px;
}

.c-front-header__logo,
.c-front-header__logo:visited
{
	color: #FFF;
}

.c-front-header__logo,
.c-front-header__logo:hover
{
	text-decoration: none;

	box-shadow: none;
}

.c-front-header__logo-svg
{
	height: 115px;
}

.c-front-header__logo-title
{
	display: flex;

	flex-direction: column;

	font-size: 18px;
	color: inherit;

	justify-content: center;
}

.c-front-header__logo-main-title
{
	margin-bottom: 15px;

	font-size: 2rem;
}

/* ------------------ Mobile ------------------ */
@media (max-width: 599px)
{
	.c-front-header__logo-title
	{
		width: 50%;

		font-size: 1rem;
	}

	.c-front-header__logo-main-title
	{
		font-size: 1.2rem;
	}
}
.c-gradient-block
{
	position: relative;
	display: flex;

	min-height: 150px;
	width: 100%;

	border: 1px solid #000;

	overflow: hidden;

	align-items: stretch;
}

.c-gradient-block__content
{
	position: relative;
	display: flex;

	flex-direction: column;

	width: 38%;

	padding: 25px 10px 25px 50px;

	z-index: 1;

	justify-content: center;
	flex-grow: 0;
}

/* ----------------- Laptop ------------------- */
@media (min-width: 1201px) and (max-width: 1536px)
{
	.c-gradient-block__content
	{
		width: 40%;
	}
}

/* ------ Tablet (portrait & landscape) ------- */
@media (min-width: 600px) and (max-width: 1200px)
{
	.c-gradient-block__content
	{
		width: 50%;
	}
}

/* ------------------ Mobile ------------------ */
@media (max-width: 599px)
{
	.c-gradient-block__content
	{
		width: 70%;

		padding: 15px 0 15px 15px;
	}
}

.c-gradient-block__title
{
	width: 100%;

	margin-top: 0;
	margin-bottom: .5rem;

	font-weight: 400;
	font-size: 2rem;
	color: var(--title);

	letter-spacing: .02em;
}

/* ------------ Tablet (landscape) ------------ */
@media (min-width: 901px) and (max-width: 1200px)
{
	.c-gradient-block__title
	{
		font-size: 1.6rem;
	}
}

/* ------------ Tablet (portrait) ------------- */
@media (min-width: 600px) and (max-width: 900px)
{
	.c-gradient-block__title
	{
		font-size: 1.6rem;
	}
}

/* ------------------ Mobile ------------------ */
@media (max-width: 599px)
{
	.c-gradient-block__title
	{
		font-size: 1.6rem;
	}
}

.c-gradient-block__subtitle
{
	line-height: 1.5;

	margin: 0;

	font-weight: 400;
	font-size: 1.1rem;
	color: var(--title);

	white-space: pre-line;
	letter-spacing: .02em;
	text-transform: none;
}

/* ------------ Tablet (landscape) ------------ */
@media (min-width: 901px) and (max-width: 1200px)
{
	.c-gradient-block__subtitle
	{
		font-size: 1rem;
	}
}

/* ------------ Tablet (portrait) ------------- */
@media (min-width: 600px) and (max-width: 900px)
{
	.c-gradient-block__subtitle
	{
		font-size: 1rem;
	}
}

/* ------------------ Mobile ------------------ */
@media (max-width: 599px)
{
	.c-gradient-block__subtitle
	{
		font-size: 1rem;
	}
}

.c-gradient-block__img-container
{
	position: relative;

	width: 25%;

	overflow: hidden;

	flex-grow: 1;
}

.c-gradient-block__img-container::before
{
	position: absolute;

	height: 100%;
	width: 150px;

	top: 0;
	left: 0;
	bottom: 0;

	background: var(--gradient-bg-quick);

	content: "";

	z-index: 1;
}

.c-gradient-block__img
{
	position: absolute;
	display: flex;

	height: 100%;
	width: 100%;

	top: 0;
	right: 0;
	left: 0;
	bottom: 0;

	object-fit: cover;
}

.c-gradient-block__img[src="/images/division_amenagement.jpg"]
{
	transform: scale(1.1);
	transform-origin: right;
}

.c-gradient-block--center .c-gradient-block__img
{
	object-position: center;
}

.c-gradient-block--top .c-gradient-block__img
{
	object-position: top;
}

.c-gradient-block--right .c-gradient-block__img
{
	object-position: right;
}

.c-gradient-block--bottom .c-gradient-block__img
{
	object-position: bottom;
}

.c-gradient-block--left .c-gradient-block__img
{
	object-position: left;
}

.c-gradient-block__icon
{
	position: absolute;
	display: flex;

	top: 50%;
	right: 12px;
	padding: 6px;

	background-color: var(--primary-light);

	text-align: center;

	border-radius: 50%;
	border: 1px solid #FFF;

	transition: background-color 320ms ease;
	transform: translateY(-50%);

	z-index: 2;

	align-items: center;
	justify-content: center;
}

.c-gradient-block:hover .c-gradient-block__icon
{
	background-color: #FFF;
}

.c-gradient-block__arrow
{
	display: flex;

	height: 1em;
	width: 1em;

	font-size: 32px;
	color: #FFF;

	transition: color 320ms ease;

	z-index: 1;
}

.c-gradient-block:hover .c-gradient-block__arrow
{
	color: var(--hover);
}
.hero
{
	position: relative;
	display: flex;

	min-height: 60vh;

	padding: 200px var(--page-margin) 60px;

	z-index: 0;

	align-items: center;
}

.hero.full
{
	height: 100vh;
}

.hero__img
{
	position: absolute;

	height: 100%;
	width: 100%;

	top: 0;
	right: 0;
	left: 0;
	bottom: 0;

	background-color: var(--background);

	z-index: -1;

	object-fit: cover;
	object-position: left;
}

.hero__img[src="/images/patrimoine.jpg"]
{
	filter: brightness(.85);
}

/* ------------------ Mobile ------------------ */
@media (max-width: 599px)
{
	.hero__img[src="/images/patrimoine.jpg"]
	{
		filter: brightness(.75);
	}
}

.hero__img.custom
{
	filter: brightness(.5);
}

.hero__img.full
{
	height: 100vh;
}

.hero__top-title
{
	margin-bottom: 6px;

	font-size: 1.3rem;
	color: hsl(18 33% 71% / 1);

	text-transform: uppercase;
}

/* ------------------ Mobile ------------------ */
@media (max-width: 599px)
{
	.hero__top-title
	{
		font-size: 1.05rem;
	}
}

.hero__title
{
	position: static;

	width: 100%;

	margin-top: 80px;

	color: #FFF;
}

.hero__title.full
{
	margin: 0 0 0 50px;
	top: 70vh;
	left: 0;

	text-transform: uppercase;
}

.hero__title.no-subtitle
{
	top: 30vh;
}

.hero__title--main
{
	text-transform: uppercase;
}

.hero__title--main.full
{
	font-size: 96px;

	letter-spacing: 4px;
}

.hero__title--main,
.hero__title--subtitle
{
	margin: 0;

	font-weight: 300;
}

.hero__title--main
{
	width: 100%;

	margin-bottom: 0;

	font-size: 68px;
}

.hero__title--subtitle
{
	display: block;

	line-height: 1.6;
	width: 50%;

	font-weight: 400;
	font-size: 1.4rem;
}

/* ----------------- Laptop ------------------- */
@media (min-width: 1201px) and (max-width: 1536px)
{
	.hero__title--subtitle
	{
		width: 70%;
	}
}

/* -------------- Mobile, Tablet -------------- */
@media (max-width: 1200px)
{
	.hero__title--subtitle
	{
		width: 100%;
	}
}

.hero__title--subtitle::before
{
	display: block;
	opacity: .7;

	height: 2px;
	width: 60px;

	margin-top: 15px;
	margin-bottom: 18px;

	background-color: #FFF;

	content: "";
}

.hero__title--subtitle ~ .hero__title--subtitle::before
{
	display: none;
}

.hero__scroll-btn
{
	margin-top: 15px;
	padding: 5px;

	border-radius: 50%;
	border: 1px solid #FFF;
}

.hero__scroll-btn:hover
{
	background-color: #FFF;

	border: 1px solid var(--hover);
}

.hero__scroll-btn--icon
{
	display: block;

	height: 35px;
	width: 35px;

	background-color: #FFF;

	mask: url("/images/icons/picto-arrow-right.svg");
	rotate: 90deg;
}

.hero__scroll-btn:hover .hero__scroll-btn--icon
{
	background-color: var(--hover);
}

/* ----------------- Laptop ------------------- */
@media (min-width: 1024px) and (max-width: 1200px)
{
	.hero__title.full
	{
		top: 75vh;
	}

	.hero__title.no-subtitle
	{
		top: 30vh;
	}

	.hero__title--main
	{
		font-size: 56px;
	}

	.hero__title--main.full
	{
		font-size: 82px;
	}

	.hero__title--subtitle
	{
		font-size: 24px;
	}
}

/* ------ Laptop ------- */
@media (max-width: 1200px)
{
	.hero__title
	{
		left: 6%;
	}
}

/* ----------------- Laptop ------------------- */
@media (min-width: 1024px) and (max-width: 1200px)
{
	.hero__title--main
	{
		margin: 0;

		font-size: 76px;
	}

	.hero__title--main.long
	{
		margin-bottom: 15px;

		font-size: 56px;
	}
}

/* -------------- Mobile, Tablet -------------- */
@media (max-width: 1023px)
{
	.hero__title
	{
		width: 90%;

		top: 35vh;
	}

	.hero__title.no-subtitle
	{
		top: 35vh;
	}

	.hero__title--main
	{
		margin-bottom: 16px;

		font-size: 42px;
	}

	.hero__title--main.full
	{
		font-size: 88px;
	}

	.hero__title--main.no-subtitle
	{
		margin: 0;

		font-size: 56px;
	}

	.hero__title--main.court
	{
		margin-bottom: 5px;

		font-size: 56px;
	}

	.hero__title--subtitle.court
	{
		font-size: 24px;
	}

	.hero__title--subtitle
	{
		font-size: 18px;
	}

	.hero__title--subtitle.full
	{
		font-size: 28px;
	}
}

/* ------ Tablet (portrait & landscape) ------- */
@media (min-width: 768px) and (max-width: 1023px)
{
	.hero__title
	{
		top: 40vh;
	}

	.hero__title.propriete
	{
		top: 25vh;
	}

	.hero__title--main
	{
		margin-bottom: 16px;

		font-size: 42px;
	}

	.hero__title--main.no-subtitle
	{
		margin: 0;

		font-size: 64px;
	}

	.hero__title--main.court
	{
		margin-bottom: 5px;

		font-size: 56px;
	}

	.hero__title--subtitle.court
	{
		font-size: 24px;
	}
}

/* -------------- Mobile, Tablet (portrait) -------------- */
@media (min-width: 600px) and (max-width: 767px)
{
	.hero__title.no-subtitle
	{
		top: 35vh;
	}

	.hero__title.propriete
	{
		top: 25vh;
	}

	.hero__title--main.no-subtitle
	{
		margin: 0;

		font-size: 56px;
	}
}

/* ------ Tablet (portrait & landscape) ------- */
@media (max-width: 768px)
{
	.hero__title.accueil
	{
		top: 35vh;
	}
}

/* ------------------ Mobile ------------------ */
@media (max-width: 599px)
{
	.hero__title.long
	{
		top: 25vh;
	}

	.hero__title.no-subtitle
	{
		top: 35vh;
	}

	.hero__title--subtitle
	{
		font-size: 16px;
	}

	.hero__title--subtitle.court
	{
		font-size: 24px;
	}

	.hero__title--main
	{
		line-height: 1.35;

		font-size: 2.1rem;
	}

	.hero__title--main.court
	{
		margin-bottom: 5px;

		font-size: 56px;
	}

	.hero__title--main.propriete
	{
		font-size: 36px;
	}

	.hero__title--main.article
	{
		width: 90%;

		font-size: 1.7rem;
	}
}
.home-contact
{
	position: relative;

	min-height: 350px;
	max-width: 100%;

	margin: 0 var(--page-margin);

	text-align: left;
}

.home-contact--container
{
	display: flex;

	min-height: 350px;
	width: 100%;

	box-shadow: rgba(17, 17, 26, .05) 0 1px 0, rgba(17, 17, 26, .1) 0 0 8px;

	overflow: hidden;
}

.home-contact--container__content
{
	position: relative;
	display: flex;

	flex-direction: column;

	width: 38%;

	padding: 40px 0 40px 50px;

	justify-content: center;
}

/* ----------------- Laptop ------------------- */
@media (min-width: 1201px) and (max-width: 1536px)
{
	.home-contact--container__content
	{
		width: 40%;
	}
}

/* ------ Tablet (portrait & landscape) ------- */
@media (min-width: 600px) and (max-width: 1200px)
{
	.home-contact--container__content
	{
		width: 50%;
	}
}

/* ------------------ Mobile ------------------ */
@media (max-width: 599px)
{
	.home-contact--container__content
	{
		width: 70%;

		padding: 40px 0 40px 15px;
	}
}

.home-contact--container__content::after
{
	position: absolute;

	height: 100%;
	width: 150px;

	top: 0;
	left: 100%;
	bottom: 0;

	background: var(--gradient-bg-quick);

	content: "";

	z-index: 1;
}

.home-contact--container__title
{
	margin: 0 0 1rem 0;

	font-weight: 400;
	font-size: 16px;
	color: var(--primary);

	white-space: pre-line;
	letter-spacing: .02em;
	text-transform: uppercase;
}

.home-contact--container__subtitle
{
	margin: 0;

	font-weight: 500;
	font-size: 1.7rem;
}

/* ------------------ Mobile ------------------ */
@media (max-width: 599px)
{
	.home-contact--container__subtitle
	{
		font-size: 1.5rem;
	}
}

.home-contact--container__text
{
	line-height: 1.5;
	width: 300px;
	max-width: 100%;
}

.home-contact--container__btn
{
	display: flex;

	gap: 10px;

	width: fit-content;

	padding: 8px 18px;

	background-color: var(--primary);

	color: #FFF;

	letter-spacing: .35px;

	border-radius: 3px;
	border: 1px solid var(--primary);

	align-items: center;
}

.home-contact--container__btn:hover
{
	background: transparent;

	color: var(--hover);

	border-color: var(--hover);
}

.home-contact--container__btn--arrow
{
	height: 20px;
	width: 20px;

	fill: #FFF;
}

.home-contact--container__btn:hover .home-contact--container__btn--arrow
{
	fill: var(--hover);
}

.home-contact--container__img-container
{
	position: relative;

	width: 25%;

	flex-grow: 1;
}

.home-contact--container__img
{
	position: absolute;

	height: 100%;
	width: 100%;

	top: 0;
	right: 0;
	left: 0;
	bottom: 0;

	object-fit: cover;
}
.c-infos
{
	position: relative;

	padding: 30px 30px;
}

.c-infos--absolute-title
{
	display: flex;

	flex-direction: column;
	gap: 2.5rem;

	margin-top: 36px;
}

.c-infos__title
{
	display: inline-flex;

	margin: 0 0 2rem 0;
	bottom: 100%;
	padding: 8px 15px;

	background-color: var(--primary);

	font-weight: 500;
	font-size: 1.05rem;
	color: #FFF;

	border-radius: 10px;
}

.c-infos--absolute-title .c-infos__title
{
	position: absolute;

	margin: 0;
	bottom: 100%;

	border-bottom-right-radius: 0;
	border-bottom-left-radius: 0;
}

.c-infos__top
{
	display: flex;

	gap: 20px;

	width: 100%;

	margin-bottom: 0;

	align-items: center;
}

.c-infos__urgent
{
	display: inline-flex;

	gap: 8px;

	margin-top: 0;
	margin-bottom: 0;
	padding: 8px 15px;

	background-color: var(--red);

	font-weight: 600;
	font-size: 1.05rem;
	color: #FFF;

	letter-spacing: .5px;
	text-transform: uppercase;

	align-items: center;
}

.c-infos__urgent-icon
{
	font-size: 24px;
	color: currentColor;
}

.c-infos__top-icon
{
	font-size: 24px;
	color: currentColor;
}

.c-infos__top-txt
{
	display: flex;

	gap: 8px;

	font-size: 1.05rem;

	align-items: center;
}

.c-infos__grid
{
	display: flex;

	flex-wrap: wrap;
	gap: 25px 20px;

	justify-content: flex-start;
}

.c-infos__part
{
	position: relative;
	display: flex;

	flex-direction: column;
	gap: 15px;

	width: 390px;
}

.c-infos__part-content
{
	position: relative;
	display: flex;

	flex-direction: column;
	gap: 8px;

	padding: 6px 0 6px 45px;
}

.c-infos__part-content::before
{
	position: absolute;

	height: 100%;
	width: 3px;

	top: 0;
	left: 17px;

	background-color: var(--primary-lighter);

	content: "";

	border-radius: 8px;

	z-index: 0;
}

.c-infos__part-title
{
	display: flex;

	gap: 8px;

	margin-top: 0;
	margin-bottom: -6px;

	background-color: var(--w-background);

	z-index: 1;

	align-items: center;
}

.c-infos__part-title-icon
{
	position: relative;

	top: -2px;

	font-size: 35px;
	color: currentColor;
}

.c-infos__text
{
	margin: 0;
	padding: 0;
}

.c-infos__description
{
	display: block;

	margin-top: 0;
	margin-bottom: 0;
	padding-top: var(--icon-offset);

	--icon-offset: 8px;
}

.c-infos__description-icon
{
	position: relative;
	float: left;

	top: calc(var(--icon-offset) * -1);
	margin-right: 10px;

	font-size: 35px;
	color: currentColor;
}
.c-input
{
	display: flex;

	flex-wrap: wrap;

	width: 100%;

	font-size: 1rem;

	flex-shrink: 0;
}

.c-input--front
{
	gap: 4px;

	--input-height: 52px;
}

.c-input--grow
{
	flex-grow: 1;
}

.c-input--75\%
{
	flex-basis: 50.1%;
	flex-grow: 1;
}

.c-input--50\%
{
	flex-basis: 33.1%;
	flex-grow: 1;
}

.c-input--33\%
{
	flex-basis: 25.1%;
	flex-grow: 1;
}

.c-input--25\%
{
	flex-basis: 20.1%;
	flex-grow: 1;
}

.c-input--75\%
{
	flex-basis: 51.1%;
	flex-grow: 1;
}

/* ------------------ Mobile ------------------ */
@media (max-width: 599px)
{
	.c-input--25\%
	{
		flex-basis: 100%;
	}

	.c-input--75\%
	{
		flex-basis: 100%;
	}
}

/* -------------- Mobile (small) -------------- */
@media (max-width: 369px)
{
	.c-input
	{
		flex-basis: 100%;
	}
}

.c-input__label
{
	display: flex;

	gap: 0 8px;

	width: 100%;

	padding-bottom: 6px;

	font-family: inherit;
	font-weight: 400;
	font-size: .9em;
	color: #000;

	cursor: pointer;
	user-select: none;
	letter-spacing: .02em;
	text-transform: uppercase;

	align-items: center;
	order: -1;
	flex-shrink: 0;
}

.c-input--nowrap .c-input__label
{
	white-space: nowrap;
}

.c-input--required .c-input__label::after
{
	position: relative;
	display: flex;

	left: -.4em;

	font-size: .9rem;
	color: var(--secondary);

	content: "*";

	align-items: center;
}

.c-input--disabled .c-input__label
{
	color: #A6A6A6;

	cursor: default;
}

.c-input__label-icon
{
	font-size: 16px;
	color: inherit;

	transform: scale(1.2);
}

.c-input__tel-wrapper
{
	position: relative;
	display: flex;

	gap: 0 6px;

	align-items: flex-start;
	flex-grow: 1;
}

.c-input__tel-content
{
	display: block;

	width: 100%;
}

.c-input__input-wrapper
{
	position: relative;

	width: 100%;

	background-color: var(--input-background);

	border-radius: var(--input-radius);
}

.c-input--model-picker .c-input__input-wrapper
{
	display: flex;

	align-items: stretch;
}

.c-input__tel-placeholder
{
	position: absolute;
	display: flex;
	opacity: 1;

	height: 100%;
	width: 100%;

	padding: 0 8px;

	background-color: transparent;

	font-size: 1em;
	color: inherit;
	color: #908DB8;

	z-index: 0;

	align-items: center;
}

.c-input__input
{
	position: relative;
	display: flex;

	height: var(--input-height);
	width: 100%;

	padding: 0 8px;

	background-color: transparent;

	font-family: inherit;
	font-size: 1em;

	text-align: left;

	border-radius: 0;
	border: none;

	outline: none;

	z-index: 2;

	align-items: center;
	justify-content: flex-start;
}

.c-input--medium .c-input__input
{
	height: var(--medium-input-height);
}

.c-input--tel .c-input__input
{
	padding-left: calc(8px + 2.25em);
}

.c-input--tel-prefix--4 .c-input__input
{
	padding-left: calc(8px + 2.75em);
}

.c-input--front .c-input__input
{
	padding: 16px;

	text-transform: uppercase;
}

.c-input__input:focus
{
	outline: none;
}

.c-input__input ~ .c-input__border
{
	position: absolute;
	visibility: hidden;
	opacity: 0;

	height: calc(100% + 8px);
	width: calc(100% + 8px);

	top: -4px;
	left: -4px;

	border-radius: 4px;
	border: 2px solid #000;

	transition-timing-function: ease;
	transition-duration: 200ms;
	transition-property: height, width, opacity, visibility, top, left;

	z-index: 1;
}

.c-input__input:focus ~ .c-input__border
{
	visibility: visible;
	opacity: 1;

	height: 100%;
	width: 100%;

	top: 0;
	left: 0;
}

.c-input--front .c-input__input-wrapper
{
	height: 100%;
	width: 1px;

	padding: 0;

	background-color: transparent;

	text-transform: uppercase;

	border-radius: 3px;
	border: 1px solid var(--border);

	flex: 1 0 0;
	align-content: flex-start;
}

.c-input--bg-white .c-input__input-wrapper
{
	background-color: #F7F7F5;
}

.c-input--error .c-input__input-wrapper
{
	background-color: var(--error-background);
}

.c-input--disabled .c-input__input-wrapper
{
	background-color: #EBEBEB;
}

.c-input--disabled .c-input__input
{
	color: #ABABAB;
}
.link-btn
{
	display: flex;

	padding: 14px 28px;

	background: transparent;

	font-weight: 600;
	color: var(--primary);

	border-radius: 3px;
	border: 1px solid var(--primary);

	justify-content: space-around;
}

.link-btn:hover
{
	background-color: var(--hover);

	color: #FFF;

	border: 1px solid var(--hover);
}

.link-btn.cta
{
	background-color: var(--primary);

	color: #FFF;
}

.link-btn.cta:hover
{
	background: transparent;

	color: var(--hover);

	border: 1px solid var(--hover);
}
.c-loader
{
	position: absolute;
	display: flex;

	height: 100%;
	width: 100%;

	top: 0;
	left: 0;

	font-weight: 500;
	font-size: 20px;
	color: inherit;

	cursor: default;

	z-index: 2;

	align-items: center;
	justify-content: center;
}

.c-loader--content
{
	font-size: 36px;
}

.c-loader--root
{
	background-color: var(--body-background);

	font-size: 48px;
}

.c-loader--model-picker
{
	height: calc(100% - 4px);
	width: 38px;

	top: 2px;
	right: 2px;
	left: auto;

	border-radius: 4px;

	z-index: 4;
}

.c-loader--big
{
	display: flex;

	flex-direction: column;

	font-size: 42px;

	align-items: center;
	justify-content: center;
}

.c-loader--medium
{
	display: flex;

	flex-direction: column;

	font-size: 26px;

	justify-content: center;
	align-items: center;
}

.c-loader--page
{
	display: flex;

	flex-direction: column;

	font-size: 64px;

	align-items: center;
	justify-content: center;
}

.c-loader--top-50
{
	padding-top: 50px;

	justify-content: flex-start;
}

/* ---------- Couleur du loader ---------- */

.c-loader--white
{
	color: #FFF;
}

.c-loader--primary
{
	color: var(--primary);
}

.c-loader--secondary
{
	color: var(--secondary);
}

.c-loader--green
{
	color: #408174;
}

.c-loader--red
{
	color: #D7263D;
}

/* ---------- Couleur du fond ---------- */

.c-loader--bg-white
{
	background-color: var(--w-background);
}

.c-loader--bg-semi-white
{
	background-color: rgba(255, 255, 255, .75);
}

.c-loader--bg-primary
{
	background-color: var(--primary);
}

.c-loader--bg-secondary
{
	background-color: var(--secondary);
}

.c-loader--bg-soft-grey
{
	background-color: var(--soft-grey);
}

.c-loader--bg-input
{
	background-color: var(--input-background);
}

.c-input--error .c-loader--bg-input
{
	background-color: var(--error-background);
}

.c-input--disabled .c-loader--bg-input
{
	background-color: #EBEBEB;
}

.c-loader--bg-light
{
	background-color: #BDD261;
}

.c-loader--bg-dark-blue
{
	background-color: #252242;
}

.c-loader--bg-green
{
	background-color: #408174;
}

.c-loader--bg-red
{
	background-color: #D7263D;
}

.c-loader--bg-grey,
.c-loader--bg-gray
{
	background-color: #F5F5F5;
}

.c-loader--big .c-loader__txt
{
	margin-top: 5px;

	font-size: .85em;
}

.c-loader--medium .c-loader__txt
{
	margin-top: 4px;

	font-size: .8em;
}

.c-loader__svg
{
	position: relative;
	display: block;

	height: 1em;
	width: 2em;

	margin-right: 8px;

	flex-shrink: 0;
}

.c-loader--round .c-loader__svg
{
	height: 1em;
	width: 1em;

	margin: 0;
}

.c-loader--application .c-loader__svg
{
	margin-right: 0;
}

.c-loader--big .c-loader__svg,
.c-loader--medium .c-loader__svg
{
	top: 0;
	margin-right: 0;
}

.c-loader--DataList
{
	position: static;

	padding-top: 15px;
	padding-bottom: 15px;
}

.c-loader__txt
{
	font-size: 16px;
}

.c-loader--modal .c-loader__txt
{
	font-weight: 400;
	font-size: 1.4rem;
}

.c-loader--modal .c-loader__svg
{
	font-size: 32px;
}
.manifeste
{
	width: 100%;

	background-color: var(--background);
}

/* -------------- Mobile -------------- */
@media (min-width: 768px) and (max-width: 1023px)
{
	.manifeste
	{
		padding: 64px 24px !important;
	}
}

.manifeste--container
{
	display: flex;

	row-gap: 20px;

	width: calc(100% - var(--page-margin) - var(--page-margin));

	margin: 0 auto;
	padding: 50px 0;

	justify-content: space-between;
	align-items: center;
}

@media (max-width: 1200px)
{
	.manifeste--container
	{
		flex-wrap: wrap;
	}
}

@media (max-width: 768px)
{
	.manifeste--container
	{
		flex-direction: column;
		gap: 50px;

		width: 100%;

		padding-right: var(--page-mobile-padding);
		padding-left: var(--page-mobile-padding);

		align-items: center;
	}
}

.manifeste__left
{
	width: 50%;

	flex-grow: 1;
}

@media (max-width: 1200px)
{
	.manifeste__left
	{
		width: 100%;
	}
}

@media (max-width: 768px)
{
	.manifeste__left
	{
		align-self: center;
	}
}

.manifeste--container__subtitle
{
	margin: 0;

	font-weight: 500;
	font-size: 36px;
}

.manifeste--container__text
{
	width: 1000px;
	max-width: 100%;

	font-size: 20px;
}

/* -------------- Mobile, Tablet -------------- */
@media (max-width: 1200px)
{
	.manifeste--container__text
	{
		width: 100%;
	}
}

.manifeste--container__phonetique
{
	margin: 0;

	font-weight: 400;
	font-size: 28px;
}

.manifeste--container__phonetique--texte
{
	margin-right: 15px;

	color: var(--label);
}

.manifeste--container__phonetique--genre
{
	color: var(--primary-light);
}

.manifeste--container__slogan
{
	font-size: 24px;
	color: var(--primary-light);
}

.manifeste--container__slogan::before
{
	display: block;

	width: 5%;

	padding-bottom: 30px;

	content: "";

	border-top: 2px solid var(--primary-light);
}

.manifeste--container__title
{
	margin: 0 0 30px 0;

	font-weight: 400;
	font-size: 42px;
	color: var(--title);
}

/* ------------------ Mobile ------------------ */
@media (max-width: 599px)
{
	.manifeste--container__title
	{
		font-size: 1.7rem;
	}
}

.manifeste--container__title::after
{
	display: block;

	width: 5%;

	padding-top: 15px;

	content: "";

	border-bottom: 2px solid var(--primary-light);
}

.manifeste--container__hightlight
{
	color: var(--primary-light);
}

/* -------------- Mobile -------------- */
@media (min-width: 768px) and (max-width: 1023px)
{
	.manifeste--container__content
	{
		flex-direction: column;
	}
}
.c-menu-item
{
	position: relative;
	display: flex;

	flex-wrap: wrap;

	padding: 0;

	font-weight: 500;
	font-size: .95em;

	text-transform: uppercase;

	transition: color 240ms ease;
}

/* -------- Mobile, Tablet (portrait) --------- */
@media (max-width: 900px)
{
	.c-menu-item
	{
		background-color: #F3F3F3;
	}

	.c-menu-item--dropdown.c-menu-item--open
	{
		background-color: #000;
	}
}

.c-menu-item:not(:last-child):after
{
	position: absolute;

	height: 30%;
	width: 2px;

	top: 37%;
	right: -4px;

	background-color: #000;

	content: "";
}

/* -------- Mobile, Tablet (portrait) --------- */
@media (max-width: 900px)
{
	.c-menu-item:not(:last-child):after
	{
		content: none;
	}
}

.c-menu-item__link.active:before,
.c-menu-item--active > .c-menu-item__link:before
{
	position: absolute;

	height: 3px;
	width: 100%;

	left: 0;
	bottom: 0;

	background-color: currentColor;

	content: "";
}

/* -------- Mobile, Tablet (portrait) --------- */
@media (max-width: 900px)
{
	.c-menu-item__link.active:before,
	.c-menu-item--active > .c-menu-item__link:before
	{
		content: none;
	}
}

.c-menu-item__link,
.c-menu-item__link:hover,
.c-menu-item__link:active,
.c-menu-item__link:focus,
.c-menu-item__link:visited
{
	font-weight: inherit;
	text-decoration: none;
}

.c-menu-item__link
{
	display: flex;

	min-width: 0;

	padding: 10px 8px;

	font-size: 1.05em;
	color: #000;

	text-transform: uppercase;

	border-radius: 0;

	transition: color 240ms ease;

	align-items: center;
}

/* -------- Mobile, Tablet (portrait) --------- */
@media (max-width: 900px)
{
	.c-menu-item__link
	{
		width: 100%;

		padding-top: 18px;
		padding-bottom: 18px;

		background-color: white;

		text-align: center;

		justify-content: center;
	}

	.c-menu-item:nth-child(odd) .c-menu-item__link
	{
		background-color: #F3F3F3;
	}
}

.c-menu-item--dropdown .c-menu-item__link:after
{
	position: relative;

	height: 1em;
	width: 1em;

	top: -2px;
	margin-left: 8px;

	font-size: 10px;

	content: "";

	border-width: 0 2px 2px 0;
	border-style: solid;
	border-color: currentColor;

	transition: transform 240ms ease;
	transform: rotate(45deg);
}

.c-menu-item--open.c-menu-item--dropdown .c-menu-item__link:after
{
	transform: rotate(-135deg) translate3d(-4px, -2px, 0);
}

.c-menu-item__icon
{
	font-size: 1.3rem;
}

.c-menu-item__menu
{
	position: absolute;
	display: flex;
	visibility: hidden;
	opacity: 0;

	flex-direction: column;

	top: 100%;
	left: 0;

	background-color: var(--w-background);

	color: #000;

	border-radius: 8px;

	box-shadow: var(--paper);

	transition: opacity 240ms ease, transform 320ms ease, visibility 240ms ease;
	transform: translateY(12px);
}

/* -------- Mobile, Tablet (portrait) --------- */
@media (max-width: 900px)
{
	.c-menu-item__menu
	{
		opacity: 0;

		width: calc(100% - 12px);

		margin: 0 auto 4px;

		border-top-left-radius: 0;
		border-top-right-radius: 0;
		border: 3px solid #000;
		border-top: none;

		box-shadow: none;

		transition: none;
		transform: none;
	}
}

.c-menu-item--open .c-menu-item__menu
{
	visibility: visible;
	opacity: 1;

	transform: translateY(6px);
}

/* -------- Mobile, Tablet (portrait) --------- */
@media (max-width: 900px)
{
	.c-menu-item--open .c-menu-item__menu
	{
		position: static;
		visibility: visible;
		opacity: 1;

		transform: none;
	}
}

.c-menu-item__subitem
{
	position: relative;
}

.c-menu-item__subitembefore,
.c-menu-item--a
{
	position: relative;
}

.c-menu-item__subitem:before
{
	position: absolute;
	opacity: 0;

	height: 1em;
	width: 4px;

	top: 50%;
	margin-top: -.5em;
	left: 14px;

	background-color: currentColor;

	font-size: 26px;

	content: "";

	border-radius: 8px;
}

.c-menu-item__subitem:first-child:not(:only-child):before
{
	margin-top: calc(-.5em + 5px);
}

.c-menu-item__subitem:last-child:not(:only-child):before
{
	margin-top: calc(-.5em - 4px);
}

.c-menu-item__subitem.active:before,
.c-menu-item__subitem:hover:before
{
	opacity: 1;
}

.c-menu-item__subitem-link,
.c-menu-item__subitem-link:hover,
.c-menu-item__subitem-link:active,
.c-menu-item__subitem-link:focus,
.c-menu-item__subitem-link:visited
{
	color: inherit;
	text-decoration: none;
}

.c-menu-item__subitem-link
{
	display: flex;

	min-height: 2.8em;
	width: 100%;

	padding: 8px 20px;

	white-space: nowrap;

	transition: transform 240ms ease;
	transform: translateX(0);

	align-items: center;
}

:first-child > .c-menu-item__subitem-link
{
	padding-top: 16px;
}

:last-child > .c-menu-item__subitem-link
{
	padding-bottom: 16px;
}

.c-menu-item__subitem-link:hover,
.active > .c-menu-item__subitem-link
{
	transform: translateX(8px);
}
.c-message
{
	display: flex;

	line-height: 1.5em;
	width: 100%;

	padding: 6px 12px;

	background-color: #F0F0F0;

	font-size: .95rem;
	color: #353535;

	border-radius: 6px;

	align-items: center;
}

.c-message--center-msg
{
	text-align: center;

	justify-content: center;
}

.c-message--icon
{
	padding: 8px 12px;
}

.c-message--smaller
{
	padding: 8px 10px;

	font-size: .95em;
}

.c-message--no-margin,
.c-message--no-margins
{
	margin-top: 0;
	margin-bottom: 0;
}

.c-message--green
{
	background-color: #E7F1EF;

	color: #000;
}

.c-message--red
{
	background-color: #F4DDDD;

	color: #C00506;
}

.c-message--orange
{
	background-color: #FFF6E5;

	color: #DC8C00;
}

.c-message--blue
{
	background-color: #E4F6FF;

	color: #000;
}

.c-message--primary
{
	background-color: #006EB2;

	color: #006EB2;
}

.c-message__content
{
	padding: 6px 0;

	font-weight: 500;
	color: inherit;
}

.c-message__icon
{
	margin-top: 2px;
	margin-right: 12px;
	margin-left: 4px;
	margin-bottom: 2px;
	padding: 4px;

	font-size: 32px;

	border-radius: 50%;
	border: 2px solid currentColor;

	flex-shrink: 0;
}

.c-message--no-icon-border .c-message__icon
{
	padding: 0;

	border-radius: 0;
	border: none;
}

.c-message--green .c-message__icon
{
	font-size: 32px;
	color: #5B9A8D;
}

.c-message--blue .c-message__icon
{
	font-size: 32px;
	color: #09AFF6;
}

.c-message a:not([class]),
.c-message__link
{
	font-weight: 600;
	color: inherit;
}

.c-message a:not([class]):hover,
.c-message__link:hover
{
	text-decoration: none;
}

.c-message__text
{
	font-weight: 400;
}

.c-message strong
{
	font-weight: 600;
}

.c-message--icon strong
{
	font-weight: 800;
}

.c-message__underlined
{
	display: inline;

	box-shadow: transparent 0 0 0 0, transparent 0 0 0 0, currentColor 0 2px 0 0;
}
.c-modal-cover
{
	position: fixed;
	display: flex;

	flex-direction: column;

	height: 100%;
	max-height: none;
	width: 100%;
	max-width: none;

	margin: 0;
	top: 0;
	left: 0;
	padding: 0;

	background: none;

	border: none;

	outline: none;

	z-index: 200;

	justify-content: center;
	align-items: center;
}

.c-modal-cover:before
{
	position: absolute;
	opacity: 1;

	height: 100%;
	width: 100%;

	right: 0;
	left: 0;

	background-color: rgb(51 49 59 / 80%);

	content: "";

	transition: opacity 420ms ease;
	transform: translateZ(0);
	animation: cover-animation 340ms ease;

	z-index: 0;
}

.c-modal-cover--image:before
{
	background-color: rgb(51 49 59 / 40%);
}

.c-modal-cover--fade:before
{
	opacity: 0;
}

.c-modal
{
	position: relative;
	display: flex;

	flex-direction: column;

	height: auto;
	max-height: 100%;
	width: 700px;
	max-width: 100%;

	top: 0;
	left: 0;

	background-color: var(--w-background);

	border-radius: 4px;

	box-shadow: 10px 10px 0 0 #9C99A2;

	overflow: hidden;

	z-index: 1;
}

.c-modal--simple
{
	box-shadow: 2px 2px 10px 0 rgba(0, 0, 0, .35);
}

.c-modal--large
{
	width: 1600px;
}

.c-modal--image
{
	height: 100vh;
	width: calc(100vw - 2em);
}

.c-modal--medium
{
	width: 650px;
}

.c-modal--intermediate
{
	width: 1050px;
}

.c-modal--fullscreen
{
	width: 100%;
}

.c-modal--full-width
{
	width: 100%;
}

.c-modal--fullscreen
{
	min-height: 100vh;
}

.c-modal--fade
{
	opacity: 0;

	transition: transform 420ms ease, opacity 420ms ease;
	transform: translate3d(-10px, -6px, 0);
}

/* ------------------ Mobile ------------------ */
@media (max-width: 767px)
{
	.c-modal
	{
		max-width: 100%;
	}
}

@media screen and (min-width: 767px)
{
	.c-modal
	{
		max-height: calc(100% - 3em);

		animation: box-animation 340ms ease;
	}

	.c-modal--image
	{
		max-height: calc(100% - 2em);
	}

	.c-modal--editor
	{
		max-height: calc(100vh - 30px);
	}

	.c-modal--files
	{
		max-height: calc(100vh - 200px);
	}
}

@media screen and (max-width: 639px)
{
	.c-modal
	{
		animation: mobile-box-animation 320ms ease;
	}

	.c-modal--fade
	{
		opacity: 0;

		transition: opacity 320ms ease, transform 320ms ease;
		transform: scale(.9);
	}
}

/* ------------ Tablet (portrait) ------------- */
@media (min-width: 768px) and (max-width: 1023px)
{
	.c-modal--large,
	.c-modal--intermediate
	{
		max-width: 90%;
	}

	.c-modal--medium
	{
		max-width: 80%;
	}
}

/* ------------ Tablet (landscape) ------------ */
@media (min-width: 1024px) and (max-width: 1325px)
{
	.c-modal--large,
	.c-modal--intermediate
	{
		max-width: 80%;
	}
}

/* ----------------- Laptop ------------------- */
@media (min-width: 1326px) and (max-width: 1399px)
{
	.c-modal--large,
	.c-modal--intermediate
	{
		max-width: 85%;
	}

	.c-modal--medium
	{
		max-width: 70%;
	}
}

.c-modal__header
{
	position: relative;
	display: flex;

	min-height: 45px;
	width: 100%;

	margin-bottom: 0;
	padding: 12px 20px;
	padding-right: 46px;

	background-color: hsla(240, 5%, 95%, 1);

	font-weight: 700;
	color: #000;

	text-transform: uppercase;

	flex-shrink: 0;
	align-items: center;
}

.c-modal__close
{
	position: absolute;
	display: flex;

	height: 45px;
	width: 46px;

	top: 0;
	right: 0;

	background: transparent;

	color: #E93339;

	cursor: pointer;

	transition: background-color 320ms ease;

	align-items: center;
	justify-content: center;
}

.c-modal--floating-close .c-modal__close
{
	top: 6px;
	right: 8px;

	background-color: var(--w-background);

	border-radius: 50%;
}

.c-modal__close:hover,
.c-modal__close:focus
{
	background-color: #E4E4E7;
}

.c-modal__close:focus:before
{
	position: absolute;
	display: block;

	height: 2px;
	width: 1.4em;

	top: 50%;
	margin-top: .7em;
	left: 50%;
	margin-left: -.7em;

	content: "";

	border: 2px solid #E93339;
	border-width: 0 0 2px 2px;
}

.c-modal__close-icon
{
	height: 1em;
	width: 1em;

	font-size: 32px;

	fill: transparent;
	stroke: currentColor;
	stroke-linecap: round;
	stroke-width: 3px;
}

.c-modal__body
{
	width: 100%;

	padding: 20px 25px 0;

	overflow-y: auto;

	flex-grow: 1;
}

.c-modal__body:nth-last-child(2)
{
	padding-bottom: 20px;
}

.c-modal__body:empty
{
	display: none;
}

.c-modal--center .c-modal__body
{
	text-align: center;

	justify-content: center;
	align-items: center;
}

.c-modal--fullscreen .c-modal__body
{
	display: flex;

	flex-direction: column;

	padding-bottom: 15px;
}

.c-modal--image .c-modal__body
{
	padding: 0;
}

@media screen and (min-width: 640px)
{
	.c-modal--image .c-modal__body
	{
		display: flex;

		flex-direction: column;

		height: 100%;

		overflow-y: auto;
	}
}

@media screen and (max-width: 639px)
{
	.c-modal__body
	{
		padding: 10px 10px 0;
	}
}

.c-modal__img
{
	display: block;

	height: 100%;
	max-height: 100%;
	width: 100%;

	font-family: "object-fit: contain; object-position: center";

	object-fit: contain;
	object-position: center;
}

.c-modal__controls
{
	display: flex;

	flex-wrap: wrap;
	gap: 15px 25px;

	padding: 20px 25px;

	align-items: center;
	justify-content: flex-end;
	flex-shrink: 0;
}

.c-modal__controls:empty
{
	display: none;
}

@media screen and (max-width: 639px)
{
	.c-modal__controls
	{
		padding: 12px 10px;
	}
}

.c-modal__controls-close
{
	order: -1;
}

@keyframes box-animation
{
	0%
	{
		opacity: 0;

		transform: translate3d(0, 0, 0);
	}

	20%
	{
		opacity: 0;

		transform: translate3d(-10px, -6px, 0);
	}

	100%
	{
		opacity: 1;

		transform: translate3d(0, 0, 0);
	}
}

@keyframes mobile-box-animation
{
	0%
	{
		opacity: 0;

		transform: scale(.9);
	}

	20%
	{
		opacity: 0;

		transform: scale(.9);
	}

	100%
	{
		opacity: 1;

		transform: scale(1);
	}
}

@keyframes cover-animation
{
	0%
	{
		opacity: 0;
	}

	100%
	{
		opacity: 1;
	}
}
.c-model-picker
{
	width: 100%;
}

.c-model-picker--50\%
{
	width: 33.1%;

	flex-grow: 1;
}

.c-model-picker--33\%
{
	width: 25.1%;

	flex-grow: 1;
}

.c-model-picker--25\%
{
	width: 20.1%;

	flex-grow: 1;
}

.c-model-picker--75\%
{
	width: 51.1%;

	flex-grow: 1;
}

.c-model-picker__wrapper
{
	position: relative;
	display: flex;

	align-items: stretch;
}

.c-model-picker__toggle
{
	position: relative;
	display: flex;

	width: 38px;

	text-align: center;

	border-top-right-radius: var(--input-radius);
	border-bottom-right-radius: var(--input-radius);

	overflow: hidden;

	z-index: 1;

	flex-shrink: 0;
	align-items: center;
	justify-content: center;
}

.c-model-picker__toggle:disabled
{
	cursor: default;
}

.c-model-picker__toggle:after
{
	position: absolute;
	opacity: 0;

	top: 0;
	right: 0;
	left: 0;
	bottom: 0;

	background-color: #000;

	content: "";

	transition: opacity 240ms ease;
}

.c-model-picker__toggle:not(:disabled):hover:after,
.c-model-picker__toggle:not(:disabled):focus:after
{
	opacity: .08;
}

.c-model-picker__toggle-icon
{
	transition: transform 240ms ease;
	transform: rotate(0);
}

.c-model-picker--open .c-model-picker__toggle-icon
{
	transform: rotate(180deg);
}

.c-model-picker__options
{
	position: absolute;
	display: block;
	visibility: hidden;
	opacity: 0;

	height: auto;
	max-height: 35vh;
	width: 100%;

	margin: 0;
	top: 100%;
	margin-top: 1px;
	right: 0;
	left: 0;
	padding: 0;

	background-color: #FFF;

	border-bottom-right-radius: var(--multi-select-radius);
	border-bottom-left-radius: var(--multi-select-radius);
	border: 2px solid #F3F3F3;

	overflow: auto;

	transition: visibility 160ms ease, opacity 160ms ease, transform 220ms ease;
	transform: scale(.95);

	z-index: 10;
}

.c-model-picker__options::empty
{
	visibility: hidden;
}

.c-model-picker__options[aria-hidden="false"]
{
	visibility: visible;
	opacity: 1;

	transform: scale(1);
}

.c-model-picker__item:not(:last-child)
{
	border-bottom: 2px solid var(--input-background);
}

.c-model-picker__item-btn
{
	position: relative;
	display: flex;

	gap: 0 6px;

	min-height: 42px;
	width: 100%;

	padding: 8px 15px;

	text-align: left;

	align-items: center;
	justify-content: flex-start;
}

.c-model-picker__item-btn:disabled
{
	cursor: default;
}

.c-model-picker__item-btn::before
{
	position: absolute;

	height: 100%;
	width: 100%;

	top: 0;
	right: 0;
	left: 0;
	bottom: 0;

	content: "";

	z-index: -2;
}

.c-model-picker__item-btn:not(:disabled):hover::before,
.c-model-picker__item-btn:focus::before
{
	background-color: var(--input-background);
}

.c-model-picker__no-result
{
	display: flex;
	opacity: 1;

	gap: 0 8px;

	padding: 8px 10px;

	font-weight: 500;
	font-size: .9rem;
	color: #000;

	text-transform: uppercase;

	align-items: center;
}

.c-model-picker__no-result[data-empty="true"]
{
	font-size: .9rem;
	color: #0C7BD6;
}

.c-model-picker__no-result-icon
{
	font-size: 1.4rem;
	color: inherit;
}

.c-model-picker__no-result[data-empty="true"] .c-model-picker__no-result-icon
{
	display: none;
}
.c-multi-select
{
	position: relative;
	display: flex;

	flex-wrap: wrap;

	width: 100%;

	font-size: 1rem;

	--multi-select-radius: var(--input-radius);
}

.c-multi-select--50\%
{
	width: 33.1%;

	flex-grow: 1;
}

.c-multi-select__wrapper
{
	position: relative;

	min-height: var(--input-height);
	width: 100%;

	background-color: var(--input-background);

	border-radius: var(--multi-select-radius);
}

.c-multi-select--error .c-multi-select__wrapper
{
	background-color: var(--error-background);
}

.c-multi-select__content
{
	position: relative;
	display: flex;

	padding: 4px 8px;

	align-items: center;
	justify-content: flex-start;
	flex-grow: 1;
}

.c-multi-select__placeholder
{
	position: relative;
}

.c-multi-select__toggle
{
	display: flex;

	width: 32px;

	overflow: hidden;

	z-index: 1;

	flex-shrink: 0;
	flex-grow: 0;
	align-items: center;
	justify-content: center;
}

.c-multi-select__toggle::before
{
	position: absolute;
	opacity: 0;

	height: 100%;
	width: 100%;

	top: 0;
	right: 0;
	left: 0;
	bottom: 0;

	background-color: #000;

	content: "";

	border-radius: var(--multi-select-radius);

	transition: opacity 240ms ease;

	z-index: -1;
}

.c-multi-select__toggle:hover::before,
.c-multi-select__toggle:focus::before,
.c-multi-select__toggle:active::before
{
	opacity: .08;
}

.c-multi-select__toggle-icon
{
	font-size: 16px;
	color: inherit;

	transition: transform 240ms ease;
	transform: rotate(0deg);
}

.c-multi-select--open .c-multi-select__toggle-icon
{
	transform: rotate(180deg);
}

.c-multi-select__wrapper
{
	position: relative;
	display: flex;

	justify-content: space-between;
	align-items: stretch;
}

.c-multi-select__placeholder
{
	opacity: .5;

	font-weight: 400;
	font-size: .96rem;
}

.c-multi-select__values
{
	display: block;

	width: 10px;
	min-width: 0;

	text-align: left;
	white-space: nowrap;
	text-overflow: ellipsis;

	overflow: hidden;

	flex-grow: 1;
}

.c-multi-select__options
{
	position: absolute;
	display: block;
	visibility: visible;

	height: auto;
	max-height: 35vh;
	width: 100%;

	margin: 0;
	top: 100%;
	right: 0;
	left: 0;
	padding: 0;

	background-color: #FFF;

	border-bottom-right-radius: var(--multi-select-radius);
	border-bottom-left-radius: var(--multi-select-radius);

	box-shadow: var(--options-shadow);

	overflow: auto;

	z-index: 10;
}

.c-multi-select__options[aria-hidden="true"]
{
	display: none;
	visibility: hidden;
}

.c-multi-select__option
{
	position: relative;
	display: flex;

	gap: 0 6px;

	width: 100%;

	padding: 6px 15px;

	text-align: left;

	align-items: center;
	justify-content: flex-start;
}

.c-multi-select__option:disabled
{
	cursor: default;
}

.c-multi-select__option::before
{
	position: absolute;

	height: 100%;
	width: 100%;

	top: 0;
	right: 0;
	left: 0;
	bottom: 0;

	content: "";

	z-index: -2;

	flex-shrink: 0;
}

.c-multi-select__option:not(:disabled):hover::before,
.c-multi-select__option:focus::before
{
	background-color: var(--input-background);
}

.c-multi-select__cb
{
	height: 1em;
	width: 1em;

	font-size: 24px;
	color: transparent;

	border: 2px solid #E3E3E3;

	z-index: -1;

	flex-shrink: 0;
}

.c-multi-select__cb.is-visible
{
	color: inherit;
}
.c-nav-tabs
{
	position: static;

	margin-bottom: 20px;
	padding-top: 10px;
}

.c-nav-tabs__list
{
	display: flex;

	flex-wrap: wrap;
	gap: 18px;

	margin: 0;
	padding: 6px 25px;

	background-color: var(--body-background);

	align-items: stretch;
	justify-content: center;
}

/* ------------------ Mobile ------------------ */
@media (max-width: 599px)
{
	.c-nav-tabs__list
	{
		align-self: flex-start;
		justify-content: flex-start;
	}
}

.c-nav-tabs--fixed .c-nav-tabs__list
{
	position: fixed;

	top: 0;

	background-color: #FFF;

	z-index: 3;
}

/* -------------- Mobile, Tablet -------------- */
@media (max-width: 1200px)
{
	.c-nav-tabs--fixed .c-nav-tabs__list
	{
		position: static;
	}
}

.c-nav-tabs__item
{
	display: flex;

	min-height: 42px;
}

.c-nav-tabs__link
{
	position: relative;
	display: flex;

	gap: 10px;

	padding: 6px 20px;

	background-color: #FFF;

	border-radius: 4px;

	overflow: hidden;

	transition: transform 240ms ease background-color 240ms ease;

	align-items: center;
}

.c-nav-tabs--fixed .c-nav-tabs__link
{
	background-color: #F3F3F3;
}

.c-nav-tabs__link::after
{
	position: absolute;
	display: block;

	height: 100%;
	width: 100%;

	top: 0;
	right: 0;
	left: 0;
	bottom: 0;

	content: "";

	z-index: 1;
}

.c-nav-tabs__link,
.c-nav-tabs__link:visited,
.c-nav-tabs__link:hover
{
	color: #000;
}

.c-nav-tabs__link,
.c-nav-tabs__link:hover,
.c-nav-tabs__link:focus
{
	text-decoration: none;
}

.c-nav-tabs__link:hover
{
	box-shadow: 0 0 0 2px black;
}

.c-nav-tabs__link .p-ink
{
	background-color: rgba(0, 0, 0, .35);
}

.c-nav-tabs__icon
{
	display: block;

	height: 1em;
	width: 1em;

	font-size: 22px;
	color: currentcolor;
}

.c-nav-tabs__icon.icon-myWO
{
	width: 1.1em;

	margin-left: 2px;
	margin-bottom: 2px;

	font-size: 28px;

	transform: scale(1.4) translateY(4px);

	order: 2;
}
.c-navbar
{
	align-self: flex-start;
}

/* ------------------ Mobile ------------------ */
@media (max-width: 599px)
{
	.c-navbar
	{
		width: auto;
	}
}


.c-navbar__mobile-btn
{
	display: none;
}

.c-navbar__list
{
	display: flex;

	gap: 1.5vw;

	margin: 0;

	align-items: center;
}

.c-navbar__item
{
	width: max-content;

	text-align: center;
}

.c-navbar__item.is-contact
{
	line-height: normal;

	padding: 0;

	background: transparent;

	color: #FFF;

	border-radius: 3px;
	border: 1px solid #FFF;
}

.c-navbar__item.is-contact:hover
{
	background-color: #FFF;

	border: 1px solid var(--primary);
}

.c-navbar__item.is-contact:hover a
{
	color: var(--primary);

	box-shadow: none;
}

.c-navbar__link
{
	position: relative;
	display: flex;

	line-height: 3em;
	width: 100%;

	color: #FFF;
	text-decoration: none;

	text-transform: uppercase;

	box-shadow: none;

	align-items: center;
}

.c-navbar__item.is-contact .c-navbar__link
{
	width: 100%;

	padding: 10px 25px;
}

.c-navbar__item:hover,
.c-navbar__link:focus
{
	color: #FFF;
}

.c-navbar__link::after
{
	position: absolute;
	display: block;
	opacity: 0;

	height: 2px;
	width: 100%;

	left: 0;
	bottom: 0;

	background-color: #FFF;

	content: "";

	transition: opacity 320ms ease;
}

.c-navbar__link:hover::after,
.c-navbar__link:focus::after
{
	opacity: 1;
}

@media screen and (max-width: 1300px)
{
	.c-navbar__link::after
	{
		display: none;
	}
}

.c-navbar__link:hover::after
{
	border-bottom-color: #FFF;
}

@media screen and (max-width: 1300px)
{
	.c-navbar
	{
		z-index: 1;
	}

	.c-navbar__mobile-btn
	{
		position: relative;
		display: flex;

		height: 1em;
		width: 1em;

		padding: 5px;

		background-color: var(--w-background);

		font-size: 48px;

		border-radius: 100%;

		fill: var(--primary);
		justify-self: right;
		align-items: center;
		justify-content: center;
	}

	.c-navbar__mobile-btn svg
	{
		display: flex;

		height: 1em;
		width: 1em;

		font-size: 34px;
	}

	.c-navbar__list
	{
		position: fixed;
		display: flex;
		visibility: hidden;
		opacity: 0;

		flex-direction: column;
		gap: 0;

		width: calc(100% - var(--page-margin) - var(--page-margin));

		top: 100px;
		right: var(--page-margin);

		background-color: var(--w-background);

		border-radius: 3px;

		transition-timing-function: ease;
		transition-duration: 320ms;
		transition-property: visibility, transform, opacity;
		transform: translateY(8px);
	}

	.c-navbar--open .c-navbar__list
	{
		visibility: visible;
		opacity: 1;

		transform: translateY(0);
	}

	.c-navbar__item
	{
		width: 100%;

		padding: 0;

		background-color: var(--w-background);

		text-align: center;

		border: 1px solid var(--w-background);

		justify-items: right;
	}

	.c-navbar--open .c-navbar__item.is-contact
	{
		padding: 0;
	}

	.c-navbar__link
	{
		padding: 14px 20px;

		color: var(--primary);
	}

	.c-navbar__item:hover
	{
		display: block;
	}

	.c-navbar__item:hover
	{
		display: flex;

		flex-direction: column;
		gap: 8px;

		background-color: var(--background);

		text-align: center;

		border: 1px solid var(--background);

		justify-items: center;
	}
}
.offmarket-form
{
	width: 100%;

	justify-self: center;
}

.offmarket-form__container
{
	display: grid;

	gap: 24px;

	margin-bottom: 24px;

	grid-template-columns: repeat(4, 1fr);
}

/* ----------------- Laptop ------------------- */
@media (min-width: 1201px) and (max-width: 1536px)
{
	.offmarket-form__container
	{
		grid-template-columns: repeat(2, 1fr);
	}
}

.offmarket-form__line--input
{
	width: 100%;
}

/* ----------------- Desktop ------------------ */
@media (min-width: 1537px)
{
	.offmarket-form__line
	{
		grid-column: span 2 / span 2;
	}
}

.offmarket-form__line--input.message
{
	display: flex;

	flex-direction: column;

	height: 144px;

	margin-bottom: 24px;
}

.offmarket-form__action
{
	display: flex;

	width: 100%;

	justify-content: flex-end;
}

/* ------------------ Mobile ------------------ */
@media (max-width: 767px)
{
	.offmarket-form__container
	{
		display: flex;

		flex-direction: column;
	}
}

@media (min-width: 768px) and (max-width: 1200px)
{
	.offmarket-form__container
	{
		grid-template-columns: 1fr 1fr;
	}
}
.offmarket
{
	width: 100%;

	margin: 0 auto;
	padding: 50px var(--page-margin);

	background-color: var(--background);
}

.offmarket__container--title
{
	margin: 0 0 30px 0;

	font-weight: 400;
	font-size: 48px;
	color: var(--primary);

	text-transform: uppercase;
}

.offmarket__container--title__highlight
{
	color: black;
}

.offmarket__container--content
{
	display: flex;

	gap: 50px;
}

.offmarket__container--heading
{
	margin: 0;

	font-size: 16px;

	text-transform: uppercase;
}

.offmarket__container--paragraph
{
	margin: 5px 0 0 0;

	font-size: 14px;
}

.offmarket__container--quote
{
	display: flex;

	width: 25%;

	margin-bottom: 30px;
}

.offmarket__container--quote-icon
{
	height: 40px;
	width: 40px;

	margin-right: 15px;

	fill: var(--icon);
}

.offmarket__container--quote-text
{
	margin: 0 0 10px 0;

	font-size: 18px;
}

.offmarket__container--icon
{
	display: flex;

	height: 1em;
	width: 1em;

	padding: 0 10px;

	background-color: #EADED7;

	font-size: 55px;

	border-radius: 50%;
	border: 2px solid #EADED7;

	fill: var(--icon);
	flex-shrink: 0;
}

/* ------ Tablet (portrait & landscape) ------- */
@media (max-width: 1200px)
{
	.offmarket__container--content
	{
		flex-direction: column;
		gap: 15px;
	}

	.offmarket__container--quote
	{
		width: 100%;
	}

	.offmarket__container--icon
	{
		width: 55px;
	}
}
.c-pagination
{
	display: flex;

	margin: 1.5rem 0;
	padding: 0 15px;

	justify-content: space-between;
	align-items: center;
	flex-grow: 1;
	flex-basis: 10px;
}

.c-pagination__left
{
	flex-basis: 130px;
}

.c-pagination__infos
{
	margin-left: 15px;

	font-weight: 400;
	font-size: .95em;

	text-align: right;

	flex-basis: 130px;
}

.c-pagination__pages
{
	display: flex;

	gap: 10px 8px;

	margin: -6px 0 0 0;

	justify-content: center;
	flex-basis: 10px;
	flex-grow: 1;
}

.c-pagination__page
{
	position: relative;
	display: flex;

	height: 1em;
	width: 1em;

	font-size: 34px;
}

.c-pagination__page:last-child
{
	margin-right: 0;
}

.c-pagination__page-btn
{
	position: absolute;
	display: flex;

	height: 100%;
	width: 100%;

	top: 0;
	left: 0;
	padding: 4px 8px;

	background-color: #EBEBEB;

	font-weight: 400;
	font-size: .9rem;

	text-align: center;

	border-radius: 50%;

	justify-content: center;
	align-items: center;
}

.c-pagination__page-btn.active
{
	background-color: #E93339;

	color: #FFF;
}

.c-pagination__suspension
{
	display: flex;

	margin: 6px 0 0;

	align-items: center;
}

.c-pagination__suspension:nth-child(2)
{
	margin-right: 8px;
}

.c-pagination__suspension:nth-child(n-2)
{
	margin-right: 6px;
}
.c-paper
{
	position: relative;

	margin: auto;
	padding: 12px 15px;

	background-color: #FFF;

	border-radius: 4px;

	box-shadow: 0 3px 6px 2px rgb(0 0 0 / 4%);
}

.c-paper--reco-form
{
	min-height: 200px;
}

.c-paper--big-padding
{
	padding: 30px 25px;
}

.c-paper--form
{
	margin-bottom: .5rem;
	padding: 30px 25px;
}

.c-paper--no-padding
{
	padding: 0;
}

.c-paper--front
{
	line-height: 2em;
}

.c-paper--modal-label
{
	padding: 8px 0 15px;

	border: 2px solid #DBDBDB;

	box-shadow: none;

	flex-grow: 1;
	flex-basis: 100px;
}
.c-picked-elements
{
	display: flex;

	flex-wrap: wrap;
	gap: 12px;

	width: 100%;

	flex-grow: 1;
	align-items: flex-end;
}

.c-picked-elements__picker
{
	width: 310px;

	flex-shrink: 0;
}

.c-picked-elements__item
{
	display: inline-flex;

	gap: 0;

	padding: 0 0 0 15px;

	background-color: #F3F3F3;

	border-radius: var(--input-radius);

	overflow: hidden;

	align-items: center;
}

.c-picked-elements__remove
{
	position: relative;

	height: calc(1em + var(--padding-y) + var(--padding-y));
	width: calc(1em + var(--padding-x) + var(--padding-x));

	padding: var(--padding-y) var(--padding-x);

	background-color: transparent;

	font-size: 30px;
	color: var(--red);

	overflow: hidden;

	transition: backgrond-color 240ms ease;

	--padding-y: 4px;
	--padding-x: 8px;
}

.c-picked-elements__remove::after
{
	position: absolute;

	height: 100%;
	width: 100%;

	top: 0;
	left: 0;

	content: "";

	z-index: 1;
}

.c-picked-elements__remove:hover
{
	background-color: var(--error-background);
}

.c-picked-elements__remove .p-ink
{
	background-color: rgba(0, 0, 0, .4);
}
.c-picto-blocks
{
	display: flex;

	gap: 35px var(--gap);
	--gap: 60px;

	width: 90%;

	margin: 40px auto;

	background-color: var(--background);

	text-align: left;

	justify-content: center;
}

.c-picto-blocks--full-color
{
	width: 100%;

	margin: 0;
	padding: 50px var(--page-margin);
}

/* ------ Tablet (portrait & landscape) ------- */
@media (min-width: 600px) and (max-width: 1200px)
{
	.c-picto-blocks
	{
		flex-wrap: wrap;

		width: 560px;
	}

	.c-picto-blocks--full-color
	{
		width: 100%;
	}
}

/* ------------------ Mobile ------------------ */
@media (max-width: 599px)
{
	.c-picto-blocks
	{
		display: inline-flex;

		flex-direction: column;

		width: auto;
		max-width: 90%;

		margin-right: auto;
		margin-left: auto;
		padding: 0;

		align-items: flex-start;
	}

	.c-picto-blocks--full-color
	{
		width: 100%;
		max-width: 100%;

		padding: 40px var(--page-margin);
	}
}

.c-picto-blocks__item
{
	position: relative;
	display: flex;

	width: auto;

	margin: 0;
	padding-right: 0;

	justify-content: center;
}

.c-picto-blocks__item::after
{
	position: absolute;

	height: 100%;
	width: 1px;

	top: 0;
	right: calc(-1 * var(--gap) / 2);
	bottom: 0;

	background-color: var(
	--primary-light);

	content: "";
}

.c-picto-blocks__item:last-child::after
{
	display: none;
}

/* -------------- Mobile, Tablet -------------- */
@media (max-width: 1200px)
{
	.c-picto-blocks__item
	{
		margin: 0 auto;
		padding: 0;

		border-right: none;

		flex-basis: 34%;
		flex-grow: 1;
		justify-content: flex-start;
	}

	.c-picto-blocks__item::after
	{
		display: none;
	}
}

/* ------------------ Mobile ------------------ */
@media (max-width: 599px)
{
	.c-picto-blocks__item
	{
		width: 100%;
	}
}

.c-picto-blocks__item-container
{
	display: flex;

	gap: 25px;

	align-items: center;
}

.c-picto-blocks__item-icon
{
	height: 45px;
	width: 45px;

	color: var(--primary-light);
}

.c-picto-blocks__item-content
{
	display: flex;

	flex-direction: column;
}

.c-picto-blocks__item-number
{
	font-weight: 600px;
	font-size: 20px;
	color: var(--primary);
}
.c-popup-element
{
	position: relative;
}

.c-popup-element--remove-fileinput-file
{
	display: flex;

	align-self: stretch;
}

.c-popup-element__popup
{
	position: absolute;
	display: flex;
	visibility: hidden;
	opacity: 0;

	gap: 15px;

	top: 50%;
	left: 50%;
	padding: 8px 12px;

	background-color: #FFF;

	border-radius: 2px;

	box-shadow: 0 3px 6px 2px rgb(0 0 0 / 12%);

	transition-timing-function: ease;
	transition-duration: 260ms;
	transition-property: opacity, visibility, transform;
	transform: scale(1) translateX(-50%) translateY(-50%);
	animation: 260ms popup-appear;

	z-index: 11;

	will-change: opacity, visibility, transform;
}

.c-popup-element__popup.visible
{
	visibility: visible;
	opacity: 1;

	transform: scale(1) translateX(-50%) translateY(-50%);
}

@keyframes popup-appear
{
	from
	{
		visibility: hidden;
		opacity: 0;

		transform: scale(1) translateX(-50%) translateY(-50%);
	}
	to
	{
		visibility: visible;
		opacity: 1;

		transform: scale(1) translateX(-50%) translateY(-50%);
	}
}
.projet-form
{
	display: flex;

	flex-direction: column;

	width: 100%;

	padding: var(--padding-y) 0;

	flex-grow: 1;
}

/* ----------------- Desktop ------------------ */
@media (min-width: 1441px)
{
	.projet-form
	{
		width: 30%;
	}
}

.projet-form__header
{
	width: 100%;

	margin-bottom: 30px;
}

.projet-form__title
{
	margin: 0;

	font-weight: 400;
	font-size: 2.1rem;
	color: var(--primary);
}

/* ------------------ Mobile ------------------ */
@media (max-width: 599px)
{
	.projet-form__title
	{
		font-size: 1.7rem;
	}
}

.projet-form__intro-text
{
	line-height: 1.6;

	margin: 18px 0 0 0;

	font-size: 1rem;
}

.projet-form__container
{
	display: grid;

	gap: 15px;

	grid-template-columns: repeat(4, 1fr);
}

/* ------------ Tablet (landscape) ------------ */
@media (min-width: 901px) and (max-width: 1200px)
{
	.projet-form__container
	{
		grid-template-columns: repeat(2, 1fr);
	}
}

/* ------ Tablet (portrait & landscape) ------- */
@media (max-width: 768px)
{
	.projet-form__container
	{
		display: flex;

		flex-direction: column;
	}
}

.projet-form__line--input
{
	width: 100%;
}

.projet-form__line--input.message
{
	margin-bottom: 30px;

	grid-column: span 3 / span 3;
}

.projet-form__action
{
	display: flex;

	width: 100%;

	justify-content: flex-end;
}

/* ------ Tablet (portrait & landscape) ------- */
@media (min-width: 600px) and (max-width: 1200px)
{
	.projet-form__action
	{
		justify-content: center;
	}
}

/* ------------------ Mobile ------------------ */
@media (max-width: 599px)
{
	.offmarket-form__btn
	{
		width: 100%;

		flex-grow: 1;
	}
}

.projet-form__security
{
	display: flex;

	gap: 15px;

	width: 100%;

	margin-top: auto;
	padding-top: 20px;

	font-size: 1rem;
	color: #000;

	align-items: center;
}

.projet-form__security-icon
{
	display: flex;

	height: 1em;
	width: 1em;

	font-size: 26px;
	color: var(--primary);
}
.properties
{
	display: flex;

	flex-direction: column;

	width: 100%;

	margin: 0 auto;
	padding: 50px var(--page-margin);

	background-color: var(--background);
}

.properties--top
{
	display: flex;

	flex-direction: row-reverse;

	width: 100%;

	align-items: center;
}

.properties--top.no-preview
{
	margin-bottom: 50px;
}

.properties--title
{
	width: 100%;
}

.properties--title::before
{
	display: block;

	height: 2px;
	width: 35px;

	background-color: var(--primary);

	content: "";
}

/* -------------- Mobile, Tablet -------------- */
@media (max-width: 1200px)
{
	.properties__filters + .properties--title
	{
		margin-bottom: 25px;
	}
}

.properties--title__main
{
	width: 90%;

	font-weight: 400;
	font-size: 32px;

	text-align: left;
}

.properties--preview
{
	display: flex;

	width: 100%;

	margin: 0 auto 0 auto;

	font-weight: 600;
	font-size: 18px;

	align-items: flex-end;
	justify-content: space-between;
}

.properties__btn
{
	display: flex;

	gap: 10px;

	margin: 40px 0 5px 0;
	padding: 12px 10px;

	font-weight: 600;
	font-size: 1.05rem;
	color: var(--text);
	text-decoration: none;

	letter-spacing: normal;
	text-transform: uppercase;

	border: 2px solid transparent;

	transition: border-color 320ms ease;
}

.properties__btn:hover,
.properties__btn:focus
{
	color: var(--hover);

	border-color: currentColor;
}

.properties__properties
{
	position: relative;
	display: grid;

	gap: 24px;

	width: 100%;

	grid-template-columns: repeat(3, 1fr);
}

.properties__no-properties
{
	position: relative;

	width: 100%;

	font-weight: 400;
	font-size: 24px;
	color: var(--primary);

	text-transform: uppercase;
}

.properties__filters
{
	width: 100%;
	max-width: 750px;
}

.properties__filters--section
{
	position: relative;
	display: grid;

	gap: 15px;

	height: auto;
	width: 100%;

	margin-bottom: 15px;

	grid-template-columns: 1fr 1fr;
	grid-template-rows: 1fr 1fr;
}

.properties__filters--section-item
{
	display: flex;

	gap: 20px;

	padding: 14px 20px;

	background-color: #FFF;

	border-radius: 3px;

	align-items: center;
}

.properties__filters--section-item__icon
{
	height: 40px;
	width: 40px;

	color: var(--icon);
}

.properties__filters--item
{
	position: relative;
	display: flex;

	height: auto;
	width: 1px;

	padding: 14px 20px;

	background-color: #FFF;

	font-weight: 300;
	font-size: 18px;
	color: var(--primary-light);

	border-radius: 3px;
	border: none;

	flex: 1 0 0;
	align-items: center;
}

.properties__filters--item::before
{
	font-size: 18px;
	color: var(--text);
}

.properties__filters--item.prix
{
	gap: 20px;

	width: 100%;
}

.properties__filters--item.ville,
.properties__filters--item.bien,
.properties__filters--item.chambres
{
	padding: 0;
}

.properties__filters--item.recherche
{
	padding: 0;
}

.properties__filters--item.recherche svg
{
	margin-left: 16px;
}

.properties__filters--item .c-select__label
{
	padding: 0;
}

.properties__filters--item .c-multi-select__content
{
	padding: 0;
}

.properties__filters--item .c-multi-select__placeholder,
.properties__filters--item .c-input__input::placeholder
{
	opacity: 1;

	font-size: 14px;
	color: var(--title);
}

.properties__filters--item .c-multi-select__toggle-icon
{
	fill: var(--primary);
}

.properties__filters--item .c-input__input-wrapper
{
	background-color: transparent;
}

.properties__filters--item .c-input
{
	flex-shrink: 1;
}

.properties__filters--item .c-input__input
{
	height: fit-content;

	padding: 0;

	font-size: 14px;
}

.properties__filters--item	.c-input__border
{
	border: none;
}

.properties__filters--bottom
{
	display: flex;

	gap: 10px;

	width: 100%;
}

.properties__filters--btn
{
	margin-top: 0;
}

/* -------------- Mobile, Tablet -------------- */
@media (max-width: 768px)
{
	.properties__filters--bottom
	{
		flex-direction: column;
	}

	.properties__filters--item.prix
	{
		width: 100%;
	}

	.properties__filters--item
	{
		font-size: 14px;
	}
}

/* -------------- Mobile, Tablet -------------- */
@media (min-width: 768px) and (max-width: 1440px)
{
	.properties__properties
	{
		grid-template-columns: 1fr 1fr;
	}
}

/* ------------------ Mobile ------------------ */
@media (max-width: 1023px)
{
	.properties--title__main
	{
		width: 100%;

		font-size: 1.4rem;
	}

	.properties__properties
	{
		grid-template-columns: repeat(1, 1fr);
	}
}

/* ----------------- Laptop ------------------- */
@media (max-width: 1201px)
{
	.properties--top
	{
		flex-direction: column-reverse;
		gap: 20px 0;
	}
}

@media (max-width: 599px)
{
	.properties__properties
	{
		grid-auto-rows: 1fr;
	}

	.properties__filters--section
	{
		display: flex;

		flex-direction: column;
	}

	.properties__filters--item .c-input .c-form-element-label
	{
		line-height: inherit;
	}

	.properties--preview,
	.properties__btn
	{
		font-size: 14px;
	}

	.properties__btn
	{
		text-align: right;

		align-items: center;
	}
}
.c-radio
{
	position: relative;
	display: flex;

	flex-wrap: wrap;
	gap: 6px;

	overflow: hidden;

	--radio-icon-size: 20px;
}

.c-radio--disabled
{
	opacity: .55;
}

.c-radio--week-day-picker
{
	width: 100%;
}

.c-radio__top-label
{
	width: 100%;
}

.c-radio__content
{
	display: flex;

	align-items: stretch;
}

.c-radio--week-day-picker .c-radio__content
{
	flex-grow: 1;
}

.c-radio__input
{
	position: absolute;

	height: 1px;
	width: 1px;

	top: -100%;

	z-index: -10;
}

.c-radio__label
{
	position: relative;
	display: flex;

	gap: 4px;

	padding: 4px 8px;

	user-select: none;

	border-radius: 4px;

	overflow: hidden;

	transition: background-color 320ms ease;

	align-items: center;
}

.c-radio__label .p-ink
{
	background-color: rgba(0, 0, 0, .35);
}

.c-radio--week-day-picker .c-radio__label
{
	width: 100%;

	background-color: var(--input-background);

	text-align: center;

	border: 2px solid transparent;

	transition: border-color 240ms ease;

	justify-content: center;
}

.c-week-day-picker--error .c-radio__label
{
	background-color: var(--error-background);
}

.c-radio--week-day-picker:not(.c-radio--active) .c-radio__input:focus ~ .c-radio__label,
.c-radio--week-day-picker:not(.c-radio--active) .c-radio__label:hover
{
	border-color: #000;
}

.c-radio__input:focus ~ .c-radio__label
{
	background-color: var(--input-background);
}

.c-radio:not(.c-radio--active) .c-radio__input:not([disabled]) ~ .c-radio__label:hover,
.c-radio:not(.c-radio--active) .c-radio__input:focus:not([disabled]) ~ .c-radio__label:hover
{
	background-color: var(--input-background);

	cursor: pointer;
}

.c-radio--active.c-radio--week-day-picker .c-radio__input:not([disabled]) ~ .c-radio__label,
.c-radio--active.c-radio--week-day-picker .c-radio__input:focus:not([disabled]) ~ .c-radio__label:hover
{
	background-color: var(--primary);

	color: #FFF;
}


.c-week-day-picker--picked-error .c-radio--active .c-radio__input:not([disabled]) ~ .c-radio__label
{
	background-color: #C00506;
}

.c-radio--active.c-radio--week-day-picker .c-radio__input:focus ~ .c-radio__label
{
	text-decoration: underline;
}

.c-radio__icon
{
	display: block;

	height: 1em;
	width: 1em;

	font-size: var(--radio-icon-size);

	order: -2;
}

.c-radio--week-day-picker .c-radio__icon
{
	display: none;
}

.c-radio__label::before
{
	position: relative;
	display: block;

	height: 2.5px;
	width: 12px;

	background-color: var(--primary);

	font-size: var(--radio-icon-size);

	content: "";

	border-radius: 4px;

	order: -1;
}

.c-radio--week-day-picker .c-radio__label::before
{
	display: none;
}

.c-radio--disabled .c-radio__label::before
{
	background-color: currentColor;
}
.c-reco-status
{
	position: relative;
	display: flex;

	gap: 12px;

	margin-top: 0;

	align-items: center;
}

.c-reco-status__label
{
	font-weight: 500;
}
.rejoindre-osaba
{
	display: flex;

	height: 550px;
	width: 100%;

	background-color: var(--background);
}

.rejoindre-osaba__title
{
	margin: 0 0 30px 0;

	font-weight: 500;
	font-size: 24px;
	color: var(--primary-light);
}

.rejoindre-osaba__subtitle
{
	width: 45%;

	margin-bottom: 30px;

	font-size: 36px;
}

/* ------------------ Mobile ------------------ */
@media (max-width: 599px)
{
	.rejoindre-osaba__subtitle
	{
		font-size: 1.7rem;
	}
}

.rejoindre-osaba__subtitle::after
{
	display: block;

	width: 10%;

	padding-top: 30px;

	content: "";

	border-bottom: 2px solid var(--primary-light);
}

.rejoindre-osaba__subtitle .highlight
{
	color: var(--primary-light);
}

.rejoindre-osaba__container
{
	width: 100%;

	margin: 0 auto;
	padding: 50px 50px 50px var(--page-margin);

	flex-grow: 1;
}

.rejoindre-osaba__right
{
	position: relative;

	height: 100%;
	width: 40%;

	flex-shrink: 0;
}

.rejoindre-osaba__content--btn
{
	position: absolute;
	display: flex;

	gap: 30px;

	width: fit-content;

	top: 85%;
	margin-right: 30px;
	left: 5%;
	padding: 15px 30px;

	background-color: var(--primary);

	font-size: 15px;
	color: #FFF;

	text-transform: uppercase;

	border-radius: 3px;

	align-items: center;
}

.rejoindre-osaba__content
{
	line-height: 1.8em;

	margin: 0;
}

.rejoindre-osaba__content--icon
{
	height: 30px;
	width: 30px;

	fill: var(--primary-light);
}

.rejoindre-osaba__content--btn:hover
{
	background-color: var(--hover);

	color: #FFF;

	border: 1px solid var(--hover);
}

.rejoindre-osaba__content--btn:hover
{
	background-color: transparent;

	color: var(--hover);

	border: 1px solid var(--hover);
}

.rejoindre-osaba__top
{
	display: flex;

	margin-bottom: 30px;
}

.rejoindre-osaba__facts
{
	display: flex;

	--gap: 50px;
	gap: var(--gap);
}

.rejoindre-osaba__facts--item
{
	position: relative;
}

.rejoindre-osaba__facts--item:not(:last-child)::before
{
	position: absolute;
	display: block;

	height: 100%;
	width: 2px;

	top: 0;
	right: calc(var(--gap) / 2 * -1);
	left: auto;

	background-color: var(--border);

	content: "";
}

.rejoindre-osaba__facts--item:last-child
{
	border-right: none;
}

.rejoindre-osaba__facts--item__icon
{
	height: 45px;
	width: 45px;

	color: var(--primary-light);
}

.rejoindre-osaba__facts--item__icon#opportunites
{
	fill: var(--primary-light);
}

@media (max-width: 1440px)
{
	.rejoindre-osaba
	{
		flex-direction: column;

		height: 100%;
	}

	.rejoindre-osaba__subtitle--content
	{
		flex-direction: column;
	}

	.rejoindre-osaba__right
	{
		height: 380px;
		width: 100%;
	}

	.rejoindre-osaba__content--btn
	{
		top: 85%;
	}
}

/* ----------------- Tablet, Laptop ------------------- */
@media (max-width: 1023px)
{
	.rejoindre-osaba__top,
	.rejoindre-osaba__facts
	{
		flex-direction: column;

		align-items: flex-start;
	}

	.rejoindre-osaba__facts--item
	{
		width: 100%;
		max-width: 400px;

		padding: 0 0 30px 0;

		align-self: flex-start;
	}

	.rejoindre-osaba__facts--item:not(:last-child)::before
	{
		height: 2px;
		width: 100%;

		top: 100%;
		margin-top: calc(var(--gap) / 2);
		left: 0;
	}

	.rejoindre-osaba__facts--item:nth-child(n+2)
	{
		padding-top: 30px;
	}

	.rejoindre-osaba__facts--item:last-child
	{
		padding-bottom: 0;

		border-bottom: none;
	}

	.rejoindre-osaba__content--btn
	{
		top: 80%;
	}
}

/* ------------------ Mobile ------------------ */
@media (max-width: 599px)
{
	.rejoindre-osaba__content--btn
	{
		top: 70%;
	}
}
.scroll-to-top
{
	position: fixed;
	display: none;

	top: 85vh;
	margin-top: 15px;
	left: 85%;
	padding: 5px;

	border-radius: 50%;
	border: 1px solid #6AABD8;

	mix-blend-mode: difference;
}

.scroll-to-top--icon
{
	display: block;

	height: 35px;
	width: 35px;

	background-color: #6AABD8;

	mask: url(
	"/images/icons/picto-arrow-right.svg");
	rotate: -90deg;
}

/* ------------------ Mobile ------------------ */
@media (max-width: 599px)
{
	.scroll-to-top
	{
		display: block;
	}
}
.c-select
{
	position: relative;
	display: flex;

	flex-wrap: wrap;

	width: 100%;

	font-size: 1rem;
}

.c-select--front
{
	gap: 4px;

	--input-height: 52px;
}

.c-select--50\%
{
	width: 33.1%;

	flex-grow: 1;
}

/* ------------------ Mobile ------------------ */
@media (max-width: 599px)
{
	.c-select--50\%
	{
		width: 67%;

		flex-grow: 1;
	}
}

.c-select__label
{
	width: 100%;

	padding-bottom: 6px;

	font-family: inherit;
	font-weight: 400;
	font-size: .9em;
	color: #000;

	cursor: pointer;
	user-select: none;
	text-align: left;
	letter-spacing: .02em;
	text-transform: uppercase;

	order: -1;
}

.c-select--disabled .c-select__label
{
	color: #A6A6A6;

	cursor: default;
}

.c-select__select-wrapper
{
	position: relative;

	width: 100%;

	background-color: var(--input-background);

	border-radius: var(--input-radius);
}

.c-select--front .c-select__select-wrapper
{
	width: 1px;

	background-color: transparent;

	text-transform: uppercase;

	border-radius: 3px;
	border: 1px solid var(--border);

	flex: 1 0 0;
	align-content: center;
}

.c-select--error .c-select__select-wrapper
{
	background-color: var(--error-background);
}

.c-select--disabled .c-select__select-wrapper
{
	background-color: #EBEBEB;
}

.c-select__select
{
	position: relative;
	display: flex;

	height: var(--input-height);
	width: 100%;

	padding: 0 8px;

	background-color: transparent;

	font-family: inherit;
	font-size: 1em;

	text-align: left;

	border-radius: var(--input-radius);
	border: 2px solid transparent;

	outline: none;

	z-index: 2;

	align-items: center;
	justify-content: flex-start;
}

.c-select--front .c-select__select
{
	padding: 0 16px;

	color: var(--label);

	text-transform: uppercase;
}

.c-select__select:not(:disabled)
{
	cursor: pointer;
}

.c-select__select:focus
{
	border-color: #000;

	outline: none;
}

.c-select--disabled .c-select__select
{
	color: #ADADAD;
}

.c-select option[value=""]
{
	display: none;
}
.c-services-pictos
{
	display: flex;

	flex-wrap: wrap;
	--gap: 28px;
	gap: var(--gap);

	width: 100%;

	padding: 50px var(--page-margin);

	background-color: var(--background);

	justify-content: center;
}

@media (min-width: 1441px)
{
	.c-services-pictos
	{
		background-color: #F1EBE4;
	}
}

.c-services-pictos__item
{
	display: flex;

	gap: 25px;

	width: 20.5%;

	flex-grow: 1;
	align-items: center;
}

/* -------- Tablet (landscape) & Laptop ------- */
@media (min-width: 901px) and (max-width: 1536px)
{
	.c-services-pictos__item
	{
		width: 34%;
	}
}

/* -------- Mobile, Tablet (portrait) --------- */
@media (max-width: 900px)
{
	.c-services-pictos__item
	{
		width: 35rem;
		max-width: 100%;

		flex-grow: 0;
	}
}

.c-services-pictos__item-icon
{
	padding: 16px;

	background-color: #F8F5F1;

	border-radius: 50%;
}

/* ------------------ Mobile ------------------ */
@media (max-width: 599px)
{
	.c-services-pictos__item-icon
	{
		padding: 14px;
	}
}

.c-services-pictos__item-svg
{
	height: 1em;
	width: 1em;

	font-size: 31px;
	color: var(--primary);
}

/* ------------------ Mobile ------------------ */
@media (max-width: 599px)
{
	.c-services-pictos__item-svg
	{
		font-size: 24px;
	}
}

.c-services-pictos__item-title
{
	margin: 0;

	font-weight: 500;
	font-size: 1.1rem;

	text-transform: uppercase;
}

/* ------------------ Mobile ------------------ */
@media (max-width: 599px)
{
	.c-services-pictos__item-title
	{
		font-size: 1rem;
	}
}

.c-services-pictos__item-text
{
	line-height: 1.6;

	font-size: 1rem;
}
.show-more--btn
{
	height: 150px;
	width: 100%;

	padding: 15px;

	font-weight: 400;
	font-size: 20px;
	color: var(--primary);

	text-align: center;
	letter-spacing: inherit;

	border: 1px solid var(--border);
}

.show-more--btn__icon,
.show-more--btn__text
{
	display: block;

	width: 100%;
}

.show-more--btn__icon
{
	margin-bottom: 5px;

	font-size: 32px;
}
.c-side-by-side-block
{
	display: flex;

	min-height: 310px;
	width: 100%;
}

/* -------- Mobile, Tablet (portrait) --------- */
@media (max-width: 900px)
{
	.c-side-by-side-block
	{
		flex-wrap: wrap;
	}
}

.c-side-by-side-block:nth-child(odd)
{
	flex-direction: row-reverse;
}

.c-side-by-side-block__content
{
	display: flex;

	flex-direction: column;

	width: 50%;
	max-width: 800px;

	padding: 55px var(--page-margin);

	background-color: var(--background);

	flex-shrink: 0;
	flex-grow: 0;
	justify-content: center;
}

/* ------------ Tablet (landscape) ------------ */
@media (min-width: 901px) and (max-width: 1200px)
{
	.c-side-by-side-block__content
	{
		width: 75%;
	}
}

/* -------- Mobile, Tablet (portrait) --------- */
@media (max-width: 900px)
{
	.c-side-by-side-block__content
	{
		width: 100%;
		max-width: 100%;
	}
}

.c-side-by-side-block__top-title
{
	margin: 0 0 10px 0;

	font-weight: 700;
	font-size: 1rem;
	color: var(--primary);

	text-transform: uppercase;
}

.c-side-by-side-block__title
{
	display: flex;

	flex-direction: column;

	margin: 0;

	font-weight: 400;
	font-size: 2rem;
	color: #000;
}

/* ------------------ Mobile ------------------ */
@media (max-width: 599px)
{
	.c-side-by-side-block__title
	{
		font-size: 1.65rem;
	}
}

.c-side-by-side-block__title::after
{
	height: 2px;
	width: 40px;

	margin: 21px 0;

	background-color: var(--primary);

	content: "";
}

.c-side-by-side__text
{
	line-height: 1.6;
	width: 100%;
}

.c-side-by-side-block__img-container
{
	position: relative;
	display: flex;

	width: 30%;

	flex-grow: 1;
}

/* -------- Mobile, Tablet (portrait) --------- */
@media (max-width: 900px)
{
	.c-side-by-side-block__img-container
	{
		height: 30vh;
	}
}

.c-side-by-side-block__img
{
	position: absolute;

	height: 100%;
	width: 100%;

	top: 0;
	right: 0;
	left: 0;
	bottom: 0;

	object-fit: cover;
}
.c-skewed-block
{
	position: relative;
	display: flex;

	height: 250px;
	width: 100%;

	padding: 0 var(--page-margin);

	background-color: var(--background);

	text-decoration: none;

	overflow: hidden;

	--offset: 0;
}

.c-skewed-block:nth-child(2)
{
	--offset: 1;
}

.c-skewed-block:nth-child(3)
{
	--offset: 2;
}

/* -------------- Mobile, Tablet -------------- */
@media (max-width: 1200px)
{
	.c-skewed-block
	{
		flex-direction: column;

		height: auto;
	}
}

.c-skewed-block__img
{
	position: absolute;

	height: 100%;
	width: 75%;

	left: 25%;

	object-fit: cover;
	object-position: center;
}

/* -------------- Mobile, Tablet -------------- */
@media (max-width: 1200px)
{
	.c-skewed-block__img
	{
		position: static;

		height: 260px;
		width: 100%;
	}
}

.c-skewed-block__container
{
	position: relative;
	display: flex;

	height: 100%;
	width: 100%;

	z-index: 1;

	justify-content: space-between;
}

/* -------------- Mobile, Tablet -------------- */
@media (max-width: 1200px)
{
	.c-skewed-block__container
	{
		width: 100%;

		left: 0;
		padding: 20px 0 30px;
	}
}

.c-skewed-block__content
{
	position: relative;
	display: flex;

	gap: 20px 30px;

	height: 100%;
	width: calc(720px + calc(var(--offset) * 80px));
	max-width: 100%;

	padding: 0 50px 0 0;

	align-items: center;
}

.c-skewed-block__content::after
{
	position: absolute;

	height: 101%;
	width: 100%;

	top: -.5%;
	right: 0;
	margin-right: 0;
	bottom: 0;

	background-color: var(--background);

	content: "";

	transform: skew(-15deg);

	z-index: -1;
}

/* -------------- Mobile, Tablet -------------- */
@media (max-width: 1200px)
{
	.c-skewed-block__content
	{
		padding: 0;
	}

	.c-skewed-block__content::after
	{
		transform: skew(0deg);
	}
}

/* ------------------ Mobile ------------------ */
@media (max-width: 599px)
{
	.c-skewed-block__content
	{
		flex-wrap: wrap;
	}
}

.c-skewed-block__icon
{
	height: 60px;
	width: 60px;

	background-color: #FFF;

	color: var(--primary-light);

	border-radius: 50%;
	border: 10px solid #FFF;

	overflow: visible;
}

.c-skewed-block__title
{
	margin: 0;
	margin-bottom: 16px;

	font-weight: 400;
	font-size: 28px;
	color: var(--title);
}

.c-skewed-block__title::after
{
	display: block;

	width: 5%;

	padding: 5px 0;

	content: "";

	border-bottom: 2px solid var(--primary-light);
}

@media (max-width: 1150px)
{
	.c-skewed-block__title
	{
		width: 90%;

		font-size: 2rem;
	}
}

/* ------------------ Mobile ------------------ */
@media (max-width: 599px)
{
	.c-skewed-block__title
	{
		width: 100%;

		font-size: 1.7rem;
	}
}

.c-skewed-block__text
{
	margin: 0;
	padding-left: 0;

	font-weight: 400;
	font-size: 18px;
	color: #000;

	letter-spacing: .02em;
	text-transform: none;
}

.c-skewed-block__link-indicator
{
	position: static;
	display: inline-flex;

	padding: 6px;

	background-color: var(--primary-light);

	text-align: center;

	border-radius: 50%;
	border: 1px solid #FFF;

	transition: background-color 320ms ease;

	z-index: 2;

	align-items: center;
	justify-content: center;
	flex-shrink: 0;
	align-self: center;
}

/* ------------------ Mobile ------------------ */
@media (max-width: 599px)
{
	.c-skewed-block__link-indicator
	{
		position: absolute;

		height: 1em;
		width: 1em;

		top: 20px;
		right: 0;

		font-size: 48px;
	}
}

.c-skewed-block:hover .c-skewed-block__link-indicator,
.c-skewed-block:focus .c-skewed-block__link-indicator
{
	background-color: #FFF;
}

.c-skewed-block__link-icon
{
	display: flex;

	height: 1em;
	width: 1em;

	font-size: 32px;
	color: #FFF;

	transition: color 320ms ease;

	z-index: 1;
}

.c-skewed-block:hover .c-skewed-block__link-icon,
.c-skewed-block:focus .c-skewed-block__link-icon
{
	color: var(--hover);
}
.c-table-btn
{
	position: relative;
	display: flex;

	gap: var(--gap);
	--gap: 4px;

	height: auto;
	min-width: 90px;

	margin-left: auto;
	padding: 2px 12px;

	background-color: #E0E0E0;

	font-weight: 500;
	font-size: .9rem;
	color: #000;

	text-align: center;
	letter-spacing: .5px;
	text-transform: uppercase;

	border-top-right-radius: var(--border-radius);
	border-bottom-right-radius: var(--border-radius);

	transition: opacity 240ms ease;

	--icon-size: 22px;
	order: 10;
	align-self: stretch;
	align-items: center;
	justify-content: center;
}

/* -------- Mobile, Tablet (portrait) --------- */
@media (max-width: 900px)
{
	.c-table-btn
	{
		min-height: 44px;
		min-width: 150px;
		max-width: 100%;

		margin-top: .5rem;
		margin-right: auto;
		margin-left: auto;
		margin-bottom: .5rem;
		padding: 10px 20px;

		border-radius: var(--border-radius);
	}
}

.c-table-btn--smaller-icon
{
	--icon-size: 18px;
}

.c-table-btn--in-cell
{
	width: 100%;

	margin: 0;

	background-color: transparent;
}

.c-table-btn--in-cell:hover
{
	background-color: transparent;
}

.c-table-btn--inside
{
	min-height: 34px;

	margin: 0;
	padding: 6px 16px;

	border-radius: var(--border-radius);

	align-self: center;
}

.c-table-btn--blue
{
	background-color: var(--blue);

	color: #FFF;
}

.c-table-btn--red
{
	background-color: var(--red);

	color: #FFF;
}

.c-table-btn--green
{
	background-color: var(--green);

	color: #FFF;
}

.c-table-btn--white
{
	background-color: #FFF;

	color: #000;
}

.c-table-btn__label
{
	transition: transform 200ms ease;
	transform: translateX(calc(-1 * calc(calc(var(--gap) / 2) + calc(var(--icon-size) / 2 ))));
}

.c-table-btn--in-cell .c-table-btn__label
{
	transform: translateX(-3px);
}


.c-table-btn,
.c-table-btn:hover,
.c-table-btn:focus,
.c-table-btn:active
{
	text-decoration: none;
}

.c-table-btn:hover:not(:disabled) .c-table-btn__label,
.c-table-btn:focus:not(:disabled) .c-table-btn__label,
.c-table-btn:active:not(:disabled) .c-table-btn__label
{
	box-shadow: transparent 0 0 0 0, transparent 0 0 0 0, currentColor 0 1.5px 0 0;

	transform: translateX(-3px);
}

@media (pointer: coarse)
{
	.c-table-btn__label
	{
		transform: translateX(-3px);
	}
}

.c-table-btn__icon
{
	display: block;
	opacity: 0;

	height: 1em;
	width: 1em;

	font-size: var(--icon-size);

	transition: transform 200ms ease, opacity 200ms ease;
	transform: translateX(-.5em);
}

@media (pointer: coarse)
{
	.c-table-btn__icon
	{
		opacity: 1;

		transform: translateX(-1px);
	}
}

.c-table-btn:hover:not(:disabled) .c-table-btn__icon,
.c-table-btn:focus:not(:disabled) .c-table-btn__icon,
.c-table-btn:active:not(:disabled) .c-table-btn__icon
{
	opacity: 1;

	transform: translateX(-1px);
}

.c-table-btn--in-cell .c-table-btn__icon
{
	opacity: 1;

	transform: translateX(-1px);
}
.c-table
{
	height: 1px;
	min-height: 68px;
	width: 100%;

	margin-right: auto;
	margin-left: auto;

	border-collapse: collapse;
}

.c-table__table
{
	padding: 0;

	background-color: #FFF;

	border-collapse: collapse;

	border-radius: 4px;
	border: none;

	box-shadow: var(--paper);

	flex-grow: 1;
}

.c-table__th
{
	border-bottom: 1.5px solid #ECECEC;
}

.c-table__row:hover
{
	background-color: rgb(200 200 200 / 20%);
}

.c-table__cell
{
	width: 30px;

	padding: 8px 14px;

	text-align: left;
	white-space: nowrap;

	border-right: 1.5px solid #ECECEC;
	border-left: 1.5px solid #ECECEC;
}

th.c-table__cell
{
	padding-top: 8px;
	padding-bottom: 8px;

	font-size: .9rem;

	text-transform: uppercase;
}

.c-table__cell[class$="-_link"]
{
	min-width: 120px;

	padding-top: 0;
	padding-right: 0;
	padding-left: 0;
	padding-bottom: 0;
}

.c-table__cell:first-child
{
	border-left: none;
}

.c-table__cell:last-child
{
	border-right: none;
}

.c-table__cell.User-login,
.c-table__cell.User-name
{
	width: 65%;
}

.c-table__cell.User-name
{
	white-space: normal;
}

.c-table__cell-full-height-hack
{
	display: flex;

	height: 100%;
	width: 100%;

	overflow: auto;
}
.c-tel-langs
{
	display: flex;

	min-height: var(--input-height);

	--tel-langs-radius: var(
	--input-radius);
	--tel-langs-background: var(
	--input-background);
	align-items: stretch;
	--tel-langs-padding-left: 12px;
	--tel-langs-radius: var(
	--input-radius);
}

.c-tel-langs__toggle
{
	position: relative;
	display: flex;

	gap: 0 6px;

	padding: 0 calc(var(--tel-langs-padding-left) - 4px) 0 var(--tel-langs-padding-left);

	background-color: var(--tel-langs-background);

	border-radius: var(--tel-langs-radius);

	align-items: center;
}

.c-tel-langs__toggle::before
{
	position: absolute;
	opacity: 0;

	height: 100%;
	width: 100%;

	top: 0;
	right: 0;
	left: 0;
	bottom: 0;

	background-color: #000;

	content: "";

	border-radius: var(--tel-langs-radius);

	transition: opacity 240ms ease;
}

.c-tel-langs__toggle:hover::before,
.c-tel-langs__toggle:focus::before
{
	opacity: .08;
}

.c-tel-langs__icon
{
	font-size: 24px;
}

.c-tel-langs__toggle-icon
{
	font-size: 16px;

	transition: transform 240ms ease;
}

.c-tel-langs--open .c-tel-langs__toggle-icon
{
	transform: rotate(180deg);
}

.c-tel-langs__options
{
	position: absolute;
	display: block;
	visibility: visible;

	height: auto;
	max-height: 35vh;
	width: 100%;

	margin: 0;
	top: 100%;
	right: 0;
	left: 0;
	padding: 0;

	background-color: #FFF;

	border-bottom-right-radius: var(--tel-langs-radius);
	border-bottom-left-radius: var(--tel-langs-radius);

	box-shadow: 0 6px 6px 2px rgb(0 0 0 / 4%);

	overflow: auto;

	z-index: 10;
}

.c-tel-langs__options[aria-hidden="true"]
{
	display: none;
	visibility: hidden;
}

.c-tel-langs__item
{
	position: relative;
}

.c-tel-langs__option
{
	position: relative;
	display: flex;

	gap: 0 8px;

	width: 100%;

	padding: var(--tel-langs-padding-left) 12px;

	text-align: left;

	align-items: center;
	justify-content: flex-start;
}

.c-tel-langs__option::before
{
	position: absolute;

	height: 100%;
	width: 100%;

	top: 0;
	right: 0;
	left: 0;
	bottom: 0;

	content: "";

	z-index: -2;
}

.c-tel-langs__option:hover::before,
.c-tel-langs__option:focus::before
{
	background-color: var(--input-background);
}

.c-tel-langs__cb
{
	height: 1em;
	width: 1em;

	font-size: 24px;
	color: transparent;

	border: 2px solid #E3E3E3;

	z-index: -1;
}

.c-tel-langs__cb.is-visible
{
	color: inherit;
}
.c-textarea
{
	width: 100%;
}

.c-textarea--front
{
	display: flex;

	flex-direction: column;
	gap: 4px;

	border-radius: 3px;

	--input-background: var(--background);
}

.c-textarea__content
{
	position: relative;
	display: flex;

	min-height: 120px;
	width: 100%;

	background-color: var(--input-background);

	border-radius: var(--input-radius);

	align-items: stretch;
}

.c-textarea--bg-white .c-textarea__content
{
	background-color: #F7F7F5;
}

.c-textarea--error .c-textarea__content
{
	background-color: var(--error-background);
}

.c-textarea--disabled .c-textarea__content
{
	color: #ABABAB;
}

.c-textarea--disabled .c-textarea__content *
{
	outline: none !important;
}

.c-textarea__content > div[contenteditable]
{
	position: relative;

	width: 100%;

	padding: 8px 12px;

	outline: none;

	z-index: 1;
}

.c-textarea--front .c-textarea__content > div[contenteditable]
{
	padding: 16px;
}

.c-textarea__content > div[contenteditable] > :first-child
{
	margin-top: 0;
}

.c-textarea__content > div[contenteditable] > :last-child
{
	margin-bottom: 0;
}

.c-textarea__content > div[contenteditable] ~ .c-textarea__border
{
	position: absolute;
	visibility: hidden;
	opacity: 0;

	height: calc(100% + 8px);
	width: calc(100% + 8px);

	top: -4px;
	left: -4px;

	border-radius: 4px;
	border: 2px solid #000;

	transition-timing-function: ease;
	transition-duration: 200ms;
	transition-property: height, width, opacity, visibility, top, left;

	z-index: 0;
}

.c-textarea--front .c-textarea__content > div[contenteditable] ~ .c-textarea__border
{
	visibility: visible;
	opacity: 1;

	height: 100%;
	width: 100%;

	top: 0;
	left: 0;

	border: 1px solid var(--border);
}

.c-textarea__content > div[contenteditable]:focus ~ .c-textarea__border
{
	visibility: visible;
	opacity: 1;

	height: 100%;
	width: 100%;

	top: 0;
	left: 0;
}

.c-textarea--front .c-textarea__content > div[contenteditable]:focus ~ .c-textarea__border
{
	border: 2px solid #000;
}

.c-textarea--disabled .c-textarea__border
{
	display: none;
}

.c-textarea--front .c-textarea__placeholder
{
	position: absolute;
	display: flex;

	top: 16px;
	left: 16px;

	color: var(--label);

	text-transform: uppercase;

	z-index: 0;
}
.c-text-editor
{
	width: 100%;
}
.c-tile
{
	position: relative;
	display: flex;

	flex-direction: column;
	gap: 35px;

	width: 400px;
	max-width: 100%;

	margin: auto;
	padding: 20px 50px;

	color: #000;

	border-radius: 8px;

	box-shadow: var(--paper);

	overflow: hidden;
}

.c-tile--page-error
{
	width: 550px;
}

.c-tile--primary
{
	color: var(--primary);
}

.c-tile--red
{
	color: var(--red);
}

.c-tile--bg-white
{
	background-color: #FFF;
}

.c-tile__icon-container
{
	position: absolute;
	display: flex;

	height: 1em;
	width: 1em;

	top: 0;
	right: 0;

	background-color: currentColor;

	font-size: 42px;

	border-bottom-left-radius: 8px;

	align-items: center;
	justify-content: center;
}

.c-tile--red .c-tile__icon-container
{
	color: #E93339;
}

.c-tile__icon
{
	display: block;

	font-size: 42px;
	color: #FFF;
}

.c-tile__icon[data-icon="BsExclamationLg"]
{
	font-size: 30px;
}

.c-tile__title
{
	display: flex;

	flex-direction: column;

	width: 100%;

	margin: 0;

	color: #000;

	align-items: center;
}

.c-tile__sep
{
	display: flex;

	flex-direction: column;
	gap: 2px;

	margin-top: 12px;
	margin-right: auto;
	margin-left: auto;

	font-size: 44px;
	color: inherit;

	align-self: center;
}

.c-tile__sep::before,
.c-tile__sep::after
{
	position: relative;

	height: 2.5px;
	width: 38px;

	content: "";

	border-radius: 4px;
}

.c-tile__sep::before
{
	left: -4px;

	background-color: var(--primary);
}

.c-tile__sep::after
{
	left: 4px;

	background-color: var(--secondary);
}

.c-tile--primary .c-tile__sep
{
	color: var(--primary);
}

.c-tile__content
{
	width: 100%;

	text-align: center;
}

.c-tile__number
{
	font-weight: 700;
	font-size: 2.4rem;
	color: inherit;
}
.vendre--chiffre
{
	display: flex;

	width: 25%;

	color: var(--primary);

	text-align: center;

	align-self: center;
}

.vendre--chiffre::after
{
	height: 150px;

	content: "";

	border-right: 2px solid var(--border);

	align-self: center;
}

.vendre--chiffre:last-child::after
{
	border-right: none;
}

/* -------------- Mobile, Tablet -------------- */
@media (max-width: 1200px)
{
	.vendre--chiffre
	{
		flex-direction: column;

		height: 100%;
		width: 100%;

		justify-content: space-between;
	}

	.vendre--chiffre::after
	{
		height: auto;
		width: 250px;

		border-right: none;
		border-bottom: 2px solid var(--border);
	}
}

@media (min-width: 768px) and (max-width: 1200px)
{
	.vendre--chiffre:nth-last-child(-n + 2)::after
	{
		border: none;
	}
}

.vendre--chiffre__content
{
	width: 100%;

	padding: 50px;

	justify-items: center;
}

/* -------------- Mobile, Tablet -------------- */
@media (max-width: 1200px)
{
	.vendre--chiffre__content
	{
		padding: 30px;
	}
}

/* ------------------ Mobile ------------------ */
@media (max-width: 599px)
{
	.vendre--chiffre__content
	{
		padding: 50px 0;
	}
}

.vendre--chiffre__icon
{
	height: 60px;
	width: 60px;
}

.vendre--chiffre__text-highlight
{
	margin: 0;

	font-weight: 500;
	font-size: 28px;
}

.vendre--chiffre__highlight
{
	font-weight: 500;
	font-size: 36px;
}

.vendre--chiffre__text
{
	width: 75%;

	color: var(--title);
}

.vendre--chiffre__action
{
	display: flex;

	width: 100%;

	justify-content: flex-end;
}

/* ------ Tablet (portrait & landscape) ------- */
@media (min-width: 600px) and (max-width: 1200px)
{
	.vendre--chiffre__action
	{
		justify-content: center;
	}
}

/* ------------------ Mobile ------------------ */
@media (max-width: 599px)
{
	.vendre--chiffre__action-btn
	{
		width: 100%;
	}
}
.c-week-day-picker
{
	position: relative;
	display: flex;

	flex-wrap: wrap;
	gap: 0 8px;

	width: 100%;

	align-items: stretch;
}

.c-week-day-picker__col
{
	display: flex;

	flex-grow: 1;
}

.c-week-day-picker__label
{
	width: 100%;

	margin-top: 12px;
	padding-left: 0;
	padding-bottom: 6px;

	font-family: inherit;
	font-weight: 400;
	font-size: .9em;
	color: #000;

	cursor: default;
	user-select: none;
	text-align: left;
	letter-spacing: .02em;
	text-transform: uppercase;

	order: -1;
}
.auth-page__left
{
	display: flex;

	flex-direction: column;

	width: 45%;

	padding: 25px 100px;

	overflow: hidden;

	align-items: center;
	align-self: stretch;
}

/* ----------------- Laptop ------------------- */
@media (min-width: 1201px) and (max-width: 1536px)
{
	.auth-page__left
	{
		padding: 0 75px;
	}
}

/* -------------- Mobile, Tablet -------------- */
@media (max-width: 1200px)
{
	.auth-page__left
	{
		width: 100%;

		padding-right: 35px;
		padding-left: 35px;

		flex-grow: 1;
		justify-content: center;
		flex-shrink: 0;
	}
}

/* ------------ Tablet (landscape) ------------ */
@media (min-width: 901px) and (max-width: 1200px)
{
	.auth-page__left
	{
		padding: 0 30px;
	}
}

/* ------------ Tablet (portrait) ------------- */
@media (min-width: 600px) and (max-width: 900px)
{
	.auth-page__left
	{
		padding-right: 120px;
		padding-left: 120px;
	}
}

/* ------------------ Mobile ------------------ */
@media (max-width: 599px)
{
	.auth-page__left
	{
		padding-right: 20px;
		padding-left: 20px;
	}
}

/* -------------- Mobile (small) -------------- */
@media (max-width: 369px)
{
	.auth-page__left
	{
		padding-right: 12px;
		padding-left: 12px;
	}
}

/* ------------------------------------ */
/* --------- auth-page__right -------- */
/* ------------------------------------ */

.auth-page__right
{
	position: relative;
	display: flex;

	width: 55%;
}

.auth-page__right-img
{
	position: absolute;
	display: block;

	height: 100%;
	width: 100%;

	top: 0;
	left: 0;

	object-fit: cover;
	object-position: center;
}

.auth-page__right::before
{
	position: absolute;
	display: block;

	height: 100%;
	width: 100%;

	top: 0;
	left: 0;

	background: #E9F2F4;
	background: linear-gradient(to bottom, #E9F2F4 0%, #E3EFFF 100%);
	background-position: center;
	background-size: cover;

	content: "";
}

/* -------------- Mobile, Tablet -------------- */
@media (max-width: 1200px)
{
	.auth-page__right
	{
		height: 35vh;
		min-height: 20vh;
		width: 100%;

		order: -1;
		flex-grow: 0;
		flex-shrink: 1;
	}
}

/* ------------------ Mobile ------------------ */
@media (max-width: 599px)
{
	.auth-page__right
	{
		display: none;
	}
}

/* ------------------------------------ */
/* --------- auth-page__title -------- */
/* ------------------------------------ */

.auth-page__title
{
	line-height: 1.2em;

	margin: 0;
	padding: 15px 100px;

	font-weight: 500;
	font-size: 2.3em;
	color: var(--primary);

	letter-spacing: .05em;
}

/* ----------------- Laptop ------------------- */
@media (min-width: 1201px) and (max-width: 1536px)
{
	.auth-page__title
	{
		font-size: 2.4em;
	}
}

/* -------------- Mobile, Tablet -------------- */
@media (max-width: 1200px)
{
	.auth-page__title
	{
		text-align: center;
	}
}

/* -------------- Mobile, Tablet -------------- */
@media (max-width: 1200px)
{
	.auth-page__title
	{
		padding-top: 12px;
		padding-bottom: 12px;

		font-size: 2em;
	}
}

/* ------------------ Mobile ------------------ */
@media (max-width: 599px)
{
	.auth-page__title
	{
		padding: 0 15px;

		font-weight: 600;
		font-size: 1.25em;
	}
}

.auth-page__logo
{
	display: block;

	height: auto !important;
	width: 243px !important;
	max-width: 100%;

	margin: 2rem auto 2rem;
}

/* ------------------ Mobile ------------------ */
@media (max-width: 599px)
{
	.auth-page__logo
	{
		width: 140px;
	}
}

.auth-page__top-return
{
	margin-right: auto;
}

/* ----------------- Desktop ------------------ */
@media (min-width: 1537px)
{
	.auth-page__top-return
	{
		margin-left: 15%;
	}
}

/* ------------------------------------ */
/* --------- auth-page__form --------- */
/* ------------------------------------ */

.auth-page__form
{
	position: relative;
	display: flex;

	flex-wrap: wrap;
	gap: 15px;

	width: 100%;

	margin: 30px auto 2rem auto;
}

/* ----------------- Desktop ------------------ */
@media (min-width: 1537px)
{
	.auth-page__form
	{
		width: 70%;
	}
}

/* -------- Mobile, Tablet (portrait) --------- */
@media (max-width: 900px)
{
	.auth-page__form
	{
		margin-top: 12px;
	}
}
.acheter--section
{
	width: 100%;

	background-color: var(--background);
}

.acheter--properties
{
	width: 100%;

	background-color: var(--background);
}

.acheter--properties__highlight
{
	color: var(--primary-light);
}

.acheter--properties__title,
.acheter--properties__subtitle
{
	width: 80%;
	max-width: 920px;

	color: var(--primary);
}

.acheter--properties__title
{
	margin: 0 0 30px 0;

	font-weight: 400;
	font-size: 42px;
	color: var(--primary);

	text-transform: uppercase;
}

.acheter--properties__subtitle
{
	font-weight: 300;
	font-size: 20px;
}

.acheter--off-market
{
	width: 100%;

	background-color: var(--background);
}

.acheter--temoignages
{
	width: 100%;

	margin: 0 auto;
	padding: 50px var(--page-margin);
}

/* ------------------ Mobile ------------------ */
@media (max-width: 599px)
{
	.acheter--temoignages
	{
		padding-bottom: 0;
	}
}

.acheter--temoignages__title
{
	margin: 0 0 30px 0;

	font-weight: 400;
	font-size: 42px;
	color: var(--primary);

	letter-spacing: normal;
	text-transform: uppercase;
}

/* ------ Tablet (portrait & landscape) ------- */
@media (max-width: 1024px)
{
	.acheter--temoignages__title
	{
		font-size: 36px;
	}
}
.beosaba
{
	position: relative;

	width: 100%;

	top: 0;
	left: 0;

	background-color: var(--background);

	z-index: 0;
}

.beosaba--principe
{
	width: 100%;
	max-width: 1720px;

	margin: 0 auto;
}

.beosaba--principe__conclusion--title,
.beosaba--temoignages__title
{
	margin: 0 0 30px 0;

	font-weight: 400;
	font-size: 42px;
	color: var(--primary);
}

.beosaba--principe__etapes
{
	display: flex;

	flex-direction: column;
	gap: 15px;

	padding: 0;

	list-style: none;

	font-size: 20px;
	color: var(--primary);

	counter-reset: order-counter;
}

.beosaba--principe__etapes--item
{
	display: flex;

	padding-right: 30px;

	counter-increment: order-counter;

	border: 1px solid var(--border);

	align-items: center;
}

.beosaba--principe__etapes--item__bloc
{
	display: flex;

	gap: 30px;

	width: 100%;

	padding-left: 30px;

	align-items: center;
}

.beosaba--principe__etapes--item__bloc::before
{
	height: 75px;
	width: 100%;
	max-width: 75px;

	padding: 10px;

	font-weight: 500;
	font-size: 36px;

	content: "0" counter(order-counter);
	text-align: center;

	border-radius: 50%;
	border: 1px solid var(--primary);

	align-content: center;
}

.beosaba--principe__etapes--item-img
{
	height: 250px;
	width: 100%;

	object-fit: cover;
}

.beosaba--principe__etapes--item-title
{
	font-weight: 500;

	text-transform: uppercase;
}

.beosaba--principe__etapes--item-text
{
	color: var(--text);

	letter-spacing: normal;
}

.beosaba--principe__etapes--item-icon
{
	height: 80px;
	width: 100%;
	max-width: 80px;

	padding: 15px;

	border-radius: 50%;
	border: 1px solid var(--primary);

	overflow: visible;
}

.beosaba--temoignages
{
	width: 100%;
	max-width: 1720px;

	margin: 15px auto;
	padding: 50px 50px;

	border: 1px solid var(--border);
}

/* ------------------ Mobile ------------------ */
@media (max-width: 1023px)
{
	.beosaba--principe__etapes--item
	{
		padding: 0 30px 30px 30px;

		overflow: hidden;
	}

	.beosaba--principe__etapes--item,
	.beosaba--principe__etapes--item__bloc
	{
		flex-direction: column;
	}

	.beosaba--principe__etapes--item__bloc
	{
		padding: 30px 0 0 0;
	}

	.beosaba--temoignages
	{
		text-align: center;
	}
}
.blog--container,
.blog--categories
{
	width: 100%;

	margin: 0 0 15px 0;
	padding: 50px 0;

	background-color: var(--background);
}

.blog--latest,
.blog--categories-list
{
	width: 100%;

	margin: 15px auto;

	justify-self: center;
}

.blog--container__latest
{
	width: calc(100% - var(--page-margin) - var(--page-margin));

	margin-right: auto;
	margin-left: auto;
}

.blog--latest__container--title
{
	max-width: 100%;

	margin: 0 0 30px 0;

	font-weight: 500;
	font-size: 42px;

	letter-spacing: normal;
	text-transform: uppercase;
}

.blog--categories-list
{
	display: flex;

	flex-direction: column;
	gap: 15px;

	width: calc(100% - var(--page-margin) - var(--page-margin));
}

.blog--categories-list__item
{
	display: flex;

	width: 100%;
}

.blog--categories-list__item-img
{
	height: 250px;
	width: 100%;

	margin-right: 50px;

	object-fit: cover;
	object-position: center;
}

.blog--categories-list__item-content
{
	display: flex;

	width: 100%;

	justify-content: space-between;
	align-items: center;
}

.blog--categories-list__item-text
{
	position: relative;

	margin: 0;

	font-weight: 500;
	font-size: 32px;
	color: var(--title);

	letter-spacing: .02em;
	text-transform: uppercase;
}

@media (max-width: 1024px)
{
	.blog--categories-list__item-text
	{
		text-align: center;
	}
}

.blog--categories-list__item-desc
{
	width: 100%;

	font-size: 18px;
	color: var(--title);

	letter-spacing: .02em;
	text-transform: none;
}

.blog--categories-list__item-link
{
	display: flex;

	height: 250px;
	width: 100%;

	padding: 50px 25px 50px 0;

	text-decoration: none;

	border-bottom: 2px solid var(--border);

	align-items: center;
}

.blog--categories-list__icon
{
	height: 35px;
	width: 50px;

	color: var(--primary);
}

@media (max-width: 768px)
{
	.blog--latest__container--title
	{
		text-align: center;
	}
}

@media (max-width: 1024px)
{
	.blog--categories-list__item-link,
	.blog--categories-list__item-content
	{
		flex-direction: column;
	}

	.blog--categories-list__item-img
	{
		margin: 0;
	}

	.blog--categories-list__item-link
	{
		height: auto;

		margin-bottom: 30px;
		padding: 0;
	}

	.blog--categories-list__item-content
	{
		gap: 30px;

		width: 100%;

		margin: 30px auto;
	}
}
.categorie
{
	position: relative;
}

.categorie--articles
{
	display: flex;

	flex-direction: column;
	gap: 48px;

	max-width: 1440px;

	margin: 0 auto;
	padding: 64px var(--page-margin);

	align-items: center;
}

/* ------------------ Mobile ------------------ */
@media (max-width: 599px)
{
	.categorie--articles
	{
		padding: var(--page-mobile-padding);
	}
}

.categorie--articles-not-found
{
	margin: 0;

	font-weight: 400;
}

.categorie--articles__btn
{
	display: flex;

	gap: 8px;

	padding: 16px 18px;

	background-color: var(--saumon);

	font-weight: 400;
	color: #FFF;
	text-decoration: none;

	text-transform: none;

	border-radius: 24px;
	border: 1px solid var(--saumon);

	align-items: center;
}

.categorie--articles__btn:hover
{
	background-color: transparent;

	color: var(--saumon) !important;

	border: 1px solid var(--saumon) !important;
}
.contact
{
	position: relative;

	width: 100%;

	margin: 0;
	padding: 0 var(--page-margin);

	background-color: var(--background);

	z-index: 0;
}

@media (min-width: 1441px)
{
	.contact::before
	{
		position: absolute;
		display: block;

		height: 100%;
		width: 50%;

		left: 50%;

		background-color: #F9F5F2;

		content: "";

		z-index: -1;
	}
}

/* ------------------ Mobile ------------------ */
@media (max-width: 599px)
{
	.contact
	{
		padding-right: var(--page-mobile-padding);
		padding-left: var(--page-mobile-padding);
	}
}

.contact--title
{
	margin: 0 0 50px 0;

	font-weight: 500;
	font-size: 42px;

	text-transform: uppercase;
}

.contact--container
{
	display: flex;

	gap: 100px;

	--padding-y: 65px;
}

/* -------- Mobile, Tablet (portrait) --------- */
@media (max-width: 900px)
{
	.contact--container
	{
		--padding-y: 35px;
	}
}

.contact--agencies
{
	display: flex;

	gap: 0;

	padding: 0;

	justify-content: space-around;
}

@media (min-width: 1441px)
{
	.contact--agencies
	{
		width: 30%;

		flex-grow: 1;
	}
}

/* ------------------ Mobile ------------------ */
@media (max-width: 599px)
{
	.contact--title
	{
		top: 10%;
		left: -5%;
	}
}

@media (min-width: 600px) and (max-width: 767px)
{
	.contact--title
	{
		top: 13%;
		left: -5%;
	}
}

/* ------------------ Mobile ------------------ */
@media (max-width: 767px)
{
	.contact
	{
		padding: 30px;
	}

	.contact--title__main
	{
		font-size: 56px;
	}

	.contact--title__subtitle
	{
		margin-top: 15px;

		font-size: 18px;
	}

	.contact--agencies
	{
		flex-direction: column;
	}
}

/* ----------------- Laptop ------------------- */
@media (min-width: 768px) and (max-width: 1024px)
{
	.contact--title
	{
		top: 18%;
		left: -3%;
	}

	.contact--title__main
	{
		font-size: 64px;
	}

	.contact--title__subtitle
	{
		font-size: 24px;
	}
}

/* ------ Tablet (portrait & landscape) ------- */
@media (max-width: 1440px)
{
	.contact--container
	{
		flex-direction: column;
		gap: 0;

		justify-content: center;
	}
}
.createurs--projets,
.createurs--contact,
.createurs--faq
{
	width: 100%;

	background-color: var(--background);
}

.createurs--activites
{
	width: 100%;
}

.createurs--contact
{
	margin: 15px 0;
	padding: 0 var(--page-margin);
}

.createurs--projets__container
{
	width: 100%;

	margin: 0 auto;
	padding: 50px var(--page-margin);
}

.createurs--projets__title
{
	margin: 0;

	font-weight: 500;
	font-size: 24px;

	text-transform: uppercase;
}

.createurs--projets__title::after
{
	display: block;

	width: 5%;

	padding: 15px 0;

	content: "";

	border-bottom: 2px solid var(--primary-light);
}

.createurs--projets__subtitle
{
	margin-top: 15px;
	margin-bottom: 30px;

	font-size: 1.8rem;
}

/* ------------------ Mobile ------------------ */
@media (max-width: 599px)
{
	.createurs--projets__subtitle
	{
		font-size: 1.4rem;
	}
}

.createurs--projets__title .highlight,
.createurs--projets__subtitle .highlight
{
	color: var(--primary-light);
}

.createurs--projets__texte
{
	font-size: 18px;

	white-space: pre-line;

	align-items: center;
}

.createurs--activites
{
	display: flex;

	flex-direction: column;
	gap: 15px;
}

.createurs--contact__title::after
{
	display: block;

	width: 5%;

	padding: 5px 0;

	content: "";

	border-bottom: 2px solid var(--primary-light);
}

.createurs--contact__container
{
	display: flex;

	flex-wrap: wrap;
	row-gap: 20px;

	width: 100%;

	margin: 0 auto;
	padding: 50px 0;

	background-color: var(--background);
}

.createurs--contact__container--content
{
	width: 26em;

	flex-grow: 0;
	flex-shrink: 0;
}

.createurs--contact__title
{
	margin: 0 0 15px 0;

	font-weight: 500;
	font-size: 28px;

	text-transform: uppercase;
}

.createurs--contact__title .highlight
{
	color: var(--primary-light);
}

.createurs--contact__text
{
	line-height: 1.5em;

	margin: 0;
}

.createurs--contact .contact--form__btn
{
	margin-bottom: 15px;

	background-color: var(--bleu-gris);
}

.createurs--contact #contact_form_note
{
	font-size: 18px;
	color: #FFF;
}

.createurs--faq
{
	padding: 50px 0;
}

/* ----------------- Laptop ------------------- */
@media (max-width: 1200px)
{
	.createurs--contact__container--content
	{
		width: 100%;
	}
}

@media (max-width: 1024px)
{
	.createurs--contact__container
	{
		flex-direction: column;
		gap: 30px;
	}
}

/* ------------------ Mobile ------------------ */
@media (max-width: 599px)
{
	.createurs--projets__title
	{
		font-size: 28px;
	}

	.createurs--projets__texte
	{
		font-size: 1.1rem;
	}
}
.home-properties
{
	width: 100%;

	background-color: var(--background);
}

.home-properties__highlight
{
	color: var(--primary-light);
}

.home--container
{
	background-color: var(--background);
}

.home--blocks
{
	display: flex;

	flex-direction: column;
	gap: 15px;

	height: min-content;
	width: 100%;

	margin: 0 auto;
	padding: 15px var(--page-margin);

	background-color: var(--background);

	align-items: center;
}
.honoraires
{
	width: 100%;
	max-width: 1440px;

	margin: 0 auto;
	padding: 50px 0;
}

.honoraires--title
{
	margin: 0 0 50px 0;

	font-weight: 400;
	font-size: 42px;

	text-transform: uppercase;
}

.honoraires--bareme
{
	margin-bottom: 50px;

	border-collapse: collapse;

	border: 1px solid #000;

	justify-self: center;
}

.honoraires--bareme.cell
{
	padding: 10px;

	font-size: 20px;
}

.honoraires--note
{
	margin: 0;

	font-size: 20px;
}
.mentions
{
	max-width: 1440px;

	margin: 0 auto;
	padding: 64px 0;
}

.mentions__title
{
	margin: 0;

	font-weight: 500;
	font-size: 36px;

	text-transform: uppercase;
}

.mentions__text
{
	font-size: 18px;
}

.mentions__link
{
	font-size: 18px;
	color: var(--primary-light);

	letter-spacing: .02em;
}

/* ----------------- Laptop ------------------- */
@media (max-width: 1536px)
{
	.mentions
	{
		width: 90%;
	}
}
.osaba--img__logo
{
	position: relative;

	height: 300px;
	width: 300px;

	margin: auto;
}

.osaba--img__logo svg
{
	fill: var(--primary);
}

.osaba--engages__title
{
	margin: 0 0 50px 0;

	font-weight: 400;
	font-size: 42px;
	color: var(--title);
}

.osaba--engages__grille-item
{
	position: relative;

	background-color: #F7F3F0;
}

.osaba--engages__grille--item__container
{
	padding: 5px 30px 30px 30px;
}

.osaba--engages__grille--item__title
{
	margin: 15px 0;

	font-weight: 400;
	font-size: 24px;
}

.osaba--engages__grille--item__text
{
	line-height: 1.5em;

	margin: 0;
}

.osaba--beosaba__title,
.osaba--temoignages__title
{
	margin: 0 0 30px 0;

	font-weight: 500;
	font-size: 24px;
	color: var(--primary-light);
}

.osaba--beosaba__subtitle,
.osaba--temoignages__subtitle,
.acheter--temoignages__subtitle,
.vendre--temoignages__subtitle
{
	margin-bottom: 30px;

	font-size: 2.4rem;
}

.osaba--beosaba__subtitle::after,
.osaba--temoignages__subtitle::after,
.acheter--temoignages__subtitle::after,
.vendre--temoignages__subtitle::after
{
	display: block;

	width: 3%;

	padding-top: 30px;

	content: "";

	border-bottom: 2px solid var(--primary-light);
}

.osaba--beosaba__subtitle--text,
.osaba--temoignages__subtitle--text,
.acheter--temoignages__subtitle--text,
.vendre--temoignages__subtitle--text
{
	margin: 0;

	font-weight: 400;
}

/* -------- Mobile, Tablet (portrait) --------- */
@media (max-width: 900px)
{
	.osaba--beosaba__subtitle--text,
	.osaba--temoignages__subtitle--text,
	.acheter--temoignages__subtitle--text,
	.vendre--temoignages__subtitle--text
	{
		font-size: 1.7rem;
	}
}

.osaba--beosaba__subtitle--text .highlight,
.osaba--temoignages__subtitle--text .highlight,
.acheter--temoignages__subtitle--text .highlight,
.vendre--temoignages__subtitle--text .highlight
{
	color: var(--primary-light);
}

.osaba--beosaba__subtitle--content
{
	display: flex;

	gap: 25px;

	justify-content: space-between;
}

.osaba--title__main
{
	margin: 0 0 50px 0;

	font-weight: 400;
}

@media (max-width: 767px)
{
	.osaba--title
	{
		top: 2%;
	}
}

.osaba--beosaba__chiffres
{
	display: flex;

	gap: 30px;

	align-items: center;
}

.osaba--beosaba__chiffres--item
{
	padding-right: 30px;

	text-align: center;

	border-right: 2px solid var(--border);

	justify-items: center;
}

.osaba--beosaba__chiffres--item:last-child
{
	padding: 0;

	border: none;
}

.osaba--beosaba__chiffres--item__icon
{
	height: 1em;
	width: 1em;

	font-size: 50px;

	fill: var(--primary-light);
	flex-shrink: 0;
}

/* -------------- Mobile (small) -------------- */
@media (max-width: 369px)
{
	.osaba--beosaba__chiffres--item__icon
	{
		font-size: 32px;
	}
}

.osaba--beosaba__container
{
	width: auto;

	margin: 0;
	padding: 50px 50px 50px var(--page-margin);

	flex-grow: 1;
}

/* ------------------ Mobile ------------------ */
@media (max-width: 599px)
{
	.osaba--beosaba__container
	{
		padding-right: var(--page-margin);
	}
}

.osaba--beosaba,
.osaba--engages,
.osaba--temoignages,
.osaba--faq
{
	width: 100%;

	background-color: var(--background);
}

.osaba--faq
{
	padding-bottom: 50px;
}

.osaba--beosaba
{
	margin-bottom: 30px;
}

.osaba--beosaba
{
	display: flex;

	height: 600px;
}

.osaba--temoignages__container,
.osaba--engages__container
{
	width: 100%;

	margin: 0 auto;
	padding: 50px var(--page-margin);
}

/* -------- Mobile, Tablet (portrait) --------- */
@media (max-width: 900px)
{
	.osaba--engages__container
	{
		width: 100%;
	}
}

.osaba--beosaba__content
{
	color: var(--title-font);
}

.osaba--beosaba__right
{
	position: relative;

	height: 100%;
	width: 40%;

	flex-shrink: 0;
}

.osaba--beosaba__right--img
{
	height: 100%;
	width: 100%;

	object-fit: cover;
}

.osaba--beosaba__content--btn
{
	position: absolute;
	display: flex;

	gap: 30px;

	width: fit-content;

	top: 85%;
	margin-right: 30px;
	left: 5%;
	padding: 15px 30px;

	background-color: var(--primary);

	font-size: 15px;
	color: #FFF;

	text-transform: uppercase;

	border-radius: 3px;

	align-items: center;
}

.osaba--beosaba__img
{
	height: 500px;
	width: 100%;

	object-fit: cover;
	filter: brightness(.6);
}

.osaba--beosaba__download--title
{
	font-size: 32px;
}

.osaba--engages__icon
{
	position: relative;
	display: flex;

	height: 1em;
	width: 1em;

	margin-top: -.5em;
	margin-left: .4em;

	background-color: var(--background);

	font-size: 78px;

	border-radius: 50%;
	border: 15px solid var(--background);

	z-index: 2;

	stroke: var(--primary-light);
}

.osaba--engages__icon#causes
{
	fill: var(--primary-light);
}

.osaba--engages__icon#sport
{
	border: 17px solid var(--background);

	overflow: visible;

	fill: var(--primary-light);
}

.osaba--engages__grille
{
	display: grid;

	gap: 50px;

	grid-template-columns: 1fr 1fr 1fr;
}

/* -------- Mobile, Tablet (portrait) --------- */
@media (max-width: 900px)
{
	.osaba--engages__grille
	{
		display: grid;

		gap: 48px;

		grid-template-columns: 1fr 1fr;
	}
}

.osaba--engages__grille--img
{
	height: 100%;
	max-height: 350px;
	width: 100%;

	object-fit: cover;
}

.osaba--beosaba__content
{
	line-height: 1.8;

	font-size: 1.05rem;
}

.osaba--beosaba__content--btn:hover
{
	background-color: transparent;

	color: var(--hover);

	border: 1px solid var(--hover);
}

@media (max-width: 1440px)
{
	.osaba--beosaba
	{
		flex-direction: column;

		height: 100%;
	}

	.osaba--beosaba__container
	{
		width: 1100px;
		max-width: 100%;

		margin-right: auto;
		margin-left: auto;
	}

	.osaba--beosaba__subtitle--content
	{
		flex-direction: column;
	}

	.osaba--beosaba__right
	{
		height: 380px;
		width: 100%;
	}

	.osaba--beosaba__content--btn
	{
		top: 85%;
	}
}

@media (max-width: 1200px)
{
	.osaba--beosaba
	{
		height: 100%;
	}
}

@media (min-width: 768px) and (max-width: 949px)
{
	.osaba--title
	{
		top: 3%;
	}
}

@media (min-width: 950px) and (max-width: 1023px)
{
	.osaba--title
	{
		top: 3%;
	}
}

/* ----------------- Tablet, Laptop ------------------- */
@media (max-width: 1023px)
{
	.osaba--engages
	{
		justify-items: center;
	}

	.osaba--engages__grille
	{
		grid-template-columns: 1fr;
	}

	.osaba--beosaba__chiffres
	{
		flex-direction: column;

		margin-top: 30px;

		align-items: flex-start;
	}

	.osaba--beosaba__chiffres--item
	{
		display: flex;

		flex-direction: column;
		gap: 0;

		width: 100%;
		max-width: 100%;

		padding: 0 0 30px 0;

		border-right: none;
		border-bottom: 2px solid var(--border);

		align-items: flex-start;
	}

	.osaba--beosaba__content--btn
	{
		top: 80%;
	}
}

/* ------------------ Mobile ------------------ */
@media (max-width: 599px)
{
	.osaba--engages__icon#tradition,
	.osaba--engages__icon#causes,
	.osaba--engages__icon#sport
	{
		top: 56%;
	}

	.osaba--beosaba__content--btn
	{
		top: 70%;
	}
}

@media (max-width: 575px)
{
	.osaba--engages__icon#tradition,
	.osaba--engages__icon#causes,
	.osaba--engages__icon#sport
	{
		top: 53%;
	}
}

@media (max-width: 550px)
{
	.osaba--engages__icon#tradition
	{
		top: 54%;
	}

	.osaba--engages__icon#causes
	{
		top: 53.5%;
	}

	.osaba--engages__icon#sport
	{
		top: 53.75%;
	}
}
.property
{
	width: 100%;

	background-color: var(--background);

	--photos-height: 500px;
}

.property__title
{
	margin: 0 0 30px 0;

	font-weight: 400;
	font-size: 36px;

	text-transform: uppercase;
}

.property__title::after
{
	display: block;

	width: 5%;

	padding-top: 25px;

	content: "";

	border-bottom: 3px solid var(--primary-light);
}

.property__text
{
	margin-bottom: 50px;

	font-size: 18px;
}

.property--container
{
	display: flex;

	width: 100%;
	max-width: 1720px;

	margin: 0 auto;
}

.property--grid
{
	height: fit-content;
	width: 50%;

	padding: 50px 2.5vw 50px 0;

	background-color: var(--background);

	border-radius: 3px;
}

.property--grid-imgs
{
	display: grid;

	gap: 15px;

	grid-template-columns: repeat(3, 1fr);
}

.property--grid-imgs .show-more--btn ~ img
{
	display: none;
}

.property--grid-imgs .show-more--btn.clicked
{
	order: 1;
}

.property--grid-imgs .show-more--btn.clicked ~ img
{
	display: block;
}

.property--grid-imgs__item
{
	height: 150px;
	width: 100%;

	border-radius: 3px;

	object-fit: cover;
	object-position: center bottom;
}

.property--grid-imgs__item.is-first
{
	height: auto;

	grid-column: span 3 / span 3;
}

@media (min-width: 1441px)
{
	.property--grid-imgs__item.is-first
	{
		height: var(--photos-height);
	}
}

.property--infos-generales
{
	padding: 50px 0 50px 2.5vw;

	background-color: var(--background);

	border-radius: 3px;
}

.property--infos-generales__content,
.property--carte
{
	display: flex;

	flex-wrap: wrap;
	gap: var(--gap);
	--gap: 15px;

	align-items: center;
	justify-items: center;
	--el-count: 4;
	--total-gap: calc(var(--gap) * calc(var(--el-count) - 1));
}

@media (min-width: 1441px)
{
	.property--infos-generales__content
	{
		min-height: var(--photos-height);
	}
}

.property--desc
{
	width: 100%;

	border: 1px solid var(--border);
}

.property--desc__content
{
	width: 100%;
	max-width: 1720px;

	margin: 0 auto;
	padding: 50px 0;
}

.property--desc__conseiller
{
	display: flex;

	gap: 25px;

	width: fit-content;

	padding: 20px 100px 20px 30px;

	border: 1px solid var(--border);

	align-items: center;
}

.property--desc__conseiller--icon
{
	height: 55px;
	width: 55px;

	padding: 0 15px;

	border-radius: 50%;
	border: 1px solid var(--primary-light);

	fill: var(--primary-light);
}

.property--desc__conseiller--text
{
	margin: 10px 0;

	font-weight: 600;
	font-size: 18px;
	color: var(--primary-light);
}

.property--details
{
	width: 50%;
}

.property--infos
{
	display: flex;

	flex-direction: column;

	width: calc(calc(100% / var(--el-count)) - var(--el-gap));

	text-align: center;

	justify-items: center;
	flex-shrink: 0;
	flex-grow: 0;
	--el-gap: calc(var(--total-gap) / var(--el-count));
	align-items: center;
}

.property--infos.prix
{
	padding: 20px 0;

	border: 1px solid var(--border);
}

.property--infos__item
{
	width: 100%;
	max-width: 225px;

	padding: 3% 0;

	background-color: var(--saumon);

	border-radius: 50%;

	justify-items: center;
	align-content: center;
}

.property--infos__item--icon
{
	height: 50px;
	width: 50px;

	fill: var(--primary);
	stroke: var(--primary);
}

.property--infos__item-text
{
	line-height: 1.4;

	margin: 15px 0 0 0;

	font-size: 1.05rem;

	text-align: center;
}

/* -------- Mobile, Tablet (portrait) --------- */
@media (max-width: 900px)
{
	.property--infos__item-text
	{
		margin-top: 0;
	}
}

.property--infos__item-text.price
{
	color: var(--primary);
}

.property--infos__item--price
{
	padding: 10px 12px;

	background-color: var(--primary);

	font-size: 1.3rem;
	color: #FFF;

	border-radius: 30px;
}

.property--conseiller
{
	padding: 50px 0;

	background-color: var(--background);
}

.property--conseiller__container
{
	max-width: 1720px;

	margin: 0 auto;
}

.property--georisques
{
	font-weight: 400;
	color: var(--label);

	text-align: center;
}

/* ------------------ Mobile ------------------ */
@media (max-width: 599px)
{
	.property--desc__conseiller--icon
	{
		width: 80px;
	}
}

/* ------------ Tablet (portrait) ------------- */
@media (max-width: 767px)
{
	.property--infos-generales__content
	{
		display: flex;

		--gap: 12px;

		--el-count: 2;
	}
}

/* ------------------ Mobile, Tablet ------------------ */
@media (max-width: 1024px)
{
	.property--infos
	{
		display: flex;

		flex-direction: column;
		gap: 15px;

		align-items: center;
	}

	.property--infos__item
	{
		height: 200px;
	}

	.property--infos.prix
	{
		margin: 0;
	}
}

@media (max-width: 1440px)
{
	.property--container
	{
		flex-direction: column;
	}

	.property--details,
	.property--grid
	{
		width: 100%;
	}

	.show-more--btn
	{
		font-size: 16px;
	}

	.property--georisques
	{
		width: 90%;

		margin: 30px auto;
	}
}

@media (max-width: 1200px)
{
	.property--conseiller,
	.property--desc,
	.property--infos-generales,
	.property--grid
	{
		padding: 30px;
	}
}
.rejoindre-equipe
{
	width: 100%;

	background-color: var(--background);
}
.vendre--section
{
	width: 100%;

	margin: 50px auto 0 auto;
	padding: 30px 40px;

	background-color: var(--background);

	border-radius: 3px;
	border: 1px solid var(--border);
}

/* ------------------ Mobile ------------------ */
@media (max-width: 599px)
{
	.vendre--section
	{
		padding-right: 20px;
		padding-left: 20px;
	}
}

.vendre--estimer__content--title,
.vendre--temoignages__title
{
	margin: 0 0 30px 0;

	font-weight: 400;
	font-size: 2.1rem;
	color: var(--primary);

	letter-spacing: normal;
	text-transform: uppercase;
}

/* ------------------ Mobile ------------------ */
@media (max-width: 599px)
{
	.vendre--estimer__content--title
	{
		font-size: 1.7rem;
	}
}

.vendre--estimer__content--quote
{
	display: flex;

	margin-bottom: 30px;
}

.vendre--estimer__content--quote-icon
{
	height: 25px;
	width: 25px;

	margin-right: 15px;

	fill: var(--icon);
}

.vendre--estimer__content--quote-text
{
	margin: 0;

	color: var(--text);
}

/* ------ Tablet (portrait & landscape) ------- */
@media (max-width: 1024px)
{
	.vendre--temoignages__title
	{
		font-size: 1.7rem;
	}
}
.other h2
{
	margin-bottom: 7px;

	font-size: 18px;
	color: #444;
}

.lexical-editor .other a
{
	font-size: 14px;
	color: var(--black-lighter);
	text-decoration: underline;
}

.lexical-editor .other ul
{
	margin: 0;
	padding: 0;

	list-style-type: none;
}

.back-page h1
{
	font-size: 24px;
	color: #333;
}

.lexical-editor .ltr
{
	text-align: left;
}

.lexical-editor .rtl
{
	text-align: right;
}

.lexical-editor.main-lexical-editor
{
	position: relative;

	line-height: 20px;
	width: 100%;
	max-width: 100%;

	margin: 0;

	font-weight: 400;
	color: #000;

	text-align: left;

	border-radius: 4px;
	border: 1.5px solid var(--light-purple);

	flex-grow: 1;
}

.lexical-editor .editor-inner
{
	position: relative;

	background: var(--input-background);

	border-bottom-right-radius: var(--input-radius);
	border-bottom-left-radius: var(--input-radius);
}

.lexical-editor.has-error .editor-inner
{
	background-color: var(--error-background);
}

.c-modal--editor .lexical-editor .editor-inner
{
	max-height: calc(100vh - 30px - 57px - 45px - 4px - 60px);

	overflow: auto;
}

.lexical-editor .editor-input
{
	position: relative;

	min-height: 150px;

	padding: 15px 10px;

	font-size: 15px;

	resize: none;
	tab-size: 1;

	outline: 0;

	caret-color: rgb(5, 5, 5);
	caret-color: #444;
}

.lexical-editor .editor-placeholder
{
	position: absolute;
	display: inline-block;

	top: 15px;
	left: 10px;

	font-size: 15px;
	color: #999;

	user-select: none;
	text-overflow: ellipsis;
	pointer-events: none;

	overflow: hidden;
}

.lexical-editor .editor-text-bold
{
	font-weight: bold;
}

.lexical-editor .editor-text-italic
{
	font-style: italic;
}

.lexical-editor .editor-text-underline
{
	text-decoration: underline;
}

.lexical-editor .editor-text-strikethrough
{
	text-decoration: line-through;
}

.lexical-editor .editor-text-underlineStrikethrough
{
	text-decoration: underline line-through;
}

.lexical-editor .editor-text-code
{
	padding: 1px .25rem;

	background-color: rgb(240, 242, 245);

	font-family: Menlo, Consolas, Monaco, monospace;
	font-size: 94%;
}

.lexical-editor .editor-link
{
	color: rgb(33, 111, 219);
	text-decoration: none;
}

.lexical-editor .tree-view-output
{
	position: relative;
	display: block;

	line-height: 14px;
	max-height: 250px;

	margin: 1px auto 10px auto;
	padding: 5px;

	background: #222;

	font-size: 12px;
	color: #FFF;

	white-space: pre-wrap;

	border-bottom-right-radius: 10px;
	border-bottom-left-radius: 10px;

	overflow: auto;
}

.lexical-editor .editor-code
{
	position: relative;
	display: block;

	line-height: 1.53;

	margin: 0;
	margin-top: 8px;
	margin-bottom: 8px;
	padding: 8px 8px 8px 52px;

	background-color: rgb(240, 242, 245);

	font-family: Menlo, Consolas, Monaco, monospace;
	font-size: 13px;

	tab-size: 2;

/* white-space: pre; */

	overflow-x: auto;
}

.lexical-editor .editor-code:before
{
	position: absolute;

	min-width: 25px;

	top: 0;
	left: 0;
	padding: 8px;

	background-color: #EEE;

	color: var(--black-lighter);

	content: attr(data-gutter);
	text-align: right;
	white-space: pre-wrap;

	border-right: 1px solid #CCC;
}
.editor-code:after
{
	position: absolute;

	top: 0;
	right: 3px;
	padding: 3px;

	font-size: 10px;
	color: rgba(0, 0, 0, .5);

	content: attr(data-highlight-language);
	text-transform: uppercase;
}

.lexical-editor .editor-tokenComment
{
	color: slategray;
}

.lexical-editor .editor-tokenPunctuation
{
	color: #999;
}

.lexical-editor .editor-tokenProperty
{
	color: #905;
}

.lexical-editor .editor-tokenSelector
{
	color: #690;
}

.lexical-editor .editor-tokenOperator
{
	color: #9A6E3A;
}

.lexical-editor .editor-tokenAttr
{
	color: #07A;
}

.lexical-editor .editor-tokenVariable
{
	color: #E90;
}

.lexical-editor .editor-tokenFunction
{
	color: #DD4A68;
}

.lexical-editor .editor-paragraph
{
	position: relative;

	margin: 0;
	margin-bottom: 8px;
}

.lexical-editor .editor-paragraph:last-child
{
	margin-bottom: 0;
}

.lexical-editor .editor-heading-h2,
.lexical-editor .editor-heading-h3,
.lexical-editor .editor-heading-h4,
.lexical-editor .editor-heading-h5
{
	margin: 0;
	margin-top: 1.4rem;
	margin-bottom: 1rem;
	padding: 0;

	font-weight: 500;
	font-size: 2.2rem;

	text-transform: uppercase;
}

.lexical-editor .editor-heading-h3
{
	font-size: 1.7rem;
}

.lexical-editor .editor-heading-h4
{
	font-size: 1.3rem;
}

.lexical-editor .editor-heading-h5
{
	font-size: 1rem;

	text-transform: uppercase;
}

.lexical-editor .editor-input > :first-child
{
	margin-top: 0;
}

.lexical-editor .editor-input > :last-child
{
	margin-bottom: 0;
}

.lexical-editor .editor-quote
{
	margin: 0;
	margin-left: 20px;
	padding-left: 16px;

	font-size: 15px;
	color: rgb(101, 103, 107);

	border-left-width: 4px;
	border-left-style: solid;
	border-left-color: rgb(206, 208, 212);
}

.lexical-editor .editor-list-ol
{
	margin: 0;
	margin-left: 49px;
	padding: 0;
}

.lexical-editor .editor-list-ol .editor-list-ol
{
	list-style-type: lower-latin;
}

.lexical-editor .editor-list-ol .editor-list-ol .editor-list-ol
{
	list-style-type: lower-roman;
}

.lexical-editor .editor-list-ol .editor-list-ol .editor-list-ol .editor-list-ol
{
	list-style-type: numeric;
}

.lexical-editor .editor-list-ul
{
	margin: 0;
	margin-left: 16px;
	padding: 0;

	list-style: none;
}

.lexical-editor .editor-list-ul > li
{
	position: relative;

	padding-left: 30px;
}

.lexical-editor .editor-list-ul > li::before
{
	position: absolute;
	display: flex;

	height: 1em;
	width: 1em;

	top: 50%;
	margin-top: -.5em;
	left: 16px;

	background-color: currentcolor;

	font-size: 6px;

	content: "";

	border-radius: 50%;
}

.lexical-editor .editor-list-ul > li.editor-nested-listitem::before
{
	display: none;
}

.lexical-editor .editor-listitem
{
	margin: 8px 32px 8px 0;
}

.lexical-editor .editor-nested-listitem
{
	list-style-type: none;
}

.lexical-editor  pre::-webkit-scrollbar
{
	width: 10px;

	background: transparent;
}

.lexical-editor  pre::-webkit-scrollbar-thumb
{
	background: #999;
}

.lexical-editor .debug-timetravel-panel
{
	display: flex;

	margin: auto;
	padding: 0 0 10px 0;

	overflow: hidden;
}

.lexical-editor .debug-timetravel-panel-slider
{
	padding: 0;

	flex: 8;
}

.lexical-editor .debug-timetravel-panel-button
{
	padding: 0;

	background: none;

	font-size: 12px;
	color: #FFF;

	border: 0;

	flex: 1;
}

.lexical-editor .debug-timetravel-panel-button:hover
{
	text-decoration: underline;
}

.lexical-editor .debug-timetravel-button
{
	position: absolute;

	top: 10px;
	right: 15px;
	padding: 0;

	background: none;

	font-size: 12px;
	color: #FFF;

	border: 0;
}

.lexical-editor .debug-timetravel-button:hover
{
	text-decoration: underline;
}

.lexical-editor .emoji
{
	vertical-align: middle;

	margin: 0 -1px;

	background-repeat: no-repeat;
	background-position: center;
	background-size: 16px 16px;

	color: transparent;
}

.lexical-editor .emoji-inner
{
	padding: 0 .15em;
}

.lexical-editor .emoji-inner::selection
{
	background-color: rgba(150, 150, 150, .4);

	color: transparent;
}

.lexical-editor .emoji-inner::moz-selection
{
	background-color: rgba(150, 150, 150, .4);

	color: transparent;
}

.lexical-editor .toolbar
{
	display: flex;

	width: 100%;

	vertical-align: middle;

	margin-bottom: 0;
	padding: 4px;

	background: #FFF;

	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	border: 1.5px solid var(--primary-light);

	overflow: auto;
}

.lexical-editor .toolbar button.toolbar-item
{
	display: flex;

	vertical-align: middle;

	padding: 6px;

	background: none;

	cursor: pointer;

	border-radius: 10px;
	border: 0;

	flex-shrink: 0;
	align-items: center;
}

.lexical-editor .toolbar button.toolbar-item:disabled
{
	cursor: not-allowed;
}

.lexical-editor .toolbar button.toolbar-item.spaced
{
	margin-right: 2px;
}

.lexical-editor .toolbar button.toolbar-item i.format
{
	display: flex;
	opacity: .6;

	height: 18px;
	width: 18px;

	vertical-align: -.25em;

	margin-top: 1px;

	background-size: contain;
}

.lexical-editor .toolbar button.toolbar-item:disabled i.format
{
	opacity: .2;
}

.lexical-editor .toolbar button.toolbar-item.active
{
	background-color: var(--input-background);
}

.lexical-editor .toolbar button.toolbar-item.active i
{
	opacity: 1;
}

.lexical-editor .toolbar .toolbar-item:hover:not([disabled])
{
	background-color: #EEE;
}

.lexical-editor .toolbar .divider
{
	width: 1px;

	margin: 0 4px;

	background-color: #EEE;
}

.lexical-editor .toolbar select.toolbar-item
{
	display: flex;

	width: 70px;

	vertical-align: middle;

	padding: 8px;

	background: none;

	font-size: 14px;
	color: var(--black-lighter);

	text-overflow: ellipsis;

	border-radius: 10px;
	border: 0;
}

.lexical-editor .toolbar select.code-language
{
	width: 130px;

	text-transform: capitalize;
}

.lexical-editor .toolbar .toolbar-item .text
{
	display: flex;

	height: 20px;
	line-height: 20px;

	vertical-align: middle;

	font-size: 14px;
	color: var(--black-lighter);

	text-align: left;
	text-overflow: ellipsis;

	overflow: hidden;
}

.lexical-editor .toolbar .toolbar-item-indent .text
{
	color: inherit;
}

.lexical-editor .toolbar .toolbar-item .icon
{
	display: flex;

	height: 20px;
	line-height: 16px;
	width: 20px;

	margin-right: 6px;

	background-size: contain;

	user-select: none;
}

.lexical-editor .toolbar i.chevron-down
{
	display: flex;

	height: 16px;
	width: 16px;

	margin-top: 3px;

	user-select: none;
}

.lexical-editor .toolbar i.chevron-down.inside
{
	display: flex;

	height: 16px;
	width: 16px;

	margin-top: 11px;
	margin-right: 10px;
	margin-left: -25px;

	pointer-events: none;
}

.lexical-editor i.chevron-down
{
	display: inline-block;

	height: 8px;
	width: 8px;

	background-color: transparent;
	background-image: url(/images/lexical-icons/chevron-down.svg);
	background-size: contain;
}

.lexical-editor #block-controls button:hover
{
	background-color: #EFEFEF;
}

.lexical-editor #block-controls button:focus-visible
{
	border-color: blue;
}

.lexical-editor #block-controls span.block-type
{
	display: block;

	height: 18px;
	width: 18px;

	margin: 2px;

	background-size: contain;
}

.lexical-editor #block-controls span.block-type.paragraph
{
	background-image: url(/images/lexical-icons/text-paragraph.svg);
}

.lexical-editor #block-controls span.block-type.h1
{
	background-image: url(/images/lexical-icons/type-h1.svg);
}

.lexical-editor #block-controls span.block-type.h2
{
	background-image: url(/images/lexical-icons/type-h2.svg);
}

.lexical-editor #block-controls span.block-type.quote
{
	background-image: url(/images/lexical-icons/chat-square-quote.svg);
}

.lexical-editor #block-controls span.block-type.ul
{
	background-image: url(/images/lexical-icons/list-ul.svg);
}

.lexical-editor #block-controls span.block-type.ol
{
	background-image: url(/images/lexical-icons/list-ol.svg);
}

.lexical-editor #block-controls span.block-type.code
{
	background-image: url(/images/lexical-icons/code.svg);
}

.lexical-editor.dropdown
{
	position: absolute;
	display: block;

	min-height: 40px;
	min-width: 100px;

	background-color: #FFF;

	border-radius: 8px;

	box-shadow: 0 12px 28px 0 rgba(0, 0, 0, .2), 0 2px 4px 0 rgba(0, 0, 0, .1),
	inset 0 0 0 1px rgba(255, 255, 255, .5);

	z-index: 300;
}

.lexical-editor .text-format-buttons
{
	display: flex;

	gap: 6px;

	align-items: center;
}

.lexical-editor.dropdown .item,
.lexical-editor .text-format-buttons .item
{
	display: flex;

	flex-direction: row;

	line-height: 16px;
	min-width: 268px;

	margin: 0 8px 0 8px;
	padding: 6px;

	background-color: #FFF;

	font-size: 15px;
	color: #050505;

	cursor: pointer;

	border-radius: 8px;
	border: 0;

	align-content: center;
	flex-shrink: 0;
	justify-content: space-between;
}

.lexical-editor .text-format-buttons .item
{
	display: flex;

	gap: 12px;

	min-width: 0;

	margin: 0;
}

.lexical-editor .text-format-buttons .item.is-active
{
	background-color: var(--input-background);

	font-weight: 500;
}

.lexical-editor.dropdown .item .active,
.lexical-editor .text-format-buttons .item .active
{
	display: flex;

	height: 20px;
	width: 20px;

	background-size: contain;
}

.lexical-editor.dropdown .item:first-child
{
	margin-top: 8px;
}

.lexical-editor.dropdown .item:last-child
{
	margin-bottom: 8px;
}

.lexical-editor.dropdown .item:hover,
.lexical-editor .text-format-buttons .item:hover
{
	background-color: #EEE;
}

.lexical-editor.dropdown .item .text,
.lexical-editor .text-format-buttons .item .text
{
	display: flex;

	line-height: 20px;
	width: 200px;

	flex-grow: 1;
}

.lexical-editor .text-format-buttons .item .text
{
	width: auto;
}

.lexical-editor.dropdown .item .icon,
.lexical-editor .text-format-buttons .item .icon
{
	display: flex;

	height: 1em;
	line-height: 16px;
	width: 1em;

	background-size: contain;

	font-size: 25px;

	user-select: none;
}

.lexical-editor .editor-toolbar-svg
{
	display: flex;

	height: 1em;
	line-height: 16px;
	width: 1em;

	background-size: contain;

	font-size: 24px;

	user-select: none;
}

.lexical-editor .editor-toolbar-svg.icon--undo
{
	transform: rotate(175deg);
}

.lexical-editor .editor-toolbar-svg.icon--redo
{
	transform: rotate(175deg) scaleX(-1);
}

.lexical-editor .editor-toolbar-svg.icon--italics,
.lexical-editor .editor-toolbar-svg.icon--bold
{
	font-size: 20px;
}

.lexical-editor.link-editor
{
	position: absolute;
	opacity: 0;

	width: 100%;
	max-width: 345px;

	top: -10000px;
	margin-top: -6px;
	left: -10000px;

	background-color: #FFF;

	border-radius: 8px;

	box-shadow: 0 5px 10px rgba(0, 0, 0, .3);

	transition: opacity .5s;

	z-index: 300;
}

/* ------------------ Mobile ------------------ */
@media (max-width: 599px)
{
	.lexical-editor.link-editor
	{
		max-width: 90vw;
	}
}

.lexical-editor.link-editor .link-input
{
	position: relative;
	display: block;

	width: calc(100% - 24px);

	margin: 8px 12px;
	padding: 8px 12px;

	background-color: #EEE;

	font-family: inherit;
	font-size: 15px;
	color: rgb(5, 5, 5);

	border-radius: 15px;
	border: 0;

	outline: 0;

	box-sizing: border-box;
}

.lexical-editor.link-editor div.link-edit
{
	position: absolute;

	width: 35px;

	vertical-align: -.25em;

	top: 0;
	right: 0;
	bottom: 0;

	background-image: url(/images/lexical-icons/pencil-fill.svg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: 16px;

	cursor: pointer;
}

.lexical-editor.link-editor .link-input a
{
	display: block;

	margin-right: 30px;

	color: rgb(33, 111, 219);

	white-space: nowrap;
	text-overflow: ellipsis;

	overflow: hidden;
}

.lexical-editor.link-editor .button
{
	display: inline-block;

	height: 20px;
	width: 20px;

	margin: 0 2px;
	padding: 6px;

	cursor: pointer;

	border-radius: 8px;
}

.lexical-editor.link-editor .button.hovered
{
	display: inline-block;

	height: 20px;
	width: 20px;

	background-color: #EEE;
}

.lexical-editor.link-editor .button i,
.actions i
{
	display: inline-block;

	height: 20px;
	width: 20px;

	vertical-align: -.25em;

	background-size: contain;
}

.lexical-editor a.editor-link,
.lexical-editor a.editor-link:visited
{
	color: var(--blue);
}

.lexical-editor a.editor-link + a
{
	margin-left: 2px;
}

.lexical-editor a.editor-link
{
	text-decoration: none;

	box-shadow: transparent 0 0 0 0, transparent 0 0 0 0, currentColor 0 1.5px 0 0;
}

.lexical-editor a.editor-link:hover,
.lexical-editor a.editor-link:focus
{
	background-color: var(--light-grey);

	color: var(--primary);
	text-decoration: none;

	box-shadow: transparent 0 0 0 0, transparent 0 0 0 0, currentColor 0 2px 0 0;
}
.primeract-calendar
{
	position: relative;
	display: flex;

	flex-wrap: wrap;

	width: 100%;
	min-width: 155px;

	font-size: 1rem;
}

.primeract-calendar--50\%
{
	width: 33.1%;

	flex-grow: 1;
}

.primeract-calendar--33\%
{
	width: 25.1%;

	flex-grow: 1;
}

.primeract-calendar--25\%
{
	width: 20.1%;

	flex-grow: 1;
}

.primeract-calendar--75\%
{
	width: 51.1%;

	flex-grow: 1;
}

.primeract-calendar__wrapper
{
	position: relative;
	display: flex;

	width: 100%;

	background-color: var(--input-background);

	border-radius: var(--input-radius);
}

.primeract-calendar--error .primeract-calendar__wrapper
{
	background-color: var(--error-background);
}

.primeract-calendar--disabled .primeract-calendar__wrapper
{
	background-color: #EBEBEB;
}

.primeract-calendar__calendar
{
	position: absolute;
	display: flex;
	visibility: hidden;
	opacity: 0;

	width: auto;

	top: 100%;
	left: 0;

	transition: opacity 240ms ease, transform 240ms ease, visibility 240ms ease;
	transform: translate3d(0, 6px, 0);

	z-index: 10;

	will-change: opacity, transform, visibility;
}

.primeract-calendar--year .primeract-calendar__calendar > div:first-child
{
	width: auto !important;
}

.primeract-calendar__calendar-background
{
	display: none;
}

/* ------------------ Mobile ------------------ */
@media (max-width: 599px)
{
	.primeract-calendar__calendar-background
	{
		position: fixed;
		display: flex;

		height: 100%;
		width: 100%;

		top: 0;
		right: 0;
		left: 0;
		bottom: 0;

		background-color: rgb(71 71 71 / 90%);

		z-index: 10;
	}

	.primeract-calendar__calendar
	{
		position: fixed;

		width: 324px;

		top: 50%;
		margin-top: -150px;
		left: 50%;
		margin-left: -162px;

		transform: none;

		z-index: 10;
	}
}

.primeract-calendar__calendar.visible
{
	visibility: visible;
	opacity: 1;

	transform: translate3d(0, 0px, 0);
}

/* ------------------ Mobile ------------------ */
@media (max-width: 599px)
{
	.primeract-calendar__calendar.visible
	{
		transform: none;
	}
}

.primeract-calendar input,
.primeract-calendar__mask
{
	position: relative;
	display: flex;

	height: var(--input-height);
	width: 100%;

	padding: 0 8px;

	background-color: transparent;

	font-family: "Source Code Pro", monospace;
	font-weight: 500;
	font-size: 1em;

	text-align: left;

	border-radius: 0;
	border: none;

	outline: none;

	z-index: 2;

	align-items: center;
	justify-content: flex-start;
}

.primeract-calendar__mask
{
	position: absolute;

	top: 0;
	left: 0;

	color: #7F7F7F;

	z-index: 0;
}

.primeract-calendar__mask__letter[aria-hidden="true"]
{
	visibility: hidden;
}

.primeract-calendar--disabled input
{
	color: #ABABAB;
}

.primeract-calendar input + button
{
	position: relative;
	display: flex;

	width: 38px;

	text-align: center;

	border-top-right-radius: var(--input-radius);
	border-bottom-right-radius: var(--input-radius);

	z-index: 1;

	flex-shrink: 0;
	align-items: center;
	justify-content: center;
}

.primeract-calendar input + button:disabled
{
	cursor: default;
}

.primeract-calendar input + button:after
{
	position: absolute;
	opacity: 0;

	top: 0;
	right: 0;
	left: 0;
	bottom: 0;

	background-color: #000;

	content: "";

	transition: opacity 240ms ease;
}

.primeract-calendar input + button:not(:disabled):hover:after,
.primeract-calendar input + button:not(:disabled):focus:after
{
	opacity: .08;
}

.primeract-calendar svg + span
{
	display: none;
}

.primeract-calendar [data-pc-section="panel"]
{
	display: flex;

	flex-direction: column;

	width: 100%;

	background-color: #FFF;

	border-bottom-right-radius: var(--multi-select-radius);
	border-bottom-left-radius: var(--multi-select-radius);
	border: 2px solid #F3F3F3;

	justify-content: center;
}

.primeract-calendar [data-pc-section="header"]
{
	display: flex;

	margin-bottom: 6px;

	align-items: stretch;
	justify-content: space-around;
}

.primeract-calendar [data-pc-section="monthtitle"],
.primeract-calendar [data-pc-section="yeartitle"],
.primeract-calendar [data-pc-section="previousbutton"],
.primeract-calendar [data-pc-section="nextbutton"]
{
	display: flex;

	min-height: 38px;
	min-width: 42px;

	text-align: center;

	transition: background-color 240ms ease;

	justify-content: center;
	align-items: center;
}

.primeract-calendar [data-pc-section="monthtitle"]:not([data-p-disabled="true"]):hover,
.primeract-calendar [data-pc-section="yeartitle"]:not([data-p-disabled="true"]):hover,
.primeract-calendar [data-pc-section="previousbutton"]:not([data-p-disabled="true"]):hover,
.primeract-calendar [data-pc-section="nextbutton"]:not([data-p-disabled="true"]):hover,
.primeract-calendar [data-pc-section="monthtitle"]:not([data-p-disabled="true"]):focus,
.primeract-calendar [data-pc-section="yeartitle"]:not([data-p-disabled="true"]):focus,
.primeract-calendar [data-pc-section="previousbutton"]:not([data-p-disabled="true"]):focus,
.primeract-calendar [data-pc-section="nextbutton"]:not([data-p-disabled="true"]):focus
{
	background-color: rgb(0 0 0 / 10%);
}

.primeract-calendar [data-pc-section="monthtitle"],
.primeract-calendar [data-pc-section="yeartitle"]
{
	padding: 2px 8px;
}

.primeract-calendar [data-pc-section="previousbutton"],
.primeract-calendar [data-pc-section="nextbutton"]
{
	padding: 2px 4px;
}

.primeract-calendar [data-pc-section="title"]
{
	display: flex;

	align-items: stretch;
}

.primeract-calendar [data-pc-section="decadetitle"]
{
	display: flex;

	align-items: stretch;
}

.primeract-calendar [data-pc-section="decadetitletext"]
{
	display: flex;

	align-items: center;
}

.primeract-calendar [data-pc-section="table"]
{
	width: 100%;

	border-collapse: collapse;
}

.primeract-calendar td
{
	position: relative;

	padding: 2px;

	text-align: center;
}

.primeract-calendar td > span
{
	display: flex;

	height: 40px;
	width: 40px;

	padding: 0;

	background-color: transparent;

	text-align: center;
	text-align: center;

	transition: background-color 240ms ease;

	align-items: center;
	justify-content: center;
}

.primeract-calendar td > span[aria-selected="true"]
{
	height: 34px;
	width: 34px;

	margin: auto;
}

.primeract-calendar td > span:not([data-p-disabled="true"])
{
	cursor: pointer;
}

.primeract-calendar td > span:not([data-p-disabled="true"]):hover
{
	background-color: rgb(0 0 0 / 10%);
}

.primeract-calendar td[data-p-today="true"] > span::after
{
	position: absolute;

	height: 3px;
	width: 20px;

	bottom: 8px;

	background-color: var(--primary);

	content: "";

	border-radius: 3px;
}

.primeract-calendar td > span[data-p-highlight="true"],
.primeract-calendar td > span[data-p-highlight="true"]:hover,
.primeract-calendar td > span[data-p-highlight="true"]:focus
{
	background-color: var(--primary);

	color: #FFF;

	border-radius: 50%;
}

.primeract-calendar [data-pc-section="yearpicker"]
{
	display: flex;

	flex-wrap: wrap;
	gap: 10px 0;

	width: auto;
	max-width: 275px;

	margin: auto;
	padding-bottom: 10px;

	justify-content: space-between;
	flex-shrink: 1;
}

.primeract-calendar [data-pc-section="yearpicker"] > span
{
	padding: 10px 10px;
}

.primeract-calendar [data-pc-section="yearpicker"] > span:not([data-p-disabled="true"]):hover
{
	background-color: rgba(0 0 0 / 10%);

	cursor: pointer;
}

.primeract-calendar [data-pc-section="monthpicker"]
{
	display: flex;

	flex-wrap: wrap;
	gap: 10px 0;

	width: 275px;
	max-width: 100%;

	margin: auto;
	padding-bottom: 10px;

	justify-content: space-between;
	flex-shrink: 1;
}

.primeract-calendar [data-pc-section="monthpicker"] > span
{
	padding: 10px 10px;
}

.primeract-calendar [data-pc-section="monthpicker"] > span:hover
{
	background-color: rgba(0 0 0 / 10%);

	cursor: pointer;
}

.primeract-calendar [data-p-other-month="true"]
{
	opacity: .2;
}

.primeract-calendar__visual-helper
{
	position: absolute;
	display: flex;
	visibility: hidden;
	opacity: 0;

	width: 100%;

	margin: 0;
	top: 100%;
	margin-top: -3px;
	right: 0;
	left: 0;
	padding: 0 6px;

	background-color: #FFF;

	font-family: "Source Code Pro", monospace;
	font-weight: 500;
	font-size: 1em;
	color: #7F7F7F;

	text-align: left;

	border-bottom-right-radius: var(--multi-select-radius);
	border-bottom-left-radius: var(--multi-select-radius);
	border: 2px solid #F3F3F3;
	border-top-width: 3px;

	overflow: auto;
	overflow: hidden;

	transition: visibility 160ms ease, opacity 160ms ease, transform 220ms ease;
	transform: scale(.95);

	z-index: 10;

	align-items: center;
}

.primeract-calendar__input:focus ~ .primeract-calendar__visual-helper.is-visible
{
	visibility: visible;
	opacity: 1;

	transform: scale(1);
}

.primeract-calendar__visual-helper__letter.is-valid
{
	color: #408174;
}

.primeract-calendar__visual-helper__letter.is-invalid
{
	color: var(--secondary);
}

.primeract-calendar__visual-helper-icon
{
	margin-left: 12px;

	font-size: 20px;
	color: #408174;
}

.primeract-calendar__visual-helper.is-invalid .primeract-calendar__visual-helper-icon
{
	color: var(--secondary);

	transform: scale(1.05);
}

.primeract-calendar [data-pc-section="weeklabel"]
{
	font-weight: 400;
	color: var(--blue);
}

.primeract-calendar [data-pc-section="weeknumber"]
{
	font-weight: 400;
	color: var(--blue);
}

.primeract-calendar [data-pc-section="weekheader"],
.primeract-calendar [data-pc-section="weeknumber"]
{
	border-spacing: 0;

	border-right: 2px solid #EBEBEB;
}

.primeract-calendar--week [data-pc-section="tablebodyrowprops"]:hover
{
	background-color: #EAEAEA;
}
[data-pc-name="ripple"]
{
	position: absolute;

	background-color: rgba(0, 0, 0, .4);

	border-radius: 50%;
}

[data-pc-name="ripple"]:not(.p-ink-active)
{
	visibility: hidden;
}
.admin-home-logo
{
	display: block;

	height: 140px;
	width: auto;
	max-width: 80%;

	margin: 0 auto;

	object-position: center;
	object-fit: contain;
}
.cursor-outer
{
	position: absolute;
	opacity: .2;

	height: 35px;
	width: 35px;

	background: #F89E52;

	border-radius: 100%;

	transition: all .3s ease-out;

	box-sizing: border-box;

	z-index: -1;
}

.cursor-inner
{
	position: absolute;

	height: 8px;
	width: 8px;

	background-color: #F89E52;

	border-radius: 100%;

	transition: width .3s ease-in-out, height .3s ease-in-out, margin .3s ease-in-out, opacity .3s ease-in-out;

	z-index: -1;
}

.u-lock-scroll,
[class^="u-lock-scroll-"]
{
	overflow: hidden !important;
}

.u-overflow-x-hidden
{
	    overflow-x: hidden;

	-ms-overflow-x: hidden;
}

.u-overflow-hidden
{
	overflow: hidden;
}

.u-responsive-img
{
	display: block;

	width: 100%;
	max-width: 100%;
}

.u-scroll-y
{
	    overflow-y: auto;

	-ms-overflow-y: auto;
}

.u-scroll-x
{
	    overflow-x: auto;

	-ms-overflow-x: auto;
}

.u-uppercase
{
	text-transform: uppercase;
}

.u-center
{
	text-align: center;

	align-items: center;
	justify-content: center;
}

.u-no-padding
{
	padding: 0;
}

.u-padding-left-0
{
	padding-left: 0;
}

.u-no-padding-right
{
	padding-right: 0;
}

.u-block
{
	display: block;
}

.u-flex
{
	display: flex;
}

.u-flex-wrap
{
	flex-wrap: wrap;
}

.u-flex-column
{
	flex-flow: column;
}

.u-items-center
{
	align-items: center;
}

.u-items-end
{
	align-items: flex-end;
}

.u-items-start
{
	align-items: flex-start;
}

.u-content-end
{
	justify-content: flex-end;
}

.u-content-start
{
	justify-content: flex-start;
}

.u-content-center
{
	justify-content: center;
}

.u-content-between
{
	justify-content: space-between;
}

.u-content-around
{
	justify-content: space-around;
}

.u-flex-gap-5
{
	gap: 5px;
}

.u-flex-gap-10
{
	gap: 10px;
}

.u-flex-gap-15
{
	gap: 15px;
}

.u-flex-gap-20
{
	gap: 20px;
}

.u-flex-gap-25
{
	gap: 25px;
}

.u-flex-gap-30
{
	gap: 30px;
}

.u-flex-gap-35
{
	gap: 35px;
}

.u-flex-gap-40
{
	gap: 40px;
}

.u-flex-gap-45
{
	gap: 45px;
}

.u-flex-gap-50
{
	gap: 50px;
}

.u-flex-basis-10
{
	flex-basis: 10px;
}

.u-order--1
{
	-ms-order: -1;
	    order: -1;
}

.u-order-0
{
	-ms-order: 0;
	    order: 0;
}

.u-order-1
{
	-ms-order: 1;
	    order: 1;
}

.u-order-2
{
	-ms-order: 2;
	    order: 2;
}

.u-order-3
{
	-ms-order: 3;
	    order: 3;
}

.u-flex-grow-0
{
	flex-grow: 0;
}

.u-flex-grow-1
{
	flex-grow: 1;
}

.u-flex-grow-2
{
	flex-grow: 2;
}

.u-flex-grow-3
{
	flex-grow: 3;
}

.u-flex-shrink-0
{
	flex-shrink: 0;
}

.u-table-row
{
	display: table-row;
}

.u-table-cell
{
	display: table-cell;
}

.u-inline-block
{
	display: inline-block;
}

.u-small
{
	font-size: .8em;
}

.u-no-wrap
{
	white-space: nowrap;
}

.u-link-only
{
	position: absolute;

	height: 100%;
	width: 100%;

	top: 0;
	left: 0;
}

.u-no-margins
{
	margin: 0;
}

.u-margin-top-60
{
	margin-top: 60px;
}

.u-margin-top-50
{
	margin-top: 50px;
}

.u-margin-top-40
{
	margin-top: 40px;
}

.u-margin-top-35
{
	margin-top: 35px;
}

.u-margin-top-30
{
	margin-top: 30px;
}

.u-margin-top-25
{
	margin-top: 25px;
}

.u-margin-top-20
{
	margin-top: 20px;
}

.u-margin-top-15
{
	margin-top: 15px;
}

.u-margin-top-10
{
	margin-top: 10px;
}

.u-margin-top-5
{
	margin-top: 5px;
}

.u-margin-bottom-50
{
	margin-bottom: 50px;
}

.u-margin-bottom-45
{
	margin-bottom: 45px;
}

.u-margin-bottom-40
{
	margin-bottom: 40px;
}

.u-margin-bottom-35
{
	margin-bottom: 35px;
}

.u-margin-bottom-30
{
	margin-bottom: 30px;
}

.u-margin-bottom-25
{
	margin-bottom: 25px;
}

.u-margin-bottom-20
{
	margin-bottom: 20px;
}

.u-margin-bottom-15
{
	margin-bottom: 15px;
}

.u-margin-bottom-10
{
	margin-bottom: 10px;
}

.u-margin-bottom-5
{
	margin-bottom: 5px;
}

.u-margin-bottom--15
{
	margin-bottom: -15px !important;
}

.u-no-margin-bottom,
.u-margin-bottom-0
{
	margin-bottom: 0;
}

.u-no-margin-top,
.u-margin-top-0
{
	margin-top: 0;
}

.u-margin-left-auto
{
	margin-left: auto;
}

.u-margin-left-40
{
	margin-left: 40px;
}

.u-margin-left-30
{
	margin-left: 30px;
}

.u-margin-left-25
{
	margin-left: 25px;
}

.u-margin-left-20
{
	margin-left: 20px;
}

.u-margin-left-15
{
	margin-left: 15px;
}

.u-margin-left-10
{
	margin-left: 10px;
}

.u-margin-left-5
{
	margin-left: 5px;
}

.u-margin-right-40
{
	margin-right: 40px;
}

.u-margin-right-30
{
	margin-right: 30px;
}

.u-margin-right-25
{
	margin-right: 25px;
}

.u-margin-right-20
{
	margin-right: 20px;
}

.u-margin-right-15
{
	margin-right: 15px;
}

.u-margin-right-10
{
	margin-right: 10px;
}

.u-margin-right-5
{
	margin-right: 5px;
}

.u-padding-top-30
{
	padding-top: 30px;
}

.u-padding-top-25
{
	padding-top: 25px;
}

.u-padding-top-20
{
	padding-top: 20px;
}

.u-padding-top-15
{
	padding-top: 15px;
}

.u-padding-top-10
{
	padding-top: 10px;
}

.u-padding-top-5
{
	padding-top: 5px;
}

.u-padding-bottom-50
{
	padding-bottom: 50px;
}

.u-padding-bottom-45
{
	padding-bottom: 45px;
}

.u-padding-bottom-40
{
	padding-bottom: 40px;
}

.u-padding-bottom-35
{
	padding-bottom: 35px;
}

.u-padding-bottom-30
{
	padding-bottom: 30px;
}

.u-padding-bottom-25
{
	padding-bottom: 25px;
}

.u-padding-bottom-20
{
	padding-bottom: 20px;
}

.u-padding-bottom-15
{
	padding-bottom: 15px;
}

.u-padding-bottom-10
{
	padding-bottom: 10px;
}

.u-padding-bottom-5
{
	padding-bottom: 5px;
}

.u-no-padding-bottom
{
	padding-bottom: 0;
}

.u-no-padding-top,
.u-padding-top-0
{
	padding-top: 0;
}

.no-horizontal-padding
{
	padding-right: 0;
	padding-left: 0;
}

.no-vertical-padding
{
	padding-top: 0;
	padding-bottom: 0;
}

.u-padding-left-25
{
	padding-left: 25px;
}

.u-padding-left-20
{
	padding-left: 20px;
}

.u-padding-left-15
{
	padding-left: 15px;
}

.u-padding-left-10
{
	padding-left: 10px;
}

.u-padding-left-5
{
	padding-left: 5px;
}

.u-padding-right-5
{
	padding-right: 5px;
}

.u-padding-right-10
{
	padding-right: 10px;
}

.u-padding-right-15
{
	padding-right: 15px;
}

.u-padding-right-20
{
	padding-right: 20px;
}

.u-padding-right-25
{
	padding-right: 25px;
}

.u-padding-right-30
{
	padding-right: 30px;
}

.u-centered
{
	margin-right: auto;
	margin-left: auto;

	-ms-grid-row-align: center;
	align-self: center;
}

.u-full-width
{
	width: 100%;
}

.u-width-auto
{
	width: auto;
}

.u-negative-margin,
.u-negative-margins
{
	margin-right: -10px;
	margin-left: -10px;
}

.u-clearfix:after,
.u-clearfix:before
{
	display: block;

	height: 0;
	width: 100%;

	content: "";

	clear: both;
}

.u-weight-normal
{
	font-weight: normal;
}

.u-weight-500
{
	font-weight: 500;
}

.u-weight-600
{
	font-weight: 600;
}

.u-weight-700
{
	font-weight: 700;
}

.u-weight-800
{
	font-weight: 800;
}

.u-weight-900
{
	font-weight: 900;
}

.u-no-select,
.u-no-select *:not(input):not(textarea):not(select)
{
	-webkit-user-select: none;
	   -moz-user-select: none;
	    -ms-user-select: none;
	        user-select: none;

	-webkit-touch-callout: none;
}

.u-table
{
	display: table;
}

.u-text-center
{
	text-align: center;
}

.u-text-left
{
	text-align: left;
}

.u-text-right
{
	text-align: right;
}

.u-text-justify
{
	text-align: justify;
}

.u-italic
{
	font-style: italic;
}

.u-positioned
{
	position: relative;
}

.u-float-right
{
	float: right;
}

.u-float-left
{
	float: left;
}

.u-vertical-align-top
{
	vertical-align: top;
}

.u-vertical-align-middle
{
	vertical-align: middle;
}

.u-readers-only
{
	position: absolute;

	height: 1px;
	width: 1px;

	left: -1000px;
	padding: 0;

	color: transparent;

	border: none;

	overflow: hidden;

	z-index: -1;
}

.u-hidden
{
	display: none;
}

.u-list
{
	list-style: disc;
}

.u-lowercase
{
	text-transform: lowercase;
}

/* -------- Mobile -------- */
@media (max-width: 640px)
{
	.u-mobile-hidden
	{
		display: none;
	}
}

/* ------ Tablette ------ */
@media (min-width: 640px) and (max-width: 992px)
{
	.u-tablet-hidden
	{
		display: none;
	}
}

/* -------- Laptop -------- */
@media (min-width: 992px) and (max-width: 1399px)
{
	.u-laptop-hidden
	{
		display: none;
	}
}

/* -------- Desktop -------- */
@media (min-width: 1400px)
{
	.u-desktop-hidden
	{
		display: none;
	}
}

.u-hide-visually
{
	position: absolute !important;
	opacity: 0;

	height: 1px !important;
	width: 1px !important;

	margin: -1px !important;
	padding: 0 !important;

	white-space: nowrap !important;

	border: 0 !important;

	overflow: hidden !important;
	clip: rect(0 0 0 0) !important;
}

.u-auto-grid:after,
.u-auto-grid:before
{
	height: 1px;
	width: 1em;

	content: "";

	flex-grow: 1;
	order: 1000;
}

.u-width-50
{
	width: 50%;
}

.u-width-30
{
	width: 30%;
}
.u-width-33
{
	width: 33%;
}

.u-min-width-200
{
	min-width: 200px;
}

.u-space-between
{
	justify-content: space-between;
}

.u-inline-flex
{
	display: inline-flex;
}

.u-self-stretch
{
	align-self: stretch;
}

.u-self-start
{
	align-self: flex-start;
}

.u-self-end
{
	align-self: flex-end;
}

.u-row-gap-10
{
	row-gap: 10px;
}

.u-row-gap-15
{
	row-gap: 15px;
}

.u-row-gap-20
{
	row-gap: 20px;
}

.u-row-gap-25
{
	row-gap: 25px;
}

.u-row-gap-30
{
	row-gap: 30px;
}

.u-row-gap-35
{
	row-gap: 35px;
}

.u-row-gap-40
{
	row-gap: 40px;
}

.u-row-gap-45
{
	row-gap: 45px;
}

.u-row-gap-50
{
	row-gap: 50px;
}

.u-col-gap-10
{
	column-gap: 10px;
}

.u-col-gap-15
{
	column-gap: 15px;
}

.u-col-gap-20
{
	column-gap: 20px;
}

.u-col-gap-25
{
	column-gap: 25px;
}

.u-col-gap-30
{
	column-gap: 30px;
}

.u-col-gap-35
{
	column-gap: 35px;
}

.u-col-gap-40
{
	column-gap: 40px;
}

.u-col-gap-45
{
	column-gap: 45px;
}

.u-col-gap-50
{
	column-gap: 50px;
}