/* .............................................................................
LITY
Lity - v2.3.1 - 2018-04-20
http://sorgalla.com/lity/
Copyright (c) 2015-2018 Jan Sorgalla; Licensed MIT
............................................................................. */
.lity {z-index: 9990;position: fixed;top: 0;right: 0;bottom: 0;left: 0;white-space: nowrap;outline: none !important;}
.lity * {box-sizing: border-box; }
.lity-wrap {z-index: 9990;position: fixed;top: 0;right: 0;bottom: 0;left: 0;text-align: center;outline: none !important;background: rgba(0, 0, 0, 0.9);}
.lity-wrap::before {content: ''; display: inline-block; height: 100%; vertical-align: middle; margin-right: -0.25em; }
.lity-loader {z-index: 9991; color: #fff; position: absolute; top: 50%; margin-top: -0.8em; width: 100%; text-align: center; font-size: 14px; font-family: Arial, Helvetica, sans-serif; opacity: 0; transition: opacity 0.3s ease; }
.lity-loading .lity-loader {opacity: 1; }
.lity-container {z-index: 9992; position: relative; text-align: left; vertical-align: middle; display: inline-block; white-space: normal; max-width: 100%; max-height: 100%; outline: none !important; }
.lity-content {z-index: 9993; width: 100%; }
/* .lity-content::after {content: ''; position: absolute; left: 0; top: 0; bottom: 0; display: block; right: 0; width: auto; height: auto; z-index: -1; box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); } */
/* .lity-close { z-index: 9994; width: 35px; height: 35px; position: fixed; right: 0; top: 0; -webkit-appearance: none; cursor: pointer; text-decoration: none; text-align: center; padding: 0; color: #fff; font-style: normal; font-size: 35px; font-family: Arial, Baskerville, monospace; line-height: 35px; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); border: 0; background: none; outline: none; box-shadow: none; }
.lity-close::-moz-focus-inner { border: 0; padding: 0; }
.lity-close:hover,
.lity-close:focus,
.lity-close:active,
.lity-close:visited { text-decoration: none; text-align: center; padding: 0; color: #fff; font-style: normal; font-size: 35px; font-family: Arial, Baskerville, monospace; line-height: 35px; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); border: 0; background: none; outline: none; box-shadow: none; }
.lity-close:active { top: 1px; } */
/* Image */
.lity-image img {max-width: 100%;width: auto;display: block;line-height: 0;border: 0;}
/* iFrame */
.lity-iframe .lity-container,
.lity-youtube .lity-container,
.lity-vimeo .lity-container,
.lity-facebookvideo .lity-container,
.lity-googlemaps .lity-container {width: 100%;}
.lity-iframe-container { width: 100%; height: 0; padding-top: 56.25%; overflow: auto; pointer-events: auto; transform: translateZ(0); -webkit-overflow-scrolling: touch; }
.lity-iframe-container iframe { position: absolute; display: block; top: 0; left: 0; width: 100%; height: 100%; background: #000; }
.lity-hide { display: none; }



/*
ANIMATION
Open / close animation */
.lity-closed { }
.lity-loading { }

.lity-wrap {opacity:1; transition: opacity 0.3s;}
.lity-loading .lity-wrap,
.lity-closed .lity-wrap {opacity: 0; }

.lity-content {transform: scale(1); transition: transform 0.3s ease; }
.lity-loading .lity-content,
.lity-closed .lity-content {transform: scale(0.8); }



/*
CLOSE btn
Ressemble a .btnIcon mais pas pareil. */
.lity-close {opacity: 1;border: none;cursor: pointer;outline: none;text-decoration: none;text-align: left;line-height: 1;padding: 0;width: 1em;height: 1em;color: #fff;background-color: transparent;background-image: url(../../img/icons/icon-close.svg);background-repeat: no-repeat;background-position: center center;background-size: 1em;transition: opacity 0.3s ease;text-indent: 100%;white-space: nowrap;overflow: hidden;position: absolute;top: 0;right: -0.2002em;font-size: 4.002em;font-weight: normal;display: block;transform: translateY(-100%);}
.lity-close:hover {opacity: 0.5;}

/* On n'affiche pas le close partout car a certains endroits
on a un custom HTML btn ajouter au popup. */
.lity-close {display: none;}

/* Ces types de lightbox prennent le close par defaut */
.lity-iframe .lity-close,
.lity-youtube .lity-close,
.lity-vimeo .lity-close,
.lity-facebookvideo .lity-close,
.lity-googlemaps .lity-close {display: block; }



/*
POPUP / Video
Specific popup styles pour videos. */
.lity-youtube, 
.lity-vimeo { }

.lity-youtube .lity-wrap, 
.lity-vimeo .lity-wrap {padding: 4.002em 5.002% 2.002em 5.002%;}
.lity-youtube .lity-iframe-container iframe,
.lity-vimeo .lity-iframe-container iframe {max-height: calc(100vh - 6.002em); }



/*
POPUP / Image
Specific popup styles for images. */
.lity-image { }
.lity-image .lity-wrap {padding: 4.002em 5.002% 2.002em 5.002%;}
.lity-image img {max-height: calc(100vh - 6.002em) !important;}



/*
CENTRER VERTICALEMENT
Centrer le popup verticalement et scrollbar si trop haut.
Methode 1 = la plus simple.
Methode 2 = fonctionnel mais plus complique. */
.popupMethode1 {overflow: auto; max-height: var(--vh, 100vh) !important;}
.popupMethode1__in {padding:2.002em;}

.popupMethode2 {width: 100%; height: 100vh;height: var(--vh, 100vh); display: flex;align-items: center; }
.popupMethode2__in {display: block;flex: 0 0 auto; width: 100%;max-height: 100%;overflow: auto;padding: 2.002em;}