body{
	font-family: Manjari, sans-serif;
	margin-left:50px;
	margin-bottom:30px;
	background-color:RGBa(127, 197, 250, 0.8);
}
h1{
	color:#FF9900;
	font-size:40px;
	font-family:Prompt, sans-serif;
	text-transform:uppercase;
}
a{
	text-decoration:none;
	color:black;
}
table{
	background:RGB(170,170,250);
	z-index:200;
	border-right:5px RGB(100,100,250) solid;
	border-bottom-right-radius:30px;
	border-top-right-radius:30px;
}
#menu{
	position:fixed;
	top:50px;
	left:-240px;
	transition:0.5s;
	z-index:20000000000000000000;
}
#menu:hover{
	position:fixed;
	left:0px;
}
.th{
	padding-top:30px;
	padding-bottom:30px;
	padding-right:15px;
	padding-left:15px;
	background:inherit;
	text-decoration:none;
	transition:background 1s, text-decoration 1s;
}
th{
	padding-top:30px;
	padding-bottom:30px;
	padding-right:15px;
	padding-left:15px;
	background:inherit;
	text-decoration:none;
}
.th:hover{
	background:radial-gradient(circle,RGB(200,200,250)5%,RGB(170,170,250)90%);
	border-radius:100px;
}
#logo{
	height:90px;
	position:absolute;
	top:110px;
	left:270px;
	z-index:299;
	background:RGB(200,208,250);
	border-left:none;
	border-bottom:3px solid RGB(100, 137, 200);
	border-top:3px solid RGB(100, 137, 200);
	border-right:3px solid RGB(100, 137, 200);
	border-top-right-radius:30px;
	border-bottom-right-radius:30px;
}
#pointeur_img{
	transform:rotate(30deg);
	position:absolute;
	left:270px;
	top:170px;
	animation-name:pointeur;
	width:0px;
	animation-delay:1s;
	animation-duration:4s;
	z-index:3997424589975999999999999999999999999999999999999999999999999999999999999999999999999999999;
}
@keyframes pointeur{
	10%{width:30px;}
	50%{top:300px;left:150px;width:30px;}
	60%{top:300px;left:150px;width:30px;}
	70%{top:300px;left:150px; width:30px;}
}
.hist_img{
	width:300px;
}
.txt{
	margin-left:auto;
	margin-right:auto;
	position:absolute;
	top:220px;
	left:10px;
	font-size:13px;
}
#date1{
	position:absolute;
	left:204px;
	top:170px;
	z-index:3;
	width:150px;
	display:block;
}
.txt_marqueur{
	text-align:center;
	position:relative;
	left:-72px;
}
.mar_long{
	height:80px;
	width:4px;
}
#frise{
	position:absolute;
	top:110px;
	left:-40px;
}
#base_frise{
	height:50px;
	width:1120px;
	position:absolute;
	left:170px;
	top:300px;
	z-index:200000;
}
#hover1{
	position:absolute;
	left:155px;
	top:185px;
	width:90px;
	height:70px;
	overflow:hidden;
	border:3px solid black;
	z-index:200000;
	opacity:0;
	transition:width 0.5s, height 0.5s, box-shadow 0.5s;
}
#hover1:hover{
	width:300px;
	height:320px;
	opacity:100;
	background:white;
	box-shadow:3px 3px 5px black;
}
#txt1{
	width:300px;
}
#hover2{
	position:absolute;
	left:275px;
	top:135px;
	width:70px;
	height:75px;
	overflow:hidden;
	border:3px solid black;
	z-index:200000;
	opacity:0;
	transition:width 0.5s, height 0.5s, box-shadow 0.5s;
}
#hover2:hover{
	width:300px;
	height:320px;
	opacity:100;
	background:white;
	box-shadow:3px 3px 5px black;
}
#txt2{
	width:300px;
}
#date2{
	position:absolute;
	left:314px;
	top:120px;
	z-index:3;
	width:150px;
	display:block;
}
#hover3{
	position:absolute;
	left:370px;
	top:185px;
	width:130px;
	height:75px;
	overflow:hidden;
	border:3px solid black;
	z-index:200000;
	opacity:0;
	transition:width 0.5s, height 0.5s, box-shadow 0.5s;
}
#hover3:hover{
	width:300px;
	height:330px;
	opacity:100;
	background:white;
	box-shadow:3px 3px 5px black;
}
#txt3{
	width:300px;
	top:185px;
}
#date3{
	position:absolute;
	left:434px;
	top:170px;
	z-index:3;
	width:150px;
	display:block;
}
#hover4{
	position:absolute;
	left:498px;
	top:135px;
	width:110px;
	height:65px;
	overflow:hidden;
	border:3px solid black;
	z-index:200000;
	opacity:0;
	transition:width 0.5s, height 0.5s, box-shadow 0.5s;
}
#hover4:hover{
	width:300px;
	height:350px;
	opacity:100;
	background:white;
	box-shadow:3px 3px 5px black;
}
#txt4{
	width:290px;
}
#date4{
	position:absolute;
	left:554px;
	top:120px;
	z-index:3;
	width:150px;
	display:block;
}
#hover5{
	position:absolute;
	left:623px;
	top:185px;
	width:100px;
	height:65px;
	overflow:hidden;
	border:3px solid black;
	z-index:200000;
	opacity:0;
	transition:width 0.5s, height 0.5s, box-shadow 0.5s;
}
#hover5:hover{
	width:300px;
	height:270px;
	opacity:100;
	background:white;
	box-shadow:3px 3px 5px black;
}
#txt5{
	width:300px;
	top:185px;
}
#date5{
	position:absolute;
	left:674px;
	top:170px;
	z-index:3;
	width:150px;
	display:block;
}
#hover6{
	position:absolute;
	left:724px;
	top:100px;
	width:135px;
	height:105px;
	overflow:hidden;
	border:3px solid black;
	z-index:200000;
	opacity:0;
	transition:width 0.5s, height 0.5s, box-shadow 0.5s;
}
#hover6:hover{
	width:300px;
	height:340px;
	opacity:100;
	background:white;
	box-shadow:3px 3px 5px black;
}
#txt6{
	width:290px;
}
#date6{
	position:absolute;
	left:794px;
	top:85px;
	z-index:3;
	width:150px;
	display:block;
}
#hover7{
	position:absolute;
	left:845px;
	top:185px;
	width:125px;
	height:65px;
	overflow:hidden;
	border:3px solid black;
	z-index:200000;
	opacity:0;
	transition:width 0.5s, height 0.5s, box-shadow 0.5s;
}
#hover7:hover{
	width:300px;
	height:320px;
	opacity:100;
	background:white;
	box-shadow:3px 3px 5px black;
}
#txt7{
	width:290px;
	top:185px;
}
#date7{
	position:absolute;
	left:914px;
	top:170px;
	z-index:3;
	width:150px;
	display:block;
}
#hover8{
	position:absolute;
	left:995px;
	top:135px;
	width:70px;
	height:65px;
	overflow:hidden;
	border:3px solid black;
	z-index:200000;
	opacity:0;
	transition:width 0.5s, height 0.5s, box-shadow 0.5s;
}
#hover8:hover{
	width:300px;
	height:250px;
	opacity:100;
	background:white;
	box-shadow:3px 3px 5px black;
}
#txt8{
	width:300px;
	top:115px;
	left:4px;
}
#date8{
	position:absolute;
	left:1034px;
	top:120px;
	z-index:3;
	width:150px;
	display:block;
}
#ban{
	width:100px;
	margin-left:100px;
}
#hover9{
	position:absolute;
	left:1090px;
	top:185px;
	width:132px;
	height:65px;
	overflow:hidden;
	border:3px solid black;
	z-index:200000;
	opacity:0;
	transition:width 0.5s, height 0.5s, box-shadow 0.5s, transform 0.5s;
}
#hover9:hover{
	transform:translateX(-110px);
	width:300px;
	height:320px;
	opacity:100;
	background:white;
	box-shadow:3px 3px 5px black;
}
#txt9{
	width:290px;
	top:185px;
}
#date9{
	position:absolute;
	left:1154px;
	top:170px;
	z-index:3;
	width:150px;
	display:block;
}
#affiche{
	width:160px;
	margin-left:70px;
}
#introduction{
	margin-left:60px;
	margin-right:10px;
	margin-bottom:50px;
	position:absolute;
	top:500px;
	left:100px;
}
#intro_title{
	font-weight:bold;
	text-decoration: underline;
}
strong{
	font-weight:normal;
}
.mobile_visible{
	display:none;
	}
