@charset "utf-8";
/* CSS Document */

body, h1, h2, h3, a, p, img, div, object, ul, li, script{
	margin:0;
	padding:0;
	border:none;
}

body{
	margin-top:10px;
	background-color:#404040;
}

#wrapper{
	font-family:Arial, Helvetica, sans-serif;
	width:1034px;
	margin:auto;
}

#pub_gauche{
	float:left;
	width:230px;
	height:121px;
}

.logo{
	float:left;
	margin-left:10px;
	background:url(../images/logo_02.gif) top left no-repeat;
	width:541px;
	height:121px;
}

.logo a{
	width:541px;
	height:121px;
	display:block;
}

.logo h1{
	display:none;
}

#pub_droite{
	float:left;
	margin-left:10px;
	width:230px;
	height:121px;
}

#menu{
	position:relative;
	z-index:10000;
	margin-top:10px;
	float:left;
	height:30px;
}

#menu div{
	color:#858585;
	text-align:center;
	text-decoration:none;
	float:left;
	font-size:17px;
}

#menu div a{
	color:#858585;
	text-decoration:none;
	background:url(../images/menu.png) top left no-repeat;
	display:block;
	width:106px;
	height:30px;
	font-weight:bold;
	line-height:30px;
}

#menu div a:hover{
	background:url(../images/menuHL.png) top left no-repeat;
	width:106px;
	height:30px;
	color:#FFF;
}

#sport{
	display:none;
	margin-top:0px;
}

#sport a{
	color:#858585;
}

#sport li{
	list-style:none;
	font-size:12px;
}

#focus{
	display:none;
	margin-top:0px;
}

#focus a{
	color:#858585;
}


#focus li{
	list-style:none;
	font-size:12px;
}

#musiques{
	font-size:12px;
	display:none;
	margin-top:0px;
}

#musiques a{
	color:#858585;
}

#musiques li{
	list-style:none;
}

#evenements{
	font-size:12px;
	display:none;
	margin-top:0px;
}

#evenements a{
	color:#858585;
}

#evenements li{
	list-style:none;
}

#pub{
	margin-top:10px;
	background:url(../images/ecran_pub_transparent.png) top left no-repeat;
	margin-left:10px;
	width:384px;
	height:238px;
	float:left;
}

#flash{
	margin-left:12px;
	margin-top:12px;
}

#lecteur{
	background-color:#000;
	float:left;
	margin-top:-208px;
	width:640px;
	height:360px;
}

#ajouter_com{
	float:left;
	display:block;
	margin-top:-275px;
	margin-left:10px;
}

#ajouter_com a{
	font-size:12px;
	font-weight:bold;
	color:#FFF;
	text-decoration:none;
}

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

#vue{
	float:left;
	margin-top:-275px;
	margin-left:300px;
	font-size:12px;
	font-weight:bold;
	color:#FFF;
}

#commentaire{
	color:#FFF;
	display:block;
	float:left;
	margin-top:-240px;
	width:620px;
}

#aucun_com{
	color:#FFF;
	display:block;
	float:left;
	margin-top:-240px;
	margin-left:230px;
}

#aucun_com a{
	margin-left:-30px;
	font-weight:bold;
	text-decoration:none;
	font-size:12px;
	color:#FFF;
	display:block;
	float:left;
}

#aucun_com a:hover{
	text-decoration:underline;
}

#aucun_com h3{
	padding-bottom:20px;
}

#commentaire h3{
	padding-bottom:20px;
}

.page_navigation_com{
	margin-left:200px;
}

.page_navigation_com a{
	padding:3px 2px;
	margin:2px;
	color:white;
	text-decoration:none;
	float: left;
	font-weight:bold;
	font-size: 12px;
}

.page_navigation_com a:hover{
	text-decoration:underline;
}

ul.content_com li{
	list-style:none;
}

#auteur{
	font-size:13px;
	float:left;
}

#auteur span{
	float:right;
	font-weight:bold;
}

#date{
	font-size:12px;
	float:right;
}

#com{
	font-size:12px;
	padding-bottom:10px;
	border-bottom:#999 solid 1px;
}

#dernier_ajout{
	margin-top:10px;
	margin-right:250px;
	background:url(../images/fond_search.png) top left no-repeat;
	width:134px;
	height:30px;
	float:right;
	text-align:center;
	line-height:30px;
	color:#FFF;
	font-size:15px;
	font-weight:bold;
}

