/* Minification failed. Returning unminified contents.
(2,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(28,28): run-time error CSS1030: Expected identifier, found '>'
(28,67): run-time error CSS1031: Expected selector, found ')'
(28,67): run-time error CSS1025: Expected comma or open brace, found ')'
(69,22): run-time error CSS1039: Token not allowed after unary operator: '-secondary-color'
(81,21): run-time error CSS1039: Token not allowed after unary operator: '-secondary-color'
(93,21): run-time error CSS1039: Token not allowed after unary operator: '-secondary-color'
(100,21): run-time error CSS1039: Token not allowed after unary operator: '-secondary-color'
(125,18): run-time error CSS1039: Token not allowed after unary operator: '-font-size-medium'
(126,20): run-time error CSS1039: Token not allowed after unary operator: '-font-weight-semibold'
(131,15): run-time error CSS1039: Token not allowed after unary operator: '-color-dark-gunmetal'
(132,21): run-time error CSS1039: Token not allowed after unary operator: '-font-weight-bold'
(142,23): run-time error CSS1039: Token not allowed after unary operator: '-secondary-color'
(151,25): run-time error CSS1039: Token not allowed after unary operator: '-color-light-gray'
(154,14): run-time error CSS1039: Token not allowed after unary operator: '-color-aurometalsaurus'
(155,18): run-time error CSS1039: Token not allowed after unary operator: '-font-size-medium'
(156,20): run-time error CSS1039: Token not allowed after unary operator: '-font-weight-semibold'
(160,22): run-time error CSS1039: Token not allowed after unary operator: '-color-light-gray'
(162,15): run-time error CSS1039: Token not allowed after unary operator: '-color-aurometalsaurus'
(168,26): run-time error CSS1039: Token not allowed after unary operator: '-secondary-color'
(169,22): run-time error CSS1039: Token not allowed after unary operator: '-secondary-color'
(172,15): run-time error CSS1039: Token not allowed after unary operator: '-color-white'
(182,14): run-time error CSS1039: Token not allowed after unary operator: '-color-charleston-green'
(207,25): run-time error CSS1039: Token not allowed after unary operator: '-color-light-gray'
(221,22): run-time error CSS1039: Token not allowed after unary operator: '-secondary-color'
(227,14): run-time error CSS1039: Token not allowed after unary operator: '-color-charleston-green'
(231,21): run-time error CSS1039: Token not allowed after unary operator: '-secondary-color'
(241,20): run-time error CSS1039: Token not allowed after unary operator: '-secondary-color'
(242,22): run-time error CSS1039: Token not allowed after unary operator: '-secondary-color'
(243,15): run-time error CSS1039: Token not allowed after unary operator: '-color-white'
(251,25): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(266,26): run-time error CSS1039: Token not allowed after unary operator: '-color-charleston-green'
(271,15): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(275,16): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(287,26): run-time error CSS1039: Token not allowed after unary operator: '-color-charleston-green'
(306,27): run-time error CSS1039: Token not allowed after unary operator: '-color-charleston-green'
(344,25): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(355,19): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(363,21): run-time error CSS1039: Token not allowed after unary operator: '-font-weight-semibold'
(377,26): run-time error CSS1039: Token not allowed after unary operator: '-color-white'
(381,26): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(382,26): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(386,26): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(387,26): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(394,25): run-time error CSS1039: Token not allowed after unary operator: '-color-myrtle-green'
(405,26): run-time error CSS1039: Token not allowed after unary operator: '-color-myrtle-green'
 */
:root {
	--header-height: 180px;
	--primary-color: #D1ECED;
	--primary-color-50: #D1ECED80;
	--secondary-color: #336B6F;
	--secondary-color-25: #336B6F40;
}


/**
	25% = 40
	50% = 80
	75% = BF
*/

:-moz-placeholder {
	text-transform: none;
}

::-moz-placeholder {
	text-transform: none;
}

::placeholder {
	text-transform: none;
}

