/*******************************************************************************
 * INIT
 */
* { outline: none; }
img { border: 0; }
a { color: #DADDCF; text-decoration: none; }
a:hover { color: #DADDCF; }

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

.colorSelection, a.colorSelection, a.colorSelection:hover { color: #ffcf00; }
.colorDemo, a.colorDemo, a.colorDemo:hover { color: #A8CCE0; }
.colorSecret, a.colorSecret, a.colorSecret:hover { color: #ED3700; }

a.link-classic { color: #73756e; }
a.link-classic:hover { color: #DADDCF; }

a.link-classic-2 { color: #DADDCF; }
a.link-classic-2:hover { color: #73756e; }

a.link-classic-3 { color: #ED3700; padding-left:10px; }
a.link-classic-3:hover { color: #ED3700; }

.white { color: #fffff5; }
.white2 { color: #DADDCF; }
.gris { color: #73756e; }
.error { color: #ED3700; }

a.error { color: #5a2312; }
a.error:hover { color: #ed3700; }

#blackZone { display: none;	position: absolute;	width: 100%; height: 100%; background: #000; z-index: 990; filter : alpha(opacity=70); -moz-opacity : 0.7; opacity : 0.7; }


/*******************************************************************************
 * MAIN
 */
html {
	height: 100%;
	min-height: 100%;
}
body {
	padding: 0px;
	margin: 0px;
	background: #313030 url(../images/logo-header.png) top left no-repeat;
	
	font-family: Arial;
	font-size: 12px;
	color: #DADDCF;
	
	height: 100%;
	min-height: 100%;
}
#main {
	width: 876px;
	height: 650px;
	padding: 22px;
}
#main.player {
	padding-top: 49px;
	background: url(../images/popup-bg-top.png) 22px 44px no-repeat;
}


/*******************************************************************************
 * HEADER
 */
#header {
  width: 876px;
	height: 50px;
	font-size: 9px;
}
#header ul {
	float: right;
	list-style: none;
	padding: 0px;
	margin: 0px;
}
#header li {
	float: left;
	margin-left: 10px;
}
#header li a {
	color: #96968C;
	text-decoration: none;
}
#header li a:hover {
	color: #96968C;
	text-decoration: underline;
}



#playlist {
height:103px;
margin:0px 15px 8px 15px;
border-bottom:1px solid #1a1a1a;
}
#playlist.active {
border-bottom:1px solid #292828;
}
#playlist #my-content {
overflow:hidden;
}
#playlist #my-content ul {
list-style:none;
border:0px;
margin:0px;
padding:0px;
}
#playlist #my-content ul li {
border:0px;
margin:0px;
padding:0px;
float:left;
width:101px;
height:57px;
margin-right:1px;
}
#playlist #my-content ul li a {
position:relative;
border:0px;
margin:0px;
padding:0px;
float:left;
width:101px;
height:57px;
display:block;
}
#playlist #my-content ul li a div.over {
position:absolute;
top:0px;
left:0px;
display:none;
}
#playlist #my-content ul li a:hover div.over, #playlist #my-content ul li a.active div.over {
display:block;
}
#playlist #my-content ul li a div.myimg {
position:absolute;
width:101px;
height:57px;
top:0px;
left:0px;
}
#playlist #my-content a img {
display:block;
width:101px;
height:57px;
}


/*******************************************************************************
 * MENU
 */
#menu { width: 876px;	height: 41px;	background: url(../images/popup-bg-top.png) bottom left no-repeat; }
#menu ul { list-style: none; padding: 0px; margin: 0px; }
#menu li { position:relative; float: left; width: 119px; height: 41px; margin-right: 1px; background: url(../images/menu-bg.png) 0px -82px no-repeat; line-height: 36px; text-indent: 15px; }
#menu li a { display: block; width: 119px; height: 41px; line-height: 39px;	}

#menu li.active {	background: url(../images/menu-bg.png) 0px 0px no-repeat; }
#menu li.active a:hover { background: url(../images/menu-bg.png) 0px 0px no-repeat; }
#menu li a:hover { background: url(../images/menu-bg.png) 0px -41px  no-repeat; }

#menu li.first { background: url(../images/menu-bg-first.png) 0px -82px no-repeat; }
#menu li.first.active { background: url(../images/menu-bg-first.png) 0px 0px no-repeat; }
#menu li.first.active a:hover { background: url(../images/menu-bg-first.png) 0px 0px no-repeat; }
#menu li.first a:hover { background: url(../images/menu-bg-first.png) 0px -41px  no-repeat; }

#menu li.special { text-indent: 35px; background: url(../images/menu-bg-special.png) 0px -82px no-repeat; }
#menu li.special.active { background: url(../images/menu-bg-special.png) 0px 0px no-repeat; }
#menu li.special.active a:hover { background: url(../images/menu-bg-special.png) 0px 0px no-repeat; }
#menu li.special a:hover { background: url(../images/menu-bg-special.png) 0px -41px  no-repeat; }
#menu li.special img { position:absolute;	float: left; top: 10px; left: 12px; }

