/*background-color:#30170E;*/



* {
	/*border: 1px solid black;
	box-sizing: border-box;*/
	font-family: Impact;
	color:#FFD93F;
}

A{
	text-decoration: none;
	color: inherit;
	display: block;
  	padding: 4px;
  
}

@font-face {
  	font-family: Impact;
  	src: url(Impact.ttf);
}

@media (min-width:893px){

@font-face {
  	font-family: Impact;
  	src: url(Impact.ttf);
}

Body{
	max-width: 1500px;
	display: grid;
	grid-template-columns: 0.1fr 1fr 1em 1fr 1em 1fr 0.1fr;
	grid-template-rows: 8em 1em 1em 1em 18em 1em 18em 1em 18em 1em 18em 8em 8em;
	background-color:black;

}

.title{
	grid-column: 1/-1;	
	grid-row: 1/2;
}

.titre{
	grid-column: 3/4;	
	grid-row: 1/2;
	display: block;
  	margin-left: auto;
  	margin-right: auto;
  	width: 100%;
	height: 100%;
}

.intro{
	grid-column: 1/-1;	
	grid-row: -3/-2;
	place-self:center;
	display: grid;
	grid-template-columns: 1fr 1fr 1em 1fr 1em 1fr 1fr;
	
	
}

.flechegauche{
	grid-column: 1/2;	
	place-self:center;
	font-size:30px;
	color:#F93858;

}

.prochainepage{
	grid-column: 2/3;	
	place-self:center;
	font-size:30px;
	text-decoration: underline;
	border: 0.5px solid white;
	box-sizing: border-box;
	color:#F93858;
}

.pageactuelle{
	grid-column:4/5;	
	place-self:center;
	font-size:30px;
	color:#0093FF;

}

.rouge{
	color:#0093FF;
}

.block10{
	grid-column: 2/3;	
	grid-row: 5/6;
	display: grid;
	grid-template-columns: 1em 1fr 1em;
	grid-template-rows: 1em 1fr 1em;
}

.image10{
	grid-column: 1/-1;	
	grid-row: 2/3;

}

.img10{
	display: block;
  	margin-left: auto;
  	margin-right: auto;
  	width: 90%;
	border-radius: 25px;
	height: 90%;
}

.echauffement_id10{
	grid-column: 1/-1;	
	grid-row: 3/4;
	font-size:20px;
	place-self:center;
	color:white;
	background:black;
}


.block9{
	grid-column: 4/5;	
	grid-row: 5/6;
	display: grid;
	grid-template-columns: 1em 1fr 1em;
	grid-template-rows: 1em 1fr 1em;
}

.image9{
	grid-column: 1/-1;	
	grid-row: 2/3;

}

.img9{
	display: block;
  	margin-left: auto;
  	margin-right: auto;
  	width: 90%;
	border-radius: 25px;
	height: 90%;
}

.echauffement_id9{
	grid-column: 1/-1;	
	grid-row: 3/4;
	font-size:20px;
	place-self:center;
	color:white;
	background:black;
}

.block8{
	grid-column: 6/7;	
	grid-row: 5/6;
	display: grid;
	grid-template-columns: 1em 1fr 1em;
	grid-template-rows: 1em 1fr 1em;
}

.image8{
	grid-column: 1/-1;	
	grid-row: 2/3;

}

.img8{
	display: block;
  	margin-left: auto;
  	margin-right: auto;
  	width: 90%;
	border-radius: 25px;
	height: 90%;
}

.echauffement_id8{
	grid-column: 1/-1;	
	grid-row: 3/4;
	font-size:20px;
	place-self:center;
	color:white;
	background:black;
}

.block7{
	grid-column: 2/3;	
	grid-row: 7/8;
	display: grid;
	grid-template-columns: 1em 1fr 1em;
	grid-template-rows: 1em 1fr 1em;
}

.image7{
	grid-column: 1/-1;	
	grid-row: 2/3;

}

.img7{
	display: block;
  	margin-left: auto;
  	margin-right: auto;
  	width: 90%;
	border-radius: 25px;
	height: 90%;
}

.echauffement_id7{
	grid-column: 1/-1;	
	grid-row: 3/4;
	font-size:20px;
	place-self:center;
	color:white;
	background:black;
}

.block6{
	grid-column: 4/5;	
	grid-row: 7/8;
	display: grid;
	grid-template-columns: 1em 1fr 1em;
	grid-template-rows: 1em 1fr 1em;
}

.image6{
	grid-column: 1/-1;	
	grid-row: 2/3;

}

.img6{
	display: block;
  	margin-left: auto;
  	margin-right: auto;
  	width: 90%;
	border-radius: 25px;
	height: 90%;
}

.echauffement_id6{
	grid-column: 1/-1;	
	grid-row: 3/4;
	font-size:20px;
	place-self:center;
	color:white;
	background:black;
}

.block5{
	grid-column: 6/7;	
	grid-row: 7/8;
	display: grid;
	grid-template-columns: 1em 1fr 1em;
	grid-template-rows: 1em 1fr 1em;
}

.image5{
	grid-column: 1/-1;	
	grid-row: 2/3;

}

.img5{
	display: block;
  	margin-left: auto;
  	margin-right: auto;
  	width: 90%;
	border-radius: 25px;
	height: 90%;
}

.echauffement_id5{
	grid-column: 1/-1;	
	grid-row: 3/4;
	font-size:20px;
	place-self:center;
	color:white;
	background:black;
}


.block4{
	grid-column: 2/3;	
	grid-row: 9/10;
	display: grid;
	grid-template-columns: 1em 1fr 1em;
	grid-template-rows: 1em 1fr 1em;
}

.image4{
	grid-column: 1/-1;	
	grid-row: 2/3;

}

.img4{
	display: block;
  	margin-left: auto;
  	margin-right: auto;
  	width: 90%;
	border-radius: 25px;
	height: 90%;
}

.echauffement_id4{
	grid-column: 1/-1;	
	grid-row: 3/4;
	font-size:20px;
	place-self:center;
	color:white;
	background:black;
}




.block3{
	grid-column: 4/5;	
	grid-row: 9/10;
	display: grid;
	grid-template-columns: 1em 1fr 1em;
	grid-template-rows: 1em 1fr 1em;
}

.image3{
	grid-column: 1/-1;	
	grid-row: 2/3;

}

.img3{
	display: block;
  	margin-left: auto;
  	margin-right: auto;
  	width: 90%;
	border-radius: 25px;
	height: 80%;
}

.echauffement_id3{
	grid-column: 1/-1;	
	grid-row: 3/4;
	font-size:20px;
	place-self:center;
	color:white;
	background:black;
}




.block2{
	grid-column: 6/7;	
	grid-row: 9/10;
	display: grid;
	grid-template-columns: 1em 1fr 1em;
	grid-template-rows: 1em 1fr 1em;
}

.image2{
	grid-column: 1/-1;	
	grid-row: 2/3;
}

.img2{
	display: block;
  	margin-left: auto;
  	margin-right: auto;
  	width: 90%;
	border-radius: 25px;
	height: 90%;
}

.echauffement_id2{
	grid-column: 1/-1;	
	grid-row: 3/4;
	font-size:20px;
	place-self:center;
	color:white;
	padding-left:1em;
	padding-right:1em;
	background:black;
}




.block1{
	grid-column: 2/3;	
	grid-row: 11/12;
	display: grid;
	grid-template-columns: 1em 1fr 1em;
	grid-template-rows: 1em 1fr 1em;
}

.image1{
	grid-column: 1/-1;	
	grid-row: 2/3;

}

.img1{
	display: block;
  	margin-left: auto;
  	margin-right: auto;
  	width: 90%;
	border-radius: 25px;
	height: 90%;
}

.echauffement_id1{
	grid-column: 1/-1;	
	grid-row: 3/4;
	font-size:20px;
	place-self:center;
	color:white;
	background:black;
}




footer{
	grid-column: 1/-1;	
	grid-row: -2/-1;
	display: grid;
	grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
	color:#F93858;
}

.f1{
	grid-column: 1/2;	
	place-self:center;
	font-size:20px;
}

.f2{
	grid-column: 2/3;	
	place-self:center;
	font-size:20px;
}

.f3{
	grid-column: 3/4;	
	place-self:center;
	font-size:20px;
}

.f4{
	grid-column: 4/5;	
	place-self:center;
	font-size:20px;
}

.f5{
	grid-column: 5/6;	
	place-self:center;
	font-size:20px;
}

}

