body {padding:25px 0; background:url("../design/bg.gif") 0 0 repeat-x; font:bold 11pt/20px Times New Roman;}
 
h1, h2, h3, h4, h5, h6, p, address, blockquote, table, dl, fieldset {margin:15px 0;}

pre{
    white-space:-o-pre-wrap; /* CSS 3 */
    white-space:-moz-pre-wrap; /* Mozilla depuis 1999 */
    white-space:-pre-wrap; /* Opera 4 à 6 */
    white-space:-o-pre-wrap; /* Opera 7 */
    word-wrap:break-word; /* IE 5.5+ */
    overflow:visible;/* IE 6 */
	width:95%;
	font:1.1em/1.5 "arial", sans-serif;
}

/* ----------------------------------------------------------------------------------------------------------
2) HTML styles
---------------------------------------------------------------------------------------------------------- */


.navigation .mainNav											{background: #547272 url('../images/mainNav.gif') center top repeat-x; height: 30px}
.navigation .mainNav ul											{
	list-style: none;
	padding: 0;
	margin-top: 0;
	margin-right: 0px;
	margin-bottom: 0;
	margin-left: 0px;
}
.navigation .mainNav ul li										{float: right; display: block}
.navigation .mainNav ul li a									{  color: #DAE1E1; float: right; display: block; text-decoration: none;  height: 32px; line-height: 32px; padding: 0 28px}

.navigation .mainNav ul li a:hover								{background-color: #466060;
float: right;}
.navigation .mainNav ul li a.selected:hover,
.navigation .mainNav ul li a.selected							{background: #EBEFEF url('../images/headerNav.gif') left top no-repeat; color: #727567; margin: 3px 0 0 0; height: 29px; line-height: 29px}

.navigation .mainNav ul li span.split 							{background: #4b6768 url('../images/mainNav.gif') center bottom repeat-x; height: 32px; width: 1px; display: block}

/*Sub Menu*/
.navigation .subNav												{background: #FFFFFF url('../images/subNavBg.gif') repeat-x; height: 34px;}
.navigation .subNav ul 											{list-style: none; padding: 0; margin: 0 0 0 10px}
.navigation .subNav ul li										{display: block; float: right; background: url('../images/subNavDivide.gif') top right no-repeat;}
.navigation .subNav ul li.last									{background: none;}

.navigation .subNav ul li a 									{  
display: block; float: left; padding: 0 19px; line-height: 29px;  text-decoration: none; color: #5f6156} 

.navigation .subNav ul li a span								{  
cursor: pointer}
.navigation .sportsNav ul li a									{
padding: 0 19px}
.navigation .subNav ul li a:hover								{
background: url('../images/subNavBg.gif') center -34px repeat-x}
.navigation .subNav ul li a.selected							{
background: url('../images/subNavBg.gif') center bottom repeat-x}
.navigation .subNav ul li a.selected span						{
background: url('../images/subNavArrow.gif') bottom right no-repeat; display: block; float: left; height: 33px}

/* 


 ----------------------------------------------------------------------------------------------------------
3) Layout
---------------------------------------------------------------------------------------------------------- */


.primaryBar													{background: url('../images/barBg.gif') repeat-x; height: 20px; width: 100%; display: block; }



#main {width:940px; padding:10px; margin:0 auto; overflow:hidden;}

    #header {
	position:relative;
	height:100px;
	padding:0 35px 0 0;
	background:url("../design/header.gif") 0 0 no-repeat;
	overflow:hidden;
	background-image: url(design/header.jpg);
}
    #header #logo {margin:0;}
    
        #slogan {position:absolute; top:30px; right:0; width:275px; padding:10px 15px 10px 10px; background:url("../design/pattern.gif");}
    
    #nav {
	position:relative;
	padding:0px;
	margin:0;
	background:url("../design/nav.gif") 0 0 repeat-x;
	background-color: #B6B8AA;
}
    #nav ul {margin:0; list-style:none; padding:0;}
    #nav ul li {display:inline;}
    #nav ul li a {display:block; float:right; padding:1px 10px; background:url("../design/nav-separator.gif") 100% 0 repeat-y; text-decoration:none;}
    #nav a:hover {text-decoration:underline;}
    #nav ul li.active, #nav ul li.active a {font-weight:bold;}
    #nav #feeds {position:absolute; top:9px; right:25px; margin:0;}
    #nav #feeds a:hover {text-decoration:none;}

    #cols {margin-bottom:10px; background:url("../design/cols.gif") 0 0 no-repeat;}
    #cols-in {min-height:430px; padding:20px; background:url("../design/cols-in.gif") 0 100% no-repeat;}
    
        #content {float:right; width:600px;}
        #aside {float:left; width:280px;}
        #content .in, #aside .in {padding:0px;}

    
        #ico-print {padding-right:12px; background:url("../design/ico-print.gif") 0 50% no-repeat;}
        #ico-sitemap {margin-right:10px; padding-right:10px; background:url("../design/ico-sitemap.gif") 0 50% no-repeat;}

        .ico-rss {padding-right:18px; background:url("../design/ico-rss.gif") 0 50% no-repeat;}

    #copy {margin:15px auto 0 auto; width:910px; font-size:90%;}

/* ----------------------------------------------------------------------------------------------------------
4-1) Page: Homepage
---------------------------------------------------------------------------------------------------------- */

#breadcrumbs {margin:0; font-size:90%;}
#breadcrumbs a:hover {text-decoration:none;}
#breadcrumbs span {margin:0 3px;}

#topstory-img {float:right; width:200px;}
#topstory-img img {display:block;}
#topstory-txt {float:right; width:360px; padding-right:15px; 	}
#topstory-txt h3 {margin:0; font-size:140%; font-weight:normal;}
#topstory-txt #topstory-info {margin:0; font-size:90%;}
#topstory-txt .comment {padding-right:12px; background:url("../design/ico-comment.gif") 0 2px no-repeat;}

.cols5050 {clear:both; background:url("../design/dot-01.gif") 0 100% repeat-x;}
.cols5050 .col {float:right; width:297px;}

.cols5050 .col .article {clear:both; margin-bottom:15px;}
.cols5050 .col .article-img {float:right;  margin:0; overflow:hidden; padding:1px;}
.cols5050 .col .article-img-slide{float:right;  margin:0; overflow:hidden; padding:1px; width:200px; height:150px;}
.cols5050 .col .article-img img {display:block;}
.cols5050 .col .article-txt {float:left; width:197px;}
.cols5050 .col .article-txt a{ text-decoration:none;}
.cols5050 .col .article-txt h4 {margin:0; margin-bottom:7px; font-size:110%;}
.cols5050 .col .article-txt p {margin:0; font-size:90%;}

#subnav {margin:0; list-style:none;}
#subnav li {display:inline;}
#subnav li a {display:block; padding:4px 25px 4px 10px; background:url("../design/subnav.gif") 10px 50% no-repeat;}
#subnav li a:hover {text-decoration:none;}
#subnav li.last a {border:0;}

dl#news {margin:0; background:url("../design/dot-02.gif") 3px 0 repeat-y;}
dl#news dt {margin-bottom:3px; padding-right:15px; background:url("../design/news-dt.gif") 0 50% no-repeat; font-weight:bold;}
dl#news dd {margin:0; margin-bottom:10px; padding-right:15px;}
dl#news a:hover {text-decoration:none;}

#gallery-in {padding:15px; background:url("../design/gallery.gif") 0 0 repeat-x;}
#gallery .separator {width:910px; height:2px; margin:10px 0; background:url("../design/separator.gif") 0 0 repeat-x; font-size:0; line-height:0; overflow:hidden;}
#gallery img {margin-right:18px;}
#gallery a.last img {margin:0;}

/* ----------------------------------------------------------------------------------------------------------
5) Others
---------------------------------------------------------------------------------------------------------- */

.t-actualite {
	margin:0;
	padding:3px 10px 3px 3px;
	background:url("../design/g_titre_actu.jpg")  no-repeat;
	font-size:150%;
	font-weight:bold;
	color:#fff;
	
}

.t-sport {
	margin:0;
	padding:3px 10px 3px 3px;
	background:url("../design/g_titre_spo.jpg")  no-repeat;
	font-size:150%;
	font-weight:bold;
	color:#fff;
	
}

.t-culture {
	margin:0;
	padding:3px 10px 3px 3px;
	background:url("../design/g_titre_cont.jpg")  no-repeat;
	font-size:150%;
	font-weight:bold;
	color:#fff;
	
}

.t-television {
	margin:0;
	padding:3px 10px 3px 3px;
	background:url("../design/g_titre_prgm.jpg")  no-repeat;
	font-size:150%;
	font-weight:bold;
	color:#fff;
}

.t-programme {
	margin:0;
	padding:3px 10px 3px 3px;
	background:url("../design/g_titre_gdtv.jpg")  no-repeat;
	font-size:150%;
	font-weight:bold;
	color:#fff;
}

.t-chaine {
	margin:0;
	padding:3px 10px 3px 3px;
	background:url("../design/g_titre_chn.jpg")  no-repeat;
	font-size:150%;
	font-weight:bold;
	color:#fff;
}
.t-contact {
	margin:0;
	padding:3px 10px 3px 3px;
	background:url("../design/g_titre_cont.jpg")  no-repeat;
	font-size:150%;
	font-weight:bold;
	color:#fff;
}

.t-commerciale {
	margin:0;
	padding:3px 10px 3px 3px;
	background:url("../design/g_titre_com.jpg")  no-repeat;
	font-size:150%;
	font-weight:bold;
	color:#fff;
}

.t-agenda {
	margin:0;
	padding:3px 10px 3px 3px;
	background:url("../design/g_titre_agenda.jpg")  no-repeat;
	font-size:150%;
	font-weight:bold;
	color:#fff;
}
.t-video {
	margin:0;
	padding:3px 10px 3px 3px;
	background:url("../design/g_titre_vdjt.jpg")  no-repeat;
	font-size:150%;
	font-weight:bold;
	color:#fff;
}

/* --------------------------------------------------------------------------------- */

.p-actualite {
	margin:0;
	padding:3px 10px 3px 3px;
	background:url("../design/p_titre_actu.jpg")  no-repeat;
	font-size:150%;
	font-weight:bold;
	color:#FFF;
	
	
}

.p-sport {
	margin:0;
	padding:3px 10px 3px 3px;
	background:url("../design/p_titre_spo.jpg")  no-repeat;
	font-size:150%;
	font-weight:bold;
	color:#FFF;
	
}

.p-culture {
	margin:0;
	padding:3px 10px 3px 3px;
	background:url("../design/p_titre_cont.jpg")  no-repeat;
	font-size:150%;
	font-weight:bold;
	color:#FFF;
	
}

.p-modial {
	margin:0;
	padding:3px 10px 3px 3px;
	background:url("../design/p_titre_gcm.jpg")  no-repeat;
	font-size:150%;
	font-weight:bold;
	color:#FFF;
	
}

.p-television {
	margin:0;
	padding:3px 10px 3px 3px;
	background:url("../design/p_titre_prgm.jpg")  no-repeat;
	font-size:150%;
	font-weight:bold;
	color:#FFF;
}
.p-programme {
	margin:0;
	padding:3px 10px 3px 3px;
	background:url("../design/p_titre_gdtv.jpg")  no-repeat;
	font-size:150%;
	font-weight:bold;
	color:#FFF;
}
.p-chaine {
	margin:0;
	padding:3px 10px 3px 3px;
	background:url("../design/p_titre_chn.jpg")  no-repeat;
	font-size:150%;
	font-weight:bold;
	color:#FFF;
}
.p-contact {
	margin:0;
	padding:3px 10px 3px 3px;
	background:url("../design/p_titre_cont.jpg")  no-repeat;
	font-size:150%;
	font-weight:bold;
	color:#FFF;
}
.p-commerciale {
	margin:0;
	padding:3px 10px 3px 3px;
	background:url("../design/p_titre_com.jpg")  no-repeat;
	font-size:150%;
	font-weight:bold;
	color:#FFF;
}

.p-agenda {
	margin:0;
	padding:3px 10px 3px 3px;
	background:url("../design/p_titre_agenda.jpg")  no-repeat;
	font-size:150%;
	font-weight:bold;
	color : #000;
}
.p-video {
	margin:0;
	padding:3px 10px 3px 3px;
	background:url("../design/p_titre_vdjt.jpg")  no-repeat;
	font-size:150%;
	font-weight:bold;
	color:#FFF;
}







.title-02 {background:url("../design/dot-01.gif") 0 60% repeat-x; font-size:100%;}
.title-02 span {padding-left:5px;}
.title-03 {margin:0; padding:3px 15px 3px 3px; background:url("../design/arrow-02.gif") 245px 50% no-repeat; font-size:100%; font-weight:bold;}
.title-04 {margin:0 5px; padding:13px 15px 13px 30px; background:url("../design/title-04.gif") 0 0  repeat-x; font-size:100%; font-weight:bold;}

.more {
	padding-left:15px;
	background-image: url(../design/more.gif);
	background-repeat: no-repeat;
	background-position: 5% 5px;
}
a:hover.more {text-decoration:none;}



#slideshow {
width: 100%;
background-color: #eee;
border: 1px solid #ddd;}

#slideshow ul {
margin: 0;
padding: 0;
list-style-type: none;
height: 1%; /* IE fix */}

#slideshow ul:after {
content: ".";
clear: both;
display: block;
height: 0;
visibility: hidden;}            

/* ---------------------------------------------------- */
/* SLIDESHOW > SLIDES
/* ---------------------------------------------------- */

#slideshow .slides {
overflow: hidden;
width: 100%;}

#slideshow .slides ul {
width: 280px;}

