@import url("normalize.css");
/* RESET
--------------------------------------------------------------------------------------------------------------------------------------*/
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}

	ul li {
		list-style: none;
	}
/********** VAR **********/
.noselect {
	-moz-user-select: -moz-none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-o-user-select: none;
	user-select: none;
}

.cursor-pointer {
	cursor: pointer;
}

@font-face {
	font-family: 'Raleway';
	font-style: italic;
	font-weight: 400;
	font-display: swap;
	src: url(../fonts/1Ptsg8zYS_SKggPNyCg4TYFqL_KWxQ.woff2) format('woff2');
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
	font-family: 'Raleway';
	font-style: italic;
	font-weight: 500;
	font-display: swap;
	src: url(../fonts/1Ptsg8zYS_SKggPNyCg4TYFqL_KWxQ.woff2) format('woff2');
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
	font-family: 'Raleway';
	font-style: italic;
	font-weight: 700;
	font-display: swap;
	src: url(../fonts/1Ptsg8zYS_SKggPNyCg4TYFqL_KWxQ.woff2) format('woff2');
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
	font-family: 'Raleway';
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: url(../fonts/1Ptug8zYS_SKggPNyC0IT4ttDfA.woff2) format('woff2');
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
	font-family: 'Raleway';
	font-style: normal;
	font-weight: 500;
	font-display: swap;
	src: url(../fonts/1Ptug8zYS_SKggPNyC0IT4ttDfA.woff2) format('woff2');
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
	font-family: 'Raleway';
	font-style: normal;
	font-weight: 700;
	font-display: swap;
	src: url(../fonts/1Ptug8zYS_SKggPNyC0IT4ttDfA.woff2) format('woff2');
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/***************************
couleurs
****************************/
:root {
	--color-primary: #009dad;
	--color-primary-hover: #90BBC4;
	--color-gray-light: #f5f5f5;
	--color-white: #fff;
	--color-gray: #dddddd;
	--color-black: #2f2f2f;
	--color-black-hover: #7e7d7f;
	--color-brown: #d2b183;
	--color-green: #6ba10e;
	--color-green-success: #59a977;
	--color-green-success-hover: #a2bfa9;
	--color-orange: #de7d34;
	--color-orange-hover: #e09c72;
	--color-red: #c76161;
	--color-red-danger: #C56A6B;
	--color-red-danger-hover: #C77C7A;
	--color-red-hover: #c9a19b;
	--color-gray-dark: #837d7d;
	--color-blue: #5a76c3;
	--color-blue-hover: #96a6cc;
	--color-violet: #392454;
}

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

.bg-primary {
	background: var(--color-primary) !important;
	color: #fff;
}

	.bg-primary .h-title,
	.bg-primary .h-subtitle {
		color: #fff;
	}

.bg-success {
	background: var(--color-green) !important;
	color: #fff;
}

	.bg-success .h-title,
	.bg-success .h-subtitle {
		color: #fff;
	}

.bg-danger {
	background: var(--color-red) !important;
	color: #fff;
}

	.bg-danger .h-title,
	.bg-danger .h-subtitle {
		color: #fff;
	}

.bg-warning {
	background: var(--color-orange) !important;
	color: #fff;
}

	.bg-warning .h-title,
	.bg-warning .h-subtitle {
		color: #fff;
	}

.bg-info {
	background: var(--color-blue) !important;
	color: #fff;
}

	.bg-info .h-title,
	.bg-info .h-subtitle {
		color: #fff;
	}

.bg-light {
	background: var(--color-gray-light) !important;
	color: var(--color-black);
}

	.bg-light .h-title,
	.bg-light .h-subtitle {
		color: var(--color-black);
	}

.o-wrapper {
	max-width: 1280px;
}

.c-black {
	color: var(--color-black) !important;
}

.c-violet {
	color: var(--color-violet) !important;
}
/***************************
font
****************************/
a {
	color: var(--color-primary);
}

	a:hover {
		color: var(--color-primary);
	}

.h-title,
.h-subtitle {
	font-size: 19px;
	font-weight: bold;
	color: var(--color-primary);
	margin-bottom: 20px;
}

.h-title--black,
.h-subtitle--black {
	color: var(--color-black);
}

.h-title--white,
.h-subtitle--white {
	color: #fff;
}

.h-title-icon,
.h-subtitle-icon {
	display: flex;
}

a.h-title:hover {
	text-decoration: underline;
}

.h-subtitle {
	font-size: 16px;
}

.h-text {
	font-size: 16px;
}

.small {
	text-transform: lowercase !important;
}

p {
	margin-bottom: 20px;
	line-height: 1.4;
}

.i-icon {
	margin-right: 15px;
}

	.i-icon:before {
		display: inline-block;
		height: 20px;
		width: 20px;
		background: red;
		vertical-align: middle;
		content: " ";
	}

.i-icon-left:before {
	background: url(../assets/icons/arrow-left-solid.svg) 0 0 / contain no-repeat;
}
/***************************
font
****************************/
.btn {
	min-width: 120px;
	border-radius: 50px;
	font-weight: 700;
	font-size: 16px;
	color: #ffffff;
	line-height: 1.2;
	padding: 12px 20px;
}

.btn-sm {
	padding: 6px 10px;
	min-height: 28px;
}

.btn-lg {
	padding: 0 50px;
	min-height: 50px;
}

.btn.btn-primary {
	background: var(--color-black);
	border-color: var(--color-black);
	box-shadow: 1px 4px 4px rgba(0, 0, 0, 0.13);
}

	.btn.btn-primary:hover {
		background: var(--color-black-hover);
		border-color: var(--color-black-hover);
	}

.btn.btn-secondary {
	background: var(--color-primary);
	border-color: var(--color-primary);
}

	.btn.btn-secondary:hover {
		background: var(--color-primary-hover);
		border-color: var(--color-primary-hover);
	}

.btn.btn-success {
	background: var(--color-green-success);
	border-color: var(--color-green-success);
}

	.btn.btn-success:hover {
		background: var(--color-green-success-hover);
		border-color: var(--color-green-success-hover);
	}

.btn.btn-danger {
	background: var(--color-red-danger);
	border-color: var(--color-red-danger);
}

	.btn.btn-danger:hover {
		background: var(--color-red-danger-hover);
		border-color: var(--color-red-danger-hover);
	}

.btn.btn-warning {
	background: var(--color-orange);
	border-color: var(--color-orange);
}

	.btn.btn-warning:hover {
		background: var(--color-orange-hover);
		border-color: var(--color-orange-hover);
		color: #fff;
	}

.btn.btn-info {
	background: var(--color-blue);
	border-color: var(--color-blue);
}

	.btn.btn-info:hover {
		background: var(--color-blue-hover);
		border-color: var(--color-blue-hover);
		color: #fff;
	}

.btn.btn-light {
	background: var(--color-gray);
	border-color: var(--color-gray);
	color: var(--color-black);
}

	.btn.btn-light:hover {
		background: var(--color-gray-light);
		border-color: var(--color-gray-light);
	}

.btn.btn-dark {
	background: var(--color-gray-dark);
	border-color: var(--color-gray-dark);
	color: var(--color-black);
	color: #fff;
}

	.btn.btn-dark:hover {
		background: var(--color-gray);
		border-color: var(--color-gray);
		color: var(--color-black);
	}

.btn.btn-violet {
	background: var(--color-violet);
	border-color: var(--color-violet);
	color: var(--color-black);
	color: #fff;
}

	.btn.btn-violet:hover {
		background: var(--color-gray);
		border-color: var(--color-gray);
		color: var(--color-black);
	}

.btn.btn-outline-primary,
.btn.btn-outline-light,
.btn.btn-outline-dark {
	border-color: var(--color-black);
	color: var(--color-black);
	font-weight: bold;
	background: #fff;
}

	.btn.btn-outline-primary:hover,
	.btn.btn-outline-light:hover,
	.btn.btn-outline-dark:hover {
		background-color: #fff;
		border-color: var(--color-black-hover);
		color: var(--color-black-hover);
	}

.btn.btn-outline-secondary {
	border-color: var(--color-primary);
	color: var(--color-primary);
	font-weight: bold;
}

	.btn.btn-outline-secondary:hover {
		background-color: #fff;
		border-color: var(--color-primary-hover);
		color: var(--color-primary-hover);
	}

.btn.btn-outline-success {
	border-color: var(--color-green);
	color: var(--color-green);
	font-weight: bold;
}

	.btn.btn-outline-success:hover {
		background-color: #fff;
		border-color: var(--color-green-hover);
		color: var(--color-green-hover);
	}

.btn.btn-outline-danger {
	border-color: var(--color-red);
	color: var(--color-red);
	font-weight: bold;
}

	.btn.btn-outline-danger:hover {
		background-color: #fff;
		border-color: var(--color-red-hover);
		color: var(--color-red-hover);
	}

.btn.btn-outline-warning {
	border-color: var(--color-orange);
	color: var(--color-orange);
	font-weight: bold;
}

	.btn.btn-outline-warning:hover {
		background-color: #fff;
		border-color: var(--color-orange-hover);
		color: var(--color-orange-hover);
	}

.btn.btn-outline-info {
	border-color: var(--color-blue);
	color: var(--color-blue);
	font-weight: bold;
}

	.btn.btn-outline-info:hover {
		background-color: #fff;
		border-color: var(--color-primary-hover);
		color: var(--color-primary-hover);
	}

.btn.noradius {
	border-radius: 0 !important;
}

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

.btn-collapse {
	border: none;
	background: none;
}

	.btn-collapse .icon {
		color: var(--color-primary);
		background: none;
		width: 40px;
		height: 40px;
		display: block;
		text-align: center;
		cursor: pointer;
		margin: auto;
		z-index: 3;
		position: absolute;
		left: 0;
		top: 50%;
		margin-top: -20px;
		-webkit-transition: all 300ms ease-out;
		-moz-transition: all 300ms ease-out;
		-ms-transition: all 300ms ease-out;
		-o-transition: all 300ms ease-out;
		transition: all 300ms ease-out;
	}

		.btn-collapse .icon:before {
			background: url(../assets/icons/chevron-up-solid.svg) 0 0 / contain no-repeat;
			content: " ";
			display: block;
			width: 21px;
			height: 24px;
			margin: 0 auto;
			position: absolute;
			top: 10px;
			left: 6px;
		}

	.btn-collapse.collapsed .icon:before {
		top: 6px;
		background: url(../assets/icons/chevron-down-solid.svg) 0 0 / contain no-repeat;
	}

.noclick {
	z-index: 1;
}

	.noclick.no-zindex {
		z-index: auto;
	}

.h-subtitle .btn-collapse {
	position: static;
	text-align: left;
	color: var(--color-primary);
	font-weight: bold;
}

	.h-subtitle .btn-collapse span {
		position: relative;
	}

	.h-subtitle .btn-collapse .icon {
		right: auto;
		left: auto;
		display: inline-block;
		height: 23px;
		margin-left: 10px;
		width: 28px;
	}

		.h-subtitle .btn-collapse .icon:before {
			background: url(../assets/icons/chevron-up-solid-color.svg) 0 0 / contain no-repeat;
			content: " ";
			display: inline-block;
			width: 16px;
			height: 20px;
			margin: 0 auto;
		}

	.h-subtitle .btn-collapse.collapsed .icon:before {
		background: url(../assets/icons/chevron-down-solid-color.svg) 0 2px / contain no-repeat;
	}

input[type="text"],
input[type="password"],
input[type="email"] {
	border: 2px solid var(--color-black);
	border-radius: 20px;
	padding: 8px 12px;
}

.form-fields {
	margin: 0 auto;
	max-width: 400px;
}

	.form-fields .field {
		margin: 0 24px 20px;
	}

		.form-fields .field label {
			display: block;
			font-weight: bold;
			margin-bottom: 4px;
		}

		.form-fields .field input {
			width: 100%;
		}

	.form-fields .field-btn {
		text-align: right;
	}

		.form-fields .field-btn .btn {
			margin-left: 10px;
		}

	.form-fields .field.field-link {
		font-size: 14px;
	}

		.form-fields .field.field-link a {
			color: var(--color-black);
			text-decoration: underline;
		}

			.form-fields .field.field-link a:hover {
				text-decoration: none;
			}

	.form-fields .form-error {
		font-size: 14px;
		margin-top: 5px;
		display: block;
	}

.icon-valid:before {
	background: url(../assets/icons/check-solid.svg) 0 0 / contain no-repeat;
	content: " ";
	display: inline-block;
	width: 15px;
	height: 12px;
	margin: 0px 0 0 3px;
	vertical-align: middle;
}

.icon-error:before {
	background: url(../assets/icons/xmark-solid2.svg) 0 0 / contain no-repeat;
	content: " ";
	display: inline-block;
	width: 12px;
	height: 12px;
	margin: 0px 0 0 3px;
	vertical-align: middle;
}

.wrapper-login .wl-image img {
	display: block;
}

.wrapper-login .wl-content {
	margin-bottom: 30px;
	flex-basis: 400px;
}

.wrapper-login .h-content {
	margin-bottom: 30px;
}

.min-height {
	min-height: auto !important;
}

.card-collapse .card-header {
	min-height: 60px;
	padding-right: 40px;
	position: relative;
}

	.card-collapse .card-header .btn-collapse {
		position: absolute;
		top: 0;
		right: 0;
		height: 100%;
		width: 100%;
	}

.card-collapse .card-body {
	padding-top: 0;
}

.card-collapse .btn-collapse .icon {
	left: auto;
	right: 3px;
}

.card-collapse.card-light > .card-header {
	padding-right: 50px;
}

.card.card-collapse .card-header-icon {
	margin-bottom: 20px;
}

.card-collapse .fields.docs {
	margin-top: -20px;
}

img {
	max-width: 100%;
}

.ic {
	-webkit-transition: all 300ms ease-out;
	-moz-transition: all 300ms ease-out;
	-ms-transition: all 300ms ease-out;
	-o-transition: all 300ms ease-out;
	transition: all 300ms ease-out;
	width: 40px;
	height: 40px;
	border: 3px solid #009dad;
	display: inline-block;
	border-radius: 100%;
	text-align: center;
	position: relative;
	cursor: pointer;
}

	.ic:before {
		content: " ";
		display: block;
		width: 40px;
		height: 40px;
		margin: 0 auto;
		position: absolute;
		top: 7px;
		left: 9px;
	}

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

	.ic:hover {
		background-color: var(--color-primary);
	}

	.ic.ic-prev:before {
		background: url(../assets/icones/bt-actions/precedent.svg) 0 0 no-repeat;
	}

	.ic.ic-prev:hover:before,
	.ic.ic-prev.active:before {
		-webkit-mask-image: url(../assets/icones/bt-actions/precedent.svg);
		mask-image: url(../assets/icones/bt-actions/precedent.svg);
		background: #fff;
		-webkit-mask-repeat: no-repeat;
		mask-repeat: no-repeat;
	}

	.ic.ic-next:before {
		background: url(../assets/icones/bt-actions/suivant.svg) 0 0 no-repeat;
		position: absolute;
		top: 7px;
		left: 13px;
	}

	.ic.ic-next:hover:before,
	.ic.ic-next.active:before {
		-webkit-mask-image: url(../assets/icones/bt-actions/suivant.svg);
		mask-image: url(../assets/icones/bt-actions/suivant.svg);
		background: #fff;
		-webkit-mask-repeat: no-repeat;
		mask-repeat: no-repeat;
	}

	.ic.ic-list:before {
		background: url(../assets/icones/bt-actions/mode-liste.svg) 0 0 no-repeat;
		position: absolute;
		top: 8px;
		left: 7px;
	}

	.ic.ic-list:hover:before,
	.ic.ic-list.active:before {
		-webkit-mask-image: url(../assets/icones/bt-actions/mode-liste.svg);
		mask-image: url(../assets/icones/bt-actions/mode-liste.svg);
		background: #fff;
		-webkit-mask-repeat: no-repeat;
		mask-repeat: no-repeat;
	}

	.ic.ic-calendar:before {
		background: url(../assets/icones/bt-actions/mode-calendrier.svg) 0 0 no-repeat;
		position: absolute;
		top: 4px;
		left: 6px;
	}

	.ic.ic-calendar:hover:before,
	.ic.ic-calendar.active:before {
		-webkit-mask-image: url(../assets/icones/bt-actions/mode-calendrier.svg);
		mask-image: url(../assets/icones/bt-actions/mode-calendrier.svg);
		background: #fff;
		-webkit-mask-repeat: no-repeat;
		mask-repeat: no-repeat;
	}

	.ic.ic-filter:before {
		background: url(../assets/icones/bt-actions/tri.svg) 0 0 no-repeat;
		position: absolute;
		top: 9px;
		left: 5px;
	}

	.ic.ic-filter:hover:before,
	.ic.ic-filter.active:before {
		-webkit-mask-image: url(../assets/icones/bt-actions/tri.svg);
		mask-image: url(../assets/icones/bt-actions/tri.svg);
		background: #fff;
		-webkit-mask-repeat: no-repeat;
		mask-repeat: no-repeat;
	}

	.ic.ic-add:before {
		background: url(../assets/icones/bt-actions/ajouter.svg) 0 0 no-repeat;
		position: absolute;
		top: 7px;
		left: 7px;
	}

	.ic.ic-add:hover:before,
	.ic.ic-add.active:before {
		-webkit-mask-image: url(../assets/icones/bt-actions/ajouter.svg);
		mask-image: url(../assets/icones/bt-actions/ajouter.svg);
		background: #fff;
		-webkit-mask-repeat: no-repeat;
		mask-repeat: no-repeat;
	}

	.ic.ic-export:before {
		background: url(../assets/icones/bt-actions/exporter.svg) 0 0 no-repeat;
		position: absolute;
		top: 5px;
		left: 7px;
	}

	.ic.ic-export:hover:before,
	.ic.ic-export.active:before {
		-webkit-mask-image: url(../assets/icones/bt-actions/exporter.svg);
		mask-image: url(../assets/icones/bt-actions/exporter.svg);
		background: #fff;
		-webkit-mask-repeat: no-repeat;
		mask-repeat: no-repeat;
	}

	.ic.ic-info {
		width: 24px;
		height: 24px;
	}

		.ic.ic-info:before {
			background: url(../assets/icons/question-solid.svg) 0 0 no-repeat;
			position: absolute;
			top: 1px;
			left: 5px;
			width: 15px;
			height: 15px;
		}

		.ic.ic-info:hover:before,
		.ic.ic-info.active:before {
			-webkit-mask-image: url(../assets/icons/question-solid.svg);
			mask-image: url(../assets/icons/question-solid.svg);
			background: #fff;
			-webkit-mask-repeat: no-repeat;
			mask-repeat: no-repeat;
		}

	.ic.ic-eye:before {
		background: url(../assets/icones/formulaire/eye-solid.svg) 0 0 no-repeat;
		width: 23px;
		height: 25px;
		margin: 0 auto;
		position: absolute;
		top: 9px;
		left: 7px;
	}

	.ic.ic-eye:hover:before,
	.ic.ic-eye.active:before {
		-webkit-mask-image: url(../assets/icones/formulaire/eye-solid.svg);
		mask-image: url(../assets/icones/formulaire/eye-solid.svg);
		background: #fff;
		-webkit-mask-repeat: no-repeat;
		mask-repeat: no-repeat;
	}

	.ic.ic-eye--white {
		border-color: #fff !important;
	}

		.ic.ic-eye--white:before {
			background: url(../assets/icones/formulaire/eye-solid.svg) 0 0 no-repeat;
			width: 23px;
			height: 25px;
			margin: 0 auto;
			position: absolute;
			top: 9px;
			left: 7px;
			-webkit-mask-image: url(../assets/icones/formulaire/eye-solid.svg);
			mask-image: url(../assets/icones/formulaire/eye-solid.svg);
			background: #fff;
			-webkit-mask-repeat: no-repeat;
			mask-repeat: no-repeat;
		}

.btn-vertical {
	display: inline-block;
	width: 150px;
	height: 180px;
	background: #F5F5F5;
	border: 2px solid var(--color-primary);
	box-shadow: 1px 4px 4px rgba(0, 0, 0, 0.13);
	border-radius: 10px;
	font-style: normal;
	font-weight: 700;
	font-size: 16px;
	text-align: center;
	color: var(--color-black);
	position: relative;
}

	.btn-vertical .icon {
		-webkit-transition: all 150ms ease-out;
		-moz-transition: all 150ms ease-out;
		-ms-transition: all 150ms ease-out;
		-o-transition: all 150ms ease-out;
		transition: all 150ms ease-out;
		width: 54px;
		height: 54px;
		border: 2px solid var(--color-black);
		display: inline-block;
		border-radius: 100%;
		text-align: center;
		position: relative;
		cursor: pointer;
		top: 26px;
	}

		.btn-vertical .icon:before {
			content: " ";
			display: block;
			width: 18px;
			height: 25px;
			margin: 0 auto;
			position: absolute;
			top: 14px;
			left: 16px;
			background: url(../assets/icones/bt-actions/telecharger.svg) 0 0 no-repeat;
		}

	.btn-vertical:hover {
		background-color: var(--color-primary);
		border-color: var(--color-primary);
		color: #fff;
	}

		.btn-vertical:hover .icon {
			border-color: #fff;
		}

			.btn-vertical:hover .icon:before {
				-webkit-mask-image: url(../assets/icones/bt-actions/telecharger.svg);
				mask-image: url(../assets/icones/bt-actions/telecharger.svg);
				background: #fff;
				-webkit-mask-repeat: no-repeat;
				mask-repeat: no-repeat;
			}

		.btn-vertical:hover .text {
			color: #fff;
		}

	.btn-vertical .text {
		position: absolute;
		width: 100%;
		top: 110px;
		left: 0;
		box-sizing: border-box;
	}

	.btn-vertical.btn-vertical-acceder .icon:before {
		background: url(../assets/icones/bt-actions/ouvrir.svg) 0 0 no-repeat;
		width: 24px;
		height: 29px;
		top: 8px;
		left: 14px;
	}

	.btn-vertical.btn-vertical-acceder:hover .icon:before {
		-webkit-mask-image: url(../assets/icones/bt-actions/ouvrir.svg);
		mask-image: url(../assets/icones/bt-actions/ouvrir.svg);
		background: #fff;
		-webkit-mask-repeat: no-repeat;
		mask-repeat: no-repeat;
	}

	.btn-vertical.btn-vertical-acceder-rouge {
		border-color: var(--color-red);
	}

		.btn-vertical.btn-vertical-acceder-rouge .icon:before {
			background: url(../assets/icones/bt-actions/acces-opera.svg) 0 0 no-repeat;
			width: 24px;
			height: 29px;
			top: 8px;
			left: 14px;
		}

		.btn-vertical.btn-vertical-acceder-rouge:hover {
			background-color: var(--color-red);
		}

			.btn-vertical.btn-vertical-acceder-rouge:hover .icon:before {
				-webkit-mask-image: url(../assets/icones/bt-actions/acces-opera.svg);
				mask-image: url(../assets/icones/bt-actions/acces-opera.svg);
				background: #fff;
				-webkit-mask-repeat: no-repeat;
				mask-repeat: no-repeat;
			}

	.btn-vertical.btn-vertical-voir {
		border-color: var(--color-red);
	}

		.btn-vertical.btn-vertical-voir .icon:before {
			background: url(../assets/icones/bt-actions/voir-valider-notification.svg) 0 0 no-repeat;
		}

		.btn-vertical.btn-vertical-voir:hover {
			background-color: var(--color-red);
		}

			.btn-vertical.btn-vertical-voir:hover .icon:before {
				-webkit-mask-image: url(../assets/icones/bt-actions/voir-valider-notification.svg);
				mask-image: url(../assets/icones/bt-actions/voir-valider-notification.svg);
				background: #fff;
				-webkit-mask-repeat: no-repeat;
				mask-repeat: no-repeat;
			}

.btn-vertical-noborder {
	border: none;
}

.btn-icon-text {
	display: inline-block;
	width: 100%;
	height: 40px;
	font-style: normal;
	font-weight: 700;
	font-size: 16px;
	text-align: left;
	color: var(--color-black);
	position: relative;
	cursor: pointer;
}

	.btn-icon-text .icon {
		-webkit-transition: all 150ms ease-out;
		-moz-transition: all 150ms ease-out;
		-ms-transition: all 150ms ease-out;
		-o-transition: all 150ms ease-out;
		transition: all 150ms ease-out;
		width: 40px;
		height: 40px;
		border: 2px solid var(--color-primary);
		display: inline-block;
		border-radius: 100%;
		text-align: center;
		position: relative;
		cursor: pointer;
		top: 0;
		left: 0;
		position: absolute;
	}

		.btn-icon-text .icon:before {
			content: " ";
			display: block;
			width: 22px;
			height: 22px;
			margin: 0 auto;
			position: absolute;
			top: 8px;
			left: 8px;
			background: url(../assets/icons/plus.svg) 0 0 no-repeat;
		}

	.btn-icon-text:hover .icon {
		border-color: var(--color-primary);
		background: var(--color-primary);
	}

		.btn-icon-text:hover .icon:before {
			-webkit-mask-image: url(../assets/icons/plus.svg);
			mask-image: url(../assets/icons/plus.svg);
			background: #fff;
			-webkit-mask-repeat: no-repeat;
			mask-repeat: no-repeat;
		}

	.btn-icon-text:hover .text {
		color: var(--color-primary);
	}

	.btn-icon-text .text {
		position: absolute;
		top: 0;
		left: 55px;
		box-sizing: border-box;
		color: var(--color-primary);
	}

.btn-details {
	-webkit-transition: all 300ms ease-out;
	-moz-transition: all 300ms ease-out;
	-ms-transition: all 300ms ease-out;
	-o-transition: all 300ms ease-out;
	transition: all 300ms ease-out;
	width: 40px;
	height: 40px;
	border: 3px solid #fff;
	display: inline-block;
	border-radius: 100%;
	text-align: center;
	position: relative;
	cursor: pointer;
}

	.btn-details:before {
		content: " ";
		display: block;
		background: url(../assets/icones/formulaire/eye-solid-white.svg) 0 0 no-repeat;
		width: 23px;
		height: 25px;
		margin: 0 auto;
		position: absolute;
		top: 8px;
		left: 6px;
	}

	.btn-details span {
		display: none;
	}

	.btn-details:hover {
		background-color: var(--color-primary-hover);
	}

.btn-exporter {
	-webkit-transition: all 300ms ease-out;
	-moz-transition: all 300ms ease-out;
	-ms-transition: all 300ms ease-out;
	-o-transition: all 300ms ease-out;
	transition: all 300ms ease-out;
	width: 40px;
	height: 40px;
	border: 3px solid #fff;
	display: inline-block;
	border-radius: 100%;
	text-align: center;
	position: relative;
	cursor: pointer;
}

	.btn-exporter:before {
		content: " ";
		display: block;
		background: url(../assets/icons/exporter.svg) 0 0 / contain no-repeat;
		width: 24px;
		height: 23px;
		margin: 0 auto;
		position: absolute;
		top: 6px;
		left: 7px;
	}

	.btn-exporter span {
		display: none;
	}

	.btn-exporter:hover {
		background-color: var(--color-primary-hover);
	}

.btn-tri {
	-webkit-transition: all 300ms ease-out;
	-moz-transition: all 300ms ease-out;
	-ms-transition: all 300ms ease-out;
	-o-transition: all 300ms ease-out;
	transition: all 300ms ease-out;
	width: 40px;
	height: 40px;
	border: 2px solid var(--color-black);
	display: inline-block;
	border-radius: 100%;
	text-align: center;
	position: relative;
	cursor: pointer;
}

	.btn-tri:before {
		content: " ";
		display: block;
		background: url(../assets/icons/filter-solid-on.svg) 0 0 / contain no-repeat;
		width: 25px;
		height: 19px;
		margin: 0 auto;
		position: absolute;
		top: 9px;
		left: 7px;
	}

	.btn-tri span {
		display: none;
	}

.toolbar-on .btn-tri:before {
	background: url(../assets/icons/filter-solid-off.svg) 0 0 / contain no-repeat;
	width: 27px;
	height: 21px;
	left: 7px;
}

.toolbar-resp .toolbar-status,
.toolbar-resp .snapscroll,
.toolbar-resp .toolbar-filters {
	display: none;
}

.toolbar-resp .toolbar-status-visible,
.toolbar-resp .snapscroll-visible,
.toolbar-resp .toolbar-filters-visible {
	display: block;
}

.toolbar-on .toolbar-resp .toolbar-status,
.toolbar-on .toolbar-resp .snapscroll,
.toolbar-on .toolbar-resp .toolbar-filters {
	display: flex;
}

.btn-horizontal {
	width: 360px;
	min-height: 75px;
	background: #ffffff;
	border: 3px solid #ffffff;
	border-radius: 10px;
	box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.2);
	display: block;
	color: var(--color-black);
	display: flex;
	padding-top: 0px;
	align-items: center;
}

	.btn-horizontal .icon {
		-webkit-transition: all 150ms ease-out;
		-moz-transition: all 150ms ease-out;
		-ms-transition: all 150ms ease-out;
		-o-transition: all 150ms ease-out;
		transition: all 150ms ease-out;
		width: 54px;
		height: 54px;
		border: 2px solid var(--color-black);
		display: inline-block;
		border-radius: 100%;
		text-align: center;
		position: relative;
		cursor: pointer;
		margin: 0px 20px 0;
		flex-grow: 0;
		flex-shrink: 0;
	}

		.btn-horizontal .icon:before {
			content: " ";
			display: block;
			width: 32px;
			height: 32px;
			margin: 0 auto;
			position: absolute;
			top: 8px;
			left: 13px;
			background: url(../assets/icones/documents/document-certificat.svg) 0 0 no-repeat;
			background-size: contain;
		}

	.btn-horizontal .desc {
		display: flex;
		flex-wrap: wrap;
		text-overflow: ellipsis;
		overflow: hidden;
		margin-right: 5px;
	}

		.btn-horizontal .desc span {
			display: block;
			margin-bottom: 2px;
			width: 100%;
		}

			.btn-horizontal .desc span:last-child {
				margin-bottom: 0;
			}

		.btn-horizontal .desc .accroche {
			font-size: 14px;
			font-weight: normal;
		}

		.btn-horizontal .desc .name {
			font-weight: bold;
			overflow: hidden;
			text-overflow: ellipsis;
			white-space: nowrap;
		}

		.btn-horizontal .desc .type {
			font-weight: bold;
			font-size: 14px;
		}

		.btn-horizontal .desc .date {
			font-size: 14px;
			font-weight: normal;
		}

	.btn-horizontal:hover {
		background-color: var(--color-primary);
		border-color: var(--color-primary);
		color: #fff;
	}

		.btn-horizontal:hover .icon {
			border-color: #fff;
		}

			.btn-horizontal:hover .icon:before {
				background: url(../assets/icons/arrow-down-solid-white.svg) 0 0 no-repeat;
				top: 9px;
			}

	.btn-horizontal.btn-horizontal-annexe .icon:before {
		width: 44px;
		height: 32px;
		top: 8px;
		left: 6px;
		background: url(../assets/icones/documents/annexe-technique.svg) 0 0 no-repeat;
		background-size: contain;
	}

	.btn-horizontal.btn-horizontal-annexe:hover .icon:before {
		background: url(../assets/icons/arrow-down-solid-white.svg) 0 0 no-repeat;
		top: 9px;
		left: 13px;
	}

	.btn-horizontal.btn-horizontal-decision .icon:before {
		width: 44px;
		height: 32px;
		top: 8px;
		left: 13px;
		background: url(../assets/icones/documents/decision.svg) 0 0 no-repeat;
		background-size: contain;
	}

	.btn-horizontal.btn-horizontal-decision:hover .icon:before {
		background: url(../assets/icons/arrow-down-solid-white.svg) 0 0 no-repeat;
		top: 9px;
		left: 13px;
	}

	.btn-horizontal.btn-horizontal-notif .icon:before {
		width: 29px;
		height: 30px;
		top: 9px;
		left: 12px;
		background: url(../assets/icones/documents/notification-audit.svg) 0 0 no-repeat;
		background-size: contain;
	}

	.btn-horizontal.btn-horizontal-notif:hover .icon:before {
		background: url(../assets/icons/arrow-down-solid-white.svg) 0 0 no-repeat;
		top: 10px;
		left: 14px;
	}

	.btn-horizontal.btn-horizontal-external .icon:before {
		width: 29px;
		height: 30px;
		top: 9px;
		left: 12px;
		background: url(../assets/icones/bt-actions/ouvrir.svg) 0 0 no-repeat;
		background-size: contain;
	}

	.btn-horizontal.btn-horizontal-external:hover .icon:before {
		background: url(../assets/icons/arrow-down-solid-white.svg) 0 0 no-repeat;
		top: 10px;
		left: 14px;
	}

	.btn-horizontal.btn-horizontal-document .icon:before {
		width: 29px;
		height: 30px;
		top: 9px;
		left: 14px;
		background: url(../assets/icones/documents/autre-document.svg) 0 0 no-repeat;
		background-size: contain;
	}

	.btn-horizontal.btn-horizontal-document:hover .icon:before {
		background: url(../assets/icons/arrow-down-solid-white.svg) 0 0 no-repeat;
		top: 10px;
		left: 13px;
	}
