.paper-sheet {
	padding: 40px 30px;
	background-color: white;
	box-shadow: 1px 2px 5px 5px rgba(0,0,0,.25);
	margin-bottom: 50px;
	max-width: 100%;
}

.paper-sheet:has(div.handwritten-text) {
	background-color: #DDCBE3;
	max-width: 610px;
	padding-left: 55px;
	padding-right: 25px;
}

.paper-sheet .typewriter-text p,
.paper-sheet .handwritten-text p {
	text-indent: 1em;
}

.paper-sheet p.typewriter-text,
.paper-sheet p.handwritten-text {
	display: block;
	width: fit-content;
}

.paper-sheet p.handwritten-text {
	margin-right: 0 !important;
}

.bs-content-le-temps-de-lencre .bs-exp-inner p {
	margin-bottom: 15px;
}

.paper-sheet p.dashed-margins {
	padding: 2px 20px;
	border-width: 2px 0;
	border-style: dashed;
	border-color: #002060;
	color:#860000;
	width: fit-content;
	margin-right: 0 !important;
	font-family: var(--wp--preset--font-family--courier-prime);
	font-style: italic;
	background-color: rgba(125,125,125,.15);
	font-weight: 600;
}

.paper-sheet .subtitle {
	color: #860000;
	font-weight: 600;
}

.paper-sheet:has(.typewriter-text) .subtitle {
	font-family: var(--wp--preset--font-family--courier-prime);
	width: fit-content;
}

.paper-sheet:has(.handwritten-text) .subtitle {
	font-family: var(--wp--preset--font-family--naivcursed);
	width: fit-content;
	margin-right: 0 !important;
	border: 0
}

.handwritten-text:not(:has(p)),
.paper-sheet:has(.handwritten-text) .subtitle {
	border: 1px solid #A6A6A6;
	line-height: 2;
	padding: 0px 8px;
}

p.handwritten-text {
	background-color: #DDCBE3;
}

.handwritten-text p, p.handwritten-text,
.paper-sheet:has(.handwritten-text) .subtitle {
	font-family: var(--wp--preset--font-family--naivcursed);
	font-size: 120%;
	color: #02364E;
	font-style: italic;
}

.handwritten-text p {
	background: #02364E;
	background: linear-gradient(90deg,rgba(2, 54, 78, 1) 0%, rgba(9, 82, 115, 1) 50%, rgba(13, 99, 138, 1) 100%);
	background-clip: text;
	color: transparent;
}

p.handwritten-text {
	position: relative;
}


.typewriter-text {
	border: 1px solid #A6A6A6;
	padding: 10px 8px;
}

.paper-sheet:has(.handwritten-text) .subtitle {
	border: 0
}


.typewriter-text p,
.paper-sheet:has(.typewriter-text) .subtitle {
	color: #53332F;
	font-family: var(--wp--preset--font-family--courier-prime);
	text-align: justify;
}

/** =========== imgs bg par "page" ============= **/
.paper-sheet {
	overflow: hidden;
	position: relative;
}


/** ------ p 1 ------ **/


.tdl-p-1::before {
	
	content: '';
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	background-size: contain;
	background-repeat: no-repeat;
	pointer-events: none;
	max-width: 100%;	

	mask-image: url("/naiv/assets/images/temps-de-lencre/vague.png");
	width: 50%;
	top: 45%;
	left: 60%;

}

.tdl-p-1::after {
	
	content: '';
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	background-size: contain;
	background-repeat: no-repeat;
	pointer-events: none;
	max-width: 100%;
	mask-image: url("/naiv/assets/images/temps-de-lencre/vague.png");
	width: 75%;
	top: 90%;
}

