@charset "utf-8";
/* CSS Document */

	#mapper{width:100%;height:500px;}
	
	#mapdir{margin-top:10px;background:none;padding:10px}

	.afficheobj {display:inline-block}
	.masqueobj {display:none;}
	
	.mapIcones { 
		padding: 10px;
		justify-content: flex-start;
	}

	.mapIcones img { margin-right:5px;}

	#itineraire, #trouver {
		background-color: #00b7ff;
		color: #fff;
		border: none;
		border-radius: 5px;
		padding: 5px 10px;
	}
	.adp-directions {
		width: 100%;
	}


.leaflet-tile-pane {
    filter:
        grayscale(100%)
        brightness(1.2)
        opacity(0.95);
}


.leaflet-popup-content-wrapper, .leaflet-popup-tip {
	background: #fff !important;
	color: #222;
	border: 1px solid #aaa;
	border-radius: 3px !important;
	width:300px;
}




#map { height: 600px; z-index:1; border: 1px solid #e5e5e5;}

/* Style pour les clusters */
.marker-cluster {
    background-color: rgba(255, 0, 0, 0.5);
    color: white;
    border-radius: 50%;
    text-align: center;
}

.marker-cluster-small {
    width: 30px;
    height: 30px;
    line-height: 30px;
}

.marker-cluster-medium {
    width: 40px;
    height: 40px;
    line-height: 40px;
}

.marker-cluster-large {
    width: 50px;
    height: 50px;
    line-height: 50px;
}

/* liste résultats */
.labelCherche {
	width: 80px;
	display: inline-block;
	background-color: #444;
	padding: 4px;
	margin-right: -4px;
	border: 1px solid #444;
	color: #fff;
}

#pays, #ville {
	width: 300px;
	padding: 4px 10px;
	margin-bottom: 10px;
	border-radius: 0 0 0 0;
	border: 1px solid #ccc;
}

.catAdresse {
  width: 100%;
  margin-top: 10px;
  text-align: left;
}


#liste { display:flex;   justify-content: flex-start;}

.ficheRevendeur {
padding: 10px;
  border: 1px solid #5553;
  margin: 10px;
  font-size: 0.8em;
  border-radius: 5px;
  line-height: 100% !important;
  position: relative;
	cursor: pointer;

	transition:
		background-color 0.25s ease,
		border-color 0.25s ease,
		transform 0.25s ease,
		box-shadow 0.25s ease;

}

.ficheRevendeur:hover {
	background-color: #f8f8f8;
	border-color: #aaa;
	transform: translateY(-2px);
	box-shadow: 0 3px 8px rgba(0,0,0,0.08);
}


.ficheRevendeur::after {
	content: attr(data-title);

	position: absolute;
	left: 50%;
	bottom: -32px;
	transform: translateX(-50%) translateY(-4px);

	background: #333;
	color: #fff;
	padding: 5px 9px;
	border-radius: 4px;

	font-size: 11px;
	white-space: nowrap;

	opacity: 0;
	visibility: hidden;
	pointer-events: none;
	z-index: 100;

	transition:
		opacity 0.2s ease,
		transform 0.2s ease;
}

.ficheRevendeur:hover::after {
	opacity: 1;
	visibility: visible;
	transform: translateX(-50%) translateY(0);
}


.ficheRevendeur p {
  line-height: 100% !important;
}


.enteteRevendeur {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	gap: 10px;
}

.enteteRevendeur b {
	flex: 1;
}

.lienCarte {
	flex-shrink: 0;
	background: none !important;
	border: 0 !important;
	padding: 0 !important;
	text-decoration: underline;
	cursor: pointer;
	font-size: 0.8em;
}