@charset "utf-8";
/* CSS Document */

body {
	margin: 0px 0;
	padding: 0;
	text-align: center;
	font: 0.8em "Trebuchet MS", helvetica, sans-serif;
	color: #FFFFFF;
	background-color:#000000;
	background-image:url(images/fond_site.jpg);
	background-repeat:no-repeat;
	background-position: top;
}

h2 {
	margin: 0 5px 0 5px;
	font-size:14px;
}

h3 {
	margin: 0 5px 0 300px;
	font-size:18px;
	color:#F00;
}

div#conteneur {
	width: 936px;
	margin-left:auto;
	margin-right:auto;
	top:0px;
	text-align: left;
	background-color:#000000;
	background-position: top;

}

div#header {
	width: 911px;
	height: 115px;
	top:0px;
	margin-left: 11px;
	background-image:url(images/header.jpg);
	background-repeat:no-repeat;
}

#header a {
	width: 350px ;
	height: 70px ;
	display: block ;
	position: relative ;
	left: 10px ;
	top: 15px ;
	text-indent: -5000px ;
}
 
div#menu_principal {
	width: 911px ;
	height: 46px ;
	margin-left: 11px;
	background-image:url(images/fond_menu.jpg);
	background-repeat:no-repeat;
} 
  
ul#principal {
	height: 46px ;
	margin: 0 ;
	padding: 0 ;
	list-style-type: none ;
}

ul#principal li {
	float: left ;
	text-align: center ;
}

li#index a {
	width: 115px ;
	line-height: 46px ;
	font-size: 14px ;
	font-weight: bold ;
	letter-spacing: 1px ;
	color: #fff ;
	display: block ;
	text-decoration: none ;
}
	
li#index a:hover {
	font-size: 16px;
	background: url(images/menu/accueil.jpg);
}

li#biographie a {
	width: 114px ;
	line-height: 46px ;
	font-size: 14px ;
	font-weight: bold ;
	letter-spacing: 1px ;
	color: #fff ;
	display: block ;
	text-decoration: none ;
}
	
li#biographie a:hover {
	font-size: 16px;
	background: url(images/menu/biographie.jpg);
}

li#audio a {
	width: 114px ;
	line-height: 46px ;
	font-size: 14px ;
	font-weight: bold ;
	letter-spacing: 1px ;
	color: #fff ;
	display: block ;
	text-decoration: none ;
}
	
li#audio a:hover {
	font-size: 16px;
	background: url(images/menu/audio.jpg);
}

li#video a {
	width: 114px ;
	line-height: 46px ;
	font-size: 14px ;
	font-weight: bold ;
	letter-spacing: 1px ;
	color: #fff ;
	display: block ;
	text-decoration: none ;
}
	
li#video a:hover {
	font-size: 16px;
	background: url(images/menu/video.jpg);
}

li#photo a {
	width: 114px ;
	line-height: 46px ;
	font-size: 14px ;
	font-weight: bold ;
	letter-spacing: 1px ;
	color: #fff ;
	display: block ;
	text-decoration: none ;
}
	
li#photo a:hover {
	font-size: 16px;
	background: url(images/menu/photo.jpg);
}

li#goodies a {
	width: 114px ;
	line-height: 46px ;
	font-size: 14px ;
	font-weight: bold ;
	letter-spacing: 1px ;
	color: #fff ;
	display: block ;
	text-decoration: none ;
}
	
li#goodies a:hover {
	font-size: 16px;
	background: url(images/menu/goodies.jpg);
}

li#communaute a {
	width: 114px ;
	line-height: 46px ;
	font-size: 14px ;
	font-weight: bold ;
	letter-spacing: 1px ;
	color: #fff ;
	display: block ;
	text-decoration: none ;
}
	
li#communaute a:hover {
	font-size: 16px;
	background: url(images/menu/communaute.jpg);
}

li#contact a {
	width: 112px ;
	line-height: 46px ;
	font-size: 14px ;
	font-weight: bold ;
	letter-spacing: 1px ;
	color: #fff ;
	display: block ;
	text-decoration: none ;
}
	
