#infos-text
{
width:70%;
text-align : justify; 
}

#infos-vids-fr 
{
margin-top:-240px;
}

#infos-vids-en 
{
margin-top:-220px;
}

#infos-vids-fr,#infos-vids-en
{width:30%;
float:right;
margin-right:10px;
}

/* INTEGRATION VIMEO */

#vids200x135,#vids233x175, #vids200x160 {
	margin-left:45px;
	color:#0668B2!important;
	text-decoration:none;
	display:inline;}

.border-vids
{
	background-color:#7db7d7!important;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius:5px;
	padding:5px;
	margin-top:20px;

}

#vids200x160
{
width:200px;
height:160px
}
#vids233x175
{
width:233px;
height:175px;
}

#vids200x135
{
	width:200px;
	height:135px;
}


#album-info {min-height:320px;}
#bio-info {min-height:290px;}

#player-bio {margin-left:35px;float:right;margin-right:30px;}
#before {font-size:0.8em; font-weight:bold;float:right;color:#0668B2;margin-top:-5px;}

#shop {padding-left:50px;text-align:left; min-height:500px;}
#shop span{float:left; padding:5px;}

#shop-info {
text-align:left;
height:180px;
width:800px;
margin:auto;
	}

#shop-where {float:left;width:290px;}
#shop-where-ie{float:right;}
#shop-where  H2, #shop-where-ie H2 {margin-bottom:10px;}

.shop-thumb 
{
	color:#0668B2!important;
	text-decoration:none;
	background-color:#f5c800!important;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius:5px;
	padding:3px;
}

.out
{
	font-weight:bold;
	width:118px;
	text-align:center;
	font-size:0.9em;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius:5px;
	padding:3px;
	border:0px;
	text-transform:uppercase;
	color:#0668B2!important;
	background-color:#EEE!important;
}

input.shop-add
{
	font-weight:bold;
	width:126px;
	text-align:center;
	font-size:0.9em;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius:5px;
	padding:3px;
	border:0px;
	text-transform:uppercase;
	color:#0668B2!important;
	background-color:#EEE!important;
}
#shop input.shop-add:hover
{
color: #FFF!important;
background-color:#314396!important;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius:5px;
}
	
/** DESIGN RELEASE **/

#licence {font-size:0.7em;float:left;margin-top:-5px;color:#314396;opacity:0.5;margin-right:0px;}

#reviews {font-size:0.8em; font-weight:bold;text-align:left;color:#0668B2;margin-top:10px;}

#reviews a, #reviews a:link, #reviews a:active 
{
	color:#0668B2!important;
	text-decoration:none;
	background-color:#EEE!important;
	font-size:0.8em;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius:5px;
	padding:3px;
}

.bio-more {font-size:1.2em; font-weight:bold;text-align:left;color:#0668B2;margin-top:10px;}
.bio-more a, .bio-more a:link, .bio-more a:active

{
	color:#0668B2!important;
	text-decoration:none;
	background-color:#EEE!important;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius:5px;
	padding:3px;
}
#info {font-size:1em; font-weight:bold;text-align:left;color:#FFF;}

#info a, #info a:link, #info a:active
{

	text-decoration:none;
	background-color:#DDD!important;
	font-size:0.8em;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius:5px;
	padding:3px;

}

#info a:hover, #reviews a:hover 
{

	color:#FFF!important;
	background-color:#314396!important;
	text-decoration:none;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius:5px;
	padding:3px;}


#cc {
font-size:1em;
color:#0668B2!important;
background-color:#EEE!important;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius:5px;
padding:5px;
text-transform:uppercase;
font-weight:bold;
width:90%;
margin:auto;
margin-bottom:20px;
padding-left:10px;

}

/* TODO : Clean Code + Optimize Code */

#donate {margin-left:50px;margin-top:10px;}
.space-f {margin-left:5px;}
.space-m {margin-right:5px;}


/* Da ! Heard It Records */



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

body
{
	font-family: Tahoma, Geneva, Kalimati, sans-serif;
	font-size:100%;
	color: #3e3c7d;
	background-image: url(../pics/background.png);
	background-color:transparent;
}

/* Mise en page
*******************************************************************************/

#navbar  
{

	font-family: Tahoma, Geneva, Kalimati, sans-serif;
	color: #3e3c7d;
	background-color:transparent;
	background-image: url(../pics/header_shadow.png);
	background-repeat:no-repeat;
	height:232px;
	text-align:center;
	font-size:60%;
	padding-left: 3em;
	}
	
#container
{
	height:100%;
	width: 940px;	
	margin-right:auto;
	margin-left:auto;

}

#content 
{
	font-size:70%;
	font-family: Tahoma, Geneva, Kalimati, sans-serif;
	color: #3e3c7d;
	background-image: url(../pics/bg_content.png);
	background-repeat: repeat-y; 
	padding-top:20px;
	width:100%;
	background-color:transparent;
}

