/* General --------------------------------------------------------- */
body {
	margin: 0;
	padding: 0;
	font-family: Arial, Tahoma, Verdana, sans-serif;
	font-size: 1em;
	background-color: #434343;
	background-image: url('gfx/background.png');
	background-repeat: repeat-x;
	/*background-attachment: fixed;*/
}

div#container {
	position: relative;
	width: 866px;
	margin: 0 auto;
	font-size: 0.80em;
}


/* Header ------------------------------------------------------------------- */
div#header {
	position: relative;
	width: 100%;
	height: 184px;
	padding: 0;
	margin: 0;
	background-image: url('gfx/header.jpg');
	background-repeat: no-repeat;
}

div#header h1 {
	width: 480px;
	height: 120px;
	margin: 0;
	padding: 0;
}

div#header h1 a {
	display: block;
	height: 120px;
	text-indent: -3000px;
	outline: none;
}


/* Navigation ------------------------------------------------------------------- */
ul#nav {
	display: block;
	height: auto;
	margin: 32px 0 0 40px;
	padding: 0;
	list-style-type: none;
}

ul#nav li {
	display: block;
	float: left;
	margin: 0 0 0 10px;
	padding: 0;
	text-indent: -3000px;
}

ul#nav li a {
	display: block;
	width: 100%;
	height: 20px;
	background-image: url('gfx/menu.png');
	outline: none;
}

li#menu_home { width: 50px; }
li#menu_home a { background-position: 0 0; }
li#menu_home a:hover, body#home li#menu_home a { background-position: 0 18px; }

li#menu_presentation { width: 120px; }
li#menu_presentation a { background-position: -60px 0; }
li#menu_presentation a:hover, body#presentation li#menu_presentation a { background-position: -60px 18px; }

li#menu_soirees { width: 53px; }
li#menu_soirees a { background-position: -187px 0; }
li#menu_soirees a:hover, body#soirees li#menu_soirees a { background-position: -187px 18px; }

li#menu_photos { width: 45px; }
li#menu_photos a { background-position: -250px 0; }
li#menu_photos a:hover, body#photos li#menu_photos a { background-position: -250px 18px; }

li#menu_musik { width: 45px; }
li#menu_musik a { background-position: -305px 0; }
li#menu_musik a:hover, body#musik li#menu_musik a { background-position: -305px 18px; }

li#menu_forum { width: 44px; }
li#menu_forum a { background-position: -360px 0; }
li#menu_forum a:hover { background-position: -360px 18px; }

li#menu_roadtrip { width: 63px; }
li#menu_roadtrip a { background-position: -415px 0; }
li#menu_roadtrip a:hover, body#roadtrip li#menu_roadtrip a { background-position: -415px 18px; }

li#menu_links { width: 38px; }
li#menu_links a { background-position: -487px 0; }
li#menu_links a:hover, body#links li#menu_links a { background-position: -487px 18px; }

li#menu_contact { width: 55px; }
li#menu_contact a { background-position: -535px 0; }
li#menu_contact a:hover, body#contact li#menu_contact a { background-position: -535px 18px; }

ul#nav li#menu_myspace { width: 55px; margin: 0 0 0 75px; }
li#menu_myspace a, li#menu_myspace a:hover { background-position: -600px 0; }

/* Player ------------------------------------------------------------------- */
div#player {
	position: absolute;
	top: 0;
	right: 5px;
	width: 120px;
	height: 40px;
}
div#player a {
	display: block;
	width: 100%;
	height: 100%;
	text-indent: -3000px;
	outline: none;
}

/* Page ------------------------------------------------------------------- */
div#page {
	width: 739px;
	background: #fff;
	padding: 0 20px 20px 20px;
	margin-left: 24px;
}

div#content {
	float: left;
	width: 476px;
	margin-top: 8px;
}

div#sidebar {
	float: right;
	width: 234px;
	margin-top: 4px;
}


/* Contenu Principal -------------------------------------------------------------------- */

/* Titres H2 */
div#content h2 {
	clear: both;
	width: 476px;
	height: 22px;
	background: url('gfx/title_background.png') no-repeat;
	padding: 9px 0 11px 0;
	margin: 0;
}