li#contact a:hover {
	font-size: 16px;
	background: url(images/menu/contact.jpg);
}
 
div#bandeau_accueil {
	width: 911px;
	height: 59px;
	margin-left: 11px;
	background-image:url(images/bandeau_accueil.jpg)
}

div#bandeau_biographie {
	width: 911px;
	height: 59px;
	margin-left: 11px;
	background-image:url(images/bandeau_biographie.jpg)
}

div#bandeau_audio {
	width: 911px;
	height: 59px;
	margin-left: 11px;
	background-image:url(images/bandeau_audio.jpg)
}

div#bandeau_videos {
	width: 911px;
	height: 59px;
	margin-left: 11px;
	background-image:url(images/bandeau_videos.jpg)
}

div#bandeau_photos {
	width: 911px;
	height: 59px;
	margin-left: 11px;
	background-image:url(images/bandeau_photos.jpg)
}

div#bandeau_goodies {
	width: 911px;
	height: 59px;
	margin-left: 11px;
	background-image:url(images/bandeau_goodies.jpg)
}

div#bandeau_contact {
	width: 911px;
	height: 59px;
	margin-left: 11px;
	background-image:url(images/bandeau_contact.jpg)
}

div#contenu {
	width: 936px;
	background-color:#000000;
	position: relative;
}

div#cadre_gauche {
	float: left;
	width: 678px;
	margin-left: 11px;
	padding-top: 11px;
	background: url(images/haut_cadre_gauche.jpg) top left no-repeat;
}

div#contenu_cadre {
	background: url(images/fond_cadre_gauche.jpg) bottom left repeat-y;
	padding-bottom: 0px;
}

div#contenu_cadre p {
	padding-bottom: 10px;
	margin-top: 0;
	margin-right: 5px;
	margin-bottom: 0;
	margin-left: 5px;
}

.gauche {
	margin: 0 5px 0 5px;
	float: left;
} 
  
div#audio {
	float: left;
	width: 320px;
	background: url(images/fd_pochette.jpg);
	background-repeat: repeat-y;
	padding-bottom: 10px;
	padding-left: 10px;
	margin-top: 5px;
	margin-right: 5px;
	margin-bottom: 0;
	margin-left: 5px;
}

div#pochettes {
	margin-right: 50px;
}

div#logo {
clear: both;
width: 300px;
height: 183px;
margin-left: 200px;
background: url(images/logo_gomusic.jpg);
background-repeat: no-repeat;
}
 
div#bas_cadre {
	width: 678px;
	padding-bottom: 10px;
	background: url(images/bas_cadre_gauche.jpg) top left no-repeat;
}

div#cadre_droit {
	float: right;
	width: 219px;
	margin-right: 14px;
	padding-top: 11px;
	background: url(images/haut_cadre_droit.jpg) top left no-repeat;
}

div#contenu_cadre_droit {
	background: url(images/fond_cadre_droit.jpg) bottom left repeat-y;
	padding-bottom: 0px;
}

.centrage {
	padding-bottom: 10px;
	margin: 0 5px 0 5px;
} 

a.fnac {
	display: block;
	padding-bottom: 10px;
	margin: 0 5px 0 50px;

	
}

a.fnac span {
	position: absolute;
	left:-5000px;
	top:-5000px;
	text-indent: -5000px;
}

a.amazon {
	display: block;
	padding-bottom: 10px;
	margin: 0 5px 0 50px;

	
}

a.amazon span {
	position: absolute;
	left:-5000px;
	top:-5000px;
	text-indent: -5000px;
}

a.itunes {
	display: block;
	padding-bottom: 10px;
	margin: 0 5px 0 50px;

	
}

a.itunes span {
	position: absolute;
	left:-5000px;
	top:-5000px;
	text-indent: -5000px;
}

