@charset "UTF-8";
/*
Theme Name: krea3-icommuneplus
Theme URI: https://www.krea3.fr/
Description: Theme iCommune Plus
Version: 1.0
Author: Krea3
Author URI: http://www.krea3.fr
Text Domain: krea3
Domain Path: /languages
*/

/*
 * Personnalisation client Abril.
 * Le socle structurel du theme est dans assets/css/parent.css.
 * Les variables globales de couleurs, typographies et espacements sont definies dans header.php.
 */

/******RGPD******/
.rgpd-btn.primary {
    color: #fff !important;
}

.rgpd-btn.primary,
.rgpd-btn.primary *,
.rgpd-btn.button-primary,
.rgpd-btn.button-primary *,
.rgpd-button.primary,
.rgpd-button.primary *,
.krea3-rgpd .primary,
.krea3-rgpd .primary *,
.krea3-rgpd .button-primary,
.krea3-rgpd .button-primary *,
[class*="rgpd"] .primary,
[class*="rgpd"] .primary *,
[class*="rgpd"] .button-primary,
[class*="rgpd"] .button-primary *,
[id*="rgpd"] .primary,
[id*="rgpd"] .primary *,
[id*="rgpd"] .button-primary,
[id*="rgpd"] .button-primary *,
[class*="cookie"] .primary,
[class*="cookie"] .primary *,
[class*="cookie"] .button-primary,
[class*="cookie"] .button-primary *,
[id*="cookie"] .primary,
[id*="cookie"] .primary *,
[id*="cookie"] .button-primary,
[id*="cookie"] .button-primary *,
[class*="consent"] .primary,
[class*="consent"] .primary *,
[class*="consent"] .button-primary,
[class*="consent"] .button-primary *,
[id*="consent"] .primary,
[id*="consent"] .primary *,
[id*="consent"] .button-primary,
[id*="consent"] .button-primary *,
[class*="nsc"] .primary,
[class*="nsc"] .primary *,
[class*="nsc"] .button-primary,
[class*="nsc"] .button-primary * {
	background: #000 !important;
	background-color: #000 !important;
	border-color: #000 !important;
	color: #fff !important;
	opacity: 1 !important;
	text-shadow: none !important;
}

/* Formulaire de contact Abril: sobre, lisible et aligne avec le theme. */
.krea3_formulaire {
	background: var(--couleur-blanc) !important;
	border: 1px solid rgba(57, 128, 150, 0.16) !important;
	box-shadow: 0 18px 50px rgba(0, 0, 0, 0.07) !important;
	box-sizing: border-box !important;
	color: var(--gris-fonce) !important;
	font-family: var(--police-secondaire) !important;
	font-weight: var(--reguliere) !important;
	margin: 42px auto 70px !important;
	max-width: 1180px !important;
	padding: 38px clamp(22px, 4vw, 58px) !important;
	position: relative !important;
}

.krea3_formulaire::before {
	background: var(--couleur-secondaire) !important;
	content: "" !important;
	height: 5px !important;
	left: 0 !important;
	position: absolute !important;
	top: 0 !important;
	width: 130px !important;
}

.krea3_formulaire fieldset {
	background: transparent !important;
	border: 0 !important;
	margin: 0 !important;
	padding: 0 !important;
}

.krea3_formulaire fieldset legend.obligatoire,
.krea3_formulaire p.obligatoire {
	color: var(--couleur-principale) !important;
	display: block !important;
	font-family: var(--police) !important;
	font-size: clamp(1.55rem, 2vw, 2.15rem) !important;
	font-weight: var(--reguliere) !important;
	line-height: 1.15 !important;
	margin: 0 0 30px !important;
	padding: 0 !important;
	text-align: left !important;
}

.krea3_formulaire p {
	background: transparent !important;
	clear: none !important;
	display: block !important;
	margin: 0 0 22px !important;
	padding: 0 !important;
}

.krea3_formulaire label:not([for="rgpd"]) {
	color: var(--gris-fonce) !important;
	display: block !important;
	float: none !important;
	font-family: var(--police-secondaire) !important;
	font-size: 1rem !important;
	font-weight: var(--demi-gras) !important;
	line-height: 1.3 !important;
	margin: 0 0 8px !important;
	padding: 0 !important;
	text-align: left !important;
	width: 100% !important;
}

