:root,
::after,
::before
{
	--primary: #000;
	--primary-light: #696969;
	--primary-lighter: #C7C7C7;
	--secondary: #DF2F35;
	--red: #DF2F35;
	--orange: #FFB356;
	--soft-grey: #F8F9FA;
	--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;
	--page-container-w: 1440px;
}
html
{
	display: flex;

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

	overflow: auto;
}

body
{
	display: block;

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

	margin: 0;
	padding: 0;

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

	letter-spacing: .02em;
}

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

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

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

	line-height: 1.6;
	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;

	overflow: hidden;

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

.cart-page-content
{
	display: block;

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

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

.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: 1rem;
	margin-right: auto;
	margin-left: auto;
	padding-right: 12px;
	padding-left: 12px;
}

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

	height: 100%;
	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: inherit;

	cursor: pointer;
	-webkit-user-select: none;
	 -khtml-user-select: none;
	   -moz-user-select: none;
	    -ms-user-select: none;
	        user-select: none;

	border: none;

	box-shadow: none;

	overflow: visible;

	appearance: none;
	-webkit-touch-callout: none;
}

button:focus
{
	outline: none;
}

a
{
	font-family: inherit;
}

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

	box-shadow: transparent 0 0 0 0, transparent 0 0 0 0, currentColor 0 1.5px 0 0;
}

a:not([class]):hover,
a:not([class]):focus
{
	background-color: #F3F3F3;

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

	box-shadow: transparent 0 0 0 0, transparent 0 0 0 0, var(--secondary) 0 2px 0 0;
}
svg
{
	display: block;

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

	list-style: none;
}
.o-container
{
	width: var(--page-container-w);
	max-width: 100%;

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

.o-container-page
{
	height: 100%;
	width: var(--page-container-w);
	max-width: 100%;

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

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

@media print
{
	.o-container
	{
		padding-right: 20px;
		padding-left: 20px;
	}
}

.o-container__page-text
{
	width: 100%;

	margin-bottom: 30px;

	text-align: center;
}

.o-container__condensed-text
{
	width: 100%;

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

	text-align: center;
}

/* ------------------ Mobile ------------------ */
@media (max-width: 599px)
{
	.o-container__condensed-text
	{
		padding-right: 0;
		padding-left: 0;

		text-align: justify;
	}
}
.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: 20px;

	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: #FFF;
}

.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: #FFF;

		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-partner-section
{
	position: relative;
	display: flex;

	flex-wrap: wrap;
	gap: 20px 40px;

	margin: 0;
	margin-top: -135px;
	margin-bottom: 30px;
	padding: 40px 25px 30px;

	background-color: #FFF;

	border-radius: 13px;

	box-shadow: 0 0 12px 0 #DBDBDB;

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

.o-partner-section--entity-page
{
	margin-top: 80px;
	margin-bottom: -90px;
}

.o-partner-section--entity-page::before
{
	position: absolute;

	height: calc(50% + 100px);
	width: 100vw;

	top: -100px;
	left: 50%;
	margin-left: -50vw;

	background-color: #F5F5F5;

	content: "";

	z-index: -160;
}

.o-partner-section__title
{
	position: absolute;
	display: inline-flex;

	width: auto;

	left: 30px;
	bottom: 100%;
	margin-bottom: -.4em;
	padding: 6px 12px;

	background-color: #FFF;

	font-weight: 500;
	font-size: 1.7rem;
	color: var(--secondary);

	border-top-left-radius: 6px;
	border-top-right-radius: 6px;

	box-shadow: 0 0 12px 0 #DBDBDB;
}

.o-partner-section__title::after
{
	position: absolute;

	height: 20px;
	width: calc(100% + 12px);

	top: 100%;
	margin-top: -.4em;
	left: -6px;

	background-color: #FFF;

	content: "";
}

.o-partner-section__text
{
	display: inline-flex;

	width: auto;

	margin: 0;

	font-weight: 500;
	font-style: italic;
	font-size: 1rem;
	color: #666;
}

/* -------- Mobile, Tablet (portrait) --------- */
@media (max-width: 900px)
{
	.o-partner-section__text
	{
		text-align: center;
	}
}
.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--front
{
	z-index: 100;
}

.o-user-menu__toggle
{
	display: flex;

	padding: 4px 10px;

	color: #000;

	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--front .o-user-menu__rect
{
	color: var(--secondary);
}

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

	width: 100%;

	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--front .o-user-menu__list-btn::after
{
	background-color: var(--secondary);
}

.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);
}
.c-agencies
{
	display: flex;

	flex-direction: row;
	flex-wrap: wrap;
	gap: var(--gap-y) var(--gap-x);

	width: 100%;

	--gap-x: 20px;
	flex-grow: 1;
	--gap-y: 20px;
}

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

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

	width: calc(calc(100% - var(--gap-x)) / 2 - 2px);

	padding: var(--padding-y) var(--padding-x);
	padding-left: calc(var(--img-size) + var(--padding-x));

	border-radius: 12px;

	box-shadow: 0 0 12px 0 #DBDBDB;

	overflow: hidden;

	--padding-x: 14px;
	--padding-y: 10px;
	align-items: center;
	justify-content: flex-start;
	--img-size: 145px;
	flex-grow: 0;
}

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

@media (max-width: 450px)
{
	.c-agencies__agency
	{
		--img-size: 100px;
	}
}

