* {padding: 0;margin: 0;}
html, body {height: 100%;}
body {
	font-family: arial, verdana, helvetica, sans-serif;
	font-size: 14px;
	background:#000;
	color: #999999;
	height: 100%;
	border: 0px solid #f00;
}
h1 {font-size: 1.4em;padding: 10px 10px 0;}
h2 {color: #e06e00;}
h3 {margin:0px; color: #111; font-size:12px; font-weight:normal; padding: 10px 0;}
p {padding: 0 0px 1em;text-align: justify;}
strong {color:#cccccc;}
hr {
	width: 730px; 
	height: 1px; 
	border: 0; 
	color:#333;
	background-color:#333; 
	margin-top: 5px;
	margin-left:0;
}

a {
	outline: 0;
}
a .img_no_border, a:link .img_no_border, a:visited .img_no_border {border: 0px;}

#container {
	margin:0;
	padding:0;
  	border: 0px solid #f00;
}
#bg {
	background:url('../images/bg3.png'); /*bg, bg3*/
}
#left_side {
	position: fixed;
	top: 0px;
	left: 0px;
	width: 120px;
	min-height: 900px;
	height: 100%;
	background:url('../images/left-bg.png');
	background-repeat:repeat-y;
	border: 0px solid #0f0;
}
#spots {
	position:absolute;
	left: 0;
	top:0;
}
#logo {
	position:absolute;
	left: 10px;
	top:50px;
}
#nav_web {
	position:fixed;
	left: 10px;
	top:80px;
	width: 153px;
	height: 245px;
	text-align: right;
	font-size: 12px;
	font-style: italic;
	background:url('../images/nav33.png');
	background-repeat:no-repeat;
	border: 0px solid #00f;
	z-index: 20;
}
#nav_mobile {
	position:absolute;
	left: 10px;
	top:100px;
	width: 153px;
	height: 202px;
	text-align: right;
	font-size: 12px;
	font-style: italic;
	background:url('../images/nav3.png');
	background-repeat:no-repeat;
	border: 0px solid #00f;
}
#menu_items {
	border: 0px solid #f00;
	position: relative;
	top: 40px;	
}
a, a:link, a:visited {color:#666; text-decoration: none;font-weight: normal;}
a:hover {color:#e06e00; text-decoration: none; font-weight: normal;}

a.photo, a.photo:link, a.photo:visited {color:#000000;}
a.photo:hover {color:#e06e00;}

ul, ol {list-style-type:none;}
li {font-family: arial; font-size: 14px; font-weight: bold}

.nav_item_1 {margin-right: 15px;margin-top: 5px;}
.nav_item_2 {margin-right: 18px;margin-top: 4px;}
.nav_item_3 {margin-right: 21px;margin-top: 4px;}
.nav_item_4 {margin-right: 24px;margin-top: 4px;}
.nav_item_5 {margin-right: 27px;margin-top: 4px;}
.nav_item_6 {margin-right: 30px;margin-top: 4px;}
.nav_item_7 {margin-right: 33px;margin-top: 1px;}

#li a {
background: url(../images/bg_menu.gif) #fff bottom left repeat-x;
height: 2em;
line-height: 2em;
float: left;
width: 9em;
display: block;
border: 0.1em solid #dcdce9;
color: #0d2474;
text-decoration: none;
text-align: center;
}
.flag {
	border: 1px solid #ccc;
	margin-left:0px;
	margin-right:12px;
	margin-top:2px;
	
}
#flags {
	display: none;
	position: absolute;
	left: 140px;
	top: 27px;
	width: 112px;
	height: 31px;
	/*background-color: #000000;*/ /*#e06e00;*/
	background-image:url('../images/flag-bg.png');
	background-repeat:no-repeat;
	z-index: 10;
}
#content_content {
	position: relative;
	margin: auto;
	text-align:left;
	border: 0px solid #f00;
	left: 0px;
	width: 70%;
}
#content {
	position: relative;
	/*left: 160px;*/
	width: 840px;
	min-height: 100%;
	/*margin:0;
	padding:0;*/
	border: 0px solid #f0f;
}

