:root {
			/*Distance initiale depuis le top de la page, pour afficher le header (laisse la place au haut du parchemin)*/
			/*Recalculée pour s'adapter au zoom*/
			--layout-top: 195px;
			/*Proportion de la taille de l'image parchment-top à partir de laquelle le header va s'aficher*/
			--layout-top-header-ratio: 0.53;
			/*Proportion de la taille de l'image parchment-bottom à partir de laquelle le footer va s'aficher*/
			--layout-bottom-footer-ratio: 0.6;

			/*hauteur de l'image parchment_middle.png 1920 x 580*/
			--middle-segment-height: 580px;
		}

		* {
			box-sizing: border-box;
		}

		html, body {
			margin: 0;
			padding: 0;
			min-height: 100%;
			background-color: #000000;
			color: #3a2c1a;
		}

		.parchment {
			position: relative;
			width: 100vw;
			margin-left: calc(50% - 50vw);
			background: #000000;
			overflow: hidden;
		}

		.parchment-top,
		.parchment-bottom {
			width: 100vw;
		}

		.parchment-top img,
		.parchment-bottom img {
			width: 100vw;
			height: auto;
			display: block;
		}

		.parchment-middle {
			position: relative;
			width: 100vw;
			overflow: hidden;
		}

		.parchment-middle-tiles {
			position: absolute;
			inset: 0;
			display: flex;
			flex-direction: column;
			gap: 0;
			pointer-events: none;
		}

		.parchment-middle-segment {
			width: 100vw;
			height: var(--middle-segment-height, 580px);
			background-position: center center;
			background-repeat: no-repeat;
			background-size: 100% 100%;
		}

		.parchment-middle-segment:nth-child(even) {
			transform: scaleY(-1);
		}