* {
	padding:0;
	margin:0;
}

body {
	width:1000px;
	height:650px;
	
	font-family:Verdana;
	font-size:14px;	
	
	background-color:#000000;	
	margin:0 auto;	
}

#corps {
	width:1000px;
	height:650px;

	position:absolute;
}

#fond_page_mdp {	
	width:392px;
	height:254px;
	background-image:url(../images/fond_page_mdp.png);
	
	/*filter:alpha(opacity=70);*/
	
	position:absolute;top:100px;left:500px;
}

#contenu_page_mdp {	
	width:352px;
	height:214px;
	
	padding:20px;
	
	position:absolute;top:100px;left:500px;
}

#fond_page_inscription {	
	width:392px;
	height:360px;
	background-image:url(../images/fond_page_inscription.png);
	
	/*filter:alpha(opacity=70);*/
	
	position:absolute;top:100px;left:500px;
}

#contenu_page_inscription {	
	width:352px;
	height:264px;
	
	padding:20px;
	
	position:absolute;top:100px;left:500px;
}

#contenu_page_inscription .titre{	
	font-family:Georgia;
	font-size:14px;
	color:#30140B;	
	
	margin-bottom:20px;
}


#contenu_page_mdp .titre{	
	font-family:Georgia;
	font-size:14px;
	color:#30140B;	
	
	margin-bottom:20px;
}

#contenu_photo {
	position:absolute;top:114px;left:168px;
	
	width:630px;
	height:450px;	
}

#fond_page_personnage {	
	width:821px;
	height:361px;
	background-image:url(../images/fond_page_personnage.png);
	
	/*filter:alpha(opacity=70);*/
	
	position:absolute;top:150px;left:90px;
}

#fond_page_contact {	
	width:297px;
	height:377px;
	background-image:url(../images/fond_page_contact.png);
		
	position:absolute;top:165px;left:670px;
}

#fond_page_monument {	
	width:255px;
	height:227px;
	background-image:url(../images/fond_page_monument.png);
	
	padding:20px;
	padding-top:50px;
	
	position:absolute;top:60px;left:312px;
}

#fond_page_espace_pro {	
	width:250px;
	height:211px;
	background-image:url(../images/fond_page_espace_pro.png);
	
	padding:20px;
	padding-top:50px;
	
	position:absolute;top:180px;left:690px;
}

#fond_page_index {	
	width:295px;
	height:330px;
	background-image:url(../images/fond_page_index.png);
		
	position:absolute;top:200px;left:680px;
}

#affiche {	
	position: absolute;
	top: 0%;
	left: 0%;
	width: 1000px;
	height: 650px;
	background-color: #000000;
	z-index:10;
	opacity:0.5;
	filter: alpha(opacity=50);
}

#affiche_contenu {
	position:absolute;top:60px;left:150px;
	z-index:10;
}

#affiche_fermer {
	position:absolute;top:20px;left:555px;	
	z-index:10;	
}

#video_contenu {
	position:absolute;top:200px;left:110px;
	z-index:10;
}

#video_fermer {
	position:absolute;top:195px;left:535px;
	z-index:10;	
}

#contenu_index {
	font-size:12px;
	color:#000000;
	
	width:255px;
	height:275px;
	padding:20px;
	
	padding-top:30px;
	
	position:absolute;top:200px;left:680px;
}

#contenu_index #titre{	
	font-family:Georgia;
	font-size:14px;
	color:#30140B;	
	
	font-weight:bold;
	margin-bottom:20px;
}

#contenu_index #fleche_index{
	
	width:100px;
	height:30px;
	
	position:absolute;top:310px;left:10px;
}

#contenu_espace_pro {
	font-size:12px;
	color:#000000;
	
	width:250px;
	height:231px;
	padding:15px;
	
	padding:20px;
	padding-top:30px;
	
	position:absolute;top:180px;left:690px;
}

#audio_aff {
	width:234px;
	height:25px;	
	position:absolute;top:537px;left:740px;
}

#contenu_espace_pro #titre{	
	font-family:Georgia;
	font-size:14px;
	color:#30140B;	
	
	font-weight:bold;
	margin-bottom:20px;
}

#contenu_popup_monument .titre{
	text-align:left;
	font-family:Georgia;
	font-size:14px;
	color:#30140B;	
	
	margin-bottom:15px;
}	