/* COMMON
--------------------------------------------------------------------------------------------------------------------------------------*/
body {
	color: var(--color-black);
	background: var(--color-gray-light);
	font-size: 16px;
	line-height: 1.2;
	font-family: "Raleway", Arial, sans-serif;
	font-weight: 500;
}

.txt-hidden {
	position: absolute;
	left: -9999em;
}

p {
	margin-bottom: 1em;
}

a {
	text-decoration: none;
	-webkit-transition: all 0.25s ease;
	-moz-transition: all 0.25s ease;
	-o-transition: all 0.25s ease;
	transition: all 0.25s ease;
}
/********** HTML5 **********/
header,
section,
footer,
aside,
nav,
article,
figure {
	display: block;
}
/* PAGE
--------------------------------------------------------------------------------------------------------------------------------------*/
.wrapper {
	margin: 0 10px;
}
/* HEADER
--------------------------------------------------------------------------------------------------------------------------------------*/
header {
	background-color: #fff;
	padding: 0;
}

	header .logo {
		display: flex;
		color: var(--color-black);
		justify-content: center;
		align-items: center;
	}

		header .logo .image img {
			max-width: 172px;
		}

		header .logo .title {
			border-left: 2px solid #3C075A;
			display: flex;
			padding-left: 10px;
			margin-left: 8px;
			height: 55px;
			align-items: center;
		}

	header .header-top {
		box-shadow: 0px 6px 4px -3px rgba(0, 0, 0, 0.15);
	}

		header .header-top .wrapper {
			display: flex;
			height: 100px;
			justify-content: space-between;
			align-items: center;
		}

			header .header-top .wrapper .head-center {
				-webkit-transition: all 300ms ease-out;
				-moz-transition: all 300ms ease-out;
				-ms-transition: all 300ms ease-out;
				-o-transition: all 300ms ease-out;
				transition: all 300ms ease-out;
			}

				header .header-top .wrapper .head-center .conseiller {
					margin-bottom: 15px;
				}

	header nav {
		padding: 12px 0 0;
	}

.head-center {
	z-index: -99999;
	opacity: 0;
	color: #fff;
	width: 100%;
	height: 100vh;
	overflow: auto;
	position: fixed;
	z-index: -1;
	display: block;
	top: 0;
	left: 0;
	background: var(--color-primary);
	padding: 80px 30px 0;
	box-sizing: border-box;
}

.open .head-center {
	opacity: 1;
	z-index: 10;
}

#btn-search {
	display: none;
}

.btn-search {
	width: 40px;
	height: 40px;
	display: block;
	cursor: pointer;
	position: relative;
	background: var(--color-primary);
	border-radius: 50px;
	z-index: 11;
}

	.btn-search:before {
		content: " ";
		display: block;
		width: 22px;
		height: 22px;
		top: 9px;
		left: 9px;
		background: url(../assets/icones/barre-de-recherche/search-blanc.svg) 0 0 no-repeat;
		position: absolute;
		z-index: 1;
	}

.search-on .btn-search:before {
	content: " ";
	display: block;
	width: 16px;
	height: 22px;
	top: 9px;
	left: 13px;
	background: url(../assets/icons/xmark-solid-white.svg) 0 0 no-repeat;
	position: absolute;
	z-index: 1;
}

.btn-menu {
	width: 90px;
	height: 40px;
	display: block;
	cursor: pointer;
	position: relative;
	background: var(--color-primary);
	border-radius: 50px;
	z-index: 11;
}

	.btn-menu:before {
		content: " ";
		display: block;
		width: 18px;
		height: 17px;
		top: 13px;
		left: 19px;
		background: url(../assets/icons/menu.svg) 0 0 no-repeat;
		position: absolute;
		z-index: 1;
	}

	.btn-menu:after {
		content: " ";
		display: block;
		width: 22px;
		height: 23px;
		top: 8px;
		left: 51px;
		background: url(../assets/icons/user.svg) 0 0 no-repeat;
		position: absolute;
		z-index: 1;
	}

