/* Drawn maps (Map, D-066 to D-068): the background picture and the drawing on top (credit of the data: legal notice). */
.alizes-fond { position: relative; aspect-ratio: 1; overflow: hidden; border-radius: 24px; background: #EFE6D3; }
.alizes-fond .screen-reader-text, .alizes-plan .screen-reader-text { position: absolute !important; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; }
/* In the frame of the location and article maps: the map fills the frame, whatever its proportions. */
.alizes-plan__cadre .alizes-fond { position: absolute; inset: 0; aspect-ratio: auto; border-radius: 0; }
.alizes-fond img, .alizes-fond svg { position: absolute; inset: 0; display: block; width: 100%; height: 100%; }
.alizes-fond text { font-family: var(--wp--preset--font-family--manrope, system-ui, sans-serif); }
.alizes-fond__ville { fill: #8C846F; font-size: 17px; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; }
.alizes-fond__mer { fill: #6E97A6; font: italic 400 28px var(--wp--preset--font-family--fraunces, Georgia, serif); }
.alizes-fond__anneau { fill: #785A30; font-size: 16px; font-weight: 700; }
.alizes-fond__point { transition: opacity .35s; }
.alizes-fond__point circle { fill: #CCAD7F; stroke: #fff; stroke-width: 4; transition: fill .25s; }
.alizes-fond__point text { transition: opacity .35s; }
/* One place at a time (D-067): led by the scroll, or by the list where the screen can hover. On a touch screen the
   points of a map led by a list stay visible, without their names (the list is just below). */
.alizes-fond--un .alizes-fond__point:not(.is-actif) { opacity: 0; pointer-events: none; }
@media (hover: hover) { .alizes-fond--survol .alizes-fond__point:not(.is-actif) { opacity: 0; pointer-events: none; } }
@media (hover: none) { .alizes-fond--survol .alizes-fond__point:not(.is-actif) text { opacity: 0; } }
.alizes-fond__village { fill: #6F6550; font-size: 17px; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; paint-order: stroke; stroke: rgba(239, 230, 211, .85); stroke-width: 5px; }
.alizes-fond__village.is-town { font-size: 21px; }
.alizes-fond__village.is-city { fill: #4F4838; font-size: 24px; }
/* The access map sits in a narrow column: its markers (scaled group) and names are 1.7 times larger (Map::K). */
.alizes-fond--acces .alizes-fond__echelle { transform: scale(1.7); }
.alizes-fond--acces .alizes-fond__village { font-size: 29px; }
.alizes-fond--acces .alizes-fond__village.is-town { font-size: 34px; }
.alizes-fond--acces .alizes-fond__village.is-city { font-size: 40px; }
.alizes-fond__acces text { fill: #163B42; font-size: 17px; font-weight: 700; paint-order: stroke; stroke: rgba(239, 230, 211, .9); stroke-width: 5px; }
.alizes-fond__village.is-hamlet { fill: #8C846F; font-size: 13px; font-weight: 600; letter-spacing: 0; text-transform: none; }
.alizes-fond__nom-villa { fill: #163B42; font: 400 30px var(--wp--preset--font-family--gloock, Georgia, serif); paint-order: stroke; stroke: rgba(239, 230, 211, .9); stroke-width: 6px; }
.alizes-fond__lieu-villa { fill: #56615F; font-size: 13px; font-weight: 700; letter-spacing: .16em; paint-order: stroke; stroke: rgba(239, 230, 211, .9); stroke-width: 5px; }
.alizes-fond__point text { fill: #163B42; font-size: 21px; font-weight: 700; paint-order: stroke; stroke: rgba(239, 230, 211, .92); stroke-width: 6px; stroke-linejoin: round; }
a.alizes-fond__point { cursor: pointer; }
a.alizes-fond__point:hover circle, .alizes-fond__point.is-actif circle { fill: #22545D; }
a.alizes-fond__point:hover text { text-decoration: underline; }
/* The line from the villa draws itself when its place is chosen. */
.alizes-fond__trace { fill: none; stroke: #22545D; stroke-width: 3; stroke-linecap: round; stroke-dasharray: 1; stroke-dashoffset: 1; transition: stroke-dashoffset .9s cubic-bezier(.45, 0, .35, 1); }
.alizes-fond__trace.is-actif { stroke-dashoffset: 0; }
.alizes-fond__credit { margin: .5rem 0 0; color: var(--wp--preset--color--encre-douce, #56615F); font-size: .78rem; }
.alizes-fond__credit a { color: inherit; }
@media (max-width: 599px) {
	/* Too small for the names of the places: they are in the list or the cards next to the map. */
	.alizes-fond__point text { display: none; }
	.alizes-fond__point circle { r: 16px; }
	.alizes-fond__ville { font-size: 25px; }
	.alizes-fond__mer { font-size: 36px; }
	.alizes-fond__anneau { font-size: 24px; }
	.alizes-fond__village { font-size: 24px; }
	.alizes-fond__village.is-hamlet { display: none; }
	.alizes-fond--fond .alizes-fond__village.is-city { font-size: 30px; }
	.alizes-fond--fond .alizes-fond__nom-villa { font-size: 40px; }
	.alizes-fond--fond .alizes-fond__lieu-villa { font-size: 18px; }
}
@media (prefers-reduced-motion: reduce) { .alizes-fond__trace { transition: none; } }