#slideshow .slides li {
width: 600px;
float: left;
padding: 10px;}

#slideshow .slides h2 {
margin-top: 0;}

/* ---------------------------------------------------- */
/* SLIDESHOW > NAVIGATION
/* ---------------------------------------------------- */
#slideshow .slides-nav {
background-color: #ddd;
border-top: 2px solid #ccc;}

#slideshow .slides-nav li {
float: left;}

#slideshow .slides-nav li a {
display: block;
padding: 4px 9px 4px 9px ;
outline: none;}

.js #slideshow .slides-nav li.on,
.js #slideshow .slides-nav li.on a {
background-color: #eee;}

.js #slideshow .slides-nav li.on a {
position: relative;
top: -4px;}

/*-------------------------------------------*/

.prog {
	background-color: #EAE7DB;	
	
	
}


.widget {
	width: 280px;
	background: #f3f1eb;
	border: 1px solid #dedbd1;
	margin-top: 5px;
	
}

	.widget a {
	color: #222;
	text-decoration: none;
	}
	
	.widget a:hover {
	color: #009;
	text-decoration: underline;
	}
.widget1 {
	width: 600px;
	background: #f3f1eb;
	border: 1px solid #dedbd1;
	margin-top: 5px;
	
}

	.widget1 a {
	color: #222;
	text-decoration: none;
	}
	
	.widget1 a:hover {
	color: #009;
	text-decoration: underline;
	}	

     .tabnav ul{
	display: inline;
	list-style: none;
	
	padding:3px 0px 3px 3px;
	}
	.tabnav li {
	display: inline;
	list-style: none;
	padding-right: 5px;
	
	}
	
		.tabnav li a {
		text-decoration: none;
		text-transform: uppercase;
		color: #222;
		font-weight: bold;
		padding: 2px 3px;
		outline: none;
		}
		
		.tabnav li a:hover, .tabnav li a:active, .tabnav li.ui-tabs-selected a {
		background: #dedbd1;
		
		color: #222;
		text-decoration: none;
		}
		
	.tabdiv {
	margin-top: 2px;
	background: #fff;
	border: 1px solid #dedbd1;
	padding: 5px;
	min-height:200px;
	}
	
		.tabdiv li {
		margin-right: 10px;
		display:block;
		width:95%;
		padding:3px 5px 3px 5px;
		}

