/* Gérer l'affichage des tuiles suivant le display */

/* AFFICHAGE EN MODE TUILES */
.display-as-tiles .display-on-list {
	display: none;
}

/* AFFICHAGE EN MODE LISTE */
.display-as-list .display-on-tile {
	display: none;
}

.display-as-list .paragraphe-wrapper {
 	display: none;
}
 
.display-as-list .tile:hover .paragraphe-wrapper {
 	display: none;
}

/* Afficher ou non le contenu des leads */
.tile .paragraphe-wrapper {
	display: none;
}

.tile:hover .paragraphe-wrapper {
	display: block;
}

.display-as-list .paragraphe-wrapper {
	display: none;
}

.display-as-list .tile:hover .paragraphe-wrapper {
	display: none;
}

/* Configuration du fading du titre et du lead */
.display-as-tiles .paragraphe-wrapper:after {
	content: '';
	position: absolute;
	left: 4px;
	top: 0;
	width: 96%;
	height: 100%;
	background: -webkit-linear-gradient(rgba(255, 255, 255, 0.1) 110px, #ffffff);
	background: -ms-linear-gradient(rgba(255, 255, 255, 0.1) 110px, #ffffff);
	background: -o-linear-gradient(rgba(255, 255, 255, 0.1) 110px, #ffffff);
	background: -moz-linear-gradient(rgba(255, 255, 255, 0.1) 110px, #ffffff);
	background: linear-gradient(rgba(255, 255, 255, 0.1) 110px, #ffffff);
}

.display-as-list .paragraphe-wrapper:after {
	content: '';
	position: absolute;
	left: 4px;
	top: 0;
	width: 96%;
	height: 100%;
	background: -webkit-linear-gradient(rgba(255, 255, 255, 0.1) 110px, #ffffff);
	background: -ms-linear-gradient(rgba(255, 255, 255, 0.1) 110px, #ffffff);
	background: -o-linear-gradient(rgba(255, 255, 255, 0.1) 110px, #ffffff);
	background: -moz-linear-gradient(rgba(255, 255, 255, 0.1) 110px, #ffffff);
	background: linear-gradient(rgba(255, 255, 255, 0.1) 110px, #ffffff);
}

@media screen and (max-width: 40em) {
	.display-as-list .paragraphe-wrapper:after {
		content: '';
		position: absolute;
		left: 4px;
		top: 0;
		width: 96%;
		height: 90px;
		background: -webkit-linear-gradient(rgba(255, 255, 255, 0.1) 55px, #ffffff);
		background: -ms-linear-gradient(rgba(255, 255, 255, 0.1) 55px, #ffffff);
		background: -o-linear-gradient(rgba(255, 255, 255, 0.1) 55px, #ffffff);
		background: -moz-linear-gradient(rgba(255, 255, 255, 0.1) 55px, #ffffff);
		background: linear-gradient(rgba(255, 255, 255, 0.1) 55px, #ffffff);	
	}

	#tiles .tile-overview .paragraphe {
	    max-height: 72px;
	    overflow: hidden;
	}
}

.display-as-tiles .title-wrapper-one:after {
	content: '';
	position: absolute;
	left: 4px;
	top: 0;
	width: 96%;
}

.display-as-tiles .title-wrapper-two:after {
	content: '';
	position: absolute;
	left: 4px;
	top: 0;
	width: 96%;
	height: 100%;
}

.display-as-list .title-wrapper-two:after,
.display-as-list .title-wrapper-one:after {
	content: '';
	position: absolute;
	left: 4px;
	top: 8px;
	width: 96%;
	height: 100%;
}

.tile .title-wrapper-one,
.tile .title-wrapper-two {
	overflow: hidden;
}

/* NE PAS AFFICHER LE FADE SUR LES TUILES IMAGES */
.tile.category__story_picture .paragraphe-wrapper:after, .tile.category__folder_picture .paragraphe-wrapper:after, .tile.category__press_review_picture .paragraphe-wrapper:after, .tile.category__briefing_picture .paragraphe-wrapper:after
{
	display: none;
}

.display-as-tiles .tile.category__story_picture .title-wrapper-one:after,
.display-as-tiles .tile.category__story_picture .title-wrapper-two:after,
.display-as-tiles .tile.category__briefing_picture .title-wrapper-one:after,
.display-as-tiles .tile.category__briefing_picture .title-wrapper-two:after,
.display-as-tiles .tile.category__folder_picture .title-wrapper-one:after,
.display-as-tiles .tile.category__folder_picture .title-wrapper-two:after,
.display-as-tiles .tile.category__press_review_picture .title-wrapper-one:after,
.display-as-tiles .tile.category__press_review_picture .title-wrapper-two:after {
	display: none;
}

/* Tuiles AGENDA */
.display-as-tiles .tile.category__agenda .title-wrapper-one {
	max-height: 125px;	
}

.display-as-list .tile.category__agenda .title-wrapper-one {
	max-height: 36px;	
}

.display-as-tiles .tile.category__agenda .title-wrapper-one:after {
	height: 145px;
	background: -webkit-linear-gradient(rgba(255, 255, 255, 0.1) 110px, #ffffff);
	background: -ms-linear-gradient(rgba(255, 255, 255, 0.1) 110px, #ffffff);
	background: -o-linear-gradient(rgba(255, 255, 255, 0.1) 110px, #ffffff);
	background: -moz-linear-gradient(rgba(255, 255, 255, 0.1) 110px, #ffffff);
	background: linear-gradient(rgba(255, 255, 255, 0.1) 110px, #ffffff);
}


/* Tuiles FOLDER */
.display-as-tiles .tile.category__folder .title-wrapper-one,
.display-as-tiles .tile.category__folder .title-wrapper-two {
	max-height: 125px;	
}

.display-as-list .tile.category__folder .title-wrapper-one,
.display-as-list .tile.category__folder .title-wrapper-two {
	max-height: 36px;	
}

.display-as-tiles .tile.category__folder .title-wrapper-one:after,
.display-as-tiles .tile.category__folder .title-wrapper-two:after {
	height: 145px;
	background: -webkit-linear-gradient(rgba(255, 255, 255, 0.1) 110px, #ffffff);
	background: -ms-linear-gradient(rgba(255, 255, 255, 0.1) 110px, #ffffff);
	background: -o-linear-gradient(rgba(255, 255, 255, 0.1) 110px, #ffffff);
	background: -moz-linear-gradient(rgba(255, 255, 255, 0.1) 110px, #ffffff);
	background: linear-gradient(rgba(255, 255, 255, 0.1) 110px, #ffffff);
}


/* Tuiles BRIEF */
.display-as-tiles .tile.category__brief .title-wrapper-one {
	max-height: 125px;	
}

.display-as-list .tile.category__brief .title-wrapper-one {
	max-height: 36px;	
}

.display-as-tiles .tile.category__brief .title-wrapper-one:after {
	height: 145px;
	background: -webkit-linear-gradient(rgba(255, 255, 255, 0.1) 110px, #ffffff);
	background: -ms-linear-gradient(rgba(255, 255, 255, 0.1) 110px, #ffffff);
	background: -o-linear-gradient(rgba(255, 255, 255, 0.1) 110px, #ffffff);
	background: -moz-linear-gradient(rgba(255, 255, 255, 0.1) 110px, #ffffff);
	background: linear-gradient(rgba(255, 255, 255, 0.1) 110px, #ffffff);
}

/* Tuiles BRIEFING */
.display-as-tiles .tile.category__briefing .title-wrapper-one {
	max-height: 125px;	
}

.display-as-list .tile.category__briefing .title-wrapper-one {
	max-height: 36px;	
}

.display-as-tiles .tile.category__briefing .title-wrapper-one:after {
	height: 145px;
	background: -webkit-linear-gradient(rgba(255, 255, 255, 0.1) 110px, #ffffff);
	background: -ms-linear-gradient(rgba(255, 255, 255, 0.1) 110px, #ffffff);
	background: -o-linear-gradient(rgba(255, 255, 255, 0.1) 110px, #ffffff);
	background: -moz-linear-gradient(rgba(255, 255, 255, 0.1) 110px, #ffffff);
	background: linear-gradient(rgba(255, 255, 255, 0.1) 110px, #ffffff);
}


/* Tuiles STORY */
.display-as-tiles .tile.category__story .title-wrapper-one,
.display-as-tiles .tile.category__story .title-wrapper-two {
	max-height: 125px;	
}

.display-as-list .tile.category__story .title-wrapper-one,
.display-as-list .tile.category__story .title-wrapper-two {
	max-height: 36px;	
}

.display-as-tiles .tile.category__story .title-wrapper-one:after,
.display-as-tiles .tile.category__story .title-wrapper-two:after {
	height: 145px;
	background: -webkit-linear-gradient(rgba(255, 255, 255, 0.1) 110px, #ffffff);
	background: -ms-linear-gradient(rgba(255, 255, 255, 0.1) 110px, #ffffff);
	background: -o-linear-gradient(rgba(255, 255, 255, 0.1) 110px, #ffffff);
	background: -moz-linear-gradient(rgba(255, 255, 255, 0.1) 110px, #ffffff);
	background: linear-gradient(rgba(255, 255, 255, 0.1) 110px, #ffffff);
}


/* AFFICHAGE DES TITRES EN MOBILE */
@media screen and (max-width: 40em) {
	.tile.category__story_picture .tile-overview h1,
	.tile.category__story .tile-overview h1,
	.tile.category__briefing_picture .tile-overview h1,
	.tile.category__briefing .tile-overview h1,
	.tile.category__press_review_picture .tile-overview h1,
	.tile.category__press_review .tile-overview h1,
	.tile.category__folder_picture .tile-overview h1,
	.tile.category__folder .tile-overview h1 {
		max-height: 52px !important;//86px !important;
	}
}