/* Formatage du block image */
span {
  display: inline-block;
  margin: 0;
  padding: 0;
  color: white;
}
/* Initialisation de la DIV principale */
.parent {
    position: relative;
    width: auto;
	height: 512px;
    margin: 0px;
}
.titre {
	position: fixed;
	top: 0;
    left: 0;
	margin-left: 20px;
}
.marge20 {
	margin-left: 20px;
}
.texte {
    position: absolute;
    width: 100%;
    height: 320px;
	margin-top: 5px;
	overflow: scroll;
    top: 0;
    left: 30;
	z-index: 1;
	
}
.logo {
    width: 90%;
}

.scroll_left {
	height: 512px;
    width: 100%;
	overflow: hidden;
    position: fixed;
	bottom:0;
	/*width: 100vw;*/
	margin: 0;
	padding: 0;
	z-index: 1;
}

/* Fonds des époques */
.epo1 {
	background-image: url(../../_media/img/documentation/fond_1.jpg);
	background-repeat: repeat-x;
	/*object-fit: cover;*/
}
.epo2 {
	background-image: url(../../_media/img/documentation/fond_2.jpg);
	background-repeat: repeat-x;
}
.epo3 {
	background-image: url(../../_media/img/documentation/fond_3.jpg);
	background-repeat: repeat-x;
}
.epo4 {
	background-image: url(../../_media/img/documentation/fond_4.jpg);
	background-repeat: repeat-x;
}
.epo5 {
	background-image: url(../../_media/img/documentation/fond_5.jpg);
	background-repeat: repeat-x;
}
.epo6 {
	background-image: url(../../_media/img/documentation/fond_6.jpg);
	background-repeat: repeat-x;
}


.vapeur {
	padding-top: 454px; 
}
.autorail {
	padding-top: 448px; 
}
.diesel {
	padding-top: 444px; 
}
.tgv {
  padding-top: 424px; 
}

/* Vitesse des convois responsives*/
/* Si la taille de l'écran est de 577px de large ou plus */
@media (min-width: 577px) {
	/* Déclaration des hauteurs */
	.speed-scroll_left {
		overflow: hidden;
		height: 100%;
		width: 200%;
		white-space: nowrap;
		margin: 0;
		font-size: 0;
		display: flex;
		justify-content: space-between;
	}
	/* Déclaration des vitesses sans caténaire */
	.v60 {
	  animation: scrollText_old_big 30s infinite linear;
	}
	.v80 {
	  animation: scrollText_old_big 25s infinite linear;
	}
	.v100 {
	  animation: scrollText_old_big 20s infinite linear;
	}
	.v160 {
	  animation: scrollText_old_big 15s infinite linear;
	}
	@keyframes scrollText_old_big {
	  from {
		transform: translateX(100%);
	  }
	  to {
		transform: translateX(-200%);
	  }
	}

	/* Déclaration des vitesses avec caténaire */
	.v280 {
	  animation: scrollText_cat_big 12s infinite linear;
	}
	.v300 {
	  animation: scrollText_cat_big 10s infinite linear;
	}


	@keyframes scrollText_cat_big {
	  from {
		transform: translateX(100%);
	  }
	  to {
		transform: translateX(-200%);
	  }
	}
}
/* Si la taille de l'écran est inférieure à 577px */
@media (max-width: 576.98px) {
	/* Déclaration des hauteurs */
	.speed-scroll_left {
		overflow: hidden;
		height: 100%;
		width: 800%;
		white-space: nowrap;
		margin: 0;
		font-size: 0;
		display: flex;
		justify-content: space-between;
	}
	/* Déclaration des vitesses sans caténaire */
	.v60 {
	  animation: scrollText_old_small 30s infinite linear;
	}
	.v80 {
	  animation: scrollText_old_small 25s infinite linear;
	}
	.v100 {
	  animation: scrollText_old_small 20s infinite linear;
	}
	.v160 {
	  animation: scrollText_old_small 16s infinite linear;
	}
	@keyframes scrollText_old_small {
	  from {
		transform: translateX(100%);
	  }
	  to {
		transform: translateX(-200%);
	  }
	}

	/* Déclaration des vitesses avec caténaire */
	.v280 {
	  animation: scrollText_cat_small 14s infinite linear;
	}
	.v300 {
	  animation: scrollText_cat_small 12s infinite linear;
	}


	@keyframes scrollText_cat_small {
	  from {
		transform: translateX(100%);
	  }
	  to {
		transform: translateX(-200%);
	  }
	}
}