.ui-tabs-hide {
		display: none;
		}
.programme-empty{  margin:90px 0; padding:5px 5px 5px 0px; font-size:130%;}
		#featuredvid {
		text-align: center;
		}
		
			.fvid {
			margin-bottom: 5px;
			}
		
			.vidselector li {
			text-align: left;
			list-style: none;
			padding: 5px;
			background: #ffffff;
			border: 1px solid #dedbd1;
			text-transform: uppercase;
			margin-bottom: 5px;
			}
			



.panel 							    { padding:5px; font-size:100%;}			
.panel ul 							{ list-style-type: none;}
.panel ul li a 						{
	border-bottom: 1px solid #C1B599;
	color: #303030;
	display: block;
	padding: 7px 5px;
	text-decoration: none;
	
}
.panel ul li:last-child a 			{ /* Remove bottom border on last list item
	   							  	  Hooray for pseudo selectors! */
	border: none;
	text-decoration: none;
}
								  	  /* Unique rollover colors for each list */
.panel ul#culture-list li a:hover 		{
	background-color: #b20202;
	color: white;
	text-decoration: none;
}
.panel ul#television-list li a:hover 		{
	background-color: #923097;
	color: white;
	text-decoration: none;
}
.panel ul#actualite-list li a:hover 	{
	background-color: #1f5293;
	color: white;
	text-decoration: none;
}
.panel ul#sport-list li a:hover 	{
	background-color: #4f7c11;
	color: white;
	text-decoration: none;
}


