#liongency_diapo {
	 position: fixed;
	 width: 100vw;
	 height: 100vh;
	 background: #000;
	 top: 0;
	 left: 0;
	 z-index: 10000;
	 box-sizing: border-box;
	 overflow: hidden;
	 padding: 20px;
	/* Par défaut, le diapo est invisible et non cliquable */
	 opacity: 0;
	 pointer-events: none;
}
 #liongency_diapo.active {
	 opacity: 1;
	 pointer-events: auto;
}
 @media (max-width: 760px) {
	 #liongency_diapo {
		 width: 100%;
		 height: 100%;
		 padding: 0;
	}
}
 #liongency_diapo #close_diapo {
	 display: block;
	 position: absolute;
	 top: 20px;
	 right: 20px;
	 height: 30px;
	 width: 30px;
	 cursor: pointer;
	 z-index: 2;
}
 #liongency_diapo #close_diapo span {
	 display: block;
	 position: absolute;
	 top: 50%;
	 left: 0;
	 width: 100%;
	 height: 2px;
	 background: #fff;
	 transform: translateY(-50%) rotate(45deg);
}
 #liongency_diapo #close_diapo span:nth-child(2) {
	 transform: translateY(-50%) rotate(-45deg);
}
 #liongency_diapo #num_diapo {
	 display: block;
	 position: absolute;
	 top: 20px;
	 left: 50%;
	 transform: translateX(-50%);
	 z-index: 2;
}
 #liongency_diapo #num_diapo p {
	 text-align: center;
	 font-size: 16px;
	 color: #fff;
}
 #liongency_diapo .nav_diapo {
	 display: flex;
	 flex-direction: column;
	 justify-content: center;
	 align-items: center;
	 position: absolute;
	 top: 50%;
	 width: 48px;
	 height: 48px;
	 border-radius: 50%;
	 border: 1px solid #fff;
	 cursor: pointer;
	 z-index: 2;
	 transition: all ease 0.4s;
	 transform: translateY(-50%);
	/* Caché en mobile */
}
 #liongency_diapo .nav_diapo:hover {
	 background: rgba(255, 255, 255, 0.4);
}
 @media (max-width: 760px) {
	 #liongency_diapo .nav_diapo {
		 display: none;
	}
}
 #liongency_diapo .nav_diapo.prev {
	 left: 20px;
	 right: auto;
}
 #liongency_diapo .nav_diapo.next {
	 right: 20px;
	 left: auto;
}
 #liongency_diapo .nav_diapo.disable {
	 opacity: 0.2;
	 cursor: default;
	 pointer-events: none;
}
 #liongency_diapo .nav_diapo svg {
	 display: block;
	 fill: none;
	 height: 18px;
	 width: 18px;
	 stroke: currentcolor;
	 stroke-width: 4;
	 overflow: visible;
}
 #liongency_diapo .nav_diapo svg path {
	 fill: none;
	 stroke: #fff;
}
 #liongency_diapo #content_diapo {
	 display: block;
	 position: absolute;
	 left: 50%;
	 top: 50%;
	 transform: translate(-50%, -50%);
	 padding: 50px 75px 20px 75px;
	 width: 100%;
	 height: 100%;
	 box-sizing: border-box;
	 z-index: 1;
}
 @media (max-width: 760px) {
	 #liongency_diapo #content_diapo {
		 padding: 50px 0 20px 0;
	}
}
 #liongency_diapo #content_diapo #block_content_diapo {
	 display: block;
	 position: relative;
	 width: 100%;
	 height: 100%;
	 overflow: hidden;
	/* Pour masquer quand on swype sur mobile */
}
 #liongency_diapo #content_diapo #block_content_diapo .case_content_diapo {
	 display: none;
	/* On masque toutes les images par défaut */
	 position: absolute;
	 left: 0;
	 top: 0;
	 width: 100%;
	 height: 100%;
	/* Vous pouvez ajouter une transition en CSS si besoin par exemple : transition: opacity 0.3s ease;
	 */
}
 #liongency_diapo #content_diapo #block_content_diapo .case_content_diapo img {
	 object-fit: contain;
	 width: 100%;
	 height: 100%;
}