/* CSS Document */
/*
	rouge #B7000D
	noir  #1A1A1A
	gris  #ABACAF
*/

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #1A1A1A;
	font-size: 11px;
	margin: 8px;
	padding:0;
}

a {
	text-decoration: none;
	font-size: 11px;
	color: #1A1A1A;
}

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

a.txtbutton {
	float: left;
	padding: 7px 10px;
	margin: 10px 10px 10px 0;
	background: url(../img/fond-bouton.gif) center #787878;
	color: #FFFFFF;
}

a:hover.txtbutton {
	background: url(../img/fond-bouton-hover.gif) center #565656;
}

#logologin {
	width:420px;
	text-align: right;
	margin: 40px auto 0 auto;
}

.droite {
	text-align:right;
}

.centre {
	text-align:center;
}

.clear{
	clear:both;
}

.small {
	font-size: 9px;
}

p {
	margin : 15px 0;	
}


/*--- Titres ---*/

h1 {
	width:auto;
	font-size: 20px;
	font-weight: normal;
	color: #ABACAF;
	margin: 47px 0 35px 0;
	padding-bottom: 5px;
	border-bottom: #ABACAF 0px dashed;
}

fieldset.login h1 {
	margin: 20px 0 35px 0;
}

h2 {
	width: auto;
	font-size: 15px;
	font-weight: normal;
	color: #B7000D;
	margin: 0 20px 25px 20px;
}


/*--- Menu général ---*/

#menu-top {
	margin: 10px;
	font-weight:bold;
}

#menu {
margin-left:20px;
}

#menu ul {
	background-color:#fff;
	margin: 0;
	margin-top:-30px;
	width:195px;
	padding: 0;
	list-style: none;
}

#menu ul li {
	margin: 0;
	padding: 8px 0 8px 0;
	border-bottom: #ABACAF 1px dashed;
	text-align:left;
	margin-left:0px;
}

#menu ul li:hover {
	background: url(../img/menu-hover.gif) no-repeat;
}

#menu h1 {
position:relative;
z-index:1500;
width:651px;
height:50px;
background-image: url(../template/VR/images/h1menu.png);
background-repeat: no-repeat;
background-position:top left;
margin-left:-23px;
padding-left:20px;
padding-top:20px;
color:#fff;
font-weight:bold;
font-size:13px;
}

#menu img {
	margin: 0 10px 5px 10px;
	display: block;
	float: left;
	border: none;
}

#menu .logout {
	margin: 25px 0;
	border-bottom: 0px #FFFFFF;
}


/*--- Formulaires ---*/

fieldset {
	border: 0;
	width: auto;
	padding: 0;
	margin: 0 20px;
}

fieldset.login {
	border: 0;
	width: 400px;
	padding: 0;
	margin: 0 auto;
}

fieldset p {
	margin: 10px 0;
}

label.text {
	display: block;
	float: left;
	width: 40%;
	text-align: right;
	margin: 2px 10px 0 0;
}

label.titre {
	display: block;
	width: 40%;
	text-align: right;
	margin: 2px 10px 10px 0;
	font-weight: bold;
}

label.editmp3{
	display: block;
	float: left;
	width: 20%;
	text-align: right;
	margin: 2px 10px 0 0;
}

label.textlarge {
	width: auto;
	text-align: left;
	margin: 0 10px 0 0;
}

label.titreconfig {
	display: block;
	float: left;
	width: 40%;
	text-align: right;
	margin: 2px 10px 0 0;
	padding: 13px 0 0 0;
	font-size: 14px;
	color: #B7000D;
	font-weight: bold;
}

input,textarea,select {
	width: 200px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	border: #ABACAF 1px solid;
	margin-right: 8px;
	padding: 2px;
}

input.radio {
	width: auto;
	border: none;
}

input.small {
	width: 40px;
	margin: 0;
}

input.medium {
	width: 100px;
}

select.short {
	width: auto;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	border: #ABACAF 1px solid;
	margin-right: 8px;
	padding: 2px;
}

input.button {
	width: auto;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	border: 0px;
	background: url(../img/fond-bouton.gif) center #787878;
	margin: 10px 0 0 0;
	padding: 0 10px 0 10px;
	height: 25px;
}

input.button:hover {
	background: url(../img/fond-bouton-hover.gif) center #565656;
	cursor:pointer;
}

form .legende {
	display:block;
	font-size: 9px;
	color: #ABACAF;
	margin: 3px 0 0 40%;
	padding: 0 0 0 10px;
}

form .alert {
	display:block;
	font-size: 12px;
	color: #B7000D;
	margin: 3px 0 0 40%;
	padding: 0 0 0 10px;
}

form img {
	float: left;
	margin: 16px 10px 0 0;
}


/*--- Tableaux ---*/

table {
	border: none;
	margin: 0;
	border-collapse: collapse;
}

th {
	background:  url(../img/fond-th.gif) center;
	padding: 4px;
}

tr:hover {
	background: #DFDFDF;
}

td {
	padding: 4px 10px;
	border-bottom: #DFDFDF 1px dotted;
}

table img {
	padding: 0 5px;
	border: 0;
}


/*--- Page Status ---*/

#status h2 {
	margin: 0 20px 15px 20px;
}

#nouveautes {
	margin: 0 0 30px 40px;
	border-left: #DFDFDF 5px solid;
}

#nouveautes ul {
	list-style: none;
	padding: 0 10px 0 10px;
	margin: 0 0 0 15px;
}

#nouveautes ul li {
	background: url(../img/bullet_black.png) no-repeat center left;
	padding: 0px 0 0 25px;
	margin: 2px 0;
}

#liens {
	margin: 0 0 30px 40px;
	border-left: #DFDFDF 5px solid;
}

#liens ul {
	margin: 0 0 0 25px;
	padding: 0;
}

#liens ul li {
	list-style: none;
	background: url(../img/sound.png) no-repeat center left;
	padding: 0 0 0 25px;
	margin: 10px 0;
}

#liens h3 {
	margin: 0;
}

#statistiques {
	margin: 0 0 30px 40px;
	border-left: #DFDFDF 5px solid;
}

#statistiques p {
	padding: 0 0 0 20px;
}

#actuellement {
	margin: 0 0 30px 40px;
	border-left: #DFDFDF 5px solid;
}

#actuellement p {
	padding: 0 0 0 20px;
}


/*--- Page Playlist ---*/

#playlistLeft {
	float : left;
	width: 390px;
}

#playlistCenter {
	position: absolute;
	left: 385px;
	top: 250px;
}

#playlistRight {
	position : absolute;
	left : 450px;
	float : right;	
	width: 390px;
}

#nbAff {
	margin: 0 0 10px 0;
}

a.pagination {
	margin: 20px 2px 20px 0px;
	padding: 4px 7px;
	border: #DFDFDF solid 1px;
}