body 
{
	font-family: "Trebuchet MS",arial;
	font-size: .8em; 
	line-height: 1.25; 
	background:#000;
	color: #000;
	font-size:13px;
	
}

strong
{
	font-weight:bold;
}

a
{
	outline: none;
	cursor:pointer	
}

a,object
{
	outline-color:-moz-use-text-color;
	outline-style:none;
	outline-width:medium;
}

a:focus
{
	-moz-outline-style: none;
}

h3
{
	color:#444;
	background:#eee;
	font-size:13px;
	font-weight:bold;
	margin:10px 0;
	padding:5px;
}
/********************************
                     CLASS
*********************************/
.bgloader
{
	background-image:url(../img/loader.gif) !important;
	background-repeat:no-repeat !important
}

.musique
{
	color:#2BB5D1;
}

.art_de_rue
{
	color:#CC3339
}


#centre
 {
	width:900px;
	margin:auto;
	float:left;
	background:url(../img/bg.png) repeat-y
	
}

#bannad
{
	height:60px;
	left:50%;
	margin-left:-24px;
	position:absolute;
	top:28px;
	width:468px;
	z-index:5;
}

input.large, .large input
{
	width:200px;
}

.ad
{
	display:block;
	font-weight:bold;
	margin-bottom:5px;
	text-align:center;
	font-size:18px;
	text-decoration:blink !important;
	line-height:25px;
	width:220px;
	letter-spacing:1px;
	text-decoration:none;
}

.secondary .ad
{
	width:100%;
}

.ad .content
{
	background:#eee ;
	display:block;
	text-decoration:none;
	color:#666
}

.secondary .ad
{
	float:right;
	position:relative;
	margin-top:10px
}

.none
{
	display:none !important;
}

.block
{
	display:block !important;
}

.inline
{
	display:inline !important;
}
					 
.neutre, .warning, .valid			 
{
	font-weight:bold;
	margin:5px 0;
	padding:5px;
	float:none !important;
}
					 
.neutre
{
	background:#D1E7EF none repeat scroll 0 0  !important;
	border:1px solid #08363F !important ;
	color:#08363F !important;
}	 

.warning , .selectwarning select
{
	border:1px solid #ff9999 !important;
	background:#ffeeee !important;
	color:#d55 !important;
}

.litle_grey
{
	color:#999999;
	font-size:10px;
}

input.warning 
{
	padding:2px;
}

textarea.warning
{
	padding:0;
}

.selectwarning select
{
	padding:1px;
}

.valid
{
	border:1px solid #44aa44 !important;
	background:#D1EFD1  !important;
	color:#225522 !important;
} 

.text-right
{
	text-align:right
}

.text-center
{
	text-align:center
}

.fleft
{
	float:left !important
}

.fright
{
	float:right !important
}

.clear
{
	clear:both;
}

.dot_h
{
	background:transparent url(../img/dot_h.jpg) repeat-x scroll 0 50%;
	height:10px;
}

.dot_v
{
	background:url(../img/dot_v.jpg) repeat-y;
	padding:0 0 0 5px;
}

a 
{
	text-decoration: underline;
	color: #000;
	cursor:pointer
}

a:hover, a:focus 
{
	color: #999;
}

/*****************************************
*                       QUICK JUMP
*****************************************/
#quickjumpbg
{
	z-index:3;
	position:absolute;
	background:#000;
	height:24px;
	border-bottom:1px #999 solid;
	float:left;
	width:100%;
	opacity:0.5;
	top:0;
	left:0;
}

#quickjump
{
	position:absolute;
	z-index:4;
	height:24px;
	float:left;
	top:0;
	left:0;
	width:100%;
	text-align:right;
}

#quickjump .gt
{
	float:right;
	background:url(../img/gt.jpg) no-repeat;
	padding-left:30px;
	color:#fff
}

#quickjump a
{
	padding:0px 15px 0px 15px;
	margin:0 5px;
	float:left;
	display:block;
	text-align:center;
	color:#aaa;
	text-decoration:none;
	line-height:22px
}

#quickjump a:hover,#quickjump a.selected
{
	color:#fff
}

#quickjump a.grey
{
	background:#000 url(../img/grey.gif) no-repeat 0 50%;
}

#quickjump a.orange
{
	background:#000 url(../img/orange.gif) no-repeat 0 50%;
}

#quickjump a.green
{
	background:#000 url(../img/green.gif) no-repeat 0 50%;
}

#quickjump a.red
{
	background:#000 url(../img/red.gif) no-repeat 0 50%;
}

#quickjump a.blue
{
	background:#000 url(../img/blue.gif) no-repeat 0 50%;
}

