hj

body {
	margin: 0;
	background-color: #363535;
}

#header {
	background-image: url(bg2.jpg);
	width: 100%;
	height: 680px;
	background-repeat: no-repeat;
	background-size: 100% 100%;
	display: flex;
}

#logo {
	width: 10%;
	height: 20%;
	padding-top: 20px;
	padding-left: 50px;
}

#logo img {
	width: 100%;
	height: 100%;
}

ul {
	list-style: none;
	padding-top: 30px;
	margin: 0;
	margin-top: 25px;
}

li {
	display: inline;
	padding: 30px;
	margin-left: 30px;
}

li a {
	text-decoration: none;
	color: white;
	font-size: 30px;
	padding: 10px;
}

li a:hover {
	background-color: rgba(255, 255, 255, 0.7);
	color: black;
	border-radius: 40px;
	padding: 10px;
}

#titre_slogan {
	text-align: center;
	margin-top: 80%;
}


<!DOCTYPE html>
<!-- saved from url=(0062)file:///C:/Users/marli/Desktop/Projet%20HTML/SIte/Accueil.html -->
<html>
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
	<title>Provisoire</title>
	<link rel="stylesheet" type="text/css" href="Accueil.css">
	<link rel="icon" type="images/png" href="icon.png">
</head>
<body>

	<div id="header">
		<div id="logo">
			<a href=""><img src="new_logo.png"></a>
		</div>
		<div id="navigation">
			<ul>
				<li><a href="">Accueil</a></li>
				<li><a href="">Univers</a></li>
				<li><a href="Espece.html">Espèces</a></li>
				<li><a href="">Forum</a></li>
				<li><a href="">Boutique</a></li>
			</ul>
		</div>
		<!--<div id="slogan">
			<h1 id="titre_slogan">Lorem ipsum psum remlo</h1>
			<p id="text_slogan">Lorem ipsum psum remlo Lorem ipsum psum remlo Lorem ipsum psum remlo Lorem ipsum psum remlo Lorem ipsum psum remlo Lorem ipsum psum remlo</p>
		</div>-->
	</div>

	<div id="univers">
		<p>Lorem ipsum sejiofgvjsdnvmnjsdvmjlsdnvmnqsLorem ipsum sejiofgvjsdnvmnjsdvmjlsdnvmnqsLorem ipsum sejiofgvjsdnvmnjsdvmjlsdnvmnqsLorem ipsum sejiofgvjsdnvmnjsdvmjlsdnvmnqsLorem ipsum sejiofgvjsdnvmnjsdvmjlsdnvmnqsLorem ipsum sejiofgvjsdnvmnjsdvmjlsdnvmnqsLorem ipsum sejiofgvjsdnvmnjsdvmjlsdnvmnqsLorem ipsum sejiofgvjsdnvmnjsdvmjlsdnvmnqsLorem ipsum sejiofgvjsdnvmnjsdvmjlsdnvmnqsLorem ipsum sejiofgvjsdnvmnjsdvmjlsdnvmnqsLorem ipsum sejiofgvjsdnvmnjsdvmjlsdnvmnqsLorem ipsum sejiofgvjsdnvmnjsdvmjlsdnvmnqsLorem ipsum sejiofgvjsdnvmnjsdvmjlsdnvmnqsLorem ipsum sejiofgvjsdnvmnjsdvmjlsdnvmnqsLorem ipsum sejiofgvjsdnvmnjsdvmjlsdnvmnqsLorem ipsum sejiofgvjsdnvmnjsdvmjlsdnvmnqsLorem ipsum sejiofgvjsdnvmnjsdvmjlsdnvmnqsLorem ipsum sejiofgvjsdnvmnjsdvmjlsdnvmnqsLorem ipsum sejiofgvjsdnvmnjsdvmjlsdnvmnqsLorem ipsum sejiofgvjsdnvmnjsdvmjlsdnvmnqsLorem ipsum sejiofgvjsdnvmnjsdvmjlsdnvmnqsLorem ipsum sejiofgvjsdnvmnjsdvmjlsdnvmnqsLorem ipsum sejiofgvjsdnvmnjsdvmjlsdnvmnqsLorem ipsum sejiofgvjsdnvmnjsdvmjlsdnvmnqsLorem ipsum sejiofgvjsdnvmnjsdvmjlsdnvmnqsLorem ipsum sejiofgvjsdnvmnjsdvmjlsdnvmnqsLorem ipsum sejiofgvjsdnvmnjsdvmjlsdnvmnqsLorem ipsum sejiofgvjsdnvmnjsdvmjlsdnvmnqsLorem ipsum sejiofgvjsdnvmnjsdvmjlsdnvmnqsLorem ipsum sejiofgvjsdnvmnjsdvmjlsdnvmnqsLorem ipsum sejiofgvjsdnvmnjsdvmjlsdnvmnqsLorem ipsum sejiofgvjsdnvmnjsdvmjlsdnvmnqsLorem ipsum sejiofgvjsdnvmnjsdvmjlsdnvmnqsLorem ipsum sejiofgvjsdnvmnjsdvmjlsdnvmnqsLorem ipsum sejiofgvjsdnvmnjsdvmjlsdnvmnqsLorem ipsum sejiofgvjsdnvmnjsdvmjlsdnvmnqsLorem ipsum sejiofgvjsdnvmnjsdvmjlsdnvmnqsLorem ipsum sejiofgvjsdnvmnjsdvmjlsdnvmnqsLorem ipsum sejiofgvjsdnvmnjsdvmjlsdnvmnqsLorem ipsum sejiofgvjsdnvmnjsdvmjlsdnvmnqsLorem ipsum sejiofgvjsdnvmnjsdvmjlsdnvmnqsLorem ipsum sejiofgvjsdnvmnjsdvmjlsdnvmnqsLorem ipsum sejiofgvjsdnvmnjsdvmjlsdnvmnqsLorem ipsum sejiofgvjsdnvmnjsdvmjlsdnvmnqsLorem ipsum sejiofgvjsdnvmnjsdvmjlsdnvmnqsLorem ipsum sejiofgvjsdnvmnjsdvmjlsdnvmnqsLorem ipsum sejiofgvjsdnvmnjsdvmjlsdnvmnqsLorem ipsum sejiofgvjsdnvmnjsdvmjlsdnvmnqsLorem ipsum sejiofgvjsdnvmnjsdvmjlsdnvmnqsLorem ipsum sejiofgvjsdnvmnjsdvmjlsdnvmnqsLorem ipsum sejiofgvjsdnvmnjsdvmjlsdnvmnqsLorem ipsum sejiofgvjsdnvmnjsdvmjlsdnvmnqsLorem ipsum sejiofgvjsdnvmnjsdvmjlsdnvmnqsLorem ipsum sejiofgvjsdnvmnjsdvmjlsdnvmnqsLorem ipsum sejiofgvjsdnvmnjsdvmjlsdnvmnqsLorem ipsum sejiofgvjsdnvmnjsdvmjlsdnvmnqsLorem ipsum sejiofgvjsdnvmnjsdvmjlsdnvmnqsLorem ipsum sejiofgvjsdnvmnjsdvmjlsdnvmnqsLorem ipsum sejiofgvjsdnvmnjsdvmjlsdnvmnqsLorem ipsum sejiofgvjsdnvmnjsdvmjlsdnvmnqsLorem ipsum sejiofgvjsdnvmnjsdvmjlsdnvmnqsLorem ipsum sejiofgvjsdnvmnjsdvmjlsdnvmnqsLorem ipsum sejiofgvjsdnvmnjsdvmjlsdnvmnqsLorem ipsum sejiofgvjsdnvmnjsdvmjlsdnvmnqsLorem ipsum sejiofgvjsdnvmnjsdvmjlsdnvmnqsLorem ipsum sejiofgvjsdnvmnjsdvmjlsdnvmnqsLorem ipsum sejiofgvjsdnvmnjsdvmjlsdnvmnqsLorem ipsum sejiofgvjsdnvmnjsdvmjlsdnvmnqsLorem ipsum sejiofgvjsdnvmnjsdvmjlsdnvmnqsLorem ipsum sejiofgvjsdnvmnjsdvmjlsdnvmnqsLorem ipsum sejiofgvjsdnvmnjsdvmjlsdnvmnqsLorem ipsum sejiofgvjsdnvmnjsdvmjlsdnvmnqsLorem ipsum sejiofgvjsdnvmnjsdvmjlsdnvmnqsLorem ipsum sejiofgvjsdnvmnjsdvmjlsdnvmnqsLorem ipsum sejiofgvjsdnvmnjsdvmjlsdnvmnqsLorem ipsum sejiofgvjsdnvmnjsdvmjlsdnvmnqsLorem ipsum sejiofgvjsdnvmnjsdvmjlsdnvmnqsLorem ipsum sejiofgvjsdnvmnjsdvmjlsdnvmnqsLorem ipsum sejiofgvjsdnvmnjsdvmjlsdnvmnqsLorem ipsum sejiofgvjsdnvmnjsdvmjlsdnvmnqsLorem ipsum sejiofgvjsdnvmnjsdvmjlsdnvmnqsLorem ipsum sejiofgvjsdnvmnjsdvmjlsdnvmnqsLorem ipsum sejiofgvjsdnvmnjsdvmjlsdnvmnqsLorem ipsum sejiofgvjsdnvmnjsdvmjlsdnvmnqsLorem ipsum sejiofgvjsdnvmnjsdvmjlsdnvmnqsLorem ipsum sejiofgvjsdnvmnjsdvmjlsdnvmnqsLorem ipsum sejiofgvjsdnvmnjsdvmjlsdnvmnqsLorem ipsum sejiofgvjsdnvmnjsdvmjlsdnvmnqsLorem ipsum sejiofgvjsdnvmnjsdvmjlsdnvmnqsLorem ipsum sejiofgvjsdnvmnjsdvmjlsdnvmnqsLorem ipsum sejiofgvjsdnvmnjsdvmjlsdnvmnqsLorem ipsum sejiofgvjsdnvmnjsdvmjlsdnvmnqsLorem ipsum sejiofgvjsdnvmnjsdvmjlsdnvmnqsLorem ipsum sejiofgvjsdnvmnjsdvmjlsdnvmnqsLorem ipsum sejiofgvjsdnvmnjsdvmjlsdnvmnqsLorem ipsum sejiofgvjsdnvmnjsdvmjlsdnvmnqsLorem ipsum sejiofgvjsdnvmnjsdvmjlsdnvmnqsLorem ipsum sejiofgvjsdnvmnjsdvmjlsdnvmnqsLorem ipsum sejiofgvjsdnvmnjsdvmjlsdnvmnqsLorem ipsum sejiofgvjsdnvmnjsdvmjlsdnvmnqsLorem ipsum sejiofgvjsdnvmnjsdvmjlsdnvmnqsLorem ipsum sejiofgvjsdnvmnjsdvmjlsdnvmnqsLorem ipsum sejiofgvjsdnvmnjsdvmjlsdnvmnqsLorem ipsum sejiofgvjsdnvmnjsdvmjlsdnvmnqsLorem ipsum sejiofgvjsdnvmnjsdvmjlsdnvmnqsLorem ipsum sejiofgvjsdnvmnjsdvmjlsdnvmnqsLorem ipsum sejiofgvjsdnvmnjsdvmjlsdnvmnqsLorem ipsum sejiofgvjsdnvmnjsdvmjlsdnvmnqsLorem ipsum sejiofgvjsdnvmnjsdvmjlsdnvmnqsLorem ipsum sejiofgvjsdnvmnjsdvmjlsdnvmnqsLorem ipsum sejiofgvjsdnvmnjsdvmjlsdnvmnqsLorem ipsum sejiofgvjsdnvmnjsdvmjlsdnvmnqsLorem ipsum sejiofgvjsdnvmnjsdvmjlsdnvmnqsLorem ipsum sejiofgvjsdnvmnjsdvmjlsdnvmnqsLorem ipsum sejiofgvjsdnvmnjsdvmjlsdnvmnqsLorem ipsum sejiofgvjsdnvmnjsdvmjlsdnvmnqsLorem ipsum sejiofgvjsdnvmnjsdvmjlsdnvmnqsLorem ipsum sejiofgvjsdnvmnjsdvmjlsdnvmnqsLorem ipsum sejiofgvjsdnvmnjsdvmjlsdnvmnqsLorem ipsum sejiofgvjsdnvmnjsdvmjlsdnvmnqsLorem ipsum sejiofgvjsdnvmnjsdvmjlsdnvmnqsLorem ipsum sejiofgvjsdnvmnjsdvmjlsdnvmnqsLorem ipsum sejiofgvjsdnvmnjsdvmjlsdnvmnqsLorem ipsum sejiofgvjsdnvmnjsdvmjlsdnvmnqsLorem ipsum sejiofgvjsdnvmnjsdvmjlsdnvmnqsLorem ipsum sejiofgvjsdnvmnjsdvmjlsdnvmnqsLorem ipsum sejiofgvjsdnvmnjsdvmjlsdnvmnqsLorem ipsum sejiofgvjsdnvmnjsdvmjlsdnvmnqsLorem ipsum sejiofgvjsdnvmnjsdvmjlsdnvmnqsLorem ipsum sejiofgvjsdnvmnjsdvmjlsdnvmnqsLorem ipsum sejiofgvjsdnvmnjsdvmjlsdnvmnqsLorem ipsum sejiofgvjsdnvmnjsdvmjlsdnvmnqsLorem ipsum sejiofgvjsdnvmnjsdvmjlsdnvmnqsLorem ipsum sejiofgvjsdnvmnjsdvmjlsdnvmnqsLorem ipsum sejiofgvjsdnvmnjsdvmjlsdnvmnqsLorem ipsum sejiofgvjsdnvmnjsdvmjlsdnvmnqsLorem ipsum sejiofgvjsdnvmnjsdvmjlsdnvmnqsLorem ipsum sejiofgvjsdnvmnjsdvmjlsdnvmnqsLorem ipsum sejiofgvjsdnvmnjsdvmjlsdnvmnqsLorem ipsum sejiofgvjsdnvmnjsdvmjlsdnvmnqs</p>


	</div>

</body></html>