.krea3_formulaire input:not([type="submit"]):not([type="checkbox"]):not([type="radio"]),
.krea3_formulaire select,
.krea3_formulaire textarea {
	background: #fff !important;
	border: 1px solid rgba(57, 128, 150, 0.28) !important;
	border-radius: 0 !important;
	box-shadow: none !important;
	box-sizing: border-box !important;
	color: var(--gris-fonce) !important;
	display: block !important;
	float: none !important;
	font-family: var(--police-secondaire) !important;
	font-size: 1.05rem !important;
	line-height: 1.45 !important;
	margin: 0 !important;
	max-width: none !important;
	min-height: 52px !important;
	padding: 13px 16px !important;
	transition: border-color 0.2s ease, box-shadow 0.2s ease !important;
	width: 100% !important;
}

.krea3_formulaire textarea {
	min-height: 170px !important;
	resize: vertical !important;
}

.krea3_formulaire input:not([type="submit"]):not([type="checkbox"]):not([type="radio"]):focus,
.krea3_formulaire select:focus,
.krea3_formulaire textarea:focus {
	border-color: var(--couleur-secondaire) !important;
	box-shadow: 0 0 0 4px rgba(219, 155, 86, 0.18) !important;
	outline: 0 !important;
}

.krea3_formulaire ::placeholder {
	color: rgba(51, 51, 51, 0.52) !important;
	opacity: 1 !important;
}

.descriptioncontact {
	color: rgba(51, 51, 51, 0.68) !important;
	display: block !important;
	font-size: 0.86rem !important;
	line-height: 1.35 !important;
	margin: 7px 0 0 !important;
	padding: 0 !important;
}

.krea3_formulaire .phrase_form_contact_rgpd {
	border: 0 !important;
	border-top: 1px solid rgba(57, 128, 150, 0.16) !important;
	color: rgba(51, 51, 51, 0.74) !important;
	font-size: 0.96rem !important;
	line-height: 1.55 !important;
	margin: 28px 0 0 !important;
	padding: 24px 0 0 !important;
	text-align: left !important;
}

.krea3_formulaire p:has(input#rgpd) {
	align-items: flex-start !important;
	background: rgba(57, 128, 150, 0.08) !important;
	border: 1px solid rgba(57, 128, 150, 0.2) !important;
	border-left: 5px solid var(--couleur-principale) !important;
	box-sizing: border-box !important;
	display: flex !important;
	flex-wrap: wrap !important;
	column-gap: 20px !important;
	row-gap: 16px !important;
	margin: 22px 0 26px !important;
	padding: 18px 20px !important;
	text-align: left !important;
}

.krea3_formulaire label[for="rgpd"] {
	background: transparent !important;
	border: 0 !important;
	border-radius: 0 !important;
	color: var(--gris-fonce) !important;
	display: block !important;
	float: none !important;
	font-family: var(--police-secondaire) !important;
	font-size: 1rem !important;
	font-weight: var(--demi-gras) !important;
	line-height: 1.45 !important;
	margin: 0 !important;
	padding: 0 !important;
	position: static !important;
	text-align: left !important;
	width: 100% !important;
}

.krea3_formulaire label[for="rgpd"] input#rgpd,
.krea3_formulaire input#rgpd,
.krea3_formulaire input[type="checkbox"]#rgpd {
	appearance: auto !important;
	-webkit-appearance: checkbox !important;
	accent-color: var(--couleur-principale) !important;
	background: #fff !important;
	border-radius: 3px !important;
	box-shadow: none !important;
	box-sizing: border-box !important;
	display: block !important;
	float: none !important;
	flex: 0 0 18px !important;
	height: 18px !important;
	left: auto !important;
	margin: 3px 0 0 !important;
	max-width: 18px !important;
	min-height: 0 !important;
	padding: 0 !important;
	position: static !important;
	top: auto !important;
	width: 18px !important;
}

.krea3_formulaire label[for="rgpd"] input#rgpd {
	display: inline-block !important;
	margin-right: 12px !important;
	vertical-align: -2px !important;
}