#content_constr {
	position: relative;
	left: 15px;
	top: 30px;
	border: 0px solid #f0f;
}
#header {
	text-align: right;
	height: 100px;
	padding:0px;
	border: 0px solid #f00;
}

#flashTop {
	min-height: 150px;
	width: 100%;
	border: 0px solid #f00;
	background-color: #000;
}
#flashSection {
	border: 0px solid #f00;
	background-color: #000;
}
#main {
	text-align: center;
	min-height: 500px;
	border: 0px solid #0f0;
	margin-left: 70px;
	margin-top: 10px;
}
#splash {
	position: relative;
	border: 0px solid #f00;
	left: 0px;
	top: 0;
	outline: 0;
}
#flashSplash {
	position: relative;
	border: 0px solid #f00;
	left: 0px;
	top: 0;
	outline: 0;
}
#song_info {
	position: relative;
	left : 45px;
	top: -7px;
	border: 1px solid #e06e00;
	width: 100%;
}
#main_text_box {
	text-align: left;
	font-family: arial, verdana, helvetica, sans-serif;
	border: 0px solid #f00;	
}

/* biography */
#bio_box {
	margin-top: 0px;
	margin-left: 0px;
}

/* Artistes CSS */
ul.artist_list  {
	display: inline-block;
	width: 770px;
	margin-bottom: 40px;
	border: 0px solid #e06e00;
}
li.artist_list_item  {
	float:left;
	width: 100px;
	height: 160px;
	margin-right: 25px;
	border: 0px solid #f00;
}
.artist_list_photo, a:link .artist_list_photo, a:visited .artist_list_photo {border: 0;}
a:hover .artist_list_photo {border: 0;}
.artist_type_header {
	font-size: 24px;
	font-style: italic;
	font-weight:bold;
	width: 605px;
	color: #e06e00;
	border: 0px solid #333;
}
#artist {
	border: 0px solid #e06e00;
	width: 750px;
	margin-top: 0;
	margin-left: 0;
}
#artist_content {
	min-height: 300px;
	margin:0 auto;
	border: 0px solid #e06e00;
}
#artist_name {
	text-transform: uppercase;
	font-family: arial;
	font-size: 24px;
	font-weight: bold;
	color: #e06e00;
}
.artist_name {
	width: 100px;
	border:0px solid #f00;
	font-weight: normal;
	color: #666;
	text-align: left;
}
.artist_country {
	margin: 5px;
}
.country_img {
	border: 1px solid #222;
}
#artist_content_left {
	float: left;
	width: 235px;
	margin: 0;
}
.artist_photo_item, a:link .artist_photo_item, a:visited .artist_photo_item {border: 2px solid #000000;}
a:hover .artist_photo_item {border: 2px solid #e06e00;}
.artist_photo {
	width: 227px;
	height: 228px;
	text-align: center;
	padding-top: 10px;
	margin-right: 10px;
	background-image:url('../images/photo_frame.png');
	background-repeat:no-repeat;
	border: 0px solid #f00;
}
.artist_photo_credit {
	font-size: 9px;
	margin-left: 10px;
	text-align: left;
}
.artist_item_photo_frame {
	width: 100px;
	height: 100px;
	border: 1px solid #666;
	text-align: center;
}
.artist_back {
	position: relative;
	left: 0px;
	text-align: left;
	border: 0px solid #f00;
}
#artist_content_right {
	margin-left: 250px;
}
artist_bio {
	padding: 5px;
	margin-top: 10px;
	font-size: 14px;
	min-height: 100px;
}
.artist_url {
	border: 0px solid #333;
	margin-top: 10px;
}
.artist_url_item {
	margin-right: 45px;
}
.artist_url_item, a:link .artist_url_item, a:visited .artist_url_item {border: 1px solid #000000;}
a:hover .artist_url_item {border: 1px solid #e06e00;}

.artist_album {
	margin-top: 20px;
	margin-left: 2px;
	padding: 3px;
	width: 490px;
	background-image:url('../images/album.png');
	background-repeat:no-repeat;
	background-position: 5px 5px;
	border: 1px solid #222;
}
.artist_album_label {
	margin-left: 60px;
	color:#666;
	font-size: 16px;
	font-style: italic;
	font-weight: bold;
}
.album_cover {
	margin-left: 70px;
	margin-top: 10px;
	width: 75px;
	height: 75px;
	border: 0px solid #333;
}
.album_name {
	margin-left: 70px;
	font-size: 10px;
	font-style: italic;
	border: 0px solid #333;
}
a .album_cover  {border: 2px solid #333;}
a:hover .album_cover  {border: 2px solid #e06e00;}

.artist_contact {
	margin-top: 20px;
	width: 490px;
	padding: 3px;
	background-image:url('../images/mail.png');
	background-repeat:no-repeat;
	background-position: 5px 5px;
	text-align: left;
	border: 1px solid #222;
}
.artist_contact_label {
	margin-left: 60px;
	color:#666;
	font-size: 16px;
	font-style: italic;
	font-weight: bold;
}
.artist_contact_infos {
	margin-left: 60px;
	margin-top: 10px;
	font-size: 12px;
}
a.artist, a.artist:link, a.artist:visited {color:#666; font-weight: normal; text-decoration: none;}
a.artist:hover {color:#e06e00; text-decoration: none; font-weight: normal; text-decoration: none;}


/* CC CSS */
ul.cc_list  {
	display: inline-block;
	width: 720px;
	margin-bottom: 40px;
	border: 0px solid #e06e00;
}
li.cc_list_item  {
	float:left;
	width: 100px;
	height: 180px;
	margin-right: 20px;
	border: 0px solid #f00;
}

.cc_list_photo {}
/*.cc_list_hr {
	position: relative;
	left: -62px;
	border: 1px solid #f00;
}*/
.cc_header {
	font-size: 24px;
	font-style: italic;
	font-weight:bold;
	width: 605px;
	color: #e06e00;
	border: 0px solid #333;
}
#cc {
	border: 0px solid #e06e00;
	width: 750px;
	margin-top: 0;
	margin-left: 0;
}
#cc_content {
	min-height: 300px;
	margin:0 auto;
	border: 0px solid #e06e00;
}
#cc_name {
	text-transform: uppercase;
	font-family: arial;
	font-size: 24px;
	font-weight: bold;
	color: #e06e00;
}
.cc_name {
	width: 100px;
	border:0px solid #f00;
}
.cc_country {
	margin: 5px;
}
#cc_content_left {
	float: left;
	width: 245px;
	margin: 0;
	border: 0px solid #f00;
}
.cc_photo {
	width: 237px;
	height: 236px;
	text-align: center;
	padding-top: 20px;
	padding-left: 7px;
	margin-right: 10px;
	background-image:url('../images/cc_photo_frame2.png');
	background-repeat:no-repeat;
	border: 0px solid #f00;
}
.cc_photo_credit {
	font-size: 9px;
	margin-left: 10px;
	text-align: left;
}
.cc_item_photo_frame {
	width: 100px;
	height: 100px;
	border: 1px solid #666;
	text-align: center;
}
.cc_back {
	position: relative;
	left: 0px;
	text-align: left;
	border: 0px solid #f00;
}
#cc_content_right {
	margin-left: 250px;
}
.cc_bio {
	padding: 5px;
	margin-top: 10px;
	font-size: 14px;
	min-height: 100px;
}
.cc_url {
	border: 0px solid #333;
	margin-top: 10px;
}
.cc_url_item {
	margin-right: 10px;
}
.cc_url_name {
	position: relative;
	top: 2px;
	vertical-align: top;
	font-size: 18px;
}
a.cc, a.cc:link, a.cc:visited {color:#000; font-weight: normal; text-decoration: none;}
a.cc:hover {color:#000; text-decoration: none; font-weight: normal; text-decoration: none;}


/* Page des liens CSS */
a.link, a.link:link, a.link:visited {color:#e06e00; text-decoration: none;font-weight: bold;}
a.link:hover {color:#ff9933; text-decoration: none; font-weight: bold;}
#links {
	border: 0px solid #e06e00;
	margin-top: 0;
	margin-left: 0;
}
#link_item {
	height: 40px;
	margin-top: 10px;
}
.link_desc {
	color: #999999;
}


/* contact */
#contact_box {
	margin-top: 0px;
	margin-left: 0px;
	background-image:url('../images/mail.png');
	background-repeat:no-repeat;
	background-position: 5px 5px;
	border: 1px solid #999;
	text-align: left;
	padding: 10px;
	width: 600px;
}
.contact_message_textarea {
	margin-bottom: 20px;
}
.contact_text {
	margin-top: 0px;
	margin-left: 0px;
}
.contact_box_email_label {
	margin-left: 0px;
	margin-top: 60px;
	margin-bottom: 10px;
	color:#e06e00;
	font-size: 14px;
	font-style: italic;
	font-weight: bold;
}
.contact_box_message_label {
	margin-left: 0px;
	margin-top: 25px;
	margin-bottom: 10px;
	color:#e06e00;
	font-size: 14px;
	font-style: italic;
	font-weight: bold;
}
.submit {
	width: 105px;
	height: 30px;
	margin-top: 15px;
	margin-bottom: 5px;
	font-style: italic;
	font-weight: bold;
	font-size: 18px;
	color: #ffffff;
	background: #e06e00;
	border: 2px inset #000033;
}
.submit:hover {color:#000;background: #ff9933;}
.ok_sent_message {
	margin-left: 0px;
	margin-top: 50px;
	color:#666;
	font-size: 16px;
	font-style: italic;
	font-weight: bold;	
}

/* */
.photo_left {
	float: left;
	margin-right: 15px;
	border: 1px solid #999;
}

.song_title {
	display: inline;
	font-size: 14px;
	font-weight: bold;
	color: #e06e00;
}
.song_credits {
	font-size: 11px;
	color: #999999;
}
#mp3_player {
	border: 0px solid #f00;
	text-align: right;
}
.mp3_infos {
	color: #999;
	font-size: 9px;
	font-style:italic;
}
#footer {
	clear:both;
    font-size: 9px;
    text-align: center;
    position: relative;
    bottom: 0px;
    left: 0px;
    margin-left: 45px;
    margin-top: 45px;
    width: 100%;
    height: 45px;
    border: 0px solid #00f;
}

#connect_box {
	position: relative;
	background-color: #E06E00;
	padding: 20px;
}
#connect_outter {
	position: relative;
	left: 200px;
	top: 200px;
}
#login {
	margin-left:250px;
	padding:50px;
	height: 120px;
	width: 400px;
	border: 0px solid #333;
}
.title {
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 12px; 
	color: #fff;
	min-width:200px;
	border: 1px solid #ccc;
}
.text {
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 12px; 
	color: #fff;
}
.textRight {
	position: relative;
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 11px;
	left: 270px;
	color: #fff;
}
.small_text {
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 11px; 
	color: #fff;
}
.text_alpha {
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 12px; 
	color: #fff;
	font-weight: bold;
}
.text_directives {
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 16px; 
	color: #fff;
	font-weight: bold;
}
#close_btn { 
	font-size: 16px; 
	color: #fff;
	margin-right: 10px;
	text-align: right;
}
ckeditor {
	color: #222;
}
.spacer {
  clear: both;
}

/* clearfix hack-------------http://positioniseverything.net*/
.clearfix:after {
  content: "."; 
  display: block; 
  height: 0; 
  clear: both; 
  visibility: hidden;
}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */