body {
	font-size: 12px;
	color: #646464;
	margin: 0;
	padding: 0;
}

.left, .right {
    float: left;
}

.clear {
    visibility : hidden;
    display : block;
    float : none;
    clear : both;
    font-size : 1px;
}

#settings {
	border: 1px solid #646464;
}
#settings ul {
	margin : 0 0 0 5px;
	padding: 0;
}
#settings li {
	list-style-position : inside;
}
#settings p#hidde-settings {
	text-align: center;
	margin : 0;
	cursor : pointer;
}

#channels {
	padding : 0;
	margin : 0;
}
#channels li {
	float : left;
	list-style : none;
	border : 1px #646464 solid;
	margin : .2em;
	cursor : pointer;
	text-align : center;
	width : 70px;
	height : 100px;
	padding : 1px;
}
#channels li:hover {
	background : #464646;
	color : #FFF;
}
/*
#channels li.retour {
	clear : left;
}
*/
#channels li img {
	display : block;
	margin : 0 auto;
}


#remote {
	position	: relative;
}
#remote ul {
	margin	: 0;
	padding	: 0;
}
#remote ul li {
	display		: block;
	position	: absolute;
	list-style	: none;
	background	: url(../images/remote/buttons.png) no-repeat;
	width		: 22px;
	height		: 12px;
}
#remote ul li a {
	display		: block;
	width		: 100%;
	height		: 100%;
}

#remote ul li#chaines {
	background-image	: none;
	left	: 65px;
	top		: 476px;
	width	: 37px;
	height	: 19px;
}
#remote ul li#chaines input {
	width		: 37px;
	height		: 19px;
	border		: none;
	font-weight	: bold;
	text-align	: center;
	padding		: 0;
	background	: transparent;
	color		: #FFF;
}

#remote ul li#hd1 {
	background-position	: 0 0;
	left	: 46px;
	top		: 31px;
}
#remote ul li#hd2 {
	background-position	: -22px 0;
	left	: 107px;
	top		: 31px;
}

#remote ul li#hd1.selected {
	background-position	: 0 -12px;
}

#remote ul li#hd2.selected {
	background-position	: -22px -12px;
}