#contenu_popup_monument {	
	width:255px;
	height:227px;
		
	padding:20px;
	padding-top:50px;
		
	font-size:11px;
	font-family:Verdana;
	font-weight:normal;
	letter-spacing:0px;
	color:#30140B;
	
	text-align:left;
	
	position:absolute;top:60px;left:312px;	
}



#contenu_contact {
	font-size:12px;
	color:#000000;
	
	width:257px;
	height:337px;
	padding:15px;
	
	position:absolute;top:165px;left:670px;
}



#contenu_monument {
	font-size:12px;
	color:#471F0F;
	font-family:Georgia;
	letter-spacing:3px;
	font-weight:bold;
	
	width:217px;
	height:250px;
	padding:15px;
	
	position:absolute;top:165px;left:375px;
	text-align:center;
}

#contenu_monument input {
	width:134px;
	height:19px;
	
	padding-left:3px;
	padding-top:3px;
	
	background-image:url(../images/input3.gif);
	background-repeat:no-repeat;
	border:0;

	font-family:Georgia;
	color:#ffffff;
}

#contenu_popup_monument input {
	width:157px;
	height:22px;
	
	color:#30140B;
	
	background-image:url(../images/input4.gif);
}

#contenu_monument #fleche_monument {
	width:200px;
	height:30px;
	letter-spacing:0px;
	position:absolute;
	top:260px;left:93px;
	
	text-align:left;
}

#contenu_contact #titre{
	font-size:13px;
	color:#0E2C23;
	font-family:Georgia;
	
	text-align:center;
	width:100%;
	
	margin-bottom:-10px;
}

#contenu_contact input,select {
	margin-left:5px;
	width:162px;
	height:22px;
	
	background-image:url(../images/input2.gif);
	border:0;
}

#contenu_contact textarea {
	width:241px;
	height:140px;
	
	background-image:url(../images/textarea2.gif);
	border:0;
}


#fond_page_musique {	
	width:392px;
	height:426px;
	background-image:url(../images/fond_page_musique.png);
		
	position:absolute;top:125px;left:35px;
}

#identification {
	width:250px;
	height:50px;
	
	position:absolute;top:20px;left:15px;

	color:#000000;
	font-size:12px;	
}

#identification input {
	width:87px;
	height:10px;
	
	background-color:none;
	background-image:url(../images/input1.gif);
	background-repeat:no-repeat;
	
	border:0px;
	font-size:11px;
	margin-left:10px;	
}

#identification a{
	color:#484848;
	font-size:11px;
}

#contenu_musique {
	width:352px;
	height:386px;
	
	padding:20px;
	position:absolute;top:125px;left:35px;
}

#contenu_musique .sep {
	width:100%;
	border-top:1px solid #000000;
	
	margin-top:5px;	
}

#contenu_musique table {
	color:#30140B;
	font-size:12px;
}

.personnage_div_gauche {
	position:relative;top:190px;left:130px;
	width:200px;
	float:left;	
}

.personnage_div_droite {
	position:relative;top:190px;left:180px;
	
	width:500px;
	float:left;		
}

#fleche {
	width:50px;
	position:absolute;top:490px;left:880px;
}


#fleche img {
	cursor:pointer;
}

.personnage_div_droite .titre {
	font-family:Georgia;
	color:#30140B;
	
	font-size:14px;
	font-weight:bold;		
}

.personnage_div_droite .personnage {
	font-family:Verdana;
	color:#2B2B2B;
	
	font-size:13px;
	font-weight:bold;
	font-style:italic;
	
	margin-top:40px;	
	text-transform:uppercase;	
	display:block;
}

.personnage_div_droite .contenu_div {
	font-family:Verdana;
	color:#30140B;
	
	font-size:14px;
	
	
	margin-top:10px;
	display:block;
}

#sur_menu {
	width:90%;
	border-top:1px solid #ffffff;
	position:absolute;top:570px;left:50px;
	margin:0 auto;
	
	opacity:0.7;
	filter:alpha(opacity=70);
}

#menu {
	font-family:Georgia;
	font-size:13px;
	position:absolute;top:600px;left:95px;
	color:#ffffff;	
	
	/*letter-spacing:1px;*/
}

#menu ul {
	display:inline;
}

#menu li {
	margin-left:15px;
	margin-right:15px;
	
	list-style:none;
	float:left;
}

#menu li a{
	color:#ffffff;
	text-decoration:none;
}

#menu li a:hover{
	color:#850000;	
}

#menu li a.on{
	color:#850000;	
}

p {
	display:inline;
}

img {
	border:0;
}