/* -------------------------------------------------------------- 
  
   reset.css
   * Resets default browser CSS.
   
-------------------------------------------------------------- */
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
input, textarea {
  margin: 0;
  padding: 0;
  border: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: inherit;
  font-family: inherit;
  vertical-align: baseline;
}

body { 
  line-height: 1.5; 
}

/* Tables still need 'cellspacing="0"' in the markup. */
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
table, td, th { vertical-align: middle; }

/* Remove possible quote marks (") from <q>, <blockquote>. */
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }

/* Remove annoying border on linked images. */
a img { border: none; }

/* -------------------------------------------------------------- 

   forms.css
   * Sets up some default styling for forms
   * Gives you classes to enhance your forms
   
   Usage:
   * For text fields, use class .title or .text
   * For inline forms, use .inline (even when using columns)
   
-------------------------------------------------------------- */

label       { font-weight: bold; display:inline-block; vertical-align:baseline; }
fieldset    { padding:1.4em; margin: 0 0 1.5em 0; border: 1px solid #ccc; }
legend      { font-weight: bold; font-size:1.2em; }

/* Form fields
-------------------------------------------------------------- */

input[type=text],
input.text, input.title, 
textarea, select { 
  background-color:#fff; 
  border:1px solid #bbb; 
}
input[type=text]:focus, 
input.text:focus, input.title:focus, 
textarea:focus, select:focus { 
  border-color:#666; 
  background-color:#efe;
}

input[type=text], 
input.text, input.title,
textarea, select {
  margin:0.5em 0;
}

input.text, 
input.title   { width: 300px; padding:5px; }
input.title   { font-size:1.5em; }
textarea      { width: 400px; height: 3em; padding:5px; vertical-align:baseline; }

input[type=checkbox], input[type=radio], 
input.checkbox, input.radio { 
  position:relative; top:.25em; 
}

form.inline { line-height:3; }
form.inline p { margin-bottom:0; }

/* Success, notice and error boxes
-------------------------------------------------------------- */

.error,
.notice, 
.success    { width:50%; text-align:center; padding: .1em; margin:auto; margin-bottom: 1em;  }

.error      {  color: #8a1f11 !important;  }
.notice     { background: #FFF6BF; color: #514721; border-color: #FFD324; }
.success    { background: #E6EFC2; color: #264409; border-color: #C6D880; }
.error a    { color: #8a1f11; }
.notice a   { color: #514721; }
.success a  { color: #264409; }

/**************
GENERAL
**************/

input[type=submit] {  color:green; }
input[type=submit]:hover { cursor:pointer; color:#7a664c; }

strong      { font-weight: bold; }
em,dfn      { font-style: italic; }

p {text-align:justify;}
ul, li { margin:0; padding:0; }
img {border:0;padding:0;margin:0;vertical-align: middle;}

a {
	color:green;
	text-decoration:none;
}

a:visited {	color:#175817; }
a:active { color: #FF9900; }
a:hover   {
	color: #7a664c;
	border-bottom:1px dashed navy;
	margin-bottom:-1px;
} 

h2 { background:#ead9ac; }
#footer {	background-color:#ced6cb;	background-color:#e0dba0;background-color:#ead9ac; }
#outtermenu
{
  background-color:#e0dba0;
  background:#ead9ac;
  border:1px solid #798070; 
}

#menu a:hover { color: #7a664c; background-color:white}



html {
  background:#222;
  font-size: 100%;
}

body { 
	font-size: 87%;
	color: navy; 
	background:#fcfcfc;
	font-family: "Trebuchet MS", Arial, sans-serif;
	margin:auto;
	width:780px;
}

h1{
	width:100%; 
	text-align: center;
	margin: 0em 0 2em 0;
	text-decoration:none;
	font-size:1.4em;
	font-family: Tahoma,sans-serif;
}
	
h2{
	font-family: Tahoma,sans-serif;
	/*border-bottom:1px dashed navy;*/
	
  padding-left:0.5em;
	-moz-border-radius:5px;
	border-radius:5px 5px 0 0;
	text-align: left;
	font-size: 1.2em;
	font-weight: bold;
	font-style:italic;
  	margin:1em 0 1em 0;
}

h2.slide
{
  -moz-border-radius:5px 5px 0 0 !important;
  margin-bottom:0px !important;
}


h3 {text-align:center;font-family: Tahoma,sans-serif;}

#bio li{
  margin-left:2em;
  
}

#bio{
	width:80%; 
	margin: 0 auto 2em auto;
	text-align:left;
	max-width:40em;
}


.spacer {clear: both;visibility:hidden;height:1px;margin-bottom:-1px;}

.hidden {display:none;}

[LANG|=fr] > *  { quotes: "«" "»" "\2039" "\203A" }
[LANG|=en] > *  { quotes: "\201C" "\201D" "\2018" "\2019" }


/**************
ENTETE/PIED
**************/

#entete {width:100%;height:100px;background:white url("images/header.jpg") no-repeat left top;}
#entete span {visibility:hidden}

#main{
	/*background:transparent url("images/content2.jpg") no-repeat left top;*/
	padding: 0em 0px 1em 0px;
	min-height:450px;
	border:1px solid #798070;
	border-width:0 1px 1px 1px;
	border-bottom:1px solid #BBC1B5;
	border-top:1px solid #BBC1B5;
}

#container {
  /*background:white url("images/contentbg3.jpg") repeat-y left top;*/
 }
#content {
clear:both;
padding:10px 15px 0 15px;

}
/*overflow:auto;height:395px;overflow-x:hidden;*/

#footer { 
	clear:both;

	
	/*background:#ced6cb url("images/footer.jpg") no-repeat top left;*/
	padding-left:1em;
	text-align:right;
	min-height:20px;
	padding:0.1em;
	font-size:80%;
	padding-left:1em;
	border:1px solid #798070;
}	
	
#footer span {float:left;margin-right:10px;}
#footer img {height:15px;}	
#footer span#copyright{float:none;}
	
/**************
MENU
**************/
  

  
#menu  {		
  display : table;
  margin : 0px auto;
  padding:0;
  list-style:none;
}

#menu li {
	display:inline;
	margin:0;
	padding:0;
}
  
#menu a {
  float:left;
   	/*background:transparent url("images/menubg.gif") repeat-x top left;
   	border-bottom: 1px solid #8C8461; 
	border-right: 1px solid #8C8461;*/

   	/*background:url("../../images/rightb2.gif") no-repeat right top;*/
   	
  padding:0px 2px 0px 0px;
  border-right:2px solid #798070;
}	


#menu li:first-child a { 
border-left:2px solid #798070;
}

#menu a span {

	display:block;
	font-weight:bold;
	white-space:nowrap;
	/*background:url("../../images/leftb2.gif") no-repeat left top;*/
	padding:5px 7px 4px 10px;
}

  
#menu #current a {
/*	background-position:100% -51px;
	background:transparent;*/
	background:white url("images/note.png") no-repeat 1px center;
	/*border-right: 1px solid #8C8461;*/
	color:black;
  z-index:100;	
}