.presentation
 {
	background:#222222;
	color:#eee;
	font-size:12px;
	line-height:16px;
	margin-right:10px;
	padding:10px;
	width:376px !important;
	border:1px solid #000;
	font-weight:bold;

}
.presentation *
{
	color:#fff;
	text-align:justify
}

#main .presentation a:hover
{
	text-decoration:none;
	color:#fff !important;
}

.bygenre
{
	text-align:justify;
	background:#222 !important;
	padding:5px;
	float:left;
	margin-bottom:5px;
	border:1px solid #000
}

.bygenre h2
{
	background: none !important;
	color:#000 !important;
	border:0 !important;
	padding:0 !important;
}

.bygenre a
{
	background:#000;
	color:#fff;
	text-decoration:none;
	margin:0 3px 3px 0;
	float:left;
	display:block;
	padding:2px;
	font-weight:bold;
	width:120px;
}

.bygenre a:hover
{
	background:#fff;
	color:#000
}

/****************************************
FORMULAIRE
*****************************************/

form
{
	background:#eee;
	padding:10px;
	border:1px solid #aaa;
	margin:5px 0;	
}


input, select, textarea
{
	margin-bottom:5px;
	border:1px solid #131D1F;
	margin-top:2px;
}

#main input
{
	padding:2px
}

textarea
{
	height:200px;
	width:100%;
}

#left textarea
{
	height:119px;
}

#left #shoutbox h3
{
	background:#222222;
	color:#fff;
	border-top:1px solid #000;
	margin:0;
	padding:0 5px;
	line-height:20px
}

#left #shoutbox h3 a
{
	color:#fff;
	text-decoration:none;
}

#left #shoutbox h3 span
{
	color:#ddd;
	margin:0 5px;
	font-size:9px;
	font-weight:normal;
	float:right;
	padding:0 2px;
	line-height:20px
}

#left #shoutbox  p
{
	background:none;
	padding:5px;
	font-size:11px;
	overflow:hidden;
	width:95%
}	

label
{
	font-weight:bold
}

form .pied
{
	clear:both;	
}

.fiche
{
	background: transparent url(../img/dot_v.jpg) repeat-y scroll 391px 0; 
	margin-bottom:5px;
}

.fiche img
{
	width:100px;
}

.fiche .accroche
{
	color:#000 !important;
	background:#000 !important;
	padding:5px;
	margin-bottom:10px;
	float:right
}

.fiche .accroche a
{
	color:#fff !important;
	text-decoration:none !important;
	padding:2px;
	background:#000 !important;
}

.fiche .primary
{
	width:380px;
	width:380px;
}

.fiche .thecomment
{
	margin:10px 5px;
}

.fiche a.commenter
{
	background:url(../img/commenter.jpg) no-repeat 0 50%;
	padding-left:30px
}

.fiche .comments
{
	background:url(../img/comments.jpg) no-repeat;
	padding-left:30px
}

.primary
{
	padding-bottom:10px;
	padding-right:4px;
	width:393px;
}

.secondary
{
	width:278px;
	
}

.fiche .secondary
{
	padding-left:15px;
}

#accordion
{
	width:280px;
}

.secondary  .element
{
	padding:5px 0
}

.secondary img
{
	width:70px;
}
.secondary h1
{
	width:100%
}

.secondary h3.toggler
{
	background:#ddd;
	padding:5px;
	cursor:pointer;
	margin:3px 0;
	font-weight:bold;
	font-size:13px;
}

.secondary h3.over
{
	background:#eee;
	color:#000
}

.secondary  .item
{
	width:274px;
	padding:0 5px;
}

.secondary  .item .content
{
	width:180px;
}

.item_mp3 object ,.item_mp3 embed
{
	display:inline;
	height:44px !important;
	width:385px !important;
}

.item h2
{
	margin-bottom:0 !important;
	font-size:14px !important;
	padding-left:2px;
	font-variant:normal !important
}

.item ul
{
	width:98%;
	border:0 !important;
	background:none !important;
	font-size:11px;
	padding-left:2px
}


.item_empty
{
	background:#eee;
	text-align:center
}

.item_empty a
{
	color:#999;
	line-height:75px;
	text-decoration:none;
	font-weight:bold;
	text-decoration:blink;
}

li.genre
{
	color:#999;
	font-style:italic;
	font-variant:small-caps;
}

#left
{
	color: #000;
	float: left;
	width: 200px;
	color:#fff;
	
}

#left form
{
	background:none;
	border:0
}

#left .menu a
{
	color: #fff;
	display:block;
	padding:5px;
	font-size:12px;
	text-decoration:none;
	background:#111;
	position:relative;
}

