/*
CSS 100% AVEC LES PIEDS !
UN JOUR IL DEVIENDRA PROPRE !
*/

#song, #song1, #song2, #song3, #song4,#song5 {text-align:center;}

/* festen party css 

code color 
#04CEFC blue 
#FCFE04 yellow
#FF00FF pink

*/
 
/* * * * * * * * * * * * * * */ 

*{margin:0;padding:0px;}

html, body {height: 100%;}

body {
	font-weight:bold;
	text-align:center;
	background-image: url(../pics/patpat.png);
	background-repeat: repeat;
	color:#FF00FF;
 }

.title 
	{
	font-size:5em; 
	text-transform:uppercase;
	font-family: helvetica,sans-serif;	
	letter-spacing: 1.3pt;
	word-spacing: 0.4pt;
	}
	
#content 
	{
	width:800px;
	min-height: 100%;
	margin:0 auto;
	background-color:#FFF;
	border-left:5px solid #FF00FF;
	border-right:5px solid #FF00FF;
	font-family: helvetica,sans-serif;
	font-size:1em;
	}
	
#expo-1 {text-align:justify; color:#FF00FF!important;}	
#footer
	{
	text-align:center;
	background-color:#FFF;	
    margin-top:10px;
    clear:both; 
    font-size:0.9em;
    padding:20px 0 10px;
	}
	
#header 
	{
	padding-top:20px;
	text-align:center;
	}
	
#navbar {margin-left:-380px;margin-top:20px;}

/* Design list */

#navbar ul, #line-up1, #line-up2, #expo-1
{
	list-style-image:none ;
	padding:0px;
}

Ul.links {list-style-type:none;font-size:2em;font-weight:bold;text-align:center;}


#navbar li, #line-up1, #line-up2, #expo-1
{
	color: #04CEFC;
	list-style-type: none;
	display:inline;
}

/* Design links */

.title a, .title a:link 
	{
	background-color:transparent; 
	text-decoration:none; 
	color:transparent;
	}
	