a.virgin {
	display: block;
	padding-bottom: 10px;
	margin: 0 5px 0 5px;
	width: 150px;
	height: 94px;
	background:url(images/logo/virginmega.jpg);
	background-repeat:no-repeat;
}

a.virgin span {
	position: absolute;
	left:-5000px;
	top:-5000px;
	text-indent: -5000px;
}

div#contenu_cadre_droit p {
	margin: 0 0px 0 0px;
}

a.nrjhits2 {
	display: block;
	padding-bottom: 10px;
	margin: 0 5px 0 30px;
	width: 150px;
	height: 145px;
	background:url(images/logo/nrj-hits.jpg);
	background-repeat:no-repeat;
}

a.nrjhits2 span {
	position: absolute;
	left:-5000px;
	top:-5000px;
	text-indent: -5000px;
}

a.virgin17_2 {
	display: block;
	padding-bottom: 10px;
	margin: 0 5px 0 30px;
	width: 150px;
	height: 143px;
	background:url(images/logo/virgin17.jpg);
	background-repeat:no-repeat;
}

a.virgin17_2 span {
	position: absolute;
	left:-5000px;
	top:-5000px;
	text-indent: -5000px;
}

a.m6musichits2 {
	display: block;
	padding-bottom: 10px;
	margin: 0 5px 0 30px;
	width: 150px;
	height: 69px;
	background:url(images/logo/m6musichits.jpg);
	background-repeat:no-repeat;
}

a.m6musichits2 span {
	position: absolute;
	left:-5000px;
	top:-5000px;
	text-indent: -5000px;
}

a.m6musicclub2 {
	display: block;
	padding-bottom: 10px;
	margin: 0 5px 0 30px;
	width: 150px;
	height: 73px;
	background:url(images/logo/m6musicclub.jpg);
	background-repeat:no-repeat;
}

a.m6musicclub2 span {
	position: absolute;
	left:-5000px;
	top:-5000px;
	text-indent: -5000px;
}

a.maxidance {
	display: block;
	padding-bottom: 10px;
	margin: 0 5px 0 5px;
	width: 200px;
	height: 41px;
	background:url(images/logo/maxidance.jpg);
	background-repeat:no-repeat;
}

a.nrjhits span {
	position: absolute;
	left:-5000px;
	top:-5000px;
	text-indent: -5000px;
}

a.nrjhits {
	float:left;
	padding-bottom: 10px;
	margin: 0 5px 0 10px;
	width: 150px;
	height: 145px;
	background:url(images/logo/nrj-hits.jpg);
	background-repeat:no-repeat;
}

a.virgin17 span {
	position: absolute;
	left:-5000px;
	top:-5000px;
	text-indent: -5000px;
}

a.virgin17 {
	float:left;
	padding-bottom: 10px;
	margin: 0 5px 0 10px;
	width: 150px;
	height: 143px;
	background:url(images/logo/virgin17.jpg);
	background-repeat:no-repeat;
}

a.m6musichits span {
	position: absolute;
	left:-5000px;
	top:-5000px;
	text-indent: -5000px;
}

a.m6musichits {
	float:left;
	padding-bottom: 10px;
	margin: 40px 5px 0px 10px;
	width: 150px;
	height: 69px;
	background:url(images/logo/m6musichits.jpg);
	background-repeat:no-repeat;
}

a.m6musicclub span {
	position: absolute;
	left:-5000px;
	top:-5000px;
	text-indent: -5000px;
}

a.m6musicclub {
	float:left;
	padding-bottom: 10px;
	margin: 38px 5px 0px 10px;
	width: 150px;
	height: 73px;
	background:url(images/logo/m6musicclub.jpg);
	background-repeat:no-repeat;
}

a.mixxradio span {
	position: absolute;
	left:-5000px;
	top:-5000px;
	text-indent: -5000px;
}

a.mixxradio {
	float:left;
	padding-bottom: 10px;
	margin: 30px 5px 0px 175px;
	width: 150px;
	height: 75px;
	background:url(images/logo/mixx-radio.jpg);
	background-repeat:no-repeat;
}