#left .menu a span
{
	background:	url(../img/right.png) no-repeat 100% 50%;
	position:absolute;
	top:0;
	width:24px;
	height:24px;
	display:none;
}


#left #search
{
	padding: 5px;
	text-align:center
}

#left #search input
{
	background:#FFFFFF url(../img/search.jpg) no-repeat scroll -3px 50%;
	float:none;
	margin-bottom:0;
	padding:2px 0 2px 26px;
	width:140px;
}

#left .menu a:hover, #left .menu  a:focus 
{
	color:#fff;
	background:#222;
}

#left .menu a:hover
{
	padding-left:10px
}

#left .menu a.selected
{
	text-decoration:underline;
}

#left .menu a:hover span,  #left .menu a.selected span
{
	display:block
}

#left .menu a:hover span
{
	left:-30px
}

#left .menu a.selected span
{
	left:-30px 
}


#left .menu a.selected 
{
	padding-left:5px
}

#left .menu a
{
	border-bottom:1px solid #000000;
	border-top:1px solid #222222;
	font-weight:bold;
	font-size:13px;
	color:#ccc
}

#left .menu
{
	font-size:9px;
	color:#000;
	font-weight:bold;
	border-top:1px solid #000
}

#left p, #left li 
{
	line-height: 1.5;
}


#left .new h2
{
	color:#fff;
	font-weight:bold;
}

#left .new a
{
	color:#D4D0C8;
	display:block;
	height:18px
}


#left .reseau
{
	border:1px solid #000;
	background:#000;
	padding:3px;
	width:150px;
	margin:10px auto;
	
}

#left .reseau a
{
	display:block;
	float:left
}

#left .reseau img
{
	width:20px;
	height:20px;
	margin:0 5px 0 0
}


#main 
{
	min-height:600px;
	padding:0px 10px;
	width:680px;
	line-height:1.1;
	float:left;
	color:#444
}


#main h1,#main h2
{
	background:#4D575F none repeat scroll 0 0 none repeat scroll 0 0;
	color:#fff;
	padding:2px;
	font-size:13px;
}

#main h1
{
	background:#FFFFFF none repeat scroll 0 0;
	color:#000000;
	font-size:20px;
	text-transform:uppercase;
	font-weight:bold;
	margin:0 0 5px;
	padding:4px 0;
}

#main h2
{
	-moz-background-clip:border;
	-moz-background-inline-policy:continuous;
	-moz-background-origin:padding;
	-moz-border-radius-bottomleft:5px;
	-moz-border-radius-bottomright:5px;
	-moz-border-radius-topleft:5px;
	-moz-border-radius-topright:5px;
	background:#FFFFFF url(../img/entete.gif) repeat-x scroll 0 0;
	border:1px solid #DDDDDD;
	color:#666;
	font-weight:bold;
	padding:4px;
	margin:5px 0;
	font-size:15px;
	font-variant:small-caps;
}

#main h2 a
{
	text-decoration:none;
	color:#666;
	display:block;
	font-variant:small-caps;
}

#main img
{
	border:1px solid #eee;
	background:#eee;
	margin:0 5px;
	padding:5px
}

#main a:hover img
{

	border:1px solid #aaa;
	background:#fff;
	margin:0 5px
}

#main p img
{
  border:0 !important
}

#main form img
{
  margin:0;
	border:0;
	padding:0
}	

#main ul
{
	float:left;
	margin-bottom:5px;
	line-height:1.3;
}
#main li
{
	line-height:1.2;
}


.fiche p
{
	text-align:justify;
	margin:5px 0
}

#primary object,.primary embed
{
	display:block;
	width:385px !important
	
}

.padding-top
{
	margin-top:10px;
}

.item 
{
	float:left;
	margin-right:0;
	padding:5px;
	width:215px;
	position:relative
}

.item  a.item_link
{
	position:absolute;
	width:100%;
	height:100%;
	display:block;
	z-index:5;
	top:0;
	left:0;
	border:1px solid transparent;
	background:url(../img/spacer.gif) repeat
}

.item h2
{
	background:transparent !important;
	border:0 none !important;
	color:#000000 !important;
	font-weight:bold !important;
	margin-top:0 !important;
	text-transform:lowercase !important;
	width:100%;
	padding:0 0 0px !important;
	border:0 !important
}

.item h2 a, .item h2 span
{
	padding:2px 2px 2px 0px;
	color:#000000 !important;
	font-size:12px;
	font-variant:normal !important;
	font-weight:bold;
}

.item h2 a:hover
{
	text-decoration:underline !important;
}

