@charset "utf-8";
/* CSS Document */
/*FORMULAIRE*/
#formulaire_contact{width:315px;}
#formulaire_contact a{color:#FFFFFF;}
#formulaire_contact .form_ligne{margin-bottom:6px;  width:150px;}
#formulaire_contact label{color:#C00418; display:block; font-weight:bold;}
#formulaire_contact input{width:150px;}
#formulaire_contact textarea{ }
#formulaire_contact label{font-weight:bold;}


/*
@@@  @@@   @@@@@@    @@@@@@   @@@  @@@   @@@@@@   @@@@@@@   
@@@  @@@  @@@@@@@@  @@@@@@@   @@@  @@@  @@@@@@@@  @@@@@@@@  
@@!  !@@  @@!  @@@  !@@       @@!  !@@  @@!  @@@  @@!  @@@  
!@!  @!!  !@!  @!@  !@!       !@!  @!!  !@!  @!@  !@!  @!@  
@!@@!@!   @!@!@!@!  !!@@!!    @!@@!@!   @!@  !@!  @!@  !@!  
!!@!!!    !!!@!!!!   !!@!!!   !!@!!!    !@!  !!!  !@!  !!!  
!!: :!!   !!:  !!!       !:!  !!: :!!   !!:  !!!  !!:  !!!  
:!:  !:!  :!:  !:!      !:!   :!:  !:!  :!:  !:!  :!:  !:!  
 ::  :::  ::   :::  :::: ::    ::  :::  ::::: ::   :::: ::  
 :   :::   :   : :  :: : :     :   :::   : :  :   :: :  :   
                                                            
##########################################################
STRUCTURE DE LA PAGE
##########################################################
*/

html{background:url(../images/bg.png) top left repeat-x #000; font:normal 12px  Arial, Helvetica, sans-serif; color:#FFF}
body{background:url(../images/bg3.png) top center no-repeat;  margin:0; padding:0;}
#main{margin:0 auto; width:932px;}

a img{border:0;}
.clear{clear:both; height:0; line-height:0;}

/*
##########################################################
HEADER
##########################################################
*/

#header{background:url(../images/bg_header.png) top left no-repeat; height:377px; width:932px; position:relative;}

#menu{
	list-style-position:outside;
	list-style-type:none;
	float:left;
	margin: 170px 0 0 60px;
	padding:0;
	width:192px;
}

#menu li{
	margin:0;
	padding:0 0 0 20px;
	height:24px;
	float:left;
	width:172px; /*192-20*/
}

#menu li a img{
	display:block;
}


#video{
	float:left;
	margin: 140px 0 0 40px;
	width:288px;
}
/*
##########################################################
CONTENT
##########################################################
*/

#content{
	background:url(../images/bg_content.png) bottom left no-repeat #000;
	width: 904px;
	margin-left:29px;	
}

#bloc_content{
	background:url(../images/mask.png) top left no-repeat;
	
	text-align:justify;	
	
	min-height:274px; 
	height:auto !important; 
	height:274px;
	
	width: 904px;
}


* html #bloc_content /* HACK POUR LES PNG TRANSPARENT SUR IE6 */
{
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../images/mask.png", sizingMethod="scale");
	background: none;
	overflow:hidden;
}

.buzz{
	float:left;
	padding:0px 20px 20px 20px;
	width:392px; /*432-40*/
}

.colonne-programme{
	float:left;
	width:200px;
	padding:0 0 0 15px;
	text-align:left;
}

#down{
	background:url(../images/doc_download.png) top left no-repeat;
	height:111px;
	margin-left:30px;
	width:269px;
	float:left;
}

* html #down /* HACK POUR LES PNG TRANSPARENT SUR IE6 */
{
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../images/doc_download.png", sizingMethod="scale");
	background: none;
	overflow:hidden;
}

#down a{
 	display:block;
 	color:#FFF;
	font-weight:bold;
	margin:40px 5px 0 80px;
}

#titre{
	height:36px;
	margin-left: 172px;
	width:696px;
}

#titre img{
	display:block;
}

#liste_artiste{
	float:left;
	margin-left:30px;
	width:300px;
}

#liste_artiste ul{
	margin:12px 0 0 0;
	padding:0;
	list-style:none;
}


#liste_artiste li{
	margin:0;
	padding:0;
}

#liste_artiste a{
	color:#FFF;
	font-size:11px;
	font-weight:bold;
	text-decoration:none;
}

#liste_artiste a.selected{
	color:#d00018;
}

#artiste{
	float:right;
	margin-right:50px;
	width:500px;
}

#artiste h1{
	background:url(../images/puce.gif) center left no-repeat;
	padding-left:25px;
	font-size:12px;
	color:#d00018;
}

#artiste a{
	color:#d00018;
	text-decoration:none;
	font-weight:normal;
}


/*
##########################################################
FOOTER
##########################################################
*/

#footer{
	background:url(../images/partenaire.png) bottom left no-repeat;
	height:99px;
	margin:8px auto 0 auto;
	width: 874px;
	position:relative;
}

* html #footer /* HACK POUR LES PNG TRANSPARENT SUR IE6 */
{
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../images/dpartenaire.png", sizingMethod="scale");
	background: none;
	overflow:hidden;
}

#footer ul{
	list-style:none;
	height:58px;
	margin:0;
	padding:12px 0 0 0;
	overflow:hidden;
}

#footer li{
	list-style:none;
	float:left;
	margin:0 0 0 20px;
	padding:0;
}

#footer img{
	display:block;
}

#scroller{
	margin:0 80px 0 80px;
	width:714px; /*874 - 160*/
}