a.hotmixradio span {
	position: absolute;
	left:-5000px;
	top:-5000px;
	text-indent: -5000px;
}

a.hotmixradio {
	float:left;
	padding-bottom: 10px;
	margin: 0px 5px 0px 10px;
	width: 150px;
	height: 123px;
	background:url(images/logo/hotmixradio.jpg);
	background-repeat:no-repeat;
}

a.flashfm span {
	position: absolute;
	left:-5000px;
	top:-5000px;
	text-indent: -5000px;
}

a.flashfm {
	display: block;
	padding-bottom: 10px;
	margin: 0 5px 0 180px;
	width: 288px;
	height: 127px;
	background:url(images/logo/flashfm.gif);
	background-repeat:no-repeat;
}

a.maxidance span {
	position: absolute;
	left:-5000px;
	top:-5000px;
	text-indent: -5000px;
}



a.nti {
	display: block;
	padding-bottom: 10px;
	margin: 0 5px 0 5px;
	width: 200px;
	height: 158px;
	background:url(images/logo/nti.jpg);
	background-repeat:no-repeat;
}

a.nti span {
	position: absolute;
	left:-5000px;
	top:-5000px;
	text-indent: -5000px;
}

a.gmobile {
	display: block;
	padding-bottom: 10px;
	margin: 0 5px 0 5px;
	width: 300px;
	height: 85px;
	background:url(images/goodies_mobile.jpg);
	background-repeat:no-repeat;
}

a.gmobile span {
	position: absolute;
	left:-5000px;
	top:-5000px;
	text-indent: -5000px;
}

div#pro {
line-height: 40px;
text-align: center;
margin-left: 5px;
width: 210px;
height: 42px;
background: url(images/fd_pro.jpg);
background-repeat: no-repeat;
}

div#pro a {
color: #FFFFFF;
font-size: 16px;
font-weight: bold;
text-decoration: none;
}

div#pro a:hover {
font-size: 18px;
text-decoration: underline;
}

div#bas_cadre_droit {
	width: 219px;
	padding-bottom: 10px;
	background: url(images/bas_cadre_droit.jpg) top left no-repeat;
}

div#flashdiv {

padding-left: 10px;
}

p#flash {
	margin-left: 10px;
	padding-left: 10px;
	padding-bottom: 10px;
}

p#flash_news {
	margin-left: 95px;
	padding-left: 95px;
	padding-bottom: 10px;
	font-size:14px;
	color:#F00;
	font-weight:bold;
}

p#flash_news2 {
	margin-left: 135px;
	padding-left: 135px;
	padding-bottom: 10px;
	font-size:14px;
	color:#F00;
	font-weight:bold;
}

div#play_clip1 {
	width: 665px;
	height: 135px;
	margin-left: 5px;
	padding-bottom: 10px;
	color: #FFFFFF;
	background-image: url(images/fd_video1.jpg);
	background-repeat: no-repeat;
	line-height: 2em;
}

div#play_clip2 {
	width: 665px;
	height: 135px;
	margin-left: 5px;
	padding-bottom: 10px;
	color: #FFFFFF;
	background-image: url(images/fd_video2.jpg);
	background-repeat: no-repeat;
	line-height: 2em;
}

div#play_clip3 {
	width: 665px;
	height: 135px;
	margin-left: 5px;
	padding-bottom: 10px;
	color: #FFFFFF;
	background-image: url(images/fd_video3.jpg);
	background-repeat: no-repeat;
	line-height: 2em;
}


p#titre{
	clear:both;
	float: left;
	padding-top: 55px;
	padding-left: 135px;
	border-left:135px;
}

p#lecture1 {
	float: right;
	padding-top: 55px;
	padding-right: 30px;
	border-right: 30px;
	
}


div#radio {
	width: 665px;
	height: 27px;
	text-align: center;
	margin-left: 5px;
	background: url(images/fd_radio.jpg);
	background-repeat: no-repeat;
}

