/*
	$text:        #464747;
	$background:  #F0F3F3;
	$light:       #fdfaf7

	light_orange: #fdfaf7;
	$orange:      #00A8D4;
	$red:         #C00506;

	flat_red:     #D87060;
	$flat_blue:   #60C8D8;
	$flat_orange: #FCC58E;

	$light_green: #B3DBCD;
	$dark_green:  #26715F;
*/

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

body
{
	background-color: #F0EFEB;

	font-family: 'Nunito Sans';
	font-weight: 400;
	font-size: 16px;
	color: #464747;
}

/* -------- Mobile -------- */
@media (max-width: 639px)
{
	body
	{
		font-size: 17px;
	}
}

[id='app-mount']:empty
{
	display: none;
}

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;

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

.page
{
	position: relative;
	display: flex;

	height: 100%;
	width: 100%;

	overflow: hidden;
}

.page-body
{
	position: relative;

	height: 100%;
	width: 100%;

	padding-left: 90px;

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

/* -------- Mobile -------- */
@media (max-width: 640px)
{
	.page-body
	{
		padding-left: 0;
	}
}

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

	-webkit-transition: opacity 440ms ease, visibility 440ms ease;
	    -ms-transition: opacity 440ms ease, visibility 440ms ease;
	        transition: opacity 440ms ease, visibility 440ms ease;

	z-index: 100;
}

.page-body.open:after
{
	visibility: visible;
	opacity: 1;
}

/*
	$text:        #464747;
	$background:  #F0F3F3;
	$light:       #fdfaf7

	light_orange: #fdfaf7;
	$orange:      #00A8D4;
	$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:      #00A8D4;
	$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,
a:not([class]):visited
{
	color: inherit;
	text-decoration: none;
}

a:not([class])
{
	padding-bottom: 1px;

	color: #00A5D1;

	border-bottom: 1px solid transparent;
}

a:not([class]):hover
{
	color: #00A8D4;

	border-color: #00A8D4;
}

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:      #00A8D4;
	$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:      #00A8D4;
	$red:         #C00506;

	flat_red:     #D87060;
	$flat_blue:   #60C8D8;
	$flat_orange: #FCC58E;

	$light_green: #B3DBCD;
	$dark_green:  #26715F;
*/

p
{
	text-align: justify;
	font-size: 1.05em;
	font-weight: 400;
}

p: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:      #00A8D4;
	$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;
}

/*
	$text:        #464747;
	$background:  #F0F3F3;
	$light:       #fdfaf7

	light_orange: #fdfaf7;
	$orange:      #00A8D4;
	$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='']:empty
{
	display: none;
}

textarea
{
	min-height: 120px;
	min-width: 100%;
	max-width: 100%;
}

::-webkit-input-placeholder
{
	font-size: 1em;
	color: #B6C6C9;
}

::-moz-placeholder
{
	color: pink;
}

/* IE 10+ */
:-ms-input-placeholder
{
	color: pink;
}

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

