body{
background: #ffb400 url(../images/degrad.png) 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:#fff;
}

#dtop{
background: transparent url(../images/header_takenologic.png) bottom left repeat-x;
height:100px;
width:920px;
margin:auto;
}


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

#page{
margin: auto;
width:920px;
background: #fff;
color:#000;
height:400px;
border:0px solid black;
}






#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;
margin-top:0px;
width:920px;
background: transparent url(../images/bg_menu.png) top left repeat-x;
height:30px;

}
#chaines ul{

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;
}

#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{
padding:0px;
margin: 10px 5px 10px 5px;

width: 920px;
}

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

.playerpreview{
	
}

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


ul#tabnav {
    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;
height: 350px;
overflow:auto;

}
#actualite_content ul{
list-style-type: none;
padding:0px;
margin: 0px;
}
#actualite_content ul li{
padding: 0px;
margin: 10px 0 0 0px;
background-color: #333;
color: #454344;
height:60px;
cursor:pointer;
}
#actualite_content ul li:hover{
background-color: #454344;
color: #000000;
}
#actualite_content ul li.active{
background-color: #454344;
color: #FFFFFF;
}

.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: #333;
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;
}

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


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




#infos{
padding:10px;
padding-bottom:150px;
background:#fff url(../images/bottom_400x177.jpg) bottom left no-repeat;
margin-bottom:0px;
}



#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;
}