#footer 
{
	font-family: Tahoma, Geneva, Kalimati, sans-serif;
	color: #3e3c7d;
	background-image: url(../pics/footer.png);
	background-repeat:no-repeat;
	height:100px;
	padding-right:2.5%;
	background-color:transparent;

}
/* #BEFORE */
	
#before {font-size:0.8em; font-weight:bold;float:right;color:#0668B2;margin-top:-5px;}

#before a, #before a:link, #before a:active
{
	color:#9B9B9B;
	text-decoration:none;
	background-color:transparent;
	font-size:0.8em;

}

#before a:hover, .data-news-2 a:hover, input.shop-add a:hover
{
	color:#314396!important;
	text-decoration:none;
	background-color:transparent;
}

/* #SOMMAIRE-ARTISTES */

#sommaire-release, #sommaire-artistes 
{
text-align:right;
text-transform:uppercase;
font-size:0.8em;
font-weight:bold;
color:#bbb;
padding:0px;
margin-left:10px;
margin-top:-10px;
margin-right:5px;
}

#sommaire-release li, #sommaire-artistes li 
{
display:inline;
}

#sommaire-artistes a, #sommaire-artistes a:link, #sommaire-artistes a:active,
#sommaire-release a, #sommaire-release a:link, #sommaire-release a:active
{
	color:#bbb!important;
}

#sommaire-artistes a:hover , #sommaire-release a:hover 
{
	color:#AAA!important;
}

p {padding-left: 3em; padding-right:3em; margin-top:8px;font-family: Tahoma, Geneva, Kalimati, sans-serif;}


.logo_transparent {margin-left:145px;margin-top:-100px;	background-image: url(../pics/logo.png);overflow:hidden;}
.invisible {display:none;}

/* News
*******************************************************************************/

.newz_gfx 
{
	float:left;
	margin-left:20px;
	margin-right:30px;
	min-height:160px;
}

.newz {	min-height:160px;}

.margin-l-news {margin-left:165px;}