.item .content
{
	float:left;
	width:125px;
	padding-left:2px;
}

#main .item .video
{
	background:url(../img/video.png) no-repeat 0 0  !important;
	padding-left:20px !important;
	line-height:20px
}

.item img
{
	width:70px;
	margin:0 !important
}

.alt
{
	float:left
}

.img_note span
{
	float:left;
	display:block;
}

.stars
{
	width:60px;
	height:12px;
	background-repeat:no-repeat
}

.star0
{
	background-image: url(../img/note_0_.png) 
}

.star1
{
	background-image: url(../img/note_1_.png) 
}

.star2
{
	background-image: url(../img/note_2_.png) 
}

.star3
{
	background-image: url(../img/note_3_.png) 
}

.star4
{
	background-image: url(../img/note_4_.png) 
}

.star5
{
	background-image: url(../img/note_5_.png); 
}

/*************************
home
*************************/

/*************************   SLider sur la home *********************************/
.proposer_news
{
	position:absolute;
	right:5px;
	top:7px;
	font-size:10px;
	font-variant:normal;
	text-decoration:blink !important;
}

/* Sample 5*/
#box5
{
	position:absolute;
	width:285px;
}

#box5 span
{
	display:block;
}

#info5
{
	bottom:0;
}

.strong
{
	
}

.permalink
{
	padding:5px;
	background:#eee;
}

.permalink .separator
{
	height:10px;
}

.permalink h4
{
	font-weight:bold;
	font-size:15px;
	font-variant:small-caps;
	font-weight:bold;
	margin:4px;
}
.permalink label
{
	padding-left:5px
}

.permalink input.premalinkinput
{
	width:664px
}

.permalink .btn
{
	padding:0;
	background:#eee !important;
	font-weight:normal;
	margin-left:5px;
	width:100px
}

/* ***********************************/

.thumbs
{
	width:54px;
}
.thumbs div
{
	display:block;
	width:54px;
	height:41px;
	margin:3px 0;
	cursor:pointer;
}

.thumbs div img
{
	display:block;
	width:100%;
	height:100%;
	border:none
}

.alt a
{
	display:block;
}

.info
{
	width:285px;
	height:50px;
	background:#000;
	position:absolute;	
}

.info p, .info h4,.info div
{
	color:#fff;
	padding:3px 8px;
	
}

.info h4
{
	font-size:14px;
}

.info h4 a
{
	float:right;
	background:#fff;
	color:#000;
	font-size:10px;
	padding:0 3px;
	text-decoration:none
}

.mask2
{
	background:#000000 none repeat scroll 0 0;
	height:180px;
	margin:auto auto 5px;
	overflow:hidden;
	position:relative;
}

.mask2  span a
{
	display:block;
	border:none;
}

ul.listing
{
	border:0 !important;
	width:auto !important;
	background:none !important;
}

.fiche ul
{
	width:250px !important;
	border:0 !important;
	background:none !important;
}

ul.listing
{
	color:#999;
	font-size:13px;
}	

.listing a
{
	line-height:15px;
	font-weight:bold;
}	


/***********************************/

#ariane 
{
	list-style:decimal !important
}

#ariane  li 
{
	display:block;
	list-style:decimal !important;
	float:left;
	font-weight:bold;
	padding:5px  10px 0 5px;
	color:#bbb;
	border-bottom:1px solid #bbb;	
	border-left:5px solid #bbb;	
}

#ariane  .selected 
{
	border-left:5px solid #000;
	color:#000
}

#global 
{	
	margin:20px auto 0 auto;
	width:900px;
}

#gotohome
{
	display:block;
	position:absolute;
	height:79px;
	width:330px;
	z-index:5;
}

#entete 
{
	color:#FFFFFF;
	display:block;
	height:85px;
	position:relative;
	width:900px;
	background: #000 url(../img/logo.jpg) no-repeat;
}

#entete  a
{
	height:30px;
	line-height:30px;
	padding-left:8px;
	background: url(../img/bkg-nav-node.png) no-repeat scroll 0 -62px;
	color:#fff;
	font-weight:bold;
	display:block;
	float:right;
}

#entete  a:hover
{
	text-decoration:none
}

.auteur
{
	background:transparent url(../img/membre.png) no-repeat scroll 0 50%;
	padding-left:20px;
	line-height:20px
}


#form_log
{
	padding:0;
	margin:0;
	height:30px;
	padding-left:10px;
	padding-right:5px;
	line-height:30px;
	width:530px;
	background:#535F5F none repeat scroll 0 0 ;
	border:0;
	border-bottom:1px solid #000;
	position:absolute;
	right:0;
	bottom:0
	
}

