@charset "utf-8";
<style>
	#map-wrapper
	{
		max-width: 65rem;
		margin: 0 auto 1rem;
		background: #FFFFFF;
		overflow-x: hidden;
	}
	.map-content
	{
		position: relative;
		overflow-x: auto;
	}
	.block-images
	{
		position: relative;
		width: 100%;
	}
	.block-images .worldmap-img
	{
		position: relative;
		width: 100%;
		top: 0;
		left: 0;
		background-color: #e9f1f9;
	}
	.block-images .worldmap-svg
	{
		z-index: 1;
		position: absolute;
		width: 100%;
	}
	.style-pins-svg
	{
		fill:#FFFFFF;
		stroke:#1057c8;
		stroke-width:3;
		stroke-miterlimit:6;
	}
	.pins_modal
	{
		cursor: pointer;
		transition: all .4s ease-out;
	}
	.pins_modal.current
	{
		fill: #FFFFFF;
		stroke: #1057c8;
		stroke-width: 6;
	}
	.pins_modal:hover, .pins_modal:focus
	{
		fill: #FFFFFF;
		stroke: #1057c8;
		stroke-width: 6;
	}
	.modale[aria-modal="true"],.modale[aria-modal="true"]
	{
		display: none;
	}

	.modale:not([aria-modal="true"]),.modale:not([aria-modal="true"])
	{
		display: block;
	}

	.modale
	{
		display: none;
		/* Hidden by default */
		background: #FFFFFF;
		width: 16rem;
		position: absolute;
		z-index: 999;
		top: 1rem;
		left: 1rem;
		bottom: 1rem;
		padding: 2.5rem 1rem 1rem;
		overflow-y: auto;
		overflow-x: hidden;
		-webkit-animation-name: animatetop;
		-webkit-animation-duration: 0.4s;
		animation-name: animatetop;
	animation-duration: 0.4s}

	.modale img
	{
		width: 100%;
		box-shadow: 0px 0px 5px #00000030;
	}

	.modale p
	{
		color: #001A70;
		font-size: 0.875rem;
		line-height: 1.5;
		margin: 0;
		margin-bottom: 15px;
	}
		.modale p a
	{
		font: 0.875rem/1.5 "EDF-Regular",sans-serif;
		color: #005BFF;
		display:block;
		text-decoration: none;
	}
		.modale p a::after
	{
		content: '';
		position: relative;
		display: inline-block;
		inset-inline-start: .5rem;
		top: .1rem;
		height: .75rem;
		width: .75rem;
		background: url(/themes/custom/nova/assets/images/03-organisms/illustrative-points/images/arrow.png) no-repeat center;
	}
		.modale p a:hover {
text-decoration: underline;
}

	.modale ul
	{
		font-size: 0.875rem;
	}

	.modale h3
	{
		color: #001A70;
		font-size: 1.25rem;
		line-height: 130%;
		position: relative;
		margin-bottom: 2.25rem;
		font-weight: normal;
	}

	.modale h3:after
	{
		position: absolute;
		bottom: -1rem;
		left: 0;
		width: 5rem;
		height: 0.35rem;
		background-color: #FE5716;
		content: '';
	}

	.close
	{
		border: none;
		background: none;
		font-size: 0;
		position: absolute;
		right: 0.6rem;
		top: 0.6rem;
		width: 1.4rem;
		height: 1.4rem;
	}

	.close:focus
	{
		outline:2px solid #001A70;
	}

	.close:after, .close:before
	{
		content: "";
		position: absolute;
		top: 0.2rem;
		right: 0.65rem;
		height: 0.95rem;
		width: 0.05rem;
		background-color: #001A70;
	}

	.close:before
	{
		transform: rotate(45deg);
	}

	.close:after
	{
		transform: rotate(-45deg);
	}

	/* CSS Mobile */
	@media (max-width: 47rem)
	{
		.map-content
		{
			margin: 1rem;
			width: calc(100% - 2rem);
		}

		.block-images
		{
			width: max-content;
			height: calc(100vh - 2rem);
		}

		.block-images .worldmap-img
		{
			height: 100%;
		}

		.block-images .worldmap-svg
		{
			height: 100%;
		}

		.modale
		{
			position: fixed;
			left: 2rem;
			top: 2rem;
			width: calc(100% - 4rem);
			height: calc(100% - 4rem);
		}
	}

	/* The Modale (animation) */
	@-webkit-keyframes animatetop
	{
		from
		{
			left: -600px;
		opacity: 0}

		to
		{
			left: 0;
		opacity: 1}
	}

	@keyframes animatetop
	{
		from
		{
			left: -600px;
		opacity: 0}

		to
		{
			left: 0;
		opacity: 1}
	}
</style>