/*-------------------*/


@media (max-width:893px){

@font-face {
  	font-family: Impact;
  	src: url(Impact.ttf);
}

Body{
	max-width:892px;
	display: grid;
	grid-template-columns: 1em 1fr 2em 1fr 1em;
	grid-template-rows: 8em 1em 1em 1em 20em 1em 20em 1em 20em 1em 20em 1em 20em 10em 2em;
	background-color:black;
}

.title{
	grid-column: 1/-1;	
	grid-row: 1/2;
}

.titre{
	grid-column: 3/4;	
	grid-row: 1/2;
	display: block;
  	margin-left: auto;
  	margin-right: auto;
  	width: 100%;
	height: 100%;
}



.intro{
	grid-column: 1/-1;	
	grid-row: -3/-2;
	place-self:center;
	display: grid;
	grid-template-columns: 1fr 1fr 1em 1fr 1em 1fr 1fr;
	
	
}

.flechegauche{
	grid-column: 1/2;	
	place-self:center;
	font-size:20px;
	color:#F93858;

}

.prochainepage{
	grid-column: 2/3;	
	place-self:center;
	font-size:20px;
	text-decoration: underline;
	border: 0.5px solid white;
	box-sizing: border-box;
	color:#F93858;
}

.pageactuelle{
	grid-column:4/5;	
	place-self:center;
	font-size:20px;
	color:#0093FF;

}

.rouge{
	color:#0093FF;
}

.block10{
	grid-column: 2/3;	
	grid-row: 5/6;
	display: grid;
	grid-template-columns: 1em 1fr 1em;
	grid-template-rows: 1em 1fr 1fr 1em;
}

.image10{
	grid-column: 1/-1;	
	grid-row: 2/3;
}

.img10{
	display: block;
  	margin-left: auto;
  	margin-right: auto;
  	width: 100%;
	border-radius: 25px;
	height: 100%;
}

.echauffement_id10{
	grid-column: 1/-1;	
	grid-row: 3/4;
	font-size:20px;
	place-self:center;
	color:white;
	background:black;
}

.block9{
	grid-column: 4/5;	
	grid-row: 5/6;
	display: grid;
	grid-template-columns: 1em 1fr 1em;
	grid-template-rows: 1em 1fr 1fr 1em;
}

.image9{
	grid-column: 1/-1;	
	grid-row: 2/3;
}

.img9{
	display: block;
  	margin-left: auto;
  	margin-right: auto;
  	width: 100%;
	border-radius: 25px;
	height: 100%;
}

.echauffement_id9{
	grid-column: 1/-1;	
	grid-row: 3/4;
	font-size:20px;
	place-self:center;
	color:white;
	background:black;
}

.block8{
	grid-column: 2/3;	
	grid-row: 7/8;
	display: grid;
	grid-template-columns: 1em 1fr 1em;
	grid-template-rows: 1em 1fr 1fr 1em;
}

.image8{
	grid-column: 1/-1;	
	grid-row: 2/3;
}

.img8{
	display: block;
  	margin-left: auto;
  	margin-right: auto;
  	width: 100%;
	border-radius: 25px;
	height: 100%;
}

.echauffement_id8{
	grid-column: 1/-1;	
	grid-row: 3/4;
	font-size:20px;
	place-self:center;
	color:white;
	background:black;
}

.block7{
	grid-column: 4/5;	
	grid-row: 7/8;
	display: grid;
	grid-template-columns: 1em 1fr 1em;
	grid-template-rows: 1em 1fr 1fr 1em;
}

.image7{
	grid-column: 1/-1;	
	grid-row: 2/3;
}

.img7{
	display: block;
  	margin-left: auto;
  	margin-right: auto;
  	width: 100%;
	border-radius: 25px;
	height: 100%;
}

.echauffement_id7{
	grid-column: 1/-1;	
	grid-row: 3/4;
	font-size:20px;
	place-self:center;
	color:white;
	background:black;
}

.block6{
	grid-column: 2/3;	
	grid-row: 9/10;
	display: grid;
	grid-template-columns: 1em 1fr 1em;
	grid-template-rows: 1em 1fr 1fr 1em;
}

.image6{
	grid-column: 1/-1;	
	grid-row: 2/3;
}

.img6{
	display: block;
  	margin-left: auto;
  	margin-right: auto;
  	width: 100%;
	border-radius: 25px;
	height: 100%;
}

.echauffement_id6{
	grid-column: 1/-1;	
	grid-row: 3/4;
	font-size:20px;
	place-self:center;
	color:white;
	background:black;
}


.block5{
	grid-column: 4/5;	
	grid-row: 9/10;
	display: grid;
	grid-template-columns: 1em 1fr 1em;
	grid-template-rows: 1em 1fr 1fr 1em;
}

.image5{
	grid-column: 1/-1;	
	grid-row: 2/3;
}

.img5{
	display: block;
  	margin-left: auto;
  	margin-right: auto;
  	width: 100%;
	border-radius: 25px;
	height: 100%;
}

.echauffement_id5{
	grid-column: 1/-1;	
	grid-row: 3/4;
	font-size:20px;
	place-self:center;
	color:white;
	background:black;
}

.block4{
	grid-column: 2/3;	
	grid-row: 11/12;
	display: grid;
	grid-template-columns: 1em 1fr 1em;
	grid-template-rows: 1em 1fr 1fr 1em;
}

.image4{
	grid-column: 1/-1;	
	grid-row: 2/3;
}

.img4{
	display: block;
  	margin-left: auto;
  	margin-right: auto;
  	width: 100%;
	border-radius: 25px;
	height: 100%;
}

.echauffement_id4{
	grid-column: 1/-1;	
	grid-row: 3/4;
	font-size:20px;
	place-self:center;
	color:white;
	background:black;
}




.block3{
	grid-column: 4/5;	
	grid-row: 11/12;
	display: grid;
	grid-template-columns: 1em 1fr 1em;
	grid-template-rows: 1em 1fr 1fr 1em;
}

.image3{
	grid-column: 1/-1;	
	grid-row: 2/3;

}

.img3{
	display: block;
  	margin-left: auto;
  	margin-right: auto;
  	width: 100%;
	border-radius: 25px;
	height: 100%;
}

.echauffement_id3{
	grid-column: 1/-1;	
	grid-row: 3/4;
	font-size:20px;
	place-self:center;
	color:white;
	background:black;
}




.block2{
	grid-column: 2/3;	
	grid-row: 13/14;
	display: grid;
	grid-template-columns: 1em 1fr 1em;
	grid-template-rows: 1em 1fr 1fr 1em;
}

.image2{
	grid-column: 1/-1;	
	grid-row: 2/3;
}

.img2{
	display: block;
  	margin-left: auto;
  	margin-right: auto;
  	width: 100%;
	border-radius: 25px;
	height: 100%;
}

.echauffement_id2{
	grid-column: 1/-1;	
	grid-row: 3/4;
	font-size:20px;
	place-self:center;
	color:white;
	background:black;
}




.block1{
	grid-column: 4/5;	
	grid-row: 13/14;
	display: grid;
	grid-template-columns: 1em 1fr 1em;
	grid-template-rows: 1em 1fr 1fr 1em;
}

.image1{
	grid-column: 1/-1;	
	grid-row: 2/3;
}

.img1{
	display: block;
  	margin-left: auto;
  	margin-right: auto;
  	width: 100%;
	border-radius: 25px;
	height: 100%;
}

.echauffement_id1{
	grid-column: 1/-1;	
	grid-row: 3/4;
	font-size:20px;
	place-self:center;
	color:white;
	background:black;
}



footer{
	grid-column: 1/-1;	
	grid-row: -2/-1;
	display: grid;
	grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
	color:#F93858;
}

.f1{
	grid-column: 1/2;	
	place-self:center;
	font-size:20px;
}

.f2{
	grid-column: 2/3;	
	place-self:center;
	font-size:20px;
}

.f3{
	grid-column: 3/4;	
	place-self:center;
	font-size:20px;
}

.f4{
	grid-column: 4/5;	
	place-self:center;
	font-size:20px;
}

.f5{
	grid-column: 5/6;	
	place-self:center;
	font-size:20px;
}


}