input.btn
{

	background:black;
	color:#fff;
	font-size:12px;
	font-weight:bold;
	padding:2px;
}

#form_log .gotoprofil
{
	background:transparent url(../img/membre.png) no-repeat scroll 0 50%;
	padding-left:20px;
}

#form_log  .nomdp
{
	background:transparent url(../img/close.png) no-repeat scroll 0 50%;
	padding-left:27px;
}


#form_log .gotomesactions
{
	background:transparent url(../img/right.png) no-repeat scroll 0 50%;
	padding-left:27px;
	margin-left:10px;
}


#form_log .lt
{
	background:transparent url(../img/corners.gif) no-repeat scroll -7px -6px;
	height:10px;
	left:0;
	position:absolute;
	top:0;
	width:10px;
}

#form_log input
{
	width:85px;
	padding:2px;
}	

.letters
{
	background:#222222 none repeat scroll 0 0;
	float:left;
	margin-right:5px;
	padding:5px;
	width:677px
}

.letters h2
{
	color:#fff !important
}

.primary .letters
{
	width:382px !important
}

.primary .letters .genre
{
	background:#000000 none repeat scroll 0 0;
	color:#FFFFFF;
	display:block;
	float:left;
	
	font-weight:bold;
	height:16px;
	margin:0 3px 3px 0;
	padding:2px;
	text-decoration:none;
	width:182px;
	border:1px solid #000
}

.primary .letters .genre1
{
	background:#000000 none repeat scroll 0 0;
	color:#FFFFFF;
	display:block;
	float:left;
	
	font-weight:bold;
	height:16px;
	margin:0 3px 3px 0;
	padding:2px;
	text-decoration:none;
	width:118px;
	border:1px solid #000
	
}

.letters h2
{
	background:#222222 none repeat scroll 0 0 !important;
	border: 0 !important;
	padding-left:0 !important;
	border-bottom:1px solid #999 !important;
}

.letters .letter,.letters .genre
{
	background:#000000 none repeat scroll 0 0;
	color:#eee;
	border:1px solid #000;
	display:block;
	text-align:center;
	float:left;
	font-weight:bold !important;
	margin:2px;
	padding:2px;
	text-decoration:none !important;
	width:15px;
}

.letters  .all
{
	letter-spacing:1px;
	border:1px solid #999 !important;
	text-decoration:none !important
}

.letters strong
{
	display:block;
	width:77px;
	line-height:20px;
}

.letters a:hover , .letters a.selected
{
	background:#444 !important;
	border:1px solid #000 !important;
	padding:2px;
}

.letters .genre
{
	width:auto;
}

.result
{
	padding:5px;
	background:#eee;
	margin:5px 0;
	position:relative;
	width:677px;
	float:left
}

.result h2
{
	background:#ddd none repeat scroll 0 0 !important;
	padding-left:2px;
}

.result h3
{
	margin:3px 0
}

.result .addbtn
{
	position:absolute;
	bottom:5px;
	right:5px
}

.result .addbtn img
{
	background:none !important
}




/***************
     Commentary
***************/
.comment
{
	padding-top:10px;
}
.comment img
{
	background: none  !important;
	border:none !important
}

.comment h2 a
{
	display:inline !important;
}

.commented p
{
	background:none !important;
	border:none !important
}

#form_commentaire img
{
	background:none;
}

#commentaire_edit
{
	float:left;
	margin-bottom:5px
}

#form_commentaire  .smileys
{
	float:left;
}

#form_commentaire  .smileys img
{
	border:1px solid #666;
	cursor:pointer;
	padding:2px
}
#form_commentaire  .smileys img:hover
{
	border:1px solid #000;
	cursor:pointer;
	padding:2px
}

/***************
     BLOG
***************/

.blog_posts
{
	width:520px;
	padding-left:10px
}

#blog_lateral 
{
	border:0;
	background:none;
	width:145px;
}



.blog_posts img
{
	margin:auto;
	width:500px;
	height:auto;
}


/*****************
FAQ
****************/

#faq p,#faq ul
{
	float:none;
}


#copyright div
{
	line-height:16px
}

#copyright .hr
{
	border-bottom:1px solid #333333;
	height:5px;
	margin-bottom:5px
}

#copyright 
{
	text-align: left;
	float:left;
	margin: 20px 0;
	color: #ddd;
	width:900px;
}

#copyright *
{
	font-size:11px
}

#copyright a 
{
	color: #999;
	text-decoration: none;
}

#copyright div.fleft a:hover, #copyright div.fleft a:focus 
{
	text-decoration:none !important;
	border-bottom:1px dotted #999
}