/* CSS Document */
/* ---------------------------------------------------------------- Remise à zéro de tous les préformatages navigateurs */
	* {
		padding:0;
		margin:0;
		list-style:none;
		font-family:verdana, "tahoma", arial;
		text-decoration:none;
		scrollbar-arrow-color:#720a11;
		scrollbar-darkshadow-color:#000000;
		scrollbar-face-color:#333;
		scrollbar-hightlight-color:#000000;
		scrollbar-shadow-color:#ccc;
		scrollbar-track-color:#ccc
	}
	img{border:none}
	body {
		background:#cecece url(../../img/structure/body.jpg) repeat-x;
		font-size:68.75%
	}
	strong {font-weight:bold}
	em {font-style:italic}
/* ---------------------------------------------------------------- Récurrents */
	#main div.bt {
		height:18px;
		background:url(../../img/boutons/left.png) no-repeat;
		padding:0 0 0 2px
	}
	* html #main div.bt {
		filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='library/img/boutons/left.png',sizingMethod='crop');
		background-image:none
	}
	#main div.bt a.middle {
		display:block;
		float:left;
		height:17px;
		font-family:arial, helvetica, sans-serif;
		font-size:.9em;
		color:#ccc;
		text-decoration:none;
		background:url(../../img/boutons/middle.png) repeat-x;
		padding:1px 5px 0 5px;
	}
	* html #main div.bt a.middle {
		filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='library/img/boutons/middle.png',sizingMethod='scale');
		background-image:none
	}
	#main div.bt a.middle:hover {background:url(../../img/boutons/middle_hover.png) repeat-x}
	* html #main div.bt a.middle:hover {
		filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='library/img/boutons/middle_hover.png',sizingMethod='scale');
		background-image:none
	}
	#main div.bt div.right  {
		float:left;
		width:3px;
		height:18px;
		background:url(../../img/boutons/right.png)
	}
	* html #main div.bt div.right {
		filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='library/img/boutons/right.png',sizingMethod='scale');
		background-image:none
	}
/* ---------------------------------------------------------------- Global */
	#page {
		width:935px;
		margin:0 auto;
	}
	#global {
		float:left;
		background:url(../../img/structure/global.gif) repeat-y 28px 0
	}
	#global2 {
		position:relative;
		background:url(../../img/structure/global2.jpg) no-repeat 28px 0;
		min-height:605px
	}
	* html #global2 {height:605px}
/* ---------------------------------------------------------------- Logo */
	#logo {
		position:absolute;
		top:10px;
		left:0
	}
/* ---------------------------------------------------------------- Outils */
	#outils {
		position:absolute;
		width:67px;
		top:25px;
		right:0;
		background:url(../../img/structure/outils.gif);
		padding:5px 0
	}
	#outils li {
		display:inline;
		padding:0 5px
	}
/* ---------------------------------------------------------------- Header */
	#header {
		margin:36px 0 0 0;
		vertical-align:middle
	}
/* ---------------------------------------------------------------- Menu */
	#menu {float:right}
	#menu li {
		position:relative;
		float:left;
		margin:0 3px 0 0;
		text-align:center
	}
	#menu li a {
		float:left;
		display:block;
		background:url(../../img/boutons/menu.gif);
		width:81px;
		height:21px;
		color:#fff;
		font-size:1.1em;
		font-weight:bold;
		padding:5px 0 0 0
	}
	#menu li a:hover {color:#990000}
	#udm a {
		background:url(../../img/elements/carre_blanc.gif) no-repeat 0 9px;
		padding:0 0 0 8px;
		margin:0 0 0 7px
	}
	#udm a:hover {
		color:#990000;
		background:none
	}
/* ---------------------------------------------------------------- Left */
	#left {
		float:left;
		width:160px;
		padding:40px 15px 0 35px
	}
	#left span.titre {
		display:block;
		color:#fff;
		font-weight:bold;
		background:url(../../img/structure/titre_left.gif) no-repeat bottom left;
		padding:0 0 4px 2px
	}
	#left p {
		color:#fff;
		font-size:.9em;
		padding:7px 4px 4px 1px;
		line-height:15px
	}
	#left p a {
		display:block;
		text-align:right;
		font-size:.9em;
		color:#000;
		text-decoration:underline
	}
	#left p a span {font-size:.8em}
	#left p a:hover {text-decoration:none}
	#left p img {
		float:left;
		border:solid 1px #6f4b4b;
		margin:0 5px 0 0
	}
	#left #AutoScrollContainer {
		position:relative;
		left:4px;
		height:100px;
		overflow:hidden;
		visibility:visible;
		margin:0 0 30px 0
	}
	#left #AutoScrollContainer_loading {
		position:relative;
		left:10px;
		overflow:hidden;
		visibility:visible
	}
	#left #AutoScrollContent {
		position:relative;
		visibility:visible
	}
	#player_audio {
		position:absolute;
		top:490px;
		left:37px
	}