.krea3_formulaire p:has(input#rgpd) .descriptioncontact {
	flex: 1 1 auto !important;
	line-height: 1.35 !important;
	margin: 1px 0 0 !important;
	max-width: none !important;
	padding: 0 !important;
	white-space: nowrap !important;
}

.krea3_formulaire p:has(input#rgpd) input#rgpd {
	float: left !important;
	margin: 4px 22px 0 0 !important;
}

.krea3_formulaire p:has(input#rgpd) > label[for="rgpd"] {
	flex: 0 0 100% !important;
}

.krea3_formulaire input[type="submit"] {
	background: var(--couleur-principale) !important;
	border: 2px solid var(--couleur-principale) !important;
	box-sizing: border-box !important;
	color: var(--couleur-blanc) !important;
	cursor: pointer !important;
	display: inline-flex !important;
	font-family: var(--police-secondaire) !important;
	font-size: 1rem !important;
	font-weight: var(--gras) !important;
	justify-content: center !important;
	letter-spacing: 0 !important;
	line-height: 1.2 !important;
	margin: 8px 0 0 !important;
	min-height: 52px !important;
	padding: 15px 28px !important;
	text-align: center !important;
	text-transform: uppercase !important;
	transition: background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease !important;
	width: auto !important;
}

.krea3_formulaire input[type="submit"]:hover,
.krea3_formulaire input[type="submit"]:focus {
	background: var(--couleur-secondaire) !important;
	border-color: var(--couleur-secondaire) !important;
	color: var(--couleur-noir) !important;
	outline: 0 !important;
}

@media (max-width: 680px) {
	.krea3_formulaire {
		margin: 28px 0 48px !important;
		padding: 30px 18px !important;
	}

	.krea3_formulaire fieldset legend.obligatoire,
	.krea3_formulaire p.obligatoire {
		font-size: 1.45rem !important;
	}

	.krea3_formulaire input[type="submit"] {
		width: 100% !important;
	}

	.krea3_formulaire p:has(input#rgpd) .descriptioncontact {
		white-space: normal !important;
	}
}

/* Page de resultats de recherche Abril. */
body.search #image-header-page {
	margin-bottom: 0 !important;
}

body.search #image-header-page img {
	display: block !important;
	height: clamp(170px, 18vw, 270px) !important;
	object-fit: cover !important;
	width: 100% !important;
}

body.search #main-page {
	background: linear-gradient(180deg, rgba(57, 128, 150, 0.06), rgba(255, 255, 255, 0) 220px) !important;
}

body.search #la-page.largeur92 {
	box-sizing: border-box !important;
	margin: 0 auto !important;
	max-width: 1280px !important;
	padding: 34px clamp(18px, 4vw, 58px) 80px !important;
	width: 100% !important;
}

.page-resultats-recherche {
	color: var(--gris-fonce) !important;
	font-family: var(--police-secondaire) !important;
}

.page-resultats-recherche > .taille-texte-variable > div {
	position: relative !important;
}

.page-resultats-recherche .page-title {
	color: var(--couleur-principale) !important;
	font-family: var(--police) !important;
	font-size: clamp(2.4rem, 5vw, 5.2rem) !important;
	font-weight: var(--reguliere) !important;
	letter-spacing: 0 !important;
	line-height: 1.05 !important;
	margin: 30px 0 34px !important;
	padding: 0 0 22px !important;
	position: relative !important;
}

.page-resultats-recherche .page-title::after {
	background: var(--couleur-secondaire) !important;
	bottom: 0 !important;
	content: "" !important;
	height: 5px !important;
	left: 0 !important;
	position: absolute !important;
	width: 125px !important;
}

.page-resultats-recherche .page-title span {
	color: var(--couleur-noir) !important;
	font-family: var(--police-secondaire) !important;
	font-size: 0.58em !important;
	font-weight: var(--gras) !important;
}

.page-resultats-recherche .krea3-resultat-recherche {
	background: var(--couleur-blanc) !important;
	border: 1px solid rgba(57, 128, 150, 0.14) !important;
	border-left: 6px solid var(--couleur-principale) !important;
	box-shadow: 0 16px 42px rgba(0, 0, 0, 0.055) !important;
	box-sizing: border-box !important;
	display: block !important;
	margin: 0 0 22px !important;
	padding: 26px clamp(20px, 3vw, 38px) !important;
	transition: border-color 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease !important;
}

