body{
background: #000 url(images/fond.jpg) no-repeat fixed top center;
/*background: #539cdf url(images/degrad.jpg) top left repeat-x;*/
font-family:Verdana,"Trebuchet MS",sans-serif;
font-size:11px;
margin: 0 0 0 0;
padding: 0px;
}


a img{
border:0px solid black;
}

a{
	color:#000;
}


#dbottom{
background: transparent url(images/bottom.gif) top left repeat-x;
height:28px;
width:920px;
padding:0px;
margin:auto;
margin-top:0px;
}

#page{
margin: auto;
margin-top:5%;
width:920px;
background: #fff;
color:#000;
border:0px solid black;
padding-bottom:40px;
}



#header a{
color: #ffffff;
text-decoration:none;
border:0px;
margin-left:15px;
margin-top:0px;
margin-bottom:0px;
}

#menu{
position:relative;
margin-top:0px;
padding:0px;
height:30px;
width:920px;
margin:auto;
}


/* MENU ------*/

#chaines{
position:absolute;
z-index:300;
margin-top:0px;
width:920px;
background: transparent url(images/bg_menu.png) top left repeat-x;
height:30px;

}
#chaines ul{
position:relative;
display: block;
list-style-type: none;
margin: 0px;
padding: 0px;
}
#chaines ul li{
padding: 0px;
margin:0px;
position:relative;
text-align: center;
border-right:1px solid #DFDFDF;
color: #FFFFFF;
cursor:pointer;
width:130px;
}

#chaines ul li.principal{
display: inline; 
height:30px;
float: left;
}
#chaines ul li.principal:hover{
height:30px;
background: transparent url(images/bg_menu_hover.png) top left repeat-x;
}

#chaines ul li.active{
display: inline; 
float: left;
background: transparent url(images/casemenu.png) top left repeat-x;
}


#chaines ul li p{
	height:22px;
	font-weight:bold;
	margin: 0px;
	padding : 8px 10px 0px 10px;
}
#chaines ul li a{
	color:#fff;
}

#chaines ul li:hover ul.smenu{
margin:0px;
}

#chaines ul li ul.smenu li{
list-style: none;
display: block;
text-align:left;
margin:0px;
padding: 2px 4px 0px 2px;
border-bottom:1px dotted #ffffff;
height:14px;
background-color:#575556;
color: #FFFFFF;
}

#chaines ul li ul.smenu li:hover{
background-color: #ffb500;
}



/* MENU FIN ------*/

#content{
position:relative;
z-index:200;
padding:0px;
margin: 10px 5px 10px 5px;

}

#player{
position:absolute;
top:20px;
left:560px;
margin-top: 5px;
margin-left: 20px;
margin-right:0px;
margin-bottom:10px;
width: 320px;
}



.playerpreview{
	
}

#liste{
width:550px;
margin-right:10px;
padding-left:10px;
}


ul#tabnav {
	z-index:1;
    list-style-type: none;
    padding-bottom: 27px;
    border-bottom: 1px solid #cbcbcb;
    margin-left:0px;
    padding-left:0px;
    margin-bottom:0px;

}
ul#tabnav li {
	float: left;
    height: 24px;
    background-color: #454344;
    margin: 2px 4px 0 2px;
    border: 1px solid #cbcbcb;
}

#tabnav a {
    float: left;
    display: block;
    color:#ffa600;
    font-weight:bold;
    text-decoration: none;
    padding: 4px;
    height: 17px;
}
ul#tabnav li.active {
    border-bottom: 1px solid #fff;
    background-color: #fff;
    color:#ffa600;
    font-weight:bold;
       
}
ul#tabnav li.active a{
    color:#ffa600;
    font-weight:bold;
}
#tabnav a:hover{
    background: #fff;
    color:#ffa600;
}

#actualite_content{
margin-left:0px;
width: 550px;
}

.vignette{ 
	margin-top: 20px;
	position: relative;
	width: 180px;
	height: 130px;
	padding-bottom:20px;
	float: left;

	cursor:pointer;
}

.vignette span {
	width: 165px;
	height: 40px;
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	padding-top:110px;
	padding-left:10px;
	background: url(images/pola.png) no-repeat;
	
}


.left{
float:left;
margin-right:10px;
}



#recherche_content{
margin-left:0px;
width: 528px;
height: 250px;
overflow:auto;
}

