/* 

    STYLE GUIDE
    Mise en forme de l'article texte en bloc de wordpress

*/

.templatePageTextBloc > div:not(:last-child) {
    margin-bottom:50px;
}

/* Bloc introduction */

.bloc-introduction {
    padding: 0 15%;
    text-align: center;
}
	.bloc-introduction p {
		font-size: 1.8rem;
		font-weight: 800;
	}

/* Bloc texte et image */



/* Galerie image */

.galerie-image-container {
	margin-left: -0.5rem;
	margin-right: -0.5rem;
}
	.galerie-image .item {
	}
	.galerie-image .item a{
		position: relative;
		overflow: hidden;
		display: block;
		background-color: #000;
	}
	.galerie-image .item a::before{
		display: block;
		width: 100%;
		padding-top: 100%;
		content: "";
	}
		.galerie-image .item img {
			position: absolute;
			top: 0;
			left: 0;
			transition: transform .3s, opacity .3s;
		}
		.galerie-image .item:hover img {
			opacity: 0.5;
			transform: scale(1.05);
		}

/* Diaporama */

.slider-page .image-diapo {
    height: 500px;
}

/* Glissière */
.glissiere-item {
    margin: 0 0 15px 0;
    position: relative;
	background-color: var(--gray-200);
}
.glissiere-item .icon-arrow {
	margin-left: auto;
}
.glissiere-item.active .icon-arrow {
	transform: rotate(90deg);
}
	.glissiere-item .contenu {
		display: none;
		padding: 20px;
	}
	.glissiere-item .titre {
		font-size: 2rem;
		cursor: pointer;
		display: flex;
		align-items: center;
		padding: 10px 20px;
	}

/* Téléchargement fichier */
.fileDownload-itemContent{
	background-color: var(--gray-200);
}
.fileDownload-item .title {
    flex-grow: 1;
	font-weight: 800;
    color: var(--color-primary);
    margin: 0;
}
.fileDownload-item .vignette {
    width: 180px;
    margin: 0 10px 0 0;
}
.fileDownload-item .link a {
    margin: 0 0 0 5px;
	display: flex;
	width: 40px;
	height: 40px;
	align-items: center;
	justify-content: center;
	background-color: var(--white);
}
.fileDownload-item .link a i{
	color: var(--color-primary);
}
/* Vignette page */

.blocVignettesCarrefours-itemContent {
	overflow: hidden;
}

/* .blocVignettesCarrefours-item:nth-child(3n+2) {
    margin: 0 40px 30px 40px;
} */
	.blocVignettesCarrefours-item .image {
		background-color: #000;
	}
		.blocVignettesCarrefours-item .image img {
			transition: opacity .3s, transform .3s;
		}
		.blocVignettesCarrefours-item .image:hover img {
			opacity: 0.5;
			transform: scale(1.05);
		}

/* 14 - SLICK */
button.slick-arrow {
    background-color: var(--color02);
    border: transparent;
    position: absolute;
    bottom: 0;
    right: 0;
    text-indent: -5000px;
    overflow: hidden;
    width: 40px;
    height: 40px;
    background-image: url(../img/charte/sprite.svg);
    background-repeat: no-repeat;
    background-size: 400px auto;
    outline: transparent;
    cursor: pointer;
    background-position: -192px -7px;
}
button.slick-arrow.slick-prev {
    right: 40px;
    z-index: 1;
    border-left: 1px solid #ab0a2a;
    transform: rotate(-180deg);
}
	
/*RESPONSIVE
01 - DESKTOP */
@media screen and (max-width: 1400px), (max-device-width: 1400px){
	.blocVignettesCarrefours-item:nth-child(3n+2) {
		margin: 0 35px 30px 35px;
	}
}