.page-resultats-recherche .krea3-resultat-recherche::after {
	clear: both !important;
	content: "" !important;
	display: block !important;
}

.page-resultats-recherche .search-result-thumbnail {
	background: rgba(57, 128, 150, 0.08) !important;
	border: 1px solid rgba(57, 128, 150, 0.18) !important;
	box-sizing: border-box !important;
	display: block !important;
	float: left !important;
	height: 150px !important;
	margin: 0 24px 12px 0 !important;
	overflow: hidden !important;
	padding: 0 !important;
	width: 150px !important;
}

.page-resultats-recherche .search-result-thumbnail img {
	display: block !important;
	height: 100% !important;
	object-fit: cover !important;
	transition: transform 0.25s ease !important;
	width: 100% !important;
}

.page-resultats-recherche .krea3-resultat-recherche:hover .search-result-thumbnail img,
.page-resultats-recherche .krea3-resultat-recherche:focus-within .search-result-thumbnail img {
	transform: scale(1.04) !important;
}

.page-resultats-recherche .krea3-resultat-recherche:hover,
.page-resultats-recherche .krea3-resultat-recherche:focus-within {
	border-left-color: var(--couleur-secondaire) !important;
	box-shadow: 0 20px 55px rgba(0, 0, 0, 0.085) !important;
	transform: translateY(-2px) !important;
}

.page-resultats-recherche h2,
.page-resultats-recherche h3.entry-title {
	font-family: var(--police) !important;
	font-size: clamp(1.45rem, 2.1vw, 2.2rem) !important;
	font-weight: var(--reguliere) !important;
	line-height: 1.2 !important;
	margin: 0 0 12px !important;
}

.page-resultats-recherche h2 a,
.page-resultats-recherche h3.entry-title a {
	color: var(--couleur-noir) !important;
	text-decoration: none !important;
}

.page-resultats-recherche h2 a:hover,
.page-resultats-recherche h2 a:focus,
.page-resultats-recherche h3.entry-title a:hover,
.page-resultats-recherche h3.entry-title a:focus {
	color: var(--couleur-principale) !important;
	text-decoration: underline !important;
	text-decoration-color: var(--couleur-secondaire) !important;
	text-decoration-thickness: 3px !important;
	text-underline-offset: 6px !important;
}

.page-resultats-recherche .entry-summary,
.page-resultats-recherche .entry-content {
	color: rgba(51, 51, 51, 0.78) !important;
	font-family: var(--police-secondaire) !important;
	font-size: 1.08rem !important;
	line-height: 1.65 !important;
	margin: 0 !important;
}

.page-resultats-recherche .entry-summary p,
.page-resultats-recherche .entry-content p {
	margin: 0 !important;
}

.page-resultats-recherche .entry-meta,
.page-resultats-recherche .entry-utility {
	color: rgba(51, 51, 51, 0.58) !important;
	font-size: 0.9rem !important;
	margin: 0 0 10px !important;
}

.page-resultats-recherche .nav-results {
	align-items: center !important;
	border: 0 !important;
	clear: both !important;
	display: flex !important;
	gap: 16px !important;
	justify-content: space-between !important;
	list-style: none !important;
	margin: 16px 0 28px !important;
	padding: 0 !important;
	width: 100% !important;
}

.page-resultats-recherche .nav-results-bottom {
	border-top: 1px solid rgba(57, 128, 150, 0.16) !important;
	margin-top: 34px !important;
	padding-top: 24px !important;
}

.page-resultats-recherche .nav-results li {
	display: block !important;
	padding: 0 !important;
	width: auto !important;
}

.page-resultats-recherche .nav-results li.nav-suivant {
	margin-left: auto !important;
}

.page-resultats-recherche .nav-results a {
	align-items: center !important;
	background: var(--couleur-principale) !important;
	border: 2px solid var(--couleur-principale) !important;
	color: var(--couleur-blanc) !important;
	display: inline-flex !important;
	font-family: var(--police-secondaire) !important;
	font-weight: var(--gras) !important;
	justify-content: center !important;
	line-height: 1.2 !important;
	min-height: 48px !important;
	padding: 12px 20px !important;
	text-decoration: none !important;
	transition: background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease !important;
}

