html
{
	background-color: #000000;
	background-image: url("blue/fond.jpeg");
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-position : bottom center;
}

body
{
	font-family: "Comic sans MS", sans-serif;
	width: 980px;
	margin: auto; 
	margin-top: 10px; 
	margin-bottom: 15px;
	color: #B3B3B3;
}

/* Tout ce qui concerne l'entete */

#entete
{
	width: 980px;
	height: 150px;
	margin-bottom: 5px;
	background-image: url("blue/THD.gif");
	background-repeat: no-repeat;
	background-position: center;
}

/* Tout ce qui concerne les menus */

#menu
{
	background-color: #000000;
	background-image: url("blue/motifs/menu.gif");
	background-repeat: repeat-y;
	text-align: center;
	margin-bottom: 5px;
	border: 1px solid #4a39e8;
	-moz-border-radius:10px 10px;
	-webkit-border-radius:10px 10px;
}

.element_menu
{
	margin-right: 3px;
	margin-left: 22px;
}

/* Tout ce qui concerne la colonne */

#colonne_gauche
{
   float: left;
   width: 200px;
   margin-bottom: -5px;
}

#colonne_droite
{
   float: right;
   width: 140px;
   margin-bottom: -5px;
}

#element_colonne
{
	margin-bottom: 5px;
   padding-left: 28px;
   background-color: #000000;
	background-image: url("blue/motifs/menu.gif");
   background-repeat: repeat-y;
   text-align: left;
   
   border: 1px solid #4a39e8;
   -moz-border-radius:10px 10px;
   -webkit-border-radius:10px 10px;
}

#element_colonne_droite
{
	margin-bottom: 5px;
   padding-left: 8px;
   background-color: #000000;
   text-align: center;
   
   border: 1px solid #4a39e8;
   -moz-border-radius:10px 10px;
   -webkit-border-radius:10px 10px;
}

.pub
{
	margin-bottom: 10px;
}

/* Le corp et le pied de la page */

#corps_pied
{
	background-color: #000000;
	
	border: 1px solid #4a39e8;
	-moz-border-radius:10px 10px;
	-webkit-border-radius:10px 10px;
}

#corps
{
	margin-left: 205px;
	padding: 5px;
   
	color: #B3B3B3;
	background-color: #000000;
   
	border: 1px solid #4a39e8;
	-moz-border-radius:10px 10px;
	-webkit-border-radius:10px 10px;
}

#corps_nouvelle
{
	margin-left: 205px;
	margin-right: 145px;
	padding: 5px;
   
	color: #B3B3B3;
	background-color: #000000;
   
	border: 1px solid #4a39e8;
	-moz-border-radius:10px 10px;
	-webkit-border-radius:10px 10px;
}

#pied
{
	margin-top: 5px;
   text-align: center;

   color: #B3B3B3;
   background-color: #000000;
   
   border: 1px solid #4a39e8;
   -moz-border-radius:10px 10px;
   -webkit-border-radius:10px 10px;
}


/* Les autres class et id */

.avatar
{
	float: left;
	width: 200px;
	height: 200px;
	margin: 10px;
	background-color: #000000;
	
	border: 1px solid #4a39e8;
   -moz-border-radius:10px 10px;
   -webkit-border-radius:10px 10px;
	overflow: hidden;
}

.center
{
	text-align: center;
}

.centre
{
	width: 240px;
	background-color: #000000;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	background-image: url("http://www.thehiddendungeon.com/design/blue/motifs/liens.gif");
	background-repeat: repeat-y;
	background-position: left;
	
	border: 1px solid #4a39e8;
	-moz-border-radius:10px 10px;
	-webkit-border-radius:10px 10px;
}

#com
{
   margin : 20px;
   padding: 25px;
   padding-left: 100px;
   
   color: #B3B3B3;
   background-image: url("http://www.thehiddendungeon.com/design/blue/motifs/comm.gif");
   
   -moz-border-radius:10px 10px;
   -webkit-border-radius:10px 10px;

	border: 2px solid #B3B3B3;
}

.droite
{
	float: right;
	width: 240px;
	background-color: #000000;
	text-align: left;
	background-image: url("http://www.thehiddendungeon.com/design/blue/motifs/liens.gif");
	background-repeat: repeat-y;
	background-position: right;
   
	border: 1px solid #4a39e8;
	-moz-border-radius:10px 10px;
	-webkit-border-radius:10px 10px;
}