#menu li.search { width: 59px; background: url(../images/menu-search-bg.png) 0px -82px no-repeat; }
#menu li.search a { width: 59px; }
#menu li.search.active { background: url(../images/menu-search-bg.png) 0px 0px no-repeat; }
#menu li.search.active a:hover { background: url(../images/menu-search-bg.png) 0px 0px no-repeat; }
#menu li.search a:hover { background: url(../images/menu-search-bg.png) 0px -41px no-repeat; }


/*******************************************************************************
 * CONTENT
 */
#content {
	position: relative;
	width: 846px;
	height: 530px;
	background: #1a1a1a url(../images/popup-bg.png) left bottom no-repeat;
	padding: 15px;
}

#main.player #content {
	height: 594px;
}

#content #fil {
	position: relative;
	margin: 2px 0 45px 0;
  padding: 0px;
  font-size: 14px;
  font-weight: normal;
  height: 16px;
}

#content #fil.visite-big {
  font-size: 24px;
  margin: 2px 0 99px 0;
}
#content #fil.visite-big div.left {
  position: absolute;
  top: -9px;
}
#content #fil div.response {
  position: absolute;
  color: #73756e;
  font-size: 12px;
  top: 49px;
}
#content #fil div.response2 {
  position: absolute;
  font-size: 24px;
  top: 32px;
}

#content #fil.secret {
	color: #ED3700;
}

#content #fil div.left a {
	color: #73756e;
	padding: 7px 9px 7px 0px;
}
#content #fil div.left a:hover {
	color: #DADDCF;
	background: #ED3700;
}
#content #fil div.left a.filtre {
	font-size: 12px;
}
#content #fil div.left a.filtre:hover {

}
#content #fil div.left a.filtre.active {
	color: #fffff5;
	background: none;
}
/*
#content #fil.secret div.left a {
	color: #ED3700;
	padding: 7px 9px 7px 0px;
}
#content #fil.secret div.left a:hover {
	color: #ED3700;
	background: #84290d;
}*/

#content #fil div.right.bt {
	width: 21px;
	height: 30px;
}

#content #fil #prev-next-label, #content #fil #prev-next-label2 {
	color: #73756e;
	margin-right: 12px;
}

#content #fil a.bt-prev, #content #fil a.bt-next {
	position: absolute;
	display: block;
	padding: 0px;
	width: 21px;
	height: 30px;
	top: -9px;
}
#content #fil a.bt-prev { background: url(../images/bt-prev.png) 0px 0px no-repeat; }
#content #fil a.bt-prev:hover { background: url(../images/bt-prev.png) 0px -30px no-repeat; }
#content #fil a.bt-next { background: url(../images/bt-next.png) 0px 0px no-repeat; }
#content #fil a.bt-next:hover { background: url(../images/bt-next.png) 0px -30px no-repeat; }


/*******************************************************************************
 * COMMAND BAR - BOTTOM
 */
div.cmd-bottom {
	position: absolute;
	width: 846px;
	bottom: 31px;
}
div.cmd-bottom.search {
	bottom: 62px;
}
div.cmd-bottom-pagination {
	position: absolute;
	width: 846px;
	bottom: 15px;
}
div.cmd-bottom img {
	position: absolute;
	top: 1px;
}
div.cmd-bottom div.pad {
	padding-right: 10px;
}
div.cmd-bottom #partage {
	padding-left: 0px;
}
div.cmd-bottom #partage #partage-pane {
	position: absolute;
	left:0px;
	top: -55px;
	display: none;
	width: 174px;
	height: 61px;
	background: url(../images/partage.png) top left no-repeat;
}
div.cmd-bottom #partage #partage-pane ul {
	list-style: none;
	padding: 5px;
	margin: 0px;
}
div.cmd-bottom #partage #partage-pane li {
	float: left;
	height: 33px;
	line-height: 33px;
}
div.cmd-bottom #partage #partage-pane li a {
	display: block;
	width: auto;
	padding-right: 7px;
	padding-left: 7px;
	height: 33px;
	color: #73756e;
}
div.cmd-bottom #partage #partage-pane li a:hover {
	color: #73756e;
  background: #cdd0c2;
}














div.last-cmd {
  position:absolute;
  top: 115px;
  left: 898px;
}
div.last-cmd div.s1 {
  width: 22px;
  height: 60px;
  background: url(../images/bt-last-selection.png) no-repeat top left;
}
div.last-cmd div.s2 {
  position:absolute;
  top: 61px;
  width: 22px;
  height: 60px;
  background: url(../images/bt-last-bande.png) no-repeat top left;
}
div.last-cmd div.s1.off, div.last-cmd div.s2.off {
	display:none;
}
div.last-cmd div.s1.active, div.last-cmd div.s1:hover {
  background: url(../images/bt-last-selection.png) no-repeat 0px -60px;
}
div.last-cmd div.s2.active, div.last-cmd div.s2:hover {
  background: url(../images/bt-last-bande.png) no-repeat 0px -60px;
}
div.last-cmd div.s1 a, div.last-cmd div.s2 a {
  width: 22px;
  height: 60px;
  display: block;
}