.panelculture 							    { padding: 2px; font-size:100%;}			
.panelculture ul 							{ width: 290px; list-style-type: none;}
.panelculture ul li a 						{
	border-bottom: 1px solid #C1B599;
	color: #303030;
	display: block;
	padding: 7px 5px;
	text-decoration: none;
	
}
.panelculture ul li:last-child a 			{ /* Remove bottom border on last list item
	   							  	  Hooray for pseudo selectors! */
	border: none;
	text-decoration: none;
}
								  	  /* Unique rollover colors for each list */
.panelculture ul#culture-list li a:hover 		{
	background: #b20202;
	color: white;
	text-decoration: none;
}
.panelculture ul#television-list li a:hover 		{
	background-color: #923097;
	color: white;
	text-decoration: none;
}
.panelculture ul#vector-list li a:hover 	{
	background: #1f5293;
	color: white;
	text-decoration: none;
}
.panelculture ul#sport-list li a:hover 	{
	background-color: #000033;
	color: white;
	text-decoration: none;
}







.panelright 							    { padding: 2px; font-size:100%;}			
.panelright ul 							    { width: 270px; list-style-type: none;}
.panelright ul li a 						{
	border-bottom: 1px solid #C1B599;
	color: #303030;
	display: block;
	padding: 7px 5px;
	text-decoration: none;
	
}
.panelright ul li:last-child a 			{ /* Remove bottom border on last list item
	   							  	  Hooray for pseudo selectors! */
	border: none;
	text-decoration: none;
}
								  	  /* Unique rollover colors for each list */