.floating:not(.select):has(> .form-control:not(:placeholder-shown))::before {
	content: '';
	background-color: white;
	position: absolute;
	top: 2px;
	left: 20px;
	right: 35px;
	height: 20px;
}

/* floating button */
.floating > label,
.floating .input-group > label {
	background-color: transparent;
	bottom: 34px;
	font-size: 1.1em;
	left: 8px;
	padding: 0px 5px 0px 5px;
	pointer-events: none;
	position: relative;
}

.floating .form-control ~ label {
	height: 24px;
	left: 22px;
	opacity: 0;
	position: absolute;
	transform-origin: bottom left;
	top: 14px;
}

.floating .input-group .form-control ~ label {
	left: 8px;
}

.floating .input-group .form-control:focus,
.floating .input-group .form-control:valid {
	border-right: none;
}

	.floating .input-group .form-control:focus ~ .input-group-append button {
		border-color: var(--secondary-color) !important;
		border-left: none;
		border-width: 2px;
	}

.floating:not(.select) .form-control:focus:not(:placeholder-shown),
.floating:not(.select) .form-control:not(:placeholder-shown) {
	border-width: 2px;
	padding-top: 20px;
}

.floating:not(.select) .form-control:valid:not(:placeholder-shown) {
	border-color: var(--secondary-color) !important;
}

.floating:not(.select) .form-control:focus:not(:placeholder-shown) ~ label,
.floating:not(.select) .form-control:not(:placeholder-shown) ~ label {
	animation: floating-label .15s forwards;
	opacity: 1;
	z-index: 2;
}

.floating:not(.select) .form-control:focus:not(:placeholder-shown) ~ .input-group-append button,
.floating:not(.select) .form-control:valid:not(:placeholder-shown) ~ .input-group-append button {
	border-color: var(--secondary-color) !important;
	border-left: none !important;
	border-width: 2px !important;
}


.floating.select .form-control.is-selected:valid {
	border-color: var(--secondary-color) !important;
	border-width: 2px;
	padding-top: 20px;
}

	.floating.select .form-control.is-selected:valid ~ label {
		animation: floating-label .15s forwards;
		opacity: 1;
		z-index: 2;
	}

@keyframes floating-label {
	100% {
		transform: translate(1px,-15px) scale(0.75);
	}
}

/* form */

form .form-control:not(#EMAIL):not(#MDP_SAISI):not(textarea) {
	height: 48px;
}

form .form-control:not(#EMAIL):not(#MDP_SAISI) {
	border-radius: 5px !important;
	font-size: var(--font-size-medium) !important;
	font-weight: var(--font-weight-semibold) !important;
}

	form .form-control:not(#EMAIL):not(#MDP_SAISI)::placeholder {
		font-style: normal;
		color: var(--color-dark-gunmetal);
		font-weight: var(--font-weight-bold);
	}

	form .form-control:not(#EMAIL):not(#MDP_SAISI):focus {
		border-width: 2px;
		box-shadow: none !important;
		z-index: 1;
	}

		form .form-control:not(#EMAIL):not(#MDP_SAISI):focus:not(.is-invalid) {
			border-color: var(--secondary-color) !important;
		}

form .input-group .form-control:not(#EMAIL):not(#MDP_SAISI) {
	border-top-right-radius: 0px !important;
	border-bottom-right-radius: 0px !important;
}

form .input-group .input-group-append button {
	background-color: var(--color-light-gray);
	border-top-right-radius: 5px !important;
	border-bottom-right-radius: 5px !important;
	color: var(--color-aurometalsaurus);
	font-size: var(--font-size-medium) !important;
	font-weight: var(--font-weight-semibold) !important;
}

	form .input-group .input-group-append button:hover {
		border-color: var(--color-light-gray) !important;
		box-shadow: none !important;
		color: var(--color-aurometalsaurus) !important;
	}

	form .input-group .input-group-append button[aria-expanded=true],
	form .input-group .input-group-append button:active,
	form .input-group .input-group-append button:focus {
		background-color: var(--secondary-color) !important;
		border-color: var(--secondary-color) !important;
		border-width: 2px !important;
		box-shadow: none !important;
		color: var(--color-white) !important;
	}