div#content h2 span {
	display: block;
	margin: 0 20px 0 20px;
	height: 16px;
	text-indent: -3000px;
	background-image: url('gfx/titres.png');
	background-repeat: no-repeat;
}


h2#titre_prochaines-soirees span { background-position: 0 -36px; }
h2#titre_news span { background-position: 0 -73px; }
h2#titre_presentation span { background-position: 0 -56px; }
h2#titre_djs span { background-position: 0 -91px; }
h2#titre_links span { background-position: 0 -108px; }
h2#titre_a-galon span { background-position: 0 -125px; }
h2#titre_roadtrip span { background-position: 0 -142px; }
h2#titre_archives span { background-position: 0 -159px; }
h2#titre_photos span { background-position: 0 -16px; }
h2#titre_anciennes-soirees span { background-position: 0 -180px; }
h2#titre_productions span { background-position: 0 -197px; }
h2#titre_mp3 span { background-position: 0 -214px; }
h2#titre_soiree span { background-position: 0 -234px; }
h2#titre_contact span { background-position: 0 -251px; }

/* Listes */
div#content ul { width: 454px; margin: 0 0 0 15px; padding: 0; list-style-type: none; }
div#content li { position: relative; display: block; clear: both; padding: 0; margin: 0; }

div#content li h3 { margin: 0; padding: 0; font-size: 1.0em; }
div#content li h3 a,
div#content li a.soiree,
div#content ul#albums a { display: block; width: 100%; color: #37291b; text-decoration: none; font-weight: bold; outline: none; }
div#content li h3 a:hover,
div#content li a.soiree:hover,
div#content ul#albums a:hover { color: #d01c74; }

div#content li span.title {
	display: block;
	float: left;
	width: 360px;
	margin: 0;
	padding: 5px 0 5px 0;
	font-size: 1.10em;
	font-weight: bold;
	background: transparent;
	cursor: pointer; /* IE fix */
}

div#content li span.date {
	display: block;
	float: right;
	width: 80px;
	padding: 5px 0 5px 0;
	color: #857668;
	text-align: right;
	font-size: 0.85em;
	font-weight: normal;
	background: transparent;
	cursor: pointer; /* IE fix */	
}

div#content ul#prochaines-soirees div.flyer {
	display: none;
	position: absolute;
	left: -85px;
	top: -23px !important;
}
div#content ul#prochaines-soirees div.flyer img { padding: 5px; background-color: #fff; }

/* General */
.center, div#content .center { text-align: center; }
.hidden, div#content .hidden { display: none; margin: 0; padding: 0; }
.bold { font-weight: bold; }

div#content a { color: #d01c74; text-decoration: none; }
div#content a:hover { color: #871c51; }
div#content p { clear: both; margin: 5px 0 5px 0; text-align: justify; }

