/*-----------------------MISE EN PAGE ELEMENTS-----------------------*/

body{
	margin: 0px;
	margin-top: 12px;
	margin-bottom: 60px;
	background: linear-gradient(#D5BC3E, 35%, #FF6E33);
}


h2{
	text-align: center;
	font-size: 36px;
}


p{
	margin-left: 30px;
}


/*-----------------------ENTETE-----------------------*/

#entete .retour{
	opacity: 0.2;
	display: block;
	transition: 0.2s;
	position: fixed;
}

#entete .retour:hover{
	opacity: 1;
}


#entete .tableau{
	width: 100%;
}


#entete .cellule{
	width: 230px;
}


/*-----------------------PARTIE 1-----------------------*/

#partie1 .transition{
	margin-top: 100px;
	margin-left: 10px;
	animation: fadeIn ease 1s;
	-webkit-animation: fadeIn ease 1s;
	-moz-animation: fadeIn ease 1s;
	-o-animation: fadeIn ease 1s;
	-ms-animation: fadeIn ease 1s;
}


/*-----------------------PARTIE 2-----------------------*/

#partie2 .transition{
	margin-left: 10px;
	animation: fadeIn ease 1s;
	-webkit-animation: fadeIn ease 1s;
	-moz-animation: fadeIn ease 1s;
	-o-animation: fadeIn ease 1s;
	-ms-animation: fadeIn ease 1s;
}


/*-----------------------PARTIE 3-----------------------*/

#partie3 .transition{
	margin-left: 10px;
	animation: fadeIn ease 2s;
	-webkit-animation: fadeIn ease 2s;
	-moz-animation: fadeIn ease 2s;
	-o-animation: fadeIn ease 2s;
	-ms-animation: fadeIn ease 2s;
}


/*-----------------------PARTIE 4-----------------------*/

#partie4 .transition{
	margin-left: 10px;
	animation: fadeIn ease 2s;
	-webkit-animation: fadeIn ease 2s;
	-moz-animation: fadeIn ease 2s;
	-o-animation: fadeIn ease 2s;
	-ms-animation: fadeIn ease 2s;
}


/*-----------------------PARTIE 5-----------------------*/

#partie5 .transition{
	margin-left: 10px;
	animation: fadeIn ease 3s;
	-webkit-animation: fadeIn ease 3s;
	-moz-animation: fadeIn ease 3s;
	-o-animation: fadeIn ease 3s;
	-ms-animation: fadeIn ease 3s;
}


/*-----------------------PARTIE 6-----------------------*/

#partie6 .transition{
	margin-left: 10px;
	animation: fadeIn ease 4s;
	-webkit-animation: fadeIn ease 4s;
	-moz-animation: fadeIn ease 4s;
	-o-animation: fadeIn ease 4s;
	-ms-animation: fadeIn ease 4s;
}


/*-----------------------PARTIE 7-----------------------*/

#partie7 .transition{
	margin-left: 10px;
	animation: fadeIn ease 4s;
	-webkit-animation: fadeIn ease 4s;
	-moz-animation: fadeIn ease 4s;
	-o-animation: fadeIn ease 4s;
	-ms-animation: fadeIn ease 4s;
}


/*-----------------------PARTIE 8-----------------------*/

#partie8 .transition{
	margin-left: 10px;
	animation: fadeIn ease 5s;
	-webkit-animation: fadeIn ease 5s;
	-moz-animation: fadeIn ease 5s;
	-o-animation: fadeIn ease 5s;
	-ms-animation: fadeIn ease 5s;
}


/*-----------------------PARTIE 9-----------------------*/

#partie9 .transition{
	margin-left: 10px;
	animation: fadeIn ease 6s;
	-webkit-animation: fadeIn ease 6s;
	-moz-animation: fadeIn ease 6s;
	-o-animation: fadeIn ease 6s;
	-ms-animation: fadeIn ease 6s;
}


/*-----------------------PARTIE 10-----------------------*/

#partie10 .transition{
	margin-left: 10px;
	animation: fadeIn ease 6s;
	-webkit-animation: fadeIn ease 6s;
	-moz-animation: fadeIn ease 6s;
	-o-animation: fadeIn ease 6s;
	-ms-animation: fadeIn ease 6s;
}


/*-----------------------PARTIE 11-----------------------*/

#partie11 .transition{
	margin-left: 10px;
	animation: fadeIn ease 6s;
	-webkit-animation: fadeIn ease 6s;
	-moz-animation: fadeIn ease 6s;
	-o-animation: fadeIn ease 6s;
	-ms-animation: fadeIn ease 6s;
}