/* Styles généraux */
body {
	margin: 0;
	padding: 126px 0 0 204px;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 10px;
	line-height: 12px;
}
form {
	margin: 0;
	padding: 0;
}
#contour, #conteneur, #haut, #bas, #liste, fieldset, fieldset p, *.clear {
	position: relative;
	display: block;
	margin: 0;
	padding: 0;
	border: 0;
}
fieldset {
	padding: 10px;
	z-index: 100;
}
.bg {
	z-index: 0;
}
fieldset label, fieldset input {
	display: block;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 10px;
	line-height: 12px;
}
*.clear {
	clear: both;
	float: none;
	overflow: hidden;
	height: 0;
}
a {
	color: #008dd7;
	cursor: pointer;
}
a img {
	border: 0;
}
h1 {
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 18px;
	line-height: 20px;
	color: #5d3e1a;
	margin: 0;
	padding: 10px 0;
}


/* Haut de page */
#haut {
	width: 603px;
	height: 62px;
}
html>body #haut {
	background: url(../images/meilleur-2008/haut.png) no-repeat 0 0;
}


/* Conteneurs principaux */
#contour {
	background: #ffc24c;
	padding: 0 7px 0 9px;
	width: 587px;
}
#conteneur {
	width: 566px;
	padding: 194px 0 0 21px;
	background: #ffd88d url(../images/meilleur-2008/fond.gif) no-repeat 0 0;
}


/* Bas de page */
#bas {
	width: 603px;
	height: 56px;
}
html>body #bas {
	background: url(../images/meilleur-2008/bas.png) no-repeat 0 0;
}


/* Texte */
#texte {
	position: absolute;
	display: block;
	top: 105px;
	left: 115px;
	width: 395px;
	margin: 0;
	padding: 0
	border: 1px soldi red;
	font-size: 11px;
	line-height: 13px;
	color: #5d3e1a;
}
#texte a {
	color: #5d3e1a;
}


/* Pochette d'album */
#pochette {
	position: absolute;
	display: none;
	top: 200px;
	left: 502px;
	width: 76px;
	height: 89px;
	z-index: 1000;
}
#pochette img {
	display: block;
}
#photo {
	border: 3px solid #ff9600;
	background: #000;
	width: 70px;
	height: 70px;
}
#onglet {
	border: 0;
	width: 76px;
	height: 13px;
}
html>body #onglet {
	background: url(../images/meilleur-2008/la-critique.png);
}


/* Liste des remix */
#liste {
	width: 566px;
}

/* Lignes pour chaque remix */
#liste p, #liste p a {
	position: relative;
	display: block;
	overflow: hidden;
	margin: 0;
	padding: 0;
	width: 481px;
	height: 24px;
}
#liste p a {
	float: left;
	width: 481px;
	font-size: 11px;
	line-height: 23px;
	color: #000;
	text-decoration: none;
	z-index: 100;
	outline: 0;
}
#liste p a em { /* Nom de l'extrait */
	display: none;
	color: #fff;
	font-style: normal;
	font-size: 10px;
	line-height: 12px;
}
#liste p a.o em {
	display: block;
}
#liste p.alt a { /* Couleur de fond en alternance */
	background: #ffc24c;
}
#liste p a.h span { /* Couleur de fond du mouse over */
	background: #ff9600;
}
#liste p a.o span {
	background: #ff5a00;
}
#liste select {
	width: 50px;
}
#liste select , #liste p a .col2, #liste p a .col3 {
	position: relative;
	display: block;
	overflow: hidden;
	float: left;
	margin: 0;
	padding: 0;
	z-index: 100;
	white-space: nowrap;
	height: 24px;
}
#liste select {
	width: 50px;
}
#liste p a .col2 {
	width: 180px;
	padding-left: 5px;
	margin-right: 3px;
}
#liste p a .col3 {
	width: 288px;
	padding-left: 5px;
}
#liste p a.o .col3 {
	line-height: 11px;
}


/* Formulaire de vote */
#liste fieldset {
	width: 285px;
	padding: 10px;
	margin: 20px auto 0 auto;
	background: #ffcf73;
	border: 1px solid #be9a5f;
}
#liste fieldset .col1 {
	position: relative;
	display: block;
	float: left;
}
a#soumettre {
	position: relative;
	display: block;
	float: right;
	width: 122px;
	height: 41px;
	background: url(../images/meilleur-2008/votez.gif) no-repeat 0 0;
	margin: 13px 0 0 0;
}
a#soumettre:hover {
	background: url(../images/meilleur-2008/votez-o.gif) no-repeat 0 0;
}



/* Messages d'erreur */
p.error {
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 11px;
	line-height: 13px;
	clear: both;
	float: none;
	width: auto;
	margin: 0;
	padding: 16px 8px;
	color: #f00;
}


/* Lecteurs Flash */
#mp1 {
	position: absolute;
	display: block;
	top: 166px;
	left: 310px;
	width: 191px;
	height: 20px;
}
#loading {
	position: absolute;
	display: none;
	top: 166px;
	left: 310px;
	width: 191px;
	height: 19px;
}
