/* MAP (code de Larçay) */
/* Map */
	.map .second-header .site-tools {
	    right: calc(50% - 465px);
	}
	.map main {
		height: calc(100vh - 90px);
	}
		.map .map-page {
			position: relative;
			flex-direction: row;
			height: calc(100% - 50px);
			width: 100vw;
		}
			.map-page .map-col-left {
				position: absolute;
				bottom: 0;
				left: 0;
				top: 0;
			    z-index: 2; /* 9999 car le sous-menu principal passe sous le menu des filtres... */ 
				width: 25%;
				background-color: var(--mainlight);
			    box-shadow: 0 0 10px rgb(0 0 0 / 15%);
			}
				.map-col-left .filters-title::after {
					display: none;
				}
				.map-col-left form {
					top: 50px;
					display: block;
				}
			.map-page .map-content {
				position: absolute;
				bottom: 0;
				left: 25%;
				right: 0;
				top: 0;
			}
				.map-page .embed-responsive-16by9 {
				    position: absolute;
				    bottom: 0;
				    left: 0;
				    right: 0;
				    top: 0;
				    height: auto;
				}
					.leaflet-bottom.leaflet-right {
						right: 10px;
					}


	/* Map */
	.map .second-header .container-title {
		padding-top: 90px;
	}
	.map-col-left form {
		top: 160px;
	}


.map .second-header {
	position: relative;
	height: 0;
}
	.map .second-header .container-title {
		padding-top: 60px;
	}
	.map .second-header .site-tools {
	    bottom: -50px;	    
	    transform: none;
	}
		.map .second-header .site-tools .d-flex {
			display: none!important;
		}
.map main {
	margin: 0;
}
	.map .site-main > .container {
	    display: flex;
	    height: 50px;	    
	}
		.map .breadcrumb {
			margin: 0;
			padding: 0;
		}
	.map .map-page {
		flex-direction: column;
		height: 100%;
		background-color: #eff0ea;
	}
		.map-page .map-col-left {
			width: 100%;
		}
			/* Titre bloc */
			.map-col-left .filters-title {
				position: relative;
				display: flex;
			    align-items: center;
			    height: 50px;
			    padding: 0 20px;
			    background: var(--secondary);
			    color: #fff;
			    font-size: 1.5em;
			}
				.map-col-left .filters-title::after {
					position: absolute;
				    right: 10px;
				    top: 10px;
				    border-radius: 50%;
				    height: 30px;
				    width: 30px;
				    display: flex;
				    align-items: center;
				    justify-content: center;
					content: '\f078';
					background-color: #fff;
					color: #333;
					font-size: 14px;
				    font-weight: 600;
				    transition: transform .3s;
				}
				.map-col-left.visible .filters-title::after {
					transform: rotate(180deg);
				}

			.map-col-left .card {
				color: #212121;
				background: var(--mainlight);
			}

			.map-col-left .card-header {
				background: inherit;
			}

			.map-col-left form {
			    position: absolute;
			    bottom: 0;
			    left: 0;
			    right: 0;
			    top: 160px;
			    z-index: 9999;
			    display: none;
			    overflow: hidden auto;				
			}
			.map-col-left.visible form {
				display: block;
			}
				.map-col-left ::-webkit-scrollbar {
					background: transparent;
				    width: 4px;
				    height: 4px;
				}
				.map-col-left ::-webkit-scrollbar-thumb {
					background: #afafb0;
				}
				.map-col-left .accordion-map {
					/*border-bottom: 1px solid #dee0d1;*/
					margin-bottom: 0;
				}
					.map-col-left .accordion-item.filter-location-item-first {/* Surcharge Cesson */
						border-top: 0;
					}
					.map-col-left .accordion>.card>.card-header {/* Surcharge Bootstrap */
						border-bottom: 0;
						height: inherit;
						margin-bottom: 0;
						padding: 0;
						font-size: 1em;
					}
						/* Titre des accordéons */
						.rte-content .map-col-left .accordion-title-map,
						.rte-content .map-col-left .accordion-title-map:last-child {
							position: relative;
							display: flex;
							align-items: center;
							min-height: 50px;
							margin-bottom: 0;
							padding: 0/*10px 50px 10px 20px*/;
							background-color: var(--mainlight);
							font-size: 1em;
						}

							.map-col-left .accordion-title-map .accordion-title-link-text-map {
								/*position: relative;
								z-index: 2;*/
								display: flex;
								align-items: center;
								flex-direction: row-reverse;
							}
								.map-col-left .accordion-title-link-text-map label {
								    margin: 0;
								    font-size: .938em;
								    cursor: pointer;
								}
								.map-col-left .accordion-title-link-text-map .checkbox-map {
									margin: 0 10px 0 0;
								}
							.map-col-left .accordion-header-map .accordion-title-link-map,
							#wrap .map-col-left .accordion-header .accordion-title-link:is(:focus-visible,:focus,:hover,:active),
							.map-col-left .accordion-title-map .filter-location,
							#wrap .map-col-left .accordion-title-map .filter-location:is(:focus-visible,:focus,:hover,:active) {
							    /*position: absolute;
							    bottom: 0;
							    left: 0;
							    right: 0;
							    top: 0;*/
								display: flex;
								align-items: center;
							    justify-content: flex-start;
								padding: 10px 50px 10px 60px;
								line-height: 1;
							}
								.map-col-left .accordion-header-map .list-icon {
								    position: absolute;
								    left: 15px;
								    top: 10px;
								    border-radius: 50%;
								    height: 30px;
								    width: 30px;
								    overflow: hidden;
								}
							.map-col-left .filter-location .accordion-title-link-state-map {
								visibility: hidden;
							}
							.map-col-left .active .accordion-title-link-state-map {
								visibility: visible;
							}
							.map-col-left .accordion-title-map .filter-location.active {
								background-color: var(--mainlight);
							}
							.map-col-left .accordion-header-map .accordion-title-link-map.collapsed {
								text-decoration: none;
							}
							.accordion-header-map .accordion-title-link-map,
							.accordion-header-map .accordion-title-link-map:is(:focus-visible,:focus,:hover,:active),
							.accordion-map .card a:not(.btn):hover {
								border-radius: 0;
							}
								.map-col-left .accordion-title-link-state-map {
									margin-left: auto;
								}
								.map-col-left .accordion-title-link-state-map::before {
									background-color: transparent;								
		    						box-shadow: none;
								}
							/* Contenu des accordeons */
							.map-col-left .accordion-body {
								padding: 0 20px;
								background-color: var(--mainlight);
							}
								.map-col-left .accordion-content {
									margin: 0;
								}
									.map-col-left .accordion-content-item {
										padding: 0;
									}
										.map-col-left .accordion-body li {
											position: relative;
											display: flex;
											/*flex-direction: row-reverse;
											justify-content: flex-end;*/
											padding: 10px 0;
											line-height: 1;
											overflow: hidden;
										}
											.map-col-left .accordion-body .label-number {
												order: 3;
												margin-left: auto;
												padding-left: 15px;
											}
											.map-col-left .accordion-body label {
												order: 2;
											    margin: 0;
											    font-size: .938em;
											    cursor: pointer;
											}
											.map-col-left .accordion-body li.filter-location-item-first label {
												color: #737373;
											}
											.map-col-left .accordion-body .check-cache {
												order: 1;
												position: relative;
												height: 16px;
												margin: 0 10px 0 0;
												min-width: 16px;
												overflow: hidden;
											}
												.map-col-left .accordion-body .checkbox-map {
													position: absolute;
													top: -25px;
													/*margin: 0 10px 0 0;*/
												}
												.map-col-left .accordion-body .check-cache::after {
													content: '\e946';
													color: #999;
												}
												.map-col-left .accordion-body li.filter-location-item-first .check-cache::after {
													content: '\e947';
												}
												.map-col-left .accordion-body .checkbox-map:checked ~ .check-cache::after {
													content: '\e946';
													color: #0075ff;
													font-weight: 600;
												}

		.map-page .map-content {
			height: 100%;
		}
			.map-page .map-content .embed-responsive {
				z-index: 0; /* Pour le menu */
				height: calc(100vh - 140px);
			}
			.map-content .leaflet-control-container .leaflet-top.leaflet-left {
				bottom: 20px;
				left: auto;
				right: 10px;
				top: auto;
			}
