html
{
	    overflow-x: hidden;
	-ms-overflow-x: hidden;
}

body,
body > [id='app'],
.front-page,
.auth-page,
.back-page,
.simple-page
{
	position: absolute;

	line-height: 1.5em;
	min-height: 100%;
	width: 100%;

	margin: 0;
	top: 0;
	right: auto;
	left: 0;
	bottom: auto;

	font-family: 'Poppins', sans-serif;
	font-weight: 400;
	font-size: 16px;
}

.back-page
{
	background-color: #F5F5F5;
}

.auth-page
{
	display: flex;
}

/* -- Mobile & Tablette -- */
@media (max-width: 991px)
{
	.front-page
	{
		-webkit-flex-wrap: wrap;
		    -ms-flex-wrap: wrap;
		        flex-wrap: wrap;
	}

	.auth-page
	{
		-webkit-flex-wrap: wrap;
		    -ms-flex-wrap: wrap;
		        flex-wrap: wrap;
	}
}

.page-content
{
	padding-top: 84px;
	padding-bottom: 20px;
}

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;
*/

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;

	-webkit-box-shadow: none;
	        box-shadow: none;

	overflow: visible;

	-webkit-appearance: none;
	-webkit-touch-callout: none;
	-khtml-user-select: none;
}

button:focus
{
	outline: none;
}

img
{
	display: block;
}
a:not([class]),
.c-link
{
	position: relative;
	display: inline-flex;

	line-height: 1em;

	padding: 2px 3px;

	color: inherit;
	text-decoration: none;

	overflow: hidden;

	transition: color 240ms;

	box-sizing: content-box;

	z-index: 0;
}

a:not([class]):focus,
a:not([class]):active,
a:not([class]):hover,
.c-link:hover,
.c-link:focus,
.c-link:active
{
	color: #FFF;

	outline: none;

	transition: color 220ms ease 20ms;
}

a:not([class]):before,
.c-link:before
{
	position: absolute;

	height: 100%;
	width: 100%;

	top: 0;
	left: 0;

	background-color: #BB0B0B;

	content: '';

	transition: -webkit-transform 220ms ease 20ms;
	transition:         transform 220ms ease 20ms;
	transition:         transform 220ms ease 20ms, -webkit-transform 220ms ease 20ms;
	-webkit-transform: scaleY(0) scaleX(1.2);
	        transform: scaleY(0) scaleX(1.2);
	-webkit-transform-origin: bottom;
	        transform-origin: bottom;

	z-index: -1;
}

a:not([class]):focus:before,
a:not([class]):active:before,
a:not([class]):hover:before,
.c-link:hover:before,
.c-link:focus:before,
.c-link:active:before
{
	transition: -webkit-transform 240ms ease;
	transition:         transform 240ms ease;
	transition:         transform 240ms ease, -webkit-transform 240ms ease;
	-webkit-transform: scaleY(1) scaleX(1.2);
	        transform: scaleY(1) scaleX(1.2);
}

a:not([class]):after,
.c-link:after
{
	position: absolute;

	height: 2px;
	width: 100%;

	left: 0;
	bottom: -1px;

	background-color: #BB0B0B;

	content: '';

	z-index: -1;
}

.c-link--cgu
{
	margin-left: 0;
	padding-left: 0;

	font-weight: 400;
	font-size: 1rem;
	color: #6E7684;

	text-transform: none;
}

strong
{
	font-weight: 600;
}

input
{
	font-family: 'Montserrat', sans-serif !important;
}

select
{
	font-family: 'Montserrat', sans-serif !important;
}

ul
{
	margin: 0;
	padding-left: 0;

	list-style: none;
}

ul:not([class])
{
	margin: 10px 0;
	padding-left: 40px;

	list-style: disc;
}
.o-content
{
	padding: 0 15px;
}

.o-content--margin
{
	width: 1400px;
	max-width: 100%;

	margin: 0 auto;
}

.o-content--ramoneur
{
	padding: 0;
}

.o-content--ramoneur-list
{
	display: flex;

	flex-wrap: wrap;

	padding: 0 200px 15px 200px;
}

