/*  
Theme Name: WordPress Theme 76
Theme URI: http://wordpress.org/
Description: A theme from Template-Help.com Collection 
Version: 2.0
Author: Template_Help.com 
Author URI: http://www.Template-Help.com/ 
*/

@charset "iso-8859-1";
/* CSS Document */
body  {
	background-color:#0c0c0c;
	color:#727272;
	font-size:11px;
	font-family:Tahoma, times new roman, Arial;
	padding:0px 0px 0px 0px; 
	margin:0px 0px 0px 0px; 
}
.body  {
	background-color:#0c0c0c;
	color:#727272;
	font-size:11px;
	font-family:Tahoma, times new roman, Arial;
	padding:0px 0px 0px 0px; 
	margin:0px 0px 0px 0px; 
}
h1, h2, h3, h4 {
	font-size:12px;
	color:#838383;
	font-family:Tahoma, arial, Times, serif;
	font-weight:bold;
	text-transform:uppercase;
	padding-left:0px;
}
h1 a, h2 a, h3 a, h4 a {
	font-size:12px;
	color:#5e5e5e;
	font-family:Tahoma, arial, Times, serif;
	font-weight:bold;
	text-transform:uppercase;
	text-decoration:none;
	padding-left:0px;
}


a {
	color:#B6B6B6;
	text-decoration:none;
	
}
a:hover {
	color:#e0e0e0;;
	text-decoration:none;	
}

a img { border: none; border:0px;}

.postmetadataalt {
	font-size:9px;
}
.pagetitle {
	padding:10px 0px 10px 30px;
	margin:0px 0px 0px 0px;
}
#bigtable {
	width:999px; 
	display:block;
	min-height:auto; 
	background:url(images/bg_left2.gif) left top repeat-y;
	margin-left : auto;
 	margin-right : auto;
	text-align : left; /* Aligns text to left */	
}

#container {float:left;}
#tableright {
	height:100%;
	width:243px;
	float:right;
	text-align:left;
	background: #0C0C0C url(images/bg_rightspace.png) left top no-repeat;
	}


#tableleft {width:756px; float:left; /*border:1px solid red;*/}

#newsletter {
	float:left;
	margin:15px 0px 0px 4px;
	width:206px; 
	height:76px;
	background: #0C0C0C url(images/bg_newsletter.gif) left top no-repeat;
	}

#newsletterform {margin:25px 0px 0px 17px;}

.email {height:12px;}

#otherspaces {
	width:178px;
	height:130px;
	margin:17px 0px 0px 25px;
	margin:17px 0px 0px 18px;
	background: transparent url(images/others.gif) left top no-repeat;
	float:left;
	/*border:1px solid red;*/
	}
#otherspaces .content {
	margin:32px 0px 0px 1px;
	/*border:1px solid yellow;*/
	width:100px;
	height:72px;
}

a.facebookRollover {
  display: block;
  width: 98px;
  height: 30px;
  background: url(images/facebook.gif) 0 0 no-repeat;
  text-decoration: none;
  margin-bottom:8px; 
  }      

a.myspaceRollover {
  display: block;
  width: 98px;
  height: 30px;
  background: url(images/myspace.gif) 0 0 no-repeat;
  text-decoration: none;
	margin-bottom:8px; 

} 

a.twitterRollover {
  display: block;
  width: 98px;
  height: 30px;
  background: url(images/twitter.gif) 0 0 no-repeat;
  text-decoration: none;
	margin-bottom:8px; 
} 

a.mogulRollover {
  display: block;
  width: 98px;
  height: 30px;
  background: url(images/mogul.gif) 0 0 no-repeat;
  text-decoration: none;
	margin-bottom:8px; 
} 

a:hover.facebookRollover, a:hover.myspaceRollover, a:hover.twitterRollover, a:hover.mogulRollover {
  background-position: -98px 0;
}



.center {
	width:756px; 
	min-height:auto; 
	margin-left : auto;
 	margin-right : auto;
	text-align : left; 
	/*border:1px solid red;*/
}
.table_row {
	display:table-row;
	width:756px;
	min-height:100%; 
	/*border:1px solid red;*/
}
.left {
	vertical-align:top;
	display:table-cell;
	min-height:100%; 
	width:334px;
	text-align:left;
	background-color: #000;
	background:url(images/bg_logo.jpg) left top no-repeat;
	/*border: 1px solid red;*/
}
.table2 {
	width:334px; 
	display:table;
	min-height:auto; 
	
}
.table_row2 {
	display:table-row;
	width:334px;
	min-height:100%; 
	/*border: 1px solid red;*/
}
.left2 {
	vertical-align:top;
	display:table-cell;
	min-height:300px; 
	width:161px;
	_width:161px;
	/*border: 1px solid red;*/
}
.co_name {
	vertical-align:top;
}
.co_name a img {outline:none; border:none;
}
.slogan {
	font-size:10px;
	color:#7E8AA6;
	text-decoration:none;
	font-family:tahoma, times new roman, arial;
}

/* emplacement du menu interactif */
#menu {
	/*display:none;*/
	float:left;
	width:161px;
	height:127px;
	margin:28px 0 0 0;

}