.page-resultats-recherche .nav-results a:hover,
.page-resultats-recherche .nav-results a:focus {
	background: var(--couleur-secondaire) !important;
	border-color: var(--couleur-secondaire) !important;
	color: var(--couleur-noir) !important;
	outline: 0 !important;
}

.page-resultats-recherche .nav-results a span {
	display: inline-block !important;
	padding: 0 !important;
}

.page-resultats-recherche .nav-results .icon-nav {
	display: none !important;
}

.page-resultats-recherche .no-results,
.page-resultats-recherche .not-found {
	background: var(--couleur-blanc) !important;
	border: 1px solid rgba(57, 128, 150, 0.14) !important;
	box-shadow: 0 16px 42px rgba(0, 0, 0, 0.055) !important;
	margin: 30px 0 !important;
	padding: clamp(24px, 4vw, 52px) !important;
}

.page-resultats-recherche .no-results .entry-title {
	color: var(--couleur-principale) !important;
	font-family: var(--police) !important;
	font-size: clamp(2rem, 4vw, 4rem) !important;
	margin: 0 0 18px !important;
}

.page-resultats-recherche #searchform {
	background: rgba(57, 128, 150, 0.08) !important;
	border: 1px solid rgba(57, 128, 150, 0.18) !important;
	box-sizing: border-box !important;
	margin: 24px 0 0 !important;
	max-width: 720px !important;
	padding: 18px !important;
	text-align: left !important;
}

.page-resultats-recherche #searchform div {
	align-items: center !important;
	display: flex !important;
	gap: 12px !important;
	width: 100% !important;
}

.page-resultats-recherche #searchform input[type="text"] {
	background: var(--couleur-blanc) !important;
	border: 1px solid rgba(57, 128, 150, 0.28) !important;
	box-sizing: border-box !important;
	color: var(--gris-fonce) !important;
	flex: 1 1 auto !important;
	float: none !important;
	font-family: var(--police-secondaire) !important;
	font-size: 1.05rem !important;
	height: 52px !important;
	margin: 0 !important;
	max-width: none !important;
	padding: 0 16px !important;
	text-align: left !important;
	width: auto !important;
}

.page-resultats-recherche #searchform input[type="submit"] {
	background: var(--couleur-principale) !important;
	border: 2px solid var(--couleur-principale) !important;
	color: var(--couleur-blanc) !important;
	cursor: pointer !important;
	float: none !important;
	font-family: var(--police-secondaire) !important;
	font-size: 1rem !important;
	font-weight: var(--gras) !important;
	height: 52px !important;
	margin: 0 !important;
	padding: 0 22px !important;
	text-indent: 0 !important;
	text-transform: uppercase !important;
	width: auto !important;
}

.page-resultats-recherche #searchform input[type="submit"]:hover,
.page-resultats-recherche #searchform input[type="submit"]:focus {
	background: var(--couleur-secondaire) !important;
	border-color: var(--couleur-secondaire) !important;
	color: var(--couleur-noir) !important;
	outline: 0 !important;
}

@media (max-width: 720px) {
	body.search #la-page.largeur92 {
		padding: 24px 18px 56px !important;
	}

	.page-resultats-recherche .page-title {
		margin-top: 20px !important;
	}

	.page-resultats-recherche .krea3-resultat-recherche {
		padding: 22px 18px !important;
	}

	.page-resultats-recherche .search-result-thumbnail {
		float: none !important;
		height: auto !important;
		margin: 0 0 18px !important;
		width: 150px !important;
	}

	.page-resultats-recherche .search-result-thumbnail img {
		aspect-ratio: 1 / 1 !important;
		height: auto !important;
	}

	.page-resultats-recherche .nav-results {
		align-items: stretch !important;
		flex-direction: column !important;
	}

	.page-resultats-recherche .nav-results li,
	.page-resultats-recherche .nav-results li.nav-suivant {
		margin: 0 !important;
		width: 100% !important;
	}

	.page-resultats-recherche .nav-results a {
		width: 100% !important;
	}

	.page-resultats-recherche #searchform div {
		align-items: stretch !important;
		flex-direction: column !important;
	}

	.page-resultats-recherche #searchform input[type="submit"] {
		width: 100% !important;
	}
}

