body
{
	width: 50%;
	height:3000px;
	min-height:100%;
	margin: auto; /* Pour centrer notre page */
	margin-top: 20px; /* Pour éviter de coller avec le haut de la fenêtre du navigateur. Essayez d'enlever pour voir ! */
	margin-bottom: 20px;    /* Idem pour le bas du navigateur */
	background-color: rgb(93,93,93); /* Une petite image de fond pour éviter d'avoir un vieux fond blanc :p */
	background-image: url("http://www.metal-geek-solid.fr/Pics/menu.jpg");
	background-repeat: repeat-y;
	background-position: top right;
	text-align:  center;
	color: rgb(255,255,255);
}

acronym
{
border-bottom : 0px;
}

.database_div
{
	width:100%;
	height: 1800px;
	overflow-y: scroll;
	text-align:  left;
	border: 4px groove rgb(40,40,40);
	padding-top: 1em;
	padding-bottom: 1em;
	padding-left: 2em;
	padding-right: 2em;
	margin: auto;
	position:relative;
	right:30px;
}



#back_gauche
{
	width:180px;
	height:3200px;
	position: absolute;
	top: 0px;
	left: 0px;
	background-image: url("http://www.metal-geek-solid.fr/Pics/menu_gauche.jpg");
	background-position: top left;
	background-repeat: repeat-y;
	color: rgb(255,255,255);
}


#corps
{
	position:relative;
	top:0px;
   margin: auto; 
   padding: 5px;
   text-align:  center;
}

.database {
visibility: hidden;
} 

#pied_de_page
{
	position:absolute;
	top:2850px;
	left:20%;
	text-align:  center;
	width: 60%;
	font-size: 0.8em;
}

.element_menu
{
   margin-bottom: 20px;
}

.element_menu ul 
{
   padding: 0px;
   padding-left: 20px; 
   margin: 0px; 
   margin-bottom: 5px; 
}

#banniere
{
	width: 33%;
	height: 4%;
}

#menu_droite
{
	width: 180px;
	position: absolute;
	top: 0px;
	right: 0px;
	margin-right: 1.5em;
	margin-top: 15em; 
	text-align:  left;
}

#menu_gauche
{
	position: absolute;
	margin-left: 1.5em; 
	margin-top: 15em; 
	text-align:  left;
	top: 0px;
	left: 0px;
	width: 180px;
}

#fond-mgs
{
   width: 533px;
   height:617px;
   max-width:100%;
 
   background-image: url("Pics/fond_mgs.png");
   background-repeat: repeat-y; 
	position: absolute;
   left: 180px;
   top: 0px;
}

#fond-mgs3
{
   width: 532px;
   height:691px;
   max-width:100%;
  
 
   background-image: url("Pics/fond_mgs3.png");
   background-repeat: no-repeat; 
	position: absolute;
   right: 180px;
   top: 300px;
}

#fond-mgs2
{
   width: 427px;
   height: 636px;
   max-width:100%;

 
   background-image: url("Pics/fond_mgs2.png");
   background-repeat: no-repeat; 
	position: absolute;
   right: 180px;
   top: 2550px;
  
}

#fond-mgs8
{
   width: 524px;
   height:791px;
   max-width:100%;
  
 
   background-image: url("Pics/fond_mgs8.png");
   background-repeat: no-repeat; 
	position: absolute;
   right: 180px;
   top: 1500px;
}

#fond-mgs4
{
   width: 534px;
   height:724px;
   max-width:100%;
  
 
   background-image: url("Pics/fond_mgs4.png");
   background-repeat: no-repeat; 
	position: absolute;
   left: 180px;
   top: 900px;
}

#fond-mgs5
{
   width: 543px;
   height:800px;
   max-width:100%;
  
 
   background-image: url("Pics/fond_mgs5.png");
   background-repeat: no-repeat; 
	position: absolute;
   left: 250px;
   top: 2000px;
}

#fond-mgs6
{
   width: 604px;
   height:451px;
   max-width:100%;
  
 
   background-image: url("Pics/fond_mgs6.png");
   background-repeat: no-repeat; 
	position: absolute;
   right: 180px;
   top: 2300px;
}

#fond-mgs7
{
   width: 545px;
   height:423px;
   max-width:100%;
  
 
   background-image: url("Pics/fond_mgs7.png");
   background-repeat: no-repeat; 
	position: absolute;
   left: 150px;
   top: 2750px;
}


#peace_walker
{
   width: 289px;
   height: 270px;
   background-image: url("Pics/peacewalker.png");
   background-repeat: no-repeat; 
   position: absolute;
   left: 0px;
   top: 0px;
}

#foxhound
{
   width: 180px;
   height: 234px;
   background-image: url("Pics/foxhound.jpg");
   background-repeat: no-repeat; 
   position: absolute;
   right: 0px;
   top: 0px;
}

#logo
{
   width: 700px;
   height: 224px;
   background-image: url("Pics/Logo.png");
   background-repeat: no-repeat; 
   position:relative;
   left:50px
}

#coms
{
   width: 1px;
   height: 1px;
	display:none;
}




.red {color: rgb(255,0,0); font-size: 1.0em;}

