@import url('https://fonts.googleapis.com/css2?family=PT+Sans:ital,wght@0,400;0,700;1,400;1,700&family=Sora:wght@100..800&display=swap');

body, html
{
	font-family: "PT Sans", sans-serif;
	font-weight: 400;
	font-style: normal;	
	overflow-x: hidden;
	font-size: 1em;
}

#cluster
{
	position: fixed;
	top:0px;
	left:0px;
	z-index: 1;
}

.no-u
{
	text-decoration: none;
}

.int
{
	padding : 20px 27px;
}

.bt_full
{
	position: fixed;
	z-index: 2000;
	top : 20px;
	right : 20px;
	background-color: #594f47;;
	color : #fafcff;
	display: inline-block;
	padding: 8px 12px;
	border-radius: 10px;
	text-transform: uppercase;
	font-size: 12px;
	cursor: pointer;
	text-decoration: none;
	transition: all .3s ease-in-out;
}

.bt_full:hover
{
	background-color: black;
}

.tag
{
	display: inline-block;
	padding: 3px 8px;
	border-radius: 10px;
	text-transform: uppercase;
	color : white;
	margin-left: 10px;
	font-size: 12px;
	vertical-align: middle;
}

.tag_ferme
{
	background-color: #dc0c15;
}

.tag_ouvert
{
	background-color: #2faf00;
}

.texte
{
	color :#594f47;;
	font-size : 16px;
}

.type
{
	color:#747678;
	font-size : 12px;
}


.leaflet-popup
{
	bottom : -35px !important;
	width: 400px !important;
	text-align: center;
}

.VAN22_MI_BOX
{
	width: 100%;
}

.VAN22_MI_BOX_INT
{
	width: calc( 100% - 20px );
	padding : 10px;
	text-align: center;
	color:black;
}

.VAN22_MIB_VISUEL
{
	width:100%;
	height:220px;
	background-position: center center;
	background-size: cover;
}

.VAN22_MIB_SUR,
.VAN22_MIB_SOUS
{
	text-transform: uppercase;
	font-size: .95em;
}

.VAN22_MIB_TITRE
{
	font-size: 1.7em;
	line-height : 1em;
	font-weight: 900;
}

.leaflet-container a.leaflet-popup-close-button {

	position: absolute;
	top: 0;
	right: 0;
	padding: 3px 5px 0 0 !important;
	border: none;
	border-bottom-color: currentcolor;
	text-align: center;
	width: 30px !important;
	height: 30px !important;
	font: 30px Tahoma, Verdana, sans-serif !important;
	font-weight: normal;
	color: white;
	text-decoration: none;
	font-weight: bold;
	background: transparent;
}




.mycluster {
	height: 40px;
	width: 40px;
	border-radius: 50%;
	background-color: #3498db;
	color: white;
	text-align: center;
	font-size: 20px;    
	line-height: 40px;
	margin-top: -20px;
	margin-left: -20px;
}

.leaflet-popup-content
{
	width: 100% !important;
	margin :0px !important;
	padding: 15px !important;
	border-radius:8px !important;
	
}

.leaflet-popup-content-wrapper
{
	padding : 0px !important;
	border-radius : 8px !important;
	-webkit-box-shadow: 0px 0px 30px -4px rgba(0,0,0,0.3) !important;
	-moz-box-shadow: 0px 0px 30px -4px rgba(0,0,0,0.3) !important;
	box-shadow: 0px 0px 30px -4px rgba(0,0,0,0.3) !important;
	color : #594f47 !important;
	font-family: "PT Sans", sans-serif;
	font-weight: 300;
	color:black;
	font-size: 14px;
	min-width: 180px;
}

.leaflet-popup-content-wrapper h2
{
	font-family: "PT Sans", sans-serif;
	font-weight: 900;
	font-size: 20px;
	line-height: 1.1em;
	margin-bottom: 5px !important;
	background-color: #fafcff;
	color :#594f47;
	margin : 0px !important;
	padding : 20px 27px;
	border-bottom : 1px solid #f2f2f2;
	min-width: 220px;
}




.marker-cluster-small {
	background-color: rgba(194,93,27, .4);
	}
.marker-cluster-small div {
	background-color: rgba(194,93,27, 1);
	}

.marker-cluster-medium {
	background-color: rgba(194,93,27, 0.4);
	}
.marker-cluster-medium div {
	background-color: rgba(194,93,27, 0.4);
	}

.marker-cluster-large {
	background-color: rgba(194,93,27, 0.4);
	}
.marker-cluster-large div {
	background-color: rgba(194,93,27, 0.4);
	}

/*
.marker-cluster-small {
	background-color: rgba(68, 98, 134, 0.4);
	}
.marker-cluster-small div {
	background-color: rgba(68, 98, 134, 0.4);
	}

.marker-cluster-medium {
	background-color: rgba(45, 79, 119, 0.4);
	}
.marker-cluster-medium div {
	background-color: rgba(45, 79, 119, 0.4);
	}

.marker-cluster-large {
	background-color: rgba(21,59,104, 0.8);
	}
.marker-cluster-large div {
	background-color: rgba(21,59,104, 0.8);
	}	
*/
	
.marker-cluster-large div,
.marker-cluster-medium div,
.marker-cluster-small div
{
	transition: all 0.3s cubic-bezier(.25,.8,.25,1);
}

.marker-cluster-large:hover div,
.marker-cluster-medium:hover div,
.marker-cluster-small:hover div
{
	transform: scale(1.5);
}


	/* IE 6-8 fallback colors */
.leaflet-oldie .marker-cluster-small {
	background-color: rgb(181, 226, 140);
	}
.leaflet-oldie .marker-cluster-small div {
	background-color: rgb(110, 204, 57);
	}

.leaflet-oldie .marker-cluster-medium {
	background-color: rgb(241, 211, 87);
	}
.leaflet-oldie .marker-cluster-medium div {
	background-color: rgb(240, 194, 12);
	}

.leaflet-oldie .marker-cluster-large {
	background-color: rgb(253, 156, 115);
	}
.leaflet-oldie .marker-cluster-large div {
	background-color: rgb(241, 128, 23);
}

.marker-cluster {
	background-clip: padding-box;
	border-radius: 20px;
	}
.marker-cluster div {
	width: 30px;
	height: 30px;
	margin-left: 5px;
	margin-top: 5px;

	text-align: center;
	border-radius: 15px;
	
	font-family: "PT Sans", sans-serif;
	font-weight: 700;
	font-size : 16px;
	color:white;
	}
.marker-cluster span {
	line-height: 30px;
	}


.VAN22_LIGNE_VERTE_PATH
{
	stroke: #00ff00;
	fill: none; 
	stroke-width: 2;
}

.leaflet-container a {
  color: #594f47 !important;
}