/************************************************************ */
/*	BALISE HTML                                                                                            */
/************************************************************ */
body {
	margin: 0;
	background-color: #333;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 70%;
	color: #FFF;
}
h1, h2, h3, h4, h5, h6 {
	margin: 0;
}
p {
	margin: 0;
	font-size: 1em;
}
abbr {}
ul {
	margin: 10px 0;
	padding-left: 30px;
}
ul ul {
	margin-top: 0;
	margin-bottom: 0;
}
li {
	font-size: 1em;
}
hr {
	clear: both;
	height: 1px;
	border: 0;
	border-top: 1px solid #FFF;
}

table {
	border-spacing: 0;
}

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

img{
	border: none;
}

/* FORM */
form {}
form p {
	line-height: 25px;
}
form em {
	color: #F00;
}
legend {
	color: #FFF;
	font-size: 12px;
	font-weight: bold;
}
label {
	display: block;
}
fieldset, input, textarea {
	background-color: #000;
	border: 1px solid #FFF;
	color: #FFF;
}
textarea {
	width: 100%;
}
input.focus, textarea.focus {
	background-color: #333;
}
input[type=submit], input[type=reset] {
	float: right;
	margin-left: 10px;
	font-size: 12px;
	font-weight: bold;
}

/* ------------------------------
/*COMMUN
/* ------------------------------ */
.hidden { display: none; }
.breaker {
	clear: both;
	height: 0;
	overflow: hidden;
}
.url {}
.a { color: #666; }
.float-left { float: left; }
.float-right { float: right; }

/* ------------------------------
/* WRAPPER
/* ------------------------------ */
#wrapper {
	width: 100%;
}
#wrapper_top {
	width: 100%;
	background-color: #000;
}
#wrapper_bottom {
	width: 100%;
}

/* ------------------------------
/*PAGE
/* ------------------------------ */
#page {
	width: 1000px;
	margin: 0 auto;
}

/* ------------------------------
/*LEFT
/* ------------------------------ */
#left {
	float: left;
	width: 160px;
	height: 500px;
	padding: 20px;
	background: url(/media/image/skeud.gif) no-repeat right top;
}

/* ------------------------------
/* CONTAINER
/* ------------------------------ */
#container {
	float: left;
	width: 600px;
}
#containerpop {}

/* ------------------------------
/*HEADER
/* ------------------------------ */
#header {
	height: 200px;
}
#headerpop {
	height: 200px;
	background: url(/media/image/youkounkoun-radio.gif) no-repeat left top;
}
#headerpop_electro {
	height: 200px;
	background: url(/media/image/youkounkoun-radio_electro.gif) no-repeat left top;
}
#header-left {
	float: left;
	width: 400px;
	height: 200px;
	background: url(/media/image/youkounkoun-radio.gif) no-repeat left top;
}
#header-left_electro {
	float: left;
	width: 400px;
	height: 200px;
	background: url(/media/image/youkounkoun-radio_electro.gif) no-repeat left top;
}
#header-right {
	float: left;
	width: 180px;
}
#ecouter {
	width: 100px;
	height: 40px;
	margin: 20px 0 0 40px;
	padding: 30px 0 0 0;
	background: url(/media/image/ecouter.gif) no-repeat center top;
	text-align: center;
}
#ecouter_2 {
	width: 100px;
	height: 40px;
	margin: 20px 0 0 40px;
	padding: 30px 0 0 0;
	background: url(/media/image/ecouter_2.gif) no-repeat center top;
	text-align: center;
}
#header a {
	text-decoration: none;
	color: #FFF;
}
#header a:hover {
	text-decoration: underline;
}