.tdl-p-1::before,
.tdl-p-1::after {
	transform: translate(-50%, -50%) scaleX(-0.75);
	height: 265px;
	opacity: .25;
	background: linear-gradient(90deg, #80caff 0%, #5da2d4 100%);
	mask-size: contain;
	mask-repeat: no-repeat;
}

.tdl-p-1 .calque-soie-wrapper::after {
	
	content: '';
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	background-size: contain;
	background-repeat: no-repeat;
	pointer-events: none;
	max-width: 100%;
	background-image: url("/naiv/assets/images/temps-de-lencre/texture-soie-bleue.png");
	left: 40%;
	width: 125%;
	height: 130%;
	opacity: 0.45;
	background-size: cover;
}


/** ------ p 2 ------ **/

.tdl-p-2 p.dashed-margins {
	position: relative;
}

.tdl-p-2 p {
	position: relative;
}

.tdl-p-2 p.dashed-margins::before {
	
	content: '';
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	background-size: contain;
	background-repeat: no-repeat;
	pointer-events: none;
	max-width: 100%;
	background-image: url("/naiv/assets/images/temps-de-lencre/timbre-cachet.png");
	
	left: 30%;
	width: 200px;
	height: 130px;
	filter: brightness(0.85);
	max-width: unset;
	opacity: .8;
}

.tdl-p-2::before {

	content: '';
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	background-size: contain;
	background-repeat: no-repeat;
	pointer-events: none;
	max-width: 100%;
	transform: translate(-50%, -50%) rotate(-6deg);
	background-image: url("/naiv/assets/images/temps-de-lencre/timbre-cachet.png");
	
	top: 350px;
	width: 70%;
	height: 400px;
	filter: brightness(0.9);
	opacity: .9;
}
@media screen and (max-width: 600px) {
	.tdl-p-2::before {
		height: 200px;
	}
}


/** ------ p 3 ------ **/


.tdl-p-3::before {

	content: '';
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	background-size: contain;
	background-repeat: no-repeat;
	pointer-events: none;
	max-width: 100%;
	transform: translate(-50%, 50%) rotate(7deg);
	background-image: url("/naiv/assets/images/temps-de-lencre/timbre-cachet.png");
	
	top: unset;
	bottom: 0;
	width: 70%;
	height: 400px;
	filter: brightness(0.9);
}
@media screen and (max-width: 600px) {
	.tdl-p-3::before {
		height: 200px;
	}
}

/** ------ p 4 ------ **/

.tdl-p-4 p.subtitle::before {
	
	content: '';
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	background-size: contain;
	background-repeat: no-repeat;
	pointer-events: none;
	max-width: 100%;
	background-image: url("/naiv/assets/images/temps-de-lencre/cachet-ny.png");
	
	transform: translate(0, 0);
	top: 40px;
	left: 15px;
	width: 95%;
	height: 200px;
	background-position: right;
	opacity: .3;
}

.tdl-p-4::before {
	
	content: '';
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	background-size: contain;
	background-repeat: no-repeat;
	pointer-events: none;
	max-width: 100%;
	background-image: url("/naiv/assets/images/temps-de-lencre/cachet-ny.png");
	width: 70%;
	height: 200px;
	opacity: .5;
}


/** ------ p 5 ------ **/

.tdl-p-5 .subtitle {
	position: relative
}

.tdl-p-5 .subtitle::before  {
	
	content: '';
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	background-size: contain;
	background-repeat: no-repeat;
	pointer-events: none;
	max-width: 100%;
	background-image: url("/naiv/assets/images/temps-de-lencre/avion-cachet.png");
	transform: translate(-100%, -30%);
	left: 0;
	width: 130px;
	height: 75px;
	opacity: 1.0;
}

.tdl-p-5 .subtitle::after  {
	
	content: '';
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	background-size: contain;
	background-repeat: no-repeat;
	pointer-events: none;
	max-width: 100%;
	background-image: url("/naiv/assets/images/temps-de-lencre/avion-cachet.png");
	transform: translate(100%, -30%) rotate(10deg);
	left: unset;
	right: 0;
	width: 230px;
	height: 150px;
	opacity: .5;
}

@media screen and (max-width: 600px) {
	.tdl-p-5 .subtitle::before  {
		left: 90px;
		opacity: .6;
	}
	.tdl-p-5 .subtitle::after  {
		right: 90px;
		opacity: .3;
	}
}



/** ------ p 6 ------ **/

.tdl-p-6 .dashed-margins  {

}

.tdl-p-6 .dashed-margins::before  {
	
	content: '';
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	background-size: contain;
	background-repeat: no-repeat;
	pointer-events: none;
	max-width: 100%;
	background-image: url("/naiv/assets/images/temps-de-lencre/avion-timbre-cachet-1.png");
	transform: translate(0,0) rotate(-5deg);
	left: 30px;
	top: 10px;
	width: 230px;
	height: 130px;
	opacity: 0.8;
	filter: brightness(.8);
}

.tdl-p-6::before  {
	
	content: '';
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	background-size: contain;
	background-repeat: no-repeat;
	pointer-events: none;
	max-width: 100%;
	background-image: url("/naiv/assets/images/temps-de-lencre/avion-timbre-cachet-2.png");
	transform: translate(0,0);
	top: unset;
	left: unset;
	right: 30px;
	bottom: 10px;
	width: 230px;
	height: 130px;
	opacity: 0.7;
	filter: brightness(.6);
}

@media screen and (max-width: 600px) {
	.tdl-p-6 .dashed-margins::before  {
		opacity: .6;
	}
	.tdl-p-6::before  {
		opacity: .5;
	}
}

/** ------ p 7 ------ **/

.tdl-p-7::before  {
	
	content: '';
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	background-size: contain;
	background-repeat: no-repeat;
	pointer-events: none;
	max-width: 100%;
	background-image: url("/naiv/assets/images/temps-de-lencre/avion-cachet.png");
	
	transform: translate(-50%, -50%) rotate(54deg);
	width: 60%;
	height: 300px;
	filter: brightness(.6);
	opacity: .15;
}


/** ------ p 8 ------ **/

.tdl-p-8::after {
	
	content: '';
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	background-size: contain;
	background-repeat: no-repeat;
	pointer-events: none;
	max-width: 100%;
	background-image: url("/naiv/assets/images/temps-de-lencre/cachet-ny.png");
	width: 275px;
	height: 100px;
	opacity: .5;
	bottom: 20%;
	top: unset;
	margin-left: 30px;
	opacity: .5;
}

@media screen and (max-width: 800px) {
	.tdl-p-8 figure {
		text-align: left;
	}
	.tdl-p-8 .handwritten-cit {
		white-space: normal;
	}
	.tdl-p-8 .handwritten-cit br {
		display: none;
	}
}