/* http://www.mutterfr.net/
developpe par err303 */

* { margin : 0; padding : 0; }

span.invisible { display : none; }

.spacer { clear : both; }

/* ######################################## BODY ##################################### */
body {
	background : black url('../images/fond2.png') fixed;
	color : #ffc;
	font-size : 1.1em;
}

/* ###################################### BANNIERE #################################### */
#banniere { width : 100%; text-align : center; position : fixed; background : black url('../images/fond2.png') fixed; }
#banniere a img { border : 0; margin : 5px 0 5px 0; }

/* ######################################## MENU ##################################### */
#menu {
	width : 15%;
	float : left;
/*	position : fixed;*/
	margin : 140px 0 0 0;
}

#menu ul li {
	margin : 0 0 0 5px;
	list-style : none;
	color : #fc3;
	line-height : 1.5em;
}

#menu ul li a {
	text-decoration : none;
	color : #fc3;
	font-variant : small-caps;
	font-weight : bold;
}

#menu ul li a:hover { color : #e5924a ; }

/* ######################################## CORPS ##################################### */
#corps {
	width : 80%;
	float : right;
	margin : 120px 30px 0 0;
}

#corps h1 {
	font-size : 1.3em;
	color : #fc3;
	text-align : center;
	margin : 0 0 15px 0;
}

.cadreGris, .news, .paroles, .traductions, .presse, .article, .analyse, .disco, .chanson, .liens {
	width : 95%;
	margin : 0 2.5% 0 2.5%;
	background : #222;
	border : 1px solid #fc3;
	font-size : 0.9em;
	padding : 0 5px 0 5px;
}

p.comm {
	color : #fc3;
	font-style : italic;
	font-size : 0.8em;
}

/* ######################################## NEWS ###################################### */
.news h2 {
	font-size : 1em;
	color : #fc3;
}

.news h3 {
	font-size : 1em;
	color : #fc3;
	font-style : italic;
	margin : 0 0 0 15px;
}

.news img {
	float : left;
	margin : 0 10px 0 0;
	border : 1px dashed white;
}


.news a:link, .news a:visited, .news a:hover {
	color : #fc3;
}


/* ############################# PAROLES, TRADUCTIONS, PRESSE, ANALYSES, DISCO ################## */
.paroles h2, .traductions h2, .presse h2, .analyse h2, .analyse h2, .disco h2, .liens h2 {
	font-size : 1.3em;
	color : #fc3;
	margin : 0 0 5px 0;
}

.paroles ul, .traductions ul, .presse ul, .analyse ul, .analyse ul, .disco ul, .liens ul {
	list-style : none;
	margin : 0 0 5px 15px;
}

.paroles li, .traductions li, .presse li, .analyse li, .disco li, .liens li {
	margin : 2px 0 2px 0;
}

.paroles a:link, .traductions a:link, .presse a:link, .analyse a:link, .disco a:link, .liens a:link{
	text-decoration : none;
	color : #ffc;
}

.paroles a:hover, .traductions a:hover, .presse a:hover, .analyse a:hover, .disco a:hover, .liens a:hover {
	text-decoration : none;
	color : #fc3;
}

.paroles a:visited, .traductions a:visited, .presse a:visited, .analyse a:visited, .disco a:visited, .liens a:visited {
	text-decoration : none;
	color : #bfa760;
}

.chanson div.texte_de {
	text-align : center;
	margin : 1em 0 0 0;
}

table#traduction {
	width : 100%;
	margin : 1em 0 1em 0;
	text-align : center;
}

#traduction th {
	height : 2em;
	color : #fc3;
}

.chanson div.traduc_by {
	color : #fc3;
	font-style : italic;
	width : 100%;
	text-align : center;
}

/* ################################# Liens de changement de page, ou liens internes ################### */
a.liengauche {
	float : left;
}

a.liendroite {
	float : right;
}

a.liendroite, a.liengauche {
	font-size : 0.8em;
	text-decoration : none;
	color : #fc3;
	font-weight : bold;
}

.comm a {
	color : #fc3;
	text-decoration : none;
	font-weight : bold;
}

/* ######################################## FOOTER #################################### */
div#dr_contact {
	clear : both;
	width : 100%;
	text-align : center;
	background : #222;
	border-top : 1px solid #fc3;
	text-align : center;
	font-size : 0.7em;
	letter-spacing : 3px;
}