.panelright ul#culture-list li a:hover 		{
	background-color: #b20202;
	color: white;
	text-decoration: none;
}
.panelright ul#television-list li a:hover 		{
	background-color: #923097;
	color: white;
	text-decoration: none;
}
.panelright ul#vector-list li a:hover 	{
	background-color: #1f5293;
	color: white;
	text-decoration: none;
}
.panelright ul#sport-list li a:hover 	{
	background-color: #4f7c11;
	color: white;
	text-decoration: none;
}


.panelchaine 							        { padding: 2px; font-size:100%; float:left;width: 200px;}			
.panelchaine ul 							    { list-style-type: none;}
.panelchaine ul li a 						{
	border-bottom: 1px solid #C1B599;
	color: #339933;
	display: block;
	padding: 7px 5px;
	text-decoration: none;
	color:#339999;
	
}

.panelchaine  a:hover{
	color:#339933;
	
}

#menu_jour_s
{
background-color:#FFFFCC; 
width:100%; 
height:50px;
}

#menu_jour_s ul{margin:0; padding:0}

#menu_jour_s li{margin:0; padding:0; text-align:left;}

#btnJT{ position:relative; left:20px; top:0px; width:100px; height:20px; background: url('images/transparent-bg.png'); }



<!--tabulation-->