.map .site-footer {
    display: none;
}
.marker-cluster-small,
.marker-cluster-medium,
.marker-cluster-big {
	background-color: transparent;
}
.marker-cluster-small div,
.marker-cluster div {
    display: flex;
    align-items: center;
    justify-content: center;
    border: 3px solid #000;
    border-radius: 18px!important;
    height: 36px!important;
    width: 36px!important;
    font-size: 18px!important;
    background: #fff;
    outline: none;
}
.map-marker img {
    cursor: pointer;
    height: 26px;
    width: 26px;
    border-radius: 50%;
    border: 2px solid white;
    transition: all 0.2s cubic-bezier(0, 1.3, 0.6, 1.7);
}
.leaflet-container .leaflet-marker-pane img {
    border-radius: 16px;
    overflow: hidden;
}

@media screen and (min-width: 992px) {/* TABLETTES  ************************************************ */

/* Map */
	.map .second-header .site-tools {
	    right: calc(50% - 465px);
	}
	.map main {
		height: calc(100vh - 125px);/* Header */
	}
		.map .map-page {
			position: relative;
			flex-direction: row;
			height: calc(100% - 50px);/* Breadcrumd */
			width: 100vw;
		}
			.map-page .map-col-left {
				position: absolute;
				bottom: 0;
				left: 0;
				top: 0;
			    z-index: 2; /* 9999 car le sous-menu principal passe sous le menu des filtres... */ 
				width: 25%;
				background-color: var(--mainlight);
			    box-shadow: 0 0 10px rgb(0 0 0 / 15%);
			}
				.map-col-left .filters-title::after {
					display: none;
				}
				.map-col-left form {
					top: 50px;
					display: block;
				}
			.map-page .map-content {
				position: absolute;
				bottom: 0;
				left: 25%;
				right: 0;
				top: 0;
			}
				.map-page .embed-responsive-16by9 {
				    position: absolute;
				    bottom: 0;
				    left: 0;
				    right: 0;
				    top: 0;
				    height: auto;
				}
				.map-page .map-content .embed-responsive {
					height: calc(100vh - 125px - 51px);
				}
					.leaflet-bottom.leaflet-right {
						right: 10px;
					}
}


@media screen and (min-width: 1200px) {/* DESKTOP - Grands  ************************************************ */

/* Map */
	.map .second-header .site-tools {
	    right: calc(50% - 555px);
	}
	.map .site-main > .container {
		padding-left: 260px;
	}

}