/* CSS by SuN */

/* ------------------------------ Général ----------------------------------- */
body {
	margin:0px;
	background:#181818;
}


/* alignement vertical */
#global {
    position:absolute;
    top: 50%;
    width: 100%;
    height: 707px;
    margin-top: -355px ;
	background:url(images/design/bg_global.gif);
}


/* conteneur central */
#conteneur {
	width: 955px;
    height: 707px;
    margin: auto;
	background:url(images/design/site.gif) no-repeat;
}

/* zone site */
#site {
width:647px;
margin:0 auto;
text-align:left;
}



/* layout site */
#header{
position:relative;
height:138px;
}

#navigation{
float:left;
width:165px;
margin-top:-7px;
}

#promo {
float:left;
width:165px;
height:170px;
margin-top:45px;
margin-left:-2px;
color:#f60;
font-family:Verdana, Arial, Helvetica, sans-serif;
letter-spacing:2px;
font-size:10px;
text-align:center;
font-weight:bold;
border-top:2px solid #454545;
padding-top:5px;
}


div#content{
float:right;
width:482px;
height:180px;
margin-bottom:10px;
}

#extra {
float:right;
width:482px;
height:245px;
color:#fff;
}

#extra img {
width:440px;
height:226px;
border:1px solid #444;
margin-left:20px;
margin-top:-7px;
}


div#footer{
color: #FFF;
clear:both;
width:100%;
text-align:center;
font-size:10px;
font-family:Verdana, Arial, Helvetica, sans-serif;
letter-spacing:2px;
line-height:1.5em;
}

div#footer a {
color: #f60;
text-decoration:none;
line-height:1.5em;
}

div#footer a:hover {
color: #e4e4e4;
border-bottom : dashed 1px #eee;
line-height:1.5em;
}

#texte {
overflow:auto;
padding-left:10px;
color:#e4e4e4;
background:#272727;
float:right;
width:430px;
height:170px;
margin-right:20px;
font-family:Verdana, Arial, Helvetica, sans-serif;
letter-spacing:2px;
font-size:10px;
border:1px dashed #454545;
line-height:14px;
}

#texte a {
color: #f60;
text-decoration:none;
}

#texte a:hover {
border-bottom : dashed 1px #f60;
}



/* ----------------------------------------- MENU ------------------------------------------- */

/* news  */
ul#menunews, ul#menudiscographie, ul#menuconcerts, ul#menugallerie, ul#menuvideos, ul#menumyspace, ul#menucontact, ul#menubio, ul#menuliens
{
	margin: 0 ;
	padding: 0 ;
	list-style-type: none ;
}

ul#menunews li, ul#menudiscographie li, ul#menuconcerts li, ul#menugallerie li, ul#menuvideos li, ul#menumyspace li, ul#menucontact li, ul#menubio li, ul#menuliens li
{
	margin: 0 0 3px 7px ;
	padding: 0 ;
}

/* home/news */
ul#menunews li a
{
	display: block ; 
	width: 145px ;
	line-height: 19px ;
	color: #000 ;
	text-decoration: none ;
	background: url(images/design/boutons/news.gif) no-repeat 0 0 ; 
	border: 1px solid #111 ;
}

ul#menunews li a:hover
{
	background: url(images/design/boutons/news_o.gif) no-repeat 0 0 ; 
	border: 1px solid #111 ;
}

/* Concerts */
ul#menuconcerts li a
{
	display: block ; 
	width: 145px ;
	line-height: 19px ;
	color: #000 ;
	text-decoration: none ;
	background: url(images/design/boutons/concerts.gif) no-repeat 0 0 ; 
	border: 1px solid #111 ;
}

ul#menuconcerts li a:hover
{
	background: url(images/design/boutons/concerts_o.gif) no-repeat 0 0 ; 
	border: 1px solid #111 ;
}


/* Bio */
ul#menubio li a
{
	display: block ; 
	width: 145px ;
	line-height: 19px ;
	color: #000 ;
	text-decoration: none ;
	background: url(images/design/boutons/bio.gif) no-repeat 0 0 ; 
	border: 1px solid #111 ;
}

ul#menubio li a:hover
{
	background: url(images/design/boutons/bio_o.gif) no-repeat 0 0 ; 
	border: 1px solid #111 ;
}

/* Discographie */
ul#menudiscographie li a
{
	display: block ; 
	width: 145px ;
	line-height: 19px ;
	color: #000 ;
	text-decoration: none ;
	background: url(images/design/boutons/discographie.gif) no-repeat 0 0 ; 
	border: 1px solid #111 ;
}

ul#menudiscographie li a:hover
{
	background: url(images/design/boutons/discographie_o.gif) no-repeat 0 0 ; 
	border: 1px solid #111 ;
}



/* Gallerie photo */
ul#menugallerie li a
{
	display: block ; 
	width: 145px ;
	line-height: 19px ;
	color: #000 ;
	text-decoration: none ;
	background: url(images/design/boutons/galleriephoto.gif) no-repeat 0 0 ; 
	border: 1px solid #111 ;
}

ul#menugallerie li a:hover
{
	background: url(images/design/boutons/galleriephoto_o.gif) no-repeat 0 0 ; 
	border: 1px solid #111 ;
}

/* Vidéos */
ul#menuvideos li a
{
	display: block ; 
	width: 145px ;
	line-height: 19px ;
	color: #000 ;
	text-decoration: none ;
	background: url(images/design/boutons/videos.gif) no-repeat 0 0 ; 
	border: 1px solid #111 ;
}

ul#menuvideos li a:hover
{
	background: url(images/design/boutons/videos_o.gif) no-repeat 0 0 ; 
	border: 1px solid #111 ;
}