.green{color: rgb(0,255,0); font-size: 1.0em;}

.blue { color: blue; font-size: 1.0em;}

.green { color: green; font-size: 1.0em;}

.left_align { text-align:  left;}

.center_align {text-align:  center;}

.right_align  {text-align:  right;}

.gras {font-weight: bold;}

.underline {text-decoration: underline}

.outset {border: 5px outset black;}

.titre
{
	font-weight: bold;
	font-size: 1em;
	color: rgb(255,255,255);
	 text-decoration: none;
}

.titre2
{
	font-weight: bold;
	font-size: 1em;
	margin-left: 2em; 
	color: rgb(255,255,255);
	 text-decoration: none;
}

.sstitre
{
	margin-left: 1.5em; 
	color: rgb(255,255,255);
	 text-decoration: none;
}

.sstitre2
{
	margin-left: 4em; 
	color: rgb(255,255,255);
	 text-decoration: none;
}

.important
{
	font-weight: bold;
	font-size: 1em;
	text-align:  center;
}

.news_title
{
	text-align:center;
	font-weight: bold;
	color: rgb(255,255,255);
	font-size: 1em;
	position:relative;
	top:-15px;
	text-decoration: none;
}

.news
{
	width:100%;
	min-height:100px;
	text-decoration: none;
	
}


.center_cadre
{
	border: 5px outset rgb(40,40,40);
	background-color: rgb(50,50,50);
	background-image: url("Images/fond.png");
	background-repeat: repeat; 
	padding-top: 1em;
	padding-bottom: 1em;
	padding-left: 2em;
	padding-right: 2em;
	text-align:  center;
}

.img1
{
   position: absolute;
   left: 25em;
   top: 7em;
}

.img2
{
   position: absolute;
   left: 32em;
   top: 27em;
}




.txt
{
   position: relative;
	left: 10em;
	width: 800px;
	margin: auto;
	margin-top: 20px;
	margin-bottom: 20px;
	text-align: center;
} 


#Music_Player
{
   position: absolute;
   left: 0em;
   top: 0em;
   float: right;
   width: 0px;
   height: 0px;
}

p
{
   font-family: "Microsoft Sans Serif", "Arial", Georgia, serif;
   text-align:  center;
}

a img 
{
border: 4px groove rgb(40,40,40);
}

#admin_zone
{
	width:10px;
	height:10px;
	position: absolute;
	top: 3190px;
	right: 0px;
	background-color: rgb(57,57,57); 
}

#edit_news
{
	width:10px;
	height:10px;
	position: absolute;
	top: 3170px;
	left: -477px;
	background-color: rgb(57,57,57); 
}

a 
{
   color: rgb(200,200,200);
   text-decoration: underline;
}

.a_data_name
{
   color: rgb(255,255,255);
   text-decoration: none;
}

a:hover 
{
   color: rgb(150,150,150);
   text-decoration: none;
}

img
{
	border: 4px groove rgb(40,40,40);
}

input
{
	background-color: rgb(180,180,180); 
	border: 4px groove rgb(40,40,40);
	color: rgb(50,50,50);
   text-decoration: bold;
   font-size: 1em;
   font-family: "Microsoft Sans Serif", "Arial", Georgia, serif;
   text-align:  center;
}

input:hover 
{
	background-color: rgb(150,150,150); 
	border: 4px groove rgb(40,40,40);
	color: rgb(30,30,30);
   text-decoration: bold;
   font-size: 1em;
}

input
{
	background-color: rgb(180,180,180); 
	border: 4px groove rgb(40,40,40);
	color: rgb(50,50,50);
   text-decoration: bold;
   font-size: 1em;
   font-family: "Microsoft Sans Serif", "Arial", Georgia, serif;
   text-align:  center;
}

input:hover 
{
	background-color: rgb(150,150,150); 
	border: 4px groove rgb(40,40,40);
	color: rgb(30,30,30);
   text-decoration: bold;
   font-size: 1em;
}

input:active
{
	
	background-color: rgb(150,150,150); 
	border: 5px groove rgb(40,40,40);
	color: rgb(30,30,30);
   text-decoration: bold;
   font-size: 0.9em;
}

textarea
{
	background-color: rgb(180,180,180); 
	border: 4px groove rgb(40,40,40);
	color: rgb(50,50,50);
   text-decoration: bold;
   font-size: 1em;
   font-family: "Microsoft Sans Serif", "Arial", Georgia, serif;
   text-align:  center;
}

textarea:hover 
{
	background-color: rgb(150,150,150); 
	border: 4px groove rgb(40,40,40);
	color: rgb(30,30,30);
   text-decoration: bold;
   font-size: 1em;
}

select
{
	background-color: rgb(180,180,180); 
	border: 4px groove rgb(40,40,40);
	
   
   
   font-family: "Microsoft Sans Serif", "Arial", Georgia, serif;
   text-align:  center;
}

select:hover 
{
	background-color: rgb(150,150,150); 
	border: 4px groove rgb(40,40,40);
}

.color_button
{
	width:20px;
	height:20px;
	border: 2px groove rgb(40,40,40);
	
}

