@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;
}

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: 400px ;
	height: 70px ;
	display: block ;
	position: relative ;
	left: 350px ;
	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#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#contgoodies {
width: 660px;
height: 200px;
}

div#colg {
float: left;
width : 320px;
padding-bottom: 10px;
padding-left: 10px;
}

div#cold {
margin-left: 350px;

}

div#colg2 {
clear: both;
float: left;
width : 320px;
padding-bottom: 10px;
padding-left: 10px;
}

div#cold2 {
margin-left: 350px;

}
 
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 5px;
	width: 200px;
	height: 99px;
	background:url(images/logo/fnac_music.jpg);
	background-repeat:no-repeat;
}

a.fnac 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.europe2 {
	display: block;
	padding-bottom: 10px;
	margin: 0 5px 0 5px;
	width: 200px;
	height: 76px;
	background:url(images/logo/europe2tv.jpg);
	background-repeat:no-repeat;
}

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

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

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

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

a.cliporama 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.maxidance span {
	position: absolute;
	left:-5000px;
	top:-5000px;
	text-indent: -5000px;
}

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

a.pikaone 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;
}

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

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

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

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

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

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

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;
}

div#play_clip {
	width: 665px;
	height: 27px;
	margin-left: 5px;
	padding-bottom: 10px;
	color: #FFFFFF;
	background-image: url(images/fd_video.jpg);
	background-repeat: no-repeat;
	font-size: 12px;
	line-height: 2em;
}

p#titre{
	float: left;
}

p#lecture1 {
	float: right;
	text-indent: 50px;
}

p#lecture2 {
	float: right;
}

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#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-html {
    background-color: black;
}
.highslide-html-blur {
}
.highslide-html-content {
	position: absolute;
    display: none;
}
.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;
}


/* Styles for the popup */
.highslide-wrapper {
	background-color: #000000;
}
.highslide-wrapper .highslide-html-content {
    width: 710px;
    padding: 5px;
}
.highslide-wrapper .highslide-header div {
}
.highslide-wrapper .highslide-header ul {
	margin: 0;
	padding: 0;
	text-align: right;
}
.highslide-wrapper .highslide-header ul li {
	display: inline;
	padding-left: 1em;
}
.highslide-wrapper .highslide-header ul li.highslide-previous, .highslide-wrapper .highslide-header ul li.highslide-next {
	display: none;
}
.highslide-wrapper .highslide-header a {
	font-weight: bold;
	color: gray;
	text-transform: uppercase;
	text-decoration: none;
}
.highslide-wrapper .highslide-header a:hover {
	color: white;
}
.highslide-wrapper .highslide-header .highslide-move a {
	cursor: move;
}
.highslide-wrapper .highslide-footer {
	height: 11px;
}
.highslide-wrapper .highslide-footer .highslide-resize {
	float: right;
	height: 11px;
	width: 11px;
	background: url(highslide/graphics/resize.gif);
}
.highslide-wrapper .highslide-body {
}
.highslide-move {
    cursor: move;
}
.highslide-resize {
    cursor: nw-resize;
}

/* These must be the last of the Highslide rules */
.highslide-display-block {
    display: block;
}
.highslide-display-none {
    display: none;
}