/*
	$text:        #464747;
	$background:  #F0F3F3;
	$light:       #fdfaf7

	light_orange: #fdfaf7;
	$orange:      #EE9902;
	$red:         #C00506;

	flat_red:     #D87060;
	$flat_blue:   #60C8D8;
	$flat_orange: #FCC58E;

	$light_green: #B3DBCD;
	$dark_green:  #26715F;
*/

button
{
	line-height: 1em;

	padding: 0;

	background: none;

	font-family: inherit;
	font-size: inherit;

	cursor: pointer;
	-webkit-user-select: none;
	   -moz-user-select: none;
	    -ms-user-select: none;
	        user-select: none;

	border: none;

	box-shadow: none;

	overflow: visible;

	-webkit-touch-callout: none;
}

button:focus
{
	outline: none;
}
/*
	$text:        #464747;
	$background:  #F0F3F3;
	$light:       #fdfaf7

	light_orange: #fdfaf7;
	$orange:      #EE9902;
	$red:         #C00506;

	flat_red:     #D87060;
	$flat_blue:   #60C8D8;
	$flat_orange: #FCC58E;

	$light_green: #B3DBCD;
	$dark_green:  #26715F;
*/

/* ---------------------------------- */
/* --------- Wekbit styles ---------- */
/* ---------------------------------- */

/* Change Autocomplete styles in Chrome*/
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus
input:-webkit-autofill,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus
{
	font-weight: 500;

	border-color: #FFF6E4;

	box-shadow: 0 0 0 1000px #FFF6E4 inset;

	-webkit-text-fill-color: #464747;
}

option[value='']
{
	display: none;
}

textarea
{
	min-height: 120px;
	min-width: 100%;
	max-width: 100%;
}

label
{
	cursor: pointer;
}

::-webkit-input-placeholder
{
	font-size: 1em;
	color: #B6C6C9;
}

::-moz-placeholder
{
	color: pink;
}

/* IE 10+ */
:-ms-input-placeholder
{
	color: pink;
}
/*
	$text:        #464747;
	$background:  #F0F3F3;
	$light:       #fdfaf7

	light_orange: #fdfaf7;
	$orange:      #EE9902;
	$red:         #C00506;

	flat_red:     #D87060;
	$flat_blue:   #60C8D8;
	$flat_orange: #FCC58E;

	$light_green: #B3DBCD;
	$dark_green:  #26715F;
*/

[class*="o-svg-icon"]
{
	display: inline-block;

	height: 1em;
	min-height: 1em;
	width: 1em;
	min-width: 1em;

	fill: currentColor;
}

.o-svg-icon--edit
{
	width: .7998046875em;
	min-width: .7998046875em;
}

.o-svg-icon--logout
{
	width: .7998046875em;
	min-width: .7998046875em;
}

.o-svg-icon-search
{
	width: .8916015625em;
	min-width: .8916015625em;
}

.o-svg-icon--catalog
{
	height: .91592128801em;
	min-height: .91592128801em;
}

.o-svg-icon--orders
{
	width: .8388671875em;
	min-width: .8388671875em;
}

.o-svg-icon--user
{
	width: .7998046875em;
	min-width: .7998046875em;
}

.o-svg-icon--account
{
	width: .615234375em;
	min-width: .615234375em;
}

.o-svg-icon--ticket
{
	height: .4543034605em;
	min-height: .4543034605em;
}

.o-svg-icon--PDF
{
	width: .80078125em;
	min-width: .80078125em;
}

.o-svg-icon--settings
{
	height: .990328820em;
	min-height: .990328820em;

	fill: transparent;
}

.o-svg-icon--linkedin
{
	color: rgb(10, 102, 194);

	fill: transparent;
}
h2
{
	font-weight: 600;
	font-size: 1.6em;
}/*
	$text:        #464747;
	$background:  #F0F3F3;
	$light:       #fdfaf7

	light_orange: #fdfaf7;
	$orange:      #EE9902;
	$red:         #C00506;

	flat_red:     #D87060;
	$flat_blue:   #60C8D8;
	$flat_orange: #FCC58E;

	$light_green: #B3DBCD;
	$dark_green:  #26715F;
*/

.o-background
{
	position: absolute;

	height: 100%;
	width: 100%;

	top: 0;
	left: 0;

	z-index: 0;
}

.o-background:before
{
	position: absolute;
	opacity: .35;

	height: 100%;
	width: 100%;

	top: 0;
	left: 0;

	font-family: 'object-fit: cover;';

	content: '';

	z-index: -1;

	object-fit: cover;
}

.o-background--login:before
{
	background-position: 50% 50%;
	background-image: url(/images/login.jpg);
}.o-form
{
	position: relative;
	display: flex;

	flex-direction: row;
	flex-wrap: wrap;

	width: 100%;

	padding: 0;
}

.o-form__title
{
	margin: 0 0 1em 0;

	font-weight: 500;
	font-size: 2rem;
}

.o-form__fields
{
	display: flex;

	flex-wrap: wrap;
	gap: 15px 12px;

	width: 100%;

	align-items: flex-start;
}

.o-form__fields-group
{
	display: flex;

	gap: 20px;

	width: 100%;

	align-items: flex-start;
}

.o-form__fields-group.is-radios-group
{
	flex-wrap: wrap;

	align-items: center;
}

.o-form__fields-grouped
{
	display: flex;

	flex-wrap: wrap;
	gap: 15px;

	width: 100%;

	align-items: flex-start;
}

.o-form__fields-grouped:first-child
{
	width: 160px;

	flex-shrink: 0;
}

.o-form__checkboxes
{
	display: flex;

	flex-wrap: wrap;
	gap: 14px 15px;

	width: 100%;
}

.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-radius: 4px;
	border-width: 2px;
	border-style: solid;
	border-color: #E7E7E7;
	border-image: none;

	box-shadow: none;

	outline: none;
}

.o-form--private-sale-cancel .o-form__fieldset,
.c-form--private-sale-cancel .o-form__fieldset
{
	width: 1000px;
	max-width: 100%;
}

.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;

	padding: 0 4px;

	font-weight: 400;
	font-size: 1rem;
	color: #333;

	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-form--private-sale fieldset:first-of-type .o-form__fieldset-content
{
	flex-wrap: nowrap;
}

.o-form--ref-example-pdf .o-form__fieldset-content
{
	align-items: flex-start;
}

.o-form__controls
{
	display: flex;

	flex-wrap: wrap;
	gap: 20px;

	width: 100%;

	margin-top: 20px;

	align-items: center;
}
/*
	$text:        #464747;
	$background:  #F0F3F3;
	$light:       #fdfaf7

	light_orange: #fdfaf7;
	$orange:      #EE9902;
	$red:         #C00506;

	flat_red:     #D87060;
	$flat_blue:   #60C8D8;
	$flat_orange: #FCC58E;

	$light_green: #B3DBCD;
	$dark_green:  #26715F;
*/

.o-global-search
{
	position: relative;
}

.global-search-title
{
	display: flex;

	width: 100%;

	margin-bottom: 15px;

	font-size: 1.4em;
	color: #FFF;

	text-transform: uppercase;

	align-items: center;
}

.global-search-title:before
{
	display: block;

	height: 1em;
	width: 1em;

	margin-right: 15px;
	margin-left: 0;

	background-color: #F6A807;

	font-size: 12px;

	content: '';
}

/* ------------------------------------ */
/* ------ global-search__overlay ------ */
/* ------------------------------------ */

.o-global-search__overlay
{
	position: absolute;

	height: 100%;
	width: 100%;

	background-color: rgba(0, 0, 0, .55);

	z-index: 100;
}

/* ------------------------------------ */
/* ------- global-search__close ------- */
/* ------------------------------------ */

.o-global-search__close
{
	position: absolute;
	display: inline-block;

	top: 12px;
	right: 12px;

	color: #FFF;

	cursor: pointer;

	z-index: 100;
}

/* ------------------ Mobile ------------------ */
@media (max-width: 767px)
{
	.o-global-search__close
	{
		top: 8px;
		right: 8px;
	}
}

.o-global-search__close-icon
{
	display: block;

	height: 1em;
	width: 1em;

	font-size: 50px;

	-webkit-border-radius: 50%;
	        border-radius: 50%;
	border: 2px solid currentColor;
}

/* ------------------ Mobile ------------------ */
@media (max-width: 767px)
{
	.o-global-search__close-icon
	{
		font-size: 42px;
	}
}

.o-global-search__close-icon:before,
.o-global-search__close-icon:after
{
	position: absolute;

	height: .5em;
	width: 2px;

	top: 50%;
	margin-top: -.25em;
	left: 50%;
	margin-left: -1px;

	background-color: currentColor;

	content: '';

	-webkit-border-radius: 4px;
	        border-radius: 4px;

	transform-origin: center;
}

.o-global-search__close-icon:before
{
	-webkit-transform: rotate(-45deg);
	    -ms-transform: rotate(-45deg);
	        transform: rotate(-45deg);
}

.o-global-search__close-icon:after
{
	-webkit-transform: rotate(45deg);
	    -ms-transform: rotate(45deg);
	        transform: rotate(45deg);
}

/* ------------------------------------ */
/* ------ global-search__content ------ */
/* ------------------------------------ */

.o-global-search__content
{
	position: absolute;
	display: flex;

	flex-direction: column;

	height: 100%;
	width: 100%;

	padding: 5px 5px 20px;
	padding-top: 15px;

	background-color: rgba(20, 40, 40, .85);

	overflow-y: auto;

	z-index: 100;
}

/* ------------------ Mobile ------------------ */
@media (max-width: 767px)
{
	.o-global-search__content
	{
		padding: 5px 5px 20px;
		padding-top: 8px;
	}
}
/* ----------------------------------- *\
 * ------------ # o-grid # ----------- *
\* ----------------------------------- */

[class*="o-grid-"],
.o-grid
{
	display: flex;

	    flex-wrap: wrap;

	width: 100%;

	-ms-flex-wrap: wrap;
}





/* ----------------------------------- *\
 * ------------ # o-row # ------------ *
\* ----------------------------------- */

.o-row,
.o-row--wrap-tablet,
.o-row--wrap-laptop
{
	    flex-wrap: wrap;

	-ms-flex-wrap: wrap;
}

@media (max-width: 639px)
{
	.o-row
	{
		    flex-wrap: wrap;

		-ms-flex-wrap: wrap;
	}
}

@media (max-width: 1023px)
{
	.o-row--wrap-tablet
	{
		    flex-wrap: wrap;

		-ms-flex-wrap: wrap;
	}
}

@media (max-width: 1599px)
{
	.o-row--wrap-laptop
	{
		    flex-wrap: wrap;

		-ms-flex-wrap: wrap;
	}
}





/* ----------------------------------- *\
 * --------- # o-container # --------- *
\* ----------------------------------- */

.o-container
{
	width: 100%;
	max-width: 100%;

	margin: auto;
	margin-bottom: 12px;
	padding: 0 10px;
}

/* ------- Tablette ------ */
@media (min-width: 992px) and (max-width: 1199px)
{
	.o-container
	{
		width: 992px;
	}
}

/* ------- Laptop ------ */
@media (min-width: 1200px) and (max-width: 1599px)
{
	.o-container
	{
		width: 1200px;
	}
}

/* -------- Desktop -------- */
@media (min-width: 1600px)
{
	.o-container
	{
		width: 1450px;
	}
}




/* ----------------------------------- *\
 * ---------- # o-content # ---------- *
\* ----------------------------------- */

.o-content
{
	width: 100%;
	max-width: 100%;

	margin: 0 auto 12px auto;
	padding: 0 10px;
}

.o-content:last-child
{
	margin-bottom: 0;
}

/* ------- Tablette ------ */
@media (min-width: 992px) and (max-width: 1599px)
{
	.o-content
	{
		padding: 0 10px;
	}
}

/* -------- Mobile -------- */
@media (min-width: 1600px)
{
	.o-content
	{
		padding: 0 10px;
	}
}

/* -------- Mobile -------- */
@media (max-width: 639px)
{
	.o-content
	{
		padding: 0;
	}

	.c-form-view .o-content
	{
		padding: 0 10px;
	}
}





/* ----------------------------------- *\
 * ---- # o-grid-[items-number] # ---- *
\* ----------------------------------- */

[class*="o-grid__item"],
.o-grid__item
{
	display: block;

	padding: 0 10px;
}

@media (max-width: 1023px)
{
	[class*="o-grid__item-"],
	.o-grid__item
	{
		padding: 0 10px;
	}
}

[class*="o-grid__item-"] > [class*="o-grid__item-"],
[class*="o-grid__item-"] > .o-grid__item,
.o-grid__item > [class*="o-grid__item-"],
.o-grid__item > .o-grid__item,
.o-grid__item--no-padding
{
	padding: 0;
}

/* -------- Desktop -------- */
@media (min-width: 1600px)
{
	.o-grid-1 > .o-grid__item
	{
		width: 100%;
	}

	.o-grid-2 > .o-grid__item
	{
		width: 50%;
	}

	.o-grid-4 > .o-grid__item
	{
		width: 25%;
	}

	.o-grid-3 > .o-grid__item
	{
		width: 33.33334%;
	}

	.o-grid-5 > .o-grid__item
	{
		width: 20%;
	}

	.o-grid-6 > .o-grid__item
	{
		width: 16.66667%;
	}

	.o-grid-7 > .o-grid__item
	{
		width: 14.285715%;
	}

	.o-grid-8 > .o-grid__item
	{
		width: 12.5%;
	}

	.o-grid-9 > .o-grid__item
	{
		width: 11.11112%;
	}

	.o-grid-10 > .o-grid__item
	{
		width: 10%;
	}
}

@media (max-width: 1599px)
{
	.o-grid-1 > .o-grid__item
	{
		width: 100%;
	}

	.o-grid-2 > .o-grid__item
	{
		width: 50%;
	}

	.o-grid-3 > .o-grid__item
	{
		width: 33.33334%;
	}

	.o-grid-4 > .o-grid__item,
	.o-grid-5 > .o-grid__item,
	.o-grid-6 > .o-grid__item
	{
		width: 25%;
	}

	.o-grid-7 > .o-grid__item,
	.o-grid-8 > .o-grid__item
	{
		width: 20%;
	}

	.o-grid-9 > .o-grid__item,
	.o-grid-10 > .o-grid__item
	{
		width: 16.66667%;
	}
}

@media (max-width: 1023px)
{
	.o-grid-1 > .o-grid__item
	.o-grid-2 > .o-grid__item
	{
		width: 100%;
	}

	.o-grid-3 > .o-grid__item,
	.o-grid-4 > .o-grid__item
	{
		width: 50%;
	}

	.o-grid-5 > .o-grid__item,
	.o-grid-6 > .o-grid__item
	{
		width: 33.33334%;
	}

	.o-grid-7 > .o-grid__item
	.o-grid-8 > .o-grid__item
	{
		width: 25%;
	}

	.o-grid-9 > .o-grid__item,
	.o-grid-10 > .o-grid__item
	{
		width: 20%;
	}
}

@media (max-width: 639px)
{
	.o-grid-1 > .o-grid__item,
	.o-grid-2 > .o-grid__item,
	.o-grid-3 > .o-grid__item,
	.o-grid-4 > .o-grid__item
	{
		width: 100%;
	}

	.o-grid-5 > .o-grid__item,
	.o-grid-6 > .o-grid__item
	{
		width: 50%;
	}

	.o-grid-7 > .o-grid__item
	{
		width: 33.33334%;
	}

	.o-grid-8 > .o-grid__item,
	.o-grid-9 > .o-grid__item
	{
		width: 25%;
	}

	.o-grid-10 > .o-grid__item
	{
		width: 20%;
	}
}

@media (max-width: 490px)
{
	.o-grid-1 > .o-grid__item,
	.o-grid-2 > .o-grid__item,
	.o-grid-3 > .o-grid__item,
	.o-grid-4 > .o-grid__item,
	.o-grid-5 > .o-grid__item,
	.o-grid-6 > .o-grid__item
	{
		width: 100%;
	}

	.o-grid-7 > .o-grid__item,
	.o-grid-8 > .o-grid__item,
	.o-grid-9 > .o-grid__item
	{
		width: 50%;
	}

	.o-grid-10 > .o-grid__item
	{
		width: 25%;
	}
}

/* -------------- Mobile, Tablet -------------- */
@media (max-width: 1325px)
{
	.o-grid--wrap-tablet [class*="o-grid__item-"]
	{
		width: 100%;
	}
}

/* ---------------------------------- *\
 * ---- # o-grid__item--[size] # ---- *
\* ---------------------------------- */

.o-grid__item-2
{
	width: 16.66667%;
}

.o-grid__item-5
{
	width: 41.66667%;
}

.o-grid__item-7
{
	width: 58.33334%;
}

.o-grid__item-10
{
	width: 83.33334%;
}

.o-grid__item-11
{
	width: 91.66667%;
}

.o-grid__item-12
{
	width: 100%;
}

@media (max-width: 1599px)
{
	.o-grid__item-4
	{
		width: 33.33334%;
	}

	.o-grid__item-5
	{
		width: 40%;
	}

	.o-grid__item-7
	{
		width: 60%;
	}

	.o-grid__item-8
	{
		width: 66.66667%;
	}

	.o-grid__item-9,
	.o-grid__item-10
	{
		width: 75%;
	}
}

@media (min-width: 1023px)
{
	.o-grid__item-1
	{
		width: 8.33334%;
	}

	.o-grid__item-3
	{
		width: 25%;
	}

	.o-grid__item-4
	{
		width: 33.33334%;
	}

	.o-grid__item-6
	{
		width: 50%;
	}

	.o-grid__item-8
	{
		width: 66.66667%;
	}

	.o-grid__item-9
	{
		width: 75%;
	}
}

@media (max-width: 1023px)
{
	.o-grid__item-2
	{
		width: 25%;
	}

	.o-grid__item-3,
	.o-grid__item-4
	{
		width: 40%;
	}

	.o-grid__item-5,
	.o-grid__item-7
	{
		width: 50%;
	}

	.o-grid__item-6,
	.o-grid__item-11
	{
		width: 83.33334%;
	}

	.o-grid__item-8,
	.o-grid__item-9
	{
		width: 90%;
	}

	.o-grid__item-1
	{
		width: 16.66667%;
	}

	.o-grid__item-10
	{
		width: 100%;
	}

	[class*="o-grid__item"] + .o-grid__item-10
	{
		margin-top: 12px;
	}
}

@media (max-width: 640px)
{
	.o-grid__item-11,
	.o-grid__item-9,
	.o-grid__item-8,
	.o-grid__item-7,
	.o-grid__item-6,
	.o-grid__item-5
	{
		width: 100%;
	}

	.o-grid__item-3,
	.o-grid__item-4
	{
		width: 83.33334%;
	}

	.o-grid__item-2
	{
		width: 33.33334%;
	}

	[class*="o-grid__item"] + [class*="o-grid__item"]
	{
		margin-top: 12px;
	}
}


/* ----------------------------------- */
/* ------------- Margins ------------- */
/* ----------------------------------- */

/* ------ Desktop ------ */
@media (min-width: 1600px)
{
	[class*="o-grid-"] > [class*="o-grid__item"]
	{
		margin-top: 12px;
	}

	.o-grid-1 > .o-grid__item:first-child,
	.o-grid-2 > .o-grid__item:nth-child(-n+2),
	.o-grid-3 > .o-grid__item:nth-child(-n+3),
	.o-grid-4 > .o-grid__item:nth-child(-n+4),
	.o-grid-5 > .o-grid__item:nth-child(-n+5),
	.o-grid-6 > .o-grid__item:nth-child(-n+6),
	.o-grid-7 > .o-grid__item:nth-child(-n+7),
	.o-grid-8 > .o-grid__item:nth-child(-n+8),
	.o-grid-9 > .o-grid__item:nth-child(-n+9),
	.o-grid-10 > .o-grid__item:nth-child(-n+10)
	{
		margin-top: 0;
	}
}

/* ------ Laptop ------ */
@media (min-width: 992px) and (max-width: 1599px)
{
	[class*="o-grid-"] > .o-grid__item
	{
		margin-top: 12px;
	}

	.o-grid-1 > .o-grid__item:first-child,
	.o-grid-2 > .o-grid__item:nth-child(-n+2),
	.o-grid-3 > .o-grid__item:nth-child(-n+3),
	.o-grid-4 > .o-grid__item:nth-child(-n+4),
	.o-grid-5 > .o-grid__item:nth-child(-n+4),
	.o-grid-6 > .o-grid__item:nth-child(-n+4),
	.o-grid-7 > .o-grid__item:nth-child(-n+5),
	.o-grid-8 > .o-grid__item:nth-child(-n+5),
	.o-grid-9 > .o-grid__item:nth-child(-n+6),
	.o-grid-10 > .o-grid__item:nth-child(-n+6)
	{
		margin-top: 0;
	}
}

/* ------ Tablette ------ */
@media (min-width: 640px) and (max-width: 1023px)
{
	[class*="o-grid-"] > .o-grid__item
	{
		margin-top: 12px;
	}

	.o-grid-1 > .o-grid__item:first-child,
	.o-grid-2 > .o-grid__item:first-child,
	.o-grid-3 > .o-grid__item:nth-child(-n+2),
	.o-grid-4 > .o-grid__item:nth-child(-n+2),
	.o-grid-5 > .o-grid__item:nth-child(-n+3),
	.o-grid-6 > .o-grid__item:nth-child(-n+3),
	.o-grid-7 > .o-grid__item:nth-child(-n+4),
	.o-grid-8 > .o-grid__item:nth-child(-n+4),
	.o-grid-9 > .o-grid__item:nth-child(-n+5),
	.o-grid-10 > .o-grid__item:nth-child(-n+5)
	{
		margin-top: 0;
	}
}

/* ----- Mobile paysage ----- */
@media (min-width: 490px) and (max-width: 639px)
{
	[class*="o-grid-"] > .o-grid__item
	{
		margin-top: 12px;
	}

	.o-grid-1 > .o-grid__item:first-child,
	.o-grid-2 > .o-grid__item:first-child,
	.o-grid-3 > .o-grid__item:first-child,
	.o-grid-4 > .o-grid__item:first-child,
	.o-grid-5 > .o-grid__item:nth-child(-n+2),
	.o-grid-6 > .o-grid__item:nth-child(-n+2),
	.o-grid-7 > .o-grid__item:nth-child(-n+3),
	.o-grid-8 > .o-grid__item:nth-child(-n+4),
	.o-grid-9 > .o-grid__item:nth-child(-n+4),
	.o-grid-10 > .o-grid__item:nth-child(-n+5)
	{
		margin-top: 0;
	}
}

/* -------- Mobile portrait -------- */
@media (max-width: 489px)
{
	[class*="o-grid-"] > .o-grid__item
	{
		margin-top: 12px;
	}

	.o-grid-2 > .o-grid__item:first-child,
	.o-grid-3 > .o-grid__item:first-child,
	.o-grid-4 > .o-grid__item:first-child,
	.o-grid-5 > .o-grid__item:first-child,
	.o-grid-6 > .o-grid__item:first-child,
	.o-grid-7 > .o-grid__item:nth-child(-n+2),
	.o-grid-8 > .o-grid__item:nth-child(-n+2),
	.o-grid-9 > .o-grid__item:nth-child(-n+2),
	.o-grid-10 > .o-grid__item:nth-child(-n+4)
	{
		margin-top: 0;
	}
}

/* ----------------------------------- */
/* ------ #!# Old Browsers #!# ------- */
/* ----------------------------------- */

.no-flexbox.no-flexboxtweener [class*="o-grid__item-"],
.no-flexbox.no-flexboxtweener .o-grid__item
{
	float: left;
}

.no-flexwrap [class*="o-grid__item-"],
.no-flexwrap .o-grid__item
{
	float: left;
}

.no-flexbox.no-flexboxtweener [class*=".o-grid-"]:after,
.no-flexbox.no-flexboxtweener .o-grid,
.no-flexbox.no-flexboxtweener .o-content:before
{
	display: block;

	height: 0;
	width: 100%;

	content: "";

	clear: both;
}

.no-flexwrap [class*="o-grid-"]:after,
.no-flexwrap .o-grid:after,
.no-flexwrap .o-content:before
{
	display: block;

	height: 0;
	width: 100%;

	content: "";

	clear: both;
}
/*
	$text:        #464747;
	$background:  #F0F3F3;
	$light:       #fdfaf7

	light_orange: #fdfaf7;
	$orange:      #EE9902;
	$red:         #C00506;

	flat_red:     #D87060;
	$flat_blue:   #60C8D8;
	$flat_orange: #FCC58E;

	$light_green: #B3DBCD;
	$dark_green:  #26715F;
*/

/* -------------------------------------- *\
|* ------------- # navbar # ------------- *|
\* -------------------------------------- */

.o-header
{
	position: fixed;

	width: 100%;

	top: 0;
	left: 0;

	z-index: 100;
}

.o-header:before
{
	position: absolute;

	height: 100%;
	width: 100%;

	top: 0;
	left: 0;

	background-color: #363A2C;

	content: '';

	z-index: -1;
}

.o-header--fixed
{
	position: fixed;

	animation: menuFade 500ms ease;
}

@-webkit-keyframes menuFade
{
	from
	{
		transform: translateY(-100%);
	}

	to
	{
		transform: translateY(0);
	}
}

@-moz-keyframes menuFade
{
	from
	{
		transform: translateY(-100%);
	}

	to
	{
		transform: translateY(0);
	}
}

@keyframes menuFade
{
	from
	{
		transform: translateY(-100%);
	}

	to
	{
		transform: translateY(0);
	}
}




/* ------------------------------- */
/* ------ navbar__container ------ */
/* ------------------------------- */

.o-header__container
{
	display: flex;

	margin-bottom: 0 !important;
}




/* ------------------------------ */
/* ------- header__navbar ------- */
/* ------------------------------ */

.o-navbar__nav
{
	display: flex;

	flex-grow: 1;
	justify-content: center;
}

/* -------------- Mobile, Tablet -------------- */
@media (max-width: 1325px)
{
	.o-navbar__nav
	{
		position: absolute;
		visibility: hidden;
		opacity: 0;

		max-height: calc(100vh - 56px);

		top: 100%;
		right: 0;
		left: 0;

		overflow-x: hidden;
		overflow-y: auto;

		transition: transform 320ms ease, opacity 320ms ease, visibility 320ms ease;
		transform: translateY(8px);

		justify-content: flex-start;
	}

	.o-navbar--open .o-navbar__nav
	{
		visibility: visible;
		opacity: 1;

		transform: translateY(0px);
	}
}




/* ------------------------------ */
/* -------- navbar__menu -------- */
/* ------------------------------ */

.o-navbar__menu
{
	display: flex;

	-webkit-flex-wrap: wrap;
	    -ms-flex-wrap: wrap;
	        flex-wrap: wrap;

	width: auto;

	margin: 0;
	padding-left: 0;

	-webkit-align-items: center;
	        align-items: center;
	-webkit-justify-content: space-around;
	        justify-content: space-around;
}

/* -------------- Mobile, Tablet -------------- */
@media (max-width: 1325px)
{
	.o-navbar__menu
	{
		flex-direction: column;
		flex-wrap: nowrap;

		background-color: #FFF;

		border: 1px solid #000;
		border-right: none;
		border-left: none;

		align-items: stretch;
		justify-content: flex-start;
	}
}

/* ------------------ Mobile ------------------ */
@media (max-width: 767px)
{
	.o-navbar__menu
	{
		width: 100%;
	}
}




/* ------------------------------- */
/* -------- navbar__brand -------- */
/* ------------------------------- */

.o-header__brand-link
{
	display: block;
	float: left;

	height: 90px;

	margin-right: 30px;

	color: transparent; /* ie */

	z-index: 1;
}

.o-header__brand-link:hover,
.o-header__brand-link:focus,
.o-header__brand-link:active
{
	color: transparent; /* ie */

	outline: none;
}

.o-header__brand
{
	display: block;

	height: 100%;
	width: auto;

	vertical-align: top;

	padding: 8px;
}





/* ------------------------------ */
/* -------- navbar__item -------- */
/* ------------------------------ */

.o-header__item
{
	display: inline-block;
}

/* -- Mobile & Tablette -- */
@media (max-width: 992px)
{
	.o-header__item
	{
		width: 100%;
	}
}





/* ------------------------------ */
/* -------- navbar__link -------- */
/* ------------------------------ */

.o-header__link
{
	display: inline-block;

	padding: 12px;

	color: #FFF;
	text-decoration: none;

	text-transform: uppercase;

	-webkit-transition: color 440ms ease;
	    -ms-transition: color 440ms ease;
	        transition: color 440ms ease;
}

.o-header__link--active,
.o-header__link:hover
{
	color: #AAA;

	-webkit-transition: color 320ms ease;
	    -ms-transition: color 320ms ease;
	        transition: color 320ms ease;
}

.o-header__link:focus
{
	color: #EEE;
}

/* -- Mobile & Tablette -- */
@media (max-width: 992px)
{
	.o-header__link
	{
		width: 100%;

		padding: 20px 10px;

		color: #000;

		text-align: center;
	}

	.o-header__link--active,
	.o-header__link:hover,
	.o-header__link:focus
	{
		color: #171695;
	}
}
/*
	$text:        #464747;
	$background:  #F0F3F3;
	$light:       #fdfaf7

	light_orange: #fdfaf7;
	$orange:      #EE9902;
	$red:         #C00506;

	flat_red:     #D87060;
	$flat_blue:   #60C8D8;
	$flat_orange: #FCC58E;

	$light_green: #B3DBCD;
	$dark_green:  #26715F;
*/

.o-iframe
{
	position: relative;
	display: block;

	width: 100%;
}

.o-iframe iframe
{
	position: absolute;

	height: 100%;
	width: 100%;

	top: 0;
	left: 0;
	bottom: 0;

	border: 0;
}

.o-iframe--16_9
{
	padding-bottom: 56.5%;
}

.o-iframe--1_3
{
	padding-bottom: 33.33334%;
}

.o-iframe--4_3
{
	padding-bottom: 75%;
}.o-inline-icon
{
	height: 1em;
	width: 1em;

	font-size: 24px;
}
/*
	$text:        #464747;
	$background:  #F0F3F3;
	$light:       #fdfaf7

	light_orange: #fdfaf7;
	$orange:      #EE9902;
	$red:         #C00506;

	flat_red:     #D87060;
	$flat_blue:   #60C8D8;
	$flat_orange: #FCC58E;

	$light_green: #B3DBCD;
	$dark_green:  #26715F;
*/

.o-loader
{
	position: relative;

	height: 5px;
	width: 5px;

	background-color: currentColor;

	color: #F36E21;

	cursor: wait;

	border-radius: 50px;
}

.o-loader:before
{
	position: absolute;

	height: 40px;
	width: 40px;

	top: -38px;

	background-color: rgba(54, 58, 44, .1);

	content: '';

	border-radius: 0 50px 0 0;
	border-top: 3px solid currentColor;
	border-right: 3px solid currentColor;

	transform-origin: 0 100%;
	animation: loader-animation 1.5s linear infinite;
}

.o-loader:after
{
	position: absolute;

	height: 40px;
	width: 40px;

	top: 2px;
	right: 2px;

	background-color: rgba(54, 58, 44, .1);

	content: '';

	border-radius: 0 0 0 50px;
	border-bottom: 3px solid currentColor;
	border-left: 3px solid currentColor;

	transform-origin: 100% 0;
	animation: loader-animation 1.5s linear infinite;
}

@-webkit-keyframes loader-animation
{
	0%
	{
		-webkit-transform: rotate(0deg);
	}
	100%
	{
		-webkit-transform: rotate(360deg);
	}
}

@keyframes loader-animation
{
	0%
	{
		transform: rotate(0deg);
	}
	100%
	{
		transform: rotate(360deg);
	}
}
/*
	$text:        #464747;
	$background:  #F0F3F3;
	$light:       #fdfaf7

	light_orange: #fdfaf7;
	$orange:      #EE9902;
	$red:         #C00506;

	flat_red:     #D87060;
	$flat_blue:   #60C8D8;
	$flat_orange: #FCC58E;

	$light_green: #B3DBCD;
	$dark_green:  #26715F;
*/

.o-menu-item
{
	position: relative;
	display: flex;

	height: 80px;

	font-size: 18px;
	color: #FFF;

	-webkit-transition: background-color 320ms ease;
	    -ms-transition: background-color 320ms ease;
	        transition: background-color 320ms ease;

	z-index: 0;

	-webkit-align-items: center;
	        align-items: center;
}

/* -------- Mobile -------- */
@media (max-width: 639px)
{
	.o-menu-item--dropdown
	{
		-webkit-flex-wrap: wrap;
		    -ms-flex-wrap: wrap;
		        flex-wrap: wrap;

		height: auto;
		min-height: 80px;

		align-items: stretch;
	}
}

.o-menu-item:hover
{
	background-color: #9B4A47;
}

.o-menu-item--dropdown:hover
{
	background-color: transparent;
}

.o-menu-item--dropdown:after
{
	position: absolute;

	height: 1em;
	width: 1em;

	top: 35px;
	left: 100%;
	margin-left: -1.8em;

	font-size: 12px;

	content: '';

	border-width: 2px 2px 0 0;
	border-style: solid;
	border-color: #FFF;

	transform: rotate(45deg);

	z-index: -1;
}

.o-menu-item--active:before,
.o-menu-item--actived:before
{
	position: absolute;

	height: 1em;
	width: 6px;

	top: 50%;
	margin-top: -.5em;
	right: 84px;

	background-color: #F29A35;

	font-size: 40px;

	content: '';
}

.o-menu-item--active,
.o-menu-item--actived,
.o-menu-item--active:hover,
.o-menu-item--actived:hover
{
	background-color: #9B4A47;
}


/* ---------------------------------- */
/* -------- menu-item__icon --------- */
/* ---------------------------------- */

.o-menu-item__icon
{
	position: absolute;

	width: 90px;

	top: 20px;
	right: 0;

	font-size: 42px;

	text-align: center;

	z-index: -1;
}

.o-menu-item--dropdown .o-menu-item__icon
{
	padding-right: 10px;
}


/* ---------------------------------- */
/* -------- menu-item__link --------- */
/* ---------------------------------- */

.o-menu-item__link
{
	display: flex;

	height: 100%;
	width: 100%;

	padding-right: 90px;
	padding-left: 20px;

	color: inherit;
	text-decoration: none;

	white-space: nowrap;

	-webkit-transition: background-color 320ms ease;
	    -ms-transition: background-color 320ms ease;
	        transition: background-color 320ms ease;

	-webkit-align-items: center;
	        align-items: center;
}

/* -------- Mobile -------- */
@media (max-width: 639px)
{
	.o-menu-item--dropdown .o-menu-item__link
	{
		height: auto;
		min-height: 80px;
	}
}

.o-menu-item__link:focus + .c-sub-menu
{
	visibility: visible;
}
/*
	$text:        #464747;
	$background:  #F0F3F3;
	$light:       #fdfaf7

	light_orange: #fdfaf7;
	$orange:      #EE9902;
	$red:         #C00506;

	flat_red:     #D87060;
	$flat_blue:   #60C8D8;
	$flat_orange: #FCC58E;

	$light_green: #B3DBCD;
	$dark_green:  #26715F;
*/

.o-modal
{
	position: absolute;
	display: block;
	visibility: hidden;

	height: 100%;
	width: 100%;

	top: 0;
	left: 0;

	overflow-y: auto;

	z-index: 100;

	justify-content: center;
	align-items: center;
}

.o-modal--open
{
	visibility: visible;
}


/* ------------------------------------ */
/* ---------- modal__content ---------- */
/* ------------------------------------ */

.o-modal__content
{
	display: table;

	height: 100%;
	width: 100%;

	vertical-align: middle;

	overflow-y: auto;
}

.o-modal__content-wrapper
{
	display: table-cell;

	height: 100%;
	width: 100%;

	vertical-align: middle;

	padding-left: 90px;

	overflow-y: auto;
}

/* -------- Mobile -------- */
@media (max-width: 639px)
{
	.o-modal__content-wrapper
	{
		padding-left: 0;
	}
}

/* ------------------------------------- */
/* ----------- modal__dialog ----------- */
/* ------------------------------------- */

.o-modal__dialog
{
	position: relative;
	display: flex;

	        flex-direction: column;

	max-width: 514px;

	margin-top: 15px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 15px;
	padding: 0;

	background: #FFF;

	font-size: 15px;

	text-align: left;

	border-radius: 0;

	box-shadow: 0 1px 4px 0 rgba(0, 0, 0, .25);

	-webkit-flex-direction: column;
	    -ms-flex-direction: column;
}

.o-modal--front .o-modal__dialog,
.o-modal--large .o-modal__dialog
{
	width: 100%;
	max-width: 1400px;

	border-radius: 0;

	box-shadow: none;
}

.o-modal--user-card .o-modal__dialog
{
	margin-top: 55px;
	margin-bottom: 0;

	background-color: transparent;

	box-shadow: none;
}

.o-modal--user-card .o-modal__dialog:before
{
	position: absolute;
	display: block;

	top: -39px;
	right: 8px;

	font-weight: 600;
	font-size: 15px;
	color: #FFF;

	content: "Fermer";
	letter-spacing: .8px;

	z-index: -100;
}

/* ------- Tablette ------ */
@media (min-width: 992px) and (max-width: 1200px)
{
	.o-modal--full .o-modal__dialog
	{
		max-width: 992px;
	}

	.o-modal--front .o-modal__dialog,
	.o-modal--large .o-modal__dialog
	{
		max-width: 96%;
		max-width: calc(100% - 30px);
	}
}

/* ------- Laptop ------ */
@media (min-width: 1200px) and (max-width: 1450px)
{
	.o-modal--full .o-modal__dialog
	{
		max-width: 1200px;
	}
}

/* -------- Desktop -------- */
@media (min-width: 1450px)
{
	.o-modal--full .o-modal__dialog
	{
		max-width: 1450px;
	}
}

/* -- Mobile & Tablette -- */
@media (max-width: 992px)
{
	.o-modal__dialog
	{
		max-width: 100%;
	}

	.o-modal--front .o-modal__dialog,
	.o-modal--large .o-modal__dialog
	{
		max-width: 96%;
		max-width: calc(100% - 30px);
	}
}

/* -- Mobile -- */
@media (max-width: 639px)
{
	.o-modal--front .o-modal__dialog,
	.o-modal--large .o-modal__dialog
	{
		max-width: 98%;
		max-width: calc(100% - 20px);
	}
}

/* -- Mobile -- */
@media (max-width: 450px)
{
	.o-modal--front .o-modal__dialog,
	.o-modal--large .o-modal__dialog
	{
		max-width: 100%;
	}
}


/* ------------------------------------- */
/* ----------- modal__header ----------- */
/* ------------------------------------- */

.o-modal__header
{
	position: relative;
	display: flex;

	width: 100%;
	min-width: 280px;

	padding: 6px 6px 6px 20px;

	background-color: #EE9901;

	font-weight: 600;
	font-size: 1.2em;
	color: #FFF;

	cursor: default;

	border-top-left-radius: 0;
	border-top-right-radius: 0;

	z-index: 2;

	-webkit-flex-shrink: 0;
	        flex-shrink: 0;
	align-items: center;
}

/* -- Mobile -- */
@media (max-width: 450px)
{
	.o-modal__header
	{
		min-width: 0;
	}
}

.o-modal--front .o-modal__header
{
	background-color: #D9F2FD;

	color: #0E7DD5;

	border-radius: 0;
}


/* ----------------------------------- */
/* ---------- modal__header ---------- */
/* ----------------------------------- */

.o-modal__header-txt
{
	width: 100%;
}


/* ----------------------------------- */
/* ---------- modal__action ---------- */
/* ----------------------------------- */

.o-modal__action
{
	position: absolute;
	display: flex;

	margin-right: 12px;
	left: 0;
	bottom: 0;
	padding: 13px 14px 13px;

	font-size: 28px;
	color: #82847D;

	border-bottom-right-radius: 4px;
	border-bottom-left-radius: 4px;

	transition: background-color 320ms ease, color 320ms ease;

	align-items: center;
	flex-shrink: 0;
}

.o-modal__action:hover
{
	background-color: #F2EEEB;
}

.o-modal__action_icon
{
	display: block;
}

.o-modal__action--spam .o-modal__action_icon
{
	fill: transparent;
}

.o-modal__action-txt
{
	display: block;

	margin-left: 6px;

	font-weight: 600;
	font-size: 14px;
}

/* ----------------------------------- */
/* ----------- modal__body ----------- */
/* ----------------------------------- */

.o-modal__body
{
	position: relative;

	height: 100%;
	width: 100%;

	padding: 15px 20px;
}

.o-modal--front .o-modal__body
{
	border-radius: 0;
}

.o-modal--user-card .o-modal__body
{
	padding: 0;

	background-color: transparent;
}


/* ------------------------------------ */
/* ---------- modal__buttons ---------- */
/* ------------------------------------ */

.o-modal__buttons
{
	margin-top: 12px;

	text-align: right;
}


/* ------------------------------------ */
/* ----------- modal__close ----------- */
/* ------------------------------------ */

.o-modal__close
{
	position: relative;
	float: right;

	height: 1em;
	width: 1em;

	font-size: 38px;
	color: transparent;

	overflow: hidden;

	transition: background-color 320ms ease;

	flex-shrink: 0;
}

.o-modal__close:before,
.o-modal__close:after
{
	position: absolute;

	height: 90%;
	width: 3px;

	top: 5%;
	left: 50%;
	margin-left: -1.5px;

	background-color: #FFF;

	content: "";

	border-radius: 2px;

	transition: background-color 320ms ease;
	transform-origin: center;
}

.o-modal--front .o-modal__close:before,
.o-modal--front .o-modal__close:after
{
	height: 70%;
	width: 2px;

	top: 15%;
}

.o-modal__close:before
{
	transform: rotate(-45deg);
}

.o-modal__close:after
{
	transform: rotate(45deg);
}

.o-modal__close:focus:before,
.o-modal__close:focus:after,
.o-modal__close:hover:before,
.o-modal__close:hover:after,
.o-modal__close:active:before,
.o-modal__close:active:after
{
	background-color: #EE9901;
}

.o-modal--front .o-modal__close:focus:before,
.o-modal--front .o-modal__close:focus:after,
.o-modal--front .o-modal__close:hover:before,
.o-modal--front .o-modal__close:hover:after,
.o-modal--front .o-modal__close:active:before,
.o-modal--front .o-modal__close:active:after
{
	background-color: #FFF;
}

.o-modal__close:active
{
	outline: 2px solid #FFF;
}

.o-modal__close:focus,
.o-modal__close:active,
.o-modal__close:hover
{
	background-color: #FFF;
}

.o-modal--front .o-modal__close:focus,
.o-modal--front .o-modal__close:active,
.o-modal--front .o-modal__close:hover
{
	background-color: rgba(255, 255, 255, .4);
}


/* ------------------------------------- */
/* --------- React animations ---------  */
/* ------------------------------------- */

.a-modal-transition-enter
{
	visibility: visible;
	opacity: .01;

	transition: transform 240ms ease, opacity 240ms;
	transform: scale(.95) translateX(25px) translateY(-15px);
}

.a-modal-transition-enter.a-modal-transition-enter-active
{
	visibility: visible;
	opacity: 1;

	transform: scale(1);
}

.a-modal-transition-exit
{
	visibility: visible;
	opacity: 1;

	transition: transform 320ms ease, opacity 320ms;
	transform: scale(1) translateX(0) translateY(0);
}

.a-modal-transition-exit.a-modal-transition-exit-active
{
	visibility: visible;
	opacity: .01;

	transform: scale(.95);
}
/*
	$text:        #464747;
	$background:  #F0F3F3;
	$light:       #fdfaf7

	light_orange: #fdfaf7;
	$orange:      #EE9902;
	$red:         #C00506;

	flat_red:     #D87060;
	$flat_blue:   #60C8D8;
	$flat_orange: #FCC58E;

	$light_green: #B3DBCD;
	$dark_green:  #26715F;
*/

.page-header
{
	width: 100%;

	top: 0;
	left: 0;

	background-color: #FFF;

	        transition: transform 320ms ease;

	z-index: 101;

	-webkit-transition: transform 320ms ease;
	    -ms-transition: transform 320ms ease;
	-webkit-flex-shrink: 0;
	        flex-shrink: 0;
}

.o-navbar
{
	position: relative;
	display: flex;

	text-align: center;

	justify-content: space-between;
	align-items: center;
}

/* -------- Mobile -------- */
@media (max-width: 639px)
{
	.o-navbar
	{
		        flex-wrap: wrap;

		height: auto;

		-webkit-flex-wrap: wrap;
		    -ms-flex-wrap: wrap;
	}
}



/* ----------------------------------- */
/* -------- o-navbar__toggle --------- */
/* ----------------------------------- */

.o-navbar__toggle
{
	position: relative;
	display: none;
	float: left;

	flex-direction: column;
	flex-wrap: nowrap;

	height: 42px;
	width: 110px;
	min-width: 0;

	margin-left: 0;
	padding: 8px 50px 8px 0;

	background-color: transparent;

	font-family: inherit;
	font-weight: inherit;
	font-size: 1em;

	cursor: pointer;

	border-radius: 0;

	-webkit-flex-shrink: 0;
	        flex-shrink: 0;
	align-items: flex-start;
	justify-content: flex-end;
}

/* -------------- Mobile, Tablet -------------- */
@media (max-width: 1325px)
{
	.o-navbar__toggle
	{
		display: flex;
	}
}

/* ------------------ Mobile ------------------ */
@media (max-width: 767px)
{
	.o-navbar__toggle
	{
		width: 60px;

		padding-right: 8px;
	}
}

.o-navbar__toggle > span
{
	display: flex;

	flex-direction: column;

	align-items: center;
	justify-content: space-between;
	flex-grow: 1;
}

.o-navbar__toggle:focus
{
	outline: none;
}

.o-navbar__toggle-bar
{
	display: block;
	opacity: 1;

	height: 4px;
	width: 50%;

	background-color: #EE9902;

	border-radius: 15px;

	        transition: transform 320ms ease, opacity 320ms ease;
	        transform: rotate(0) translateX(0);
	        transform-origin: right;

	-webkit-transition: transform 320ms ease, opacity 320ms ease;
	    -ms-transition: transform 320ms ease, opacity 320ms ease;
	-webkit-transform: rotate(0) translateX(0);
	    -ms-transform: rotate(0) translateX(0);
	-webkit-transform-origin: right;
	    -ms-transform-origin: right;
}

@media (max-width: 767px)
{
	.o-navbar__toggle-bar
	{
		width: 60%;
	}
}

/* ---------- .o-navbar--open ---------- */

.o-navbar--open .o-navbar__toggle-bar
{
	        transform: rotate(-45deg) translateX(-3px) translateY(-3px);

	-webkit-transform: rotate(-45deg) translateX(-1px) translateY(-4px);
	    -ms-transform: rotate(-45deg) translateX(-1px) translateY(-4px);
}

.o-navbar--open .o-navbar__toggle-bar + .o-navbar__toggle-bar
{
	opacity: 0;

	        transform: rotate(0) translateX(-4px);

	-webkit-transform: rotate(0) translateX(-4px);
	    -ms-transform: rotate(0) translateX(-4px);
}

/* -------- Mobile -------- */
@media (max-width: 400px)
{
	.o-navbar--open .o-navbar__toggle-bar
	{
		        transform: rotate(-45deg) translateX(-3px) translateY(-2px);

		-webkit-transform: rotate(-45deg) translateX(-1px) translateY(-4px);
		    -ms-transform: rotate(-45deg) translateX(-1px) translateY(-4px);
	}
}

.o-navbar--open .o-navbar__toggle-bar:last-child
{
	opacity: 1;

	        transform: rotate(45deg) translateX(-2px) translateY(3px);

	-webkit-transform: rotate(45deg) translateX(-4px) translateY(2px);
	    -ms-transform: rotate(45deg) translateX(-4px) translateY(2px);
}

/* ------ navbar__toggle-label ------ */

.o-navbar__toggle-label
{
	position: absolute;
	display: flex;

	height: 100%;

	top: 0;
	right: 0;
	padding: 0;

	font-weight: 600;
	font-size: 18px;
	color: #EE9902;

	text-transform: uppercase;

	align-items: center;
}

/* ------------------ Mobile ------------------ */
@media (max-width: 767px)
{
	.o-navbar__toggle-label
	{
		display: none;
	}
}

/* ------- navbar__toggle-icon ------- */

.o-navbar__toggle-icon
{
	font-size: 34px;
	color: #EE9902;
}

/* ---------- navbar__phone ---------- */

.o-navbar__phone
{
	position: absolute;
	display: block;

	width: 155px;

	top: 0;
	margin-top: 8px;
	right: 65px;
	margin-left: 85px;
	padding: 0;

	font-weight: 400;
	color: #FFF;

	text-align: center;

	-webkit-align-items: center;
	        align-items: center;
}

.o-navbar__phone-num
{
	font-weight: 600;
	color: #F36E21;
}

/* -------- Mobile -------- */
@media (min-width: 768px) and (max-width: 1023px)
{
	.o-navbar__phone
	{
		position: static;
		display: block;
		float: right;

		width: 50%;

		margin: 0;
		padding: 8px 15px;

		text-align: right;
	}
}

/* -------- Mobile -------- */
@media (max-width: 767px)
{
	.o-navbar__phone
	{
		position: static;

		width: 100%;

		margin: 0;
		padding: 8px 15px;

		text-align: left;
	}
}

.o-navbar__infos:before
{
	display: block;

	height: 0;
	width: 100%;

	content: "";

	clear: both;
}

/* ----------------------------------- */
/* ---------- navbar__logo ----------- */
/* ----------------------------------- */

.o-navbar__logo-link
{
	display: inline-flex;

	top: 0;
	padding: 6px 12px;

	text-decoration: none;

	-webkit-align-items: center;
	        align-items: stretch;
	flex-shrink: 0;
}

/* -------- Mobile -------- */
@media (max-width: 420px)
{
	.o-navbar__logo-link
	{
		padding: 4px 4px;
	}
}

.o-navbar__logo
{
	display: flex;

	height: auto;
	max-height: 50px;
	width: auto;
	max-width: 300px;

	font-family: "object-fit: contain;";

	object-fit: contain;
	flex-shrink: 0;
}

/* -------- Mobile -------- */
@media (max-width: 639px)
{
	.o-navbar__logo
	{
		height: 45px;
		max-width: 80px;
	}
}

.o-navbar__logo-txt
{
	position: relative;

	line-height: 1.2em;

	top: .6em;
	margin-left: 5px;

	font-weight: 900;
	font-size: 8.5px;
	color: #216880;

	text-transform: uppercase;
}

/* -------- Mobile -------- */
@media (max-width: 400px)
{
	.o-navbar__logo-txt
	{
		left: 0;
		margin-left: 3px;

		font-size: 8px;
	}
}


/* ----------------------------------- */
/* ------- navbar__special-btn ------- */
/* ----------------------------------- */

.o-navbar__special-btn
{
	position: relative;
	display: flex;

	height: 100%;
	line-height: inherit;

	margin-right: 20px;
	padding: 0 20px 0 8px;

	font-size: 40px;
	color: #F29B34;

	transition: color 320ms ease;

	align-items: center;
	justify-content: center;
}

.o-navbar__special-btn > button
{
	position: absolute;

	height: 100%;
	width: 100%;

	top: 0;
	left: 0;

	font-size: 0;
	color: transparent;

	text-indent: 500px;

	overflow: hidden;

	z-index: 1;
}

/* -------- Mobile -------- */
@media (max-width: 1023px)
{
	.o-navbar__special-btn
	{
		right: 0;
		margin-right: 15px;
	}
}

/* -------- Mobile -------- */
@media (max-width: 767px)
{
	.o-navbar__special-btn
	{
		margin-right: 0;
	}
}

.o-navbar__special-btn.logout
{
	display: flex;

	height: 100%;

	right: 0;
	margin-right: 0;
	padding: 0 25px;

	cursor: pointer;

	align-items: center;
	justify-content: center;
}

/* -------- Mobile -------- */
@media (max-width: 767px)
{
	.o-navbar__special-btn.logout
	{
		display: none;
	}
}

.o-navbar__special-btn.account
{
	margin-left: 20px;
	padding-right: 35px;

	font-size: 50px;

	transition: color 320ms ease;
}

/* -------- Mobile -------- */
@media (max-width: 639px)
{
	.o-navbar__special-btn.account
	{
		height: .7em;
		height: 56px;

		margin-top: 0;
		margin-left: 5px;
		padding-top: 0;
		padding-left: 15px;
		padding-bottom: 0;
	}
}

/* -------- Mobile -------- */
@media (max-width: 400px)
{
	.o-navbar__special-btn.account
	{
		padding-right: 25px;
		padding-left: 0;
	}
}

.o-navbar__special-btn.cart
{
	position: relative;

	margin-right: 0;
	margin-left: 16px;

	font-size: 36px;

	transition: color 320ms ease;
}

/* -------- Mobile -------- */
@media (max-width: 1023px)
{
	.o-navbar__special-btn.cart
	{
		margin-right: 0;
		margin-left: 0;
		padding: 0 20px;
	}
}

.o-navbar__special-btn.cart:after
{
	position: absolute;
	display: flex;

	height: 1.5em;
	width: 1.5em;

	right: 5px;
	bottom: 10px;

	background-color: #FC9D00;

	font-weight: 600;
	font-size: 12px;
	color: #FFF;

	content: attr(data-items);

	border-radius: 50%;

	align-items: center;
	justify-content: center;
}

@media (max-width: 1023px)
{
	.o-navbar__special-btn.cart:after
	{
		right: 8px;
	}
}

/* -------- Mobile -------- */
@media (max-width: 400px)
{
	.o-navbar__special-btn.cart
	{
		padding-right: 30px;
		padding-left: 15px;
	}
}

.o-navbar__special-btn.account:hover
{
	color: #C11A00;
}

.o-navbar__special-btn.account:after
{
	position: absolute;
	display: inline-block;

	height: 0;
	width: 0;

	top: 50%;
	right: 7px;
	bottom: 100%;

	content: "";

	border-width: 10px 6px 0 6px;
	border-style: solid;
	border-color: currentColor transparent transparent transparent;

	        transition: transform 320ms ease;
	        transform: translateY(-50%);

	-webkit-transition: transform 320ms ease;
	    -ms-transition: transform 320ms ease;
	-webkit-transform: translateY(-50%);
	    -ms-transform: translateY(-50%);
}

.o-navbar__special-btn.account.submenu-open:after
{
	        transform: translateY(-50%) rotate(180deg);

	-webkit-transform: translateY(-50%) rotate(180deg);
	    -ms-transform: translateY(-50%) rotate(180deg);
}

.o-navbar__special-btn .o-svg-icon--logout
{
	font-size: 42px;
	color: #F29B34;

	        transition: all 320ms ease;

	-webkit-transition: all 320ms ease;
	    -ms-transition: all 320ms ease;
}

.o-navbar__special-btn:hover .o-svg-icon--logout
{
	color: #C11A00;

	fill: #FFF;
}

.o-navbar__admin-indicator
{
	display: flex;

	height: 50px;
	width: 85px;

	margin-right: -10px;
	margin-left: 15px;
}


/* -------- Mobile -------- */
@media (max-width: 639px)
{
	.o-navbar__admin-indicator
	{
		position: static;
		display: flex;

		height: 35px;
		width: 100%;

		margin-right: 0;
		margin-left: 0;

		background-color: #F29B34;

		color: #FFF;

		align-items: center;
		order: -1;
	}
}

.o-navbar__admin-indicator:before
{
	position: relative;
	display: flex;

	line-height: 1em;
	width: auto;

	top: 0;
	padding: 0 8px;

	background-color: transparent;

	font-family: inherit;
	font-weight: 700;
	font-size: 17px;
	color: inherit;

	content: "Mode \a Admin";
	text-align: center;
	text-transform: uppercase;

	border: 2px solid currentColor;

	box-sizing: content-box;

	align-items: center;
}

/* -------- Mobile -------- */
@media (max-width: 639px)
{
	.o-navbar__admin-indicator:before
	{
		display: block;

		width: 100%;

		top: 0;
		padding: 0;

		font-size: 16px;
		color: #FFF;

		text-align: center;

		border: none;
	}
}

.o-navbar__abondement
{
	display: flex;

	height: 100%;

	margin-right: 0;
	margin-left: 20px;

	font-weight: 500;
	font-size: 1.05em;

	align-items: center;
}

/* ------ Tablet (portrait & landscape) ------- */
@media (min-width: 768px) and (max-width: 1325px)
{
	.o-navbar__abondement
	{
		font-size: .95em;
	}
}

.o-navbar__abondement:before
{
	display: inline-block;

	margin-right: 5px;

	content: attr(data-abondement);
}

/* -- Mobile & Tablette -- */
@media (max-width: 1350px)
{
	.o-navbar__abondement:before
	{
		content: "Abondement:";
	}
}

/* -------- Mobile -------- */
@media (max-width: 639px)
{
	.o-navbar__abondement
	{
		display: none;

		height: auto;
		width: 98px;

		margin: 0 10px 0 0;

		font-size: 14px;

		text-align: center;

		justify-content: center;
	}
}

.o-navbar__notif-toggle
{
	height: 1.6em;
	width: 1.6em;
	min-width: 0;

	margin-right: 12px;
	margin-left: 20px;
	padding: 6px;

	font-size: 28px;
	color: #F29B34;

	border-radius: 50%;

	flex-shrink: 0;
}

/* -------------- Mobile, Tablet -------------- */
@media (max-width: 1200px)
{
	.o-navbar__notif-toggle
	{
		display: none;
	}
}

/* ------------------ Mobile ------------------ */
@media (max-width: 767px)
{
	.o-navbar__notif-toggle
	{
		margin-right: 0;
		margin-left: 5px;

		font-size: 24px;
	}
}

.o-navbar__notif-toggle[data-unread]:before
{
	position: absolute;
	display: flex;

	height: 1.5em;
	width: 1.5em;

	top: 8px;
	right: 2px;

	background-color: #C00506;

	font-weight: 600;
	font-size: 12px;
	color: #FFF;

	content: attr(data-unread);

	border-radius: 50%;

	align-items: center;
	justify-content: center;
}

.o-navbar__notif-icon
{
	display: block;

	height: 1em;
	width: 1em;
}
/*
	$text:        #464747;
	$background:  #F0F3F3;
	$light:       #fdfaf7

	light_orange: #fdfaf7;
	$orange:      #EE9902;
	$red:         #C00506;

	flat_red:     #D87060;
	$flat_blue:   #60C8D8;
	$flat_orange: #FCC58E;

	$light_green: #B3DBCD;
	$dark_green:  #26715F;
*/

.o-overlay
{
	position: fixed;

	height: 100%;
	width: 100%;

	top: 0;
	left: 0;

	background-color: rgba(145, 163, 187, .75);

	transition: opacity 1320ms ease;

	z-index: 100;
}

.o-overlay--modal
{
	background-color: rgba(86, 107, 119, .9);
}

.o-overlay--filter
{
	background-color: rgba(255, 255, 255, .75);

	z-index: 100;
}

.o-overlay--loader
{
	position: absolute;

	height: 100%;
	width: 100%;

	background-color: rgba(255, 255, 255, 1);

	-webkit-transition: transform 320ms ease;
	    -ms-transition: transform 320ms ease;
	        transition: transform 320ms ease;

	z-index: 101;
}


/* ------------------------------------- */
/* --------- React animations ---------  */
/* ------------------------------------- */

.a-overlay-transition-enter
{
	visibility: visible;
	opacity: .01;

	transition: opacity 240ms ease;
}

.a-overlay-transition-enter.a-overlay-transition-enter-active
{
	visibility: visible;
	opacity: 1;
}

.a-overlay-transition-exit
{
	visibility: visible;
	opacity: 1;

	transition: opacity 320ms ease;
}

.a-overlay-transition-exit.a-overlay-transition-exit-active
{
	visibility: visible;
	opacity: .01;
}
/*
	$text:        #464747;
	$background:  #F0F3F3;
	$light:       #fdfaf7

	light_orange: #fdfaf7;
	$orange:      #EE9902;
	$red:         #C00506;

	flat_red:     #D87060;
	$flat_blue:   #60C8D8;
	$flat_orange: #FCC58E;

	$light_green: #B3DBCD;
	$dark_green:  #26715F;
*/

.c-red-cross
{
	display: inline-block;

	height: 1em;
	width: 1em;

	background-color: transparent;

	font-size: 32px;
	color: #C00506;

	-webkit-border-radius: 50%;
	        border-radius: 50%;
	border: 2px solid transparent;
}

.c-red-cross:before,
.c-red-cross:after
{
	position: absolute;

	height: .5em;
	width: 2px;

	top: 50%;
	margin-top: -.25em;
	left: 50%;
	margin-left: -1px;

	background-color: currentColor;

	content: '';

	-webkit-border-radius: 4px;
	        border-radius: 4px;

	transform-origin: center;
}

.c-red-cross:before
{
	-webkit-transform: rotate(-45deg);
	    -ms-transform: rotate(-45deg);
	        transform: rotate(-45deg);
}

.c-red-cross:after
{
	-webkit-transform: rotate(45deg);
	    -ms-transform: rotate(45deg);
	        transform: rotate(45deg);
}
/*
	$text:        #464747;
	$background:  #F0F3F3;
	$light:       #fdfaf7

	light_orange: #fdfaf7;
	$orange:      #EE9902;
	$red:         #C00506;

	flat_red:     #D87060;
	$flat_blue:   #60C8D8;
	$flat_orange: #FCC58E;

	$light_green: #B3DBCD;
	$dark_green:  #26715F;
*/

.responsive-img
{
	display: block;

	height: auto;
	max-width: 100%;
}
.o-separator
{
	height: 3px;
	width: 100px;

	margin: 15px 0;

	background-color: #FA9D00;
}
.c-abondement-export
{
	display: block;
}

.c-abondement-export__content
{
	display: flex;

	margin-top: 12px;

	align-items: flex-end;
}

.c-abondement-export__content > .c-form-element
{
	margin: 0;
}

.c-abondement-export__content > .c-form-element:nth-child(2)
{
	margin: 0 15px;
}

/* ------------------ Mobile ------------------ */
@media (max-width: 767px)
{
	.c-abondement-export__content > .c-form-element,
	.c-abondement-export__content > .c-form-element:nth-child(2)
	{
		margin: 15px 0;
	}
}
/*
	$text:        #464747;
	$background:  #F0F3F3;
	$light:       #fdfaf7

	light_orange: #fdfaf7;
	$orange:      #EE9902;
	$red:         #C00506;

	flat_red:     #D87060;
	$flat_blue:   #60C8D8;
	$flat_orange: #FCC58E;

	$light_green: #B3DBCD;
	$dark_green:  #26715F;
*/

.c-abondement
{
	display: flex;

	-webkit-flex-direction: column;
	    -ms-flex-direction: column;
	        flex-direction: column;

	margin-top: 25px;
	margin-bottom: 15px;
	padding: 15px 15px;

	background-color: #FFF;

	border: 4px solid #EE9901;

	-webkit-align-items: flex-start;
	        align-items: flex-start;
	-webkit-justify-content: center;
	        justify-content: center;
}

.c-abondement__header
{
	margin-top: -12px;
	margin-left: -15px;
	margin-bottom: 20px;
}

.c-abondement__title
{
	padding: 8px 15px 10px 15px;

	background-color: #EE9902;

	font-weight: 500;
	font-size: 1.1em;
	color: #FFF;

	text-transform: uppercase;
}

.c-abondement-price
{
	display: flex;

	-webkit-flex-wrap: wrap;
	    -ms-flex-wrap: wrap;
	        flex-wrap: wrap;

	align-items: center;
}

.c-abondement-qty
{
	display: flex;

	-webkit-flex-wrap: wrap;
	    -ms-flex-wrap: wrap;
	        flex-wrap: wrap;

	margin-top: 12px;
}

.c-abondement-recurrence
{
	display: flex;

	margin-top: 15px;

	-webkit-align-items: center;
	        align-items: center;
}

.c-abondement-recurrence-label
{
	margin-right: 15px;
}
/*
	$text:        #464747;
	$background:  #F0F3F3;
	$light:       #fdfaf7

	light_orange: #fdfaf7;
	$orange:      #EE9902;
	$red:         #C00506;

	flat_red:     #D87060;
	$flat_blue:   #60C8D8;
	$flat_orange: #FCC58E;

	$light_green: #B3DBCD;
	$dark_green:  #26715F;
*/

.c-autocomplete
{
	position: absolute;
	display: none;

	width: calc(100% - 4px);

	margin: 0;
	top: 100%;
	margin-top: -2px;
	left: 2px;
	padding-left: 0;

	overflow: visible;

	box-sizing: border-box;

	z-index: 3;
}

.c-autocomplete--searchbar
{
	display: none;

	max-height: none;
	width: 100%;

	left: 0;
}

.c-autocomplete--global-search
{
	display: none;

	max-height: none;
	width: 100%;

	left: 0;
}

.c-autocomplete:not(:empty):after
{
	position: absolute;

	height: 100%;
	width: 100%;

	top: -3px;
	margin-top: 3px;
	left: -2px;

	background-color: transparent;

	content: '';

	border: 2px solid #363A2C;
	border-width: 0 2px 2px 2px;

	box-sizing: content-box;

	z-index: -1;
}

.c-autocomplete--searchbar:not(:empty):after
{
	left: -3px;

	border-width: 0 3px 3px 3px;
	border-color: #FAD29E;
}

.c-autocomplete--global-search:not(:empty):after
{
	left: -3px;

	border-width: 0 3px 3px 3px;
	border-color: #FAD29E;
}

input:focus + .c-autocomplete:not(.c-autocomplete--searchbar),
.c-autocomplete--visible:not(.c-autocomplete--searchbar)
{
	display: block;
}

input:focus + .c-autocomplete:not(.c-autocomplete--global-search),
.c-autocomplete--visible:not(.c-autocomplete--global-search)
{
	display: block;
}

.c-autocomplete--visible
{
	z-index: 4;
}

.c-autocomplete__item
{
	padding: 6px 6px;

	background-color: #FDFAF7;

	font-size: .85em;

	cursor: pointer;

	transition: background-color 320ms ease;
}

/* -- Mobile & Tablette -- */
@media (max-width: 992px)
{
	.c-autocomplete__item
	{
		padding: 12px 10px;
	}
}

.c-autocomplete__item:hover,
.c-autocomplete__item.js-hover
{
	background-color: #A8D9C8;

	color: #FFF;
}

.c-autocomplete__label
{
	padding: 4px 10px;

	background-color: #F7F0E9;

	font-style: italic;
	font-size: 14px;

	border-bottom: 1px solid #A5A5A5;
}
.c-bill-rows
{
	position: relative;
	display: block;

	width: 100%;

	margin-top: 25px;

	--padding-x: 12px;
	--padding-y: 6px;
}

.c-bill-rows__header
{
	display: flex;

	background-color: #E9F2F9;

	font-weight: 700;

	text-transform: uppercase;

	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
	border-width: 0 3px 0 3px;
	border-style: solid;
	border-color: #E9F2F9;

	--padding-y: 10px;
}

.c-bill-rows__list
{
	display: block;

	border-width: 0 3px 0 3px;
	border-style: solid;
	border-color: var(--input-background);
}

.c-bill-rows__totals
{
	display: flex;

	border-width: 0 3px 0 3px;
	border-style: solid;
	border-color: transparent;

	align-items: center;
}

.c-bill-rows__row
{
	display: flex;

	width: 100%;

	border-bottom: 3px solid var(--input-background);
}

.c-bill-rows__cell
{
	display: flex;

	padding: var(--padding-y) var(--padding-x);

	align-items: center;
}

.c-bill-rows__cell.BillRow-title
{
	width: 250px;

	flex-grow: 1;
}

.c-bill-rows__cell.BillRow-accounting_code
{
	width: 190px;

	justify-content: center;
}

.c-bill-rows__cell.BillRow-price_ref
{
	width: 180px;

	justify-content: center;
}

.c-bill-rows__cell.BillRow-amount
{
	width: 190px;

	justify-content: flex-end;
}

.c-bill-rows__cell.BillRow-bill_amount
{
	width: 140px;

	justify-content: flex-end;
}

.c-bill-rows__cell.BillRow-VAT_percent
{
	width: 200px;

	justify-content: center;
}

.c-bill-rows__cell.BillRow-qty
{
	width: 158px;

	justify-content: center;
}

.c-bill-rows__cell.BillRow-discount
{
	width: 125px;

	justify-content: center;
}

.c-bill-rows__cell.BillRow-bill_qty
{
	width: 145px;

	justify-content: flex-end;
}

.c-bill-rows__cell.BillRow-bill_total
{
	width: 175px;

	justify-content: flex-end;
}

.c-bill-rows__cell.BillRow-total
{
	width: 150px;

	justify-content: flex-end;
}

.c-bill-rows__cell.BillRow-delete
{
	width: 66px;

	justify-content: flex-end;
	align-items: center;
}

.c-bill-rows__buttons
{
	display: flex;

	gap: 15px;

	margin-top: 15px;

	justify-content: space-between;
	align-items: flex-start;
}

.c-bill-rows__buttons:empty
{
	display: none;

	margin: 0;
}

.c-bill-rows__add-service
{
	display: flex;

	gap: 20px;

	margin-left: auto;

	align-items: flex-start;
}
.c-billing-list
{
	position: relative;

	min-height: 70px;

	margin-top: 20px;
}

.c-billing-list__title
{
	display: flex;

	width: 100%;

	font-weight: 600;
	font-size: 1.2rem;

	text-transform: uppercase;
}

.c-billing-list__title::before
{
	display: block;

	width: 5px;

	margin-right: 6px;

	background: var(--orange);

	content: "";

	border-radius: 5px;

	flex-shrink: 0;
}

.c-billing-list__table:empty
{
	display: none;
}

.c-billing-list__table
{
	display: table;

	width: 100%;

	margin-top: 15px;
}

.c-billing-list__nothing
{
	width: 100%;

	font-size: 1rem;
}

.c-billing-list__row
{
	display: flex;

	gap: 10px;

	font-weight: 400;
	font-size: 1rem;

	border: 3px solid #F3F3F3;
	border-top: none;
}

.c-billing-list__row.is-head-row
{
	background-color: #FFF6E5;

	font-weight: 700;
	font-size: 1rem;

	text-transform: uppercase;

	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
	border-color: #FFF6E5;
}

.c-billing-list__cell
{
	display: flex;

	flex-wrap: wrap;

	padding: 4px 0;

	font-weight: inherit;
	font-size: 1em;

	align-items: center;
}

.c-billing-list__cell.has-error
{
	background-color: var(--error-background);
}

.c-billing-list__row.is-head-row .c-billing-list__cell
{
	padding-top: 8px;
	padding-bottom: 8px;
}

.c-billing-list__cell.BL-number
{
	flex-wrap: wrap;

	padding-left: 14px;

	flex-grow: 0;
	flex-basis: 220px;
	justify-content: flex-start;
}

.c-billing-list__cell.BL-date
{
	flex-wrap: wrap;

	padding-left: 14px;

	flex-grow: 0;
	flex-basis: 220px;
	justify-content: flex-start;
}

.c-billing-list__cell.BL-total_price
{
	flex-wrap: wrap;

	padding-left: 14px;

	flex-grow: 0;
	flex-basis: 220px;
	justify-content: flex-start;
}
/*
	$text:        #464747;
	$background:  #F0F3F3;
	$light:       #fdfaf7

	light_orange: #fdfaf7;
	$orange:      #EE9902;
	$red:         #C00506;

	flat_red:     #D87060;
	$flat_blue:   #60C8D8;
	$flat_orange: #FCC58E;

	$light_green: #B3DBCD;
	$dark_green:  #26715F;
*/

.c-breadcrumb__list
{
	display: flex;

	flex-wrap: wrap;

	margin: 0;
	padding: 0;

	list-style: none;

	align-items: center;
}

/* ------ Mobile ------ */
@media (max-width: 639px)
{
	.c-breadcrumb__list
	{
		-webkit-transform: translateX(-4px);
		    -ms-transform: translateX(-4px);
		        transform: translateX(-4px);
	}
}

.c-breadcrumb__list:after
{
	display: block;

	height: 0;
	width: 100%;

	content: '';

	clear: both;
}

/* -------- breadcrumb__element -------- */

.c-breadcrumb__element
{
	position: relative;
	float: left;

	padding: 0 15px;

	font-size: .8em;
	color: inherit;
	text-decoration: none;

	text-transform: uppercase;
}

/* -------- Mobile & tablette -------- */
@media (max-width: 992px)
{
	.c-breadcrumb__element
	{
		top: 2px;
		margin-bottom: 4px;
		padding: 0 8px;
	}
}

.c-breadcrumb__element:visited
{
	color: inherit;
}

.c-breadcrumb__element.active
{
	cursor: default;
}

.c-breadcrumb__element:after
{
	position: relative;
	display: block;
	opacity: 0;

	height: 2px;
	width: 110%;

	margin-top: -3px;
	left: -5%;
	bottom: -4px;

	background-color: #F6CC81;

	content: '';

	-webkit-transition: opacity 320ms ease;
	    -ms-transition: opacity 320ms ease;
	        transition: opacity 320ms ease;
}

.c-breadcrumb__element:hover:after,
.c-breadcrumb__element.active:after
{
	opacity: 1;
}

.c-breadcrumb__element:first-child
{
	display: block;

	height: 1em;
	width: 1em;

	margin-right: 10px;
	padding: 0;
	padding-left: 0;

	font-size: 26px;
}

.c-breadcrumb__element:first-child:after
{
	position: absolute;

	top: 100%;
	margin-top: 2px;
}

.c-breadcrumb__separator
{
	position: relative;
	display: block;
	float: left;

	height: 1em;
	width: 1em;

	font-size: 8px;

	flex-shrink: 0;
}

.c-breadcrumb__separator:last-child
{
	display: none;
}

.c-breadcrumb__separator:before
{
	position: absolute;

	height: 1em;
	width: 1em;

	top: 0;
	left: 0;

	color: #F09A24;

	content: '';

	border: 2px solid currentColor;
	border-width: 2px 2px 0 0;

	transform: rotate(45deg);
}

.c-breadcrumb__separator + .c-breadcrumb__separator
{
	display: none;
}
/*
	$text:        #464747;
	$background:  #F0F3F3;
	$light:       #fdfaf7

	light_orange: #fdfaf7;
	$orange:      #EE9902;
	$red:         #C00506;

	flat_red:     #D87060;
	$flat_blue:   #60C8D8;
	$flat_orange: #FCC58E;

	$light_green: #B3DBCD;
	$dark_green:  #26715F;
*/



/* ------------------------------------- *\
|* -------- # c-btn-container # -------- *|
\* ------------------------------------- */

.c-btn-container
{
	display: block;

	margin-top: 15px;
	margin-bottom: 15px;
}

.c-btn-container--form
{
	margin-top: 25px;
	margin-bottom: 0;
}

/* -------- Mobile -------- */
@media (max-width: 639px)
{
	.c-btn-container--form
	{
		padding-right: 15px;
		padding-left: 15px;
	}
}


/* ------------------------------------- *\
|* ------------- # c-btn # ------------- *|
\* ------------------------------------- */

.c-btn
{
	position: relative;
	display: inline-block;

	line-height: 1em;

	margin: 0;
	padding: 8px 12px;

	background-color: #F49C3F;

	font-family: inherit;
	font-size: 1em;
	color: #FFF;
	text-decoration: none;

	cursor: pointer;
	text-align: center;

	border-radius: 0;
	border: 2px solid #F29B34;

	box-shadow: none;

	transition: background-color 440ms ease, color 400ms ease 40ms, border-color 440ms ease;

	flex-shrink: 0;
}

.c-btn--red
{
	background-color: #ED9292;

	border-color: #ED9292;
}

.c-btn.file
{
	margin-top: 6px;

	z-index: 1;
}

.c-btn--in-cell
{
	margin: 0;
	padding: 6px 10px;

	background-color: #FFF;

	color: #F29B34;

	border-radius: 4px;
}

.c-btn--delete-row
{
	background-color: var(--red);

	color: #FFF;

	border-color: var(--red);
}

.c-btn--green
{
	background-color: var(--green);

	border-color: var(--green);
}

.c-btn:focus,
.c-btn:hover,
.c-btn:active
{
	background-color: #FFF;

	color: #F29B34;
	text-decoration: none;

	outline: none;

	transition: background-color 300ms ease 20ms, color 320ms ease,
	border-color 300ms ease 20ms;
}

.c-btn--green:focus,
.c-btn--green:hover,
.c-btn--green:active
{
	color: var(--green);
}

.c-btn--green.c-btn--disabled
{
	background-color: #AEC7BE;

	color: #FFF;

	cursor: not-allowed;

	border-color: #AEC7BE;
}

.c-btn--in-cell:focus,
.c-btn--in-cell:hover,
.c-btn--in-cell:active
{
	background-color: #F29B34;

	color: #FFF;
}

.c-btn--delete-row:focus,
.c-btn--delete-row:hover,
.c-btn--delete-row:active
{
	background-color: #FFF;

	color: var(--red);
}

.c-btn--red:hover,
.c-btn--red:focus,
.c-btn--red:active
{
	color: #ED9292;
}

.c-btn--extra
{
	min-width: 240px;
	max-width: 100%;

	padding: 11px 25px;

	font-weight: 600;
	font-size: .9em;

	letter-spacing: .8px;
	text-transform: uppercase;
}

.c-btn--big
{
	padding: 12px 20px;

	text-transform: uppercase;
}

.c-btn--primary
{
	background-color: #EE9902;

	color: #FFF;

	border-color: #EE9902;
}

.c-btn--primary:focus,
.c-btn--primary:hover,
.c-btn--primary:active
{
	background-color: #FFF;

	color: #F09A24;
}

.c-btn--blue
{
	background-color: #60C8D8;

	color: #FFF;

	border-color: #60C8D8;
}

.c-btn--blue:focus,
.c-btn--blue:hover,
.c-btn--blue:active
{
	background-color: #FFF;

	color: #60C8D8;
}

.c-btn--primary:focus
{
	box-shadow: 0 0 0 3px #F9D7A7;
}

.c-btn--smaller
{
	padding: 6px 12px;
}

.c-btn--add
{
	padding: 10px 18px;
}

.c-btn--smaller.c-btn--add
{
	padding: 9px 16px;
}

.c-btn--add:after
{
	position: absolute;

	height: 1.3em;
	line-height: 1.2em;
	width: 1.3em;

	top: 100%;
	left: 100%;

	background-color: #F29B34;

	font-weight: 600;
	font-size: 18px;

	content: "+";
	text-align: center;

	border-radius: 50%;
	border: 2px solid #F29B34;

	transition: background-color 440ms ease;
	transform: translateX(-50%) translateY(-50%);
}

.c-btn--add:hover:after,
.c-btn--add:focus:after
{
	background-color: white;

	transition: background-color 300ms ease 20ms;
}

.c-btn--extra-small
{
	padding: 6px 12px;

	font-size: .95em;
}

.c-btn--extra-small.c-btn--add
{
	padding: 6px 12px;
}

.c-btn--delete
{
	position: relative;

	padding: 10px 14px;
	padding-left: 32px;

	background-color: #ED9292;

	color: #FFF;

	border-color: #ED9292;
}

.c-btn--delete:hover,
.c-btn--delete:focus
{
	color: #ED9292;
}

.c-btn--delete:before,
.c-btn--delete:after
{
	position: absolute;
	visibility: visible;

	height: .6em;
	line-height: .6em;

	top: 50%;
	margin-top: -.3em;
	left: 8px;

	font-size: 2em;
	color: #FFF;

	content: "\d7";
	text-align: center;

	transition: color 320ms ease;
}

.c-btn--delete:hover:before,
.c-btn--delete:hover:after,
.c-btn--delete:focus:before,
.c-btn--delete:focus:after
{
	color: #ED9292;
}

.c-btn--delete.c-btn--collapsible:hover:before,
.c-btn--delete.c-btn--collapsible:hover:after,
.c-btn--delete.c-btn--collapsible:focus:before,
.c-btn--delete.c-btn--collapsible:focus:after
{
	color: #FFF;
}

.c-btn--delete:before
{
	height: 100%;
	width: 100%;

	margin: 0;
	top: 0;
	left: 0;

	background-color: #ED9292;

	content: "";

	transition: width 320ms ease;

	z-index: -1;
}

.c-btn--primary.c-btn--add:after
{
	background-color: #24BB9D;

	color: #FFF;

	border-color: #24BB9D;
}

.c-btn--primary.c-btn--add:hover:after,
.c-btn--primary.c-btn--add:focus:after
{
	background-color: #FFF;

	color: #24BB9D;
}

.c-btn--collapsible
{
	left: -2.2em;

	background-color: transparent;

	color: transparent;

	border: none;

	transition: transform 320ms ease;
	transform: translateX(100%);
}

.c-btn.c-btn--collapsible:hover,
.c-btn.c-btn--collapsible:focus
{
	color: #FFF;
}

.c-btn--collapsible:hover,
.c-btn--collapsible:focus
{
	transition: transform 320ms ease, color 220ms ease 320ms;
	transform: translateX(2.2em);

	z-index: 0;
}

.c-btn--next
{
	padding-right: 25px;
}

.c-btn--next:before
{
	position: absolute;

	height: 1em;
	width: 1em;

	top: 50%;
	margin-top: -.5em;
	right: 10px;

	font-size: 8px;

	content: "";

	border-width: 2px 2px 0 0;
	border-style: solid;
	border-color: currentColor;

	transform: rotate(45deg);
}

.c-btn--prev
{
	padding-left: 25px;
}

.c-btn--prev:before
{
	position: absolute;

	height: 1em;
	width: 1em;

	top: 50%;
	margin-top: -.5em;
	left: 10px;

	font-size: 8px;

	content: "";

	border-width: 2px 2px 0 0;
	border-style: solid;
	border-color: currentColor;

	transform: rotate(-135deg);
}

.c-btn--icon .c-btn__icon
{
	margin-right: 10px;

	font-size: 22px;
}

.c-btn--icon .o-svg-icon--edit
{
	font-size: 30px;
}

.c-btn--icon
{
	display: inline-flex;

	justify-content: space-between;
	align-items: center;
}

.c-btn--ghost
{
	padding: 3px 10px;

	background-color: transparent;

	color: #F29B34;

	border-color: transparent;

	align-items: center;
}

.c-btn--ghost:hover,
.c-btn--ghost:focus
{
	background-color: transparent;

	color: #F29B34;

	border-color: #F29B34;
}

.c-btn--ghost.c-btn--white
{
	color: #FFF;
}

.c-btn--ghost.c-btn--white:hover,
.c-btn--ghost.c-btn--white:focus
{
	color: #FFF;

	border-color: #FFF;
}

.c-btn--cancel
{
	display: inline-block;

	height: 1em;
	width: 1em;

	background-color: #C00506;

	font-size: 32px;
	color: #FFF;

	border-radius: 50%;
	border: 2px solid transparent;
}

.c-btn--cancel:focus
{
	background-color: #C00506;

	color: #FFF;

	border-color: transparent;
}

.c-btn--cancel:hover
{
	background-color: transparent;

	color: #C00506;

	border-color: #C00506;
}

.c-btn--cancel:before,
.c-btn--cancel:after
{
	position: absolute;

	height: .5em;
	width: 2px;

	top: 50%;
	margin-top: -.25em;
	left: 50%;
	margin-left: -1px;

	background-color: currentColor;

	content: "";

	border-radius: 4px;

	transform-origin: center;
}

.c-btn--cancel:before
{
	transform: rotate(-45deg);
}

.c-btn--cancel:after
{
	transform: rotate(45deg);
}

.c-btn--disabled.c-btn--extra
{
	background-color: #CFCFCF;

	color: #F0F0F0;

	cursor: not-allowed;

	border-color: #CFCFCF;
}

.c-btn--v2
{
	padding: 6px 12px;

	--background: #FFF;
	background-color: var(--background);

	--color: #F29B34;
	color: var(--color);

	border-radius: 6px;

	box-shadow: 3px 3px 2px 0 rgb(0 0 0 / 7%);
}

.c-btn--v2.c-btn--green
{
	--background: var(--green);

	--color: #FFF;
}

.c-btn--v2.c-btn--red
{
	--background: var(--red);

	--color: #FFF;
}

.c-btn--v2:focus,
.c-btn--v2:hover,
.c-btn--v2:active
{
	background-color: var(--color);

	color: var(--background);
}
.c-cart-menu__item
{
	padding: 8px 12px;
}/*
	$text:        #464747;
	$background:  #F0F3F3;
	$light:       #fdfaf7

	light_orange: #fdfaf7;
	$orange:      #EE9902;
	$red:         #C00506;

	flat_red:     #D87060;
	$flat_blue:   #60C8D8;
	$flat_orange: #FCC58E;

	$light_green: #B3DBCD;
	$dark_green:  #26715F;
*/

.c-cart-preview__stroke,
.c-cart-preview__pricing-stroke
{
	height: 0;
	width: 0;

	border: 1px dashed #EDEDED;
	border-width: 1px 0 1px 0;

	-webkit-flex-grow: 1;
	        flex-grow: 1;
}

.c-cart-preview__pricing-stroke
{
	width: 10px;

	flex-grow: 10;
}

.c-cart-preview__item
{
	display: flex;

	color: #000;

	align-items: flex-start;
}

.c-cart-preview__item.center
{
	-webkit-align-items: center;
	        align-items: center;
}

.c-cart-preview__item + .c-cart-preview__item
{
	margin-top: 10px;
}

.c-cart-preview__item:nth-child(even)
{
	color: #995E00;
}

.c-order-process__separator ~ .c-cart-preview__item:nth-child(even)
{
	color: #000;
}

.c-cart-preview__item-name
{
	margin-right: 8px;

	font-size: .9em;

	letter-spacing: .5px;
	-webkit-hyphens: auto;
	   -moz-hyphens: auto;
	        hyphens: auto;

	    -ms-hyphens: auto;
	     -o-hyphens: auto;
}

.c-cart-preview__qty
{
	margin-right: 8px;
	margin-left: 8px;
}

.c-cart-preview__price
{
	margin-left: 8px;

	text-align: right;

	-webkit-flex-grow: 1;
	        flex-grow: 1;
}

.c-cart-preview__pricing
{
	display: flex;

	min-width: 140px;

	-webkit-align-items: center;
	        align-items: center;
	flex-shrink: 0;
}

.c-cart-preview__stroke
{
	position: relative;

	min-width: 15px;

	top: 11px;

	flex-grow: 4;
}

.c-cart-preview__item.center .c-cart-preview__stroke
{
	top: 0;
}

/* -------- Mobile -------- */
@media (max-width: 400px)
{
	.c-cart-preview__item
	{
		-webkit-flex-wrap: wrap;
		    -ms-flex-wrap: wrap;
		        flex-wrap: wrap;
	}

	.c-cart-preview__item + .c-cart-preview__item
	{
		margin-top: 20px;
	}

	.c-cart-preview__stroke
	{
		margin-left: 15px;
	}

	.c-cart-preview__item-name
	{
		width: 100%;
	}
}

.c-cart-preview__item-header .c-cart-preview__stroke,
.c-cart-preview__item-header .c-cart-preview__pricing-stroke
{
	border-color: transparent;
}
/* -------- Mobile -------- */
@media (max-width: 400px)
{
	.c-cart-preview__item-header .c-cart-preview__stroke,
	.c-cart-preview__item-header .c-cart-preview__pricing-stroke
	{
		border-color: #EDEDED;
	}
}

.c-cart-preview__item-header
{
	font-weight: 600;
	color: #000;
}

.c-cart-preview__header-separator
{
	height: 2px;
	width: 100%;

	margin-top: 4px;
	margin-bottom: 10px;

	background-color: #EDEDED;
}

.c-cart-preview__item-header .c-cart-preview__item-name
{
	font-size: 1em;

	letter-spacing: inherit;
}
/*
	$text:        #464747;
	$background:  #F0F3F3;
	$light:       #fdfaf7

	light_orange: #fdfaf7;
	$orange:      #EE9902;
	$red:         #C00506;

	flat_red:     #D87060;
	$flat_blue:   #60C8D8;
	$flat_orange: #FCC58E;

	$light_green: #B3DBCD;
	$dark_green:  #26715F;
*/

.c-cart
{
	position: relative;

	margin-top: 30px;
	padding: 30px 30px;

	background-color: white;
}

.c-cart__item
{
	position: relative;
	display: flex;

	padding-bottom: 20px;

	-webkit-justify-content: space-between;
	        justify-content: space-between;
}

/* -- Mobile & Tablette -- */
@media (max-width: 1023px)
{
	.c-cart__item
	{
		        flex-wrap: wrap;

		-webkit-flex-wrap: wrap;
		    -ms-flex-wrap: wrap;
	}
}

.c-cart__item + .c-cart__item
{
	padding-top: 21px;
}

.c-cart__item:last-child
{
	padding-bottom: 0;
}

.c-cart__item + .c-cart__item:before
{
	position: absolute;

	height: 1px;
	width: 100%;

	top: 0;
	left: 0;

	background-color: #FC9D00;

	content: "";
}

.c-cart__item-thumb
{
	display: block;

	height: 120px;
	max-width: 200px;

	font-family: "object-fit: contain; object-position: center";

	object-fit: contain;
	object-position: center;
}

.c-cart__item-img,
.c-cart__item-qty
{
	flex-shrink: 0;
}

.c-cart__item-body
{
	flex-grow: 1;
}

.c-cart__item-qty
{
	margin-right: 30px;
}

/* -------- Mobile -------- */
@media (max-width: 639px)
{
	.c-cart__item-qty
	{
		margin-top: 15px;
		margin-bottom: 15px;
	}
}

.c-cart__item-img
{
	position: relative;
	display: flex;

	margin-right: 15px;

	align-items: center;
}

.c-cart__item-img:after
{
	position: absolute;
	display: flex;
	opacity: 0;

	height: 100%;
	width: 100%;

	top: 0;
	left: 0;
	padding: 15px 12px;

	background-color: rgba(255, 255, 255, .9);

	font-weight: 600;
	font-size: 1.1em;
	color: #464747;

	content: "Voir le produit";
	text-align: center;

	transition: opacity 240ms ease;

	align-items: center;
	justify-content: center;
}

.c-cart__item-img:hover:after
{
	opacity: 1;
}

.c-cart__item-title
{
	margin: 0 0 15px 0;

	font-weight: 600;

	transition: transform 240ms ease;
}

.c-cart__item-title:hover,
.c-cart__item-title:focus
{
	transform: translateX(10px);
}

.c-cart__item-pricing
{
	display: flex;

	width: 100%;

	justify-content: flex-end;
}

/* -------- Mobile -------- */
@media (max-width: 639px)
{
	.c-cart__item-pricing
	{
		        flex-wrap: wrap;

		-webkit-flex-wrap: wrap;
		    -ms-flex-wrap: wrap;
	}
}

.c-cart__item-actions
{
	display: flex;

	flex-wrap: wrap;

	justify-content: flex-end;
	align-items: flex-end;
}

.c-cart__item-remove
{
	position: relative;

	margin-top: 15px;
	padding-left: 1em;

	font-weight: 600;
	color: #D87060;

	align-self: flex-end;
}

.c-cart__item-remove:before
{
	content: "";
}

.c-cart__item-remove:before,
.c-cart__item-remove:after
{
	position: absolute;
	opacity: 0;

	height: 1em;
	width: 2px;

	top: 50%;
	margin-top: -.5em;
	left: 0;
	margin-left: 0;

	background-color: currentColor;

	content: "";

	border-radius: 4px;

	transition: opacity 240ms, transform 240ms ease 120ms;
}

.c-cart__item-remove:hover:before,
.c-cart__item-remove:hover:after,
.c-cart__item-remove:focus:before,
.c-cart__item-remove:focus:after
{
	opacity: 1;

	transition: opacity 240ms ease 60ms, transform 240ms ease;
}

.c-cart__item-remove:before
{
	        transform: translateX(1.2em) rotate(-45deg);

	-webkit-transform: translateX(1.2em) rotate(-45deg);
	    -ms-transform: translateX(1.2em) rotate(-45deg);
}

.c-cart__item-remove:hover:before,
.c-cart__item-remove:focus:before
{
	        transform: translateX(0) rotate(-45deg);

	-webkit-transform: translateX(0) rotate(-45deg);
	    -ms-transform: translateX(0) rotate(-45deg);
}

.c-cart__item-remove:after
{
	        transform: translateX(1.2em) rotate(45deg);

	-webkit-transform: translateX(1.2em) rotate(45deg);
	    -ms-transform: translateX(1.2em) rotate(45deg);
}

.c-cart__item-remove:hover:after,
.c-cart__item-remove:focus:after
{
	        transform: translateX(0) rotate(45deg);

	-webkit-transform: translateX(0) rotate(45deg);
	    -ms-transform: translateX(0) rotate(45deg);
}

.c-cart__item__price-unit
{
	font-size: .95em;

	text-align: right;
}

.c-cart__item__price-total
{
	margin-top: .5em;

	font-weight: 600;
	font-size: 1.1em;

	text-align: right;
}

.c-cart__item__price
{
	min-width: 110px;
}

.c-cart__item-info + .c-cart__item-info
{
	margin-top: 15px;
}

.c-cart__item-info
{
	display: flex;

	gap: 8px;

	-webkit-align-items: center;
	        align-items: center;
}

.c-cart__item-info-icon
{
	margin-right: 8px;

	font-size: 22px;
}


/* ------------------------------------- *\
|* ---------- # c-cart-total # --------- *|
\* ------------------------------------- */

.c-cart-total
{
	display: block;

	margin-top: 12px;

	text-align: right;
}

.c-cart ~ * .c-cart-total
{
	display: inline-flex;

	flex-direction: column;
}

.c-cart-total__content
{
	position: relative;
	display: inline-block;

	padding: 15px 30px;

	background-color: #FFF;
}

.c-cart ~ * .c-cart-total .c-cart-total__content
{
	border-right: 4px solid #FC9D00;
}

.c-cart-preview .c-cart-total__content
{
	padding-right: 0;
}

.c-cart-total__price
{
	font-weight: 600;
	font-size: 1.2em;

	text-align: right;
}

.c-cart-total__abondement
{
	margin-bottom: 10px;

	text-align: right;
}

.c-cart-total__abondement-value
{
	width: 100%;

	padding: 8px 30px;

	background-color: #FFF;

	font-weight: 600;

	text-align: left;

	border-right: 4px solid #FC9D00;
}

.c-cart__online-type
{
	display: inline-flex;

	width: auto;

	margin: 0;
	padding: 2px 8px;

	background-color: rgb(79, 179, 192);

	font-size: .9em;
	color: rgb(255, 255, 255);

	border-radius: 3px;
}
.c-chart
{
	position: relative;

	width: 50%;

	padding: 0 15px;
}

.c-chart__content
{
	position: relative;

	max-width: 600px;

	margin-right: auto;
	margin-left: auto;

	background-color: #FFF;

	box-shadow: 1px 1px 12px 1px #DCDCDC;
}

.c-chart__chart
{
	position: relative;
	display: flex;

	height: 400px;

	padding: 25px 25px;
}

.c-chart__chart > div
{
	display: flex;
}

.c-chart__title
{
	margin: 0;
	padding: 12px 0 0 0;

	font-weight: 600;
	font-size: 1.3em;
	color: #000;

	text-align: center;
	text-transform: uppercase;
}

.c-chart__subtitle
{
	margin-top: 5px;

	text-align: center;
}

.c-chart__subtitle:before
{
	margin-right: 4px;

	content: "Total :";
}

.c-chart__center-value
{
	position: absolute;
	display: flex;

	height: 100%;
	width: 100%;

	top: 0;
	left: 0;

	font-weight: 500;
	font-size: 1.3em;

	align-items: center;
	justify-content: center;
}
.c-checkbox-filter
{
	display: flex;

	justify-content: space-between;
	align-items: center;
}

.c-checkbox-filter .c-form-element
{
	width: auto;

	flex-shrink: 0;
}
.c-checkbox
{
	position: relative;
	display: flex;

	flex-wrap: wrap;

	padding: 0;

	cursor: pointer;

	align-items: center;
}

.c-checkbox--switch
{
	column-gap: 12px;
}

.c-checkbox--filter-switch
{
	flex-wrap: nowrap;

	margin-bottom: 4px;
}

.c-checkbox--column
{
	flex-direction: column;
}

.c-checkbox--25\%
{
	flex-basis: 20.1%;
	flex-grow: 1;
}

.c-checkbox--33\%
{
	flex-basis: 25.1%;
	flex-grow: 1;
}

.c-checkbox--50\%
{
	flex-basis: 33.1%;
	flex-grow: 1;
}

.c-checkbox--75\%
{
	flex-basis: 51.1%;
	flex-grow: 1;
}

.c-checkbox--100\%
{
	width: 100%;

	flex-basis: 100%;
}

.c-checkbox--disabled
{
	color: #ABABAB;

	cursor: default;
}

.c-checkbox__indicator,
.c-checkbox__indicator::before
{
	--cb-indicator-size: var(--input-height);
}

.c-checkbox__indicator
{
	position: relative;
	display: flex;

	height: 1em;
	width: 1em;

	margin-right: 14px;

	background-color: var(--input-background);

	font-size: var(--cb-indicator-size);

	border-radius: 4px;
	border: none;

	z-index: 0;

	flex-shrink: 0;
}

.c-checkbox--in-cell .c-checkbox__indicator,
.c-checkbox--in-cell .c-checkbox__indicator::before
{
	--cb-indicator-size: 36px;
}

.c-checkbox--in-cell .c-checkbox__indicator
{
	margin-right: 0;
}

.c-checkbox--error .c-checkbox__indicator
{
	background-color: var(--error-background);
}

.c-checkbox--column .c-checkbox__indicator
{
	margin-right: 0;
}

.c-checkbox--switch .c-checkbox__indicator
{
	position: relative;

	width: 1.7em;

	margin: 0;

	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: #F49C3F;

	border-color: #F49C3F;
}

.c-checkbox--checked.c-checkbox--red-switch .c-checkbox__indicator
{
	background-color: var(--red);

	border-color: var(--red);
}

.c-checkbox--white .c-checkbox__indicator
{
	background-color: #FFF;
}

.c-checkbox input:checked ~ .c-checkbox__indicator::before
{
	position: absolute;
	display: block;

	height: 0;
	width: 0;

	top: .18em;
	left: .1em;

	font-size: calc(var(--cb-indicator-size) * .75);

	content: "";

	border-right: 3px solid transparent;
	border-bottom: 3px solid transparent;

	transform: rotate(45deg);
	transform-origin: 0 100%;
	animation: checkbox-check 180ms 40ms linear;
	animation-fill-mode: forwards;
}

.c-checkbox--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;
	visibility: hidden;
	opacity: 0;

	height: calc(100% + 8px);
	width: calc(100% + 8px);

	top: -4px;
	left: -4px;

	content: "";

	border-radius: 4px;
	border: 2px solid #000;

	transition-timing-function: ease;
	transition-duration: 200ms;
	transition-property: height, width, opacity, visibility, top, left;

	z-index: 1;
}

.c-checkbox--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 #F49C3F;
	border-bottom: 2px solid #F49C3F;

	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 input:focus ~ .c-checkbox__indicator::after
{
	visibility: visible;
	opacity: 1;

	height: 100%;
	width: 100%;

	top: 0;
	left: 0;
}

.c-checkbox__icon
{
	position: absolute;
	display: flex;

	height: 1em;
	width: 1em;

	top: 50%;
	margin-top: -.6em;
	left: 0;

	font-size: 35px;
	color: var(--green-darker);

	transform-origin: left;
	animation-name: checkbox-animation;
	animation-duration: 240ms;

	z-index: 4;
}

.c-checkbox input
{
	position: absolute;

	height: 1px;
	width: 1px;

	right: 100%;

	z-index: -4;
}

.c-checkbox .p-ink
{
	height: 22px !important;
	width: 22px !important;

	background-color: rgba(0, 0, 0, .35);
}

.c-checkbox input:disabled ~ .p-ink
{
	display: none !important;
}

@keyframes checkbox-check
{
	0%
	{
		height: 0;
		width: 0;

		top: .37em;
		left: .30em;

		border-color: currentColor;
	}

	35%
	{
		height: 0;
		width: .65em;

		top: .37em;
		left: .30em;

		border-color: currentColor;
	}

	40%
	{
		height: .2em;
		width: .65em;

		top: .30em;
		left: .30em;

		border-color: currentColor;
	}

	45%
	{
		height: .3em;
		width: .65em;

		top: .19em;
		left: .30em;

		border-color: currentColor;
	}

	50%
	{
		height: .4em;
		width: .65em;

		top: .09em;
		left: .30em;

		border-color: currentColor;
	}

	55%
	{
		height: .5em;
		width: .65em;

		top: -.01em;
		left: .30em;

		border-color: currentColor;
	}

	60%
	{
		height: .6em;
		width: .65em;

		top: -.11em;
		left: .30em;

		border-color: currentColor;
	}

	65%
	{
		height: .7em;
		width: .65em;

		top: -.20em;
		left: .30em;

		border-color: currentColor;
	}

	70%
	{
		height: .8em;
		width: .65em;

		top: -.31em;
		left: .30em;

		border-color: currentColor;
	}

	75%
	{
		height: .9em;
		width: .65em;

		top: -.41em;
		left: .30em;

		border-color: currentColor;
	}

	80%
	{
		height: 1em;
		width: .65em;

		top: -.51em;
		left: .30em;

		border-color: currentColor;
	}

	85%
	{
		height: 1.1em;
		width: .65em;

		top: -.61em;
		left: .30em;

		border-color: currentColor;
	}

	90%
	{
		height: 1.2em;
		width: .65em;

		top: -.70em;
		left: .30em;

		border-color: currentColor;
	}

	100%
	{
		height: 1.35em;
		width: .65em;

		top: -.85em;
		left: .3em;

		border-color: currentColor;
	}
}
.c-chip
{
	display: flex;

	gap: 8px;

	align-items: center;
}

.c-chip::before
{
	display: block;

	height: 1em;
	width: 1em;

	background-color: #C00506;

	font-size: 10px;

	content: "";

	border-radius: 50%;
}

.c-chip--available::before,
.c-chip--green::before
{
	background-color: #63998D;
}

.c-chip--red::before
{
	background-color: #C00506;
}

.c-chip--blue::before
{
	background-color: #338BC1;
}
/*
	$dark:        #252A1A;
	$lightest:    #FFF2EA;
	$light:       #FDE7D9
	$fond:        #363A2C;
	$orange:      #F36E21;
	$beige:       #F49A69;
	$beige_clair: #FAC5A5;
	$bleu:        #86AADA;
	$rouge :      #CC2B17;
	$vert:        #2EB619;
*/


.c-collapse
{
	position: relative;
}

.c-collapse--form
{
	width: 100%;
}

.c-collapse--form + *
{
	margin-top: 20px;
}

.c-collapse__title
{
	position: relative;

	margin-top: 20px;
	margin-bottom: 15px;
	padding: 10px 15px 10px 36px;

	background-color: #FFF;

	font-weight: 700;
	font-size: 1.05em;

	cursor: pointer;

	box-shadow: 0 0 0 3px rgba(243, 110, 33, 0);
}

/* -------- Mobile -------- */
@media (max-width: 639px)
{
	.c-collapse__title
	{
		font-size: 16px;
	}
}

.c-collapse__title:before
{
	position: absolute;

	height: 1em;
	width: 1em;

	top: 50%;
	margin-top: -.5em;
	left: 9px;

	font-size: 14px;

	content: '';

	border-width: 0 3px 3px 0;
	border-style: solid;
	border-color: #F36E21;

	transition: transform 320ms ease;
	transform: rotate(-45deg);
	transform-origin: center;
}

.c-collapse--open .c-collapse__title:before
{
	transform: rotate(45deg) translateY(-4px);
}

.c-collapse--open .c-collapse__title,
.c-collapse__title:hover
{
	box-shadow: 0 0 0 3px rgb(243, 110, 33);
}

.c-collapse__body
{
	padding: 15px 0;
}

.c-collapse__body
{
	margin: 0 15px;
	background-color: #fdf3e7;
	border-top: none;
}

.c-collapse__icon
{
	position: absolute;
	visibility: visible;

	top: 14px;
	left: 46px;

	font-size: 26px;
	color: #A5A5A5;
}

.c-collapse .o-svg-icon--coin
{
	position: relative;

	top: 1px;

	font-size: .85em;
}

.c-collapse--open .c-collapse__wrapper > div[style*='height: auto'],
.c-collapse--open .c-collapse__wrapper > div[style*='height: auto'] > div
{
	overflow: visible !important;
}
/*
	$text:        #464747;
	$background:  #F0F3F3;
	$light:       #fdfaf7

	light_orange: #fdfaf7;
	$orange:      #EE9902;
	$red:         #C00506;

	flat_red:     #D87060;
	$flat_blue:   #60C8D8;
	$flat_orange: #FCC58E;

	$light_green: #B3DBCD;
	$dark_green:  #26715F;
*/

.c-color-block
{
	position: relative;
	display: flex;

	flex-direction: column;

	min-height: 170px;
	width: 100%;

	padding: 30px 40px;

	background-color: currentColor;

	color: #FFF;

	text-align: center;

	justify-content: center;
}

.c-color-block--ec-users-charts
{
	width: 460px;

	align-self: flex-start;
}

.c-color-block--clickable
{
	padding: 20px 35px;

	cursor: pointer;
}

.c-color-block--highlighted:after,
.c-color-block--highlighted:before
{
	position: absolute;
	opacity: .8;

	height: 0;
	height: 100%;
	width: 0;
	width: 100%;

	top: 0;
	left: 0;

	content: "";

	outline: 6px solid currentColor;
}

.c-color-block--highlighted:after
{
	opacity: 1;

	outline-color: rgba(0, 0, 0, .1);
}

.c-color-block--blue:after,
.c-color-block--orange:after,
.c-color-block--purple:after
{
	outline-color: rgba(255, 255, 255, .3);
}

.c-color-block--blue
{
	color: #60C8D8;
}

.c-color-block--orange
{
	color: #F9AA32;
}

.c-color-block--purple
{
	color: #A98EFC;
}

.c-color-block--img
{
	padding: 0;

	background-color: transparent;
	background-position: center;
	background-size: cover;

	z-index: 0;
}

/* ------------------ Mobile ------------------ */
@media (max-width: 599px)
{
	.c-color-block--img
	{
		min-height: 0;
	}
}

.c-color-block--img:before
{
	position: absolute;
	opacity: .65;

	height: 100%;
	width: 100%;

	top: 0;
	left: 0;

	background-color: #000;

	content: "";

	        transition: opacity 440ms ease;

	z-index: -1;

	-webkit-transition: opacity 440ms ease;
	    -ms-transition: opacity 440ms ease;
}

/* ------------------ Mobile ------------------ */
@media (max-width: 599px)
{
	.c-color-block--img:before
	{
		opacity: .75;
	}
}

.c-color-block-thiner.c-color-block--img:before
{
	top: 0;
}

.c-color-block--img:hover:before
{
	opacity: .75;
}

.c-color-block--thiner
{
	min-height: 0;

	margin-bottom: 15px;
}

.c-color-block--places
{
	background-image: url(/images/background/lieux_synergies.jpg);
}

.c-color-block--artists
{
	background-image: url(/images/background/concerts.jpg);
}

.c-color-block--news
{
	background-image: url(/images/background/infos_actu.jpg);
}

.c-color-block--EC-infos
{
	background-image: url(/images/background/infos_pratiques.jpg);
}

.c-color-block--partners
{
	background-image: url(/images/background/partenaires_synergies.jpg);
}

.c-color-block--partner-page
{
	background-image: url(/images/background/partenaires_synergies.jpg);
}

.c-color-block--sejours
{
	background-image: url(/images/background/voyages_sejours_synergies.jpg);
}

.c-color-block--bons
{
	background-image: url(/images/background/bon_achat.jpg);
}

.c-color-block--web
{
	background-image: url(/images/background/partenaires_en_ligne.jpg);
}

.c-color-block--promos
{
	background-image: url(/images/background/partenaire_promo.jpg);
}

.c-color-block--private-sale
{
	background-image: url(/images/background/private_sale.jpg);
}

@media (min-width: 1201px) and (min-device-pixel-ratio: 1.5)
{
	.c-color-block--promos
	{
		background-image: url(/images/background/partenaire_promo_4k.jpg);
	}
}

.c-color-block--CE
{
	height: 100%;

	background-image: url(/images/background/espace_CE_synergies.jpg);
}

.c-color-block--meeting-record
{
	background-image: url(/images/background/comptes_rendus_reunions.jpg);
}

/* -------- color-block__icon -------- */

.c-color-block__icon
{
	position: absolute;

	top: 10px;
	left: 10px;

	font-size: 36px;
	color: #464747;
}

.c-color-block--img .c-color-block__icon
{
	font-size: 32px;
	color: #FFF;
}

/* ------------------ Mobile ------------------ */
@media (max-width: 599px)
{
	.c-color-block--img .c-color-block__icon
	{
		top: 50%;
		margin-top: -.5em;
	}
}

.c-color-block--thiner .c-color-block__icon
{
	top: 50%;
	margin-top: -.5em;
}

.c-color-block--blue .c-color-block__icon,
.c-color-block--orange .c-color-block__icon,
.c-color-block--purple .c-color-block__icon
{
	color: #FFF;
}

/* ------ color-block__svg-icon ------ */

.c-color-block__svg-icon
{
	position: absolute;

	height: 1em;
	width: 1em;

	top: 10px;
	left: 10px;

	font-size: 36px;
	color: #464747;
	color: #FFF;

	fill: currentColor;
}

.c-color-block--img .c-color-block__svg-icon
{
	font-size: 32px;
	color: #FFF;
}


/* ------- color-block__title ------- */

.c-color-block__title
{
	margin-top: 0;
	margin-bottom: 5px;

	font-weight: 500;
	font-size: 1.65em;
	color: #464747;
}

.c-color-block--img .c-color-block__title
{
	padding: 14% 40px;
}

/* -------- Mobile -------- */
@media (max-width: 639px)
{
	.c-color-block__title
	{
		font-size: 1.45em;
	}
}

.c-color-block--blue .c-color-block__title,
.c-color-block--orange .c-color-block__title,
.c-color-block--purple .c-color-block__title,
.c-color-block--img .c-color-block__title
{
	color: #FFF;
}

.c-color-block--img .c-color-block__title
{
	position: relative;

	margin: 0;
	padding: 42px 30px;

	font-size: 1.4em;
}

/* ------------------ Mobile ------------------ */
@media (max-width: 599px)
{
	.c-color-block--img .c-color-block__title
	{
		display: flex;

		flex-direction: row;

		padding: 26px 20px 26px 50px;

		font-weight: 700;
		font-size: 1.05rem;

		text-align: center;

		align-items: center;
		justify-content: center;
	}
}

.c-color-block--thiner .c-color-block__title
{
	padding: 20px 20px 20px 50px;

	font-size: 1.3em;
}

/* ------------------ Mobile ------------------ */
@media (max-width: 767px)
{
	.c-color-block--thiner .c-color-block__title
	{
		font-size: 1.05em;
	}
}

.c-color-block--img .c-color-block__title:after
{
	display: block;

	height: 1px;
	width: 1em;

	margin: auto;
	margin-top: 6px;

	background-color: #EE9902;

	font-size: 45px;

	content: "";
}

.c-color-block--thiner .c-color-block__title:after
{
	display: none;
}

/* ------------------ Mobile ------------------ */
@media (max-width: 599px)
{
	.c-color-block--img .c-color-block__title::after
	{
		display: none;
	}
}


/* -------- color-block__txt -------- */

.c-color-block__txt
{
	font-weight: 100;
	font-size: 18px;
	color: #464747;
}

.c-color-block--blue .c-color-block__txt,
.c-color-block--orange .c-color-block__txt,
.c-color-block--purple .c-color-block__txt,
.c-color-block--img .c-color-block__txt
{
	color: #FFF;
}

.c-color-block__link
{
	position: absolute;

	height: 100%;
	width: 100%;

	top: 0;
	left: 0;

	cursor: pointer;
}

.c-color-block__logo
{
	position: absolute;

	height: 100%;
	width: 100%;

	top: 0;
	left: 0;
	padding: 12px 15px 12px 0;

	background-color: #F0EFEB;

	font-family: "object-fit: contain;";

	object-fit: contain;
}

.c-color-block__description
{
	padding: 10px 15px;

	background-color: #FDFAF7;

	font-weight: 600;
	font-size: 1em;
}
.c-countdown
{
	display: flex;

	gap: 15px;

	font-size: 1.4rem;
}

.c-countdown--VP-waiter
{
	font-size: 2.4rem;
}

.c-countdown__days,
.c-countdown__hours,
.c-countdown__minutes,
.c-countdown__seconds
{
	font-weight: 700;
	font-size: 1em;
}
/*
	$text:        #464747;
	$background:  #F0F3F3;
	$light:       #fdfaf7

	light_orange: #fdfaf7;
	$orange:      #EE9902;
	$red:         #C00506;

	flat_red:     #D87060;
	$flat_blue:   #60C8D8;
	$flat_orange: #FCC58E;

	$light_green: #B3DBCD;
	$dark_green:  #26715F;
*/

/* ---------------------------------------- *\
|* ----------- # custom-quote # ----------- *|
\* ---------------------------------------- */

/* ---------- custom-quote__add ---------- */
.c-custom-quote-add
{
	position: relative;
}

.c-custom-quote-add__title
{
	position: absolute;

	margin: 0;
	top: 0;
	left: 0;
	padding: 10px 12px 8px;

	background-color: transparent;

	font-weight: 400;
	font-size: 1.2em;
	color: #60C8D8;

	text-transform: uppercase;

	border-width: 0 2px 2px 0;
	border-style: dashed;
	border-color: #60C8D8;
}

.c-custom-quote-add__content
{
	padding: 58px 10px 12px;

	border: 2px dashed #60C8D8;
}

/* ------------------------------------ */
/* ----- custom-quote-add__-areas ----- */
/* ------------------------------------ */

.c-custom-quote-add__label-area,
.c-custom-quote-add__type-area,
.c-custom-quote-add__select-area
{
	display: inline-block;

	width: 38%;
}

.c-custom-quote-add__required-area
{
	display: inline-block;

	width: 24%;

	vertical-align: top;
}

.c-custom-quote-add__type-area,
.c-custom-quote-add__label-area
{
	padding-right: 15px;
}

.c-custom-quote-add__select-area
{
	width: 33.333332%;

	margin-bottom: 8px;
}

/* -------- Mobile -------- */
@media (max-width: 639px)
{
	.c-custom-quote-add__label-area,
	.c-custom-quote-add__type-area,
	.c-custom-quote-add__select-area:nth-child(n+2),
	.c-custom-quote-add__required-area
	{
		width: 100%;

		padding-left: 0;
	}

	.c-custom-quote-add__type-area,
	.c-custom-quote-add__required-area
	{
		margin-top: 6px;
	}
}

/* ------------------------------------- */
/* ------ custom-quote-add__label ------ */
/* ------------------------------------- */

.c-custom-quote-add__label
{
	position: relative;
	display: flex;

	width: 100%;

	font-weight: 600;
	font-size: 1em;
	color: #EE9902;

	cursor: pointer;
	text-align: left;

	z-index: 1;

	align-items: center;
}


/* ------------------------------------- */
/* ------ custom-quote-add__input ------ */
/* ------------------------------------- */

.c-custom-quote-add__input
{
	position: relative;
	display: block;

	width: 100%;

	margin-top: 8px;
	padding: 6px 12px;

	background-color: #FDFAF7;

	font-family: inherit;
	font-size: 1em;
	color: inherit;

	border-radius: 0;
	border: 2px solid transparent;

	outline: none;
}

.c-custom-quote-add__label ~ input[type='checkbox'] + label
{
	margin-top: 11px;
}

.c-custom-quote-add__input:focus
{
	background-color: #FFF;

	border-color: #F9D29D;
}

.c-custom-quote-add__input[readonly]
{
	background-color: rgba(240, 239, 234, .4);

	cursor: default;

	border-color: transparent;
}




/* ------------------------------------------------ *\
|* ----------- # custom-quote-element # ----------- *|
\* ------------------------------------------------ */

.c-custom-quote-element
{
	position: relative;

	-webkit-flex-grow: 1;
	        flex-grow: 1;
}

.c-custom-quote-element__input
{
	position: relative;
	display: block;

	width: 100%;

	margin-top: 8px;
	padding: 6px 12px;

	background-color: #FDFAF7;

	font-family: inherit;
	font-size: 1em;
	color: inherit;

	border-radius: 0;
	border: 2px solid transparent;

	outline: none;
}

.c-custom-quote-element__input:focus
{
	background-color: #FFF;

	border-color: #F9D29D;
}

.c-custom-quote-element__input[readonly]
{
	background-color: rgba(240, 239, 234, .4);

	cursor: default;

	border-color: transparent;
}

.c-form-element--error .c-custom-quote-element__input
{
	background-color: #FFF;

	border-color: #CC2B17;
}

.c-custom-quote-element--checkbox
{
	display: inline-flex;

	min-height: 38px;
	width: auto;

	margin-top: 8px;

	justify-content: flex-start;
	align-items: center;
}

.c-custom-quote__cb-title
{
	width: 100%;
}


/* ------------------------------------ */
/* --- custom-quote-element__label ---- */
/* ------------------------------------ */

.c-custom-quote-element__label
{
	position: relative;

	z-index: 1;
}

.c-custom-quote-element--checkbox .c-custom-quote-element__label
{
	display: flex;

	margin-right: 12px;

	-webkit-align-items: center;
	        align-items: center;
}


/* ------------------------------------ */
/* ----- custom-quote-element__cb ----- */
/* ------------------------------------ */

.c-custom-quote-element__cb
{
	position: relative;
	display: block;

	height: 1em;
	width: 1em;

	margin-right: 30px;

	background-color: #FDFAF7;

	font-size: 32px;
	color: #FDFAF7;

	cursor: pointer;

	border: 1px solid #DDD;

	-webkit-transition: color 240ms ease;
	    -ms-transition: color 240ms ease;
	        transition: color 240ms ease;

	flex-shrink: 0;
}

.c-custom-quote-element__cb:before
{
	position: absolute;

	height: .25em;
	width: .6em;

	top: .25em;
	left: .15em;

	content: '';

	border-width: 0 0 2px 2px;
	border-style: solid;
	border-color: transparent;

	-webkit-transition: border-color 240ms ease;
	    -ms-transition: border-color 240ms ease;
	        transition: border-color 240ms ease;
	transform: rotate(-45deg);
}

:checked + .c-custom-quote-element__cb:before
{
	border-color: #464747;
}


/* ------------------------------------- */
/* -- custom-quote-add__remove-option -- */
/* ------------------------------------- */

.c-custom-quote-add__remove-option,
.c-custom-quote__delete-element
{
	position: relative;

	height: 1em;
	width: 1em;

	margin-top: 8px;
	margin-right: 15px;
	margin-left: 0;
	padding: 0;

	background-color: #ED9292;

	font-size: 38px;
	color: #FFF;

	text-indent: 200px;

	border-color: #ED9292;

	overflow: hidden;

	-webkit-flex-shrink: 0;
	        flex-shrink: 0;
}

.c-custom-quote-add__remove-option:after,
.c-custom-quote__delete-element:after
{
	position: absolute;
	display: flex;

	height: 100%;
	line-height: 1em;
	width: 100%;

	top: 0;
	left: 0;

	color: #FFF;

	content: '\d7';
	text-indent: 0;

	align-items: center;
	justify-content: center;
}

/* ------------------------------------- */
/* -- custom-quote-add__select-option -- */
/* ------------------------------------- */

.c-custom-quote-add__select-option
{
	display: flex;

	align-items: center;
}


/* ------------------------------------- */
/* -- custom-quote-add__remove-option -- */
/* ------------------------------------- */

.c-custom-quote__update-element
{
	position: relative;

	height: 1em;
	width: 1em;

	margin-top: 8px;
	margin-right: 15px;
	margin-left: 0;
	padding: 0;

	background-color: #60C8D8;

	font-size: 38px;
	color: #FFF;

	text-indent: 200px;

	border-color: #60C8D8;

	overflow: hidden;

	-webkit-flex-shrink: 0;
	        flex-shrink: 0;
}

.c-custom-quote__update-icon
{
	position: absolute;

	top: .25em;
	left: .25em;

	font-size: .65em;
}
.c-dashboard-filters
{
	display: flex;

	flex-wrap: wrap;
	gap: 15px 20px;

	width: calc(100% + 10px);

	margin-top: -11px;
	margin-left: -5px;
	margin-bottom: 12px;
	padding: 12px 15px;

	background-color: #FFF;

	border-radius: 4px;

	align-items: flex-end;
}
.c-dashboard
{
	position: relative;
	display: flex;

	flex-wrap: wrap;

	min-height: 0;

	font-size: .95em;
}

.c-dashboard--in-modal
{
	border-right: 1px solid #D9D9D9;
	border-bottom: 1px solid #D9D9D9;
	border-left: 1px solid #D9D9D9;
}

.c-dashboard--in-modal.c-dashboard--head
{
	border-top: 1px solid #D9D9D9;
	border-bottom: none;
}

.c-dashboard--EC-renewal-admins
{
	width: 650px;
	max-width: 100%;

	margin-right: auto;
	margin-left: auto;

	font-size: 1.05em;
}

.c-dashboard--front-CSE-bills
{
	min-height: 45px;
	max-width: 100%;

	margin-right: auto;
	margin-left: auto;
}

.c-dashboard__row
{
	position: relative;
	display: flex;

	width: 100%;
}

.c-dashboard__row.is-header-row
{
	font-weight: 700;
}

.c-dashboard__row.is-transparent
{
	background-color: transparent;

	border-color: transparent;
}

.c-dashboard__row.row-bg-red,
.c-dashboard__row.row-bg-red:hover
{
	background-color: #FFE6E6;
}

.c-dashboard__row.row-bg-orange,
.c-dashboard__row.row-bg-orange:hover
{
	background-color: #F7EEE3;
}

/* ------------------ Mobile ------------------ */
@media (max-width: 599px)
{
	.c-dashboard--bill .c-dashboard__row
	{
		flex-wrap: wrap;
	}
}

.c-dashboard--head
{
	min-height: 45px;

	font-weight: 700;
	font-size: .9em;

	text-transform: uppercase;
}

.c-dashboard--pre-registration
{
	min-width: 1755px;
}

.c-dashboard.affect-credit-note-infos
{
	width: 100%;
}

.c-dashboard__row.sortable
{
	font-weight: 700;
}

.c-dashboard__row:hover
{
	background-color: #EFEFEF;
}

.c-dashboard--head .c-dashboard__row
{
	background-color: #FFF;
}

.c-dashboard__cell
{
	position: relative;
	display: flex;

	flex-wrap: wrap;

	line-height: 1.2em;
	width: auto;

	background-color: #FDFAF7;

	font-size: 1em;

	flex-basis: 20px;
	flex-grow: 1;
	align-items: center;
	flex-shrink: 0;
}

.c-dashboard__cell,
.c-dashboard--head .c-dashboard__row:last-child .c-dashboard__cell
{
	border-bottom: 1px solid #D9D9D9;
}

.c-dashboard__row:last-child .c-dashboard__cell
{
	border-bottom: none;
}

.c-dashboard--head .c-dashboard__cell
{
	background-color: #FFF;

	font-weight: 600;
	font-size: 1.1em;

	text-transform: uppercase;

	align-items: center;
}

.c-dashboard--head .c-dashboard__cell.sortable
{
	align-items: stretch;
}

.c-dashboard__cell-content
{
	display: flex;

	flex-grow: 1;
}

.c-dashboard__sort
{
	display: flex;

	width: 100%;
	min-width: 0;

	padding: 0;

	font-weight: inherit;
	font-size: 1em;
	text-decoration: inherit;

	text-transform: inherit;

	border-radius: 0;

	justify-content: left;
	align-items: center;
	justify-content: inherit;
}

.c-dashboard--head .c-dashboard__sort
{
	background-color: transparent;

	transition: background-color 320ms ease;
}

.c-dashboard--head .c-dashboard__sort:hover
{
	background-color: #EFEFEF;
}

.c-dashboard__sort span
{
	display: flex;

	align-items: center;
}

.c-dashboard__cell:not(.sortable):not(.selection),
.c-dashboard__sort
{
	min-height: 30px;

	padding: 6px 8px;
}

.c-dashboard--EC-renewal .c-dashboard__cell:not(.sortable):not(.selection)
{
	padding-right: 16px;
	padding-left: 16px;
}

.c-dashboard--condensed .c-dashboard__cell:not(.sortable):not(.selection),
.c-dashboard--condensed .c-dashboard__sort
{
	padding-top: 2px;
	padding-bottom: 2px;
}

.c-dashboard__edit-icon
{
	display: block;

	height: 1em;
	width: 1em;

	font-size: 16px;
	color: inherit;

	fill: currentColor;
}

.c-dashboard__cell
{
	position: relative;

	min-height: 30px;

	padding: 0;

	word-break: break-word;
}

.c-dashboard__row.overline .c-dashboard__cell
{
	background-color: #FFEBEB;
}

.c-dashboard__cell:not(:last-child):after
{
	position: absolute;

	height: 100%;
	width: 1px;

	top: 0;
	right: -1px;

	background-color: #D9D9D9;

	content: "";
}

.c-dashboard--head .c-dashboard__cell:not(:last-child):after
{
	display: none;
}

.c-dashboard__cell-img
{
	display: block;

	height: 42px;
	width: 100%;

	font-family: "object-fit: contain; object-position: center;";

	object-fit: contain;
	object-position: center;
}

.c-dashboard__sort-icon
{
	display: inline-flex;

	height: 1em;
	width: 1em;

	margin-left: 6px;
	margin-bottom: -1px;

	font-size: 14px;

	transform: scaleY(-1);
}

.c-dashboard__sort-arrow
{
	position: relative;
	opacity: 1;

	height: .8em;
	width: .7em;

	top: 0;
	margin-bottom: 0;

	font-size: 16px;
	color: #1F1F1F;

	content: "";

	transform: scaleY(-1);
}

.c-dashboard__sort-arrow:before
{
	position: absolute;

	height: .35em;
	width: 2px;

	top: 50%;
	margin-top: -.35em;
	left: 50%;
	margin-left: -2px;

	background-color: currentColor;

	color: inherit;

	content: "";
}

.c-dashboard__sort-arrow:after
{
	position: absolute;

	height: .3em;
	width: .3em;

	top: .35em;
	left: 50%;
	margin-left: -3px;

	color: inherit;

	content: "";

	border: 1px solid currentColor;
	border-width: 0 1px 1px 0;

	transform: rotate(45deg);
}

.c-dashboard__cell.desc .c-dashboard__sort-arrow:after
{
	margin-left: -1px;
}

.c-dashboard__cell.desc .c-dashboard__sort-arrow,
.c-dashboard__cell.desc .c-dashboard__sort-icon
{
	transform: scaleY(1);
}

.c-dashboard__cell.desc .c-dashboard__sort-arrow
{
	top: 1px;
}

.c-dashboard__cell.desc .c-dashboard__sort-arrow:before
{
	margin-left: 0;
}

.c-dashboard__cell.selection
{
	position: relative;

	width: 46px;
	min-width: 0;

	padding: 0;

	border-radius: 0;

	flex-basis: auto;
	flex-grow: 0;
	flex-shrink: 0;
}

.c-dashboard--head .c-dashboard__cell.selection:before,
.c-dashboard__cell.selection.invisible:before
{
	display: none;
}

.c-dashboard__cell.selection:before
{
	position: absolute;

	height: 100%;
	height: 1em;
	width: 100%;
	width: 1em;

	top: 50%;
	margin-top: -.5em;
	left: 50%;
	margin-left: -.5em;

	font-size: 22px;

	content: "";

	border: 1px solid #BCBCBC;
}

.c-dashboard__checked-cell
{
	position: absolute;

	height: 1em;
	width: 1em;

	top: 50%;
	margin-top: -.5em;
	left: 50%;
	margin-left: -.5em;
	padding: 3px;

	font-size: 26px;
	color: #4CC732;

	border-radius: 50%;
	border: 2px solid currentColor;
}

.c-dashboard__selected
{
	font-size: 16px;
	color: #E93339;
}

.c-dashboard__long-text
{
	display: block;

	width: 10px;
	min-width: 0;

	text-align: left;
	white-space: nowrap;
	text-overflow: ellipsis;

	overflow: hidden;

	flex-grow: 1;
}

.c-dashboard__more
{
	min-width: 0;

	padding: 0;

	border-radius: 50%;

	overflow: visible;
}

.c-dashboard__more-icon
{
	font-size: 26px;
	color: #867437;
}




/* ------------------------------------ */
/* ---- EnterpriseCommitee fields ----- */
/* ------------------------------------ */

.c-dashboard__cell.EnterpriseCommitee-logo_url
{
	min-width: 120px;

	text-align: center;

	justify-content: center;
	flex-shrink: 0;
	flex-grow: 0;
}

.c-dashboard__cell.EnterpriseCommitee-disabled
{
	min-width: 145px;

	text-align: center;

	justify-content: center;
	flex-shrink: 0;
	flex-grow: 0;
}

.c-dashboard__cell.EnterpriseCommitee-_has_documents
{
	min-width: 175px;

	text-align: center;

	justify-content: center;
	flex-shrink: 0;
	flex-grow: 0;
}

.c-dashboard__cell.EnterpriseCommitee-__renewal
{
	gap: 10px;

	min-width: 275px;

	justify-content: center;
}




/* ------------------------------------ */
/* ----------- User fields ------------ */
/* ------------------------------------ */

.c-dashboard__cell.User-firstname,
.c-dashboard__cell.User-lastname
{
	min-width: 250px;

	text-align: center;

	justify-content: center;
	flex-shrink: 0;
	flex-grow: 0;
}

.c-dashboard__cell.User-validation_status
{
	min-width: 145px;

	text-align: center;

	justify-content: center;
	flex-shrink: 0;
	flex-grow: 0;
}

.c-dashboard__cell.User-createdAt
{
	min-width: 200px;

	text-align: center;

	justify-content: center;
	flex-shrink: 0;
	flex-grow: 0;
}

.c-dashboard__cell.User-validation_date
{
	min-width: 210px;

	text-align: center;

	justify-content: center;
	flex-shrink: 0;
	flex-grow: 0;
}

.c-dashboard__cell.User-EC
{
	text-align: center;

	justify-content: center;
}

.c-dashboard__cell.User-permissions_title
{
	min-width: 200px;

	text-align: center;

	justify-content: center;
	flex-shrink: 0;
	flex-grow: 0;
}





/* ------------------------------------ */
/* ----------- User fields ------------ */
/* ------------------------------------ */

.c-dashboard__cell.Artist-images_url
{
	min-width: 120px;

	text-align: center;

	justify-content: center;
	flex-shrink: 0;
	flex-grow: 0;
}

.c-dashboard__cell.Artist-name
{
	flex-grow: 1;
}

.c-dashboard__cell.Artist-description
{
	flex-grow: 2;
}

.c-dashboard__cell.Artist-linked_products
{
	min-width: 160px;

	text-align: center;

	justify-content: center;
	flex-shrink: 0;
	flex-grow: 0;
}

.c-dashboard__cell.Artist-disabled
{
	min-width: 145px;

	text-align: center;

	justify-content: center;
	flex-shrink: 0;
	flex-grow: 0;
}




/* ------------------------------------ */
/* --------- SynerQuizz fields -------- */
/* ------------------------------------ */

.c-dashboard__cell.SynerQuizz-start,
.c-dashboard__cell.SynerQuizz-end
{
	min-width: 200px;

	text-align: left;

	justify-content: flex-start;
	flex-shrink: 0;
	flex-grow: 0;
}

.c-dashboard__cell.SynerQuizz-completed
{
	min-width: 95px;

	text-align: center;

	justify-content: center;
	flex-shrink: 0;
	flex-grow: 0;
}




/* ------------------------------------ */
/* ------------- Bill fields ---------- */
/* ------------------------------------ */

.c-dashboard__cell.Bill-bill_date
{
	min-width: 220px;

	text-align: left;

	justify-content: flex-start;
	flex-shrink: 0;
	flex-grow: 0;
}

.c-dashboard__cell.Bill-name
{
	text-align: left;

	flex-basis: 70%;
	justify-content: flex-start;
	flex-shrink: 1;
	flex-grow: 0;
}

.c-dashboard__cell.Bill-PDF
{
	min-width: 120px;

	text-align: left;

	justify-content: center;
	flex-shrink: 0;
	flex-grow: 0;
}

.c-dashboard__cell.Bill-date
{
	min-width: 105px;

	text-align: left;

	justify-content: center;
	flex-shrink: 0;
	flex-grow: 0;
}

.c-dashboard__cell.Bill-type
{
	min-width: 170px;

	text-align: left;

	justify-content: flex-start;
	flex-shrink: 0;
	flex-grow: 0;
}

.c-dashboard__cell.Bill-order_number
{
	min-width: 210px;

	text-align: left;

	justify-content: flex-start;
	flex-shrink: 0;
	flex-grow: 1;
}

/* ------------------ Mobile ------------------ */
@media (max-width: 599px)
{
	.c-dashboard__cell.Bill-order_number
	{
		min-width: 140px;

		flex-basis: calc(100% - 110px);
	}
}

.c-dashboard__cell.Bill-total_price,
.c-dashboard__cell.Bill-remaining_unpaid,
.c-dashboard__cell.Bill-paid_amount
{
	min-width: 130px;

	text-align: right;

	justify-content: flex-end;
	flex-shrink: 0;
	flex-grow: 0;
}

/* ------------------ Mobile ------------------ */
@media (max-width: 599px)
{
	.c-dashboard__cell.Bill-total_price,
	.c-dashboard__cell.Bill-remaining_unpaid,
	.c-dashboard__cell.Bill-paid_amount
	{
		min-width: 25%;

		flex-grow: 1;
	}
}

.c-dashboard__cell-self-aligned
{
	display: inline-flex;
}

.c-dashboard__cell.Bill-number .c-dashboard__cell-self-aligned
{
	width: 210px;
}

/* ------------------ Mobile ------------------ */
@media (max-width: 599px)
{
	.c-dashboard:not(.c-dashboard--head) .c-dashboard__cell.Bill-total_price
	{
		background-color: #E4F6FF;

		color: #000;

		border-right: 1px solid #D9D9D9;
	}

	.c-dashboard:not(.c-dashboard--head) .c-dashboard__cell.Bill-remaining_unpaid
	{
		background-color: #F4DDDD;

		color: #C00506;
	}

	.c-dashboard:not(.c-dashboard--head) .c-dashboard__cell.Bill-paid_amount
	{
		background-color: #E7F1EF;

		color: #000;

		border-right: 1px solid #D9D9D9;
	}

	.c-dashboard:not(.c-dashboard--head) .c-dashboard__cell.Bill-total_price,
	.c-dashboard:not(.c-dashboard--head) .c-dashboard__cell.Bill-remaining_unpaid,
	.c-dashboard:not(.c-dashboard--head) .c-dashboard__cell.Bill-paid_amount
	{
		border-bottom: none;
	}
}

.c-dashboard__cell.Bill-amount,
.c-dashboard__cell.Bill-remaining_unpaid
{
	min-width: 145px;

	text-align: right;

	justify-content: flex-end;
	flex-shrink: 0;
	flex-grow: 0;
}

.c-dashboard__cell.Bill-number
{
	min-width: 271px;

	text-align: center;

	flex-shrink: 0;
	flex-grow: 0;
	justify-content: center;
}

/* ------------------ Mobile ------------------ */
@media (max-width: 599px)
{
	.c-dashboard__cell.Bill-number
	{
		border-top: 1px solid #D9D9D9;
		border-bottom: 6px solid #D9D9D9;

		flex-basis: 100%;
		justify-content: center;
	}

	.c-dashboard--head .c-dashboard__cell.Bill-number
	{
		display: none;
	}
}

.c-dashboard__cell.DiscountCode-status
{
	width: 130px;
	max-width: 130px;

	justify-content: center;
}

.c-dashboard__cell.DiscountCode-_cb
{
	width: 52px;
	max-width: 52px;
}

.c-dashboard__cell.DiscountCode-_bill_pdf
{
	width: 280px;
	max-width: 280px;

	justify-content: flex-end;
}





/* ------------------------------------ */
/* -------- CreditNote fields --------- */
/* ------------------------------------ */

.c-dashboard__cell.CreditNote-date
{
	width: 110px;
	max-width: 110px;
}

.c-dashboard__cell.CreditNote-order_number
{
	flex-basis: 190px;
	flex-grow: 0;
}

.c-dashboard__cell.CreditNote-bill_number
{
	flex-basis: 210px;
	flex-grow: 0;
}

.c-dashboard__cell.CreditNote-number
{
	flex-basis: 200px;
	flex-grow: 0;
}

.c-dashboard__cell.CreditNote-amount
{
	flex-basis: 115px;
	flex-grow: 0;
	justify-content: flex-end;
}

.c-dashboard__cell.CreditNote-paid_amount
{
	flex-basis: 110px;
	flex-grow: 0;
}

.c-dashboard__cell.CreditNote-payment_status
{
	flex-basis: 160px;
	flex-grow: 0;
	justify-content: center;
}

.c-dashboard__cell.CreditNote-remaining_unpaid
{
	flex-basis: 110px;
	flex-grow: 0;
	justify-content: flex-end;
}

.c-dashboard__cell.CreditNote-PDF
{
	width: 90px;
	max-width: 90px;
}




/* ------------------------------------ */
/* ---------- Payment fields ---------- */
/* ------------------------------------ */
.c-dashboard__cell.Payment-date
{
	flex-basis: 105px;
	flex-grow: 0;
	justify-content: center;
}

.c-dashboard__cell.Payment-name
{
	flex-basis: 200px;
	flex-grow: 1;
	justify-content: flex-start;
}

.c-dashboard__cell.Payment-amount
{
	flex-basis: 120px;
	flex-grow: 0;
	justify-content: flex-end;
}

.c-dashboard__cell.Payment-payment_type
{
	gap: 12px;

	align-items: center;
	justify-content: center;
	flex-basis: 220px;
	flex-grow: 0;
}

.c-dashboard__cell.Payment-number
{
	flex-basis: 140px;
	flex-grow: 0;
	justify-content: flex-start;
}

.c-dashboard__cell.Payment-text_number
{
	flex-basis: 180px;
	flex-grow: 0;
	justify-content: flex-start;
}

.c-dashboard__cell.Payment-bills
{
	flex-grow: 3;
}



/* ------------------------------------ */
/* ----- Affect Credit Note fields ---- */
/* ------------------------------------ */
.c-dashboard__cell.Affect-CN-text_number
{
	flex-basis: 260px;
	flex-grow: 0;
}

.c-dashboard__cell.Affect-CN-date
{
	flex-grow: 0;
	flex-basis: 105px;
}

.c-dashboard__cell.Affect-CN-total_price
{
	flex-grow: 0;
	flex-basis: 130px;
}

.c-dashboard__cell.Affect-CN-remaining_unpaid
{
	flex-grow: 0;
	flex-basis: 150px;
}


/* ------------------------------------ */
/* --------- DiscountCodeByRef -------- */
/* ------------------------------------ */

.c-dashboard__cell.DiscountCodeByRef-product_name
{
	flex-basis: 33%;
}




/* ------------------------------------ */
/* ------------ EC Renewal ------------ */
/* ------------------------------------ */
.c-dashboard__cell.EC-renewal__budget-title
{
	flex-basis: auto;
	flex-grow: 0;
}

.c-dashboard__cell.EC-renewal__budget
{
	flex-basis: auto;
	flex-grow: 0;
}

.c-dashboard__cell.EC-renewal__budget-change
{
	flex-wrap: nowrap;
	gap: 14px;

	flex-basis: 500px;
	flex-grow: 0;
}

.c-dashboard__cell.EC-renewal__more-infos
{
	flex-basis: 50%;
}





/* ------------------------------------ */
/* ------------- Partner -------------- */
/* ------------------------------------ */
.c-dashboard__cell.Partner-name
{
	flex-basis: 150px;
	flex-grow: 3;
}

.c-dashboard__cell.Partner-category
{
	text-align: left;

	flex-basis: 200px;
	flex-grow: 1;
	justify-content: flex-start;
}

.c-dashboard__cell.Partner-actions
{
	padding-top: 7px !important;
	padding-bottom: 7px !important;

	flex-basis: 110px;
	flex-grow: 0;
}

.c-dashboard__cell.Partner-highlighted
{
	flex-basis: 130px;
	flex-grow: 0;
	justify-content: center;
}

.c-dashboard__cell.Partner-phone
{
	text-align: center;

	flex-basis: 165px;
	flex-grow: 0;
	justify-content: center;
}

.c-dashboard__cell.Partner-city
{
	text-align: left;

	flex-basis: 290px;
	flex-grow: 0;
	justify-content: flex-start;
}

.c-dashboard__cell.Partner-renewal
{
	text-align: center;

	flex-basis: 200px;
	flex-grow: 0;
	justify-content: center;
}

.c-dashboard__cell.Partner-Partner-category
{
	text-align: center;

	justify-content: center;
}

.c-dashboard__cell.Partner-_checkbox
{
	padding-top: 0 !important;
	padding-bottom: 0 !important;

	text-align: left;

	flex-basis: 52px;
	flex-grow: 0;
	justify-content: flex-start;
}
/*
	$text:        #464747;
	$background:  #F0F3F3;
	$light:       #fdfaf7

	light_orange: #fdfaf7;
	$orange:      #EE9902;
	$red:         #C00506;

	flat_red:     #D87060;
	$flat_blue:   #60C8D8;
	$flat_orange: #FCC58E;

	$light_green: #B3DBCD;
	$dark_green:  #26715F;
*/

/* -------------------------------------- *\
|* ----------- # c-data-row # ----------- *|
\* -------------------------------------- */

.c-data-row
{
	position: relative;
	display: flex;

	        flex-wrap: wrap;

	width: 100%;

	margin: 0;

	background-color: #FDFAF7;

	color: #464747;

	-webkit-flex-wrap: wrap;
	    -ms-flex-wrap: wrap;
}

.partner-datalist .c-data-row__item:last-child
{
	width: 286px;
}

.c-table > .c-data-row
{
	display: table-row;
}

/* -------- Mobile -------- */
@media (max-width: 639px)
{
	.c-table > .c-data-row
	{
		display: flex;

		flex-wrap: wrap;
	}
}

.c-data-row--header
{
	background-color: #FFF;

	font-weight: 600;
	font-size: 1.1em;

	text-transform: uppercase;
}

.c-data-row--header.c-data-row--v2
{
	font-weight: 500;
	font-size: 1em;
}

.c-data-row--header.c-data-row--v3
{
	font-weight: 500;
	font-size: 1em;
}

.c-data-row--clickable
{
	cursor: pointer;

	        transition: background-color 320ms ease;

	-webkit-transition: background-color 320ms ease;
	    -ms-transition: background-color 320ms ease;
}

.c-data-row--clickable:hover
{
	background-color: #FFEDDF;
}

.c-data-row--clickable.c-data-row--v2:hover,
.c-data-row--clickable.c-data-row--v3:hover
{
	background-color: #E8E6E7;
}

.c-data-row--odd
{
	background-color: #FFF;
}

.c-data-row--selected
{
	background-color: #A4D8C9;

	color: #FFF;
}

.c-data-row--updated
{
	background-color: #D4ECE2;
}

/* --------- data-row__item --------- */

.c-data-row__item
{
	position: relative;
	display: flex;

	vertical-align: middle;

	margin: 0;
	padding: 6px 20px;

	box-sizing: border-box;

	z-index: 0;

	align-items: center;
}

.c-data-row__item.partner-renewal_options
{
	min-width: 310px;
}

.c-data-row__item.partner-highlighted
{
	min-width: 100px;
}

.c-data-row__item,
.c-data-row__item-sort
{
	padding: 6px 20px;
}

.c-data-row--v2 .c-data-row__item
{
	font-weight: 700;

	border-bottom: 1px solid #E8E6E7;
}

.c-data-row--clickable.c-data-row--v2 .c-data-row__item:first-child:before,
.c-data-row--clickable.c-data-row--v3 .c-data-row__item:first-child:before
{
	position: absolute;
	display: block;

	height: 1em;
	width: 6px;

	top: 50%;
	margin-top: -.5em;
	left: 0;

	font-size: 40px;

	content: "";

	        transition: background-color 320ms ease;

	-webkit-transition: background-color 320ms ease;
	    -ms-transition: background-color 320ms ease;
}

.c-data-row--clickable.c-data-row--v2:hover .c-data-row__item:first-child:before,
.c-data-row--clickable.c-data-row--v3:hover .c-data-row__item:first-child:before
{
	background-color: #EE9902;
}

.c-data-row--v2.c-data-row--header .c-data-row__item,
.c-data-row--v3.c-data-row--header .c-data-row__item
{
	font-weight: 500;
}

.c-data-row--selected .c-data-row__item:after
{
	position: absolute;

	height: 100%;
	width: 100%;

	top: 0;
	left: 0;

	content: "";

	border-width: 2px 0 2px 0;
	border-style: solid;
	border-color: transparent;
}

.c-data-row--selected .c-data-row__item:first-child:after
{
	border-left-width: 2px;
}

.c-data-row--selected .c-data-row__item:last-child:after
{
	border-right-width: 2px;
}

.c-table > .c-data-row .c-data-row__item
{
	display: table-cell;

	height: 48px;
}

.c-table > .c-data-row--v2 .c-data-row__item
{
	height: 44px;
}

.c-table > .c-data-row--v3 .c-data-row__item
{
	height: 40px;
}

.c-table > .c-data-row--header .c-data-row__item
{
	height: 32px;
}

.c-table > .c-data-row--header .c-data-row__item.sortable
{
	padding: 0;
}

.c-table > .c-data-row--header .c-data-row__item-sort
{
	display: flex;

	width: 100%;

	font-weight: 700;

	cursor: pointer;
	text-align: left;
	text-transform: uppercase;

	align-items: center;
}

.c-table > .c-data-row--small .c-data-row__item
{
	height: 24px;
}

.c-table > .c-data-row--small .c-data-row__item,
.c-table > .c-data-row--small .c-data-row__item-sort
{
	padding: 0 12px;
}

/* -------- Mobile -------- */
@media (max-width: 639px)
{
	.c-table > .c-data-row .c-data-row__item
	{
		display: flex;

		flex-wrap: wrap;

		height: auto;
		min-height: 52px;
		width: 50%;

		margin-top: 0;

		align-items: center;
	}

	.c-table > .c-data-row .c-data-row__item,
	.c-table > .c-data-row .c-data-row__item-sort
	{
		padding-top: 10px;
		padding-bottom: 10px;
	}

	.c-table > .c-data-row .c-data-row__item.sortable
	{
		padding-top: 0;
		padding-bottom: 0;
	}

	.c-table > .c-data-row--header .c-data-row__item:empty
	{
		display: none;
	}

	.c-table > .c-data-row .c-data-row__item:nth-child(odd)
	{
		width: 100%;
	}

	.c-table > .c-data-row .c-data-row__item
	{
		border-top: 2px solid #FFF;
	}

	.c-table > .c-data-row--odd .c-data-row__item
	{
		border-color: #FDFAF7;
	}

	.c-table > .c-data-row .c-data-row__item:not(:last-child)
	{
		width: 50%;
	}
}

/* ---------- data-row__img ---------- */

.c-data-row__img
{
	display: block;

	height: 60px;
	width: 60px;

	font-family: "object-fit: cover;";

	object-fit: cover;
}

.c-data-row--v2 .c-data-row__img,
.c-data-row--v3 .c-data-row__img
{
	        border-radius: 50%;

	-webkit-border-radius: 50%;
}

.c-data-row--v2 .c-data-row__img.default,
.c-data-row--v3 .c-data-row__img.default
{
	font-family: "object-fit: cover;";

	        border-radius: 0;

	-webkit-border-radius: 0;
	object-fit: contain;
}

.c-data-row__item-sort-icon
{
	display: block;
	opacity: 0;

	height: 1em;
	width: 1em;

	margin-left: 8px;

	font-size: 25px;
}

.c-data-row__item-sort.active > .c-data-row__item-sort-icon
{
	opacity: 1;
}

.desc > .c-data-row__item-sort-icon,
.desc > .c-data-row__item-sort-arrow
{
	transform: scaleY(-1);
}

.c-data-row__item-sort-arrow
{
	position: relative;
	opacity: 0;

	height: 1em;
	width: 1em;

	font-size: 23px;

	content: "";
}

.c-data-row__item-sort.active > .c-data-row__item-sort-arrow
{
	opacity: 1;
}

.c-data-row__item-sort-arrow:before
{
	position: absolute;

	height: .4em;
	width: 2px;

	top: 50%;
	margin-top: -.4em;
	left: 50%;
	margin-left: -1px;

	background-color: currentColor;

	color: inherit;

	content: "";
}

.c-data-row__item-sort-arrow:after
{
	position: absolute;

	height: .35em;
	width: .35em;

	top: .4em;
	left: 50%;
	margin-left: -.15em;

	color: inherit;

	content: "";

	border: 1px solid currentColor;
	border-width: 0 2px 2px 0;

	transform: rotate(45deg);
}

.c-data-row__lone-icon
{
	display: flex;

	height: 100%;
	width: 100%;
	min-width: calc(1em + 40px);

	top: 0;
	left: 0;

	font-size: 50px;
	color: #A7D9C9;

	-webkit-align-items: center;
	        align-items: center;
}

.c-data-row__item.logo .c-data-row__lone-icon
{
	max-width: 40px;
}

.c-data-row--selected .c-data-row__lone-icon
{
	color: #FFF;
}

.c-data-row--small .c-data-row__lone-icon
{
	font-size: 38px;
}

.c-data-row--small .c-data-row__picture
{
	padding-top: 2px;
	padding-bottom: 2px;

	font-size: 34px;

	transform: scale(1.2);
}

.c-data-row__picture-img
{
	display: block;

	width: 100%;
	max-width: 38px;
}

.c-data-row__edit
{
	font-size: 32px;
	color: #006882;

	cursor: pointer;

	        transition: color 320ms ease;

	-webkit-transition: color 320ms ease;
	    -ms-transition: color 320ms ease;
	-webkit-justify-content: center;
	        justify-content: center;
}

.c-data-row--selected .c-data-row__edit
{
	color: #FFF;
}

.c-data-row--small  .c-data-row__edit
{
	font-size: 31px;
}

.c-data-row__edit:before
{
	position: absolute;

	height: 100%;
	width: 100%;

	top: 0;
	left: 0;

	content: "";

	        transition: color 320ms ease, background-color 320ms ease;

	z-index: -1;

	-webkit-transition: color 320ms ease, background-color 320ms ease;
	    -ms-transition: color 320ms ease, background-color 320ms ease;
}

.c-data-row__edit:hover
{
	color: #FFF;
}

.c-data-row__edit:hover:before
{
	background-color: #A8D9C8;
}

.c-data-row__tab
{
	display: block;

	padding: 0 1.5em 0 0;

	flex-shrink: 0;
}
/*
	$text:        #464747;
	$background:  #F0F3F3;
	$light:       #fdfaf7

	light_orange: #fdfaf7;
	$orange:      #EE9902;
	$red:         #C00506;

	flat_red:     #D87060;
	$flat_blue:   #60C8D8;
	$flat_orange: #FCC58E;

	$light_green: #B3DBCD;
	$dark_green:  #26715F;
*/

.c-date-picker
{
	position: relative;
	display: flex;

	line-height: 36px;

	margin: 0 15px 0 0;
	padding: 0;

	background-color: transparent;

	font-size: 36px;

	cursor: pointer;

	        border-radius: 0;
	border: none;

	-webkit-border-radius: 0;
	align-items: center;
}

.c-date-picker--auto
{
	width: auto;
}

.c-date-picker:focus,
.c-date-picker:hover
{
	outline: none;
}

.c-date-picker .k-auto-kal
{
	visibility: hidden;
	opacity: 0;

	transition: transform 220ms ease-out, opacity 220ms ease-out, visibility 220ms ease-out;
	transform: scale(.9);
}

.c-date-picker .k-auto-kal.open
{
	visibility: visible;
	opacity: 1;

	transform: scale(1);
}

.c-date-picker__btn
{
	position: absolute;
	opacity: 1;

	height: 100%;
	width: 100%;

	top: 0;
	left: 0;

	font-size: 0;
	color: transparent;

	text-indent: 500px;

	overflow: hidden;

	z-index: 1;
}

.c-date-picker__label
{
	display: block;
	float: left;

	margin-right: 6px;
	padding: 4px 0;

	font-size: 16px;

	white-space: nowrap;
}

/* ----------------------------------- */
/* ---- c-line-chart__date-picker ---- */
/* ----------------------------------- */

.c-line-chart__date-picker
{
	margin: 10px 40px;
}

.c-date-picker__label-date
{
	letter-spacing: .9px;
}
/*
	$text:        #464747;
	$background:  #F0F3F3;
	$light:       #fdfaf7

	light_orange: #fdfaf7;
	$orange:      #EE9902;
	$red:         #C00506;

	flat_red:     #D87060;
	$flat_blue:   #60C8D8;
	$flat_orange: #FCC58E;

	$light_green: #B3DBCD;
	$dark_green:  #26715F;
*/

.c-dialog
{
	position: relative;

	max-width: 514px;

	margin-right: auto;
	margin-left: auto;
	padding: 0 30px 25px;

	background: #FFF;

	font-size: 15px;

	border-radius: 4.7px;

	box-shadow: 0 1px 4px 0 rgba(0, 0, 0, .25);
}

/* -- Mobile & Tablette -- */
@media (max-width: 992px)
{
	.c-dialog
	{
		max-width: 100%;
	}
}

.c-dialog__header
{
	display: block;

	margin: 0 -30px 20px;
	padding: 15px 30px;

	background-color: #363A2C;

	font-weight: 400;
	font-size: 16px;
	color: #FFF;

	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
}

.c-dialog__cancel
{
	line-height: 1em;

	margin-right: 6px;
	padding: 8px 12px;

	background-color: #FDFAF7;

	color: #464747;

	border-color: #FDFAF7;
}

.c-btn.c-dialog__cancel
{
	background-color: #FDFAF7;

	color: #464747;

	border-color: #FDFAF7;
}

.c-dialog__cancel:hover,
.c-dialog__cancel:focus,
.c-btn.c-dialog__cancel:hover,
.c-btn.c-dialog__cancel:focus
{
	color: #464747;

	border-color: #464747;
}

.c-dialog__validate
{
	line-height: 1em;

	background-color: #A4D8C9;

	color: #FFF;

	border-color: #A1D7C9;
}

.c-dialog__validate:focus,
.c-dialog__validate:hover
{
	color: #A1D7C9;
}

.c-dialog__danger
{
	line-height: 1em;

	background-color: #ED9292;

	color: #FFF;

	border-color: #ED9292;
}

.c-dialog__danger:focus,
.c-dialog__danger:hover
{
	color: #ED9292;
}

.c-dialog__cancel + .c-dialog__validate,
.c-dialog__cancel + .c-dialog__danger
{
	margin-left: 8px;
}

.c-dialog__buttons
{
	margin-top: 12px;

	text-align: right;
}

.c-dialog__input
{
	display: inline-block;

	height: 30px;
	line-height: 30px;
	width: 100%;

	margin-bottom: 15px;
	padding: 0 6px;

	border: 1px solid transparent;

	outline: 1px solid #F36E21;
}

.c-dialog__input:focus
{
	border: 1px solid #F36E21;

	outline: none;
	outline: 1px solid #F36E21;
}

.c-dialog__error-message
{
	display: none;
	opacity: 0;

	margin: 0 0 15px;

	font-size: 15px;
	color: #ED9292;

	text-align: center;
}

.c-dialog__next-action
{
	display: none;
}
.c-EC-renewal__amount
{
	display: flex;

	flex-wrap: wrap;
	gap: 10px;

	width: 650px;
	max-width: 100%;

	margin-top: 20px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 15px;
	padding: 18px 15px;

	border-radius: 4px;
	border: 4px solid #F0EFEB;
}

.c-EC-renewal__amount-price
{
	display: flex;

	gap: 6px;

	width: 100%;

	align-items: center;
}
.c-field-error
{
	display: flex;

	gap: 4px;

	width: 100%;

	padding: 2px 0;

	color: #C00506;

	align-items: center;
	flex-shrink: 0;
	justify-content: inherit;
}

.c-field-error--picker-view
{
	padding: 6px 15px 12px;

	font-weight: 600;
}

.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;
}
/*
	$text:        #464747;
	$background:  #F0F3F3;
	$light:       #fdfaf7

	light_orange: #fdfaf7;
	$orange:      #EE9902;
	$red:         #C00506;

	flat_red:     #D87060;
	$flat_blue:   #60C8D8;
	$flat_orange: #FCC58E;

	$light_green: #B3DBCD;
	$dark_green:  #26715F;
*/

/* -------------------------------------- *\
|* -------- # c-file-thumbnail # -------- *|
\* -------------------------------------- */

.c-file-thumbnail
{
	position: relative;
	display: inline-flex;

	min-width: 100%;
	max-width: 300px;

	margin-top: 8px;
	padding: 0 1em;

	font-size: 10px;

	z-index: 1;

	justify-content: space-between;
}

.c-file-thumbnail:before
{
	position: absolute;

	height: calc(100%);
	width: calc(100% - 1em);

	top: 0;
	left: 0;
	background-color: #FDFAF7;

	content: '';

	border: 2px solid #DDD;
}

.c-file-thumbnail__preview
{
	height: 32px;
	width: 64px;

	margin: .6em 0 .6em;
	margin-right: 12px;

	font-family: 'object-fit: contain;';

	z-index: 1;

	object-fit: contain;
	flex-shrink: 0;
}

/* -------- file-thumbnail__icon -------- */

.c-file-thumbnail__icon
{
	position: relative;
	display: block;

	margin: 6px 0;
	margin-right: 12px;

	font-size: 36px;

	z-index: 1;

	flex-shrink: 0;
}

/* -------- file-thumbnail_title -------- */

.c-file-thumbnail__title
{
	display: flex;

	width: 100%;

	margin-right: 15px;

	font-size: 14px;

	z-index: 1;

	align-items: center;
}

.c-file-thumbnail__delete
{
	position: relative;

	min-height: 34px;
	width: 42px;

	color: #EE9902;

	flex-shrink: 0;
}

.c-file-thumbnail__delete-icon
{
	position: relative;

	height: 1em;
	width: 1em;

	margin: auto;

	font-size: 22px;

	cursor: pointer;

	-webkit-border-radius: 50%;
	        border-radius: 50%;
	border: 2px solid currentColor;
}

.c-file-thumbnail__delete-icon:before,
.c-file-thumbnail__delete-icon:after
{
	position: absolute;

	height: .5em;
	width: 2px;

	top: 50%;
	margin-top: -.25em;
	left: 50%;
	margin-left: -1px;

	background-color: currentColor;

	content: '';

	-webkit-border-radius: 4px;
	        border-radius: 4px;

	transform-origin: center;
}

.c-file-thumbnail__delete-icon:before
{
	-webkit-transform: rotate(-45deg);
	    -ms-transform: rotate(-45deg);
	        transform: rotate(-45deg);
}

.c-file-thumbnail__delete-icon:after
{
	-webkit-transform: rotate(45deg);
	    -ms-transform: rotate(45deg);
	        transform: rotate(45deg);
}
.c-filled-chip
{
	padding: 3px 10px;

	background-color: #DEDEDE;

	color: #000;

	border-radius: 6px;
}

.c-filled-chip--red
{
	background-color: var(--red);

	font-weight: 500;
	color: #FFF;
}
.c-floating-card
{
	position: fixed;

	height: 1em;
	width: 1em;
	min-width: 0;

	right: 8px;
	bottom: 8px;

	background-color: #FFF !important;

	font-size: 55px;

	border-radius: 50%;
	border-width: 2px;
	border-style: solid;
	border-color: #941E1A;
}

/* --------- Tablet, Laptop & Desktop --------- */
@media (min-width: 768px)
{
	.c-floating-card
	{
		display: none;
	}
}

.c-floating-card--link
{
	position: relative;

	width: 1.1em;

	top: 0;
	right: 0;
	left: 0;
	padding: 0;

	font-size: 50px;

	border: none;
}

.c-floating-card__icon
{
	position: absolute;
	display: block;

	height: 80%;
	width: 80%;

	top: 10%;
	left: 10%;

	object-fit: contain;
}

.c-floating-card--link .c-floating-card__icon
{
	height: 100%;
	width: 100%;

	top: 0;
	left: 0;
}
.c-form-element-label
{
	display: flex;

	gap: 0 8px;

	line-height: 1.4em;
	width: 100%;

	padding-bottom: 6px;

	font-family: inherit;
	font-weight: 400;
	font-size: .9em;
	color: #000;

	cursor: pointer;
	user-select: none;
	letter-spacing: .02em;
	text-transform: uppercase;

	align-items: center;
	order: -1;
}

.c-form-element-label--date-picker.c-form-element-label--auto
{
	width: auto;
}

.c-form-element-label--date-picker.c-form-element-label--inline
{
	width: auto;

	padding: 0;

	flex-grow: 0;
}

.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--switch
{
	width: auto;

	white-space: nowrap;

	flex-grow: 0;
}

.c-form-element-label--checkbox:empty
{
	display: none;
}

.c-form-element-label--checkbox.c-form-element-label--column
{
	width: 100%;

	padding-bottom: 6px;

	font-size: .9rem;

	text-transform: uppercase;

	order: -1;
}

.c-form-element-label--required::after
{
	position: relative;
	display: flex;

	left: -.4em;

	font-size: .9rem;
	color: var(--secondary);

	content: "*";

	transform: scale(1.3);

	align-items: center;
}

.c-form-element-label--disabled
{
	color: #A6A6A6;

	cursor: default;
}

.c-form-element-label__icon
{
	font-size: 16px;
	color: inherit;
}

.c-form-element-label--model-picker .c-form-element-label__icon
{
	font-size: 16px;
	color: inherit;

	transform: scale(1.2);
}

.c-form-label__requied-indicator
{
	display: inline;

	line-height: 1rem;

	padding: 0 4px;

	font-size: 1.2rem;
	color: #F20;
}

.c-form-label__requied-indicator::before
{
	content: "*";
}
/*
	$text:        #464747;
	$background:  #F0F3F3;
	$light:       #fdfaf7

	light_orange: #fdfaf7;
	$orange:      #EE9902;
	$red:         #C00506;

	flat_red:     #D87060;
	$flat_blue:   #60C8D8;
	$flat_orange: #FCC58E;

	$light_green: #B3DBCD;
	$dark_green:  #26715F;
*/

.c-form-message
{
	margin-top: 25px;
	margin-bottom: 25px;
	padding: 10px 15px;
}

.c-form-message--green
{
	background-color: #E7F1EF;
}

.c-form-message--red
{
	background-color: #F4DDDD;
}

.c-form-message--orange
{
	background-color: #FFF6E5;
}

.c-form-message--blue
{
	background-color: #DBF2FE;
}

.c-form-message__content
{
	font-weight: 600;
}

.c-form-message--green .c-form-message__content
{
	color: #000;
}

.c-form-message--red .c-form-message__content
{
	color: #C00506;
}

.c-form-message--orange .c-form-message__content
{
	color: #DC8C00;
}

.c-form-message--blue .c-form-message__content
{
	color: #0E7DD5;
}
/*
	$dark:        #252A1A;
	$lightest:    #FFF2EA;
	$light:       #FDE7D9
	$fond:        #363A2C;
	$orange:      #F36E21;
	$beige:       #F49A69;
	$beige_clair: #FAC5A5;
	$bleu:        #86AADA;
	$rouge :      #CC2B17;
	$vert:        #2EB619;
*/

.c-form-table
{
	width: 100%;

	padding: 0 55px 0 15px;

	font-size: 1em;
}

.c-form-table:not(:first-child)
{
	margin-top: 15px;
}

.c-form-table__table
{
	display: table;

	width: 100%;

	border-collapse: collapse;
}

.c-collapse .c-form-table__table
{
	width: 100%;
	max-width: 100%;
}

.c-form-table__thead
{
	position: relative;
	display: table-row;

	top: 0;
}

.c-form-table__thead.js-sticky
{
	position: fixed;

	top: 80px;

	z-index: 40;
}

.c-form-table__thead.first,
.c-form-table__thead.second
{
	text-align: center;
}

.c-form-table__thead.first,
.c-form-table__thead.second
{
	position: sticky;

	top: -20px;

	text-align: center;

	z-index: 2;
}

.c-form-table__thead.second
{
	top: 0;
}

.c-form-table__thead-cell
{
	display: table-cell;

	padding: 4px 8px;

	background-color: #FDFAF7;

	font-weight: 600;
	color: #7F1A46;

	border-bottom: 2px solid #D2D2D2;
}

.c-form-table__row
{
	display: table-row;
}

.c-form-table__cell
{
	display: table-cell;

	vertical-align: middle;

	padding: 4px 6px 4px 0;

	border: none;
}

.c-form-table__cell.first,
.c-form-table__cell.second
{
	text-align: center;
}

.c-form-table__add
{
	margin-top: 12px;
}

.c-form-table__row.second + .c-form-table__row.first .c-form-table__cell
{
	padding-top: 20px;
}

.c-form-table__row.second + .c-form-table__row.first .c-form-table__cell-content
{
	position: relative;
	display: block;

	width: 100%;
}

.c-form-table__row.second + .c-form-table__row.first .c-form-table__cell-content:before
{
	position: absolute;
	display: block;

	height: 0;
	width: 100%;

	top: -12px;
	left: 0;
	margin-bottom: 20px;

	content: "";

	border-top: 2px dashed #F29A35;
}

.c-form-table__cell-content
{
	position: relative;
	display: block;

	width: 100%;
}

.c-form-table__cell-delete
{
	position: absolute;
	display: flex;

	height: 36px;
	width: 36px;

	margin: 0 0 0 15px;
	top: 0;
	left: 100%;
	padding: 0;

	align-items: center;
	justify-content: center;
}

.c-form-table__cell-delete:after
{
	position: absolute;
	display: flex;

	height: 100%;
	line-height: inherit;
	width: 100%;

	margin: 0;
	top: -1px;
	left: 0;

	align-items: center;
	justify-content: center;
}

.c-form-table__cell-delete:hover:after,
.c-form-table__cell-delete:focus:after
{
	color: #EE9292;
}

.c-form-table__row.second .c-form-table__cell-delete
{
	top: auto;
	bottom: 100%;
	margin-bottom: -14px;
}


.c-form-table__row:nth-child(2):last-child .c-form-table__cell-delete
{
	display: none;
}
/*
	$text:         #464747;
	$background:   #F0F3F3;
	$light:        #F6F8F8

	light_orange:  #FCCB8D;
	$orange:       #FCC58E;
	$dark_orange:  #935B00;

	$light_blue:   #A8D4EB;
	$blue:         #00A8D4;
	$dark_blue:    #006882;

	$light_green:  #B3DBCD;
	$green:        #A7D9C9;
	$dark_green:   #26715F;

	$light_purple: #dab2d4;
	$purple:       #BA5B9E;
	$dark_purple:  #743862;
*/

.c-form-view
{
	margin-top: 30px;
	padding: 15px;

	background-color: #FFF9EF;
	background-clip: content-box;
}

.c-form-view--error
{
	background-color: #F4DDDD;
}

.c-form-view__search-area
{
	display: flex;

	margin-top: 15px;
	margin-bottom: 30px;

	-webkit-align-items: flex-end;
	        align-items: flex-end;
}

.c-form_view__items
{
	margin-top: 15px;
	margin-bottom: 15px;
}


/* --------------------------------------- *\
|* ----------- # c-view-item # ----------- *|
\* --------------------------------------- */

.c-view-item
{
	display: flex;

	padding: 12px 15px;

	background-color: #FFF;
}

.c-view-item__icon
{
	margin-right: 12px;
	padding: .2em .15em;

	background-color: #FCC58E;

	font-size: 3.4em;
	color: #FFF;

	-webkit-flex-shrink: 0;
	        flex-shrink: 0;
}

.c-view-item__infos
{
	display: flex;

	flex-wrap: wrap;

	-webkit-flex-grow: 1;
	        flex-grow: 1;
	align-items: center;
}

.c-view-item__data
{
	width: 100%;
}
/*
	$text:        #464747;
	$background:  #F0F3F3;
	$light:       #fdfaf7

	light_orange: #fdfaf7;
	$orange:      #EE9902;
	$red:         #C00506;

	flat_red:     #D87060;
	$flat_blue:   #60C8D8;
	$flat_orange: #FCC58E;

	$light_green: #B3DBCD;
	$dark_green:  #26715F;
*/

.c-form
{
	position: relative;
	display: block;

	margin-top: 30px;
	padding: 15px 25px 30px;

	background-color: #FFF;
}

.c-form--EC-renewal
{
	display: flex;

	flex-direction: column;
	gap: 16px;
}

.c-form--modal
{
	margin-top: 0;
}

.c-form--in-page
{
	margin-top: 0;
	padding: 15px 0;

	box-shadow: none;
}

.c-form--small
{
	width: 500px;
	max-width: 100%;
}

.c-form--update,
.c-form--creation
{
	display: flex;

	flex-wrap: wrap;
}

.c-form--creation > div,
.c-form--update > div
{
	width: 100%;
}

.c-form--creation > .c-title--form,
.c-form--update > .c-title--form
{
	width: calc(100% + 50px);
}


/* -------- Mobile, Tablette, Laptop -------- */
@media (max-width: 1399px)
{
	.c-form
	{
		margin-top: 10px;
		padding: 0 15px 20px;
	}

	.c-form--EC-renewal
	{
		padding-right: 25px;
		padding-left: 25px;
	}
}

/* -------- Mobile, Tablette -------- */
@media (max-width: 992px)
{
	.c-form
	{
		margin-top: 10px;
		padding: 0 0 20px;
	}

	.c-form--EC-renewal
	{
		padding-right: 12px;
		padding-left: 12px;
	}
}

.c-form--step
{
	padding: 0;

	border: 1px solid #DDD;
}

.c-form--new-payment,
.c-form--credit-note
{
	display: block;
}

.c-form--private-sale
{
	margin: 0;
	padding: 0;

	align-items: flex-start;
}

.c-form--private-sale .c-form__content
{
	display: flex;

	flex-wrap: wrap;
	gap: 20px;

	padding: 15px 15px;

	align-items: flex-start;
}

.c-form__content-fields
{
	display: flex;

	flex-wrap: wrap;
	gap: 30px;

	align-items: flex-start;
}

.c-form--my-account .c-form__content-fields
{
	align-items: flex-end;
}


/* ---------------------------------- */
/* ---------- form__title ----------- */
/* ---------------------------------- */

.c-form__title
{
	margin-top: 0;
	margin-bottom: 20px;
	padding: 6px 12px;
	padding-top: 8px;
	padding-bottom: 8px;

	background-color: #FDFAF7;

	font-weight: 100;
	font-size: 1.6em;
	color: #006882;

	text-align: center;
	text-transform: uppercase;

	border-bottom: 1px solid #DDD;
}

.c-form--step .c-form__title
{
	margin-bottom: 0;
}

.c-form__title-icon
{
	position: relative;

	top: 2px;
	margin-right: 10px;

	color: #464747;

	fill: white;
}


/* -------------------------------------- *\
|* --------- # c-form-element # --------- *|
\* -------------------------------------- */

.c-form-element
{
	position: relative;

	width: 100%;

	margin-bottom: 12px;

	text-align: left;
}

.c-form-element:last-child
{
	margin-bottom: 0;
}

.c-form-element--inline
{
	display: flex;

	width: auto;

	margin-right: 15px;
	margin-bottom: 0;

	align-items: center;
	justify-content: flex-start;
}

.c-form-element--radio-v2
{
	margin-right: 0;
}

/* -------- Mobile -------- */
@media (max-width: 639px)
{
	.c-form-element--inline
	{
		flex-wrap: wrap;

		width: 100%;

		margin-right: 0;
	}

	.c-form-element--inline.c-form-element--radio
	{
		flex-wrap: nowrap;

		width: auto;

		margin-right: 0;
	}

	.c-form-element--inline.c-form-element--radio
	{
		margin-right: 20px;
	}
}

.c-form-element--info:before
{
	position: absolute;

	height: calc(100% + 8px);
	width: calc(100% + 16px);

	top: -4px;
	left: -8px;

	background-color: #EAF7EB;

	content: "";

	z-index: 0;
}

.c-form-element--error:before
{
	position: absolute;

	height: calc(100% + 8px);
	width: calc(100% + 16px);

	top: -4px;
	left: -8px;

	background-color: #FAEBE9;

	content: "";

	z-index: 0;
}

.c-form-table .c-form-element--error:before
{
	display: none;
}

.c-form-element--checkbox
{
	display: inline-flex;

	width: auto;

	margin-top: 27px;

	justify-content: flex-start;
	align-items: center;
}

.c-form-element--checkbox-row-selection
{
	margin-top: 0;
}

.c-form-element--partner-renewal-newsletter-month
{
	margin-top: 12px;

	text-transform: capitalize;
}

.c-form-element--checkbox.c-form-element--error
{
	flex-wrap: wrap;

	width: 100%;
}

.c-form-element--alone.c-form-element--select
{
	margin-left: 0;
}

.c-form-element--column
{
	flex-direction: column;

	width: 100%;

	margin-top: 0;

	align-items: flex-start;
}

.c-form-element--filter
{
	flex-grow: 1;
}

.c-form-element--dashboard
{
	margin-top: 0;
}


/* ---------------------------------- */
/* ---------- form__input ----------- */
/* ---------------------------------- */

.c-form__input,
.c-form__textarea
{
	position: relative;
	display: block;

	width: 100%;

	margin-top: 8px;
	padding: 6px 12px;

	background-color: #FDFAF7;

	font-family: inherit;
	font-size: 1em;
	color: inherit;

	border-radius: 0;
	border: 2px solid transparent;

	outline: none;
}

.c-form-element--filter .c-form__input
{
	height: 42px;
	line-height: 42px;

	margin-top: 0;
}

.c-form-table .c-form__input,
.c-form-table .c-form__textarea
{
	margin-top: 0;
	padding: 4px 6px;
}

.c-form-table .c-form__input
{
	height: 36px;
	line-height: 36px;
}

.c-form-table .c-form-element--checkbox
{
	width: 100%;

	top: 3px;
	margin-top: 0;

	text-align: center;
}

.c-form-table .c-form__checkbox-indicator
{
	margin: auto;
}

.c-form-table .c-form-element--error .c-form__input,
.c-form-table .c-form-element--error .c-form__textarea,
.c-form-table .c-form-element--info .c-form__input,
.c-form-table .c-form-element--info .c-form__textarea
{
	margin-top: 8px;
	padding: 4px 6px;
}

.c-collapse__body .c-form__input,
.c-collapse__body .c-form__textarea
{
	background-color: #FFF;
}

.c-form__textarea
{
	min-height: 105px;

	resize: vertical;
}

.c-form__input:focus,
.c-form__textarea:focus
{
	background-color: #FFF;

	border-color: #F9D29D;
}

.c-form__input[readonly]
{
	background-color: #DBDAD466;

	color: #ADADAD;

	cursor: not-allowed;

	border-color: transparent;
}

.c-form-element--inline .c-form__input,
.c-form-element--inline .c-form__textarea
{
	display: table-cell;

	width: 270px;
	min-width: 0;
	max-width: 100%;

	margin-top: 0;
	margin-bottom: 0;
}

.c-form-element--inline .c-form-label + .c-form__input-container,
.c-form-element--inline .c-form-label + .c-form__textarea
{
	margin-left: 12px;
}

/* -------- Mobile -------- */
@media (max-width: 639px)
{
	.c-form-element--inline .c-form__input,
	.c-form-element--inline .c-form__textarea
	{
		width: 100%;

		margin-left: 0;
	}
}

.c-form-element--inline .c-form__input-container
{
	display: table-cell;

	vertical-align: middle;

	padding: 6px 0;
}

/* -------- Mobile -------- */
@media (max-width: 639px)
{
	.c-form-element--inline .c-form__input-container
	{
		display: block;

		width: 100%;
	}

	.c-form-element--inline.c-form-element--radio .c-form__input-container
	{
		width: auto;
	}
}

.c-form-element--info .c-form__input,
.c-form-element--info .c-form__textarea
{
	background-color: #FFF;

	border-color: #2EB619;
}

.c-form-element--error .c-form__input,
.c-form-element--error .c-form__textarea
{
	background-color: #FFF;

	border-color: #CC2B17;
}

.c-form-element:last-child .c-form__input,
.c-form-element:last-child .c-form__textarea
{
	margin-bottom: 0;
}


/* ---------------------------------- */
/* ------ form__input-editable ------ */
/* ---------------------------------- */

.c-form__input-editable
{
	margin-top: 4px;
	padding: 6px 15px;
	padding-top: 0;
	padding-bottom: 4px;

	border: none;
	border-bottom: 2px solid #B3B3B3;

	transition: all 200ms ease-in-out;
}

.c-form__input-editable:focus
{
	background-color: #FFF;

	border-color: #2EB619;

	box-shadow: none !important;
}

.c-form-element--error .c-form__input-editable:focus,
.c-form-element--info .c-form__input-editable:focus
{
	padding-top: 6px;
	padding-bottom: 6px;
}

.c-form__input-editable:not(:focus)
{
	padding-left: 0;

	background-color: transparent;
}


/* ----------------------------------- */
/* ---------- form__select ----------- */
/* ----------------------------------- */

.c-form__select
{
	display: block;

	width: 100%;

	margin-bottom: 10px;
	padding: 8px 12px;
}


/* ----------------------------------- */
/* ---------- form__submit ----------- */
/* ----------------------------------- */

.c-form__submit
{
	position: relative;
	display: inline-block;

	line-height: 1em;

	margin-top: 20px;
	padding: 8px 18px;

	background-color: #A7D9C9;

	font-size: 16px;
	color: #FFF;

	cursor: pointer;

	border: 2px solid #A7D9C9;

	box-shadow: none;

	transition: background-color 400ms ease 40ms, color 320ms ease;
}

.c-form__submit.payment
{
	margin-bottom: 3px;
	padding: 10px 25px;

	background-color: #009CDE;

	border-radius: 20px;
	border-color: #009CDE;

	overflow: hidden;
}

.c-form__submit:hover,
.c-form__submit:focus,
.c-form__submit:active
{
	background-color: transparent;

	color: #A7D9C9;

	outline: none;

	transition: background-color 300ms ease 20ms, color 320ms ease;
}

.c-form__submit.payment:focus,
.c-form__submit.payment:hover,
.c-form__submit.payment:active
{
	color: #009CDE;
}


.c-form__submit:focus
{
	box-shadow: 0 0 0 3px rgba(179, 219, 205, .6);
}

.c-form__submit.payment:focus
{
	box-shadow: 0 0 0 3px #C2D4EC;
}

.c-form__submit + .c-form__submit
{
	margin-left: 20px;
}

.c-form__submit.file
{
	margin-top: 0;
}

/* ----------------------------------- */
/* ---------- form__footer ----------- */
/* ----------------------------------- */

.c-form__footer
{
	display: inline-block;

	margin-top: 10px;

	font-weight: 500;
	font-size: .9em;
	color: #86AADA;
	text-decoration: none;

	text-align: right;
}




/* ---------------------------------------- *\
|* ----------- # c-form-label # ----------- *|
\* ---------------------------------------- */

.c-form-label
{
	position: relative;
	display: flex;

	width: 100%;

	font-weight: 600;
	font-size: 1em;
	color: #EE9902;

	cursor: pointer;
	text-align: left;

	z-index: 1;

	align-items: center;
}

.c-form-label--editor
{
	margin-bottom: 6px;
}

.c-form-label__icon
{
	margin-right: 4px;
}

.c-form-element--conditionnal .c-form-label
{
	color: #B5B5B5;
}

.c-form-element--checkbox .c-form-label--error
{
	width: 100%;

	margin-top: 0;
	margin-top: 4px;
	margin-bottom: 10px;

	order: -1;
}

.c-form-label--for-radios,
.c-form-element--inline .c-form-label.c-form-label--for-radios
{
	margin-right: 15px;
}

.c-form-element--inline .c-form-label
{
	display: block;

	width: auto;

	padding-top: 6px;
	padding-bottom: 6px;

	color: inherit;
}

.c-form-element--inline .c-form-label--error
{
	color: #CC2B17;
}

.c-form-element--inline.c-form-element--radio .c-form-label
{
	margin-top: 0;
	margin-right: 10px;
	padding-top: 0;
	padding-bottom: 0;

	text-align: left;
}

.c-form-element--inline.c-form-element--radio-v2 .c-form-label
{
	margin-right: 0;
	padding: 12px 0;
}

.c-form-label--file
{
	margin-bottom: 8px;
}

.c-form-label--error,
.c-form-label--warning,
.c-form-label--info
{
	display: block;

	padding-left: 6px;

	cursor: default;

	border-left: 2px solid currentColor;
}

.c-form-element--unavailable .c-form-label
{
	cursor: not-allowed;
}

.c-form-label--error
{
	margin-top: 5px;

	color: #CC2B17;
}

.c-form-label--warning
{
	margin-top: 5px;

	font-size: 16px;
	color: #86AADA;
}

.c-form-label--info
{
	margin-top: 6px;

	color: #2EB619;
}

.c-form-label--checkbox
{
	display: inline-flex;

	width: auto;

	margin-right: 12px;

	order: 0;
}

.c-form-element--checkbox-right .c-form-label
{
	margin-right: 0;

	order: 1;
}


/* ------------------------------------ */
/* ---------- form__checkbox ---------- */
/* ------------------------------------ */

.c-form__checkbox
{
	position: absolute;
	visibility: hidden;
	opacity: 0;

	height: 0;
	width: 0;

	font-size: 0;
	color: transparent;

	text-indent: 500px;

	overflow: hidden;

	z-index: -2;
}

.c-form__checkbox-indicator
{
	position: relative;
	display: block;

	height: 1em;
	width: 1em;

	margin-right: 30px;

	background-color: #FDFAF7;

	font-size: 32px;
	color: #FDFAF7;

	cursor: pointer;

	border: 1px solid #DDD;

	transition: color 240ms ease;

	flex-shrink: 0;
}

.c-form-element--checkbox-row-selection .c-form__checkbox-indicator
{
	margin-right: 0;
}

.c-form-element--partner-renewal-newsletter-month .c-form__checkbox-indicator
{
	margin-right: 10px;

	order: -1;
}

.c-form-element--checkbox-right .c-form__checkbox-indicator
{
	margin-right: 15px;
}

.c-collapse__body .c-form__checkbox-indicator
{
	background-color: #FFF;

	color: #FFF;
}

.c-form-element--column .c-form__checkbox-indicator
{
	margin-top: 11px;
}

.c-form-element--error .c-form__checkbox-indicator
{
	margin-bottom: 4px;
}

:focus + .c-form__checkbox-indicator
{
	color: #F7CC85;
}

.c-form__checkbox-indicator:before
{
	position: absolute;

	height: .25em;
	width: .6em;

	top: .25em;
	left: .15em;

	content: "";

	border-width: 0 0 2px 2px;
	border-style: solid;
	border-color: transparent;

	transition: border-color 240ms ease;
	transform: rotate(-45deg);
}

:checked + .c-form__checkbox-indicator:before
{
	border-color: #464747;
}

/* ------------------------------------- */
/* ------------ form__radio ------------ */
/* ------------------------------------- */

.c-form__radio
{
	position: absolute;

	height: 0;
	width: 0;

	top: 5px;
	left: 5px;

	font-size: 0;
	color: transparent;

	text-indent: 500px;

	z-index: -2;
}

.c-form__radio-indicator
{
	position: relative;
	display: block;

	height: 1em;
	width: 1em;

	margin-right: 10px;

	font-size: 24px;
	color: #FC9D00;

	cursor: pointer;

	border-radius: 50%;
	border: 0 solid currentColor;

	transition: color 240ms ease;

	z-index: 1;

	order: -1;
	flex-shrink: 0;
}

.c-form--radio-v2 .c-form__radio-indicator
{
	font-size: 16px;
}

.c-form-element--unavailable .c-form__radio-indicator
{
	cursor: not-allowed;
}

.c-form-element--unavailable .c-form__radio-indicator:before
{
	background-color: #F3D8D8 !important;
}

.c-form-element--inline.c-form-element--radio .c-form__radio-indicator
{
	margin-right: 12px;
}

.c-form-element--inline.c-form-element--radio-v2 .c-form__radio-indicator
{
	height: auto;
	width: 1.1em;

	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;

	font-size: 26px;

	align-self: stretch;
}

/* -------- Mobile -------- */
@media (max-width: 639px)
{
	.c-form-element--inline.c-form-element--radio .c-form__radio-indicator
	{
		margin-right: 4px;
	}

	.c-form-element--inline.c-form-element--radio-v2 .c-form__radio-indicator
	{
		margin-right: 0;
	}
}

.c-form__radio-indicator:before
{
	position: absolute;

	height: 100%;
	width: 100%;

	top: 0;
	left: 0;

	background-color: hsl(60, 12%, 93%);

	content: "";

	border-radius: 50%;
	border: none;

	transform: scale(1);
}

.c-form-element--radio-v2 .c-form__radio-indicator:before
{
	height: 1em;
	width: 1em;

	top: 50%;

	background-color: transparent;

	font-size: 18px;

	border: none;

	box-shadow: inset 0 0 0 4px #FFF, 0 0 0 2.5px #F79D4C;

	transform: translateY(-50%);
}

.c-form-element--error .c-form__radio-indicator:before
{
	background-color: #FFF;
}

:checked + .c-form__radio-indicator:before
{
	background-color: currentColor;
}

.c-form-element--inline .c-form__radio-indicator
{
	margin-top: 8px;
	margin-bottom: 8px;
}

/* ------------------------------------ */
/* -------- form__color-picker -------- */
/* ------------------------------------ */

.c-form__color-picker > *:nth-child(n+2)
{
	margin-top: 30px;
}

/* ------------------------------------ */
/* -------- form-element__file -------- */
/* ------------------------------------ */

.c-form-element__file
{
	position: absolute;

	height: 0;
	width: 0;

	font-size: 0;

	overflow: hidden;

	z-index: 1;
}

/* ------- form-element__file-loader ------- */

.c-form-element__file-loader
{
	position: relative;

	height: 34px;
	width: 50px;

	margin-left: 15px;
}

.c-form__payment-fields
{
	display: flex;

	flex-wrap: wrap;
	gap: 15px 30px;

	width: 100%;

	align-items: flex-start;
}

/* ------------------------------------- */
/* --------- React animations ---------  */
/* ------------------------------------- */

.a-form-transition-enter,
.a-form-transition-appear
{
	opacity: .01;

	transition: transform 220ms ease, opacity 220ms ease;
	transform: translateX(30px);
}

.a-form-transition-appear
{
	transition: transform 400ms ease 100ms, opacity 400ms ease 100ms;
}

.a-form-transition-enter.a-form-transition-enter-active,
.a-form-transition-appear.a-form-transition-appear-active
{
	opacity: 1;

	transform: translateX(0);
}

.a-form-transition-exit
{
	opacity: 1;

	transition: transform 220ms ease, opacity 220ms ease;
	transform: translateX(0);
}

.a-form-transition-exit.a-form-transition-exit-active
{
	opacity: .01;

	transform: translateX(20px);
}
.o-form__fieldset
{
	position: relative;

	width: 100%;

	margin: 0;
	padding: 10px 12px 10px 12px;

	border-radius: 4px;
	border-width: 2px;
	border-style: solid;
	border-color: #E7E7E7;
	border-image: none;

	box-shadow: none;

	outline: none;
}

.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;

	padding: 0 4px;

	font-weight: 400;
	font-size: 1rem;
	color: var(--carbon);

	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;
}
/*
	$text:        #464747;
	$background:  #F0F3F3;
	$light:       #fdfaf7

	light_orange: #fdfaf7;
	$orange:      #EE9902;
	$red:         #C00506;

	flat_red:     #D87060;
	$flat_blue:   #60C8D8;
	$flat_orange: #FCC58E;

	$light_green: #B3DBCD;
	$dark_green:  #26715F;
*/

.c-gmap
{
	height: 440px;
	width: 100%;
}

.c-gmap__tooltip
{
	font-family: "Nunito Sans";
	font-weight: 600;
	font-size: 16px;
}
.o-img-slider
{
	position: relative;

	height: 400px;
	width: 100%;

	overflow: hidden;
}

.o-img-slider--show-overflow
{
	overflow: visible;
}

.o-img-slider--auto
{
	height: 550px;
}

.o-img-slider--highlighted
{
	height: 320px;

	background-color: #FFF;
}

.o-img-slider--highlighted-blog
{
	height: 300px;

	background-color: #FFF;
}

.o-img-slider--highlighted-partners
{
	height: 620px;

	padding-bottom: 30px;

	background-color: #FFF;
}

.o-img-slider--fill-height
{
	height: 100%;
}

.o-img-slider--darkened:after
{
	position: absolute;

	height: 100%;
	width: 100%;

	top: 0;
	left: 0;

	background-color: rgba(0, 0, 0, .4);

	content: "";

	z-index: 1;
}

.o-img-slider--news
{
	position: relative;

	height: 700px;
	max-height: 70vh;
	width: 50%;

	z-index: -2;

	flex-grow: 1;
}

/* ------------------ Mobile ------------------ */
@media (max-width: 767px)
{
	.o-img-slider--news
	{
		width: 100%;
	}
}

.o-img-slider__custom-content
{
	position: absolute;
	display: flex;

	height: 100%;
	width: 100%;

	top: 0;
	left: 0;

	z-index: 3;
}

.o-img-slider__translate
{
	position: absolute;
	display: flex;

	height: 100%;
	width: 1000%;

	top: 0;
	left: 0;

	overflow: visible;

	transition: transform 600ms ease;
}

/* -------- Mobile, Tablet (portrait) --------- */
@media (max-width: 1023px)
{
	.o-img-slider__translate
	{
		transition-duration: 420ms;
	}
}

/* --------------- Touchscreens --------------- */
@media (hover: none) and (pointer: coarse)
{
	.o-img-slider__translate
	{
		transition-duration: 420ms;
	}
}

.o-img-slider__img
{
	position: static;
	display: block;

	height: 100%;
	width: 100%;

	top: 0;
	left: 0;

	font-family: "object-fit: cover; object-position: center;";

	object-fit: cover;
	object-position: center;
	flex-basis: 1px;
	flex-grow: 1;
}

.o-img-slider__img + .o-img-slider__img
{
	display: none;
}

.o-img-slider--ready .o-img-slider__img + .o-img-slider__img
{
	display: block;
}

.o-img-slider--auto .o-img-slider__img
{
	width: 1px;
}

.o-img-slider--news .o-img-slider__img
{
	font-family: "object-fit: scale-down; object-position: center;";

	object-fit: scale-down;
	object-position: center;
}

.o-img-slider__element
{
	position: static;
	display: flex;

	height: 100%;
	width: 100%;

	align-items: stretch;
}

.o-img-slider--highlighted .o-img-slider__element,
.o-img-slider--highlighted-partners .o-img-slider__element
{
	padding: 0 40px;
}

/* -------- Mobile, Tablet (portrait) --------- */
@media (max-width: 1023px)
{
	.o-img-slider--highlighted .o-img-slider__element,
	.o-img-slider--highlighted-partners .o-img-slider__element
	{
		padding: 0;
	}
}

/* --------------- Touchscreens --------------- */
@media (hover: none) and (pointer: coarse)
{
	.o-img-slider__left,
	.o-img-slider__right
	{
		display: none;
	}
}

.o-img-slider__left,
.o-img-slider__right
{
	position: absolute;
	opacity: .95;

	height: 48px;
	width: 48px;
	min-width: 0;

	margin: 0;
	top: 42%;
	right: 0;
	bottom: 0;
	padding: 0;

	background-color: #F5F5F5;

	color: #7D2620;

	border-radius: 50%;

	box-shadow: 0 0 8px 2px rgb(0 0 0 / 15%);

	transition: background-color 320ms ease, color 240ms ease;
	transform: translateY(-50%);

	z-index: 10;
}

/* -------- Mobile, Tablet (portrait) --------- */
@media (max-width: 1023px)
{
	.o-img-slider__left,
	.o-img-slider__right
	{
		display: none;
	}
}

/* --------------- Touchscreens --------------- */
@media (hover: none) and (pointer: coarse)
{
	.o-img-slider__left,
	.o-img-slider__right
	{
		display: none;
	}
}

.o-img-slider--first .o-img-slider__left,
.o-img-slider--first .o-img-slider__left:hover,
.o-img-slider--last .o-img-slider__right,
.o-img-slider--last .o-img-slider__right:hover
{
	background-color: #C2C2C2;

	color: #858585;

	cursor: default;

	box-shadow: 0 0 8px 2px rgb(0 0 0 / 15%);
}

.o-img-slider__left
{
	margin-right: 110px;
	left: 10px;

	transition: background-color 320ms ease, color 240ms ease 120ms;
}

.o-img-slider__right
{
	right: 10px;
}

.o-img-slider__left:hover,
.o-img-slider__right:hover
{
	background-color: hsl(0, 0%, 27%);

	color: #FFF;
}

.o-img-slider__left:hover,
.o-img-slider__right:hover
{
	background-color: #7D2620;

	color: #FFF;
}

.o-img-slider__left:after,
.o-img-slider__right:after
{
	position: absolute;

	height: 1em;
	width: 1em;

	left: 50%;

	font-size: 12px;

	content: "";

	border-width: 0;
	border-style: solid;
	border-color: currentColor;

	transform: none;
}

.o-img-slider__right:after
{
	margin-left: -8px;

	border-width: 2px 2px 0 0;

	transform: rotate(45deg);
}

.o-img-slider__left:after
{
	margin-left: -4px;

	border-width: 0 0 2px 2px;

	transform: rotate(45deg);
}

.o-img-slider__fullscreen-toggle
{
	position: absolute;
	display: flex;

	right: 6px;
	bottom: 6px;

	font-weight: 700;
	color: #FFF;

	text-transform: none;

	text-shadow: 1px 1px 2px rgba(0, 0, 0, .3);
}

.o-img-slider__fullscreen-toggle-icon
{
	height: 1em;
	width: 1em;

	margin-right: 6px;

	font-size: 18px;
}

.o-img-slider__fullscreen-img
{
	height: 100%;
	width: auto;

	align-self: center;
}

.o-img-slider__progress
{
	position: absolute;
	display: flex;

	left: 50%;
	bottom: 20px;

	transform: translateX(-50%);

	z-index: 10;

	align-items: center;
}

.o-img-slider__progress-control
{
	display: block;
	opacity: .7;

	height: 1em;
	width: 1em;

	background-color: #FFF;

	font-size: 10px;

	border-radius: 50%;

	z-index: 1;
}

.o-img-slider__progress-control + .o-img-slider__progress-control
{
	margin-left: 8px;
}

.o-img-slider__progress-control.active
{
	opacity: 1;

	font-size: 14px;
}

.o-img-slider__content-row
{
	display: flex;

	flex-wrap: wrap;

	width: 100%;
}
.c-input
{
	display: flex;

	flex-wrap: wrap;

	width: 100%;

	font-size: 1rem;

	flex-shrink: 0;
}

.c-input--in-cell
{
	flex-basis: 160px;
	flex-grow: 0;
}

.c-input--20\%
{
	flex-basis: 16.7%;
	flex-grow: 1;
}

.c-input--25\%
{
	flex-basis: 20.1%;
	flex-grow: 1;
}

.c-input--33\%
{
	flex-basis: 25.1%;
	flex-grow: 1;
}

.c-input--50\%
{
	flex-basis: 33.1%;
	flex-grow: 1;
}

.c-input--75\%
{
	flex-basis: 51.1%;
	flex-grow: 1;
}

/* ------------------ Mobile ------------------ */
@media (max-width: 599px)
{
	.c-input--20\%
	{
		flex-basis: 100%;
	}

	.c-input--25\%
	{
		flex-basis: 100%;
	}

	.c-input--75\%
	{
		flex-basis: 100%;
	}
}

/* -------------- Mobile (small) -------------- */
@media (max-width: 369px)
{
	.c-input
	{
		flex-basis: 100%;
	}
}

.c-input--abondement-change
{
	width: 220px;
}

.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(--red);

	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 10px;

	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--align-right .c-input__input
{
	text-align: right;
}

.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: #ABABAB;
}

.c-input__clear
{
	display: flex;

	height: var(--input-height);

	padding: 0 6px;

	border-top-right-radius: var(--input-radius);
	border-bottom-right-radius: var(--input-radius);

	z-index: 2;

	align-items: center;
}

.c-input__clear:hover,
.c-input__clear:focus
{
	background-color: rgba(0, 0, 0, .1);
}

.c-input__clear-icon
{
	display: block;

	font-size: 22px;
}
/*
	$text:        #464747;
	$background:  #F0F3F3;
	$light:       #fdfaf7

	light_orange: #fdfaf7;
	$orange:      #EE9902;
	$red:         #C00506;

	flat_red:     #D87060;
	$flat_blue:   #60C8D8;
	$flat_orange: #FCC58E;

	$light_green: #B3DBCD;
	$dark_green:  #26715F;
*/

.c-link,
.c-link:hover,
.c-link:active,
.c-link:focus
{
	color: inherit;
	text-decoration: none;
}

.c-link
{
	padding-right: 2px;
	padding-left: 2px;
	padding-bottom: 1px;

	color: #EE9902;

	border-bottom: 1px solid transparent;

	-webkit-transition: border-color 240ms ease;
	    -ms-transition: border-color 240ms ease;
	        transition: border-color 240ms ease;
}

.c-link:hover
{
	color: #EE9902;

	border-color: #EE9902;
}

.c-link--highlighted
{
	color: #EE9902;

	border-color: #EE9902;
}

.c-link--green
{
	color: #26715F;

	border-color: #26715F;
}

.c-link--highlighted:hover
{
	color: inherit;

	border-color: transparent;
}

.c-link--red
{
	color: #C00506;
	border-color: #C00506;
}/*
	$text:        #464747;
	$background:  #F0F3F3;
	$light:       #fdfaf7

	light_orange: #fdfaf7;
	$orange:      #EE9902;
	$red:         #C00506;

	flat_red:     #D87060;
	$flat_blue:   #60C8D8;
	$flat_orange: #FCC58E;

	$light_green: #B3DBCD;
	$dark_green:  #26715F;
*/

.c-loader
{
	position: absolute;
	display: flex;

	height: 100%;
	width: 100%;

	top: 0;
	left: 0;

	background-color: transparent;

	font-size: 20px;
	color: inherit;

	cursor: default;

	z-index: 2;

	align-items: center;
	justify-content: center;
}

.c-loader--big
{
	display: flex;

	flex-direction: column;

	font-size: 42px;

	align-items: center;
	justify-content: center;
}

.c-loader--medium
{
	display: flex;

	flex-direction: column;

	font-size: 26px;

	justify-content: center;
	align-items: center;
}

.c-loader--page
{
	display: flex;

	flex-direction: column;

	font-size: 64px;

	align-items: center;
	justify-content: center;
}

.c-loader--header
{
	padding-left: 50px;

	justify-content: flex-start;
}

.c-loader--medium.c-loader--header
{
	align-items: flex-start;
	justify-content: center;
}

/* ---------- Couleur du loader ---------- */

.c-loader--white
{
	color: #FFF;
}

.c-loader--primary
{
	color: #F09A25;
}

.c-loader--orange
{
	color: #F09A25;
}

.c-loader--secondary
{
	color: #A7D9C9;
}

.c-loader--green
{
	color: var(--green);
}

.c-loader--black
{
	color: #000;
}

/* ---------- Couleur du fond ---------- */

.c-loader--bg-white
{
	background-color: #FFF;
}

.c-loader--bg-semi-white
{
	background-color: rgba(255, 255, 255, .75);
}

.c-loader--bg-primary
{
	background-color: #F09A25;
}

.c-loader--bg-orange
{
	background-color: #F09A25;
}

.c-loader--bg-secondary
{
	background-color: #A7D9C9;
}

.c-loader--bg-green
{
	background-color: var(--green);
}

.c-loader--bg-red
{
	background-color: #ED9292;
}

.c-loader--bg-light
{
	background-color: #FDFAF7;
}

.c-loader--bg-search
{
	background-color: #233;
}

.c-loader--bg-black
{
	background-color: #000;
}

.c-loader--bg-page
{
	background-color: #F0EFEB;
}

.c-loader--big .c-loader__txt
{
	margin-top: 5px;

	font-size: .85em;
}

.c-loader--medium .c-loader__txt
{
	margin-top: 4px;

	font-size: .8em;
}

.c-loader__svg
{
	position: relative;
	display: block;

	height: 1em;
	width: 2em;

	margin-right: 8px;

	flex-shrink: 0;
}

.c-loader--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-menu-item
{
	position: relative;
	display: flex;

	padding: 0;

	font-weight: 600;
	font-size: .95em;

	text-transform: uppercase;

	transition: color 240ms ease;
}

/* ------------- Laptop & Desktop ------------- */
@media (min-width: 1326px)
{
	.c-menu-item:not(:last-child)
	{
		margin-right: 12px;
	}

	.c-menu-item:not(:last-child):after
	{
		position: absolute;

		height: 30%;
		width: 2px;

		top: 37%;
		right: -8px;

		background-color: #000;

		content: '';
	}
}

/* -------------- Mobile, Tablet -------------- */
@media (max-width: 1325px)
{
	.c-menu-item
	{
		flex-direction: column;

		width: 100%;
	}
}

.c-menu-item--active:before
{
	position: absolute;

	height: 3px;
	width: 100%;

	left: 0;
	bottom: 0;

	background-color: currentColor;

	content: '';
}

/* -------------- Mobile, Tablet -------------- */
@media (max-width: 1325px)
{
	.c-menu-item--active:before
	{
		height: 100%;
		width: 5px;
	}
}

.c-menu-item__link
{
	display: flex;

	line-height: 1em;
	min-width: 0;

	padding: 12px 8px;

	font-size: 1em;

	border-radius: 0;

	transition: color 240ms ease;

	align-items: center;
}

.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;
	font-size: 1em;
	color: inherit;
	text-decoration: none;
}

/* -------------- Mobile, Tablet -------------- */
@media (max-width: 1325px)
{
	.c-menu-item__link
	{
		width: 100%;

		padding: 12px 15px;

		justify-content: flex-start;
	}
}

.c-menu-item--active .c-menu-item__link:hover
{
	color: inherit;
}

.c-menu-item--dropdown .c-menu-item__link:after
{
	position: relative;
	display: block;

	height: 10px;
	width: 10px;

	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) translateZ(0);
}

.c-menu-item--open.c-menu-item--dropdown .c-menu-item__link:after
{
	transform: rotate(225deg) translate3d(-4px, -2px, 0) translateZ(0);
}

.c-menu-item__menu
{
	position: absolute;
	display: flex;
	visibility: hidden;
	opacity: 0;

	flex-direction: column;

	top: 100%;
	margin-top: 10px;
	left: 0;
	padding-left: 0;

	background-color: #FFF;

	color: #000;

	border-width: 1px;
	border-style: solid;
	border-color: #DDD;

	transition: opacity 240ms ease, transform 320ms ease, visibility 240ms ease;
	transform: translateY(8px);
}

/* -------------- Mobile, Tablet -------------- */
@media (max-width: 1325px)
{
	.c-menu-item__menu
	{
		position: static;
		display: none;
	}
}

.c-menu-item--open .c-menu-item__menu
{
	visibility: visible;
	opacity: 1;

	transform: translateY(0);
}

/* -------------- Mobile, Tablet -------------- */
@media (max-width: 1325px)
{
	.c-menu-item--open .c-menu-item__menu
	{
		display: flex;

		margin-top: 0;

		border-width: 1px;
		border-right: none;
		border-left: none;
	}
}

.c-menu-item__subitem
{
	position: relative;
}

.c-menu-item__subitem:before
{
	position: absolute;
	opacity: 0;

	height: 100%;
	width: 4px;

	top: 0;
	left: -2px;

	background-color: currentColor;

	content: '';
}

/* -------------- Mobile, Tablet -------------- */
@media (max-width: 1325px)
{
	.c-menu-item__subitem:before
	{
		width: 5px;

		left: 0;
	}
}

.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: block;

	width: 100%;

	padding: 8px 12px;

	text-align: left;
	white-space: nowrap;

	transition: transform 240ms ease;
	transform: translateX(0);
}

.c-menu-item__subitem-link:hover
{
	transform: translateX(5px);
}

@media (max-width: 1325px)
{
	.c-menu-item__subitem-link
	{
		padding-top: 10px;
		padding-left: 35px;
		padding-bottom: 10px;
	}
}
/*
	$text:        #464747;
	$background:  #F0F3F3;
	$light:       #fdfaf7

	light_orange: #fdfaf7;
	$orange:      #EE9902;
	$red:         #C00506;

	flat_red:     #D87060;
	$flat_blue:   #60C8D8;
	$flat_orange: #FCC58E;

	$light_green: #B3DBCD;
	$dark_green:  #26715F;
*/

.c-message
{
	display: flex;

	width: 100%;

	margin-top: 15px;
	margin-bottom: 15px;
	padding: 15px 12px;

	background-color: #FDFAF7;

	align-items: center;
}

.c-message--v2
{
	padding: 15px 15px;

	font-size: .95rem;

	border-radius: 6px;
}

.c-message--v2.c-message--condensed
{
	padding: 10px 12px;
}

.c-message--icon
{
	padding: 8px 12px;
}

.c-message--v2.c-message--icon
{
	padding: 8px 12px;
}

.c-message--green
{
	background-color: #D7ECE6;

	color: #63998D;
}

.c-message--v2.c-message--green
{
	background-color: #E7F1EF;

	color: #000;
}

.c-message--red
{
	background-color: #F2CBCB;

	color: #C00506;
}

.c-message--orange
{
	background-color: #FFF6E5;

	color: #DC8C00;
}

.c-message--blue
{
	background-color: #DBF2FE;

	color: #0E7DD5;
}

.c-message--blue.c-message--v2
{
	color: #000;
}

.c-message__content
{
	font-weight: 600;
	color: inherit;
}

.c-message--v2 .c-message__content
{
	padding: 6px 0;

	font-weight: 600;
}

.c-message--v2 .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__icon
{
	margin-right: 12px;

	font-size: 26px;
}

.c-message--v2.c-message--green .c-message__icon
{
	font-size: 32px;
	color: #5B9A8D;
}

.c-message--v2.c-message--blue .c-message__icon
{
	font-size: 32px;
	color: #09AFF6;
}

.c-message__clickable
{
	font-weight: 700;
	color: inherit;
	text-decoration: underline;
}
.c-modal-cover
{
	position: fixed;
	display: flex;

	flex-direction: column;

	height: 100%;
	width: 100%;

	top: 0;
	left: 0;

	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;

	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--check-deposit
{
	width: 820px;
	max-width: 100%;
}

.c-modal--large
{
	width: 1600px;
	max-width: 100%;
}

.c-modal--medium
{
	width: 650px;
	max-width: 100%;
}

.c-modal--intermediate
{
	width: 1050px;
	max-width: 100%;
}

.c-modal--insurances-details
{
	width: 1050px;
	max-width: 100%;
}

.c-modal--fullscreen
{
	width: 100%;
}

.c-modal--full-width
{
	width: 100%;
}

.c-modal--fullscreen
{
	min-height: 100vh;
}

/* ------------------ 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--fade
	{
		opacity: 0;

		transition: transform 420ms ease, opacity 420ms ease;
		transform: translate3d(-10px, -6px, 0);
	}

	.c-modal--mobile-app-add
	{
		max-height: none;
		width: auto;
		min-width: 250px;
	}
}

@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%;
	}

	.c-modal--intermediate
	{
		max-width: 90%;
	}
}

/* ------------ 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
{
	background-color: #E4E4E7;
}

.c-modal__close-icon
{
	height: 1em;
	width: 1em;

	font-size: 32px;

	fill: transparent;
	stroke: currentColor;
	stroke-linecap: round;
	stroke-width: 3px;
}

.c-modal__body
{
	width: 100%;

	padding: 20px 25px 0;

	overflow-y: auto;

	flex-grow: 1;
}

.c-modal--mobile-app-add .c-modal__body
{
	position: relative;
	display: flex;

	padding: 0;

	align-items: stretch;
}

.c-modal--mobile-app-add .c-modal__body > a
{
	display: block;

	width: 100%;

	text-align: center;

	z-index: 100;

	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--mobile-app-add .c-modal__controls-wrapper
{
	display: none;
}

.c-modal__controls
{
	display: flex;

	flex-wrap: wrap;
	gap: 15px 20px;

	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--import-promo-refs
{
	margin-top: 12px;
	margin-bottom: 12px;
}

.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.is-colored
{
	background-color: #F5F8FD;
}

.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;
}
/*
	$text:        #464747;
	$background:  #F0F3F3;
	$light:       #fdfaf7

	light_orange: #fdfaf7;
	$orange:      #EE9902;
	$red:         #C00506;

	flat_red:     #D87060;
	$flat_blue:   #60C8D8;
	$flat_orange: #FCC58E;

	$light_green: #B3DBCD;
	$dark_green:  #26715F;
*/

.c-model-preview-item
{
	margin-bottom: 15px;
}

.c-model-preview-item--slider
{
	display: flex;

	width: 100%;

	margin-bottom: 0;

	align-items: stretch;
}

.o-img-slider__content-row .c-model-preview-item--slider
{
	width: 20%;
}

/* ------------------ Mobile ------------------ */
@media (max-width: 767px)
{
	.o-img-slider__content-row .c-model-preview-item--slider
	{
		width: 100%;
	}
}

/* ------------ Tablet (portrait) ------------- */
@media (min-width: 768px) and (max-width: 1023px)
{
	.o-img-slider__content-row .c-model-preview-item--slider
	{
		width: 33.3333%;
	}
}

/* ------------ Tablet (landscape) ------------ */
@media (min-width: 1024px) and (max-width: 1325px)
{
	.o-img-slider__content-row .c-model-preview-item--slider
	{
		width: 25%;
	}
}

.c-model-preview
{
	position: relative;
	display: flex;

	flex-direction: column;

	width: 100%;

	padding-bottom: 6px;

	background-color: #FFF;

	overflow: hidden;

	        transition: background-color 320ms ease;

	z-index: 0;

	-webkit-transition: background-color 320ms ease;
	    -ms-transition: background-color 320ms ease;
	justify-content: space-between;
}

.c-model-preview--home
{
	gap: 15px;

	padding: 10px 0;

	justify-content: center;
}

.c-model-preview:hover
{
	background-color: #E8E6E7;
}

.c-model-preview:after
{
	position: absolute;
	opacity: 0;

	height: 6px;
	width: 1em;

	left: 50%;
	margin-left: -.5em;
	bottom: 0;

	background-color: #FC9D00;

	font-size: 60px;

	content: "";

	transition: opacity 320ms ease;

	z-index: -1;
}

.c-model-preview:hover:after
{
	opacity: 1;
}

.c-model-preview--highlighted-partners
{
	width: 20%;

	justify-content: flex-start;
}

/* -------- Tablet (landscape) & Laptop ------- */
@media (min-width: 1024px) and (max-width: 1399px)
{
	.c-model-preview--highlighted-partners
	{
		width: 25%;
	}
}

/* ------------ Tablet (portrait) ------------- */
@media (min-width: 768px) and (max-width: 1023px)
{
	.c-model-preview--highlighted-partners
	{
		width: 33.3333%;
	}
}

/* ------------------ Mobile ------------------ */
@media (max-width: 767px)
{
	.c-model-preview--highlighted-partners
	{
		width: 50%;
	}
}

/* -------------- Mobile (small) -------------- */
@media (max-width: 550px)
{
	.c-model-preview--highlighted-partners
	{
		width: 100%;
	}
}

.c-model-preview__thumb
{
	position: relative;

	width: 100%;

	margin-top: 12px;

	cursor: pointer;
}

.c-model-preview--tutorial .c-model-preview__thumb
{
	margin-top: 0;

	border-top-left-radius: 6px;
	border-top-right-radius: 6px;

	overflow: hidden;
}

.c-model-preview--home .c-model-preview__thumb
{
	display: flex;

	margin-top: 0;

	flex-grow: 6;
	flex-basis: 10px;
	align-items: flex-end;
}

.c-model-preview--article .c-model-preview__thumb
{
	margin-top: 0;
}

.c-model-preview__thumb-link
{
	position: relative;
	display: block;

	height: 0;
	width: 100%;

	padding-top: 45%;

	cursor: pointer;
}

.c-model-preview--article .c-model-preview__thumb-link
{
	padding-top: 62%;
}

.c-model-preview--article-small .c-model-preview__thumb-link
{
	padding-top: 36%;
}

.c-model-preview--record .c-model-preview__thumb-link
{
	margin-bottom: 8px;
	padding-top: 50px;

	color: inherit;
}

.c-model-preview--home .c-model-preview__thumb-link
{
	padding-top: 160px;
}

/* ------ Tablet (portrait & landscape) ------- */
@media (min-width: 768px) and (max-width: 1325px)
{
	.c-model-preview--home .c-model-preview__thumb-link
	{
		padding-top: 140px;
	}
}

.c-model-preview-item--blog .c-model-preview--home .c-model-preview__thumb-link
{
	padding-top: 120px;
}

/* ------ Tablet (portrait & landscape) ------- */
@media (min-width: 768px) and (max-width: 1325px)
{
	.c-model-preview-item--blog .c-model-preview--home .c-model-preview__thumb-link
	{
		padding-top: 160px;
	}
}

.c-model-preview--highlighted-partners .c-model-preview__thumb-link
{
	padding-top: 100px;
}

/* ------ Tablet (portrait & landscape) ------- */
@media (min-width: 768px) and (max-width: 1325px)
{
	.c-model-preview--highlighted-partners .c-model-preview__thumb-link
	{
		padding-top: 80px;
	}
}

.c-model-preview__img
{
	position: absolute;

	height: 100%;
	width: 100%;

	top: 0;
	left: 0;

	font-family: "object-fit: contain;";
	color: inherit;

	object-fit: contain;
}

.c-model-preview--article .c-model-preview__img
{
	font-family: "object-fit: cover;";

	object-fit: cover;
}

.c-model-preview__img.default
{
	padding-right: 10px;
	padding-left: 10px;

	font-family: "object-fit: contain;";

	cursor: pointer;

	object-fit: contain;
}

.c-model-preview__title
{
	position: relative;

	margin-top: 8px;
	margin-bottom: 10px;
	padding: 4px 12px 4px;

	font-weight: 700;
	font-size: 1.1em;

	cursor: pointer;
}

.c-model-preview-item--home .c-model-preview__title
{
	margin-top: 0;
	margin-bottom: 0;

	font-size: 1.1em;
}

.c-model-preview--article-small .c-model-preview__title
{
	margin-top: 0;
	margin-bottom: 0;
}

.c-model-preview--highlighted-partners .c-model-preview__title
{
	margin-top: 4px;

	font-size: 1em;
}

.c-model-preview__subtitle
{
	padding: 4px 12px 4px;
}

.c-model-preview--home .c-model-preview__content
{
	display: flex;

	flex-direction: column;

	margin: 0;

	font-size: 1rem;

	flex-grow: 5;
	flex-basis: 10px;
	align-items: center;
}

.c-model-preview__title-link
{
	color: inherit;
	text-decoration: none;
}

.c-model-preview__title-link:hover,
.c-model-preview__title-link:focus
{
	text-decoration: none;
}

.c-model-preview__title:after,
.c-model-preview__title:before
{
	display: block;

	height: 2px;
	width: 34%;

	margin-top: 6px;
	margin-left: 20px;

	background-color: #FC9D00;

	content: "";
}

.c-model-preview__title:before
{
	position: absolute;

	width: 22%;

	top: 100%;
	margin-top: 2px;
	left: 12px;
	margin-left: 0;
}

.c-model-preview__date
{
	padding: 0 12px;

	text-align: right;
}

.c-model-preview__themes
{
	display: flex;

	flex-wrap: wrap;
	gap: 6px;

	margin-bottom: 8px;
	padding: 0 12px;

	-webkit-justify-content: flex-end;
	        justify-content: flex-end;
}

.c-model-preview__theme
{
	padding: 2px 8px;

	background-color: #D84082;

	font-size: .9em;
	color: #FFF;

	border-radius: 3px;
}

.c-model-preview__online-type
{
	position: absolute;
	display: inline-flex;

	width: auto;
	min-width: 224px;

	margin: 0 12px 12px auto;
	top: 0;
	left: 0;
	padding: 5px 18px;

	background-color: #911F18;

	font-size: 1rem;
	color: #FFF;
	text-decoration: none;

	text-align: center;

	border-top-right-radius: 3px;
	border-bottom-right-radius: 3px;

	transform: rotate(-45deg) translateX(-55px);
	transform-origin: bottom;

	z-index: 3;

	justify-content: center;
}

.c-model-preview__theme:not(:only-child)
{
	margin-right: 6px;
}

.c-model-preview__infos
{
	padding: 0 12px 10px;

	flex-grow: 0;
	flex-shrink: 0;
}

/* --------- Mobile, Tablet & Laptop ---------- */
@media (max-width: 1399px)
{
	.c-model-preview--highlighted-partners .c-model-preview__infos
	{
		font-size: .9em;
	}
}

.c-model-preview__places
{
	display: flex;

	margin-top: 12px;
	padding: 2px 0 2px 8px;

	color: #666;
	text-decoration: none;

	border-left: 2px solid #F6A807;

	outline: none;

	align-items: center;
}

.c-model-preview__places:focus
{
	outline: 1px solid black;
}

.c-model-preview__places-icon
{
	margin-right: 6px;

	font-size: 1.35em;
	color: #000;
}

.c-model-preview__buttons
{
	display: flex;

	margin-top: 15px;

	-webkit-align-items: center;
	        align-items: center;
	-webkit-justify-content: space-around;
	        justify-content: space-around;
}

.c-model-preview--article-small .c-model-preview__buttons
{
	margin-top: 6px;
}

.c-model-preview__link
{
	display: flex;

	padding: 3px 15px;

	background-color: #FC9D00;

	color: #FFF;
	text-decoration: none;

	border: 2px solid #FC9D00;

	transition: border-color 320ms ease, background-color 320ms ease, color 320ms ease;

	-webkit-align-items: center;
	        align-items: center;
}

.c-model-preview__link:hover,
.c-model-preview__link:focus
{
	background-color: #FFF;

	color: #FC9D00;
}

.c-model-preview__price
{
	padding: 4px 8px;

	background-color: #F1F2F6;

	font-weight: 600;
	font-size: 1.1em;
	color: #505153;
}

.c-model-preview__link-icon
{
	margin-right: 6px;
}

.c-model-preview__description
{
	position: relative;
}

.c-model-preview__tuto-icon
{
	position: absolute;
	display: block;

	top: 50%;
	margin-top: -.5em;
	left: 50%;
	margin-left: -.5em;

	font-size: 96px;
	color: #FC9D00;
}

.c-model-preview__tuto-thumbnail
{
	position: absolute;
	display: block;

	height: 100%;
	width: 100%;

	top: 0;
	left: 0;

	object-fit: cover;
}
.page-content.c-model--place,
.page-content.c-model--product
{
	padding-top: 35px;
}

.c-model--product .c-model__images
{
	padding: 15px;
}

/* -------- Mobile, Tablet (portrait) --------- */
@media (max-width: 1023px)
{
	.c-model--product
	{
		padding-right: 0;
		padding-left: 0;
	}
}

.c-model--tutorial
{
	text-align: center;
}

.c-model__wrapper
{
	display: inline-block;

	width: auto;
}

.c-model--tutorial .c-model__wrapper
{
	width: calc(calc(16 / 9) * calc(90vh - 62px - 41px - 40px - 62px - 25px));
	max-width: 100%;
}

/* -------- Mobile -------- */
@media (max-width: 639px)
{
	.c-model__images
	{
		height: auto;
		width: 100%;

		text-align: center;
	}
}

.c-model__carousel-image
{
	display: block;

	max-height: 500px;
	width: auto;
	max-width: 100%;

	margin: auto;

	font-family: "object-fit: contain;";
}

.c-model__body
{
	padding: 20px 15px;

	background-color: #FFF;
}

.c-model--tutorial .c-model__body
{
	position: relative;

	padding: 0;
}

/* -------- Mobile, Tablet (portrait) --------- */
@media (max-width: 1023px)
{
	.c-model__body
	{
		padding-right: 10px;
		padding-left: 10px;
	}
}

.c-model__body:after
{
	display: block;

	width: 100%;

	content: "";

	overflow: auto;
}

.c-model__themes
{
	display: flex;
	float: right;

	margin-bottom: 8px;
	padding: 0 12px;

	justify-content: flex-end;
}

/* -- Mobile & Tablette -- */
@media (max-width: 1023px)
{
	.c-model__themes
	{
		float: none;
	}
}

.c-model__theme
{
	padding: 4px 12px;

	background-color: #D84082;

	font-size: 1em;
	color: #FFF;

	border-radius: 4px;
}

.c-model__theme:not(:only-child)
{
	margin-right: 8px;
}

.c-model__places
{
	display: flex;

	margin-top: 0;

	color: #666;

	align-items: center;
}

.c-subtitle + .c-model__places
{
	margin-top: 25px;
	padding: 2px 0 2px 8px;

	border-left: 2px solid #F6A807;
}

.c-model__places-icon
{
	margin-right: 6px;

	font-size: 1.35em;
	color: #000;
}

.c-model__map
{
	margin-top: 20px;

	background-color: #FFF;
}

.c-model__prices
{
	display: table;

	width: 100%;

	margin-top: 15px;

	border-collapse: collapse;
}

.c-model__cart-btn
{
	margin-right: 8px;
}

.c-model__add-cart:hover
{
	background-color: #FFF;

	color: inherit;
}

.c-pricing--primary .c-model__cart-btn:hover
{
	background-color: #FFF;

	color: #EE9901;
}

.c-pricing--important .c-model__cart-btn:hover
{
	background-color: #FFF;

	color: #C0050A;
}

.c-pricing .c-model__cart-btn:hover button
{
	color: #EE9902;
}

.c-model__cart-btn
{
	cursor: pointer;

	transition: background-color 320ms ease, color 320ms ease;
}

.c-model__gmap
{
	height: 50vh;
	max-height: 500px;
	width: 100%;

	margin-top: 12px;
}

.c-model__description
{
	margin-top: 25px;
}

.c-model--article .c-model__description
{
	margin-top: 0;
}

.c-model__tabs
{
	display: flex;

	width: 100%;

	margin-top: -20px;

	background-color: #F0EFEB;

	flex-shrink: 0;
}

/* -------- Mobile -------- */
@media (max-width: 639px)
{
	.c-model__tabs
	{
		    flex-direction: column;

		margin-bottom: 12px;

		-ms-flex-direction: column;
	}
}

.c-model__tabs .c-tab
{
	min-height: 60px;
	min-width: 240px;
}

/* ------ Tablette ------ */
@media (min-width: 640px) and (max-width: 992px)
{
	.c-model__tabs .c-tab
	{
		min-width: 0;

		flex-grow: 1;
	}
}

.c-model__content
{
	background-color: #FFF;
}

/* ------------------------------------ */
/* ---------- model__social ----------- */
/* ------------------------------------ */

.c-model__social-media
{
	display: flex;

	    flex-wrap: wrap;

	-ms-flex-wrap: wrap;
	align-items: center;
}

.c-model__social-icon
{
	position: relative;

	padding-right: 10px;

	font-size: 36px;
}

.c-model__social-icon.o-svg-icon--instagram
{
	color: #EE9902;
}

.c-model__social-icon.o-svg-icon--facebook,
.c-model__social-icon.o-svg-icon--instagram,
.c-model__social-icon.o-svg-icon--linkedin
{
	padding-right: 5px;
	padding-left: 5px;
}

.c-model__social
{
	position: relative;
	display: inline-flex;

	padding: 2px 6px;

	background-color: transparent;

	color: inherit;
	text-decoration: none;

	    transition: background-color 320ms ease;

	-ms-transition: background-color 320ms ease;
	align-items: center;
}

.c-model__social:hover,
.c-model__social:focus
{
	background-color: #FFEECE;
}

.c-model__social:not(:last-child)
{
	margin-right: 15px;
}

.c-model__social-text
{
	position: relative;
}

/* ------------------------------------ */
/* ------------ Custom text ----------- */
/* ------------------------------------ */

.c-model--article .c-model__description img
{
	height: auto;
	max-height: 400px;
	width: auto;
	max-width: 100%;

	margin: 15px auto;

	font-family: "object-fit: contain;";

	object-fit: contain;
}

.c-model--article .c-model__description h1
{
	width: auto;
	max-width: 100%;

	margin: 15px 0;
	padding: 0 0 0 12px;

	font-size: 1.6em;
	color: #7A4C1F;

	text-transform: uppercase;

	border-left: 4px solid #F6A805;
}

.c-model--article .c-model__description h2
{
	width: auto;
	max-width: 100%;

	margin: 12px 0;
	padding: 0 0 0 10px;

	font-size: 1.3em;
	color: #7A4C1F;

	text-transform: inherit;

	border-left: 2px solid #F6A805;
}

.c-model--article .c-model__description span[style*="background-color"]
{
	background-color: transparent !important;
}

.c-model__description-highlighted,
.c-model__description-highlighted span
{
	font-weight: 500;
	font-style: normal;
	color: #F6A805 !important;

	text-transform: none;
}

.c-model__place-infos
{
	width: 100%;

	margin-top: 10px;
	padding: 10px 10px;

	border: 2px solid #EFEFEF;
}

.c-model--product .c-model__place-infos .c-model__social-media:first-child,
.c-model--place .c-model__place-infos .c-model__social-media:first-child
{
	display: flex;

	    flex-wrap: nowrap;

	margin-bottom: 15px;

	-ms-flex-wrap: nowrap;
	justify-content: center;
}

.c-model--product .c-model__place-infos .c-model__social-media:only-child,
.c-model--place .c-model__place-infos .c-model__social-media:only-child
{
	margin-bottom: 0;
}

.c-model--product .c-model__place-infos .c-model__social-media:first-child:before,
.c-model--product .c-model__place-infos .c-model__social-media:first-child:after,
.c-model--place .c-model__place-infos .c-model__social-media:first-child:before,
.c-model--place .c-model__place-infos .c-model__social-media:first-child:after
{
	display: block;

	height: 2px;
	width: 20px;

	background-color: #F6A805;

	content: "";

	flex-shrink: 0;
	flex-grow: 1;
}

.c-model--product .c-model__place-infos .c-model__social-media:first-child:before,
.c-model--place .c-model__place-infos .c-model__social-media:first-child:before
{
	margin-right: 10px;
}

.c-model--product .c-model__place-infos .c-model__social-media:first-child:after,
.c-model--place .c-model__place-infos .c-model__social-media:first-child:after
{
	margin-left: 10px;
}

.c-model--product .c-model__place-images,
.c-model--place .c-model__place-images
{
	height: auto;
	width: 100%;

	text-align: center;
}

.c-model--product .c-model__place-carousel-image,
.c-model--place .c-model__place-carousel-image
{
	height: 200px;
	width: 100%;

	font-family: "object-fit: contain;";

	object-fit: contain;
}

.c-model__place-description
{
	margin-top: 15px;
}

.c-model__social-media-title
{
	display: flex;

	text-align: center;

	align-items: center;
}


/* ------------------------------------ */
/* --------- model__info-area --------- */
/* ------------------------------------ */

.c-model__infos-area
{
	display: flex;

	padding: 4px 15px;

	background-color: #FEF6E6;

	font-weight: 600;
	font-size: 1.05em;
	color: #F6A807;

	align-items: center;
	justify-content: center;
}

.c-model__infos-area .o-svg-icon
{
	margin-right: 15px;

	font-size: 38px;
}

.c-model__video-container
{
	position: relative;

	height: 0;

	padding-top: 62.5%;
}

.c-model__video
{
	position: absolute;
	display: block;

	height: 100%;
	width: 100%;

	top: 0;
	left: 0;
}

.c-model__image
{
	display: flex;

	width: 100%;

	align-items: center;
}

.c-model__online-type
{
	display: inline-flex;

	width: auto;

	margin-top: 12px;
	padding: 2px 8px;

	background-color: rgb(79, 179, 192);

	font-size: .9em;
	color: rgb(255, 255, 255);

	border-radius: 3px;
}
.c-notifications
{
	position: absolute;
	visibility: hidden;
	opacity: 0;

	max-height: calc(100vh - 150px);
	width: 420px;

	top: 100%;
	right: 55px;
	padding: 0;

	background-color: #FFF;

	font-size: 15px;

	box-shadow: 0 3px 5px 3px rgb(0 0 0 / 10%);

	overflow: auto;

	transition: all 320ms ease;
	transform: translateY(-8px);

	z-index: 2;
}

/* ------------------ Mobile ------------------ */
@media (max-width: 767px)
{
	.c-notifications
	{
		width: 90%;

		margin-top: 1px;
		right: 5%;
	}
}

.c-notifications--open
{
	visibility: visible;
	opacity: 1;

	transform: translateY(0px);
}

.c-notifications--new-partners
{
	position: static;
	visibility: visible;
	opacity: 1;

	max-height: none;
	width: 100%;

	top: auto;
	margin-top: 0;
	right: auto;
	left: auto;

	background-color: #FDFAF7;

	border-top: 2px solid #000;

	box-shadow: none;

	transform: none;
}

.c-notifications__link,
.c-notifications__link:focus,
.c-notifications__link:hover,
.c-notifications__link:active
{
	color: inherit;
	text-decoration: none;

	outline: none;
}

.c-notifications__link
{
	display: block;

	padding: 10px 12px;

	background-color: transparent;

	transition: background-color 240ms ease;
}

.c-notifications--new-partners .c-notifications__link
{
	display: flex;
}

a.c-notifications__link:hover,
a.c-notifications__link:focus
{
	background-color: #D4D4D4A8;
}

.c-notifications__title
{
	position: relative;
	display: block;

	width: 100%;

	margin-top: 0;
	margin-bottom: 14px;
	padding-bottom: 10px;

	font-weight: 700;
	font-size: 1.1em;
	color: #000;

	text-align: left;
}

.c-notifications--new-partners .c-notifications__title:last-child
{
	margin-bottom: 0;
}

.c-notifications__title:before
{
	position: absolute;
	display: block;

	height: 2px;
	width: 35px;

	left: 0;
	bottom: 5px;

	background-color: #BF0506;

	content: '';
}

.c-notifications__title:after
{
	position: absolute;
	display: block;

	height: 2px;
	width: 20px;

	left: 0;
	bottom: 0;

	background-color: #BF0506;

	content: '';
}

.c-notifications__body
{
	display: block;

	width: 100%;

	margin: 0;

	font-weight: 600;
	font-size: .95em;

	text-align: left;
}

.c-notifications__all-read
{
	padding: 15px 10px;

	font-weight: 600;
	font-size: 1em;
}

.c-notifications__thumbnail
{
	display: block;

	height: 60px;
	width: 60px;

	margin-right: 15px;

	font-family: 'object-fit: contain;';

	object-fit: contain;
	flex-shrink: 0;
}

.c-notifications__content-container
{
	flex-grow: 1;
}
/*
	$text:        #464747;
	$background:  #F0F3F3;
	$light:       #fdfaf7

	light_orange: #fdfaf7;
	$orange:      #EE9902;
	$red:         #C00506;

	flat_red:     #D87060;
	$flat_blue:   #60C8D8;
	$flat_orange: #FCC58E;

	$light_green: #B3DBCD;
	$dark_green:  #26715F;
*/

.c-order-infos + .c-order-infos
{
	margin-top: 12px;
}

.c-order-infos:last-child
{
	margin-bottom: 30px;
}

.c-order-infos--open
{
	padding-bottom: 15px;
}

.c-order-infos--header
{
	position: relative;

	top: 0;
	margin-bottom: 15px;
}

@media (max-width: 1200px)
{
	.c-order-infos--header
	{
		display: none;
	}
}

.c-order-infos--header.js-sticky
{
	position: fixed;

	top: 144px;

	border-bottom: 3px solid #464747;

	z-index: 40;
}


/* ------------------------------------ */
/* -------- order-infos__order -------- */
/* ------------------------------------ */

.c-order-infos__order
{
	position: relative;
	display: flex;

	gap: 12px;

	padding: 2px 15px;

	background-color: #FFF;

	font-weight: 600;
	font-size: 1.05em;

	cursor: pointer;

	border: 2px solid #FFF;

	transition: background-color 240ms ease;

	justify-content: space-between;
}

.c-order-infos__order:hover,
.c-order-infos__date:hover ~ .c-order-infos__order,
.c-order-infos--open .c-order-infos__order
{
	background-color: #DFE0E2;
}

.c-order-infos--header .c-order-infos__order
{
	padding: 10px 15px;

	background-color: #FFF;

	cursor: default;
}

@media (max-width: 1200px)
{
	.c-order-infos__order
	{
		flex-wrap: wrap;

		justify-content: flex-start;
	}
}

/* ------------------------------------ */
/* -------- order-infos__date --------- */
/* ------------------------------------ */

.c-order-infos__date
{
	display: inline-block;

	left: 0;
	bottom: 100%;
	padding: 4px 10px;

	background-color: #EE9902;

	font-size: 16px;
	color: #FFF;

	cursor: pointer;

	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
}


/* ------------------------------------ */
/* ------- order-infos__number -------- */
/* ------------------------------------ */

.c-order-infos__number
{
	display: flex;

	flex-wrap: wrap;

	width: 185px;

	align-items: center;
	flex-shrink: 0;
}

@media (max-width: 1200px)
{
	.c-order-infos__number
	{
		position: relative;
		display: block;

		width: 100%;

		margin-top: 4px;

		text-align: center;
	}

	.c-order-infos__number:after
	{
		display: block;

		height: 2px;
		width: 80px;

		margin: 3px auto 6px;

		background-color: #EE9901;

		content: "";
	}
}



/* ------------------------------------ */
/* ----- order-infos__ticket-num ------ */
/* ------------------------------------ */

.c-order-infos__ticket-num
{
	display: flex;

	flex-wrap: wrap;

	width: 140px;

	margin-right: 20px;

	text-align: center;

	align-items: center;
	justify-content: center;
}


/* ------------------------------------ */
/* ------ order-infos__tracking ------- */
/* ------------------------------------ */

.c-order-infos__tracking
{
	display: flex;

	flex-wrap: wrap;

	width: 140px;

	margin-right: 20px;

	text-align: center;

	align-items: center;
	justify-content: center;
}


/* ------------------------------------ */
/* --------- order-infos__ref --------- */
/* ------------------------------------ */

.c-order-infos__ref
{
	display: flex;

	flex-wrap: wrap;

	width: 245px;

	margin-right: 20px;

	align-items: center;
}

@media (max-width: 1200px)
{
	.c-order-infos__ref
	{
		width: 140px;
	}
}


/* ------------------------------------ */
/* --------- order-infos__date -------- */
/* ------------------------------------ */

.c-order-infos__ticket-date
{
	display: flex;

	flex-wrap: wrap;

	width: 110px;

	margin-right: 20px;

	align-items: center;
}

@media (max-width: 1200px)
{
	.c-order-infos__ticket-date
	{
		width: 70px;
	}
}


/* ----------------------------------- */
/* ---- order-infos__total-price ----- */
/* ----------------------------------- */

.c-order-infos__total-price
{
	display: flex;

	flex-wrap: wrap;

	min-width: 140px;

	text-align: center;

	align-items: center;
	justify-content: center;
}

@media (max-width: 1200px)
{
	.c-order-infos__total-price
	{
		position: relative;

		flex-wrap: nowrap;

		width: auto;

		margin: 0;

		align-items: flex-start;
		justify-content: flex-start;
	}

	.c-order-infos__total-price:before
	{
		margin-right: 6px;

		content: "Prix total :";
		white-space: nowrap;
	}

	.c-order-infos__total-price:after
	{
		display: block;

		margin-right: 8px;
		margin-left: 8px;

		content: "-";
	}
}


/* ------------------------------------ */
/* -------- order-infos__text --------- */
/* ------------------------------------ */

.c-order-infos__text
{
	display: flex;

	flex-wrap: wrap;

	flex-grow: 1;
	align-items: center;
	justify-content: center;
}

@media (max-width: 1200px)
{
	.c-order-infos__text
	{
		flex-wrap: nowrap;

		width: auto;

		flex-grow: 0;
	}
}


/* ------------------------------------ */
/* -------- order-infos__name --------- */
/* ------------------------------------ */

.c-order-infos__name
{
	display: flex;

	flex-wrap: wrap;

	flex-grow: 1;
	align-items: center;
}


/* ------------------------------------ */
/* ------- order-infos__payment ------- */
/* ------------------------------------ */

.c-order-infos__payment
{
	position: relative;
	display: flex;

	flex-wrap: wrap;

	min-width: 110px;

	margin-right: 0;

	align-items: center;
	justify-content: center;
}

@media (max-width: 1200px)
{
	.c-order-infos__payment
	{
		flex-wrap: nowrap;

		width: 100%;

		margin: 12px 0;

		align-items: flex-start;
		justify-content: flex-start;
	}

	.c-order-infos__payment:after
	{
		margin-right: 15px;

		content: "Paiement :";
		white-space: nowrap;

		order: -1;
	}
}

.c-order-infos__payment:before
{
	position: absolute;

	height: 100%;
	width: 100%;

	top: -5px;
	left: 0;
	padding-bottom: 16px;

	content: "";

	box-sizing: content-box;
}

/* ------------------------------------ */
/* ------- order-infos__status -------- */
/* ------------------------------------ */

.c-order-infos__status
{
	position: relative;
	display: flex;

	flex-wrap: wrap;

	min-width: 125px;

	align-items: center;
	justify-content: center;
}

.c-order-infos__status:before
{
	position: absolute;

	height: 100%;
	width: 100%;

	top: -8px;
	left: 0;
	padding-bottom: 16px;

	content: "";

	box-sizing: content-box;
}

@media (max-width: 1200px)
{
	.c-order-infos__status
	{
		flex-wrap: nowrap;

		width: 100%;

		margin: 0 0 12px;

		align-items: flex-start;
		justify-content: flex-start;
	}

	.c-order-infos__status:after
	{
		margin-right: 15px;

		content: "Statut :";
		white-space: nowrap;

		order: -1;
	}
}

.c-order-infos__product-status
{
	position: relative;
	display: flex;

	flex-wrap: wrap;

	min-width: 90px;

	align-items: center;
	justify-content: center;
}

.c-order-infos__bill
{
	position: relative;
	display: flex;

	flex-wrap: wrap;

	min-width: 245px;

	margin-left: 0;

	align-items: center;
	justify-content: center;
}

.orders-management-page .c-order-infos__bill
{
	min-width: 115px;
}

@media (max-width: 1200px)
{
	.c-order-infos__bill
	{
		width: 100%;

		margin-left: 0;
		margin-bottom: 12px;
	}

	.c-order-infos__bill > a
	{
		padding-left: 0;
	}

	.c-order-infos__bill:empty
	{
		margin: 0;
	}
}

.c-order-infos__collapse-indicator
{
	position: relative;
	display: flex;

	min-width: 70px;

	align-items: center;
	justify-content: flex-end;
}

.c-order-infos__see-more
{
	margin: 8px 0;
	padding: 4px 0;

	font-weight: 700;
	font-size: .9rem;

	text-transform: uppercase;

	border: none;

	box-shadow: rgba(0, 0, 0, 0) 0 0 0 0, rgba(0, 0, 0, 0) 0 0 0 0, rgb(34 113 96) 0 2px 0 0;
}

/* ------------------------------------ */
/* ------ order-infos__products ------- */
/* ------------------------------------ */

.c-order-infos__products
{
	padding-left: 15px;
}

@media (max-width: 1200px)
{
	.c-order-infos__products
	{
		padding-left: 0;
	}
}


/* ------------------------------------ */
/* ------- order-infos__actions ------- */
/* ------------------------------------ */

.c-order-infos__actions
{
	position: absolute;

	right: -25px;

	background-color: #FFF;

	box-shadow: 0 0 1px 1px #DEDEDE;

	z-index: 2;
}

/* ------ order-infos__actions-btn ------ */

.c-order-infos__actions-btn
{
	position: relative;

	width: 100%;

	padding: 10px 15px;

	white-space: nowrap;

	transition: background-color 240ms ease, color 240ms ease;
}

.c-order-infos__actions-btn + .c-order-infos__actions-btn
{
	margin-top: 19px;
}

.c-order-infos__actions-btn + .c-order-infos__actions-btn:before
{
	position: absolute;

	height: 3px;
	width: 50px;
	max-width: 80%;

	left: 50%;
	bottom: 100%;
	margin-bottom: 8px;

	background-color: #F09A24;

	content: "";

	transform: translateX(-50%);
}

.c-order-infos__actions-btn:hover
{
	background-color: #F09A24;

	color: #FFF;
}




/* --------------------------------------- *\
|* --------- # c-order-product # --------- *|
\* --------------------------------------- */

.c-order-product
{
	position: relative;
	display: flex;

	padding: 6px 8px;

	background-color: #FFF;

	align-items: center;
}

@media (max-width: 1200px)
{
	.c-order-product
	{
		flex-wrap: wrap;
	}
}

.c-order-product--line
{
	padding: 10px 8px;
}

.c-order-product + .c-order-product
{
	border-top: 2px solid #F0F0EC;
}

.c-order-product--header
{
	margin-top: 5px;
	padding: 10px 8px;

	font-weight: 600;
	font-size: 1.05em;
}

.c-order-product--header + .c-order-product
{
	border-color: #EE9902;
}

/* -- Mobile & Tablette -- */
@media (max-width: 1200px)
{
	.c-order-product--header
	{
		display: none;
	}
}


/* ------------------------------------ */
/* ----- order-product__thumbnail ----- */
/* ------------------------------------ */

.c-order-product__thumbnail
{
	display: flex;

	flex-wrap: wrap;

	height: 40px;
	width: 80px;

	margin-right: 0;
	padding-right: 20px;

	align-items: center;
	justify-content: center;
	flex-shrink: 0;
}

.c-order-product--header .c-order-product__thumbnail
{
	height: auto;

	text-align: center;
}


/* --- order-product__thumbnail-img --- */

.c-order-product__thumbnail-img
{
	display: block;

	height: 100%;
	width: 100%;

	font-family: "object-fit: contain;";

	object-fit: contain;
}

/* -- Mobile & Tablette -- */
@media (max-width: 1200px)
{
	.c-order-product__thumbnail
	{
		margin-bottom: 15px;
	}
}


/* ------------------------------------ */
/* ------- order-product__title ------- */
/* ------------------------------------ */

.c-order-product__title
{
	display: flex;

	flex-wrap: wrap;
	gap: 5px 10px;

	flex-grow: 2;
	align-items: center;
}

.c-order-product--line .c-order-product__title
{
	padding-left: 15px;
}

/* -- Mobile & Tablette -- */
@media (max-width: 1200px)
{
	.c-order-product__title
	{
		width: calc(100% - 80px);

		margin-bottom: 15px;
	}

	.c-order-product--line .c-order-product__title
	{
		margin-bottom: 0;
	}

	.c-order-product__title span
	{
		display: block;

		width: 100%;

		margin-left: 0;
	}
}

/* ------------------------------------ */
/* ------ order-product__order-as ----- */
/* ------------------------------------ */

.c-order-product__order-as
{
	display: flex;

	flex-wrap: wrap;

	width: 130px;

	text-align: center;

	align-items: center;
	justify-content: center;
	flex-shrink: 0;
}


/* ------------------------------------ */
/* ------ order-product__status ------- */
/* ------------------------------------ */

.product__status
{
	display: flex;

	flex-wrap: wrap;

	width: 90px;

	align-items: center;
}


/* ------------------------------------ */
/* ------ order-product__provider ----- */
/* ------------------------------------ */

.c-order-product__provider
{
	display: flex;

	flex-wrap: wrap;

	width: 130px;

	padding-right: 8px;
	padding-left: 8px;

	text-align: center;

	align-items: center;
	justify-content: center;
	flex-shrink: 0;
}


/* ------------------------------------- */
/* --- order-product__provider-order --- */
/* ------------------------------------- */

.c-order-product__provider-order
{
	position: relative;
	display: flex;

	flex-wrap: wrap;

	width: 130px;

	text-align: center;

	align-items: center;
	justify-content: center;
	flex-shrink: 0;
}


/* ------------------------------------ */
/* -------- order-product__qty -------- */
/* ------------------------------------ */

.c-order-product__qty
{
	display: flex;

	flex-wrap: wrap;

	width: 45px;

	text-align: center;

	align-items: center;
	justify-content: center;
	flex-shrink: 0;
}

.c-order-product--modal .c-order-product__qty
{
	margin-right: 20px;
}

/* -- Mobile & Tablette -- */
@media (max-width: 1200px)
{
	.c-order-product__qty:empty
	{
		display: none;
	}

	.c-order-product__qty
	{
		width: 100%;

		margin-top: 8px;

		justify-content: flex-start;
	}

	.c-order-product__qty:before
	{
		width: 100px;

		margin-right: 15px;

		font-weight: bold;

		content: "Quantité :";
		text-align: right;
		white-space: nowrap;
	}
}

/* ------------------------------------ */
/* ------- order-product__price ------- */
/* ------------------------------------ */

.c-order-product__price
{
	display: flex;

	flex-wrap: wrap;

	width: 120px;

	text-align: center;

	align-items: center;
	justify-content: center;
	flex-shrink: 0;
}

/* -- Mobile & Tablette -- */
@media (max-width: 1200px)
{
	.c-order-product__price:empty
	{
		display: none;
	}

	.c-order-product__price
	{
		width: 100%;

		justify-content: flex-start;
	}

	.c-order-product__price:before
	{
		width: 100px;

		margin-right: 15px;

		font-weight: bold;

		content: "Prix unitaire :";
		text-align: right;
		white-space: nowrap;
	}
}


/* ------------------------------------ */
/* ---- order-product__total-price ---- */
/* ------------------------------------ */

.c-order-product__total-price
{
	display: flex;

	flex-wrap: wrap;

	width: 115px;

	text-align: center;

	align-items: center;
	justify-content: center;
	flex-shrink: 0;
}

/* -- Mobile & Tablette -- */
@media (max-width: 1200px)
{
	.c-order-product__total-price
	{
		width: 100%;

		margin-top: 8px;

		justify-content: flex-start;
	}

	.c-order-product__total-price:before
	{
		width: 100px;

		margin-right: 15px;

		font-weight: bold;

		content: "Total :";
		text-align: right;
		white-space: nowrap;
	}
}


/* ------------------------------------ */
/* --- order-product__cancel-product -- */
/* ------------------------------------ */

.c-order-product__cancel-product
{
	display: flex;

	width: 38px;

	justify-content: center;
	align-items: center;
	flex-shrink: 0;
	flex-grow: 0;
}


/* ------------------------------------ */
/* -- order-product__shipping-method -- */
/* ------------------------------------ */

.c-order-product__shipping-method
{
	min-width: 120px;

	margin-right: 20px;
	margin-left: 20px;
}


/* ------------------------------------ */
/* ------- order-product__number ------ */
/* ------------------------------------ */

.c-order-product__number
{
	min-width: 205px;

	margin-right: 20px;
	margin-left: 20px;
}


/* ------------------------------------ */
/* --- order-product__ticket-number --- */
/* ------------------------------------ */

.c-order-product__ticket-number
{
	display: flex;

	gap: 2px;

	width: 150px;

	text-align: center;
	word-wrap: break-word;

	flex-shrink: 0;
	align-items: center;
	justify-content: center;
}

/* -- Mobile & Tablette -- */
@media (max-width: 1200px)
{
	.c-order-product__ticket-number
	{
		display: flex;

		width: 100%;
	}

	.c-order-product__ticket-number:empty
	{
		display: none;
	}

	.c-order-product__ticket-number:before
	{
		display: block;

		width: 100px;

		margin-right: 15px;

		font-weight: bold;

		content: "N° ticket :";
		text-align: right;
		white-space: nowrap;
	}
}

.c-order-product__ticket-number-text
{
	display: block;

	width: 10px;
	min-width: 0;

	text-align: left;
	text-align: center;
	white-space: nowrap;
	text-overflow: ellipsis;

	overflow: hidden;

	flex-grow: 1;
}


/* ------------------------------------ */
/* ------ order-product__tracking ----- */
/* ------------------------------------ */

.c-order-product__tracking
{
	width: 180px;

	padding-left: 20px;

	text-align: center;

	flex-shrink: 0;
}

/* -- Mobile & Tablette -- */
@media (max-width: 1200px)
{
	.c-order-product__tracking:empty
	{
		display: none;
	}

	.c-order-product__tracking
	{
		width: 100%;

		margin-top: 12px;
		margin-left: 0;
		margin-bottom: 12px;

		text-align: left;
	}
}


/* ------------------------------------ */
/* ---- order-product__attachments ---- */
/* ------------------------------------ */

.c-order-product__attachments
{
	width: 120px;

	text-align: center;

	flex-shrink: 0;
}

/* -- Mobile & Tablette -- */
@media (max-width: 1200px)
{
	.c-order-product__attachments:empty
	{
		display: none;
	}

	.c-order-product__attachments
	{
		width: 100%;

		margin-top: 12px;
		margin-left: 0;
		margin-bottom: 12px;

		text-align: left;
	}
}


/* ------------------------------------ */
/* --------- order-product__PDF ------- */
/* ------------------------------------ */

.c-order-product__PDF
{
	width: 300px;

	padding-left: 20px;

	flex-shrink: 0;
}




/* ---------------------------------------- *\
|* ---------- # c-order-ticket # ---------- *|
\* ---------------------------------------- */

.c-order-ticket
{
	position: relative;
	display: flex;

	padding: 8px 15px;

	background-color: #FFF;
}


/* -------- order-ticket__ref -------- */
.c-order-ticket__ref
{
	display: flex;

	flex-wrap: wrap;

	width: 245px;

	margin-right: 20px;

	align-items: center;
}

@media (max-width: 1023px)
{
	.c-order-ticket__ref
	{
		width: 140px;
	}
}


/* -------- order-ticket__num -------- */

.c-order-ticket__num
{
	position: relative;
	display: flex;

	flex-wrap: wrap;

	width: 140px;

	margin-right: 20px;

	text-align: center;

	align-items: center;
	justify-content: center;
}

/* ------ order-ticket__tracking ------ */

.c-order-ticket__tracking
{
	position: relative;
	display: flex;

	flex-wrap: wrap;

	width: 140px;

	margin-right: 20px;

	text-align: center;

	align-items: center;
	justify-content: center;
}


.c-order-ticket__tracking.disabled:after
{
	position: absolute;

	height: 100%;
	width: 100%;

	top: -6px;
	left: 0;
	padding-bottom: 12px;

	background-color: #EDEDED;

	content: "";

	box-sizing: content-box;
}


/* ------- order-ticket__title ------- */

.c-order-ticket__title
{
	flex-grow: 1;
}


/* -------- order-ticket__name ------- */

.c-order-ticket__name
{
	flex-grow: 1;
}

/* ------- order-ticket__price ------- */

.c-order-ticket__price
{
	width: 120px;

	text-align: center;
}


/* ---- order-ticket__total-price ---- */

.c-order-ticket__total-price
{
	width: 130px;

	text-align: center;
}

/* ------- order-ticket__status ------- */

.c-order-ticket__status
{
	width: 90px;

	text-align: center;
}

/* -------- order-ticket__date --------- */

.c-order-ticket__date
{
	width: 110px;

	margin-right: 20px;
}

@media (max-width: 1023px)
{
	.c-order-ticket__date
	{
		width: 70px;
	}
}

.c-order-infos__add-btn
{
	position: relative;

	width: 100%;

	font-size: 18px;
	color: #FFF;

	text-align: center;

	transition: color 240ms ease;
}

.c-order-infos__add-btn:hover,
.c-order-infos__add-btn:focus
{
	color: #F29B34;
}

.c-order-infos__add-btn:hover:before,
.c-order-infos__add-btn:focus:before
{
	background-color: #FFF;
}

.c-order-infos__add-btn:before
{
	display: block;

	height: 1.3em;
	line-height: 1em;
	width: 1.3em;

	margin: auto;
	top: 100%;
	left: 100%;

	background-color: #F29B34;

	font-weight: 600;

	content: "+";
	text-align: center;

	border-radius: 50%;
	border: 2px solid #F29B34;

	transition: background-color 240ms ease;
	transform: scale(1.2);
}

.c-order-infos__add-btn.edit
{
	position: absolute;
	opacity: 0;

	height: 100%;
	width: 100%;

	top: 0;
	left: 0;

	font-size: 26px;

	transition: opacity 240ms ease;
}

.c-order-infos__add-btn.edit:before
{
	display: none;
}

.c-order-infos__add-btn.edit:after
{
	position: absolute;

	height: 100%;
	width: 100%;

	top: -8px;
	left: 0;
	padding-bottom: 16px;

	content: "";

	box-sizing: content-box;
}

.c-order-infos__add-btn.edit:hover
{
	opacity: 1;

	background-color: #FFF;
}

.c-order-infos__add-icon
{
	display: block;

	margin: auto;
	top: 0;
	left: 0;
}


/* ------------------------------------ */
/* ----- order-product__selection ----- */
/* ------------------------------------ */

.c-order-product__selection
{
	display: flex;

	width: 68px;

	margin-left: 0;
	padding-right: 22px;

	align-items: center;
	justify-content: flex-end;
	flex-shrink: 0;
}

@media (max-width: 1200px)
{
	.c-order-product__selection
	{
		position: relative;

		flex-wrap: wrap;

		width: 100%;
		max-width: 100%;

		margin: 0;
		margin-bottom: 10px;
	}

	.c-order-product__selection:before
	{
		margin-right: 15px;

		font-weight: bold;

		content: "Statut :";
		white-space: nowrap;
	}

	.c-order-product__selection:empty
	{
		height: 32px;
	}

	.c-order-product__selection:empty:before
	{
		content: "Statut : En attente";
	}

	.c-order-product__selection:after
	{
		position: absolute;

		height: 2px;
		width: 1em;

		left: 50%;
		margin-left: -.5em;
		bottom: 0;

		background-color: #F6A804;

		font-size: 60px;

		content: "";
	}
}

.c-order-product--header .c-order-product__selection
{
	padding-right: 10px;
	padding-left: 5px;

	justify-content: flex-start;
}

.c-order-product__selection .c-form-element--checkbox
{
	margin-top: 0;
}

.c-order-product__selection .c-form__checkbox-indicator
{
	margin-right: 0;
}

.c-order-product__selection .o-svg-icon--shipping
{
	margin-left: 0;

	font-size: 38px;
	color: #EE9902;
}

.c-order-product__copy
{
	position: relative;
	display: inline-flex;

	padding: 0;
	padding: 8px;

	color: black;

	border-radius: 50%;

	transition: background-color 240ms ease;

	align-items: center;
	align-self: stretch;
}

.c-order-product__copy::after
{
	position: absolute;

	height: 100%;
	width: 100%;

	top: 0;
	left: 0;

	content: "";

	z-index: 1;
}

.c-order-product__copy:hover
{
	background-color: rgba(100, 100, 100, .2);
}

.c-order-product__copy-icon
{
	display: inline-flex;

	height: 1em;
	width: 1em;

	margin-left: auto;
	padding: 0;

	font-size: 22px;
	color: inherit;

	border-radius: 0;

	align-items: center;
	align-self: stretch;
	fill: inherit;
}

/* ------------------------------------- */
/* ----- order-infos__processed-by ----- */
/* ------------------------------------- */

.c-order-infos__processed_by
{
	display: flex;

	flex-wrap: wrap;

	width: 50px;

	margin-right: 0;

	text-align: center;

	align-items: center;
	flex-shrink: 0;
	justify-content: center;
}

.c-order-infos__processed_by .c-form-element--checkbox,
.c-order-infos__processed_by .c-form__checkbox-indicator
{
	margin: 0;
}

.c-order-infos--header .c-order-infos__processed-by
{
	width: 75px;
}

.c-order-infos__long-text
{
	display: block;

	width: 10px;
	min-width: 0;

	text-align: center;
	white-space: nowrap;
	text-overflow: ellipsis;

	overflow: hidden;

	flex-grow: 1;
}

.c-order-infos__long-text:empty
{
	display: none;
}

.c-order-product__CN-list
{
	display: block;

	width: 100%;
}

.c-order-product__CN-infos
{
	display: flex;

	gap: 15px;
}

.c-order-product__CN-infos.is-CN-header
{
	padding: 4px 0;

	background-color: hsl(30 60% 96% / 1);

	font-weight: 600;

	text-transform: uppercase;
}

.c-order-product__CN-cell
{
	display: flex;

	padding: 4px 0;

	align-items: center;
}

.c-order-product__CN-cell.CN-number
{
	padding-left: 15px;

	flex-basis: 220px;
}

.c-order-product__CN-cell.CN-payment_status
{
	padding-left: 15px;

	flex-basis: 220px;
}

.c-order-product__CN-cell.CN-date
{
	padding-left: 15px;

	flex-basis: 200px;
}

.c-order-product__CN-cell.CN-PDF
{
	padding-left: 15px;

	flex-basis: 200px;
}
.c-order-process
{
	display: flex;

	flex-wrap: wrap;

	margin-top: 0;

	justify-content: space-around;
}

.c-order-process__step
{
	padding: var(--padding-y) var(--padding-x);

	background-color: #FFF;

	flex-grow: 1;
	--padding-x: 15px;
	--padding-y: 10px;
}

.c-order-process__step + .c-order-process__step
{
	margin-top: 10px;
}

.c-order-process__column
{
	display: flex;

	flex-direction: column;

	width: 50%;

	padding: 10px 5px;
}

.c-order-process__column:nth-child(2)
{
	display: flex;

	flex-direction: column;

	width: 50%;
}

.c-order-process__column:last-child
{
	flex-grow: 1;
}

/* ------ Small laptop, big tablet ------ */
@media (min-width: 992px) and (max-width: 1399px)
{
	.c-order-process__column,
	.c-order-process__column:nth-child(2)
	{
		width: 50%;
	}

	.c-order-process
	{
		flex-wrap: wrap;

		justify-content: flex-end;
	}
}

/* ------ Phone, tablet ------ */
@media (max-width: 1023px)
{
	.c-order-process__column,
	.c-order-process__column:nth-child(2)
	{
		width: 100%;

		padding-right: 0;
		padding-left: 0;
	}

	.c-order-process
	{
		flex-wrap: wrap;

		margin-top: -10px;
	}
}

/* ------------------------------------ */
/* ------- order-process__title ------- */
/* ------------------------------------ */

.c-order-process__title
{
	position: relative;
	display: flex;

	min-width: calc(100% + var(--padding-x) + var(--padding-x));

	margin-top: calc(-1 * var(
	--padding-y));
	left: calc(-1 * var(
	--padding-x));
	margin-bottom: 12px;
	padding: 10px 10px;

	background-color: hsl(30, 60%, 98%);

	font-weight: 300;

	align-items: center;
}

/* ------------------ Mobile ------------------ */
@media (max-width: 767px)
{
	.c-order-process__title
	{
		padding: 8px;

		font-weight: 600;
		font-size: 1.1em;
	}
}

.c-order-process__title-number
{
	display: flex;

	height: 2em;
	width: 2em;

	margin-right: 15px;

	background-color: #FC9D00;

	font-weight: 600;
	font-size: 18px;
	color: white;

	text-align: center;

	border-radius: 50%;

	flex-shrink: 0;
	align-items: center;
	justify-content: center;
}

/* ------------------------------------ */
/* ----- order-process__separator ----- */
/* ------------------------------------ */

.c-order-process__separator
{
	display: block;

	height: 3px;
	width: 40%;

	margin-top: 20px;
	margin-left: 30%;
	margin-bottom: 20px;

	background-color: #F1F1EB;

	content: "";
}

/* ------------------------------------- */
/* ------- order-process__stroke ------- */
/* ------------------------------------- */

.c-order-process__stroke
{
	height: 0;
	width: 0;

	border: 1px dashed #EDEDED;
	border-width: 1px 0 1px 0;

	flex-grow: 1;
}

.c-order-process__stroke.active
{
	border-color: #FC9D00;
}

/* ------------------------------------ */
/* -- order-process__shipping-method -- */
/* ------------------------------------ */

.c-order-process__shipping-method
{
	display: flex;

	flex-wrap: wrap;

	width: 30%;

	font-size: .92em;

	justify-content: space-between;
	align-items: center;
}

.c-order-process__choices-inline[data-count="1"] .c-order-process__shipping-method
{
	width: 100%;
}

/* -------- Mobile, Tablet (portrait) --------- */
@media (max-width: 900px)
{
	.c-order-process__shipping-method
	{
		flex-wrap: wrap;

		width: 100%;
	}
}
.c-order-process__shipping-method .c-form-element
{
	width: auto;
	max-width: 100%;

	flex-shrink: 0;
}

.c-order-process__shipping-price
{
	margin-left: 15px;

	flex-shrink: 0;
}

.c-order-process__shipping-method .c-form-element--inline .c-form-label
{
	max-width: 100%;

	margin-right: 0;
}

.c-form-element--unavailable .c-form-label
{
	color: #A1A1A1;
}

@media (max-width: 639px)
{
	.c-order-process__shipping-method .c-form-element--inline .c-form__radio-indicator
	{
		margin-right: 12px;
	}
}

.c-form-element--unavailable ~ .c-order-process__shipping-price
{
	font-weight: 600;
	color: #A1A1A1;
}

/* ------------------------------------ */
/*  order-process__shipping-EC-address  */
/* ------------------------------------ */

.c-order-process__shipping-EC-address
{
	width: 100%;

	margin-top: 15px;
	padding: 10px 12px;

	font-size: 1em;
	font-size: .92em;

	border: 2px solid #FC9D00;
}

/* ------------------------------------- */
/* --- order-process__payment-method --- */
/* ------------------------------------- */

.c-order-process__payment-method
{
	display: flex;

	justify-content: space-between;
	align-items: center;
}

.c-order-process__payment-method
{
	flex-wrap: wrap;

	font-size: .92em;
}

.c-order-process__payment-method .c-form-element
{
	flex-shrink: 0;
}

.c-order-process__payment-method__infos
{
	display: flex;

	width: 100%;

	margin-top: -8px;

	align-items: center;
}

.c-order-process__payment-method .c-order-process__stroke
{
	position: relative;

	min-width: 30px;
	max-width: 100px;

	margin-right: 15px;
	margin-left: 55px;

	border-color: #63998D;
}

.c-order-process__payment-method .c-order-process__stroke:before
{
	position: absolute;

	height: 15px;

	left: 0;
	bottom: 0;

	content: "";

	border: 1px dashed #63998D;
}

.c-order-process__payment-info
{
	font-weight: 600;
	color: #63998D;
}

.c-order-process__payment-method .c-form-element--inline .c-form-label
{
	margin-right: 0;
}

@media (max-width: 639px)
{
	.c-order-process__payment-method .c-form-element--inline .c-form__radio-indicator
	{
		margin-right: 12px;
	}
}

/* ----------------------------------- */
/* --- order-process__cart-preview --- */
/* ----------------------------------- */

.c-btn.c-order-process__back-cart
{
	position: absolute;

	top: -58px;
	right: 0;
	margin-bottom: 0;
	padding-right: 10px;
	padding-bottom: 6px;

	background-color: #FC9D00;

	border-color: #FC9D00;
}

.c-btn.c-order-process__back-cart:hover,
.c-btn.c-order-process__back-cart:focus
{
	background-color: #FFF;

	color: #FC9D00;

	border-color: #FFF;
	border-color: #FC9D00;
}

.c-order-process__pay
{
	display: flex;

	min-height: 42px;
	width: 100%;

	margin-top: 30px;
	padding-top: 0;
	padding-bottom: 0;

	font-size: 1.1em;

	align-items: center;
	justify-content: center;
}

.c-order-process__pay .o-svg-icon
{
	margin-right: 10px;
	margin-bottom: 2px;

	font-size: 2.4em;
}

.c-order-process__subtitle
{
	margin-top: -15px;
	margin-bottom: 10px;

	font-size: 1.1em;
	color: inherit;
}

.c-order-process__comment
{
	margin-bottom: 15px;

	font-weight: 600;
	color: #000;
}

.c-order-process__comment textarea
{
	margin-top: 6px;

	font-weight: 400;
}

.c-order-process__cgv
{
	margin-bottom: 5px;
}

/* ----------------------------------- */
/* --- order-process__client-phone --- */
/* ----------------------------------- */

.c-order-process__client-phone
{
	margin-top: 12px;
	padding: 10px 12px;

	font-size: .92em;

	border: 2px solid #FC9D00;
}

.c-order-process__client-phone-txt
{
	margin-bottom: 8px;
}

.c-order-process__choices-inline
{
	display: flex;

	gap: 12px;

	width: 100%;

	align-items: center;
	justify-content: space-between;
}

/* -------- Mobile, Tablet (portrait) --------- */
@media (max-width: 900px)
{
	.c-order-process__choices-inline
	{
		display: flex;

		flex-direction: column;
	}
}
/*
	$text         : #464747;
	$background   : #F0F3F3;
	$light        : #fdfaf7

	light_orange  : #fdfaf7;
	$orange       : #EE9902;
	$red          : #C00506;

	flat_red      : #D87060;
	$flat_blue    : #60C8D8;
	$flat_orange  : #FCC58E;

	$light_green  : #B3DBCD;
	$dark_green   : #26715F;
	$success_green: #5fd89c;
*/

.c-order-success
{
	display: inline-block;

	padding: 25px 50px;

	background-color: #FFF;
}

.c-order-success__icon
{
	display: inline-block;

	margin-bottom: 20px;
	padding: .4em;

	font-size: 3em;
	color: #5FD89C;

	border-radius: 50%;
	border: 3px solid #DEDEDE;
}

.c-order-success--fail .c-order-success__icon
{
	color: #C00506;
}

.c-order-success__icon-svg
{
	display: block;
}

.c-order-success__txt
{
	font-weight: 600;
	font-size: 1.2em;
	color: #5FD89C;
}

.c-order-success--fail .c-order-success__txt
{
	color: #C00506;
}

.c-order-success__btn
{
	display: flex;

	margin-top: 30px;

	-webkit-align-items: center;
	        align-items: center;
	-webkit-justify-content: center;
	        justify-content: center;
}
/*
	$text:        #464747;
	$background:  #F0F3F3;
	$light:       #fdfaf7

	light_orange: #fdfaf7;
	$orange:      #EE9902;
	$red:         #C00506;

	flat_red:     #D87060;
	$flat_blue:   #60C8D8;
	$flat_orange: #FCC58E;

	$light_green: #B3DBCD;
	$dark_green:  #26715F;
*/

.c-pagination
{
	text-align: center;
}

.c-pagination:empty
{
	display: none;
}

.c-pagination--v2
{
	display: flex;

	margin-top: 15px;
	padding: 0 15px;

	text-align: center;

	justify-content: space-between;
	align-items: center;
	flex-grow: 1;
	flex-basis: 10px;
}

.c-pagination-item
{
	display: inline-flex;

	height: 2.2em;
	width: 2.2em;

	margin-bottom: 7px;

	background-color: #FDFAF7;

	cursor: pointer;

	align-items: center;
	justify-content: center;
}

.c-pagination-item
{
	margin-right: 3px;
	margin-left: 3px;
}

.c-pagination-item--active
{
	background-color: #EE9902;

	color: #FFF;
}

.c-pagination__infos
{
	margin-left: 15px;

	font-weight: 400;
	font-size: .95em;

	text-align: right;

	flex-basis: 130px;
}

.c-pagination__pages
{
	display: flex;

	margin: -6px 0 0 0;

	justify-content: center;
	flex-basis: 10px;
	flex-grow: 1;
}

.c-pagination__page
{
	position: relative;
	display: flex;

	height: 34px;
	width: 34px;

	margin-top: 6px;
	margin-right: 5px;
}

.c-pagination__page:last-child
{
	margin-right: 0;
}

.c-pagination__page-btn
{
	position: relative;

	width: 100%;
	min-width: 0;

	top: 0;
	left: 0;
	padding: 0;

	background-color: #FFF;

	font-size: .9em;

	border-radius: 50%;
}

.c-pagination__page-btn.active
{
	background-color: #F6A806;

	color: #FFF;

	cursor: default;
}

.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-pagination--v2 .c-pagination__left
{
	flex-basis: 145px;
}
.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--big-padding
{
	padding: 30px 25px;
}

.c-paper--form
{
	margin-bottom: .5rem;
	padding: 30px 25px;
}

.c-paper--no-padding
{
	padding: 0;
}
.c-pickable-bills
{
	position: relative;
	display: block;

	width: 100%;

	--padding-x: 10px;
	--padding-y: 6px;
}

.c-pickable-bills__header
{
	display: flex;

	gap: var(--padding-x);

	padding-right: var(--padding-x);

	background-color: #E9F2F9;

	font-weight: 700;

	text-transform: uppercase;

	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
	border-width: 0 3px 0 3px;
	border-style: solid;
	border-color: #E9F2F9;

	--padding-y: 10px;
}

.c-pickable-bills__list
{
	display: block;

	padding-right: var(--padding-x);

	border-width: 0 3px 0 3px;
	border-style: solid;
	border-color: var(--input-background);
}

.c-pickable-bills__row
{
	display: flex;

	gap: var(--padding-x);

	width: 100%;

	border-bottom: 3px solid var(--input-background);
}

.c-pickable-bills__cell
{
	display: flex;

	padding: var(--padding-y) 0;

	align-items: center;
}

.c-pickable-bills__cell.PickableBill-cb
{
	min-width: 50px;

	padding: 4px 0;

	font-weight: inherit;

	justify-content: center;
}

.c-pickable-bills__cell.PickableBill-text_number
{
	width: 210px;
}

.c-pickable-bills__cell.PickableBill-order_number
{
	width: 220px;
}

.c-pickable-bills__cell.PickableBill-date
{
	width: 112px;
}

.c-pickable-bills__cell.PickableBill-total_price
{
	width: 150px;

	justify-content: flex-end;
}

.c-pickable-bills__cell.PickableBill-paid_amount
{
	width: 150px;

	justify-content: flex-end;
}

.c-pickable-bills__cell.PickableBill-remaining_unpaid
{
	width: 160px;

	justify-content: flex-end;
}

.c-pickable-bills__totals .c-pickable-bills__cell.PickableBill-remaining_unpaid
{
	font-weight: 700;
}

.c-pickable-bills__cell.PickableBill-affected
{
	gap: 20px;

	width: 220px;

	flex-grow: 1;
	justify-content: flex-start;
}

.c-pickable-bills__totals .c-pickable-bills__cell.PickableBill-affected
{
	gap: 25px;
}

.c-pickable-bills__cell.PickableBill-remaining
{
	width: 170px;

	justify-content: flex-end;
	flex-grow: 0;
}

.c-pickable-bills__remaining.has-error,
.c-pickable-bills__remaining.has-green-highlight,
.c-pickable-bills__remaining.has-blue-highlight
{
	padding: 2px 8px;

	background-color: var(--red);

	font-weight: 700;
	color: #FFF;

	border-radius: 4px;
}

.c-pickable-bills__remaining.has-green-highlight
{
	background-color: var(--green);
}

.c-pickable-bills__remaining.has-blue-highlight
{
	background-color: var(--blue);
}

.c-pickable-bills__totals
{
	display: flex;

	gap: var(--padding-x);

	padding-right: var(--padding-x);

	border-width: 0 3px 0 3px;
	border-style: solid;
	border-color: transparent;
}
/*
	$text:        #464747;
	$background:  #F0F3F3;
	$light:       #fdfaf7

	light_orange: #fdfaf7;
	$orange:      #EE9902;
	$red:         #C00506;

	flat_red:     #D87060;
	$flat_blue:   #60C8D8;
	$flat_orange: #FCC58E;

	$light_green: #B3DBCD;
	$dark_green:  #26715F;
*/


.c-pricing
{
	display: table-row;
}

/* -------- Mobile, Tablet (portrait) --------- */
@media (max-width: 1023px)
{
	.c-pricing
	{
		display: flex;

		flex-wrap: wrap;
	}
}

.c-pricing + .c-pricing
{
	margin-top: 8px;
}

.c-pricing__tag
{
	display: flex;

	padding: 4px 10px 4px 12px;

	background-color: #EE9902;

	color: #FFF;

	border: 2px solid #EE9902;

	-webkit-align-items: center;
	        align-items: center;
}

.c-pricing__element
{
	display: table-cell;

	vertical-align: middle;

	padding: 3px 0;

	border: 2px solid #F1F2F6;
}

/* --- Tablet (landscape), Laptop & Desktop --- */
@media (min-width: 1024px)
{
	.c-pricing__element:last-child
	{
		border-left: none;
	}
}

/* -------- Mobile, Tablet (portrait) --------- */
@media (max-width: 1023px)
{
	.c-pricing__element
	{
		width: 50%;
		min-width: 0;

		border-left: none;
	}

	.c-pricing__element:not(:last-child)
	{
		border-bottom: none;
	}

	.c-pricing__element.price,
	.c-pricing__element.age,
	.c-pricing__element.ticket_type
	{
		width: 100%;

		border-left: 2px solid #F1F2F6;
	}

	.c-pricing__element.validity_start
	{
		border-left: 2px solid #F1F2F6;
	}
}

.c-pricing__value
{
	display: flex;

	padding: 4px 8px;

	-webkit-align-items: center;
	        align-items: center;
}

.c-pricing__element-header .c-pricing__value
{
	white-space: nowrap;
}

.c-pricing__value.price
{
	-webkit-flex-wrap: wrap;
	    -ms-flex-wrap: wrap;
	        flex-wrap: wrap;
}

.c-pricing__value:empty:before
{
	display: block;

	width: 100%;

	content: '-';
	text-align: center;
}

.c-pricing__value + .c-pricing__value,
.c-pricing__element + .c-pricing__element .c-pricing__value
{
	border-left-width: 0;
}

.c-pricing--important .c-pricing__value
{
	border-color: #C00506;
}

.c-model__cart-icon
{
	margin-left: 8px;

	font-size: 1.4em;
}

.c-pricing__price-line
{
	width: 100%;
}

[class='c-pricing__price-line']:not(:last-child),
.c-pricing__price-line.available:not(:last-child)
{
	text-decoration: line-through;
}

.c-pricing__price-line.ended
{
	font-weight: 600;
	color: #BBB;
}

.c-pricing__price-line.full,
.c-pricing__price-line.end-of-sell
{
	font-weight: 600;
	color: #BBB;
}

.c-pricing__price-line.canceled
{
	font-weight: 600;
	color: #C00506;
}
.c-private-sale-link
{
	position: relative;
	display: flex;

	flex-direction: column;

	background-color: #FFF;

	font-weight: 600;
	color: #FFF;
	text-decoration: none;

	flex-grow: 1;
}

.c-private-sale-link__text
{
	position: relative;
	display: flex;

	width: 100%;

	padding: 12px;

	background-image: url(/images/background/private_sale.jpg);

	font-size: 1.2rem;

	text-align: center;

	z-index: 0;

	flex-grow: 1;
	align-items: center;
	justify-content: center;
}

.c-private-sale-link__text::before
{
	position: absolute;
	opacity: .75;

	height: 100%;
	width: 100%;

	top: 0;
	left: 0;

	background-color: #000;

	content: "";

	transition: opacity 440ms ease;

	z-index: -1;
}

.c-private-sale-link:hover .c-private-sale-link__text::before
{
	opacity: .85;
}
/*
	$text:        #464747;
	$background:  #F0F3F3;
	$light:       #fdfaf7

	light_orange: #fdfaf7;
	$orange:      #EE9902;
	$red:         #C00506;

	flat_red:     #D87060;
	$flat_blue:   #60C8D8;
	$flat_orange: #FCC58E;

	$light_green: #B3DBCD;
	$dark_green:  #26715F;
*/

.c-qty
{
	position: relative;
	display: flex;

	align-items: center;
	justify-content: space-between;
}

.c-qty__less
{
	margin-right: 12px;
}

.c-qty__more
{
	margin-left: 12px;
}

.c-qty__less,
.c-qty__more
{
	display: flex;

	height: 38px;
	width: 38px;

	font-size: 0;
	color: transparent;

	-webkit-align-items: center;
	        align-items: center;
	-webkit-justify-content: center;
	        justify-content: center;
}

.c-qty__less:before
{
	height: 3px;
	width: 1em;

	top: 0;
	left: 0;

	background-color: #FC9D00;

	content: '';
}

.c-qty__more:before,
.c-qty__more:after
{
	height: 3px;
	width: 1em;

	top: 0;
	left: 0;

	background-color: #FC9D00;

	content: '';
}


.c-qty__more:after
{
	position: relative;

	height: 1em;
	width: 3px;

	left: -.5em;
	margin-left: -1px;
}

.c-qty__less:before,
.c-qty__more:before,
.c-qty__more:after
{
	font-size: 18px;
}

.c-qty__input
{
	height: 32px;
	width: 70px;

	padding: 4px 6px;

	background-color: #FDFAF7;

	text-align: center;

	border-radius: 25px;
	border: none;
}

/* -------- Laptop & desktop -------- */
@media (min-width: 992px)
{
	.c-qty__input[type="number"]
	{
		padding-left: 14px;
	}
}.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;
}

:disabled + .c-radio__label
{
	cursor: default;
}

.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: #474747;

	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-ref-details
{
	width: 1200px;
	max-width: 100%;

	margin-top: 20px;
	margin-left: 10px;

	background-color: #FDFAF7;

	border-collapse: collapse;

	border-top-left-radius: 8px;
	border-top-right-radius: 8px;

	overflow: hidden;
}

.c-ref-details__fields.is-header
{
	background-color: #FDF3E7;

	text-align: left;

	border-bottom: 2px solid #F49A17;
}

[class^="c-ref-details__field-"]
{
	padding: 10px 10px;

	text-align: center;
	white-space: nowrap;
}

.c-ref-details__field-Ref
{
	width: 50%;

	text-align: left;
	white-space: normal;
}

.c-ref-details__field-Price
{
	min-width: 110px;
}

.c-ref-details__field-PriceType
{
	width: 160px;
}

.c-ref-details__field-ValidityStart
{
	min-width: 160px;
}

.c-ref-details__field-ValidityEnd
{
	min-width: 160px;
}

.c-ref-details__field-LimitDate
{
	min-width: 160px;
}
.c-rendered-text p
{
	display: inline;

	margin: 0;
	padding-right: 4px;

	font-size: 1em;
}

.c-rendered-text br
{
	display: none;
}

.c-rendered-text span[style*="color"]
{
	color: inherit !important;
}

.c-rendered-text span[style*="background"]
{
	background-color: transparent !important;
}.c-renewal-infos
{
	display: flex;

	flex-wrap: wrap;
	gap: 30px 40px;

	font-size: 1.05rem;

	align-items: center;
}

.c-renewal-infos__label
{
	display: flex;

	gap: .4em;

	font-weight: 700;
	font-size: 1em;

	align-items: center;
}

.c-renewal-infos__label::after
{
	padding-left: .0;

	content: ":";

	order: 1;
}

.c-renewal-infos__value
{
	font-weight: 500;
	font-size: 1em;

	order: 2;
}
/*
	$text:        #464747;
	$background:  #F0F3F3;
	$light:       #fdfaf7

	light_orange: #fdfaf7;
	$orange:      #EE9902;
	$red:         #C00506;

	flat_red:     #D87060;
	$flat_blue:   #60C8D8;
	$flat_orange: #FCC58E;

	$light_green: #B3DBCD;
	$dark_green:  #26715F;
*/

.c-search-view-item
{
	position: relative;
	display: flex;

	padding: 10px 15px;

	background-color: #FFF;
}

.c-search-view-item--global-search
{
	min-height: 60px;

	padding: 0;

	cursor: pointer;

	align-items: stretch;
}

.c-search-view-item.selected:before,
.c-search-view-item.selected:after
{
	position: absolute;

	height: 100%;
	width: 100%;

	top: 0;
	left: 0;

	content: "";

	border: 2px solid #26715F;
}

.c-search-view-item.selected:before,
.c-search-view-item.selected:before
{
	top: -1em;
	left: -1em;

	font-size: 4px;

	border: 1em solid #B3DBCD;

	box-sizing: content-box;
}

.c-search-view-item__content
{
	position: relative;
	display: flex;

	gap: 8px;

	align-items: center;
}

.c-search-view-item--global-search .c-search-view-item__content
{
	position: relative;

	padding: 6px 15px 6px 25px;
}

.c-search-view-item--global-search .c-search-view-item__content:before
{
	position: absolute;

	height: 1em;
	width: 1em;

	top: 50%;
	margin-top: -.5em;
	left: 5px;

	background-color: #F6A807;

	font-size: 10px;

	content: "";
}

.c-search-view-item__title
{
	font-weight: 600;
	font-size: 1.2em;
}

.c-search-view-item--global-search  .c-search-view-item__title
{
	font-size: 1em;
}

.c-search-view-item__img
{
	width: 60px;

	margin-right: 5px;

	font-family: "object-fit: contain";

	object-fit: contain;
}

.c-search-view-item--global-search .c-search-view-item__img
{
	display: block;

	width: 60px;

	font-family: "object-fit: cover";

	object-fit: cover;
}

.c-search-view-item__disabled
{
	top: 100%;
	right: 0;
	padding: 2px 12px;

	background-color: #F4DDDD;

	color: #C00506;
}
.c-searchbar-v2
{
	position: relative;
	display: flex;

	align-items: center;
}

.c-searchbar-v2__clear
{
	position: absolute;
	display: flex;

	height: var(--input-height);

	right: 0;
	bottom: 0;
	padding: 0 6px;

	border-top-right-radius: var(--input-radius);
	border-bottom-right-radius: var(--input-radius);

	z-index: 2;

	align-items: center;
}

.c-searchbar-v2__clear:hover,
.c-searchbar-v2__clear:focus
{
	background-color: rgba(0, 0, 0, .1);
}

.c-searchbar-v2__clear-icon
{
	display: block;

	font-size: 22px;
}
/*
	$text:        #464747;
	$background:  #F0F3F3;
	$light:       #fdfaf7

	light_orange: #fdfaf7;
	$orange:      #EE9902;
	$red:         #C00506;

	flat_red:     #D87060;
	$flat_blue:   #60C8D8;
	$flat_orange: #FCC58E;

	$light_green: #B3DBCD;
	$dark_green:  #26715F;
*/

.c-searchbar
{
	position: relative;
	display: inline-flex;

	max-width: 100%;

	z-index: 1;
}

.c-searchbar--full-width
{
	width: 100%;
}

.c-searchbar--search-results
{
	width: 600px;

	margin-right: auto;
	margin-left: auto;
	margin-bottom: -25px;

	z-index: 3;
}

/* ------------------ Mobile ------------------ */
@media (max-width: 767px)
{
	.c-searchbar--search-results
	{
		margin-top: 0;
		padding-right: 55px;
	}
}

.c-searchbar--global
{
	display: flex;

	height: auto;

	align-items: center;
}

/* -------------- Mobile, Tablet -------------- */
@media (max-width: 1200px)
{
	.c-searchbar--global
	{
		margin-left: 5px;
	}
}

.c-searchbar--full
{
	display: flex;

	width: 100%;
}

.c-searchbar--front
{
	width: 100%;

	margin: 15px 0;

	flex-grow: 1;
}

.c-searchbar--form
{
	display: flex;

	width: 100%;

	margin-bottom: 20px;
}

.c-searchbar--dashboard
{
	width: 100%;

	flex-grow: 1;
}

/* -------------- Mobile, Tablet -------------- */
@media (max-width: 1325px)
{
	.c-searchbar__visual-input
	{
		display: none;
	}
}

/* ------------- Laptop & Desktop ------------- */
@media (min-width: 1326px)
{
	.c-searchbar__visual-input
	{
		display: flex;

		height: 36px;
		width: 280px;

		margin-right: 10px;

		cursor: pointer;

		border: 2px solid #F6A805;
	}
}

.c-searchbar > .c-form-element
{
	margin: 0;
}

.c-searchbar input
{
	height: 42px;
	width: 350px;
	max-width: 100%;

	margin: 0;
	padding: 6px 38px 6px 40px;

	background-color: #FFF;

	font-size: 1em;

	border: none;

	box-shadow: none;

	outline: none;
}

.c-searchbar--full-width input
{
	width: 100%;
}

.c-searchbar--front input,
.c-searchbar--full input,
.c-searchbar--search-results input,
.c-searchbar--dashboard input
{
	width: 100%;
}

.c-searchbar--form input
{
	height: 38px;
	width: 100%;

	padding-top: 6px;
	padding-bottom: 6px;

	background-color: #FDFAF7;

	border: 2px solid transparent;
}

.c-searchbar--global input
{
	width: 100%;

	border: 1px solid #DDD;
}

/* -------- Mobile -------- */
@media (max-width: 639px)
{
	.c-searchbar--global input
	{
		height: 34px;

		padding-right: 5px;

		font-size: 14px;
	}
}

.c-searchbar input:focus
{
	box-shadow: 0 0 0 3px #F9D29D;
}

.c-searchbar--form input:focus
{
	box-shadow: none;
}

.c-searchbar--global input:focus
{
	border-color: #EE9902;

	box-shadow: 0 0 0 1px #EE9902;
}

.c-searchbar__icon
{
	position: absolute;

	top: 50%;
	left: 10px;

	font-size: 20px;
	color: #F29B34;

	cursor: text;

	        transform: translateY(-50%);

	-webkit-transform: translateY(-50%);
	    -ms-transform: translateY(-50%);
}

.c-searchbar__reset
{
	position: absolute;
	visibility: hidden;

	height: 100%;
	width: 46px;
	min-width: 0;

	top: 50%;
	right: 0;

	color: #EE9902;

	border-radius: 0;

	        transform: translateY(-50%);

	-webkit-transform: translateY(-50%);
	    -ms-transform: translateY(-50%);
}

.c-searchbar__btn + .c-searchbar__reset
{
	right: 51px;
}

.c-searchbar__reset.js-visible
{
	visibility: visible;
}

.c-searchbar__reset-icon
{
	position: absolute;

	height: 1em;
	width: 1em;

	top: 50%;
	margin-top: -.5em;
	left: 50%;
	margin-left: -.5em;

	font-size: 22px;

	cursor: pointer;

	        border-radius: 50%;
	border: 2px solid currentColor;

	-webkit-border-radius: 50%;
}

.c-searchbar__reset-icon:before,
.c-searchbar__reset-icon:after
{
	position: absolute;

	height: .5em;
	width: 2px;

	top: 50%;
	margin-top: -.25em;
	left: 50%;
	margin-left: -1px;

	background-color: currentColor;

	content: "";

	        border-radius: 4px;

	transform-origin: center;

	-webkit-border-radius: 4px;
}

.c-searchbar__reset-icon:before
{
	        transform: rotate(-45deg);

	-webkit-transform: rotate(-45deg);
	    -ms-transform: rotate(-45deg);
}

.c-searchbar__reset-icon:after
{
	        transform: rotate(45deg);

	-webkit-transform: rotate(45deg);
	    -ms-transform: rotate(45deg);
}

.c-searchbar__btn
{
	margin-left: 4px;
	padding: 0 10px;

	background-color: transparent;

	font-weight: 600;
	font-size: 18px;
	color: #00A5D1;

	text-align: center;
	text-transform: uppercase;
}

.c-searchbar__open
{
	position: relative;

	height: auto;
	min-width: 0;

	margin-top: 5px;
	margin-bottom: 5px;
	padding: 10px;

	background-color: #F6A805;

	color: #FFF;

	border-radius: 0;
	border-radius: 50%;

	transition: background-color 320ms ease;
}

.c-searchbar__open:hover
{
	background-color: #911F18;

	color: #FFF;
}

.c-searchbar__open-icon
{
	height: 1em;
	width: 1em;

	font-size: 26px;
}
.c-select
{
	position: relative;
	display: flex;

	flex-wrap: wrap;

	width: 100%;

	font-size: 1rem;
}

.c-select--auto
{
	width: auto;
}

.c-select--fixed-payment_status
{
	flex-basis: 140px;
}

/* ------------------ Mobile ------------------ */
@media (max-width: 599px)
{
	.c-select--fixed-payment_status
	{
		flex-grow: 1;
	}
}

.c-select--20\%
{
	flex-basis: 16.7%;
	flex-grow: 1;
}

.c-select--25\%
{
	flex-basis: 20.1%;
	flex-grow: 1;
}

.c-select--user-type
{
	flex-grow: 0;
	flex-basis: 200px;
}

.c-select--user-status
{
	flex-grow: 0;
	flex-basis: 160px;
}

.c-select--33\%
{
	flex-basis: 25.1%;
	flex-grow: 1;
}

.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--white-bg .c-select__select
{
	background-color: #FFF;
}

.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-status
{
	display: inline-flex;

	padding: 4px 12px;

	background-color: #E0E0E0;

	font-weight: 600;
	font-size: 1rem;
	color: #000;

	letter-spacing: .3px;

	border-radius: 6px;
}

.c-status:empty
{
	display: none;
}

.c-status--primary
{
	background-color: var(--primary);

	color: #FFF;
}

.c-status--pink
{
	background-color: #FFD1F1;

	color: #000;
}

.c-status--no-bottom-radius
{
	border-bottom-right-radius: 0;
	border-bottom-left-radius: 0;
}

.c-status--green
{
	background-color: var(--green);

	color: #FFF;
}

.c-status--secondary
{
	background-color: var(--secondary);

	color: #FFF;
}

.c-status--red
{
	background-color: var(--red);

	color: #FFF;
}

.c-status__label
{
	font-weight: inherit;
	font-size: 1rem;
	color: inherit;
}
/*
	$text:         #464747;
	$background:   #F0F3F3;
	$light:        #F6F8F8

	light_orange:  #FCCB8D;
	$orange:       #FCC58E;
	$dark_orange:  #935B00;

	$light_blue:   #A8D4EB;
	$blue:         #00A8D4;
	$dark_blue:    #006882;

	$light_green:  #B3DBCD;
	$green:        #A7D9C9;
	$dark_green:   #26715F;

	$light_purple: #dab2d4;
	$purple:       #BA5B9E;
	$dark_purple:  #743862;
*/

.c-status-indicator
{
	display: flex;

	-webkit-align-items: center;
	        align-items: center;
}

.c-status-indicator__circle
{
	display: block;

	height: 1em;
	width: 1em;

	margin-right: 8px;

	background-color: #DEDEDE;

	font-size: 10px;

	-webkit-border-radius: 50%;
	        border-radius: 50%;

	-webkit-flex-shrink: 0;
	        flex-shrink: 0;
}

.c-status-indicator--green .c-status-indicator__circle
{
	background-color: #26715F;
}

.c-status-indicator--orange .c-status-indicator__circle
{
	background-color: #EE9901;
}

.c-status-indicator--red .c-status-indicator__circle
{
	background-color: #C00506;
}

.c-status-indicator--blue .c-status-indicator__circle
{
	background-color: #6BB9EA;
}
/*
	$text:        #464747;
	$background:  #F0F3F3;
	$light:       #fdfaf7

	light_orange: #fdfaf7;
	$orange:      #EE9902;
	$red:         #C00506;

	flat_red:     #D87060;
	$flat_blue:   #60C8D8;
	$flat_orange: #FCC58E;

	$light_green: #B3DBCD;
	$dark_green:  #26715F;
*/

.c-sub-menu
{
	position: absolute;
	visibility: hidden;

	top: 100%;
	right: 0;
}

/* -------- Mobile -------- */
@media (max-width: 639px)
{
	.c-sub-menu
	{
		position: fixed;

		width: 100vw;

		top: 48px;
		right: 0;
	}
}

/* -------- Mobile -------- */
@media (max-width: 418px)
{
	.c-sub-menu
	{
		position: absolute;

		top: 100%;
		margin-top: -9px;
		right: 0;
	}
}

.c-sub-menu--open
{
	visibility: visible;
}


/* ------------------------------------ */
/* ---------- sub-menu__menu ---------- */
/* ------------------------------------ */

.c-sub-menu__menu
{
	position: relative;
	opacity: 0;

	margin: 10px 0 0;
	padding-left: 0;

	background-color: #FFF;

	font-size: 15px;

	box-shadow: 0 3px 5px 0 rgba(0, 0, 0, .05);

	transition: all 320ms ease;
	transform: translateY(-8px);

	z-index: 2;
}

/* -------- Mobile -------- */
@media (max-width: 639px)
{
	.c-sub-menu__menu
	{
		margin-top: 10px;
	}
}

.c-sub-menu__menu:before
{
	position: absolute;
	display: inline-block;

	height: 0;
	width: 0;

	right: 19px;
	bottom: 100%;

	content: '';

	border-width: 0 11px 18px 11px;
	border-style: solid;
	border-color: transparent transparent transparent transparent;
}

/* -------- Mobile -------- */
@media (max-width: 639px)
{
	.c-sub-menu__menu:before
	{
		display: none;
	}
}

.c-sub-menu--open .c-sub-menu__menu,
:focus + .c-sub-menu .c-sub-menu__menu
{
	opacity: 1;

	transform: translateY(0) translateX(0);
}

/* -------- Mobile -------- */
@media (max-width: 639px)
{
	.c-sub-menu--open
	{
		display: block;
	}
}


/* ------------------------------------ */
/* ---------- sub-menu__item ---------- */
/* ------------------------------------ */

.c-sub-menu__item
{
	position: relative;
	display: block;

	width: 100%;
}

.c-sub-menu__item--active
{
	position: relative;

	z-index: 0;
}

.c-sub-menu__item--active:before,
.c-sub-menu__item--active:after
{
	position: absolute;

	height: 100%;
	width: 4px;

	top: 0;
	left: 0;

	background-color: #EE9902;

	content: '';

	z-index: -1;
}

.c-sub-menu__item--active:after
{
	right: 0;
	left: auto;
}

.c-sub-menu__item:not(:first-child):before
{
	position: absolute;

	height: 1px;
	width: 60%;

	top: 0;
	left: 20%;

	background-color: #F0F3F3;

	content: '';

	transition: all 320ms ease;

	z-index: -1;
}

.c-sub-menu__item:not(.c-sub-menu__item--active):hover + .c-sub-menu__item:before
{
	background-color: transparent;
}


/* ------------------------------------ */
/* ---------- sub-menu__link ---------- */
/* ------------------------------------ */

.c-sub-menu__link
{
	position: relative;
	display: block;

	width: 100%;

	padding: 12px 15px;

	color: #363A2C;
	text-decoration: none;

	text-align: center;
	white-space: nowrap;

	transition: all 320ms ease;

	z-index: 1;
}


/* -------- Mobile -------- */
@media (max-width: 767px)
{
	.c-sub-menu__link
	{
		padding: 15px 35px;
	}
}

.c-sub-menu__link:hover,
.c-sub-menu__link:focus,
.c-sub-menu__link:active,
.c-sub-menu__link.is-active
{
	background-color: #D14944;

	color: #FFF;
}

.c-sub-menu__link.is-abondement:hover,
.c-sub-menu__link.is-abondement:focus,
.c-sub-menu__link.is-abondement:active,
.c-sub-menu__link.is-abondement
{
	background-color: #FFF;

	color: #363A2C;
}

.c-sub-menu__item:first-child .c-sub-menu__link:before,
.c-sub-menu__item:last-child .c-sub-menu__link:after
{
	position: absolute;
	display: none;

	height: 1px;
	width: 60%;

	top: -1px;
	left: 20%;

	content: '';

	border-width: 1px 1px 1px 0;
	border-style: solid;
	border-color: white;

	transition: all 320ms ease;

	box-sizing: content-box;

	z-index: 1;
}

.c-sub-menu__link:focus
{
	box-shadow: 0 0 0 2px #FFF inset;

	outline: none;
}

.c-sub-menu__item--active .c-sub-menu__link:focus
{
	box-shadow: none;
}

.c-sub-menu__item--active .c-sub-menu__link:hover:after,
.c-sub-menu__item--active:hover + .c-sub-menu__item .c-sub-menu__link:after
{
	background-color: #F0F3F3;
}

.c-sub-menu__item:first-child .c-sub-menu__link:after
{
	display: none;
}

.c-sub-menu__item--active .c-sub-menu__link
{
	background-color: transparent;

	color: #363A2C;

	cursor: default;
}
.c-syner-kado
{
	position: relative;
	display: flex;

	flex-wrap: wrap;

	height: var(--card-h);
	width: var(--card-w);
	max-width: 100%;

	margin-bottom: 30px;
	padding: 12px 15px;

	background-image: url(/images/syner_kado_bg.jpg);
	background-position: center;
	background-size: cover;

	border-radius: 12px;
	border: 2px solid black;

	box-shadow: 4px 3px 0 2px #000;

	overflow: hidden;

	--card-h: calc(calc(969 / 1536) * var(--card-w));
	--card-w: 400px;
	align-items: flex-start;
}

/* ------------------ Mobile ------------------ */
@media (max-width: 599px)
{
	.c-syner-kado
	{
		--card-w: 330px;
	}
}

.c-syner-kado__chip-icon
{
	position: absolute;
	display: flex;

	height: 1em;
	width: 1em;

	left: 15px;
	bottom: 12px;

	font-size: 46px;
	color: #FFD166;
}

.c-syner-kado__logo
{
	display: block;

	height: calc(.13 * var(--card-w));
	width: auto;
}

.c-syner-kado__link
{
	position: relative;
	display: flex;

	width: 300px;
	max-width: 100%;

	margin-right: auto;
	margin-left: auto;
	padding: 12px 10px;

	background-color: var(--btn-color);

	font-weight: 600;
	font-size: 1.2rem;
	color: #FFF;

	letter-spacing: -.6px;
	text-transform: uppercase;

	border-radius: var(--radius);

	z-index: 0;

	justify-content: center;
	align-items: center;
	--btn-color: var(--green);
	--radius: 6px;
}

.c-syner-kado__link::before
{
	position: absolute;

	height: 100%;
	width: 100%;

	top: 0;
	left: 0;

	background-color: var(--btn-color);

	content: "";

	border-radius: var(--radius);

	transition: all 240ms ease;

	z-index: -1;
}

.c-syner-kado:hover .c-syner-kado__link::before
{
	height: var(--card-h);
	width: var(--card-w);

	top: 50%;
	margin-top: calc(var(--card-h) * -.5);
	left: 50%;
	margin-left: calc(var(--card-w )* -.5);
}
.c-synergies-card
{
	position: relative;

	--height: 352.3px;
	width: 100%;
	max-width: calc(var(--coef) * calc(512px / 1.6));

	--coef: 1.5464;
}

.c-synergies-card.recto
{
	margin-right: 15px;
	margin-bottom: 20px;

	background-color: #FFF;
}

/* ------------------ Mobile ------------------ */
@media (max-width: 767px)
{
	.c-synergies-card
	{
		max-width: calc(100% - 24px);

		--coef: 1.8;
		--og-width: 544px;
		--mobile-width: calc(100vw - 24px);
	}

	.c-synergies-card.recto,
	.c-synergies-card.verso
	{
		height: calc(var(--coef) * var(--height));

		margin-right: auto;
		margin-left: auto;
	}
}

/* ------------------ Mobile ------------------ */
@media (max-width: 600px)
{
	.c-synergies-card
	{
		--coef: 1.5;
	}
}

/* ------------------ Mobile ------------------ */
@media (max-width: 500px)
{
	.c-synergies-card
	{
		--coef: 1.19;
	}
}

/* ------------------ Mobile ------------------ */
@media (max-width: 400px)
{
	.c-synergies-card
	{
		--coef: .87;
	}
}

/* ------------------ Mobile ------------------ */
@media (max-width: 300px)
{
	.c-synergies-card
	{
		--coef: 1.2;
	}
}

.c-synergies-card.verso
{
	display: flex;

	flex-direction: column;

	height: calc(var(--coef) * calc(331.58px / 1.6));

	margin-bottom: 20px;

	background-color: #FFF;

	font-size: 9px;

	justify-content: space-between;
}

/* ------------------ Mobile ------------------ */
@media (max-width: 767px)
{
	.c-synergies-card.recto,
	.c-synergies-card.verso
	{
		display: flex;

		height: calc(var(--mobile-width) * .64667);

		margin-right: auto;
		margin-left: auto;
	}
}

.c-synergies-card__recto-txt
{
	position: absolute;

	left: 0;
	bottom: -4px;
	padding: 9px 12px;

	font-weight: 600;
	font-size: 13px;
	color: #FFF;
}

/* ------------------ Mobile ------------------ */
@media (max-width: 767px)
{
	.c-synergies-card__recto-txt
	{
		padding: 10px 10px;

		font-size: 14px;
	}
}

.c-synergies-card__data
{
	display: flex;

	flex-direction: column;

	width: 100%;

	font-weight: 600;
	font-size: calc(var(--coef) * 9px);
	color: #FFF;

	flex-grow: 1;
}

.c-synergies-card__company
{
	display: flex;

	height: calc(var(--coef) * calc(90px / 1.6));

	padding: calc(var(--coef) * 6px) calc(var(--coef) * 10px ) 0;

	background-color: #FFF;

	font-weight: 900;
	color: #000;

	text-transform: uppercase;

	flex-grow: 1;
}

.c-synergies-card__company-label
{
	width: calc(var(--coef) * 55px);

	margin-right: calc(var(--coef) * 15px);

	font-weight: 900;
	color: #992311;

	text-align: right;
}

.c-synergies-card__name
{
	display: flex;

	padding: calc(var(--coef) * 10px) calc(var(--coef) * 10px) calc(var(--coef) * 15px);

	background-color: #FFF;

	font-weight: 900;
	color: #000;

	text-transform: uppercase;

	border-bottom: 4px solid #90210E;

	flex-grow: 1;
}

.c-synergies-card__name-label
{
	width: calc(var(--coef) * 55px);

	margin-right: calc(var(--coef) * 15px);

	font-weight: 900;
	color: #992311;

	text-align: left;
	text-transform: uppercase;
}

.c-synergies-card__usage
{
	display: block;

	padding: calc(var(--coef) * 8px) calc(var(--coef) * 10px);

	background-color: #FFF;

	font-size: calc(var(--coef) * 6.75px);
	color: #000;

	text-align: left;
}

.c-synergies-card__usage-label
{
	position: relative;
	display: inline-flex;

	width: auto;

	margin-right: calc(var(--coef) * 40px);
	margin-bottom: calc(var(--coef) * 6px);

	font-weight: 900;
	color: #000;

	text-align: center;

	border-bottom: 2px solid #F7A600;
}

.c-synergies-card__usage-label:after
{
	position: absolute;

	height: 80%;
	width: 2px;

	top: 50%;
	left: 100%;
	margin-left: 21px;

	background-color: #FFF;

	content: "";

	transform: translateY(-50%);
}

.c-synergies-card__usage-txt
{
	display: flex;

	width: 100%;

	justify-content: space-between;
}

.c-synergies-card__icon
{
	position: absolute;
	display: block;

	height: 1em;
	width: 1em;

	top: 0;
	left: 50%;

	font-size: var(--icon-size);

	transform: translateX(-50%);
}

.c-synergies-card__usage-row
{
	position: relative;

	margin-right: calc(var(--coef) * 7px);
	padding-top: calc(var(--icon-size) + calc(var(--coef) * 4px));
	padding-left: calc(var(--coef) * 10px);

	flex-basis: 30%;
	flex-grow: 1;
	--icon-size: calc(var(--coef) * 19px);
}

.c-synergies-card__usage-row:first-child
{
	flex-grow: 2;
}

.c-synergies-card__usage-row:first-child:before
{
	display: block;
	float: left;

	top: 0;
	margin-right: 5px;
	left: 0;

	content: "1 -";
}

.c-synergies-card__usage-row:nth-child(2):before
{
	display: block;
	float: left;

	top: 0;
	margin-right: 3px;
	left: 0;

	content: "2 -";
}

.c-synergies-card__usage-row + .c-synergies-card__usage-row
{
	margin-right: 0;
	margin-left: calc(var(--coef) * 7px);
}

.c-synergies-card__usage-row strong
{
	font-weight: 900;
}

.c-synergies-card__infos
{
	display: flex;

	padding: calc(var(--coef) * 5px) calc(var(--coef) * 20px);

	background-color: #F8AB1D;

	font-weight: 900;
	font-size: calc(var(--coef) * 8.1px);
	color: #90210E;

	border-bottom: 6px solid #90210E;

	justify-content: space-between;
}

.c-synergies-card__validity
{
	margin-right: calc(var(--coef) * 12px);
}

.c-synergies-card.verso:before
{
	display: block;

	width: 100%;

	padding: 6px 20px;

	background-color: #992311;

	color: #FFF;

	content: "";
}

.c-synergies-card__bar-code
{
	position: relative;

	margin-bottom: 35px;
}

.c-synergies-card__bar-code > svg
{
	position: relative;
	display: block;

	max-width: 100%;

	margin: 0 auto;
	top: 0;
}
/*
	$text:        #464747;
	$background:  #F0F3F3;
	$light:       #fdfaf7

	light_orange: #fdfaf7;
	$orange:      #EE9902;
	$red:         #C00506;

	flat_red:     #D87060;
	$flat_blue:   #60C8D8;
	$flat_orange: #FCC58E;

	$light_green: #B3DBCD;
	$dark_green:  #26715F;
*/

.c-tab
{
	display: flex;

	background-color: #2D2D2D;

	font-weight: 600;
	color: #FFF;
	text-decoration: none;

	text-transform: uppercase;

	-webkit-align-items: center;
	        align-items: center;
	-webkit-justify-content: center;
	        justify-content: center;
}

.c-tab--active
{
	background-color: #FFF;

	color: #2D2D2D;
}

.c-tab__label
{
	position: relative;

	margin-right: 20px;
	margin-left: 20px;
	padding: 2px 2px;
}

.c-tab__label:after
{
	position: absolute;

	height: 1px;
	width: 100%;

	top: 100%;
	left: 0;

	background: transparent;

	content: '';
}

.c-tab--active .c-tab__label:after
{
	background-color: #F69826;
}
.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--cover-cell
{
	--gap: 8px;

	width: 100%;

	margin: 0;
	padding: 0;

	background-color: transparent;
}

.c-table-btn--in-cell
{
	--gap: 10px;

	margin: 0;
	padding: 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-stats
{
	width: auto;
	max-width: 100%;

	margin-left: auto;
	margin-bottom: 30px;

	background-color: #FFF;

	border-collapse: collapse;

	border-radius: 4px;

	overflow: hidden;
}

.c-table-stats__cell
{
	padding: 10px 18px;

	font-size: 1.1rem;

	text-align: center;
}

.c-table-stats__cell.is-red
{
	background-color: #F4DDDD;

	font-weight: 600;
	color: #C00506;
}

.c-table-stats__cell.is-green
{
	background-color: #E7F1EF;

	font-weight: 600;
	color: #000;
}
/*
	$text:        #464747;
	$background:  #F0F3F3;
	$light:       #fdfaf7

	light_orange: #fdfaf7;
	$orange:      #EE9902;
	$red:         #C00506;

	flat_red:     #D87060;
	$flat_blue:   #60C8D8;
	$flat_orange: #FCC58E;

	$light_green: #B3DBCD;
	$dark_green:  #26715F;
*/

.table-container
{
	position: relative;

	max-width: 100%;

	    overflow-x: auto;
	-ms-overflow-x: auto;
}

/* ------------------------------------- *\
|* ------------ # c-table # ------------ *|
\* ------------------------------------- */

.c-table
{
	display: table;

	width: 100%;

	border-collapse: collapse;

	border: none;
}
/*
	$text:        #464747;
	$background:  #F0F3F3;
	$light:       #fdfaf7

	light_orange: #fdfaf7;
	$orange:      #EE9902;
	$red:         #C00506;

	flat_red:     #D87060;
	$flat_blue:   #60C8D8;
	$flat_orange: #FCC58E;

	$light_green: #B3DBCD;
	$dark_green:  #26715F;
*/

.c-page-title
{
	position: relative;
	display: flex;

	flex-wrap: wrap;

	min-height: 82px;
	width: 100%;

	margin-top: 0;
	margin-bottom: 0;
	padding: 4px 35px 8px;

	background-color: #FDFAF7;

	font-weight: 600;
	color: #464747;

	text-align: left;
	text-transform: uppercase;

	border-top: 1px solid #DDD;
	border-bottom: 1px solid #DDD;

	align-items: center;
	flex-shrink: 0;
}

.c-page-title--breadcrumb-only
{
	min-height: 41px;
}

/* -- Mobile -- */
@media (max-width: 639px)
{
	.c-page-title
	{
		min-height: auto;

		padding: 6px 15px;
	}
}

.c-page-title__txt
{
	width: 100%;

	margin: 0;
	padding: 0;

	font-weight: inherit;
	font-size: 1.6em;
	color: inherit;
}

/* -- Mobile -- */
@media (max-width: 639px)
{
	.c-page-title__txt
	{
		margin-bottom: 0;

		font-size: 1.4em;
	}
}

/* ----------- page__subtitle ----------- */

.c-page-subtitle
{
	position: relative;

	margin: 0;
	top: -4px;

	font-weight: 400;
	font-size: 17px;
	color: #464747;

	text-transform: none;
}

/* -- Mobile & Tablette -- */
@media (max-width: 992px)
{
	.c-page-subtitle
	{
		font-size: 20px;
	}
}

/* ---------- page-title__icon ---------- */

.c-page-title__icon
{
	display: block;

	margin-right: 10px;

	font-size: inherit;
	color: #F36E21;

	fill: #FFF;
}

.c-page-title__icon.o-svg-icon--help,
.c-page-title__icon.o-svg-icon--charts
{
	color: inherit;
}




/* ------------------------------------- *\
|* --------- # c-block-title # --------- *|
\* ------------------------------------- */

.c-block-title
{
	margin-top: 10px;
	margin-bottom: 20px;

	font-weight: 400;
	font-size: 28px;
	color: #F36E21;

	text-align: center;
}



/* ------------------------------------- *\
|* ------------ # c-title # ------------ *|
\* ------------------------------------- */

.c-title
{
	position: relative;
	display: flex;

	flex-wrap: wrap;

	margin-top: 30px;
	margin-bottom: 0;
	padding: 15px 20px;

	background-color: #FDFAF7;

	font-weight: 400;

	text-transform: uppercase;
}

/* -- Mobile & Tablette -- */
@media (max-width: 992px)
{
	.c-title
	{
		padding-right: 15px;
		padding-left: 15px;

		font-size: 1em;
	}
}

.c-title:after
{
	position: relative;
	display: block;

	height: 2px;
	width: 79px;

	top: 1em;
	margin-left: 12px;

	background-color: #F6CC81;

	content: "";

	transition: background-color 320ms ease;

	flex-shrink: 0;
	order: 1;
}

.c-title--form-v2::after
{
	top: 0;
	margin-top: 0;
}

.c-title--v2
{
	display: block;

	padding-bottom: 18px;

	background-color: #7D2620;

	font-size: 1em;
}

.c-title--v2:after
{
	height: 1px;
	width: 80px;

	top: 0;
	margin-top: 4px;

	background-color: #EE9902;
}

.c-title--collapsible:after,
.c-title--block:after
{
	display: none;
}

.c-title--collapsible:before
{
	display: inline-flex;

	height: 1em;
	width: 1em;

	margin-right: 12px;

	font-size: .6em;

	content: "";

	border: 2px solid #F09A25;
	border-width: 0 2px 2px 0;

	transition: transform 240ms ease;
	transform: rotate(45deg) translateX(.4em) translateY(.1em);
	transform-origin: center;
}

.c-collapse--open > .c-title--collapsible:before
{
	transform: scale(-1) rotate(45deg) translateX(-.7em) translateY(-.5em);
}

.c-title--link:hover:after
{
	background-color: #F29B34;
}

.c-title--collapsible
{
	margin: 20px 15px 0;
	padding: 8px 12px;

	cursor: pointer;

	border: 2px solid #F29B34;
	border-width: 0 0 2px;
}

.c-title--block
{
	margin: 20px 15px 0;
	padding: 8px 12px;

	border: 2px solid #F29B34;
	border-width: 0 0 2px;
}

.c-title--form
{
	width: 100%;

	margin-top: -15px;
	margin-right: -25px;
	margin-left: -25px;
	margin-bottom: 25px;

	order: -10000;
}

@media (max-width: 1399px)
{
	.c-title--form
	{
		margin-right: -15px;
		margin-left: -15px;
	}
}

@media (max-width: 992px)
{
	.c-title--form
	{
		margin-right: 0;
		margin-left: 0;
	}
}

.c-title--form-v2
{
	width: calc(100% + var(--margin-x) + var(--margin-x));

	margin-top: calc(-1 * var(--margin-y));
	margin-right: 0;
	margin-left: calc(-1 * var(--margin-x));
	margin-bottom: 25px;

	font-size: 1rem;

	--margin-x: 25px;
	--margin-y: 15px;
	align-items: center;
}

/* -- Mobile & Tablette -- */
@media (max-width: 992px)
{
	.c-title--form-v2
	{
		--margin-x: 12px;
	}
}

.c-title--flex-form
{
	width: 100%;

	margin: 0;
}

.c-title__txt
{
	display: inline;

	width: auto;
	max-width: 100%;

	margin: 0;
	padding: 0;

	font-weight: inherit;
	font-size: 1.5em;
	color: #7A4C1F;

	text-transform: inherit;

	        transition: color 320ms ease;

	-webkit-transition: color 320ms ease;
	    -ms-transition: color 320ms ease;
}

.c-title--v2 .c-title__txt
{
	color: #FFF;
}

.c-title--link:hover .c-title__txt
{
	color: #F29B34;
}

/* -- Mobile & Tablette -- */
@media (max-width: 1023px)
{
	.c-title:after
	{
		width: 55px;

		margin-left: 5px;
	}
}

.c-title--collapsible .c-title__txt,
.c-title--block .c-title__txt
{
	font-size: 1em;
}


/* -------------------------------------- *\
|* ----------- # c-subtitle # ----------- *|
\* -------------------------------------- */

.c-subtitle
{
	padding: 0 0 0 12px;

	font-size: 1em;

	text-transform: uppercase;

	border-left: 4px solid #F6A805;
}

.c-subtitle__txt
{
	width: auto;
	max-width: 100%;

	margin: 0;
	padding: 0;

	font-size: 1.3em;
	color: #7A4C1F;

	text-transform: inherit;
}
.c-to-affect
{
	width: 100%;

	margin-bottom: 20px;
}

.c-to-affect__title
{
	margin-top: 0;
	margin-bottom: 15px;

	font-weight: 600;
	font-size: 1.1rem;
	color: #000;

	text-transform: uppercase;
}

.c-to-affect__row
{
	display: flex;

	gap: 10px;

	font-weight: 400;
	font-size: 1rem;

	border: 3px solid #F3F3F3;
	border-top: none;
}

.c-to-affect__row.is-head-row
{
	background-color: #FFF6E5;

	font-weight: 700;
	font-size: 1rem;

	text-transform: uppercase;

	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
	border-color: #FFF6E5;
}

.c-to-affect__cell
{
	display: flex;

	flex-wrap: wrap;

	padding: 4px 0;

	font-weight: inherit;
	font-size: 1em;

	align-items: center;
}

.c-to-affect__cell.has-error
{
	background-color: var(--error-background);
}

.c-to-affect__row.is-head-row .c-to-affect__cell
{
	padding-top: 8px;
	padding-bottom: 8px;
}

.c-to-affect__cell.CN-cb
{
	flex-grow: 0;
	flex-basis: 50px;
	justify-content: center;
}

.c-to-affect__cell.CN-text_number
{
	flex-wrap: wrap;

	flex-grow: 0;
	flex-basis: 220px;
	justify-content: flex-start;
}

.c-to-affect__cell.CN-total_amount
{
	flex-grow: 0;
	flex-basis: 180px;
	justify-content: flex-end;
}

.c-to-affect__cell.CN-remaining_amount
{
	flex-grow: 0;
	flex-basis: 240px;
	justify-content: flex-end;
}
/*
	$text:        #464747;
	$background:  #F0F3F3;
	$light:       #fdfaf7

	light_orange: #fdfaf7;
	$orange:      #EE9902;
	$red:         #C00506;

	flat_red:     #D87060;
	$flat_blue:   #60C8D8;
	$flat_orange: #FCC58E;

	$light_green: #B3DBCD;
	$dark_green:  #26715F;
*/

.c-tooltip
{
	position: relative;

	-webkit-transform: translateZ(0);
	    -ms-transform: translateZ(0);
	        transform: translateZ(0);

	z-index: 1;
}

.c-tooltip--info
{
	display: flex;

	height: 1.4em;
	width: 1.4em;

	font-size: 16px;
	color: #FFF;

	border-radius: 50%;

	z-index: auto;

	align-items: center;
	justify-content: center;
	flex-shrink: 0;
}

.c-tooltip__txt
{
	position: absolute;
	visibility: hidden;
	opacity: 0;

	width: 240px;

	right: -8px;
	bottom: 100%;
	margin-bottom: 15px;
	padding: 6px 10px;

	background-color: #363A2C;

	color: #FFF;

	border-radius: 3px;

	-webkit-transition: transform 180ms ease, opacity 180ms ease, visibility 180ms ease;
	    -ms-transition: transform 180ms ease, opacity 180ms ease, visibility 180ms ease;
	        transition: transform 180ms ease, opacity 180ms ease, visibility 180ms ease;
	-webkit-transform: scale(.95);
	    -ms-transform: scale(.95);
	        transform: scale(.95);

	z-index: 10;
}

.c-tooltip__txt:before
{
	position: absolute;
	display: inline-block;

	height: 0;
	width: 0;

	top: 100%;
	right: 12px;

	content: '';

	border-width: 10px 7px 0 7px;
	border-style: solid;
	border-color: #363A2C transparent transparent transparent;
}

.c-tooltip:hover .c-tooltip__txt,
.c-tooltip__btn:focus + .c-tooltip__txt,
.c-tooltip__btn:hover + .c-tooltip__txt
{
	visibility: visible;
	opacity: 1;

	-webkit-transform: scale(1);
	    -ms-transform: scale(1);
	        transform: scale(1);
}

.c-tooltip--labels .c-tooltip__txt
{
	margin-top: 30px;

	-webkit-border-radius: 0;
	        border-radius: 0;
}

.c-tooltip__btn
{
	position: absolute;
	display: flex;

	height: 100%;
	width: 100%;

	top: 0;
	left: 0;

	background-color: #363A2D;

	color: #FFF;

	border-radius: 50%;
	border: 2px solid #363A2D;

	-webkit-transform: translateZ(0);
	    -ms-transform: translateZ(0);
	        transform: translateZ(0);

	-webkit-align-items: center;
	        align-items: center;
	justify-content: center;
}

.c-tooltip__btn:focus
{
	border-radius: 50%;
	border-color: #FFF;
}
.c-user-abondement-row
{
	display: flex;

	gap: var(--gap);
	--gap: 15px;

	background-color: #FFF;

	--padding-y: 8px;
}

.c-user-abondement-row--header
{
	font-weight: 600;
	font-size: 1.1rem;

	text-transform: uppercase;
}

.c-user-abondement-row:nth-child(odd)
{
	background-color: #FDFAF7;
}

.c-user-abondement-row__cell
{
	display: flex;

	padding: var(--padding-y) 0;

	text-align: right;

	align-items: center;
	flex-basis: 10px;
	flex-grow: 1;
	justify-content: flex-end;
}

.c-user-abondement-row__cell:last-child
{
	padding-right: var(--gap);
}

.c-user-abondement-row__cell.UserAbondement-name
{
	text-align: left;

	justify-content: flex-start;
}

.c-user-abondement-row__cell.UserAbondement-status
{
	flex-basis: 110px;
	flex-grow: 0;
	flex-shrink: 0;
}

.c-user-abondement-row__cell.UserAbondement-cb
{
	padding-right: 0;
	padding-left: var(--gap);

	flex-basis: calc(32px + var(--gap));
	flex-grow: 0;
}

.c-user-abondement-row__cell.UserAbondement-catalog_used
{
	flex-basis: 330px;
	flex-grow: 0;
	flex-shrink: 0;
}
.c-vp-date
{
	position: relative;
	display: flex;

	gap: 20px;

	width: 100%;

	margin-top: 12px;
}

[class*="c-vp-date__col-"]
{
	padding: 6px 0;

	flex-basis: 130px;
	flex-grow: 1;
	flex-shrink: 0;
}

.c-vp-date__col-unit
{
	display: flex;

	margin-right: -16px;
	margin-left: -16px;
	padding: 0 6px;
	padding-top: 36px;

	align-items: flex-start;
	flex-basis: auto;
	flex-grow: 0;
	flex-shrink: 0;
}

.c-vp-date__col-unit:last-child
{
	margin-right: 0;
}

.c-vp-date__col-sep
{
	position: relative;

	padding: 0 12px;

	flex-basis: auto;
	flex-grow: 0;
	flex-shrink: 0;
}

.c-vp-date__col-sep::before
{
	position: absolute;
	display: block;

	height: 54px;
	width: 7px;

	top: 10px;
	margin-left: 6px;
	padding: 0;

	background-color: #FCA91C;

	content: "";

	border-radius: 4px;

	align-self: center;
}

.c-vp-date__col-remove
{
	display: flex;

	padding-top: 22px;

	flex-basis: auto;
	flex-shrink: 0;
	flex-grow: 0;
	align-items: flex-start;
}

.c-vp-date__remove
{
	position: relative;
	display: flex;

	height: var(--size);
	width: var(--size);

	background-color: #F4DDDD;

	color: #C00506;

	border-radius: 4px;

	--size: 42px;
	align-items: center;
	justify-content: center;
}

.c-vp-date__remove:not(.is-disabled):hover
{
	background-color: hsl(0 109% 91% / 1);
}

.c-vp-date__remove.is-disabled
{
	opacity: .6;

	background-color: hsl(0 -6% 91% / 1);

	color: hsl(0 0% 39% / 1);

	cursor: not-allowed;
}

.c-vp-date__remove::after
{
	position: absolute;
	display: block;

	height: 100%;
	width: 100%;

	top: 0;
	left: 0;

	content: "";

	z-index: 2;
}

.c-vp-date__remove-icon
{
	display: block;

	height: 1em;
	width: 1em;

	font-size: 32px;
}
.c-VP-registration__form
{
	padding: 20px 15px;

	background-color: #FFF;

	border-bottom-right-radius: 8px;
	border-bottom-left-radius: 8px;
}

.c-VP-registration__form-title.c-title
{
	margin-top: 0;
	margin-bottom: 25px;
}
.c-VP-waiter
{
	display: flex;

	flex-wrap: wrap;

	justify-content: center;
}

.c-VP-waiter__title
{
	width: 100%;

	margin-bottom: 25px;

	font-weight: 600;
	font-size: 1.8rem;

	text-align: center;
}
/*
	$text:        #464747;
	$background:  #F0F3F3;
	$light:       #fdfaf7

	light_orange: #fdfaf7;
	$orange:      #EE9902;
	$red:         #C00506;

	flat_red:     #D87060;
	$flat_blue:   #60C8D8;
	$flat_orange: #FCC58E;

	$light_green: #B3DBCD;
	$dark_green:  #26715F;
*/

.c-warning
{
	position: relative;
	display: flex;

	line-height: 1.6em;
	min-height: 38px;

	padding-left: 60px;

	font-size: 1.15em;
	color: #86AADA;

	border-width: 0 0 0 4px;
	border-style: solid;
	border-color: currentColor;

	align-items: center;
}

.c-warning--simple
{
	padding-right: 15px;
	padding-left: 15px;

	border-right-width: 4px;
}

.c-warning--inlined
{
	margin-bottom: 20px;
}

.c-warning.js-hidden
{
	display: none;
}

.c-warning--success
{
	margin-top: 15px;
	margin-bottom: 0;
	padding-left: 55px;

	color: #2EB619;
}

.c-warning--failed
{
	color: #CC2B17;
}

.c-warning--success:before
{
	position: absolute;
	display: block;

	height: 14px;
	width: 28px;

	top: 50%;
	margin-top: -4px;
	left: 15px;

	background: transparent;

	content: '';

	border: solid;
	border-width: 0 0 4px 4px;

	-webkit-transform: rotate(-45deg) translateY(-50%);
	   -moz-transform: rotate(-45deg) translateY(-50%);
	    -ms-transform: rotate(-45deg) translateY(-50%);
	        transform: rotate(-45deg) translateY(-50%);
}

.c-warning--header
{
	padding-top: 12px;
	padding-right: 15px;
	padding-bottom: 12px;

	background-color: #F3F6FB;

	border-right-width: 8px;
	border-left-width: 8px;
}


/* ---------------------------------- */
/* --------- warning__icon ---------- */
/* ---------------------------------- */

.c-warning__icon
{
	position: absolute;

	top: 50%;
	left: 15px;

	font-size: 30px;

	transform: translateY(-50%);
}
/*
	$text:        #464747;
	$background:  #F0F3F3;
	$light:       #fdfaf7

	light_orange: #fdfaf7;
	$orange:      #EE9902;
	$red:         #C00506;

	flat_red:     #D87060;
	$flat_blue:   #60C8D8;
	$flat_orange: #FCC58E;

	$light_green: #B3DBCD;
	$dark_green:  #26715F;
*/

/* ---------- page-content ---------- */

.page-content
{
	padding: 20px 15px;

	overflow-x: hidden;
	overflow-y: auto;

	flex-grow: 1;
}

.order-page-content
{
	padding: 0 5px;
}

.orders-management-page
{
	padding: 15px 10px;
}

/* -------- Mobile, Tablet (portrait) --------- */
@media (max-width: 1023px)
{
	.page-content
	{
		padding-right: 0;
		padding-left: 0;
	}

	.orders-management-page
	{
		padding-right: 8px;
		padding-left: 8px;
	}
}

/* ------------- page-elements ------------- */

.page-form-container
{
	width: 100%;
}


/* -- Laptop -- */
@media (max-width: 1399px)
{
	.page-form-container
	{
		width: 100%;
	}
}

/* -- Mobile & Tablette -- */
@media (max-width: 1023px)
{
	.page-form-container
	{
		width: 100%;
	}
}

/* -------- Mobile -------- */
@media (max-width: 639px)
{
	.form-login
	{
		width: 100%;
	}
}

.name-in-modal
{
	display: inline-block;

	margin: 0 0 12px 0;
	padding: 8px 15px;

	background-color: #F6F8F8;

	border: 2px solid #A4D8C9;
}

.page-transition
{
	position: absolute;
	display: block;

	height: 100%;
	width: 100%;

	top: 0;
	left: 0;

	background-color: rgba(181, 181, 181, .65);

	overflow-y: auto;

	z-index: 100000;

	justify-content: center;
	align-items: center;
}

.shipping-modal-form
{
	margin: 0;
	padding: 0;
}

.shipping-modal-form .c-file-thumbnail + label
{
	display: none;
}

.shipping-modal-form .c-file-thumbnail
{
	margin-top: 0;
}

.shipping-modal-form .c-file-thumbnail__preview
{
	height: 26px;
	width: 40px;
}

.shipping-modal-form .c-form__input
{
	margin-top: 0;
}

.shipping-modal-form [name="shipping-tracking"]
{
	margin-top: 12px;
}

.shipping-modal-tracking
{
	margin-top: 30px;
	margin-right: -15px;
	margin-left: -15px;
	margin-bottom: 20px;
}

/* -------- Mobile -------- */
@media (max-width: 639px)
{
	.shipping-modal-tracking
	{
		margin-right: 0;
		margin-left: 0;
	}
}

[id="create-shipping-button"]
{
	position: relative;

	top: 0;
}

[id="create-shipping-button"].js-sticky
{
	position: fixed;

	top: 103px;
	right: 40px;
}

[id="sticky-order-management"]
{
	position: relative;
}


/* ------------------------------------ */
/* ------- global-search-title -------- */
/* ------------------------------------ */

.global-search-title
{
	display: flex;

	width: 100%;

	margin-top: 40px;
	margin-bottom: 15px;

	font-size: 1.7em;
	color: #FFF;

	text-transform: uppercase;

	align-items: center;
}

.global-search-title:before
{
	display: block;

	height: 1em;
	width: 1em;

	margin-right: 15px;
	margin-left: 0;

	background-color: #F6A807;

	font-size: 12px;

	content: "";
}

.o-global-search__close + div .global-search-title
{
	margin-top: 15px;
}

.holidays-msg
{
	margin-top: -1px;
	margin-bottom: 0;

	border-bottom: 1px solid #DDD;

	z-index: 2;
}

.holidays-msg svg
{
	display: block;

	height: 1em;
	width: 1em;

	margin-right: 12px;

	font-size: 22px;

	flex-shrink: 0;
}

.page-content.c-model--product .holidays-msg
{
	margin-top: -15px;
	margin-bottom: 40px;
}

.holidays-msg__content
{
	display: flex;

	padding: 12px 15px;

	background-color: #F2CBCB;

	color: #C00506;

	align-items: center;
}

.holidays-msg__content p
{
	line-height: 1.5em;

	margin: 0;
}

/* -------------- Mobile, Tablet -------------- */
@media (max-width: 1200px)
{
	.holidays-msg__content
	{
		padding-top: 8px;
		padding-bottom: 8px;
	}

	.holidays-msg__content p
	{
		line-height: 1.25em;

		font-size: .9rem;

		text-align: left;
	}
}

/* ------------------------------------- */
/* --------- React animations ---------  */
/* ------------------------------------- */

.a-page-transition-appear
{
	visibility: visible;
	opacity: .01;

	transition: opacity 240ms ease;
}

.a-page-transition-appear.a-page-transition-appear-active
{
	visibility: visible;
	opacity: 1;
}

.a-page-transition-exit
{
	visibility: visible;
	opacity: 1;

	transition: opacity 200ms ease;
}

.a-page-transition-exit.a-page-transition-exit-active
{
	visibility: visible;
	opacity: .01;
}

.partner-renewal-status
{
	display: flex;

	gap: 8px;

	width: auto;

	padding-right: 0;
	padding-left: 0;

	cursor: default;
	text-align: center;

	z-index: 1;

	align-items: center;
	justify-content: center;
}

.partner-renewal-status > span
{
	width: 140px;

	flex-shrink: 0;
}

.partner-renewal-status:before
{
	display: block;

	height: 1em;
	width: 1em;

	background-color: #A4A4A4;

	font-size: 10px;

	content: "";

	border-radius: 50%;
}

.partner-renewal-status.renewed:before
{
	background-color: #26715F;
}

.partner-renewal-status.stopped:before
{
	background-color: #C00506;
}

.partner-renewal-status.pending:before
{
	background-color: #C2C2C2;
}

.partner-renewal-status.reminded:before
{
	background-color: #6BB9EA;
}

.partner-renewal-status.none:before
{
	display: none;
}

.datalist-head
{
	display: flex;

	flex-wrap: wrap;
}

.datalist-head > .c-btn:last-child
{
	margin-left: auto;
}

.orders__loader_container
{
	position: relative;

	height: 400px;
}

.standalone-loaner-container
{
	position: relative;

	height: 300px;
	width: 100%;
}

.synergies-blog-form .c-form > .o-grid-2 > .o-grid__item:nth-child(1)
{
	display: flex;

	width: auto;

	padding-bottom: 4px;

	order: -2;
	align-items: flex-end;
}

.synergies-blog-form .c-form > .o-grid-2 > .o-grid__item:nth-child(2)
{
	flex-grow: 1;
	order: -3;
}

.synergies-blog-form .c-form > .o-grid-2 > .o-grid__item:nth-child(3)
{
	width: auto;

	margin-top: 0;

	order: -1;
}

.orders-shipping-filter
{
	display: inline-flex;

	gap: 18px;

	padding: 0 18px;

	background-color: #FFF;

	align-items: stretch;
}

.orders-shipping-filter__label
{
	display: flex;

	font-weight: 600;

	align-items: center;
}

.orders-shipping-filter__content
{
	display: flex;

	gap: 12px 25px;

	align-items: center;
}

/* ------------------ Mobile ------------------ */
@media (max-width: 599px)
{
	.orders-shipping-filter__content
	{
		flex-wrap: wrap;
	}
}

.export-compta-container
{
	padding: 14px 20px;

	background-color: #FFF;

	border-radius: 12px;
}

.dashboard-wrapper
{
	overflow: auto;
}

.renewal-year-filter
{
	width: 90px;

	flex-shrink: 0;
}

.dashboard-filters-grid
{
	gap: 16px 0;

	--input-background: #FFF;
}
/*
	$text:        #464747;
	$background:  #F0F3F3;
	$light:       #fdfaf7

	light_orange: #fdfaf7;
	$orange:      #EE9902;
	$red:         #C00506;

	$light_green: #B3DBCD;
	$dark_green:  #26715F;
*/

.full-page-logo-link
{
	display: block;

	margin-top: 20px;
}

.full-page-logo
{
	height: 100px;
	width: auto;
}

.form-login,
.form-registration
{
	width: 65%;

	margin-top: 0;
	padding: 0;
}

.form-login__content
{
	margin-top: 50px;
	margin-bottom: 50px;
	padding: 0 30px;
}

.form-registration__content
{
	margin-top: 20px;
	padding: 0 25px;
}

.form-registration__content .o-grid-2
{
	gap: 8px 0;
}

/* -- Laptop -- */
@media (max-width: 1399px)
{
	.form-registration
	{
		width: 600px;
	}
}

/* -- Mobile & Tablette -- */
@media (max-width: 1023px)
{
	.form-login,
	.form-registration
	{
		width: 80%;
	}
}

/* -------- Mobile -------- */
@media (max-width: 639px)
{
	.form-login,
	.form-registration
	{
		width: 100%;
	}
}

/* -------- Mobile -------- */
@media (max-width: 639px)
{
	.form-login,
	.form-registration
	{
		margin-bottom: 0;
	}
}

.front-dashboard-search
{
	display: flex;

	margin: 15px 0;

	-webkit-align-items: center;
	        align-items: center;
}

/* ------------------ Mobile ------------------ */
@media (max-width: 767px)
{
	.front-dashboard-search
	{
		flex-wrap: wrap;

		margin-bottom: 15px;
	}
}

.front-dashboard-search__theme-label,
.front-dashboard-search__place_theme-label
{
	margin-right: 12px;
	margin-left: 12px;
	padding: 3px 10px;

	background-color: #D84081;

	font-weight: 400;
	font-size: 1.05em;
	color: #FFF;

	flex-shrink: 0;
}

.front-dashboard-search__theme,
.front-dashboard-search__online-type
{
	height: 42px;
	width: calc(100% - 80px);

	margin-top: 0;

	flex-grow: 1;
}

/* ------------------------------------ */
/* ------ Home authentification ------- */
/* ------------------------------------ */

.home-tabs
{
	display: flex;

	min-height: 85px;
	width: 100%;
}

.home-tabs .c-tab
{
	width: 50%;
}

.registration-confirmation-tabs .c-tab
{
	width: 100%;
}

.home-form
{
	position: relative;
	display: flex;

	margin: auto;
}

.app-autologin
{
	position: relative;
	display: flex;

	background: #FFF;

	flex-grow: 1;
}

.home-form.login
{
	width: 865px;
	max-width: 100%;
}

.home-form.registration
{
	width: 1200px;
	max-width: 100%;

	margin: 15px auto;
}

/* ------ Tablette ------ */
@media (max-width: 992px)
{
	.home-form.login
	{
		width: 100%;
	}

	.home-form.registration
	{
		width: 100%;
	}
}

.home-form__img-container
{
	position: relative;

	width: 35%;
}

/* -------- Mobile -------- */
@media (max-width: 639px)
{
	.home-form__img-container
	{
		display: none;
	}
}

.home-form__img
{
	position: absolute;
	display: block;

	height: 100%;
	width: 100%;

	top: 0;
	left: 0;

	font-family: "object-fit: cover; object-position: center";

	object-fit: cover;
	object-position: center;
}

.form-login__forgotten-password
{
	margin-top: 12px;
	margin-bottom: 30px;
}

.form-login__forgotten-password a
{
	font-style: italic;
	color: #2D2D2D;

	border: none;
}

.home-form .c-form__input
{
	background-color: #FFF;
}

.home-form input,
.home-form input:hover
{
	padding-left: 0;

	border-width: 0 0 2px 0;
	border-bottom: 2px solid #2D2D2D;
}

.home-form input[readOnly],
.home-form input[readOnly]:focus
{
	margin-top: 4px;
	padding: 4px 6px;

	background-color: #E4E4E4;

	color: gray;

	border-color: #E4E4E4;
}

.home-form input:-webkit-autofill
{
	box-shadow: 0 0 0 1000px #FFF inset;
}

.home-form input:focus
{
	border-bottom-color: #EE9902;
}

.home-form .c-form-label:not(.c-form-label--error)
{
	font-weight: 500;
	font-size: 15px;
	color: #9C5D5B;

	text-transform: uppercase;
}

.form-registration .c-form__input
{
	margin-top: 0;
}

.form-login .c-form-element:not(:last-child)
{
	margin-bottom: 25px;
}

.home-partners,
.home-highlighted
{
	padding: 0;

	background-color: #FFF;
}

.home-partners .c-model-preview__title:after,
.home-highlighted .c-model-preview__title:after
{
	display: none;
}

.front-page
{
	z-index: 0;
}

.front-page:before
{
	position: absolute;

	height: 104%;
	width: 104%;

	top: -2%;
	left: -2%;

	background-image: url("/images/background/login_biarritz_par_thibault-mokuenko.jpg");
	background-size: cover;

	content: "";

	z-index: -2;

	/* filter: blur(10px); */
}

.front-page:after
{
	position: absolute;
	opacity: .7;

	height: 100%;
	width: 100%;

	top: 0;
	left: 0;

	background-color: rgb(224, 168, 131);

	content: "";

	z-index: -1;

	/* filter: blur(2px); */
}

.abondement-admin-table .c-form-element
{
	margin: 0;
}

.abondement-admin-table .c-form-element--checkbox
{
	top: 0;
}

.abondement-admin-table .c-form__checkbox-indicator
{
	margin: 0;
}

.abondement-admin-table .c-form__input,
.abondement-admin-table .c-form__textarea
{
	margin-top: 0;
}

.abondement-admin-table__add
{
	display: flex;

	gap: 20px;

	padding: 10px 15px;

	background-color: #FFF;

	align-items: center;
}

.abondement-admin-table__add-label
{
	font-weight: 700;
	font-size: 1rem;
}

.reset-page-filters
{
	position: relative;
	display: block;

	height: 42px;
	width: 42px;

	padding: 0;

	color: #EE9902;

	z-index: 10;

	flex-shrink: 0;
}

.reset-page-filters:hover
{
	background-color: #FFF;
}

.reset-page-filters-icon
{
	position: absolute;

	height: 1em;
	width: 1em;

	top: 50%;
	margin-top: -.5em;
	left: 50%;
	margin-left: -.5em;

	font-size: 22px;

	cursor: pointer;

	border-radius: 50%;
	border: 2px solid currentColor;
}

.reset-page-filters-icon:before,
.reset-page-filters-icon:after
{
	position: absolute;

	height: .5em;
	width: 2px;

	top: 50%;
	margin-top: -.25em;
	left: 50%;
	margin-left: -1px;

	background-color: currentColor;

	content: "";

	border-radius: 4px;

	transform-origin: center;
}

.reset-page-filters-icon:before
{
	transform: rotate(-45deg);
}

.reset-page-filters-icon:after
{
	transform: rotate(45deg);
}

.page-txt
{
	padding: 15px 15px;

	background-color: #FFF;
}

.c-loader.abondement-search
{
	position: static;

	height: 100%;
	min-height: 100px;
	width: calc(100% - 30px);

	margin: 0 15px;
}

.logo-infos
{
	height: 200px;
	width: 300px;
	max-width: 100%;

	font-family: "object-fit: contain;";

	object-fit: contain;
}

.form-goto-home
{
	position: absolute;
	display: inline-block;

	top: 100%;
	margin-top: 2px;
	right: 0;
	padding: 4px 2px 2px;

	font-size: .95em;
	color: #F5F5F5;
	text-decoration: none;

	text-align: right;

	border-bottom: 2px solid transparent;

	transition: color 320ms ease, border-color 320ms ease;
}

.form-goto-home:hover
{
	color: #FFF;

	border-color: #FFF;
}

.footer
{
	display: flex;

	padding: 2px 0;

	background-color: #FAFDFD;

	border-top: 1px solid #DDD;

	justify-content: center;
	align-items: center;
}

/* ------------------ Mobile ------------------ */
@media (max-width: 767px)
{
	.footer
	{
		display: flex;

		flex-direction: column;
	}
}

.footer a
{
	font-size: 13px;
	color: inherit;
	text-decoration: none;

	border-bottom: 1px solid transparent;
}

.footer a:hover
{
	color: inherit;

	border-color: #A2A2A2;
}

.form-registration__rgpd
{
	margin-top: 12px;
	margin-bottom: 30px;
}

.form-registration__rgpd a
{
	font-style: italic;
	color: #2D2D2D;

	border: none;
}

.partners-renewal
{
	position: relative;

	width: 100%;
	max-width: 1200px;

	margin: 15px auto;

	background-color: #FFF;

	text-align: left;
}

.partners-renewal strong
{
	font-weight: 700;
}

.partners-renewal__content
{
	padding: 12px 10px;
}

.partners-renewal__actions
{
	margin-top: 12px;
	padding: 10px 12px;

	border: 2px solid #FA9D00;
}

.partners-renewal__actions-title
{
	margin: 0;

	font-weight: 700;
}

.partners-renewal__actions-choices
{
	display: flex;

	max-width: 100%;

	margin-top: 4px;
}

.partners-renewal__title
{
	margin-top: 10px;
	margin-bottom: 5px;

	font-weight: 700;
}

.partners-renewal__step + .partners-renewal__step
{
	margin-top: 15px;
}

.partners-renewal__option
{
	margin-top: 20px;

	font-weight: 700;
}

.partners-renewal__option-selection
{
	display: flex;

	flex-direction: column;
}

.partners-renewal__months-list
{
	width: 890px;
	max-width: 100%;

	margin-bottom: 25px;
}

.partners-renewal__newsletter-month
{
	display: inline-flex;

	width: calc(100% /6);
}

.partners-renewal__btns
{
	display: flex;

	flex-wrap: wrap;
	gap: 50px;
}

.EC-presentation-text
{
	position: relative;

	width: 100%;

	margin-bottom: 15px;
	padding: 12px 15px;

	font-weight: 600;
	font-size: 1em;
	color: #911F18;

	text-align: center;
}

.EC-presentation-text p
{
	font-weight: inherit;
	color: inherit;

	text-align: inherit;
}

.EC-presentation-text:before
{
	position: absolute;
	display: block;
	opacity: .15;

	height: 100%;
	width: 100%;

	top: 0;
	left: 0;

	background-color: currentColor;

	content: "";

	z-index: -1;
}

.dashboard-list
{
	background-color: #FFF;
}

.dashboard-social-link
{
	display: flex;

	margin-top: 40px;
	margin-bottom: 30px;

	color: #7D2520;

	align-items: center;
	justify-content: center;
}

/* ------------------ Mobile ------------------ */
@media (max-width: 767px)
{
	.dashboard-social-link
	{
		flex-direction: column;

		align-items: center;
	}
}

.dashboard-social-link__txt
{
	margin-right: 30px;

	font-weight: 700;
	font-size: 2em;
	color: #7D2520;

	text-transform: uppercase;
}

/* ------------------ Mobile ------------------ */
@media (max-width: 767px)
{
	.dashboard-social-link__txt
	{
		margin-right: 0;
	}
}

.dashboard-social-link__link
{
	position: relative;
	display: flex;

	margin-right: 15px;
	padding: 8px;
}

/* ------------------ Mobile ------------------ */
@media (max-width: 767px)
{
	.dashboard-social-link__link
	{
		margin-right: 0;
	}
}

.dashboard-social-link__link:last-child
{
	margin-right: 0;
}

.dashboard-social-link__link,
.dashboard-social-link__link:hover,
.dashboard-social-link__link:focus,
.dashboard-social-link__link:visited
{
	color: inherit;
	text-decoration: none;

	outline: none;
}

.dashboard-social-link__link:before
{
	position: absolute;
	display: block;
	opacity: 0;

	height: 100%;
	width: 100%;

	top: 0;
	left: 0;

	background-color: currentColor;

	color: #F29B34;

	content: "";

	border-radius: 50%;

	transition: opacity 240ms ease;

	z-index: -1;
}

.dashboard-social-link__link:hover:before,
.dashboard-social-link__link:focus:before
{
	opacity: .4;
}

.dashboard-social-link__icon
{
	display: flex;

	height: 1em;
	width: 1em;

	font-size: 30px;
	color: inherit;
}

.dashboard-list__grid,
.home-grids
{
	position: relative;

	width: calc(100% + 20px);

	left: -10px;
}

/* -------- Mobile, Tablet (portrait) --------- */
@media (max-width: 1023px)
{
	.home-grids
	{
		justify-content: center;
	}
}

/* -------- Mobile, Tablet (portrait) --------- */
@media (max-width: 1023px)
{
	.home-grids .o-grid__item-9
	{
		width: 80%;
	}

	.home-grids .o-grid__item-3
	{
		width: 40%;
	}
}

/* ------------------ Mobile ------------------ */
@media (max-width: 767px)
{
	.home-grids .o-grid__item-3,
	.home-grids .o-grid__item-4,
	.home-grids .o-grid__item-9
	{
		width: 100%;

		margin-top: 0;
	}

	.home-grids .home-logo
	{
		order: -2;
	}

	.home-grids .home-partners-space
	{
		order: -1;
	}
}

.highlighted_partners_slider
{
	position: relative;
}

.mobile-app-presentation-img
{
	height: calc(100vh - 180px);
	width: auto;
	max-width: 100%;

	object-fit: contain;
	object-position: center;
}

.iframe-16\:9
{
	position: relative;
	display: flex;

	width: 100%;
}

.iframe-16\:9::before
{
	display: block;

	width: 100%;

	padding-top: 56.25%;

	content: "";
}

.iframe-16\:9 iframe
{
	position: absolute;

	height: 100%;
	width: 100%;

	top: 0;
	right: 0;
	left: 0;
}

.front-slider-side-wrapper
{
	display: flex;

	gap: 20px;

	align-items: stretch;
}

/* -------- Mobile, Tablet (portrait) --------- */
@media (max-width: 900px)
{
	.front-slider-side-wrapper
	{
		display: block;
	}
}

.front-slider-side-wrapper__col
{
	display: flex;

	flex-direction: column;

	width: 270px;

	margin-top: 5px;

	background-color: #FFF;

	flex-grow: 0;
	flex-shrink: 0;
}

/* -------- Mobile, Tablet (portrait) --------- */
@media (max-width: 900px)
{
	.front-slider-side-wrapper__col
	{
		width: 100%;

		margin-bottom: 15px;
	}
}

.front-video-and-slider
{
	display: flex;

	gap: 20px;

	margin-top: -15px;

	align-items: center;
	flex-grow: 1;
}

.front-video-and-slider__video
{
	width: calc(320px * 16 / 9);

	flex-shrink: 0;
}

.front-video-and-slider__slider
{
	width: 100%;

	flex-shrink: 1;
}

.app-autologin-container
{
	position: relative;
	display: flex;

	min-height: 40vh;
	width: 800px;
	max-width: 100%;

	margin: 0 auto;

	align-items: stretch;
	justify-content: flex-start;
}

/* ------------------ Mobile ------------------ */
@media (max-width: 799px)
{
	.app-autologin-container
	{
		width: 100%;
	}
}

.app-autologin__content
{
	position: relative;
	display: flex;

	flex-direction: column;

	flex-grow: 1;
}

.app-autologin__content-txt
{
	display: flex;

	flex-direction: column;

	flex-grow: 1;
	align-items: stretch;
	justify-content: center;
}

.table-page-container
{
	display: inline-flex;

	flex-direction: column;

	max-width: 100%;

	margin: 0 auto;
}

.front-filters-container
{
	display: flex;

	flex-wrap: wrap;
	gap: 20px;

	padding: 15px 20px;

	background-color: #FFF;

	border-radius: 4px;

	align-items: flex-end;
}

.registration-cbs
{
	display: flex;

	margin-top: 18px;

	justify-content: center;
}

.registration-cbs__container
{
	display: flex;

	flex-direction: column;
	gap: 10px;

	padding: 0 15px;

	align-items: flex-end;
}

.registration-cbs__el
{
	display: flex;

	gap: 25px;

	align-items: center;
	justify-content: flex-end;
	flex-grow: 1;
}

.registration-cbs__el a
{
	font-style: italic;
	color: #000;
}

.auth-loading
{
	min-height: 400px;

	background-color: #FFF;
}

.renewal-infos
{
	display: flex;

	flex-wrap: wrap;
	gap: 30px;

	width: 100%;
}

.renewal-infos__el
{
	display: block;

	width: 33%;

	flex-grow: 1;
	align-items: flex-start;
}

.renewal-infos__row
{
	display: flex;

	gap: 8px;

	align-items: center;
}

.EC-renewal-recap
{
	display: inline-flex;

	flex-direction: column;
	gap: 6px;

	width: auto;

	margin: 0 auto;
}

.EC-renewal-recap__el
{
	display: flex;

	gap: 6px;

	align-items: center;
}

.EC-renewal-recap__value
{
	font-weight: 700;
	font-size: 1.1rem;
}

.user-synerkado
{
	padding: 0 12px;
}

/* -------- Mobile, Tablet (portrait) --------- */
@media (max-width: 900px)
{
	.user-synerkado
	{
		text-align: center;
	}
}

.form__pwd-toggle-field
{
	display: flex;

	gap: 15px;

	width: 100%;
}

.form__pwd-toggle-btn
{
	height: 36px;

	margin-bottom: 25px;
	padding: 0 12px;

	background-color: #E8E8EE;

	color: #000;

	border-radius: 8px;

	align-self: flex-end;
}

.form__pwd-toggle-btn:hover,
.form__pwd-toggle-btn:focus
{
	background-color: #000;

	color: #FFF;
}
/*
	$text:        #464747;
	$background:  #F0F3F3;
	$light:       #fdfaf7

	light_orange: #fdfaf7;
	$orange:      #EE9902;
	$red:         #C00506;

	flat_red:     #D87060;
	$flat_blue:   #60C8D8;
	$flat_orange: #FCC58E;

	$light_green: #B3DBCD;
	$dark_green:  #26715F;
*/

.order-management-filters
{
	font-size: .95em;

	-webkit-justify-content: flex-end;
	        justify-content: flex-end;
	--input-background: #FDFAF7;
}

.order-management-filters .c-form-element--checkbox
{
	margin: 0;
}

.order-management-filters .c-searchbar + .c-form-element--checkbox
{
	margin-left: 15px;
}

/* ------ Mobile & Tablette ------ */
@media (max-width: 1023px)
{
	.order-management-filters .c-form-element--checkbox
	{
		width: 100%;
	}

	.order-management-filters .c-form-element--checkbox + .c-form-element--checkbox
	{
		margin-top: 10px;
	}
}
/*
	$text:        #464747;
	$background:  #F0F3F3;
	$light:       #fdfaf7

	light_orange: #fdfaf7;
	$orange:      #EE9902;
	$red:         #C00506;

	flat_red:     #D87060;
	$flat_blue:   #60C8D8;
	$flat_orange: #FCC58E;

	$light_green: #B3DBCD;
	$dark_green:  #26715F;
*/

.cart-modal
{
	display: flex;

	margin-bottom: -15px;
	padding: 15px;

	background-color: #FFF;
}

/* -- Mobile & Tablette -- */
@media (max-width: 1023px)
{
	.cart-modal
	{
		-webkit-flex-wrap: wrap;
		    -ms-flex-wrap: wrap;
		        flex-wrap: wrap;

		padding: 0;
	}
}


/* ------------------------------------ */
/* -------- cart-modal__product ------- */
/* ------------------------------------ */

.cart-modal__product
{
	position: relative;
	display: flex;

	width: 400px;

	padding-right: 15px;

	align-items: center;
	flex-shrink: 0;
}

/* -- Mobile & Tablette -- */
@media (max-width: 1023px)
{
	.cart-modal__product
	{
		width: 100%;
	}

	.cart-modal__product:after
	{
		display: none;
	}
}

/* -- Mobile & Tablette -- */
@media (max-width: 639px)
{
	.cart-modal__product
	{
		-webkit-flex-wrap: wrap;
		    -ms-flex-wrap: wrap;
		        flex-wrap: wrap;

		min-width: 0;
	}
}

.cart-modal__product:after
{
	position: absolute;

	height: 100%;
	width: 1px;

	top: 0;
	left: 100%;

	background-color: #9C9C9C;

	content: '';
}

.cart-modal__product-infos
{
	position: relative;
	display: flex;

	flex-direction: column;

	justify-content: space-around;
}

/* -------- Mobile -------- */
@media (max-width: 639px)
{
	.cart-modal__product-infos
	{
		width: auto;
	}
}

.cart-modal__product-img
{
	height: 100%;
	min-height: 150px;
	width: 150px;
	max-width: 100%;

	margin-right: 15px;

	font-family: 'object-fit: contain;';

	object-fit: contain;
}

/* -- Mobile & Tablette -- */
@media (max-width: 639px)
{
	.cart-modal__product-img
	{
		height: auto;

		margin: 0 auto 15px;
	}
}




/* ------------------------------------ */
/* -------- cart-modal__content ------- */
/* ------------------------------------ */

.cart-modal__content
{
	display: flex;

	-webkit-flex-wrap: wrap;
	    -ms-flex-wrap: wrap;
	        flex-wrap: wrap;

	padding-left: 15px;

	-webkit-flex-grow: 1;
	        flex-grow: 1;
	-webkit-align-items: center;
	        align-items: center;
}

/* -- Mobile & Tablette -- */
@media (max-width: 1023px)
{
	.cart-modal__content
	{
		margin-bottom: 20px;
		padding-left: 0;
	}
}

.cart-modal__infos
{
	display: flex;

	-webkit-align-items: center;
	        align-items: center;
}

/* -- Mobile & Tablette -- */
@media (max-width: 639px)
{
	.cart-modal__infos
	{
		display: block;
	}
}

.cart-modal__infos + .cart-modal__infos
{
	margin-top: 12px;
}

.cart-modal__infos > strong:first-child
{
	margin-right: 8px;
}

.cart-modal__infos-icon
{
	margin-right: 10px;

	font-size: 26px;
}

.cart-modal__names
{
	display: flex;

	-webkit-flex-wrap: wrap;
	    -ms-flex-wrap: wrap;
	        flex-wrap: wrap;

	width: 100%;

	-webkit-justify-content: space-around;
	        justify-content: space-around;
}

.cart-modal__names .c-form-element
{
	margin-bottom: 10px;
}

/* -------- Desktop -------- */
@media (min-width: 1366px)
{
	.cart-modal__names .c-form-element
	{
		display: inline-flex;

		-webkit-flex-wrap: wrap;
		    -ms-flex-wrap: wrap;
		        flex-wrap: wrap;

		width: 49%;
		width: calc(33% - 5px);
	}

	.cart-modal__names .c-form-element:first-child
	{
		margin-right: 2%;
		margin-right: calc(5px + 5px);
	}
}

.cart-modal .c-form__input
{
	height: 34px;

	margin: 0;

	background-color: transparent;

	border-width: 0 0 2px 0;
	border-bottom: 1px solid #DDD;
}

.cart-modal .c-form__input:focus
{
	border-color: #EE9902;
}

.cart-modal .c-qty
{
	margin-right: auto;
	margin-left: auto;
}
.quill
{
	position: relative;

	margin-top: -1px;

	z-index: 2;
}

.u-no-select .quill *
{
	-webkit-user-select: initial;
	 -khtml-user-select: initial;
	   -moz-user-select: initial;
	    -ms-user-select: initial;
	        user-select: initial;

	-webkit-touch-callout: initial;
}

.ql-editor
{
	min-height: 110px;

	background-color: #FFF;
}

.ql-container
{
	border-color: transparent;
}

.ql-snow .ql-picker.ql-header .ql-picker-label[data-value='1']::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value='1']::before
{
	content: 'Titre';
	text-transform: uppercase;
}

.ql-snow .ql-picker.ql-header .ql-picker-label[data-value='2']::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value='2']::before
{
	content: 'Sous titre';
}

.ql-snow .ql-picker.ql-header .ql-picker-label::before,
.ql-snow .ql-picker.ql-header .ql-picker-item::before
{
	content: 'Texte normal';
}

.ql-snow .ql-picker.ql-header
{
	width: 120px;
}

.ql-editor p:not(:last-child)
{
	margin-bottom: 15px;
}

.ql-toolbar.ql-snow
{
	position: relative;

	z-index: 3;
}
/*!
 * absalign v0.0.7 (CSS part)
 * Author: Jon Garbayo <jon.garbayo@gmail.com>
 * Repo: https://github.com/JonGarbayo/absalign
 * Licensed under MIT (https://github.com/JonGarbayo/absalign/blob/master/LICENSE)
 */.absalign-container{position:relative!important}.abs-bottom,.abs-bottom-after:after,.abs-bottom-before:before,.abs-center,.abs-center-after:after,.abs-center-before:before,.abs-center-bottom,.abs-center-bottom-after:after,.abs-center-bottom-before:before,.abs-center-middle,.abs-center-middle-after:after,.abs-center-middle-before:before,.abs-center-top,.abs-center-top-after:after,.abs-center-top-before:before,.abs-left,.abs-left-after:after,.abs-left-before:before,.abs-left-bottom,.abs-left-bottom-after:after,.abs-left-bottom-before:before,.abs-left-middle,.abs-left-middle-after:after,.abs-left-middle-before:before,.abs-left-top,.abs-left-top-after:after,.abs-left-top-before:before,.abs-middle,.abs-middle-after:after,.abs-middle-before:before,.abs-right,.abs-right-after:after,.abs-right-before:before,.abs-right-bottom,.abs-right-bottom-after:after,.abs-right-bottom-before:before,.abs-right-middle,.abs-right-middle-after:after,.abs-right-middle-before:before,.abs-right-top,.abs-right-top-after:after,.abs-right-top-before:before,.abs-top,.abs-top-after:after,.abs-top-before:before{position:absolute!important}.fix-bottom,.fix-bottom-after:after,.fix-bottom-before:before,.fix-center,.fix-center-after:after,.fix-center-before:before,.fix-center-bottom,.fix-center-bottom-after:after,.fix-center-bottom-before:before,.fix-center-middle,.fix-center-middle-after:after,.fix-center-middle-before:before,.fix-center-top,.fix-center-top-after:after,.fix-center-top-before:before,.fix-left,.fix-left-after:after,.fix-left-before:before,.fix-left-bottom,.fix-left-bottom-after:after,.fix-left-bottom-before:before,.fix-left-middle,.fix-left-middle-after:after,.fix-left-middle-before:before,.fix-left-top,.fix-left-top-after:after,.fix-left-top-before:before,.fix-middle,.fix-middle-after:after,.fix-middle-before:before,.fix-right,.fix-right-after:after,.fix-right-before:before,.fix-right-bottom,.fix-right-bottom-after:after,.fix-right-bottom-before:before,.fix-right-middle,.fix-right-middle-after:after,.fix-right-middle-before:before,.fix-right-top,.fix-right-top-after:after,.fix-right-top-before:before,.fix-top,.fix-top-after:after,.fix-top-before:before{position:fixed!important}.abs-bottom:-webkit-full-screen,.abs-center-bottom:-webkit-full-screen,.abs-center-middle:-webkit-full-screen,.abs-center-top:-webkit-full-screen,.abs-center:-webkit-full-screen,.abs-left-bottom:-webkit-full-screen,.abs-left-middle:-webkit-full-screen,.abs-middle:-webkit-full-screen,.abs-right-bottom:-webkit-full-screen,.abs-right-middle:-webkit-full-screen,.abs-right-top:-webkit-full-screen,.abs-right:-webkit-full-screen,.fix-bottom:-webkit-full-screen,.fix-center-bottom:-webkit-full-screen,.fix-center-middle:-webkit-full-screen,.fix-center-top:-webkit-full-screen,.fix-center:-webkit-full-screen,.fix-left-bottom:-webkit-full-screen,.fix-left-middle:-webkit-full-screen,.fix-middle:-webkit-full-screen,.fix-right-bottom:-webkit-full-screen,.fix-right-middle:-webkit-full-screen,.fix-right-top:-webkit-full-screen,.fix-right:-webkit-full-screen{-webkit-transform:none!important;transform:none!important}.abs-bottom:fullscreen,.abs-center-bottom:fullscreen,.abs-center-middle:fullscreen,.abs-center-top:fullscreen,.abs-center:fullscreen,.abs-left-bottom:fullscreen,.abs-left-middle:fullscreen,.abs-middle:fullscreen,.abs-right-bottom:fullscreen,.abs-right-middle:fullscreen,.abs-right-top:fullscreen,.abs-right:fullscreen,.fix-bottom:fullscreen,.fix-center-bottom:fullscreen,.fix-center-middle:fullscreen,.fix-center-top:fullscreen,.fix-center:fullscreen,.fix-left-bottom:fullscreen,.fix-left-middle:fullscreen,.fix-middle:fullscreen,.fix-right-bottom:fullscreen,.fix-right-middle:fullscreen,.fix-right-top:fullscreen,.fix-right:fullscreen{-webkit-transform:none!important;transform:none!important}.abs-left-top,.abs-left-top-after:after,.abs-left-top-before:before,.fix-left-top,.fix-left-top-after:after,.fix-left-top-before:before{top:0!important;left:0!important}.abs-left-middle,.abs-left-middle-after:after,.abs-left-middle-before:before,.fix-left-middle,.fix-left-middle-after:after,.fix-left-middle-before:before{top:50%!important;left:0!important;-webkit-transform:translateY(-50%)!important;-moz-transform:translateY(-50%)!important;-ms-transform:translateY(-50%)!important;-o-transform:translateY(-50%)!important;transform:translateY(-50%)!important;-webkit-transform-style:preserve-3d!important;-moz-transform-style:preserve-3d!important;transform-style:preserve-3d!important}.abs-left-bottom,.abs-left-bottom-after:after,.abs-left-bottom-before:before,.fix-left-bottom,.fix-left-bottom-after:after,.fix-left-bottom-before:before{top:100%!important;left:0!important;-webkit-transform:translate(0,-100%)!important;-moz-transform:translate(0,-100%)!important;-ms-transform:translate(0,-100%)!important;-o-transform:translate(0,-100%)!important;transform:translate(0,-100%)!important;-webkit-transform-style:preserve-3d!important;-moz-transform-style:preserve-3d!important;transform-style:preserve-3d!important}.abs-center-top,.abs-center-top-after:after,.abs-center-top-before:before,.fix-center-top,.fix-center-top-after:after,.fix-center-top-before:before{top:0!important;left:50%!important;-webkit-transform:translateX(-50%)!important;-moz-transform:translateX(-50%)!important;-ms-transform:translateX(-50%)!important;-o-transform:translateX(-50%)!important;transform:translateX(-50%)!important;-webkit-transform-style:preserve-3d!important;-moz-transform-style:preserve-3d!important;transform-style:preserve-3d!important}.abs-center-middle,.abs-center-middle-after:after,.abs-center-middle-before:before,.fix-center-middle,.fix-center-middle-after:after,.fix-center-middle-before:before{top:50%!important;left:50%!important;-webkit-transform:translate(-50%,-50%)!important;-moz-transform:translate(-50%,-50%)!important;-ms-transform:translate(-50%,-50%)!important;-o-transform:translate(-50%,-50%)!important;transform:translate(-50%,-50%)!important;-webkit-transform-style:preserve-3d!important;-moz-transform-style:preserve-3d!important;transform-style:preserve-3d!important}.abs-center-bottom,.abs-center-bottom-after:after,.abs-center-bottom-before:before,.fix-center-bottom,.fix-center-bottom-after:after,.fix-center-bottom-before:before{top:100%!important;left:50%!important;-webkit-transform:translate(-50%,-100%)!important;-moz-transform:translate(-50%,-100%)!important;-ms-transform:translate(-50%,-100%)!important;-o-transform:translate(-50%,-100%)!important;transform:translate(-50%,-100%)!important;-webkit-transform-style:preserve-3d!important;-moz-transform-style:preserve-3d!important;transform-style:preserve-3d!important}.abs-right-top,.abs-right-top-after:after,.abs-right-top-before:before,.fix-right-top,.fix-right-top-after:after,.fix-right-top-before:before{top:0!important;left:100%!important;-webkit-transform:translateX(-100%)!important;-moz-transform:translateX(-100%)!important;-ms-transform:translateX(-100%)!important;-o-transform:translateX(-100%)!important;transform:translateX(-100%)!important;-webkit-transform-style:preserve-3d!important;-moz-transform-style:preserve-3d!important;transform-style:preserve-3d!important}.abs-right-middle,.abs-right-middle-after:after,.abs-right-middle-before:before,.fix-right-middle,.fix-right-middle-after:after,.fix-right-middle-before:before{top:50%!important;left:100%!important;-webkit-transform:translate(-100%,-50%)!important;-moz-transform:translate(-100%,-50%)!important;-ms-transform:translate(-100%,-50%)!important;-o-transform:translate(-100%,-50%)!important;transform:translate(-100%,-50%)!important;-webkit-transform-style:preserve-3d!important;-moz-transform-style:preserve-3d!important;transform-style:preserve-3d!important}.abs-right-bottom,.abs-right-bottom-after:after,.abs-right-bottom-before:before,.fix-right-bottom,.fix-right-bottom-after:after,.fix-right-bottom-before:before{top:100%!important;left:100%!important;-webkit-transform:translate(-100%,-100%)!important;-moz-transform:translate(-100%,-100%)!important;-ms-transform:translate(-100%,-100%)!important;-o-transform:translate(-100%,-100%)!important;transform:translate(-100%,-100%)!important;-webkit-transform-style:preserve-3d!important;-moz-transform-style:preserve-3d!important;transform-style:preserve-3d!important}.abs-left,.abs-left-after:after,.abs-left-before:before,.fix-left,.fix-left-after:after,.fix-left-before:before{left:0!important}.abs-center,.abs-center-after:after,.abs-center-before:before,.fix-center,.fix-center-after:after,.fix-center-before:before{left:50%!important;-webkit-transform:translateX(-50%)!important;-moz-transform:translateX(-50%)!important;-ms-transform:translateX(-50%)!important;-o-transform:translateX(-50%)!important;transform:translateX(-50%)!important;-webkit-transform-style:preserve-3d!important;-moz-transform-style:preserve-3d!important;transform-style:preserve-3d!important}.abs-right,.abs-right-after:after,.abs-right-before:before,.fix-right,.fix-right-after:after,.fix-right-before:before{left:100%!important;-webkit-transform:translateX(-100%)!important;-moz-transform:translateX(-100%)!important;-ms-transform:translateX(-100%)!important;-o-transform:translateX(-100%)!important;transform:translateX(-100%)!important;-webkit-transform-style:preserve-3d!important;-moz-transform-style:preserve-3d!important;transform-style:preserve-3d!important}.abs-top,.abs-top-after:after,.abs-top-before:before,.fix-top,.fix-top-after:after,.fix-top-before:before{top:0!important}.abs-middle,.abs-middle-after:after,.abs-middle-before:before,.fix-middle,.fix-middle-after:after,.fix-middle-before:before{top:50%!important;-webkit-transform:translateY(-50%)!important;-moz-transform:translateY(-50%)!important;-ms-transform:translateY(-50%)!important;-o-transform:translateY(-50%)!important;transform:translateY(-50%)!important;-webkit-transform-style:preserve-3d!important;-moz-transform-style:preserve-3d!important;transform-style:preserve-3d!important}.abs-bottom,.abs-bottom-after:after,.abs-bottom-before:before,.fix-bottom,.fix-bottom-after:after,.fix-bottom-before:before{top:100%!important;-webkit-transform:translateY(-100%)!important;-moz-transform:translateY(-100%)!important;-ms-transform:translateY(-100%)!important;-o-transform:translateY(-100%)!important;transform:translateY(-100%)!important;-webkit-transform-style:preserve-3d!important;-moz-transform-style:preserve-3d!important;transform-style:preserve-3d!important}.primeract-calendar
{
	position: relative;
	display: flex;

	flex-wrap: wrap;

	width: 100%;
	min-width: 155px;

	font-size: 1rem;
}

.primeract-calendar--auto
{
	display: flex;

	flex-direction: column;

	width: auto;
	min-width: 0;
}

.primeract-calendar--fixed-size
{
	width: var(--size);
	min-width: var(--size);

	flex-grow: 0;
	--size: 150px;
}

.primeract-calendar--inline
{
	flex-wrap: nowrap;
	gap: 10px;

	flex-grow: 0;
}

.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--auto .primeract-calendar__wrapper
{
	width: auto;
}

.primeract-calendar--inline .primeract-calendar__wrapper
{
	flex-grow: 1;
}

.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--align-right .primeract-calendar__calendar
{
	right: 0;
	left: auto;
}

.primeract-calendar--year .primeract-calendar__calendar > div:first-child
{
	width: auto !important;
}

.primeract-calendar__calendar-background
{
	display: none;
}

/* ------------------ Mobile ------------------ */
@media (max-width: 599px)
{
	.primeract-calendar__calendar-background
	{
		position: fixed;
		display: flex;

		height: 100%;
		width: 100%;

		top: 0;
		right: 0;
		left: 0;
		bottom: 0;

		background-color: rgb(71 71 71 / 90%);

		z-index: 10;
	}

	.primeract-calendar__calendar
	{
		position: fixed;

		width: 324px;

		top: 50%;
		margin-top: -150px;
		left: 50%;
		margin-left: -162px;

		transform: none;

		z-index: 10;
	}
}

.primeract-calendar__calendar.visible
{
	visibility: visible;
	opacity: 1;

	transform: translate3d(0, 0px, 0);
}

/* ------------------ Mobile ------------------ */
@media (max-width: 599px)
{
	.primeract-calendar__calendar.visible
	{
		transform: none;
	}
}

.primeract-calendar input,
.primeract-calendar__mask
{
	position: relative;
	display: flex;

	height: var(--input-height);
	width: 100%;

	padding: 0 8px;

	background-color: transparent;

	font-family: "Source Code Pro", monospace;
	font-weight: 500;
	font-size: 1em;

	text-align: left;

	border-radius: 0;
	border: none;

	outline: none;

	z-index: 2;

	align-items: center;
	justify-content: flex-start;
}

.primeract-calendar__mask
{
	position: absolute;

	top: 0;
	left: 0;

	color: #7F7F7F;

	z-index: 0;
}

.primeract-calendar__mask__letter[aria-hidden="true"]
{
	visibility: hidden;
}

.primeract-calendar--disabled input
{
	color: #ABABAB;
}

.primeract-calendar input + button
{
	position: relative;
	display: flex;

	width: 38px;

	text-align: center;

	border-top-right-radius: var(--input-radius);
	border-bottom-right-radius: var(--input-radius);

	z-index: 1;

	flex-shrink: 0;
	align-items: center;
	justify-content: center;
}

.primeract-calendar input + button:disabled
{
	cursor: default;
}

.primeract-calendar input + button:after
{
	position: absolute;
	opacity: 0;

	top: 0;
	right: 0;
	left: 0;
	bottom: 0;

	background-color: #000;

	content: "";

	transition: opacity 240ms ease;
}

.primeract-calendar input + button:not(:disabled):hover:after,
.primeract-calendar input + button:not(:disabled):focus:after
{
	opacity: .08;
}

.primeract-calendar svg + span
{
	display: none;
}

.primeract-calendar [data-pc-section="panel"]
{
	display: flex;

	flex-direction: column;

	width: 100%;

	background-color: #FFF;

	border-bottom-right-radius: var(--multi-select-radius);
	border-bottom-left-radius: var(--multi-select-radius);
	border: 2px solid #F3F3F3;

	justify-content: center;
}

.primeract-calendar--fixed-width [data-pc-section="panel"]
{
	width: auto !important;
}

.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(--orange);

	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(--orange);

	color: #FFF;

	border-radius: 50%;
}

.primeract-calendar [data-pc-section="yearpicker"]
{
	display: flex;

	flex-wrap: wrap;
	gap: 10px 0;

	width: auto;
	max-width: 275px;

	margin: auto;
	padding-bottom: 10px;

	justify-content: space-between;
	flex-shrink: 1;
}

.primeract-calendar [data-pc-section="yearpicker"] > span
{
	padding: 10px 10px;
}

.primeract-calendar [data-pc-section="yearpicker"] > span:not([data-p-disabled="true"]):hover
{
	background-color: rgba(0 0 0 / 10%);

	cursor: pointer;
}

.primeract-calendar [data-pc-section="monthpicker"]
{
	display: flex;

	flex-wrap: wrap;
	gap: 10px 0;

	width: 275px;
	max-width: 100%;

	margin: auto;
	padding-bottom: 10px;

	justify-content: space-between;
	flex-shrink: 1;
}

.primeract-calendar [data-pc-section="monthpicker"] > span
{
	padding: 10px 10px;
}

.primeract-calendar [data-pc-section="monthpicker"] > span:hover
{
	background-color: rgba(0 0 0 / 10%);

	cursor: pointer;
}

.primeract-calendar [data-p-other-month="true"]
{
	opacity: .2;
}

.primeract-calendar__visual-helper
{
	position: absolute;
	display: flex;
	visibility: hidden;
	opacity: 0;

	width: 100%;

	margin: 0;
	top: 100%;
	margin-top: -3px;
	right: 0;
	left: 0;
	padding: 0 6px;

	background-color: #FFF;

	font-family: "Source Code Pro", monospace;
	font-weight: 500;
	font-size: 1em;
	color: #7F7F7F;

	text-align: left;

	border-bottom-right-radius: var(--multi-select-radius);
	border-bottom-left-radius: var(--multi-select-radius);
	border: 2px solid #F3F3F3;
	border-top-width: 3px;

	overflow: auto;
	overflow: hidden;

	transition: visibility 160ms ease, opacity 160ms ease, transform 220ms ease;
	transform: scale(.95);

	z-index: 10;

	align-items: center;
}

.primeract-calendar__input:focus ~ .primeract-calendar__visual-helper.is-visible
{
	visibility: visible;
	opacity: 1;

	transform: scale(1);
}

.primeract-calendar__visual-helper__letter.is-valid
{
	color: #408174;
}

.primeract-calendar__visual-helper__letter.is-invalid
{
	color: var(--red);
}

.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(--red);

	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;
}
/*!
 * Quill Editor v1.2.6
 * https://quilljs.com/
 * Copyright (c) 2014, Jason Chen
 * Copyright (c) 2013, salesforce.com
 */
.ql-container {
  box-sizing: border-box;
  font-family: Helvetica, Arial, sans-serif;
  font-size: 13px;
  height: 100%;
  margin: 0px;
  position: relative;
}
.ql-container.ql-disabled .ql-tooltip {
  visibility: hidden;
}
.ql-container.ql-disabled .ql-editor ul[data-checked] > li::before {
  pointer-events: none;
}
.ql-clipboard {
  left: -100000px;
  height: 1px;
  overflow-y: hidden;
  position: absolute;
  top: 50%;
}
.ql-clipboard p {
  margin: 0;
  padding: 0;
}
.ql-editor {
  box-sizing: border-box;
  cursor: text;
  line-height: 1.42;
  height: 100%;
  outline: none;
  overflow-y: auto;
  padding: 12px 15px;
  tab-size: 4;
  -moz-tab-size: 4;
  text-align: left;
  white-space: pre-wrap;
  word-wrap: break-word;
}
.ql-editor p,
.ql-editor ol,
.ql-editor ul,
.ql-editor pre,
.ql-editor blockquote,
.ql-editor h1,
.ql-editor h2,
.ql-editor h3,
.ql-editor h4,
.ql-editor h5,
.ql-editor h6 {
  margin: 0;
  padding: 0;
  counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol,
.ql-editor ul {
  padding-left: 1.5em;
}
.ql-editor ol > li,
.ql-editor ul > li {
  list-style-type: none;
}
.ql-editor ul > li::before {
  content: '\2022';
}
.ql-editor ul[data-checked=true],
.ql-editor ul[data-checked=false] {
  pointer-events: none;
}
.ql-editor ul[data-checked=true] > li *,
.ql-editor ul[data-checked=false] > li * {
  pointer-events: all;
}
.ql-editor ul[data-checked=true] > li::before,
.ql-editor ul[data-checked=false] > li::before {
  color: #777;
  cursor: pointer;
  pointer-events: all;
}
.ql-editor ul[data-checked=true] > li::before {
  content: '\2611';
}
.ql-editor ul[data-checked=false] > li::before {
  content: '\2610';
}
.ql-editor li::before {
  display: inline-block;
  white-space: nowrap;
  width: 1.2em;
  text-align: right;
  margin-right: 0.3em;
  margin-left: -1.5em;
}
.ql-editor li.ql-direction-rtl::before {
  text-align: left;
  margin-left: 0.3em;
}
.ql-editor ol li,
.ql-editor ul li {
  padding-left: 1.5em;
}
.ql-editor ol li {
  counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
  counter-increment: list-num;
}
.ql-editor ol li:before {
  content: counter(list-num, decimal) '. ';
}
.ql-editor ol li.ql-indent-1 {
  counter-increment: list-1;
}
.ql-editor ol li.ql-indent-1:before {
  content: counter(list-1, lower-alpha) '. ';
}
.ql-editor ol li.ql-indent-1 {
  counter-reset: list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-2 {
  counter-increment: list-2;
}
.ql-editor ol li.ql-indent-2:before {
  content: counter(list-2, lower-roman) '. ';
}
.ql-editor ol li.ql-indent-2 {
  counter-reset: list-3 list-4 list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-3 {
  counter-increment: list-3;
}
.ql-editor ol li.ql-indent-3:before {
  content: counter(list-3, decimal) '. ';
}
.ql-editor ol li.ql-indent-3 {
  counter-reset: list-4 list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-4 {
  counter-increment: list-4;
}
.ql-editor ol li.ql-indent-4:before {
  content: counter(list-4, lower-alpha) '. ';
}
.ql-editor ol li.ql-indent-4 {
  counter-reset: list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-5 {
  counter-increment: list-5;
}
.ql-editor ol li.ql-indent-5:before {
  content: counter(list-5, lower-roman) '. ';
}
.ql-editor ol li.ql-indent-5 {
  counter-reset: list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-6 {
  counter-increment: list-6;
}
.ql-editor ol li.ql-indent-6:before {
  content: counter(list-6, decimal) '. ';
}
.ql-editor ol li.ql-indent-6 {
  counter-reset: list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-7 {
  counter-increment: list-7;
}
.ql-editor ol li.ql-indent-7:before {
  content: counter(list-7, lower-alpha) '. ';
}
.ql-editor ol li.ql-indent-7 {
  counter-reset: list-8 list-9;
}
.ql-editor ol li.ql-indent-8 {
  counter-increment: list-8;
}
.ql-editor ol li.ql-indent-8:before {
  content: counter(list-8, lower-roman) '. ';
}
.ql-editor ol li.ql-indent-8 {
  counter-reset: list-9;
}
.ql-editor ol li.ql-indent-9 {
  counter-increment: list-9;
}
.ql-editor ol li.ql-indent-9:before {
  content: counter(list-9, decimal) '. ';
}
.ql-editor .ql-indent-1:not(.ql-direction-rtl) {
  padding-left: 3em;
}
.ql-editor li.ql-indent-1:not(.ql-direction-rtl) {
  padding-left: 4.5em;
}
.ql-editor .ql-indent-1.ql-direction-rtl.ql-align-right {
  padding-right: 3em;
}
.ql-editor li.ql-indent-1.ql-direction-rtl.ql-align-right {
  padding-right: 4.5em;
}
.ql-editor .ql-indent-2:not(.ql-direction-rtl) {
  padding-left: 6em;
}
.ql-editor li.ql-indent-2:not(.ql-direction-rtl) {
  padding-left: 7.5em;
}
.ql-editor .ql-indent-2.ql-direction-rtl.ql-align-right {
  padding-right: 6em;
}
.ql-editor li.ql-indent-2.ql-direction-rtl.ql-align-right {
  padding-right: 7.5em;
}
.ql-editor .ql-indent-3:not(.ql-direction-rtl) {
  padding-left: 9em;
}
.ql-editor li.ql-indent-3:not(.ql-direction-rtl) {
  padding-left: 10.5em;
}
.ql-editor .ql-indent-3.ql-direction-rtl.ql-align-right {
  padding-right: 9em;
}
.ql-editor li.ql-indent-3.ql-direction-rtl.ql-align-right {
  padding-right: 10.5em;
}
.ql-editor .ql-indent-4:not(.ql-direction-rtl) {
  padding-left: 12em;
}
.ql-editor li.ql-indent-4:not(.ql-direction-rtl) {
  padding-left: 13.5em;
}
.ql-editor .ql-indent-4.ql-direction-rtl.ql-align-right {
  padding-right: 12em;
}
.ql-editor li.ql-indent-4.ql-direction-rtl.ql-align-right {
  padding-right: 13.5em;
}
.ql-editor .ql-indent-5:not(.ql-direction-rtl) {
  padding-left: 15em;
}
.ql-editor li.ql-indent-5:not(.ql-direction-rtl) {
  padding-left: 16.5em;
}
.ql-editor .ql-indent-5.ql-direction-rtl.ql-align-right {
  padding-right: 15em;
}
.ql-editor li.ql-indent-5.ql-direction-rtl.ql-align-right {
  padding-right: 16.5em;
}
.ql-editor .ql-indent-6:not(.ql-direction-rtl) {
  padding-left: 18em;
}
.ql-editor li.ql-indent-6:not(.ql-direction-rtl) {
  padding-left: 19.5em;
}
.ql-editor .ql-indent-6.ql-direction-rtl.ql-align-right {
  padding-right: 18em;
}
.ql-editor li.ql-indent-6.ql-direction-rtl.ql-align-right {
  padding-right: 19.5em;
}
.ql-editor .ql-indent-7:not(.ql-direction-rtl) {
  padding-left: 21em;
}
.ql-editor li.ql-indent-7:not(.ql-direction-rtl) {
  padding-left: 22.5em;
}
.ql-editor .ql-indent-7.ql-direction-rtl.ql-align-right {
  padding-right: 21em;
}
.ql-editor li.ql-indent-7.ql-direction-rtl.ql-align-right {
  padding-right: 22.5em;
}
.ql-editor .ql-indent-8:not(.ql-direction-rtl) {
  padding-left: 24em;
}
.ql-editor li.ql-indent-8:not(.ql-direction-rtl) {
  padding-left: 25.5em;
}
.ql-editor .ql-indent-8.ql-direction-rtl.ql-align-right {
  padding-right: 24em;
}
.ql-editor li.ql-indent-8.ql-direction-rtl.ql-align-right {
  padding-right: 25.5em;
}
.ql-editor .ql-indent-9:not(.ql-direction-rtl) {
  padding-left: 27em;
}
.ql-editor li.ql-indent-9:not(.ql-direction-rtl) {
  padding-left: 28.5em;
}
.ql-editor .ql-indent-9.ql-direction-rtl.ql-align-right {
  padding-right: 27em;
}
.ql-editor li.ql-indent-9.ql-direction-rtl.ql-align-right {
  padding-right: 28.5em;
}
.ql-editor .ql-video {
  display: block;
  max-width: 100%;
}
.ql-editor .ql-video.ql-align-center {
  margin: 0 auto;
}
.ql-editor .ql-video.ql-align-right {
  margin: 0 0 0 auto;
}
.ql-editor .ql-bg-black {
  background-color: #000;
}
.ql-editor .ql-bg-red {
  background-color: #e60000;
}
.ql-editor .ql-bg-orange {
  background-color: #f90;
}
.ql-editor .ql-bg-yellow {
  background-color: #ff0;
}
.ql-editor .ql-bg-green {
  background-color: #008a00;
}
.ql-editor .ql-bg-blue {
  background-color: #06c;
}
.ql-editor .ql-bg-purple {
  background-color: #93f;
}
.ql-editor .ql-color-white {
  color: #fff;
}
.ql-editor .ql-color-red {
  color: #e60000;
}
.ql-editor .ql-color-orange {
  color: #f90;
}
.ql-editor .ql-color-yellow {
  color: #ff0;
}
.ql-editor .ql-color-green {
  color: #008a00;
}
.ql-editor .ql-color-blue {
  color: #06c;
}
.ql-editor .ql-color-purple {
  color: #93f;
}
.ql-editor .ql-font-serif {
  font-family: Georgia, Times New Roman, serif;
}
.ql-editor .ql-font-monospace {
  font-family: Monaco, Courier New, monospace;
}
.ql-editor .ql-size-small {
  font-size: 0.75em;
}
.ql-editor .ql-size-large {
  font-size: 1.5em;
}
.ql-editor .ql-size-huge {
  font-size: 2.5em;
}
.ql-editor .ql-direction-rtl {
  direction: rtl;
  text-align: inherit;
}
.ql-editor .ql-align-center {
  text-align: center;
}
.ql-editor .ql-align-justify {
  text-align: justify;
}
.ql-editor .ql-align-right {
  text-align: right;
}
.ql-editor.ql-blank::before {
  color: rgba(0,0,0,0.6);
  content: attr(data-placeholder);
  font-style: italic;
  pointer-events: none;
  position: absolute;
}
.ql-snow.ql-toolbar:after,
.ql-snow .ql-toolbar:after {
  clear: both;
  content: '';
  display: table;
}
.ql-snow.ql-toolbar button,
.ql-snow .ql-toolbar button {
  background: none;
  border: none;
  cursor: pointer;
  display: inline-block;
  float: left;
  height: 24px;
  padding: 3px 5px;
  width: 28px;
}
.ql-snow.ql-toolbar button svg,
.ql-snow .ql-toolbar button svg {
  float: left;
  height: 100%;
}
.ql-snow.ql-toolbar button:active:hover,
.ql-snow .ql-toolbar button:active:hover {
  outline: none;
}
.ql-snow.ql-toolbar input.ql-image[type=file],
.ql-snow .ql-toolbar input.ql-image[type=file] {
  display: none;
}
.ql-snow.ql-toolbar button:hover,
.ql-snow .ql-toolbar button:hover,
.ql-snow.ql-toolbar button.ql-active,
.ql-snow .ql-toolbar button.ql-active,
.ql-snow.ql-toolbar .ql-picker-label:hover,
.ql-snow .ql-toolbar .ql-picker-label:hover,
.ql-snow.ql-toolbar .ql-picker-label.ql-active,
.ql-snow .ql-toolbar .ql-picker-label.ql-active,
.ql-snow.ql-toolbar .ql-picker-item:hover,
.ql-snow .ql-toolbar .ql-picker-item:hover,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected {
  color: #06c;
}
.ql-snow.ql-toolbar button:hover .ql-fill,
.ql-snow .ql-toolbar button:hover .ql-fill,
.ql-snow.ql-toolbar button.ql-active .ql-fill,
.ql-snow .ql-toolbar button.ql-active .ql-fill,
.ql-snow.ql-toolbar .ql-picker-label:hover .ql-fill,
.ql-snow .ql-toolbar .ql-picker-label:hover .ql-fill,
.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill,
.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-fill,
.ql-snow.ql-toolbar .ql-picker-item:hover .ql-fill,
.ql-snow .ql-toolbar .ql-picker-item:hover .ql-fill,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-fill,
.ql-snow.ql-toolbar button:hover .ql-stroke.ql-fill,
.ql-snow .ql-toolbar button:hover .ql-stroke.ql-fill,
.ql-snow.ql-toolbar button.ql-active .ql-stroke.ql-fill,
.ql-snow .ql-toolbar button.ql-active .ql-stroke.ql-fill,
.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,
.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,
.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,
.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill {
  fill: #06c;
}
.ql-snow.ql-toolbar button:hover .ql-stroke,
.ql-snow .ql-toolbar button:hover .ql-stroke,
.ql-snow.ql-toolbar button.ql-active .ql-stroke,
.ql-snow .ql-toolbar button.ql-active .ql-stroke,
.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke,
.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke,
.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,
.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke,
.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke,
.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
.ql-snow.ql-toolbar button:hover .ql-stroke-miter,
.ql-snow .ql-toolbar button:hover .ql-stroke-miter,
.ql-snow.ql-toolbar button.ql-active .ql-stroke-miter,
.ql-snow .ql-toolbar button.ql-active .ql-stroke-miter,
.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter {
  stroke: #06c;
}
@media (pointer: coarse) {
  .ql-snow.ql-toolbar button:hover:not(.ql-active),
  .ql-snow .ql-toolbar button:hover:not(.ql-active) {
    color: #444;
  }
  .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-fill,
  .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-fill,
  .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill,
  .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill {
    fill: #444;
  }
  .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke,
  .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke,
  .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter,
  .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter {
    stroke: #444;
  }
}
.ql-snow {
  box-sizing: border-box;
}
.ql-snow * {
  box-sizing: border-box;
}
.ql-snow .ql-hidden {
  display: none;
}
.ql-snow .ql-out-bottom,
.ql-snow .ql-out-top {
  visibility: hidden;
}
.ql-snow .ql-tooltip {
  position: absolute;
  transform: translateY(10px);
}
.ql-snow .ql-tooltip a {
  cursor: pointer;
  text-decoration: none;
}
.ql-snow .ql-tooltip.ql-flip {
  transform: translateY(-10px);
}
.ql-snow .ql-formats {
  display: inline-block;
  vertical-align: middle;
}
.ql-snow .ql-formats:after {
  clear: both;
  content: '';
  display: table;
}
.ql-snow .ql-stroke {
  fill: none;
  stroke: #444;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 2;
}
.ql-snow .ql-stroke-miter {
  fill: none;
  stroke: #444;
  stroke-miterlimit: 10;
  stroke-width: 2;
}
.ql-snow .ql-fill,
.ql-snow .ql-stroke.ql-fill {
  fill: #444;
}
.ql-snow .ql-empty {
  fill: none;
}
.ql-snow .ql-even {
  fill-rule: evenodd;
}
.ql-snow .ql-thin,
.ql-snow .ql-stroke.ql-thin {
  stroke-width: 1;
}
.ql-snow .ql-transparent {
  opacity: 0.4;
}
.ql-snow .ql-direction svg:last-child {
  display: none;
}
.ql-snow .ql-direction.ql-active svg:last-child {
  display: inline;
}
.ql-snow .ql-direction.ql-active svg:first-child {
  display: none;
}
.ql-snow .ql-editor h1 {
  font-size: 2em;
}
.ql-snow .ql-editor h2 {
  font-size: 1.5em;
}
.ql-snow .ql-editor h3 {
  font-size: 1.17em;
}
.ql-snow .ql-editor h4 {
  font-size: 1em;
}
.ql-snow .ql-editor h5 {
  font-size: 0.83em;
}
.ql-snow .ql-editor h6 {
  font-size: 0.67em;
}
.ql-snow .ql-editor a {
  text-decoration: underline;
}
.ql-snow .ql-editor blockquote {
  border-left: 4px solid #ccc;
  margin-bottom: 5px;
  margin-top: 5px;
  padding-left: 16px;
}
.ql-snow .ql-editor code,
.ql-snow .ql-editor pre {
  background-color: #f0f0f0;
  border-radius: 3px;
}
.ql-snow .ql-editor pre {
  white-space: pre-wrap;
  margin-bottom: 5px;
  margin-top: 5px;
  padding: 5px 10px;
}
.ql-snow .ql-editor code {
  font-size: 85%;
  padding-bottom: 2px;
  padding-top: 2px;
}
.ql-snow .ql-editor code:before,
.ql-snow .ql-editor code:after {
  content: "\A0";
  letter-spacing: -2px;
}
.ql-snow .ql-editor pre.ql-syntax {
  background-color: #23241f;
  color: #f8f8f2;
  overflow: visible;
}
.ql-snow .ql-editor img {
  max-width: 100%;
}
.ql-snow .ql-picker {
  color: #444;
  display: inline-block;
  float: left;
  font-size: 14px;
  font-weight: 500;
  height: 24px;
  position: relative;
  vertical-align: middle;
}
.ql-snow .ql-picker-label {
  cursor: pointer;
  display: inline-block;
  height: 100%;
  padding-left: 8px;
  padding-right: 2px;
  position: relative;
  width: 100%;
}
.ql-snow .ql-picker-label::before {
  display: inline-block;
  line-height: 22px;
}
.ql-snow .ql-picker-options {
  background-color: #fff;
  display: none;
  min-width: 100%;
  padding: 4px 8px;
  position: absolute;
  white-space: nowrap;
}
.ql-snow .ql-picker-options .ql-picker-item {
  cursor: pointer;
  display: block;
  padding-bottom: 5px;
  padding-top: 5px;
}
.ql-snow .ql-picker.ql-expanded .ql-picker-label {
  color: #ccc;
  z-index: 2;
}
.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill {
  fill: #ccc;
}
.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke {
  stroke: #ccc;
}
.ql-snow .ql-picker.ql-expanded .ql-picker-options {
  display: block;
  margin-top: -1px;
  top: 100%;
  z-index: 1;
}
.ql-snow .ql-color-picker,
.ql-snow .ql-icon-picker {
  width: 28px;
}
.ql-snow .ql-color-picker .ql-picker-label,
.ql-snow .ql-icon-picker .ql-picker-label {
  padding: 2px 4px;
}
.ql-snow .ql-color-picker .ql-picker-label svg,
.ql-snow .ql-icon-picker .ql-picker-label svg {
  right: 4px;
}
.ql-snow .ql-icon-picker .ql-picker-options {
  padding: 4px 0px;
}
.ql-snow .ql-icon-picker .ql-picker-item {
  height: 24px;
  width: 24px;
  padding: 2px 4px;
}
.ql-snow .ql-color-picker .ql-picker-options {
  padding: 3px 5px;
  width: 152px;
}
.ql-snow .ql-color-picker .ql-picker-item {
  border: 1px solid transparent;
  float: left;
  height: 16px;
  margin: 2px;
  padding: 0px;
  width: 16px;
}
.ql-snow .ql-picker:not(.ql-color-picker):not(.ql-icon-picker) svg {
  position: absolute;
  margin-top: -9px;
  right: 0;
  top: 50%;
  width: 18px;
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-label]:not([data-label=''])::before,
.ql-snow .ql-picker.ql-font .ql-picker-label[data-label]:not([data-label=''])::before,
.ql-snow .ql-picker.ql-size .ql-picker-label[data-label]:not([data-label=''])::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-label]:not([data-label=''])::before,
.ql-snow .ql-picker.ql-font .ql-picker-item[data-label]:not([data-label=''])::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-label]:not([data-label=''])::before {
  content: attr(data-label);
}
.ql-snow .ql-picker.ql-header {
  width: 98px;
}
.ql-snow .ql-picker.ql-header .ql-picker-label::before,
.ql-snow .ql-picker.ql-header .ql-picker-item::before {
  content: 'Normal';
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="1"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]::before {
  content: 'Heading 1';
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="2"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]::before {
  content: 'Heading 2';
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="3"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]::before {
  content: 'Heading 3';
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="4"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]::before {
  content: 'Heading 4';
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="5"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]::before {
  content: 'Heading 5';
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="6"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]::before {
  content: 'Heading 6';
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]::before {
  font-size: 2em;
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]::before {
  font-size: 1.5em;
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]::before {
  font-size: 1.17em;
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]::before {
  font-size: 1em;
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]::before {
  font-size: 0.83em;
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]::before {
  font-size: 0.67em;
}
.ql-snow .ql-picker.ql-font {
  width: 108px;
}
.ql-snow .ql-picker.ql-font .ql-picker-label::before,
.ql-snow .ql-picker.ql-font .ql-picker-item::before {
  content: 'Sans Serif';
}
.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=serif]::before,
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]::before {
  content: 'Serif';
}
.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=monospace]::before,
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]::before {
  content: 'Monospace';
}
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]::before {
  font-family: Georgia, Times New Roman, serif;
}
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]::before {
  font-family: Monaco, Courier New, monospace;
}
.ql-snow .ql-picker.ql-size {
  width: 98px;
}
.ql-snow .ql-picker.ql-size .ql-picker-label::before,
.ql-snow .ql-picker.ql-size .ql-picker-item::before {
  content: 'Normal';
}
.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=small]::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]::before {
  content: 'Small';
}
.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=large]::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]::before {
  content: 'Large';
}
.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=huge]::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]::before {
  content: 'Huge';
}
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]::before {
  font-size: 10px;
}
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]::before {
  font-size: 18px;
}
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]::before {
  font-size: 32px;
}
.ql-snow .ql-color-picker.ql-background .ql-picker-item {
  background-color: #fff;
}
.ql-snow .ql-color-picker.ql-color .ql-picker-item {
  background-color: #000;
}
.ql-toolbar.ql-snow {
  border: 1px solid #ccc;
  box-sizing: border-box;
  font-family: 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif;
  padding: 8px;
}
.ql-toolbar.ql-snow .ql-formats {
  margin-right: 15px;
}
.ql-toolbar.ql-snow .ql-picker-label {
  border: 1px solid transparent;
}
.ql-toolbar.ql-snow .ql-picker-options {
  border: 1px solid transparent;
  box-shadow: rgba(0,0,0,0.2) 0 2px 8px;
}
.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label {
  border-color: #ccc;
}
.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options {
  border-color: #ccc;
}
.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item.ql-selected,
.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item:hover {
  border-color: #000;
}
.ql-toolbar.ql-snow + .ql-container.ql-snow {
  border-top: 0px;
}
.ql-snow .ql-tooltip {
  background-color: #fff;
  border: 1px solid #ccc;
  box-shadow: 0px 0px 5px #ddd;
  color: #444;
  padding: 5px 12px;
  white-space: nowrap;
}
.ql-snow .ql-tooltip::before {
  content: "Visit URL:";
  line-height: 26px;
  margin-right: 8px;
}
.ql-snow .ql-tooltip input[type=text] {
  display: none;
  border: 1px solid #ccc;
  font-size: 13px;
  height: 26px;
  margin: 0px;
  padding: 3px 5px;
  width: 170px;
}
.ql-snow .ql-tooltip a.ql-preview {
  display: inline-block;
  max-width: 200px;
  overflow-x: hidden;
  text-overflow: ellipsis;
  vertical-align: top;
}
.ql-snow .ql-tooltip a.ql-action::after {
  border-right: 1px solid #ccc;
  content: 'Edit';
  margin-left: 16px;
  padding-right: 8px;
}
.ql-snow .ql-tooltip a.ql-remove::before {
  content: 'Remove';
  margin-left: 8px;
}
.ql-snow .ql-tooltip a {
  line-height: 26px;
}
.ql-snow .ql-tooltip.ql-editing a.ql-preview,
.ql-snow .ql-tooltip.ql-editing a.ql-remove {
  display: none;
}
.ql-snow .ql-tooltip.ql-editing input[type=text] {
  display: inline-block;
}
.ql-snow .ql-tooltip.ql-editing a.ql-action::after {
  border-right: 0px;
  content: 'Save';
  padding-right: 0px;
}
.ql-snow .ql-tooltip[data-mode=link]::before {
  content: "Enter link:";
}
.ql-snow .ql-tooltip[data-mode=formula]::before {
  content: "Enter formula:";
}
.ql-snow .ql-tooltip[data-mode=video]::before {
  content: "Enter video:";
}
.ql-snow a {
  color: #06c;
}
.ql-container.ql-snow {
  border: 1px solid #ccc;
}
@charset 'UTF-8';
/* Slider */
.slick-loading .slick-list
{
	background: #FFF url('./ajax-loader.gif') center center no-repeat;
}

/* Icons */
@font-face
{
	font-family: 'slick';
	font-weight: normal;
	font-style: normal;
}

/* Arrows */
.slick-prev,
.slick-next
{
	position: absolute;
	display: block;
	height: 50px;
	line-height: 0;
	width: 40px;
	top: 50%;
	padding: 0;
	background: rgba(255, 255, 255, .7);
	font-size: 0;
	color: transparent;
	cursor: pointer;
	border: none;
	outline: none;
	-webkit-transform: translate(0, -50%);
	-ms-transform: translate(0, -50%);
	transform: translate(0, -50%);
}

.slick-prev.slick-disabled,
.slick-next.slick-disabled,
.slick-prev.slick-disabled:focus,
.slick-next.slick-disabled:focus,
.slick-prev.slick-disabled:hover,
.slick-next.slick-disabled:hover
{
	background: rgba(255, 255, 255, .5);
	cursor: default;
}

.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus
{
	background: rgba(255, 255, 255, .92);
	color: transparent;
	outline: none;
}

.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before
{
	opacity: 1;
}

.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before
{
	opacity: .25;
}

.slick-prev:before,
.slick-next:before
{
	position: relative;
	display: block;

	height: 1em;
	width: 1em;

	font-size: 22px;

	content: '';

	border-width: 0 0 2px 2px;
	border-style: solid;
	border-color: #FC9D00;

	transform: rotate(45deg);
}

.slick-next:before
{
	left: 5px;

	border-width: 0 2px 2px 0;

	transform: rotate(-45deg);
}

.slick-prev
{
	left: 0;

	z-index: 1;
}

[dir='rtl'] .slick-prev
{
	right: -25px;
	left: auto;
}

.slick-prev:before
{
	left: 12px;

	content: '';
}

[dir='rtl'] .slick-prev:before
{
	content: '';
}

.slick-next
{
	right: 0;
}

[dir='rtl'] .slick-next
{
	right: auto;
	left: -25px;
}

[dir='rtl'] .slick-next:before
{
	content: '';
}

/* Dots */
.slick-dotted.slick-slider
{
	margin-bottom: 30px;
}

.slick-dots
{
	position: absolute;
	display: block;
	left: 50%;
	margin: 0;
	bottom: 0;
	padding: 0;
	list-style: none;
	text-align: center;
	background-color: rgba(255, 255, 255, 0.75);
	display: inline-flex !important;
	align-items: center;
	justify-content: center;
	transform: translateX(-50%);
	padding: 4px 15px;
}

.slick-dots li
{
	position: relative;
	display: block;
	height: 20px;
	width: 20px;
	margin: 0 5px;
	padding: 0;
	cursor: pointer;
}

.slick-dots li button
{
	display: block;

	height: 20px;
	line-height: 0;
	width: 20px;

	padding: 5px;

	background: transparent;

	font-size: 0;
	color: transparent;

	cursor: pointer;

	border: 0;

	outline: none;
}

.slick-dots li button:hover,
.slick-dots li button:focus
{
	outline: none;
}

.slick-dots li button:hover:before,
.slick-dots li button:focus:before
{
	opacity: 1;
}

.slick-dots li button:before
{
	position: absolute;
	opacity: .25;
	height: 20px;
	line-height: 20px;
	width: 20px;
	top: 0;
	left: 0;
	font-family: 'slick';
	font-size: 38px;
	color: #fc9d00;
	content: '•';
	text-align: center;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.slick-dots li.slick-active button:before
{
	opacity: 1;
	color: #fc9d00;
}
/* Slider */
.slick-slider
{
	position: relative;
	display: block;

	-webkit-user-select: none;
	 -khtml-user-select: none;
	   -moz-user-select: none;
	    -ms-user-select: none;
	        user-select: none;

	box-sizing: border-box;

	-webkit-touch-callout: none;
	-ms-touch-action: pan-y;
	    touch-action: pan-y;
	-webkit-tap-highlight-color: transparent;
}

.slick-list
{
	position: relative;
	display: block;

	margin: 0;
	padding: 0;

	overflow: hidden;
}
.slick-list:focus
{
	outline: none;
}
.slick-list.dragging
{
	cursor: pointer;
	cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
	        transform: translate3d(0, 0, 0);

	-webkit-transform: translate3d(0, 0, 0);
	   -moz-transform: translate3d(0, 0, 0);
	    -ms-transform: translate3d(0, 0, 0);
	     -o-transform: translate3d(0, 0, 0);
}

.slick-track
{
	position: relative;
	display: flex;

	top: 0;
	margin-right: auto;
	left: 0;
	margin-left: auto;

	align-items: center;
}
.slick-track:before,
.slick-track:after
{
	display: table;

	content: "";
}
.slick-track:after
{
	clear: both;
}
.slick-loading .slick-track
{
	visibility: hidden;
}

.slick-slide
{
	display: none;
	float: left;

	height: 100%;
	min-height: 1px;
}
[dir="rtl"] .slick-slide
{
	float: right;
}
.slick-slide img
{
	display: block;
}
.slick-slide.slick-loading img
{
	display: none;
}
.slick-slide.dragging img
{
	pointer-events: none;
}
.slick-initialized .slick-slide
{
	display: block;
}
.slick-loading .slick-slide
{
	visibility: hidden;
}
.slick-vertical .slick-slide
{
	display: block;

	height: auto;

	border: 1px solid transparent;
}
.slick-arrow.slick-hidden
{
	display: none;
}
:root,
::after,
::before
{
	--background: #F0F3F3;

	--text: #464747;
	--red: #D87060;
	--orange: #EE9902;
	--orange-light: #FDFAF7;
	--orange-white: #FDFAF7;
	--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: #63998D;
	--green-light: #D7ECE6;
	--blue: #0E7DD5;
	--blue-light: #DBF2FE;
}

html
{
	overflow-x: hidden;
}

body
{
	background-color: #F0EFEB;

	font-family: "Nunito Sans";
	font-weight: 400;
	font-size: 16px;
	color: #464747;
}

body,
[id="app-mount"],
.page-wrapper
{
	position: absolute;

	height: 100%;
	width: 100%;

	margin: 0;
	top: 0;
	left: 0;

	overflow: hidden;
}

body.no-overflow,
html.js-modal-opened
{
	overflow: hidden;
}

.page-wrapper
{
	display: flex;

	flex-direction: column;
}

.public-front
{
	display: block;
}

.front-page,
.front-page .page-body
{
	justify-content: center;
}

.page
{
	position: relative;
	display: flex;

	height: 100%;
	width: 100%;

	overflow: hidden;
}

.page-body
{
	position: relative;
	display: flex;

	flex-direction: column;

	height: 100%;
	width: 100%;
}

.public-front .page-body
{
	display: block;
}

/* -------- Mobile -------- */
@media (max-width: 640px)
{
	.page-body
	{
		display: block;

		height: auto;

		overflow-y: auto;
	}

	.front-page .page-body
	{
		height: 100%;
	}
}

.page-body:after
{
	position: absolute;
	visibility: hidden;
	opacity: 0;

	height: 100%;
	width: 100%;

	top: 0;
	left: 0;

	background-color: rgba(233, 238, 239, .85);

	content: "";

	transition: opacity 440ms ease, visibility 440ms ease;

	z-index: 100;
}

/* ------ Tablette ------ */
@media (min-width: 992px)
{
	.page-body:after
	{
		display: none;
	}
}

.page-body.open:after
{
	visibility: visible;
	opacity: 1;
}
/*
	$text:        #464747;
	$background:  #F0F3F3;
	$light:       #fdfaf7

	light_orange: #fdfaf7;
	$orange:      #EE9902;
	$red:         #C00506;

	flat_red:     #D87060;
	$flat_blue:   #60C8D8;
	$flat_orange: #FCC58E;

	$light_green: #B3DBCD;
	$dark_green:  #26715F;
*/

html
{
	box-sizing: border-box;
}

*,
:before,
:after
{
	box-sizing: inherit;
}/*
	$text:        #464747;
	$background:  #F0F3F3;
	$light:       #fdfaf7

	light_orange: #fdfaf7;
	$orange:      #EE9902;
	$red:         #C00506;

	flat_red:     #D87060;
	$flat_blue:   #60C8D8;
	$flat_orange: #FCC58E;

	$light_green: #B3DBCD;
	$dark_green:  #26715F;
*/

a:not([class]),
a:not([class]):hover,
a:not([class]):active,
a:not([class]):focus
{
	color: inherit;
	text-decoration: none;
}

a:not([class])
{
	padding-bottom: 1px;

	color: #00A5D1;

	border-bottom: 1px solid transparent;
}

a:not([class]):hover
{
	color: #EE9902;

	border-color: #EE9902;
}

h1 a:not([class]),
h2 a:not([class]),
h3 a:not([class]),
h1 a:not([class]):hover,
h2 a:not([class]):hover,
h3:hover a:not([class]):hover,
h1 a:not([class]):focus,
h2 a:not([class]):focus,
h3:focus a:not([class]):focus
{
	color: inherit;
	text-decoration: none;

	border: none;
}
/*
	$text:        #464747;
	$background:  #F0F3F3;
	$light:       #fdfaf7

	light_orange: #fdfaf7;
	$orange:      #EE9902;
	$red:         #C00506;

	flat_red:     #D87060;
	$flat_blue:   #60C8D8;
	$flat_orange: #FCC58E;

	$light_green: #B3DBCD;
	$dark_green:  #26715F;
*/

ul[class]
{
	list-style: none;
}

ul.c-list
{
	list-style: circle;
}/*
	$text:        #464747;
	$background:  #F0F3F3;
	$light:       #fdfaf7

	light_orange: #fdfaf7;
	$orange:      #EE9902;
	$red:         #C00506;

	flat_red:     #D87060;
	$flat_blue:   #60C8D8;
	$flat_orange: #FCC58E;

	$light_green: #B3DBCD;
	$dark_green:  #26715F;
*/

p
{
	font-weight: 400;
	font-size: 1.05em;

	text-align: justify;
}

p:not([class]):first-child
{
	margin-top: 0;
}

p:last-child
{
	margin-bottom: 0;
}

strong
{
	font-weight: 700;
}

address
{
	font-style: normal;
}
/*
	$text:        #464747;
	$background:  #F0F3F3;
	$light:       #fdfaf7

	light_orange: #fdfaf7;
	$orange:      #EE9902;
	$red:         #C00506;

	flat_red:     #D87060;
	$flat_blue:   #60C8D8;
	$flat_orange: #FCC58E;

	$light_green: #B3DBCD;
	$dark_green:  #26715F;
*/

.u-overflow-x-hidden
{
	overflow-x: hidden;
}

.u-lock-scroll,
[class^="u-lock-scroll-"]
{
	overflow: hidden !important;
}

.u-cursor
{
	cursor: pointer;
}

.u-overflow-hidden
{
	overflow: hidden;
}

.u-responsive-img
{
	display: block;

	width: 100%;
	max-width: 100%;
}

.u-scroll-y
{
	overflow-y: auto;
}

.u-scroll-x
{
	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-flex
{
	display: flex;
}

.u-flex-wrap
{
	    flex-wrap: wrap;

	-ms-flex-wrap: wrap;
}

.u-flex-column
{
	-webkit-flex-flow: column;
	    -ms-flex-flow: column;
	        flex-flow: column;
}

.u-items-center
{
	-webkit-align-items: center;
	        align-items: center;
}

.u-items-end
{
	-webkit-align-items: flex-end;
	        align-items: flex-end;
}

.u-items-start
{
	-webkit-align-items: flex-start;
	        align-items: flex-start;
}

.u-content-end
{
	-webkit-justify-content: flex-end;
	        justify-content: flex-end;
}

.u-content-start
{
	-webkit-justify-content: flex-start;
	        justify-content: flex-start;
}

.u-content-center
{
	-webkit-justify-content: center;
	        justify-content: center;
}

.u-content-between
{
	justify-content: space-between;
}

.u-content-around
{
	justify-content: space-around;
}

.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-order--1
{
	-webkit-order: -1;
	    -ms-order: -1;
	        order: -1;
}

.u-order-0
{
	-webkit-order: 0;
	    -ms-order: 0;
	        order: 0;
}

.u-order-1
{
	-webkit-order: 1;
	    -ms-order: 1;
	        order: 1;
}

.u-order-2
{
	-webkit-order: 2;
	    -ms-order: 2;
	        order: 2;
}

.u-order-3
{
	-webkit-order: 3;
	    -ms-order: 3;
	        order: 3;
}

.u-flex-grow-0
{
	-webkit-flex-grow: 0;
	        flex-grow: 0;
}

.u-flex-grow-1
{
	-webkit-flex-grow: 1;
	        flex-grow: 1;
}

.u-flex-grow-2
{
	-webkit-flex-grow: 2;
	        flex-grow: 2;
}

.u-flex-grow-3
{
	-webkit-flex-grow: 3;
	        flex-grow: 3;
}

.u-flex-shrink-0
{
	-webkit-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: 14px;
}

.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-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-0,
.u-no-margin-bottom
{
	margin-bottom: 0;
}

.u-margin-bottom-30
{
	margin-bottom: 30px;
}

.u-margin-bottom-25
{
	margin-bottom: 25px;
}

.u-margin-bottom-30
{
	margin-bottom: 30px;
}

.u-margin-bottom-20
{
	margin-bottom: 20px;
}

.u-margin-bottom-15
{
	margin-bottom: 15px;
}

.u-margin-bottom-10
{
	margin-bottom: 10px;
}

.u-no-margin-bottom
{
	margin-bottom: 0;
}

.u-no-margin-top,
.u-margin-top-0
{
	margin-top: 0;
}

.u-margin-left-30
{
	margin-left: 30px;
}

.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-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-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-no-padding-bottom
{
	padding-bottom: 0;
}

.u-no-padding-top,
.u-padding-top-0
{
	padding-top: 0;
}

.u-padding-left-15
{
	padding-left: 15px;
}

.u-padding-left-10
{
	padding-left: 10px;
}

.u-padding-left-5
{
	padding-left: 5px;
}

.u-padding-right-15
{
	padding-right: 15px;
}

.u-padding-right-10
{
	padding-right: 10px;
}

.u-padding-right-5
{
	padding-right: 5px;
}

.u-self-start
{
	align-self: flex-start;
}

.u-centered
{
	margin-right: auto;
	margin-left: auto;

	align-self: center;
}

.u-full-width
{
	width: 100%;
}

.u-width-auto
{
	width: auto;
}

.u-negative-margin,
.u-negative-margins
{
	margin-right: -10px;
	margin-left: -10px;
}

.u-clearfix:after,
.u-clearfix:before
{
	display: block;

	height: 0;
	width: 100%;

	content: "";

	clear: both;
}

.u-no-select,
.u-no-select *:not(input):not(textarea):not(select)
{
	-webkit-user-select: none;
	 -khtml-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-responsive-table
{
	max-width: 100%;

	overflow: auto;
}

.u-readers-only
{
	position: absolute;
	visibility: hidden;

	height: 0;
	width: 0;

	padding: 0;

	color: transparent;

	border: none;

	overflow: hidden;

	z-index: -1;
}

.u-hidden
{
	display: none;
}

.u-gap-5
{
	gap: 5px;
}

.u-gap-10
{
	gap: 10px;
}

.u-gap-15
{
	gap: 15px;
}

.u-gap-20
{
	gap: 20px;
}

.u-gap-25
{
	gap: 25px;
}

.u-gap-30
{
	gap: 30px;
}

.u-gap-35
{
	gap: 35px;
}

.u-gap-40
{
	gap: 40px;
}

.u-gap-45
{
	gap: 45px;
}

.u-gap-50
{
	gap: 50px;
}

/* -------- 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;
}
