/* Show a colored square on image hover with custom class | zd-3642634 (mh) */
.Image_custom_class001 {
	display: block;
	position: relative;
	font-size: 0;
}

.Image_custom_class001>a::before {
	content: '';
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 1;
	padding: 20px;
	height: 100%;
	width: 100%;
	background-color: #5dcab0;
/* Remplacez ceci par #e06d5e pour rouge. */
	background-clip: content-box;
	transform: translate(-50%,-50%);
	opacity: 0;
	transition: opacity .5s;
}

.Image_custom_class001:hover>a::before {
	opacity: .6;
}

.Image_custom_class001>a {
	font-size: 20px;
	line-height: 0;
	padding: 0;
	margin: 0;
	font-size: 0;
	height: 100%;
}

.Image_custom_class001 img {
	width: 100%;
}

.Image_custom_class001 figcaption {
	position: absolute;
	top: 50%;
	left: 50%;
	font-size: 20px;
	transform: translate(-50%,-50%);
	z-index: 9;
	opacity: 0;
	transition: opacity .5s;
	color: #FFF;
}

.Image_custom_class001:hover figcaption {
	opacity: 1;
}

/*alignement texte*/
p {
	text-align: justify;
}

/* titre site*/
.wf-active .site-title {
	font-weight: 100;
	font-style: ita;
	text-transform: none;
	color: #686d71;
}

/*menu*/
.main-navigation {
	font-size: .73em;
	line-height: 1.7;
	font-weight: 500;
	text-transform: uppercase;
}

/* titre sous menu off*/
.site-main .portfolio-entry-meta a {
	font-size: 0;
}

/* titre sous menu-> menu */
.main-navigation ul ul {
	display: none;
	position: absolute;
	top: 100%;
	left: 50%;
	z-index: 9998;
	float: left;
	padding: 10px 0;
	margin-left: -100px;
	background: #fff;
	border: 1px solid #f1f2f3;
	text-align: left;
	text-transform: capitalize;
	color: #88938f;
}

/* -- change the color of the vertical lign | FL-3703042-zen -- */
.page-header:after, .entry-header:after {
	background: #88938f;
}

/* -- Add spacing between images in mobile | mh-3703042-zen -- */
@media (max-width: 599px) {
	.wp-block-column .wp-block-image {
		padding-bottom: 20px;
	}
}

	
}

/* -- change the background color and text color of the slide| FL-3703042-zen -- */
.wp-block-jetpack-slideshow .wp-block-jetpack-slideshow_caption.gallery-caption {
	background-color: rgba(255,255,255,1) !important;
	color: #717171 !important;
	padding-bottom: 26px;
}

.uppercase {
	text-transform: lowercase;
	font-family: "Quattrocento Sans", sans-serif;
	font-style: italic;
}

/* -- Change menu text color | mh-3703042-zen -- */
.main-navigation * {
	color: #686d71 !important;
}

/* Global: Remove the flash of unstyled text (FOUT) | 3703042-zen */
.wf-loading body {
	visibility: hidden;
}