@font-face {

    font-family: raoul;
    src: url(font/raoul2.ttf) format("truetype");

}


	body {

		scroll scroll-behavior: smooth;
	font-size: 35px;
	font-family: raoul;
	//background-image: url("fond_.jpg");
	background-color: blue;
	line-height: 35px;
	letter-spacing : auto;


}

a, a:hover, a:visited, a:active
{
	color:#000;
	text-decoration:none;
}

.legend {
	font-family: raoul;
	font-size: 17px;
	position: relative;



	}

	.legend2 {
		background-color: white;
		font-family: raoul;
		font-size: 17px;
		padding: 5px;
		margin: 5px;
/*	position: relative; */
		display: inline-block;



		}


.ponchon {
	margin-left: 10px;
	margin-top:  50px;
	height: 5px;
	position: absolute;


	}

	.brygoo {
		margin-left: 550px;
		margin-top:  50px;
		height: 5px;
		position: absolute;



		}

		.vaneigem {
			margin-left: 1195px;
			margin-top:  20px;
			height: 5px;
			position: absolute;


			}

			.barre {
				margin-left: 1895px;
				margin-top:  255px;
				height: 10px;
				position: absolute;


				}

				.gonzales {
					margin-left: 175px;
					margin-top:  855px;
					height: 5px;
					position: absolute;


					}

					.volfoni {
						margin-left: 650px;
						margin-top:  750px;
						height: 10px;
						position: absolute;


						}

						.intro {
							width: 350px;
							margin-left: 1455px;
							margin-top:  950px;
							text-align: center;

							position: absolute;
							background-color: white;
							font-family: raoul;
							font-size: 17px;
							padding: 5px;



							}

							.giordan {
								margin-left: 2000px;
								margin-top:  1155px;
								height: 10px;
								position: absolute;


								}


								.cool {
									margin-left: 45px;
									margin-top: 1300px;
									height: 5px;
									position: absolute;


									}



.rigault {
	margin-left: 670px;
	margin-top:  1700px;
	height: 10px;
	position: absolute;


	}




	.koala {
		margin-left: 970px;
		margin-top:  1700px;
		height: 10px;
		position: absolute;


		}





.duke {
	margin-left: 1400px;
	margin-top:  1300px;
	height: 10px;
	position: absolute;


	}

	.pasdechance {
		margin-left: 2000px;
		margin-top:  1450px;
		height: 10px;
		position: absolute;


		}

		.ken
		{
			margin-left: 2500px;
			margin-top:  50px;
			height: 10px;
			position: absolute;


			}

			.souza {
				margin-left: 2400px;
				margin-top:  900px;
				height: 10px;
				position: absolute;


				}

				.julia {
					margin-left: 40px;
					margin-top:  2150px;
					height: 10px;
					position: absolute;


					}

					.godevarselde {
						margin-left: 620px;
						margin-top:  2150px;
						height: 10px;
						position: absolute;


						}

						.peck {
							margin-left: 2600px;
							margin-top:  1700px;
							height: 10px;
							position: absolute;


							}

							.navery {
								margin-left: 2850px;
								margin-top:  800px;
								height: 10px;
								position: absolute;


								}

								.champagne {
								margin-left: 1700px;
								margin-top:  2325px;
								height: 10px;
								position: absolute;


								}

								.franc{
								margin-left: 2350px;
								margin-top:  2325px;
								height: 10px;
								position: absolute;


								}

								.gauffre{
								margin-left: 40px;
								margin-top:  2800px;
								height: 10px;
								position: absolute;


								}

								.duffy{
								margin-left: 3000px;
								margin-top:  2150px;
								height: 10px;
								position: absolute;


								}

								.coutard{
								margin-left: 630px;
									margin-top:  3000px;
									height: 10px;
									position: absolute;

								}

								.audouin{
								margin-left: 3500px;
								margin-top:  520px;
								height: 10px;
								position: absolute;



								}
								

								.pictet{
								margin-left: 1230px;
								margin-top:  2900px;
								height: 10px;
								position: absolute;



								}



								.one{
								margin-left: 3100px;
								margin-top:  1650px;
								height: 10px;
								position: absolute;



								}

								.saint{
								margin-left: 3500px;
								margin-top:  1100px;
								height: 10px;
								position: absolute;



								}
									.bott{
								margin-left: 3500px;
								margin-top:  0px;
								height: 10px;
								position: absolute;



								}

									.raoul{
								margin-left: 2830px;
								margin-top:  3300px;
								height: 10px;
								position: absolute;



								}
										.lamourdieu{

								margin-left: 3500px;
								margin-top:  2050px;
								height: 10px;
								position: absolute;



								}
										.chat{
								

								margin-left: 2000px;
								margin-top:  2900px;
								height: 10px;
								position: absolute;




								}

										.servais{
											margin-left: 40px;
								margin-top:  3310px;
								height: 10px;
								position: absolute;



								}









		#bordure-gauche {
			position:fixed;
			top:0;
			left:0;
			height: 100vh;
			width:75px;
			box-sizing: border-box;


				}
		#bordure-droite {
			position:fixed;
			top:0;
			right:0;
			height: 100vh;
			width:75px;
			box-sizing: border-box;
				}
				#bordure-bas {
			position:fixed;
			left:0;
			height: 75px;
			bottom:0;
			width:100vw;

				}
				#bordure-haut {
			position:fixed;
			top:0;
			left:0;
			height: 75px;
			width:100vw;

				}

.block-scroll img{
  height:100%;
  max-width: 30px;
  object-fit: contain;


}

#bordure-gauche img{
  left: 30px;
  transform: rotate(180deg);
}

#bordure-droite img{
  float:right;
}

#bordure-haut img{
  width: 100%;
  max-height: 30px;
  object-fit: contain;
  padding-top:30px;
  object-fit: contain;
  transform: rotate(-90deg);
}

#bordure-bas img{
  width: 100%;
  max-height: 30px;
  object-fit: contain;
  object-fit: contain;
  transform: rotate(90deg);
 position:absolute;
 bottom: 0px;
}

@media screen and (max-width:700px){
.block-scroll {
	display: none;
}

}