/* ------------------------------
/*MAIN
/* ------------------------------ */
#main {
	margin: 0 20px 20px 20px;
	color: #999;
}
#mainpop {
	margin: 20px;
	text-align: center;
	color: #999;
}
#main_header {
	height: 20px;
	margin-bottom: 20px;
	border-bottom: 1px solid #666;
}
.main_header-left {
	float: left;
	width: 10px;
	height: 20px;
	background: url(/media/image/main_header-left_n.gif) no-repeat left top;
}
.main_header-right {
	float: left;
	width: 30px;
	height: 20px;
	background: url(/media/image/main_header-right_n.gif) no-repeat left top;
}
#banner {
	float: left;
	position: relative;
	overflow: hidden;
	width: 315px;
	height: 20px;
}
#morceau {
	white-space: nowrap;
}
#main h3 {
	float: left;
	background-color: #666;
	line-height: 20px;
	font-size: 1.2em;
	color: #FFF;
}
#main p {
	margin: 10px 0;
}
#main li {
	list-style: url(/media/image/puce.gif);
}
#main li.on {
	list-style: url(/media/image/puce_en_cours.gif);
}
#main-top {
	height: 34px;
	background: url(/media/image/youkounkoun_presente.gif) no-repeat 210px top;
}
#main-left {
	float: left;
	width: 198px;
}
#playlist {}
#titres {
	font-size: 0.8em;
}
#auteur {
	text-align: right;
	font-size: 0.8em;
}
#main-right {
	float: right;
	width: 350px;
}
.bloc {}
.bloc_header {
	height: 10px;
	background: url(/media/image/pixel_blanc.gif) repeat-x top;
}
.bloc_header-left {
	float: left;
	overflow: hidden;
	width: 10px;
	height: 10px;
	background: url(/media/image/bloc_header-left.gif) no-repeat left top;
}
.bloc_header-right {
	float: right;
	overflow: hidden;
	width: 10px;
	height: 10px;
	background: url(/media/image/bloc_header-right.gif) no-repeat right top;
}
.bloc_container {
	background: url(/media/image/pixel_blanc.gif) repeat-y left;
}
.bloc_container-inner {
	background: url(/media/image/pixel_blanc.gif) repeat-y right;
}
.bloc_container-content {
	padding: 10px 20px;
}
.bloc_footer {
	height: 10px;
	background: url(/media/image/pixel_blanc.gif) repeat-x bottom;
}
.bloc_footer-left  {
	float: left;
	overflow: hidden;
	width: 10px;
	height: 10px;
	background: url(/media/image/bloc_footer-left.gif) no-repeat left top;
}
.bloc_footer-right {
	float: right;
	overflow: hidden;
	width: 10px;
	height: 10px;
	background: url(/media/image/bloc_footer-right.gif) no-repeat right top;
}


/* ------------------------------
/*FOOTER
/* ------------------------------ */
#footer {
	margin: 0 20px;
	padding: 10px 0;
	border-top: 1px solid #666;
	line-height: 22px;
	color: #666;
	font-size: 1em;
	font-weight: bold;
}
#footer-left {
	float: left;
	width: 80px;
}
#bottommenu {
	margin: 0 auto;
	text-align: center;
}
#footer-right {
	float: right;
	width: 80px;
	text-align: right;
}
#footer img {
	vertical-align: middle;
}
#footer a {
	text-decoration: none;
	color: #666;
}
#footer a:hover {
	text-decoration: underline;
}

/* ------------------------------
/* RIGHT
/* ------------------------------ */
#right {
	float: left;
	width: 160px;
	padding: 20px 0;
}
#right h3 {
	line-height: 20px;
	font-size: 1.2em;
	color: #FFF;
}
#right input, .bloc input {
	border: none;
}

#paypal {
	text-align: right;
}
#paypal p {
	margin: 0;
}
#publicite {
	float: right;
	vertical-align: middle;
	text-align: center;
}
#sacem {
	float: right;
	text-align: center;
	vertical-align: middle;
	overflow: hidden;
}
.dons {
	height: 19px;
	border-top: 1px solid #666;
	border-bottom: 1px solid #666;
}
.don {
	float: left;
	width: 30px;
	height: 19px;
	overflow: hidden;
}