.gauche
{
	float: left;
	width: 240px;
	margin: 5px;
	background-color: #000000;
	text-align: center;
   
	border: 1px solid #4a39e8;
	-moz-border-radius:10px 10px;
	-webkit-border-radius:10px 10px;
}

.left
{
	text-align: left;
}

.right
{
	text-align: right;
}

#miniature
{
	height: 100px;
	float: left;
	margin: 3px;
   
	border: 1px solid #4a39e8;
	-moz-border-radius:10px 10px;
	-webkit-border-radius:10px 10px;
	
	overflow: hidden;
}

.musique
{
	margin-left: 50px;
}

#news
{
   margin: 15px;
   padding: 25px;
   
   color: #B3B3B3;
   background-color: black;
   

   -moz-border-radius:10px 10px;
   -webkit-border-radius:10px 10px;
   
   background-image: url("blue/motifs/news.gif");
   background-repeat: no-repeat;
}

.petit
{
   font-size: 10px;
   text-align: right;
}

.precedent
{
	float: right; 
}

.presentation
{
	padding-left: 20px;
}

#profil
{
	float: left;
}

#radio
{
   width: 450px;
   margin: 10px;
   margin-left: 153px;
   text-align: center;
   color: #B3B3B3;
   background-color: #150049;
   border: 2px solid #000000;
}

.RP
{
	padding : 7px;
	color: #C0C0C0;
	font-family: Arial, sherif;
	font-size: 95%;
}

.select_dedicace
{
   margin-bottom: 150px;
}

.stop_float
{
	clear: both;
}

.suivant
{
	float: left; 
}

#text_intro
{
	font-size: 18px;
	padding: 50px;
	padding-top: 30px;
	margin: 10px;
	border: 1px solid #000000;
	-moz-border-radius:10px 10px;
	-webkit-border-radius:10px 10px;
	text-align: center;
	background-image: url("http://www.thehiddendungeon.com/design/blue/motifs/intro.gif");
	background-position: center top;
}

#texte
{
	font-size: 18px;
	padding: 30px;
	padding-top: 20px;
	padding-bottom: 15px;
	margin: 10px;
}

.texte_miniature
{
	float: right;
	width: 550px;
}


/* Les balises restantes */

h1, h2, h3, h4, h5, h6, form
{
    text-align:center;
	color: #B3B3B3;
}

table
{
    border-collapse:collapse;
    margin:auto;
	color: #B3B3B3;
}

th, td
{
    text-align:center;
	border:1px solid #4a39e8;
	color: #B3B3B3;
}

a img
{
   border: none;
}

hr
{
	color: #4a39e8;
}

a
{
   color: #B3B3B3;
}

a:hover
{
	color: #4a39e8;
}

h3 a
{
   color: #B3B3B3;
   text-decoration: none;
}

h3 a:hover
{
	color: #4a39e8;
	text-decoration: none;
}

#element_colonne a
{
   color: #B3B3B3;
   text-decoration: none;
}

#element_colonne a img
{
   margin: 6px;
}

.center a img
{
	margin: 10px;
	background-color: #000000;
	
	border: 1px solid #4a39e8;
   -moz-border-radius:10px 10px;
   -webkit-border-radius:10px 10px;
}

#menu a img
{
   margin-left: 22px;
}

#element_colonne a:hover
{
	color: #4a39e8;
	text-decoration: none;
}

ul 
{
    list-style-type: none; 
	padding: 0px; 
	padding-left: 20px; 
	margin: 0px; 
	margin-bottom: 5px; 
}

input, textarea
{
	font-family: "comic sans MS", sherif;
	background-color: #000000;
	color: #B3B3B3
}

/* Champs spéciaux */

.code_c
{
	border: 1px solid #000000;
	background-color: #ffffff;
	color: #000000;
	margin: 10px;
	padding: 10px;
	overflow: auto;
}

/* Couleurs */

.bleu
{
	color: #0000ff;
}

.jaune
{
	color: #ffd600;
}

.marron
{
	color: #804000;
}

.orange
{
	color: #ff8000;
}

.rouge
{
	color: #ff0000;
}

.vert
{
	color: #66b062;
}

.violet
{
	color: #be00ff;
}