body
{
	font-family: Arial, Tahoma, sans-serif;
	background: black;
	padding-top: 0px;
	margin:0px;
	color:white;
	height: 1300px;
}

#conteneur
{
	background: url("../img/design/background.jpg") repeat-x;
	width: 1024px;
	height: 1180px;
	margin: auto;
	margin-top: 0px;  
	padding:0px;
	
}

#bloc_top
{
	background: url("../img/design/ban_top.png");
	height:100px;
	width:100%;
}
#logo_top
{
position:relative;
left:40px;
background: url("../img/design/logo.png");
width:168px;
height:162px;
z-index:1000;

}
#menu
{
	background: url("../img/design/bg_menu.png") repeat-y;
	height: 43px;
	width:100%;
	margin:0px;
	font-size: 11px;	
	font-weight:bold;
}
#menu .lien_menu
{
color:white;
margin-left: 70px;
padding-bottom: 3px;
}
#menu .lien_menu a{color:white;text-decoration:none;}
#menu .lien_menu a:hover{color:white;}

#menu .gauche
{
color:white;
margin-left: 230px;
}
#bloc_sous_menu
{
height:30px;
width: 100%;
background: url("../img/design/strip.png") repeat-x;
margin-top:0px;
}






#colonne_gauche
{
width:170px;
float:left;
margin-left:40px;
margin-top:30px;
height: 945px;
background: url("../img/design/font_agen_news.png");

}
#colonne_gauche h3
{
padding-top: 5px;
padding-bottom:8px;
padding-left: 3px;
color:#858585;
font-weight:bolder;
font-size:14px;
margin:0px;
background: url("../img/design/strip.png") repeat-x;
margin-bottom:-4px;

}

#colonne_gauche p
{
color:#EFEFEF;
font-size: 10px;
margin-top: 0px;
padding-left: 4px;
padding-right: 4px;

}
/*Celle du centre sera un peu particuliere*/
.tin_center
{

height: 885px;
width:100%;
overflow: auto;
}
/* Pour droite et gauche*/
.tin_colonne 
{
height: 931px;
width:100%;
overflow: auto;
}

.num_page
{
border-top: 1px solid white;
height:40px;
width:99%;
padding-top:5px;
text-align:center;
font-size: 13px;
margin:0px;
margin:auto;
}

#colonne_centre
{
width:564px; /*Normalement 530px mais tien compte des bordure etc*/
float:left;
margin-left:20px;
margin-top:30px;
height: 945px;
background: #222222;
}

#colonne_centre h3
{
padding-top:1px;
padding-bottom:4px;
padding-left: 3px;
color:#858585;
font-weight:bolder;
font-size:23px;
margin:0px;
background: url("../img/design/strip.png") repeat-x;
margin-bottom:-5px;
}

#colonne_centre p
{
color:#EFEFEF;
font-size: 10px;
margin-top: 0px;
padding-left: 4px;
padding-right: 4px;
}
.news_centre .nom_artiste
{
color: white;
}
.cont_artist
{
width:100%;
height: 225px;
}
.artist_left_photo
{
width : 39%;
height: 220px;
float: left;
}
.artist_right_txt
{
width : 57%;
height: 223px;
float:right;
}
img
{
border:none;
margin:0px;
padding:0px;
}



#colonne_droite
{
width:170px;
float:left;
margin-left:20px;
margin-top:30px;
height: 945px;
background: url("../img/design/font_agen_news.png");

}

#colonne_droite h3
{
padding-top:5px;
padding-bottom:8px;
padding-left: 3px;
color:#858585;
font-weight:bolder;
font-size:14px;
margin:0px;
background: url("../img/design/strip.png") repeat-x;
margin-bottom:-4px;
}

#colonne_droite p
{
color:#EFEFEF;
font-size: 10px;
margin-top: 0px;
padding-left: 4px;
padding-right: 4px;
}

.cleaner{clear:both;}
a {color: white;}
a:hover{text-decoration:underline;color: gray;}

/* BBCODE */
.ttpetit { font-size: xx-small; }
.tpetit  { font-size: x-small; }
.petit   { font-size: small; }
.gros    { font-size: large; }
.tgros   { font-size: x-large; }
.ttgros  { font-size: xx-large; }

.txt_left{text-align:left;font-size: 10px;display:block}
.txt_center{text-align:center;font-size: 10px;display:block}
.txt_right{text-align:right;font-size: 10px;display:block}

.titre_ex {
	font-weight: bold;
	display: block;
	width: 90%;
	margin: auto;
}
.cont_ex_up{
	border: 1px dashed grey;
	background-color: white;
	width: 99%;
	padding: 8px;
	margin: auto;
	overflow: auto;
	color: black;
}
h3 a
{
color : gray;
text-decoration: none;
}
h3 a:hover
{
color : white;
text-decoration: none;
}

.jScrollPaneContainer {
	position: relative;
	overflow: hidden;
	z-index: 1;
}

.jScrollPaneTrack {
	position: absolute;
	cursor: pointer;
	right: 0;
	top: 0;
	height: 100%;
	background: #332216;
}
.jScrollPaneDrag {
	position: absolute;
	background: #994D1C;
	cursor: pointer;
	overflow: hidden;
}
.jScrollPaneDragTop {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
}
.jScrollPaneDragBottom {
	position: absolute;
	bottom: 0;
	left: 0;
	overflow: hidden;
}
a.jScrollArrowUp {
	display: block;
	position: absolute;
	z-index: 1;
	top: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	/*background-color: #666;*/
	height: 9px;
}
a.jScrollArrowUp:hover {
	/*background-color: #f60;*/
}

a.jScrollArrowDown {
	display: block;
	position: absolute;
	z-index: 1;
	bottom: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	/*background-color: #666;*/
	height: 9px;
}
a.jScrollArrowDown:hover {
	/*background-color: #f60;*/
}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {
	/*background-color: #f00;*/
}