@font-face
{
	font-family : "Retro";
	src : url('Andes.ttf');
}

body
{
	font-family: Arial;
}

#premiereimage
{
	background-image : url('2.jpg');
	height: 100%;
}

#secondeimage
{
	background-image : url('ny.jpeg');
	height: 100%;
}


#header
{
	background-color: white;
	width: 100%;
	height: 150px;
	padding : 20px;
	
}

#header #logo
{
	margin-left : 0px;
		display : inline-block;
}

#header #slogan
{
	display : inline-block;
	position : absolute;
	right : 10px;
	top: 50px;
}

.title
{
	font-family: "Retro";
	font-size: 32px;
	color: yellow;
}

.bordo
{
	font-family: "Retro";
	font-size: 52px;
	color: red;
}

#block
{
	padding : 15px;
	position: absolute;
	width: 500px;
	margin-left: 150px;
	margin-bottom : 500px;
	margin-top: 150px;
	background-color : rgba(0, 0, 0, 0.5);
	height: 300px;
	
	color: white;
}
#block2
{
	padding : 15px;
	position: absolute;
	width: 500px;
	margin-left: 650px;
	margin-bottom : 500px;
	margin-top: 200px;
	background-color : rgba(0, 0, 0, 0.5);
	height: 300px;
	
	color: white;
}

#entrebloc
{
	height: 50px;
	text-align : center;
	color: red;
	background-color: black;
}	

#menu
 {
	display: inline-block;
	position : relative;
	bottom : 0px;
	left: 50%;
}

#menuitem
{
	text-align : center;
	font-style: bold;
	display: inline-block;
	margin: 10px;
	padding : 5px;
	border: 1px solid silver;
	background-color: silver;
	color: red;
	border-radius: 10px;
	width : 100px;
}

#menuitem:hover
{
	background-color: crimson;
	color: silver;
}


#titrepage
{
	color: yellow;
	font-family: "Retro";
	font-size: 72px;
	position : relative;
	top: 0px;
	left: 15%;
	padding-top: 50px;
}