.open .btn-menu {
	position: fixed;
	top: 30px;
	right: 10px;
}

	.open .btn-menu:before {
		content: " ";
		display: block;
		width: 16px;
		height: 22px;
		top: 9px;
		left: 21px;
		background: url(../assets/icons/xmark-solid-white.svg) 0 0 no-repeat;
		position: absolute;
		z-index: 1;
	}

.new-checkbox {
	position: relative;
	display: inline-block;
	width: 16px;
	height: 22px;
	margin-right: 5px;
	cursor: pointer;
}

	.new-checkbox:before {
		content: " ";
		display: block;
		width: 16px;
		height: 16px;
		top: 7px;
		left: 0px;
		background: url(../assets/icons/checkbox-off.svg) 0 0 no-repeat;
		position: absolute;
		z-index: 1;
	}

	.new-checkbox.check:before {
		background: url(../assets/icons/checkbox-on.svg) 0 0 no-repeat;
	}

.new-radio {
	position: relative;
	display: inline-block;
	width: 16px;
	height: 16px;
	margin-right: 5px;
	cursor: pointer;
}

	.new-radio:before {
		content: " ";
		display: block;
		width: 20px;
		height: 20px;
		top: 0px;
		left: 0px;
		background: url(../assets/icons/radio-off.svg) 0 0 no-repeat;
		position: absolute;
		z-index: 1;
	}

	.new-radio.check:before {
		background: url(../assets/icons/radio-on.svg) 0 0 no-repeat;
	}

.horizontal-scroll-wrapper {
	widows: 100%;
	overflow-x: scroll;
}

.horizontal-scroll.wrapper {
	margin-left: 0;
	margin-right: 0;
}

.badge {
	font-size: 16px;
	line-height: 1;
	padding: 2px 10px;
	border-radius: 10px;
	display: inline-block;
}

.badge-statut {
	min-width: 120px;
}

.badge-statut-sm {
	min-width: 80px;
}

.badge-statut-md {
	min-width: 100px;
}

.badge-statut-xl {
	min-width: 140px;
}

.snapscroll {
	margin: 0;
	list-style: none;
	display: flex;
	width: auto;
	overflow-x: auto;
	scroll-snap-type: x mandatory;
	-webkit-overflow-scrolling: touch;
	-ms-overflow-style: none;
	padding-bottom: 10px;
	padding-right: 100px;
	gap: 15px;
	align-items: center;
}

.snapscroll-elem {
	display: flex;
	scroll-snap-align: start;
	align-items: baseline;
}

	.snapscroll-elem .badge {
		margin-bottom: 0;
	}

	.snapscroll-elem span {
		margin-left: 5px;
	}

.snapscroll::-webkit-scrollbar {
	display: none;
}

.snapscroll-toolbar .snapscroll-elem {
	padding-left: 10px;
}

	.snapscroll-toolbar .snapscroll-elem:first-child {
		padding-left: 25px;
	}

.snapscroll-toolbar.snapscroll-nomargin .snapscroll-elem:first-child {
	padding-left: 0;
}

.full-embed img,
.full-embed canva,
.full-embed embed {
	width: 100%;
}

.fields {
	display: flex;
	gap: 20px;
	justify-content: space-between;
	flex-wrap: wrap;
}

	.fields label {
		cursor: pointer;
	}

.fields--title-simple .field--title {
	font-weight: normal;
}

.fields.fields-list {
	margin-bottom: 40px;
}

	.fields.fields-list:last-child {
		margin-bottom: 0;
	}

	.fields.fields-list li {
		font-weight: bold;
		flex-basis: 100%;
	}

		.fields.fields-list li::before {
			content: "\25A0";
			/* Add content: \2022 is the CSS Code/unicode for a bullet */
			color: var(--color-primary);
			font-weight: bold;
			/* If you want it to be bold */
			display: inline-block;
			/* Needed to add space between the bullet and the text */
			width: 12px;
			/* Also needed for space (tweak if needed) */
			margin-right: 5px;
		}

.fields.fields-list-inline {
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: normal;
}

	.fields.fields-list-inline li {
		flex-basis: auto;
	}

.fields .field {
	flex-grow: 0;
	flex-shrink: 0;
	flex-basis: 46%;
}

.fields .field--title {
	opacity: 0.5;
	margin-bottom: 4px;
}

.fields .field--content {
	font-weight: bold;
}

.fields .field-full {
	flex-grow: 0;
	flex-shrink: 0;
	flex-basis: 100%;
}

.fields .field a {
	color: var(--color-black);
	text-decoration: underline;
}

	.fields .field a:hover {
		text-decoration: none;
	}

.fields .field.field-letters {
	display: flex;
	flex-basis: 100%;
}

	.fields .field.field-letters .field--title {
		min-width: 25px;
		margin-right: 10px;
	}

.fields .field-light {
	font-weight: normal !important;
}

.fields .field-file {
	position: relative;
	padding-left: 25px;
	font-size: 14px;
	flex-basis: 100%;
}

	.fields .field-file a {
		text-decoration: none;
	}

		.fields .field-file a:before {
			content: " ";
			display: block;
			width: 18px;
			height: 20px;
			top: -2px;
			left: 0px;
			background: url(../assets/icones/documents/autre-document.svg) 0 0 / contain no-repeat;
			position: absolute;
			z-index: 1;
		}

		.fields .field-file a:hover {
			color: var(--color-primary);
		}

.fields .field-delete .file-delete {
	cursor: pointer;
}

	.fields .field-delete .file-delete:before {
		content: " ";
		display: block;
		width: 14px;
		height: 16px;
		top: 0px;
		right: 0px;
		background: url(../assets/icons/trash-can-solid.svg) 0 0 / contain no-repeat;
		position: absolute;
		z-index: 1;
	}

.fields .field-flex {
	display: flex;
	align-items: center;
	justify-content: center;
	font-weight: bold;
	gap: 0 10px;
}

	.fields .field-flex label {
		white-space: nowrap;
	}

	.fields .field-flex .text {
		white-space: nowrap;
	}

	.fields .field-flex .form-control {
		padding: 0.375rem 0.75rem;
		border: none;
	}

	.fields .field-flex .new-checkbox {
		margin-top: -7px;
	}

.fields .field-bullet {
	position: relative;
	padding-left: 25px;
	font-size: 14px;
	flex-basis: 100%;
}

	.fields .field-bullet:before {
		content: "•";
		display: block;
		width: 0;
		height: 0;
		top: -10px;
		left: 3px;
		position: absolute;
		z-index: 1;
		font-size: 30px;
	}

	.fields .field-bullet a {
		text-decoration: none;
	}

		.fields .field-bullet a:hover {
			color: var(--color-primary);
		}

	.fields .field-bullet .file-delete:before {
		top: -2px;
	}

.fields .field-user {
	position: relative;
	padding-left: 25px;
	font-size: 14px;
	flex-basis: 100%;
}

	.fields .field-user a {
		text-decoration: none;
	}

		.fields .field-user a:before {
			content: " ";
			display: block;
			width: 16px;
			height: 18px;
			top: 0px;
			left: 0px;
			background: url(../assets/icons/user-color.svg) 0 0 / contain no-repeat;
			position: absolute;
			z-index: 1;
		}

		.fields .field-user a:hover {
			color: var(--color-primary);
		}

.fields-listing {
	flex-direction: column;
}

.fields-gap-min {
	gap: 10px;
}

.fields-cols {
	flex-wrap: wrap;
	justify-content: flex-start;
}

	.fields-cols .field {
		flex-grow: 0;
		flex-shrink: 1;
		flex-basis: 100%;
		margin-right: 15px;
	}

		.fields-cols .field:last-child {
			margin-right: 0;
		}

.modal .fields {
	gap: 30px;
}

.modal-header {
	padding: 20px 20px 20px;
}

.modal-body {
	padding: 10px 20px 20px;
}

.modal-footer {
	padding: 20px;
}

.modal-content {
	border-radius: 10px;
}

.custom-file-button {
	border-radius: 0 !important;
	flex-wrap: nowrap;
}

	.custom-file-button input[type="file"] {
		margin-left: -2px !important;
	}

		.custom-file-button input[type="file"]::-webkit-file-upload-button {
			display: none;
		}

		.custom-file-button input[type="file"]::file-selector-button {
			display: none;
		}

	.custom-file-button label {
		-webkit-transition: all 200ms ease-out;
		-moz-transition: all 200ms ease-out;
		-ms-transition: all 200ms ease-out;
		-o-transition: all 200ms ease-out;
		transition: all 200ms ease-out;
	}

	.custom-file-button:hover label {
		opacity: 0.6;
		cursor: pointer;
	}

.input-group .input-group-text {
	display: flex;
	align-items: center;
	padding: 0 20px;
	font-size: 1rem;
	font-weight: 400;
	line-height: 1.5;
	color: #fff;
	text-align: center;
	white-space: nowrap;
	background-color: var(--color-primary);
	border: 0;
	border-radius: 5px !important;
	font-weight: bold;
	overflow: hidden;
}

.card-header-details .fields .field {
	flex-basis: 100%;
	font-size: 16px;
}

.card-header-details .fields .field-ville,
.card-header-details .fields .field-pays {
	flex-basis: 44%;
}

.nav-links {
	display: flex;
	gap: 20px;
}

	.nav-links li {
		list-style: none;
	}

.nv-link {
	font-weight: bold;
	text-align: center;
	display: inline-block;
	color: var(--color-black);
	-webkit-transition: all 0 ease-out;
	-moz-transition: all 0 ease-out;
	-ms-transition: all 0 ease-out;
	-o-transition: all 0 ease-out;
	transition: all 0 ease-out;
}

	.nv-link .title {
		display: block;
		border-bottom: 2px solid #fff;
		white-space: nowrap;
	}

	.nv-link:hover,
	.nv-link.active {
		color: var(--color-black);
	}

		.nv-link:hover .title,
		.nv-link.active .title {
			border-bottom: 3px solid var(--color-black);
		}

.nv-icon {
	display: block;
	position: relative;
	text-align: center;
}

	.nv-icon:before {
		content: " ";
		display: inline-block;
		width: 21px;
		height: 23px;
		z-index: 1;
	}

	.nv-icon.nv-dashboard:before {
		background: url(../assets/icones/navigation/tableau-de-bord.svg) 0 0 no-repeat;
		width: 21px;
		height: 24px;
	}

	.nv-icon.nv-certifications:before {
		background: url(../assets/icones/navigation/certification.svg) 0 0 no-repeat;
		width: 21px;
		height: 24px;
	}

	.nv-icon.nv-bid:before {
		background: url(../assets/icones/navigation/devis.svg) 0 0 no-repeat;
		width: 21px;
		height: 24px;
	}

	.nv-icon.nv-documents:before {
		background: url(../assets/icones/navigation/documents.svg) 0 0 no-repeat;
		width: 23px;
		height: 24px;
	}

	.nv-icon.nv-calendar:before {
		background: url(../assets/icones/navigation/agenda.svg) 0 0 no-repeat;
		width: 23px;
		height: 24px;
	}

	.nv-icon.nv-reporting:before {
		background: url(../assets/icones/navigation/reportings.svg) 0 0 no-repeat;
		width: 21px;
		height: 24px;
	}
	.nv-icon.nv-guideaudit:before {
		background: url(../assets/icones/navigation/guide-audit.svg) 0 0 no-repeat;
		width: 21px;
		height: 24px;
	}
/* horizontal-scroll
-----------*/
.horizontal-scroll {
	overflow-x: scroll;
	height: 55px;
	position: relative;
	cursor: ew-resize;
	-ms-overflow-style: none;
	/* IE and Edge */
	scrollbar-width: none;
	/* Firefox */
}

	.horizontal-scroll::-webkit-scrollbar {
		display: none;
	}

.horizontal-scroll-elem {
	position: absolute;
	top: 0px;
	left: 0px;
	padding: 0 20px;
}

.horizontal-scroll-filters {
	width: 100%;
	overflow: visible;
}

	.horizontal-scroll-filters .horizontal-scroll-elem {
		display: flex;
		justify-content: flex-start;
		gap: 10px;
		padding: 0;
	}

.horizontal-scroll-status {
	width: 100%;
}

	.horizontal-scroll-status .horizontal-scroll-elem {
		display: flex;
		justify-content: flex-start;
		align-items: center;
		gap: 10px;
		padding: 0;
	}

.tooltip-inner {
	background-color: #fff;
	box-shadow: 0px 6px 4px -3px rgba(0, 0, 0, 0.15);
	opacity: 1 !important;
	color: var(--color-black);
	font-family: "Raleway";
}

.tooltip.bs-tooltip-right .tooltip-arrow::before {
	border-right-color: #fff !important;
}

.tooltip.bs-tooltip-left .tooltip-arrow::before {
	border-left-color: #fff !important;
}

.tooltip.bs-tooltip-bottom .tooltip-arrow::before {
	border-bottom-color: #fff !important;
}

.tooltip.bs-tooltip-top .tooltip-arrow::before {
	border-top-color: #fff !important;
}

.modal {
	background: var(--color-primary);
}

.modal-title {
	font-weight: bold;
	color: var(--color-primary);
}

.modal-header {
	border: none;
}

.modal-footer {
	border: none;
}

input[type="file"].form-control {
	background: var(--color-gray-light);
	padding: 0 10px 0 0;
}
/* MAIN
--------------------------------------------------------------------------------------------------------------------------------------*/
main {
	padding: 30px 0;
}

	main .contain {
		background-color: #fff;
		box-shadow: 0px 6px 4px -3px rgba(0, 0, 0, 0.15);
		margin-bottom: 30px;
		margin: auto;
		padding: 0px;
	}

	main .contain--blank {
		box-shadow: none;
		background: none;
	}

		main .contain--blank.wrapper {
			padding: 0 15px;
		}

	main .contain--content {
		padding: 10px 15px;
		margin-bottom: 20px;
	}

	main .contain--bg {
		background: var(--color-gray-light);
		padding: 20px 0 20px;
	}

		main .contain--bg .card {
			margin-left: 20px;
			margin-right: 20px;
			width: auto;
		}

	main .contain--inside {
		background: red;
		border: 5px solid #fff;
		box-shadow: 0px 6px 4px -3px rgba(0, 0, 0, 0.15);
	}

	main .contain--noshadow {
		box-shadow: none !important;
	}

	main .contain--nomargin {
		margin: 0 !important;
	}

	main .contain .icon-alert {
		position: absolute;
		top: -40px;
		left: 20px;
	}

.contain.contain-bg {
	position: relative;
}

	.contain.contain-bg .contain--content {
		position: relative;
		overflow: hidden;
	}

		.contain.contain-bg .contain--content div {
			z-index: 1;
		}

		.contain.contain-bg .contain--content:after {
			content: " ";
			position: absolute;
			display: block;
			width: 900px;
			height: 900px;
			background: url(../assets/images/forme/forme-fond.svg) 0 0 / contain no-repeat;
			top: 120px;
			left: -400px;
			z-index: 0;
		}

	.contain.contain-bg.contain-bg-large .contain--content:after {
		top: 550px;
	}

main .contain-alert {
	margin-top: 20px;
}

	main .contain-alert:before {
		content: " ";
		display: block;
		width: 56px;
		height: 56px;
		background: url(../assets/icons/notif.svg) 0 0 / contain no-repeat;
		z-index: 1;
		position: absolute;
		top: -40px;
		left: 10px;
	}

.contain.contain-bg.contain-bg-large .contain--content:after {
	opacity: 0.4;
}

.cc-elem-btn-vertical {
	flex-basis: 100%;
}

	.cc-elem-btn-vertical .btn-vertical,
	.card-right-btn-wrapper .btn-vertical {
		margin-top: 20px;
	}

.card-right-btn-content {
	flex-basis: 100%;
}

.card-right-btn-wrapper {
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
	flex-basis: 100%;
}

	.card-right-btn-wrapper .card-right-btn-content {
		padding-right: 20px;
	}

		.card-right-btn-wrapper .card-right-btn-content.card-right-btn-content-nopadding {
			padding: 0;
		}

.card-right-btn-wrapper-bottom {
	flex-direction: column;
	width: 100%;
}

	.card-right-btn-wrapper-bottom .card-right-btn-content {
		width: 100%;
	}

	.card-right-btn-wrapper-bottom .card-right-btn-vertical {
		margin: 20px 0 0;
		align-self: flex-start;
	}

.card.card-document .card-header {
	padding: 20px;
}

	.card.card-document .card-header .fields {
		gap: 5px;
	}

		.card.card-document .card-header .fields .field-inline {
			align-self: center;
			width: 100%;
		}

.card.card-document .card-header--btn {
	top: 20px;
	right: 23px;
}

.card.card-document .btn-toggle-doc {
	text-align: center;
	position: absolute;
	width: 100%;
	left: 0;
	bottom: 0;
	height: 22px;
	cursor: pointer;
}

	.card.card-document .btn-toggle-doc::after {
		content: " ";
		display: inline-block;
		width: 20px;
		height: 25px;
		margin-top: -10px;
		background: url(../assets/icons/chevron-down-solid-white.svg) 0 0 no-repeat;
		background-size: contain;
		z-index: 1;
		border: none;
		vertical-align: baseline;
	}

.card.card-document.card-document-toggle .card-header {
	cursor: pointer;
}

.card.card-document.card-document-toggle .card-body {
	display: none;
}

.card.card-document.card-document-toggle.active .card-body {
	display: block;
	padding-bottom: 60px;
}

.card.card-document.card-document-toggle.active .card-header {
	padding-bottom: 15px;
}

.card.card-document.card-document-toggle.active .btn-toggle-doc::after {
	background: url(../assets/icons/chevron-up-solid-color.svg) 0 0 no-repeat;
	background-size: contain;
}

.card.card-document.card-document-light .card-header {
	padding: 15px 20px 15px;
}

.card.card-document.card-document-light .btn-toggle-doc {
	width: 40px;
	height: 40px;
	top: 15px;
	right: 20px;
	left: auto;
	bottom: auto;
}

.card.card-document.card-document-light.card-document-toggle.active .btn-toggle-doc::after {
	background: url(../assets/icons/chevron-up-solid-white.svg) 0 0 no-repeat;
	background-size: contain;
	margin-top: 8px;
}

.card.card-document.card-document-light .btn-toggle-doc::after {
	margin-top: 8px;
}

.card.card-document.card-document-light.active .card-body {
	padding-bottom: 20px;
}

.col-image {
	padding-left: 0;
	padding-right: 0;
}

	.col-image img {
		display: block;
		width: 100%;
		height: 100%;
		object-fit: cover;
		border-radius: 5px;
	}