@media (max-width: 1400px)
{
	.o-content--ramoneur-list
	{
		display: flex;

		flex-wrap: wrap;

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

.o-front-header
{
	position: relative;
	display: flex;

	width: 100%;

	padding: 0 15px;

	background-color: #F1F1F1;

	border-width: 8px 0 0 0;
}

.o-front-header__content
{
	position: relative;
	display: flex;

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

	margin: auto;

	border-width: 8px 0 0 0;
}

/* ----------------- Desktop ------------------ */
@media (min-width: 1400px)
{
	.o-front-header
	{
		margin: auto;
	}
}

.o-front-header--simple
{
	position: relative;

	padding: 15px 0;

	justify-content: center;
}

.o-front-header__logo-link:focus,
.o-front-header__logo-link:visited
{
	text-decoration: none;

	outline: none;
}

.o-front-header__logo
{
	display: block;

	height: 110px;
	width: auto;
	max-width: 100%;

	transition: height 320ms ease;

	flex-shrink: 0;
}

.o-front-header__logo-link
{
	display: flex;

	width: 20%;

	align-items: center;
}

/* ----------------- Laptop ------------------- */
@media (min-width: 1326px) and (max-width: 1399px)
{
	.o-front-header__logo-link
	{
		margin-right: 80px;
	}
}

/* -------- Mobile, Tablet (portrait) --------- */
@media (max-width: 1023px)
{
	.o-front-header__logo-link
	{
		margin-right: 12px;
	}

	.o-front-header__logo
	{
		height: 66px;
	}
}

/* ------------------ Mobile ------------------ */
@media (max-width: 767px)
{
	.o-front-header__logo
	{
		height: 60px;
		max-width: 100%;

		order: -1;
	}
}

/* -------- Mobile, Tablet (portrait) --------- */
@media (max-width: 1023px)
{
	.o-front-header__content
	{
		position: absolute;
		visibility: hidden;

		width: 100%;

		top: 100%;
		margin-top: 15px;
		left: 0;

		transition: margin 420ms ease, opacity 320ms ease;
	}

	.o-front-header--open .o-front-header__content
	{
		visibility: visible;

		margin-top: 0;

		background-color: #FFF;
	}
}

.o-front-header__top
{
	display: flex;

	max-width: 1400px;

	margin: 0 auto;
	padding: 18px 15px;

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

/* ------------------ Mobile ------------------ */
@media (max-width: 767px)
{
	.o-front-header__top
	{
		flex-direction: column;

		max-width: 100%;

		padding: 10px 15px 15px;
	}
}

.o-front-header__bottom
{
	display: flex;

	width: 100%;

	justify-content: flex-end;
}

/* -------- Mobile, Tablet (portrait) --------- */
@media (max-width: 1023px)
{
	.o-front-header__bottom
	{
		padding-top: 0;
		padding-bottom: 0;
	}
}

.o-front-header__navbar
{
	position: relative;
	display: flex;

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

	margin: 0 auto;

	background-color: #F1F1F1;

	justify-content: center;
}
/* -------- Mobile, Tablet (portrait) --------- */
@media (max-width: 1023px)
{
	.o-front-header__navbar
	{
		width: 100%;

		background-color: transparent;
	}
}

/* -------- Mobile, Tablet (portrait) --------- */
@media (max-width: 1023px)
{
	.o-front-header__navbar
	{
		position: fixed;

		top: 0;
		left: 0;

		z-index: 100;
	}

	.o-front-header__navbar:before
	{
		position: fixed;
		visibility: hidden;
		opacity: 0;

		height: 100%;
		width: 100%;

		top: 0;
		left: 0;

		background-color: #FFF;

		content: "";

		transition: opacity 320ms ease, visibility 320ms ease;

		z-index: -1;
	}

	.o-front-header--open .o-front-header__navbar:before
	{
		visibility: visible;
		opacity: .7;
	}
}

.o-front-header__block
{
	display: flex;

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

/* ------------------ Mobile ------------------ */
@media (max-width: 767px)
{
	.o-front-header__block
	{
		width: 100%;

		margin-top: 15px;

		flex-basis: 100%;
	}
}

.o-front-header__block:last-child
{
	justify-content: flex-end;
}

/* ------------------ Mobile ------------------ */
@media (max-width: 767px)
{
	.o-front-header__block:last-child
	{
		justify-content: flex-start;
	}
}

.o-front-header__actions
{
	display: flex;

	margin: 0;
}

.o-front-header__toggle
{
	position: fixed;
	display: flex;
	visibility: visible;

	height: 52px;
	width: 52px;
	min-width: 0;

	top: 0;
	margin-top: 4px;
	right: 0;
	margin-right: 4px;
	padding-top: 0;

	background-color: #FFF;

	color: #BB0B0B;

	border-radius: 50%;

	z-index: 200;

	align-items: center;
}

.o-front-header__toggle:before
{
	position: absolute;
	display: block;

	width: 100%;

	left: 0;

	font-weight: 600;

	content: "";
	text-align: center;
	text-transform: uppercase;
}

.o-front-header__toggle,
.o-front-header__toggle:focus,
.o-front-header__toggle:active,
.o-front-header__toggle:hover
{
	background-color: #BB0B0B;

	color: #FFF;
}

/* --- Tablet (landscape), Laptop & Desktop --- */
@media (min-width: 1024px)
{
	.o-front-header__toggle
	{
		display: none;
	}
}

.o-front-header__toggle-label
{
	display: flex;

	height: 36px;

	margin-right: 6px;
	padding: 0 5px;

	font-weight: 500;

	align-items: center;
}

.o-front-header__toggle-icon
{
	height: 1em;
	width: 1em;

	font-size: 32px;
}

@keyframes header-appear
{
	0%
	{
		        transform: translate3d(0, -100%, 0);

		-webkit-transform: translate3d(0, -100%, 0);
	}

	100%
	{
		opacity: 1;

		        transform: translate3d(0, 0, 0);

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

@-webkit-keyframes header-appear
{
	0%
	{
		        transform: translate3d(0, -100%, 0);

		-webkit-transform: translate3d(0, -100%, 0);
	}

	100%
	{
		opacity: 1;

		        transform: translate3d(0, 0, 0);

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

/*
	$green       : #42A343;
	$light_green : #BDD261;

	$blue       : #575759;
	$light_blue : #51B2CA;
	$dark_blue  : #4D728E;

	$red : #E5433B;
	$pink: #E983B4;
*/

.o-header
{
	display: flex;

	height: 64px;

	font-size: 1em;

	justify-content: space-between;
}

.o-header__menu-actions
{
	display: flex;

	-webkit-align-items: center;
	        align-items: center;
}

.o-header__menu-actions svg
{
	color: #FFF;
}

.o-header__title
{
	display: flex;

	padding-right: 10px;

	font-size: 1.4em;
	color: #FFF;

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

.o-header__title-txt
{
	position: relative;
	display: flex;

	margin-right: 20px;

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

.o-header__logo
{
	display: flex;
}

.o-header__logout
{
	cursor: pointer;
}

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

	padding: 0 15px;

	color: #FFF;

	-webkit-align-items: center;
	        align-items: center;
}

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

	height: 30px;
	width: 2px;

	left: -1px;

	background-color: currentColor;

	content: '';
}

/*
	$green       : #42A343;
	$light_green : #BDD261;

	$blue       : #575759;
	$light_blue : #51B2CA;
	$dark_blue  : #4D728E;

	$red : #E5433B;
	$pink: #E983B4;
*/

.o-sidebar
{
	position: fixed;
	display: inline-flex;

	height: calc(100% - 64px);
	width: auto;
	width: 265px;

	top: auto;
	right: 100%;
	left: auto;
	bottom: 0;

	background-color: #FFF;

	-webkit-box-shadow: 0 2px 4px -1px rgba(0, 0, 0, .2), 0 4px 5px 0 rgba(0, 0, 0, .14),
	0 1px 10px 0 rgba(0, 0, 0, .12);
	        box-shadow: 0 2px 4px -1px rgba(0, 0, 0, .2), 0 4px 5px 0 rgba(0, 0, 0, .14),
	0 1px 10px 0 rgba(0, 0, 0, .12);

	z-index: 1200;
}

.o-sidebar > ul
{
	width: 100%;
}

.o-sidebar--open
{
	right: auto;
	left: 0;
}

.o-sidebar--open + .page-content
{
	padding-left: 265px;
}

.o-wrapper-link
{
	text-decoration: none;
}
.c-autocompleted-field
{
	position: relative;

	width: 100%;

	z-index: 1;
}

.c-autocompleted-field .react-autosuggest__container > div:first-child:before,
.c-autocompleted-field .react-autosuggest__container > div:first-child:after
{
	position: absolute;

	top: 0;
	left: 8px;

	font-size: 16px;
	color: #C3C3C3;

	content: '';
}

.c-autocompleted-field .react-autosuggest__container > div:first-child:before
{
	height: 1em;
	width: 1em;

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

	-webkit-border-radius: 50%;
	        border-radius: 50%;
	border: 2px solid currentColor;
}

.c-autocompleted-field .react-autosuggest__container > div:first-child:after
{
	height: 2px;
	width: .7em;

	top: 50%;
	margin-top: .45em;
	margin-left: .75em;

	background-color: currentColor;

	transform: rotateZ(45deg);
}

.c-autocompleted-field__input
{
	height: 28px;
	line-height: 28px;

	padding: 8px 12px 6px 36px;
}

.c-autocompleted-field__input-container:before,
.c-autocompleted-field__input-container:after
{
	display: none;
}

.c-autocompleted-field__results
{
	position: absolute;

	width: 100%;

	top: 100%;
	margin-top: 0;

	box-shadow: 0 5px 3px -3px rgba(0, 0, 0, .2), 0 2px 2px 0 rgba(0, 0, 0, .14), 0 3px 1px -2px rgba(0, 0, 0, .12);

	z-index: -1;
}

.c-autocompleted-field__results > ul
{
	margin-top: 8px;
	margin-bottom: 8px;
}

.c-breadcrumb
{
	position: relative;

	margin: 15px 200px;
	padding: 10px;

	background-color: #F1F1F1;

	border-radius: 5px;
}

.c-breadcrumb__content
{
	display: flex;

	flex-wrap: wrap;

	margin: 0;
	padding: 0 15px;

	list-style: none;
}

.c-breadcrumb--no-padding .c-breadcrumb__content
{
	padding-right: 0;
	padding-left: 0;
}

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

	margin-right: 12px;

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

.c-breadcrumb__item:after
{
	display: inline-flex;

	height: 1em;
	width: 1em;

	margin-left: 6px;

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

	content: '';

	border: 2px solid currentColor;
	border-width: 2px 2px 0 0;

	transform: rotate(45deg);
}

.c-breadcrumb--white .c-breadcrumb__item:after
{
	color: #FFF;
}

.c-breadcrumb__item:last-child
{
	margin-right: 0;
}

.c-breadcrumb__item:last-child:after
{
	display: none;
}

.c-breadcrumb__link
{
	position: relative;
	display: inline-flex;

	transition: border-color 320ms ease, color 320ms ease;
}

.c-breadcrumb__link,
.c-breadcrumb__link:focus,
.c-breadcrumb__link:hover,
.c-breadcrumb__link:visited
{
	color: #000;
	text-decoration: none;

	outline: none;
}

.c-breadcrumb--white .c-breadcrumb__link,
.c-breadcrumb--white .c-breadcrumb__link:focus,
.c-breadcrumb--white .c-breadcrumb__link:hover,
.c-breadcrumb--white .c-breadcrumb__link:visited
{
	color: #FFF;
}

a.c-breadcrumb__link
{
	color: #000;

	border-color: currentColor;
}

.c-breadcrumb--white a.c-breadcrumb__link
{
	color: #FFF;
}

a.c-breadcrumb__link:hover
{
	border-color: transparent;
}

.c-breadcrumb__label
{
	display: inline-flex;

	font-size: .9em;

	align-items: center;
}

.c-breadcrumb__item:last-child .c-breadcrumb__link
{
	font-weight: 500;
	color: #BB0B0B;
}

@media (max-width: 1400px)
{
	.c-breadcrumb
	{
		margin: 15px 40px;
	}
}

/* ------------------------------------------------ *\
|* ---------------- # c-flat-btn # ---------------- *|
\* ------------------------------------------------ */

.c-flat-btn
{
	position: relative;

	height: auto;
	min-height: 0;
	min-width: 115px;

	padding: 7px 30px;

	background: #1F1F1F;

	font-family: inherit;
	font-weight: 500;
	color: #FFF;
	text-decoration: none;

	text-transform: none;

	border-radius: 5px;

	transition: all 240ms ease;
}

.c-flat-btn--blue
{
	background: #3480EA;
}

.c-flat-btn--green
{
	background: #3CBB62;

	color: #FFF;
}

.c-flat-btn--primary
{
	background-color: #BB0B0B;

	color: #FFF;
}

.c-flat-btn:hover
{
	background-color: #1F1F1F;

	color: #FFF;

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

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

.c-flat-btn--blue:hover
{
	background-color: #3480EA;
}

.c-flat-btn--green:hover
{
	background-color: #3CBB62;
}

.c-flat-btn--primary:hover
{
	background-color: #FFF;

	color: #BB0B0B;
}

.c-simple-button
{
	height: auto;
	min-height: 0;
	min-width: 115px;

	padding: 6px 10px;

	-webkit-border-radius: 0;
	        border-radius: 0;
	border: 0;
}


/* ------------------------------------ */
/* ---------- flat-btn--red ----------- */
/* ------------------------------------ */

.c-flat-btn--red
{
	background: #E93339;
}

.c-flat-btn--red:hover
{
	background-color: #E93339;
}


/* ------------------------------------ */
/* --------- flat-btn--white ---------- */
/* ------------------------------------ */

.c-flat-btn--white
{
	background: #FFF;

	color: #000;
}

.c-flat-btn--white:hover
{
	background-color: #FFF;

	color: #000;
}


/* ---------------------------------- */
/* -------- flat-btn--small --------- */
/* ---------------------------------- */

.c-flat-btn--small
{
	padding: 4px 10px;
}


/* ---------------------------------- */
/* -------- flat-btn--medium -------- */
/* ---------------------------------- */

.c-flat-btn--medium
{
	padding: 8px 16px;
}


/* --------------------------------- */
/* --------- flat-btn--big --------- */
/* --------------------------------- */

.c-flat-btn--big
{
	padding: 10px 20px;
}


/* --------------------------------- */
/* ---- flat-btn--strong-shadow ---- */
/* --------------------------------- */

.c-flat-btn--strong-shadow
{
	-webkit-box-shadow: 6px 6px 0 -2px rgba(0, 0, 0, .6);
	        box-shadow: 6px 6px 0 -2px rgba(0, 0, 0, .6);
}

.c-flat-btn--strong-shadow:hover
{
	-webkit-box-shadow: 0 0 0 -2px rgba(0, 0, 0, 0);
	        box-shadow: 0 0 0 -2px rgba(0, 0, 0, 0);
}

.c-flat-btn--contact
{
	display: block;

	margin: 20px auto;

	font-weight: 600;
}

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

	border-radius: 20px;
	border: 1px solid;
}

.c-flat-btn--search
{
	height: 56px;
	width: 56px;
	min-width: unset;

	border-radius: 50%;
}

/*
	$green       : #42A343;
	$light_green : #BDD261;

	$blue       : #575759;
	$light_blue : #51B2CA;
	$dark_blue  : #4D728E;

	$red : #E5433B;
	$pink: #E983B4;
*/

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

	-webkit-flex-direction: column;
	    -ms-flex-direction: column;
	        flex-direction: column;

	width: 100%;

	padding: 0;
}

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

	width: 100%;

	padding: 15px 25px 19px;

	font-size: 1.25em;

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

.c-card__title-icon
{
	margin-right: 12px;

	font-size: 23px !important;
}

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

	height: 4px;
	width: 100%;

	left: 0;
	bottom: 0;

	content: '';
}

.c-card--blue .c-card__title:after
{
	background: rgba(81,178,202,1);
	background:    -moz-linear-gradient(left, rgba(81,178,202,1) 0%, rgba(0,110,178,1) 50%, rgba(0,73,141,1) 100%);
	background: -webkit-gradient(left top, right top, color-stop(0%, rgba(81,178,202,1)), color-stop(50%, rgba(0,110,178,1)), color-stop(100%, rgba(0,73,141,1)));
	background: -webkit-linear-gradient(left, rgba(81,178,202,1) 0%, rgba(0,110,178,1) 50%, rgba(0,73,141,1) 100%);
	background:      -o-linear-gradient(left, rgba(81,178,202,1) 0%, rgba(0,110,178,1) 50%, rgba(0,73,141,1) 100%);
	background:     -ms-linear-gradient(left, rgba(81,178,202,1) 0%, rgba(0,110,178,1) 50%, rgba(0,73,141,1) 100%);
	background:         linear-gradient(to right, rgba(81,178,202,1) 0%, rgba(0,110,178,1) 50%, rgba(0,73,141,1) 100%);

	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#51b2ca', endColorstr='#00498d', GradientType=1 );
}

.c-card--green .c-card__title:after
{
	background: rgba(66,163,67,1);
	background:    -moz-linear-gradient(left, rgba(66,163,67,1) 0%, rgba(189,210,97,1) 100%);
	background: -webkit-gradient(left top, right top, color-stop(0%, rgba(66,163,67,1)), color-stop(100%, rgba(189,210,97,1)));
	background: -webkit-linear-gradient(left, rgba(66,163,67,1) 0%, rgba(189,210,97,1) 100%);
	background:      -o-linear-gradient(left, rgba(66,163,67,1) 0%, rgba(189,210,97,1) 100%);
	background:     -ms-linear-gradient(left, rgba(66,163,67,1) 0%, rgba(189,210,97,1) 100%);
	background:         linear-gradient(to right, rgba(66,163,67,1) 0%, rgba(189,210,97,1) 100%);

	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#42a343', endColorstr='#bdd261', GradientType=1 );
}

.c-card--red .c-card__title:after
{
	background: rgba(227,62,134,1);
	background:    -moz-linear-gradient(left, rgba(227,62,134,1) 0%, rgba(233,79,44,1) 100%);
	background: -webkit-gradient(left top, right top, color-stop(0%, rgba(227,62,134,1)), color-stop(100%, rgba(233,79,44,1)));
	background: -webkit-linear-gradient(left, rgba(227,62,134,1) 0%, rgba(233,79,44,1) 100%);
	background:      -o-linear-gradient(left, rgba(227,62,134,1) 0%, rgba(233,79,44,1) 100%);
	background:     -ms-linear-gradient(left, rgba(227,62,134,1) 0%, rgba(233,79,44,1) 100%);
	background:         linear-gradient(to right, rgba(227,62,134,1) 0%, rgba(233,79,44,1) 100%);

	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e33e86', endColorstr='#e94f2c', GradientType=1 );
}

.c-card__body
{
	display: flex;

	-webkit-flex-direction: column;
	    -ms-flex-direction: column;
	        flex-direction: column;

	padding: 15px 25px;

	text-align: center;

	flex-grow: 1;
	-webkit-justify-content: space-between;
	        justify-content: space-between;
}

/*
	$green       : #42A343;
	$light_green : #BDD261;

	$blue       : #575759;
	$light_blue : #51B2CA;
	$dark_blue  : #4D728E;

	$red : #E5433B;
	$pink: #E983B4;
*/

.c-chart-legend
{
	position: relative;
	display: flex;

	padding: 8px 12px;

	color: #757575;

	-webkit-align-items: center;
	        align-items: center;
}

.c-chart-legend--primary .c-chart-legend__txt:before
{
	color: #575759;
}

.c-chart-legend--secondary .c-chart-legend__txt:before
{
	color: #5EAF00;
}

.c-chart-legend--terciary .c-chart-legend__txt:before
{
	color: #D5D5D5;
}

.c-chart-legend--quaternary .c-chart-legend__txt:before
{
	color: #51B2CA;
}

.c-chart-legend--quinary .c-chart-legend__txt:before
{
	color: #E94F2C;
}

.c-chart-legend__icon
{
	margin-right: 10px;

	font-size: 32px !important;
	color: inherit;
}

.c-chart-legend__txt
{
	display: flex;

	color: inherit;

	align-items: center;
}

.c-chart-legend__txt:before
{
	display: block;

	height: 1em;
	width: 1em;

	margin-right: 8px;

	background-color: currentColor;

	font-size: 10px;

	content: '';

	border-radius: 50%;
}

.c-cluster-icon
{
	display: flex;

	background-color: #BB0B0B;
	background-image: none;

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

	border-radius: 100%;

	box-shadow: 0 0 0 4px rgb(187 11 11 / 70%);

	align-items: center;
}

.c-cluster-icon--orange
{
	background-color: #F90;

	box-shadow: 0 0 0 4px rgb(255 153 0 / 70%);
}

.c-cluster-icon--red
{
	background-color: #FF6969;

	box-shadow: 0 0 0 4px hsl(0deg 100% 71% / 70%);
}

.c-cluster-icon::before,
.c-cluster-icon::after
{
	position: absolute;
	display: block;
	opacity: 1;

	height: 100%;
	width: 100%;

	top: 50%;
	left: 50%;

	color: #BB0B0B;

	content: '';

	border-radius: 100%;

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

	z-index: -1;
}

.c-cluster-icon--orange::before,
.c-cluster-icon--orange::after
{
	color: #FF9B00;
}

.c-cluster-icon--red::before,
.c-cluster-icon--red::after
{
	color: #FF6969;
}

.c-cluster-icon::before
{
	opacity: .5;

	padding: 19px;

	box-shadow: 0 0 0 5px currentColor;
}

.c-cluster-icon::after
{
	opacity: .3;

	padding: 24px;

	box-shadow: 0 0 0 5px currentColor;
}

.c-dashboard
{
	position: relative;
	display: block;

	min-height: 100px;

	font-size: .95em;
}

.c-dashboard__row
{
	display: flex;

	width: 100%;

	border-bottom: 1px solid #E0E0E0;
}

.c-dashboard--head
{
	min-height: 0;

	font-size: .95em;

	text-transform: uppercase;
}

.c-dashboard__row.sortable
{
	font-weight: 600;
}

.c-dashboard__row:hover
{
	background-color: #EFEFEF;
}

.c-dashboard--head .c-dashboard__row:hover
{
	background-color: transparent;
}

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

	flex-wrap: wrap;

	line-height: 1.25em;
	width: auto;

	flex-basis: 20px;
	flex-grow: 1;
	align-items: center;
	flex-shrink: 0;
}

.c-dashboard__cell-content
{
	display: flex;

	flex-grow: 1;
}

.c-dashboard__sort
{
	width: 100%;
	min-width: 0;

	padding: 0;

	font-size: 1em;

	border-radius: 0;

	justify-content: left;
}

.c-dashboard__sort span
{
	display: flex;

	align-items: center;
}

.c-dashboard__cell:not(.sortable):not(.selection),
.c-dashboard__sort
{
	padding: 8px 10px;
}

.c-dashboard__sort-icon
{
	margin-left: 6px;
	margin-bottom: 2px;

	font-size: 16px;
}

.c-dashboard__sort-arrow
{
	position: relative;
	opacity: 1;

	height: .8em;
	width: 1em;

	margin-bottom: 0;

	font-size: 21px;
	color: #1F1F1F;

	content: '';
}

.c-dashboard__sort-arrow:before
{
	position: absolute;

	height: .35em;
	width: 2px;

	top: 50%;
	margin-top: -.35em;
	left: 50%;
	margin-left: -1px;

	background-color: currentColor;

	color: inherit;

	content: '';
}

.c-dashboard__sort-arrow:after
{
	position: absolute;

	height: .3em;
	width: .3em;

	top: .35em;
	left: 50%;
	margin-left: -.15em;

	color: inherit;

	content: '';

	border: 1px solid currentColor;
	border-width: 0 2px 2px 0;

	transform: rotate(45deg);
}

.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
{
	margin-top: -4px;
}

.c-dashboard__cell.desc .c-dashboard__sort-arrow:before
{
	margin-left: -2px;
}

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

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

	overflow: hidden;

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

.c-dashboard__cell.Contract-title,
.c-dashboard__cell.Contract-category,
.c-dashboard__cell.Contract-title,
.c-dashboard__cell.Contract-client_name,
.c-dashboard__cell.Quote-title,
.c-dashboard__cell.Quote-client_name,
.c-dashboard__cell.Bill-title,
.c-dashboard__cell.Bill-client_name,
.c-dashboard__cell.Payment-client_name
{
	display: flex;

	flex-basis: 170px;
	flex-grow: 10;
	align-items: center;
}


/* ------------------------------------ */
/* ----------- Quote fields ----------- */
/* ------------------------------------ */

.c-dashboard__cell.Quote-number
{
	flex-basis: 170px;
	flex-grow: 1;
}

.c-dashboard__cell.Quote-created_at
{
	flex-basis: 170px;
	flex-grow: 1;
}

.c-dashboard__cell.Quote-validity_end
{
	flex-basis: 220px;
	flex-grow: 0;
}

.c-dashboard__cell.Quote-grand_total
{
	flex-basis: 135px;
	flex-grow: 0;
}

.c-dashboard__cell.Quote-status
{
	flex-basis: 190px;
	flex-grow: 0;
}


/* ------------------------------------ */
/* ------------ Bill fields ----------- */
/* ------------------------------------ */

.c-dashboard__cell.Bill-number
{
	flex-basis: 170px;
	flex-grow: 1;
}

.c-dashboard__cell.Bill-bill_date
{
	flex-basis: 135px;
	flex-grow: 1;
}

.c-dashboard__cell.Bill-payment
{
	flex-basis: 170px;
	flex-grow: 0;
}

.c-dashboard__cell.Bill-grand_total
{
	flex-basis: 145px;
	flex-grow: 0;
}

.c-dashboard__cell.Bill-payment_status
{
	flex-basis: 140px;
	flex-grow: 0;
}


/* ------------------------------------ */
/* ---------- Contract fields --------- */
/* ------------------------------------ */

.c-dashboard__cell.Contract-created_at
{
	flex-basis: 175px;
	flex-grow: 1;
}


/* ------------------------------------ */
/* ---------- Payment fields ---------- */
/* ------------------------------------ */


.c-dashboard__cell.Payment-term_date
{
	flex-basis: 170px;
	flex-grow: 10;
}

.c-dashboard__cell.Payment-amount
{
	flex-basis: 120px;
	flex-grow: 0;
}

.c-dashboard__cell.Payment-date
{
	flex-basis: 180px;
	flex-grow: 1;
}

.c-dashboard__cell.Payment-bill_number
{
	flex-basis: 170px;
	flex-grow: 10;
}

.c-dashboard__cell.Payment-actions
{
	flex-basis: 165px;
	align-items: center;
}

.c-dashboard__cell.Ramoneur-status,
.c-dashboard__cell.Ramoneur-address_city
{
	flex-grow: 0;
	flex-basis: 140px;
}

.c-dashboard__cell.Ramoneur-phone_number,
.c-dashboard__cell.Ramoneur-fix_phone_number
{
	flex-grow: 0;
	flex-basis: 200px;
}

.c-dashboard__cell.Contact-name
{
	flex-grow: 0;
	flex-basis: 210px;
}

.c-dashboard__cell.Contact-contact_name
{
	flex-grow: 0;
	flex-basis: 190px;
}

.c-dashboard__cell.Contact-email
{
	flex-grow: 0;
	flex-basis: 220px;
}

.c-dashboard__cell.Contact-subject
{
	flex-grow: 0;
	flex-basis: 300px;
}

/*
	$green       : #42A343;
	$light_green : #BDD261;

	$blue       : #575759;
	$light_blue : #51B2CA;
	$dark_blue  : #4D728E;

	$red : #E5433B;
	$pink: #E983B4;
*/

.c-donut
{
	position: relative;

	width: 100%;

	background-color: #FFF;

	color: #757575;
}

.c-donut--primary
{
	color: #575759;
}

.c-donut--secondary
{
	color: #42A343;
}

.c-donut--terciary
{
	color: #E94F2C;
}

.c-donut__title
{
	display: flex;

	padding: 20px 25px;

	font-weight: 500;
	font-size: 1.2em;
	color: inherit;

	border-bottom: 2px solid #E6E6E6;

	align-items: center;
}

.c-donut__title-icon
{
	margin-right: 10px;
}

.c-donut__body
{
	position: relative;

	padding: 15px 20px;
}

.c-donut__chart
{
	position: relative;

	height: 180px;
	width: 180px;

	margin: auto;
}

.c-donut--circle .c-donut__chart
{
	height: 115px;
	width: 115px;
}

/* ------ Tablette ------ */
@media (min-width: 640px) and (max-width: 991px)
{
	.c-donut__chart
	{
		height: 110px;
		width: 110px;
	}

	.c-donut--circle .c-donut__chart
	{
		height: 90px;
		width: 90px;
	}
}

/* -------- Mobile -------- */
@media (max-width: 639px)
{
	.c-donut__chart
	{
		height: 100px;
		width: 100px;
	}

	.c-donut--circle .c-donut__chart
	{
		height: 80px;
		width: 80px;
	}
}

.c-donut__top-txt
{
	margin-bottom: 12px;

	font-weight: 500;
	font-size: 1.1em;
	color: #757575;

	text-align: center;
}

.c-donut__center-value
{
	position: absolute;
	display: flex;

	height: 100%;
	width: 100%;

	top: 0;
	left: 0;

	font-weight: 600;
	font-size: 1.6em;
	color: #404040;

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

.c-donut--circle .c-donut__center-value
{
	font-size: 1.4em;
}

.c-donut__bottom-txt
{
	margin-top: 12px;

	font-size: 1.1em;
	color: #757575;

	text-align: center;
}

.c-donut__legend
{
	display: flex;

	-webkit-flex-wrap: wrap;
	    -ms-flex-wrap: wrap;
	        flex-wrap: wrap;

	margin-top: 20px;

	-webkit-justify-content: center;
	        justify-content: center;
}

.c-donut__circle
{
	position: relative;

	height: 0;
	width: 100%;

	padding-top: 100%;

	background: #51B2CA;
	background: -webkit-linear-gradient(left top, #51B2CA 0%, #0F498C 100%);
	background:    -moz-linear-gradient(left top, #51B2CA 0%, #0F498C 100%);
	background:         linear-gradient(left top, #51B2CA 0%, #0F498C 100%);

	border-radius: 1000px;
}

.c-donut--green .c-donut__circle
{
	background: #42A343;
	background: -webkit-linear-gradient(left top, #42A343 0%, #BDD261 100%);
	background:    -moz-linear-gradient(left top, #42A343 0%, #BDD261 100%);
	background:         linear-gradient(left top, #42A343 0%, #BDD261 100%);
}

.c-donut--red .c-donut__circle
{
	background: #E33E86;
	background: -webkit-linear-gradient(left top, #E33E86 0%, #E94F2C 100%);
	background:    -moz-linear-gradient(left top, #E33E86 0%, #E94F2C 100%);
	background:         linear-gradient(left top, #E33E86 0%, #E94F2C 100%);
}

.c-donut__circle:before
{
	position: absolute;

	height: calc(100% - 1em);
	width: calc(100% - 1em);

	top: .5em;
	left: .5em;

	background-color: #FFF;

	font-size: 16px;

	content: '';

	border-radius: 50%;

	box-sizing: content-box;
}

/* -------------------------------------- *\
|* -------- # c-file-thumbnail # -------- *|
\* -------------------------------------- */

.c-file-thumbnail
{
	position: relative;
	display: flex;

	width: 100%;

	margin-top: 8px;
	margin-bottom: 8px;
	padding: 0 1em;

	font-size: 10px;

	z-index: 1;

	justify-content: space-between;
	flex-grow: 1;
}

.c-file-thumbnail:last-child
{
	margin-bottom: 12px;
}

.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__file-name
{
	min-width: 200px;

	margin-right: 12px;
}

.c-file-thumbnail__delete
{
	position: relative;

	min-height: 34px;
	width: 42px;

	color: #E74A41;

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

	z-index: 1;

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

.c-filters
{
	display: inline-flex;

	margin-right: 30px;
	margin-bottom: 20px;
	padding: 12px 15px;

	background-color: #FFF;

	-webkit-border-radius: 0;
	        border-radius: 0;

	box-shadow: 10px 10px 0 -3px #E0E0E0;

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

.c-filters--batches
{
	flex-wrap: wrap;
}

.c-filters__row
{
	display: flex;

	flex-wrap: wrap;

	width: 100%;

	align-items: flex-end;
}

.c-filters__row + .c-filters__row
{
	margin-top: 7px;
}

.c-filters__element
{
	position: relative;

	width: 300px;

	z-index: 0;
}

.c-filters--batches .c-filters__element.text
{
	flex-grow: 1;
}

.c-filters__element.search
{
	min-width: 320px;
}

.c-filters__element.picker
{
	min-width: 240px;
}

.c-filters--batches .c-filters__element.picker
{
	min-width: 240px;

	flex-grow: 1;
}

.c-filters__element.large
{
	min-width: 330px;
}

.c-filters__element.date-picker
{
	min-width: 295px;
}

.c-filters__element.date-picker:before
{
	position: absolute;

	height: 70%;
	width: 10px;

	top: 0;
	left: 2px;

	content: '';

	border-width: 0 0 2px 2px;
	border-style: solid;
	border-color: #434343;

	z-index: -1;
}

.c-filters__element:not(:last-child)
{
	margin-right: 15px;
}

.c-filters__dates-row
{
	display: flex;

	padding-left: 15px;

	color: #867537;

	align-items: center;
}

.c-filters__dates-from
{
	margin-right: 6px;
	margin-left: 15px;

	font-size: .95em;
}

.c-filters__dates-to
{
	margin-right: 6px;
	margin-left: 5px;

	font-size: .95em;
}

.c-filters__element-label
{
	line-height: 1em;

	padding-bottom: 4px;

	background-color: #FFF;

	font-weight: 700;
	font-size: .9em;
	color: #434343;

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

.u-full-width.mui-select > div
{
	width: 100%;
}

.c-footer
{
	width: 100%;

	background-color: #F1F1F1;
}

.c-footer__content
{
	display: flex;

	flex-wrap: wrap;

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

	margin: auto;
	padding: 40px 20px;

	justify-content: space-around;
}

.c-footer__col
{
	display: flex;

	flex-direction: column;

	width: 18%;

	margin-top: 10px;

	color: #000;

	flex-grow: 1;
}

.c-footer__center
{
	display: inline-flex;

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

	margin: auto;
}

.c-footer__col--logo
{
	align-items: flex-start;
	justify-content: center;
}

.c-footer-logo
{
	display: block;

	height: 130px;
	width: auto;

	transition: height 320ms ease;

	flex-shrink: 0;
}

.c-footer__hours-title
{
	margin-top: 0;
	margin-bottom: 0;

	font-weight: 600;
	color: #BB0B0B;
	text-decoration: underline;
}

.c-footer__hours-txt
{
	margin-top: 0;
}

.c-footer__col-info
{
	display: flex;

	align-items: center;
}

.c-footer__col-info svg
{
	margin-right: 7px;

	font-size: 1.3em;
	color: #BB0B0B;
}

.c-footer__link
{
	font-weight: 500;
	color: #BB0B0B;
	text-decoration: none;

	text-transform: uppercase;
}

.c-footer__col .top-information__social
{
	margin-top: 12px;
}

.c-footer__col-title
{
	margin-top: 0;
	margin-bottom: 10px;

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

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

		margin: 10px 0;

		text-align: center;

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

.c-footer__col--social
{
	display: flex;

	flex-direction: row;
	gap: 15px 100px;

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

.top-information__social-link
{
	display: flex;

	height: 40px;
	width: 40px;

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

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

.top-information__social-icon
{
	color: #BB0B0B;
}

.c-form-section
{
	position: relative;

	margin: 25px 0 0 0;
	padding: 12px 15px 8px;
}

.c-form-section:before
{
	position: absolute;

	height: calc(100% - 2px);
	width: calc(100% - 2px);

	top: 2px;
	left: 2px;

	content: '';

	border: 2px solid #000;
}

.c-form-section__title
{
	position: absolute;

	line-height: 1em;

	top: 0;
	margin-top: -.5em;
	left: 15px;
	padding: 0 8px;

	background-color: #FFF;

	font-weight: 600;
	font-size: 1.25em;
	color: #E93339;

	text-transform: uppercase;
}

.c-form-section__table-container
{
	width: 100%;
}

.c-form-section__table
{
	display: table;

	width: 100%;

	margin-top: 15px;
}

.c-form-separator
{
	height: 4px;
	width: 80px;

	margin: 20px auto;

	background-color: #E93339;
}

/* -------------------------------------- *\
|* --------- # 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;

	margin-right: 15px;
	margin-bottom: 0;

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

/* -------- Mobile -------- */
@media (max-width: 639px)
{
	.c-form-element--inline
	{
		-webkit-flex-wrap: wrap;
		    -ms-flex-wrap: wrap;
		        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-element--column
{
	-webkit-flex-direction: column;
	    -ms-flex-direction: column;
	        flex-direction: column;

	width: 100%;

	margin-top: 0;

	align-items: flex-start;
}

.c-form-element--date
{
	position: relative;
}

.c-form-element--short-date
{
	min-width: 60px;
}

/* ----------------------------------- */
/* ---------- 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;

	-webkit-box-shadow: none;
	        box-shadow: none;

	-webkit-transition: background-color 400ms ease 40ms, color 320ms ease;
	    -ms-transition: background-color 400ms ease 40ms, color 320ms ease;
	        transition: background-color 400ms ease 40ms, color 320ms ease;
}

.c-form__submit:hover,
.c-form__submit:focus,
.c-form__submit:active
{
	background-color: transparent;

	color: #A7D9C9;

	outline: none;

	-webkit-transition: background-color 300ms ease 20ms, color 320ms ease;
	    -ms-transition: background-color 300ms ease 20ms, color 320ms ease;
	        transition: background-color 300ms ease 20ms, color 320ms ease;
}

.c-form__submit:focus
{
	box-shadow: 0 0 0 3px rgba(179, 219, 205, .6);
}

.c-form__submit + .c-form__submit
{
	margin-left: 20px;
}

.c-form__submit.file
{
	margin-top: 0;
}


/* ---------------------------------------- *\
|* ----------- # c-form-label # ----------- *|
\* ---------------------------------------- */

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

	width: 100%;

	font-weight: normal;
	font-size: 1em;
	color: #666;

	cursor: pointer;
	text-align: left;

	z-index: 1;

	align-items: center;
}

.c-form-label--file
{
	margin-top: 15px;
	margin-bottom: 12px;

	font-size: .9em;
	color: #9D9D9D;
}

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

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

/* ---------- form-element__date ---------- */
.c-form-element__date
{
	min-width: 0;

	padding: 6px 2px;

	font-family: inherit;
	font-weight: inherit;
	font-size: 1rem;
	color: inherit;

	text-align: center;
}

.c-form-element--short-date .c-form-element__date
{
	width: 100%;

	font-size: .85em;
}

/* -------- form-element__date-icon -------- */
.c-form-element__date-icon
{
	margin-right: 6px;
}

.c-form-element--short-date .c-form-element__date-icon
{
	margin-right: 0;
}

/* ---------- form-element__label ---------- */
.c-form-element__label
{
	font-size: .9em;
}

.c-form-element--date .c-form-element__label
{
	margin-bottom: 6px;
	padding-left: 4px;

	color: #9D9D9D;
}

.c-gmap
{
	height: 100%;
	min-height: 500px;
	width: 100%;
}

.c-gmap__tooltip
{
	font-family: 'Poppins', sans-serif;
	font-weight: 400;
	font-size: 16px;
}

/*
	$green       : #42A343;
	$light_green : #BDD261;

	$blue       : #575759;
	$light_blue : #51B2CA;
	$dark_blue  : #4D728E;

	$red : #E5433B;
	$pink: #E983B4;
*/

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

.c-loader--secondary
{
	color: #42A343;
}

/* ---------- Couleur du fond ---------- */

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

.c-loader--bg-primary
{
	background-color: #575759;
}

.c-loader--bg-secondary
{
	background-color: #42A343;
}

.c-loader--bg-light
{
	background-color: #BDD261;
}

.c-loader--bg-carbon
{
	background-color: #575759;
}

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

	-webkit-flex-shrink: 0;
	        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;
}

/*
	$green       : #42A343;
	$light_green : #BDD261;

	$blue       : #575759;
	$light_blue : #51B2CA;
	$dark_blue  : #4D728E;

	$red : #E5433B;
	$pink: #E983B4;
*/

.c-message
{
	display: flex;

	width: 100%;

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

	background-color: #FDFAF7;

	align-items: center;
}

.c-message--icon
{
	padding: 8px 12px;
}

.c-message--green
{
	background-color: #D7ECE6;

	color: #63998D;
}

.c-message--red
{
	background-color: #F2CBCB;

	color: #C00506;
}

.c-message--orange
{
	background-color: #FAE0B3;

	color: #EE9902;
}

.c-message--primary
{
	background-color: #575759;

	color: #575759;
}

.c-message__content
{
	font-weight: 400;
}

.c-message__content
{
	color: inherit;
}

.c-message__icon
{
	margin-right: 12px;

	font-size: 26px;
}

.c-message--validation
{
	display: flex;

	flex-direction: column;

	padding: 40px;

	background-color: rgb(0 185 124 / 27%);

	font-weight: 500;
	font-size: 1.2em;
	color: #00B97C;

	border-radius: 5px;

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

.c-message--validation p
{
	margin: 3px;
}

.c-message--validation svg
{
	margin-bottom: 20px;

	font-size: 50px;
}

.c-modal-cover
{
	position: fixed;
	display: flex;

	flex-direction: column;

	height: 100%;
	width: 100%;

	top: 0;
	left: 0;

	z-index: 20;

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

.c-modal-cover--cart
{
	align-items: flex-end;
	justify-content: stretch;
}

/* ------------------ Mobile ------------------ */
@media (max-width: 767px)
{
	.c-modal-cover--cart
	{
		align-items: center;
		justify-content: center;
	}
}

.c-modal-cover:before
{
	position: absolute;
	opacity: 1;

	height: 100%;
	width: 100%;

	top: 0;
	left: 0;

	background-color: rgba(154, 140, 140, .75);

	content: '';

	transition: opacity 200ms ease 140ms;
	-webkit-transform: translateZ(0);
	        transform: translateZ(0);
	-webkit-animation: cover-animation 320ms ease;
	        animation: cover-animation 320ms 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: 100%;

	top: 0;
	left: 0;

	background-color: #FFF;

	box-shadow: 12px 12px 0 -3px #DFDFE2;

	z-index: 1;

	-webkit-overflow-scrolling: touch;
}

.c-modal--simple
{
	box-shadow: 2px 2px 10px 0 rgba(0, 0, 0, .35);
}

@media screen and (min-width: 768px)
{
	.c-modal
	{
		max-height: calc(100% - 1em);
		max-width: 30em;

		-webkit-animation: box-animation 440ms ease;
		        animation: box-animation 440ms ease;
	}

	.c-modal--cart
	{
		max-height: 100%;

		-webkit-animation: side-animation 440ms ease;
		        animation: side-animation 440ms ease;

		flex-grow: 1;
	}

	.c-modal--large
	{
		max-width: 80%;
	}

	.c-modal--medium
	{
		max-width: 60%;
	}

	.c-modal--model-picker
	{
		max-width: 80%;
	}

	.c-modal--fade
	{
		opacity: 0;

		transition: opacity 320ms ease, -webkit-transform 320ms ease;
		transition: transform 320ms ease, opacity 320ms ease;
		transition: transform 320ms ease, opacity 320ms ease, -webkit-transform 320ms ease;
		-webkit-transform: translate3d(-10px, -6px, 0);
		        transform: translate3d(-10px, -6px, 0);
	}
}

@media screen and (min-width: 1439px)
{
	.c-modal--medium
	{
		max-width: 60%;
	}
}

@media screen and (min-width: 1800px)
{
	.c-modal--medium
	{
		max-width: 1000px;
	}
}

@media screen and (max-width: 768px)
{
	.c-modal
	{
		-webkit-animation: mobile-box-animation 440ms ease;
		        animation: mobile-box-animation 440ms ease;
	}

	.c-modal--fade
	{
		opacity: 0;

		transition: opacity 320ms ease, -webkit-transform 320ms ease;
		transition: opacity 320ms ease, transform 320ms ease;
		transition: opacity 320ms ease, transform 320ms ease, -webkit-transform 320ms ease;
		-webkit-transform: scale(.9);
		        transform: scale(.9);
	}
}

.c-modal__header
{
	position: relative;

	width: 100%;

	margin-bottom: 0;
	padding: 12px 20px;
	padding-right: 46px;

	background-color: hsla(240, 5%, 95%, 1);

	font-weight: 600;
	color: #000;

	text-transform: uppercase;

	flex-shrink: 0;
}

.c-modal__close
{
	position: absolute;

	height: 43px;
	width: 46px;

	top: 0;
	right: 1px;

	background: #F1F1F3;

	color: #E93339;

	cursor: pointer;

	transition: background-color 320ms ease;
}

.c-modal__close:hover
{
	background-color: #E4E4E7;
}

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

	font-size: 32px;

	fill: transparent;
	stroke: #BB0B0B;
	stroke-linecap: round;
	stroke-width: 3px;
}

.c-modal__body
{
	display: block;

	width: 100%;

	padding: 20px 25px 0;

	overflow-x: hidden;
	overflow-y: auto;

	flex-grow: 1;
}

.c-modal--cart .c-modal__body
{
	padding: 15px 20px 0;
}

@media screen and (max-width: 639px)
{
	.c-modal__body
	{
		padding: 0 10px 15px;
	}
}

.c-modal__img
{
	display: block;

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

	font-family: 'object-fit: contain; object-position: center';

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

.c-modal__controls
{
	display: flex;

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

	text-align: right;

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

.c-modal--ramoneur
{
	border-radius: 5px;
}

.c-modal-cover--ramoneur
{
	border-radius: 5px;
}

.c-modal--ramoneur .c-modal__header
{
	background-color: transparent;

	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}

.c-modal--ramoneur .c-modal__title
{
	padding: 10px 0;

	font-weight: 600;
	font-size: 1.3em;
	color: #BB0B0B;

	text-align: center;
	text-transform: none;
}

.c-modal--ramoneur .c-modal__close
{
	display: flex;

	height: 25px;
	width: 25px;

	top: 8px;
	right: 5px;

	background-color: #BB0B0B;

	color: #FFF;

	border-radius: 50%;

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

.c-modal--ramoneur .c-modal__close-icon
{
	font-size: 20px;

	stroke: #FFF;
}

@media screen and (max-width: 639px)
{
	.c-modal__controls
	{
		padding: 0 10px;
	}
}

.c-modal__controls-close
{
	-ms-order: -1;
	    order: -1;
}

@-webkit-keyframes box-animation
{
	0%
	{
		opacity: 0;

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

	20%
	{
		opacity: 0;

		-webkit-transform: translate3d(-10px, -6px, 0);
		        transform: translate3d(-10px, -6px, 0);
	}

	100%
	{
		opacity: 1;

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

@keyframes box-animation
{
	0%
	{
		opacity: 0;

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

	20%
	{
		opacity: 0;

		-webkit-transform: translate3d(-10px, -6px, 0);
		        transform: translate3d(-10px, -6px, 0);
	}

	100%
	{
		opacity: 1;

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

@-webkit-keyframes side-animation
{
	0%
	{
		opacity: 0;

		-webkit-transform: translate3d(100%, 0, 0);
		        transform: translate3d(100%, 0, 0);
	}

	10%
	{
		opacity: 0;

		-webkit-transform: translate3d(100%, 0, 0);
		        transform: translate3d(100%, 0, 0);
	}

	20%
	{
		opacity: .2;

		-webkit-transform: translate3d(100%, 0, 0);
		        transform: translate3d(100%, 0, 0);
	}

	100%
	{
		opacity: 1;

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

@keyframes side-animation
{
	0%
	{
		opacity: 0;

		-webkit-transform: translate3d(100%, 0, 0);
		        transform: translate3d(100%, 0, 0);
	}

	10%
	{
		opacity: 0;

		-webkit-transform: translate3d(100%, 0, 0);
		        transform: translate3d(100%, 0, 0);
	}

	20%
	{
		opacity: .2;

		-webkit-transform: translate3d(100%, 0, 0);
		        transform: translate3d(100%, 0, 0);
	}

	100%
	{
		opacity: 1;

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

@-webkit-keyframes mobile-box-animation
{
	0%
	{
		opacity: 0;

		-webkit-transform: scale(.9);
		        transform: scale(.9);
	}

	20%
	{
		opacity: 0;

		-webkit-transform: scale(.9);
		        transform: scale(.9);
	}

	100%
	{
		opacity: 1;

		-webkit-transform: scale(1);
		        transform: scale(1);
	}
}

@keyframes mobile-box-animation
{
	0%
	{
		opacity: 0;

		-webkit-transform: scale(.9);
		        transform: scale(.9);
	}

	20%
	{
		opacity: 0;

		-webkit-transform: scale(.9);
		        transform: scale(.9);
	}

	100%
	{
		opacity: 1;

		-webkit-transform: scale(1);
		        transform: scale(1);
	}
}

@-webkit-keyframes cover-animation
{
	0%
	{
		opacity: 0;
	}

	100%
	{
		opacity: 1;
	}
}

@keyframes cover-animation
{
	0%
	{
		opacity: 0;
	}

	100%
	{
		opacity: 1;
	}
}

.c-model-infos
{
	position: relative;

	width: 100%;

	margin-top: 12px;
}

.c-model-infos__name
{
	display: inline-flex;

	padding: 2px 8px;

	background-color: #E6B708;

	color: #FFF;

	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
}

.c-model-infos__row,
.c-model-infos__header
{
	display: flex;
}

.c-model-infos__header
{
	background-color: #F2F2F3;

	font-weight: 700;
}

.c-model-infos__cell
{
	display: flex;

	width: 100px;

	padding: 4px 12px;

	border: 1px solid #F2F2F3;

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

.c-month-picker
{
	position: relative;
}

.c-month-picker__separator
{
	height: 2px;
	width: 80%;

	margin: auto;

	background-color: #D5D5D5;
}


/* ------------------------------------- *\
|* ------- # c-pickable-month # -------- *|
\* ------------------------------------- */

.c-pickable-month,
.c-pickable-year
{
	position: relative;

	width: 100%;

	padding: 10px 15px;

	background-color: #EBEBEB;

	color: #454545;

	border: 2px solid transparent;

	-webkit-transition: border-color 240ms ease;
	    -ms-transition: border-color 240ms ease;
	        transition: border-color 240ms ease;

	z-index: 0;
}

.c-pickable-month:hover,
.c-pickable-year:hover
{
	border-color: #575759;
}

.c-pickable-month--active,
.c-pickable-year--active
{
	color: #FFF;

	border-color: transparent;
}

.c-pickable-month:before,
.c-pickable-year:before
{
	position: absolute;
	opacity: 0;

	height: 100%;
	width: 100%;

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

	background: -webkit-linear-gradient(left top, #51B2CA 0%, #0F498C 100%);
	background:    -moz-linear-gradient(left top, #51B2CA 0%, #0F498C 100%);
	background:         linear-gradient(left top, #51B2CA 0%, #0F498C 100%);

	content: '';

	-webkit-transition: opacity 240ms ease;
	    -ms-transition: opacity 240ms ease;
	        transition: opacity 240ms ease;

	box-sizing: content-box;

	z-index: -1;
}

.c-pickable-month--active:before,
.c-pickable-year--active:before
{
	opacity: 1;
}

.c-front-navbar
{
	position: relative;
	display: flex;

	gap: 10px 40px;

	width: 100%;

	margin: 0;

	list-style: none;

	transition: transform 320ms ease, opacity 240ms ease, visibility 240ms ease;

	justify-content: flex-end;
}

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

	height: 65px;

	font-weight: 500;
	color: #000;
}

/* -------- Mobile, Tablet (portrait) --------- */
@media (max-width: 1023px)
{
	.c-front-navbar__item
	{
		display: flex;

		flex-wrap: wrap;

		height: auto;
	}
}

.c-front-navbar__item--active
{
	background-color: #FFF;

	color: #BB0B0B;
}

.c-front-navbar__link
{
	display: flex;

	padding: 0 18px;

	align-items: center;
}

/* -------- Mobile, Tablet (portrait) --------- */
@media (max-width: 1023px)
{
	.c-front-navbar__link
	{
		width: 100%;

		padding: 15px 12px;

		justify-content: flex-start;
	}

	.c-front-navbar__item--active
	{
		background-color: transparent;
	}
}

.c-front-navbar__item--toggle .c-front-navbar__link:after
{
	position: absolute;

	height: 1em;
	width: 1em;

	left: 40%;
	margin-left: 10px;
	bottom: 5px;

	content: "";

	border-width: 0 2px 2px 0;
	border-style: solid;
	border-color: currentColor;

	transition: transform 240ms ease;
	transform: rotate(45deg) translateX(-50%);
}

.c-front-navbar__item--toggle.c-front-navbar__item--open .c-front-navbar__link:after
{
	transform: rotate(
	-135deg) translate3d(10px, -10px,0) translateX(-50%);
}

/* -------- Mobile, Tablet (portrait) --------- */
@media (max-width: 1023px)
{
	.c-front-navbar__item--toggle .c-front-navbar__link:after
	{
		top: 20px;
		left: 80%;
		margin-left: 10px;
	}
}

.c-front-navbar__link,
.c-front-navbar__link:visited,
.c-front-navbar__link:hover,
.c-front-navbar__link:focus,
.c-front-navbar__link:active
{
	font-weight: inherit;
	font-size: 1em;
	color: inherit;
	text-decoration: none;
}

.c-front-navbar__item__popup
{
	position: absolute;
	display: flex;
	visibility: hidden;
	opacity: 0;

	width: 350px;

	top: calc(100% + 5px);
	left: 0;
	padding: 20px 25px;

	background-color: #FFF;

	font-weight: 500;

	text-transform: uppercase;

	border-radius: 15px;
	border: 2px solid #BB0B0B;

	transition: transform 320ms ease, opacity 240ms ease, visibility 240ms ease;
	transform: translateY(10px);

	z-index: 420;
}

.c-front-navbar__item--open .c-front-navbar__item__popup
{
	visibility: visible;
	opacity: 1;

	color: #BB0B0B;

	text-transform: none;

	transform: translateY(0px);
}

/* -------- Mobile, Tablet (portrait) --------- */
@media (max-width: 1023px)
{
	.c-front-navbar__item__popup
	{
		position: static;
		display: none;

		flex-wrap: wrap;

		max-width: 100%;

		top: 100%;
		left: 0;
		padding: 0 15px;

		background-color: transparent;
	}

	.c-front-navbar__item--open .c-front-navbar__item__popup
	{
		display: flex;

		color: #BB0B0B;
	}
}

.c-front-navbar__item__submenu
{
	position: relative;

	flex-grow: 1;
}

.c-front-navbar__item__submenu:first-child
{
	width: 100%;

	padding-right: 30px;
}

/* -------- Mobile, Tablet (portrait) --------- */
@media (max-width: 1023px)
{
	.c-front-navbar__item__submenu:first-child:after
	{
		display: none;
	}
}

.c-front-navbar__item__submenu:last-child:after
{
	display: none;
}

/* -------- Mobile, Tablet (portrait) --------- */
@media (max-width: 1023px)
{
	.c-front-navbar__item__submenu:first-child
	{
		width: 100%;

		padding-right: 0;
	}
}

.c-front-navbar__item__subitem
{
	display: block;

	width: 100%;

	font-weight: 500;
}

.c-front-navbar__item__subitem
{
	margin-bottom: 4px;
}

.c-front-navbar__item__subitem:last-child
{
	margin-bottom: 0;
}

.c-front-navbar__item__subitem__link,
.c-front-navbar__item__subitem__link:visited
{
	font-weight: inherit;
	color: inherit;
	text-decoration: none;
}

.c-front-navbar__item__subitem__link:hover,
.c-front-navbar__item__subitem__link:focus,
.c-front-navbar__item__subitem__link:active
{
	font-weight: 700;
	color: #BB0B0B;
}

.c-front-navbar__item__subitem__link
{
	position: relative;
	display: block;

	padding: 5px 10px;

	transition: transform 240ms ease;
}

/* -------- Mobile, Tablet (portrait) --------- */
@media (max-width: 1023px)
{
	.c-front-navbar__item__subitem__link
	{
		padding-top: 8px;
		padding-bottom: 8px;
	}
}

.c-front-navbar__item__subitem__link.active:before
{
	display: none;
}

.c-front-navbar__item__subitem__link:hover
{
	transform: translateX(6px);
}

.c-front-navbar__item__subitem__link.active:hover
{
	transform: translateX(0);
}

.c-front-navbar__item__subitem__link:hover:before
{
	opacity: 1;
}

.c-front-navbar__item__subitem__link.active
{
	color: #BB0B0B;
}

.c-front-navbar__item--toggle .c-front-navbar__link > span:first-child
{
	width: auto;
}

.c-front-navbar__item--toggle .c-front-navbar__item__link:after
{
	position: relative;

	height: 1em;
	width: 1em;

	top: -3px;
	margin-left: 10px;

	font-size: 1em;

	content: "";

	border-width: 0 2px 2px 0;
	border-style: solid;
	border-color: currentColor;

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

/* -------- Mobile, Tablet (portrait) --------- */
@media (max-width: 1023px)
{
	.c-front-navbar
	{
		position: absolute;
		display: block;
		visibility: hidden;
		opacity: 0;

		max-height: calc(100vh - 60px);
		width: 100%;

		top: 60px;
		left: 0;

		overflow: auto;

		transform: translateY(15px);
	}

	.o-front-header--open .c-front-navbar
	{
		visibility: visible;
		opacity: 1;

		background-color: #BB0B0B;

		transform: translateY(0);
	}
}

.c-pagination
{
	display: flex;

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

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

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

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

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

	text-align: right;

	flex-basis: 130px;
}

.c-pagination__pages
{
	display: flex;

	margin: -6px 0 6px 0;

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

.c-pagination__page
{
	position: relative;

	margin-top: 6px;
	margin-right: 5px;
}

.c-pagination__page:last-child
{
	margin-right: 0;
}

.c-pagination__page-btn
{
	position: relative;

	min-width: 0;
	min-width: 32px;

	padding: 4px 8px;

	background-color: #FFF;

	border-radius: 50%;
}

.c-pagination__page-btn.active
{
	background-color: #FFF;

	color: #BB0B0B;
}

.c-pagination__suspension
{
	display: flex;

	margin: 6px 0 0;

	align-items: center;
}

.c-pagination__suspension:nth-child(2)
{
	margin-right: 8px;
}

.c-pagination__suspension:nth-child(n-2)
{
	margin-right: 6px;
}

.c-paper
{
	padding: 12px 15px;

	background-color: #FFF;

	-webkit-border-radius: 0;
	        border-radius: 0;

	box-shadow: 10px 10px 0 -3px hsla(0, 0%, 88%, 1);
}

.c-paper--front
{
	line-height: 2em;
}
.c-ramoneur-search
{
	display: flex;

	height: 88vh;
	width: 100%;

	background-image: url(/images/home_background.jpg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;

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

.c-ramoneur-search__container
{
	display: flex;

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

	padding: 20px 30px;

	background-color: rgb(255 255 255 / 90%);

	border-radius: 5px;

	justify-content: space-around;
}

.c-ramoneur-search__input
{
	width: 40%;
}

.c-ramoneur-search__input.mui-select > div
{
	width: 100%;
}

.c-ramoneur-search__input.mui-select fieldset
{
	border-color: #BB0B0B;
}

.c-ramoneur-search__input.mui-select svg
{
	color: #BB0B0B;
}

.c-ramoneur-search__input.mui-select > div > div
{
	border-radius: 25px;
}

.c-ramoneur-search__input fieldset
{
	border-radius: 25px;
}

.c-ramoneur__filters
{
	display: flex;

	width: 100%;

	margin-bottom: 20px;

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

.c-ramoneur__filters__input.mui-select
{
	width: 40%;
}

.c-ramoneur__filters__input.mui-select > div
{
	width: 100%;
}

.c-ramoneur__filters__input.mui-select
{
	width: 30%;
}

.c-ramoneur__filters__input.mui-select > div > div
{
	border-radius: 25px;
}

.c-ramoneur__filters__input.mui-select fieldset
{
	border-color: #BB0B0B;
}

.c-ramoneur__filters__input.mui-select svg
{
	color: #BB0B0B;
}

.c-ramoneur__filters__input.mui-select label
{
	color: #BB0B0B;
}

.c-ramoneur__filters__input.mui-select > div > div > div
{
	font-weight: 500;
	color: #BB0B0B;
}

.c-ramoneur__count
{
	margin-left: auto;

	font-weight: 500;

	text-align: right;
}

.c-ramoneur__total
{
	color: #BB0B0B;
}

.c-ramoneur__empty
{
	display: flex;

	flex-direction: column;

	width: 100%;

	margin: 40px 0;

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


/* ------------------ Mobile ------------------ */
@media (max-width: 1024px)
{
	.c-ramoneur-search__container
	{
		flex-wrap: wrap;
	}

	.c-ramoneur-search__input
	{
		width: 100%;

		margin: 10px 0;
	}
}

.c-ramoneur__map
{
	width: 50%;

	padding: 0 20px 20px 0;
}

.c-ramoneur__list
{
	width: 50%;
}

.c-ramoneur__list
{
	display: flex;

	flex-direction: column;
}

.c-ramoneur__item
{
	display: flex;

	width: 100%;

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

	border-radius: 5px;

	box-shadow: 1px 1px 5px 1px rgb(119 119 119 / 40%);

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

.c-ramoneur__logo
{
	width: 30%;

	border-radius: 10px;

	object-fit: cover;
}

.c-ramoneur__infos
{
	width: 50%;
}

.c-ramoneur__link
{
	display: flex;

	width: 10%;

	padding-right: 20px;

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

.c-ramoneur__link-icon
{
	font-size: 40px;
}

.c-ramoneur__line
{
	display: flex;

	margin: 10px 0;

	color: #BB0B0B;

	align-items: center;
}

.c-ramoneur__name
{
	font-weight: 500;
}

.c-ramoneur__header
{
	display: flex;

	width: 100%;

	margin-bottom: 35px;
	padding: 25px 200px;

	background-color: #BB0B0B;

	align-items: center;
}

.c-ramoneur__header-logo
{
	height: 160px;
	width: 190px;

	margin-bottom: -65px;
	padding: 8px;

	background-color: #FFF;

	border-radius: 5px;
	border: 3px solid #FFF;

	object-fit: cover;
	object-fit: contain;
}

.c-ramoneur__header-info
{
	margin-left: 55px;

	color: #FFF;
}

.c-ramoneur__header-title
{
	margin-bottom: 5px;
}

.c-ramoneur__header-name
{
	font-weight: 500;
}

.c-ramoneur__header-address
{
	display: flex;

	margin-top: 15px;

	align-items: center;
}

.c-ramoneur__header-address-icon
{
	margin-right: 6px;

	font-size: 16px;
}

.c-ramoneur__header-actions
{
	margin-left: auto;
}

.c-ramoneur__content
{
	display: flex;

	flex-wrap: wrap;

	padding: 25px 200px;
}

.c-ramoneur__description
{
	width: 70%;
}

.c-ramoneur__contact
{
	width: 30%;
}

.c-ramoneur__specialities
{
	display: flex;

	flex-wrap: wrap;

	width: 70%;
}

.c-ramoneur__credentials
{
	display: flex;

	flex-wrap: wrap;

	width: 30%;
}

.c-ramoneur__content-title
{
	width: 100%;

	margin-bottom: 30px;

	font-weight: 600;
	font-size: 1.3em;
}

.c-ramoneur__description-txt
{
	padding-right: 80px;

	color: #707070;
}

.c-ramoneur__contact-icon
{
	display: flex;

	height: 30px;
	width: 30px;

	padding: 20px;

	background-color: #BB0B0B;

	color: #FFF;

	content: "";

	border-radius: 50%;

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

.c-ramoneur__contact-info
{
	display: flex;

	margin: 20px 0;

	align-items: center;
}

.c-ramoneur__contact-info-txt
{
	display: flex;

	flex-direction: column;

	margin-left: 12px;

	font-weight: 500;
}

.c-ramoneur__contact-info-title
{
	font-size: .8em;
	color: #A1A1A1;
}

.c-ramoneur__speciality
{
	display: flex;

	width: 33%;

	margin: 10px 0;

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

.c-ramoneur__speciality-icon
{
	margin-right: 10px;

	color: #BB0B0B;
}

.c-ramoneur__credential
{
	max-height: 75px;

	margin: 5px;

	object-fit: contain;
}

.c-ramoneur__icon
{
	margin-right: 7px;
}

.c-ramoneur__maps
{
	display: flex;

	flex-direction: column;

	width: 100%;
}

@media (max-width: 1400px)
{
	.c-ramoneur__header,
	.c-ramoneur__content
	{
		padding: 25px 40px;
	}
}

@media (max-width: 1024px)
{
	.c-ramoneur__map
	{
		width: 100%;

		margin-bottom: 10px;
	}

	.c-ramoneur__list,
	.c-ramoneur__contact,
	.c-ramoneur__description,
	.c-ramoneur__specialities,
	.c-ramoneur__credentials
	{
		width: 100%;
	}
}

@media (max-width: 768px)
{
	.c-ramoneur__header
	{
		flex-wrap: wrap;

		margin: 10px 0;

		justify-content: center;
	}

	.c-ramoneur__header-logo,
	.c-ramoneur__header-actions
	{
		margin: 10px 0;
	}
}

.c-stats
{
	display: flex;

	width: 100%;

	padding: 10px;

	justify-content: space-around;
}

.c-stats__col
{
	display: flex;

	flex-direction: column;

	padding: 40px;

	text-align: center;

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

.c-stats__title
{
	font-weight: 500;
}

.c-stats__value
{
	margin-top: 20px;

	font-weight: 500;
	font-size: 2em;
	color: #BB0B0B;
}

.c-tab
{
	position: relative;

	margin: 0;
	padding: 0;

	background-color: hsl(0, 0%, 88%);

	color: #6B6B6B;

	border-width: 0 0 2px 0;
	border-style: solid;
	border-color: #E0E0E0;
}

.c-tab--active
{
	background-color: #FFF;

	color: #1F1F1F;

	border-color: #E93339;
}

.c-tab__button
{
	display: block;

	min-width: 0;

	padding: 6px 15px;

	font-weight: 600;
	font-size: .95em;
	color: inherit;

	text-transform: uppercase;

	border-radius: 0;
}

.c-title
{
	margin-top: 0;

	font-weight: 500;
	font-size: 1.5em;
}

.c-title--full
{
	width: 100%;

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

	background-color: #BB0B0B;

	color: #FFF;

	text-align: center;

	border-radius: 5px;
}

.c-subtitle
{
	margin-top: 20px;

	font-weight: 500;
	font-size: 1.2em;
	color: #BB0B0B;
}

/*
	$green       : #42A343;
	$light_green : #BDD261;

	$blue       : #575759;
	$light_blue : #51B2CA;
	$dark_blue  : #4D728E;

	$red : #E5433B;
	$pink: #E983B4;
*/

.login-page__left
{
	display: flex;

	width: 40%;

	padding: 0 100px;

	-webkit-align-items: center;
	        align-items: center;
}

/* -------- Laptop -------- */
@media (min-width: 992px) and (max-width: 1399px)
{
	.login-page__left
	{
		padding: 0 75px;
	}
}

/* -- Mobile & Tablette -- */
@media (max-width: 991px)
{
	.login-page__left
	{
		width: 100%;

		-webkit-flex-grow: 1;
		        flex-grow: 1;
		-webkit-order: 1;
		    -ms-order: 1;
		        order: 1;
	}
}

/* ------ Tablette ------ */
@media (min-width: 640px) and (max-width: 991px)
{
	.login-page__left
	{
		padding: 0 90px;
	}
}

/* -------- Mobile -------- */
@media (max-width: 639px)
{
	.login-page__left
	{
		padding: 0 15px;
	}
}

/* ------------------------------------ */
/* --------- login-page__right -------- */
/* ------------------------------------ */

.login-page__right
{
	display: flex;

	width: 60%;

	background: #046296;
	background: linear-gradient(to bottom, #51B2CA 0%, #575759 100%);
	background-image: url(/images/home_background.jpg);
	background-position: center;
	background-size: cover;

	-webkit-align-items: center;
	        align-items: center;
}

/* -- Mobile & Tablette -- */
@media (max-width: 991px)
{
	.login-page__right
	{
		width: 100%;

		-webkit-order: 0;
		    -ms-order: 0;
		        order: 0;
		-webkit-flex-grow: 0;
		        flex-grow: 0;
	}
}

/* ------------------------------------ */
/* --------- login-page__title -------- */
/* ------------------------------------ */

.login-page__title
{
	line-height: 1.2em;

	margin: 0;
	padding: 15px 100px;

	background-color: rgb(87 87 89 / 60%);

	font-weight: 900;
	font-size: 3.0em;
	color: #FFF;

	letter-spacing: .05em;
}

/* -------- Laptop -------- */
@media (min-width: 992px) and (max-width: 1399px)
{
	.login-page__title
	{
		padding: 0 60px;

		font-size: 2.4em;
	}
}

/* -- Mobile & Tablette -- */
@media (max-width: 991px)
{
	.login-page__title
	{
		text-align: center;
	}
}

/* ------ Tablette ------ */
@media (min-width: 640px) and (max-width: 991px)
{
	.login-page__title
	{
		padding: 0 60px;

		font-size: 2em;
	}
}

/* -------- Mobile -------- */
@media (max-width: 639px)
{
	.login-page__title
	{
		padding: 0 15px;

		font-weight: 600;
		font-size: 1.25em;
	}
}

/* ------------------------------------ */
/* --------- login-page__form --------- */
/* ------------------------------------ */

.login-page__form
{
	width: 100%;

	margin: 30px 0 0;
	margin-right: auto;
	margin-left: auto;
}

/* -------- Desktop -------- */
@media (min-width: 1400px)
{
	.login-page__form
	{
		width: 70%;
	}
}

.project-status-page
{
	display: flex;

	width: 100%;

	-webkit-align-items: center;
	        align-items: center;
	-webkit-justify-content: center;
	        justify-content: center;
}
.simple-page
{
	display: flex;

	-webkit-flex-wrap: wrap;
	    -ms-flex-wrap: wrap;
	        flex-wrap: wrap;

	width: 100%;

	-webkit-align-items: center;
	        align-items: center;
	-webkit-justify-content: center;
	        justify-content: center;
}
.satisfaction-page__radio-grp
{
	display: flex;

	-webkit-flex-direction: row;
	    -ms-flex-direction: row;
	        flex-direction: row;

	width: 100%;

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

	-webkit-align-items: center;
	        align-items: center;
}

.satisfaction-page__why
{
	margin-top: -35px;
	margin-bottom: 30px;
}

.satisfaction-page__content
{
	margin: 0 auto;
}
button.delete-btn
{
	background-color: #F44336;
}

button.delete-btn:hover
{
	background-color: #DA190B;
}

.btn__icon
{
	margin-right: 8px;
}

.localebutton {
	display: flex;
	flex-direction: row;
	align-items: center;
	border: 1px solid black;
	margin: 10px 5px;
}

.localebutton_image {
	height: 40px;
}

.localebutton_selected {
	background-color: rgba(109, 49, 49, 0.472);
}
.localebuttongroup
{
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
}
.dashboard-table
{
	width: 100%;
	max-width: 100%;

	    overflow-x: auto;
	-ms-overflow-x: auto;
}

.table-cell
{
	position: relative;

	height: 38px;

	padding: 4px 5px;
}

.mui-input-centered input
{
	text-align: center;
}

.model-infos-label
{
	display: block;

	width: 100%;

	margin-bottom: 4px;

	font-weight: 700;
	font-size: .9em;
	color: #E6B708;

	text-transform: uppercase;
}

.dashboard-page
{
	display: flex;

	flex-wrap: wrap;

	justify-content: space-between;
}

.dashboard-right
{
	display: inline-flex;

	margin-bottom: 20px;

	flex-shrink: 0;
	align-items: flex-start;
	order: 10;
}

.dashboard-table
{
	position: relative;

	width: 100%;

	order: 100;
}

.switch-label[for]
{
	cursor: pointer;
}

.switch-label.top
{
	line-height: 1.1em;
	width: 100%;

	padding-left: 0;

	font-size: .75em;
	color: #9D9D9D;
}

.switch-label.left
{
	margin-right: 2px;
}

.switch-label.right
{
	margin-left: 0;
}

.mui-switch
{
	height: 30px;
}

.switch-label.top + .mui-switch
{
	margin-top: -6px;
}

.modal-info-box
{
	display: inline-flex;

	margin: 12px auto;
	padding: 8px 15px;

	font-weight: 700;
	color: #1F1F1F;

	border: 2px solid currentColor;
}

.cell-alinea
{
	display: inline-block;

	height: 1px;
	width: 25px;
}

.mui-select select
{
	padding-right: 8px;
	padding-left: 8px;
}

.mui-alert
{
	position: fixed;

	top: auto;
	right: auto;
	left: 10px;
	bottom: 10px;

	cursor: pointer;

	z-index: 1000;
}

.mui-alert div
{
	-webkit-user-select: none;
	   -moz-user-select: none;
	    -ms-user-select: none;
	        user-select: none;

	-webkit-touch-callout: none;
}

.front-logo-text
{
	font-size: .9em;
	color: #767678;
}

.image-ramoneur
{
	display: flex;

	flex-wrap: wrap;

	align-items: center;
}

.image-ramoneur-form
{
	height: 60px;

	object-fit: contain;
}

.modal-label
{
	display: flex;

	width: 100%;

	margin-bottom: 5px;

	font-weight: normal;
	font-size: .90em;
	color: hsla(0, 0%, 60%, 1);

	align-items: center;
}

.modal-label.blue
{
	color: #575759;
}

.modal-label:after
{
	display: block;

	height: 2px;
	width: 2px;

	margin-left: 8px;

	background-color: hsl(0, 0%, 86%);

	content: '';

	flex-grow: 1;
}

.ql-container
{
	position: relative;

	font-family: inherit;
}

.ql-snow .ql-tooltip
{
	position: absolute;

	top: auto !important;
	left: 0 !important;
	bottom: 10px;
}

.ql-editor
{
	min-height: 12em;
}

.ql-align-justify
{
	text-align: justify;
}

body:not(.with-recaptcha-v3) .grecaptcha-badge
{
	display: none !important;
}
.StripeElement
{
	height: 40px;

	padding: 10px 12px;

	background-color: white;

	border-radius: 4px;
	border: 1px solid transparent;

	box-shadow: 0 1px 3px 0 #E6EBF1;

	-webkit-transition: box-shadow 150ms ease;
					transition: box-shadow 150ms ease;

	box-sizing: border-box;
}

.StripeElement--focus
{
	box-shadow: 0 1px 3px 0 #CFD7DF;
}

.StripeElement--invalid
{
	border-color: #FA755A;
}

.StripeElement--webkit-autofill
{
	background-color: #FEFDE5 !important;
}

.cleave_textinput
{
	font-size: 16px;

	border: 0;
	border-bottom: 1px solid grey;
}

.read-only_textinput:before
{
	border: 0;
}

.textinput-without-label label + div
{
	margin-top: 0;
}

.mui-textinput fieldset
{
	border-color: #BB0B0B;
}

input,
label
{
	color: #6E7684;
}

.checkbox-credential
{
	display: flex;

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

.checkbox-image
{
	width: 65px;
	max-width: 100%;

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

	object-fit: contain;
}

/*
	$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-lock-scroll,
[class^='u-lock-scroll-']
{
	overflow: hidden !important;
}

.u-overflow-x-hidden
{
	    overflow-x: hidden;
	-ms-overflow-x: hidden;
}

.u-overflow-hidden
{
	overflow: hidden;
}

.u-responsive-img
{
	display: block;

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

.u-scroll-y
{
	    overflow-y: auto;
	-ms-overflow-y: auto;
}

.u-scroll-x
{
	    overflow-x: auto;
	-ms-overflow-x: auto;
}

.u-uppercase
{
	text-transform: uppercase;
}

.u-center
{
	text-align: center;

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

.u-no-padding
{
	padding: 0;
}

.no-horizontal-padding
{
	padding-right: 0;
	padding-left: 0;
}

.u-padding-left-0
{
	padding-left: 0;
}

.u-no-padding-right
{
	padding-right: 0;
}

.u-block
{
	display: block;
}

.u-flex
{
	display: flex;
}

.u-flex-wrap
{
	flex-wrap: wrap;
}

.u-flex-column
{
	flex-flow: column;
}

.u-items-center
{
	align-items: center;
}

.u-items-end
{
	align-items: flex-end;
}

.u-items-start
{
	align-items: flex-start;
}

.u-content-end
{
	justify-content: flex-end;
}

.u-content-start
{
	justify-content: flex-start;
}

.u-content-center
{
	justify-content: center;
}

.u-content-between
{
	justify-content: space-between;
}

.u-content-around
{
	justify-content: space-around;
}

.u-order--1
{
	-ms-order: -1;
	    order: -1;
}

.u-order-0
{
	-ms-order: 0;
	    order: 0;
}

.u-order-1
{
	-ms-order: 1;
	    order: 1;
}

.u-order-2
{
	-ms-order: 2;
	    order: 2;
}

.u-order-3
{
	-ms-order: 3;
	    order: 3;
}

.u-flex-grow-0
{
	flex-grow: 0;
}

.u-flex-grow-1
{
	flex-grow: 1;
}

.u-flex-grow-2
{
	flex-grow: 2;
}

.u-flex-grow-3
{
	flex-grow: 3;
}

.u-flex-shrink-0
{
	flex-shrink: 0;
}

.u-table-row
{
	display: table-row;
}

.u-table-cell
{
	display: table-cell;
}

.u-inline-block
{
	display: inline-block;
}

.u-small
{
	font-size: .8em;
}

.u-no-wrap
{
	white-space: nowrap;
}

.u-link-only
{
	position: absolute;

	height: 100%;
	width: 100%;

	top: 0;
	left: 0;

	font-size: 0;
	color: transparent;
}

.u-no-margins
{
	margin: 0;
}

.u-margin-top-60
{
	margin-top: 60px;
}

.u-margin-top-50
{
	margin-top: 50px;
}

.u-margin-top-40
{
	margin-top: 40px;
}

.u-margin-top-35
{
	margin-top: 35px;
}

.u-margin-top-30
{
	margin-top: 30px;
}

.u-margin-top-25
{
	margin-top: 25px;
}

.u-margin-top-20
{
	margin-top: 20px;
}

.u-margin-top-15
{
	margin-top: 15px;
}

.u-margin-top-10
{
	margin-top: 10px;
}

.u-margin-top-5
{
	margin-top: 5px;
}

.u-margin-bottom-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-margin-bottom-5
{
	margin-bottom: 5px;
}

.u-no-margin-bottom,
.u-margin-bottom-0
{
	margin-bottom: 0;
}

.u-no-margin-top,
.u-margin-top-0
{
	margin-top: 0;
}

.u-margin-left-30
{
	margin-left: 15px;
}

.u-margin-left-25
{
	margin-left: 15px;
}

.u-margin-left-20
{
	margin-left: 15px;
}

.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: 5px;
}

.u-margin-right-25
{
	margin-right: 5px;
}

.u-margin-right-20
{
	margin-right: 5px;
}

.u-margin-right-15
{
	margin-right: 15px;
}

.u-margin-right-10
{
	margin-right: 10px;
}

.u-margin-right-5
{
	margin-right: 5px;
}

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

.u-padding-top-25
{
	padding-top: 25px;
}

.u-padding-top-20
{
	padding-top: 20px;
}

.u-padding-top-15
{
	padding-top: 15px;
}

.u-padding-top-10
{
	padding-top: 10px;
}

.u-padding-top-5
{
	padding-top: 5px;
}

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

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

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

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

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

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

.u-no-padding-bottom
{
	padding-bottom: 0;
}

.u-no-padding-top,
.u-padding-top-0
{
	padding-top: 0;
}

.u-padding-left-40
{
	padding-left: 40px;
}

.u-padding-left-25
{
	padding-left: 15px;
}

.u-padding-left-20
{
	padding-left: 15px;
}

.u-padding-left-15
{
	padding-left: 15px;
}

.u-padding-left-10
{
	padding-left: 10px;
}

.u-padding-left-5
{
	padding-left: 5px;
}

.u-padding-right-25
{
	padding-right: 15px;
}

.u-padding-right-20
{
	padding-right: 15px;
}

.u-padding-right-15
{
	padding-right: 15px;
}

.u-padding-right-10
{
	padding-right: 10px;
}

.u-padding-right-5
{
	padding-right: 5px;
}

.u-centered
{
	margin-right: auto;
	margin-left: auto;

	-ms-grid-row-align: center;
	align-self: center;
}

.u-full-width
{
	width: 100%;
}

.u-width-auto
{
	width: auto;
}

.u-negative-margin,
.u-negative-margins
{
	margin-right: -10px;
	margin-left: -10px;
}

.u-clearfix:after,
.u-clearfix:before
{
	display: block;

	height: 0;
	width: 100%;

	content: '';

	clear: both;
}

.u-weight-normal
{
	font-weight: normal;
}

.u-weight-500
{
	font-weight: 500;
}

.u-weight-600
{
	font-weight: 600;
}

.u-weight-700
{
	font-weight: 700;
}

.u-weight-800
{
	font-weight: 800;
}

.u-no-select,
.u-no-select *:not(input):not(textarea):not(select)
{
	-webkit-user-select: none;
	   -moz-user-select: none;
	    -ms-user-select: none;
	        user-select: none;

	-webkit-touch-callout: none;
}

.u-table
{
	display: table;
}

.u-text-center
{
	text-align: center;
}

.u-text-left
{
	text-align: left;
}

.u-text-right
{
	text-align: right;
}

.u-text-justify
{
	text-align: justify;
}

.u-italic
{
	font-style: italic;
}

.u-positioned
{
	position: relative;
}

.u-float-right
{
	float: right;
}

.u-float-left
{
	float: left;
}

.u-vertical-align-top
{
	vertical-align: top;
}

.u-vertical-align-middle
{
	vertical-align: middle;
}

.u-readers-only
{
	position: absolute;
	visibility: hidden;

	height: 1px;
	width: 1px;

	margin: 0;
	padding: 0;

	white-space: nowrap;

	border: none;

	overflow: hidden;
	clip: rect(1px,1px,1px,1px);

	z-index: -1000;
}

.u-hidden
{
	display: none;
}

.u-list
{
	list-style: disc;
}

/* -------- Mobile -------- */
@media (max-width: 640px)
{
	.u-mobile-hidden
	{
		display: none;
	}
}

/* ------ Tablette ------ */
@media (min-width: 640px) and (max-width: 992px)
{
	.u-tablet-hidden
	{
		display: none;
	}
}

/* -------- Laptop -------- */
@media (min-width: 992px) and (max-width: 1399px)
{
	.u-laptop-hidden
	{
		display: none;
	}
}

/* -------- Desktop -------- */
@media (min-width: 1400px)
{
	.u-desktop-hidden
	{
		display: none;
	}
}

.u-hide-visually
{
	position: absolute !important;
	opacity: 0;

	height: 1px !important;
	width: 1px !important;

	margin: -1px !important;
	padding: 0 !important;

	white-space: nowrap !important;

	border: 0 !important;

	overflow: hidden !important;
	clip: rect(0 0 0 0) !important;
}

.u-auto-grid:after,
.u-auto-grid:before
{
	height: 1px;
	width: 1em;

	content: '';

	flex-grow: 1;
	order: 1000;
}