/* Citations editoriales Abril. */
#la-page blockquote,
.entry-content blockquote,
.wp-block-quote {
	background: linear-gradient(90deg, rgba(57, 128, 150, 0.1), rgba(57, 128, 150, 0.035)) !important;
	border: 0 !important;
	border-left: 7px solid var(--couleur-principale) !important;
	box-sizing: border-box !important;
	color: var(--gris-fonce) !important;
	font-family: var(--police-secondaire) !important;
	font-style: normal !important;
	font-weight: var(--reguliere) !important;
	height: auto !important;
	margin: 42px 0 !important;
	max-width: 980px !important;
	padding: clamp(24px, 3vw, 38px) clamp(24px, 4vw, 54px) !important;
	position: relative !important;
}

#la-page blockquote::before,
.entry-content blockquote::before,
.wp-block-quote::before {
	color: var(--couleur-secondaire) !important;
	content: "“" !important;
	display: block !important;
	font-family: var(--police) !important;
	font-size: clamp(4rem, 7vw, 7.5rem) !important;
	font-style: normal !important;
	left: clamp(16px, 2vw, 28px) !important;
	line-height: 0.7 !important;
	opacity: 0.42 !important;
	position: absolute !important;
	top: clamp(20px, 3vw, 34px) !important;
}

#la-page blockquote p,
.entry-content blockquote p,
.wp-block-quote p {
	color: var(--gris-fonce) !important;
	font-family: var(--police-secondaire) !important;
	font-size: clamp(1.15rem, 1.5vw, 1.45rem) !important;
	font-style: italic !important;
	font-weight: var(--demi-gras) !important;
	line-height: 1.55 !important;
	margin: 0 !important;
	padding: 0 0 0 clamp(54px, 6vw, 92px) !important;
	text-align: left !important;
}

#la-page blockquote p + p,
.entry-content blockquote p + p,
.wp-block-quote p + p {
	margin-top: 14px !important;
}

#la-page blockquote cite,
.entry-content blockquote cite,
.wp-block-quote cite {
	border-top: 2px solid rgba(57, 128, 150, 0.2) !important;
	color: var(--couleur-principale) !important;
	display: block !important;
	font-family: var(--police-secondaire) !important;
	font-size: 0.95rem !important;
	font-style: normal !important;
	font-weight: var(--gras) !important;
	margin: 20px 0 0 clamp(54px, 6vw, 92px) !important;
	padding-top: 14px !important;
}

@media (max-width: 680px) {
	#la-page blockquote,
	.entry-content blockquote,
	.wp-block-quote {
		margin: 30px 0 !important;
		padding: 24px 20px !important;
	}

	#la-page blockquote::before,
	.entry-content blockquote::before,
	.wp-block-quote::before {
		font-size: 4rem !important;
		left: 18px !important;
		top: 24px !important;
	}

	#la-page blockquote p,
	.entry-content blockquote p,
	.wp-block-quote p {
		padding-left: 54px !important;
	}

	#la-page blockquote cite,
	.entry-content blockquote cite,
	.wp-block-quote cite {
		margin-left: 54px !important;
	}
}

/* Cartographie Leaflet : le menu principal doit toujours passer au-dessus. */
#header,
#header #menu,
#menu-principal {
	z-index: 30000 !important;
}

#nav {
	position: relative !important;
	z-index: 30010 !important;
}

#nav li > ul,
#nav li > button[aria-expanded="true"] + ul,
body.menu-open #nav,
body.menu-open #nav li > ul {
	z-index: 30020 !important;
}

#map_canvas,
#carte,
.leaflet-container {
	position: relative !important;
	z-index: 0 !important;
}

.leaflet-control-container,
.leaflet-top,
.leaflet-bottom {
	z-index: 900 !important;
}

/* Sidebar cartographie Abril. */
#sidebar-carto {
	box-sizing: border-box !important;
	color: var(--gris-fonce) !important;
	font-family: var(--police-secondaire) !important;
	padding: 0 !important;
}