#menu #globalnav {margin: 0; padding: 0; }
#menu #globalnav li { display: inline; }
#menu #globalnav li a {float: left; height: 25px; width:0; padding-left:161px; overflow: hidden; background: url(images/menu_left.png);}

/* buttons */
#menu #globalnav li#gn_news a { background-position: 0 0; }
#menu #globalnav li#gn_bio a { background-position: 0 -25px; }
#menu #globalnav li#gn_audio a { background-position: 0 -50px; }
#menu #globalnav li#gn_video a { background-position: 0 -75px; }
#menu #globalnav li#gn_links a { background-position: 0 -100px; height:27px;}


/* hover states */
#menu #globalnav li#gn_news a:hover { background-position: -161px 0px; }
#menu #globalnav li#gn_bio a:hover { background-position: -161px -25px;; }
#menu #globalnav li#gn_audio a:hover { background-position: -161px -50px; }
#menu #globalnav li#gn_video a:hover { background-position: -161px -75px; }
#menu #globalnav li#gn_links a:hover { background-position: -161px -100px; height: 27px }


/* pressed states */
#menu #globalnav li#gn_news a:active { background-position: -161px 0; }
#menu #globalnav li#gn_bio a:active { background-position: -161px -25px;; }
#menu #globalnav li#gn_audio a:active { background-position: -161px -50px; }
#menu #globalnav li#gn_video a:active { background-position: -161px -75px; }
#menu #globalnav li#gn_links a:active { background-position: -161px -100px; height: 27px }


/* on states */
#menu.news #globalnav li#gn_news a { background-position: -322px 0; !important; }
#menu.bio #globalnav li#gn_bio a { background-position: -322px -25px; !important; }
#menu.audio #globalnav li#gn_audio a { background-position: -322px -50px; !important; }
#menu.video #globalnav li#gn_video a { background-position: -322px -75px; !important; }
#menu.links #globalnav li#gn_links a { background-position: -322px -100px; height: 27px; !important; }






.left_cats {
	margin:204px 17px 50px 26px;
	_margin:20px 17px 50px 26px;

	
	/*border:1px dotted yellow;*/
	}

.leftcats_head {
	vertical-align:top;
	padding:0px 0px 0px 20px;
	margin:0px 0px 0px 0px;
	background:url(images/cats_bg1.jpg) left center no-repeat;
	color:#C8E1F4;
	font-weight:bold;
	font-size:11px;
	font-family:tahoma, Arial;
	
}
.left_cats ul {
	padding:0px 0px 0px 0px; 
	margin:0px 0px 0px 10px;
}
.left_cats li {
	list-style:none;
	padding:0px 0px 0px 14px;
	margin:0px 0px 0px 0px;
	background:url(images/li_bg1.jpg) left top no-repeat;
	vertical-align:top;
	line-height:18px;
}
.left_cats ul li a {
	text-decoration:none;
	font-size:11px;
	color:#95B4CC;
	font-family:tahoma, arial, times new roman;
	padding:0px 0px 0px 0px;
}
.left_cats li a:hover {
	color:#95B4CC;
	text-decoration:underline;
}
.right2 {
	vertical-align:top;
	display:table-cell;
	min-height:391px; 
	width:173px;
	background:url(images/photo1.jpg) top left no-repeat;
	
}
.right_cats {
	margin:343px 2px 30px 7px;
	/*border:1px solid yellow;*/
}


.rightcats_txt {padding-left:2px;}

.rightcats_head {
	vertical-align:top;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	/*background:url(images/cats_bg2.jpg) left center no-repeat;*/
	color:#626262;
	font-weight:bold;
	font-size:11px;
	font-family:tahoma, Arial;

}
.right_cats ul {
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	_padding:0px 0px 0px 2px;
}

*+html .right_cats ul {padding:0px 0px 0px 2px;}

.right_cats li {
	list-style:none;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	/*background:url(images/li_bg2.jpg) left top no-repeat;*/
	vertical-align:top;
	line-height:14px;
}
.right_cats ul li a {
	text-decoration:none;
	font-size:11px;
	color:#EEEEEE;
	font-family:tahoma, arial, times new roman;
	padding:0px 0px 0px 0px;
}
.right_cats li a:hover {
	color:#EEEEEE;
	text-decoration:underline;
}

#flickr_badge {
	/*border:1px solid yellow;*/
	margin-bottom:1px;
}

#flickr_badge img {border: 1px solid black; margin:0 5px 5px 0; }

*html .left2 {
	float:left;
}
*html .right2 {
	float:left;
}
.right {
	vertical-align:top;
	display:table-cell;
	min-height:100%; 
	width:421px;
	text-align:left;	
}


.header {
	background:url(images/header_right.jpg) left top no-repeat;
	vertical-align:top;
	width:421px;
	height:336px;
	background-color:#000000;
}
.header_txt {
	 display:none;
	 padding:168px 0px 0px 179px;
	 color:#2B303E;
	 font-size:36px;
	 font-weight:bold;
	 text-transform:uppercase;
	 font-family:times new roman, Arial, tahoma;
}
.search {
	vertical-align:top;
	width:421px;
	height:31px;
	background-color:#0c0c0c;
	background:url(images/bg_search.gif) right top no-repeat;	
}