@media screen and (max-device-width : 500px){
	body{
		width:auto;
		height:auto;
		margin-left:10px;
		margin-top:45px;
	}
	h1{
		font-size:1.3em;
	}
	.mobile_visible{
		display:block;
	}
	.mobile_unvisible{
		display:none;
	}
	table{
		border-right:none;
		border-top-right-radius:0px;
		border-bottom-left-radius:20px;
		border-bottom-right-radius:20px;
		border-bottom:0.2em solid RGB(100,100,250);
	}
	#menu_target_mobile_open{
		-moz- position:relative;
		position:relative;
		-moz- top:-15em;
		top:-13.95em;
	}
	#menu_target_mobile_open:target{
		position:relative;
		top:0px;
	}
	#menu_target_mobile_close:target{
		position:relative;
		top:0px;
	}
	#menu{
		position:fixed;
		top:0px;
		left:5.3em;
		z-index:4589025678907642345678963234567876543456789876543456734567897654569809284584;
		height:14em;
		width:auto;
		overflow:hidden;
		border-bottom-left-radius:20px;
		border-bottom-right-radius:20px;
		animation-iteration-count:0;
	}
	#menu:hover{
		position:fixed;
		left:5.3em;
	}
	.mobile_flèches{
		width:1.5em;
		margin-left:0.3em;
		margin-right:0.3em;
		margin-top:0.02em;
	}
	.mobile_menu_button_txt{
		margin-left:3em;
		margin-right:3em;
	}
	.mobile_menu_button{
		padding-left:0.5em;
	}
	.th{
		padding-top:0.4em;
		padding-bottom:0.4em;
		padding-right:0.5em;
		padding-left:0.5em;
		font-size:0.8em;
	}
	th{
		padding-top:0.4em;
		padding-bottom:0.4em;
		padding-right:0.5em;
		padding-left:0.5em;
		font-size:0.8em;
	}
	#frise{
		transform:rotate(90deg);
		position:absolute;
		top:-5em;
		left:23em;
	}
	#base_frise{
		width:218em;
		height:3em;
	}
	.txt_marqueur{
		transform:rotate(-90deg);
		font-size:0.7em;
	}
	#introduction{
		position:absolute;
		top:323em;
		left:0px;
		margin-left:20px;
		font-size:0.7em;
		padding-bottom:20px;
	}
	.mar_long{
		width:0.2em;
		height:4em;
	}
	.mobile_mar_court{
		width:0.2em;
		height:4em;
	}
	.txt{
		margin-left:auto;
		margin-right:auto;
		position:relative;
		top:2em;
		left:13em;
		font-size:0.63em;
	}
	.hist_img{
		width:13em;
		position:relative;
		top:1em;
		left:8em;
	}
	.marqueur{
		position:relative;
		top:12.25em;
	}
	#marqueur1{
		position:relative;
		left:100px;
	}
	#hover1{
		width:auto;;
		height:auto;
		position:absolute;
		left:15.3em;
		top:-2.5em;
		overflow:visible;
		border:none;
		z-index:3;
		opacity:1;
		transition:0s;
		transform:rotate(-90deg);
	}
	#hover1:hover{
		width:auto;
		height:auto;
		opacity:1;
		background:none;
		box-shadow:none;
	}
	#txt1{
		text-align:justify;
		width:20em;
	}
	#date1{
		position:absolute;
		left:204px;
		top:-30px;
		z-index:3;
		width:150px;
		display:block;
	}
	
	#marqueur2{
		position:relative;
		left:450px;
	}
	#hover2{
		width:auto;;
		height:auto;
		position:absolute;
		left:15.3em;
		top:-2.5em;
		overflow:visible;
		border:none;
		z-index:3;
		opacity:1;
		transition:0s;
		transform:rotate(-90deg);
	}
	#hover2:hover{
		width:auto;
		height:auto;
		opacity:1;
		background:none;
		box-shadow:none;
	}
	#txt2{
		text-align:justify;
		width:20em;
	}
	#date2{
		position:absolute;
		left:204px;
		top:-30px;
		z-index:3;
		width:150px;
		display:block;
	}
	#marqueur3{
		position:relative;
		left:800px;
	}
	#mobile_txt_mar_3{
		top:-40px;
	}
	#hover3{
		width:auto;;
		height:auto;
		position:absolute;
		left:16em;
		top:-3em;
		overflow:visible;
		border:none;
		z-index:3;
		opacity:1;
		transition:0s;
		transform:rotate(-90deg);
	}
	#hover3:hover{
		width:auto;
		height:auto;
		opacity:1;
		background:none;
		box-shadow:none;
	}
	#txt3{
		text-align:justify;
		width:20em;
		top:2em;
	}
	#date3{
		position:absolute;
		left:204px;
		top:-30px;
		z-index:3;
		width:150px;
		display:block;
	}
	#marqueur4{
		position:relative;
		left:1180px;
	}
	#hover4{
		width:auto;;
		height:auto;
		position:absolute;
		left:15.3em;
		top:-2.5em;
		overflow:visible;
		border:none;
		z-index:3;
		opacity:1;
		transition:0s;
		transform:rotate(-90deg);
	}
	#hover4:hover{
		width:auto;
		height:auto;
		opacity:1;
		background:none;
		box-shadow:none;
	}
	#txt4{
		text-align:justify;
		width:20em;
	}
	#date4{
		position:absolute;
		left:204px;
		top:-30px;
		z-index:3;
		width:150px;
		display:block;
	}
	#marqueur5{
		position:relative;
		left:1550px;
	}
	#hover5{
		width:auto;;
		height:auto;
		position:absolute;
		left:14.2em;
		top:-1em;
		overflow:visible;
		border:none;
		z-index:3;
		opacity:1;
		transition:0s;
		transform:rotate(-90deg);
	}
	#hover5:hover{
		width:auto;
		height:auto;
		opacity:1;
		background:none;
		box-shadow:none;
	}
	#txt5{
		text-align:justify;
		width:20em;
		top:2em;
	}
	#date5{
		position:absolute;
		left:204px;
		top:-30px;
		z-index:3;
		width:150px;
		display:block;
	}
	#marqueur6{
		position:relative;
		left:1880px;
	}
	#mobile_txt_mar_6{
		top:-3em;
	}
	#hover6{
		width:auto;;
		height:auto;
		position:absolute;
		left:16em;
		top:-2.5em;
		overflow:visible;
		border:none;
		z-index:3;
		opacity:1;
		transition:0s;
		transform:rotate(-90deg);
	}
	#hover6:hover{
		width:auto;
		height:auto;
		opacity:1;
		background:none;
		box-shadow:none;
	}
	#txt6{
		text-align:justify;
		width:20em;
	}
	#date6{
		position:absolute;
		left:204px;
		top:-30px;
		z-index:3;
		width:150px;
		display:block;
	}
	#marqueur7{
		position:relative;
		left:2250px;
	}
	#mobile_txt_mar_7{
		top:-2em;
	}
	#hover7{
		width:auto;;
		height:auto;
		position:absolute;
		left:15.3em;
		top:-2.5em;
		overflow:visible;
		border:none;
		z-index:3;
		opacity:1;
		transition:0s;
		transform:rotate(-90deg);
	}
	#hover7:hover{
		width:auto;
		height:auto;
		opacity:1;
		background:none;
		box-shadow:none;
	}
	#txt7{
		text-align:justify;
		width:20em;
		top:2em;
	}
	#date7{
		position:absolute;
		left:204px;
		top:-30px;
		z-index:3;
		width:150px;
		display:block;
	}
	#marqueur8{
		position:relative;
		left:2590px;
	}
	#hover8{
		width:auto;;
		height:auto;
		position:absolute;
		left:18em;
		top:-10em;
		overflow:visible;
		border:none;
		z-index:3;
		opacity:1;
		transition:0s;
		transform:rotate(-90deg);
	}
	#hover8:hover{
		width:auto;
		height:auto;
		opacity:1;
		background:none;
		box-shadow:none;
	}
	#txt8{
		text-align:justify;
		width:20em;
		top:1em;
		left:3em;
	}
	#date8{
		position:absolute;
		left:204px;
		top:-30px;
		z-index:3;
		width:150px;
		display:block;
	}
	#ban{
		width:9em;
		margin-left:60px;
	}
	#marqueur9{
		position:relative;
		left:3000px;
	}
	#mobile_txt_mar_9{
		top:-2em;
	}
	#hover9{
		width:auto;;
		height:auto;
		position:absolute;
		left:15.3em;
		top:-2.5em;
		overflow:visible;
		border:none;
		z-index:3;
		opacity:1;
		transition:0s;
		transform:rotate(-90deg);
	}
	#hover9:hover{
		transform:none;
		width:auto;
		height:auto;
		background:none;
		box-shadow:none;
		position:absolute;
		left:15.3em;
		top:-2.5em;
		transform:rotate(-90deg);
	}
	#txt9{
		text-align:justify;
		width:20em;
		top:4em;
		left:16em;
	}
	#date9{
		position:absolute;
		left:204px;
		top:-30px;
		z-index:3;
		width:150px;
		display:block;
	}
	#affiche{
		width:9em;
		position:relative;
		top:40px;
		left:120px;
	}
}