body {
font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
margin: 0;
padding: 0;
background-image:url(img/fond.png);
background-repeat:repeat-x;
}

style {
font : font-style, font-variant, font-weight,¬
	font-size/line-height, font-family;
}


#header {
height: 100px;
color:#FFFFFF;
font-size:25px;
}

#header h1 {
font: normal 14px/20px Trebuchet MS;
}


#menuchaines {
height: 50px;
}


#menuchaines #menu {
float:left;

}

#menuchaines #menu ul {
margin:0;
padding:0;
list-style:none;
}

#menuchaines #menu li {
float:left;
margin:0;
padding:0;
}

#menuchaines #menu a {
margin: 0 2px;
width: 110px;
height: 30px;
display: block;
text-align: center;
border-top: 1px solid #000;
border-left: 1px solid #000;
border-right: 1px solid #000;
text-decoration: none;
color: #666;
background: #fff;
font: bold 14px/30px Trebuchet MS;
}


#menuchaines #menu a:hover {
margin: 0 2px;
width: 110px;
height: 30px;
display: block;
text-align: center;
border-top: 1px solid #000;
border-left: 1px solid #000;
border-right: 1px solid #000;
text-decoration: none;
color: #000;
background: #fff;
font: bold 14px/30px Trebuchet MS;
background-image:url(img/fleche.gif);
background-repeat: no-repeat;
background-position: 5px 100%;
}




#conteneur {
position:relative;
width: 940px;
margin: 0 auto; 
}

#centre {
margin-right: 360px;
}

#programmes {
position:relative;
border:1px solid #efefef;
margin:1px;
padding:3px;
}


/*-------------------------*/
/* DROITE */
/*-------------------------*/
#droite {
position: absolute;
right:0;
width: 340px;
}

#droite #titre{
border:2px solid #FFCC00;
width:320px;
height:48px;
background-image:url(img/fond_titre.png);
font: normal 20px/48px Trebuchet MS;
}


#pied {
height: 30px;
border-top:1px solid #000;
}


#conteneurpied {
position: relative;
width: 940px;
margin: 0 auto; 
}

.photo {
border:1px solid #666;
width:150px;
height:105px;
}

.vignette {
margin:0;
padding:0;
width:152px;
height:140px;
float: left;
margin-top:5px;
font-size:12px;
border:2px solid #fff;
text-align:left;
}




#moments {
width:100%;
height:30px;
background-color:#fff;
/* border-bottom:1px solid #efefef; */
text-align:right;
}

#moments #menu {
float:left;
}

#moments #menu ul {
margin:0;
padding:0;
list-style:none;
}

#moments #menu li {
float:left;
margin:0;
padding:0;
}

#moments #menu a {
/*
margin: 0 2px;
text-align: center;
text-decoration: none;
color: #000;
background: #fff;
*/
margin: 0 2px;
width: 105px;
height: 25px;
display: block;
text-align: center;
border: 1px solid #efefef;
text-decoration: none;
color: #000;
/* background: #fff; */
font: normal 13px/24px Trebuchet MS;
}


#moments hr {
	clear: both;
	visibility: hidden;
}
#moments #menu a.current {
	text-decoration:underline;
	color: #000;
}
#moments #menu a.ghost  {
	text-decoration:none;
	color: #000;
}
#programmes .on {
	display: block;
}
#programmes .off {
	display: none;
}

#detail h1 {
font-size:24px;
line-height: 10px;
}

#menugenre {
width:100%;
}

#menugenre ul {
margin:0;
padding:0;
list-style:none;
}

#menugenre li {
float:left;
margin:0;
padding:0;
padding-top:2px;
}

#menugenre a {
margin: 0 2px;
width: 85px;
height: 25px;
display: block;
text-align: center;
border: 1px solid #efefef;
text-decoration: none;
color: #000;
background: #fff;
font: normal 13px/24px Trebuchet MS;
}


#footer {
background: #8f0000 url(img/bg_footer.gif) top left repeat-x;
position: relative;
bottom: 0;
margin:0;
width: 100%;
top:640px; 
text-align:center;
color:#FFFFFF;
}

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



#supdroite {
top:20px;
position:absolute;
width:320px;
min-height:200px;
margin-left:600px;
padding:2px;
text-align:center;
background-color:#fff;
}

#supdroite #titre{
border:2px solid #FFCC00;
width:315px;
height:48px;
background-image:url(img/fond_titre.png);
font: normal 20px/48px Trebuchet MS;
text-align:left;
}

#video {
margin-top:5px;
margin-bottom:5px;
}

h3 {
font-size:20px;
line-height: 10px;
}

h1 {
font-size:30px;
line-height: 30px;
}

#rss {
margin:0;
padding:0;
list-style:none;
}