div#radio2 {
	width: 665px;
	text-align: center;
	margin-left: 7px;
	background: url(images/fd_radio2.jpg);
	background-repeat: repeat-y;
}

div#radio2 a {
	color: #FFFFFF;
	text-decoration: none;
}

div#radio2 a:hover {
	text-decoration: underline;
}

div#cadrecontact {
width: 660px;
height: 150px;
margin-top: 10px;
}

div#cadresponsors {
width: 660px;
height: 180px;
margin-top: 10px;
}

div#cadresponsors2 {
width: 660px;
height: 160px;
margin-top: 10px;
}

div#courier {
float: left;
text-align: center;
width: 220px;
}

div#telephone {
float: left;
text-align: center;
width: 220px;
}

div#email {
float: left;
text-align: center;
width: 220px;
}

div#email a {
color: #FFFFFF;
text-decoration: none;
}

div#email a:hover {
color: #FFFFFF;
text-decoration: underline;
}

div#footer {
	clear: both;
	margin-left: 11px;
	top :auto; right: auto; left: auto;
	width: 911px;
	height: 103px;
	color: #FFFFFF;
	background-image:url(images/fond_footer.jpg);
}

div#footer a {
color: #FFFFFF;
text-decoration: none;
}

div#footer a:hover {
text-decoration: underline;
}

.pl {
	color:#FFFFFF;
	text-decoration:none;
}

.pl:hover {
	text-decoration:underline;
}

p#footer {
	padding-bottom: 5px;
	margin: 5px 5px 0 5px;
	font-size: 11px;
	text-align: center;}

pre {
	overflow: auto ;
	background: #dea ;
	border: 2px solid #9b2 ;
	padding: 5px 0 0 5px ;
	font-size: 1.2em ;
}


pre span {
	color: #560 ;
}

pre span.comment {
	color: #b30000 ;
}
 
.highslide {
 	cursor: url(highslide/graphics/zoomin.cur), pointer;
    outline: none;
}

.highslide-active-anchor img {
	visibility: hidden;
}

.highslide img {
	border: 2px solid gray;
}

.highslide:hover img {
	border: 2px solid white;
}

.highslide-wrapper {
	background: white;
}

.highslide-image {
    border: 2px solid white;
}

.highslide-image-blur {
}

.highslide-caption {
    display: none;
    
    border: 2px solid white;
    border-top: none;
    font-family: Verdana, Helvetica;
    font-size: 10pt;
    padding: 5px;
    background-color: white;
}

.highslide-loading {
    display: block;
	color: black;
	font-size: 8pt;
	font-family: sans-serif;
	font-weight: bold;
    text-decoration: none;
	padding: 2px;
	border: 1px solid black;
    background-color: white;
    
    padding-left: 22px;
    background-image: url(highslide/graphics/loader.white.gif);
    background-repeat: no-repeat;
    background-position: 3px 1px;
}
a.highslide-credits,
a.highslide-credits i {
    padding: 2px;
    color: silver;
    text-decoration: none;
	font-size: 10px;
}

a.highslide-credits:hover,
a.highslide-credits:hover i {
    color: white;
    background-color: gray;
}

.highslide-move {
    cursor: move;
}

a.highslide-full-expand {
	background: url(highslide/graphics/fullexpand.gif) no-repeat;
	display: block;
	margin: 0 10px 10px 0;
	width: 34px;
	height: 34px;
}

/* These must always be last */
.highslide-display-block {
    display: block;
}
.highslide-display-none {
    display: none;
}

/* These are not Highslide core CSS rules, but define the styles of the caption. */
.control {
	float: right;
    display: block;
    position: relative;
	margin: 0 5px;
	font-size: 9pt;
    font-weight: bold;
	text-decoration: none;
	text-transform: uppercase;
    margin-top: 1px;
    margin-bottom: 1px;
}

.control:hover {
    border-top: 1px solid #333;
    border-bottom: 1px solid #333;
    margin-top: 0;
    margin-bottom: 0;
}

.control, .control * {
	color: #666;
}