@charset "UTF-8";

body {
	color:				#183536;
	font-family:		Verdana, Geneva, sans-serif;
	font-size:			62.5%;
	padding:			0;
	margin:				0;
	background: 		#1ed3d3 url(../medias/images/bgJustine.png) repeat-x left top;
}

img { border:	0; }

p { 
	line-height:	130%; 
	margin:			3px 0;
}

label { line-height: 1.6em; }

h1, h2, h3, h4, h5, h6 {
    margin: 		1em 0 .5em 0; 
    line-height:	1.2em;
    font-style: 	normal;
}

h1 { font-size: 1.75em; }
h2 { font-size: 1.5em; }
h3 { font-size: 1.25em; }
h4 { font-size: 1em; }

b, strong { 
	font-size:	700;
}


/*------------------------*/
/* LINKS                  */

a:link, a:visited {
	color:				#E5007D;
	text-decoration:	underline;
}

a:hover {
	color:				#E5007D;
	text-decoration:	underline;
}


/*------------------------*/
/* ZONES                  */

#wrapper {
	margin:		0 auto 15px auto;
	width:		993px;
}

#header {
	background:		transparent url(../medias/images/header.jpg) no-repeat left top;
	width:			993px;
	height:			272px;
}

#footer {
	width:				100%;
	height:				100px;
	background:			#386666 url(../medias/images/backgroundFooter.png) repeat-x left top;
	text-align:			center;
	color:				#FFF;
	padding-top:		10px;
	line-height:		15px;
}

/*------------------------*/
/* FORMS                  */

form.styledForm {
	background:	transparent url(../medias/images/topContent.jpg) no-repeat left top;
	width:		955px;
}

form.registerOK {
	background:	transparent url(../medias/images/topContentOK.jpg) no-repeat left top;
}

	form.styledForm fieldset { 
		width: 			429px;
		margin:			0 auto;
		background:		transparent url(../medias/images/backgroundForm.png) no-repeat left 240px;
		padding-top:	240px;
		min-height:		380px;
		height:			auto !important;
		height:			380px;
	}
		
		form.styledForm fieldset ol {
		  margin: 	0 0 0 8px;
		  padding: 	0;
		}
		
			form.styledForm fieldset li {
			  list-style: 	none;
			  padding: 		5px;
			  margin: 		0;
			  height:		25px;
			  position:		relative;
			}
			
				form.styledForm fieldset li p.description {
					color: #FFF;
				}
			
		form.styledForm fieldset fieldset {
		  border: none;
		  margin: 3px 0 0;
		}
		
			form.styledForm fieldset fieldset legend {
			  padding: 		0 0 5px;
			  font-weight: 	normal;
			}
			
			form.styledForm fieldset fieldset label {
			  display: 	block;
			  width: 	auto;
			}
				
			form.styledForm fieldset fieldset label { margin-left: 123px; /* Width plus 3 (html space) */ }

	form.styledForm label {
	  display: 			inline-block;
	  line-height: 		1.8;
	  vertical-align: 	top;
	  font-size:		1.2em;
	}
		
		form.styledForm label.error {
			color:				#e5007d;
			border-left:		2px solid #e5007d;
			margin-left: 		10px;
			padding-left:		6px;
			float:				right;
			position:			absolute;
			width:				300px;
			top:				7px;
			left:				295px;
			font-size:			0.9em;
			font-weight:		700;
		}
	
		form.styledForm label.long { 
			width:		auto; 
			color:		#FFF;
			font-size:  1em;
		}
	
	form.styledForm em {
	  font-weight: 	700;
	  font-style: 	normal;
	  color: 		#e5007d;
	}
	
	form.styledForm label { width: 120px; /* Width of labels */ }
	
	form.styledForm .submit { 
		margin-left: 	120px; 
		padding:		2px 10px;
		font-family:	Verdana, Geneva, sans-serif;
		font-size:		12px;
		font-weight:	700;
		cursor:			pointer;
		color:			#183536;
	}
	
	form.styledForm .button { 
		margin: 		40px 0 0 190px; 
		padding:		2px 10px;
		font-family:	Verdana, Geneva, sans-serif;
		font-size:		12px;
		font-weight:	700;
		cursor:			pointer;
	}
	
	form.styledForm input, form.styledForm select {
		font-family:			Verdana, Geneva, sans-serif;
		font-size:				1.3em;
		border:					2px solid #0cb7b7;
		-moz-border-radius:		4px;
		-webkit-border-radius:	4px;
		border-radius: 			4px;	
		padding:				2px;
		background:				transparent url(../medias/images/backgroundInput.png) repeat-x left bottom;
	}
	
