/* Visionneuse de photos (lot 2.9), voir visionneuse.js */
.acer-v-ouverte, .acer-v-ouverte body { overflow: hidden; }
.acer-visionneuse { position: fixed; inset: 0; z-index: 100000; background: rgba(10, 10, 10, .94); display: flex; align-items: center; justify-content: center; }
.acer-visionneuse[hidden] { display: none; }
.acer-v-cadre { margin: 0; max-width: calc(100vw - 140px); text-align: center; }
.acer-v-cadre img { display: block; margin: 0 auto; max-width: 100%; max-height: calc(100vh - 140px); width: auto; height: auto; object-fit: contain; }
.acer-v-cadre figcaption { color: #eee; font-size: 16px; line-height: 1.4; margin-top: .6em; }
.acer-v-compteur { display: block; color: #aaa; font-size: 14px; margin-top: .2em; }
.acer-visionneuse button { font: inherit; cursor: pointer; border: 0; color: #fff; background: rgba(255, 255, 255, .14); }
.acer-visionneuse button:hover, .acer-visionneuse button:focus-visible { background: #b00020; outline: 2px solid #fff; }
.acer-v-fermer { position: absolute; top: 14px; right: 14px; padding: .5em 1em; border-radius: 1.5em; font-size: 16px; font-weight: bold; }
.acer-v-prec, .acer-v-suiv { position: absolute; top: 50%; transform: translateY(-50%); width: 54px; height: 80px; border-radius: 8px; font-size: 44px; line-height: 1; }
.acer-v-prec { left: 10px; }
.acer-v-suiv { right: 10px; }
.acer-v-prec[hidden], .acer-v-suiv[hidden] { display: none; }
@media (max-width: 700px) {
	.acer-v-cadre { max-width: 100vw; padding: 0 4px; }
	.acer-v-cadre img { max-height: calc(100vh - 170px); }
	.acer-v-prec, .acer-v-suiv { top: auto; bottom: 14px; transform: none; width: 64px; height: 52px; font-size: 34px; }
}