.box {
	border: 5px solid #fff;
	box-shadow: 0px 2px 5px 1px rgba(0, 0, 0, 0.15);
	border-radius: 10px;
	margin: 0;
	justify-content: stretch;
	align-items: center;
	padding: 5px;
	gap: 10px;
	position: relative;
	height: 100%;
}

.box--image {
	overflow: hidden;
	background: none;
	padding: 0;
}

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

.box--gray {
	background-color: #f5f5f5;
	border: none;
	box-shadow: none;
	padding: 20px 10px;
}

.box-site {
	width: calc(100% + 60px);
	margin-left: -30px;
	padding: 20px 30px 20px;
}

.u-object-fit {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: auto;
	height: auto;
	min-width: 100%;
	min-height: 100%;
}

img.i-cover {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.collapsing .box--gray {
	background-color: #fff;
}

.toolbar {
	display: flex;
	gap: 10px;
	margin-bottom: 20px;
}

	.toolbar .input-group {
		width: 280px;
		height: 40px;
	}

.toolbar-label {
	font-weight: bold;
}

.toolbar-status {
	gap: 15px;
	display: flex;
	align-items: center;
	margin-bottom: 0px;
	white-space: nowrap;
}

	.toolbar-status label {
		white-space: nowrap;
	}

		.toolbar-status label .new-checkbox:before {
			top: 9px;
		}

	.toolbar-status .new-checkbox {
		margin-top: -7px;
	}

.toolbar-bottom {
	margin-top: 40px;
	display: flex;
	flex-direction: column;
	gap: 10px;
	align-items: center;
}

	.toolbar-bottom label {
		font-weight: bold;
	}

.toolbar-nomargin {
	margin: 0 !important;
}

.toolbar-between {
	justify-content: space-between;
	width: 100%;
}

.toolbar-left {
	display: flex;
	gap: 10px;
	align-items: center;
	margin-bottom: 20px;
}

.toolbar-certifications {
	display: flex;
	flex-wrap: wrap;
	margin-bottom: 0;
}

	.toolbar-certifications .toolbar-filter-wrapper {
		margin: 0 25px;
	}

	.toolbar-certifications .input-group {
		width: 280px;
		flex-basis: 100%;
		flex-grow: 0;
		flex-shrink: 0;
	}

.toolbar-filters {
	display: flex;
	justify-content: flex-end;
	margin: 0 0 20px;
	gap: 10px;
	margin-right: 23px;
}

.toolbars {
	margin-bottom: 20px;
	position: relative;
}

body .dropdown-menu {
	min-width: 0;
}

.dropdown-link .btn {
	padding: 0;
	border-radius: 0;
	background: none !important;
	border: none !important;
	color: var(--color-black);
	min-height: auto;
	min-width: auto;
}

.dropdown-link .dropdown-toggle {
	position: relative;
}

	.dropdown-link .dropdown-toggle::after {
		content: " ";
		display: inline-block;
		width: 20px;
		height: 16px;
		right: 5px;
		top: 10px;
		background: url(../assets/icons/chevron-down-solid.svg) 0 0 no-repeat;
		background-size: contain;
		z-index: 1;
		border: none;
		vertical-align: baseline;
	}

.dropdown-link.white .btn {
	color: #fff;
}

.dropdown-link.white .dropdown-toggle::after {
	background: url(../assets/icons/chevron-down-solid-white.svg) 0 0 no-repeat;
}

.toolbar-filter-wrapper {
	display: flex;
	gap: 10px;
	justify-content: space-between;
	width: calc(100% - 100px);
	margin: 0 25px;
}

.toolbar-displaycal {
	position: absolute;
	top: -60px;
	right: 25px;
}

	.toolbar-displaycal .ic {
		margin-left: 5px;
	}
/* FOOTER
--------------------------------------------------------------------------------------------------------------------------------------*/
footer {
	background-color: #fff;
	color: var(--color-black);
	padding: 20px 0;
}

	footer .wrapper {
		padding-left: 15px;
		padding-right: 15px;
	}

.footer-links {
	font-weight: bold;
}

	.footer-links li {
		margin-bottom: 20px;
	}

		.footer-links li a {
			color: var(--color-black);
		}

			.footer-links li a:hover {
				text-decoration: underline;
			}
/* SIDEBAR
--------------------------------------------------------------------------------------------------------------------------------------*/
/* CONTENT
--------------------------------------------------------------------------------------------------------------------------------------*/
/* ELEMENTS
--------------------------------------------------------------------------------------------------------------------------------------*/
.conseiller {
	background-color: var(--color-brown);
	border-radius: 10px;
	color: var(--color-black);
}

.conseiller-head {
	display: flex;
	padding: 10px;
	position: relative;
}

	.conseiller-head:before {
		height: 70px;
		width: 102px;
		position: absolute;
		bottom: 0;
		left: 0;
		content: " ";
		display: block;
		background: url(../assets/icons/bg-conseiller.svg) 0 0 / contain no-repeat;
		z-index: 0;
	}

	.conseiller-head .icon {
		position: absolute;
		top: -10px;
		width: 100px;
		left: 0;
		height: 70px;
		margin-left: 0 !important;
	}

		.conseiller-head .icon img {
			max-width: 76px;
			position: absolute;
			left: 0;
			bottom: 0;
			top: auto;
			border-radius: 0 11px 0;
		}

	.conseiller-head .text {
		position: relative;
		z-index: 2;
		margin-left: 68px;
	}

		.conseiller-head .text span {
			display: block;
			white-space: nowrap;
		}

		.conseiller-head .text .name {
			font-weight: bold;
			margin-bottom: 2px;
		}

		.conseiller-head .text .post {
			white-space: nowrap;
		}

.conseiller-body {
	margin: 0 20px;
	padding-bottom: 10px;
	padding-top: 10px;
	line-height: 1.2;
}

	.conseiller-body .c-links {
		margin-top: 10px;
	}

.conseiller-light {
	background: none;
	border-radius: 0;
	padding-bottom: 10px;
	margin-bottom: 30px;
	border-bottom: 1px solid #cdcdcd;
}

	.conseiller-light .conseiller-head {
		padding: 0;
	}

		.conseiller-light .conseiller-head .icon {
			margin-left: 0;
			background: var(--color-gray-light);
		}

	.conseiller-light .conseiller-body {
		border-top: 0 solid #000;
		margin: 0;
	}

.c-links {
	list-style: none;
}

	.c-links.white:before {
		background-color: var(--color-primary);
	}

	.c-links li {
		margin-bottom: 5px;
		padding-left: 34px;
		position: relative;
		margin-bottom: 10px;
	}

		.c-links li a {
			text-decoration: underline;
			color: var(--color-black);
		}

			.c-links li a:hover {
				text-decoration: none;
			}

		.c-links li.phone:before {
			content: " ";
			background-color: var(--color-black);
			color: #fff;
			height: 22px;
			width: 22px;
			display: block;
			position: absolute;
			top: 0;
			left: 0;
			border-radius: 4px;
		}

		.c-links li.phone:after {
			content: " ";
			display: block;
			width: 16px;
			height: 14px;
			top: 4px;
			left: 6px;
			background: url(../assets/icons/mobile-screen-button-solid.svg) 0 0 no-repeat;
			background-size: contain;
			position: absolute;
			z-index: 1;
		}

		.c-links li.phone a {
			text-decoration: none;
		}

		.c-links li.phone.white:before {
			background: var(--color-primary);
		}

		.c-links li.phone.white:after {
			background: url(../assets/icons/mobile-screen-button-solid-white.svg) 0 0 no-repeat;
			background-size: contain;
		}

		.c-links li.email:before {
			content: " ";
			background-color: var(--color-black);
			color: #fff;
			height: 22px;
			width: 22px;
			display: block;
			position: absolute;
			top: 0;
			left: 0;
			border-radius: 4px;
		}

		.c-links li.email:after {
			content: " ";
			display: block;
			width: 14px;
			height: 11px;
			top: 5px;
			left: 4px;
			background: url(../assets/icons/mail.svg) 0 0 no-repeat;
			background-size: contain;
			position: absolute;
			z-index: 1;
		}

		.c-links li.email.white:before {
			background: var(--color-primary);
		}

		.c-links li.email.white:after {
			background: url(../assets/icons/mail-white.svg) 0 0 no-repeat;
			background-size: contain;
		}

.input-group {
	background: #fff;
	border-radius: 30px;
	overflow: hidden;
}

	.input-group input {
		border: none;
		box-shadow: none !important;
	}

	.input-group .input-btn-icon {
		border: none;
		padding: 0 15px 0 10px;
		background: #fff;
	}

.input-group-black {
	border: 2px solid var(--color-black);
}

	.input-group-black .icon-magnifier:before {
		background: url(../assets/icones/barre-de-recherche/search.svg) 0 0 no-repeat;
	}

.icon-magnifier:before {
	content: " ";
	display: block;
	width: 20px;
	height: 21px;
	background: url(../assets/icones/barre-de-recherche/search-bleu.svg) 0 0 no-repeat;
	z-index: 1;
}

.icon-alert:before {
	content: " ";
	display: block;
	width: 56px;
	height: 56px;
	background: url(../assets/icons/notif.svg) 0 0 / contain no-repeat;
	z-index: 1;
}

.l-menu li {
	list-style: none;
	font-weight: bold;
	color: #fff;
	border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}

	.l-menu li a.link {
		color: #fff;
		padding: 20px 0;
		display: block;
	}

		.l-menu li a.link:hover {
			color: var(--color-primary-hover);
		}

	.l-menu li:last-child {
		border-bottom: 0 solid #000;
	}

	.l-menu li span.elem {
		padding: 20px 0;
		display: block;
	}

	.l-menu li.multiple {
		display: flex;
		align-items: center;
		gap: 10px;
	}

.bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow,
.bs-tooltip-end .tooltip-arrow {
	display: none !important;
}

.link-all:after {
	position: absolute;
	top: 0;
	left: 0;
	content: " ";
	display: block;
	width: 100%;
	height: 100%;
	z-index: 1;
}

.card {
	border-radius: 10px !important;
	overflow: hidden;
	margin-bottom: 30px;
	box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 5px;
	width: 100%;
	position: relative;
}

.card-hover {
	cursor: pointer;
}

	.card-hover .card-body {
		border: 3px solid #fff;
		border-top: 0 solid #000;
		border-radius: 0 0 10px 10px;
		-webkit-transition: all 300ms ease-out;
		-moz-transition: all 300ms ease-out;
		-ms-transition: all 300ms ease-out;
		-o-transition: all 300ms ease-out;
		transition: all 300ms ease-out;
	}

	.card-hover:hover .card-body {
		border-color: var(--color-primary);
	}

.card.card-certification-list .card-header {
	padding: 10px;
}

.card .card-header {
	background-color: var(--color-primary);
	color: #fff;
	font-weight: bold;
	padding: 15px 20px 15px;
	display: flex;
	gap: 0 10px;
	flex-wrap: wrap;
	font-size: 16px;
}

.card .card-header-lg {
	font-size: 19px;
}

.card .card-header-icon {
	padding-top: 40px !important;
}

.card .card-header .ic {
	position: absolute;
	top: 10px;
	left: 20px;
	z-index: 2;
}

.card .card-header .h-subtitle {
	margin-bottom: 0;
	font-size: 16px;
	opacity: 0.6;
}

.card .card-header--nogap {
	padding-bottom: 15px !important;
}

.card .card-header--logo img {
	max-height: 80px;
}

.card .card-header--title {
	flex-grow: 1;
	padding-left: 20px;
	padding-right: 50px;
}

.card .card-header--title1 {
	display: block;
	margin-bottom: 10px;
	font-size: 16px;
	/*
			&:after{
				content:" - ";
			}
			*/
}

.card .card-header--title2 {
	font-size: 16px;
}

.card .card-header--alert {
	flex-basis: 100%;
	flex-grow: 0;
	flex-shrink: 0;
	position: relative;
	display: flex;
	justify-content: center;
	min-height: 45px;
	align-items: center;
	margin-top: 10px;
	font-size: 16px;
}

	.card .card-header--alert:before {
		content: " ";
		display: block;
		width: 47px;
		height: 33px;
		flex-basis: 34px;
		background: url(../assets/icons/cloche.svg) 0 0 no-repeat;
		background-size: contain;
		z-index: 1;
		margin-right: 15px;
	}

.card .card-header--btn {
	position: absolute;
	top: 15px;
	right: 15px;
}

.card .card-header-left {
	justify-content: flex-start;
}

	.card .card-header-left .fields {
		gap: 20px;
	}

		.card .card-header-left .fields .field {
			flex-basis: auto;
		}

.card .card-body {
	padding: 20px;
}

	.card .card-body.nopadding {
		padding: 0;
	}

.card-certification .card-body {
	display: flex;
	position: relative;
}

.card-certification .cc-certificat {
	position: absolute;
	left: 55%;
	top: 20px;
	flex-basis: 50%;
	flex-grow: 0;
	flex-shrink: 0;
}

.card-certification .cc-statut {
	position: absolute;
	left: 55%;
	top: 88px;
	flex-basis: 50%;
	flex-grow: 0;
	flex-shrink: 0;
}

.card-certification .cc-organisme,
.card-certification .cc-attestation,
.card-certification .cc-dossier {
	flex-basis: 100%;
	flex-grow: 0;
	flex-shrink: 0;
}

.card-certification .cc-dossier {
	border-top: 1px solid rgba(0, 0, 0, 0.2);
	padding-top: 20px;
}

.card-light > .card-header {
	background-color: #fff;
	color: var(--color-primary);
	border-bottom: 0 solid #000;
	padding-bottom: 0;
	padding-top: 20px;
}

.card-light .conseiller-head {
	height: auto;
}

	.card-light .conseiller-head:before {
		display: none;
	}

	.card-light .conseiller-head .icon {
		position: static;
		height: 50px;
		width: 50px;
		flex-basis: 50px;
		margin-right: 10px;
		flex-grow: 0;
		flex-shrink: 0;
	}

		.card-light .conseiller-head .icon.icon-svg {
			padding: 10px 10px 0px;
		}

			.card-light .conseiller-head .icon.icon-svg img {
				max-width: 30px;
				width: 100%;
			}

		.card-light .conseiller-head .icon img {
			position: static;
			border-radius: 0;
			max-width: 100%;
		}

	.card-light .conseiller-head .text {
		margin-left: 0;
		display: flex;
		flex-direction: column;
		justify-content: center;
		flex-grow: 1;
	}

.card-light .conseiller-body {
	margin-top: 0;
	padding-top: 0;
}

	.card-light .conseiller-body .c-links {
		display: flex;
		flex-wrap: wrap;
		flex-direction: column;
	}

		.card-light .conseiller-body .c-links li {
			flex-basis: 100%;
			border: 0 !important;
			padding: 0 0 0 30px;
		}

			.card-light .conseiller-body .c-links li:before {
				left: 0;
			}

			.card-light .conseiller-body .c-links li:after {
				left: 4px;
				background-position: center;
			}

			.card-light .conseiller-body .c-links li.phone:after {
				left: 3px;
			}

.card-body--content {
	padding: 0 20px;
}

.card-noborder {
	box-shadow: none;
	border: none;
}

	.card-noborder .card-header {
		padding: 0;
		padding-bottom: 20px;
	}

	.card-noborder .card-body {
		padding: 0;
	}

.card-nostyle {
	box-shadow: none;
	border: none;
	border-radius: 0;
}

	.card-nostyle .card-header {
		padding: 0;
		background: none;
		color: var(--color-black);
		border: none;
	}

.cc-identite {
	margin-bottom: 10px;
	flex-basis: 100%;
	padding-right: 50%;
}

.cc-identite--logo {
	text-align: center;
	margin-bottom: 10px;
	width: 160px;
}

	.cc-identite--logo img {
		height: 88px;
	}

.cc-identite--btn .btn {
	width: 160px;
}

.input-filter-select {
	position: relative;
}

	.input-filter-select .input-group-black {
		border-width: 1px;
	}

.input-filter-select-icon .fs-title {
	background: none !important;
}

.input-filter-select .fs-title {
	background: #fff;
	border-radius: 30px;
	border: 2px solid var(--color-black);
	white-space: nowrap;
	padding: 8px 32px 8px 20px;
	cursor: pointer;
	position: relative;
	font-weight: bold;
	-webkit-transition: all 300ms ease-out;
	-moz-transition: all 300ms ease-out;
	-ms-transition: all 300ms ease-out;
	-o-transition: all 300ms ease-out;
	transition: all 300ms ease-out;
}

	.input-filter-select .fs-title span {
		background: var(--color-black);
		color: #fff;
		text-align: center;
		padding: 0px;
		display: inline-block;
		margin-left: 4px;
		min-width: 20px;
		border-radius: 40px;
		-webkit-transition: all 300ms ease-out;
		-moz-transition: all 300ms ease-out;
		-ms-transition: all 300ms ease-out;
		-o-transition: all 300ms ease-out;
		transition: all 300ms ease-out;
	}

	.input-filter-select .fs-title:hover {
		border-color: var(--color-primary);
		color: var(--color-primary);
	}

		.input-filter-select .fs-title:hover span {
			background-color: var(--color-primary);
		}

	.input-filter-select .fs-title:after {
		content: " ";
		display: block;
		width: 20px;
		height: 16px;
		right: 5px;
		top: 10px;
		background: url(../assets/icons/chevron-down-solid.svg) 0 0 no-repeat;
		background-size: contain;
		position: absolute;
		z-index: 1;
	}

.input-filter-select.select-on .fs-title:after {
	background: url(../assets/icons/chevron-up-solid.svg) 0 0 no-repeat;
}

.input-filter-select.select-on {
	z-index: 2;
}

	.input-filter-select.select-on .fs-content {
		opacity: 1;
		visibility: visible;
		z-index: 10;
	}

.input-filter-select-icon .fs-title {
	padding: 0;
	border: none;
	border-radius: 0;
}

	.input-filter-select-icon .fs-title:after {
		display: none;
	}

	.input-filter-select-icon .fs-title span {
		background-color: #fff;
	}

.input-filter-select-icon .fs-content {
	left: auto;
	right: 0;
	border-color: var(--color-primary);
	width: auto;
	height: auto;
}

.input-filter-select-icon .fs-items {
	height: auto;
	margin-bottom: 0;
}

	.input-filter-select-icon .fs-items .fs-item {
		white-space: nowrap;
	}

.fs-content {
	position: absolute;
	width: 340px;
	top: 46px;
	left: 0;
	border: 2px solid var(--color-black);
	padding: 15px;
	border-radius: 10px;
	z-index: 2;
	background-color: #fff;
	opacity: 0;
	visibility: hidden;
	z-index: -9999;
}

	.fs-content label {
		cursor: pointer;
	}

	.fs-content.full {
		width: calc(100% - 20px);
		top: 0;
		left: 10px !important;
	}

	.fs-content.show {
		opacity: 1;
		visibility: visible;
		z-index: 10;
	}

.fs-content-icon {
	border-color: var(--color-primary);
	width: auto;
	height: auto;
}

	.fs-content-icon .fs-items {
		height: auto;
		margin-bottom: 0;
	}

		.fs-content-icon .fs-items .fs-item {
			margin-bottom: 15px;
		}

			.fs-content-icon .fs-items .fs-item:last-child {
				margin-bottom: 0;
			}

.fs-search {
	margin-bottom: 10px;
}

.fs-tags {
	margin-bottom: 15px;
}

	.fs-tags .fs-tag {
		border: 1px solid var(--color-black);
		white-space: nowrap;
		padding: 0 30px 0 10px;
		border-radius: 10px;
		position: relative;
		margin-right: 5px;
		display: inline-block;
	}

		.fs-tags .fs-tag .close {
			content: " ";
			display: block;
			width: 9px;
			height: 14px;
			top: 3px;
			right: 9px;
			background: url(../assets/icons/xmark-solid.svg) 0 0 no-repeat;
			position: absolute;
			z-index: 1;
			cursor: pointer;
		}

.fs-items {
	height: 180px;
	overflow-y: auto;
	margin-bottom: 20px;
}

	.fs-items .fs-item {
		margin-bottom: 10px;
	}

.fs-btns .btn {
	min-width: 120px;
	margin-right: 10px;
}

	.fs-btns .btn:last-child {
		margin-right: 0;
	}

.scrollbar-inside::-webkit-scrollbar {
	width: 6px;
	border-radius: 5px;
	overflow: hidden;
}

.scrollbar-inside::-webkit-scrollbar-track {
	background-color: #979797;
	border-radius: 5px;
	overflow: hidden;
}

.scrollbar-inside::-webkit-scrollbar-thumb {
	background-color: var(--color-black);
	outline: 0;
	border-radius: 5px;
	overflow: hidden;
}

.pagination {
	display: flex;
}

	.pagination li {
		font-size: 22px;
		font-weight: bold;
		text-align: center;
	}

		.pagination li a {
			width: 40px;
			height: 40px;
			box-sizing: border-box;
			padding: 6px 0;
			display: inline-block;
			border-radius: 5px;
			color: var(--color-black);
		}

			.pagination li a:hover {
				background: var(--color-gray);
			}

			.pagination li a.first {
				position: relative;
			}

				.pagination li a.first:before {
					content: " ";
					display: block;
					width: 18px;
					height: 17px;
					top: 12px;
					right: 12px;
					background: url(../assets/icons/arrow-left-double.svg) 0 0 no-repeat;
					position: absolute;
					z-index: 1;
					cursor: pointer;
				}

			.pagination li a.last {
				position: relative;
			}

				.pagination li a.last:before {
					content: " ";
					display: block;
					width: 18px;
					height: 17px;
					top: 12px;
					right: 12px;
					background: url(../assets/icons/arrow-right-double.svg) 0 0 no-repeat;
					position: absolute;
					z-index: 1;
					cursor: pointer;
				}

			.pagination li a.prev {
				position: relative;
			}

				.pagination li a.prev:before {
					content: " ";
					display: block;
					width: 18px;
					height: 17px;
					top: 12px;
					right: 8px;
					background: url(../assets/icons/arrow-left.svg) 0 0 no-repeat;
					position: absolute;
					z-index: 1;
					cursor: pointer;
				}

			.pagination li a.next {
				position: relative;
			}

				.pagination li a.next:before {
					content: " ";
					display: block;
					width: 18px;
					height: 17px;
					top: 12px;
					right: 6px;
					background: url(../assets/icons/arrow-right.svg) 0 0 no-repeat;
					position: absolute;
					z-index: 1;
					cursor: pointer;
				}

		.pagination li span {
			width: 40px;
			padding: 4px 0;
			display: inline-block;
			border-radius: 5px;
			box-sizing: border-box;
			height: 40px;
		}

			.pagination li span.active {
				background: var(--color-primary);
				color: #fff;
			}

.timeline {
	position: relative;
	width: 320px;
}

.timeline-wrapper {
	margin-top: 40px;
}

.timeline.totalItems-1 .timeline--content:before {
	height: 0%;
}

.timeline.totalItems-2 .timeline--content:before {
	height: 50%;
}

.timeline-nav .icon {
	color: var(--color-primary);
	background-color: #fff;
	width: 40px;
	height: 40px;
	border: 3px solid #009dad;
	display: block;
	border-radius: 100%;
	text-align: center;
	cursor: pointer;
	margin: auto;
	z-index: 3;
	position: absolute;
	left: 0;
	top: 50%;
	margin-top: -20px;
	-webkit-transition: all 300ms ease-out;
	-moz-transition: all 300ms ease-out;
	-ms-transition: all 300ms ease-out;
	-o-transition: all 300ms ease-out;
	transition: all 300ms ease-out;
}

	.timeline-nav .icon:before {
		content: " ";
		display: block;
		width: 21px;
		height: 24px;
		margin: 0 auto;
		position: absolute;
		top: 5px;
		left: 6px;
	}

	.timeline-nav .icon:hover {
		background: var(--color-primary);
	}

.timeline-nav.hide {
	opacity: 0 !important;
	visibility: hidden !important;
}

.timeline-nav-next {
	right: 0 !important;
}

	.timeline-nav-next:after {
		left: auto;
		right: auto;
		top: auto;
		bottom: 0;
	}

	.timeline-nav-next .icon {
		left: auto;
		right: 0;
		top: 50%;
		position: relative;
		margin-top: -5px;
	}

		.timeline-nav-next .icon:before {
			background: url(../assets/icons/chevron-down-solid.svg) 0 0 / contain no-repeat;
		}

		.timeline-nav-next .icon:hover:before {
			-webkit-mask-image: url(../assets/icons/chevron-down-solid.svg);
			mask-image: url(../assets/icons/chevron-down-solid.svg);
			background: #fff;
			-webkit-mask-repeat: no-repeat;
			mask-repeat: no-repeat;
		}

.timeline-nav-prev .icon {
	position: relative;
}

	.timeline-nav-prev .icon:before {
		background: url(../assets/icons/chevron-up-solid.svg) 0 0 / contain no-repeat;
	}

	.timeline-nav-prev .icon:hover:before {
		-webkit-mask-image: url(../assets/icons/chevron-up-solid.svg);
		mask-image: url(../assets/icons/chevron-up-solid.svg);
		background: #fff;
		-webkit-mask-repeat: no-repeat;
		mask-repeat: no-repeat;
	}

.timeline--content {
	overflow: hidden;
	height: 405px;
	position: relative;
	margin-left: -140px;
	margin-top: 20px;
	margin-bottom: 20px;
}

.timeline .line {
	width: 4px;
	height: 100%;
	background: var(--color-primary);
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: -2px;
	display: block;
}

.timeline--items {
	-webkit-transition: all 300ms ease-out;
	-moz-transition: all 300ms ease-out;
	-ms-transition: all 300ms ease-out;
	-o-transition: all 300ms ease-out;
	transition: all 300ms ease-out;
}

.timeline--item {
	padding-bottom: 120px;
	position: relative;
}

	.timeline--item:before {
		width: 4px;
		height: 100%;
		background: var(--color-primary);
		position: absolute;
		top: 0;
		left: 50%;
		margin-left: -2px;
		display: block;
		content: " ";
	}

	.timeline--item.noline:before {
		display: none;
	}

	.timeline--item.active .timeline--item--point {
		background: var(--color-primary);
		color: #fff;
	}

.timeline--item--text {
	text-align: center;
	position: absolute;
	text-align: left;
	left: 50%;
	margin-left: 46px;
}

.timeline--item--text-bottom {
	margin-top: 10px;
}

.timeline--item--text--title {
	opacity: 0.6;
}

.timeline--item--text--content {
	font-weight: bold;
}

.timeline--item--point {
	height: 55px;
	width: 55px;
	border: 3px solid var(--color-primary);
	background: #fff;
	border-radius: 50px;
	position: relative;
	margin: auto;
	color: var(--color-black);
	display: block;
	z-index: 2;
}

	.timeline--item--point span {
		width: 100%;
		text-align: center;
		font-weight: bold;
		display: block;
		position: absolute;
		top: 14px;
	}

.nav-link a {
	color: var(--color-black);
}

.nav-tabs .nav-link {
	border: none;
	background: var(--color-gray-light);
	color: var(--color-black);
	margin-right: 10px;
	border-radius: 5px;
	font-size: 16px;
	padding: 2px 12px;
}

	.nav-tabs .nav-link:hover {
		background: var(--color-primary);
		color: #fff;
	}

	.nav-tabs .nav-item.show .nav-link,
	.nav-tabs .nav-link.active {
		background: var(--color-gray-light);
		color: var(--color-primary);
	}

.card-header-tabs {
	margin-top: -1px;
	margin-left: 10px;
}

.contain-head {
	padding: 25px 25px 0 25px;
}

.tooltip .tooltip-arrow {
	display: none !important;
}

.snapscroll-elem .new-checkbox {
	margin-right: 6px;
}

.more-certification {
	max-height: 142px;
	overflow: hidden;
	position: relative;
}

	.more-certification:after {
		content: " ";
		background: #ffffff;
		background: linear-gradient(0deg, #ffffff 0%, #ffffff 34%, rgba(255, 255, 255, 0) 100%);
		bottom: 0;
		left: 0;
		width: 100%;
		height: 80px;
		display: block;
		z-index: 1;
		position: absolute;
	}

	.more-certification .btn-voirplus {
		position: absolute;
		z-index: 2;
		bottom: 0;
	}

	.more-certification.show {
		max-height: 100%;
	}

		.more-certification.show:after {
			display: none;
		}

		.more-certification.show .btn-voirplus {
			position: relative;
			margin-top: 20px;
		}

.btn-voirplus {
	text-decoration: underline;
	position: relative;
	padding-right: 30px;
	display: inline-block;
	cursor: pointer;
}

	.btn-voirplus:hover {
		text-decoration: none;
	}

	.btn-voirplus:after {
		content: " ";
		bottom: 5px;
		right: 0;
		width: 17px;
		height: 8px;
		display: block;
		z-index: 1;
		position: absolute;
		background: url(../assets/icons/fl-down.svg) no-repeat 0 0 / contain;
	}

	.btn-voirplus.voirmoins:after {
		background: url(../assets/icons/fl-up.svg) no-repeat 0 0 / contain;
	}

.more-certification.show .btn-voirplus:after {
	background: url(../assets/icons/fl-up.svg) no-repeat 0 0 / contain;
}

.snapscroll-toolbar .snapscroll-elem.input-filter-select-icon {
	margin-top: 5px;
}

.fc-theme-standard td,
.fc-theme-standard th,
.fc-theme-standard .fc-scrollgrid {
	border: 1px solid #e4f1fb;
}

#calendar {
	margin-bottom: 20px;
}

	#calendar a {
		color: var(--color-black);
	}

	#calendar th {
		font-weight: bold;
	}