.styledButton {
	font-family:			Verdana, Geneva, sans-serif;
	padding:				2px 10px;
	font-weight:			700;
	cursor:					pointer;
	color:					#183536;	
	font-size:				1.3em;
	border:					2px solid #0cb7b7;
	-moz-border-radius:		4px;
	-webkit-border-radius:	4px;
	border-radius: 			4px;	
	background:				transparent url(../medias/images/backgroundInput.png) repeat-x left bottom;
	height:					26px;
}

#sharethis_0 {
	background:				transparent url(../medias/images/backgroundInput.png) repeat-x left bottom;
	border:					2px solid #0cb7b7;
	-moz-border-radius:		4px;
	-webkit-border-radius:	4px;
	border-radius: 			4px;	
	padding:				4px 10px 1px 10px;
	width:					100px;
	display:				block;
	float:					left;
}

	#sharethis_0 a.stico_default {
		color:					#183536;	
		font-size:				1.3em;
		font-weight:			700;
		padding:				0;
		text-decoration:		none;
	}
		
		#sharethis_0 a.stico_default span { padding:0 0 0 22px; }

input:focus, select:focus, textarea:focus{
  -moz-outline: 		4px solid #0cb7b7  !important;
  -moz-outline-offset: 	1px         	!important;
  -moz-outline-radius: 	4px         	!important;
}

textarea:focus, button:focus, select:focus, input:focus { -moz-outline-offset: -1px	!important; }

input[type="radio"]:focus {
  -moz-outline-radius: 12px	!important;
  -moz-outline-offset: 0px	!important;
}


/*------------------------*/
/* STYLES                 */

.spacer {
	clear:		both; 
	height:		1px;
	font-size:	1px;
	margin:		0;
}

h2.title {
	color:			#FFF;
	font-size: 		1.8em;
	font-weight:	700;
}

.titleImg { margin: 20px 0 10px 0; }

.pink { color: #E5007D; }

#songsPreview {
	width:	955px;
	float: 	left;
}
	
	#songsPreview ol {
		margin:					10px auto 0 auto;
		padding:				0 15px;
		width:					430px;
		list-style:				decimal;
		list-style-position:	outside;
		color:					#FFF;
		font-size:				1.2em;
		background:				transparent url(../medias/images/backgroundExtraits.png) no-repeat left bottom;
	}
	
		#songsPreview li { 
			clear:			 both; 
			margin-left:	 40px;
		}
			
			#songsPreview li span { 
				display:	block; 
				width: 		140px;
			}	
			
			#songsPreview li span.preview { 
				display: block; 
				position:relative; 
				top: -14px; 
				left: 140px;
			}
		
ul#bootlegList {
	/*width: 955px;*/
}	
	ul#bootlegList li.bootleg {
		float: 			left;
		width: 			225px;
		margin:			0 4px;
		height:			190px;
		padding-left:	5px;
		background:		transparent url(../medias/images/backgroundBootleg.png) no-repeat left bottom;
		margin-bottom:	10px;
	}
	
		ul#bootlegList li.bootleg h2 {
			color: 			#e5007d;
			font-size:		1.7em;
			font-weight:	700;
			margin:			0 0 5px 0;
		}
	
		ul#bootlegList li.bootleg p.bootlegAutor {
			color:		#FFF;
			font-size:	1.1em;		
		}
	
		ul#bootlegList li.bootleg p.bootlegDescription {
			color:		#FFF;
		}
		
	li.returnError {
		color:			#e5007d;
		font-size:		1.1em;
		font-weight:	700;
	}
		
	li.successMsg {
		color:		#FFF;
		font-size:	1.4em;
	}
	
		li.successMsg p.titleMsg {
			font-size:		1.6em;
			text-align:		center;
			font-weight:	700;
			margin-bottom:	15px;
		}
		
		li.successMsg ul { margin: 0 0 35px 20px; }
		
			li.successMsg ul li { 
				list-style: square; 
				height:		15px;
			}

#footer a { color: #FFF; }


#intro { font-size: 1.2em; }