#cadre_search{
	background:url(../images/fond_search.png) top left no-repeat;
	width:250px;
	height:30px;
	float:right;
	margin-top:-30px;
}

#search{
	float:left;
	margin:3px;
	width:176px;
	height:20px;
	border:solid 1px;
	border-bottom-color:#c0c0c0;
	border-left-color:#343434;
	border-right-color:#5d5d5d;
	border-top-color:#cbcbcb;
}

.bt_chercher{
	float:left;
	cursor:pointer;
	border:none;
	margin-top:6px;
	background:url(../images/chercher_haut.png) top left no-repeat;
	width:60px;
	height:18px;
}

.bt_chercher:active{
	background:url(../images/chercher_bas.png) bottom left no-repeat;
}

#titreVideo{
	font-weight:bold;
	font-style:italic;
}

#playlist{
	display:block;
	margin-top:-111px;
	margin-left:650px;
	float:left;
	overflow:auto;
	height:402px;
	width:384px;
}

#playlist img{
	float:left;
	padding:5px;
}

#playlist ul.content{
	margin-top:28px;
}

#moteur{
	display:block;
	margin-top:-111px;
	margin-left:650px;
	float:left;
	overflow:auto;
	height:402px;
	width:384px;
}

li#fond:hover{
	background:url(../images/fond_playlistHL.png) top left no-repeat;
	width:366px;
	height:67px;
	list-style:none;
	text-decoration:underline;
	color:#FFF;
}

li#fond{
	background:url(../images/fond_playlist.png) top left no-repeat;
	width:366px;
	height:67px;
	list-style:none;	
}

li#fondHL{
	background:url(../images/fond_playlistSelect.png) top left no-repeat;
	width:366px;
	height:67px;
	list-style:none;
}

li#fondHL:hover{
	text-decoration:underline;
	color:#FFF;
}

li#fondHL p{
	display:block;
	font-weight:normal;
}

li#fondHL a{
	color:#FFF;
	font-size:12px;
	text-decoration:none;
}

li#fond p{
	display:block;
	font-weight:normal;
}

li#fond a{
	color:#FFF;
	font-size:12px;
	text-decoration:none;
}

#moteur img{
	float:left;
	padding:5px;
}

.ellipse{
	float: left;
}

.page_navigation{
	display:block;
	margin-left:100px;
}

.page_navigation a{
	padding:3px 2px;
	margin:2px;
	color:white;
	text-decoration:none;
	float: left;
	font-weight:bold;
	font-size: 12px;
}

.page_navigation a:hover{
	text-decoration:underline;
}

.active_page{
	background-color:white !important;
	color:black !important;
}

#note_video{
	width:110px;
	margin-right:395px;
	margin-top:-275px;
	display:block;
	float:right;
}

ul.notes-echelle li{
	padding-right:2px;
    float:left; 
    list-style:none; 
    width:20px; 
    height:20px; 
}

ul.notes-echelle li label{ 
    display:block; 
    text-align:center;
	background:url(../images/etoiles.gif) center top no-repeat;
    line-height:20px; 
    cursor:pointer; 
}

ul.notes-echelle li.note-off label{ 
    background-position:center -60px; 
}

/* Effet lorsque une note est tabulée au clavier */ 
ul.notes-echelle.js li.note-focus{ 
    outline:1px dotted #000; 
}

ul.notes-echelle.js input.note{ 
    position:absolute; 
    left:-999%; 
}

#merci{
	display:none;
	font-size:12px; 
	font-weight:bold;
	color:#FFF;
	float:right;
	margin-top:-250px;
	margin-right:395px;
}

#ip{
	font-size:12px;
	font-weight:bold;
	color:#FFF;
	float:right;
	margin-top:-250px;
	margin-right:395px;
}

.voter{
	border:none;
	background:url(../images/voter_haut.png) top left no-repeat;
	width:60px;
	height:18px;
	float:right;
	margin-top:-250px;
	margin-right:395px;
	color:#FFF;
	cursor:pointer;
	font-size:12px;
	font-weight:bold;
	padding-bottom:5px;
}

.voter:active{
	background:url(../images/voter_bas.png) bottom left no-repeat;
}