.search_txt {	
	vertical-align:top;
	padding:9px 12px 4px 20px;
	text-align:right;
	color:#ffffff;
	font-size:11px;
	font-family:Tahoma, arial, verdana, courier;
	
}
.search_txt strong {
	color:#ffffff;
}
.form {
	font-size:11px;
	color:#1B1B1B;
	font-family:Tahoma, arial, verdana, courier;
	width:141px;
	height:16px;
	padding:0px 0px 0px 5px;
	margin:0px 5px 0px 11px;
	vertical-align:top;
}
.head {
	vertical-align:top;
	width:419px;
	background:#262626 url(images/bg_head.gif) left top no-repeat;;

}
.sub_head {
	padding:10px 0px 0px 6px;
}
.head_txt {
	padding:0px 10px 8px 26px;
	color:#5e5e5e; 
	font-size:11px;
	line-height:12px;
	font-family:tahoma, arial, Microsoft Sans Serif;
	vertical-align:top;	
}
.head_txt a {
	color:#5e5e5e; 
	font-size:11px;
	font-family:tahoma, arial, Microsoft Sans Serif;
	font-weight:bold;
	text-decoration:none;
	text-transform:uppercase;
}
.head_txt a:hover {
	text-decoration:underline;
}
.head_txt strong {
	color:#7f7f7f; 
	font-size:11px;
	font-family:tahoma, arial, Microsoft Sans Serif;
	text-decoration:none;
	text-transform:uppercase;
}
.head_txt span {
	color:#B7B7B7; 
	font-size:10px;
	font-family:tahoma, arial, Microsoft Sans Serif;
}
.content_txt {
	padding:5px 0px 8px 18px;
	line-height:12px;	
}
.content_txt strong {
	color:#6c6c6c;
}
.content_txt a {
	color:#B6B6B6;
	text-decoration:none;
}
.content_txt a:hover {
	color:#e0e0e0;
	text-decoration:underline;
}
.content_more {
	padding:0px 0px 0px 0px;
	width:150px;
	}
.content_more a {
	font-size:11px; 
	text-decoration:none;
	color:#B6B6B6;
	font-family:Tahoma, arial, serif;
	padding:0px 16px 0px 0px;
	margin:0px 0px 0px 0px;
	background:url(images/bg_comments.gif) right 4px no-repeat;
	vertical-align:top;
	
}
.content_more a:hover {
	color:#E0E0E0;
	text-decoration:underline;	
}
.content_txt ul {
	padding:0px 0px 0px 0px; 
	margin:0px 0px 0px 0px;
}
.content_txt li {
	list-style:none;
	padding:0px 0px 0px 11px;
	margin:0px 0px 0px 0px;
	background:url(images/li_bg3.jpg) left top no-repeat;
	vertical-align:top;
	line-height:18px;
}
.content_txt ul li a {
	text-decoration:underline;
	font-size:11px;
	color:#444D63;
	font-family:tahoma, arial, times new roman;
	padding:0px 0px 0px 0px;
}
.content_txt li a:hover {
	color:#444D63;
	text-decoration:none;
}

.footer {
	background:url(images/bg_foot2.gif) left top no-repeat;
	vertical-align:top;
	width:999px;
	height:28px;
	margin-left : auto;
 	margin-right : auto;
	
}
.footer_txt {
	 padding-top:8px;
	 margin:0px 0px 0px 56px;
	 color:#A4A4A4;
	 font-size:0.8em;
	 font-family:tahoma, Arial;
}
.footer_txt a {
	color:#A4A4A4;
	text-decoration:underline;
}
.footer_txt a:hover {
	color:#323846;
	text-decoration:none;
}


.smtxt {font-size:0.7em; vertical-align:0.2em;}


.content_txt img {}


/* Style générique */

.cleared {clear:both;}
#bigtable:after {
	visibility: hidden;
	content: "";
	clear:both;
	display: block;
	line-height: 0pt;
	height: 0;
}


.tracks {
	padding-top:2px; 
	background: url(images/bg_tracks.gif) right top no-repeat;
	min-height: 112px;
	_height:112px;
	margin-bottom:6px;
	width: 401px;
	_width: 378px;
	/*border:1px solid yellow;*/
}


.tracks:after {
	visibility: hidden;
	content: "";
	clear:both;
	display: block;
	line-height: 0pt;
	height: 0;
}

.tracks img {display:block; float:left; border:4px solid #ffffff;}

.tracks div {
	/*border:1px solid yellow;*/
	float:left;
	margin:3px 0px 0px 10px;
	width:188px;
	overflow:hidden;
	line-height:14px;
}

.tracksInfo {font-size:10px; font-weight:bold;}
.tracksInfo a, .tracksInfo a:hover {text-decoration:underline; color:#727272;}

.white {color:#ffffff;}

.article h2 a:hover {text-decoration:none;}

.pagenav {background:url(images/more_bg.gif) left 4px no-repeat; padding:0px 0px 0px 8px;}
