/* aff_liste_item.css */
/* FONT FACE */
@font-face {
    font-family: 'Source Sans Pro';
    src: url('../documents/fonts/SourceSansPro/SourceSansPro-Regular.otf') format('opentype');
    font-weight: 400;
    font-style: normal;
	font-display: swap;
}
@font-face {
    font-family: 'Source Sans Pro';
    src: url('../documents/fonts/SourceSansPro/SourceSansPro-Bold.otf') format('opentype');
    font-weight: 700;
    font-style: normal;
	font-display: swap;
}

/* LISTE CONTENU CATEGORIE */
.liste_contenu_item { margin: 0 auto; }

.liste_contenu_item .bloc_contenu_item .cadre_contenu_item {
	height: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	   -webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	   -ms-flex-direction: column;
	       flex-direction: column;
	border-top-left-radius: 15px;
	border-top-right-radius: 15px;
	border-bottom-left-radius: 2px;
	border-bottom-right-radius: 2px;
	-webkit-box-shadow: 2px 2px 3px 1px rgba(0, 0, 0, .15);
			box-shadow: 2px 2px 3px 1px rgba(0, 0, 0, .15);
}

.liste_contenu_item .bloc_contenu_item .bloc_image .picto_promo {
	position: absolute;
	left: -2px;
	top: -2px;
	border-top-left-radius: 15px;
}
.liste_contenu_item .bloc_contenu_item .bloc_image .image {
	display: block;
	width: 100%;
	-webkit-box-sizing: border-box;
			box-sizing: border-box;
	border-top-left-radius: 15px;
	border-top-right-radius: 15px;
}

