:root {
	--clickid-texte: #ffffff;
	--clickid-texte2: #000000;
	--clickid-principale: #288A96;
	--clickid-radius: 0rem; /* popup */
}

body {
	display: flex;
	flex-direction: column;
	overflow-x: hidden;
}

.page.page-template-default header {
	padding-top: 3rem;
	transition: .2s ease padding;
}
.page.page-template-default header.scroll-hf {
	padding-top: 0;
}

.home-flash {
	width: 100%;
	z-index: 11;
}

.home-flash [class*="diaporama"] {
	margin: 0;
}

.click-flash__post > div {
	text-decoration: none;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	box-sizing: border-box;
	padding: .5rem 0 .5rem calc(100px + 1rem);
	width: fit-content;
  margin: auto;
  position: relative;
}

.home-flash__post,
[class*="diaporama"] .carousel__slide.home-flash__post {
	background: var(--clickid-principale);
	margin: 0;
	padding: 0 .5rem ;
	height: 2rem;
	display: flex;
	justify-content: center;
	align-items: center;
	overflow: initial;
}

[class*="diaporama"].home-flash .carousel__viewport {
	overflow: initial;
}

@media screen and (max-width: 1023px) {
	.home-flash__post,
	[class*="diaporama"] .carousel__slide.home-flash__post {
		padding: .5rem 1rem;
		box-sizing: border-box;
		height: auto;
	}
}

.home-flash__post p {
	margin: 0;
	text-align: left;
	font-size: 14px;
	font-family: arial, sans-serif;
	color: var(--clickid-texte);
	display: inline-block;
}
@media screen and (max-width: 1023px) {
	.home-flash__post p {
		font-size: .8rem;
	}
	.home-flash__post__titre {
		font-size: .9rem;
	}
}

.home-flash__post.noimg > div {
	padding: .5rem 0 .5rem;
}

.home-flash__post picture, .home-flash__post figure {
	display: flex;
}

.home-flash .home-flash__post img,
.home-flash [class*="diaporama"] .carousel__slide img {
	position: absolute;
	left: 0;
	top: 0;
	width: 100px;
	height: 100%;
	object-fit: cover;
}

p.home-flash__post__popup__titre {
	text-transform: uppercase;
	font-weight: 600;
	margin-bottom: 1rem;
}

.home-flash__post__bouton {
	display: inline-block;
	background: none;
	padding: 0;
	text-decoration: underline;
	border: none;
	cursor: pointer;
	transition: .3s ease;
	font-family: arial, sans-serif;
	font-weight: bold;
	font-size: .8rem;
	color: var(--clickid-texte);
}

.home-flash__post__bouton:hover {
	background: none;
	color: inherit;
	opacity: .5;
}

.home-flash__post__popup {
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	background: white;
	border-radius: var(--clickid-radius);
	width: 40vw;
  padding: 1rem 2rem 2rem;
	box-sizing: border-box;
	opacity: 0;
	box-shadow: 0 0 3rem rgba(0,0,0,.1);
	transform: translateY(-100vh);
	transition: .3s ease-in-out;
	height: fit-content;
	pointer-events: none;

	max-height: 90vh;
	overflow-y: auto;

	scrollbar-color: #bebebe #ebebeb;
	scrollbar-width: thin;
}

.home-flash__post__popup p {
	color: var(--clickid-texte2);
	display: block;
}

.home-flash__post__popup * {
	max-width: 100%;
}
.home-flash__post__popup img {
	height: auto;
}

.home-flash__post__fond {
	background: rgba(0,0,0,.5);
	width: 100vw;
	height: 100vh;
	position: fixed;
	top: 0;
	left: 0;
	pointer-events: none;
	opacity: 0;
	z-index: -1;
}

.home-flash__post__popup::-webkit-scrollbar {
	width: 8px;
	height: 8px;
	background-color: #ebebeb; /* couleur de fond */
	border-radius: 16px;
}
.home-flash__post__popup::-webkit-scrollbar-thumb {
	background: #bebebe; /* couleur du repère de scroll */
	border-radius: 16px;
}
.home-flash__post__popup.show {
	transform: translateY(0);
	opacity: 1;
	pointer-events: all;
}
.home-flash__post__popup.show + .home-flash__post__fond {
	opacity: 1;
}