/* ---------------------------------------------------------------- Main */
	#main {
		float:left;
		width:680px;
		min-height:370px;
		padding:40px 0 15px 45px
	}
	* html #main {height:370px}
	#main.home {background:url(../../img/structure/contenu_home.jpg) no-repeat 30px 25px}
	.bio {background:url(../../img/structure/contenu_bio.jpg) no-repeat 30px 25px}
	.mix {background:url(../../img/structure/contenu_mix.jpg) no-repeat 30px 25px}
	.vierge {background:url(../../img/structure/contenu_vierge.jpg) no-repeat 30px 25px}
/* ---------------------------------------------------------------- Titres */
	#main h1 {
		font-size:1.9em;
		background:url(../../img/structure/h1.gif) no-repeat 27px 26px;
		margin:0 0 10px 0
	}
	#main h1:first-letter {
		color:#663333;
		text-transform:uppercase;
		font-size:1.7em
	}
	#main h2 {
		float:right;
		display:inline;
		margin:0 30px 10px 0;
		font-size:1.6em;
		color:#ccc;
		background:url(../../img/structure/h2.png);
		border-top:solid 1px #663333;
		border-right:solid 1px #663333;
		padding:2px 8px
	}
	* html #main h2 {
		filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='library/img/structure/h2.png',sizingMethod='scale');
		background-image:none
	}
	.clear {
		clear:both;
		font-size:0em
	}
/* ---------------------------------------------------------------- Paragraphes */
	#main p {
		line-height:16px;
		margin:0 0 10px 0
	}
	#main p.center {text-align:center}
	#main p.justify {text-align:justify}
	#main p.right {text-align:right}
	#main p.conseil {
		text-align:center;
		color:#663333
	}
	#main p.thanks_deadlylinx {
		line-height:18px;
		background:url(../../img/structure/thanks_deadlylinx.png) no-repeat center
	}
	* html #main p.thanks_deadlylinx {
		filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='library/img/structure/thanks_deadlylinx.png',sizingMethod='crop');
		background-image:none
	}
	#main p.thanks_korekleu {
		line-height:18px;
		background:url(../../img/structure/thanks_korekleu.png) no-repeat center
	}
/* ---------------------------------------------------------------- Liens */
	#main a {
		color:#7a121a;
		text-decoration:underline
	}
	#main a:hover {text-decoration:none}
/* ---------------------------------------------------------------- Listes */
	#main #contenu ul {margin:0 0 20px 0}
	#main #contenu ul li {clear:both}
	#main #contenu ul li span {
		display:block;
		float:left;
		width:150px;
		text-align:right;
		font-weight:bold;
		line-height:15px;
		padding:0 5px 0 0
	}
	#main #contenu ul li p {
		margin:0 0 2px 0;
		padding:0 0 0 155px
	}
	* html #main #contenu ul li p {
		float:left;
		padding:0
	}
	*+html #main #contenu ul li p {
		float:left;
		padding:0
	}
	#main #contenu ul.liste {
		padding:0 0 0 30px
	}
	#main #contenu ul.liste li {
		background:url(../../img/elements/puce_noir.gif) no-repeat 0 6px;
		padding:0 0 0 7px;
		margin:0 0 3px 0
	}
	#main #contenu ul.liste li a {color:#000}
/* ---------------------------------------------------------------- Sounds */
	#main #sounds {
		clear:both;
		width:95%;
		border-collapse:collapse;
		margin:5px 0 0 0
	}
	#main #sounds .centre {text-align:center; font-size:.9em}
	#main #sounds span {
		font-size:.8em;
		color:#434343
	}
	#main #sounds tr th {
		padding:4px;
		border-bottom:solid 1px #5c5c5c;
		border-top:solid 1px #5c5c5c;
		background:url(../../img/structure/detail.png);
		font-size:1.1em
	}
	* html #main #sounds tr th {
		filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='library/img/structure/detail.png',sizingMethod='scale');
		background-image:none
	}
	#main #sounds tr th.artist {width:15%}
	#main #sounds tr th.title {width:25%}
	#main #sounds tr th.style {width:15%}
	#main #sounds tr th.weight {width:5%}
	#main #sounds tr th.time {width:10%}
	#main #sounds tr th.picture {width:16%}
	#main #sounds tr th.download {width:10%}
	#main #sounds tr td {
		padding:4px;
		border-bottom:solid 1px #5c5c5c
	}
	#main #sounds tr.alterne td {background:url(../../img/structure/ligne_alterne.png)}
	* html #main #sounds tr.alterne td {
		filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='library/img/structure/ligne_alterne.png',sizingMethod='scale');
		background-image:none
	}
	#main #sounds tr td div.bt {float:left}
	#main #sounds tr td.pictures div.bt {
		display:inline;
		margin:0 0 0 6px
	}