form .input-group .input-group-prepend .dropdown-menu,
form .input-group .input-group-append .dropdown-menu {
	width: 140px;
}

/* select */
select:not(.no-default) {
	color: var(--color-charleston-green) !important;
	font-style: normal !important;
}

.select::after {
	right: 30px !important;
	top: 14px !important;
}

/* btn-gescime */
.btn.btn-gescime {
	height: 48px;
}

	.btn.btn-gescime svg {
		height: 27px;
		width: 27px;
	}

	.btn.btn-gescime span {
		margin-left: 0.5rem;
	}

.btn.btn-gescime-front {
	align-items: center;
	border: 1px solid var(--color-light-gray);
	border-radius: 5px;
	display: flex;
	justify-content: center;
	min-width: 170px;
	height: 48px;
	width: 100%;
}

	.btn.btn-gescime-front:focus {
		box-shadow: none;
	}

	.btn.btn-gescime-front:hover {
		border-color: var(--secondary-color);
		border-width: 2px;
		box-shadow: none;
	}

	.btn.btn-gescime-front svg {
		fill: var(--color-charleston-green);
	}

.btn.btn-outline-gescime {
	border-color: var(--secondary-color);
	height: 46px;
	margin-top: 1px;
}

	.btn.btn-outline-gescime[aria-expanded=true],
	.btn.btn-outline-gescime:not(:disabled):not(.disabled):hover,
	.btn.btn-outline-gescime:not(:disabled):not(.disabled):active,
	.btn.btn-outline-gescime:not(:disabled):not(.disabled).active,
	.show > .btn.btn-outline-gescime.dropdown-toggle {
		background: var(--secondary-color) !important;
		border-color: var(--secondary-color) !important;
		color: var(--color-white) !important;
	}




/* btn-theme */
.btn.btn-theme {
	background-color: var(--primary-color);
	border-radius: 0;
	height: 48px;
}

	.btn.btn-theme span {
		margin-left: 0.5rem;
	}

	.btn.btn-theme:focus,
	.btn.btn-theme:hover {
		box-shadow: none !important;
	}

	.btn.btn-theme:hover {
		background-color: var(--color-charleston-green);
		transform: none !important;
	}

		.btn.btn-theme:hover svg {
			fill: var(--primary-color);
		}

		.btn.btn-theme:hover span {
			color: var(--primary-color);
		}




/* timeline */
#main_timeline {
	position: relative;
}

	#main_timeline::after {
		background-color: var(--color-charleston-green);
		bottom: 0;
		content: '';
		left: 50%;
		margin-left: -3px;
		position: absolute;
		top: 0;
		width: 6px;
	}

	#main_timeline .timeline {
		align-items: center;
		display: flex;
		height: 50px;
		position: relative;
		width: 50%;
	}

		#main_timeline .timeline::after {
			background-color: var(--color-charleston-green);
			border-radius: 50%;
			content: '';
			height: 20px;
			position: absolute;
			width: 20px;
			z-index: 1;
		}

		#main_timeline .timeline.left {
			justify-content: end;
			left: 0;
			padding-right: 30px;
			text-align: right;
		}

			#main_timeline .timeline.left::after {
				right: -10px;
			}

		#main_timeline .timeline.right {
			left: 50%;
			padding-left: 30px;
		}

			#main_timeline .timeline.right::after {
				left: -10px;
			}

		#main_timeline .timeline .card {
			border: none;
		}

			#main_timeline .timeline .card .card-body a:hover {
				text-decoration: underline;
			}

.container-table table tbody tr.selected td {
	background-color: var(--primary-color) !important;
	border-bottom: none !important;
	border-top: none !important;
}

	.container-table table:not(.table-selection) tbody tr.selected td:nth-of-type(2)::before,
	.container-table table tbody tr.selected td:last-of-type::after {
		content: unset;
	}