.fc .fc-col-header-cell-cushion {
	display: inline-block;
	padding: 8px 4px;
	text-transform: capitalize;
}

.fc-daygrid-event {
	white-space: normal;
}

.fc-event {
	font-weight: bold;
}

.fc .fc-daygrid-day.fc-day-today {
	background-color: #f0f6ff;
}

.fc-daygrid-event {
	white-space: wrap;
	padding: 2px 6px;
}

.fc .fc-toolbar {
	justify-content: flex-start;
}

.fc .fc-toolbar-title {
	font-size: 19px;
	font-weight: bold;
	color: var(--color-primary);
	text-transform: uppercase;
	min-width: 200px;
	text-align: center;
}

.fc .fc-button-primary,
.fc .fc-button-primary:disabled {
	border-color: var(--color-primary);
	background: var(--color-primary);
	-webkit-transition: all 200ms ease-out;
	-moz-transition: all 200ms ease-out;
	-ms-transition: all 200ms ease-out;
	-o-transition: all 200ms ease-out;
	transition: all 200ms ease-out;
}

	.fc .fc-button-primary:hover,
	.fc .fc-button-primary:disabled:hover {
		border-color: var(--color-primary-hover);
		background: var(--color-primary-hover);
	}

	.fc .fc-button-primary.fc-today-button {
		display: none;
	}

.calendar-listing--item {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 20px;
}

.calendar-listing--item--date {
	font-weight: bold;
	flex-basis: 176px;
}

.calendar-listing--item--text {
	flex: 1;
	font-weight: bold;
}

.calendar-listing--item:last-child {
	margin-bottom: 0;
}

.calendar-event {
	padding: 7px 14px;
	border-radius: 5px;
	display: block;
	color: #fff !important;
}

#cal-list,
#cal-tab {
	display: none;
}

	#cal-list.active,
	#cal-tab.active {
		display: block;
	}

.row.row-actualites {
	--bs-gutter-x: 1.5rem;
	--bs-gutter-y: 1.5rem;
}

.box-alert {
	display: flex;
	flex-wrap: wrap;
	max-width: 920px;
	margin: auto;
	justify-content: center;
}

.box-alert--items {
	display: flex;
	justify-content: center;
}

.box-alert--items-border {
	margin-bottom: 30px;
	border-bottom: 1px solid #BCE5E9;
}

.box-alert--item {
	text-align: center;
	flex-basis: 49%;
	padding: 0 0px;
	box-sizing: border-box;
	margin-bottom: 20px;
	border-right: 1px solid #BCE5E9;
	padding: 0 20px;
	margin-bottom: 30px;
}

	.box-alert--item:nth-child(even) {
		border-right: none;
	}

	.box-alert--item:last-child {
		border: none;
	}

.box-alert--item-number {
	font-weight: bold;
	font-size: 30px;
	color: var(--color-primary);
	margin-bottom: 10px;
}

.box-alert--item-desc {
	margin-bottom: 20px;
	min-height: 38px;
}

.box-alert--item-desc-bold {
	font-weight: bold;
}

.box-alert--item-desc strong {
	font-weight: bold;
}

.wrapper.wrapper-primary {
	background: var(--color-primary);
}

	.wrapper.wrapper-primary .h-title,
	.wrapper.wrapper-primary .h-subtitle,
	.wrapper.wrapper-primary .box-alert--item-number,
	.wrapper.wrapper-primary .box-alert--item-desc {
		color: #fff;
	}

.list-docs {
	display: flex;
	flex-wrap: wrap;
	gap: 15px;
	margin-bottom: 20px;
}

	.list-docs .btn-horizontal {
		width: 100%;
	}

	.list-docs .sep {
		background: var(--color-black);
		opacity: 0.4;
		height: 1px;
		width: 100%;
		margin: 10px 0;
	}

.card.card-document .card-header {
	padding-bottom: 35px;
}

textarea {
	overflow: auto;
	padding: 20px;
	border: 1px solid #212529;
	border-radius: 3px;
	width: 100%;
	margin-bottom: 10px;
	min-height: 100px;
}

.btns-validation {
	text-align: center;
	margin-bottom: 10px;
}

.btns-validation-columns {
	display: flex;
	flex-flow: column;
	justify-content: center;
	align-items: center;
	gap: 10px;
}

.btns-validation .btn {
	margin: 0 10px;
}

.btn-xl {
	padding: 20px 50px;
	font-size: 1.1em;
}

.btn-link-red {
	color: var(--color-red);
}

	.btn-link-red:hover {
		color: #dc3545;
	}

.form-pdf-validation {
	max-width: 600px;
	margin: auto;
}

	.form-pdf-validation .btn {
		margin: 10px;
	}

.form-pdf-validation-full {
	max-width: 100%;
}

.form-pdf-validation-refus textarea {
	border-color: var(--color-red);
}

.form-pdf-validation-refus .text-danger {
	margin: 40px 0px;
}

.form-pdf-validation-refus label {
	color: var(--color-red);
}

.modal-simple {
	background: none;
}

.modal .btns-validation {
	margin-bottom: 30px;
}

.modal-body strong {
	font-weight: bold;
}

.text-lg {
	font-size: 1.1em;
}

.text-xl {
	font-size: 1.2em;
}

.text-xxl {
	font-size: 1.4em;
}

.modal-footer {
	padding-top: 0;
}

.modal-footer-center {
	justify-content: center;
}

strong {
	font-weight: bold;
}

.block-info {
	background: #e8e8e8;
	font-style: italic;
	margin: 0px 0px 30px;
	padding: 20px 30px;
	border-radius: 4px;
	line-height: 30px;
}

.line-form {
	margin: 0px 0 20px;
}

.line-form-disable {
	opacity: 0.3;
}

	.line-form-disable .new-checkbox {
		cursor: pointer;
	}

@media screen and (min-width: 500px) {
	.box-alert--item {
		flex-basis: 230px;
		min-width: 230px;
	}

	.fields-cols {
		flex-wrap: nowrap;
	}

		.fields-cols .field {
			flex-basis: auto;
		}

	.nav-links {
		gap: 30px;
	}

	.footer-links {
		display: flex;
		flex-wrap: wrap;
		align-items: center;
		justify-content: center;
		gap: 3px;
	}

		.footer-links li {
			margin-bottom: 0;
		}

			.footer-links li:after {
				content: " - ";
				display: inline-block;
				margin: 0 10px;
			}

			.footer-links li:last-child:after {
				display: none;
			}

	.card-right-btn-wrapper .card-right-btn-content {
		padding-left: 20px;
	}

	.card-right-btn-wrapper {
		flex-wrap: nowrap;
	}

	.card-collapse .card-right-btn-wrapper {
		margin: -20px 0px 0px;
	}

		.card-collapse .card-right-btn-wrapper .btn-vertical {
			margin-top: 0;
		}

	.card-collapse .card-body-padding .card-right-btn-wrapper {
		margin-top: 0;
	}
}

.box.box-stack {
	padding: 0;
	border: none;
	align-content: flex-start;
	position: relative;
}

	.box.box-stack .col-image {
		padding-left: 10px;
		padding-right: 10px;
		z-index: 1;
	}

	.box.box-stack .box--bg {
		background: none;
		z-index: 1;
	}

.box.box-primary {
	background: var(--color-primary);
}

	.box.box-primary p,
	.box.box-primary .h-subtitle {
		color: #fff;
	}

	.box.box-primary .box--bg {
		background: none;
	}

	.box.box-primary:before {
		opacity: 0.3;
	}

.box-stack:before,
.box-full:before,
.box-side:before,
.box-primary:before {
	background: url(../assets/icons/forme2.svg) no-repeat 0 0 / contain;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 190px;
	content: " ";
	display: block;
	opacity: 0.6;
	z-index: 0;
}

