@font-face {
		font-family: "BrushScriptStd";
		src: url("fonts/BrushScriptStd.otf");	
}
		
	#center {
	background-color: #000000;
	 position:absolute; 
     left: 50%; 
     top: 50%;
	height: 768px;
	width: 1024px;
     margin-top: -384px; /* moitié de la hauteur */
     margin-left: -512px; /* moitié de la largeur */
    }
	
	
	#fond {
	background-image: url(Source%20Files/image/cadre.gif);
	height: 768px;
	width: 1024px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;

	text-transform: none;
	color: #FFFFFF;
	background-repeat: no-repeat;
	vertical-align: baseline;
	float: Aucune;
	margin: auto;
	overflow: hidden;
	position: relative;
	}
	#titre {
	background-image: url(Source%20Files/image/part1.gif);
	float: left;
	height: 241px;
	width: 1024px;

		
	}
	#logo {
	background-image: url(Source%20Files/image/logo-site.gif);
	height: 241px;
	width: 1024px;
	background-repeat: no-repeat;
	background-position: center center;
	}
	#DRAGON {
	background-image: url(Source%20Files/image/DRAGON0.gif);
	height: 241px;
	width: 1024px;
	background-repeat: no-repeat;
	background-position: center center;
	}	
	#actif0 {
	background-image: url(Source%20Files/image/part2.gif);
	height: 527px;
	width: 1024px;
	float: left;
	background-position: bottom;
	}
	#nav1{
	background-image: url(Source%20Files/image/logo2.gif);
	background-repeat: no-repeat;
	background-position: center;
	height: 102px;
	width: 1024px;
	position: relative;
	bottom: 60px;

	}
	#nav1 a {
	text-decoration: none;
	font-family:  BrushScriptStd;
	font-size: 20px;
	color: #000000;
	font-weight: lighter;
	position: relative;
	top: 65px;
	left: 175px;
		}
	#nav1 a:hover {
	text-decoration: none;
	font-family:  BrushScriptStd;
	font-size: 20px;
	color: #ff0000;
	font-weight: lighter;
	position: relative;
	top: 65px;
	left: 175px;
		}	
	
	
		
	#info {
	background-image: url(Source%20Files/image/txt.gif);
		font-family:  BrushScriptStd, Arial, Helvetica, sans-serif;
	color: #000;
	height: 447px;
	width: 454px;
	position: relative;
	float: left;
	left: 550px;
	bottom: 70px;
	background-repeat: no-repeat;
	background-position: bottom;		
	}
	
		#info h2 {
	background-image: url(Source%20Files/image/titre.gif);
	height: 49px;
	width: 280px;
	margin-left: 87px;
	position: relative;
	bottom: 15px;
	text-align: center;
	font-size: 18px;
	padding-top: 15px;
		}
	
		#info p {
	width: 300px;
	font-size: 16px;
	padding-right: 100px;
	padding-left: 80px;
	bottom: 30px;
	position: relative;
	}
	
	
	
	#downplace {
	position: relative;
	background-image: url(Source%20Files/image/boite_noir.gif);
	float: left;
	height: 381px;
	width: 501px;
	right: 430px;
	padding-top: 15px;
	background-repeat: no-repeat;
	padding-left: 8px;
		
	}
		#angel {
	background-image: url(Source%20Files/image/angel.gif);
	float: left;
	height: 66px;
	width: 126px;
	position: relative;
	left: 188px;
	bottom: 400px;
		
	}
	#nav2 {
	background-image: url(Source%20Files/image/nav0..gif);
	height: 200px;
	width: 141px;
	background-repeat: no-repeat;
	position: relative;
	left: 395px;
	bottom: 380px;

	}
	
	#bureau {
	background-image: url(Source%20Files/image/FD-RESOURCE.gif);
	height: 381px;
	width: 952px;
	position: relative;
	left: 35px;
	}#bureau p {
	height: 350px;
	width: 920px;
	position: relative;
	left: 15px;
	top: 15px;
}
	#lien {
	background-image: url(Link/ZZZ.gif);
	height: 423px;
	width: 952px;
	position: relative;
	left: 35px;
	background-repeat: no-repeat;
	bottom: 50px;

}#lien #lien-nav {
	height: 300px;
	width: 120px;
	position: relative;
	left: 780px;
	top: 100px;
}
#lien a {
	font-family: BrushScriptStd;
	font-size: 18px;
	color: #000;
	text-decoration: none;
	height: 30px;
	width: 130px;
	text-align: center;
	display: block;
}
#lien a:hover {
	font-family: BrushScriptStd;
	font-size: 18px;
	color: #973;
	text-decoration: none;
	height: 30px;
	width: 130px;
	text-align: center;
	display: block;
}