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

body{
	background: linear-gradient(#b4aa76, 60%, #258300);
	background-size: cover;
}


/*-----------------------ONGLET NOUVEAUTES-----------------------*/

#nouveautes{
	width: 60%;
	margin-top: 350px;
	animation: fadeIn ease 4s;
	-webkit-animation: fadeIn ease 4s;
	-moz-animation: fadeIn ease 4s;
	-o-animation: fadeIn ease 4s;
	-ms-animation: fadeIn ease 4s;
}


#nouveautes h1{
	text-align: left;
	font-weight: bold;
	color: orange;
	font-size: 48px;
}


#nouveautes .separation{
	background-color: white;
	margin-bottom: 10px;
	height: 5px;
	width: 100%;
}


#nouveautes p{
	margin-left: 10px;
	color: white;
	font-size: 20px;
}


/*-----------------------ONGLET CV-----------------------*/

#cv{
	width: 53%;
	margin-top: 150px;
	animation: fadeIn ease 4s;
	-webkit-animation: fadeIn ease 4s;
	-moz-animation: fadeIn ease 4s;
	-o-animation: fadeIn ease 4s;
	-ms-animation: fadeIn ease 4s;
}


#cv h1{
	text-align: left;
	font-weight: bold;
	color: black;
	font-size: 48px;
}


#cv .separation{
	background-color: white;
	margin-bottom: 10px;
	height: 5px;
	width: 100%;
}


#cv p{
	margin-left: 10px;
	font-size: 28px;
	color: white;
}


/*-----------------------ONGLET AUTOPORTRAIT-----------------------*/

#autoportrait{
	float: right;
	width: 40%;
	margin-top: 75px;
	animation: fadeIn ease 4s;
	-webkit-animation: fadeIn ease 4s;
	-moz-animation: fadeIn ease 4s;
	-o-animation: fadeIn ease 4s;
	-ms-animation: fadeIn ease 4s;
}


#autoportrait h1{
	text-align: right;
	font-weight: bold;
	color: black;
	font-size: 48px;
}


#autoportrait .separation{
	float: right;
	background-color: white;
	margin-bottom: 10px;
	height: 5px;
	width: 100%;
}


#autoportrait p{
	margin-right: 10px;
	text-align: right;
	font-size: 28px;
	color: white;
}


/*-----------------------ONGLET PROJETS-----------------------*/

#projets{
	width: 53%;
	margin-top: 225px;
	animation: fadeIn ease 4s;
	-webkit-animation: fadeIn ease 4s;
	-moz-animation: fadeIn ease 4s;
	-o-animation: fadeIn ease 4s;
	-ms-animation: fadeIn ease 4s;
}


#projets h1{
	text-align: left;
	font-weight: bold;
	color: black;
	font-size: 48px;
}


#projets .separation{
	background-color: white;
	margin-bottom: 10px;
	height: 5px;
	width: 100%;
}


#projets p{
	margin-left: 10px;
	font-size: 28px;
	color: white;
}


/*-----------------------ONGLET TESTS-----------------------*/

#tests{
	float: right;
	width: 40%;
	margin-top: 75px;
	animation: fadeIn ease 4s;
	-webkit-animation: fadeIn ease 4s;
	-moz-animation: fadeIn ease 4s;
	-o-animation: fadeIn ease 4s;
	-ms-animation: fadeIn ease 4s;
}


#tests h1{
	text-align: right;
	font-weight: bold;
	color: black;
	font-size: 48px;
}


#tests .separation{
	float: right;
	background-color: white;
	margin-bottom: 10px;
	height: 5px;
	width: 100%;
}


#tests p{
	margin-right: 10px;
	text-align: right;
	font-size: 28px;
	color: white;
}


/*-----------------------ONGLET BIG DATA-----------------------*/

#big-data{
	width: 53%;
	margin-top: 225px;
	animation: fadeIn ease 4s;
	-webkit-animation: fadeIn ease 4s;
	-moz-animation: fadeIn ease 4s;
	-o-animation: fadeIn ease 4s;
	-ms-animation: fadeIn ease 4s;
}


#big-data h1{
	text-align: left;
	font-weight: bold;
	color: black;
	font-size: 48px;
}


#big-data .separation{
	background-color: white;
	margin-bottom: 10px;
	height: 5px;
	width: 100%;
}


#big-data p{
	margin-left: 10px;
	font-size: 28px;
	color: white;
}


/*-----------------------ONGLET INFORMATIQUE-----------------------*/

#informatique{
	float: right;
	width: 40%;
	margin-top: 75px;
	animation: fadeIn ease 4s;
	-webkit-animation: fadeIn ease 4s;
	-moz-animation: fadeIn ease 4s;
	-o-animation: fadeIn ease 4s;
	-ms-animation: fadeIn ease 4s;
}


#informatique h1{
	text-align: right;
	font-weight: bold;
	color: black;
	font-size: 48px;
}


#informatique .separation{
	float: right;
	background-color: white;
	margin-bottom: 10px;
	height: 5px;
	width: 100%;
}


#informatique p{
	margin-right: 10px;
	text-align: right;
	font-size: 28px;
	color: white;
}


/*-----------------------ONGLET CONTACT-----------------------*/

#contact{
	width: 53%;
	margin-top: 250px;
	margin-bottom: 200px;
	animation: fadeIn ease 4s;
	-webkit-animation: fadeIn ease 4s;
	-moz-animation: fadeIn ease 4s;
	-o-animation: fadeIn ease 4s;
	-ms-animation: fadeIn ease 4s;
}


#contact h1{
	text-align: left;
	font-weight: bold;
	color: black;
	font-size: 48px;
}


#contact .separation{
	background-color: white;
	margin-bottom: 10px;
	height: 5px;
	width: 100%;
}


#contact p{
	margin-left: 10px;
	font-size: 28px;
	color: white;
}


#bas-page{
	height: 200px;
}