.box-stack div,
.box-full div,
.box-side div,
.box-primary div {
	z-index: 1;
}

.contain-nav {
	margin: 0 20px 0px;
}

	.contain-nav.mb {
		margin-bottom: 20px;
	}

	.contain-nav ul {
		display: flex;
		gap: 5px;
	}

		.contain-nav ul li {
			font-size: 19px;
			flex-grow: 1;
		}

			.contain-nav ul li span,
			.contain-nav ul li a {
				background: var(--color-primary);
				display: block;
				color: #fff;
				font-weight: bold;
				padding: 8px 20px;
				border-radius: 30px;
				white-space: nowrap;
				border: 2px solid var(--color-primary);
			}

			.contain-nav ul li a {
				background-color: #fff;
				color: var(--color-black);
			}

				.contain-nav ul li a:hover,
				.contain-nav ul li a.active {
					background: var(--color-primary);
					color: #fff;
				}

.btn-details-full {
	-webkit-transition: all 300ms ease-out;
	-moz-transition: all 300ms ease-out;
	-ms-transition: all 300ms ease-out;
	-o-transition: all 300ms ease-out;
	transition: all 300ms ease-out;
	width: 40px;
	height: 40px;
	border: 3px solid #fff;
	display: inline-block;
	border-radius: 100%;
	text-align: center;
	position: relative;
	cursor: pointer;
	width: 94px;
	border: none;
	padding-top: 30px;
	font-size: 15px;
}

	.btn-details-full:before {
		content: " ";
		display: block;
		background: url(../assets/icones/formulaire/eye-solid-white.svg) 0 0 no-repeat;
		width: 23px;
		height: 25px;
		margin: 0 auto;
		position: absolute;
		top: 8px;
		left: 6px;
		top: 7px;
		left: 50%;
		width: 16px;
		background-size: contain;
		margin-left: -6px;
	}

	.btn-details-full span {
		display: block;
		color: #fff;
		white-space: nowrap;
	}

	.btn-details-full:after {
		border: 1px solid #fff;
		height: 26px;
		width: 26px;
		border-radius: 100px;
		content: " ";
		display: block;
		position: absolute;
		top: 0;
		left: 50%;
		margin-left: -11px;
	}

.card.card-kit .fields .field-full {
	padding-right: 88px;
}

	.card.card-kit .fields .field-full .field--title {
		white-space: nowrap;
	}

.card.card-kit .card-header--btn {
	margin-top: -4px;
}

.card-content--logo-item {
	margin: 10px;
}

	.card-content--logo-item img {
		max-width: 140px;
	}

.card-body-center {
	display: flex;
	justify-content: center;
	align-items: center;
}

.card.card-kitlight .card-header--btn {
	position: absolute;
}

.top-lang {
	display: flex;
	align-items: end;
	gap: 8px;
	font-weight: bold;
}

	.top-lang .elem {
		display: none;
	}

.pass-visible {
	position: relative;
}

	.pass-visible input {
		padding-right: 50px;
	}

		.pass-visible input[type="text"],
		.pass-visible input[type="password"],
		.pass-visible input[type="email"] {
			padding-right: 38px !important;
		}

.togglePassVisible {
	position: absolute;
	top: 10px;
	right: 9px;
	cursor: pointer;
	z-index: 1;
	width: 23px;
	height: 25px;
}

	.togglePassVisible:before {
		background: url(../assets/icones/formulaire/eye-solid.svg) 0 0 no-repeat;
		width: 23px;
		height: 25px;
		margin: 0 auto;
		content: " ";
		display: block;
	}

	.togglePassVisible.active {
		top: 9px;
		right: 10px;
	}

		.togglePassVisible.active:before {
			background: url(../assets/icones/formulaire/eye-slash-solid.svg) 0 0 no-repeat;
			width: 23px;
			height: 25px;
		}

.calendar-listing {
	margin-top: 30px;
	margin-bottom: 20px;
}

.snapscroll-actualites {
	padding: 0 20px 30px;
	width: calc(100% + 30px);
	margin-left: -15px;
	align-items: flex-start;
}

.snapscroll-actualites--wrapper {
	display: flex;
	width: 2120px;
}

.snapscroll-actualites .row-actualites {
	display: flex;
	flex-wrap: nowrap;
	width: 1192px;
	margin-right: 20px;
}

	.snapscroll-actualites .row-actualites .col-actu {
		flex-basis: 300px;
		margin-right: 0px;
	}

.snapscroll-actualites .col-actu {
	flex-basis: auto;
	width: 267px;
	background: #fff;
	margin-right: 20px;
}

	.snapscroll-actualites .col-actu:last-child {
		margin-right: 0;
	}

	.snapscroll-actualites .col-actu .box-side {
		display: flex;
		gap: 0;
		border: none;
	}

		.snapscroll-actualites .col-actu .box-side .col-image {
			padding: 5px;
		}

	.snapscroll-actualites .col-actu .box-full {
		border: none;
		padding: 0 10px;
		align-items: flex-start;
		margin: 0;
	}

		.snapscroll-actualites .col-actu .box-full .box--content {
			padding: 0;
		}

.text-content {
	margin: 0 20px 20px;
}

.switch-lang {
	cursor: pointer;
	-webkit-transition: all 300ms ease-out;
	-moz-transition: all 300ms ease-out;
	-ms-transition: all 300ms ease-out;
	-o-transition: all 300ms ease-out;
	transition: all 300ms ease-out;
}

	.switch-lang:hover {
		opacity: 0.6;
	}

.lang {
	display: none !important;
}

.l-fr span.lang.l-fr,
.l-en span.lang.l-en,
.l-de span.lang.l-de,
.l-nl span.lang.l-nl {
	display: inline-block !important;
}

.l-fr div.lang.l-fr,
.l-en div.lang.l-en,
.l-de div.lang.l-de,
.l-nl div.lang.l-nl {
	display: block !important;
}

.l-wrapper {
	padding: 0 20px;
	max-width: 1100px;
	margin: auto;
}

#l-header {
	padding: 40px 0 20px;
	border-bottom: 1px solid #aaaaaa;
	-webkit-box-shadow: 0 4px 5px 0 #f3f3f3;
	box-shadow: 0 4px 5px 0 #f3f3f3;
	position: relative;
}

main.nobg {
	background: #fff;
}

.l-main {
	padding: 40px 0;
}

.l-certif {
	max-width: 220px;
	margin: 0 auto;
	text-align: center;
}

	.l-certif img {
		-webkit-transition: all 300ms ease-out;
		-moz-transition: all 300ms ease-out;
		-ms-transition: all 300ms ease-out;
		-o-transition: all 300ms ease-out;
		transition: all 300ms ease-out;
		margin-bottom: 20px;
	}

		.l-certif img:hover {
			opacity: 0.6;
		}

	.l-certif strong {
		font-weight: bold;
	}

	.l-certif .l-certif-date {
		color: var(--color-violet);
		font-weight: bold;
		margin-bottom: 10px;
	}

.l-certif-full {
	margin-bottom: 60px;
}

	.l-certif-full .l-certif {
		max-width: 400px;
		width: 80%;
		margin-bottom: 40px;
	}

	.l-certif-full .l-certif-wrapper-export {
		margin-bottom: 20px;
	}

.l-langs {
	display: flex;
	gap: 10px;
	justify-content: flex-end;
	width: 100%;
	margin: 30px 0 0;
}

	.l-langs li a {
		-webkit-transition: all 300ms ease-out;
		-moz-transition: all 300ms ease-out;
		-ms-transition: all 300ms ease-out;
		-o-transition: all 300ms ease-out;
		transition: all 300ms ease-out;
	}

		.l-langs li a:hover {
			opacity: 0.6;
		}

	.l-langs li img {
		display: inline-block;
		width: 40px;
		height: 40px;
	}

.l-wrapper-block {
	padding: 0 40px 60px;
	text-align: center;
}

.livingpackets-image {
	margin-bottom: 30px;
}

	.livingpackets-image img {
		max-width: 400px;
		width: 100%;
	}

.l-title-center {
	text-align: center;
	overflow: hidden;
}

	.l-title-center span {
		position: relative;
		font-size: 28px;
		font-weight: 800;
		color: var(--color-violet);
		margin-bottom: 20px;
	}

		.l-title-center span:before {
			width: 355px;
			height: 21px;
			background: url(../assets/landing/t-left.svg) 0 0 no-repeat;
			background: cover;
			position: absolute;
			top: 6px;
			left: -360px;
			content: " ";
			display: block;
		}

		.l-title-center span:after {
			width: 355px;
			height: 21px;
			background: url(../assets/landing/t-left.svg) 0 0 no-repeat;
			background: cover;
			position: absolute;
			top: 6px;
			right: -360px;
			content: " ";
			display: block;
		}

.l-3-icos {
	display: flex;
	flex-wrap: wrap;
	padding: 40px 20px;
}

	.l-3-icos .l-3-icos-item {
		background: #fff;
		padding: 30px;
		-webkit-box-shadow: 0 4px 10px 0 #C4C4C4;
		box-shadow: 0 4px 10px 0 #C4C4C4;
		margin-bottom: 40px;
	}

		.l-3-icos .l-3-icos-item .l-3-icos-item-img {
			margin-bottom: 20px;
			height: 150px;
		}

			.l-3-icos .l-3-icos-item .l-3-icos-item-img img {
				height: 100%;
				width: auto;
				text-align: center;
				margin: 0 auto 10px;
				display: block;
			}

				.l-3-icos .l-3-icos-item .l-3-icos-item-img img path {
					stroke: black;
					fill: blue;
					background-color: lime;
				}

		.l-3-icos .l-3-icos-item .l-3-icos-item-title {
			text-align: center;
		}

		.l-3-icos .l-3-icos-item .l-3-icos-item-content p:last-child {
			margin-bottom: 0;
		}

#l-footer {
	padding-bottom: 0;
}

	#l-footer .footer-top {
		background-color: #2f2f2f;
	}

		#l-footer .footer-top .l-langs {
			justify-content: center;
			padding: 10px 0;
		}

	#l-footer .footer-content {
		background-color: #252525;
		color: #fff;
		padding: 30px 0 10px;
	}

		#l-footer .footer-content a {
			color: #aaaaaa;
		}

			#l-footer .footer-content a:hover {
				color: #fff;
			}

		#l-footer .footer-content .footer-content-col {
			width: 100%;
			margin-bottom: 20px;
		}

			#l-footer .footer-content .footer-content-col .footer-title {
				text-transform: uppercase;
				font-weight: bold;
				margin-bottom: 10px;
			}

			#l-footer .footer-content .footer-content-col ul {
				margin-bottom: 40px;
			}

			#l-footer .footer-content .footer-content-col li {
				margin-bottom: 10px;
				color: #aaaaaa;
			}

			#l-footer .footer-content .footer-content-col.footer-content-col1 img {
				max-width: 200px;
				margin: 0 auto;
			}

	#l-footer .social {
		display: flex;
		gap: 15px;
	}

		#l-footer .social li img {
			display: inline-block;
			height: 25px;
		}

		#l-footer .social li a {
			-webkit-transition: all 300ms ease-out;
			-moz-transition: all 300ms ease-out;
			-ms-transition: all 300ms ease-out;
			-o-transition: all 300ms ease-out;
			transition: all 300ms ease-out;
			opacity: 0.7;
		}

			#l-footer .social li a:hover {
				opacity: 1;
			}

.search-results li:last-child {
	margin-bottom: 0;
}

.search-results li a {
	display: block;
	padding: 15px 20px;
	color: var(--color-black);
}

	.search-results li a:hover {
		background: var(--color-gray);
		color: var(--color-primary);
	}

.search-results-list li {
	border-bottom: 1px solid #c9c9c9;
}

	.search-results-list li:last-child {
		margin-bottom: 0;
		border: none;
	}

	.search-results-list li a {
		display: block;
		padding: 15px 0px;
		color: var(--color-black);
	}

		.search-results-list li a:hover {
			background: none;
			color: var(--color-primary);
		}

.search-results .search-results-title {
	display: block;
	font-size: 1.1em;
	margin-bottom: 4px;
}

.search-results .search-results-desc {
	display: block;
	font-size: 0.9em;
	opacity: 0.5;
	font-style: italic;
}

.search-results a:hover .search-results-desc {
	opacity: 1;
}

.search-results.search-results-list-block li {
	margin-bottom: 20px;
}

	.search-results.search-results-list-block li a {
		border-radius: 10px !important;
		overflow: hidden;
		margin-bottom: 30px;
		box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 5px;
		width: 100%;
		position: relative;
		background: #fff;
		margin-bottom: 0;
	}

	.search-results.search-results-list-block li a-hover {
		cursor: pointer;
	}

		.search-results.search-results-list-block li a-hover .card-body {
			border: 3px solid #fff;
			border-top: 0 solid #000;
			border-radius: 0 0 10px 10px;
			-webkit-transition: all 300ms ease-out;
			-moz-transition: all 300ms ease-out;
			-ms-transition: all 300ms ease-out;
			-o-transition: all 300ms ease-out;
			transition: all 300ms ease-out;
		}

		.search-results.search-results-list-block li a-hover:hover .card-body {
			border-color: var(--color-primary);
		}

	.search-results.search-results-list-block li a.card-certification-list .card-header {
		padding: 10px;
	}

	.search-results.search-results-list-block li a .card-header {
		background-color: var(--color-primary);
		color: #fff;
		font-weight: bold;
		padding: 15px 20px 15px;
		display: flex;
		gap: 0 10px;
		flex-wrap: wrap;
		font-size: 16px;
	}

	.search-results.search-results-list-block li a .card-header-lg {
		font-size: 19px;
	}

	.search-results.search-results-list-block li a .card-header-icon {
		padding-top: 40px !important;
	}

	.search-results.search-results-list-block li a .card-header .ic {
		position: absolute;
		top: 10px;
		left: 20px;
		z-index: 2;
	}

	.search-results.search-results-list-block li a .card-header .h-subtitle {
		margin-bottom: 0;
		font-size: 16px;
		opacity: 0.6;
	}

	.search-results.search-results-list-block li a .card-header--nogap {
		padding-bottom: 15px !important;
	}

	.search-results.search-results-list-block li a .card-header--logo img {
		max-height: 80px;
	}

	.search-results.search-results-list-block li a .card-header--title {
		flex-grow: 1;
		padding-left: 20px;
		padding-right: 50px;
	}

	.search-results.search-results-list-block li a .card-header--title1 {
		display: block;
		margin-bottom: 10px;
		font-size: 16px;
		/*
			&:after{
				content:" - ";
			}
			*/
	}

	.search-results.search-results-list-block li a .card-header--title2 {
		font-size: 16px;
	}

	.search-results.search-results-list-block li a .card-header--alert {
		flex-basis: 100%;
		flex-grow: 0;
		flex-shrink: 0;
		position: relative;
		display: flex;
		justify-content: center;
		min-height: 45px;
		align-items: center;
		margin-top: 10px;
		font-size: 16px;
	}

		.search-results.search-results-list-block li a .card-header--alert:before {
			content: " ";
			display: block;
			width: 47px;
			height: 33px;
			flex-basis: 34px;
			background: url(../assets/icons/cloche.svg) 0 0 no-repeat;
			background-size: contain;
			z-index: 1;
			margin-right: 15px;
		}

	.search-results.search-results-list-block li a .card-header--btn {
		position: absolute;
		top: 15px;
		right: 15px;
	}

	.search-results.search-results-list-block li a .card-header-left {
		justify-content: flex-start;
	}

		.search-results.search-results-list-block li a .card-header-left .fields {
			gap: 20px;
		}

			.search-results.search-results-list-block li a .card-header-left .fields .field {
				flex-basis: auto;
			}

	.search-results.search-results-list-block li a .card-body {
		padding: 20px;
	}

		.search-results.search-results-list-block li a .card-body.nopadding {
			padding: 0;
		}

	.search-results.search-results-list-block li a-certification .card-body {
		display: flex;
		position: relative;
	}

	.search-results.search-results-list-block li a-certification .cc-certificat {
		position: absolute;
		left: 55%;
		top: 20px;
		flex-basis: 50%;
		flex-grow: 0;
		flex-shrink: 0;
	}

	.search-results.search-results-list-block li a-certification .cc-statut {
		position: absolute;
		left: 55%;
		top: 88px;
		flex-basis: 50%;
		flex-grow: 0;
		flex-shrink: 0;
	}

	.search-results.search-results-list-block li a-certification .cc-organisme,
	.search-results.search-results-list-block li a-certification .cc-attestation,
	.search-results.search-results-list-block li a-certification .cc-dossier {
		flex-basis: 100%;
		flex-grow: 0;
		flex-shrink: 0;
	}

	.search-results.search-results-list-block li a-certification .cc-dossier {
		border-top: 1px solid rgba(0, 0, 0, 0.2);
		padding-top: 20px;
	}

	.search-results.search-results-list-block li a-light > .card-header {
		background-color: #fff;
		color: var(--color-primary);
		border-bottom: 0 solid #000;
		padding-bottom: 0;
		padding-top: 20px;
	}

	.search-results.search-results-list-block li a-light .conseiller-head {
		height: auto;
	}

		.search-results.search-results-list-block li a-light .conseiller-head:before {
			display: none;
		}

		.search-results.search-results-list-block li a-light .conseiller-head .icon {
			position: static;
			height: 50px;
			width: 50px;
			flex-basis: 50px;
			margin-right: 10px;
			flex-grow: 0;
			flex-shrink: 0;
		}

			.search-results.search-results-list-block li a-light .conseiller-head .icon.icon-svg {
				padding: 10px 10px 0px;
			}

				.search-results.search-results-list-block li a-light .conseiller-head .icon.icon-svg img {
					max-width: 30px;
					width: 100%;
				}

			.search-results.search-results-list-block li a-light .conseiller-head .icon img {
				position: static;
				border-radius: 0;
				max-width: 100%;
			}

		.search-results.search-results-list-block li a-light .conseiller-head .text {
			margin-left: 0;
			display: flex;
			flex-direction: column;
			justify-content: center;
			flex-grow: 1;
		}

	.search-results.search-results-list-block li a-light .conseiller-body {
		margin-top: 0;
		padding-top: 0;
	}

		.search-results.search-results-list-block li a-light .conseiller-body .c-links {
			display: flex;
			flex-wrap: wrap;
			flex-direction: column;
		}

			.search-results.search-results-list-block li a-light .conseiller-body .c-links li {
				flex-basis: 100%;
				border: 0 !important;
				padding: 0 0 0 30px;
			}

				.search-results.search-results-list-block li a-light .conseiller-body .c-links li:before {
					left: 0;
				}

				.search-results.search-results-list-block li a-light .conseiller-body .c-links li:after {
					left: 4px;
					background-position: center;
				}

				.search-results.search-results-list-block li a-light .conseiller-body .c-links li.phone:after {
					left: 3px;
				}

	.search-results.search-results-list-block li a-body--content {
		padding: 0 20px;
	}

	.search-results.search-results-list-block li a-noborder {
		box-shadow: none;
		border: none;
	}

		.search-results.search-results-list-block li a-noborder .card-header {
			padding: 0;
			padding-bottom: 20px;
		}

		.search-results.search-results-list-block li a-noborder .card-body {
			padding: 0;
		}

	.search-results.search-results-list-block li a-nostyle {
		box-shadow: none;
		border: none;
		border-radius: 0;
	}

		.search-results.search-results-list-block li a-nostyle .card-header {
			padding: 0;
			background: none;
			color: var(--color-black);
			border: none;
		}

	.search-results.search-results-list-block li a:hover {
		background-color: var(--color-primary);
		color: #fff;
	}

