/* 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;
}

/* 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: -32px;
	width: 96%;
	height: 100%;
}

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

/* NE PAS AFFICHER LE FADE SUR LES TUILES IMAGES */
.display-as-tiles .tile.category__depeche_picture .paragraphe-wrapper:after,
.display-as-tiles .tile.category__dossier_picture .paragraphe-wrapper:after,
.display-as-tiles .tile.category__synthese_picture .paragraphe-wrapper:after {
	display: none;
}

.display-as-tiles .tile.category__depeche_picture .title-wrapper-one:after,
.display-as-tiles .tile.category__depeche_picture .title-wrapper-two:after,
.display-as-tiles .tile.category__dossier_picture .title-wrapper-one:after,
.display-as-tiles .tile.category__dossier_picture .title-wrapper-two:after,
.display-as-tiles .tile.category__synthese_picture .title-wrapper-one:after,
.display-as-tiles .tile.category__synthese_picture .title-wrapper-two:after {
	display: none;
}

/* Tuiles PARTNER */
.display-as-tiles  .tile.category__partner .title-wrapper-one {
	max-height: 145px;	
}

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

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

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

.display-as-tiles .tile.category__depeche_picture .title-wrapper-one:after,
.display-as-tiles .tile.category__depeche_picture .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 DEPECHE DEFAULT */
.display-as-tiles .tile.category__depeche_default .title-wrapper-one,
.display-as-tiles .tile.category__depeche_default .title-wrapper-two {
	max-height: 125px;
}

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

.display-as-tiles .tile.category__depeche_default .title-wrapper-one:after,
.display-as-tiles .tile.category__depeche_default .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 AGENDA */
.display-as-tiles .tile.category__agenda .title-wrapper-one {
	max-height: 125px;	
}

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

.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 JOB */
.display-as-tiles .tile.category__job .title-wrapper-one {
	max-height: 38px;	
}

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

/* Tuiles BREVE */
.display-as-tiles .tile.category__breve .title-wrapper-one {
	max-height: 200px;	
}

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

.tile.category__breve .title-wrapper-one:after {
	height: 220px;
	background: -webkit-linear-gradient(rgba(255, 255, 255, 0.1) 190px, #ffffff);
	background: -ms-linear-gradient(rgba(255, 255, 255, 0.1) 190px, #ffffff);
	background: -o-linear-gradient(rgba(255, 255, 255, 0.1) 190px, #ffffff);
	background: -moz-linear-gradient(rgba(255, 255, 255, 0.1) 190px, #ffffff);
	background: linear-gradient(rgba(255, 255, 255, 0.1) 190px, #ffffff);
}

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

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

.display-as-tiles .tile.category__dossier .title-wrapper-one:after,
.display-as-tiles .tile.category__dossier .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 DOSSIER PICTURE*/
.display-as-tiles .tile.category__dossier_picture .title-wrapper-one,
.display-as-tiles .tile.category__dossier_picture .title-wrapper-two {
	max-height: 125px;
}

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

.display-as-tiles .tile.category__dossier_picture .title-wrapper-one:after,
.display-as-tiles .tile.category__dossier_picture .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 SYNTHESE */
.tile.category__synthese .tile-title-wrapper-one,
.tile.category__synthese .tile-title-wrapper-two {
	max-height: 125px;
}

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

.tile.category__synthese .tile-title-wrapper-one:after,
.tile.category__synthese .tile-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 SYNTHESE */
.display-as-tiles .tile.category__synthese_picture .title-wrapper-one,
.display-as-tiles .tile.category__synthese_picture .title-wrapper-two {
	max-height: 125px;
}

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

.display-as-tiles .tile.category__synthese_picture .title-wrapper-one:after,
.display-as-tiles .tile.category__synthese_picture .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 RAPPORT */
.display-as-tiles .tile.category__rapport .title-wrapper-one {
	max-height: 125px;	
}

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

.display-as-tiles .tile.category__rapport .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);
}

.tile.category__partner .logo-list {
	max-height: 70px;
}

.tile.category__job .logo-list {
	max-height: 85px;
}

/* AFFICHAGE DES TITRES EN MOBILE */
@media screen and (max-width: 40em) {
	.tile.category__depeche_picture .tile-overview h1,
	.tile.category__depeche_default .tile-overview h1,
	.tile.category__synthese_picture .tile-overview h1,
	.tile.category__synthese .tile-overview h1,
	.tile.category__dossier_picture .tile-overview h1,
	.tile.category__dossier .tile-overview h1,
	.tile.category__rapport .tile-overview h1 {
		max-height: 86px !important;
	}

	.tile.category__breve .tile-overview h1 {
		max-height: 104px !important;
	}
}