/* Blocs dépliables Shortcodes Ultimate ([su_spoiler style="fancy"]) */
.su-spoiler.su-spoiler-style-fancy {
	margin: 0 0 12px;
	overflow: hidden;
	border: 1px solid #e4e4e4;
	border-radius: 8px;
	background: #fff;
	box-shadow: 0 1px 3px rgba(0, 0, 0, .05);
	transition: box-shadow .2s ease, border-color .2s ease;
}

.su-spoiler.su-spoiler-style-fancy:hover {
	border-color: #d6d6d6;
	box-shadow: 0 3px 10px rgba(0, 0, 0, .08);
}

.su-spoiler.su-spoiler-style-fancy > .su-spoiler-title {
	position: relative;
	padding: 14px 52px 14px 18px;
	border: 0;
	border-left: 4px solid #e7501e;
	border-radius: 0;
	background: #f7f7f7;
	color: #222;
	font-family: Ubuntu, Arial, Tahoma, sans-serif;
	font-size: 15px;
	font-weight: 700;
	line-height: 1.35;
	cursor: pointer;
	transition: background-color .2s ease, color .2s ease;
}

/* Shortcodes Ultimate retire les bordures du titre quand le bloc est fermé : on garde le liseré. */
.su-spoiler.su-spoiler-style-fancy.su-spoiler-closed > .su-spoiler-title {
	border: 0;
	border-left: 4px solid #e7501e;
	border-radius: 0;
}

.su-spoiler.su-spoiler-style-fancy > .su-spoiler-title:hover {
	background: #fff;
	color: #e7501e;
}

.su-spoiler.su-spoiler-style-fancy > .su-spoiler-title:focus-visible {
	outline: 2px solid #e7501e;
	outline-offset: -2px;
}

/* Chevron à droite à la place du « + » */
.su-spoiler.su-spoiler-style-fancy > .su-spoiler-title > .su-spoiler-icon {
	position: absolute;
	top: 50%;
	right: 22px;
	left: auto;
	width: 9px;
	height: 9px;
	margin-top: -7px;
	border-right: 2px solid #e7501e;
	border-bottom: 2px solid #e7501e;
	font-size: 0;
	line-height: 0;
	transform: rotate(45deg);
	transition: transform .25s ease, margin-top .25s ease;
}

.su-spoiler.su-spoiler-style-fancy > .su-spoiler-title > .su-spoiler-icon::before {
	content: none !important;
}

/* Ouvert */
.su-spoiler.su-spoiler-style-fancy:not(.su-spoiler-closed) > .su-spoiler-title {
	border-bottom: 1px solid #eee;
	background: #fff;
	color: #e7501e;
}

.su-spoiler.su-spoiler-style-fancy:not(.su-spoiler-closed) > .su-spoiler-title > .su-spoiler-icon {
	margin-top: -2px;
	transform: rotate(-135deg);
}

.su-spoiler.su-spoiler-style-fancy > .su-spoiler-content {
	padding: 16px 18px 18px;
	line-height: 1.6;
}

@media (max-width: 640px) {
	.su-spoiler.su-spoiler-style-fancy > .su-spoiler-title {
		padding: 12px 44px 12px 14px;
		font-size: 14px;
	}

	.su-spoiler.su-spoiler-style-fancy > .su-spoiler-title > .su-spoiler-icon {
		right: 18px;
	}

	.su-spoiler.su-spoiler-style-fancy > .su-spoiler-content {
		padding: 14px;
	}
}

@media (prefers-reduced-motion: reduce) {
	.su-spoiler.su-spoiler-style-fancy,
	.su-spoiler.su-spoiler-style-fancy > .su-spoiler-title,
	.su-spoiler.su-spoiler-style-fancy > .su-spoiler-title > .su-spoiler-icon {
		transition: none;
	}
}

/* Carrousels [su_carousel] : diapositives sur une seule rangée qui ne peut pas passer à la ligne.
   Les diapositives sont flottantes dans une rangée dont la largeur est calculée au pixel près ; dans Firefox,
   l'arrondi fait passer la dernière à la ligne, ce qui double la hauteur du carrousel (grand vide en dessous). */
.su-carousel .su-carousel-slides {
	display: flex !important;
	flex-wrap: nowrap;
	align-items: flex-start;
}

.su-carousel .su-carousel-slide {
	flex: 0 0 auto;
	float: none !important;
}