main .contain--content.box-stack-parent {
	padding-bottom: 20px;
}

.box-stack-parent {
	display: flex;
	gap: 20px;
	flex-wrap: wrap;
	padding-bottom: 20px;
}

	.box-stack-parent .box.box-stack {
		flex-basis: 100%;
		flex-grow: 1;
		flex-wrap: wrap;
		gap: 0;
	}

		.box-stack-parent .box.box-stack:before {
			display: none;
		}

	.box-stack-parent .box.box-stack-w-1 {
		flex-basis: 100%;
		display: flex;
		flex-wrap: wrap;
	}

	.box-stack-parent .box.box-stack-w-1-2 {
		display: flex;
		flex-wrap: wrap;
	}

	.box-stack-parent .box.box-stack .col-image {
		height: 150px;
		background-size: cover;
		background-position: center center;
		margin: 10px 10px 0;
		border-radius: 5px;
		flex-basis: 100%;
	}

	.box-stack-parent .box.box-stack .box--content {
		padding: 20px 0px 20px;
		margin: 0 10px;
		position: relative;
		min-width: 50%;
	}

		.box-stack-parent .box.box-stack .box--content * {
			z-index: 1;
			position: relative;
		}

		.box-stack-parent .box.box-stack .box--content:before {
			background: url(../assets/icons/forme2.svg) no-repeat bottom left / contain;
			position: absolute;
			bottom: -2px;
			left: -11px;
			width: 100%;
			height: 100%;
			content: " ";
			display: block;
			opacity: 0.4;
			z-index: 0;
		}

	.box-stack-parent .box.box-stack.box-primary .box--content:before {
		opacity: 0.2;
	}

@media (min-width: 768px) {
	.box-stack-parent .box.box-stack {
		padding-bottom: 0px;
	}

		.box-stack-parent .box.box-stack .btn {
			position: relative;
			bottom: auto;
			left: auto;
			z-index: 3;
		}
}

@media (min-width: 990px) {
	.box-stack-parent .box.box-stack {
		flex-basis: calc(25% - 15px);
		padding-bottom: 0;
	}

	.box-stack-parent .box.box-stack-w-1 {
		flex-basis: 100%;
		flex-wrap: nowrap;
	}

		.box-stack-parent .box.box-stack-w-1 .col-image {
			flex-basis: calc(50% - 20px);
			min-height: 200px;
			margin: 10px;
		}

		.box-stack-parent .box.box-stack-w-1 .box--content {
			flex-basis: calc(50% - 20px);
			min-height: 200px;
		}

			.box-stack-parent .box.box-stack-w-1 .box--content .h-subtitle {
				margin-top: 10px;
			}

	.box-stack-parent .box.box-stack-w-1-2 {
		flex-basis: 50%;
	}

	.box-stack-parent .box.box-stack-w-1,
	.box-stack-parent .box.box-stack-w-1-2 {
		flex-basis: 50%;
	}

	.box-stack-parent .box.box-stack .col-image {
		height: 170px;
	}

	.box-stack-parent .box.box-stack .btn {
		position: relative;
		text-align: center;
		left: auto;
		bottom: auto;
	}
}

@media (min-width: 1100px) {
	.box-stack-parent .box.box-stack {
		flex-basis: calc(25% - 20px);
		padding-bottom: 0;
	}

	.box-stack-parent .box.box-stack-w-1 {
		flex-basis: 100%;
	}

		.box-stack-parent .box.box-stack-w-1 .col-image {
			flex-basis: calc(20% - 20px);
		}

		.box-stack-parent .box.box-stack-w-1 .box--content {
			flex-basis: calc(80% - 20px);
		}

	.box-stack-parent .box.box-stack-w-1-2 {
		flex-basis: 49%;
	}
}

main .wrapper-margintop {
	margin-top: 30px;
}

.btn-horizontal-signature {
	border: 3px solid var(--color-red);
}

	.btn-horizontal-signature .icon:before {
		background: url(../assets/icones/bt-actions/voir-valider-notification.svg) 0 0 no-repeat;
		width: 28px;
		height: 28px;
		background-size: contain;
		top: 10px;
		left: 14px;
	}

	.btn-horizontal-signature:hover {
		background-color: var(--color-red);
		border-color: var(--color-red);
	}

		.btn-horizontal-signature:hover .icon:before {
			width: 29px;
			height: 30px;
			top: 8px;
			left: 14px;
			background: url(../assets/icones/bt-actions/ouvrir-blanc.svg) 0 0 no-repeat;
			background-size: contain;
		}

@media (min-width: 767px) {
	.footer-content-cols {
		display: flex;
		gap: 20px;
		max-width: 1000px;
		padding: 30px 20px;
	}

	#l-footer .footer-top .l-langs {
		justify-content: flex-end;
		padding-right: 20px;
	}
}

@media (min-width: 990px) {
	.l-3-icos {
		max-width: 1400px;
		margin: 0 auto;
		flex-wrap: nowrap;
		gap: 30px;
	}

	.l-certif-wrapper {
		position: relative;
	}

	.l-certif-full {
		text-align: center;
	}

		.l-certif-full .btn-full {
			display: inline-block;
			width: auto !important;
		}

		.l-certif-full .l-certif-wrapper-export {
			position: absolute;
			bottom: 0;
			right: 0;
			margin-bottom: 0;
		}
}

.loading {
	width: 100%;
	height: 40vh;
	background-color: #fff;
	position: relative;
}

	.loading:before {
		content: " ";
		display: block;
		width: 64px;
		height: 64px;
		background: url(../assets/images/loader.gif) 0 0 no-repeat;
		position: absolute;
		top: 50%;
		left: 50%;
		margin-left: -32px;
		margin-top: -32px;
	}

@media (min-width: 576px) {
	.top-lang .elem {
		display: block;
	}
}

@media (min-width: 680px) {
	.cards-kit {
		padding: 0 20px;
	}

	main .contain--bg .card-kit {
		margin-left: 0px;
		margin-right: 0px;
		width: auto;
	}

	.box-alert--items {
		min-width: 400px;
	}

	.contain.contain-bg .contain--content:after {
		width: 1200px;
		height: 1200px;
		top: 40px;
		left: -400px;
	}

	.contain.contain-bg.contain-bg-large .contain--content:after {
		top: 400px;
	}

	.box.box-stack:before {
		height: 187px;
	}

	.cards-kit {
		display: flex;
		flex-wrap: wrap;
		gap: 0px;
		justify-content: space-between;
	}

		.cards-kit .card-kit {
			flex-basis: 48.5%;
		}
}