div#content div.plus { clear: both; margin: 5px 7px 25px 15px; text-align: right; }
div.plus a { color: #d01c74; text-decoration: none; font-weight: bold; font-size: 0.85em; }
div.plus a:hover { color: #871c51; }

div.hr { clear: both; height: 0; padding: 0; margin: 0; }
div.thinline { height: 1px; background-color: #b0b0b0;  }

div.text { margin: 5px 15px 30px 15px; text-align: justify; }
div.text h3 { font-size: 1.30em; color: #37291b; font-weight: bold; padding: 0; margin: 0; display: block; }
img.left { display: block; float: left; margin: 5px 10px 10px 10px; }
img.right { display: block; float: right; margin: 5px 10px 10px 10px; }
img.center { margin: 15px auto; display: block; }


/* News - archives */
div#content div.news {
	clear: both;
	width: 100%;
	margin: 0 0 10px 0;
	padding: 5px 0 5px 0;
	text-align: justify;
}
a.archives { font-weight: bold; padding: 0 4px 0 4px; }
a.selected-archive { font-weight: bold; padding: 0 4px 0 4px; color: #000 !important; }


/* DJ */
div#content img.dj { float: left; clear: both; border: 3px solid #1e1e1e; margin: 10px 10px 10px 0; }
div#content img.dj-default { float: left; clear: both; border: 3px solid #1e1e1e; margin: 10px 10px 10px 0; width: 60px; background: #dbdbdb; padding: 25px 40px 25px 40px; }
div#content h3.dj { font-size: 1.3em; float: none; clear: none; padding-top: 3px; }
div#content div.dj { position: relative; float: left; clear: none; width: 288px; margin: 0 0 10px 0; padding: 5px 0 5px 0; }
div#content a.myspace-dj { position: absolute; top: 12px; right: 0; display: block; width: 58px; color: #d01c74; font-size: 0.85em; font-weight: bold; text-align: right; }
div#content a.myspace-dj:hover { color: #871c51; }

/* Soirées */
div#content h2#titre_anciennes-soirees { margin-top: 20px; }
div#content ul#anciennes-soirees div.flyer {
	display: none;
	position: absolute;
	left: -85px;
	top: -23px !important;
}
div#content ul#anciennes-soirees div.flyer img { padding: 5px; background-color: #fff; }

/* Soirée */
div.soiree h3 { text-align: left; }
div.soiree-flyer { width: 140px; float: left; margin: 0 17px 5px 0; text-align: center; }
div.soiree-flyer a { outline: none; }
div.soiree-flyer a img { border: 3px solid #1e1e1e; margin: 1px; }
div.soiree-flyer a:hover img {  border: 4px solid #1e1e1e; margin: 0; }
div.soiree-flyer img.default { width: 60px; padding: 25px 40px 25px 40px; border: 3px solid #1e1e1e; margin: 1px; background: #dbdbdb; }
div.soiree { position: relative; width: 282px; float: left; }
a.galerie-soiree { color: #d01c74; font-size: 0.85em; font-weight: bold; }
a.galerie-soiree:hover { color: #871c51; }

/* Musik */
div#content li a.dj, span.dj { display: inline; width: auto; color: #d01c74; font-size: 0.85em; font-weight: bold; }
div#content li a.dj:hover { color: #871c51; }
span.mp3-details { font-size: 0.85em; }
div.cover-production { width: 140px; float: left; margin: 0 22px 5px 0; text-align: center; }
div.cover-production a { outline: none; }
div.cover-production a img { border: 3px solid #1e1e1e; margin: 1px; }
div.cover-production a:hover img { border: 4px solid #1e1e1e; margin: 0; }
div.cover-production img.default { width: 60px; padding: 35px 40px 35px 40px; border: 3px solid #1e1e1e; margin: 1px; background: #dbdbdb; }
div.tracklist { position: relative; width: 282px; float: left; }
div#content ul#mp3 span { padding-bottom: 0; }
div#content h2#titre_mp3 { margin-top: 30px; }

div#content ul#productions h3 { margin-top: 10px; }
div#content ul#productions div.thinline { padding: 10px 0 0 0 !important; background: none; border-bottom: 1px solid #b0b0b0; height: 0; }
div#content ul#productions span { margin: 0 !important; padding: 0 !important; }


/* Photos */
div#content ul#albums span.title { width: 250px; }
div#content ul#albums span.date { width: 200px; }
div#content ul#albums div.cover-album { display: none; position: absolute; left: -85px; top: -23px !important; }
div#content ul#albums div.cover-album img { padding: 5px; background-color: #fff; }

div#content div.infos-album { margin: 3px 0 12px 20px; }
div#content div.infos-album p { font-size: 0.85em; margin: 0; color: #857668; }
div#content div.detail-photo { margin: 3px 0 12px 12px; }
div#content ul#photos-list { margin: 0 0 0 20px; padding: 0; }
div#content ul#photos-list li {
	display: block;
	clear: none;
	float: left;
	width: 70px;
	margin: 0 5px 2px 0;
	padding: 0;
}
div#content ul#photos-list li a { outline: none; }
div#content ul#photos-list li a img { border: 3px solid #1e1e1e; margin: 1px; padding: 0; }
div#content ul#photos-list li a:hover img { border: 4px solid #1e1e1e; margin: 0; }

div.photo { text-align: center; margin-left: 5px; margin-top: 5px; line-height: 0; }
div.photo a  { outline: none; }
div.photo img { border: 3px solid #1e1e1e; padding: 0; margin: 0; }
div.description {
	width: 458px;
	margin-left: 12px;
	padding: 5px 10px 8px 10px;
	text-align: center;
	font-style: italic;
}
div.previous-photo, div.next-photo { width: 70px; margin-top: 20px; line-height: 0.8em; }
div.previous-photo { float: left; text-align: left; margin-left: 11px; }
div.next-photo { float: right; text-align: right; margin-right: 5px; }
div.previous-photo a, div.next-photo a {
	outline: none;
	font-weight: bold;
	font-size: 0.85em;
}
div.previous-photo a img, div.next-photo a img { border: 3px solid #1e1e1e; margin: 1px; padding: 0; }
div.previous-photo a:hover img, div.next-photo a:hover img { border: 4px solid #1e1e1e; margin: 0; }

/* Contact */
input, textarea {
  display: block;
  border: 1px solid #b0b0b0;
  font-family: Arial, Verdana, sans-serif;
  font-size: 0.85em;
  padding: 5px;
  margin: 2px 0 10px 0;
}
input:hover, textarea:hover { border: 1px solid #888; }
input:focus, textarea:focus { border: 1px solid #d01c74; }
input { width: 200px; }
textarea { width: 434px; height: 150px; }
form { margin-top: 20px; }
label { font-weight: bold; color: #37291b; }
.submit, .submit:hover, .submit:focus {
	width: 70px;
	background: #d01c74;
	border: 0;
	color: #fff;
	font-weight: bold;
	cursor: pointer;
}
div#content p.error {
	font-size: 0.85em;
	margin-top: 20px;
	padding: 8px 15px 8px 15px;
	border: 1px solid #b88080;
	background: #f4e0e0;
}

/* Sidebar ------------------------------------------------------------------- */
div#sidebar div.plus { clear: both; margin: 0 8px 20px 0; text-align: right; }
div#sidebar a { color: #d01c74; text-decoration: none;  }
div#sidebar a:hover { color: #871c51; }

div#sidebar h2#titre_sidebar_a-galon { width: 211px; height: 83px; margin-left: 12px; padding: 0; }
div#sidebar h2#titre_sidebar_a-galon a { display: block; width: 100%; height: 100%; text-indent: -3000px; background-image: url('gfx/title-sbar_a-galon.png'); outline: none; }

div#sidebar h2 {
	width: 234px;
	height: 16px;
	margin: 0;
	padding: 11px 0 10px 0;
	background-image: url('gfx/title-sbar_background.png');
}

div#sidebar h2 span {
	display: block;
	height: 16px;
	margin: 0 5px 0 20px;
	text-indent: -3000px;
	background-image: url('gfx/titres.png');
	background-repeat: no-repeat;	
}

h2#titre_sidebar_what-s-up span { background-position: 0 0px; }
h2#titre_sidebar_photos span { background-position: 0 -18px; }

div#sidebar div#sidebar_what-s-up { padding: 10px 0px 0px 0px; font-size: 0.85em; }
div#sidebar div#sidebar_photos { text-align: center; margin: 10px 0 10px 4px; }

div#sidebar div.set-photos { float: left; width: 70px; margin-left: 5px; }
div#sidebar div.set-photos-playing { height: 72px; /* Firefox height fix */ }

div#sidebar div#sidebar_photos a { width: 100%; text-decoration: none; outline: none; }
div#sidebar div#sidebar_photos a img {
	width: 62px;
	height: 62px;
	border: 3px solid #1e1e1e;
	margin: 1px;
	padding: 0;
}
div#sidebar div#sidebar_photos a:hover img { border: 4px solid #1e1e1e; margin: 0; outline: none; }


/* Footer ------------------------------------------------------------------- */
div#footer {
	height: 36px;
	padding: 45px 0 15px 0;
	color: #fff;
	text-align: center;
	font-size: 0.75em;
	background-image: url('gfx/footer.png');
	background-repeat: no-repeat;
	background-position: 9px 0;
}
div#footer a { color: #f83b98; text-decoration: none; }
div#footer a:hover { color: #f83b98; }


/* jQuery */
.ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; }
.ui-state-default, .ui-widget-content .ui-state-default { outline: none; }
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { outline: none; }
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus { outline: none; }
.ui-state-hover a, .ui-state-hover a:hover { outline: none; }
.ui-state-active, .ui-widget-content .ui-state-active { outline: none; }
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { outline: none; }