.data-news-1 {font-size:1em; font-weight:bold;color:#0668B2;margin-top:0px;margin-bottom:-20px; }
.data-news-1 a, .data-news-1 a:link, .data-news-1 a:active {color:#0668B2!important;}

.data-news-2 {font-size:1em; font-weight:bold;color:#AAA;  padding-bottom:10px;}
.data-news-2 a, .data-news-2 a:link, .data-news-2 a:active {color:#BBB!important;}

.newz H1  {text-shadow: -0px 0px 0px #FFF!important;}
/* Design des titres 
*******************************************************************************/

H1, H2, H3, H4 
	{
	font-family: Tahoma, Geneva, Kalimati, sans-serif;
	color:#314396;
	text-shadow: -0px 10px 0px #e0e9ed;
	text-transform:uppercase;
	font-size:1.5em;
	background-color:transparent;
	text-align:left;
	}

H1, H3, H4 
	{
	margin-left:4%;
	margin-bottom:2%;
	margin-top:2%;
	}
H2 {margin-top:10px;	margin-left:4%;}

.bold_none {font-weight:normal;}

/*
H2.legal
{ 	
	color:#314396;
	font-size: 120%;
	margin-bottom:2%;
}
	
H2.legal:before 
{
	content: url(../pics/small_cloud.png);
	background-repeat:no-repeat;
	padding-left:5px;
	padding-top: -2Opx;
	margin:3px;
}
*/


/*
H1:after, H2:after 
{
	display: block;
	margin-left: -10px;
	margin-top: -7px;
	color: #e0e9ed;
	content: attr(title);
	background-color:transparent;
}
*/

a[hreflang|=fr]:after	{content:"\a0[" attr(hreflang)"]"}
a[hreflang|=en]:after	{content:"\a0[" attr(hreflang)"]"}

/* Liens
*******************************************************************************/

#navbar a:hover, #navbar a:link, #navbar a:active, #navbar a:hover 
{
	color:#334496;
	text-transform:uppercase;
	font-weight:bold;
	text-decoration:none;
	background-color:transparent;
	font-size:0.8em;

}

#dl_title a:hover,#dl_title a:link, #dl_title a:active, #dl_title a:hover 
{
	color:#FF0099;
	text-decoration:none;
	background-color:transparent;

}
#content a:link
{
	background-color: transparent ;
	color: #0668b2;
	text-decoration:none;
	outline:none; 
} 

#content a:visited
{
	background-color: transparent ;
	color: #0668b2;
	text-decoration:none;
	outline:none;
}
 
#content a:hover, a:active
{
	background-color: transparent ;
	color:#334496;
	outline:none;
} 

a[hreflang|=fr]:after	{content:"\a0[" attr(hreflang)"]";font-weight:normal;}
a[hreflang|=en]:after	{content:"\a0[" attr(hreflang)"]";font-weight:normal;}
a[hreflang|=it]:after	{content:"\a0[" attr(hreflang)"]";font-weight:normal;}

*/

/* Design des listes
*******************************************************************************/

#tracklist ol
{
	list-style-image:none ;
}

#tracklist li
{
	font-size:1em;
	margin-left:45%;
}


#navbar ul
{
	list-style-image:none ;
	margin-left:3%;
}

#navbar li
{
	list-style-type: none;
	display:inline;
	float:left;
	margin-top:92px;
}

#content ul 
	{
	padding-left: 3em; 
	padding-right:3em;
	}



#footer ul 
{
	list-style-image:none ;

}

#footer li 
{
	list-style-type: none;
	display:inline;
	margin-top:2.5%;
	float:right;
}

#navbar li a span, #footer li a span { display:none; }

#navbar li a:hover span {display:block}

#credits li, .licence li, .cloud li
{
	background-image: url("../pics/small_cloud.png");
	background-repeat: no-repeat;
	list-style-type: none;
	padding-left:20px;
	padding-top:0px;
}
#credits ul, .licence ul, .cloud ul
{
	list-style-image:none ;
	margin:0 0 0 0em;
	padding:0px;
}

.links ul
{
	list-style-image:none ;
}

.links li {	display:inline; }
.links li a
{
	font-weight:bold;
	text-transform:uppercase;
	padding:3px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius:4px;
	background-color:#EEE!important;

}

.links li a:hover 

{
	color:#FFF!important;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius:4px;
	background-color:#314396!important;
	font-weight:bold;
	text-transform:uppercase;
	padding:3px;
}

/* Mise en page discographie */

#releases li
{
	list-style-type: none;
	display:inline;
	padding-left:15px;

}

#releases ul
{
	list-style-image:none ;
	padding:0px;

}



/* Alignements, couleurs, style
*******************************************************************************/

.center {text-align:center;}
.right  {text-align:right;}
.left   {text-align:left;}
.justify{text-align:justify;}

.bold {font-weight:bold;}
.uppercase {text-transform:uppercase;}


/* DEV WIP */

.text-release {font-size:1.4em;font-weight:bold;width:90%;margin-top:2%;margin-bottom:2%;opacity:0.6;}

#text-release p {font-size:115%;width:80%;margin-left:4%;}

#coverlink img  {

float:left;
margin-right:30px;
margin-bottom:20px;
margin-top:-10px;
	color:#0668B2!important;
	text-decoration:none;
	background-color:#f5c800!important;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius:5px;
	padding:5px;
	
}


#album-info H1 {margin-top:20px!important;}

#info-release {font-size:1.6em;font-weight:bold;padding:10px;}

#text-release H2 {margin-bottom:10px;margin-top:10px;}


/* Gadget CSS
*******************************************************************************/

img 
{
	border: none;
	
}

acronym,abbr 
{
	border-bottom:0px dotted; 
	cursor:help;
}

img.thumb
	{
	border:3px solid #f1c703;
	margin-left:40.5%;
	}

/* Forumulaire Contact & Mailing List
*******************************************************************************/

input.required    
{
	background-image: url("../pics/legend.png");
	background-repeat: no-repeat;
	background-position: 98%;
}

#required_legend 
{

	font-size:100%;
	color: #3e3c7d;
	background-color:transparent;
}

#mail label,
#mailing label
{
	color:#314396;
	font-weight:bold;
	background-color:transparent;
	}

#mail input.champs,
#mailing input.champs
{
	color:#fff;
	background-color: #7db8d7;
	border:dotted 1px #314396;
	text-align:center;
	width:200px;
	
}

#mail input.champs_username,
#mailing input.champs_username
{
	color:#fff;
	background-color: #7db8d7;
	border:dotted 1px #314396;
	text-align:center;
	width:180px;
}

#mail textarea.champs
{
	color:#fff;
	background-color: #7db8d7;
	border:dotted 1px #314396;
	margin-top : 10px;
	width:460px;
}

#mail textarea.champs:focus,
#mail input.champs:focus,
#mailing input.champs:focus,
#mail input.champs_username:focus,
#mailing input.champs_username:focus 
{
	border-style:solid;
}

#mail input.valid,#mailing input.valid  
{
	
	background-color: #7db8d7;
	border:dotted 1px #314396;
	color:#fff;
	font-weight:bold;
	text-transform:uppercase;
	margin-top:5px;
	margin-bottom:10px;
	width:460px;
	text-align:center;
}
#mailing  input.valid_mailing
 {
 	width: 30px;
 	background-color: #7db8d7;
	border:dotted 1px #314396;
	color:#fff;
	font-weight:bold;
	text-transform:uppercase;
	}