.title a:link, .title a:visited, .title a:active, .title a:hover {background-color:#FFF;text-decoration:none;}

a:link, a:visited, a:active {color:#FF00FF;font-weight:bold;background-color:#FCFE04;text-decoration:none;text-transform:uppercase;}
a:hover {color:#FFF; text-transform:uppercase;background-color:#04CEFC;text-decoration:none;}


H1 .wsite-b a:link, H1 .wsite-b a:visited, H1 .wsite-b a:active {color: #FFF;text-decoration: none;background-color:transparent;} 
H1 .wsite-b a:hover {color: #04CEFC;background-color:#FFF; }

H1 .wsite-p a:link, H1 .wsite-p a:visited, H1 .wsite-p a:active {color: #FFF;text-decoration: none;background-color:transparent; } 
H1 .wsite-p a:hover {color: #FCFE04;background-color:#FF00FF; }

H1 .wsite-yp a:link, H1 .wsite-yp a:visited, H1 .wsite-yp a:active  {color: #FF00FF;text-decoration: none;background-color:transparent;} 
H1 .wsite-yp a:hover {color: #FCFE04;background-color:#FF00FF; }

H1 .wsite-y a:link, H1 .wsite-y a:visited, H1 .wsite-y a:active  {color: #04CEFC;text-decoration: none; background-color:transparent;} 
H1 .wsite-y a:hover {color: #FCFE04;background-color: #04CEFC;}

#links li span {visibility: hidden;font-size:0em;}
#links li:hover span {visibility: visible;background-color:#FFF;margin:10px;font-size:1em;}

#line-up1{text-transform:uppercase;}
#line-up1 .bg_blue:link , #line-up1 .bg_blue:link, #links .bg_blue:link {color:#FFF;background-color:#04CEFC;text-decoration: none;}
#line-up1 .bg_blue:active , #line-up2 .bg_blue:active, #links .bg_blue:active {color:#FFF;background-color:#04CEFC;text-decoration: none;}
#line-up1 .bg_blue:visited ,#line-up2 .bg_blue:visited , #links .bg_blue:visited {color:#FFF;background-color:#04CEFC;text-decoration: none;}
#line-up1 .bg_blue:hover ,#line-up2 .bg_blue:hover, #links .bg_blue:hover {color:#FCFE04;background-color:#04CEFC;text-decoration: none;}

#line-up1 .bg_pink:link, #line-up2  .bg_pink:link, #links .bg_pink:link {color:#FCFE04;background-color:#FF00FF;text-decoration: none;}
#line-up1 .bg_pink:active, #line-up2  .bg_pink:active, #links .bg_pink:active {color:#FCFE04;background-color:#FF00FF;text-decoration: none;}
#line-up1 .bg_pink:visited, #line-up2  .bg_pink:visited, #links .bg_pink:visited {color:#FCFE04;background-color:#FF00FF;text-decoration: none;}
#line-up1 .bg_pink:hover, #line-up2  .bg_pink:hover, #links .bg_pink:hover{color:#FF00FF;background-color:#FCFE04;text-decoration: none;}

#line-up1 .bg_withe:link, #line-up2 .bg_withe:link {color:#04CEFC;background-color:#FFF;text-decoration: none;}
#line-up1 .bg_withe:active , #line-up2 .bg_withe:active {color:#04CEFC;background-color:#FFF;text-decoration: none;}
#line-up1 .bg_withe:visited, #line-up2 .bg_withe:visited {color:#04CEFC;background-color:#FFF;text-decoration: none;}
#line-up1 .bg_withe:hover, #line-up2 .bg_withe:hover {color:#000;background-color:#FFF;text-decoration: none;}

#line-up1 .bg_yellow:link, #line-up2 .bg_yellow:link, #links .bg_yellow:link {color:#FF00FF;background-color:#FCFE04;text-decoration: none;}
#line-up1 .bg_yellow:active , #line-up2 .bg_yellow:active, #links .bg_yellow:active {color:#FF00FF;background-color:#FCFE04;text-decoration: none;}
#line-up1 .bg_yellow:visited , #line-up2 .bg_yellow:visited, #links .bg_yellow:visited {color:#FF00FF;background-color:#FCFE04;text-decoration: none;}
#line-up1 .bg_yellow:hover , #line-up2 .bg_yellow:hover, #links .bg_yellow:hover {color:#FCFE04;background-color:#FF00FF;text-decoration: none;}

/* Mailing List */


#mailing {margin-top:-35px;margin-left:372px}

		 
#mailing label
{
text-transform:uppercase;
background-color:#04CEFC;
color:#FFF;
margin-left:-40px;
}

#mailing input.champs
{
color:#FFF;
font-weight:bold;
background-color:#04CEFC;
border:3px solid #04CEFC;
text-align:center;
width:32%;
height:15px;
}

#mailing input.valid, #gbook input.valid, #mailing input.valid
{
color:#FFF;
font-weight:bold;
background-color:#04CEFC;
border:3px solid #FFF;
height:28px;
text-align:center;
font-weight:bold;
}

#mailing input.valid:hover, #gbook input.valid:hover,#mailing input.valid:hover
{
color:#FFF;
font-weight:bold;
background-color:#04CEFC;
text-align:center;
font-weight:bold;
}

	
/* Gadget */

.left {text-align:left;}
.right {text-align:right; margin-top:-20px;}      
.photos {float:left;margin:10px;} /* artist page */
.bio .bg_yellow:hover,.bio .bg_blue:hover,.bio .bg_pink:hover, p:hover {background-color:#FFF;color:#FF00FF;border:0px;}
.morelinks {font-size:2em;}
.pics_pink {border:5px solid #FF00FF;}
.pics_blue {border:5px solid #04CEFC;}
.pics_yellow {border:5px solid #FCFE04;}

.song {text-align:left;margin-top:20px;margin-bottom:10px;} /* title of song */

.space-top {min-height:400px;margin-top:100px;}
.center {text-align:center;}
.logo {float:right; } 
.logo-bio {float:left;margin-left:10px;margin-right:10px; } 

p {padding:10px;}

.news {min-height:170px;text-align:left;background-color:#04CEFC;color:#FFF;border-bottom:5px  solid #FCFE04;}
.bio {text-align:justify; font-size:1em;margin-top:20px;min-height:200px;}	
	
#links 
	{
	text-transform:uppercase;
	font-size:2em;
	color:#FF00FF;
	text-align:center;
	}
		
/* Titres */

h1 {
	margin-top:50px;
	margin-bottom:30px;
	padding-left:10px;
	text-align:left;
	font-size:1.5em;
	text-transform:uppercase;
	font-family: helvetica,sans-serif;

	}
	
h2 {
	text-align:center;
	font-size:1em;
	text-transform:uppercase;
	color:#FF00FF;
	margin:10px
	}

.wsite, .wsite-b, .wsite-p, .wsite-y, .wsite-yp 	
	{
	float:right;
	margin-top:0px;
	background-color:transparent;
	}

/* Couleur */

.pink {color:#FF00FF}
.blue {color:#04CEFC}
.yellow {color:#FCFE04}
.withe {color:#FFF}
.bg_pink {background-color:#FF00FF}
.bg_blue {background-color:#04CEFC}
.bg_yellow {background-color:#FCFE04}
.bg_withe {background-color:#FFF}

.bd_yellow {border-bottom:5px  solid #FCFE04;}
.bd_blue {border-bottom:5px  solid #04CEFC;}
.bd_pink {border-bottom:5px  solid #FF00FF;}