html>body #menu {margin-bottom:-2px;}
html>body #menu  a {padding-bottom:2px;}

#menu a:hover { border-bottom:0; } 


	
#menu #current a span {
}
      

#menu a:visited {}     

#menufin {background:transparent url("images/menubg.gif") repeat-x top left;}
/**************
MENU LANGUES
**************/
#lmenu{
	padding-top:0.3em;
	text-align: right;
}
#lmenu a {
	font-family: cursive,sans-serif;
	font-size: 0.8em;
	white-space:nowrap;
}
#lmenu span{vertical-align:middle;}

/**************
DERNIERS AJOUTS
**************/
#lastadd
{
	width:140px;
	background:#ced6cb;
	border: 1px outset Black;
    border-right:2px solid black;
    border-bottom:2px solid black;
	float: right;
    margin: 0.5em 0 0 10px;
	text-align: center;
}
#lastadd a{font-size: 0.6em;}


/**************
NEWS
**************/
#news span {visibility:hidden}

#news {margin-right:150px;}
	
#news dt{
	margin: 0 5% 0 5%;
	background: url("images/news.png") repeat-y left;
	color: white;
	font-weight: bold;
	padding:0 1em 0 1em;
	}
	
#news dd
{
	margin: 0 5% 1em 10%;
	padding:0 1em 0 1.5em;
	text-align: justify;
}
	

/*.news div:first-letter, .news p:first-letter{color:red;font-weight:bold;}	*/