#sidebar-carto .filtres-carte,
.filtres-carte {
	background: rgba(255, 255, 255, 0.94) !important;
	border: 1px solid rgba(57, 128, 150, 0.16) !important;
	box-shadow: 0 18px 55px rgba(0, 0, 0, 0.14) !important;
	box-sizing: border-box !important;
	margin: 0 !important;
	max-width: 620px !important;
	min-height: 420px !important;
	padding: 22px 28px 30px 118px !important;
	position: relative !important;
}

#sidebar-carto .filtres-carte::before,
.filtres-carte::before {
	background: rgba(57, 128, 150, 0.08) !important;
	bottom: 0 !important;
	content: "" !important;
	left: 0 !important;
	position: absolute !important;
	top: 0 !important;
	width: 78px !important;
}

#sidebar-carto .filtres-carte #titre-filtrer,
.filtres-carte #titre-filtrer {
	color: var(--couleur-principale) !important;
	display: block !important;
	font-family: var(--police) !important;
	font-size: clamp(1.7rem, 2.4vw, 2.35rem) !important;
	line-height: 1.1 !important;
	margin: 0 0 24px !important;
	padding: 0 !important;
}

#sidebar-carto .filtres-carte > ul,
.filtres-carte > ul {
	margin: 0 !important;
	padding: 0 !important;
}

#sidebar-carto .filtres-carte > ul > li,
.filtres-carte > ul > li {
	border-bottom: 1px solid rgba(0, 0, 0, 0.15) !important;
	box-sizing: border-box !important;
	height: auto !important;
	min-height: 76px !important;
	overflow: hidden !important;
	padding: 0 !important;
}

#sidebar-carto .filtres-carte > ul > li.show,
.filtres-carte > ul > li.show {
	overflow: visible !important;
}

#sidebar-carto .filtres-carte > ul > li > div,
.filtres-carte > ul > li > div {
	display: flex !important;
	height: auto !important;
	min-height: 76px !important;
}

#sidebar-carto .filtres-carte > ul > li > div > a,
.filtres-carte > ul > li > div > a {
	align-items: center !important;
	box-sizing: border-box !important;
	color: var(--gris-fonce) !important;
	display: flex !important;
	font-family: var(--police) !important;
	font-size: 1.18rem !important;
	font-weight: var(--reguliere) !important;
	gap: 14px !important;
	line-height: 1.2 !important;
	padding: 18px 54px 18px 0 !important;
	text-decoration: none !important;
	width: 100% !important;
}

#sidebar-carto .filtres-carte > ul > li > div > a > .svg-inline--fa,
.filtres-carte > ul > li > div > a > .svg-inline--fa {
	color: var(--couleur-principale) !important;
	height: 1.1em !important;
	right: 0 !important;
	top: 50% !important;
	transform: translateY(-50%) !important;
	width: 1.1em !important;
}

#sidebar-carto .filtres-carte > ul > li ul,
.filtres-carte > ul > li ul {
	background: rgba(255, 255, 255, 0.72) !important;
	margin: 0 0 18px !important;
	padding: 0 !important;
}

#sidebar-carto .filtres-carte > ul > li ul li,
.filtres-carte > ul > li ul li {
	border-top: 1px solid rgba(0, 0, 0, 0.08) !important;
	box-sizing: border-box !important;
	color: var(--gris-fonce) !important;
	font-family: var(--police-secondaire) !important;
	font-size: 0.98rem !important;
	font-weight: var(--gras) !important;
	min-height: 58px !important;
	padding: 16px 52px 16px 0 !important;
}

#sidebar-carto .filtres-carte > ul > li.show li span,
.filtres-carte > ul > li.show li span {
	color: var(--gris-fonce) !important;
	padding-right: 46px !important;
}

#sidebar-carto .filtres-carte > ul > li > ul > li > span > svg,
.filtres-carte > ul > li > ul > li > span > svg {
	color: var(--couleur-principale) !important;
	right: 0 !important;
	width: 24px !important;
}

@media (max-width: 900px) {
	#sidebar-carto .filtres-carte,
	.filtres-carte {
		max-width: none !important;
		min-height: 0 !important;
		padding: 20px 18px 24px 88px !important;
	}

	#sidebar-carto .filtres-carte::before,
	.filtres-carte::before {
		width: 62px !important;
	}
}