/* ---------------------------------------------------------------- Events */
	#dhtmlgoodies_slideshow {
		width:670px;	/* Total width of slideshow */
		text-align:center
	}
	#previewPane {
		margin-bottom:10px;	
		text-align:center;
		vertical-align:middle;
		padding-top:10px;

		position:relative;
		clear:both;
		
		/* CSS HACK */
		height: 432px;	/* IE 5.x */
		height/* */:/**/420px;	/* Other browsers */
		height: /**/420px;
				
	}
	#previewPane img {
		line-height:400px;
	}
	#previewPane #largeImageCaption {	/* CSS styling of image caption below large image */
		text-align:center;
		font-size:1.1em;
		line-height:20px
	}
	#galleryContainer {
		
		height:102px;	/* Height of the images + 2 */
		border:1px solid #CCCCCC;
		position:relative;
		overflow:hidden;
		padding:1px;
		
		/* CSS HACK */
		height: 104px;	/* IE 5.x - Added 2 pixels for border left and right */
		height/* */:/**/102px;	/* Other browsers */
		height: /**/102px;
				
	}
	#arrow_left {
		position:absolute;
		left:0px;
		z-index:10;
		background-color: #FFF;
		padding:1px;
	}
	#arrow_right {
		position:absolute;
		right:0px;
		z-index:10;
		background-color: #FFF;
		padding:1px;		
	}
	#theImages {
		position:absolute;
		height:100px;
		left:40px;
		width:100000px;
		
	}
	#theImages #slideEnd {
		float:left;
	}
	#theImages img {
		float:left;
		padding:1px;
		filter: alpha(opacity=50);
		opacity: 0.5;
		cursor:pointer;
		border:0px;
	}
	#waitMessage {
		display:none;
		position:absolute;
		left:200px;
		top:150px;
		background-color:#FFF;
		border:3px double #000;
		padding:4px;
		color:#555;
		font-size:0.9em;
		font-family:arial;	
	}
	#theImages .imageCaption {
		display:none;
	}
/* ------------------------------------------------- Contenu */
	#main #contenu {
		float:left;
		width:440px;
		padding:0 50px 0 0
	}
/* ----------------------------- Videos */
	#main div.videos {
		float:left;
		width:100%;
		margin:20px 0
	}
	#main div.videos ul li {
		display:inline;
		margin:0 0 0 15px
	}
/* ----------------------------- Shop */
	#shop {
		
	}
	#shop li {
		
	}
	#shop li img {
		float:left;
		background:#fff;
		padding:2px;
		border:1px solid #663333;
		margin:0 10px 0 0
	}
/* ------------------------------------------------- Right */
	#main #right {
		position:relative;
		float:left;
		width:175px;
		padding:10px 15px 0 0
	}
/* ------------------------------------- Titre */
	#main #right span.titre {
		display:block;
		font-size:1.7em;
		font-weight:bold;
		background:url(../../img/structure/titre_right.gif) no-repeat 15px 22px;
		margin:0 0 5px 0
	}
	#main #right span.titre:first-letter {
		color:#663333;
		text-transform:uppercase;
		font-size:1.5em
	}
/* ------------------------------------- Fondu images */
	#main #right #imageSlideshowHolder {
		width:100%;
		height:160px
	}
	#main #right #imageSlideshowHolder img {
		position:absolute;
		left:20px;
		top:45px;
		border:1px solid #683737
	}
/* ------------------------------------- Liste */
	#main #right ul {padding:0 0 0 10px}
	#main #right ul li {margin:0 0 2px 0}
	#main #right ul li span {font-size:1.1em}
/* ------------------------------------- Last releases */
	#main #right #last_releases {
		float:left;
		width:165px;
		margin:10px 0 0 0
	}
	#main #right #last_releases li {
		position:relative;
		clear:both;
		background:url(../../img/elements/carre_noir.gif) no-repeat 0 6px;
		padding:0 0 0 9px
	}
	#main #right #last_releases li div.bt {
		float:left;
		display:inline;
		margin:5px 0 0 5px
	}
	#main #right #last_releases li div.bt a.middle span {display:none}
	#main #right #last_releases li div.bt a.middle:hover span {
		display:block;
		position:absolute;
		top:40px;
		left:30px;
		width:120px;
		height:50px;
		background:url(../../img/structure/detail.png);
		border:solid 1px #000;
		padding:5px 0 0 10px
	}
	* html #main #right #last_releases li div.bt a.middle:hover span {
		filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='library/img/structure/detail.png',sizingMethod='scale');
		background-image:none
	}
	#main #right #last_releases li div.bt a.middle:hover span ul {
		margin:0;
		padding:0;
		color:#000;
		font-size:.8em
	}
	#main #right #last_releases li div.bt a.middle:hover span ul li {
		background:url(../../img/elements/puce_noir.gif) no-repeat 0 6px;
		margin:0 0 4px 0
	}
	#main #right #last_releases li div.bt.first {margin:5px 0 0 40px}
/* ---------------------------------------------------------------- Footer */
	#footer {
		float:left;
		width:925px;
		text-align:right;
		font-size:.8em;
		padding:0 10px 10px 0
	}
	#footer img {
		vertical-align:middle;
		margin:0 0 0 5px
	}