@media (min-width: 768px) {
	.toolbar-certifications-inside .input-group-black {
		margin-top: 4px;
	}

	.snapscroll-actualites {
		padding-right: 0;
		width: 100%;
		margin: 0;
		display: block;
	}

		.snapscroll-actualites .snapscroll-actualites--wrapper {
			display: block;
			width: 100%;
		}

		.snapscroll-actualites .row-actualites {
			width: auto;
			display: flex;
			flex-wrap: wrap;
			margin: 0 0 20px -15px;
		}

			.snapscroll-actualites .row-actualites .col-actu {
				width: 50%;
				flex-basis: 50%;
			}

		.snapscroll-actualites .col-actu {
			width: calc(100% - 10px);
			margin-top: 0;
			flex-basis: 100%;
		}

			.snapscroll-actualites .col-actu .box-side {
				margin-bottom: 20px;
			}

				.snapscroll-actualites .col-actu .box-side:before {
					width: 50%;
					left: 49%;
					height: 148px;
					bottom: 11px;
				}

				.snapscroll-actualites .col-actu .box-side .box--content {
					margin-left: 1%;
				}

				.snapscroll-actualites .col-actu .box-side .col-image {
					margin-top: -5px;
				}

			.snapscroll-actualites .col-actu .box.box-side .box--content,
			.snapscroll-actualites .col-actu .box.box-side .col-image {
				width: 48%;
			}

			.snapscroll-actualites .col-actu .box-full {
				padding: 0 10px 10px;
			}

				.snapscroll-actualites .col-actu .box-full:before {
					width: 50%;
					left: 49%;
					bottom: 10px;
				}

				.snapscroll-actualites .col-actu .box-full .box--content {
					padding: 3% 2% 2%;
				}

				.snapscroll-actualites .col-actu .box-full .col-image {
					width: 47.5%;
				}

	.card.card-certification-list .card-header--alert:before {
		margin-right: 15px;
	}

	.card.card-document .btn-toggle-doc {
		width: 40px;
		height: 40px;
		top: 20px;
		right: 74px;
		left: auto;
		bottom: auto;
	}

	.card.card-document.card-document-toggle .card-header {
		padding-bottom: 20px;
	}

	.card.card-document.card-document-toggle.active .btn-toggle-doc::after {
		background: url(../assets/icons/chevron-up-solid-white.svg) 0 0 no-repeat;
		background-size: contain;
		margin-top: 8px;
	}

	.card.card-document .btn-toggle-doc::after {
		margin-top: 8px;
	}

	.card.card-document.card-document-toggle.active .card-body {
		padding-bottom: 20px;
	}

	.box-stack:before,
	.box-full:before,
	.box-side:before,
	.box-primary:before {
		height: 200px;
	}

	.box.box-stack:before {
		height: 123px;
	}

	.box.box-stack {
		padding-bottom: 40px;
	}

		.box.box-stack .btn {
			position: absolute;
			bottom: 20px;
			left: 15px;
		}

	.box-full:before {
		width: 50%;
		left: 50%;
		bottom: 4px;
	}

	.calendar-listing {
		display: none;
	}

	#calendar {
		margin: 0px 20px 20px;
	}

	.toolbar-resp .toolbar-status,
	.toolbar-resp .snapscroll,
	.toolbar-resp .toolbar-filters {
		display: flex;
	}

	.toolbar-filter-wrapper {
		width: auto;
	}

	.snapscroll {
		padding-right: 0;
	}

	.toolbar-certifications {
		flex-wrap: nowrap;
		margin-bottom: 5px;
	}

		.toolbar-certifications .toolbar-filter-wrapper {
			margin-right: 0;
		}

	.snapscroll-toolbar .snapscroll-elem:first-child {
		padding-left: 0;
	}

	.snapscroll-toolbar .snapscroll-elem {
		padding-left: 0;
	}

	.toolbar-status {
		margin-left: 25px;
	}

	.btn-tri-wrapper {
		display: none;
	}

	.card .card-header--alert {
		margin-top: 0;
	}

	.card-certification-list .fields .field-full,
	.card-certification-list .fields .field {
		flex-basis: 20%;
	}

	.card-document .fields {
		justify-content: flex-start;
		flex-grow: 1;
	}

		.card-document .fields .field-full,
		.card-document .fields .field {
			flex-basis: 20%;
		}

	.card .card-header--alert:before {
		margin-right: 0;
	}

	.card .card-header-left .fields {
		gap: 60px;
	}

	.toolbar-certifications .input-group {
		flex-basis: auto;
	}

	.toolbar-certifications .horizontal-scroll-filters {
		width: auto;
	}

	.box .col-md-6 {
		flex: 0 0 auto;
		width: 49%;
	}

	.col-image {
		align-self: stretch;
		overflow: hidden;
	}

	main.content {
		padding: 25px;
	}

	.card.card-certification .card-body {
		padding: 20px;
	}

		.card.card-certification .card-body:before {
			content: " ";
			width: calc(100% - 230px);
			height: 1px;
			background: rgba(0, 0, 0, 0.4);
			display: block;
			top: 79px;
			right: 20px;
			position: absolute;
		}

	.cc-identite {
		padding-right: 0;
		flex-basis: auto;
		position: absolute;
		left: 20px;
		top: 20px;
	}

	.card.card-certification .card-body {
		padding-left: 210px;
	}

	.card.card-certification .cc-certificat {
		position: static;
		flex-basis: 30%;
	}

	.card.card-certification .cc-statut {
		position: static;
		flex-basis: 100%;
		flex-grow: 0;
		flex-shrink: 0;
		order: 1;
	}

	.card.card-certification .cc-dossier {
		border-top: 0;
		padding-top: 0px;
	}

	.card.card-certification .cc-elem-btn-vertical {
		flex-basis: 100%;
		order: 2;
	}

	.card.card-certification .cc-certificat,
	.card.card-certification .cc-debut,
	.card.card-certification .cc-fin {
		margin-bottom: 10px;
	}

	.card.card-certification.c-elem {
		flex-basis: 30%;
	}

	.card.card-certification .fields .field {
		flex-basis: 30%;
	}

	.card-header-details .fields {
		flex-wrap: nowrap;
		justify-content: space-between;
		width: 100%;
	}

		.card-header-details .fields .field {
			flex-basis: auto;
		}

		.card-header-details .fields .field-raisonsociale {
			flex-basis: 30%;
			flex-grow: 2;
			flex-shrink: 1;
		}

		.card-header-details .fields .field-adresse {
			flex-basis: 30%;
			flex-grow: 1;
			flex-shrink: 1;
		}

		.card-header-details .fields .field-ville {
			flex-basis: 10%;
			flex-grow: 0;
			flex-shrink: 0;
		}

		.card-header-details .fields .field-pays {
			flex-basis: 10%;
			flex-grow: 0;
			flex-shrink: 0;
		}

	.card-right-btn-wrapper-bottom {
		flex-direction: row;
	}

		.card-right-btn-wrapper-bottom .card-right-btn-vertical {
			margin: 0;
		}

	.conseiller-light {
		display: flex;
		width: 100%;
		padding-bottom: 20px;
		margin: 0 auto 28px;
		max-width: 600px;
	}

		.conseiller-light .conseiller-head {
			flex-basis: 60%;
		}

			.conseiller-light .conseiller-head .icon {
				align-self: center;
			}

			.conseiller-light .conseiller-head .text {
				padding-bottom: 0px;
				margin-bottom: 0;
			}

		.conseiller-light .conseiller-body {
			padding: 0;
			flex-basis: 40%;
			padding-left: 20px;
		}

			.conseiller-light .conseiller-body .c-links {
				margin: 0;
				align-items: flex-end;
			}

	.card-noborder .card-header {
		padding-bottom: 0;
	}

	.timeline {
		margin: 0 auto;
		overflow: hidden;
		width: 640px;
	}

	.timeline-wrapper {
		position: relative;
	}

		.timeline-wrapper:before {
			position: absolute;
			content: " ";
			width: 100%;
			height: 100%;
			top: 0;
			left: 0;
			z-index: 0;
		}

	.timeline-nav {
		height: 100%;
		position: absolute;
		top: -28px;
		left: 0;
	}

		.timeline-nav:after {
			content: " ";
			height: 100%;
			width: 70px;
			position: absolute;
			top: 0;
			z-index: 4;
		}

		.timeline-nav .icon {
			z-index: 5;
			margin-top: 71px;
			top: 0;
		}

	.timeline-nav-next {
		right: 0;
		top: 0;
	}

		.timeline-nav-next:after {
			background: #ffffff;
			background: linear-gradient(90deg, rgba(255, 255, 255, 0) 20%, rgba(255, 255, 255, 0) 54%, #ffffff 100%);
			right: 0;
		}

		.timeline-nav-next .icon {
			position: absolute;
		}

			.timeline-nav-next .icon:before {
				background: url(../assets/icons/chevron-right-solid.svg) 0 0 / contain no-repeat;
			}

			.timeline-nav-next .icon:hover:before {
				-webkit-mask-image: url(../assets/icons/chevron-right-solid.svg);
				mask-image: url(../assets/icons/chevron-right-solid.svg);
				background: #fff;
				-webkit-mask-repeat: no-repeat;
				mask-repeat: no-repeat;
			}

	.timeline-nav-prev:after {
		background: #ffffff;
		background: linear-gradient(90deg, #ffffff 20%, rgba(255, 255, 255, 0) 54%, rgba(255, 255, 255, 0) 100%);
	}

	.timeline-nav-prev .icon {
		margin-top: 101px;
	}

		.timeline-nav-prev .icon:before {
			background: url(../assets/icons/chevron-left-solid.svg) 0 0 / contain no-repeat;
		}

		.timeline-nav-prev .icon:hover:before {
			-webkit-mask-image: url(../assets/icons/chevron-left-solid.svg);
			mask-image: url(../assets/icons/chevron-left-solid.svg);
			background: #fff;
			-webkit-mask-repeat: no-repeat;
			mask-repeat: no-repeat;
		}

	.timeline--content {
		width: 610px;
		height: auto;
		padding-left: 54px;
		padding-right: 60px;
		box-sizing: border-box;
		margin: 0 auto;
		overflow: visible;
	}

	.timeline .line {
		content: " ";
		width: 100%;
		height: 4px;
		background: var(--color-primary);
		position: absolute;
		top: 83px;
		left: 3px;
		z-index: 0;
		margin-top: -4px;
	}

	.timeline.totalItems-2 .line {
		width: 50%;
	}

	.timeline.totalItems-1 .line {
		width: 0%;
	}

	.timeline--items {
		display: flex;
		position: relative;
	}

	.timeline--item {
		margin-bottom: 0;
		flex-grow: 0;
		flex-shrink: 0;
		flex-basis: 220px;
		margin-top: 62px;
		padding-bottom: 90px;
	}

		.timeline--item:before {
			width: 100%;
			height: 4px;
			top: 27px;
			left: 0;
			margin-left: 0;
		}

	.timeline--item--text {
		left: 0;
		top: -48px;
		margin: 0;
		z-index: 3;
	}

	.timeline--item--text-top {
		display: flex;
		flex-direction: column;
		justify-content: flex-end;
		height: 40px;
	}

	.timeline--item--text-bottom {
		top: 64px;
	}

	.timeline--item--text--content {
		padding-right: 15px;
	}

	.timeline--item--point {
		margin: 0;
	}

	.toolbar-filters {
		margin-bottom: 0;
	}

	.toolbars {
		margin-bottom: 0px;
	}

	.card-events-list .fields .field {
		flex-basis: 17%;
	}

	.card.card-document.card-document-toggle.active .card-header {
		padding: 25px 20px;
	}

	.card.card-document .btn-toggle-doc {
		top: 11px;
	}

	.card.card-document .card-header {
		padding: 20px 25px;
	}

		.card.card-document .card-header .fields {
			display: flex;
		}

			.card.card-document .card-header .fields .field-inline {
				width: auto;
				flex-grow: 1;
				flex-shrink: 1;
			}

				.card.card-document .card-header .fields .field-inline.field-title {
					flex-basis: 30px;
				}

		.card.card-document .card-header .card-header--btn {
			top: 10px;
		}

	.card.card-document.card-document-toggle.active .card-header {
		padding: 20px 25px;
	}
}

@media screen and (min-width: 820px) {
	.box-alert--items.box-alert--items-unique {
		min-width: 600px;
	}
}

@media screen and (min-width: 860px) {
	.main-center {
		height: calc(100vh - 182px);
		padding-bottom: 100px;
		display: flex;
		min-height: 640px;
	}

	.wrapper-login {
		display: flex;
		align-items: flex-end;
	}

		.wrapper-login .wl-image {
			order: 0;
			flex-basis: 60%;
			align-self: flex-end;
		}

		.wrapper-login .wl-content {
			order: 1;
			flex-grow: 1;
			margin-right: 100px;
			margin-bottom: 40px;
		}

			.wrapper-login .wl-content .contain-head {
				padding-top: 50px;
			}

		.wrapper-login .form-fields {
			margin: 0;
		}

		.wrapper-login .h-content {
			max-width: 350px;
		}

	.box-side:before {
		width: 50%;
		left: 50%;
		height: 148px;
		bottom: 5px;
	}

	.horizontal-scroll-elem {
		position: static;
		justify-content: space-between;
		padding: 0 15px;
	}

		.horizontal-scroll-elem.nav-links-left {
			justify-content: start;
			gap: 80px;
		}

	.box.box-side .box--content,
	.box.box-side .col-image {
		width: 48%;
	}

	.box-alert {
		flex-wrap: nowrap;
	}

		.box-alert .box-alert--items:nth-child(2) {
			border-left: 1px solid #BCE5E9;
		}

		.box-alert .box-alert--items {
			margin-bottom: 0;
			min-width: 0px;
			width: 100%;
			border: none !important;
		}

			.box-alert .box-alert--items.box-alert--items-border {
				border: none;
			}

	.box-alert--item {
		border-right: 1px solid #BCE5E9 !important;
	}

	.box-alert .box-alert--items:nth-child(2) .box-alert--item:last-child {
		border: none !important;
	}

	.box-alert .box-alert--items {
		width: auto;
	}

	.box-alert--border {
		padding-bottom: 30px;
		margin-bottom: 30px;
		border-bottom: 1px solid #BCE5E9;
	}

	.box-alert--item {
		margin-bottom: 0;
	}

	.contain.contain-bg .contain--content:after {
		width: 1200px;
		height: 1200px;
		top: -33px;
	}

	.contain.contain-bg.contain-bg-large .contain--content:after {
		top: -33px;
	}

	main .contain--content {
		padding-bottom: 40px;
	}

	.list-docs .btn-horizontal {
		width: calc(50% - 10px);
	}
}

@media screen and (min-width: 992px) {
	main .contain {
		margin-left: 20px;
		margin-right: 20px;
	}

	main .contain--bg .card {
		margin-left: 0px;
		margin-right: 0px;
	}

	.toolbar-certifications-inside .snapscroll-toolbar .input-filter-select-icon {
		position: static;
	}

	.snapscroll-actualites {
		margin: 0;
		padding: 0;
		overflow: visible;
	}

		.snapscroll-actualites .snapscroll-actualites--wrapper {
			display: flex;
			flex-wrap: wrap;
		}

		.snapscroll-actualites .row-actualites {
			gap: 0;
			margin-left: 0;
		}

			.snapscroll-actualites .row-actualites .col-actu {
				width: 25%;
				flex-basis: 25%;
				margin-right: 0px;
			}

		.snapscroll-actualites .col-actu {
			width: 47.7%;
			flex-basis: 47.7%;
			margin-right: 12px;
		}

			.snapscroll-actualites .col-actu .box-side {
				margin-bottom: 20px;
				padding-top: 0;
			}

			.snapscroll-actualites .col-actu.col-actu-side1 {
				margin-left: 10px;
				margin-right: 25px;
			}

			.snapscroll-actualites .col-actu.col-actu-side2 {
				width: 47.35%;
				flex-basis: 47.35%;
				margin-right: 0;
			}

		.snapscroll-actualites .col-actu-full {
			flex-basis: 100%;
			width: calc(80%);
			padding: 0 11px;
			margin: 20px 0 0;
		}

	.text-content {
		margin: 1% 1% 2%;
	}

	.cards-kit {
		gap: 0 15px;
		padding: 0px 10px 0;
		justify-content: flex-start;
	}

		.cards-kit .card-kit {
			flex-basis: calc(33% - 8px);
		}

	.card.card-kit .fields .field-full {
		padding-right: 0;
	}

	.card.card-kit .card-header--btn {
		margin-left: -14px;
	}

	.card.card-kit .card-header {
		padding-right: 4px;
		padding-left: 15px;
	}

		.card.card-kit .card-header .fields {
			flex-grow: 1;
		}

	main .contain--content.contain--bg {
		margin: 0 20px 10px;
		border-radius: 10px;
		padding: 10px 15px 10px;
	}

		main .contain--content.contain--bg .toolbar-certifications .toolbar-filter-wrapper,
		main .contain--content.contain--bg .toolbar-status {
			margin-left: 0;
		}

	.list-docs .btn-horizontal {
		width: calc(33% - 10px);
	}

	.toolbar-filters-docs {
		position: absolute;
		right: 0;
		top: 38px;
	}

	.snapscroll-toolbar .input-filter-select-icon {
		position: absolute;
		top: 0;
		right: 20px;
	}

	.box.box-stack:before {
		height: 143px;
	}

	main .contain-alert:before {
		top: -33px;
		left: 10px;
	}

	.box-alert--item {
		flex-basis: 224px;
		min-width: 224px;
	}

	main .content {
		border-radius: 10px;
	}

	.contain {
		border-radius: 10px;
		padding: 20px 25px;
	}

	.contain-head {
		padding: 0px 0px 0;
	}

	.wrapper,
	.horizontal-scroll.wrapper {
		padding-left: 25px;
		padding-right: 25px;
		max-width: 1280px;
		margin: 0 auto;
	}

	.contain {
		margin-left: 20px;
		margin-right: 20px;
	}

	.toolbar-displaycal {
		top: -7px;
	}

	.toolbar-filters-cal {
		position: absolute;
		right: 0;
		top: 50px;
	}

	#cal-list {
		margin-top: 20px;
	}

	#cal-tab {
		margin-top: 20px;
	}

	#calendar {
		margin: 0px 0px 20px;
	}

	.btn-details {
		width: 94px;
		border: none;
		padding-top: 30px;
		font-size: 15px;
	}

		.btn-details:before {
			top: 7px;
			left: 50%;
			width: 16px;
			background-size: contain;
			margin-left: -6px;
		}

		.btn-details:after {
			border: 1px solid #fff;
			height: 26px;
			width: 26px;
			border-radius: 100px;
			content: " ";
			display: block;
			position: absolute;
			top: 0;
			left: 50%;
			margin-left: -11px;
		}

		.btn-details span {
			display: block;
			color: #fff;
			white-space: nowrap;
		}

		.btn-details:hover {
			background: none;
			opacity: 0.7;
		}

	.cc-elem-btn-vertical .btn-vertical {
		margin-top: 5px;
	}

	.card-certification {
		min-height: 274px;
	}

	.card .card-header {
		flex-wrap: nowrap;
		gap: 10px;
		font-size: 16px;
	}

	.card .card-header--logo img {
		margin-top: 5px;
		height: 35px;
	}

	.card .card-header--title {
		align-self: center;
		padding-left: 0;
	}

	.card .card-header--title1 {
		display: inline-block;
		margin-bottom: 0;
	}

		.card .card-header--title1:after {
			content: " - ";
		}

	.card .card-header--title2 {
		display: inline-block;
	}

	.card .card-header--alert {
		flex-basis: auto;
	}

	.card .card-header--btn {
		position: static;
		margin-left: 20px;
	}

	.card-certification .fields .field {
		flex-grow: 0;
		flex-shrink: 0;
		flex-basis: auto;
	}

	.toolbar-bottom {
		flex-direction: row;
	}

	.card.card-certification .card-body {
		padding-right: 180px;
	}

	.card.card-certification .cc-statut {
		order: 1;
	}

	.card.card-certification .cc-dossier,
	.card.card-certification .cc-organisme,
	.card.card-certification .cc-attestation {
		order: 2;
	}

	.card.card-certification .cc-elem-btn-vertical {
		position: absolute;
		top: 13px;
		right: 20px;
	}

	.card.card-certification .cc-elem.cc-statut.field {
		flex-basis: 15%;
	}

	.card.card-certification .cc-identite {
		top: 23px;
	}

	.card.card-certification.c-elem,
	.card.card-certification .fields .field {
		flex-basis: 24%;
	}

	.card.card-certification .cc-certificat.cc-elem,
	.card.card-certification .cc-dossier.cc-elem {
		flex-basis: 20%;
	}

	.card.card-certification .cc-debut.cc-elem,
	.card.card-certification .cc-organisme.cc-elem {
		flex-basis: 28%;
	}

	.card.card-certification .fields {
		justify-content: flex-start;
		margin-bottom: 32px;
		padding-top: 30px;
		padding-bottom: 30px;
	}

	.card.card-certification .cc-elem.cc-attestation {
		flex-basis: 40%;
	}

	.card.card-certification .card-body:before {
		width: calc(100% - 400px);
		right: 191px;
		top: 87px;
	}

	.card.card-collapse .card-header .btn-collapse {
		display: none;
	}

	.card.card-collapse .card-body {
		padding-top: 0;
	}

	.card.card-collapse .fields.docs {
		margin-top: 0px;
	}

	.card.card-collapse .card-body-padding {
		padding-top: 20px;
	}

	.card .card-header .ic {
		position: absolute;
		top: 20px;
		left: auto;
		right: 15px;
	}

	.card .card-header-icon {
		padding-top: 20px !important;
	}

	.card-body-padding {
		padding-top: 20px;
	}

	.card-certification-list .fields .field-full,
	.card-certification-list .fields .field {
		flex-basis: auto;
		flex-grow: 1;
		flex-shrink: 1;
	}

	main .contain--content {
		padding: 10px 25px 25px;
	}

	.contain-head {
		padding: 25px 25px 0;
	}

	.toolbar-filters {
		margin-bottom: 0;
	}

	.card.card-certification-list .card-body {
		padding: 20px 10px;
	}

	.card.card-certification-list .fields .field-full-desk {
		flex-grow: 2;
	}

	.card-certification-list .fields .field-raisonsociale {
		flex-basis: 150px;
		flex-grow: 2;
	}

	.card-certification-list .fields .field-ville {
		flex-basis: 75px;
	}

	.card-certification-list .fields .field-pays {
		flex-basis: 60px;
	}

	.card-certification-list .fields .field-certificat {
		flex-basis: 100px;
	}

		.card-certification-list .fields .field-certificat .field--title {
			white-space: nowrap;
		}

	.card-certification-list .fields .field-debut {
		flex-basis: 75px;
	}

	.card-certification-list .fields .field-fin {
		flex-basis: 75px;
	}

	.card-certification-list .fields .field-etape {
		flex-basis: 60px;
	}

	.card-certification-list .fields .field-statut {
		flex-basis: 75px;
	}

	.timeline-wrapper {
		margin-left: -20px;
	}

	.card-collapse .collapse:not(.show) {
		display: block;
	}

	.card-collapse .collapse .collapse:not(.show) {
		display: none;
	}

	.card.card-document.card-document-toggle .card-header {
		padding: 10px 20px;
	}

	.card.card-document.card-document-toggle.active .card-header {
		padding: 10px 20px 6px;
	}
}

@media screen and (min-width: 1050px) {
	.wrapper-login {
		align-items: flex-start;
	}

	.card.card-document .fields {
		flex-wrap: nowrap;
	}

		.card.card-document .fields .field {
			flex-basis: 20%;
		}

			.card.card-document .fields .field.field-raisonsociale {
				flex-basis: 20%;
			}

			.card.card-document .fields .field.field-complement {
				flex-basis: 16%;
			}

			.card.card-document .fields .field.field-ref {
				flex-basis: 12%;
			}

			.card.card-document .fields .field.field-certif {
				flex-basis: 14%;
			}

			.card.card-document .fields .field.field-debut {
				flex-basis: 12%;
			}

			.card.card-document .fields .field.field-fin {
				flex-basis: 12%;
			}

	.card.card-document .card-header {
		padding: 15px 20px 15px;
	}
}

@media screen and (min-width: 1150px) {
	.list-docs {
		padding-left: 60px;
		padding-right: 50px;
	}

	.snapscroll-actualites .col-actu {
		width: 48%;
		flex-basis: 48%;
	}

		.snapscroll-actualites .col-actu.col-actu-side2 {
			width: 48%;
			flex-basis: 48%;
		}

	.snapscroll-actualites .col-actu-full {
		flex-basis: 100%;
		width: calc(80%);
	}

	.wrapper-login .wl-image {
		flex-basis: 50%;
	}

	.box.box-stack:before {
		height: 167px;
	}

	.contain.contain-bg .contain--content:after {
		width: 1600px;
		height: 1200px;
		top: -42px;
		left: -450px;
	}
	/* layout */
	.conseiller {
		position: relative;
	}

		.conseiller .conseiller-head .icon {
			margin-left: 5px;
		}

		.conseiller .conseiller-body {
			position: absolute;
			top: 60px;
			left: 0;
			width: 100%;
			background: var(--color-brown);
			margin: 0;
			padding: 20px;
			border-radius: 0 0 10px 10px;
			opacity: 0;
			-webkit-transition: all 300ms ease-out;
			-moz-transition: all 300ms ease-out;
			-ms-transition: all 300ms ease-out;
			-o-transition: all 300ms ease-out;
			transition: all 300ms ease-out;
			visibility: hidden;
		}

		.conseiller:hover {
			border-radius: 10px 10px 0 0;
		}

			.conseiller:hover .conseiller-body {
				opacity: 1;
				z-index: 1;
				visibility: visible;
			}

	.conseiller-light .conseiller-body {
		position: static;
		visibility: visible;
		opacity: 1;
		background: none;
		padding: 0;
		margin-top: 20px;
	}

		.conseiller-light .conseiller-body .c-links {
			display: flex;
		}

			.conseiller-light .conseiller-body .c-links li {
				padding-left: 50px;
			}

				.conseiller-light .conseiller-body .c-links li:before {
					left: 20px;
				}

				.conseiller-light .conseiller-body .c-links li:after {
					left: 26px;
				}

				.conseiller-light .conseiller-body .c-links li.phone:after {
					left: 23px;
				}

				.conseiller-light .conseiller-body .c-links li.email:after {
					left: 24px;
				}

	.head-center {
		position: static;
		flex-grow: 1;
		opacity: 1;
		background: #fff;
		width: auto;
		height: auto;
		padding: 0;
		z-index: 10;
		overflow: visible;
	}

		.head-center .conseillers {
			display: flex;
			padding: 0 20px;
			width: 100%;
			align-items: center;
			justify-content: center;
			gap: 16px;
		}

		.head-center .conseiller {
			flex-grow: 1;
			max-width: 340px;
		}

	.open .btn-menu {
		position: relative;
		top: auto;
		right: auto;
	}

	header {
		padding: 0;
	}

		header .header-top .wrapper {
			align-items: center;
			position: relative;
		}

			header .header-top .wrapper .head-center {
				justify-content: center;
				display: flex;
			}

	.head-right {
		display: flex;
		gap: 20px;
	}

	#btn-search {
		display: block !important;
	}

	header .header-top .wrapper .head-center .conseiller {
		margin-bottom: 0px;
	}

	.l-menu {
		background: var(--color-primary);
		position: absolute;
		top: 76px;
		right: 22px;
		width: 260px;
		padding: 20px 40px;
		border-radius: 20px;
		z-index: -11;
		opacity: 0;
		-webkit-transition: all 300ms ease-out;
		-moz-transition: all 300ms ease-out;
		-ms-transition: all 300ms ease-out;
		-o-transition: all 300ms ease-out;
		transition: all 300ms ease-out;
		visibility: hidden;
	}

	.open .l-menu {
		opacity: 1;
		z-index: 11;
		visibility: visible;
	}
	/* fin layout */
	#search {
		position: absolute;
		background-color: var(--color-primary);
		top: 100px;
		left: 0;
		width: 100%;
		height: auto;
		padding: 40px;
		z-index: -999;
		opacity: 0;
		visibility: hidden;
		-webkit-transition: all 300ms ease-out;
		-moz-transition: all 300ms ease-out;
		-ms-transition: all 300ms ease-out;
		-o-transition: all 300ms ease-out;
		transition: all 300ms ease-out;
	}

		#search .input-group {
			box-shadow: rgba(0, 0, 0, 0.4) 0px 2px 10px;
			max-width: 900px;
			margin: auto;
			width: 90%;
		}

	.search-on #search {
		opacity: 1;
		visibility: visible;
		z-index: 2;
	}
}

@media screen and (min-width: 1200px) {
	.snapscroll-toolbar .snapscroll-elem.input-filter-select-icon {
		margin-top: 5px;
		position: absolute;
		top: 15px;
		right: 30px;
	}

	.toolbar-certifications-inside .input-group-black {
		margin-top: 0px;
	}
}

@media screen and (min-width: 1320px) {
	main .contain {
		margin-left: auto;
		margin-right: auto;
	}
}

@media screen and (max-width: 767px) {
	.fc .fc-col-header-cell-cushion {
		font-size: 0;
	}

		.fc .fc-col-header-cell-cushion:first-letter {
			font-size: 16px;
		}

	.fc-h-event .fc-event-title {
		text-indent: -9999999px;
		text-overflow: ellipsis;
	}

		.fc-h-event .fc-event-title .desc {
			display: none;
		}

		.fc-h-event .fc-event-title .title {
			display: none;
		}

	.fc .fc-daygrid-event {
		border-radius: 20px;
	}

	.fc .fc-view-harness {
		height: 410px !important;
	}

	.fc .fc-toolbar {
		justify-content: space-between;
		width: 100%;
	}
}