/* 

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

*/

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


/* Bloc introduction */

.bloc-introduction {

}
	.bloc-introduction {

		font-weight: 400;
	font-size: 1.8rem;
	font-size: 18px;
	}

/* Bloc texte et image */


.bloc-texte-image-inte iframe{
	width: 100%;
}

/* 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: #fff;
	}
	.galerie-image .item a::before{
		content: "";
		display: block;
		width: 100%;
		padding-top: 100%;
	}
		.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);
		}
		.accrocheCarrefours ul{
			padding-left: 0 !important;
		}
		.accrocheCarrefours ul li{
			margin-bottom: 0 !important;
			text-align: left;
		}

	
		.accrocheCarrefours-itemContent .content{
			font-size: 1.8rem;
			font-size: 18px;
		}
/* Diaporama */

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

/* Glissière */

.glissiere{
	position: relative;
	z-index: 1;
	margin-bottom: 5rem;
	margin-top: 5rem;
}
.glissiere .ico-arrow{
	margin-left: auto;
	width: 20px;
	min-width: 20px;
	background-position: -142px -172px;
}

.glissiere-item--inner {
    position: relative;
	background-color: var(--white);
	border: 1px solid #EBEBEB;
    border-radius: 10px;
	margin-bottom: 5rem;
}
.glissiere-item--inner .titre{
	padding: 20px 40px;
}
.glissiere-item.active{
}
.glissiere-item .icon-arrow {
	margin-left: auto;
}
.glissiere-item.active .icon-arrow {
	transform: rotate(90deg);
}
	.glissiere-item .contenu {
		display: none;
		font-size:16px;
		background-color: var(--color-secondary-very-light-grey);
	}

	
	.glissiere-item .contenu .text{
		padding: 0 3rem 3rem;
	}
	.templatePageTextBloc{
		/* background-color: var(--white) */

	}
	.templatePageTextBloc > .bloc-introduction{
		margin-top: 0 !important;
	}

	.templatePageTextBloc .glissiere-item .titre{
		
	}
	.templatePageTextBloc .glissiere-item.active .titre{
		
	}
.glissiere-item.active .ico-arrow{
	transform: rotate(-90deg);

	}
	.glissiere .ico-arrow{
		transform: rotate(0);

		background-image: url(/wp-content/themes/mediapilote/img/charte/sprite.svg);
    background-repeat: no-repeat;
    background-size: 400px auto;
	width: 40px;
    height: 40px;
	display: inline-block;
	background-position: -225px -2px;
    transform: rotate(90deg);
	}
	.glissiere-item .titre {
		cursor: pointer;
		display: flex;
		justify-content: space-between;
		align-items: center;
		margin: 0;
	}
	.bold{
		font-weight: 600;
	}

	.glissiere-item thead{
		padding: 2rem;
		background-color: var(--color-secondary-very-light-grey);
	}
	.glissiere-item tbody tr{
		padding: 3rem 2.5rem;
	}
	
	.glissiere-item tbody > tr:not(:last-of-type){
		border-bottom: 1px solid var(--color-secondary-very-light-grey);
	}



/* Vignette page */





	
/*RESPONSIVE
01 - DESKTOP */

.accrocheSectionContainer{
	margin: 10rem 0;
	position: relative;
	background-color: var(--color-primary);

}

.accrocheSection h2{
	color: var(--white);
}

.accrocheSection .image {
    width: 100%;
	position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
	opacity: 0.2;
}

.bloc-text-cta-list ul{
	display: flex;
	flex-wrap: wrap;
}
.bloc-text-cta-list ul li{
	width: 50%;
}

@media screen and (max-width: 765px), (max-device-width: 765px){
	.templatePageTextBloc > div:not(:last-child) {
		margin:40px auto;
	}

}