/* CSS Document */


.zone-mobil{
width: 307px;
float:left;
background:#000;
padding-bottom:8px;}

.zone-mobil ul {
 list-style-type: none;
 margin:0 0 10px 0;
 padding:0px; 
}

.zone-mobil li {
height:50px;
margin:7px 0 0 11px;
background: url(../images/bg_zone_mobil.gif) repeat-y;
}

.zone-mobil img {	
border:1px #666 solid;
float:left;
margin:0 6px 0 0;
}



/* button width */
.txt-mobil {
padding-top:6px;
width:154px;
float: left;
}

.txt-mobil-short {
padding-top:6px;
width:111px;
float: left;
font-size:10px
}

.txt-mobil-short-exep {
padding-top:1px;
width:111px;
float: left;
font-size:10px
}


.button-txt-zone {
 padding: 2px 16px 0 20px;
 }
 
 .button-txt-zone-middle {
 padding: 2px 7px 0 11px;
 }
 
.button-txt-zone-short {
 padding: 2px 2px 0 8px;
 }
 
 /* end */

.img-mobile {
width:142px;
text-align:center}

.button-zone{
background: url(../images/bg_button_zone.gif) repeat-x;
height:19px;
float:left;
margin-top:4px;
 }
 
.button-zone-end{
background: url(../images/bg_zone_end.gif) no-repeat;
height:19px;
width:6px;
float:left;
margin:4px 5px 0 0;
 }
 
.button-zone a:link, .button-zone a:visited {
font-size:.9em;
color: #989898;
text-decoration:none; } 

.button-zone a:hover {
font-size:.9em;
color: #989898;
text-decoration:underline; }



/* Highlight Artiste */

.highlight  {
 margin:10px 4px 0 10px ;
 background: url(../images/bg_higlight.gif) repeat-y;
 font-size:10px;
 height: 130px;
}

.highlight2  {
 margin:10px 4px 0 10px ;
 font-size:10px;
}

.hight-txt{
height:134px; 
float:left; 
width: 145px;}

.highlight img {	
margin:0 10px 0 0;
}

.hight-img
{width:142px; float:left;
}


/* Photos */

.albums {
width: 201px;
padding: 0 0 0 10px;
float:left;
font-size:11px;
margin: 6px 0 12px 0;
}

.albums img {
border:1px #666 solid;}

/*  spot 1 et 2 music*/

#spot{
width: 280px;
margin-left:5px;
float:left;}

#spot0{
width: 280px;
margin:0 0 0 10px;
padding:0px;
float:left;}


#spot0 ul {
 list-style-type: none;
 margin: 0;
}

#spot0 li {
	clear:left;
	margin:0;
	padding:0;
}

#spot0 img {	
	border:1px #666 solid;
	float:left;
	margin:0 6px 10px 0;
}

#spot1{
width: 280px;
margin-left:5px;
float:left;}


#spot1 ul {
 list-style-type: none;
 margin: 10px 0 0 0 ;
}

#spot1 li {
	vertical-align:middle;
 	height:50px;
	margin:0 0 0 11px;
	clear:left;
	background: url(../images/bg_spot1.gif)  no-repeat;
}

#spot1 img {	
	border:1px #666 solid;
	float:left;
	margin:0 6px 0 0;
}


#spot1 .txt {
padding-top:6px;
}

#spot2 #music-content .txt  {
padding-left:10px;
width: 130px;
float:left
}

#spot2 ul {
margin:0 0 14px 0 ;
padding:0 0 4px 3px;
float:left;
}

#spot2 li {
background: url(../images/puce.gif) no-repeat 2px 5px;
padding: 2px 0 0 14px;
list-style:none;
}

/* evenement */


.pict-right-txt {
width:172px;
float:left;
}

.pict-right {
width:107px;
float:left;
}

#content-events {
padding:10px 10px 0 0;
float:left;
}

#content-events ul {
margin:0 0 0 20px;
}

#content-events li {
margin:10px 0 0 0;
clear:left;
list-style:none;
width:605px;
background:url(../images/bg_events.gif) repeat-x;
}

#content-events img {	
	border:1px #666 solid;
	float:left;
	margin-right:10px;
	
}

#content-events .txt {	
	float:left;
	margin-bottom:0 0 20px 10px;
	width:440px;
	background:url(../images/bg_events.gif) repeat-x;
}

#content-events2 {
padding:10px 10px 0 0;
float:left;
}

#content-events2 ul {
margin:0 0 0 20px;
}

#content-events2 li {
margin:10px 0 0 0;
clear:left;
list-style:none;
width:605px;
background:url(../images/bg_events.gif) repeat-x;
}

#content-events2 img {	
	border:1px #666 solid;
	float:left;
	margin:0;
}

#content-events2 .txt {	
	float:left;
	margin-bottom:0 0 20px 10px;
	width:440px;
	background:url(../images/bg_events.gif) repeat-x;
}