.container-table .container-table-pagination table tbody tr:hover {
	background: var(--primary-color);
}

.container-table .container-table-pagination table tbody tr td span.lien-fiche {
	text-decoration: underline;
}

	.container-table .container-table-pagination table tbody tr td span.lien-fiche:hover {
		font-weight: var(--font-weight-semibold);
	}

.container-table .container-table-pagination .container-pagination .pagination-combo .select {
	border-radius: 10px;
}

	.container-table .container-table-pagination .container-pagination .pagination-combo .select::after {
		right: 15px !important;
		top: 8px !important;
	}

@media (max-width: 767.98px) {
	.container-table table tbody tr.selected td {
		background-color: var(--color-white) !important;
	}

	.container-table table tbody tr.selected td .card-views {
		border: 1px solid var(--primary-color);
		background-color: var(--primary-color) !important;
	}

	.container-table .container-table-pagination table tbody tr:hover td .card-views {
		border: 1px solid var(--primary-color);
		background-color: var(--primary-color) !important;
	}
}

/* loader lazy liste */
.lazy-loader {
	animation: pulse 1s linear infinite;
	border: 3px solid var(--color-myrtle-green);
	border-radius: 50%;
	box-sizing: border-box;
	display: inline-block;
	height: 22px;
	position: relative;
	width: 22px;
}

	.lazy-loader:after {
		animation: scaleUp 1s linear infinite;
		border: 3px solid var(--color-myrtle-green);
		border-radius: 50%;
		box-sizing: border-box;
		content: '';
		display: inline-block;
		height: 22px;
		left: 50%;
		position: absolute;
		top: 50%;
		transform: translate(-50%, -50%);
		width: 22px;
	}

@keyframes scaleUp {
	0% {
		transform: translate(-50%, -50%) scale(0)
	}

	60%, 100% {
		transform: translate(-50%, -50%) scale(1)
	}
}

@keyframes pulse {
	0%, 60%, 100% {
		transform: scale(1)
	}

	80% {
		transform: scale(1.2)
	}
}

.checkbox {
	display: flex;
	align-items: center;
}

.floating .iti {
	width: 100% !important;
}

.floating .iti ~ label {
	height: 24px;
	left: 22px;
	opacity: 0;
	padding-left: 55px;
	position: absolute;
	transform-origin: bottom left;
	top: 14px;
}

.floating .iti .iti__flag-container {
	height: auto;
}

	.floating .iti .iti__flag-container .iti__selected-flag {
		height: 48px;
		z-index: 2;
	}

.floating .iti ~ label.label-show {
	animation: floating-label .15s forwards;
	opacity: 1;
	z-index: 2;
}

.floating .country-select input {
	padding-left: 50px !important;
}

.floating .country-select ~ label {
	height: 24px;
	left: 22px;
	opacity: 0;
	padding-left: 55px;
	position: absolute;
	transform-origin: bottom left;
	top: 14px;
}

	.floating .country-select ~ label.label-show {
		animation: floating-label 0s forwards;
		opacity: 1;
		z-index: 2;
	}

.grecaptcha-badge {
	z-index: 1041;
}

.navbar-backdrop {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 1040;
	width: 100vw;
	height: 100vh;
	background-color: #000;
	opacity: .5;
}

/*NE PAS MODIFIER, CLASSE STANDARD POUR CACHER UN ELEMENT TOUT EN LE GARDANT ACCESSIBLE AUX LECTEURS D'ECRAN (accessibilité)*/
.visuallyhidden {
	position: absolute; /* Positionne l'élément en dehors du flux normal */
	width: 1px; /* Réduit la largeur à 1 pixel */
	height: 1px; /* Réduit la hauteur à 1 pixel */
	margin: -1px; /* Utilise une marge négative pour éviter l'espace supplémentaire */
	padding: 0; /* Aucune marge intérieure */
	overflow: hidden; /* Cache tout débordement */
	clip: rect(0, 0, 0, 0); /* Cache l'élément en le découpant */
	border: 0; /* Enlève toute bordure */
}