.home-flash__post__popup .home-flash__post__bouton {
	width: 100%;
}
.home-flash__post__popup .home-flash__post__bouton:after {
	content: '';
	mask-image: url("data:image/svg+xml,%3Csvg preserveAspectRatio='none' viewBox='0 0 162 162' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M1.81802 1.81802C3.57538 0.0606602 6.42462 0.0606602 8.18198 1.81802L81 74.636L153.818 1.81802C155.575 0.0606602 158.425 0.0606602 160.182 1.81802C161.939 3.57538 161.939 6.42462 160.182 8.18198L87.364 81L160.182 153.818C161.939 155.575 161.939 158.425 160.182 160.182C158.425 161.939 155.575 161.939 153.818 160.182L81 87.364L8.18198 160.182C6.42462 161.939 3.57538 161.939 1.81802 160.182C0.0606602 158.425 0.0606602 155.575 1.81802 153.818L74.636 81L1.81802 8.18198C0.0606602 6.42462 0.0606602 3.57538 1.81802 1.81802Z' fill='black'/%3E%3C/svg%3E%0A");
	mask-size: 100% 100%;
	-webkit-mask-image: url("data:image/svg+xml,%3Csvg preserveAspectRatio='none' viewBox='0 0 162 162' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M1.81802 1.81802C3.57538 0.0606602 6.42462 0.0606602 8.18198 1.81802L81 74.636L153.818 1.81802C155.575 0.0606602 158.425 0.0606602 160.182 1.81802C161.939 3.57538 161.939 6.42462 160.182 8.18198L87.364 81L160.182 153.818C161.939 155.575 161.939 158.425 160.182 160.182C158.425 161.939 155.575 161.939 153.818 160.182L81 87.364L8.18198 160.182C6.42462 161.939 3.57538 161.939 1.81802 160.182C0.0606602 158.425 0.0606602 155.575 1.81802 153.818L74.636 81L1.81802 8.18198C0.0606602 6.42462 0.0606602 3.57538 1.81802 1.81802Z' fill='black'/%3E%3C/svg%3E%0A");
	-webkit-mask-size: 100% 100%;
	width: 1rem;
	height: 1rem;
	background-color: var(--clickid-texte2);
	display: block;
	margin-left: auto;
}


.home-flash__post__bouton:hover {
	opacity: .5;
}

.home-flash [class*="diaporama"] .carousel__nav .carousel__button.is-next {
	right: -.5rem;
}

.home-flash [class*="diaporama"] .carousel__nav .carousel__button.is-prev {
	left: -.5rem;
}

.home-flash [class*="diaporama"] .carousel__nav .carousel__button.is-next:before {
	content: url("data:image/svg+xml,%3Csvg width='7' height='13' viewBox='0 0 7 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7 6.125C7 6.36198 6.91797 6.57162 6.75391 6.75391L1.50391 12.0039C1.32161 12.168 1.11198 12.25 0.874999 12.25C0.63802 12.25 0.428385 12.168 0.246093 12.0039C0.0820307 11.8216 -3.10761e-08 11.612 0 11.375C3.10761e-08 11.138 0.0820313 10.9284 0.246094 10.7461L4.89453 6.125L0.246095 1.50391C0.0820321 1.32161 8.86863e-07 1.11198 9.17939e-07 0.875C9.49015e-07 0.638021 0.0820327 0.428385 0.246095 0.246094C0.428387 0.0820312 0.638022 -3.10761e-08 0.875001 0C1.11198 3.10761e-08 1.32162 0.0820313 1.50391 0.246094L6.75391 5.49609C6.91797 5.67839 7 5.88802 7 6.125Z' fill='white'/%3E%3C/svg%3E%0A");
}

.home-flash [class*="diaporama"] .carousel__nav .carousel__button.is-prev:before {
	content: url("data:image/svg+xml,%3Csvg width='7' height='13' viewBox='0 0 7 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 6.125C1.03587e-08 5.88802 0.0820313 5.67838 0.246094 5.49609L5.49609 0.246094C5.67839 0.0820312 5.88802 -1.03587e-08 6.125 0C6.36198 1.03587e-08 6.57162 0.0820313 6.75391 0.246094C6.91797 0.428385 7 0.638021 7 0.875C7 1.11198 6.91797 1.32161 6.75391 1.50391L2.10547 6.125L6.75391 10.7461C6.91797 10.9284 7 11.138 7 11.375C7 11.612 6.91797 11.8216 6.75391 12.0039C6.57161 12.168 6.36198 12.25 6.125 12.25C5.88802 12.25 5.67838 12.168 5.49609 12.0039L0.246094 6.75391C0.0820312 6.57161 -1.03587e-08 6.36198 0 6.125Z' fill='white'/%3E%3C/svg%3E%0A");
}

.home-flash [class*="diaporama"] .carousel__nav .carousel__button {
	background: none;
	color: var(--clickid-texte);
	font-size: 1.5rem;
}
.home-flash [class*="diaporama"] .carousel__nav .carousel__button:hover {
	background: none;
	opacity: .5;
	color: var(--clickid-texte);
}
.home-flash [class*="diaporama"] .carousel__dots {
	display: none;
}
@media screen and (max-width: 1023px) {
	.home-flash [class*="diaporama"] .carousel__nav .carousel__button {
		display: none;
	}
	.home-flash__post__popup {
		width: 90%;
	}
}