.liste_contenu_item .bloc_contenu_item .bloc_texte {
	font-family: "Source Sans Pro", sans-serif;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	   -webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	   -ms-flex-direction: column;
	       flex-direction: column;
	background-color: #fff;
	padding: 5px 10px;
	-webkit-box-flex: 1;
			-ms-flex: auto 1 1;
				flex: auto 1 1;
	border-bottom-left-radius: 2px;
	border-bottom-right-radius: 2px;
}
.liste_contenu_item .bloc_contenu_item .bloc_texte .titre {
	display: block;
	-webkit-box-pack: center;
	   -ms-flex-pack: center;
	 justify-content: center;
	-webkit-box-align: center;
	   -ms-flex-align: center;
		  align-items: center;
	font-size: 14px;
	line-height: 17px;
	font-weight: 700;
	text-transform: uppercase;
	margin-bottom: 10px;
	color: #1d1d1d;
}
.liste_contenu_item .bloc_contenu_item .bloc_texte .titre .lien:hover { text-decoration: none; }
.liste_contenu_item .bloc_contenu_item .bloc_texte .texte {
    -webkit-box-flex: 1;
			-ms-flex: auto 1 0px;
				flex: auto 1 0;
	text-align: justify;
	font-size: 14px;
	line-height: 17px;
	color: #666;
}
.liste_contenu_item .bloc_contenu_item .bloc_texte .texte .truncate {
    display: -webkit-box;
	-webkit-box-orient: vertical;
	overflow: hidden;
}
.liste_contenu_item .bloc_contenu_item .bloc_texte .ligne_prochain_depart { color: #083c6b; }
.liste_contenu_item .bloc_contenu_item .bloc_texte .ligne_prochain_depart > .flex {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
	min-height: 24px;
    background-image: url(../images/template_v7/commun/calendrier.svg?ver=1.00);
    background-repeat: no-repeat;
    background-size: 20px;
    background-position: left calc(50% - 2px);
    padding-left: 23px;
}
.liste_contenu_item .bloc_contenu_item .bloc_texte .ligne_prochain_depart.hidden-dispo { display: none; }
.liste_contenu_item .bloc_contenu_item .bloc_texte .ligne_prochain_depart .nowrap { white-space: nowrap; }
.liste_contenu_item .bloc_contenu_item .bloc_texte .ligne_prochain_depart .icone {
    position: relative;
    top: -2px;
	width: 20px;
	height: 20px;
	margin-right: 5px;
}
.liste_contenu_item .bloc_contenu_item .bloc_texte .bloc_promo_tarif {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: end;
	   -ms-flex-align: end;
	      align-items: end;
    gap: 10px;
    margin-top: 15px;
	font-family: "Source Sans Pro", sans-serif;
}
.liste_contenu_item .bloc_contenu_item.categorie .bloc_promo_tarif.expand { 
	-webkit-box-flex: 1; 
			-ms-flex: auto 1 0px; 
				flex: auto 1 0;
	margin-top: 5px; 
}
.liste_contenu_item .bloc_contenu_item .bloc_texte .bloc_proch_dep_promo {
	-webkit-box-flex: 1;
			-ms-flex: auto 0 1;
				flex: auto 0 1;
}
.liste_contenu_item .bloc_contenu_item .bloc_texte .ligne_promo {
	font-size: 16px;
	line-height: 18px;
	font-style: initial;
	color: #c00;
	text-transform: uppercase;
}
.liste_contenu_item .bloc_contenu_item .bloc_texte .ligne_promo .lien:hover { text-decoration: none; }
.liste_contenu_item .bloc_contenu_item .bloc_texte .ligne_tarif {
	-webkit-box-flex: 1;
			-ms-flex: auto 1 0px;
				flex: auto 1 0;
	margin: 0;
	text-align: right;
	font-size: 16px;
	line-height: 18px;
	font-style: initial;
}
.liste_contenu_item .bloc_contenu_item .bloc_texte .a_partir_de {
	font-size: 15px;
	line-height: 17px;
	color: #c00;
}
.liste_contenu_item .bloc_contenu_item .bloc_texte .a_partir_de.symbole {
	font-size: 18px;
	line-height: 18px;
}
.liste_contenu_item .bloc_contenu_item .bloc_texte .tarif {
	font-size: 20px;
	line-height: 20px;
	color: #c00;
}
.liste_contenu_item .bloc_contenu_item .bloc_texte .tarif_ancien {
	font-size: 15px;
	line-height: 17px;
	color: #666;
}
.liste_contenu_item .bloc_contenu_item .bloc_texte .simple {
	display: block;
	line-height: 20px;
	font-size: 16px;
}
.liste_contenu_item .bloc_contenu_item .bloc_texte .indisponible { 
	text-transform: uppercase;
	font-size: 20px;
	color: #666; 
}

/* DESKTOP */
@media only screen and (min-width: 1025px) {
	.liste_contenu_item > .flex {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
			flex-wrap: wrap;
		margin: 0 auto;
        gap: 50px 30px;
	}

	.liste_contenu_item .bloc_contenu_item {
		-webkit-box-flex: calc(100% / 3 - 30px * 2 / 3);
				-ms-flex: calc(100% / 3 - 30px * 2 / 3) 0 1;
					flex: calc(100% / 3 - 30px * 2 / 3) 0 1;
		-webkit-box-sizing: border-box;
				box-sizing: border-box;
		color: #3d3d3d;
	}
	.liste_contenu_item .bloc_contenu_item .cadre_contenu_categorie {
		height: 100%;
		overflow: hidden;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		   -webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		   -ms-flex-direction: column;
			   flex-direction: column;
	}
	.liste_contenu_item .bloc_contenu_item .bloc_image { 
		position: relative; 
		-webkit-box-flex: 1; 
				-ms-flex: auto 0 0px; 
					flex: auto 0 0;
	}
	.liste_contenu_item .bloc_contenu_item .bloc_texte.bande_promo { padding-bottom: 0; }
	.liste_contenu_item .bloc_contenu_item .bloc_texte > * { margin-bottom: 0; }
	.liste_contenu_item .bloc_contenu_item .bloc_texte p { margin: 0; }
	.liste_contenu_item .bloc_contenu_item .bloc_texte .texte .truncate {
		-webkit-line-clamp: 4;
				line-clamp: 4;
	}
	.liste_contenu_item .bloc_contenu_item .bloc_texte .ligne_tarif .lien { text-decoration: none; }
	.liste_contenu_item .bloc_contenu_item .bloc_texte .bloc_tarif {
		display: inline-block;
		background-color: #083c6b;
		color: #fff;
		padding: 5px 20px;
		border-radius: 20px;
	}
	.liste_contenu_item .bloc_contenu_item .bloc_texte .tarif_special {
		display: block;
		font-size: 13px;
		font-weight: 500;
		color: #dc2205;
		margin-top: 5px;
	}
	.liste_contenu_item .bloc_contenu_item .bloc_texte .attente {
		text-transform: uppercase;
		font-size: 20px;
		color: #083c6b;
	}
	.liste_contenu_item .bloc_contenu_item .bloc_texte .texte_alter { font-size: 15px; }

	.liste_contenu_item .bloc_contenu_item .bloc_promo {
		background-color: #083c6b;
		color: #fff;
		text-align: center;
		font-size: 15px;
		text-transform: uppercase;
		margin: 5px -10px 0;
	}
	.liste_contenu_item .bloc_contenu_item .bloc_promo.complet,
	.liste_contenu_item .bloc_contenu_item .bloc_promo.dernieres_places { background-color: #dc2205; }
	.liste_contenu_item .bloc_contenu_item .bloc_promo.texte_special { 
		background-color: #c997c8; 
		color: #dc2205;
	}
	.liste_contenu_item .bloc_contenu_item .bloc_promo .lien {
		display: block;
		padding: 5px;
	}
	.liste_contenu_item .bloc_contenu_item .bloc_promo .lien:hover { 
		color: inherit; 
		text-decoration: none;
	}

	/* MOBILE */
	.liste_contenu_item .bloc_contenu_item .mobile { display: none; }
}

/* RESPONSIVE */
@media only screen and (max-width: 1024px) {
	.liste_contenu_item > .flex {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
			flex-wrap: wrap;
		gap: 30px;
		-webkit-box-pack: center;
		   -ms-flex-pack: center;
		 justify-content: center;
	}

	.liste_contenu_item .bloc_contenu_item {
		-webkit-box-flex: calc(100% / 3 - 30px * 2 / 3);
				-ms-flex: calc(100% / 3 - 30px * 2 / 3) 0 1;
					flex: calc(100% / 3 - 30px * 2 / 3) 0 1;
		-webkit-box-sizing: border-box;
				box-sizing: border-box;
		color: #3d3d3d;
	}
	.liste_contenu_item .bloc_contenu_item .cadre_contenu_categorie {
		height: 100%;
		overflow: hidden;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		   -webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		   -ms-flex-direction: column;
			   flex-direction: column;
	}
	.liste_contenu_item .bloc_contenu_item .bloc_image { 
		position: relative; 
		-webkit-box-flex: 1; 
				-ms-flex: auto 0 0px; 
					flex: auto 0 0;
	}
	.liste_contenu_item .bloc_contenu_item .bloc_texte.bande_promo { padding-bottom: 0; }
	.liste_contenu_item .bloc_contenu_item .bloc_texte > * { margin-bottom: 0; }
	.liste_contenu_item .bloc_contenu_item .bloc_texte p { margin: 0; }
	.liste_contenu_item .bloc_contenu_item .bloc_texte .ligne_tarif .lien { text-decoration: none; }
	.liste_contenu_item .bloc_contenu_item .bloc_texte .bloc_tarif {
		display: inline-block;
		background-color: #083c6b;
		color: #fff;
		padding: 5px 20px;
		border-radius: 20px;
	}
	.liste_contenu_item .bloc_contenu_item .bloc_texte .tarif_special {
		display: block;
		font-size: 13px;
		font-weight: 500;
		color: #dc2205;
		margin-top: 5px;
	}
	.liste_contenu_item .bloc_contenu_item .bloc_texte .attente {
		text-transform: uppercase;
		font-size: 20px;
		color: #083c6b;
	}
	.liste_contenu_item .bloc_contenu_item .bloc_texte .texte_alter { font-size: 15px; }

	.liste_contenu_item .bloc_contenu_item .bloc_promo {
		background-color: #083c6b;
		color: #fff;
		text-align: center;
		font-size: 15px;
		text-transform: uppercase;
		margin: 5px -10px 0;
	}
	.liste_contenu_item .bloc_contenu_item .bloc_promo.complet,
	.liste_contenu_item .bloc_contenu_item .bloc_promo.dernieres_places { background-color: #dc2205; }
	.liste_contenu_item .bloc_contenu_item .bloc_promo .lien {
		display: block;
		padding: 5px;
	}
	.liste_contenu_item .bloc_contenu_item .bloc_promo .lien:hover { 
		color: inherit; 
		text-decoration: none;
	}

	/* MOBILE */
	.liste_contenu_item .bloc_contenu_item .mobile { display: none; }


	@media only screen and (max-width: 800px) {
		.liste_contenu_item .bloc_contenu_item { -ms-flex-preferred-size: calc(50% - 30px / 2); flex-basis: calc(50% - 30px / 2); }
	}

	@media only screen and (max-width: 600px) {
		.liste_contenu_item > .flex { gap: 30px 15px; }
		.liste_contenu_item .bloc_contenu_item { -ms-flex-preferred-size: calc(50% - 15px / 2); flex-basis: calc(50% - 15px / 2); }
	}
	
	@media only screen and (min-width: 481px) {
		.liste_contenu_item .bloc_contenu_item .bloc_texte .texte .truncate { 
			-webkit-line-clamp: 4;
					line-clamp: 4;
		}
	}

	@media only screen and (max-width: 480px) {
		.liste_contenu_item > .flex { 
			display: block;
			margin: 0;
		}
		.liste_contenu_item .bloc_contenu_item { 
			-webkit-box-flex: initial; 
					-ms-flex: initial; 
						flex: initial;
			max-width: 400px;
			margin: 30px auto 0;
		}
		.liste_contenu_item .bloc_contenu_item:first-child { margin-top: 0; }
		.liste_contenu_item .bloc_contenu_item .bloc_image .bloc_texte {
			position: absolute;
			bottom: 0;
			left: 2px;
			right: 2px;
			margin: 0;
			padding: 5px 5px 10px;
			background-color: rgba(8, 60, 107, .6);
			color: #fff;
		}
		.liste_contenu_item .bloc_contenu_item .bloc_texte .texte .truncate {
			-webkit-line-clamp: 3;
					line-clamp: 3;
		}

		/* MEILLEURES VENTES */
		.liste_contenu_item .bloc_contenu_item.MV { display: none; }
	}
	
	@media only screen and (max-width: 380px) {
		.liste_contenu_item .bloc_contenu_item .bloc_texte .ligne_prochain_depart:not(:last-child) { margin-bottom: 3px; }
		.liste_contenu_item .bloc_contenu_item .bloc_texte .ligne_prochain_depart {
            font-size: 3.5vw;
            line-height: initial;
            letter-spacing: -.2px;
        }
		.liste_contenu_item .bloc_contenu_item .bloc_texte .ligne_prochain_depart > .flex {
			min-height: 18px;
			background-size: 18px;
			background-position: left center;
			padding-left: 20px;
		}
		.liste_contenu_item .bloc_contenu_item .bloc_texte .ligne_prochain_depart .prochain_depart { letter-spacing: -.5px; }
	}
}