#resultats ul li.active{
border:1px solid #FFFFFF;
color: #FFFFFF;
background: #59a236;
}

#resultats ul{
list-style-type: none;
padding:0px;
margin: 0px;
}
#resultats ul li{
padding: 4px;
margin: 5px 0 0 0px;
border-top:1px solid #dfdfdf;
background-color: #fff;
color: #000000;
cursor:pointer;
}
#resultats ul li:hover{

border:1px solid #FFFFFF;
background-color: #454344;
color: #FFFFFF;

}
#resultats ul li.active{
border:1px solid #FFFFFF;
color: #FFFFFF;
background-color: #454344;
}

/* 
==========================Onglets Admin 
*/

ul#tabnavadmin {
    list-style-type: none;
    padding-bottom: 27px;
    border-bottom: 1px solid #cbcbcb;
    margin-left:0px;
    padding-left:0px;
    margin-bottom:0px;
    width:880px;
}
ul#tabnavadmin li {
    float: left;
    height: 24px;
    background-color: #e5e5e5;
    margin: 2px 4px 0 2px;
    border: 1px solid #cbcbcb;
}

#tabnavadmin a {
    float: left;
    display: block;
    color:#454344;
    font-weight:bold;
    text-decoration: none;
    padding: 4px;
    height: 17px;
}
ul#tabnavadmin li.active {
    border-bottom: 1px solid #fff;
    background-color: #fff;
    color:#ffa600;
    font-weight:bold;
       
}
ul#tabnavadmin li.active a{
    color:#ffa600;
    font-weight:bold;
}
#tabnavadmin a:hover {
    background: #fff;
    color:#ffa600;
}


#chaines_content{
margin-left:0px;
width: 860px;
height: 400px;
}

#sschaines_content{
margin-left:0px;
width: 860px;
height: 400px;
overflow:auto;
}


#videos_content{
margin-left:0px;
width: 860px;
height: 400px;
}

/* 
==========================Fin Onglets Admin 
*/



/* 
==========================Formulaires Admin 
*/
#formulaire{
float:left;
margin-right:40px;
width:250px;
}



fieldset{
	width:250px;
	margin-right:15px;
}

#video_liste{
width:530px;
height:400px;
overflow:auto;
}

#video_liste  table{
width:500px;
border:0px;
padding:0px;
margin:0px;
}

#video_liste td{
padding:4px;
margin:0px;
}

table{
border:0px solid grey;
width:450px;
border-spacing: 0px;
}

th{
border:1px solid black;

}
.couleur{
background: #FFFFFF url(images/fondvideo.jpg) top left repeat-y;
color: #000000;
}


#imgup{
margin:10px;
}

#imgup h3{
background-color:#000;
color:#fff;
padding:4px;
}

/* 
==========================Fin Formulaires Admin 
*/


#flux_rss{
margin-left:140px;
}
#flux_rss h2{
color:#000;
text-transform:uppercase;
}
#flux_rss a{
color:#000;
}
.left{
float:left;
}



/* 
==========================Pages 
*/
#infos{

}



#footer{
clear:both;
/*background: transparent url(../images/footer.gif) top left no-repeat;*/
height: 30px;
width: 920px;
margin:auto;
}

#footer p{
padding-top:0px;
margin-bottom:4px;
margin-right:4px;
text-align:right;
color:#fff;
}

#footer a{
	color:#fff;
	text-decoration:none;
}



/* 
==========================INSTALL
*/


#header_install{
background: transparent url(images/header.gif) top left no-repeat;
margin: auto;
width:920px;
height: 60px;
margin-top:20px;
}

#header_install h3{
float:left;
margin-top:30px;
margin-left:350px;
text-transform:uppercase;
}

#page_install{
position:relative;
margin: auto;
padding:0px;
width:920px;
background: #ffffff;
}

#illustration_install{
float:left;
margin-right:150px;
}

#content_install{
padding-top: 10px;
margin-left:20px;
width: 700px;
}

#login{
height:300px;
background: #ffffff;
}
#login fieldset{

width:300px;

}

#footer_install{
clear:both;
background: transparent url(images/footer.gif) top left no-repeat;
height: 60px;
width: 920px;
margin:auto;
}

#footer_install p{
padding-top:40px;
margin-top:0px;
margin-bottom:4px;
margin-right:4px;
text-align:right;
color:#454344;
}

#footer_install a{
	color:#454344;
	text-decoration:none;
}