/**************
OTHERS
**************/

.tr_author{
  font-size:0.8em;
  color: #4040A0;
}

.tracklist
{
  border:2px solid #ead9ac;
  border-top:0px;
  
	-moz-border-radius:0 0 5px 5px;
	border-radius:0 0 5px 5px;
	background-color:#f9f9f9;
	padding-bottom:0.5em;
	padding-right:0.5em;
}
.album:hover h2
{
  background-color:#fae9bc;
  cursor:pointer;
}
.album:hover .tracklist
{
  border-color:#fae9bc;
  background-color:#fff;
}

.tracklist ul
{
  margin-left: 1em;
}

.tracklist li
{
  list-style-type:none;
  padding-left:16px;
  background:url('images/puce.png') no-repeat 0px 7px;
}

table {margin-left:5em;}
td {text-align:center;border:2px solid #999;}
#linknav  {		
	margin:0;
   	padding:0;
   	list-style:none;
   	text-align:center;
   	margin-top:1em;
   	margin-bottom:1em;
}
table#latest
{
	border:0;
	border-spacing: 0px;
	border-collapse: collapse;
	margin:0;	
}

table#latest td
{
	border:0;
	padding-left:1em;
	text-align:left;
}

/* Pour ie 
*html .mozspacer {display:none}
*html #menu {float:none;}
*html #footer {height:20px;}
html>body .mozspacer {clear: both;visibility:hidden;height:1px;margin-bottom:-1px;}*/

/**html #main {height:400px;width:700px;}*/

.button
{
	display:inline-block;
	padding:1px 4px 1px 4px;
	border:0;
	background:white;
	background-repeat:no-repeat;
	background-position:2px center;
	border:0;
	font-weight:bold;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
}

.button:hover
{
	background-color:#ded;
	text-decoration:none !important;
	border:0;
	margin:0;
	cursor:pointer;
}

/*input.button { border:1px outset green; margin:0.2em !important;}
input.button:hover { border:1px outset green;}
input.button:active { border:1px inset green;}*/

.button.play
{
	background-image:url('images/play.png');
	padding-left:22px;
}

.button.download
{
	background-image:url('images/download.png');
	padding-left:22px;	
}

.button.comment
{
	background-image:url('images/comment.png');
	padding-left:22px;	
}

.button.send
{
	background-image:url('images/send.png');
	padding-left:22px;	
}

.button.close
{
	background-image:url('images/close.png');
	padding-left:22px;	
}



/**************
MUSIK
**************/

#wplayer
{
	width:80%;
	margin:auto;
	text-align:right;	
}

#musiclist h2 {width:50%; font-size:1em; margin-bottom:0.2em;}

#musiclist {width:80%; margin:auto; list-style:none;}

#musiclist li
{
	border-width: 0px 0px 1px 0px;
	border-color: #dac99c;
	border-style: solid;
	
	line-height:1.5em; 
	margin-bottom:0.25em;
	color:black;
	padding:0 0em 2px 2px ;
	list-style:none;
}

.comments ul { margin-bottom:1em; list-style:none;}
.comments li  { background-color: #FfFaea; }
.comments li.even  { background-color: transparent; }

#musiclist p {padding-left:18px; color:#444;}
#musiclist .controls { float:right; }
#musiclist .title { padding-left:18px; background:url('images/puce.png') no-repeat 2px center; font-weight:bold; float:left; }
.comments {padding-left:18px; margin:auto; width:90%; }
.comments li { 
	color:#666; 
	border-width: 0px 0px 1px 0px;
	border-color: #dac99c;
	border-style: solid;
	
	line-height:1.5em; 
	margin-bottom:0.25em;
	color:black;
	padding:0 0em 2px 2px ;
}
.comments label {margin:0.1em;}
.comments form { font-size:0.9em; }
.comments textarea, .comments input[type=text] { width:340px; margin:0; padding:0 }
.comments textarea { height:10em; };
.comments input {margin-right:2em; margin-bottom:0.1em;}
.comments label { width:8em; }
.comments dd div { margin-left:44px; }
.comments dd img { width:40px; height:40px; float:left;}
#contactform textarea { height:6em; }

#musiclist ul { font-weight:normal; clear:both; }
#musiclist ul .title { font-weight:normal; background-color:transparent; margin-left:25px; }