/* 

    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-family: "mr", sans-serif;
		font-size: 1.6rem;
		color: #283350;
	}

/* Bloc texte et image */



/* Galerie image */

.galerie-image {
    margin: 0 -10px 50px -10px !important;
}
	.galerie-image .item {
		margin: 0 10px 20px 10px;
		background-color: #000;
	}
		.galerie-image .item img {
			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 {
    padding: 10px 20px ;
    margin: 0 0 15px 0;
    position: relative;
	background: white;
	box-shadow: 0 0 5px rgba(0,0,0,10%);
}
.glissiere-item::after {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	width: 40px;
	height: 40px;
	background-image: url(../../img/charte/sprite.svg);
	background-repeat: no-repeat;
	background-size: 400px auto;
	background-position: -338px 0px;
	transition: transform .2s;
}
.glissiere-item.active::after {
	transform: rotate(90deg);
}
	.glissiere-item .contenu {
		display: none;
	}
	.glissiere-item .titre {
		text-transform: uppercase;
		font-family: "rb", sans-serif;
		font-size: 2rem;
		cursor: pointer;
		padding: 0 40px 0 0;
		color: var(--black);
	}

/* Téléchargement fichier */

.fileDownload-item .title {
    flex-grow: 1;
    font-family: "rb", sans-serif;
    font-size: 1.6rem;
    color: var(--color02);
    margin: 0;
}
.fileDownload-item .vignette {
    width: 180px;
    margin: 0 10px 0 0;
}
.fileDownload-item .link a {
    margin: 0 0 0 5px;
}

/* Vignette page */

.blocVignettesCarrefours-itemContent {
	overflow: hidden;
	box-shadow: 0 0 5px rgba(0,0,0,10%);
}

/* .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: 50%;
    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: -346px -7px;
}
button.slick-arrow.slick-prev {
    left: 0;
    z-index: 1;
    transform: rotate(-180deg);
}
.green_text {
	color: var(--color-primary);
}	
/*RESPONSIVE
01 - DESKTOP */
@media screen and (max-width: 1400px), (max-device-width: 1400px){
	.blocVignettesCarrefours-item:nth-child(3n+2) {
		margin: 0 35px 30px 35px;
	}
}