[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--child
{
	width: .7998046875em;
	min-width: .7998046875em;
}

.o-svg-icon--user
{
	width: .615234375em;
	min-width: .615234375em;
}

.o-svg-icon--logout
{
	width: .7998046875em;
	min-width: .7998046875em;
}

.o-svg-icon--settings
{
	height: .990328820em;
	min-height: .990328820em;

	fill: transparent;
}

.o-svg-icon--people
{
	height: .539799684em;
	min-height: .7998046875em;

	fill: transparent;
}

.o-svg-icon-search
{
	width: .8916015625em;
	min-width: .8916015625em;
}

.o-svg-icon--food
{
	width: .537109375em;
	min-width: .537109375em;
}

.o-svg-icon--misc
{
	height: .956115780em;
	min-height: .956115780em;
}

.o-svg-icon--sleep
{
	width: .9306640625em;
	min-width: .9306640625em;
}

.o-svg-icon--users
{
	height: .82580em;
	min-height: 0.82580em;

	fill: transparent;
}

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

.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-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: 991px)
{
	.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
{
	position: relative;

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

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

.o-content:empty
{
	display: none;
}

.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: 991px)
{
	[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: 991px)
{
	.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: 380px)
{
	.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%;
	}
}


/* ---------------------------------- *\
 * ---- # 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: 991px)
{
	.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: 991px)
{
	.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-'] > .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: 991px)
{
	[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: 380px) 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: 379px)
{
	[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;
}




/* ------------------------------------- *\
|* -------- # o-grid-container # ------- *|
\* ------------------------------------- */

.o-upper-grid-container
{
	display: block;

	width: 100%;
}

.o-lower-grid-container
{
	margin-right: -10px;
	margin-left: -10px;
}

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

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




/* ------------------------------ */
/* -------- navbar__menu -------- */
/* ------------------------------ */

.o-header__menu
{
	display: flex;

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

	width: 100%;

	margin: 0;

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

/* -- Mobile & Tablette -- */
@media (max-width: 992px)
{
	.o-header__menu
	{
		position: absolute;

		width: 100%;

		top: 0;
		left: 0;
		padding-top: 90px;

		background-color: #FFF;
		background-clip: content-box;

		transition: transform 440ms ease;
		-ms-transform: translateY(0);
		    transform: translateY(0);

		z-index: -2;

		order: 3;
	}

	.o-header__menu--collapsed
	{
		-ms-transform: translateY(-100%);
		    transform: translateY(-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;
	}
}





/* ------------------------------ */
/* ------- navbar__toggle ------- */
/* ------------------------------ */

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

	height: 44px;
	width: 46px;

	top: 16px;
	right: 15px;

	background: none;

	cursor: pointer;

	border: 1px solid #FFF;
}

.o-header__toggle:hover,
.o-header__toggle:focus,
.o-header__toggle:active
{
	outline: none;
}

/* -- Mobile & Tablette -- */
@media (max-width: 992px)
{
	.o-header__toggle
	{
		display: block;

		order: 2;
	}
}

.o-header__toggle-bar,
.o-header__toggle-bar:before,
.o-header__toggle-bar:after
{
	position: absolute;

	height: 2px;

	background-color: #FFF;
}

.o-header__toggle-bar
{
	width: 70%;

	top: 50%;
	margin-top: -1px;
	left: 15%;
}

.o-header__toggle-bar:before,
.o-header__toggle-bar:after
{
	width: 100%;

	left: 0;

	content: '';
}

.o-header__toggle-bar:before
{
	top: -8px;
}

.o-header__toggle-bar:after
{
	bottom: -8px;
}

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

.o-loader
{
	position: relative;

	height: 5px;
	width: 5px;

	background-color: currentColor;

	color: #00A8D4;

	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: 89px;

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

.o-menu-item:hover
{
	background-color: rgba(167, 217, 201, .25);
}

.o-menu-item--dropdown:hover
{
	background-color: transparent;
}

.o-menu-item--dropdown:after
{
	position: absolute;

	height: 1em;
	width: 1em;

	top: 50%;
	left: 100%;
	margin-left: -1.8em;

	font-size: 12px;

	content: '';

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

	transform: translateY(-50%) 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: #FFF;

	font-size: 40px;

	content: '';
}

.o-sidebar--open .o-menu-item--active:before,
.o-sidebar--open .o-menu-item--actived:before
{
	right: calc(100% - 6px);
}

.o-menu-item--active,
.o-menu-item--actived,
.o-menu-item--active:hover,
.o-menu-item--actived:hover
{
	background-color: #A7D9C9;
}


/* ---------------------------------- */
/* -------- menu-item__icon --------- */
/* ---------------------------------- */

.o-menu-item__icon
{
	position: absolute;

	width: 90px;

	top: 50%;
	right: 0;

	font-size: 42px;

	text-align: center;

	-webkit-transform: translateY(-50%);
	    -ms-transform: translateY(-50%);
	        transform: translateY(-50%);

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

.o-menu-item__link:focus + .c-sub-menu
{
	visibility: visible;
}

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

.o-modal
{
	position: absolute;
	display: block;
	visibility: hidden;

	height: 100%;
	width: 100%;

	top: 0;
	left: 0;

	overflow-y: auto;

	z-index: 1;

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

/* ------------------------------------- */
/* ----------- modal__dialog ----------- */
/* ------------------------------------- */

.o-modal__dialog
{
	position: relative;
	display: flex;

	-webkit-flex-direction: column;
	    -ms-flex-direction: column;
	        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);
}

.o-modal--large .o-modal__dialog
{
	max-width: 1000px;

	border-radius: 0;

	box-shadow: none;
}

/* ------- Tablette ------ */
@media (min-width: 992px) and (max-width: 1200px)
{
	.o-modal--full .o-modal__dialog
	{
		max-width: 992px;
	}

	.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--large .o-modal__dialog
	{
		max-width: 96%;
		max-width: calc(100% - 30px);
	}
}

/* -- Mobile -- */
@media (max-width: 639px)
{
	.o-modal--large .o-modal__dialog
	{
		max-width: 98%;
		max-width: calc(100% - 20px);
	}
}

/* -- Mobile -- */
@media (max-width: 450px)
{
	.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: #A7D9C9;

	font-weight: 400;
	font-size: 16px;
	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;
}


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


/* ------------------------------------ */
/* ---------- 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__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: #A7D9C9;
}

.o-modal__close:active
{
	outline: 2px solid #FFF;
}

.o-modal__close:focus,
.o-modal__close:active,
.o-modal__close:hover
{
	background-color: #FFF;
}


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

.page-header
{
	width: 100%;

	top: 0;
	left: 0;

	background-color: #FFF;

	-webkit-transition: transform 320ms ease;
	    -ms-transition: transform 320ms ease;
	        transition: transform 320ms ease;

	z-index: 100;

	-webkit-flex-shrink: 0;
	        flex-shrink: 0;
}

.o-navbar
{
	position: relative;

	height: 80px;

	text-align: left;
}



/* ----------------------------------- */
/* -------- o-navbar__toggle --------- */
/* ----------------------------------- */

.o-navbar__toggle
{
	position: relative;
	display: block;
	float: left;

	height: 100%;
	width: 80px;

	margin-left: 0;
	padding-top: 24px;

	background-color: transparent;

	cursor: pointer;

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

.o-navbar__toggle:focus
{
	outline: none;
}

.o-navbar__toggle-bar
{
	display: block;
	opacity: 1;

	height: 4px;
	width: 50%;

	margin-left: 25%;
	margin-bottom: 9px;

	background-color: #00A8D4;

	border-radius: 15px;

	-webkit-transition: transform 320ms ease, opacity 320ms ease;
	    -ms-transition: transform 320ms ease, opacity 320ms ease;
	        transition: transform 320ms ease, opacity 320ms ease;
	-webkit-transform: rotate(0) translateX(0);
	    -ms-transform: rotate(0) translateX(0);
	        transform: rotate(0) translateX(0);
	-webkit-transform-origin: right;
	    -ms-transform-origin: right;
	        transform-origin: right;
}

/* ---------- .o-navbar--open ---------- */

.page-header.open .o-navbar__toggle-bar
{
	-webkit-transform: rotate(-45deg) translateX(-3px) translateY(-3px);
	    -ms-transform: rotate(-45deg) translateX(-3px) translateY(-3px);
	        transform: rotate(-45deg) translateX(-1px) translateY(-4px);
}

.page-header.open .o-navbar__toggle-bar + .o-navbar__toggle-bar
{
	opacity: 0;

	-webkit-transform: rotate(0) translateX(-4px);
	    -ms-transform: rotate(0) translateX(-4px);
	        transform: rotate(0) translateX(-4px);
}

.page-header.open .o-navbar__toggle-bar:last-child
{
	opacity: 1;

	-webkit-transform: rotate(45deg) translateX(-4px) translateY(2px);
	    -ms-transform: rotate(45deg) translateX(-4px) translateY(2px);
	        transform: rotate(45deg) translateX(-2px) translateY(3px);
}

/* ------ navbar__toggle-label ------ */

.o-navbar__toggle-label
{
	position: absolute;

	height: 100%;
	line-height: 60px;

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

	font-weight: 600;
	font-size: 18px;
	color: #00A8D4;

	text-transform: uppercase;
}

/* -------- Mobile -------- */
@media (max-width: 767px)
{
	.o-navbar__toggle-label
	{
		display: none;
	}
}

/* ------- navbar__toggle-icon ------- */

.o-navbar__toggle-icon
{
	font-size: 34px;
	color: #00A8D4;
}

/* ---------- 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: 991px)
{
	.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
{
	position: relative;
	display: inline-flex;

	height: 100%;
	width: auto;

	top: 0;
	left: 110px;
	padding: 10px 0;

	text-decoration: none;

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

/* -------- Mobile -------- */
@media (max-width: 991px)
{
	.o-navbar__logo-link
	{
		left: 0;
		margin-left: 70px;
	}
}

/* -------- Mobile -------- */
@media (max-width: 400px)
{
	.o-navbar__logo-link
	{
		height: 90%;

		left: 0;
		margin-left: 0;
	}
}


.o-navbar__logo
{
	display: block;

	height: 100%;
	width: auto;
}

.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;
	float: right;

	height: 100%;
	line-height: inherit;

	margin-right: 20px;
	padding: 0 25px;

	font-size: 0;
	color: #00A5D1;

	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: 991px)
{
	.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
{
	padding-right: 40px;

	font-size: 60px;

	transition: color 320ms ease;
}

/* -------- Mobile -------- */
@media (max-width: 400px)
{
	.o-navbar__special-btn.account
	{
		padding-right: 30px;
		padding-left: 15px;
	}
}


.o-navbar__special-btn.account:hover
{
	color: #006780;
}

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

	-webkit-transition: transform 320ms ease;
	    -ms-transition: transform 320ms ease;
	        transition: transform 320ms ease;
	-webkit-transform: translateY(-50%);
	    -ms-transform: translateY(-50%);
	        transform: translateY(-50%);
}

.o-navbar__special-btn.account.submenu-open:after
{
	-webkit-transform: translateY(-50%) rotate(180deg);
	    -ms-transform: translateY(-50%) rotate(180deg);
	        transform: translateY(-50%) rotate(180deg);
}

.o-navbar__special-btn .o-svg-icon--logout
{
	font-size: 42px;
	color: #00A5D1;

	-webkit-transition: all 320ms ease;
	    -ms-transition: all 320ms ease;
	        transition: all 320ms ease;
}

.o-navbar__special-btn:hover .o-svg-icon--logout
{
	color: #006780;

	fill: #FFF;
}

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

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

.o-overlay--modal
{
	background-color: rgba(98, 119, 132, .8);
}

.o-overlay--filter
{
	background-color: rgba(255, 255, 255, .75);

	z-index: 2;
}

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


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

.responsive-img
{
	display: block;

	height: auto;
	max-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;
*/

.o-sidebar
{
	position: fixed;

	height: calc(100% - 80px);

	top: 80px;
	right: 100%;
	margin-right: -90px;

	background-color: #006882;

	-webkit-transition: transform 440ms ease;
	    -ms-transition: transform 440ms ease;
	        transition: transform 440ms ease;

	z-index: 100;
}

.o-sidebar--open
{
	-webkit-transform: translateX(calc(100% - 90px));
	    -ms-transform: translateX(200px);
	        transform: translateX(calc(100% - 90px));
}

/* -------- Mobile -------- */
@media (max-width: 640px)
{
	.o-sidebar
	{
		margin-right: 0;
	}

	.o-sidebar--open
	{
		-webkit-transform: translateX(100%);
		    -ms-transform: translateX(100%);
		        transform: translateX(100%);
	}
}


/* ----------------------------------- */
/* --------- sidebar__title ---------- */
/* ----------------------------------- */

.o-sidebar__title
{
	height: 60px;
	line-height: 60px;

	background-color: #363A2C;

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

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


/* ------------------------------------ */
/* --------- o-sidebar__menu ---------- */
/* ------------------------------------ */

.o-sidebar__menu
{
	position: relative;

	margin: 0;
	padding: 0;

	border-top: 1px solid #DDD;
}


.sidebar-delete-btn
{
	position: absolute;

	height: 1.7em;
	width: 1.7em;

	left: 50%;
	margin-left: -.85em;
	bottom: 15px;
	padding-top: .15em;

	background-color: white;

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

	cursor: pointer;
}

.c-AM-selector
{
	width: 100%;

	padding: 12px 0;
}

.c-amendement-fields
{
	width: 100%;
}

.c-amendement-fields__content
{
	display: flex;

	margin: 0 -12px;
}

.c-amendement-fields__input
{
	width: 25%;

	padding: 10px 12px;
}
/*
	$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-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 !important;

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

input:focus + .c-autocomplete,
.c-autocomplete--visible
{
	display: block;
}

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

/*
	$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-breadcrumb__list
{
	display: flex;

	flex-wrap: wrap;

	margin: 0;
	padding: 0;

	list-style: none;

	align-items: center;
}

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

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

/* -------- Mobile & tablette -------- */
@media (max-width: 992px)
{
	.c-breadcrumb__element:first-child
	{
		top: 2px;
		margin-right: 10px;
		margin-bottom: 4px;
		padding: 0 8px;
	}
}

.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:before
{
	position: absolute;

	height: 1em;
	width: 1em;

	top: 0;
	left: 0;

	color: #00A2CE;

	content: '';

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

	transform: rotate(45deg);
}

/*
	$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-btn-container # -------- *|
\* ------------------------------------- */

.c-btn-container
{
	display: block;

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

.c-btn-container--form
{
	width: 100%;

	margin-top: 20px;
	margin-bottom: 16px;
	padding: 0;

	text-align: center;
}

/* -------- Mobile -------- */
@media (max-width: 639px)
{
	.c-btn-container--form
	{
		padding-right: 15px;
		padding-left: 15px;
	}
}


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

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

	line-height: 1em;
	min-width: 0;

	margin: 0;
	padding: 8px 12px;

	background-color: #00A8D4;

	font-family: inherit;
	font-size: 1em;
	color: #FFF;
	text-decoration: none;

	cursor: pointer;
	text-align: center;

	-webkit-border-radius: 0;
	        border-radius: 0;
	border: 2px solid #00A8D4;

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

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

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

.c-btn--orange
{
	background-color: #F39200;

	border-color: #F39200;
}

.c-btn--purple
{
	background-color: #BA5B9E;

	border-color: #BA5B9E;
}

.c-btn--green
{
	background-color: #3FB498;

	border-color: #3FB498;
}

.c-btn--edit-dashboard
{
	padding: 4px;
}

.c-btn--disabled
{
	background-color: #dadada;
	color: #dadada;
	border-color: #dadada;
}

.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--link
{
	padding: 4px 4px;

	background-color: transparent;

	color: #20A8D4;

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

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

	border: 1px solid currentColor;
	border-width: 0 0 2px 0;
	border-color: #00A8D4;
}

.c-btn.file
{
	z-index: 1;
}

.c-btn--icon
{
	padding: 4px 12px;
}

.c-btn--disabled
{
	cursor: not-allowed;
}

.c-btn--extra.c-btn--disabled
{
	background-color: #A7D8E4;

	border-color: #A7D8E4;
}

.c-btn--dangerous
{
	display: flex;

	min-height: 42px;
	min-width: 240px;
	max-width: 100%;

	padding: 5px 25px;

	background-color: #C00506;

	font-weight: 600;
	font-size: .9em;
	color: #FFF;

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

	border-color: #C00506;

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

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

.c-btn--extra.c-btn--dangerous
{
	margin-right: auto;
	margin-left: auto;
}

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

	color: #00A8D4;
	text-decoration: none;

	outline: none;

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

.c-btn--orange:not(.c-btn--disabled):focus,
.c-btn--orange:not(.c-btn--disabled):hover,
.c-btn--orange:not(.c-btn--disabled):active
{
	color: #F39200;
}

.c-btn--purple:not(.c-btn--disabled):focus,
.c-btn--purple:not(.c-btn--disabled):hover,
.c-btn--purple:not(.c-btn--disabled):active
{
	color: #BA5B9E;
}

.c-btn--green:not(.c-btn--disabled):focus,
.c-btn--green:not(.c-btn--disabled):hover,
.c-btn--green:not(.c-btn--disabled):active
{
	color: #3FB498;
}

.c-btn--dangerous:not(.c-btn--disabled):focus,
.c-btn--dangerous:not(.c-btn--disabled):hover,
.c-btn--dangerous:not(.c-btn--disabled):active
{
	color: #C00506;

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

.c-btn--big
{
	padding: 12px 20px;

	text-transform: uppercase;
}

.c-btn--primary
{
	background-color: #00A8D4;

	color: #FFF;

	border-color: #00A8D4;
}

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

	color: #006882;
}

.c-btn--primary:focus
{
	box-shadow: 0 0 0 3px #A8D4EB;
}

.c-btn--smaller
{
	padding: 6px 12px;
}

.c-btn--add
{
	padding: 10px 18px;
}

.c-btn--add.c-btn--disabled
{
	opacity: .35;
}

.c-btn--smaller.c-btn--add
{
	padding: 8px 16px;
}

.c-btn--add:after
{
	position: absolute;

	height: 1.3em;
	line-height: 1.2em;
	width: 1.3em;

	top: 100%;
	left: 100%;

	background-color: #00A8D4;

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

	content: '+';
	text-align: center;

	-webkit-border-radius: 50%;
	        border-radius: 50%;
	border: 2px solid #00A8D4;

	transition: background-color 440ms ease;
	-webkit-transform: translateX(-50%) translateY(-50%);
	    -ms-transform: translateX(-50%) translateY(-50%);
	        transform: translateX(-50%) translateY(-50%);
}

.c-btn--green.c-btn--add:after
{
	background-color: #A7D9C9;

	border-color: #A7D9C9;
}

.c-btn--add:not(.c-btn--disabled):hover:after,
.c-btn--add:not(.c-btn--disabled):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: 8px 14px;
	padding-left: 32px;

	background-color: #ED9292;

	color: #FFF;

	border-color: #ED9292;
}

.c-btn--delete:empty
{
	display: block;

	height: 2em;
	width: 2em;

	padding: 0;

	font-size: 16px;
}

.c-btn--delete:not(.c-btn--disabled):hover,
.c-btn--delete:not(.c-btn--disabled):focus
{
	color: #ED9292;
}

.c-btn--delete:before,
.c-btn--delete:after
{
	position: absolute;
	visibility: visible;

	height: .6em;
	line-height: .6em;

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

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

	content: '\d7';
	text-align: center;
}

.c-btn--delete:empty:before,
.c-btn--delete:empty:after
{
	left: 6px;
}

.c-btn--delete:not(.c-btn--disabled):hover:before,
.c-btn--delete:not(.c-btn--disabled):hover:after,
.c-btn--delete:not(.c-btn--disabled):focus:before,
.c-btn--delete:not(.c-btn--disabled):focus:after,
.c-btn--delete:not(.c-btn--disabled):active:before,
.c-btn--delete:not(.c-btn--disabled):active:after
{
	color: inherit;
}

.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--delete:empty:before
{
	top: -2px;
	left: -2px;
	padding: 2px;

	box-sizing: content-box;
}

.c-btn--primary.c-btn--add:not(.c-btn--disabled):after
{
	background-color: #24BB9D;

	color: #FFF;

	border-color: #24BB9D;
}

.c-btn--primary.c-btn--add:not(.c-btn--disabled):hover: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:not(.c-btn--disabled):hover,
.c-btn.c-btn--collapsible:not(.c-btn--disabled):focus
{
	color: #FFF;
}

.c-btn--collapsible:not(.c-btn--disabled):hover,
.c-btn--collapsible:not(.c-btn--disabled):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;

	-webkit-transform: rotate(45deg);
	    -ms-transform: rotate(45deg);
	        transform: rotate(45deg);
}

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

	margin-right: 8px;

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

.c-btn__icon
{
	margin-right: 6px;

	font-size: 1.2em;
}

.c-chart
{
	position: relative;

	width: 50%;

	padding: 0 15px;
}

.c-chart--pre-registrations
{
	width: 100%;

	padding-right: 0;
	padding-left: 0;
}

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

		margin-top: 30px;
	}
}

.c-chart__content
{
	position: relative;

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

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

	background-color: #FFF;
}

.c-chart__title
{
	margin: 0;
	padding: 12px 0 0 0;

	font-weight: 600;
	font-size: 1.5em;
	color: #2EA8D4;

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

	padding: 12px 15px;
}

.c-chart--pre-registrations .c-chart__chart
{
	padding-right: 0;
	padding-left: 0;
}

.c-chart__chart > div
{
	display: flex;

	width: 100%;
}

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

	height: 100%;
	width: 100%;

	top: 0;
	left: 0;

	font-weight: 500;
	font-size: 1.3em;

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

/*
	$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-collapse
{
	position: relative;
}

.c-collapse--form
{
	width: 100%;

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

.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
{
	margin: 0;
	padding: 10px 0;

	background-color: #E5F6FC;

	border-top: none;
}

.c-collapse--bond-sheet .c-collapse__body
{
	padding-bottom: 0;
}

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

	flex-direction: column;

	width: 100%;

	padding: 40px 40px;

	background-color: currentColor;

	color: #FFF;

	text-align: center;

	justify-content: center;
}

.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
{
	outline-color: rgba(255, 255, 255, .3);
}

.c-color-block--blue
{
	color: #60C8D8;
}

.c-color-block--orange
{
	color: #FCC58E;
}

/* -------- color-block__icon -------- */

.c-color-block__icon
{
	position: absolute;

	top: 10px;
	left: 10px;

	font-size: 36px;
	color: #464747;
}

.c-color-block--blue .c-color-block__icon,
.c-color-block--orange .c-color-block__icon
{
	color: #FFF;
}


/* ------- color-block__title ------- */

.c-color-block__title
{
	margin-top: 0;
	margin-bottom: 5px;

	font-weight: 600;
	font-size: 1.7em;
	color: #464747;
}

.c-color-block--blue .c-color-block__title,
.c-color-block--orange .c-color-block__title
{
	color: #FFF;
}


/* -------- 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
{
	color: #FFF;
}

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

	flex-wrap: wrap;

	min-height: 0;

	font-size: .95em;
}

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

	width: 100%;

	background-color: #FDFAF7;

	border-bottom: 1px solid #D9D9D9;
}

.c-dashboard--head
{
	min-height: 45px;

	background-color: #FFF;

	font-weight: 700;
	font-size: .9em;

	text-transform: uppercase;
}

.c-dashboard--pre-registration
{
	min-width: 1755px;
}

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

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

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

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

	flex-wrap: wrap;

	line-height: 1.2em;
	width: auto;

	font-size: 1em;

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

.c-dashboard--head .c-dashboard__cell
{
	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--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__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;
}

.c-dashboard__cell.ValidatedHours-child_name,
.c-dashboard__cell.ValidatedHours-week,
.c-dashboard__cell.ValidatedHours-AM,
.c-dashboard__cell.ValidatedHours-status
{
	display: flex;

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


/* ------------------------------------ */
/* ------- ValidatedHours fields ------ */
/* ------------------------------------ */

.c-dashboard__cell.ValidatedHours-child_name,
.c-dashboard__cell.ValidatedHours-week,
.c-dashboard__cell.ValidatedHours-AM,
.c-dashboard__cell.ValidatedHours-status
{
	flex-basis: 100px;
}


/* ------------------------------------ */
/* ------- PreRegistration fields ----- */
/* ------------------------------------ */

.c-dashboard__cell.PreRegistration-actions
{
	text-align: center;

	justify-content: center;
}

.c-dashboard__cell.PreRegistration-edit
{
	flex-basis: 55px;
	flex-grow: 0;
	justify-content: center;
}

.c-dashboard__cell.PreRegistration-start_date
{
	flex-basis: 150px;
	flex-grow: 0;
	justify-content: center;
}

.c-dashboard__cell.PreRegistration-child
{
	flex-basis: 80px;
}

.c-dashboard__cell.PreRegistration-age
{
	flex-basis: 70px;
	flex-grow: 0;
	justify-content: center;
}

.c-dashboard__cell.PreRegistration-hours_count
{
	flex-basis: 115px;
	flex-grow: 0;
}

.c-dashboard__cell.PreRegistration-hours_count.is-invalid
{
	background-color: #F6DCDC;
}

.c-dashboard__cell.PreRegistration-city_2,
.c-dashboard__cell.PreRegistration-city_1,
.c-dashboard__cell.PreRegistration-city
{
	flex-basis: 80px;
}

.c-dashboard__cell.PreRegistration-action_date
{
	flex-basis: 110px;
	flex-grow: 0;
}

.c-dashboard__cell.PreRegistration-pdf
{
	flex-basis: 55px;
	flex-grow: 0;
	justify-content: center;
}

.c-dashboard__cell-PDF
{
	width: 100%;

	padding: 3px 0;

	transition: background-color 320ms ease;
}

.c-dashboard__cell-PDF:hover
{
	background-color: rgba(0, 0, 200, .1);
}

.c-dashboard__cell-PDF-icon
{
	display: block;

	height: 1em;
	width: 1em;

	margin: auto;

	font-size: 24px;
}




/* ------------------------------------ */
/* ---------- Holidays fields --------- */
/* ------------------------------------ */

.c-dashboard__cell.Holidays-actions
{
	min-width: 70px;

	text-align: center;

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




/* ------------------------------------ */
/* ------------ User fields ----------- */
/* ------------------------------------ */

.c-dashboard__cell.User-actions
{
	min-width: 70px;

	text-align: center;

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

.c-dashboard__cell.User-permissions
{
	min-width: 250px;

	text-align: left;

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





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

.c-dashboard__cell.Contract-edit
{
	min-width: 70px;

	text-align: center;

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

/*
	$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-data-row # ----------- *|
\* -------------------------------------- */

.c-data-row
{
	position: relative;
	display: flex;

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

	width: 100%;

	margin: 0;

	background-color: #FDFAF7;

	color: #464747;
}

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

	background-color: #FFF;

	font-weight: 600;
	font-size: 1.1em;

	text-transform: uppercase;
}

.c-data-row--clickable
{
	cursor: pointer;

	transition: background-color 320ms ease;
}

.c-data-row--clickable:hover
{
	background-color: #F6F8F8;
}

.c-data-row--odd
{
	background-color: #FFF;
}

.c-data-row--important
{
	background-color: #A4D8C9;
}

.c-data-row--selected
{
	background-color: #A4D8C9;

	color: #FFF;
}

.c-data-row--editing
{
	background-color: #FEEFDC;
}

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

	align-items: center;
}

.c-data-row--thiner .c-data-row__item
{
	padding-top: 8px;
	padding-right: 12px;
	padding-left: 12px;
	padding-bottom: 8px;
}

.c-data-row--condensed .c-data-row__item
{
	padding-right: 8px;
	padding-left: 8px;
}

.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--thiner .c-data-row__item
{
	height: auto;
}

.c-table > .c-data-row--small .c-data-row__item
{
	height: 24px;

	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;
		padding-top: 10px;
		padding-bottom: 10px;

		align-items: center;
	}

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

	-webkit-transition: color 320ms ease;
	    -ms-transition: color 320ms ease;
	        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: '';

	-webkit-transition: color 320ms ease, background-color 320ms ease;
	    -ms-transition: color 320ms ease, background-color 320ms ease;
	        transition: color 320ms ease, background-color 320ms ease;

	z-index: -1;
}

.c-data-row__edit:hover
{
	color: #FFF;
}

.c-data-row__edit:hover:before
{
	background-color: #A8D9C8;
}

.c-data-row__rendered-text p
{
	display: inline;

	margin: 0;
	padding-right: 4px;

	font-size: 1em;
}

.c-data-row__rendered-text br
{
	display: none;
}

.c-data-row__tab
{
	display: block;

	padding: 0 1.5em 0 0;

	flex-shrink: 0;
}

.c-data-row__warning-icon
{
	position: relative;
	display: inline-flex;

	height: 32px;
	width: 38px;

	margin-left: 6px;

	font-weight: 700;
	font-size: 18px;
	color: #FFF;

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

.c-data-row__warning-icon:before
{
	position: absolute;

	height: 0;
	width: 0;

	top: 0;
	left: 0;

	font-size: 54px;
	color: orange;

	content: '';

	border-right: .35em solid transparent;
	border-bottom: .5em solid currentColor;
	border-left: .35em solid transparent;

	z-index: -2;
}

.c-detailed-hours
{
	position: relative;
	display: flex;

	flex-wrap: wrap;
}

.c-detailed-hours__week-sep
{
	position: relative;

	height: 4px;
	width: 100%;

	margin: 2px 6px;
}

.c-detailed-hours__week-sep:before
{
	position: absolute;

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

	top: 0;
	left: 0;

	background-color: #30A8D4;

	content: '';
}

.c-detailed-hours__day
{
	position: relative;

	margin: 6px 6px;
	padding: 12px 15px;

	background-color: #FFF;

	flex-grow: 1;
	flex-basis: 15%;
}

.c-detailed-hours__day-date
{
	margin-bottom: 4px;

	font-weight: 700;
}

.c-detailed-hours__day-hours
{
	position: relative;
	display: flex;

	flex-wrap: wrap;
}

.c-detailed-hours__entry
{
	position: relative;
	display: block;

	width: 50%;
}

.c-detailed-hours__entry.planned
{
	font-weight: 600;
	color: #BDBDBD;
}

.c-detailed-hours__entry.real
{
	font-weight: 700;
	color: #000;
}

.c-detailed-hours__entry.real.diff
{
	color: #30A8D4;
}

.c-detailed-hours__entry.real:last-child:nth-child(2)
{
	width: 100%;
}

.c-detailed-hours__day-infos
{
	position: relative;
}

.c-detailed-hours__day-info
{
	position: relative;
	display: inline-flex;

	margin-right: 4px;

	align-items: center;
}

.c-detailed-hours__day-info:not(:last-child):after
{
	content: ',';
}

.c-detailed-hours__legend
{
	margin-top: 4px;
	padding-left: 6px;
}

/*
	$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-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,
.c-btn.c-dialog__danger:focus,
.c-btn.c-dialog__danger:hover
{
	color: #ED9292;
}

.c-dialog__cancel + .c-dialog__validate,
.c-dialog__cancel + .c-dialog__danger
{
	margin-left: 10px;
}

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

/*
	$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-file-thumbnail # -------- *|
\* -------------------------------------- */

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

	min-width: 100%;
	max-width: 300px;

	padding: 0 1em;

	font-size: 10px;
	margin-bottom: 4px;

	z-index: 1;

	justify-content: space-between;
}

.c-file-thumbnail + label
{
	margin-top: 8px;
}

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

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

/*
	$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-message
{
	width: 100%;

	margin-top: 25px;
	padding: 10px 15px;
}

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

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

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

.c-form-message__content
{
	font-weight: 600;
}

.c-form-message--green .c-form-message__content
{
	color: #63998D;
}

.c-form-message--red .c-form-message__content
{
	color: #C00506;
}

.c-form-message--orange .c-form-message__content
{
	color: #B27100;
}

/*
	$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-table
{
	width: 100%;

	padding: 0 15px;

	font-size: 1em;
}

.c-form-table__title
{
	position: relative;
	display: block;

	width: 100%;

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

	font-weight: 600;
	font-size: 1em;
	color: #00A8D4;

	text-align: left;

	z-index: 1;
}

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

	vertical-align: middle;

	padding: 4px 8px;

	background-color: #FDFAF7;

	font-weight: 600;
	color: #7F1A46;

	border-bottom: 2px solid #D2D2D2;
}

.js-sticky .c-form-table__thead-cell
{
	background-color: #E6F7FC;

	color: #0D6882;

	border-color: #E6F7FC;
}

.c-form-table__row
{
	display: table-row;
}

.c-form-table__cell
{
	display: table-cell;

	vertical-align: bottom;

	padding: 4px 6px 4px 0;

	border: none;
}

.c-form-table--pre-registration-planning .c-form-table__cell
{
	vertical-align: middle;
}

.c-form-table--pre-registration-planning .c-form-table__cell:first-child
{
	min-width: 90px;
}

.c-form-table__add
{
	margin-top: 12px;
}

/*
	$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
{
	width: 100%;

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

	background-color: #E6F6FC;
	background-clip: content-box;
}

.c-form-view__search-area
{
	display: flex;

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

.c-form-view__search-area:empty
{
	display: none;
}

.c-form_view__items
{
	margin-top: 15px;
	margin-bottom: 15px;
}




/* --------------------------------------- *\
|* ----------- # c-view-item # ----------- *|
\* --------------------------------------- */

.c-view-item
{
	position: relative;
	display: flex;

	padding: 12px 15px;

	background-color: #FFF;

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

.c-view-item--sub
{
	padding: 8px 15px;
}

.c-view-item--AM-Selector
{
	padding-right: 0;
	padding-left: 0;
	padding-bottom: 0;
}

.c-view-item__icon
{
	margin-right: 12px;
	padding: .2em .15em;

	background-color: #A7D9C9;

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

	-webkit-flex-shrink: 0;
	        flex-shrink: 0;
}

.c-view-item--sub .c-view-item__icon
{
	padding: .2em .15em;

	font-size: 2.6em;
}

.c-view-item__infos
{
	display: flex;

	flex-wrap: wrap;

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

.c-view-item--AM-Selector
{
	-webkit-flex-grow: initial;
	        flex-grow: initial;
}

.c-view-item__data
{
	width: 100%;
}

/*
	$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
{
	position: relative;
	display: block;
	display: flex;

	        flex-wrap: wrap;

	margin-top: 10px;
	padding: 0 5px;

	background-color: #FFF;

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

.o-modal .c-form
{
	margin-top: 0;
	margin-right: -15px;
	margin-left: -15px;
	padding-right: 0;
	padding-left: 0;
}

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

/* -------- Mobile, Tablette, Laptop -------- */
@media (max-width: 1399px)
{
	.c-form
	{
		margin-top: 10px;
		padding: 0 15px 20px;
	}
}

/* -------- Mobile, Tablette -------- */
@media (max-width: 992px)
{
	.c-form
	{
		margin-top: 10px;
		padding: 0 0 20px;
	}
}

.c-form--step
{
	padding: 0;

	border: 1px solid #DDD;
}


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

.c-form-options
{
	display: flex;

	-webkit-flex-flow: column;
	    -ms-flex-flow: column;
	        flex-flow: column;
}

.c-form-options__options
{
	display: flex;

	flex-wrap: wrap;

	margin-bottom: -10px;
}


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

.c-form-element
{
	position: relative;

	width: 100%;

	margin-bottom: 0;

	text-align: left;
}

.c-form-element--inline,
.c-form-element--radio
{
	display: flex;

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

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

.c-form-element--radio
{
	display: inline-flex;

	width: auto;

	margin-bottom: 10px;
}

/* -------- Mobile -------- */
@media (max-width: 639px)
{
	.c-form-element--inline
	{
		        flex-wrap: wrap;

		width: 100%;

		margin-right: 0;

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

	.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--error:before
{
	position: absolute;

	height: calc(100% + 4px);
	width: calc(100% + 16px);

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

	background-color: rgba(204, 43, 23, .1);

	content: '';

	z-index: -1;
}

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

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

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

	-webkit-flex-direction: column;
	    -ms-flex-direction: column;
	align-items: flex-start;
}


/* ---------------------------------- */
/* ---------- form__input ----------- */
/* ---------------------------------- */

.c-form__input,
.c-form__textarea
{
	position: relative;
	display: block;

	width: 100%;

	margin-top: 4px;
	padding: 3px 10px;

	background-color: hsl(180, 13%, 97%);

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

	border-radius: 0;
	border: 2px solid transparent;

	outline: none;
}

.c-form-table .c-form__input,
.c-form-table .c-form__textarea
{
	margin-top: 0;
	padding: 4px 6px;
}

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

.c-form__input[readonly]
{
	background-color: rgb(241 241 241);

	color: #AAA;

	cursor: default;

	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;

	-webkit-transition: all 200ms ease-in-out;
	    -ms-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;

	-webkit-box-shadow: none;
	-webkit-transition: background-color 400ms ease 40ms, color 320ms ease;
	    -ms-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;

	-webkit-transition: background-color 300ms ease 20ms, color 320ms ease;
	    -ms-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: block;

	width: 100%;

	font-weight: 600;
	font-size: 1em;
	color: #00A8D4;

	cursor: pointer;
	text-align: left;

	z-index: 1;
}

.c-form-options > .c-form-label--radio
{
	margin-bottom: 8px;
}

.c-form-label--editor
{
	margin-bottom: 6px;
}

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

	vertical-align: middle;

	padding-top: 6px;
	padding-bottom: 6px;

	color: inherit;
}

.c-form-element--inline.c-form-element--radio .c-form-label
{
	margin-right: 10px;
	padding-top: 0;
	padding-bottom: 0;

	text-align: left;
}

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

	width: auto;

	margin-right: 12px;

	order: 0;
}

.c-form-label--checkbox.c-form-label--info,
.c-form-label--checkbox.c-form-label--error,
.c-form-label--checkbox.c-form-label--warning
{
	width: 100%;

	margin-left: -8px;
	margin-bottom: 6px;
}

.c-form-label--radio.c-form-label--info,
.c-form-label--radio.c-form-label--error,
.c-form-label--radio.c-form-label--warning
{
	margin-top: 0;
	margin-bottom: 10px;

	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: 2px solid currentColor;
	border: 2px solid #D2D2D2;

	        transition: color 240ms ease;

	-webkit-transition: color 240ms ease;
	    -ms-transition: color 240ms ease;
	flex-shrink: 0;
}

.c-form-element--column .c-form__checkbox-indicator
{
	margin-top: 8px;
}

.c-form-element--error .c-form__checkbox-indicator
{
	margin-bottom: 4px;
}

:focus + .c-form__checkbox-indicator
{
	color: #A8D4EB;
}

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

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

: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: 28px;
	color: #006882;

	cursor: pointer;

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

	        transition: color 240ms ease;

	z-index: 1;

	-webkit-transition: color 240ms ease;
	    -ms-transition: color 240ms ease;
	order: -1;
	flex-shrink: 0;
}

.c-form-element--inline.c-form-element--radio .c-form__radio-indicator
{
	margin-right: 30px;
}

/* -------- Mobile -------- */
@media (max-width: 639px)
{
	.c-form-element--inline.c-form-element--radio .c-form__radio-indicator
	{
		margin-right: 0;
	}
}


.c-form-element--inline.c-form-element--radio:last-child .c-form__radio-indicator
{
	margin-right: 0;
}

.c-form__radio-indicator:before
{
	position: absolute;

	height: 100%;
	width: 100%;

	top: 0;
	left: 0;

	background-color: transparent;

	content: '';

	border-radius: 50%;
	border: none;

	transform: scale(.5);
}

:checked + .c-form__radio-indicator:before
{
	background-color: currentColor;
}

.c-form-element--inline .c-form__radio-indicator
{
	margin-top: 8px;
	margin-bottom: 8px;
}


/* ------------------------------------ */
/* -------- 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 .c-btn + .c-btn
{
	margin-left: 20px;
}

.c-form-element--time.read-only:after
{
	position: absolute;

	height: 100%;
	width: 100%;

	top: 0;
	left: 0;

	background-color: rgba(242, 242, 239, .85);

	content: '';
	cursor: default;

	z-index: 1;
}

.c-form .o-content
{
	order: 10000;
}

.c-form--holidays .o-content
{
	order: initial;
}

.c-form-view .o-content
{
	padding-right: 14px;
	padding-left: 14px;
}

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

.c-select
{
	height: 32px;
	width: 100%;

	font-size: 1em;
}

/*
	$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-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: #00A8D4;

	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: #00A8D4;

	border-color: #00A8D4;
}

.c-link--highlighted
{
	color: #00A8D4;

	border-color: #00A8D4;
}

.c-link--green
{
	color: #26715F;

	border-color: #26715F;
}

.c-link--highlighted:hover
{
	color: inherit;

	border-color: transparent;
}

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

.c-loader--bond-sheet
{
	position: absolute;

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

	top: 0;
	left: 0;
}

.c-loader--standalone
{
	position: relative;
	display: flex;

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

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

/* ---------- Couleur du loader ---------- */

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

.c-loader--primary
{
	color: #00A8D4;
}

.c-loader--secondary
{
	color: #A7D9C9;
}

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

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

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

.c-loader--bg-secondary
{
	background-color: #26715F;
}

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

.c-loader--big .c-loader__txt
{
	margin-top: 5px;

	font-size: .85em;
}

.c-loader--medium .c-loader__txt
{
	margin-top: 4px;

	font-size: .8em;
}

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

	height: 1em;
	width: 2em;

	margin-right: 0;

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

.c-loader--view-item
{
	position: static;

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

.c-loader__txt
{
	margin-right: 8px;

	font-size: .85em;

	text-transform: none;
}

.c-loader--upercase .c-loader__txt
{
	text-transform: uppercase;
}

.c-loader__svg + .c-loader__txt
{
	margin-right: 0;
	margin-left: 8px;
}

.c-loader--big .c-loader__txt,
.c-loader--medium .c-loader__txt
{
	text-transform: uppercase;
}

/*
	$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-message
{
	background-color: #FDFAF7;
}

.c-message:not(.c-message--inline)
{
	margin-top: 15px;
	margin-bottom: 15px;
	padding: 15px 12px;
}

.c-message__link
{
	color: inherit;
	text-decoration: none;

	border-bottom: 1px solid currentColor;

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

.c-message__link:hover
{
	border-bottom-color: transparent;
}

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

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

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

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

.c-message--green .c-message__content
{
	color: #63998D;
}

.c-message--red .c-message__content
{
	color: #C00506;
}

.c-message--orange .c-message__content
{
	color: #935B00;
}

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

	flex-direction: column;

	height: 100%;
	width: 100%;

	top: 0;
	left: 0;

	z-index: 101;

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

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

	height: 100%;
	width: 100%;

	right: 0;
	left: 0;

	background-color: rgba(80, 113, 124, .9);

	content: '';

	-webkit-transition: opacity 200ms ease 140ms;
	    -ms-transition: opacity 200ms ease 140ms;
	        transition: opacity 200ms ease 140ms;
	transform: translateZ(0);
	-webkit-animation: cover-animation 320ms ease;
	   -moz-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: 640px)
{
	.c-modal
	{
		max-height: calc(100% - 1em);
		max-width: 30em;

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

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

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

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

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

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

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

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

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

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

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

	.c-modal--extra
	{
		max-width: 90%;
	}
}

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

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

		-webkit-transition: opacity 320ms ease, transform 320ms ease;
		    -ms-transition: opacity 320ms ease, transform 320ms ease;
		        transition: opacity 320ms ease, transform 320ms ease;
		-webkit-transform: scale(.9);
		    -ms-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: 46px;
	width: 46px;

	top: 0;
	right: 0;

	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: currentColor;
	stroke-linecap: round;
	stroke-width: 3px;
}

.c-modal__body
{
	width: 100%;

	padding: 20px 25px 0;

	overflow-y: auto;

	flex-grow: 1;
}

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

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

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

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

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

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

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

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

		transform: scale(.9);
	}

	20%
	{
		opacity: 0;

		transform: scale(.9);
	}

	100%
	{
		opacity: 1;

		transform: scale(1);
	}
}

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

		transform: scale(.9);
	}

	20%
	{
		opacity: 0;

		transform: scale(.9);
	}

	100%
	{
		opacity: 1;

		transform: scale(1);
	}
}

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

		transform: scale(.9);
	}

	20%
	{
		opacity: 0;

		transform: scale(.9);
	}

	100%
	{
		opacity: 1;

		transform: scale(1);
	}
}

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

	100%
	{
		opacity: 1;
	}
}

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

	100%
	{
		opacity: 1;
	}
}

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

	100%
	{
		opacity: 1;
	}
}

.c-pagination-item
{
	display: inline-flex;

	height: 2.2em;
	width: 2.2em;

	background-color: #FDFAF7;

	cursor: pointer;

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

.c-pagination-item + .c-pagination-item
{
	margin-left: 6px;
}

.c-pagination-item--active
{
	background-color: #00A8D4;

	color: #FFF;
}

.c-pagination
{
	margin-top: 15px;

	text-align: center;
}

.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__left
{
	flex-basis: 150px;
}

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

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

	text-align: right;

	flex-basis: 150px;
}

.c-pagination__pages
{
	display: flex;

	margin: -6px 0 0 0;
	padding: 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: #2EA7D4;

	color: #FFF;
}

.c-pagination__suspension
{
	display: flex;

	margin: 6px 0 0;

	align-items: center;
}

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

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

/*
	$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-searchbar
{
	position: relative;
	display: inline-flex;

	width: 100%;
	min-width: 350px;
	max-width: 100%;

	z-index: 1;
}

.c-searchbar--with-filters
{
	margin-top: 18px;
}

.c-searchbar--form
{
	display: flex;

	width: 100%;

	margin-bottom: 20px;
}

.c-searchbar > .c-form-element
{
	margin: 0;
}

.c-searchbar input
{
	height: 42px;
	width: 100%;

	margin: 0;
	padding: 6px 38px 6px 40px;

	background-color: #FFF;

	font-size: 1em;

	border: none;

	box-shadow: none;

	outline: none;
}

.c-searchbar--form input
{
	height: 38px;
	width: 100%;

	padding-top: 6px;
	padding-bottom: 6px;

	background-color: #FDFAF7;

	border: 2px solid transparent;
}

.c-searchbar input:focus
{
	box-shadow: 0 0 0 3px #B3DBCD;
}

.c-searchbar--form input:focus
{
	box-shadow: none;
}

.c-searchbar__icon
{
	position: absolute;

	top: 50%;
	left: 10px;

	font-size: 20px;
	color: #A7D9C9;

	cursor: text;

	-webkit-transform: translateY(-50%);
	    -ms-transform: translateY(-50%);
	        transform: translateY(-50%);
}

.c-searchbar__reset
{
	position: absolute;
	visibility: hidden;

	height: 100%;
	width: 38px;

	top: 50%;
	right: 0;

	color: #00A8D4;

	-webkit-transform: translateY(-50%);
	    -ms-transform: translateY(-50%);
	        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;

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

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

	-webkit-border-radius: 4px;
	        border-radius: 4px;

	transform-origin: center;
}

.c-searchbar__reset-icon:before
{
	-webkit-transform: rotate(-45deg);
	    -ms-transform: rotate(-45deg);
	        transform: rotate(-45deg);
}

.c-searchbar__reset-icon:after
{
	-webkit-transform: rotate(45deg);
	    -ms-transform: rotate(45deg);
	        transform: rotate(45deg);
}

.c-searchbar__btn
{
	margin-left: 4px;
	padding: 0 10px;

	background-color: transparent;

	font-weight: 600;
	font-size: 18px;
	color: #A7D9C9;

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

/*
	$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-flex-shrink: 0;
	        flex-shrink: 0;
	-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%;
}

.c-status-indicator--green .c-status-indicator__circle
{
	background-color: #90D0BC;
}

.c-status-indicator--dark-green .c-status-indicator__circle
{
	background-color: #26715F;
}

.c-status-indicator--red .c-status-indicator__circle
{
	background-color: #E87272;
}

.c-status-indicator--orange .c-status-indicator__circle
{
	background-color: #FCBA79;
}

.c-status-indicator--blue .c-status-indicator__circle
{
	background-color: #006882;
}

.c-status-indicator--purple .c-status-indicator__circle
{
	background-color: #BA5B9E;
}

.c-status-indicator--grey .c-status-indicator__circle
{
	background-color: #ABABAB;
}

/*
	$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: 12px;
}

.c-sub-menu--sidebar
{
	min-height: 100%;
	min-width: 225px;

	top: 0;
	left: 100%;

	z-index: 1;
}

.o-menu-item--dropdown:last-child .c-sub-menu--sidebar
{
	top: auto;
	bottom: 0;
}

/* -------- Mobile -------- */
@media (max-width: 639px)
{
	.c-sub-menu
	{
		width: calc(100vw - 12px);
	}

	.c-sub-menu--sidebar
	{
		width: auto;
	}
}

.c-sub-menu--open
{
	visibility: visible;
}


/* ------------------------------------ */
/* ---------- sub-menu__menu ---------- */
/* ------------------------------------ */

.c-sub-menu__menu
{
	position: relative;
	opacity: 0;

	margin: 25px 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;
}

.c-sub-menu--sidebar .c-sub-menu__menu
{
	margin: 0;

	border-width: 1px 1px 1px 0;
	border-style: solid;
	border-color: gainsboro;

	box-shadow: none;

	transform: translateX(10px);

	z-index: 0;
}

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

.c-sub-menu--sidebar .c-sub-menu__menu:before
{
	display: block;

	height: 100%;
	width: 6px;

	top: -1px;
	right: auto;
	left: 0;
	bottom: auto;
	padding: 1px 0;

	background-color: #0F6882;

	content: '';

	border: 1px solid #0F6882;
	border-width: 0 0;

	box-sizing: content-box;

	z-index: 2;
}

.c-sub-menu--open .c-sub-menu__menu,
:focus + .c-sub-menu .c-sub-menu__menu
{
	opacity: 1;

	transform: translateY(0) translateX(0);
}


/* ------------------------------------ */
/* ---------- 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: #00A8D4;

	content: '';

	z-index: -1;
}

.c-sub-menu__item--active:after
{
	right: 0;
	left: auto;
}

.c-sub-menu__item: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;

	padding: 12px 15px;

	color: #363A2C;
	text-decoration: none;

	text-align: center;
	white-space: nowrap;

	transition: all 320ms ease;

	z-index: 1;
}

.c-sub-menu--sidebar .c-sub-menu__link
{
	padding: 9px 20px;

	text-align: left;
	white-space: normal;
}


/* -------- 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: #0F6882;

	color: #FFF;
}

.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--sidebar .c-sub-menu__link:before
{
	position: absolute;

	height: calc(100% + 1px);
	width: calc(100% - 3px);

	top: 0;
	left: 4px;

	content: '';

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

	transition: border-color 320ms ease;
}

.c-sub-menu--sidebar .c-sub-menu__link.is-active:before,
.c-sub-menu--sidebar .c-sub-menu__link:hover:before,
.c-sub-menu--sidebar .c-sub-menu__link:focus:before,
.c-sub-menu--sidebar .c-sub-menu__link:active:before
{
	border-color: #0F6882;
}

.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,
.c-sub-menu--sidebar .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-sub-menu--sidebar .c-sub-menu__item:first-child .c-sub-menu__link:after
{
	position: absolute;
	display: block;
	opacity: 1;

	height: 1px;
	width: 100%;

	top: -1px;
	left: 0;

	background-color: transparent;

	content: '';
}

.c-sub-menu--sidebar .c-sub-menu__item:first-child .c-sub-menu__link:hover:after,
.c-sub-menu--sidebar .c-sub-menu__item:first-child .c-sub-menu__link.is-active:after
{
	background: #0F6882;
}

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

.table-container
{
	position: relative;
	display: block;

	max-width: 100%;

	margin: 0;
	padding: 0;

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

/* ------------------------------------- *\
|* ------------ # c-table # ------------ *|
\* ------------------------------------- */

.c-table
{
	display: table;

	width: 100%;

	border-collapse: collapse;

	border: 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-page-title
{
	position: relative;
	display: flex;

	flex-wrap: wrap;

	width: 100%;

	margin-top: 0;
	margin-bottom: 10px;
	padding: 6px 20px 8px;

	background-color: #F6F8F8;

	font-weight: 600;
	color: #464747;

	text-align: left;
	text-transform: uppercase;

	border-top: 1px solid #DDD;
	border-bottom: 1px solid #DDD;

	align-items: center;
}

/* -- Mobile & Tablette -- */
@media (max-width: 992px)
{
	.c-page-title
	{
		padding: 25px 15px;
	}
}

.c-page-title__txt
{
	width: 100%;

	margin: 0;
	padding: 0;

	font-weight: inherit;
	font-size: 1.6em;
	color: inherit;
}

/* -- Mobile & Tablette -- */
@media (max-width: 992px)
{
	.c-page-title__txt
	{
		margin-bottom: 8px;

		font-size: 1.5em;
	}
}

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

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

	background-color: #F6F8F8;

	font-weight: 400;
	font-size: 1.15em;

	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: 100px;

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

	background-color: #A7D9C9;

	content: '';

	-webkit-transition: background-color 320ms ease;
	    -ms-transition: background-color 320ms ease;
	        transition: background-color 320ms ease;

	-webkit-flex-shrink: 0;
	        flex-shrink: 0;
}

.c-title--collapsible:after,
.c-title--block:after,
.c-title--in-modal:after
{
	display: none;
}

.c-collapse--with-warning .c-title--collapsible:after
{
	display: inline-block;

	height: 24px;
	width: 34px;

	top: 0;
	left: 0;
	margin-left: 8px;

	background-color: transparent;

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

	content: '!';
	text-align: center;
	text-indent: -2px;

	border-right: 18px solid transparent;
	border-bottom: 24px solid orange;
	border-left: 18px solid transparent;

	align-items: center;
}

.c-title--collapsible:before
{
	display: inline-flex;

	height: 1em;
	width: 1em;

	margin-right: 12px;

	font-size: .6em;

	content: '';

	border: 2px solid #00A8D4;
	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: #00A8D4;
}

.c-title--collapsible
{
	margin: 0;
	padding: 8px 12px;

	cursor: pointer;

	border: 2px solid #00A8D4;
	border-width: 0 0 2px;
}

.c-title--block
{
	margin: 15px 12px;
}

.c-title--in-modal
{
	margin: 0 0 15px;
}

.c-title--block,
.c-title--in-modal
{
	padding: 8px 12px;

	border: 2px solid #00A8D4;
	border-width: 0 0 2px;
}

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

	margin-top: 0;
	margin-right: -5px;
	margin-left: -5px;
	margin-bottom: 12px;

	box-sizing: content-box;
}

.o-modal .c-title--form
{
	margin-right: 15px;
	margin-left: 15px;
}

@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__txt
{
	display: inline-flex;

	width: auto;
	max-width: 100%;

	margin: 0;
	padding: 0;

	font-weight: inherit;
	color: #006780;

	text-transform: inherit;

	-webkit-transition: color 320ms ease;
	    -ms-transition: color 320ms ease;
	        transition: color 320ms ease;

	align-items: center;
}

.c-title--link:hover .c-title__txt
{
	color: #00A8D4;
}

/* -- Mobile & Tablette -- */
@media (max-width: 991px)
{
	.c-title:after
	{
		width: 55px;

		margin-left: 5px;
	}
}

.c-title--collapsible .c-title__txt,
.c-title--block .c-title__txt,
.c-title--in-modal .c-title__txt
{
	font-size: 1em;
}

.c-title .c-title__right-btn
{
	position: absolute;

	right: 15px;
	padding: 8px 16px;
}

/*
	$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-tooltip
{
	position: relative;

	z-index: 1;
}

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

	min-width: 100%;

	top: 100%;
	margin-top: 15px;
	left: 0;
	padding: 7px 10px;

	background-color: #363A2C;

	color: #FFF;

	white-space: nowrap;

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

.c-tooltip__txt:before
{
	position: absolute;
	display: inline-block;

	height: 0;
	width: 0;

	left: 12px;
	bottom: 100%;

	content: '';

	border-width: 0 8px 13px 8px;
	border-style: solid;
	border-color: transparent transparent #363A2C transparent;
}

.c-tooltip: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-waiting-allowance
{
	display: table-row;
}

.c-waiting-allowance__cell
{
	display: table-cell;
	width: 200px;
	padding: 5px 15px;
	font-weight: 600;
	font-size: 1em;
	border: 1px solid #D9D9D9;
	white-space: nowrap;
}

.c-waiting-allowance__cell.amount,
.c-waiting-allowance__cell.hours,
.c-waiting-allowance__cell.custom
{
	text-align: center;
}

.c-waiting-allowance__cell.enabled
{
	width: 220px;
	text-align: center;
}

.c-waiting-allowance--head .c-waiting-allowance__cell
{
	background-color: #FFF;

	font-size: 1.1em;

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

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

.quill
{
	position: relative;
	margin-top: 6px;
	z-index: 2;
}

.ql-editor
{
	background-color: #FFF;
}

.ql-container
{
	border-color: transparent;
}
.AM-hours-line .c-form-table__thead-cell:nth-child(1),
.AM-hours-line .c-form-table__thead-cell:nth-child(6),
.AM-hours-line .c-form-table__thead-cell:nth-child(7)
{
	width: 36px;

	text-align: center;
}

.AM-hours-line .c-form-table__cell:nth-child(1),
.AM-hours-line .c-form-table__cell:nth-child(6),
.AM-hours-line .c-form-table__cell:nth-child(7)
{
	width: 70px;

	vertical-align: middle;

	text-align: center;
}

.AM-hours-line .c-form-table__thead-cell:nth-child(5)
{
	text-align: center;
}

.AM-hours-line .c-form-table__thead-cell:nth-child(2),
.AM-hours-line .c-form-table__thead-cell:nth-child(3),
.AM-hours-line .c-form-table__thead-cell:nth-child(4),
.AM-hours-line .c-form-table__cell:nth-child(2),
.AM-hours-line .c-form-table__cell:nth-child(3),
.AM-hours-line .c-form-table__cell:nth-child(4)
{
	width: 110px;

	vertical-align: middle;

	text-align: center;
}

.AM-hours-line .c-form-table__cell:first-child,
.AM-hours-line .c-form-table__thead:first-child
{
	width: 60px;
}

.AM-hours-line .c-form-table__cell:last-child,
.AM-hours-line .c-form-table__thead:last-child
{
	width: 110px;
}

.AM-hours-line .c-form__checkbox-indicator
{
	margin-right: 0;
}

.AM-hours-line .c-form-element--checkbox
{
	margin-top: 0;
}

.AM-hours-line .c-form-table__cell:nth-child(5) .c-form-element--checkbox
{
	margin-top: 15px;
}

.AM-hours-line .c-form-table__cell
{
	padding-left: 4px;
}

.AM-hours-line .c-form-table__row + .c-form-table__row
{
	position: relative;
}

.AM-hours-line .c-form-table__cell:before
{
	position: absolute;

	height: 2px;
	width: 100%;

	top: 0;
	left: 0;

	background-color: #E6F6FC;

	content: '';
}

.AM-hours-line .c-form-table__row:nth-child(2) .c-form-table__cell:before
{
	background-color: transparent;
}

.AM-hours-line .c-form-table__row .c-form-table__cell
{
	position: relative;

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

.AM-hours-line .c-form-table__cell:last-child,
.AM-hours-line .c-form-table__thead-cell:last-child
{
	vertical-align: middle;

	text-align: center;
}

.AM-hours-line .greyed .c-form-table__cell:after,
.AM-hours-line .disabled .c-form-table__cell:nth-child(n+5):after
{
	position: absolute;

	height: 100%;
	width: 100%;

	top: 0;
	left: 0;

	background-color: rgba(240, 240, 236, .85);

	content: '';

	z-index: 1;
}

.AM-hours-line .greyed .c-form-table__cell:before
.AM-hours-line .disabled .c-form-table__cell:before
{
	background-color: transparent;
}

.AM-hours-line .greyed + .c-form-table__row .c-form-table__cell:before
.AM-hours-line .disabled + .c-form-table__row .c-form-table__cell:before
{
	background-color: transparent;
}

.AM-hours-total
{
	margin-top: 20px;
	padding: 8px 35px 8px 0;

	background-color: #E6F6FC;

	text-align: right;
}

/*
	$text:        #464747;
	$background:  #F0F3F3;
	$light:       #fdfaf7

	light_orange: #fdfaf7;
	$orange:      #00A8D4;
	$red:         #C00506;

	flat_red:     #D87060;
	$flat_blue:   #60C8D8;
	$flat_orange: #FCC58E;

	$light_green: #B3DBCD;
	$dark_green:  #26715F;
*/

/* ---------- page-content ---------- */

.page-content
{
	position: relative;

	margin-bottom: 60px;
	padding-bottom: 20px;
}

/* -------- Laptop -------- */
@media (min-width: 992px) and (max-width: 1399px)
{
	.page-content
	{
		padding: 0 30px;
	}
}

/* -- Mobile & Tablette -- */
@media (max-width: 991px)
{
	.page-content
	{
		padding: 0 0 30px 0;
	}
}

/* ------------- page-elements ------------- */

.page-form-container
{
	width: 100%;
}


/* -- Laptop -- */
@media (max-width: 1399px)
{
	.page-form-container
	{
		width: 100%;
	}
}

/* -- Mobile & Tablette -- */
@media (max-width: 991px)
{
	.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;
}


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


/* ------------------------------------ */
/* ------------ Bond Sheet ------------ */
/* ------------------------------------ */

.bond-sheets-table .c-form__input
{
	margin-top: 0;
}

.bond-sheets-table .c-form__select
{
	margin-bottom: 0;

	font-size: 1.05em;
}

.bond-sheets-table .selected-month,
.bond-sheets-table .selected-department,
.bond-sheets-table .selected-service,
.bond-sheets-table .selected-sector,
.bond-sheets-table .selected-status
{
	float: left;

	margin-right: 12px;
	padding: 7px 8px;

	background-color: #FFF;

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

.bond-sheet-info
{
	position: relative;
	display: flex;

	flex-direction: column;
	flex-wrap: wrap;

	margin-top: 0 !important;

	background-color: #FEFEFE;

	font-weight: 600;

	justify-content: flex-end;
}

.bond-sheet-info:after
{
	position: absolute;

	height: 100%;
	width: 2px;

	top: 0;
	margin-right: 8px;
	left: 100%;

	background-color: #20A8D4;

	content: '';

	z-index: 1;
}

.bond-sheet-info__txt
{
	position: relative;

	width: 100%;

	margin-top: 2px;
	padding-top: 6px;
	padding-bottom: 6px;

	z-index: 0;
}

.bond-sheet-info__txt.with-input
{
	padding: 3px 0;
}

.bond-sheet-info__txt:before
{
	position: absolute;

	height: 100%;
	width: 100%;

	top: 0;
	right: 0;
	left: -10px;
	padding: 0 10px;

	background-color: #E6F6FC;

	content: '';

	box-sizing: content-box;

	z-index: -1;
}

.bond-sheet-info__txt input
{
	height: 28px;

	margin: 0;
}

.bond-sheet-info__label
{
	position: relative;

	width: 100%;

	padding: 4px 0;

	font-weight: 400;
	font-size: 1.1em;

	z-index: 0;
}

.bond-sheet-info__label:before
{
	position: absolute;

	height: 100%;
	width: 100%;

	top: 0;
	right: auto;
	left: -10px;
	padding: 0 10px;

	background-color: #FFF;

	content: '';

	border-bottom: 2px solid #20A8D4;

	box-sizing: content-box;

	z-index: -1;
}

.bond-sheet-info__child-in,
.bond-sheet-info__child-out
{
	display: inline-block;

	font-size: 28px;
}

.bond-sheet-info__child-out
{
	margin-left: 10px;
}

.bond-sheet-info__child-in
{
	margin-right: 10px;
}


/* ------------------------------------ */
/* ------- bond-sheet-holidays -------- */
/* ------------------------------------ */

.bond-sheet-holidays
{
	margin-bottom: 20px;
}

.bond-sheet-holidays:after
{
	position: relative;
	display: block;

	height: 3px;
	width: 100%;

	bottom: -11px;

	background-color: #FFF;

	content: '';
}

.c-form > .form-grid-container
{
	margin-right: -10px;
	margin-left: -10px;
}


/* ------------------------------------ */
/* -------- table form elements ------- */
/* ------------------------------------ */

.table-input,
.table-select
{
	margin: 0;

	background-color: #FFF;
}

.table-select
{
	margin: 0;
}

.c-data-row--odd .table-input,
.c-data-row--odd .table-select
{
	background-color: #FDFAF7;
}

.table-autocomplete
{
	z-index: 10;
}

.c-data-row .c-form-message
{
	margin-top: 0;
	margin-bottom: 0;
}

.c-table--pre-registration .nowrap
{
	white-space: nowrap;
}

.dashboard-wrapper
{
	position: relative;

	overflow-x: auto;
}

.registration-planning
{
	display: flex;

	align-items: center;
}

.bond-sheet-waiting-allowances
{
	display: table;

	max-width: 100%;

	margin: 0 10px 12px;

	border-collapse: collapse;
}

.contract-hours-line
{
	width: 100%;

	margin: 4px 0;
}

.contract-hours-line + .contract-hours-line
{
	position: relative;
}

.contract-hours-line + .contract-hours-line:before
{
	display: block;

	height: 2px;
	width: 60%;

	margin-top: 20px;
	margin-left: 20%;
	margin-bottom: 20px;

	background-color: #20A8D4;

	content: '';
}

.contract-hours-line .c-form-table__cell
{
	vertical-align: top;

	padding-right: 0;
	padding-left: 0;
}

.contract-hours-line .c-form-table__cell:last-child
{
	vertical-align: middle;

	background-color: #FDFAF7;

	text-align: center;
}

.contract-hours-line .c-form-table__cell:nth-child(even)
{
	position: relative;
}

.contract-hours-line .c-form-table__cell:nth-child(even):before
{
	position: absolute;

	height: 100%;
	width: 100%;

	top: 0;
	left: -7.5px;

	background-color: #E6F6FC;

	content: '';
}

.contract-hours-line .c-form-table__cell:last-child:before
{
	left: 0;
}

/*
	$text:        #464747;
	$background:  #F0F3F3;
	$light:       #fdfaf7

	light_orange: #fdfaf7;
	$orange:      #00A8D4;
	$red:         #C00506;

	$light_green: #B3DBCD;
	$dark_green:  #26715F;
*/

.full-page-logo-link
{
	display: inline-flex;

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

.full-page-logo
{
	display: block;

	height: auto;
	width: 120px;
}

.form-login,
.form-recovery
{
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 110px;
}

.form-login,
.form-recovery
{
	width: 500px;
	max-width: 100%;
}

/* -- Laptop -- */
@media (max-width: 1399px)
{
	.form-login
	.form-recovery
	{
		width: 460px;
	}
}

/* -- Mobile & Tablette -- */
@media (max-width: 991px)
{
	.form-login
	.form-recovery
	{
		width: 80%;
	}
}

/* -------- Laptop -------- */
@media (min-width: 992px) and (max-width: 1399px)
{
	.form-login
	.form-recovery
	{
		margin-bottom: 60px;
	}
}

/* ------ Tablette ------ */
@media (min-width: 640px) and (max-width: 991px)
{
	.form-login
	.form-recovery
	{
		margin-bottom: 60px;
	}
}

/* -------- Mobile -------- */
@media (max-width: 639px)
{
	.form-login
	.form-recovery
	{
		margin-bottom: 0;
	}
}

.form-registration .c-form-element--checkbox
{
	margin-top: 0;
}

/*!
 * 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}
@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;
	   -moz-user-select: none;
		-ms-user-select: none;
			user-select: none;

	box-sizing: border-box;

	-webkit-touch-callout: none;
	 -khtml-user-select: 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
{
	-webkit-transform: translate3d(0, 0, 0);
	   -moz-transform: translate3d(0, 0, 0);
		-ms-transform: translate3d(0, 0, 0);
		 -o-transform: translate3d(0, 0, 0);
			transform: translate3d(0, 0, 0);
}

.slick-track
{
	position: relative;
	display: block;
	top: 0;
	margin-right: auto;
	left: 0;
	margin-left: auto;
}
.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;
}

/*
	$text:        #464747;
	$background:  #F0F3F3;
	$light:       #fdfaf7

	light_orange: #fdfaf7;
	$orange:      #00A8D4;
	$red:         #C00506;

	flat_red:     #D87060;
	$flat_blue:   #60C8D8;
	$flat_orange: #FCC58E;

	$light_green: #B3DBCD;
	$dark_green:  #26715F;
*/

.u-error-color
{
	color: #C00506;
}

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

	-ms-overflow-y: scroll;
}

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

.u-center
{
	text-align: center;

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

.u-cursor-default
{
	cursor: default;
}

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

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

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

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

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

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

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

.u-table
{
	display: table;
}

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

	height: 100%;
	width: 100%;

	top: 0;
	left: 0;

	color: transparent;
}

.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-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-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-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-no-padding-bottom,
.u-padding-bottom-0
{
	padding-bottom: 0;
}

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

.u-no-padding-right,
.u-padding-right-0
{
	padding-right: 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-no-margin-bottom,
.u-margin-bottom-0
{
	margin-bottom: 0;
}

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

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

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

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

	align-self: center;
}

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

.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 *
{
	-webkit-user-select: none;
	 -khtml-user-select: none;
	   -moz-user-select: none;
	    -ms-user-select: none;
	        user-select: none;

	-webkit-touch-callout: none;
}

.u-flex
{
	display: flex;
}

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

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

/* -------- Mobile -------- */
@media (max-width: 639px)
{
	.u-flex-wrap-mobile
	{
		        flex-wrap: wrap;

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

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

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

	padding: 0;

	color: transparent;

	border: none;

	overflow: hidden;

	z-index: -1;
}

.u-hidden
{
	display: none;
}

/* -------- 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-no-order
{
	order: initial;
}