.c-agencies__image
{
	position: absolute;
	display: block;

	height: 100%;
	width: var(--img-size);

	top: 0;
	left: 0;

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

.c-agencies__top
{
	display: flex;

	gap: 15px 12px;

	align-items: center;
}

.c-agencies__tel
{
	font-size: 1rem;
}

.c-agencies__name-icon-container
{
	padding: 6px;

	background-color: var(--green-darker);

	border-radius: 50%;
}

.c-agencies__name-icon-container[data-entity="BEROKI"]
{
	background-color: #74ADFC;
}

.c-agencies__name-icon-container[data-entity="Landes Thermique Froid"]
{
	background-color: #69B348;
}

.c-agencies__name-icon-container[data-entity="C2Clim"]
{
	background-color: #DF2F35;
}

.c-agencies__name-icon
{
	font-size: 26px;
	color: #FFF;
}

.c-agencies__address
{
	font-style: normal;

	flex-grow: 1;
}

.c-agencies__tel
{
	display: flex;

	gap: 8px;

	width: 100%;

	color: inherit;
	text-decoration: none;

	align-items: center;
}

.c-agencies__tel-icon-container
{
	padding: 8px;

	background-color: #F3F3F3;

	border-radius: 50%;

	flex-shrink: 0;
}

.c-agencies__tel-icon
{
	display: block;

	height: 1em;
	width: 1em;

	font-size: 20px;
	color: #000;
}

.c-agencies__email
{
	display: flex;

	gap: 15px 12px;

	width: 100%;

	align-items: center;
}

.c-agencies__email-icon-container
{
	padding: 8px;

	background-color: #F3F3F3;

	border-radius: 50%;

	flex-shrink: 0;
}

.c-agencies__email-icon
{
	display: block;

	height: 1em;
	width: 1em;

	font-size: 20px;
	color: #000;
}
.c-agency-numbers
{
	position: relative;
	display: flex;

	flex-wrap: wrap;
	gap: 40px 35px;

	width: 100%;

	margin: 4em 0 0 0;
	padding: 40px 25px 30px;

	background-color: #FFF;

	border-radius: 13px;

	box-shadow: 0 0 12px 0 #DBDBDB;

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

.c-agency-numbers--home
{
	margin-bottom: -100px;
}

.c-agency-numbers--entity-page
{
	margin-top: 10px;
	margin-bottom: 30px;
}

.c-agency-numbers__title
{
	position: absolute;
	display: inline-flex;

	width: auto;
	max-width: calc(100% - 55px);

	margin-right: auto;
	bottom: 100%;
	margin-bottom: -.4em;
	padding: 6px 12px;

	background-color: #FFF;

	font-weight: 500;
	font-size: 1.7rem;
	color: var(--secondary);

	border-top-left-radius: 6px;
	border-top-right-radius: 6px;

	box-shadow: 0 0 12px 0 #DBDBDB;
}

/* ------------------ Mobile ------------------ */
@media (max-width: 599px)
{
	.c-agency-numbers__title
	{
		font-size: 1.4rem;
	}
}

.c-agency-numbers__title::after
{
	position: absolute;

	height: 20px;
	width: calc(100% + 12px);

	top: 100%;
	margin-top: -.4em;
	left: -6px;

	background-color: #FFF;

	content: "";
}

.c-agency-numbers__element
{
	display: flex;

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

	color: #696969;

	z-index: 0;

	justify-content: center;
	flex-grow: 1;
	flex-basis: 200px;
	align-items: center;
}

.c-agency-numbers__icon
{
	display: flex;

	height: 1em;
	width: 1em;

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

.c-agency-numbers__num-txt
{
	display: flex;

	flex-direction: column;

	font-weight: 500;
	font-size: 1.1rem;

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

.c-agency-numbers__num
{
	position: relative;

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

.c-agency-numbers__num::before
{
	position: absolute;

	height: 1em;
	width: 1em;

	top: -40px;
	left: 50%;

	background-color: #E5EEFF;

	font-size: 70px;

	content: "";

	border-radius: 50%;

	transform: translateX(-50%);

	z-index: -1;
}
.c-article-in-cart
{
	position: relative;
	display: flex;

	flex-wrap: nowrap;

	--btns-size: 36px;
}

/* -------- Mobile, Tablet (portrait) --------- */
@media (max-width: 900px)
{
	.c-article-in-cart
	{
		flex-wrap: wrap;

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

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

	.c-article-in-cart--header
	{
		display: none;
	}
}

.c-article-in-cart:not(:last-child)::after
{
	position: absolute;

	height: 1px;
	width: 100%;

	bottom: calc(-.5 * var(--gap));

	background-color: rgb(231, 231, 231);

	content: "";
}

.c-article-in-cart__image
{
	height: 95px;
	width: 100%;

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

.c-article-in-cart-infos-div
{
	position: relative;

	margin-left: 15px;
}

.c-article-in-cart-infos
{
	display: flex;

	flex-direction: row;

	margin-left: 15px;

	flex-grow: 1;
}

.c-article-in-cart__col
{
	display: flex;

	flex-basis: 30px;
	align-items: center;
}

.c-article-in-cart__col.is-col-image
{
	margin-right: 16px;

	flex-basis: 85px;
}

/* -------- Mobile, Tablet (portrait) --------- */
@media (max-width: 900px)
{
	.c-article-in-cart__col.is-col-image
	{
		padding-left: 12px;
	}
}

.c-article-in-cart__col.is-col-code
{
	display: flex;

	font-weight: 600;
	font-size: .85rem;
	color: var(--secondary);

	word-break: break-all;

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

/* -------- Mobile, Tablet (portrait) --------- */
@media (max-width: 900px)
{
	.c-article-in-cart__col.is-col-code
	{
		padding-right: 15px;

		flex-shrink: 0;
	}
}

.c-article-in-cart__col.is-col-designation_principale
{
	display: flex;

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

	word-break: break-all;

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

/* -------- Mobile, Tablet (portrait) --------- */
@media (max-width: 900px)
{
	.c-article-in-cart__col.is-col-designation_principale
	{
		padding-right: 15px;

		flex-shrink: 0;
	}
}

.c-article-in-cart__col.is-col-price
{
	display: flex;

	gap: 12px;

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

/* -------- Mobile, Tablet (portrait) --------- */
@media (max-width: 900px)
{
	.c-article-in-cart__col.is-col-price
	{
		padding-right: 12px;

		text-align: right;

		justify-content: flex-end;
		flex-basis: 95px;
	}
}

.c-article-in-cart__col.is-col-qty
{
	display: flex;

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

/* -------- Mobile, Tablet (portrait) --------- */
@media (max-width: 900px)
{
	.c-article-in-cart__col.is-col-qty
	{
		padding: 0 12px;

		flex-basis: 100%;
		justify-content: flex-end;
	}
}

.c-article-in-cart__col.is-col-total
{
	padding-right: 18px;

	text-align: center;

	flex-basis: 115px;
	align-items: center;
	justify-content: flex-end;
}

/* -------- Mobile, Tablet (portrait) --------- */
@media (max-width: 900px)
{
	.c-article-in-cart__col.is-col-total
	{
		margin-top: 16px;

		text-align: right;

		flex-basis: 100%;
		justify-content: flex-end;
	}
}

/* -------- Mobile, Tablet (portrait) --------- */
@media (max-width: 900px)
{
	.c-article-in-cart__col.is-col-delete
	{
		padding-right: 12px;
		padding-left: 12px;

		flex-basis: 100%;
	}
}

.c-article-in-cart__price
{
	font-size: 14px;
	color: var(--secondary);
}

.c-article-in-cart__col.is-header
{
	font-weight: 500;
	font-size: .9rem;
	color: #000;
}

.c-article-in-cart-div-quantite
{
	display: flex;

	width: 320px;

	margin-left: 100px;

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

.c-article-in-cart__qty-label
{
	margin-right: 15px;
}

.c-article-in-cart__qty-change-btn
{
	height: var(--btns-size);
	width: var(--btns-size);

	padding: 1px;
	padding-right: 3px;
	padding-left: 3px;

	border-radius: 3px;
	border: 1px solid lightgrey;
}

.c-article-in-cart__qty-change-btn:hover
{
	background-color: #EAEAEA;
}

.c-article-in-cart__qty-input
{
	min-height: var(--btns-size);
	width: 50px;

	margin-right: 8px;
	margin-left: 8px;
	padding-top: 4px;
	padding-bottom: 3px;

	text-align: center;

	border-radius: 5px;
	border: 1px solid lightgrey;
}

.c-article-in-cart__delete-btn
{
	position: relative;
	display: flex;

	gap: 5px;

	height: var(--btns-size);
	width: var(--btns-size);

	padding: 5px 10px;

	font-weight: 400;
	color: var(--secondary);

	text-align: center;

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

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

/* -------- Mobile, Tablet (portrait) --------- */
@media (max-width: 900px)
{
	.c-article-in-cart__delete-btn
	{
		width: auto;
		max-width: none;
	}

	.c-article-in-cart__delete-btn::after
	{
		font-family: inherit;
		font-weight: 500;
		font-size: .95rem;

		content: "Supprimer du panier";
	}
}

.c-article-in-cart__delete-btn:hover
{
	background-color: #EAEAEA;
}

.c-article-in-cart__delete-btn-icon
{
	display: block;

	height: 1em;
	width: 1em;

	font-size: 20px;

	flex-shrink: 0;
}

.c-article-label
{
	display: flex;
}

.c-article-label-icon
{
	height: 13px;
	width: auto;
}
.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;
}
.c-brand-value
{
	display: flex;

	flex-direction: column;

	height: 100px;
	width: auto;

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

.c-brand-value::before
{
	display: block;

	height: 1em;
	width: 1em;

	margin-top: -.6em;

	background-color: #E5EEFF;

	font-size: 60px;

	content: "";

	border-radius: 50%;

	z-index: -1;

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

.c-brand-value__icon
{
	display: block;

	height: 1em;
	width: 1em;

	font-size: 55px;
	color: #696969;

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

.c-brand-value__title
{
	font-weight: 300;
	font-size: 1.5rem;
	color: grey;

	flex-shrink: 0;
	flex-grow: 0;
	order: 2;
}
.c-btn-update
{
	display: flex;
}
.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%;

	margin: 0;
	margin-bottom: 10px;
	padding-bottom: 25px;

	color: var(--primary);

	border-bottom: 1px solid #D6D6D6;
}
.c-checkbox
{
	position: relative;
	display: flex;

	flex-wrap: wrap;

	--margin-right: 14px;
	padding: 0;

	cursor: pointer;

	overflow: hidden;

	align-items: center;
}

.c-checkbox--switch
{
	column-gap: 8px;
}

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

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

.c-checkbox--25\%
{
	width: 20.1%;
}

/* ------------------ Mobile ------------------ */
@media (max-width: 599px)
{
	.c-checkbox--25\%
	{
		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: calc(1em + var(--margin-right));

	padding-right: var(--margin-right);

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

	border: none;

	overflow: hidden;

	z-index: 0;

	flex-shrink: 0;
}

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

.c-checkbox--switch .c-checkbox__indicator
{
	position: relative;

	width: 1.7em;

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

	font-size: 28px;

	border-radius: 20px;
	border: 2px solid var(--input-background);
	border-color: #767676;
}

.c-checkbox--checked.c-checkbox--switch .c-checkbox__indicator
{
	background-color: var(--primary);

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

.c-checkbox--checked.c-checkbox--red-switch .c-checkbox__indicator
{
	background-color: var(--red);

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

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

	height: 0;
	width: 0;

	top: .18em;
	margin-top: 2px;
	left: .1em;

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

	content: "";

	border-right: 3px solid #000;
	border-bottom: 3px solid #000;

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

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

	height: 1em;
	width: 1em;

	margin: 0;
	top: 50%;
	margin-top: -.5em;
	left: 3px;

	background-color: #767676;

	font-size: 16px;

	content: "";

	border-radius: 50%;
	border: none;

	transition: transform 320ms ease, font-size 320ms ease;
	transform: translateX(0);
	animation: none;
}

.c-checkbox--switch.c-checkbox--disabled input:checked ~ .c-checkbox__indicator::before,
.c-checkbox--switch.c-checkbox--disabled input ~ .c-checkbox__indicator::before
{
	background-color: #A6A6A6;
}

.c-checkbox--switch input:checked ~ .c-checkbox__indicator::before
{
	background-color: #FFF;

	font-size: 20px;

	transform: translateX(calc(100% - 2px));
}

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

.c-checkbox--switch input:disabled ~ .c-checkbox__indicator
{
	border-color: #A6A6A6;
}

.c-checkbox__indicator::after
{
	position: absolute;

	height: calc(1em - 2px);
	width: 1em;

	top: 2px;
	left: 0;

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

	content: "";

	border-radius: 4px;

	z-index: -1;
}

.c-checkbox--switch .c-checkbox__indicator::after
{
	display: none;
}

.c-checkbox--switch.c-checkbox--checked .c-checkbox__indicator::after
{
	position: absolute;
	display: block;
	visibility: visible;

	height: 1.00em;
	width: .60em;

	top: .05em;
	margin-top: .3em;
	right: 1.3em;
	left: auto;

	background-color: transparent;

	font-size: 9px;

	content: "";

	border-radius: 0;
	border-right: 2px solid var(--primary);
	border-bottom: 2px solid var(--primary);

	transition: visibility 1ms ease 320ms;
	transform: rotate(45deg);
	transform-origin: 0 100%;
	animation: none;
	animation-fill-mode: forwards;

	z-index: 2;
}

.c-checkbox--red-switch.c-checkbox--checked .c-checkbox__indicator::after
{
	border-color: var(--red);
}

.c-checkbox--disabled.c-checkbox--checked .c-checkbox__indicator::after
{
	border-color: #A6A6A6;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

		top: -.85em;
		left: .3em;
	}
}
.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: var(--green-darker);

	border-radius: 50%;
}

.c-collapse__toggle-icon
{
	display: flex;

	height: 1em;
	width: 1em;

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

	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;
}
.c-contact-container
{
	display: grid;

	gap: 50px;

	margin-bottom: 30px;
	padding: 0 10px;

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

.c-contact-card
{
	padding: 20px 20px;

	background-color: #FFF;

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

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

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

	box-sizing: border-box;
}

.c-contact-card__body
{
	display: flex;

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

	margin-left: 0;
	padding: 5px;

	align-items: center;
}

.c-contact-card__body p
{
	margin: 0;
}

.c-contact-card__title
{
	margin-bottom: 5px;

	color: var(--primary);
}

.c-contact__subtitle
{
	width: 100%;

	margin: 0;
}

.contact__div_btn_supp
{
	width: 100%;

	margin-top: 30px;

	text-align: right;
}
.embla
{
	width: 75%;

	margin: auto;

	--slide-height: 19rem;
	--slide-spacing: 15px;
	--slide-size: 100%;
}

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

.embla__viewport
{
	overflow: visible;
}

.embla__container
{
	display: flex;

	margin-left: calc(var(--slide-spacing) * -1);
	margin-left: -10px;
}

.embla__container--one-slide
{
	display: flex;

	margin-left: calc(var(--slide-spacing) * -1);
	margin-left: -10px;

	justify-content: center;
}

.embla__slide
{
	position: relative;

	min-width: 430px;

	padding-left: var(--slide-spacing);

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

.embla__slide-fiche_produit
{
	position: relative;
	display: flex;

	flex-wrap: nowrap;

	height: fit-content;
	width: 95%;

	padding: 15px 15px 0 15px;
	padding-bottom: 10px;

	border-radius: 10px;
	border: 1px solid darkgray;
}

.embla__controls
{
	display: flex;

	flex-direction: column;
	gap: 1.2rem;

	margin-top: 15px;

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

.embla__controls--one_slide
{
	display: flex;

	margin-top: 15px;

	grid-template-columns: auto .15fr;
	justify-content: center;
}

.embla__buttons
{
	display: grid;

	grid-template-columns: repeat(2, 1fr);
	align-items: center;
}

.embla__button
{
	display: flex;

	height: 22px;
	width: 22px;

	margin: 0;
	padding: 0;

	background-color: transparent;

	text-decoration: none;

	cursor: pointer;

	border-radius: 50%;
	border: 0;

	z-index: 1;

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

.embla__button--prev,
.embla__button--next
{
	display: none;
}

.embla__button__svg
{
	color: var(--secondary);
}

.embla__dots
{
	display: flex;

	flex-wrap: wrap;
	gap: 8px;

	margin: 0;

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

.embla__dot
{
	display: flex;

	height: 1.3rem;
	width: 1.3rem;

	margin: 0;
	padding: 0;

	background-color: transparent;

	text-decoration: none;

	cursor: pointer;

	border-radius: 50%;
	border: 1px solid lightgray;

	align-items: center;
	justify-content: center;
}
.embla__dot:after
{
	display: flex;

	height: 1.2rem;
	width: 1.3rem;

	content: "";

	border-radius: 50%;

	box-shadow: inset 0 0 5px 0 #D2D2D2;

	align-items: center;
}
.embla__dot--selected:after
{
	background-color: var(--secondary);

	box-shadow: inset 0 0 0 .2rem var(--text-body);
}
.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--red-padding
{
	display: flex;

	padding: 5px;

	background-color: var(--secondary);

	color: #FFF;

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

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

.c-flat-btn--red-padding:hover
{
	box-shadow: none;

	transition: box-shadow 240ms ease;
}

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

.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--btn-left
{
	margin-right: 10px;
}


.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);
}
.c-footer
{
	display: flex;

	flex-direction: column;
	gap: 15px;

	width: 100%;

	margin-top: auto;
	padding-top: 15px;

	background-color: rgb(185, 44, 44);

	color: white;
}

.c-footer__infos
{
	display: flex;

	gap: 15px;

	align-items: center;
}

.c-footer__ltf
{
	display: flex;
}

.c-footer__c2clim
{
	display: flex;
}

.c-footer__bottom
{
	background-color: #DF2F35;
}

.c-footer__bottom-container
{
	display: flex;

	gap: 60px;

	padding: 8px 12px;

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

/* ------------------ Mobile ------------------ */
@media (max-width: 599px)
{
	.c-footer__bottom-container
	{
		flex-direction: column;
		gap: 15px;
	}
}

/* ------------------------------------ */
/* --------- c-footer__legal ---------- */
/* ------------------------------------ */

.c-footer__legal
{
	display: flex;

	flex-wrap: wrap;
	gap: 12px;

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

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

.c-footer__legal-title
{
	margin-top: 15px;
}

.c-footer__legal-pdc
{
	color: white;
	text-decoration: none;
}

.c-footer__legal-pdc:hover
{
	text-decoration: underline;
}

.c-footer__legal-puc-cgu-cgv
{
	padding: 6px 4px;

	color: white;
	text-decoration: none;
}

.c-footer__legal-puc-cgu-cgv:hover
{
	text-decoration: underline;
}

.c-footer__legal-copyright
{
	display: block;
}

.c-footer__legal-copyright p
{
	margin: 0;
}

/* ------------------------------------ */
/* --------- c-footer__made-by -------- */
/* ------------------------------------ */

.c-footer__made-by-content
{
	margin-right: auto;
	margin-left: auto;
}

.c-footer__made-by
{
	display: flex;

	flex-wrap: wrap;
	gap: 6px;

	margin: 0;
	padding: 5px 0;

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

.c-footer__made-by-icon
{
	display: block;

	height: 1em;
	width: 1em;

	font-size: 16px;
	color: inherit;

	transition: color 240ms ease;
}

.c-footer__made-by:hover .c-footer__made-by-icon
{
	color: #880101;
}

.c-footer__made-by-a
{
	position: relative;

	line-height: 1.4em;

	top: 1px;

	font-weight: inherit;
}

.c-footer__made-by-a,
.c-footer__made-by-a:hover,
.c-footer__made-by-a:focus,
.c-footer__made-by-a:active
{
	color: inherit;
	text-decoration: none;
}
.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: #4C4C4C;

	cursor: default;
}

.c-form-element-label-for-disabled
{
	margin-right: 15px;

	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-cart
{
	display: flex;

	flex-direction: row;
	flex-wrap: wrap;
	gap: 30px 30px;

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

	margin-right: auto;
	margin-left: auto;
	margin-bottom: 30px;

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

.c-front-cart__container
{
	display: flex;

	flex-direction: column;
	gap: var(--gap);
	--gap: 30px;

	height: 100%;
	width: 40%;
	max-width: 100%;

	padding-top: 38px;

	flex-grow: 1;
}

/* -------- Mobile, Tablet (portrait) --------- */
@media (max-width: 900px)
{
	.c-front-cart__container
	{
		--gap: 50px;

		padding-top: 0;
	}
}

.c-front-cart__total
{
	width: 325px;
	max-width: 100%;

	margin-right: auto;
	margin-left: auto;
	padding: 15px 23px;

	border-radius: 5px;
	border: 2px solid lightgray;

	box-shadow: 8px 5px 5px rgb(230, 230, 230);
}

.c-front-cart__total-preferred
{
	margin-top: 0;
	margin-bottom: 8px;
	padding-bottom: 0;
}

.c-front-cart__grand-total
{
	margin-top: 0;
	margin-bottom: 15px;
	padding-bottom: 15px;

	font-weight: 500;
	color: #000;

	border-bottom: 1px solid lightgray;
}

.c-article-in-cart-total-total
{
	padding-bottom: 10px;

	border-bottom: 1px solid lightgray;
}

.c-front-cart__total-type
{
	display: flex;

	padding-bottom: 0;
}

.c-front-cart__total-type-last
{
	display: flex;

	margin-bottom: 10px;
	padding-bottom: 15px;

	border-bottom: 1px solid lightgray;
}

.c-front-cart__order
{
	display: flex;

	flex-direction: column;
}

.c-front-cart__order-btn
{
	position: relative;

	margin-top: 15px;
	margin-bottom: 15px;
	padding: 10px;

	background-color: var(--secondary);

	color: white;

	border-radius: 5px;
}

.c-front-cart__order-btn:hover,
.c-front-cart__order-btn:focus
{
	background-color: lightcoral;
}

.c-front-cart__cancel-btn
{
	position: relative;

	margin-bottom: 15px;
	padding: 10px;

	color: black;

	border-radius: 5px;
	border: 1px solid black;
}

.c-front-cart__cancel-btn:hover
{
	background-color: lightgray;
}

.c-front-cart__internal-number-section
{
	padding-bottom: 12px;

	border-bottom: 1px solid lightgray;
}
.c-front-filters
{
	position: relative;
	display: flex;

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

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

	margin-bottom: 30px;

	align-items: flex-end;
}

/* ------------------ Mobile ------------------ */
@media (max-width: 599px)
{
	.c-front-filters
	{
		padding: 0 12px;
	}
}
.c-front-title
{
	position: relative;
	display: flex;

	width: 100%;

	margin-top: 0;
	margin-bottom: 40px;

	font-weight: 500;
	font-size: 2.2rem;
	color: var(--secondary);

	justify-content: center;
}

.c-front-title__text
{
	position: relative;

	padding: 8px 0;
}

.c-front-title__text::after
{
	position: absolute;
	display: block;

	height: 3px;
	width: 60%;
	max-width: 200px;

	left: 50%;
	bottom: -1px;

	background-color: currentColor;

	content: "";

	transform: translateX(-50%);
}
.c-header
{
	position: relative;
	display: flex;

	flex-wrap: wrap;
	gap: 0 30px;

	height: auto;
	min-height: auto;

	margin-bottom: 0;
	padding: 0;

	background-color: white;

	text-align: center;

	border-bottom: 1px solid lightgrey;

	justify-content: space-evenly;
	align-items: center;
	--mobile-search: 58px;
}

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

	gap: 0 30px;

	align-items: center;
}

/* ------------------ Mobile ------------------ */
@media (max-width: 599px)
{
	.c-header__container
	{
		gap: 0 12px;
	}
}

.c-header__title-link
{
	display: inline-flex;

	gap: 12px;

	font-weight: 500;
	font-size: 22px;
	color: var(--secondary);
	text-decoration: none;

	align-items: center;
}

.c-header__logo
{
	display: block;

	height: 50px;
	width: auto;
}

.c-header__title
{
	display: block;

	height: 35px;
	width: auto;

	margin: 15px 0;
}

/* -------- Mobile, Tablet (portrait) --------- */
@media (max-width: 900px)
{
	.c-header__title
	{
		display: none;
	}
}

.c-header__title-link:hover
{
	text-decoration: underline;
}

.c-header__dropdown
{
	cursor: pointer;
}

.c-header__dropdown-title
{
	font-weight: 600;
}

.c-header__dropdown-icon
{
	position: relative;
	display: inline;

	height: 1em;
	width: 1em;

	margin-right: 5px;
	bottom: -3px;

	font-size: 1.2em;
}

.c-header__dropdown-content
{
	position: absolute;
	display: none;

	padding: 15px 15px 15px 15px;

	background-color: #FFF;

	border-radius: 5px;

	box-shadow: 0 8px 16px 0 rgba(0,0,0,.2);

	z-index: 99999;
}

.c-header__dropdown-content-div
{
	margin-top: 5px;
	margin-bottom: 10px;

	text-align: start;
}

.c-header__dropdown-content-div-last
{
	margin-top: 5px;

	text-align: start;
}

.c-header__dropdown-content-a
{
	padding-bottom: 5px;

	color: #000;
	text-decoration: none;
}

.c-header__dropdown-content-a:hover,
.c-header__dropdown-content-a-last:hover
{
	text-decoration: underline;
}

.c-header__dropdown-content-a-last
{
	color: #000;
	text-decoration: none;
}

.c-header__dropdown:hover .c-header__dropdown-content
{
	display: block;
}

.c-header__searchbar-div
{
	display: inline-flex;

	min-width: 210px;

	flex-grow: 1;
}

/* -------------- Mobile, Tablet -------------- */
@media (max-width: 1200px)
{
	.c-header__searchbar-div
	{
		position: absolute;
		display: none;

		width: 100%;

		top: 100%;
		margin-top: 1px;
		left: 0;
		padding: 8px 12px;

		background-color: #FFF;

		z-index: 1;

		justify-content: center;
	}

	.c-header--open .c-header__searchbar-div
	{
		display: flex;

		height: var(--mobile-search);
	}
}

.c-header__searchbar
{
	width: 100%;

	padding: 10px 15px;

	font-size: 14px;

	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
	border: 1px solid lightgrey;
}

/* -------------- Mobile, Tablet -------------- */
@media (max-width: 1200px)
{
	.c-header__searchbar
	{
		width: 400px;
	}

	.c-header--open .c-header__searchbar-div
	{
		display: flex;

		height: var(--mobile-search);
	}
}

.c-header__searchbar-full-width
{
	width: 100%;
	min-width: 210px;

	padding: 10px 15px;

	font-size: 14px;

	border-radius: 5px;
	border: 1px solid lightgrey;
}

.c-header__searchbtn
{
	padding: 10px 10px;

	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
	border-top: 1px solid lightgrey;
	border-right: 1px solid lightgrey;
	border-bottom: 1px solid lightgrey;
}

.c-header__searchbtn:hover
{
	background-color: lightgrey;
}

.c-header__user
{
	display: flex;

	gap: 50px;

	align-items: center;
}

/* ------------------ Mobile ------------------ */
@media (max-width: 599px)
{
	.c-header__user
	{
		margin-left: auto;
	}
}

.c-header__user-agence
{
	margin-right: -15px;
}

/* -------- Mobile, Tablet (portrait) --------- */
@media (max-width: 900px)
{
	.c-header__user-agence
	{
		display: none;
	}
}

.c-header__commande
{
	position: relative;

	text-decoration: none;
}

.c-header__commande::before
{
	position: absolute;
	display: block;

	height: 100%;
	width: 100%;

	top: 0;
	left: 0;

	content: "";
}

.c-header__commande[data-number]::after
{
	position: absolute;
	display: flex;

	height: calc(1em + 10px);
	width: calc(1em + 10px);

	top: -7px;
	right: -7px;

	background-color: var(--secondary);

	font-weight: 500;
	font-size: 15px;
	color: #FFF;

	content: attr(data-number);
	text-align: center;

	border-radius: 50%;

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

.c-header__commande[data-number="0"]::after
{
	display: none;
}

.c-header__commande-icon
{
	height: 2em;
	width: 2em;

	color: black;
}

.c-header__commande-icon:hover
{
	color: var(--secondary);
}

.c-header__mobile-toggle
{
	position: relative;
	display: flex;

	gap: 8px;

	min-width: 134px;

	right: -12px;
	margin-left: auto;
	padding: 0 10px;

	transition: background-color 320ms ease;

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

.c-header__mobile-toggle:hover,
.c-header__mobile-toggle:focus
{
	background-color: #F5F5F5;
}

/* ------------- Laptop & Desktop ------------- */
@media (min-width: 1201px)
{
	.c-header__mobile-toggle
	{
		display: none;
	}
}

.c-header__mobile-toggle-icon
{
	display: flex;

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

	flex-shrink: 0;
}

.c-header__mobile-toggle-text
{
	font-weight: 500;
	font-size: 1.05rem;

	letter-spacing: .5px;
	text-transform: uppercase;
}
.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: #FFF;

	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--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--33\%
	{
		flex-basis: 100%;
	}

	.c-input--50\%
	{
		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__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--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: #787878;
}
.c-leaflet-map
{
	position: relative;

	height: 520px;
	width: 100%;
	width: 1150px;
	max-width: 100%;

	margin-right: auto;
	margin-left: auto;
	margin-bottom: 30px;

	border-radius: 8px;
}

.c-leaflet-map--grey-bg
{
	background-color: #EEE;
}

@media print
{
	.c-leaflet-map
	{
		height: 300px;
	}
}

.c-leaflet-map .leaflet-popup-content
{
	width: 100% !important;

	margin: 0;
}

.c-leaflet-map .leaflet-popup
{
	width: 320px;

	margin: 0;
}

.c-leaflet-map--contact .leaflet-popup
{
	width: 220px;
}

.c-leaflet-map a.leaflet-popup-close-button
{
	position: absolute;
	display: flex;

	height: 42px;
	width: 42px;

	background-color: hsl(0deg 0% 0% / 25.1%);

	color: transparent !important;
}

.c-leaflet-map a.leaflet-popup-close-button::before
{
	position: absolute;

	height: 100%;
	width: 100%;

	top: 0;
	left: 0;

	background-image: url(/images/icons/close_popup.svg);
	background-position: center;
	background-size: contain;

	content: "";

	transform: rotate(45deg);

	z-index: 2;
}

.c-leaflet-map .leaflet-popup-content-wrapper,
.c-leaflet-map .leaflet-popup-tip
{
	background: transparent;

	color: inherit;

	box-shadow: none;
}
.c-loader
{
	position: absolute;
	display: flex;

	gap: 8px;

	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--small
{
	font-size: 18px;
}

.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--black
{
	color: #000;
}

.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: #FFF;
}

.c-loader--bg-black
{
	background-color: #FFF;
}

.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: 0;

	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;
}
.c-map-pin
{
	position: relative;

	width: 100%;

	margin-bottom: 16px;

	background-color: #FFF;

	border-radius: 6px;

	overflow: hidden;

	--padding-x: 15px;
	--padding-y: 12px;
}

.c-map-pin__header
{
	position: relative;
	display: flex;

	min-height: 120px;

	align-items: center;
}

.c-map-pin__header::before
{
	position: absolute;
	opacity: .1;

	height: 100%;
	width: 100%;

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

	background-color: #000;

	content: "";

	z-index: 1;
}

.c-map-pin__toptitle
{
	position: relative;
	display: flex;

	line-height: 1;
	width: 100%;

	margin: 12px 0 0 0;
	margin-bottom: 1em;
	padding: 0 var(--padding-x);

	font-family: circular, sans-serif;
	font-weight: 600;
	font-size: 1.05rem;
	color: var(--secondary);

	text-align: center;

	z-index: 2;

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

.c-map-pin__title
{
	position: relative;
	display: flex;

	line-height: 1;
	width: 100%;

	margin: 12px 0 0 0;
	margin-bottom: 1em;
	padding: 0 var(--padding-x);

	font-family: circular, sans-serif;
	font-weight: 600;
	font-size: 1.2rem;
	color: #000;

	text-align: center;

	z-index: 2;

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

.c-map-pin__img
{
	position: absolute;

	height: 100%;
	width: 100%;

	top: 0;
	left: 0;

	z-index: 0;

	object-fit: cover;
}

.c-map-pin__address
{
	margin: 6px 0;
	padding: 0 var(--padding-x);

	font-weight: 500;
	font-style: normal;
	font-size: 1.1rem;
}

.c-map-pin__city
{
	display: block;

	width: 100%;

	margin-top: 4px;
}

.c-map-pin__address-line
{
	width: auto;
}

.c-map-pin__address-line-2
{
	width: auto;
}

.c-map-pin__actions
{
	display: flex;

	width: 100%;

	padding: 12px var(--padding-x);

	justify-content: flex-end;
}

.c-map-pin__more
{
	padding: 4px 6px 2px;

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

	box-shadow: transparent 0 0 0 0, transparent 0 0 0 0, currentColor 0 1.5px 0 0;
}

.c-map-pin__more:hover,
.c-map-pin__more:focus
{
	background-color: #F3F3F3;

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

	box-shadow: transparent 0 0 0 0, transparent 0 0 0 0, var(--secondary) 0 2px 0 0;
}
.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: #FFF;

	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--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: #FFF;

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

.c-modal--textspace
{
	margin: 5px 0;
}

.c-modal--attributes
{
	display: flex;

	flex-direction: column;
	gap: 12px;

	margin-left: 20px;

	text-decoration: none;
}

/* ------------------ 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--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__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 5px;

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

@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--25\%
{
	width: 20.1%;

	flex-grow: 1;
}

/* ------------------ Mobile ------------------ */
@media (max-width: 599px)
{
	.c-multi-select--25\%,
	.c-multi-select--50\%
	{
		width: 100%;
	}
}

.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
{
	display: flex;

	width: 100%;

	background-color: #F5F5F5;

	flex-shrink: 0;
	flex-grow: 0;
	flex-basis: auto;
	align-self: stretch;
	justify-content: center;
}

/* -------------- Mobile, Tablet -------------- */
@media (max-width: 1200px)
{
	.c-navbar
	{
		position: absolute;
		visibility: hidden;

		top: 100%;
		margin-top: var(--mobile-search);

		z-index: 100;
	}

	.c-navbar--open
	{
		visibility: visible;
	}
}

.c-navbar__list
{
	display: inline-flex;

	gap: 10px;

	margin: 0;
	padding: 0;

	list-style: none;

	align-items: stretch;
}

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

		width: 100%;

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

.c-navbar__item
{
	display: flex;

	font-weight: 500;
	font-size: .95rem;
	color: #000;
}

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

		justify-content: center;
	}
}

.c-navbar__item-link
{
	position: relative;
	display: flex;

	padding: 16px 8px;

	color: inherit;
	text-decoration: none;

	align-items: center;
}

.c-navbar__item-link::after
{
	display: none;

	content: "";
}

.c-navbar__item-link.active::after
{
	position: absolute;
	display: block;

	height: 4px;
	width: 100%;

	left: 0;
	bottom: -1px;

	background-color: var(--secondary);

	border-radius: 4px;
}
.order-infos__btn
{
	display: flex;

	flex-wrap: nowrap;
	gap: 10px;

	width: fit-content;

	margin: 30px 0 15px 0;

	font-weight: 600;
	font-size: 16px;
	color: var(--secondary);

	align-items: center;
}
.c-order-item-infos
{
	position: relative;
	display: flex;

	flex-wrap: nowrap;

	--btns-size: 36px;
	align-items: flex-end;
}

/* -------- Mobile, Tablet (portrait) --------- */
@media (max-width: 900px)
{
	.c-order-item-infos
	{
		max-width: 100%;

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

	.c-order-item-infos--header
	{
		display: none;
	}
}

.c-order-item-infos:not(:last-child)::after
{
	position: absolute;

	height: 1px;
	width: 100%;

	bottom: calc(-.5 * var(--gap));

	background-color: rgb(231, 231, 231);

	content: "";
}

.c-order-item-infos__image
{
	height: 95px;
	width: 100%;

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

.c-order-item-infos-infos-div
{
	position: relative;

	margin-left: 15px;
}

.c-order-item-infos-infos
{
	display: flex;

	flex-direction: row;

	margin-left: 15px;

	flex-grow: 1;
}

.c-order-item-infos__col
{
	display: flex;

	flex-basis: 30px;
	align-items: center;
}

.c-order-item-infos__col.is-col-image
{
	margin-right: 16px;

	flex-basis: 85px;
}

/* -------- Mobile, Tablet (portrait) --------- */
@media (max-width: 900px)
{
	.c-order-item-infos__col.is-col-image
	{
		padding-left: 12px;
	}
}

.c-order-item-infos__col.is-col-code
{
	display: flex;

	font-weight: 600;
	font-size: 1rem;
	color: var(--secondary);

	word-break: break-all;

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

.c-order-item-infos__col.is-col-designation_principale
{
	display: flex;

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

	word-break: break-all;

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

/* -------- Mobile, Tablet (portrait) --------- */
@media (max-width: 900px)
{
	.c-order-item-infos__col.is-col-code
	{
		padding-right: 15px;

		flex-shrink: 0;
	}
}

.c-order-item-infos__col.is-col-price
{
	display: flex;

	gap: 12px;

	font-size: 1rem;

	flex-basis: 160px;
	align-items: center;
	justify-content: flex-end;
}

/* -------- Mobile, Tablet (portrait) --------- */
@media (max-width: 900px)
{
	.c-order-item-infos__col.is-col-price
	{
		padding-right: 12px;

		text-align: right;

		justify-content: flex-end;
		flex-basis: 95px;
	}
}

.c-order-item-infos__col.is-col-qty
{
	display: flex;

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

/* -------- Mobile, Tablet (portrait) --------- */
@media (max-width: 900px)
{
	.c-order-item-infos__col.is-col-qty
	{
		padding: 0 12px;

		justify-content: flex-end;
		flex-basis: 60px;
	}
}

.c-order-item-infos__col.is-col-total
{
	text-align: center;

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

/* -------- Mobile, Tablet (portrait) --------- */
@media (max-width: 900px)
{
	.c-order-item-infos__col.is-col-total
	{
		margin-top: 16px;

		text-align: right;

		justify-content: flex-end;
		flex-basis: 120px;
	}
}

/* -------- Mobile, Tablet (portrait) --------- */
@media (max-width: 900px)
{
	.c-order-item-infos__col.is-col-delete
	{
		padding-right: 12px;
		padding-left: 12px;

		flex-basis: 100%;
	}
}

.c-order-item-infos__price
{
	font-size: 14px;
	color: var(--secondary);
}

.order-details-articles.in-paper .c-order-item-infos__col:first-child
{
	padding-left: 15px;
}

.order-details-articles.in-paper .c-order-item-infos__col:last-child
{
	padding-right: 15px;
}

.c-order-item-infos__col.is-header
{
	font-weight: 500;
	font-size: 1rem;
	color: #000;
}

.c-order-item-infos__discounted
{
	color: var(--secondary);
	text-decoration: line-through;
}
.c-pagination
{
	display: flex;

	margin: 1.5rem 0;
	padding: 0 15px;

	justify-content: center;
	align-items: center;
	flex-grow: 1;
	flex-basis: 10px;
}

/* ------------------ Mobile ------------------ */
@media (max-width: 599px)
{
	.c-pagination
	{
		flex-wrap: wrap;
	}
}

.c-pagination__left
{
	flex-basis: 130px;
}

.c-pagination__infos
{
	margin-left: 15px;

	font-weight: 400;
	font-size: .95em;

	text-align: right;

	flex-basis: 170px;
}

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

		margin-top: 12px;
		margin-left: 0;
	}
}

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

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

	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;

	overflow: auto;
}

.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-paper--dashboard
{
	margin-bottom: 30px;

	overflow: auto;
}
.c-partner-logo
{
	display: flex;

	gap: 35px;

	height: 80px;
	width: auto;

	align-items: center;
}

.c-partner-logo:last-child
{
	justify-content: center;
}

.c-partner-logo__img
{
	display: flex;

	height: 100%;
	width: 100%;

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

.c-partner-logo__img[src*="mitsubishi"]
{
	height: 68px;
	width: auto;
}

.c-partner-logo__img[src*="airzone"]
{
	height: 55px;
	width: auto;
}

.c-partner-logo__img[src*="koolnova"]
{
	height: 50px;
	width: auto;
}

.c-partner-logo__img[src*="aldes"]
{
	height: 60px;
}
.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-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%);
	}
}
.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;
}
.c-select
{
	position: relative;
	display: flex;

	flex-wrap: wrap;

	width: 100%;

	font-size: 1rem;
}

.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__select
{
	position: relative;
	display: flex;

	height: 32px;
	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__select:not(:disabled)
{
	cursor: pointer;
}

.c-select__select:focus
{
	border-color: #000;

	outline: none;
}

.c-select--error .c-select__select-wrapper
{
	background-color: var(--error-background);
}

.c-select--disabled .c-select__select-wrapper
{
	background-color: #EBEBEB;
}

.c-select--disabled .c-select__select
{
	color: #ADADAD;
}

.c-select option[value=""]
{
	display: none;
}
.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;

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

.c-table__cell.Order-text_number
{
	width: 30%;
}

.c-table__cell.Article-code_article
{
	width: 200px;

	white-space: break-spaces;
}

.c-table__cell.Article-designation_principale
{
	width: 45%;

	white-space: break-spaces;
}
.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__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--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__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__content > div[contenteditable]:focus ~ .c-textarea__border
{
	visibility: visible;
	opacity: 1;

	height: 100%;
	width: 100%;

	top: 0;
	left: 0;
}

.c-textarea--disabled .c-textarea__border
{
	display: none;
}
.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;
}
.c-title
{
	width: 100%;
}

/* -------------- Mobile, Tablet -------------- */
@media (max-width: 1200px)
{
	.c-title--cart
	{
		margin-top: 30px;

		text-align: center;

		justify-content: center;
	}
}
.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;
	}
}
.p-catalogue-titre
{
	margin-top: 15px;
}

/* ------------------ Mobile ------------------ */
@media (max-width: 599px)
{
	.p-catalogue-titre
	{
		padding: 0 12px;
	}
}

.p-catalogue-container
{
	display: flex;

	flex-wrap: wrap;
	gap: 40px;

	margin-bottom: 40px;

	align-items: center;
}

.p-catalogue-fiche-produit
{
	position: relative;
	display: flex;

	flex-wrap: nowrap;

	height: fit-content;
	width: 30%;

	padding: 15px;

	border-radius: 10px;
	border: 1px solid darkgray;

	overflow: hidden;
}

/* ------------------ Mobile ------------------ */
@media (max-width: 599px)
{
	.p-catalogue-fiche-produit
	{
		width: 380px;
		max-width: 100%;

		margin: 0 auto;
	}
}

.p-catalogue-fiche_produit_content
{
	display: flex;

	height: fit-content;
	width: 90%;

	margin-left: 15px;

	flex-flow: column wrap;
}

.p-catalogue-image
{
	align-content: center;
}

.p-catalogue-image img
{
	height: 100px;
	width: 100px;

	object-fit: contain;
}

.p-catalogue--pop-up_image
{
	height: auto;
	width: 50%;

	object-fit: contain;
}

.p-catalogue-designation
{
	margin-top: -5px;

	font-weight: 500;
	font-size: 12px;
}

.p-catalogue-code_article
{
	margin-top: 5px;

	font-weight: 600;
	font-size: 12px;
	color: var(--secondary);
}

.p-catalogue-tarif
{
	display: flex;

	gap: 10px;
}

.p-catalogue-tarif_general
{
	margin-top: -2px;
	margin-bottom: 5px;

	font-size: 14px;
	color: black;
}

.p-catalogue-tarif__ancien-prix
{
	margin-top: -2px;
	margin-bottom: 5px;

	font-size: 14px;
	color: black;
	text-decoration: line-through;
}

.p-catalogue-tarif__new-prix
{
	margin-top: -2px;
	margin-bottom: 5px;

	font-weight: 500;
	font-size: 14px;
	color: var(--secondary);
}

.p-catalogue-actions
{
	display: flex;

	height: fit-content;

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

.p-catalogue-voir_plus
{
	position: relative;
	display: flex;

	flex-direction: row-reverse;
	gap: 8px;

	padding: 3px;

	font-size: 16px;

	box-shadow: transparent 0 0 0 0, transparent 0 0 0 0, #A6A6A6 0 1.5px 0 0;

	align-items: center;
}

.p-catalogue-voir_plus:hover
{
	text-decoration: none;

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

.p-catalogue-voir_plus::after
{
	position: absolute;

	height: 100%;
	width: 100%;

	left: 0;
	bottom: 0;

	background-color: #F1F1F1;

	content: "";

	transition: transform 240ms ease;
	transform: scaleY(0);
	transform-origin: bottom;

	z-index: -1;
}

.p-catalogue-voir_plus:hover::after
{
	transform: scaleY(1);
}

.p-catalogue--detail
{
	font-weight: 600;
}

.p-catalogue__add-cart
{
	position: relative;
	display: flex;

	gap: 5px;

	margin-top: -14px;
	padding: 4px 12px;

	font-weight: 500;
	color: var(--secondary);
	text-decoration: none;

	border-radius: 5px;
	border: 1px solid var(--secondary);

	overflow: hidden;

	align-items: center;
}

.p-catalogue__add-cart:hover
{
	background-color: lightgray;
}

.p-catalogue__add-cart-icon
{
	font-size: 25px;
	color: inherit;
}

.p-catalogue__delivery-icon
{
	position: absolute;

	top: 0;
	right: 0;
	padding: 6px;

	background-color: var(--green-darker);

	font-size: 46px;
	color: #FFF;
}
.p_commande__title
{
	margin-bottom: 50px;
}

.p_commande__title2
{
	width: 100%;

	margin-top: 0;
	margin-bottom: 0;
}

.p_commande__infos
{
	display: flex;

	gap: 50px;

	margin-top: 30px;
	margin-bottom: 30px;

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

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

.p_commande__infos-commande
{
	display: flex;

	flex-wrap: wrap;
	gap: 25px 35px;

	margin-top: 0;
	margin-bottom: 0;
	padding: 15px;

	flex-grow: 1;
}

.p_commande__infos-commande p
{
	margin: 0;
}

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

.p_commande__infos_livraison
{
	margin-bottom: 15px;
	padding-bottom: 15px;

	border-bottom: 1px solid lightgray;
}
.p_details-demande__hr
{
	display: block;

	width: 100%;

	padding-bottom: 5px;

	border-bottom: 1px solid #D9D9D9;
}
.p-entity
{
	display: block;

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

	overflow: hidden;
}

.p-entity__header
{
	display: flex;

	width: 100%;

	padding: 12px 15px;

	justify-content: center;
}

.p-entity__header-logo
{
	display: flex;

	height: 80px;
	width: 300px;
}

.p-entity__header-logo-img
{
	height: 100%;
	width: 100%;

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

.p-entity__content
{
	padding: 0 0 60px 0;
}

/* ------------ Tablet (landscape) ------------ */
@media (min-width: 901px) and (max-width: 1200px)
{
	.p-entity__content
	{
		padding-bottom: 200px;
	}
}

.p-entity__container
{
	display: block;

	padding-top: 40px;
}

.p-entity__title
{
	position: relative;
	display: flex;

	width: 100%;

	margin-top: 0;
	margin-bottom: 40px;

	font-weight: 500;
	font-size: 2.2rem;
	color: var(--secondary);

	justify-content: center;
}

.p-entity__title-text
{
	position: relative;
	display: flex;

	gap: 10px;

	align-items: center;
}

.p-entity__title-text::after
{
	position: absolute;
	display: block;

	height: 3px;
	width: 60%;

	left: 20%;
	bottom: -1px;

	background-color: currentColor;

	content: "";
}

.p-entity__banner
{
	position: relative;
	display: flex;
	float: left;

	height: calc(var(--size) * 9 / 16);
	width: 530px;
	max-width: 100%;

	margin: 0 1em .5em 0;

	font-size: 40px;

	--size: 500px;
}

/* -------- Mobile, Tablet (portrait) --------- */
@media (max-width: 900px)
{
	.p-entity__banner
	{
		float: none;
	}
}

.p-entity__banner-img
{
	display: block;

	height: auto;
	width: 100%;

	border-radius: 14px;

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

.p-entity__paper
{
	position: relative;
	display: flex;

	flex-wrap: wrap;
	gap: 20px 40px;

	margin: 0;
	margin-top: 0;
	margin-bottom: 0;
	padding: 40px 25px 30px;

	background-color: #FFF;

	border-radius: 13px;

	box-shadow: 0 0 12px 0 #DBDBDB;

	transform: none;

	align-items: center;
}

/* -------- Mobile, Tablet (portrait) --------- */
@media (max-width: 900px)
{
	.p-entity__paper
	{
		margin-top: 50px;
		margin-bottom: 40px;

		transform: translateY(0%);
	}
}

.p-entity__paper-title
{
	position: absolute;
	display: inline-flex;

	width: auto;

	bottom: 100%;
	margin-bottom: -.4em;
	padding: 6px 12px;

	background-color: #FFF;

	font-weight: 500;
	font-size: 1.7rem;
	color: var(--secondary);

	border-top-left-radius: 6px;
	border-top-right-radius: 6px;

	box-shadow: 0 0 12px 0 #DBDBDB;
}

.p-entity__paper-title::after
{
	position: absolute;

	height: 20px;
	width: calc(100% + 12px);

	top: 100%;
	margin-top: -.4em;
	left: -6px;

	background-color: #FFF;

	content: "";
}

.p-entity__history
{
	position: relative;

	padding: 50px 0 170px;
}

/* -------- Mobile, Tablet (portrait) --------- */
@media (max-width: 900px)
{
	.p-entity__history
	{
		padding-bottom: 50px;
	}
}

.p-entity__history::before
{
	position: absolute;

	height: 100%;
	width: 100vw;

	top: 0;
	left: 50%;
	margin-left: -50vw;

	background-color: hsl(0 0% 97% / 1);

	content: "";

	z-index: -1;
}

.p-entity__bottom
{
	position: relative;

	width: 100%;

	margin-top: 40px;
	margin-bottom: 0;
	padding-top: 0;
}

.p-entity__bottom::before
{
	position: absolute;

	height: 55%;
	width: 100vw;

	top: 45%;
	left: 50%;
	margin-left: -50vw;

	background-color: #F5F5F5;

	content: "";

	z-index: -1;
}

.p-entity__agencies
{
	position: relative;
	display: flex;

	flex-wrap: wrap;
	gap: 30px 50px;

	margin: 0 0 40px;
	padding-top: 60px;
	padding-bottom: 60px;

	justify-content: center;
}

.p-entity__agencies::before
{
	position: absolute;

	height: 100%;
	width: 100vw;

	top: 0;
	left: 50%;
	margin-left: -50vw;

	background-color: #F5F5F5;

	content: "";

	z-index: -1;
}

.p-entity__agencies-title
{
	width: 100%;
}

.p-entity__agency
{
	position: relative;
	display: flex;

	flex-direction: column;

	min-height: 250px;

	padding: var(--padding-y) 18px;
	padding-top: calc(var(--img-height) + var(--padding-y));

	background-color: #FFF;

	border-radius: 12px;

	box-shadow: 0 0 12px 0 #DBDBDB;

	overflow: hidden;

	--img-height: 200px;
	flex-basis: 320px;
	--padding-y: 18px;
}

.p-entity__img
{
	position: absolute;

	height: var(--img-height);
	width: 100%;

	top: 0;
	left: 0;

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

.p-entity__agency-name
{
	display: flex;

	gap: 12px;

	margin-top: 5px;

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

.p-entity__agency-name-icon-container
{
	padding: 6px;

	background-color: var(--green-darker);

	border-radius: 50%;
}

.p-entity__agency-name-icon
{
	font-size: 31px;
	color: #FFF;
}

.p-entity__agency-address
{
	font-style: normal;

	flex-grow: 1;
}

.p-entity__agency-tel
{
	display: flex;

	gap: 8px;

	margin-top: 15px;

	color: inherit;
	text-decoration: none;

	align-items: center;
}

.p-entity__agency-tel:focus
{
	outline: 2px solid #E0E0E0;
}

.p-entity__agency-tel-icon-container
{
	padding: 8px;

	background-color: var(--secondary);

	border-radius: 50%;

	flex-shrink: 0;
}

.p-entity__agency-tel-icon
{
	display: block;

	height: 1em;
	width: 1em;

	font-size: 24px;
	color: #FFF;
}
.p-home--ul
{
	display: flex;

	margin-left: 15px;

	justify-content: center;
}

.p-home--li
{
	width: 400px;

	margin-right: 15px;

	align-items: center;
}

.p-home--selection
{
	display: flex;

	margin-bottom: 0;
	padding-bottom: 50px;
}

.p-home--login
{
	margin-top: 100px;

	text-align: center;

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

.p-home--name
{
	margin-top: 100px;
	margin-bottom: 30px;

	justify-self: center;
}

.p-home--logos
{
	display: grid;

	width: 75%;

	margin-right: auto;
	margin-left: auto;
	margin-bottom: 30px;

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

.p-home--logos img
{
	height: 50px;

	margin-bottom: 15px;

	justify-self: center;
}

.p-home--logos p
{
	margin: 0;

	align-self: center;
}

.p-home__content
{
	position: relative;
	display: flex;

	flex-wrap: wrap;

	width: 100%;

	margin-top: 0;
	margin-bottom: 155px;
	padding-top: 30px;
	padding-bottom: 0;

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

.p-home__content::before
{
	position: absolute;

	height: 100%;
	width: 100vw;

	top: 0;
	left: 50%;
	margin-left: -50vw;

	background-color: #F5F5F5;

	content: "";

	z-index: -1;
}

.p-home__about-us
{
	position: relative;
	display: flex;

	flex-wrap: wrap;
	gap: 40px;

	width: 100%;

	margin-top: 0;
	margin-bottom: 50px;
	padding-top: 140px;
	padding-bottom: 180px;

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

.p-home__about-us::before
{
	position: absolute;

	height: 100%;
	width: 100vw;

	top: 0;
	left: 50%;
	margin-left: -50vw;

	background-color: #F5F5F5;

	content: "";

	z-index: -1;
}

.p-home__col
{
	flex-basis: 30%;
	flex-grow: 1;
}

/* -------------- Mobile, Tablet -------------- */
@media (max-width: 1200px)
{
	.p-home__col
	{
		flex-basis: 100%;
	}
}

.p-home__image
{
	display: flex;

	height: 480px;
	width: 600px;
	max-width: 100%;

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

/* ------------------ Mobile ------------------ */
@media (max-width: 599px)
{
	.p-home__image
	{
		height: auto;
	}
}

.p-home__image-img
{
	display: block;

	height: auto;
	width: 100%;

	border-radius: 14px;

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

.p-home__paper
{
	position: relative;
	display: flex;

	flex-wrap: wrap;
	gap: 20px 40px;

	margin: 0;
	margin-top: -90px;
	margin-bottom: -90px;
	padding: 40px 25px 30px;

	background-color: #FFF;

	border-radius: 13px;

	box-shadow: 0 0 12px 0 #DBDBDB;

	z-index: 0;

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

.p-home__paper-title
{
	position: absolute;
	display: inline-flex;

	width: auto;

	left: 30px;
	bottom: 100%;
	margin-bottom: -.4em;
	padding: 6px 12px;

	background-color: #FFF;

	font-weight: 500;
	font-size: 1.7rem;
	color: var(--secondary);

	border-top-left-radius: 6px;
	border-top-right-radius: 6px;

	box-shadow: 0 0 12px 0 #DBDBDB;
}

.p-home__paper-title::after
{
	position: absolute;

	height: 20px;
	width: calc(100% + 12px);

	top: 100%;
	margin-top: -.4em;
	left: -6px;

	background-color: #FFF;

	content: "";
}

.p-home__highlight-title
{
	width: 100%;

	margin-top: 0;
	margin-bottom: 30px;
	padding-top: 40px;

	text-align: center;

	justify-content: center;
}

.p-home__title
{
	margin-bottom: 15px;

	font-weight: 500;
	font-size: 2rem;
	color: #000;
}

.p-home__entities
{
	display: flex;

	flex-wrap: wrap;
	gap: 35px;

	width: 100%;

	margin-top: 30px;
	margin-bottom: 40px;

	justify-content: center;
}

.p-home__entities-title
{
	width: 100%;

	margin-bottom: 15px;

	font-weight: 500;
	font-size: 2rem;
	color: #000;

	text-align: center;
}

.p-home__entity-card
{
	display: flex;

	flex-direction: column;

	max-width: 100%;

	--padding: 40px;
	padding: calc(.5 * var(--padding));

	background-color: #FFF;

	text-align: right;

	border-top-left-radius: 12px;
	border-top-right-radius: 12px;

	overflow: hidden;

	flex-basis: 360px;
	flex-shrink: 0;
}

.p-home__entity-img-wrapper
{
	position: relative;
	display: flex;

	width: calc(100% + var(--padding));

	top: calc(-.5 * var(--padding));
	left: calc(-.5 * var(--padding));
}

.p-home__entity-img
{
	height: 200px;
	width: 100%;

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

.p-home__entity-title
{
	margin: 0;
	margin-bottom: 15px;

	text-align: left;

	flex-grow: 1;
}

.p-home__entity-link
{
	padding: 4px 2px;

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

	box-shadow: transparent 0 0 0 0, transparent 0 0 0 0, currentColor 0 1.5px 0 0;

	align-self: flex-end;
}

.p-home__entity-link:hover,
.p-home__entity-link:focus
{
	background-color: #F3F3F3;

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

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

.p-home__highlighted-section
{
	width: 75%;

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

.p-home__bottom
{
	position: relative;

	padding-top: 200px;
}

.p-home__carte-container
{
	position: relative;
	display: flex;

	gap: var(--gap-y) var(--gap-x);

	width: 100%;

	padding: 0 12px;

	justify-content: center;
	align-items: center;
	--gap-x: 80px;
	--gap-y: 70px;
}

/* -------------- Mobile, Tablet -------------- */
@media (max-width: 1200px)
{
	.p-home__carte-container
	{
		flex-direction: column;
		gap: 30px;

		margin-bottom: 40px;

		align-items: center;
	}
}

.p-home__carte
{
	display: flex;

	flex-direction: column;

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

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

/* ----------------- Laptop ------------------- */
@media (min-width: 1201px) and (max-width: 1536px)
{
	.p-home__carte
	{
		width: 415px;
	}
}

.p-home__carte > svg
{
	display: block;

	height: auto;
	width: 100%;
}

.p-home__carte-infos
{
	display: block;

	width: 1015px;

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

/* -------------- Mobile, Tablet -------------- */
@media (max-width: 1200px)
{
	.p-home__carte-infos
	{
		width: 100%;

		justify-content: center;
	}
}

.p-home__map-legend
{
	display: flex;

	flex-direction: row-reverse;
	flex-wrap: wrap;
	gap: 20px;

	margin-top: 12px;

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

.p-home__map-legend-item
{
	position: relative;
	display: flex;

	gap: 12px;

	align-items: center;
}

.p-home__map-legend-item::before
{
	height: 1em;
	width: 2em;

	background-color: #69B348;

	font-size: 18px;

	content: "";

	border-radius: 6px;
}

.p-home__map-legend-item[data-entity="BEROKI"]::before
{
	background-color: #74ADFC;
}

.p-home__map-legend-item[data-entity="C2Clim"]::before
{
	background-color: #DF2F35;
}
.login__container
{
	display: flex;

	gap: 30px;

	margin-bottom: 30px;
}

.login__img
{
	height: 400px;
	width: 400px;

	margin-top: -50px;
	margin-right: -50px;
}


.my-account__btns
{
	display: flex;

	flex-wrap: wrap;

	justify-content: space-between;
}

.my-account__link
{
	display: flex;

	gap: 5px;

	margin: 10px 0 60px 0;

	font-weight: 600;
	color: #000;
	text-decoration: none;

	align-items: center;
}

.my-account__link svg
{
	font-size: 16px;
}

.my-account__link:hover
{
	text-decoration: underline;
}
.order-details
{
	height: 100%;

	padding: 30px 50px 50px 50px;
}

.order-details h1
{
	font-family: var(--title-font), sans-serif;
}

.order-details-articles
{
	position: relative;
	display: flex;

	flex-direction: column;
	--gap: 30px;
	gap: var(--gap);

	margin-top: 0;
	margin-right: auto;
	margin-left: auto;
}

.order-details-articles.in-paper
{
	padding: 20px 0;
}

.order-details-btns
{
	display: flex;

	gap: 30px;

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

.order-details__edit-btn
{
	display: flex;

	flex-wrap: nowrap;

	padding: 10px 15px;

	font-weight: 600;
	color: var(--secondary);
	text-decoration: underline;
}
.p-ouverture-compte-entites-container
{
	display: flex;

	width: 100%;
}

.p-ouverture-compte-entites-div
{
	display: flex;

	flex-direction: row;
	gap: 50px;

	width: 75%;

	margin-left: 15px;

	justify-content: space-evenly;
}

.p-ouverture-compte-entites
{
	display: flex;

	flex-direction: column;

	justify-content: center;
}

.p-ouverture-compte-asterisque
{
	margin-top: 20px;
}
.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: monospace;
	font-weight: 400;
	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: "Rubik", monospace;
	font-weight: 400;
	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;
}
:root
{
	--rt-color-white: #FFF;
	--rt-color-dark: #222;
	--rt-color-success: #8DC572;
	--rt-color-error: #BE6464;
	--rt-color-warning: #F0AD4E;
	--rt-color-info: #337AB7;
	--rt-opacity: .9;
	--rt-transition-show-delay: .15s;
	--rt-transition-closing-delay: .15s;
}.core-styles-module_tooltip__3vRRp
{
	position: absolute;
	opacity: 0;

	top: 0;
	left: 0;

	pointer-events: none;

	will-change: opacity;
}.core-styles-module_fixed__pcSol
{
	position: fixed;
}.core-styles-module_arrow__cvMwQ
{
	position: absolute;

	background: inherit;
;
}.core-styles-module_noArrow__xock6
{
	display: none;
}.core-styles-module_clickable__ZuTTB
{
	pointer-events: auto;
}.core-styles-module_show__Nt9eE
{
	opacity: var(--rt-opacity);

	transition: opacity var(--rt-transition-show-delay) ease-out;
}.core-styles-module_closing__sGnxF
{
	opacity: 0;

	transition: opacity var(--rt-transition-closing-delay) ease-in;
}.styles-module_tooltip__mnnfp
{
	width: max-content;

	padding: 8px 16px;

	font-size: 90%;

	border-radius: 3px;
;
}.styles-module_arrow__K0L3T
{
	height: 8px;
	width: 8px;
}[class*=react-tooltip__place-top] > .styles-module_arrow__K0L3T
{
	transform: rotate(45deg);
}[class*=react-tooltip__place-right] > .styles-module_arrow__K0L3T
{
	transform: rotate(135deg);
}[class*=react-tooltip__place-bottom] > .styles-module_arrow__K0L3T
{
	transform: rotate(225deg);
}[class*=react-tooltip__place-left] > .styles-module_arrow__K0L3T
{
	transform: rotate(315deg);
}.styles-module_dark__xNqje
{
	background: var(--rt-color-dark);

	color: var(--rt-color-white);
}.styles-module_light__Z6W-X
{
	background-color: var(--rt-color-white);

	color: var(--rt-color-dark);
}.styles-module_success__A2AKt
{
	background-color: var(--rt-color-success);

	color: var(--rt-color-white);
}.styles-module_warning__SCK0X
{
	background-color: var(--rt-color-warning);

	color: var(--rt-color-white);
}.styles-module_error__JvumD
{
	background-color: var(--rt-color-error);

	color: var(--rt-color-white);
}.styles-module_info__BWdHW
{
	background-color: var(--rt-color-info);

	color: var(--rt-color-white);
}
.about-hma__about-us
{
	position: relative;
	display: flex;

	flex-wrap: wrap;
	gap: 40px;

	width: 100%;

	margin-top: 0;
	margin-bottom: 0;
	padding-top: 170px;
	padding-bottom: 120px;

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

.about-hma__title
{
	position: relative;
	display: flex;

	width: 100%;

	margin-top: 0;
	margin-bottom: 40px;

	font-weight: 500;
	font-size: 2.2rem;
	color: var(--secondary);

	justify-content: center;
}

.about-hma__title-text
{
	position: relative;
	display: flex;

	gap: 10px;

	align-items: center;
}

.about-hma__title-text::after
{
	position: absolute;
	display: block;

	height: 3px;
	width: 60%;

	left: 20%;
	bottom: -1px;

	background-color: currentColor;

	content: "";
}

.about-hma__col
{
	flex-basis: 30%;
	flex-grow: 1;
}

/* -------------- Mobile, Tablet -------------- */
@media (max-width: 1200px)
{
	.about-hma__col
	{
		flex-basis: 100%;
	}
}

.about-hma__image
{
	display: flex;

	height: 480px;
	width: 600px;
	max-width: 100%;

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

/* ------------------ Mobile ------------------ */
@media (max-width: 599px)
{
	.about-hma__image
	{
		height: auto;
	}
}

.about-hma__image-img
{
	display: block;

	height: auto;
	width: 100%;

	border-radius: 14px;

	object-fit: cover;
	object-position: center;
}
.admin-home-logo
{
	display: block;

	height: 140px;
	width: auto;
	max-width: 80%;

	margin: 0 auto;

	object-position: center;
	object-fit: contain;
}
.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-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-25
{
	padding-bottom: 25px;
}

.u-padding-bottom-30
{
	padding-bottom: 30px;
}

.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-full-height
{
	height: 100%;
}

.u-height-auto
{
	height: 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-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;
}

.u-line-through
{
	text-decoration: line-through;
}