.container {width: 500px; margin: 10px auto;}
ul.tabulation {
	margin: 0;
	padding: 0;
	float: right;
	list-style: none;
	height: 32px;
	border-bottom: 1px solid #999;
	border-right: 1px solid #999;
	width: 100%;
}
ul.tabulation li {
	float: right;
	margin: 0;
	padding: 0;
	height: 31px;
	line-height: 31px;
	border: 1px solid #999;
	border-right: none;
	margin-bottom: -1px;
	background: #e0e0e0;
	overflow: hidden;
	position: relative;
}
ul.tabulation li a {
	text-decoration: none;
	color: #000;
	display: block;
	
	padding: 0 12px;
	border: 1px solid #fff;
	outline: none;
}
ul.tabulation li a:hover {
	background: #ccc;
}	
html ul.tabulation li.active, html ul.tabulation li.active a:hover  {
	background: #fff;
	border-bottom: 1px solid #fff;
}
.tab_container {
	border: 1px solid #999;
	border-top: none;
	clear: both;
	float: right; 
	width: 100%;
	background: #fff;
	-moz-border-radius-bottomleft: 5px;
	-khtml-border-radius-bottomleft: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-bottomright: 5px;
	-khtml-border-radius-bottomright: 5px;
	-webkit-border-bottom-right-radius: 5px;
}
.tab_content {
	padding: 20px;
	
}
.tab_content h2 {
	font-weight: normal;
	padding-bottom: 10px;
	border-bottom: 1px dashed #ddd;
	font-size: 1.8em;
}
.tab_content h3 a{
	color: #254588;
}
.tab_content img {
	float: right;
	margin: 0 20px 20px 0;
	border: 1px solid #ddd;
	padding: 5px;
}


<!--footer-->

#overview h2 {
	color: white;
	margin: 0 0 8px 0;
	}
#footer .highlight {
	background: #4c5155;
	border-top: 1px solid #14171a;
	height: 1px;
	width: 100%;
	margin: 0 0 5px 0;
	float: left;
	}
.footblock {
	line-height: 20px;
	width: 180px;
	margin: 10px;
	float: right;
	}
.footblock p a, #copyright a {
	color: #CEDCE5;
	display: inline;
	border: none;
	}
.footblock a {
	position: relative;
	color: #CACACA;
	display: block;
	cursor: pointer;
	}
.footblock a:hover, .footblock a:hover span, #copyright a:hover { color: white; }
.footblock a:active, .footblock a:active span, #copyright a:active { color: #666; }
.footblock a span {
	position: absolute; left: 0;
	color: #CEDCE5;
	font-size: 10px;
	}
#copyright {
	width: 920px;
	margin: 0 auto;
	padding: 0 0 12px 0;
	}
#copyright .highlight {
	width: 920px;
	margin: 0 0 12px 0;
	}
#copyright .left {
	width: 320px;
	margin: 0 20px 0 0;
	}
	
	
	/* news tiker */
#listticker{
 height: 25px;
 overflow:hidden;
 float:right;

}
	
	

#listticker li{
	border:0; 
/*	margin-right:70px;*/
	padding:0; 
	list-style:none;
}

	#listticker li{
		height:25px;
		padding:3px;
		list-style:none;
	}
		#listticker a{
			color:#FFFFFF;
			text-decoration:none;
		}
		
#listticker .flash{
	float:right;
	padding :0 20px 0 10px;
	padding-top: 3px;
	font-size: 16px;
	font-weight: bold;
	color: #FFFFFF;			
		}
#listticker .news-title{
	float:right;	
	color: #FFFFFF;
}
		
#fond-flash-info{
 background: url('../images/bg-bubplastic.gif') repeat-x;
 width:100%;
 height:30px;
 }		
			

   #nav-lang {
	padding:0px;
	margin:0;
	color:	#FFF;
	float:left;
	font-size:12px;
}
    #nav-lang ul {margin:0; list-style:none; padding:0;}
    #nav-lang ul li {display:inline;}
    #nav-lang ul li a {display:block; float:left; padding:3px 0px 3px 10px; 
	 text-decoration:none; color:#FFF; font-weight:bold;}
    #nav-lang a:hover { color:#CCC;}
    #nav-lang ul li.active, #nav-lang ul li.active a {font-weight:bold;color:#DDD;}