/* liens */
ul#menuliens li a
{
	display: block ; 
	width: 145px ;
	line-height: 19px ;
	color: #000 ;
	text-decoration: none ;
	background: url(images/design/boutons/liens.gif) no-repeat 0 0 ; 
	border: 1px solid #111 ;
}

ul#menuliens li a:hover
{
	background: url(images/design/boutons/liens_o.gif) no-repeat 0 0 ; 
	border: 1px solid #111 ;
}


/* Contact */
ul#menucontact li a
{
	display: block ; 
	width: 145px ;
	line-height: 19px ;
	color: #000 ;
	text-decoration: none ;
	background: url(images/design/boutons/contact.gif) no-repeat 0 0 ; 
	border: 1px solid #111 ;
}

ul#menucontact li a:hover
{
	background: url(images/design/boutons/contact_o.gif) no-repeat 0 0 ; 
	border: 1px solid #111 ;
}



/* --------------------------- Styles PAGES -------------------------------- */

.titre_page {
color:#f60;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
letter-spacing:2px;
font-size:12px;
}

.titre_page2 {
color:#fc3;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
letter-spacing:2px;
font-size:12px;
}


#gallery {
float:right;
width:472px;
height:420px;
margin-bottom:18px;
margin-top:-3px;
}


#webpages, #webpage_bio, #webpage_liens {
width:440px;
height:330px;
margin-bottom:18px;
margin-top:-3px;
color:#fff;
border:1px dashed #454545;
background: #272727;
padding:10px;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#e4e4e4;
letter-spacing:2px;
font-size:10px;
}

#webpages a, #webpage_bio a, #webpage_liens a {
color: #f60;
text-decoration:none;
}

#webpages a:hover, #webpage_bio a:hover, #webpage_liens a:hover {
border-bottom : dashed 1px #f60;
}




/* concerts */

#concerts_upcoming {
overflow:auto;
width:430px;
height:210px;
margin-bottom:18px;
margin-top:-3px;
color:#fff;
border:1px dashed #454545;
background: url(images/design/venir.gif) no-repeat #272727;
padding-left:30px;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#e4e4e4;
letter-spacing:2px;
font-size:10px;
}

#concerts_expired {
overflow:auto;
width:430px;
height:125px;
margin-bottom:18px;
margin-top:-3px;
color:#fff;
border:1px dashed #454545;
background: url(images/design/archives.gif) no-repeat #272727;
padding-left:30px;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#e4e4e4;
letter-spacing:2px;
font-size:10px;
}


.date {
color:#f60;
}

.salle {
font-weight:bold;
}

/* discographie */

#disco {
overflow:auto;
width:440px;
height:318px;
margin-bottom:18px;
margin-top:-3px;
color:#fff;
padding:10px;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#e4e4e4;
letter-spacing:2px;
font-size:10px;
}


#album, #album2, #album3, #album4, #album5, #album6 {
background:#272727;
border:1px dashed #454545;
letter-spacing:1px;
}

#album td, #album2 td, #album3 td, #album4 td, #album5 td, #album6 td {
vertical-align:top;
padding:5px;
}


.alb_titre {
color:#f60;
font-weight:bold;
font-size:12px;
}

.alb_year {
color:#fc3;
}



/* Formulaire de contact */

input.i_capcha {
	background-color: #444; 
	font-size:10px;
	border: 1px solid #757575;
	font-size:11px;
	width: 30px;
	height:16px;
	color:#eee;
}

input.i_capcha_focus {
	font-size:10px;
	padding-left: 2px; 
	border: 1px solid #f60;
	border-left: 3px solid #f60;
	background-color: #e4e4e4; 
	width: 27px;
	height:16px;
}



.capchamsg {
	border:1px solid #900; 
	background-color:#D70000; 
	color:#fff; 
	padding-left:6px;
	width:400px;
	font-weight:bold;
}

input.i_text {
	font-size:11px;
	padding-left:3px;
 	border: 1px solid #757575;
 	width: 202px;
 	height:16px;
	background-color: #444; 
	color:#eee;
}

input.i_focus {
	font-size:11px;
	padding-left:3px;
 	border: 1px solid #f60;
 	border-left: 3px solid #f60;
 	background-color: #e4e4e4; 
 	width: 200px;
  	height:16px;
}

textarea.i_comment {
	background-color: #444; 
	padding-left:3px;
 	border: 1px solid #757575;
	width: 402px;
 	height:120px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#eee;
}

textarea.i_comment_focus {
	padding-left:3px;
 	border: 1px solid #f60;
	border-left: 3px solid #f60;
	background-color: #e4e4e4; 
	width: 400px;
	height:120px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
}

.formsubmit {
	height: 15px;
	font-weight: bold;
	width: 100px;
	border: none;
	background: url(images/design/submit.gif);
	color: #eee;
}

.required {
color:#f60;
}



/* ------------------------------ HACKS 4 IE Fucking margins ! ;o ----------------------------------- */
*html #navigation, *html #extra img { 
margin-top:9px;
}

*+html #navigation, *+html #extra img { 
margin-top:9px;
}

*html #promo {
margin-top:47px;
margin-left:-2px;
}

*+html #promo {
margin-top:47px;
}

*html #texte {
margin-right:10px;
}

*+html #texte {
margin-right:20px;
}

*html #gallery {
margin-top:12px;
margin-bottom:3px;
}

*+html #gallery {
margin-top:12px;
margin-bottom:3px;
}

*html #webpages {
height:280px;
}


*+html #webpages {
height:350px;
}

*+html #webpage_bio {
height:330px;
}

*html #concerts_upcoming {
padding-left:30px;
padding-top:10px;
height:200px;
width:430px;
}

*+html #concerts_upcoming {
padding-left:30px;
padding-top:10px;
height:200px;
width:430px;
}