/* CSS Document */

.txtDiaporama {
	overflow:hidden;
	padding-top:43%;
	position:relative;
}

.txtDiaporama .txtPhoto {
	background-position:center center;
	background-size:cover;
	background-repeat:no-repeat;

	position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
}
.txtDiaporama .txtPhoto .txtLegende {
	color:white;
	font-size:16pt;
	line-height:18pt;
	
	position:absolute;
	left:0;
	right:0;
	bottom:50px;
}
.txtDiaporama .txtPhoto .txtLegende .txtLegendeDate {
	font-size:19pt;
}
.txtDiaporama .txtPhoto .txtLegende .txtLegendeTitre {
	font-size:25pt;
	font-weight:bold;
	line-height:26pt;
	margin-bottom:10px;
}

.txtDiaporama .txtChevronGauche { display:none;
	cursor:pointer;
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	min-width:60px;
	width:10%;
}
.txtDiaporama .txtChevronGauche img {
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%, -50%) rotate(180deg);
}
.txtDiaporama .txtChevronDroite { display:none;
	cursor:pointer;
	position:absolute;
	top:0;
	bottom:0;
	right:0;
	min-width:60px;
	width:10%;
}
.txtDiaporama .txtChevronDroite img {
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%, -50%);
}

.txtTexte {
	margin:50px 0;
	padding:0;
}

@media only screen and (max-width:1000px) {
	.txtDiaporama .txtPhoto .txtLegende {
		font-size:10pt;
		line-height:12pt;
	}
	.txtDiaporama .txtPhoto .txtLegende .txtLegendeDate {
		font-size:12pt;
	}
	.txtDiaporama .txtPhoto .txtLegende .txtLegendeTitre {
		font-size:16pt;
		line-height:20pt;
		margin-bottom:5px;
	}
	
	@media only screen and (max-width:600px) {
		.txtDiaporama {
			padding-top:80%;
		}

		.txtDiaporama .txtPhoto .txtLegende {
			bottom:20px;
			text-align:left;
		}

		.txtTexte {
			margin:20px 0;
			text-align:left;
		}
	}
}