/*-------------------*/


@media (max-width:573px){

@font-face {
  	font-family: Impact;
  	src: url(Impact.ttf);
}


Body{
	max-width:572px;
	display: grid;
	grid-template-columns: 1em 1fr 2em 1fr 1em;
	grid-template-rows: 8em 1em 1em 1em 18em 1em 18em 1em 18em 1em 18em 1em 18em 10em 2em;
	background-color:black;
}

.title{
	grid-column: 1/-1;	
	grid-row: 1/2;
}

.titre{
	grid-column: 3/4;	
	grid-row: 1/2;
	display: block;
  	margin-left: auto;
  	margin-right: auto;
  	width: 100%;
	height: 100%;
}



.intro{
	grid-column: 1/-1;	
	grid-row: -3/-2;
	place-self:center;
	display: grid;
	grid-template-columns: 1fr 1fr 1em 1fr 1em 1fr 1fr;
	
	
}

.flechegauche{
	grid-column: 1/2;	
	place-self:center;
	font-size:20px;
	color:#F93858;

}

.prochainepage{
	grid-column: 2/3;	
	place-self:center;
	font-size:20px;
	text-decoration: underline;
	border: 0.5px solid white;
	box-sizing: border-box;
	color:#F93858;
}

.pageactuelle{
	grid-column:4/5;	
	place-self:center;
	font-size:20px;
	color:#0093FF;

}

.rouge{
	color:#0093FF;
}

.block10{
	grid-column: 2/3;	
	grid-row: 5/6;
	display: grid;
	grid-template-columns: 1em 1fr 1em;
	grid-template-rows: 1em 1fr 1fr 1em;
}

.image10{
	grid-column: 1/-1;	
	grid-row: 2/3;
}

.img10{
	display: block;
  	margin-left: auto;
  	margin-right: auto;
  	width: 100%;
	border-radius: 25px;
	height: 100%;
}

.echauffement_id10{
	grid-column: 1/-1;	
	grid-row: 3/4;
	font-size:18px;
	place-self:center;
	color:white;
	background:black;
}

.block9{
	grid-column: 4/5;	
	grid-row: 5/6;
	display: grid;
	grid-template-columns: 1em 1fr 1em;
	grid-template-rows: 1em 1fr 1fr 1em;
}

.image9{
	grid-column: 1/-1;	
	grid-row: 2/3;
}

.img9{
	display: block;
  	margin-left: auto;
  	margin-right: auto;
  	width: 100%;
	border-radius: 25px;
	height: 100%;
}

.echauffement_id9{
	grid-column: 1/-1;	
	grid-row: 3/4;
	font-size:18px;
	place-self:center;
	color:white;
	background:black;
}

.block8{
	grid-column: 2/3;	
	grid-row: 7/8;
	display: grid;
	grid-template-columns: 1em 1fr 1em;
	grid-template-rows: 1em 1fr 1fr 1em;
}

.image8{
	grid-column: 1/-1;	
	grid-row: 2/3;
}

.img8{
	display: block;
  	margin-left: auto;
  	margin-right: auto;
  	width: 100%;
	border-radius: 25px;
	height: 100%;
}

.echauffement_id8{
	grid-column: 1/-1;	
	grid-row: 3/4;
	font-size:18px;
	place-self:center;
	color:white;
	background:black;
}

.block7{
	grid-column: 4/5;	
	grid-row: 7/8;
	display: grid;
	grid-template-columns: 1em 1fr 1em;
	grid-template-rows: 1em 1fr 1fr 1em;
}

.image7{
	grid-column: 1/-1;	
	grid-row: 2/3;
}

.img7{
	display: block;
  	margin-left: auto;
  	margin-right: auto;
  	width: 100%;
	border-radius: 25px;
	height: 100%;
}

.echauffement_id7{
	grid-column: 1/-1;	
	grid-row: 3/4;
	font-size:18px;
	place-self:center;
	color:white;
	background:black;
}

.block6{
	grid-column: 2/3;	
	grid-row: 9/10;
	display: grid;
	grid-template-columns: 1em 1fr 1em;
	grid-template-rows: 1em 1fr 1fr 1em;
}

.image6{
	grid-column: 1/-1;	
	grid-row: 2/3;
}

.img6{
	display: block;
  	margin-left: auto;
  	margin-right: auto;
  	width: 100%;
	border-radius: 25px;
	height: 100%;
}

.echauffement_id6{
	grid-column: 1/-1;	
	grid-row: 3/4;
	font-size:18px;
	place-self:center;
	color:white;
	background:black;
}

.block5{
	grid-column: 4/5;	
	grid-row: 9/10;
	display: grid;
	grid-template-columns: 1em 1fr 1em;
	grid-template-rows: 1em 1fr 1fr 1em;
}

.image5{
	grid-column: 1/-1;	
	grid-row: 2/3;
}

.img5{
	display: block;
  	margin-left: auto;
  	margin-right: auto;
  	width: 100%;
	border-radius: 25px;
	height: 100%;
}

.echauffement_id5{
	grid-column: 1/-1;	
	grid-row: 3/4;
	font-size:18px;
	place-self:center;
	color:white;
	background:black;
}


.block4{
	grid-column: 2/3;	
	grid-row: 11/12;
	display: grid;
	grid-template-columns: 1em 1fr 1em;
	grid-template-rows: 1em 1fr 1fr 1em;
}

.image4{
	grid-column: 1/-1;	
	grid-row: 2/3;
}

.img4{
	display: block;
  	margin-left: auto;
  	margin-right: auto;
  	width: 100%;
	border-radius: 25px;
	height: 100%;
}

.echauffement_id4{
	grid-column: 1/-1;	
	grid-row: 3/4;
	font-size:18px;
	place-self:center;
	color:white;
	background:black;
}




.block3{
	grid-column: 4/5;	
	grid-row: 11/12;
	display: grid;
	grid-template-columns: 1em 1fr 1em;
	grid-template-rows: 1em 1fr 1fr 1em;
}

.image3{
	grid-column: 1/-1;	
	grid-row: 2/3;

}

.img3{
	display: block;
  	margin-left: auto;
  	margin-right: auto;
  	width: 100%;
	border-radius: 25px;
	height: 100%;
}

.echauffement_id3{
	grid-column: 1/-1;	
	grid-row: 3/4;
	font-size:18px;
	place-self:center;
	color:white;
	background:black;
}




.block2{
	grid-column: 2/3;	
	grid-row: 13/14;
	display: grid;
	grid-template-columns: 1em 1fr 1em;
	grid-template-rows: 1em 1fr 1fr 1em;
}

.image2{
	grid-column: 1/-1;	
	grid-row: 2/3;
}

.img2{
	display: block;
  	margin-left: auto;
  	margin-right: auto;
  	width: 100%;
	border-radius: 25px;
	height: 100%;
}

.echauffement_id2{
	grid-column: 1/-1;	
	grid-row: 3/4;
	font-size:18px;
	place-self:center;
	color:white;
	background:black;
}




.block1{
	grid-column: 4/5;	
	grid-row: 13/14;
	display: grid;
	grid-template-columns: 1em 1fr 1em;
	grid-template-rows: 1em 1fr 1fr 1em;
}

.image1{
	grid-column: 1/-1;	
	grid-row: 2/3;
}

.img1{
	display: block;
  	margin-left: auto;
  	margin-right: auto;
  	width: 100%;
	border-radius: 25px;
	height: 100%;
}

.echauffement_id1{
	grid-column: 1/-1;	
	grid-row: 3/4;
	font-size:18px;
	place-self:center;
	color:white;
	background:black;
}



footer{
	grid-column: 1/-1;	
	grid-row: -2/-1;
	display: grid;
	grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
	color:#F93858;
}

.f1{
	grid-column: 1/2;	
	place-self:center;
	font-size:12px;
}

.f2{
	grid-column: 2/3;	
	place-self:center;
	font-size:12px;
}

.f3{
	grid-column: 3/4;	
	place-self:center;
	font-size:12px;
}

.f4{
	grid-column: 4/5;	
	place-self:center;
	font-size:12px;
}

.f5{
	grid-column: 5/6;	
	place-self:center;
	font-size:12px;
}

}